From 599c92e4aed3d44bf1d246968db909e06a48fa10 Mon Sep 17 00:00:00 2001
From: Marcel Gaupp <m.gaupp@tum.de>
Date: Thu, 9 Jan 2025 19:27:17 +0100
Subject: [PATCH 01/16] Programming exercises: Fix programming language feature
 flags (#10110)

---
 ...kinsProgrammingLanguageFeatureService.java |  4 +--
 ...alCIProgrammingLanguageFeatureService.java | 34 +++++++++----------
 2 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/src/main/java/de/tum/cit/aet/artemis/programming/service/jenkins/JenkinsProgrammingLanguageFeatureService.java b/src/main/java/de/tum/cit/aet/artemis/programming/service/jenkins/JenkinsProgrammingLanguageFeatureService.java
index 6ad7b4c65aec..a858a171efd7 100644
--- a/src/main/java/de/tum/cit/aet/artemis/programming/service/jenkins/JenkinsProgrammingLanguageFeatureService.java
+++ b/src/main/java/de/tum/cit/aet/artemis/programming/service/jenkins/JenkinsProgrammingLanguageFeatureService.java
@@ -44,9 +44,9 @@ public JenkinsProgrammingLanguageFeatureService() {
         programmingLanguageFeatures.put(GO, new ProgrammingLanguageFeature(GO, false, false, true, true, false, List.of(), false));
         programmingLanguageFeatures.put(HASKELL, new ProgrammingLanguageFeature(HASKELL, false, false, false, false, true, List.of(), false));
         programmingLanguageFeatures.put(JAVA,
-                new ProgrammingLanguageFeature(JAVA, true, true, true, true, false, List.of(PLAIN_GRADLE, GRADLE_GRADLE, PLAIN_MAVEN, MAVEN_MAVEN, MAVEN_BLACKBOX), true));
+                new ProgrammingLanguageFeature(JAVA, true, true, true, true, false, List.of(PLAIN_GRADLE, GRADLE_GRADLE, PLAIN_MAVEN, MAVEN_MAVEN, MAVEN_BLACKBOX), false));
         programmingLanguageFeatures.put(JAVASCRIPT, new ProgrammingLanguageFeature(JAVASCRIPT, false, false, true, false, false, List.of(), false));
-        programmingLanguageFeatures.put(KOTLIN, new ProgrammingLanguageFeature(KOTLIN, true, false, true, true, false, List.of(), true));
+        programmingLanguageFeatures.put(KOTLIN, new ProgrammingLanguageFeature(KOTLIN, true, false, true, true, false, List.of(), false));
         programmingLanguageFeatures.put(PYTHON, new ProgrammingLanguageFeature(PYTHON, false, false, true, false, false, List.of(), false));
         programmingLanguageFeatures.put(R, new ProgrammingLanguageFeature(R, false, false, true, false, false, List.of(), false));
         programmingLanguageFeatures.put(RUST, new ProgrammingLanguageFeature(RUST, false, false, true, false, false, List.of(), false));
diff --git a/src/main/java/de/tum/cit/aet/artemis/programming/service/localci/LocalCIProgrammingLanguageFeatureService.java b/src/main/java/de/tum/cit/aet/artemis/programming/service/localci/LocalCIProgrammingLanguageFeatureService.java
index b8478cf65daf..0c46a202574b 100644
--- a/src/main/java/de/tum/cit/aet/artemis/programming/service/localci/LocalCIProgrammingLanguageFeatureService.java
+++ b/src/main/java/de/tum/cit/aet/artemis/programming/service/localci/LocalCIProgrammingLanguageFeatureService.java
@@ -43,23 +43,23 @@ public class LocalCIProgrammingLanguageFeatureService extends ProgrammingLanguag
 
     public LocalCIProgrammingLanguageFeatureService() {
         // Must be extended once a new programming language is added
-        programmingLanguageFeatures.put(EMPTY, new ProgrammingLanguageFeature(EMPTY, false, false, false, false, false, List.of(), false));
-        programmingLanguageFeatures.put(ASSEMBLER, new ProgrammingLanguageFeature(ASSEMBLER, false, false, false, false, false, List.of(), false));
-        programmingLanguageFeatures.put(C, new ProgrammingLanguageFeature(C, false, true, true, false, false, List.of(FACT, GCC), false));
-        programmingLanguageFeatures.put(C_PLUS_PLUS, new ProgrammingLanguageFeature(C_PLUS_PLUS, false, false, true, false, false, List.of(), false));
-        programmingLanguageFeatures.put(C_SHARP, new ProgrammingLanguageFeature(C_SHARP, false, false, true, false, false, List.of(), false));
-        programmingLanguageFeatures.put(GO, new ProgrammingLanguageFeature(GO, false, false, true, true, false, List.of(), false));
-        programmingLanguageFeatures.put(HASKELL, new ProgrammingLanguageFeature(HASKELL, true, false, false, false, true, List.of(), false));
+        programmingLanguageFeatures.put(EMPTY, new ProgrammingLanguageFeature(EMPTY, false, false, false, false, false, List.of(), true));
+        programmingLanguageFeatures.put(ASSEMBLER, new ProgrammingLanguageFeature(ASSEMBLER, false, false, false, false, false, List.of(), true));
+        programmingLanguageFeatures.put(C, new ProgrammingLanguageFeature(C, false, true, true, false, false, List.of(FACT, GCC), true));
+        programmingLanguageFeatures.put(C_PLUS_PLUS, new ProgrammingLanguageFeature(C_PLUS_PLUS, false, false, true, false, false, List.of(), true));
+        programmingLanguageFeatures.put(C_SHARP, new ProgrammingLanguageFeature(C_SHARP, false, false, true, false, false, List.of(), true));
+        programmingLanguageFeatures.put(GO, new ProgrammingLanguageFeature(GO, false, false, true, true, false, List.of(), true));
+        programmingLanguageFeatures.put(HASKELL, new ProgrammingLanguageFeature(HASKELL, true, false, false, false, true, List.of(), true));
         programmingLanguageFeatures.put(JAVA,
-                new ProgrammingLanguageFeature(JAVA, true, true, true, true, false, List.of(PLAIN_GRADLE, GRADLE_GRADLE, PLAIN_MAVEN, MAVEN_MAVEN), false));
-        programmingLanguageFeatures.put(JAVASCRIPT, new ProgrammingLanguageFeature(JAVASCRIPT, false, false, true, false, false, List.of(), false));
-        programmingLanguageFeatures.put(KOTLIN, new ProgrammingLanguageFeature(KOTLIN, false, false, true, true, false, List.of(), false));
-        programmingLanguageFeatures.put(OCAML, new ProgrammingLanguageFeature(OCAML, false, false, false, false, true, List.of(), false));
-        programmingLanguageFeatures.put(PYTHON, new ProgrammingLanguageFeature(PYTHON, false, false, true, false, false, List.of(), false));
-        programmingLanguageFeatures.put(R, new ProgrammingLanguageFeature(R, false, false, true, false, false, List.of(), false));
-        programmingLanguageFeatures.put(RUST, new ProgrammingLanguageFeature(RUST, false, false, true, false, false, List.of(), false));
-        programmingLanguageFeatures.put(SWIFT, new ProgrammingLanguageFeature(SWIFT, false, false, true, true, false, List.of(PLAIN), false));
-        programmingLanguageFeatures.put(TYPESCRIPT, new ProgrammingLanguageFeature(TYPESCRIPT, false, false, true, false, false, List.of(), false));
-        programmingLanguageFeatures.put(VHDL, new ProgrammingLanguageFeature(VHDL, false, false, false, false, false, List.of(), false));
+                new ProgrammingLanguageFeature(JAVA, true, true, true, true, false, List.of(PLAIN_GRADLE, GRADLE_GRADLE, PLAIN_MAVEN, MAVEN_MAVEN), true));
+        programmingLanguageFeatures.put(JAVASCRIPT, new ProgrammingLanguageFeature(JAVASCRIPT, false, false, true, false, false, List.of(), true));
+        programmingLanguageFeatures.put(KOTLIN, new ProgrammingLanguageFeature(KOTLIN, false, false, true, true, false, List.of(), true));
+        programmingLanguageFeatures.put(OCAML, new ProgrammingLanguageFeature(OCAML, false, false, false, false, true, List.of(), true));
+        programmingLanguageFeatures.put(PYTHON, new ProgrammingLanguageFeature(PYTHON, false, true, true, false, false, List.of(), true));
+        programmingLanguageFeatures.put(R, new ProgrammingLanguageFeature(R, false, false, true, false, false, List.of(), true));
+        programmingLanguageFeatures.put(RUST, new ProgrammingLanguageFeature(RUST, false, false, true, false, false, List.of(), true));
+        programmingLanguageFeatures.put(SWIFT, new ProgrammingLanguageFeature(SWIFT, false, false, true, true, false, List.of(PLAIN), true));
+        programmingLanguageFeatures.put(TYPESCRIPT, new ProgrammingLanguageFeature(TYPESCRIPT, false, false, true, false, false, List.of(), true));
+        programmingLanguageFeatures.put(VHDL, new ProgrammingLanguageFeature(VHDL, false, false, false, false, false, List.of(), true));
     }
 }

From e0430313848c96168abd93a56c3bdcd8f49818bc Mon Sep 17 00:00:00 2001
From: Paul Rangger <48455539+PaRangger@users.noreply.github.com>
Date: Fri, 10 Jan 2025 17:55:36 +0100
Subject: [PATCH 02/16] Communication: Resolve an issue when displaying replies
 to a post (#10122)

---
 .../course-conversations.component.html                   | 2 +-
 .../course-conversations.component.ts                     | 4 ++++
 .../posting-content-part.components.ts                    | 8 ++++++--
 .../metis/posting-content/posting-content.component.html  | 4 ++--
 .../metis/posting-content/posting-content.components.ts   | 7 +++++++
 5 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/src/main/webapp/app/overview/course-conversations/course-conversations.component.html b/src/main/webapp/app/overview/course-conversations/course-conversations.component.html
index 691e877f45b7..9e5949f415f4 100644
--- a/src/main/webapp/app/overview/course-conversations/course-conversations.component.html
+++ b/src/main/webapp/app/overview/course-conversations/course-conversations.component.html
@@ -54,7 +54,7 @@
                     <jhi-conversation-header (collapseSearch)="toggleChannelSearch()" (onUpdateSidebar)="prepareSidebarData()" />
                     <jhi-conversation-messages
                         [contentHeightDev]="!isProduction || isTestServer"
-                        (openThread)="postInThread = $event"
+                        (openThread)="openThread($event)"
                         [course]="course"
                         [searchbarCollapsed]="channelSearchCollapsed"
                         [focusPostId]="focusPostId"
diff --git a/src/main/webapp/app/overview/course-conversations/course-conversations.component.ts b/src/main/webapp/app/overview/course-conversations/course-conversations.component.ts
index 17a73c85862d..ad2ac6c0a364 100644
--- a/src/main/webapp/app/overview/course-conversations/course-conversations.component.ts
+++ b/src/main/webapp/app/overview/course-conversations/course-conversations.component.ts
@@ -565,6 +565,10 @@ export class CourseConversationsComponent implements OnInit, OnDestroy {
         this.channelSearchCollapsed = !this.channelSearchCollapsed;
     }
 
+    openThread(postToOpen: Post | undefined) {
+        this.postInThread = postToOpen;
+    }
+
     @HostListener('document:keydown', ['$event'])
     handleSearchShortcut(event: KeyboardEvent) {
         if ((event.metaKey || event.ctrlKey) && event.key === 'k') {
diff --git a/src/main/webapp/app/shared/metis/posting-content/posting-content-part/posting-content-part.components.ts b/src/main/webapp/app/shared/metis/posting-content/posting-content-part/posting-content-part.components.ts
index a485184bd3df..b01910f4b81a 100644
--- a/src/main/webapp/app/shared/metis/posting-content/posting-content-part/posting-content-part.components.ts
+++ b/src/main/webapp/app/shared/metis/posting-content/posting-content-part/posting-content-part.components.ts
@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { Component, EventEmitter, Input, OnChanges, OnInit, Output } from '@angular/core';
 import { PostingContentPart, ReferenceType } from '../../metis.util';
 import { FileService } from 'app/shared/http/file.service';
 
@@ -27,7 +27,7 @@ import { AccountService } from 'app/core/auth/account.service';
     templateUrl: './posting-content-part.component.html',
     styleUrls: ['./../../metis.component.scss'],
 })
-export class PostingContentPartComponent implements OnInit {
+export class PostingContentPartComponent implements OnInit, OnChanges {
     @Input() postingContentPart: PostingContentPart;
     @Output() userReferenceClicked = new EventEmitter<string>();
     @Output() channelReferenceClicked = new EventEmitter<number>();
@@ -60,6 +60,10 @@ export class PostingContentPartComponent implements OnInit {
         this.processContent();
     }
 
+    ngOnChanges(): void {
+        this.processContent();
+    }
+
     /**
      * Opens an attachment with the given URL in a new window
      *
diff --git a/src/main/webapp/app/shared/metis/posting-content/posting-content.component.html b/src/main/webapp/app/shared/metis/posting-content/posting-content.component.html
index ecf25fe3a3bb..69edb3cde190 100644
--- a/src/main/webapp/app/shared/metis/posting-content/posting-content.component.html
+++ b/src/main/webapp/app/shared/metis/posting-content/posting-content.component.html
@@ -16,7 +16,7 @@
             <span class="toggle-content" jhiTranslate="{{ showContent ? 'artemisApp.metis.post.collapseContent' : 'artemisApp.metis.post.showContent' }}"></span>
             @if (showContent) {
                 <div>
-                    @for (postingContentPart of postingContentParts(); track $index) {
+                    @for (postingContentPart of postingContentParts(); track contentPartTrack($index)) {
                         <jhi-posting-content-part
                             [postingContentPart]="postingContentPart"
                             (userReferenceClicked)="userReferenceClicked.emit($event)"
@@ -33,7 +33,7 @@
     <!-- not in preview mode: content always shown -->
     @if (!previewMode) {
         <div class="pb-1">
-            @for (postingContentPart of postingContentParts(); track $index) {
+            @for (postingContentPart of postingContentParts(); track contentPartTrack($index)) {
                 <jhi-posting-content-part
                     [postingContentPart]="postingContentPart"
                     (userReferenceClicked)="userReferenceClicked.emit($event)"
diff --git a/src/main/webapp/app/shared/metis/posting-content/posting-content.components.ts b/src/main/webapp/app/shared/metis/posting-content/posting-content.components.ts
index 2d8b84e2b71b..e9c4d58195cb 100644
--- a/src/main/webapp/app/shared/metis/posting-content/posting-content.components.ts
+++ b/src/main/webapp/app/shared/metis/posting-content/posting-content.components.ts
@@ -63,6 +63,9 @@ export class PostingContentComponent implements OnInit, OnChanges, OnDestroy {
         if (!this.isSubscribeToMetis()) {
             this.computeContentPartsOfPosts();
         }
+
+        const patternMatches: PatternMatch[] = this.getPatternMatches();
+        this.computePostingContentParts(patternMatches);
     }
 
     /**
@@ -253,4 +256,8 @@ export class PostingContentComponent implements OnInit, OnChanges, OnDestroy {
         }
         return patternMatches;
     }
+
+    contentPartTrack(index: number) {
+        return this.posting?.id + '_' + index;
+    }
 }

From b24d306d899e929fa887653a108c96ce3541e037 Mon Sep 17 00:00:00 2001
From: Paul Rangger <48455539+PaRangger@users.noreply.github.com>
Date: Sun, 12 Jan 2025 11:29:13 +0100
Subject: [PATCH 03/16] Development: Add client test to check reactivity of
 post content (#10126)

---
 .../posting-content-part.components.ts        |  2 +-
 .../posting-content-part.component.spec.ts    | 40 +++++++++++++++++++
 2 files changed, 41 insertions(+), 1 deletion(-)

diff --git a/src/main/webapp/app/shared/metis/posting-content/posting-content-part/posting-content-part.components.ts b/src/main/webapp/app/shared/metis/posting-content/posting-content-part/posting-content-part.components.ts
index b01910f4b81a..e194a5f162eb 100644
--- a/src/main/webapp/app/shared/metis/posting-content/posting-content-part/posting-content-part.components.ts
+++ b/src/main/webapp/app/shared/metis/posting-content/posting-content-part/posting-content-part.components.ts
@@ -60,7 +60,7 @@ export class PostingContentPartComponent implements OnInit, OnChanges {
         this.processContent();
     }
 
-    ngOnChanges(): void {
+    ngOnChanges() {
         this.processContent();
     }
 
diff --git a/src/test/javascript/spec/component/shared/metis/posting-content/posting-content-part.component.spec.ts b/src/test/javascript/spec/component/shared/metis/posting-content/posting-content-part.component.spec.ts
index 5a64278b8145..6020aee32a3b 100644
--- a/src/test/javascript/spec/component/shared/metis/posting-content/posting-content-part.component.spec.ts
+++ b/src/test/javascript/spec/component/shared/metis/posting-content/posting-content-part.component.spec.ts
@@ -316,4 +316,44 @@ describe('PostingContentPartComponent', () => {
             expect(escapedContent).toBe('1\\.  Numbered item\n\\- Unordered item\n2\\.  Another numbered item\n\\- Another unordered item');
         });
     });
+
+    describe('PostingContentPart Reactivity', () => {
+        it('should update display when postingContentPart changes', () => {
+            component.postingContentPart = {
+                contentBeforeReference: 'Initial content',
+                linkToReference: undefined,
+                queryParams: undefined,
+                referenceStr: undefined,
+                contentAfterReference: undefined,
+            } as PostingContentPart;
+            fixture.detectChanges();
+
+            const initialMarkdownElements = getElements(debugElement, '.markdown-preview');
+            expect(initialMarkdownElements).toHaveLength(1);
+            expect(initialMarkdownElements![0].innerHTML).toBe('<p class="inline-paragraph">Initial content</p>');
+
+            fixture.componentRef.setInput('postingContentPart', {
+                contentBeforeReference: 'Updated content before',
+                linkToReference: ['/course/1'],
+                queryParams: { searchText: '#123' },
+                referenceStr: '#123',
+                referenceType: ReferenceType.POST,
+                contentAfterReference: 'Updated content after',
+            } as PostingContentPart);
+            fixture.detectChanges();
+
+            const updatedMarkdownElements = getElements(debugElement, '.markdown-preview');
+            expect(updatedMarkdownElements).toHaveLength(2);
+            expect(updatedMarkdownElements![0].innerHTML).toBe('<p class="inline-paragraph">Updated content before</p>');
+            expect(updatedMarkdownElements![1].innerHTML).toBe('<p class="inline-paragraph">Updated content after</p>');
+
+            const referenceLink = getElement(debugElement, '.reference');
+            expect(referenceLink).not.toBeNull();
+            expect(referenceLink.innerHTML).toInclude('#123');
+
+            const icon = getElement(debugElement, 'fa-icon');
+            expect(icon).not.toBeNull();
+            expect(icon.innerHTML).toInclude('fa fa-message');
+        });
+    });
 });

From e62cefe6d19751fb8ad1befe544d39a4c4314f62 Mon Sep 17 00:00:00 2001
From: Marcel Gaupp <m.gaupp@tum.de>
Date: Sun, 12 Jan 2025 11:33:38 +0100
Subject: [PATCH 04/16] Programming exercises: Add Bash programming exercise
 template (#10089)

---
 .../programming-exercise-features.inc         |  4 ++
 .../domain/ProgrammingLanguage.java           |  1 +
 .../service/TemplateUpgradePolicyService.java |  5 +-
 .../ci/ContinuousIntegrationService.java      |  8 +--
 ...kinsProgrammingLanguageFeatureService.java |  2 +
 .../build_plan/JenkinsBuildPlanService.java   |  4 +-
 ...alCIProgrammingLanguageFeatureService.java |  2 +
 src/main/resources/config/application.yml     |  2 +
 .../templates/aeolus/bash/default.sh          | 33 +++++++++
 .../templates/aeolus/bash/default.yaml        | 15 ++++
 .../templates/bash/exercise/script.bash       | 14 ++++
 src/main/resources/templates/bash/readme      | 26 +++++++
 .../templates/bash/solution/script.bash       | 13 ++++
 .../resources/templates/bash/test/test.bats   | 72 +++++++++++++++++++
 .../templates/bash/test/test_data/numbers.txt |  3 +
 .../bash/test/test_data/numbers_expected.txt  |  3 +
 .../bash/test/test_data/rename_me.txt         |  1 +
 .../bash/test/test_helper/common-setup.bash   | 34 +++++++++
 .../jenkins/bash/regularRuns/pipeline.groovy  | 55 ++++++++++++++
 .../programming/programming-exercise.model.ts |  1 +
 src/test/resources/config/application.yml     |  2 +
 21 files changed, 292 insertions(+), 8 deletions(-)
 create mode 100644 src/main/resources/templates/aeolus/bash/default.sh
 create mode 100644 src/main/resources/templates/aeolus/bash/default.yaml
 create mode 100644 src/main/resources/templates/bash/exercise/script.bash
 create mode 100644 src/main/resources/templates/bash/readme
 create mode 100644 src/main/resources/templates/bash/solution/script.bash
 create mode 100644 src/main/resources/templates/bash/test/test.bats
 create mode 100644 src/main/resources/templates/bash/test/test_data/numbers.txt
 create mode 100644 src/main/resources/templates/bash/test/test_data/numbers_expected.txt
 create mode 100644 src/main/resources/templates/bash/test/test_data/rename_me.txt
 create mode 100644 src/main/resources/templates/bash/test/test_helper/common-setup.bash
 create mode 100644 src/main/resources/templates/jenkins/bash/regularRuns/pipeline.groovy

diff --git a/docs/user/exercises/programming-exercise-features.inc b/docs/user/exercises/programming-exercise-features.inc
index 1b43ab3cae7b..2c29ff79a1f4 100644
--- a/docs/user/exercises/programming-exercise-features.inc
+++ b/docs/user/exercises/programming-exercise-features.inc
@@ -47,6 +47,8 @@ Instructors can still use those templates to generate programming exercises and
   +----------------------+----------+---------+
   | Go                   | yes      | yes     |
   +----------------------+----------+---------+
+  | Bash                 | yes      | yes     |
+  +----------------------+----------+---------+
 
 - Not all ``templates`` support the same feature set and supported features can also change depending on the continuous integration system setup.
   Depending on the feature set, some options might not be available during the creation of the programming exercise.
@@ -91,6 +93,8 @@ Instructors can still use those templates to generate programming exercises and
   +----------------------+----------------------+----------------------+---------------------+--------------+------------------------------------------+------------------------------+------------------------+
   | Go                   | no                   | no                   | yes                 | yes          | n/a                                      | no                           | L: yes, J: no          |
   +----------------------+----------------------+----------------------+---------------------+--------------+------------------------------------------+------------------------------+------------------------+
+  | Bash                 | no                   | no                   | no                  | no           | n/a                                      | no                           | L: yes, J: no          |
+  +----------------------+----------------------+----------------------+---------------------+--------------+------------------------------------------+------------------------------+------------------------+
 
   - *Sequential Test Runs*: ``Artemis`` can generate a build plan which first executes structural and then behavioral tests. This feature can help students to better concentrate on the immediate challenge at hand.
   - *Static Code Analysis*: ``Artemis`` can generate a build plan which additionally executes static code analysis tools.
diff --git a/src/main/java/de/tum/cit/aet/artemis/programming/domain/ProgrammingLanguage.java b/src/main/java/de/tum/cit/aet/artemis/programming/domain/ProgrammingLanguage.java
index fa3aa6d65577..0c4894182e1e 100644
--- a/src/main/java/de/tum/cit/aet/artemis/programming/domain/ProgrammingLanguage.java
+++ b/src/main/java/de/tum/cit/aet/artemis/programming/domain/ProgrammingLanguage.java
@@ -39,6 +39,7 @@ public enum ProgrammingLanguage {
 
     private static final Set<ProgrammingLanguage> ENABLED_LANGUAGES = Set.of(
         ASSEMBLER,
+        BASH,
         C,
         C_PLUS_PLUS,
         C_SHARP,
diff --git a/src/main/java/de/tum/cit/aet/artemis/programming/service/TemplateUpgradePolicyService.java b/src/main/java/de/tum/cit/aet/artemis/programming/service/TemplateUpgradePolicyService.java
index a60e8be4b050..9dd3249bd1a4 100644
--- a/src/main/java/de/tum/cit/aet/artemis/programming/service/TemplateUpgradePolicyService.java
+++ b/src/main/java/de/tum/cit/aet/artemis/programming/service/TemplateUpgradePolicyService.java
@@ -32,8 +32,9 @@ public TemplateUpgradePolicyService(JavaTemplateUpgradeService javaRepositoryUpg
     public TemplateUpgradeService getUpgradeService(ProgrammingLanguage programmingLanguage) {
         return switch (programmingLanguage) {
             case JAVA -> javaRepositoryUpgradeService;
-            case KOTLIN, PYTHON, C, HASKELL, VHDL, ASSEMBLER, SWIFT, OCAML, EMPTY, RUST, JAVASCRIPT, R, C_PLUS_PLUS, TYPESCRIPT, C_SHARP, GO -> defaultRepositoryUpgradeService;
-            case SQL, MATLAB, BASH, RUBY, POWERSHELL, ADA, DART, PHP -> throw new UnsupportedOperationException("Unsupported programming language: " + programmingLanguage);
+            case KOTLIN, PYTHON, C, HASKELL, VHDL, ASSEMBLER, SWIFT, OCAML, EMPTY, RUST, JAVASCRIPT, R, C_PLUS_PLUS, TYPESCRIPT, C_SHARP, GO, BASH ->
+                defaultRepositoryUpgradeService;
+            case SQL, MATLAB, RUBY, POWERSHELL, ADA, DART, PHP -> throw new UnsupportedOperationException("Unsupported programming language: " + programmingLanguage);
         };
     }
 }
diff --git a/src/main/java/de/tum/cit/aet/artemis/programming/service/ci/ContinuousIntegrationService.java b/src/main/java/de/tum/cit/aet/artemis/programming/service/ci/ContinuousIntegrationService.java
index 9fb2ac0b6f56..3f14c1b2a015 100644
--- a/src/main/java/de/tum/cit/aet/artemis/programming/service/ci/ContinuousIntegrationService.java
+++ b/src/main/java/de/tum/cit/aet/artemis/programming/service/ci/ContinuousIntegrationService.java
@@ -219,8 +219,8 @@ enum RepositoryCheckoutPath implements CustomizableCheckoutPath {
             @Override
             public String forProgrammingLanguage(ProgrammingLanguage language) {
                 return switch (language) {
-                    case JAVA, PYTHON, C, HASKELL, KOTLIN, VHDL, ASSEMBLER, SWIFT, OCAML, EMPTY, RUST, JAVASCRIPT, R, C_PLUS_PLUS, TYPESCRIPT, C_SHARP, GO -> "assignment";
-                    case SQL, MATLAB, BASH, RUBY, POWERSHELL, ADA, DART, PHP -> throw new UnsupportedOperationException("Unsupported programming language: " + language);
+                    case JAVA, PYTHON, C, HASKELL, KOTLIN, VHDL, ASSEMBLER, SWIFT, OCAML, EMPTY, RUST, JAVASCRIPT, R, C_PLUS_PLUS, TYPESCRIPT, C_SHARP, GO, BASH -> "assignment";
+                    case SQL, MATLAB, RUBY, POWERSHELL, ADA, DART, PHP -> throw new UnsupportedOperationException("Unsupported programming language: " + language);
                 };
             }
         },
@@ -230,8 +230,8 @@ public String forProgrammingLanguage(ProgrammingLanguage language) {
             public String forProgrammingLanguage(ProgrammingLanguage language) {
                 return switch (language) {
                     case JAVA, PYTHON, HASKELL, KOTLIN, SWIFT, EMPTY, RUST, JAVASCRIPT, R, C_PLUS_PLUS, TYPESCRIPT -> "";
-                    case C, VHDL, ASSEMBLER, OCAML, C_SHARP, GO -> "tests";
-                    case SQL, MATLAB, BASH, RUBY, POWERSHELL, ADA, DART, PHP -> throw new UnsupportedOperationException("Unsupported programming language: " + language);
+                    case C, VHDL, ASSEMBLER, OCAML, C_SHARP, GO, BASH -> "tests";
+                    case SQL, MATLAB, RUBY, POWERSHELL, ADA, DART, PHP -> throw new UnsupportedOperationException("Unsupported programming language: " + language);
                 };
             }
         },
diff --git a/src/main/java/de/tum/cit/aet/artemis/programming/service/jenkins/JenkinsProgrammingLanguageFeatureService.java b/src/main/java/de/tum/cit/aet/artemis/programming/service/jenkins/JenkinsProgrammingLanguageFeatureService.java
index a858a171efd7..41b1254cbb7e 100644
--- a/src/main/java/de/tum/cit/aet/artemis/programming/service/jenkins/JenkinsProgrammingLanguageFeatureService.java
+++ b/src/main/java/de/tum/cit/aet/artemis/programming/service/jenkins/JenkinsProgrammingLanguageFeatureService.java
@@ -1,5 +1,6 @@
 package de.tum.cit.aet.artemis.programming.service.jenkins;
 
+import static de.tum.cit.aet.artemis.programming.domain.ProgrammingLanguage.BASH;
 import static de.tum.cit.aet.artemis.programming.domain.ProgrammingLanguage.C;
 import static de.tum.cit.aet.artemis.programming.domain.ProgrammingLanguage.C_PLUS_PLUS;
 import static de.tum.cit.aet.artemis.programming.domain.ProgrammingLanguage.C_SHARP;
@@ -38,6 +39,7 @@ public class JenkinsProgrammingLanguageFeatureService extends ProgrammingLanguag
     public JenkinsProgrammingLanguageFeatureService() {
         // Must be extended once a new programming language is added
         programmingLanguageFeatures.put(EMPTY, new ProgrammingLanguageFeature(EMPTY, false, false, false, false, false, List.of(), false));
+        programmingLanguageFeatures.put(BASH, new ProgrammingLanguageFeature(BASH, false, false, false, false, false, List.of(), false));
         programmingLanguageFeatures.put(C, new ProgrammingLanguageFeature(C, false, false, true, false, false, List.of(FACT, GCC), false));
         programmingLanguageFeatures.put(C_PLUS_PLUS, new ProgrammingLanguageFeature(C_PLUS_PLUS, false, false, true, false, false, List.of(), false));
         programmingLanguageFeatures.put(C_SHARP, new ProgrammingLanguageFeature(C_SHARP, false, false, true, false, false, List.of(), false));
diff --git a/src/main/java/de/tum/cit/aet/artemis/programming/service/jenkins/build_plan/JenkinsBuildPlanService.java b/src/main/java/de/tum/cit/aet/artemis/programming/service/jenkins/build_plan/JenkinsBuildPlanService.java
index c54b617d5546..4975c4ce9a17 100644
--- a/src/main/java/de/tum/cit/aet/artemis/programming/service/jenkins/build_plan/JenkinsBuildPlanService.java
+++ b/src/main/java/de/tum/cit/aet/artemis/programming/service/jenkins/build_plan/JenkinsBuildPlanService.java
@@ -185,8 +185,8 @@ private JenkinsXmlConfigBuilder builderFor(ProgrammingLanguage programmingLangua
             throw new UnsupportedOperationException("Xcode templates are not available for Jenkins.");
         }
         return switch (programmingLanguage) {
-            case JAVA, KOTLIN, PYTHON, C, HASKELL, SWIFT, EMPTY, RUST, JAVASCRIPT, R, C_PLUS_PLUS, TYPESCRIPT, C_SHARP, GO -> jenkinsBuildPlanCreator;
-            case VHDL, ASSEMBLER, OCAML, SQL, MATLAB, BASH, RUBY, POWERSHELL, ADA, DART, PHP ->
+            case JAVA, KOTLIN, PYTHON, C, HASKELL, SWIFT, EMPTY, RUST, JAVASCRIPT, R, C_PLUS_PLUS, TYPESCRIPT, C_SHARP, GO, BASH -> jenkinsBuildPlanCreator;
+            case VHDL, ASSEMBLER, OCAML, SQL, MATLAB, RUBY, POWERSHELL, ADA, DART, PHP ->
                 throw new UnsupportedOperationException(programmingLanguage + " templates are not available for Jenkins.");
         };
     }
diff --git a/src/main/java/de/tum/cit/aet/artemis/programming/service/localci/LocalCIProgrammingLanguageFeatureService.java b/src/main/java/de/tum/cit/aet/artemis/programming/service/localci/LocalCIProgrammingLanguageFeatureService.java
index 0c46a202574b..e9c7e13b8659 100644
--- a/src/main/java/de/tum/cit/aet/artemis/programming/service/localci/LocalCIProgrammingLanguageFeatureService.java
+++ b/src/main/java/de/tum/cit/aet/artemis/programming/service/localci/LocalCIProgrammingLanguageFeatureService.java
@@ -2,6 +2,7 @@
 
 import static de.tum.cit.aet.artemis.core.config.Constants.PROFILE_LOCALCI;
 import static de.tum.cit.aet.artemis.programming.domain.ProgrammingLanguage.ASSEMBLER;
+import static de.tum.cit.aet.artemis.programming.domain.ProgrammingLanguage.BASH;
 import static de.tum.cit.aet.artemis.programming.domain.ProgrammingLanguage.C;
 import static de.tum.cit.aet.artemis.programming.domain.ProgrammingLanguage.C_PLUS_PLUS;
 import static de.tum.cit.aet.artemis.programming.domain.ProgrammingLanguage.C_SHARP;
@@ -45,6 +46,7 @@ public LocalCIProgrammingLanguageFeatureService() {
         // Must be extended once a new programming language is added
         programmingLanguageFeatures.put(EMPTY, new ProgrammingLanguageFeature(EMPTY, false, false, false, false, false, List.of(), true));
         programmingLanguageFeatures.put(ASSEMBLER, new ProgrammingLanguageFeature(ASSEMBLER, false, false, false, false, false, List.of(), true));
+        programmingLanguageFeatures.put(BASH, new ProgrammingLanguageFeature(BASH, false, false, false, false, false, List.of(), true));
         programmingLanguageFeatures.put(C, new ProgrammingLanguageFeature(C, false, true, true, false, false, List.of(FACT, GCC), true));
         programmingLanguageFeatures.put(C_PLUS_PLUS, new ProgrammingLanguageFeature(C_PLUS_PLUS, false, false, true, false, false, List.of(), true));
         programmingLanguageFeatures.put(C_SHARP, new ProgrammingLanguageFeature(C_SHARP, false, false, true, false, false, List.of(), true));
diff --git a/src/main/resources/config/application.yml b/src/main/resources/config/application.yml
index 82611f9ceac2..b4984ea6cf97 100644
--- a/src/main/resources/config/application.yml
+++ b/src/main/resources/config/application.yml
@@ -95,6 +95,8 @@ artemis:
                     default: "ghcr.io/ls1intum/artemis-javascript-docker:v1.0.0"
                 r:
                     default: "ghcr.io/ls1intum/artemis-r-docker:v1.0.0"
+                bash:
+                    default: "ghcr.io/ls1intum/artemis-bash-docker:v1.0.0"
                 c_plus_plus:
                     default: "ghcr.io/ls1intum/artemis-cpp-docker:v1.0.0"
                 c_sharp:
diff --git a/src/main/resources/templates/aeolus/bash/default.sh b/src/main/resources/templates/aeolus/bash/default.sh
new file mode 100644
index 000000000000..252faca6aaad
--- /dev/null
+++ b/src/main/resources/templates/aeolus/bash/default.sh
@@ -0,0 +1,33 @@
+#!/usr/bin/env bash
+set -e
+export AEOLUS_INITIAL_DIRECTORY=${PWD}
+set_permissions () {
+  echo '⚙️ executing set_permissions'
+  find "${studentParentWorkingDirectoryName}" -type f -exec chmod +x "{}" +
+}
+
+create_results_directory () {
+  echo '⚙️ executing create_results_directory'
+  mkdir results
+}
+
+test () {
+  echo '⚙️ executing test'
+  bats --report-formatter junit --output results "${testWorkingDirectory}" || true
+}
+
+main () {
+  if [[ "${1}" == "aeolus_sourcing" ]]; then
+    return 0 # just source to use the methods in the subshell, no execution
+  fi
+  local _script_name
+  _script_name=${BASH_SOURCE[0]:-$0}
+  cd "${AEOLUS_INITIAL_DIRECTORY}"
+  bash -c "source ${_script_name} aeolus_sourcing; set_permissions"
+  cd "${AEOLUS_INITIAL_DIRECTORY}"
+  bash -c "source ${_script_name} aeolus_sourcing; create_results_directory"
+  cd "${AEOLUS_INITIAL_DIRECTORY}"
+  bash -c "source ${_script_name} aeolus_sourcing; test"
+}
+
+main "${@}"
diff --git a/src/main/resources/templates/aeolus/bash/default.yaml b/src/main/resources/templates/aeolus/bash/default.yaml
new file mode 100644
index 000000000000..8852c4ac60e9
--- /dev/null
+++ b/src/main/resources/templates/aeolus/bash/default.yaml
@@ -0,0 +1,15 @@
+api: v0.0.1
+metadata:
+  name: "Bash"
+  id: bash
+actions:
+  - name: set_permissions
+    script: 'find "${studentParentWorkingDirectoryName}" -type f -exec chmod +x "{}" +'
+  - name: create_results_directory
+    script: 'mkdir results'
+  - name: test
+    script: 'bats --report-formatter junit --output results "${testWorkingDirectory}" || true'
+    results:
+      - name: Bats Test Results
+        path: "results/*.xml"
+        type: junit
diff --git a/src/main/resources/templates/bash/exercise/script.bash b/src/main/resources/templates/bash/exercise/script.bash
new file mode 100644
index 000000000000..1c4b4ceea780
--- /dev/null
+++ b/src/main/resources/templates/bash/exercise/script.bash
@@ -0,0 +1,14 @@
+# TODO: add shebang
+
+# TODO: list directory entries
+
+# TODO: create create_me.txt
+
+# TODO: delete delete_me.txt
+
+# TODO: rename rename_me.txt to renamed.txt
+
+# TODO: replace 2.718 with 3.1415 in numbers.txt
+
+# TODO: exit with an successful status code
+exit 1
diff --git a/src/main/resources/templates/bash/readme b/src/main/resources/templates/bash/readme
new file mode 100644
index 000000000000..39a96890d707
--- /dev/null
+++ b/src/main/resources/templates/bash/readme
@@ -0,0 +1,26 @@
+# Bash Scripting Exercise
+
+This exercise is designed to help you practice basic Bash scripting skills.
+Complete the following tasks by writing a Bash script that performs each action.
+
+1. [task][Add a Shebang](shebang,shebang_custom_message)
+Insert a "shebang" at the top of your script to specify that it should be executed with Bash.
+Assume Bash is installed at a standard path.
+
+2. [task][List Directory Entries](list_dir)
+Write a command to list all entries in the current directory, including hidden files, and print the output to the terminal.
+
+3. [task][Create File](file_creation)
+Create a file named `create_me.txt` in the current directory.
+
+4. [task][Delete a File](file_deletion)
+Delete the file named `delete_me.txt` from the current directory.
+
+5. [task][Rename a File](rename)
+Rename the file `rename_me.txt` to `renamed.txt`.
+
+6. [task][Find and Replace Text](replace)
+Replace all occurrences of the number `2.718` with `3.1415` in the file `numbers.txt`. Ensure the changes are saved.
+
+7. [task][Exit with Success](status_code)
+Exit the script with a successful status code.
diff --git a/src/main/resources/templates/bash/solution/script.bash b/src/main/resources/templates/bash/solution/script.bash
new file mode 100644
index 000000000000..aaa638f3dd4f
--- /dev/null
+++ b/src/main/resources/templates/bash/solution/script.bash
@@ -0,0 +1,13 @@
+#!/usr/bin/env bash
+
+ls -a
+
+touch create_me.txt
+
+rm delete_me.txt
+
+mv rename_me.txt renamed.txt
+
+sed -i 's/2\.718/3.1415/g' numbers.txt
+
+exit 0
diff --git a/src/main/resources/templates/bash/test/test.bats b/src/main/resources/templates/bash/test/test.bats
new file mode 100644
index 000000000000..272af881969f
--- /dev/null
+++ b/src/main/resources/templates/bash/test/test.bats
@@ -0,0 +1,72 @@
+setup_file() {
+    BATS_TEST_TIMEOUT=10
+}
+
+setup() {
+    load "test_helper/common-setup"
+    _common_setup
+
+    TEST_DATA="$BATS_TEST_DIRNAME/test_data"
+
+    cp "$TEST_DATA"/{numbers.txt,rename_me.txt} "$BATS_TEST_TMPDIR"
+
+    cd "$BATS_TEST_TMPDIR"
+    touch delete_me.txt
+    touch .hidden
+}
+
+@test "shebang" {
+    first_line=$(head -n 1 "$ASSIGNMENT_ROOT/script.bash")
+    assert_regex "$first_line" '^#!(/usr)?/bin/(env )?bash$'
+}
+
+@test "shebang_custom_message" {
+    first_line=$(head -n 1 "$ASSIGNMENT_ROOT/script.bash")
+
+    if ! assert_regex "$first_line" '^#!(/usr)?/bin/(env )?bash$' 2>/dev/null; then
+        echo "$first_line" \
+        | batslib_decorate "first line is not a valid shebang" \
+        | fail
+    fi
+}
+
+@test "list_dir" {
+    run script.bash
+
+    assert_output --partial delete_me.txt
+    assert_output --partial numbers.txt
+    assert_output --partial rename_me.txt
+    assert_output --partial .hidden
+}
+
+@test "file_creation" {
+    run script.bash
+
+    assert_file_exists create_me.txt
+}
+
+@test "file_deletion" {
+    run script.bash
+
+    assert_file_not_exists delete_me.txt
+}
+
+@test "rename" {
+    run script.bash
+
+    assert_file_not_exists rename_me.txt
+    assert_file_exists renamed.txt
+    _assert_file_contents renamed.txt "$TEST_DATA/rename_me.txt"
+}
+
+@test "replace" {
+    run script.bash
+
+    _assert_file_contents numbers.txt "$TEST_DATA/numbers_expected.txt"
+}
+
+@test "status_code" {
+    run script.bash
+
+    assert_success
+}
diff --git a/src/main/resources/templates/bash/test/test_data/numbers.txt b/src/main/resources/templates/bash/test/test_data/numbers.txt
new file mode 100644
index 000000000000..a252bd33309e
--- /dev/null
+++ b/src/main/resources/templates/bash/test/test_data/numbers.txt
@@ -0,0 +1,3 @@
+2.718
+2.718 2.718 2.718
+21718
diff --git a/src/main/resources/templates/bash/test/test_data/numbers_expected.txt b/src/main/resources/templates/bash/test/test_data/numbers_expected.txt
new file mode 100644
index 000000000000..44121ba5f026
--- /dev/null
+++ b/src/main/resources/templates/bash/test/test_data/numbers_expected.txt
@@ -0,0 +1,3 @@
+3.1415
+3.1415 3.1415 3.1415
+21718
diff --git a/src/main/resources/templates/bash/test/test_data/rename_me.txt b/src/main/resources/templates/bash/test/test_data/rename_me.txt
new file mode 100644
index 000000000000..0bc73a7a2f76
--- /dev/null
+++ b/src/main/resources/templates/bash/test/test_data/rename_me.txt
@@ -0,0 +1 @@
+example content
diff --git a/src/main/resources/templates/bash/test/test_helper/common-setup.bash b/src/main/resources/templates/bash/test/test_helper/common-setup.bash
new file mode 100644
index 000000000000..23bca120a979
--- /dev/null
+++ b/src/main/resources/templates/bash/test/test_helper/common-setup.bash
@@ -0,0 +1,34 @@
+_common_setup() {
+    bats_load_library "bats-support"
+    bats_load_library "bats-assert"
+    bats_load_library "bats-file"
+
+    PROJECT_ROOT="$( cd "$BATS_TEST_DIRNAME/.." >/dev/null 2>&1 && pwd )"
+    ASSIGNMENT_ROOT="$PROJECT_ROOT/${studentParentWorkingDirectoryName}"
+
+    PATH="$ASSIGNMENT_ROOT:$PATH"
+}
+
+# _assert_file_contents
+# ============
+#
+# Fail if the actual and expected file contents differ.
+#
+# Usage: _assert_file_contents <actual_path> <expected_path>
+#
+# IO:
+#   STDERR - unified diff, on failure
+# Options:
+#   <actual_path>      The file being compared.
+#   <expected_path>    The file to compare against.
+_assert_file_contents() {
+    if ! diff_output=$(diff -u --label="actual" --label="expected" "$1" "$2" 2>&1); then
+        echo "$diff_output" \
+        | batslib_decorate "$1: file contents differ" \
+        | fail
+    fi
+}
+
+# reduce output
+bats_print_stack_trace() { :; }
+bats_print_failed_command() { :; }
diff --git a/src/main/resources/templates/jenkins/bash/regularRuns/pipeline.groovy b/src/main/resources/templates/jenkins/bash/regularRuns/pipeline.groovy
new file mode 100644
index 000000000000..da257affb46e
--- /dev/null
+++ b/src/main/resources/templates/jenkins/bash/regularRuns/pipeline.groovy
@@ -0,0 +1,55 @@
+/*
+ * This file configures the actual build steps for the automatic grading.
+ *
+ * !!!
+ * For regular exercises, there is no need to make changes to this file.
+ * Only this base configuration is actively supported by the Artemis maintainers
+ * and/or your Artemis instance administrators.
+ * !!!
+ */
+
+dockerImage = '#dockerImage'
+dockerFlags = '#dockerArgs'
+
+/**
+ * Main function called by Jenkins.
+ */
+void testRunner() {
+    docker.image(dockerImage).inside(dockerFlags) { c ->
+        runTestSteps()
+    }
+}
+
+private void runTestSteps() {
+    test()
+}
+
+/**
+ * Run unit tests
+ */
+private void test() {
+    stage('Set Permissions') {
+        sh 'find ./assignment -type f -exec chmod +x "{}" +'
+    }
+    stage('Create Results Directory') {
+        sh 'mkdir results'
+    }
+    stage('Test') {
+        sh 'bats --report-formatter junit --output results ./tests || true'
+    }
+}
+
+/**
+ * Script of the post build tasks aggregating all JUnit files in $WORKSPACE/results.
+ *
+ * Called by Jenkins.
+ */
+void postBuildTasks() {
+    sh '''
+    sed -i 's/[^[:print:]\t]/�/g' $WORKSPACE/results/*.xml || true
+    '''
+}
+
+// very important, do not remove
+// required so that Jenkins finds the methods defined in this script
+return this
diff --git a/src/main/webapp/app/entities/programming/programming-exercise.model.ts b/src/main/webapp/app/entities/programming/programming-exercise.model.ts
index bd9246f8569e..ece9e6d6989c 100644
--- a/src/main/webapp/app/entities/programming/programming-exercise.model.ts
+++ b/src/main/webapp/app/entities/programming/programming-exercise.model.ts
@@ -14,6 +14,7 @@ import dayjs from 'dayjs/esm';
 export enum ProgrammingLanguage {
     EMPTY = 'EMPTY',
     ASSEMBLER = 'ASSEMBLER',
+    BASH = 'BASH',
     C = 'C',
     C_PLUS_PLUS = 'C_PLUS_PLUS',
     C_SHARP = 'C_SHARP',
diff --git a/src/test/resources/config/application.yml b/src/test/resources/config/application.yml
index f730d6102f9c..869514c89759 100644
--- a/src/test/resources/config/application.yml
+++ b/src/test/resources/config/application.yml
@@ -72,6 +72,8 @@ artemis:
                     default: "~~invalid~~"
                 r:
                     default: "~~invalid~~"
+                bash:
+                    default: "~~invalid~~"
                 c_plus_plus:
                     default: "~~invalid~~"
                 c_sharp:

From c832f96c1fc8d303a9f4e35696dc2c488e673905 Mon Sep 17 00:00:00 2001
From: Simon Entholzer <33342534+SimonEntholzer@users.noreply.github.com>
Date: Sun, 12 Jan 2025 11:36:10 +0100
Subject: [PATCH 05/16] Development: Improve git access operations performance
 (#9809)

---
 ...xerciseStudentParticipationRepository.java |  50 +-
 ...ammingExerciseParticipationRepository.java |   6 -
 ...ammingExerciseParticipationRepository.java |   8 +-
 .../repository/VcsAccessLogRepository.java    |  31 +-
 ...ogrammingExerciseParticipationService.java | 152 +-----
 .../service/RepositoryService.java            |  20 +-
 .../localvc/ArtemisGitServletService.java     |   2 +
 .../localvc/LocalVCFetchPreUploadHook.java    |   3 +-
 .../localvc/LocalVCFetchPreUploadHookSSH.java |   8 +-
 .../service/localvc/LocalVCPostPushHook.java  |  25 +-
 .../service/localvc/LocalVCPrePushHook.java   |   2 +-
 .../service/localvc/LocalVCPushFilter.java    |   8 -
 .../localvc/LocalVCServletService.java        | 455 +++++++++++-------
 .../SshGitLocationResolverService.java        |   6 +-
 .../service/localvc/VcsAccessLogService.java  |  54 ++-
 .../service/localvc/ssh/SshConstants.java     |   9 +
 .../service/localvc/ssh/SshGitCommand.java    |   4 +-
 .../web/repository/RepositoryResource.java    |   6 +-
 ...ngExerciseParticipationTestRepository.java |  24 +
 .../util/ProgrammingExerciseUtilService.java  |  10 +-
 .../util/ProgrammingUtilTestService.java      |   4 +-
 ...ctSpringIntegrationLocalCILocalVCTest.java |   4 +-
 22 files changed, 465 insertions(+), 426 deletions(-)
 create mode 100644 src/test/java/de/tum/cit/aet/artemis/programming/test_repository/TemplateProgrammingExerciseParticipationTestRepository.java

diff --git a/src/main/java/de/tum/cit/aet/artemis/programming/repository/ProgrammingExerciseStudentParticipationRepository.java b/src/main/java/de/tum/cit/aet/artemis/programming/repository/ProgrammingExerciseStudentParticipationRepository.java
index a126934267ae..1ae8a58dc754 100644
--- a/src/main/java/de/tum/cit/aet/artemis/programming/repository/ProgrammingExerciseStudentParticipationRepository.java
+++ b/src/main/java/de/tum/cit/aet/artemis/programming/repository/ProgrammingExerciseStudentParticipationRepository.java
@@ -78,8 +78,11 @@ Optional<ProgrammingExerciseStudentParticipation> findByIdWithAllResultsAndRelat
 
     List<ProgrammingExerciseStudentParticipation> findAllByExerciseIdAndStudentLogin(long exerciseId, String username);
 
-    default ProgrammingExerciseStudentParticipation findByExerciseIdAndStudentLoginOrThrow(long exerciseId, String username) {
-        return getValueElseThrow(findByExerciseIdAndStudentLogin(exerciseId, username));
+    @EntityGraph(type = LOAD, attributePaths = { "submissions" })
+    Optional<ProgrammingExerciseStudentParticipation> findWithSubmissionsByRepositoryUri(String repositoryUri);
+
+    default ProgrammingExerciseStudentParticipation findWithSubmissionsByRepositoryUriElseThrow(String repositoryUri) {
+        return getValueElseThrow(findWithSubmissionsByRepositoryUri(repositoryUri));
     }
 
     Optional<ProgrammingExerciseStudentParticipation> findByRepositoryUri(String repositoryUri);
@@ -88,41 +91,9 @@ default ProgrammingExerciseStudentParticipation findByRepositoryUriElseThrow(Str
         return getValueElseThrow(findByRepositoryUri(repositoryUri));
     }
 
-    @EntityGraph(type = LOAD, attributePaths = { "submissions" })
-    Optional<ProgrammingExerciseStudentParticipation> findWithSubmissionsByExerciseIdAndStudentLogin(long exerciseId, String username);
-
-    default ProgrammingExerciseStudentParticipation findWithSubmissionsByExerciseIdAndStudentLoginOrThrow(long exerciseId, String username) {
-        return getValueElseThrow(findWithSubmissionsByExerciseIdAndStudentLogin(exerciseId, username));
-    }
-
-    Optional<ProgrammingExerciseStudentParticipation> findByExerciseIdAndStudentLoginAndTestRun(long exerciseId, String username, boolean testRun);
-
     @EntityGraph(type = LOAD, attributePaths = { "team.students" })
     Optional<ProgrammingExerciseStudentParticipation> findByExerciseIdAndTeamId(long exerciseId, long teamId);
 
-    @Query("""
-            SELECT DISTINCT participation
-            FROM ProgrammingExerciseStudentParticipation participation
-                LEFT JOIN FETCH participation.team team
-                LEFT JOIN FETCH team.students
-            WHERE participation.exercise.id = :exerciseId
-                AND participation.team.shortName = :teamShortName
-            """)
-    Optional<ProgrammingExerciseStudentParticipation> findWithEagerStudentsByExerciseIdAndTeamShortName(@Param("exerciseId") long exerciseId,
-            @Param("teamShortName") String teamShortName);
-
-    @Query("""
-            SELECT DISTINCT participation
-            FROM ProgrammingExerciseStudentParticipation participation
-                LEFT JOIN FETCH participation.submissions
-                LEFT JOIN FETCH participation.team team
-                LEFT JOIN FETCH team.students
-            WHERE participation.exercise.id = :exerciseId
-                AND participation.team.shortName = :teamShortName
-            """)
-    Optional<ProgrammingExerciseStudentParticipation> findWithSubmissionsAndEagerStudentsByExerciseIdAndTeamShortName(@Param("exerciseId") long exerciseId,
-            @Param("teamShortName") String teamShortName);
-
     @Query("""
             SELECT DISTINCT participation
             FROM ProgrammingExerciseStudentParticipation participation
@@ -159,17 +130,6 @@ Optional<ProgrammingExerciseStudentParticipation> findWithSubmissionsAndEagerStu
     List<ProgrammingExerciseStudentParticipation> findWithSubmissionsByExerciseIdAndParticipationIds(@Param("exerciseId") long exerciseId,
             @Param("participationIds") Collection<Long> participationIds);
 
-    @Query("""
-            SELECT participation
-            FROM ProgrammingExerciseStudentParticipation participation
-                LEFT JOIN FETCH participation.submissions
-            WHERE participation.exercise.id = :exerciseId
-                AND participation.student.login = :username
-                AND participation.testRun = :testRun
-            """)
-    Optional<ProgrammingExerciseStudentParticipation> findWithSubmissionsByExerciseIdAndStudentLoginAndTestRun(@Param("exerciseId") long exerciseId,
-            @Param("username") String username, @Param("testRun") boolean testRun);
-
     @Query("""
             SELECT participation.repositoryUri
             FROM ProgrammingExerciseStudentParticipation participation
diff --git a/src/main/java/de/tum/cit/aet/artemis/programming/repository/SolutionProgrammingExerciseParticipationRepository.java b/src/main/java/de/tum/cit/aet/artemis/programming/repository/SolutionProgrammingExerciseParticipationRepository.java
index 4297b39f9ea9..2949576a13cb 100644
--- a/src/main/java/de/tum/cit/aet/artemis/programming/repository/SolutionProgrammingExerciseParticipationRepository.java
+++ b/src/main/java/de/tum/cit/aet/artemis/programming/repository/SolutionProgrammingExerciseParticipationRepository.java
@@ -43,12 +43,6 @@ public interface SolutionProgrammingExerciseParticipationRepository
             """)
     Optional<SolutionProgrammingExerciseParticipation> findByBuildPlanIdWithResults(@Param("buildPlanId") String buildPlanId);
 
-    Optional<SolutionProgrammingExerciseParticipation> findByRepositoryUri(String repositoryUri);
-
-    default SolutionProgrammingExerciseParticipation findByRepositoryUriElseThrow(String repositoryUri) {
-        return getValueElseThrow(findByRepositoryUri(repositoryUri));
-    }
-
     @EntityGraph(type = LOAD, attributePaths = { "results", "submissions", "submissions.results" })
     Optional<SolutionProgrammingExerciseParticipation> findWithEagerResultsAndSubmissionsByProgrammingExerciseId(long exerciseId);
 
diff --git a/src/main/java/de/tum/cit/aet/artemis/programming/repository/TemplateProgrammingExerciseParticipationRepository.java b/src/main/java/de/tum/cit/aet/artemis/programming/repository/TemplateProgrammingExerciseParticipationRepository.java
index 67795b58ae54..15624a14e31a 100644
--- a/src/main/java/de/tum/cit/aet/artemis/programming/repository/TemplateProgrammingExerciseParticipationRepository.java
+++ b/src/main/java/de/tum/cit/aet/artemis/programming/repository/TemplateProgrammingExerciseParticipationRepository.java
@@ -41,11 +41,11 @@ public interface TemplateProgrammingExerciseParticipationRepository
             """)
     Optional<TemplateProgrammingExerciseParticipation> findByBuildPlanIdWithResults(@Param("buildPlanId") String buildPlanId);
 
-    @EntityGraph(type = LOAD, attributePaths = { "results", "submissions" })
-    Optional<TemplateProgrammingExerciseParticipation> findWithEagerResultsAndSubmissionsByProgrammingExerciseId(long exerciseId);
+    @EntityGraph(type = LOAD, attributePaths = { "submissions" })
+    Optional<TemplateProgrammingExerciseParticipation> findWithSubmissionsByRepositoryUri(String repositoryUri);
 
-    default TemplateProgrammingExerciseParticipation findWithEagerResultsAndSubmissionsByProgrammingExerciseIdElseThrow(long exerciseId) {
-        return getValueElseThrow(findWithEagerResultsAndSubmissionsByProgrammingExerciseId(exerciseId));
+    default TemplateProgrammingExerciseParticipation findWithSubmissionsByRepositoryUriElseThrow(String repositoryUri) {
+        return getValueElseThrow(findWithSubmissionsByRepositoryUri(repositoryUri));
     }
 
     Optional<TemplateProgrammingExerciseParticipation> findByRepositoryUri(String repositoryUri);
diff --git a/src/main/java/de/tum/cit/aet/artemis/programming/repository/VcsAccessLogRepository.java b/src/main/java/de/tum/cit/aet/artemis/programming/repository/VcsAccessLogRepository.java
index 76722cfd5eea..acd9c46fe47f 100644
--- a/src/main/java/de/tum/cit/aet/artemis/programming/repository/VcsAccessLogRepository.java
+++ b/src/main/java/de/tum/cit/aet/artemis/programming/repository/VcsAccessLogRepository.java
@@ -27,21 +27,36 @@
 public interface VcsAccessLogRepository extends ArtemisJpaRepository<VcsAccessLog, Long> {
 
     /**
-     * Find the access log entry which does not have any commit hash yet
+     * Retrieves the most recent {@link VcsAccessLog} for a given participation ID.
      *
-     * @param participationId The id of the participation the repository belongs to
-     * @return a log entry belonging to the participationId, which has no commit hash
+     * @param participationId the ID of the participation to filter by.
+     * @return an {@link Optional} containing the newest {@link VcsAccessLog}, or empty if none exists.
      */
     @Query("""
-
             SELECT vcsAccessLog
-                FROM VcsAccessLog vcsAccessLog
-                WHERE vcsAccessLog.participation.id = :participationId
-                ORDER BY vcsAccessLog.timestamp DESC
-                LIMIT 1
+            FROM VcsAccessLog vcsAccessLog
+            WHERE vcsAccessLog.participation.id = :participationId
+            ORDER BY vcsAccessLog.id DESC
+            LIMIT 1
             """)
     Optional<VcsAccessLog> findNewestByParticipationId(@Param("participationId") long participationId);
 
+    /**
+     * Retrieves the most recent {@link VcsAccessLog} for a specific repository URI of a participation.
+     *
+     * @param repositoryUri the URI of the participation to filter by.
+     * @return an Optional containing the newest {@link VcsAccessLog} of the participation, or empty if none exists.
+     */
+    @Query("""
+            SELECT vcsAccessLog
+            FROM VcsAccessLog vcsAccessLog
+                LEFT JOIN TREAT (vcsAccessLog.participation AS ProgrammingExerciseStudentParticipation) participation
+            WHERE participation.repositoryUri = :repositoryUri
+            ORDER BY vcsAccessLog.id DESC
+            LIMIT 1
+            """)
+    Optional<VcsAccessLog> findNewestByRepositoryUri(@Param("repositoryUri") String repositoryUri);
+
     /**
      * Retrieves a list of {@link VcsAccessLog} entities associated with the specified participation ID.
      * The results are ordered by the log ID in ascending order.
diff --git a/src/main/java/de/tum/cit/aet/artemis/programming/service/ProgrammingExerciseParticipationService.java b/src/main/java/de/tum/cit/aet/artemis/programming/service/ProgrammingExerciseParticipationService.java
index bd8db678b5a2..c6fc7c1c5c3f 100644
--- a/src/main/java/de/tum/cit/aet/artemis/programming/service/ProgrammingExerciseParticipationService.java
+++ b/src/main/java/de/tum/cit/aet/artemis/programming/service/ProgrammingExerciseParticipationService.java
@@ -22,8 +22,6 @@
 import de.tum.cit.aet.artemis.core.domain.User;
 import de.tum.cit.aet.artemis.core.exception.EntityNotFoundException;
 import de.tum.cit.aet.artemis.core.exception.VersionControlException;
-import de.tum.cit.aet.artemis.core.repository.UserRepository;
-import de.tum.cit.aet.artemis.core.service.AuthorizationCheckService;
 import de.tum.cit.aet.artemis.exam.domain.StudentExam;
 import de.tum.cit.aet.artemis.exercise.domain.Exercise;
 import de.tum.cit.aet.artemis.exercise.domain.InitializationState;
@@ -68,16 +66,9 @@ public class ProgrammingExerciseParticipationService {
 
     private final GitService gitService;
 
-    private final AuthorizationCheckService authorizationCheckService;
-
-    private final UserRepository userRepository;
-
-    private final AuxiliaryRepositoryService auxiliaryRepositoryService;
-
     public ProgrammingExerciseParticipationService(SolutionProgrammingExerciseParticipationRepository solutionParticipationRepository,
             TemplateProgrammingExerciseParticipationRepository templateParticipationRepository, ProgrammingExerciseStudentParticipationRepository studentParticipationRepository,
-            ParticipationRepository participationRepository, TeamRepository teamRepository, GitService gitService, Optional<VersionControlService> versionControlService,
-            AuthorizationCheckService authorizationCheckService, UserRepository userRepository, AuxiliaryRepositoryService auxiliaryRepositoryService) {
+            ParticipationRepository participationRepository, TeamRepository teamRepository, GitService gitService, Optional<VersionControlService> versionControlService) {
         this.studentParticipationRepository = studentParticipationRepository;
         this.solutionParticipationRepository = solutionParticipationRepository;
         this.templateParticipationRepository = templateParticipationRepository;
@@ -85,9 +76,6 @@ public ProgrammingExerciseParticipationService(SolutionProgrammingExercisePartic
         this.teamRepository = teamRepository;
         this.versionControlService = versionControlService;
         this.gitService = gitService;
-        this.authorizationCheckService = authorizationCheckService;
-        this.userRepository = userRepository;
-        this.auxiliaryRepositoryService = auxiliaryRepositoryService;
     }
 
     /**
@@ -124,36 +112,6 @@ public TemplateProgrammingExerciseParticipation findTemplateParticipationByProgr
         return templateParticipation.get();
     }
 
-    /**
-     * Tries to retrieve a team participation for the given exercise and team short name.
-     *
-     * @param exercise        the exercise for which to find a participation.
-     * @param teamShortName   of the team to which the participation belongs.
-     * @param withSubmissions true if the participation should be fetched with its submissions.
-     * @return the participation for the given exercise and team.
-     * @throws EntityNotFoundException if the team participation was not found.
-     */
-    public ProgrammingExerciseStudentParticipation findTeamParticipationByExerciseAndTeamShortNameOrThrow(ProgrammingExercise exercise, String teamShortName,
-            boolean withSubmissions) {
-
-        Optional<ProgrammingExerciseStudentParticipation> participationOptional;
-
-        // It is important to fetch all students of the team here, because the local VC and local CI system use this participation to check if the authenticated user is part of the
-        // team.
-        if (withSubmissions) {
-            participationOptional = studentParticipationRepository.findWithSubmissionsAndEagerStudentsByExerciseIdAndTeamShortName(exercise.getId(), teamShortName);
-        }
-        else {
-            participationOptional = studentParticipationRepository.findWithEagerStudentsByExerciseIdAndTeamShortName(exercise.getId(), teamShortName);
-        }
-
-        if (participationOptional.isEmpty()) {
-            throw new EntityNotFoundException("Participation could not be found by exerciseId " + exercise.getId() + " and team short name " + teamShortName);
-        }
-
-        return participationOptional.get();
-    }
-
     /**
      * Tries to retrieve a student participation for the given team exercise and user
      *
@@ -166,36 +124,6 @@ public Optional<ProgrammingExerciseStudentParticipation> findTeamParticipationBy
         return studentParticipationRepository.findTeamParticipationByExerciseIdAndStudentId(exercise.getId(), user.getId());
     }
 
-    /**
-     * Tries to retrieve a student participation for the given exercise and username and test run flag.
-     *
-     * @param exercise        the exercise for which to find a participation.
-     * @param username        of the user to which the participation belongs.
-     * @param isTestRun       true if the participation is a test run participation.
-     * @param withSubmissions true if the participation should be loaded with its submissions.
-     * @return the participation for the given exercise and user.
-     * @throws EntityNotFoundException if there is no participation for the given exercise and user.
-     */
-    @NotNull
-    public ProgrammingExerciseStudentParticipation findStudentParticipationByExerciseAndStudentLoginAndTestRunOrThrow(ProgrammingExercise exercise, String username,
-            boolean isTestRun, boolean withSubmissions) {
-
-        Optional<ProgrammingExerciseStudentParticipation> participationOptional;
-
-        if (withSubmissions) {
-            participationOptional = studentParticipationRepository.findWithSubmissionsByExerciseIdAndStudentLoginAndTestRun(exercise.getId(), username, isTestRun);
-        }
-        else {
-            participationOptional = studentParticipationRepository.findByExerciseIdAndStudentLoginAndTestRun(exercise.getId(), username, isTestRun);
-        }
-
-        if (participationOptional.isEmpty()) {
-            throw new EntityNotFoundException("Participation could not be found by exerciseId " + exercise.getId() + " and user " + username);
-        }
-
-        return participationOptional.get();
-    }
-
     /**
      * Tries to retrieve a student participation for the given exercise id and username.
      *
@@ -443,63 +371,28 @@ public void resetRepository(VcsRepositoryUri targetURL, VcsRepositoryUri sourceU
     }
 
     /**
-     * Get the participation for a given exercise and a repository type or user name. This method is used by the local VC system and by the local CI system to get the
-     * participation.
+     * Get the participation for a given repository url and a repository type or user name. This method is used by the local VC system to get the
+     * participation for logging operations on the repository.
      *
-     * @param exercise                 the exercise for which to get the participation.
-     * @param repositoryTypeOrUserName the repository type ("exercise", "solution", or "tests") or username (e.g. "artemis_test_user_1") as extracted from the repository URI.
-     * @param isPracticeRepository     whether the repository is a practice repository, i.e. the repository URI contains "-practice-".
-     * @param withSubmissions          whether submissions should be loaded with the participation. This is needed for the local CI system.
-     * @return the participation.
-     * @throws EntityNotFoundException if the participation could not be found.
+     * @param repositoryTypeOrUserName the name of the user or the type of the repository
+     * @param repositoryURI            the participation's repository URL
+     * @param exercise                 the exercise the participation belongs to
+     * @return the participation belonging to the provided repositoryURI and repository type or username
      */
-    public ProgrammingExerciseParticipation retrieveParticipationForRepository(ProgrammingExercise exercise, String repositoryTypeOrUserName, boolean isPracticeRepository,
-            boolean withSubmissions) {
-
-        boolean isAuxiliaryRepository = auxiliaryRepositoryService.isAuxiliaryRepositoryOfExercise(repositoryTypeOrUserName, exercise);
-
-        // For pushes to the tests repository, the solution repository is built first, and thus we need the solution participation.
-        // Can possibly be used by auxiliary repositories
-        if (repositoryTypeOrUserName.equals(RepositoryType.SOLUTION.toString()) || repositoryTypeOrUserName.equals(RepositoryType.TESTS.toString()) || isAuxiliaryRepository) {
-            if (withSubmissions) {
-                return solutionParticipationRepository.findWithEagerResultsAndSubmissionsByProgrammingExerciseIdElseThrow(exercise.getId());
-            }
-            else {
-                return solutionParticipationRepository.findByProgrammingExerciseIdElseThrow(exercise.getId());
-            }
+    public ProgrammingExerciseParticipation fetchParticipationWithSubmissionsByRepository(String repositoryTypeOrUserName, String repositoryURI, ProgrammingExercise exercise) {
+        var repositoryURL = repositoryURI.replace("/git-upload-pack", "").replace("/git-receive-pack", "");
+        if (repositoryTypeOrUserName.equals(RepositoryType.SOLUTION.toString()) || repositoryTypeOrUserName.equals(RepositoryType.TESTS.toString())) {
+            return solutionParticipationRepository.findWithEagerResultsAndSubmissionsByProgrammingExerciseIdElseThrow(exercise.getId());
         }
-
         if (repositoryTypeOrUserName.equals(RepositoryType.TEMPLATE.toString())) {
-            if (withSubmissions) {
-                return templateParticipationRepository.findWithEagerResultsAndSubmissionsByProgrammingExerciseIdElseThrow(exercise.getId());
-            }
-            else {
-                return templateParticipationRepository.findByProgrammingExerciseIdElseThrow(exercise.getId());
-            }
+            return templateParticipationRepository.findWithSubmissionsByRepositoryUriElseThrow(repositoryURL);
         }
+        return studentParticipationRepository.findWithSubmissionsByRepositoryUriElseThrow(repositoryURL);
 
-        if (exercise.isTeamMode()) {
-            // The repositoryTypeOrUserName is the team short name.
-            // For teams, there is no practice participation.
-            return findTeamParticipationByExerciseAndTeamShortNameOrThrow(exercise, repositoryTypeOrUserName, withSubmissions);
-        }
-
-        // If the exercise is an exam exercise and the repository's owner is at least an editor, the repository could be a test run repository, or it could be the instructor's
-        // assignment repository.
-        // There is no way to tell from the repository URI, and only one participation will be created, even if both are used.
-        // This participation has "testRun = true" set if the test run was created first, and "testRun = false" set if the instructor's assignment repository was created first.
-        // If the exercise is an exam exercise, and the repository's owner is at least an editor, get the participation without regard for the testRun flag.
-        boolean isExamEditorRepository = exercise.isExamExercise()
-                && authorizationCheckService.isAtLeastEditorForExercise(exercise, userRepository.getUserByLoginElseThrow(repositoryTypeOrUserName));
-        if (isExamEditorRepository) {
-            if (withSubmissions) {
-                return studentParticipationRepository.findWithSubmissionsByExerciseIdAndStudentLoginOrThrow(exercise.getId(), repositoryTypeOrUserName);
-            }
-
-            return studentParticipationRepository.findByExerciseIdAndStudentLoginOrThrow(exercise.getId(), repositoryTypeOrUserName);
-        }
+    }
 
-        return findStudentParticipationByExerciseAndStudentLoginAndTestRunOrThrow(exercise, repositoryTypeOrUserName, isPracticeRepository, withSubmissions);
+    public ProgrammingExerciseParticipation retrieveSolutionParticipation(Exercise exercise) {
+        return solutionParticipationRepository.findByProgrammingExerciseIdElseThrow(exercise.getId());
     }
 
     /**
@@ -508,19 +401,18 @@ public ProgrammingExerciseParticipation retrieveParticipationForRepository(Progr
      *
      * @param repositoryTypeOrUserName the name of the user or the type of the repository
      * @param repositoryURI            the participation's repository URL
+     * @param exercise                 the exercise the participation belongs to
      * @return the participation belonging to the provided repositoryURI and repository type or username
      */
-    public ProgrammingExerciseParticipation retrieveParticipationForRepository(String repositoryTypeOrUserName, String repositoryURI) {
+    public ProgrammingExerciseParticipation fetchParticipationByRepository(String repositoryTypeOrUserName, String repositoryURI, ProgrammingExercise exercise) {
+        var repositoryURL = repositoryURI.replace("/git-upload-pack", "").replace("/git-receive-pack", "");
         if (repositoryTypeOrUserName.equals(RepositoryType.SOLUTION.toString()) || repositoryTypeOrUserName.equals(RepositoryType.TESTS.toString())) {
-            return solutionParticipationRepository.findByRepositoryUriElseThrow(repositoryURI);
+            return solutionParticipationRepository.findWithEagerResultsAndSubmissionsByProgrammingExerciseIdElseThrow(exercise.getId());
         }
         if (repositoryTypeOrUserName.equals(RepositoryType.TEMPLATE.toString())) {
-            return templateParticipationRepository.findByRepositoryUriElseThrow(repositoryURI);
-        }
-        if (repositoryTypeOrUserName.equals(RepositoryType.AUXILIARY.toString())) {
-            throw new EntityNotFoundException("Auxiliary repositories do not have participations.");
+            return templateParticipationRepository.findByRepositoryUriElseThrow(repositoryURL);
         }
-        return studentParticipationRepository.findByRepositoryUriElseThrow(repositoryURI);
+        return studentParticipationRepository.findByRepositoryUriElseThrow(repositoryURL);
     }
 
     /**
diff --git a/src/main/java/de/tum/cit/aet/artemis/programming/service/RepositoryService.java b/src/main/java/de/tum/cit/aet/artemis/programming/service/RepositoryService.java
index 9833a9ae040b..1ca095cac600 100644
--- a/src/main/java/de/tum/cit/aet/artemis/programming/service/RepositoryService.java
+++ b/src/main/java/de/tum/cit/aet/artemis/programming/service/RepositoryService.java
@@ -45,6 +45,7 @@
 import de.tum.cit.aet.artemis.programming.domain.ProgrammingExerciseParticipation;
 import de.tum.cit.aet.artemis.programming.domain.Repository;
 import de.tum.cit.aet.artemis.programming.domain.RepositoryType;
+import de.tum.cit.aet.artemis.programming.domain.VcsAccessLog;
 import de.tum.cit.aet.artemis.programming.domain.VcsRepositoryUri;
 import de.tum.cit.aet.artemis.programming.dto.FileMove;
 import de.tum.cit.aet.artemis.programming.service.localvc.VcsAccessLogService;
@@ -451,15 +452,24 @@ public void pullChanges(Repository repository) {
      *
      * @param repository for which to execute the commit.
      * @param user       the user who has committed the changes in the online editor
-     * @param domainId   the id of the domain Object (participation) owning the repository
      * @throws GitAPIException if the staging/committing process fails.
      */
-    public void commitChanges(Repository repository, User user, Long domainId) throws GitAPIException {
+    public void commitChanges(Repository repository, User user) throws GitAPIException {
         gitService.stageAllChanges(repository);
         gitService.commitAndPush(repository, "Changes by Online Editor", true, user);
-        if (vcsAccessLogService.isPresent()) {
-            vcsAccessLogService.get().storeCodeEditorAccessLog(repository, user, domainId);
-        }
+    }
+
+    /**
+     * Saves a preliminary access log for a push from the code editor, and returns it
+     *
+     * @param repository for which to execute the commit.
+     * @param user       the user who has committed the changes in the online editor
+     * @param domainId   the id that serves as an abstract identifier for retrieving the repository.
+     * @return an Optional of a preliminary VcsAccessLog
+     * @throws GitAPIException if accessing the repository fails
+     */
+    public Optional<VcsAccessLog> savePreliminaryCodeEditorAccessLog(Repository repository, User user, Long domainId) throws GitAPIException {
+        return vcsAccessLogService.isPresent() ? vcsAccessLogService.get().createPreliminaryCodeEditorAccessLog(repository, user, domainId) : Optional.empty();
     }
 
     /**
diff --git a/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/ArtemisGitServletService.java b/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/ArtemisGitServletService.java
index 0bfbbbe700e0..6f31748488f2 100644
--- a/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/ArtemisGitServletService.java
+++ b/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/ArtemisGitServletService.java
@@ -58,6 +58,7 @@ public void init() {
         this.setReceivePackFactory((request, repository) -> {
             ReceivePack receivePack = new ReceivePack(repository);
             // Add a hook that prevents illegal actions on push (delete branch, rename branch, force push).
+            // the user inside the request is always null here
             receivePack.setPreReceiveHook(new LocalVCPrePushHook(localVCServletService, (User) request.getAttribute("user")));
             // Add a hook that triggers the creation of a new submission after the push went through successfully.
             receivePack.setPostReceiveHook(new LocalVCPostPushHook(localVCServletService));
@@ -72,4 +73,5 @@ public void init() {
             return uploadPack;
         });
     }
+
 }
diff --git a/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/LocalVCFetchPreUploadHook.java b/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/LocalVCFetchPreUploadHook.java
index 97e7523991d7..fc2ad46c5647 100644
--- a/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/LocalVCFetchPreUploadHook.java
+++ b/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/LocalVCFetchPreUploadHook.java
@@ -21,7 +21,8 @@ public LocalVCFetchPreUploadHook(LocalVCServletService localVCServletService, Ht
 
     @Override
     public void onBeginNegotiateRound(UploadPack uploadPack, Collection<? extends ObjectId> collection, int clientOffered) {
-        localVCServletService.updateVCSAccessLogForCloneAndPullHTTPS(request, clientOffered);
+        String authorizationHeader = request.getHeader(LocalVCServletService.AUTHORIZATION_HEADER);
+        localVCServletService.updateAndStoreVCSAccessLogForCloneAndPullHTTPS(request, authorizationHeader, clientOffered);
     }
 
     @Override
diff --git a/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/LocalVCFetchPreUploadHookSSH.java b/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/LocalVCFetchPreUploadHookSSH.java
index 09f79348c180..7b2a5465cc97 100644
--- a/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/LocalVCFetchPreUploadHookSSH.java
+++ b/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/LocalVCFetchPreUploadHookSSH.java
@@ -1,6 +1,5 @@
 package de.tum.cit.aet.artemis.programming.service.localvc;
 
-import java.nio.file.Path;
 import java.util.Collection;
 
 import org.apache.sshd.server.session.ServerSession;
@@ -14,17 +13,14 @@ public class LocalVCFetchPreUploadHookSSH implements PreUploadHook {
 
     private final ServerSession serverSession;
 
-    private final Path rootDir;
-
-    public LocalVCFetchPreUploadHookSSH(LocalVCServletService localVCServletService, ServerSession serverSession, Path rootDir) {
+    public LocalVCFetchPreUploadHookSSH(LocalVCServletService localVCServletService, ServerSession serverSession) {
         this.localVCServletService = localVCServletService;
         this.serverSession = serverSession;
-        this.rootDir = rootDir;
     }
 
     @Override
     public void onBeginNegotiateRound(UploadPack uploadPack, Collection<? extends ObjectId> collection, int clientOffered) {
-        localVCServletService.updateVCSAccessLogForCloneAndPullSSH(serverSession, rootDir, clientOffered);
+        localVCServletService.updateAndStoreVCSAccessLogForCloneAndPullSSH(serverSession, clientOffered);
     }
 
     @Override
diff --git a/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/LocalVCPostPushHook.java b/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/LocalVCPostPushHook.java
index 024c0fa77546..f0529c7bc33e 100644
--- a/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/LocalVCPostPushHook.java
+++ b/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/LocalVCPostPushHook.java
@@ -2,7 +2,9 @@
 
 import java.util.Collection;
 import java.util.Iterator;
+import java.util.Optional;
 
+import org.apache.sshd.server.session.ServerSession;
 import org.eclipse.jgit.lib.Repository;
 import org.eclipse.jgit.transport.PostReceiveHook;
 import org.eclipse.jgit.transport.ReceiveCommand;
@@ -10,6 +12,10 @@
 
 import de.tum.cit.aet.artemis.core.exception.LocalCIException;
 import de.tum.cit.aet.artemis.core.exception.VersionControlException;
+import de.tum.cit.aet.artemis.programming.domain.ProgrammingExercise;
+import de.tum.cit.aet.artemis.programming.domain.ProgrammingExerciseParticipation;
+import de.tum.cit.aet.artemis.programming.domain.VcsAccessLog;
+import de.tum.cit.aet.artemis.programming.service.localvc.ssh.SshConstants;
 
 /**
  * Contains an onPostReceive method that is called by JGit after a push has been received (i.e. after the pushed files were successfully written to disk).
@@ -18,8 +24,25 @@ public class LocalVCPostPushHook implements PostReceiveHook {
 
     private final LocalVCServletService localVCServletService;
 
+    private final ProgrammingExerciseParticipation participation;
+
+    private final ProgrammingExercise exercise;
+
+    private final VcsAccessLog vcsAccessLog;
+
+    public LocalVCPostPushHook(LocalVCServletService localVCServletService, ServerSession serverSession) {
+        this.localVCServletService = localVCServletService;
+        this.participation = serverSession.getAttribute(SshConstants.PARTICIPATION_KEY);
+        this.exercise = serverSession.getAttribute(SshConstants.REPOSITORY_EXERCISE_KEY);
+        this.vcsAccessLog = serverSession.getAttribute(SshConstants.VCS_ACCESS_LOG_KEY);
+    }
+
     public LocalVCPostPushHook(LocalVCServletService localVCServletService) {
         this.localVCServletService = localVCServletService;
+        // For HTTPs we are unable to store the attributes in the session or request unfortunately
+        this.participation = null;
+        this.exercise = null;
+        this.vcsAccessLog = null;
     }
 
     /**
@@ -57,7 +80,7 @@ public void onPostReceive(ReceivePack receivePack, Collection<ReceiveCommand> co
         Repository repository = receivePack.getRepository();
 
         try {
-            localVCServletService.processNewPush(commitHash, repository);
+            localVCServletService.processNewPush(commitHash, repository, Optional.ofNullable(exercise), Optional.ofNullable(participation), Optional.ofNullable(vcsAccessLog));
         }
         catch (LocalCIException e) {
             // Return an error message to the user.
diff --git a/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/LocalVCPrePushHook.java b/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/LocalVCPrePushHook.java
index 9c4eb9a9e128..9a6df5eea2de 100644
--- a/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/LocalVCPrePushHook.java
+++ b/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/LocalVCPrePushHook.java
@@ -58,7 +58,7 @@ public void onPreReceive(ReceivePack receivePack, Collection<ReceiveCommand> com
 
         String defaultBranchName;
         try {
-            defaultBranchName = LocalVCServletService.getDefaultBranchOfRepository(repository);
+            defaultBranchName = LocalVCService.getDefaultBranchOfRepository(repository.getDirectory().toPath().toString());
         }
         catch (LocalVCInternalException e) {
             command.setResult(ReceiveCommand.Result.REJECTED_OTHER_REASON, "An error occurred while checking the branch.");
diff --git a/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/LocalVCPushFilter.java b/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/LocalVCPushFilter.java
index df082b7362c2..6237412fefa0 100644
--- a/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/LocalVCPushFilter.java
+++ b/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/LocalVCPushFilter.java
@@ -48,14 +48,6 @@ public void doFilterInternal(HttpServletRequest servletRequest, HttpServletRespo
             return;
         }
 
-        // We need to extract the content of the request here as it is garbage collected before it can be used asynchronously
-        String authorizationHeader = servletRequest.getHeader(LocalVCServletService.AUTHORIZATION_HEADER);
-        String method = servletRequest.getMethod();
-        LocalVCRepositoryUri localVCRepositoryUri = localVCServletService.parseRepositoryUri(servletRequest);
-
-        this.localVCServletService.updateVCSAccessLogForPushHTTPS(method, authorizationHeader, localVCRepositoryUri);
-
         filterChain.doFilter(servletRequest, servletResponse);
-
     }
 }
diff --git a/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/LocalVCServletService.java b/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/LocalVCServletService.java
index 986f3837b7af..bb33dfc715cf 100644
--- a/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/LocalVCServletService.java
+++ b/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/LocalVCServletService.java
@@ -16,7 +16,6 @@
 import java.util.Map;
 import java.util.Objects;
 import java.util.Optional;
-import java.util.concurrent.CompletableFuture;
 
 import jakarta.servlet.http.HttpServletRequest;
 
@@ -34,7 +33,6 @@
 import org.springframework.beans.factory.annotation.Value;
 import org.springframework.context.annotation.Profile;
 import org.springframework.http.HttpStatus;
-import org.springframework.scheduling.annotation.Async;
 import org.springframework.security.authentication.AuthenticationManager;
 import org.springframework.security.authentication.UsernamePasswordAuthenticationToken;
 import org.springframework.security.core.AuthenticationException;
@@ -52,6 +50,7 @@
 import de.tum.cit.aet.artemis.core.security.SecurityUtils;
 import de.tum.cit.aet.artemis.core.service.AuthorizationCheckService;
 import de.tum.cit.aet.artemis.core.util.TimeLogUtil;
+import de.tum.cit.aet.artemis.exercise.domain.participation.Participation;
 import de.tum.cit.aet.artemis.programming.domain.AuthenticationMechanism;
 import de.tum.cit.aet.artemis.programming.domain.Commit;
 import de.tum.cit.aet.artemis.programming.domain.ProgrammingExercise;
@@ -60,6 +59,7 @@
 import de.tum.cit.aet.artemis.programming.domain.ProgrammingSubmission;
 import de.tum.cit.aet.artemis.programming.domain.RepositoryType;
 import de.tum.cit.aet.artemis.programming.domain.SolutionProgrammingExerciseParticipation;
+import de.tum.cit.aet.artemis.programming.domain.VcsAccessLog;
 import de.tum.cit.aet.artemis.programming.repository.ParticipationVCSAccessTokenRepository;
 import de.tum.cit.aet.artemis.programming.repository.ProgrammingExerciseRepository;
 import de.tum.cit.aet.artemis.programming.service.AuxiliaryRepositoryService;
@@ -220,6 +220,11 @@ public void authenticateAndAuthorizeGitRequest(HttpServletRequest request, Repos
 
         String authorizationHeader = request.getHeader(LocalVCServletService.AUTHORIZATION_HEADER);
 
+        // The first request does not contain an authorizationHeader, the client expects this response
+        if (authorizationHeader == null) {
+            throw new LocalVCAuthException("No authorization header provided");
+        }
+
         // If it is a fetch request, we check if it is the build agent that is fetching the repository.
         if (repositoryAction == RepositoryActionType.READ) {
             UsernameAndPassword usernameAndPassword = extractUsernameAndPassword(authorizationHeader);
@@ -251,15 +256,43 @@ public void authenticateAndAuthorizeGitRequest(HttpServletRequest request, Repos
             throw new LocalVCForbiddenException();
         }
 
-        var authenticationMechanism = resolveAuthenticationMechanism(authorizationHeader, user);
-        var ipAddress = request.getRemoteAddr();
-        authorizeUser(repositoryTypeOrUserName, user, exercise, repositoryAction, authenticationMechanism, ipAddress, localVCRepositoryUri);
-
-        request.setAttribute("user", user);
+        var optionalParticipation = authorizeUser(repositoryTypeOrUserName, user, exercise, repositoryAction, localVCRepositoryUri, false);
+        savePreliminaryVcsAccessLogForHTTPs(request, localVCRepositoryUri, user, repositoryAction, optionalParticipation);
 
         log.debug("Authorizing user {} for repository {} took {}", user.getLogin(), localVCRepositoryUri, TimeLogUtil.formatDurationFrom(timeNanoStart));
     }
 
+    /**
+     * Determines whether a given request to access a local VC repository (either via fetch of push) is authenticated and authorized.
+     *
+     * @param request               The object containing all information about the incoming request.
+     * @param localVCRepositoryUri  The uri of the requested repository
+     * @param user                  The user
+     * @param repositoryAction      Indicates whether the method should authenticate a fetch or a push request. For a push request, additional checks are conducted.
+     * @param optionalParticipation The participation for which the access log should be stored. If an empty Optional is provided, the method does nothing
+     * @throws LocalVCAuthException If the user authentication fails or the user is not authorized to access a certain repository.
+     */
+    private void savePreliminaryVcsAccessLogForHTTPs(HttpServletRequest request, LocalVCRepositoryUri localVCRepositoryUri, User user, RepositoryActionType repositoryAction,
+            Optional<ProgrammingExerciseParticipation> optionalParticipation) throws LocalVCAuthException {
+        if (optionalParticipation.isPresent()) {
+            ProgrammingExerciseParticipation participation = optionalParticipation.get();
+            var ipAddress = request.getRemoteAddr();
+            var authenticationMechanism = resolveHTTPSAuthenticationMechanism(request.getHeader(LocalVCServletService.AUTHORIZATION_HEADER), user);
+
+            String commitHash = null;
+            try {
+                commitHash = getLatestCommitHash(repositories.get(localVCRepositoryUri.getRelativeRepositoryPath().toString()));
+            }
+            catch (GitAPIException e) {
+                log.warn("Failed to obtain commit hash for repository {}. Error: {}", localVCRepositoryUri.getRelativeRepositoryPath().toString(), e.getMessage());
+            }
+
+            String finalCommitHash = commitHash;
+            RepositoryActionType finalRepositoryAction = repositoryAction == RepositoryActionType.WRITE ? RepositoryActionType.PUSH : RepositoryActionType.PULL;
+            vcsAccessLogService.ifPresent(service -> service.saveAccessLog(user, participation, finalRepositoryAction, authenticationMechanism, finalCommitHash, ipAddress));
+        }
+    }
+
     /**
      * Resolves the user's authentication mechanism for the repository
      *
@@ -268,7 +301,7 @@ public void authenticateAndAuthorizeGitRequest(HttpServletRequest request, Repos
      * @return the authentication type
      * @throws LocalVCAuthException if extracting the token or password from the authorizationHeader fails
      */
-    private AuthenticationMechanism resolveAuthenticationMechanism(String authorizationHeader, User user) throws LocalVCAuthException {
+    private AuthenticationMechanism resolveHTTPSAuthenticationMechanism(String authorizationHeader, User user) throws LocalVCAuthException {
         UsernameAndPassword usernameAndPassword = extractUsernameAndPassword(authorizationHeader);
 
         String password = usernameAndPassword.password();
@@ -281,36 +314,73 @@ private AuthenticationMechanism resolveAuthenticationMechanism(String authorizat
         return AuthenticationMechanism.PARTICIPATION_VCS_ACCESS_TOKEN;
     }
 
+    /**
+     * Authenticates a user based on the provided authorization header for a specific programming exercise/repository.
+     * Authentication is tried with: 1) user VCS access token, 2) user participation VCS access token 3) password
+     *
+     * @param authorizationHeader  the authorization header containing authentication credentials
+     * @param exercise             the programming exercise the user is attempting to access
+     * @param localVCRepositoryUri the URI of the local version control repository the user is attempting to access
+     *
+     * @return the authenticated {@link User} if authentication is successful
+     * @throws LocalVCAuthException    if an error occurs during authentication with the local version control system
+     * @throws AuthenticationException if the authentication credentials are invalid or authentication fails
+     */
     private User authenticateUser(String authorizationHeader, ProgrammingExercise exercise, LocalVCRepositoryUri localVCRepositoryUri)
             throws LocalVCAuthException, AuthenticationException {
 
         UsernameAndPassword usernameAndPassword = extractUsernameAndPassword(authorizationHeader);
-
         String username = usernameAndPassword.username();
-        String password = usernameAndPassword.password();
+        String passwordOrToken = usernameAndPassword.password();
+
         User user = userRepository.findOneByLogin(username).orElseThrow(LocalVCAuthException::new);
 
         try {
-            SecurityUtils.checkUsernameAndPasswordValidity(username, password);
+            SecurityUtils.checkUsernameAndPasswordValidity(username, passwordOrToken);
         }
         catch (AccessForbiddenException | AuthenticationException e) {
-            if (!StringUtils.isEmpty(password)) {
-                log.warn("Failed login attempt for user {} with password {} due to issue: {}", username, password, e.getMessage());
+            if (StringUtils.isNotEmpty(passwordOrToken)) {
+                log.warn("Failed login attempt for user {} with password {} due to issue: {}", username, passwordOrToken, e.getMessage());
             }
             throw new LocalVCAuthException(e.getMessage());
         }
 
         // check user VCS access token
-        if (Objects.equals(user.getVcsAccessToken(), password) && user.getVcsAccessTokenExpiryDate() != null && user.getVcsAccessTokenExpiryDate().isAfter(ZonedDateTime.now())) {
+        if (Objects.equals(user.getVcsAccessToken(), passwordOrToken) && user.getVcsAccessTokenExpiryDate() != null
+                && user.getVcsAccessTokenExpiryDate().isAfter(ZonedDateTime.now())) {
+            return user;
+        }
+
+        // check user participation VCS access token
+        if (tryAuthenticationWithParticipationVCSAccessToken(user, passwordOrToken, exercise, localVCRepositoryUri)) {
             return user;
         }
 
+        // if the user does not have an access token or used a password, we try to authenticate the user with it
+        // Try to authenticate the user based on the configured options, this can include sending the data to an external system (e.g. LDAP) or using internal authentication.
+        UsernamePasswordAuthenticationToken authenticationToken = new UsernamePasswordAuthenticationToken(username, passwordOrToken);
+        authenticationManager.authenticate(authenticationToken);
+
+        return user;
+    }
+
+    /**
+     * Attempts to authenticate a user with the provided participation VCS access token
+     *
+     * @param user                 the user attempting authentication
+     * @param providedToken        the participation VCS access token provided by the user
+     * @param exercise             the programming exercise containing the repository the user tries to access
+     * @param localVCRepositoryUri the URI of the local version control repository the user tries to access
+     * @return {@code true} if the authentication is successful, {@code false} otherwise
+     */
+    private boolean tryAuthenticationWithParticipationVCSAccessToken(User user, String providedToken, ProgrammingExercise exercise, LocalVCRepositoryUri localVCRepositoryUri)
+            throws LocalVCAuthException {
+
         // Note: we first check if the user has used a vcs access token instead of a password
-        if (password.startsWith(TOKEN_PREFIX) && password.length() == VCS_ACCESS_TOKEN_LENGTH) {
+        if (providedToken.startsWith(TOKEN_PREFIX) && providedToken.length() == VCS_ACCESS_TOKEN_LENGTH) {
             try {
 
                 // check participation vcs access token
-                // var part = programmingExerciseParticipationService.findTeamParticipationByExerciseAndTeamShortNameOrThrow()
                 List<ProgrammingExerciseStudentParticipation> participations;
                 Optional<ProgrammingExerciseStudentParticipation> studentParticipation;
                 if (exercise.isTeamMode()) {
@@ -321,10 +391,10 @@ private User authenticateUser(String authorizationHeader, ProgrammingExercise ex
                     studentParticipation = participations.stream().filter(participation -> participation.getRepositoryUri().equals(localVCRepositoryUri.toString())).findAny();
                 }
                 if (studentParticipation.isPresent()) {
-                    var token = participationVCSAccessTokenRepository.findByUserIdAndParticipationId(user.getId(), studentParticipation.get().getId());
-                    if (token.isPresent() && Objects.equals(token.get().getVcsAccessToken(), password)) {
-                        user.setVcsAccessToken(token.get().getVcsAccessToken());
-                        return user;
+                    var storedToken = participationVCSAccessTokenRepository.findByUserIdAndParticipationId(user.getId(), studentParticipation.get().getId());
+                    if (storedToken.isPresent() && Objects.equals(storedToken.get().getVcsAccessToken(), providedToken)) {
+                        user.setVcsAccessToken(storedToken.get().getVcsAccessToken());
+                        return true;
                     }
                 }
             }
@@ -332,14 +402,7 @@ private User authenticateUser(String authorizationHeader, ProgrammingExercise ex
                 throw new LocalVCAuthException();
             }
         }
-
-        // if the user does not have an access token or has used a password, we try to authenticate the user with it
-
-        // Try to authenticate the user based on the configured options, this can include sending the data to an external system (e.g. LDAP) or using internal authentication.
-        UsernamePasswordAuthenticationToken authenticationToken = new UsernamePasswordAuthenticationToken(username, password);
-        authenticationManager.authenticate(authenticationToken);
-
-        return user;
+        return false;
     }
 
     /**
@@ -379,23 +442,26 @@ private ProgrammingExercise getProgrammingExerciseOrThrow(String projectKey) {
         }
     }
 
-    private String checkAuthorizationHeader(String authorizationHeader) throws LocalVCAuthException {
+    /**
+     * Extracts the username and password from a Basic Authorization header.
+     *
+     * @param authorizationHeader the authorization header containing Basic credentials
+     * @return a {@link UsernameAndPassword} object with the extracted username and password
+     * @throws LocalVCAuthException if the header is missing, invalid, or improperly formatted
+     */
+    private UsernameAndPassword extractUsernameAndPassword(String authorizationHeader) throws LocalVCAuthException {
         if (authorizationHeader == null) {
             throw new LocalVCAuthException("No authorization header provided");
         }
-
         String[] basicAuthCredentialsEncoded = authorizationHeader.split(" ");
 
         if (!("Basic".equals(basicAuthCredentialsEncoded[0]))) {
-            throw new LocalVCAuthException();
+            throw new LocalVCAuthException("Non basic authorization header provided");
         }
 
         // Return decoded basic auth credentials which contain the username and the password.
-        return new String(Base64.getDecoder().decode(basicAuthCredentialsEncoded[1]));
-    }
+        String basicAuthCredentials = new String(Base64.getDecoder().decode(basicAuthCredentialsEncoded[1]));
 
-    private UsernameAndPassword extractUsernameAndPassword(String authorizationHeader) throws LocalVCAuthException {
-        String basicAuthCredentials = checkAuthorizationHeader(authorizationHeader);
         int separatorIndex = basicAuthCredentials.indexOf(":");
 
         if (separatorIndex == -1) {
@@ -414,81 +480,136 @@ private UsernameAndPassword extractUsernameAndPassword(String authorizationHeade
      * @param user                     The user that wants to access the repository.
      * @param exercise                 The exercise the repository belongs to.
      * @param repositoryActionType     The type of the action the user wants to perform.
-     * @param authenticationMechanism  The authentication mechanism used by the user to authenticate to the repository
-     * @param ipAddress                The ip address of the user
      * @param localVCRepositoryUri     The URI of the local repository.
-     *
+     * @param usingSSH                 The flag specifying whether the method is called from the SSH or HTTPs context
+     * @return the ProgrammingParticipation Optional, containing the participation fetched during authorization
      * @throws LocalVCForbiddenException If the user is not allowed to access the repository.
      */
-    public void authorizeUser(String repositoryTypeOrUserName, User user, ProgrammingExercise exercise, RepositoryActionType repositoryActionType,
-            AuthenticationMechanism authenticationMechanism, String ipAddress, LocalVCRepositoryUri localVCRepositoryUri) throws LocalVCForbiddenException {
+    public Optional<ProgrammingExerciseParticipation> authorizeUser(String repositoryTypeOrUserName, User user, ProgrammingExercise exercise,
+            RepositoryActionType repositoryActionType, LocalVCRepositoryUri localVCRepositoryUri, boolean usingSSH) throws LocalVCForbiddenException {
 
-        if (repositoryTypeOrUserName.equals(RepositoryType.TESTS.toString()) || auxiliaryRepositoryService.isAuxiliaryRepositoryOfExercise(repositoryTypeOrUserName, exercise)) {
-            // Test and auxiliary repositories are only accessible by instructors and higher.
-            try {
-                repositoryAccessService.checkAccessTestOrAuxRepositoryElseThrow(repositoryActionType == RepositoryActionType.WRITE, exercise, user, repositoryTypeOrUserName);
-            }
-            catch (AccessForbiddenException e) {
-                throw new LocalVCForbiddenException(e);
-            }
-            return;
+        if (checkIfRepositoryIsAuxiliaryOrTestRepository(exercise, repositoryTypeOrUserName, repositoryActionType, user)) {
+            return Optional.empty();
         }
 
+        ProgrammingExerciseParticipation participation = tryToLoadParticipation(usingSSH, repositoryTypeOrUserName, localVCRepositoryUri, exercise);
+
+        checkAccessForRepository(participation, user, exercise, repositoryActionType);
+
+        return Optional.of(participation);
+    }
+
+    private ProgrammingExerciseParticipation tryToLoadParticipation(boolean usingSSH, String repositoryTypeOrUserName, LocalVCRepositoryUri localVCRepositoryUri,
+            ProgrammingExercise exercise) throws LocalVCInternalException {
         ProgrammingExerciseParticipation participation;
         try {
-            participation = programmingExerciseParticipationService.retrieveParticipationForRepository(exercise, repositoryTypeOrUserName,
-                    localVCRepositoryUri.isPracticeRepository(), true);
-
-            // TODO Add this back in when we have figured out what is incorrect in the playwright configuration for (MySQL, Local)
-            // participation = programmingExerciseParticipationService.retrieveParticipationForRepository(repositoryTypeOrUserName, localVCRepositoryUri.toString());
+            if (usingSSH) {
+                participation = programmingExerciseParticipationService.fetchParticipationWithSubmissionsByRepository(repositoryTypeOrUserName, localVCRepositoryUri.toString(),
+                        exercise);
+            }
+            else {
+                participation = programmingExerciseParticipationService.fetchParticipationByRepository(repositoryTypeOrUserName, localVCRepositoryUri.toString(), exercise);
+            }
         }
         catch (EntityNotFoundException e) {
+            // If the repository was not found, this could mean it is an auxiliary repository (which do not have participations)
+            if (auxiliaryRepositoryService.isAuxiliaryRepositoryOfExercise(repositoryTypeOrUserName, exercise)) {
+                return programmingExerciseParticipationService.findSolutionParticipationByProgrammingExerciseId(exercise.getId());
+            }
             throw new LocalVCInternalException(
                     "No participation found for repository with repository type or username " + repositoryTypeOrUserName + " in exercise " + exercise.getId(), e);
         }
+        return participation;
+    }
 
+    private void checkAccessForRepository(ProgrammingExerciseParticipation participation, User user, ProgrammingExercise exercise, RepositoryActionType repositoryActionType)
+            throws LocalVCForbiddenException {
         try {
             repositoryAccessService.checkAccessRepositoryElseThrow(participation, user, exercise, repositoryActionType);
         }
         catch (AccessForbiddenException e) {
             throw new LocalVCForbiddenException(e);
         }
+    }
 
-        // Asynchronously store an VCS access log entry
-        CompletableFuture.runAsync(() -> storeAccessLogAsync(user, participation, repositoryActionType, authenticationMechanism, ipAddress, localVCRepositoryUri))
-                .exceptionally(ex -> {
-                    log.warn("Failed to asynchronously obtain commit hash or store access log for repository {}. Error: {}", localVCRepositoryUri.getRelativeRepositoryPath(),
-                            ex.getMessage());
-                    return null;
-                });
+    /**
+     * Checks if the provided repository is an auxiliary or test repository.
+     * But: for students it only checks for test repository, and assumes the requested repository is not an auxiliary repository.
+     * This avoids an unnecessary database call, and postpones the actual check to
+     * {@link LocalVCServletService#tryToLoadParticipation(boolean, String, LocalVCRepositoryUri, ProgrammingExercise)}
+     * and only checks it if it is really needed.
+     *
+     * @param exercise                 the exercise, where the repository belongs to
+     * @param repositoryTypeOrUserName the type or username of the repository
+     * @param repositoryActionType     the action that should be performed on of the repository
+     * @param user                     the user who tries to access the repository
+     * @return true if the repository is an Auxiliary or Test repository, and the user has access to it.
+     *         false for students if the repository is possibly an auxiliary repository, or
+     *         false for TAs if the repository is neither auxiliary nor test
+     * @throws LocalVCForbiddenException if the user has no access rights for the requested repository
+     */
+    private boolean checkIfRepositoryIsAuxiliaryOrTestRepository(ProgrammingExercise exercise, String repositoryTypeOrUserName, RepositoryActionType repositoryActionType,
+            User user) throws LocalVCForbiddenException {
+
+        // Students are not able to access Test or Aux repositories.
+        // To save on db queries we do not check whether it is an Aux repo here, as we would need to fetch them first.
+        if (!authorizationCheckService.isAtLeastTeachingAssistantForExercise(exercise, user)) {
+            if (repositoryTypeOrUserName.equals(RepositoryType.TESTS.toString())) {
+                throw new LocalVCForbiddenException();
+            }
+            // The user is a student, and the repository is not a test repository
+            return false;
+        }
+
+        // Here we only check if the repository is an auxiliary repository if the user is at least TA.
+        // Why? If the requested repository is not an auxiliary repo, we do not need to load auxiliary repositories
+        if (auxiliaryRepositoryService.isAuxiliaryRepositoryOfExercise(repositoryTypeOrUserName, exercise) || repositoryTypeOrUserName.equals(RepositoryType.TESTS.toString())) {
+            try {
+                repositoryAccessService.checkAccessTestOrAuxRepositoryElseThrow(repositoryActionType == RepositoryActionType.WRITE, exercise, user, repositoryTypeOrUserName);
+            }
+            catch (AccessForbiddenException e) {
+                throw new LocalVCForbiddenException(e);
+            }
+            // The user is at least TA, it is either an Auxiliary repository or a Test repository, and the user has access to it
+            return true;
+        }
+        // The repository is neither an Auxiliary repository nor a Test repository
+        return false;
     }
 
     /**
-     * Asynchronously retrieves the latest commit hash from the specified repository and logs the access to the repository.
-     * This method runs without blocking the user during repository access checks.
+     * When cloning/pushing with SSH we can keep data loaded inside the SSH session, to avoid unnecessary database queries.
      *
      * @param user                    the user accessing the repository
-     * @param participation           the participation associated with the repository
+     * @param optionalParticipation   the participation associated with the repository
      * @param repositoryActionType    the action performed on the repository (READ or WRITE)
      * @param authenticationMechanism the mechanism used for authentication (e.g., token, basic auth)
      * @param ipAddress               the IP address of the user accessing the repository
      * @param localVCRepositoryUri    the URI of the localVC repository
+     * @param serverSession           the SSH serverSession, where the data gets stored
      */
-    private void storeAccessLogAsync(User user, ProgrammingExerciseParticipation participation, RepositoryActionType repositoryActionType,
-            AuthenticationMechanism authenticationMechanism, String ipAddress, LocalVCRepositoryUri localVCRepositoryUri) {
-        try {
-            String commitHash;
-            String relativeRepositoryPath = localVCRepositoryUri.getRelativeRepositoryPath().toString();
-            try (Repository repository = resolveRepository(relativeRepositoryPath)) {
-                commitHash = getLatestCommitHash(repository);
-            }
+    public void cacheAttributesInSshSession(User user, Optional<ProgrammingExerciseParticipation> optionalParticipation, RepositoryActionType repositoryActionType,
+            AuthenticationMechanism authenticationMechanism, String ipAddress, LocalVCRepositoryUri localVCRepositoryUri, ServerSession serverSession) {
+        if (optionalParticipation.isPresent()) {
+            ProgrammingExerciseParticipation participation = optionalParticipation.get();
+            try {
+                String commitHash;
+                String relativeRepositoryPath = localVCRepositoryUri.getRelativeRepositoryPath().toString();
+                try (Repository repository = resolveRepository(relativeRepositoryPath)) {
+                    commitHash = getLatestCommitHash(repository);
+                }
 
-            RepositoryActionType finalRepositoryActionType = repositoryActionType == RepositoryActionType.READ ? RepositoryActionType.PULL : RepositoryActionType.PUSH;
-            vcsAccessLogService.ifPresent(service -> service.storeAccessLog(user, participation, finalRepositoryActionType, authenticationMechanism, commitHash, ipAddress));
+                var finalRepositoryActionType = repositoryActionType == RepositoryActionType.READ ? RepositoryActionType.PULL : RepositoryActionType.PUSH;
+                var preliminaryAccessLog = new VcsAccessLog(user, (Participation) participation, user.getName(), user.getEmail(), finalRepositoryActionType,
+                        authenticationMechanism, commitHash, ipAddress);
 
-        }
-        catch (Exception e) {
-            log.warn("Failed to obtain commit hash or store access log for repository {}. Error: {}", localVCRepositoryUri.getRelativeRepositoryPath().toString(), e.getMessage());
+                serverSession.setAttribute(SshConstants.VCS_ACCESS_LOG_KEY, preliminaryAccessLog);
+                serverSession.setAttribute(SshConstants.PARTICIPATION_KEY, participation);
+            }
+            catch (Exception e) {
+                log.warn("Failed to obtain commit hash or store access log for repository {}. Error: {}", localVCRepositoryUri.getRelativeRepositoryPath().toString(),
+                        e.getMessage());
+            }
         }
     }
 
@@ -521,6 +642,23 @@ else if (exception instanceof LocalVCForbiddenException) {
      * @throws VersionControlException        if the commit belongs to the wrong branch (i.e. not the default branch of the participation).
      */
     public void processNewPush(String commitHash, Repository repository) {
+        processNewPush(commitHash, repository, Optional.empty(), Optional.empty(), Optional.empty());
+    }
+
+    /**
+     * Create a submission, trigger the respective build, and process the results.
+     * This method can be called with some values, to avoid loading them again from the database
+     *
+     * @param commitHash          the hash of the last commit.
+     * @param repository          the remote repository which was pushed to.
+     * @param cachedExercise      the exercise which is potentially already loaded
+     * @param cachedParticipation the participation which is potentially already loaded
+     * @param vcsAccessLog        the vcsAccessLog which is potentially already loaded
+     * @throws ContinuousIntegrationException if something goes wrong with the CI configuration.
+     * @throws VersionControlException        if the commit belongs to the wrong branch (i.e. not the default branch of the participation).
+     */
+    public void processNewPush(String commitHash, Repository repository, Optional<ProgrammingExercise> cachedExercise,
+            Optional<ProgrammingExerciseParticipation> cachedParticipation, Optional<VcsAccessLog> vcsAccessLog) {
         long timeNanoStart = System.nanoTime();
 
         Path repositoryFolderPath = repository.getDirectory().toPath();
@@ -529,12 +667,23 @@ public void processNewPush(String commitHash, Repository repository) {
 
         String repositoryTypeOrUserName = localVCRepositoryUri.getRepositoryTypeOrUserName();
         String projectKey = localVCRepositoryUri.getProjectKey();
+        ProgrammingExercise exercise = cachedExercise.orElseGet(() -> getProgrammingExercise(projectKey));
+        ProgrammingExerciseParticipation participation;
+        RepositoryType repositoryType = getRepositoryTypeWithoutAuxiliary(repositoryTypeOrUserName, exercise);
 
-        ProgrammingExercise exercise = getProgrammingExercise(projectKey);
-
-        ProgrammingExerciseParticipation participation = getProgrammingExerciseParticipation(localVCRepositoryUri, repositoryTypeOrUserName, exercise);
-
-        RepositoryType repositoryType = getRepositoryType(repositoryTypeOrUserName, exercise);
+        try {
+            participation = cachedParticipation.orElseGet(() -> programmingExerciseParticipationService
+                    .fetchParticipationWithSubmissionsByRepository(localVCRepositoryUri.getRepositoryTypeOrUserName(), localVCRepositoryUri.toString(), exercise));
+        }
+        catch (EntityNotFoundException e) {
+            repositoryType = getRepositoryType(repositoryTypeOrUserName, exercise);
+            if (repositoryType.equals(RepositoryType.AUXILIARY) || repositoryType.equals(RepositoryType.TESTS)) {
+                participation = retrieveSolutionParticipation(exercise);
+            }
+            else {
+                throw new VersionControlException("Could not find participation for repository", e);
+            }
+        }
 
         try {
             if (repositoryType.equals(RepositoryType.TESTS)) {
@@ -557,9 +706,16 @@ public void processNewPush(String commitHash, Repository repository) {
             // Process push to any repository other than the test repository.
             processNewPushToRepository(participation, commit);
 
-            // For push the correct commitHash is only available here, therefore the preliminary null value is overwritten
+            // For push the correct commitHash is only available here, therefore the preliminary value is overwritten
             String finalCommitHash = commitHash;
-            vcsAccessLogService.ifPresent(service -> service.updateCommitHash(participation, finalCommitHash));
+            if (vcsAccessLog.isPresent()) {
+                vcsAccessLog.get().setCommitHash(finalCommitHash);
+                vcsAccessLogService.ifPresent(service -> service.saveVcsAccesslog(vcsAccessLog.get()));
+            }
+            else {
+                var finalParticipation = participation;
+                vcsAccessLogService.ifPresent(service -> service.updateCommitHash(finalParticipation, finalCommitHash));
+            }
         }
         catch (GitAPIException | IOException e) {
             // This catch clause does not catch exceptions that happen during runBuildJob() as that method is called asynchronously.
@@ -572,17 +728,8 @@ public void processNewPush(String commitHash, Repository repository) {
                 TimeLogUtil.formatDurationFrom(timeNanoStart));
     }
 
-    private ProgrammingExerciseParticipation getProgrammingExerciseParticipation(LocalVCRepositoryUri localVCRepositoryUri, String repositoryTypeOrUserName,
-            ProgrammingExercise exercise) {
-        ProgrammingExerciseParticipation participation;
-        try {
-            participation = programmingExerciseParticipationService.retrieveParticipationForRepository(exercise, repositoryTypeOrUserName,
-                    localVCRepositoryUri.isPracticeRepository(), true);
-        }
-        catch (EntityNotFoundException e) {
-            throw new VersionControlException("Could not find participation for repository " + repositoryTypeOrUserName + " of exercise " + exercise, e);
-        }
-        return participation;
+    private ProgrammingExerciseParticipation retrieveSolutionParticipation(ProgrammingExercise exercise) {
+        return programmingExerciseParticipationService.retrieveSolutionParticipation(exercise);
     }
 
     private ProgrammingExercise getProgrammingExercise(String projectKey) {
@@ -673,6 +820,21 @@ else if (auxiliaryRepositoryService.isAuxiliaryRepositoryOfExercise(repositoryTy
         }
     }
 
+    private RepositoryType getRepositoryTypeWithoutAuxiliary(String repositoryTypeOrUserName, ProgrammingExercise exercise) {
+        if (repositoryTypeOrUserName.equals("exercise")) {
+            return RepositoryType.TEMPLATE;
+        }
+        else if (repositoryTypeOrUserName.equals("solution")) {
+            return RepositoryType.SOLUTION;
+        }
+        else if (repositoryTypeOrUserName.equals("tests")) {
+            return RepositoryType.TESTS;
+        }
+        else {
+            return RepositoryType.USER;
+        }
+    }
+
     /**
      * TODO: this could be done asynchronously to shorten the duration of the push operation
      * Process a new push to a student's repository or to the template or solution repository of the exercise.
@@ -728,40 +890,6 @@ private Commit extractCommitInfo(String commitHash, Repository repository) throw
         return new Commit(commitHash, author.getName(), revCommit.getFullMessage(), author.getEmailAddress(), branch);
     }
 
-    /**
-     * Retrieves the participation for a programming exercise based on the repository URI.
-     *
-     * @param localVCRepositoryUri the {@link LocalVCRepositoryUri} containing details about the repository.
-     * @return the {@link ProgrammingExerciseParticipation} corresponding to the repository URI.
-     */
-    private ProgrammingExerciseParticipation retrieveParticipationFromLocalVCRepositoryUri(LocalVCRepositoryUri localVCRepositoryUri) {
-        String repositoryTypeOrUserName = localVCRepositoryUri.getRepositoryTypeOrUserName();
-        var repositoryURL = localVCRepositoryUri.toString().replace("/git-upload-pack", "").replace("/git-receive-pack", "");
-        return programmingExerciseParticipationService.retrieveParticipationForRepository(repositoryTypeOrUserName, repositoryURL);
-    }
-
-    /**
-     * Retrieves the participation for a programming exercise based on the HTTP request.
-     *
-     * @param request the {@link HttpServletRequest} containing the repository URI.
-     * @return the {@link ProgrammingExerciseParticipation} corresponding to the repository details in the request.
-     */
-    private ProgrammingExerciseParticipation getExerciseParticipationFromRequest(HttpServletRequest request) {
-        LocalVCRepositoryUri localVCRepositoryUri = parseRepositoryUri(request);
-        return retrieveParticipationFromLocalVCRepositoryUri(localVCRepositoryUri);
-    }
-
-    /**
-     * Determine the default branch of the given repository.
-     *
-     * @param repository the repository for which the default branch should be determined.
-     * @return the name of the default branch.
-     */
-    public static String getDefaultBranchOfRepository(Repository repository) {
-        Path repositoryFolderPath = repository.getDirectory().toPath();
-        return LocalVCService.getDefaultBranchOfRepository(repositoryFolderPath.toString());
-    }
-
     /**
      * Updates the VCS (Version Control System) access log for clone and pull actions using HTTPS.
      * <p>
@@ -769,44 +897,13 @@ public static String getDefaultBranchOfRepository(Repository repository) {
      * is performed by a build job user and, if not, records the user's repository action (clone or pull).
      * The action type is determined based on the number of offers (`clientOffered`).
      *
-     * @param request       the {@link HttpServletRequest} containing the HTTP request data, including headers.
-     * @param clientOffered the number of objects offered by the client in the operation, used to determine
-     *                          if the action is a clone (if 0) or a pull (if greater than 0).
-     */
-    @Async
-    public void updateVCSAccessLogForCloneAndPullHTTPS(HttpServletRequest request, int clientOffered) {
-        try {
-            String authorizationHeader = request.getHeader(LocalVCServletService.AUTHORIZATION_HEADER);
-            UsernameAndPassword usernameAndPassword = extractUsernameAndPassword(authorizationHeader);
-            String userName = usernameAndPassword.username();
-            if (userName.equals(BUILD_USER_NAME)) {
-                return;
-            }
-            RepositoryActionType repositoryActionType = getRepositoryActionReadType(clientOffered);
-            var participation = getExerciseParticipationFromRequest(request);
-
-            vcsAccessLogService.ifPresent(service -> service.updateRepositoryActionType(participation, repositoryActionType));
-        }
-        catch (Exception ignored) {
-        }
-    }
-
-    /**
-     * Updates the VCS access log for a push action using HTTPS.
-     * <p>
-     * This method logs the access information if the HTTP request is a POST request and the action
-     * is not performed by a build job user. The repository action type is set as a push action.
-     *
-     * @param method              the HTTP method of the request (expected to be "POST" for logging to occur)
-     * @param authorizationHeader the authorization header containing the username and password in basic authentication format
-     * @param localVcUri          the {@link LocalVCRepositoryUri} identifying the repository in the local version control system
-     *
-     *                                This method is asynchronous.
-     *
+     * @param request             the request from the user
+     * @param authorizationHeader the authorization header containing the user's credentials
+     * @param clientOffered       the number of objects offered by the client in the operation, used to determine
+     *                                if the action is a clone (if 0) or a pull (if greater than 0).
      */
-    @Async
-    public void updateVCSAccessLogForPushHTTPS(String method, String authorizationHeader, LocalVCRepositoryUri localVcUri) {
-        if (!method.equals("POST")) {
+    public void updateAndStoreVCSAccessLogForCloneAndPullHTTPS(HttpServletRequest request, String authorizationHeader, int clientOffered) {
+        if (!request.getMethod().equals("POST")) {
             return;
         }
         try {
@@ -815,10 +912,10 @@ public void updateVCSAccessLogForPushHTTPS(String method, String authorizationHe
             if (userName.equals(BUILD_USER_NAME)) {
                 return;
             }
-            RepositoryActionType repositoryActionType = RepositoryActionType.PUSH;
-            var participation = retrieveParticipationFromLocalVCRepositoryUri(localVcUri);
+            LocalVCRepositoryUri localVCRepositoryUri = parseRepositoryUri(request);
+            RepositoryActionType repositoryActionType = getRepositoryActionReadType(clientOffered);
 
-            vcsAccessLogService.ifPresent(service -> service.updateRepositoryActionType(participation, repositoryActionType));
+            vcsAccessLogService.ifPresent(service -> service.updateRepositoryActionType(localVCRepositoryUri, repositoryActionType));
         }
         catch (Exception ignored) {
         }
@@ -832,19 +929,18 @@ public void updateVCSAccessLogForPushHTTPS(String method, String authorizationHe
      * fetches participation details from the local VC repository URI.
      *
      * @param session       the {@link ServerSession} representing the SSH session.
-     * @param rootDir       the {@link Path} to the root directory of the repository.
      * @param clientOffered the number of objects offered by the client in the operation, used to determine
      *                          if the action is a clone (if 0) or a pull (if greater than 0).
      */
-    @Async
-    public void updateVCSAccessLogForCloneAndPullSSH(ServerSession session, Path rootDir, int clientOffered) {
+    public void updateAndStoreVCSAccessLogForCloneAndPullSSH(ServerSession session, int clientOffered) {
         try {
             if (session.getAttribute(SshConstants.USER_KEY).getName().equals(BUILD_USER_NAME)) {
                 return;
             }
+            var accessLog = session.getAttribute(SshConstants.VCS_ACCESS_LOG_KEY);
             RepositoryActionType repositoryActionType = getRepositoryActionReadType(clientOffered);
-            var participation = retrieveParticipationFromLocalVCRepositoryUri(getLocalVCRepositoryUri(rootDir));
-            vcsAccessLogService.ifPresent(service -> service.updateRepositoryActionType(participation, repositoryActionType));
+            accessLog.setRepositoryActionType(repositoryActionType);
+            vcsAccessLogService.ifPresent(service -> service.saveVcsAccesslog(accessLog));
         }
         catch (Exception ignored) {
         }
@@ -854,7 +950,7 @@ public void updateVCSAccessLogForCloneAndPullSSH(ServerSession session, Path roo
      * Adds a failed VCS access attempt to the log.
      * <p>
      * This method logs a failed clone attempt, associating it with the user and participation retrieved
-     * from the incoming HTTP request. It assumes that the failed attempt used password authentication.
+     * from the incoming HTTP request.
      *
      * @param servletRequest the {@link HttpServletRequest} containing the HTTP request data.
      */
@@ -864,11 +960,14 @@ public void createVCSAccessLogForFailedAuthenticationAttempt(HttpServletRequest
             UsernameAndPassword usernameAndPassword = extractUsernameAndPassword(authorizationHeader);
             User user = userRepository.findOneByLogin(usernameAndPassword.username()).orElseThrow(LocalVCAuthException::new);
             AuthenticationMechanism mechanism = usernameAndPassword.password().startsWith("vcpat-") ? AuthenticationMechanism.VCS_ACCESS_TOKEN : AuthenticationMechanism.PASSWORD;
-            var participation = getExerciseParticipationFromRequest(servletRequest);
+            LocalVCRepositoryUri localVCRepositoryUri = parseRepositoryUri(servletRequest);
+            var participation = programmingExerciseParticipationService.fetchParticipationWithSubmissionsByRepository(localVCRepositoryUri.getRepositoryTypeOrUserName(),
+                    localVCRepositoryUri.toString(), null);
             var ipAddress = servletRequest.getRemoteAddr();
-            vcsAccessLogService.ifPresent(service -> service.storeAccessLog(user, participation, RepositoryActionType.CLONE_FAIL, mechanism, "", ipAddress));
+            vcsAccessLogService.ifPresent(service -> service.saveAccessLog(user, participation, RepositoryActionType.CLONE_FAIL, mechanism, "", ipAddress));
         }
-        catch (LocalVCAuthException ignored) {
+        catch (LocalVCAuthException | EntityNotFoundException ignored) {
+            // Caught when: 1) no user, or 2) no participation was found. In both cases it does not make sense to write a log
         }
     }
 
diff --git a/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/SshGitLocationResolverService.java b/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/SshGitLocationResolverService.java
index d45bfda1c179..fbe1f6450384 100644
--- a/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/SshGitLocationResolverService.java
+++ b/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/SshGitLocationResolverService.java
@@ -71,14 +71,16 @@ public Path resolveRootDirectory(String command, String[] args, ServerSession se
         // git-upload-pack means fetch (read operation), git-receive-pack means push (write operation)
         final var repositoryAction = gitCommand.equals("git-upload-pack") ? RepositoryActionType.READ : gitCommand.equals("git-receive-pack") ? RepositoryActionType.WRITE : null;
         final var user = session.getAttribute(SshConstants.USER_KEY);
+        session.setAttribute(SshConstants.REPOSITORY_EXERCISE_KEY, exercise);
 
         if (session.getAttribute(SshConstants.IS_BUILD_AGENT_KEY) && repositoryAction == RepositoryActionType.READ) {
             // We already checked for build agent authenticity
         }
         else {
             try {
-                localVCServletService.authorizeUser(repositoryTypeOrUserName, user, exercise, repositoryAction, AuthenticationMechanism.SSH, session.getClientAddress().toString(),
-                        localVCRepositoryUri);
+                var participation = localVCServletService.authorizeUser(repositoryTypeOrUserName, user, exercise, repositoryAction, localVCRepositoryUri, true);
+                localVCServletService.cacheAttributesInSshSession(user, participation, repositoryAction, AuthenticationMechanism.SSH, session.getClientAddress().toString(),
+                        localVCRepositoryUri, session);
             }
             catch (LocalVCForbiddenException e) {
                 log.error("User {} does not have access to the repository {}", user.getLogin(), repositoryPath);
diff --git a/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/VcsAccessLogService.java b/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/VcsAccessLogService.java
index af1972ce2e1c..583ceeebadaa 100644
--- a/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/VcsAccessLogService.java
+++ b/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/VcsAccessLogService.java
@@ -2,6 +2,8 @@
 
 import static de.tum.cit.aet.artemis.core.config.Constants.PROFILE_LOCALVC;
 
+import java.util.Optional;
+
 import org.eclipse.jgit.api.Git;
 import org.eclipse.jgit.api.errors.GitAPIException;
 import org.slf4j.Logger;
@@ -46,7 +48,7 @@ public class VcsAccessLogService {
      * @param ipAddress               The ip address of the user accessing the repository
      */
     @Async
-    public void storeAccessLog(User user, ProgrammingExerciseParticipation participation, RepositoryActionType actionType, AuthenticationMechanism authenticationMechanism,
+    public void saveAccessLog(User user, ProgrammingExerciseParticipation participation, RepositoryActionType actionType, AuthenticationMechanism authenticationMechanism,
             String commitHash, String ipAddress) {
         log.debug("Storing access operation for user {}", user);
 
@@ -63,44 +65,60 @@ public void storeAccessLog(User user, ProgrammingExerciseParticipation participa
      */
     @Async
     public void updateCommitHash(ProgrammingExerciseParticipation participation, String commitHash) {
-        vcsAccessLogRepository.findNewestByParticipationId(participation.getId()).ifPresent(entry -> {
-            entry.setCommitHash(commitHash);
-            vcsAccessLogRepository.save(entry);
-        });
+        var vcsAccessLog = vcsAccessLogRepository.findNewestByParticipationId(participation.getId());
+        if (vcsAccessLog.isPresent()) {
+            vcsAccessLog.get().setCommitHash(commitHash);
+            vcsAccessLogRepository.save(vcsAccessLog.get());
+        }
+    }
+
+    /**
+     * Updates the commit hash of the newest log entry
+     *
+     * @param localVCRepositoryUri The localVCRepositoryUri of the participation to which vcsAccessLog belongs to
+     * @param repositoryActionType The repository action type to which the vcsAccessLog should get updated to
+     */
+    @Async
+    public void updateRepositoryActionType(LocalVCRepositoryUri localVCRepositoryUri, RepositoryActionType repositoryActionType) {
+        var repositoryURL = localVCRepositoryUri.toString().replace("/git-upload-pack", "").replace("/git-receive-pack", "");
+        var vcsAccessLog = vcsAccessLogRepository.findNewestByRepositoryUri(repositoryURL);
+        if (vcsAccessLog.isPresent()) {
+            vcsAccessLog.get().setRepositoryActionType(repositoryActionType);
+            vcsAccessLogRepository.save(vcsAccessLog.get());
+        }
     }
 
     /**
-     * Updates the repository action type of the newest log entry. This method is not Async, as it should already be called from an @Async context
+     * Saves an vcsAccessLog
      *
-     * @param participation        The participation to which the repository belongs to
-     * @param repositoryActionType The repositoryActionType which should get set for the newest access log entry
+     * @param vcsAccessLog The vcsAccessLog to save
      */
-    public void updateRepositoryActionType(ProgrammingExerciseParticipation participation, RepositoryActionType repositoryActionType) {
-        vcsAccessLogRepository.findNewestByParticipationId(participation.getId()).ifPresent(entry -> {
-            entry.setRepositoryActionType(repositoryActionType);
-            vcsAccessLogRepository.save(entry);
-        });
+    @Async
+    public void saveVcsAccesslog(VcsAccessLog vcsAccessLog) {
+        vcsAccessLogRepository.save(vcsAccessLog);
     }
 
     /**
-     * Stores the log for a push from the code editor.
+     * Creates a preliminary access log for a push from the code editor, and returns it
      *
      * @param repo            The repository to which the push is executed
      * @param user            The user submitting the change
      * @param participationId The id of the participation belonging to the repository
+     * @return an Optional containing the preliminary VcsAccessLog, if one was created
      * @throws GitAPIException if an error occurs while retrieving the git log
      */
-    public void storeCodeEditorAccessLog(Repository repo, User user, Long participationId) throws GitAPIException {
+    public Optional<VcsAccessLog> createPreliminaryCodeEditorAccessLog(Repository repo, User user, Long participationId) throws GitAPIException {
         try (Git git = new Git(repo)) {
             String lastCommitHash = git.log().setMaxCount(1).call().iterator().next().getName();
             var participation = participationRepository.findById(participationId);
             if (participation.isPresent() && participation.get() instanceof ProgrammingExerciseParticipation programmingParticipation) {
                 log.debug("Storing access operation for user {}", user);
 
-                VcsAccessLog accessLogEntry = new VcsAccessLog(user, (Participation) programmingParticipation, user.getName(), user.getEmail(), RepositoryActionType.WRITE,
-                        AuthenticationMechanism.CODE_EDITOR, lastCommitHash, null);
-                vcsAccessLogRepository.save(accessLogEntry);
+                return Optional.of(new VcsAccessLog(user, (Participation) programmingParticipation, user.getName(), user.getEmail(), RepositoryActionType.WRITE,
+                        AuthenticationMechanism.CODE_EDITOR, lastCommitHash, null));
             }
         }
+        return Optional.empty();
     }
+
 }
diff --git a/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/ssh/SshConstants.java b/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/ssh/SshConstants.java
index 1ea41e9d2d6e..f7a0f02258ed 100644
--- a/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/ssh/SshConstants.java
+++ b/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/ssh/SshConstants.java
@@ -6,6 +6,9 @@
 import org.springframework.context.annotation.Profile;
 
 import de.tum.cit.aet.artemis.core.domain.User;
+import de.tum.cit.aet.artemis.programming.domain.ProgrammingExercise;
+import de.tum.cit.aet.artemis.programming.domain.ProgrammingExerciseParticipation;
+import de.tum.cit.aet.artemis.programming.domain.VcsAccessLog;
 
 @Profile(PROFILE_LOCALVC)
 public class SshConstants {
@@ -13,4 +16,10 @@ public class SshConstants {
     public static final AttributeRepository.AttributeKey<Boolean> IS_BUILD_AGENT_KEY = new AttributeRepository.AttributeKey<>();
 
     public static final AttributeRepository.AttributeKey<User> USER_KEY = new AttributeRepository.AttributeKey<>();
+
+    public static final AttributeRepository.AttributeKey<ProgrammingExercise> REPOSITORY_EXERCISE_KEY = new AttributeRepository.AttributeKey<>();
+
+    public static final AttributeRepository.AttributeKey<VcsAccessLog> VCS_ACCESS_LOG_KEY = new AttributeRepository.AttributeKey<>();
+
+    public static final AttributeRepository.AttributeKey<ProgrammingExerciseParticipation> PARTICIPATION_KEY = new AttributeRepository.AttributeKey<>();
 }
diff --git a/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/ssh/SshGitCommand.java b/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/ssh/SshGitCommand.java
index 7ec968646217..e078bce7fdbe 100644
--- a/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/ssh/SshGitCommand.java
+++ b/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/ssh/SshGitCommand.java
@@ -85,13 +85,13 @@ public void run() {
                     if (GenericUtils.isNotBlank(protocol)) {
                         uploadPack.setExtraParameters(Collections.singleton(protocol));
                     }
-                    uploadPack.setPreUploadHook(new LocalVCFetchPreUploadHookSSH(localVCServletService, getServerSession(), rootDir));
+                    uploadPack.setPreUploadHook(new LocalVCFetchPreUploadHookSSH(localVCServletService, getServerSession()));
                     uploadPack.upload(getInputStream(), getOutputStream(), getErrorStream());
                 }
                 else if (RemoteConfig.DEFAULT_RECEIVE_PACK.equals(subCommand)) {
                     var receivePack = new ReceivePack(repository);
                     receivePack.setPreReceiveHook(new LocalVCPrePushHook(localVCServletService, user));
-                    receivePack.setPostReceiveHook(new LocalVCPostPushHook(localVCServletService));
+                    receivePack.setPostReceiveHook(new LocalVCPostPushHook(localVCServletService, getServerSession()));
                     receivePack.receive(getInputStream(), getOutputStream(), getErrorStream());
                 }
                 else {
diff --git a/src/main/java/de/tum/cit/aet/artemis/programming/web/repository/RepositoryResource.java b/src/main/java/de/tum/cit/aet/artemis/programming/web/repository/RepositoryResource.java
index f9ca7350afd1..abe9b9ec40e2 100644
--- a/src/main/java/de/tum/cit/aet/artemis/programming/web/repository/RepositoryResource.java
+++ b/src/main/java/de/tum/cit/aet/artemis/programming/web/repository/RepositoryResource.java
@@ -281,12 +281,14 @@ public ResponseEntity<Void> commitChanges(Long domainId) {
 
         return executeAndCheckForExceptions(() -> {
             Repository repository = getRepository(domainId, RepositoryActionType.WRITE, true);
-            repositoryService.commitChanges(repository, user, domainId);
+            repositoryService.commitChanges(repository, user);
+            var vcsAccessLog = repositoryService.savePreliminaryCodeEditorAccessLog(repository, user, domainId);
+
             // Trigger a build, and process the result. Only implemented for local CI.
             // For GitLab + Jenkins, webhooks were added when creating the repository,
             // that notify the CI system when the commit happens and thus trigger the build.
             if (profileService.isLocalVcsCiActive()) {
-                localVCServletService.orElseThrow().processNewPush(null, repository);
+                localVCServletService.orElseThrow().processNewPush(null, repository, Optional.empty(), Optional.empty(), vcsAccessLog);
             }
             return new ResponseEntity<>(HttpStatus.OK);
         });
diff --git a/src/test/java/de/tum/cit/aet/artemis/programming/test_repository/TemplateProgrammingExerciseParticipationTestRepository.java b/src/test/java/de/tum/cit/aet/artemis/programming/test_repository/TemplateProgrammingExerciseParticipationTestRepository.java
new file mode 100644
index 000000000000..4eb0d9f8c22b
--- /dev/null
+++ b/src/test/java/de/tum/cit/aet/artemis/programming/test_repository/TemplateProgrammingExerciseParticipationTestRepository.java
@@ -0,0 +1,24 @@
+package de.tum.cit.aet.artemis.programming.test_repository;
+
+import static org.springframework.data.jpa.repository.EntityGraph.EntityGraphType.LOAD;
+
+import java.util.Optional;
+
+import org.springframework.context.annotation.Primary;
+import org.springframework.data.jpa.repository.EntityGraph;
+import org.springframework.stereotype.Repository;
+
+import de.tum.cit.aet.artemis.programming.domain.TemplateProgrammingExerciseParticipation;
+import de.tum.cit.aet.artemis.programming.repository.TemplateProgrammingExerciseParticipationRepository;
+
+@Repository
+@Primary
+public interface TemplateProgrammingExerciseParticipationTestRepository extends TemplateProgrammingExerciseParticipationRepository {
+
+    @EntityGraph(type = LOAD, attributePaths = { "results", "submissions" })
+    Optional<TemplateProgrammingExerciseParticipation> findWithEagerResultsAndSubmissionsByProgrammingExerciseId(long exerciseId);
+
+    default TemplateProgrammingExerciseParticipation findWithEagerResultsAndSubmissionsByProgrammingExerciseIdElseThrow(long exerciseId) {
+        return getValueElseThrow(findWithEagerResultsAndSubmissionsByProgrammingExerciseId(exerciseId));
+    }
+}
diff --git a/src/test/java/de/tum/cit/aet/artemis/programming/util/ProgrammingExerciseUtilService.java b/src/test/java/de/tum/cit/aet/artemis/programming/util/ProgrammingExerciseUtilService.java
index 2c4321d22b79..d2a64d1a0ddd 100644
--- a/src/test/java/de/tum/cit/aet/artemis/programming/util/ProgrammingExerciseUtilService.java
+++ b/src/test/java/de/tum/cit/aet/artemis/programming/util/ProgrammingExerciseUtilService.java
@@ -67,12 +67,12 @@
 import de.tum.cit.aet.artemis.programming.repository.SolutionProgrammingExerciseParticipationRepository;
 import de.tum.cit.aet.artemis.programming.repository.StaticCodeAnalysisCategoryRepository;
 import de.tum.cit.aet.artemis.programming.repository.SubmissionPolicyRepository;
-import de.tum.cit.aet.artemis.programming.repository.TemplateProgrammingExerciseParticipationRepository;
 import de.tum.cit.aet.artemis.programming.service.GitService;
 import de.tum.cit.aet.artemis.programming.test_repository.ProgrammingExerciseTaskTestRepository;
 import de.tum.cit.aet.artemis.programming.test_repository.ProgrammingExerciseTestCaseTestRepository;
 import de.tum.cit.aet.artemis.programming.test_repository.ProgrammingExerciseTestRepository;
 import de.tum.cit.aet.artemis.programming.test_repository.ProgrammingSubmissionTestRepository;
+import de.tum.cit.aet.artemis.programming.test_repository.TemplateProgrammingExerciseParticipationTestRepository;
 
 /**
  * Service responsible for initializing the database with specific testdata related to programming exercises for use in integration tests.
@@ -91,7 +91,7 @@ public class ProgrammingExerciseUtilService {
     protected String artemisVersionControlUrl;
 
     @Autowired
-    private TemplateProgrammingExerciseParticipationRepository templateProgrammingExerciseParticipationRepo;
+    private TemplateProgrammingExerciseParticipationTestRepository templateProgrammingExerciseParticipationTestRepo;
 
     @Autowired
     private ProgrammingExerciseTestRepository programmingExerciseRepository;
@@ -191,7 +191,7 @@ public ProgrammingExercise addTemplateParticipationForProgrammingExercise(Progra
         participation.setBuildPlanId(exercise.generateBuildPlanId(BuildPlanType.TEMPLATE));
         participation.setRepositoryUri(String.format("%s/git/%s/%s.git", artemisVersionControlUrl, exercise.getProjectKey(), repoName));
         participation.setInitializationState(InitializationState.INITIALIZED);
-        templateProgrammingExerciseParticipationRepo.save(participation);
+        templateProgrammingExerciseParticipationTestRepo.save(participation);
         exercise.setTemplateParticipation(participation);
         return programmingExerciseRepository.save(exercise);
     }
@@ -745,7 +745,7 @@ public Result addProgrammingSubmissionWithResult(ProgrammingExercise exercise, P
      * @return the newly created result
      */
     public Result addTemplateSubmissionWithResult(long exerciseId) {
-        var templateParticipation = templateProgrammingExerciseParticipationRepo.findWithEagerResultsAndSubmissionsByProgrammingExerciseIdElseThrow(exerciseId);
+        var templateParticipation = templateProgrammingExerciseParticipationTestRepo.findWithEagerResultsAndSubmissionsByProgrammingExerciseIdElseThrow(exerciseId);
         ProgrammingSubmission submission = new ProgrammingSubmission();
         submission = submissionRepository.save(submission);
         Result result = resultRepo.save(new Result().participation(templateParticipation));
@@ -756,7 +756,7 @@ public Result addTemplateSubmissionWithResult(long exerciseId) {
         result.setSubmission(submission);
         result = resultRepo.save(result);
         templateParticipation.addResult(result);
-        templateProgrammingExerciseParticipationRepo.save(templateParticipation);
+        templateProgrammingExerciseParticipationTestRepo.save(templateParticipation);
         return result;
     }
 
diff --git a/src/test/java/de/tum/cit/aet/artemis/programming/util/ProgrammingUtilTestService.java b/src/test/java/de/tum/cit/aet/artemis/programming/util/ProgrammingUtilTestService.java
index 52a58e3f8040..78f7f370e454 100644
--- a/src/test/java/de/tum/cit/aet/artemis/programming/util/ProgrammingUtilTestService.java
+++ b/src/test/java/de/tum/cit/aet/artemis/programming/util/ProgrammingUtilTestService.java
@@ -27,11 +27,11 @@
 import de.tum.cit.aet.artemis.programming.domain.Repository;
 import de.tum.cit.aet.artemis.programming.repository.ProgrammingExerciseBuildConfigRepository;
 import de.tum.cit.aet.artemis.programming.repository.SolutionProgrammingExerciseParticipationRepository;
-import de.tum.cit.aet.artemis.programming.repository.TemplateProgrammingExerciseParticipationRepository;
 import de.tum.cit.aet.artemis.programming.service.GitService;
 import de.tum.cit.aet.artemis.programming.test_repository.ProgrammingExerciseStudentParticipationTestRepository;
 import de.tum.cit.aet.artemis.programming.test_repository.ProgrammingExerciseTestRepository;
 import de.tum.cit.aet.artemis.programming.test_repository.ProgrammingSubmissionTestRepository;
+import de.tum.cit.aet.artemis.programming.test_repository.TemplateProgrammingExerciseParticipationTestRepository;
 
 /**
  * Utility service specifically used for testing programming exercises.
@@ -55,7 +55,7 @@ public class ProgrammingUtilTestService {
     private ProgrammingSubmissionTestRepository programmingSubmissionRepository;
 
     @Autowired
-    private TemplateProgrammingExerciseParticipationRepository templateProgrammingExerciseParticipationRepository;
+    private TemplateProgrammingExerciseParticipationTestRepository templateProgrammingExerciseParticipationRepository;
 
     @Autowired
     private SolutionProgrammingExerciseParticipationRepository solutionProgrammingExerciseParticipationRepository;
diff --git a/src/test/java/de/tum/cit/aet/artemis/shared/base/AbstractSpringIntegrationLocalCILocalVCTest.java b/src/test/java/de/tum/cit/aet/artemis/shared/base/AbstractSpringIntegrationLocalCILocalVCTest.java
index 90e651dfbac8..e123235d449e 100644
--- a/src/test/java/de/tum/cit/aet/artemis/shared/base/AbstractSpringIntegrationLocalCILocalVCTest.java
+++ b/src/test/java/de/tum/cit/aet/artemis/shared/base/AbstractSpringIntegrationLocalCILocalVCTest.java
@@ -87,13 +87,13 @@
 import de.tum.cit.aet.artemis.programming.repository.ProgrammingExerciseBuildConfigRepository;
 import de.tum.cit.aet.artemis.programming.repository.ProgrammingExerciseBuildStatisticsRepository;
 import de.tum.cit.aet.artemis.programming.repository.SolutionProgrammingExerciseParticipationRepository;
-import de.tum.cit.aet.artemis.programming.repository.TemplateProgrammingExerciseParticipationRepository;
 import de.tum.cit.aet.artemis.programming.service.ProgrammingMessagingService;
 import de.tum.cit.aet.artemis.programming.service.localci.LocalCIService;
 import de.tum.cit.aet.artemis.programming.service.localvc.LocalVCService;
 import de.tum.cit.aet.artemis.programming.test_repository.BuildJobTestRepository;
 import de.tum.cit.aet.artemis.programming.test_repository.ProgrammingExerciseStudentParticipationTestRepository;
 import de.tum.cit.aet.artemis.programming.test_repository.ProgrammingExerciseTestRepository;
+import de.tum.cit.aet.artemis.programming.test_repository.TemplateProgrammingExerciseParticipationTestRepository;
 
 // Must start up an actual web server such that the tests can communicate with the ArtemisGitServlet using JGit.
 // Otherwise, only MockMvc requests could be used. The port this runs on is defined at server.port (see @TestPropertySource).
@@ -130,7 +130,7 @@ public abstract class AbstractSpringIntegrationLocalCILocalVCTest extends Abstra
     protected ProgrammingExerciseBuildStatisticsRepository programmingExerciseBuildStatisticsRepository;
 
     @Autowired
-    protected TemplateProgrammingExerciseParticipationRepository templateProgrammingExerciseParticipationRepository;
+    protected TemplateProgrammingExerciseParticipationTestRepository templateProgrammingExerciseParticipationRepository;
 
     @Autowired
     protected SolutionProgrammingExerciseParticipationRepository solutionProgrammingExerciseParticipationRepository;

From 031c0bf3384970eceebdd9dfcd2be4e4245a6d58 Mon Sep 17 00:00:00 2001
From: Stephan Krusche <krusche@tum.de>
Date: Sun, 12 Jan 2025 11:37:28 +0100
Subject: [PATCH 06/16] Development: Update thymeleaf email templates (#10114)

---
 README.md                                     |   6 +-
 docs/admin/registration.rst                   |   2 +-
 docs/user/mobile-applications.rst             |   4 +-
 docs/user/orion.rst                           |   4 +-
 .../service/localvc/LocalVCRepositoryUri.java |  16 +-
 .../mail/dataExportFailedAdminEmail.html      |   6 +-
 .../notification/announcementPostEmail.html   |  14 +-
 .../notification/attachmentChangedEmail.html  |  14 +-
 .../notification/dataExportCreatedEmail.html  |  12 +-
 .../notification/dataExportFailedEmail.html   |  10 +-
 .../notification/duplicateTestCasesEmail.html |  14 +-
 .../exerciseOpenForPracticeEmail.html         |  16 +-
 .../notification/exerciseReleasedEmail.html   |  16 +-
 .../exerciseSubmissionAssessedEmail.html      |  12 +-
 .../fileSubmissionSuccessfulEmail.html        |  12 +-
 .../mail/notification/fragments.html          | 317 ++++++++----------
 .../notification/plagiarismCaseEmail.html     |   6 +-
 .../notification/plagiarismVerdictEmail.html  |  14 +-
 .../notification/tutorialGroupBasicEmail.html |  12 +-
 .../tutorialGroupDeletedEmail.html            |  10 +-
 .../tutorialGroupUpdatedEmail.html            |  14 +-
 .../mail/successfulDataExportsAdminEmail.html |   6 +-
 .../templates/mail/weeklySummary.html         |  12 +-
 .../app/core/about-us/about-us.component.ts   |   2 +-
 .../programming/icl/RepositoryUriTest.java    |  26 +-
 .../service/external-cloning.service.spec.ts  |   6 +-
 26 files changed, 271 insertions(+), 312 deletions(-)

diff --git a/README.md b/README.md
index 99248761d635..d2dc95b1d5e9 100644
--- a/README.md
+++ b/README.md
@@ -47,7 +47,7 @@ Artemis brings interactive learning to life with instant, individual feedback on
    * **Integrated feedback**: Reviews can provide feedback and points directly next to the text segments.
    * **Language detection**: Artemis detects the language of the submission and shows the word and character count. 
 7. **[File upload exercises](https://docs.artemis.cit.tum.de/user/exercises/file-upload/)** allow full flexibility to instructors. Students can create any kind of file (e.g. PDF, PNG) and submit it to Artemis when they have completed their work. Artemis allows instructors and tutors to download the files and assess them manually based on structured grading criteria (see below in the section Assessment).
-8. **[Exam mode](https://docs.artemis.cit.tum.de/user/exam_mode/)**: Instructors can create online exams with exercise variants, integrated plagiarism checks, test runs and student reviews. You can find more information on [Exam mode student features](https://artemis.cit.tum.de/features/students) and on [Exam mode instructor features](https://artemis.cit.tum.de/features/instructors).
+8. **[Exam mode](https://docs.artemis.cit.tum.de/user/exam_mode/)**: Instructors can create online exams with exercise variants, integrated plagiarism checks, test runs and student reviews. You can find more information on [Exam mode student features](https://artemis.tum.de/features/students) and on [Exam mode instructor features](https://artemis.tum.de/features/instructors).
 9. **[Assessment](https://docs.artemis.cit.tum.de/user/exercises/assessment/)**: Artemis uses double-blind grading and structured grading criteria to improve consistency and fairness. 
     * **Training process**: It integrates an assessment training process (based on example submissions and example assessments defined by the instructor), has a grading leader board, and allows students to rate the assessments. Students can complain or ask for more feedback. 
     * **Grading**: Instructors can configure grade keys for courses and exams to automatically calculate grades and display them to students. Grades can be easily exported as csv files to upload them into university systems (such as Campus online). They can define bonus configurations for final exams to improve student grades according to their grades from a midterm exam or course exercises.
@@ -59,7 +59,7 @@ Artemis brings interactive learning to life with instant, individual feedback on
     * **[Adaptive learning](https://docs.artemis.cit.tum.de/user/adaptive-learning)**: Artemis allows instructors and students to define and track competencies. Students can monitor their progress towards these goals, while instructors can provide tailored feedback. This approach integrates lectures and exercises under overarching learning objectives. 
     * **[Learning analytics](https://docs.artemis.cit.tum.de/user/learning-analytics)**: Artemis integrated different statistics for students to compare themselves to the course average. It allows instructors to evaluate the average student performance based on exercises and competencies. 
     * **[Learning paths](https://docs.artemis.cit.tum.de/user/adaptive-learning/adaptive-learning-student.html#learning-paths)**: Based on the competency model and students' individual progress, Artemis creates learning paths that guide students through the course content.
-13. **[Iris](https://artemis.cit.tum.de/about-iris)**: Artemis integrates Iris, a LLM based virtual assistant that supports students and instructors with common questions and tasks.
+13. **[Iris](https://artemis.tum.de/about-iris)**: Artemis integrates Iris, a LLM based virtual assistant that supports students and instructors with common questions and tasks.
     * **Questions**: Iris supports students with answering questions about exercises, lectures, and the learning performance instantly.
     * **Pro-active assistance**: Iris can pro-actively communicate with the students, help them with the next steps in their learning experience and motivate them to continue.
 14. **[Athena](https://github.com/ls1intum/Athena)**: Artemis integrates Athena, a machine learning-based tool that supports instructors with the assessment of text, modeling and programming exercises. Athena offers different modules including automatic feedback suggestions based on generate AI. 
@@ -242,7 +242,7 @@ We communicate using GitHub issues and pull requests. Additionally, you can join
 The following universities are actively using Artemis or are currently evaluating Artemis.
 
 * **Technical University of Munich**  
-  https://artemis.cit.tum.de  
+  https://artemis.tum.de  
   Main contact person: [Stephan Krusche](mailto:krusche@tum.de)  
   
 * **LFU Innsbruck, Uni Salzburg, JKU Linz, AAU Klagenfurt, TU Wien**  
diff --git a/docs/admin/registration.rst b/docs/admin/registration.rst
index bb16b33cd78c..ad583a52cfa3 100644
--- a/docs/admin/registration.rst
+++ b/docs/admin/registration.rst
@@ -30,7 +30,7 @@ Example:
                     trust: <host>
     jhipster:
         mail:
-            base-url: https://artemis.cit.tum.de
+            base-url: https://artemis.tum.de
             from: artemis@xcit.tum.de
     management:
         health:
diff --git a/docs/user/mobile-applications.rst b/docs/user/mobile-applications.rst
index 64485cb2e2fd..15732acfe684 100644
--- a/docs/user/mobile-applications.rst
+++ b/docs/user/mobile-applications.rst
@@ -59,7 +59,7 @@ Server Selection
 
 After installation, users have to first decide which Artemis server they want to connect to. Per default, the user can choose between the following instances:
 
-* TUM: https://artemis.cit.tum.de
+* TUM: https://artemis.tum.de
 * CodeAbility: https://artemis.codeability.uibk.ac.at
 * KIT: https://artemis.praktomat.cs.kit.edu
 
@@ -170,7 +170,7 @@ Server Selection
 
 After installation, users have to first decide which Artemis server they want to connect to. Per default, the user can choose between the following instances:
 
-* TUM: https://artemis.cit.tum.de
+* TUM: https://artemis.tum.de
 * CodeAbility: https://artemis.codeability.uibk.ac.at
 * KIT: https://artemis.praktomat.cs.kit.edu
 * Hochschule Munich: https://artemis.cs.hm.edu/
diff --git a/docs/user/orion.rst b/docs/user/orion.rst
index d6abba219fc6..1a7d857f7c07 100644
--- a/docs/user/orion.rst
+++ b/docs/user/orion.rst
@@ -39,8 +39,8 @@ Settings
 
 Orion's settings are at *Settings -> Tools -> Orion*. The settings include:
 
-- Artemis base url: Can be changed to switch to a specific Artemis instance. Defaults to https://artemis.cit.tum.de. **Important:** The url must not end with a ``/``, otherwise it does not work!
-- Artemis git url: Can be changed to switch to a specific Artemis instance. Defaults to https://artemis.cit.tum.de/git
+- Artemis base url: Can be changed to switch to a specific Artemis instance. Defaults to https://artemis.tum.de. **Important:** The url must not end with a ``/``, otherwise it does not work!
+- Artemis git url: Can be changed to switch to a specific Artemis instance. Defaults to https://artemis.tum.de/git
 - Artemis exercise paths: Orion suggests to store newly downloaded exercises at ``default-path/course/exercise-name``, with the default path dependent of the setting.
 - Default commit message: The default message for each commit.
 - Change user agent: The user agent is sent to Artemis to identify Orion. Usually, no changes are required.
diff --git a/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/LocalVCRepositoryUri.java b/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/LocalVCRepositoryUri.java
index 796c0df5fc02..8103863650fa 100644
--- a/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/LocalVCRepositoryUri.java
+++ b/src/main/java/de/tum/cit/aet/artemis/programming/service/localvc/LocalVCRepositoryUri.java
@@ -101,10 +101,10 @@ public LocalVCRepositoryUri(String urlString) {
      *
      * Examples:
      * <ul>
-     * <li>Correct URL: "https://artemis.cit.tum.de/git/projectKey/repositorySlug.git" - Returns 1 as "git" is at index 1.</li>
-     * <li>Incorrect URL: "https://artemis.cit.tum.de/projectKey/repositorySlug.git" - Throws LocalVCInternalException because the "git" segment is missing.</li>
-     * <li>Incorrect URL: "https://artemis.cit.tum.de/git/projectKey" - Throws LocalVCInternalException because there are not enough segments after "git".</li>
-     * <li>Incorrect URL: "https://artemis.cit.tum.de/git/projectKey/repositorySlug" - Throws LocalVCInternalException because the repository slug does not end with ".git".</li>
+     * <li>Correct URL: "https://artemis.tum.de/git/projectKey/repositorySlug.git" - Returns 1 as "git" is at index 1.</li>
+     * <li>Incorrect URL: "https://artemis.tum.de/projectKey/repositorySlug.git" - Throws LocalVCInternalException because the "git" segment is missing.</li>
+     * <li>Incorrect URL: "https://artemis.tum.de/git/projectKey" - Throws LocalVCInternalException because there are not enough segments after "git".</li>
+     * <li>Incorrect URL: "https://artemis.tum.de/git/projectKey/repositorySlug" - Throws LocalVCInternalException because the repository slug does not end with ".git".</li>
      * </ul>
      *
      * @param urlString The full URL string being analyzed, provided for context in error messages.
@@ -148,13 +148,13 @@ private static int getGitPartStartIndex(String urlString, Path urlPath) throws L
      * <ul>
      * <li>
      * Input: Local repository path - {@code Paths.get("/local/path/projectX/my-repo/.git")}
-     * and Local VC server URL - {@code new URI("https://artemis.cit.tum.de").getURL()}
-     * Output: {@code https://artemis.cit.tum.de/git/projectX/my-repo.git}
+     * and Local VC server URL - {@code new URI("https://artemis.tum.de").getURL()}
+     * Output: {@code https://artemis.tum.de/git/projectX/my-repo.git}
      * </li>
      * <li>
      * Input: Remote repository path - {@code Paths.get("/remote/path/projectY/my-repo")}
-     * and Local VC server URL - {@code new URI("https://artemis.cit.tum.de").getURL()}
-     * Output: {@code https://artemis.cit.tum.de/git/projectY/my-repo.git}
+     * and Local VC server URL - {@code new URI("https://artemis.tum.de").getURL()}
+     * Output: {@code https://artemis.tum.de/git/projectY/my-repo.git}
      * </li>
      * </ul>
      *
diff --git a/src/main/resources/templates/mail/dataExportFailedAdminEmail.html b/src/main/resources/templates/mail/dataExportFailedAdminEmail.html
index 14d68464eac7..ad7141a76b1e 100644
--- a/src/main/resources/templates/mail/dataExportFailedAdminEmail.html
+++ b/src/main/resources/templates/mail/dataExportFailedAdminEmail.html
@@ -2,11 +2,11 @@
 <html xmlns:th="http://www.thymeleaf.org">
 <head>
     <title th:text="#{email.dataExportFailedAdmin.title(${user.login})}">Data export for one of the users failed</title>
-    <th:block th:replace="mail/notification/fragments :: headMetaDataAndIconLink"/>
-    <th:block th:replace="mail/notification/fragments :: css"/>
+    <th:block th:replace="~{mail/notification/fragments :: headMetaDataAndIconLink}"/>
+    <th:block th:replace="~{mail/notification/fragments :: css}"/>
 </head>
 <body>
-<th:block th:replace="mail/notification/fragments :: header"/>
+<th:block th:replace="~{mail/notification/fragments :: header}"/>
 <!-- Message Body Start -->
 <div id="message-body">
     <span th:text="#{email.dataExportFailedAdmin.text}">A data export creation failed. </span>
diff --git a/src/main/resources/templates/mail/notification/announcementPostEmail.html b/src/main/resources/templates/mail/notification/announcementPostEmail.html
index 6dbd0eb48d1b..391fb5567e88 100644
--- a/src/main/resources/templates/mail/notification/announcementPostEmail.html
+++ b/src/main/resources/templates/mail/notification/announcementPostEmail.html
@@ -1,25 +1,25 @@
 <!DOCTYPE html>
 <html xmlns:th="http://www.thymeleaf.org">
-<th:block th:replace="mail/notification/fragments :: head"/>
+<th:block th:replace="~{mail/notification/fragments :: head}"/>
 <body>
-<th:block th:replace="mail/notification/fragments :: header"/>
+<th:block th:replace="~{mail/notification/fragments :: header}"/>
 <!-- Message Body Start -->
 <div id="message-body">
-    <th:block th:replace="mail/notification/fragments :: greetingsFullName"/>
+    <th:block th:replace="~{mail/notification/fragments :: greetingsFullName}"/>
     <div class="notification-content">
         <span th:text="#{email.notification.title.post.announcement(
             ${notificationSubject.getTitle()},
             ${notificationSubject.getConversation().getCourse().getTitle()}
             )}">Notification Content for Announcement Posts
-            </span>
+        </span>
         <div class="bordered-content">
             <p th:utext="${notificationSubject.getContent()}">Post Content</p>
         </div>
-        <th:block th:replace="mail/notification/fragments :: openInArtemisButton"/>
+        <th:block th:replace="~{mail/notification/fragments :: openInArtemisButton}"/>
     </div>
-    <th:block th:replace="mail/notification/fragments :: farewell"/>
+    <th:block th:replace="~{mail/notification/fragments :: farewell}"/>
 </div>
 <!-- Message Body End -->
-<th:block th:replace="mail/notification/fragments :: footer"/>
+<th:block th:replace="~{mail/notification/fragments :: footer}"/>
 </body>
 </html>
diff --git a/src/main/resources/templates/mail/notification/attachmentChangedEmail.html b/src/main/resources/templates/mail/notification/attachmentChangedEmail.html
index 769bb3f1491c..c4a080fc4c24 100644
--- a/src/main/resources/templates/mail/notification/attachmentChangedEmail.html
+++ b/src/main/resources/templates/mail/notification/attachmentChangedEmail.html
@@ -1,11 +1,11 @@
 <!DOCTYPE html>
 <html xmlns:th="http://www.thymeleaf.org">
-<th:block th:replace="mail/notification/fragments :: head"/>
+<th:block th:replace="~{mail/notification/fragments :: head}"/>
 <body>
-    <th:block th:replace="mail/notification/fragments :: header"/>
+    <th:block th:replace="~{mail/notification/fragments :: header}"/>
     <!-- Message Body Start -->
     <div id="message-body">
-        <th:block th:replace="mail/notification/fragments :: greetingsFullName"/>
+        <th:block th:replace="~{mail/notification/fragments :: greetingsFullName}"/>
         <div class="notification-content">
             <span th:text="#{email.notification.title.attachment(
                 ${notificationSubject.getName()},
@@ -13,12 +13,12 @@
                 ${notificationSubject.getLecture().getCourse().getTitle()}
                 )}">Notification Content for Attachment Changed</span>
             <!-- Change message : notification text -->
-            <th:block th:replace="mail/notification/fragments :: notificationText"/>
-            <th:block th:replace="mail/notification/fragments :: openInArtemisButton"/>
+            <th:block th:replace="~{mail/notification/fragments :: notificationText}"/>
+            <th:block th:replace="~{mail/notification/fragments :: openInArtemisButton}"/>
         </div>
-        <th:block th:replace="mail/notification/fragments :: farewell"/>
+        <th:block th:replace="~{mail/notification/fragments :: farewell}"/>
     </div>
     <!-- Message Body End -->
-    <th:block th:replace="mail/notification/fragments :: footer"/>
+    <th:block th:replace="~{mail/notification/fragments :: footer}"/>
 </body>
 </html>
diff --git a/src/main/resources/templates/mail/notification/dataExportCreatedEmail.html b/src/main/resources/templates/mail/notification/dataExportCreatedEmail.html
index 7f4075a08e75..398e593c15fa 100644
--- a/src/main/resources/templates/mail/notification/dataExportCreatedEmail.html
+++ b/src/main/resources/templates/mail/notification/dataExportCreatedEmail.html
@@ -1,16 +1,16 @@
 <!DOCTYPE html>
 <html xmlns:th="http://www.thymeleaf.org">
-<th:block th:replace="mail/notification/fragments :: head"/>
+<th:block th:replace="~{mail/notification/fragments :: head}"/>
 <body>
-<th:block th:replace="mail/notification/fragments :: header"/>
+<th:block th:replace="~{mail/notification/fragments :: header}"/>
 <!-- Message Body Start -->
 <div id="message-body">
-    <th:block th:replace="mail/notification/fragments :: greetingsFullName"/>
+    <th:block th:replace="~{mail/notification/fragments :: greetingsFullName}"/>
     <span th:text="#{email.notification.title.dataExportCreated}">Your data export has been successfully created</span>
-        <th:block th:replace="mail/notification/fragments :: openInArtemisButton"/>
-    <th:block th:replace="mail/notification/fragments :: farewell"/>
+        <th:block th:replace="~{mail/notification/fragments :: openInArtemisButton}"/>
+    <th:block th:replace="~{mail/notification/fragments :: farewell}"/>
 </div>
 <!-- Message Body End -->
-<th:block th:replace="mail/notification/fragments :: footer"/>
+<th:block th:replace="~{mail/notification/fragments :: footer}"/>
 </body>
 </html>
diff --git a/src/main/resources/templates/mail/notification/dataExportFailedEmail.html b/src/main/resources/templates/mail/notification/dataExportFailedEmail.html
index d7dc4c5ab6f0..cff8d2814dd5 100644
--- a/src/main/resources/templates/mail/notification/dataExportFailedEmail.html
+++ b/src/main/resources/templates/mail/notification/dataExportFailedEmail.html
@@ -1,15 +1,15 @@
 <!DOCTYPE html>
 <html xmlns:th="http://www.thymeleaf.org">
-<th:block th:replace="mail/notification/fragments :: head"/>
+<th:block th:replace="~{mail/notification/fragments :: head}"/>
 <body>
-<th:block th:replace="mail/notification/fragments :: header"/>
+<th:block th:replace="~{mail/notification/fragments :: header}"/>
 <!-- Message Body Start -->
 <div id="message-body">
-    <th:block th:replace="mail/notification/fragments :: greetingsFullName"/>
+    <th:block th:replace="~{mail/notification/fragments :: greetingsFullName}"/>
     <span th:text="#{email.notification.title.dataExportFailed}">Your data export creation failed.</span>
-    <th:block th:replace="mail/notification/fragments :: farewell"/>
+    <th:block th:replace="~{mail/notification/fragments :: farewell}"/>
 </div>
 <!-- Message Body End -->
-<th:block th:replace="mail/notification/fragments :: footer"/>
+<th:block th:replace="~{mail/notification/fragments :: footer}"/>
 </body>
 </html>
diff --git a/src/main/resources/templates/mail/notification/duplicateTestCasesEmail.html b/src/main/resources/templates/mail/notification/duplicateTestCasesEmail.html
index 31a0d188997f..e0cbb079fc03 100644
--- a/src/main/resources/templates/mail/notification/duplicateTestCasesEmail.html
+++ b/src/main/resources/templates/mail/notification/duplicateTestCasesEmail.html
@@ -1,13 +1,13 @@
 <!DOCTYPE html>
 <html xmlns:th="http://www.thymeleaf.org">
-<th:block th:replace="mail/notification/fragments :: head"/>
+<th:block th:replace="~{mail/notification/fragments :: head}"/>
 <body>
-<th:block th:replace="mail/notification/fragments :: header"/>
+<th:block th:replace="~{mail/notification/fragments :: header}"/>
 <!-- Message Body Start -->
 <div id="message-body">
-    <th:block th:replace="mail/notification/fragments :: greetingsFullName"/>
+    <th:block th:replace="~{mail/notification/fragments :: greetingsFullName}"/>
     <div class="notification-content">
-        <th:block th:replace="mail/notification/fragments :: exerciseTypeTranslation"/>
+        <th:block th:replace="~{mail/notification/fragments :: exerciseTypeTranslation}"/>
         <span th:text="#{email.notification.title.duplicate.test.cases(
                 ${notificationSubject.getTitle()},
                 ${notificationSubject.getCourseViaExerciseGroupOrCourseMember().getTitle()}
@@ -21,11 +21,11 @@
                 <li th:text="#{email.notification.aux.information.due.date(${timeService.convertToHumanReadableDate(notificationSubject.getDueDate())})}">Due Date</li>
             </th:block>
         </ul>
-        <th:block th:replace="mail/notification/fragments :: openInArtemisButton"/>
+        <th:block th:replace="~{mail/notification/fragments :: openInArtemisButton}"/>
     </div>
-    <th:block th:replace="mail/notification/fragments :: farewell"/>
+    <th:block th:replace="~{mail/notification/fragments :: farewell}"/>
 </div>
 <!-- Message Body End -->
-<th:block th:replace="mail/notification/fragments :: footer"/>
+<th:block th:replace="~{mail/notification/fragments :: footer}"/>
 </body>
 </html>
diff --git a/src/main/resources/templates/mail/notification/exerciseOpenForPracticeEmail.html b/src/main/resources/templates/mail/notification/exerciseOpenForPracticeEmail.html
index ca0b83a2a97f..6097451cf482 100644
--- a/src/main/resources/templates/mail/notification/exerciseOpenForPracticeEmail.html
+++ b/src/main/resources/templates/mail/notification/exerciseOpenForPracticeEmail.html
@@ -1,13 +1,13 @@
 <!DOCTYPE html>
 <html xmlns:th="http://www.thymeleaf.org">
-<th:block th:replace="mail/notification/fragments :: head"/>
+<th:block th:replace="~{mail/notification/fragments :: head}"/>
 <body>
-<th:block th:replace="mail/notification/fragments :: header"/>
+<th:block th:replace="~{mail/notification/fragments :: header}"/>
 <!-- Message Body Start -->
 <div id="message-body">
-    <th:block th:replace="mail/notification/fragments :: greetingsFullName"/>
+    <th:block th:replace="~{mail/notification/fragments :: greetingsFullName}"/>
     <div class="notification-content">
-            <th:block th:replace="mail/notification/fragments :: exerciseTypeTranslation"/>
+            <th:block th:replace="~{mail/notification/fragments :: exerciseTypeTranslation}"/>
             <span th:utext="#{email.notification.title.exercise.practice(
                 ${notificationSubject.getTitle()},
                 ${notificationSubject.getCourseViaExerciseGroupOrCourseMember().getTitle()}
@@ -15,14 +15,14 @@
         <th:block th:if="${notificationSubject.getDifficulty()}">
             <p class="bold-text" th:text="#{email.notification.title.exercise.information}">Information about this exercise:</p>
             <ul>
-                <li th:include="mail/notification/fragments :: difficultyTranslation"/>
+                <li th:include="~{mail/notification/fragments :: difficultyTranslation}"/>
             </ul>
         </th:block>
-        <th:block th:replace="mail/notification/fragments :: openInArtemisButton"/>
+        <th:block th:replace="~{mail/notification/fragments :: openInArtemisButton}"/>
     </div>
-    <th:block th:replace="mail/notification/fragments :: farewell"/>
+    <th:block th:replace="~{mail/notification/fragments :: farewell}"/>
 </div>
 <!-- Message Body End -->
-<th:block th:replace="mail/notification/fragments :: footer"/>
+<th:block th:replace="~{mail/notification/fragments :: footer}"/>
 </body>
 </html>
diff --git a/src/main/resources/templates/mail/notification/exerciseReleasedEmail.html b/src/main/resources/templates/mail/notification/exerciseReleasedEmail.html
index 486ad02c4e2b..3c819c83e055 100644
--- a/src/main/resources/templates/mail/notification/exerciseReleasedEmail.html
+++ b/src/main/resources/templates/mail/notification/exerciseReleasedEmail.html
@@ -1,13 +1,13 @@
 <!DOCTYPE html>
 <html xmlns:th="http://www.thymeleaf.org">
-<th:block th:replace="mail/notification/fragments :: head"/>
+<th:block th:replace="~{mail/notification/fragments :: head}"/>
 <body>
-    <th:block th:replace="mail/notification/fragments :: header"/>
+    <th:block th:replace="~{mail/notification/fragments :: header}"/>
     <!-- Message Body Start -->
     <div id="message-body">
-        <th:block th:replace="mail/notification/fragments :: greetingsFullName"/>
+        <th:block th:replace="~{mail/notification/fragments :: greetingsFullName}"/>
         <div class="notification-content">
-            <th:block th:replace="mail/notification/fragments :: exerciseTypeTranslation"/>
+            <th:block th:replace="~{mail/notification/fragments :: exerciseTypeTranslation}"/>
             <span th:text="#{email.notification.title.exercise.created(
                 ${notificationSubject.getTitle()},
                 ${notificationSubject.getCourseViaExerciseGroupOrCourseMember().getTitle()}
@@ -15,7 +15,7 @@
             <p class="bold-text" th:text="#{email.notification.title.exercise.information}">Information about this exercise:</p>
             <ul>
                 <th:block th:if="${notificationSubject.getDifficulty()}">
-                    <li th:include="mail/notification/fragments :: difficultyTranslation"/>
+                    <li th:include="~{mail/notification/fragments :: difficultyTranslation}"/>
                 </th:block>
                 <th:block th:if="${notificationSubject.getReleaseDate()}">
                     <li th:text="#{email.notification.aux.information.release.date(${timeService.convertToHumanReadableDate(notificationSubject.getReleaseDate())})}">Release Date</li>
@@ -28,11 +28,11 @@
                     <li th:text="#{email.notification.title.exercise.information.bonus(${notificationSubject.getBonusPoints()})}">Bonus Points</li>
                 </th:block>
             </ul>
-            <th:block th:replace="mail/notification/fragments :: openInArtemisButton"/>
+            <th:block th:replace="~{mail/notification/fragments :: openInArtemisButton}"/>
         </div>
-        <th:block th:replace="mail/notification/fragments :: farewell"/>
+        <th:block th:replace="~{mail/notification/fragments :: farewell}"/>
     </div>
     <!-- Message Body End -->
-    <th:block th:replace="mail/notification/fragments :: footer"/>
+    <th:block th:replace="~{mail/notification/fragments :: footer}"/>
 </body>
 </html>
diff --git a/src/main/resources/templates/mail/notification/exerciseSubmissionAssessedEmail.html b/src/main/resources/templates/mail/notification/exerciseSubmissionAssessedEmail.html
index 9758a0bb6208..48543300e523 100644
--- a/src/main/resources/templates/mail/notification/exerciseSubmissionAssessedEmail.html
+++ b/src/main/resources/templates/mail/notification/exerciseSubmissionAssessedEmail.html
@@ -1,11 +1,11 @@
 <!DOCTYPE html>
 <html xmlns:th="http://www.thymeleaf.org">
-<th:block th:replace="mail/notification/fragments :: head"/>
+<th:block th:replace="~{mail/notification/fragments :: head}"/>
 <body>
-<th:block th:replace="mail/notification/fragments :: header"/>
+<th:block th:replace="~{mail/notification/fragments :: header}"/>
 <!-- Message Body Start -->
 <div id="message-body">
-    <th:block th:replace="mail/notification/fragments :: greetingsFullName"/>
+    <th:block th:replace="~{mail/notification/fragments :: greetingsFullName}"/>
     <div class="notification-content">
         <span th:text="#{email.notification.title.exercise.submission.assessed(
                 ${notificationSubject.getTitle()},
@@ -16,11 +16,11 @@
             <li th:text="#{email.notification.title.exercise.information.possible(${notificationSubject.getMaxPoints()})}">Max Points</li>
             <li th:text="#{email.notification.aux.information.exercise.score(${assessedScore})}">Score</li>
         </ul>
-        <th:block th:replace="mail/notification/fragments :: openInArtemisButton"/>
+        <th:block th:replace="~{mail/notification/fragments :: openInArtemisButton}"/>
     </div>
-    <th:block th:replace="mail/notification/fragments :: farewell"/>
+    <th:block th:replace="~{mail/notification/fragments :: farewell}"/>
 </div>
 <!-- Message Body End -->
-<th:block th:replace="mail/notification/fragments :: footer"/>
+<th:block th:replace="~{mail/notification/fragments :: footer}"/>
 </body>
 </html>
diff --git a/src/main/resources/templates/mail/notification/fileSubmissionSuccessfulEmail.html b/src/main/resources/templates/mail/notification/fileSubmissionSuccessfulEmail.html
index 4af88f5f6340..1b47c689b4da 100644
--- a/src/main/resources/templates/mail/notification/fileSubmissionSuccessfulEmail.html
+++ b/src/main/resources/templates/mail/notification/fileSubmissionSuccessfulEmail.html
@@ -1,11 +1,11 @@
 <!DOCTYPE html>
 <html xmlns:th="http://www.thymeleaf.org">
-<th:block th:replace="mail/notification/fragments :: head"/>
+<th:block th:replace="~{mail/notification/fragments :: head}"/>
 <body>
-<th:block th:replace="mail/notification/fragments :: header"/>
+<th:block th:replace="~{mail/notification/fragments :: header}"/>
 <!-- Message Body Start -->
 <div id="message-body">
-    <th:block th:replace="mail/notification/fragments :: greetingsFullName"/>
+    <th:block th:replace="~{mail/notification/fragments :: greetingsFullName}"/>
     <div class="notification-content">
         <span th:text="#{email.notification.title.file.submission.successful(
                 ${notificationSubject.getTitle()},
@@ -20,11 +20,11 @@
                 <li th:text="#{email.notification.aux.information.due.date(${timeService.convertToHumanReadableDate(notificationSubject.getDueDate())})}">Exercise Due Date</li>
             </th:block>
         </ul>
-        <th:block th:replace="mail/notification/fragments :: openInArtemisButton"/>
+        <th:block th:replace="~{mail/notification/fragments :: openInArtemisButton}"/>
     </div>
-    <th:block th:replace="mail/notification/fragments :: farewell"/>
+    <th:block th:replace="~{mail/notification/fragments :: farewell}"/>
 </div>
 <!-- Message Body End -->
-<th:block th:replace="mail/notification/fragments :: footer"/>
+<th:block th:replace="~{mail/notification/fragments :: footer}"/>
 </body>
 </html>
diff --git a/src/main/resources/templates/mail/notification/fragments.html b/src/main/resources/templates/mail/notification/fragments.html
index 266a4291c74b..a8848b157546 100644
--- a/src/main/resources/templates/mail/notification/fragments.html
+++ b/src/main/resources/templates/mail/notification/fragments.html
@@ -1,178 +1,148 @@
 <!DOCTYPE html>
 <html xmlns:th="http://www.thymeleaf.org">
 
-<!--
- Fragment containing HTML <head/> with <style/> for emails based on notifications
- i.e. the css styling for notification-emails can/should be changed here
--->
+<!-- Fragment containing HTML <head/> with <style/> for emails based on notifications -->
 <th:block th:fragment="head">
     <head>
         <title th:text="${notification.title}">Notification Title</title>
-        <th:block th:replace="mail/notification/fragments :: headMetaDataAndIconLink"/>
-        <th:block th:replace="mail/notification/fragments :: css"/>
+        <th:block th:replace="~{mail/notification/fragments :: headMetaDataAndIconLink}"/>
+        <th:block th:replace="~{mail/notification/fragments :: css}"/>
     </head>
 </th:block>
 <body>
 
-<!--
- Fragment containing CSS
--->
+<!-- Fragment containing CSS -->
 <th:block th:fragment="css">
     <style>
-
-    body {
-        font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-        font-size: 19px;
-        margin: 0 auto;
-        background: white;
-        color: black;
-    }
-
-    a {
-        color: #3e8acc;
-    }
-
-    pre {
-        padding: 10px 24px;
-        max-width: 800px;
-        white-space: pre-wrap;
-        background-color: #47474b;
-        color: white;
-        border-radius: 3px;
-    }
-    code {
-        font-family: Consolas, Monaco, Andale Mono, monospace;
-        line-height: 1.5;
-        font-size: 13px;
-    }
-    p code {
-        background-color: #47474b;
-        color: white;
-        border-radius: 3px;
-        padding: 3px 5px;
-    }
-    blockquote {
-        margin: 1em;
-        max-width: 476px;
-        border-left: 5px solid gray;
-        padding-left: 12px;
-    }
-    blockquote p {
-        color: #666;
-        max-width: 460px;
-    }
-
-    .notification-text-header {
-        padding-top: 10px;
-    }
-
-    .notification-text {
-        font-style: italic;
-        font-weight: bold;
-        padding-top: 3px;
-    }
-
-    ul {
-        padding-left: 20px;
-    }
-
-    .button {
-        background-color: #5B9CD4;
-        color: white !important; /* Without important, color was overridden in Gmail */
-        padding: 8px 12px ;
-        border-radius: 8px;
-        text-decoration: none;
-    }
-
-    .button-wrapper {
-        padding: 25px 25px 25px 0px;
-    }
-
-    .emergency-link {
-        color: gray;
-        font-size: small;
-    }
-
-    .emergency-link > * {
-        margin: 0;
-    }
-
-    .notification-content {
-        margin-top: 10px;
-    }
-
-    .notification-content p {
-        margin-top: 0;
-    }
-
-    .notification-content p:first-child:empty, .notification-content p:last-child:empty {
-        display: none;
-    }
-
-    .bordered-content {
-        border-radius: 3px;
-        border: 1px solid #ccc;
-        background: #f7f7f7;
-        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
-        margin: 15px 0;
-        padding: 10px;
-    }
-
-    .bold-text {
-        font-weight: bold;
-    }
-
-    header {
-        background-color: #353D47;
-        padding: 10px;
-        color: white;
-    }
-
-    #header-table {
-        border: none;
-    }
-
-    #logo {
-        max-width: 50px;
-        vertical-align: middle;
-    }
-
-    #app-name {
-        padding-left: 10px;
-    }
-
-    #message-body {
-        background-color: white;
-        padding: 10px;
-    }
-
-    footer {
-        background-color: #353D47;
-        color: white;
-        font-size: smaller;
-        padding: 5px;
-    }
-</style>
+        /* CSS styles here */
+        body {
+            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+            font-size: 19px;
+            margin: 0 auto;
+            background: white;
+            color: black;
+        }
+        a {
+            color: #3e8acc;
+        }
+        pre {
+            padding: 10px 24px;
+            max-width: 800px;
+            white-space: pre-wrap;
+            background-color: #47474b;
+            color: white;
+            border-radius: 3px;
+        }
+        code {
+            font-family: Consolas, Monaco, Andale Mono, monospace;
+            line-height: 1.5;
+            font-size: 13px;
+        }
+        p code {
+            background-color: #47474b;
+            color: white;
+            border-radius: 3px;
+            padding: 3px 5px;
+        }
+        blockquote {
+            margin: 1em;
+            max-width: 476px;
+            border-left: 5px solid gray;
+            padding-left: 12px;
+        }
+        blockquote p {
+            color: #666;
+            max-width: 460px;
+        }
+        .notification-text-header {
+            padding-top: 10px;
+        }
+        .notification-text {
+            font-style: italic;
+            font-weight: bold;
+            padding-top: 3px;
+        }
+        ul {
+            padding-left: 20px;
+        }
+        .button {
+            background-color: #5B9CD4;
+            color: white !important; /* Without important, color was overridden in Gmail */
+            padding: 8px 12px ;
+            border-radius: 8px;
+            text-decoration: none;
+        }
+        .button-wrapper {
+            padding: 25px 25px 25px 0;
+        }
+        .emergency-link {
+            color: gray;
+            font-size: small;
+        }
+        .emergency-link > * {
+            margin: 0;
+        }
+        .notification-content {
+            margin-top: 10px;
+        }
+        .notification-content p {
+            margin-top: 0;
+        }
+        .notification-content p:first-child:empty, .notification-content p:last-child:empty {
+            display: none;
+        }
+        .bordered-content {
+            border-radius: 3px;
+            border: 1px solid #ccc;
+            background: #f7f7f7;
+            box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
+            margin: 15px 0;
+            padding: 10px;
+        }
+        .bold-text {
+            font-weight: bold;
+        }
+        header {
+            background-color: #353D47;
+            padding: 10px;
+            color: white;
+        }
+        #header-table {
+            border: none;
+        }
+        #logo {
+            max-width: 50px;
+            vertical-align: middle;
+        }
+        #app-name {
+            padding-left: 10px;
+        }
+        #message-body {
+            background-color: white;
+            padding: 10px;
+        }
+        footer {
+            background-color: #353D47;
+            color: white;
+            font-size: smaller;
+            padding: 5px;
+        }
+    </style>
 </th:block>
 
-<!--
- Fragment containing Head meta data & icon link
--->
+<!-- Fragment containing Head meta data & icon link -->
 <th:block th:fragment="headMetaDataAndIconLink">
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
     <link rel="icon" type="image/svg+xml" sizes="any" th:href="@{|${baseUrl}/favicon.svg|}" />
 </th:block>
 
-
-<!--
- Fragment containing Artemis Logo email header
--->
+<!-- Fragment containing Artemis Logo email header -->
 <th:block th:fragment="header">
     <header>
         <table id="header-table">
             <tr>
                 <td>
-                    <img id="logo" src="https://artemis.cit.tum.de/public/images/logo.png" alt="artemis logo"/>
+                    <img id="logo" src="https://artemis.tum.de/public/images/logo.png" alt="artemis logo"/>
                 </td>
                 <td>
                     <div id="app-name">Artemis</div>
@@ -185,9 +155,7 @@
 <!-- Message Body Start -->
 <div id="message-body">
 
-    <!--
-    Fragment containing the greetings "Dear 'full-name'"
-    -->
+    <!-- Fragment containing the greetings "Dear 'full-name'" -->
     <th:block th:fragment="greetingsFullName">
         <span th:text="#{email.greetings}">Dear </span>
         <span class="bold-text" th:text="${user.getName()}">fullName</span>
@@ -201,11 +169,8 @@
         </th:block>
     </div>
 
-    <!--
-     Fragment containing the "Open in Artemis" button
-     -->
+    <!-- Fragment containing the "Open in Artemis" button -->
     <th:block th:fragment="openInArtemisButton">
-        <!-- Button/Link that navigates to the respective page in Artemis -->
         <div class="button-wrapper">
             <a class="button" th:href="@{${notificationUrl}}" th:text="#{email.notification.aux.open.button}">Open in Artemis</a>
         </div>
@@ -215,12 +180,9 @@
         </div>
     </th:block>
 
-    <!--
-     Fragment containing the farewell
-     -->
+    <!-- Fragment containing the farewell -->
     <th:block th:fragment="farewell">
         <br>
-        <!-- Farwell -->
         <p>
             <span th:text="#{email.activation.text2}">Regards, </span>
             <br/>
@@ -231,9 +193,7 @@
 </div>
 <!-- Message Body End -->
 
-<!--
- Fragment containing footer with additional information (e.g. where/how to (un)subscribe to emails
--->
+<!-- Fragment containing footer with additional information (e.g. where/how to (un)subscribe to emails) -->
 <th:block th:fragment="footer">
     <footer>
         <span th:text="#{email.notification.aux.footer}"/>
@@ -244,8 +204,8 @@
 </th:block>
 
 <!--
-    ADDITIONAL AUXILIARY FRAGMENTS
--->
+     ADDITIONAL AUXILIARY FRAGMENTS
+ -->
 
 <!-- Fragment displaying the translated exerciseType (e.g. -> "Quiz") -->
 <th:block th:fragment="exerciseTypeTranslation">
@@ -291,17 +251,17 @@
     <!-- security check else internal server error -->
     <th:block th:if="${notificationSubject.getDifficulty()}">
         <th:block th:switch="${notificationSubject.getDifficulty().toString()}">
-        <th:block th:case="'EASY'">
-            <span th:utext="#{email.notification.title.exercise.information.difficulty(#{email.notification.aux.difficulty.easy})} "/>
-        </th:block>
-        <th:block th:case="'MEDIUM'">
-            <span th:utext="#{email.notification.title.exercise.information.difficulty(#{email.notification.aux.difficulty.medium})} "/>
-        </th:block>
-        <th:block th:case="'HARD'">
-            <span th:utext="#{email.notification.title.exercise.information.difficulty(#{email.notification.aux.difficulty.hard})} "/>
+            <th:block th:case="'EASY'">
+                <span th:utext="#{email.notification.title.exercise.information.difficulty(#{email.notification.aux.difficulty.easy})} "/>
+            </th:block>
+            <th:block th:case="'MEDIUM'">
+                <span th:utext="#{email.notification.title.exercise.information.difficulty(#{email.notification.aux.difficulty.medium})} "/>
+            </th:block>
+            <th:block th:case="'HARD'">
+                <span th:utext="#{email.notification.title.exercise.information.difficulty(#{email.notification.aux.difficulty.hard})} "/>
+            </th:block>
         </th:block>
     </th:block>
-    </th:block>
 </th:block>
 
 <!-- ONLY INTENDED IF BASED ON GROUP-NOTIFICATIONS -->
@@ -319,10 +279,9 @@
             <span th:utext="#{email.notification.group.editors}"/>
         </th:block>
         <th:block th:case="'TA'">
-        <span th:utext="#{email.notification.group.tutors}"/>
-    </th:block>
+            <span th:utext="#{email.notification.group.tutors}"/>
+        </th:block>
     </th:block>
 </th:block>
-
 </body>
 </html>
diff --git a/src/main/resources/templates/mail/notification/plagiarismCaseEmail.html b/src/main/resources/templates/mail/notification/plagiarismCaseEmail.html
index af46cea46eb0..2359c6273d16 100644
--- a/src/main/resources/templates/mail/notification/plagiarismCaseEmail.html
+++ b/src/main/resources/templates/mail/notification/plagiarismCaseEmail.html
@@ -1,15 +1,15 @@
 <!DOCTYPE html>
 <html xmlns:th="http://www.thymeleaf.org">
-<th:block th:replace="mail/notification/fragments :: head"/>
+<th:block th:replace="~{mail/notification/fragments :: head}"/>
 <body>
-<th:block th:replace="mail/notification/fragments :: header"/>
+<th:block th:replace="~{mail/notification/fragments :: header}"/>
 <!-- Message Body Start -->
 <div id="message-body">
     <div class="notification-content">
         <div>
             <p th:utext="${notificationSubject.getPost().getContent()}">Post Content</p>
         </div>
-        <th:block th:replace="mail/notification/fragments :: openInArtemisButton"/>
+        <th:block th:replace="~{mail/notification/fragments :: openInArtemisButton}"/>
     </div>
 </div>
 <!-- Message Body End -->
diff --git a/src/main/resources/templates/mail/notification/plagiarismVerdictEmail.html b/src/main/resources/templates/mail/notification/plagiarismVerdictEmail.html
index bf4fe76603d9..b1b5121b34cb 100644
--- a/src/main/resources/templates/mail/notification/plagiarismVerdictEmail.html
+++ b/src/main/resources/templates/mail/notification/plagiarismVerdictEmail.html
@@ -1,24 +1,24 @@
 <!DOCTYPE html>
 <html xmlns:th="http://www.thymeleaf.org">
-<th:block th:replace="mail/notification/fragments :: head"/>
+<th:block th:replace="~{mail/notification/fragments :: head}"/>
 <body>
-<th:block th:replace="mail/notification/fragments :: header"/>
+<th:block th:replace="~{mail/notification/fragments :: header}"/>
 <!-- Message Body Start -->
 <div id="message-body">
-    <th:block th:replace="mail/notification/fragments :: greetingsFullName"/>
+    <th:block th:replace="~{mail/notification/fragments :: greetingsFullName}"/>
     <div class="notification-content">
         <span th:text="#{email.notification.title.post.plagiarismVerdict(
             ${notificationSubject.getExercise().getTitle()}
             )}">Notification Content for Plagiarism Verdict
         </span>
         <div class="bordered-content">
-            <th:block th:replace="mail/notification/fragments :: plagiarismVerdictTranslation"/>
+            <th:block th:replace="~{mail/notification/fragments :: plagiarismVerdictTranslation}"/>
         </div>
-        <th:block th:replace="mail/notification/fragments :: openInArtemisButton"/>
+        <th:block th:replace="~{mail/notification/fragments :: openInArtemisButton}"/>
     </div>
-    <th:block th:replace="mail/notification/fragments :: farewell"/>
+    <th:block th:replace="~{mail/notification/fragments :: farewell}"/>
 </div>
 <!-- Message Body End -->
-<th:block th:replace="mail/notification/fragments :: footer"/>
+<th:block th:replace="~{mail/notification/fragments :: footer}"/>
 </body>
 </html>
diff --git a/src/main/resources/templates/mail/notification/tutorialGroupBasicEmail.html b/src/main/resources/templates/mail/notification/tutorialGroupBasicEmail.html
index 203ba8503c0c..634048231e72 100644
--- a/src/main/resources/templates/mail/notification/tutorialGroupBasicEmail.html
+++ b/src/main/resources/templates/mail/notification/tutorialGroupBasicEmail.html
@@ -1,11 +1,11 @@
 <!DOCTYPE html>
 <html xmlns:th="http://www.thymeleaf.org">
-<th:block th:replace="mail/notification/fragments :: head"/>
+<th:block th:replace="~{mail/notification/fragments :: head}"/>
 <body>
-<th:block th:replace="mail/notification/fragments :: header"/>
+<th:block th:replace="~{mail/notification/fragments :: header}"/>
 <!-- Message Body Start -->
 <div id="message-body">
-    <th:block th:replace="mail/notification/fragments :: greetingsFullName"/>
+    <th:block th:replace="~{mail/notification/fragments :: greetingsFullName}"/>
     <div class="notification-content">
         <div th:switch="${notificationType}">
             <span th:case="'studentRegistration'" th:text="#{email.notification.title.tutorialGroup.registrationStudent(
@@ -47,11 +47,11 @@
             ${notificationSubject.responsibleUser.getName()}
             )}"></span>
         </div>
-        <th:block th:replace="mail/notification/fragments :: openInArtemisButton"/>
+        <th:block th:replace="~{mail/notification/fragments :: openInArtemisButton}"/>
     </div>
-    <th:block th:replace="mail/notification/fragments :: farewell"/>
+    <th:block th:replace="~{mail/notification/fragments :: farewell}"/>
 </div>
 <!-- Message Body End -->
-<th:block th:replace="mail/notification/fragments :: footer"/>
+<th:block th:replace="~{mail/notification/fragments :: footer}"/>
 </body>
 </html>
diff --git a/src/main/resources/templates/mail/notification/tutorialGroupDeletedEmail.html b/src/main/resources/templates/mail/notification/tutorialGroupDeletedEmail.html
index cf85cd6eeae8..d3e7878ad259 100644
--- a/src/main/resources/templates/mail/notification/tutorialGroupDeletedEmail.html
+++ b/src/main/resources/templates/mail/notification/tutorialGroupDeletedEmail.html
@@ -1,20 +1,20 @@
 <!DOCTYPE html>
 <html xmlns:th="http://www.thymeleaf.org">
-<th:block th:replace="mail/notification/fragments :: head"/>
+<th:block th:replace="~{mail/notification/fragments :: head}"/>
 <body>
-<th:block th:replace="mail/notification/fragments :: header"/>
+<th:block th:replace="~{mail/notification/fragments :: header}"/>
 <!-- Message Body Start -->
 <div id="message-body">
-    <th:block th:replace="mail/notification/fragments :: greetingsFullName"/>
+    <th:block th:replace="~{mail/notification/fragments :: greetingsFullName}"/>
     <div class="notification-content">
             <span th:text="#{email.notification.title.tutorialGroup.deleted(
             ${notificationSubject.getTitle()},
             ${notificationSubject.getCourse().getTitle()},
             )}"></span>
     </div>
-    <th:block th:replace="mail/notification/fragments :: farewell"/>
+    <th:block th:replace="~{mail/notification/fragments :: farewell}"/>
 </div>
 <!-- Message Body End -->
-<th:block th:replace="mail/notification/fragments :: footer"/>
+<th:block th:replace="~{mail/notification/fragments :: footer}"/>
 </body>
 </html>
diff --git a/src/main/resources/templates/mail/notification/tutorialGroupUpdatedEmail.html b/src/main/resources/templates/mail/notification/tutorialGroupUpdatedEmail.html
index 7abf30001001..81aeddfea72f 100644
--- a/src/main/resources/templates/mail/notification/tutorialGroupUpdatedEmail.html
+++ b/src/main/resources/templates/mail/notification/tutorialGroupUpdatedEmail.html
@@ -1,22 +1,22 @@
 <!DOCTYPE html>
 <html xmlns:th="http://www.thymeleaf.org">
-<th:block th:replace="mail/notification/fragments :: head"/>
+<th:block th:replace="~{mail/notification/fragments :: head}"/>
 <body>
-<th:block th:replace="mail/notification/fragments :: header"/>
+<th:block th:replace="~{mail/notification/fragments :: header}"/>
 <!-- Message Body Start -->
 <div id="message-body">
-    <th:block th:replace="mail/notification/fragments :: greetingsFullName"/>
+    <th:block th:replace="~{mail/notification/fragments :: greetingsFullName}"/>
     <div class="notification-content">
             <span th:text="#{email.notification.title.tutorialGroup.updated(
             ${notificationSubject.getTitle()},
             ${notificationSubject.getCourse().getTitle()},
             )}"></span>
-        <th:block th:replace="mail/notification/fragments :: notificationText"/>
-        <th:block th:replace="mail/notification/fragments :: openInArtemisButton"/>
+        <th:block th:replace="~{mail/notification/fragments :: notificationText}"/>
+        <th:block th:replace="~{mail/notification/fragments :: openInArtemisButton}"/>
     </div>
-    <th:block th:replace="mail/notification/fragments :: farewell"/>
+    <th:block th:replace="~{mail/notification/fragments :: farewell}"/>
 </div>
 <!-- Message Body End -->
-<th:block th:replace="mail/notification/fragments :: footer"/>
+<th:block th:replace="~{mail/notification/fragments :: footer}"/>
 </body>
 </html>
diff --git a/src/main/resources/templates/mail/successfulDataExportsAdminEmail.html b/src/main/resources/templates/mail/successfulDataExportsAdminEmail.html
index 7903a1e51573..dcf74bb28272 100644
--- a/src/main/resources/templates/mail/successfulDataExportsAdminEmail.html
+++ b/src/main/resources/templates/mail/successfulDataExportsAdminEmail.html
@@ -2,11 +2,11 @@
 <html xmlns:th="http://www.thymeleaf.org">
 <head>
     <title th:text="#{email.successfulDataExportCreationsAdmin.title}">Data exports created</title>
-    <th:block th:replace="mail/notification/fragments :: headMetaDataAndIconLink"/>
-    <th:block th:replace="mail/notification/fragments :: css"/>
+    <th:block th:replace="~{mail/notification/fragments :: headMetaDataAndIconLink}"/>
+    <th:block th:replace="~{mail/notification/fragments :: css}"/>
 </head>
 <body>
-<th:block th:replace="mail/notification/fragments :: header"/>
+<th:block th:replace="~{mail/notification/fragments :: header}"/>
 <!-- Message Body Start -->
 <div id="message-body">
     <p th:text="#{email.successfulDataExportCreationsAdmin.text}">Successful data exports</p>
diff --git a/src/main/resources/templates/mail/weeklySummary.html b/src/main/resources/templates/mail/weeklySummary.html
index a531ce2d5c58..0e9e83d31fee 100644
--- a/src/main/resources/templates/mail/weeklySummary.html
+++ b/src/main/resources/templates/mail/weeklySummary.html
@@ -2,14 +2,14 @@
 <html xmlns:th="http://www.thymeleaf.org">
 <head>
     <title>Weekly Summary</title>
-    <th:block th:replace="mail/notification/fragments :: headMetaDataAndIconLink"/>
-    <th:block th:replace="mail/notification/fragments :: css"/>
+    <th:block th:replace="~{mail/notification/fragments :: headMetaDataAndIconLink}"/>
+    <th:block th:replace="~{mail/notification/fragments :: css}"/>
 </head>
 <body>
-<th:block th:replace="mail/notification/fragments :: header"/>
+<th:block th:replace="~{mail/notification/fragments :: header}"/>
 <!-- Message Body Start -->
 <div id="message-body">
-    <th:block th:replace="mail/notification/fragments :: greetingsFullName"/>
+    <th:block th:replace="~{mail/notification/fragments :: greetingsFullName}"/>
     <div class="notification-content">
         <span th:text="#{email.weekly.summary.text}">This is your Artemis summary of the last seven days.</span>
         <hr/>
@@ -56,9 +56,9 @@
             </ul>
         </th:block>
     </div>
-    <th:block th:replace="mail/notification/fragments :: farewell"/>
+    <th:block th:replace="~{mail/notification/fragments :: farewell}"/>
 </div>
 <!-- Message Body End -->
-<th:block th:replace="mail/notification/fragments :: footer"/>
+<th:block th:replace="~{mail/notification/fragments :: footer}"/>
 </body>
 </html>
diff --git a/src/main/webapp/app/core/about-us/about-us.component.ts b/src/main/webapp/app/core/about-us/about-us.component.ts
index 42ba47b5093a..4fff2553b602 100644
--- a/src/main/webapp/app/core/about-us/about-us.component.ts
+++ b/src/main/webapp/app/core/about-us/about-us.component.ts
@@ -44,7 +44,7 @@ export class AboutUsComponent implements OnInit {
         ['learningAnalytics', { learningAnalyticsUrl: 'https://docs.artemis.cit.tum.de/user/learning-analytics/' }],
         ['adaptiveLearning', { adaptiveLearningUrl: 'https://docs.artemis.cit.tum.de/user/adaptive-learning/' }],
         ['tutorialGroups', { tutorialGroupsUrl: 'https://docs.artemis.cit.tum.de/user/tutorialgroups/' }],
-        ['iris', { irisUrl: 'https://artemis.cit.tum.de/about-iris' }],
+        ['iris', { irisUrl: 'https://artemis.tum.de/about-iris' }],
         ['scalable', { scalingUrl: 'https://docs.artemis.cit.tum.de/user/scaling/' }],
         ['highUserSatisfaction', { userExperienceUrl: 'https://docs.artemis.cit.tum.de/user/user-experience/' }],
         ['customizable', { customizableUrl: 'https://docs.artemis.cit.tum.de/user/courses/customizable' }],
diff --git a/src/test/java/de/tum/cit/aet/artemis/programming/icl/RepositoryUriTest.java b/src/test/java/de/tum/cit/aet/artemis/programming/icl/RepositoryUriTest.java
index bf124d494ccc..d1c816be5c66 100644
--- a/src/test/java/de/tum/cit/aet/artemis/programming/icl/RepositoryUriTest.java
+++ b/src/test/java/de/tum/cit/aet/artemis/programming/icl/RepositoryUriTest.java
@@ -23,7 +23,7 @@ class RepositoryUriTest {
 
     @Test
     void testValidUrlWithGit() {
-        String urlString = "https://artemis.cit.tum.de/git/key/key-repositoryslug.git";
+        String urlString = "https://artemis.tum.de/git/key/key-repositoryslug.git";
 
         assertThatCode(() -> {
             LocalVCRepositoryUri uri = new LocalVCRepositoryUri(urlString);
@@ -40,21 +40,21 @@ void testValidUrlWithGit() {
 
     @Test
     void testUrlWithoutGit() {
-        String urlString = "https://artemis.cit.tum.de/key/key-repositoryslug.git";
+        String urlString = "https://artemis.tum.de/key/key-repositoryslug.git";
         assertThatThrownBy(() -> new LocalVCRepositoryUri(urlString)).isInstanceOf(LocalVCInternalException.class)
                 .hasMessageContaining("Invalid local VC Repository URI: 'git' directory not found in the URL");
     }
 
     @Test
     void testUrlWithInsufficientSegments() {
-        String urlString = "https://artemis.cit.tum.de/git/key";
+        String urlString = "https://artemis.tum.de/git/key";
         assertThatThrownBy(() -> new LocalVCRepositoryUri(urlString)).isInstanceOf(LocalVCInternalException.class)
                 .hasMessageContaining("URL does not contain enough segments after 'git'");
     }
 
     @Test
     void testUrlRepositorySlugWithoutGitSuffix() {
-        String urlString = "https://artemis.cit.tum.de/git/key/key-repositoryslug";
+        String urlString = "https://artemis.tum.de/git/key/key-repositoryslug";
         assertThatThrownBy(() -> new LocalVCRepositoryUri(urlString)).isInstanceOf(LocalVCInternalException.class)
                 .hasMessageContaining("Repository slug segment 'key-repositoryslug' does not end with '.git'");
     }
@@ -62,10 +62,10 @@ void testUrlRepositorySlugWithoutGitSuffix() {
     @Test
     void testLocalRepositoryPath() throws Exception {
         Path repositoryPath = Paths.get("/local/path/projectX/projectX-repo/.git");
-        URL localVCServerUrl = new URI("https://artemis.cit.tum.de").toURL();
+        URL localVCServerUrl = new URI("https://artemis.tum.de").toURL();
         LocalVCRepositoryUri uri = new LocalVCRepositoryUri(repositoryPath, localVCServerUrl);
 
-        assertThat(uri.getURI().toString()).isEqualTo("https://artemis.cit.tum.de/git/projectX/projectX-repo.git");
+        assertThat(uri.getURI().toString()).isEqualTo("https://artemis.tum.de/git/projectX/projectX-repo.git");
         assertThat(uri.getProjectKey()).isEqualTo("projectX");
         assertThat(uri.repositorySlug()).isEqualTo("projectX-repo");
         assertThat(uri.getRepositoryTypeOrUserName()).isEqualTo("repo");
@@ -75,10 +75,10 @@ void testLocalRepositoryPath() throws Exception {
     @Test
     void testRemoteRepositoryPath() throws Exception {
         Path repositoryPath = Paths.get("/remote/path/projectY/projectY-repo");
-        URL localVCServerUrl = new URI("https://artemis.cit.tum.de").toURL();
+        URL localVCServerUrl = new URI("https://artemis.tum.de").toURL();
         LocalVCRepositoryUri uri = new LocalVCRepositoryUri(repositoryPath, localVCServerUrl);
 
-        assertThat(uri.getURI().toString()).isEqualTo("https://artemis.cit.tum.de/git/projectY/projectY-repo.git");
+        assertThat(uri.getURI().toString()).isEqualTo("https://artemis.tum.de/git/projectY/projectY-repo.git");
         assertThat(uri.getProjectKey()).isEqualTo("projectY");
         assertThat(uri.repositorySlug()).isEqualTo("projectY-repo");
         assertThat(uri.getRepositoryTypeOrUserName()).isEqualTo("repo");
@@ -90,7 +90,7 @@ void testInvalidRepositoryPath() {
         Path repositoryPath = Paths.get("/invalid/path");
         URL localVCServerUrl;
         try {
-            localVCServerUrl = new URI("https://artemis.cit.tum.de").toURL();
+            localVCServerUrl = new URI("https://artemis.tum.de").toURL();
             assertThatThrownBy(() -> new LocalVCRepositoryUri(repositoryPath, localVCServerUrl)).isInstanceOf(LocalVCInternalException.class)
                     .hasMessageContaining("Invalid project key and repository slug: invalid, path");
         }
@@ -103,28 +103,28 @@ void testInvalidRepositoryPath() {
     void testConstructorWithValidData() throws Exception {
         String projectKey = "projectX";
         String repositorySlug = "my-repo";
-        URL localVCBaseUrl = new URI("https://artemis.cit.tum.de").toURL();
+        URL localVCBaseUrl = new URI("https://artemis.tum.de").toURL();
 
         LocalVCRepositoryUri uri = new LocalVCRepositoryUri(projectKey, repositorySlug, localVCBaseUrl);
 
         assertThat(uri.getProjectKey()).isEqualTo(projectKey);
         assertThat(uri.getRepositoryTypeOrUserName()).isEqualTo(repositorySlug);
         assertThat(uri.isPracticeRepository()).isFalse();
-        assertThat(uri.getURI().toString()).isEqualTo("https://artemis.cit.tum.de/git/projectX/my-repo.git");
+        assertThat(uri.getURI().toString()).isEqualTo("https://artemis.tum.de/git/projectX/my-repo.git");
     }
 
     @Test
     void testConstructorWithPracticeRepository() throws Exception {
         String projectKey = "projectX";
         String repositorySlug = "projectX-practice-my-repo";
-        URL localVCBaseUrl = new URI("https://artemis.cit.tum.de").toURL();
+        URL localVCBaseUrl = new URI("https://artemis.tum.de").toURL();
 
         LocalVCRepositoryUri uri = new LocalVCRepositoryUri(projectKey, repositorySlug, localVCBaseUrl);
 
         assertThat(uri.getProjectKey()).isEqualTo(projectKey);
         assertThat(uri.getRepositoryTypeOrUserName()).isEqualTo("my-repo");
         assertThat(uri.isPracticeRepository()).isTrue();
-        assertThat(uri.getURI().toString()).isEqualTo("https://artemis.cit.tum.de/git/projectX/projectX-practice-my-repo.git");
+        assertThat(uri.getURI().toString()).isEqualTo("https://artemis.tum.de/git/projectX/projectX-practice-my-repo.git");
     }
 
     @Test
diff --git a/src/test/javascript/spec/service/external-cloning.service.spec.ts b/src/test/javascript/spec/service/external-cloning.service.spec.ts
index ff1982a2bbe3..57afb1b1db03 100644
--- a/src/test/javascript/spec/service/external-cloning.service.spec.ts
+++ b/src/test/javascript/spec/service/external-cloning.service.spec.ts
@@ -3,7 +3,7 @@ import { ExternalCloningService } from 'app/exercises/programming/shared/service
 
 describe('ExternalCloningService', () => {
     let service: ExternalCloningService;
-    const baseUrl = 'https://artemis.cit.tum.de';
+    const baseUrl = 'https://artemis.tum.de';
 
     beforeEach(() => {
         TestBed.configureTestingModule({});
@@ -12,7 +12,7 @@ describe('ExternalCloningService', () => {
 
     it('should build source tree url correctly', () => {
         const cloneUrl = baseUrl + '/git/reo.git';
-        const expectedUrl = `sourcetree://cloneRepo?type=stash&cloneUrl=https://artemis.cit.tum.de/git/reo.git&baseWebUrl=https://artemis.cit.tum.de`;
+        const expectedUrl = `sourcetree://cloneRepo?type=stash&cloneUrl=https://artemis.tum.de/git/reo.git&baseWebUrl=https://artemis.tum.de`;
         expect(service.buildSourceTreeUrl(baseUrl, cloneUrl)).toEqual(expectedUrl);
     });
 
@@ -23,7 +23,7 @@ describe('ExternalCloningService', () => {
     it('should build ide deeplink url correctly', () => {
         const cloneUrl = baseUrl + '/git/repo.git';
         const ide = { name: 'VS Code', deepLink: 'vscode://vscode.git/clone?url={cloneUrl}' };
-        const expectedUrl = 'vscode://vscode.git/clone?url=https%3A%2F%2Fartemis.cit.tum.de%2Fgit%2Frepo.git';
+        const expectedUrl = 'vscode://vscode.git/clone?url=https%3A%2F%2Fartemis.tum.de%2Fgit%2Frepo.git';
         expect(service.buildIdeUrl(cloneUrl, ide)).toEqual(expectedUrl);
     });
 

From 9c85d579c60b2926263ae14f14776a0b323350e7 Mon Sep 17 00:00:00 2001
From: Julian Gassner <julian.gassner@tum.de>
Date: Sun, 12 Jan 2025 11:41:47 +0100
Subject: [PATCH 07/16] Communication: Improve visibility of pinned messages
 (#10117)

---
 .../conversation-messages.component.ts            | 14 ++++++++++++--
 .../discussion-section.component.ts               | 15 +++++++++++++--
 .../posting-header/posting-header.component.html  |  3 +++
 .../posting-header/posting-header.component.ts    |  7 ++++++-
 4 files changed, 34 insertions(+), 5 deletions(-)

diff --git a/src/main/webapp/app/overview/course-conversations/layout/conversation-messages/conversation-messages.component.ts b/src/main/webapp/app/overview/course-conversations/layout/conversation-messages/conversation-messages.component.ts
index ddac0b0efacb..81e5b88d053c 100644
--- a/src/main/webapp/app/overview/course-conversations/layout/conversation-messages/conversation-messages.component.ts
+++ b/src/main/webapp/app/overview/course-conversations/layout/conversation-messages/conversation-messages.component.ts
@@ -22,7 +22,7 @@ import { Conversation, ConversationDTO } from 'app/entities/metis/conversation/c
 import { Subject, map, takeUntil } from 'rxjs';
 import { Post } from 'app/entities/metis/post.model';
 import { Course } from 'app/entities/course.model';
-import { PageType, PostContextFilter, PostSortCriterion, SortDirection } from 'app/shared/metis/metis.util';
+import { DisplayPriority, PageType, PostContextFilter, PostSortCriterion, SortDirection } from 'app/shared/metis/metis.util';
 import { MetisService } from 'app/shared/metis/metis.service';
 import { Channel, getAsChannelDTO, isChannelDTO } from 'app/entities/metis/conversation/channel.model';
 import { GroupChat, isGroupChatDTO } from 'app/entities/metis/conversation/group-chat.model';
@@ -248,7 +248,11 @@ export class ConversationMessagesComponent implements OnInit, AfterViewInit, OnD
             return;
         }
 
-        const sortedPosts = this.posts.sort((a, b) => {
+        // Separate pinned posts into their own group
+        const pinnedPosts = this.posts.filter((post) => post.displayPriority === DisplayPriority.PINNED);
+        const unpinnedPosts = this.posts.filter((post) => post.displayPriority !== DisplayPriority.PINNED);
+
+        const sortedPosts = unpinnedPosts.sort((a, b) => {
             const aDate = (a as any).creationDateDayjs;
             const bDate = (b as any).creationDateDayjs;
             return aDate?.valueOf() - bDate?.valueOf();
@@ -284,6 +288,12 @@ export class ConversationMessagesComponent implements OnInit, AfterViewInit, OnD
         }
 
         groups.push(currentGroup);
+
+        // Only add pinned group if pinned posts exist
+        if (pinnedPosts.length > 0) {
+            groups.unshift({ author: undefined, posts: pinnedPosts });
+        }
+
         this.groupedPosts = groups;
         this.cdr.detectChanges();
     }
diff --git a/src/main/webapp/app/overview/discussion-section/discussion-section.component.ts b/src/main/webapp/app/overview/discussion-section/discussion-section.component.ts
index 63d5873cc3b1..d272247a86cf 100644
--- a/src/main/webapp/app/overview/discussion-section/discussion-section.component.ts
+++ b/src/main/webapp/app/overview/discussion-section/discussion-section.component.ts
@@ -2,7 +2,7 @@ import { AfterViewInit, Component, ElementRef, OnDestroy, QueryList, ViewChild,
 import interact from 'interactjs';
 import { Exercise } from 'app/entities/exercise.model';
 import { Lecture } from 'app/entities/lecture.model';
-import { PageType, PostSortCriterion, SortDirection } from 'app/shared/metis/metis.util';
+import { DisplayPriority, PageType, PostSortCriterion, SortDirection } from 'app/shared/metis/metis.util';
 import { ActivatedRoute, Params, Router } from '@angular/router';
 import { Subject, combineLatest, map, takeUntil } from 'rxjs';
 import { MetisService } from 'app/shared/metis/metis.service';
@@ -91,7 +91,18 @@ export class DiscussionSectionComponent extends CourseDiscussionDirective implem
             if (this.content) {
                 this.previousScrollDistanceFromTop = this.content.nativeElement.scrollHeight - this.content.nativeElement.scrollTop;
             }
-            this.posts = posts.slice().reverse();
+            this.posts = posts
+                .slice()
+                .sort((a, b) => {
+                    if (a.displayPriority === DisplayPriority.PINNED && b.displayPriority !== DisplayPriority.PINNED) {
+                        return 1;
+                    }
+                    if (a.displayPriority !== DisplayPriority.PINNED && b.displayPriority === DisplayPriority.PINNED) {
+                        return -1;
+                    }
+                    return 0;
+                })
+                .reverse();
             this.isLoading = false;
             if (this.currentPostId && this.posts.length > 0) {
                 this.currentPost = this.posts.find((post) => post.id === this.currentPostId);
diff --git a/src/main/webapp/app/shared/metis/posting-header/posting-header.component.html b/src/main/webapp/app/shared/metis/posting-header/posting-header.component.html
index 96117b859519..b43356727e13 100644
--- a/src/main/webapp/app/shared/metis/posting-header/posting-header.component.html
+++ b/src/main/webapp/app/shared/metis/posting-header/posting-header.component.html
@@ -42,6 +42,9 @@
                 [ngbTooltip]="'artemisApp.metis.post.postMarkedAsResolvedTooltip' | artemisTranslate"
             />
         }
+        @if (isPostPinned()) {
+            <jhi-emoji class="fs-x-small" emoji="pushpin" />
+        }
         @if ((!!isCommunicationPage() && !lastReadDate()) || (lastReadDate() && creationDate && isAfter && !isAuthorOfPosting)) {
             <span jhiTranslate="global.generic.new" class="badge bg-secondary hideAfter5Seconds"></span>
         }
diff --git a/src/main/webapp/app/shared/metis/posting-header/posting-header.component.ts b/src/main/webapp/app/shared/metis/posting-header/posting-header.component.ts
index fe3aaee9cef7..41efaf548f94 100644
--- a/src/main/webapp/app/shared/metis/posting-header/posting-header.component.ts
+++ b/src/main/webapp/app/shared/metis/posting-header/posting-header.component.ts
@@ -10,7 +10,7 @@ import { MetisService } from 'app/shared/metis/metis.service';
 import { AccountService } from 'app/core/auth/account.service';
 import { tap } from 'rxjs';
 import { faUser, faUserCheck, faUserGraduate } from '@fortawesome/free-solid-svg-icons';
-import { UserRole } from 'app/shared/metis/metis.util';
+import { DisplayPriority, UserRole } from 'app/shared/metis/metis.util';
 import { AnswerPost } from 'app/entities/metis/answer-post.model';
 import { Post } from 'app/entities/metis/post.model';
 
@@ -56,6 +56,11 @@ export class PostingHeaderComponent implements OnInit, OnDestroy, OnChanges {
         return this.isPost(p) && p.resolved === true;
     });
 
+    isPostPinned = computed<boolean>(() => {
+        const p = this.posting();
+        return this.isPost(p) && p.displayPriority == DisplayPriority.PINNED;
+    });
+
     /**
      * on initialization: determines if user is author of posting by invoking the metis service,
      * determines if posting is of today and sets the today flag to be shown in the header of the posting

From f974c5e52d68484f1927037ce3a38cd8c7962801 Mon Sep 17 00:00:00 2001
From: Anish Goyal <123313052+Anishyou@users.noreply.github.com>
Date: Sun, 12 Jan 2025 11:44:37 +0100
Subject: [PATCH 08/16] Programming exercises: Update points automatically when
 the result changes (#10113)

---
 .../exercise-headers-information.component.ts             | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/main/webapp/app/exercises/shared/exercise-headers/exercise-headers-information/exercise-headers-information.component.ts b/src/main/webapp/app/exercises/shared/exercise-headers/exercise-headers-information/exercise-headers-information.component.ts
index 8ec76214ddee..57c245a224fa 100644
--- a/src/main/webapp/app/exercises/shared/exercise-headers/exercise-headers-information/exercise-headers-information.component.ts
+++ b/src/main/webapp/app/exercises/shared/exercise-headers/exercise-headers-information/exercise-headers-information.component.ts
@@ -79,6 +79,7 @@ export class ExerciseHeadersInformationComponent implements OnInit, OnChanges {
             const latestRatedResult = this.studentParticipation.results.filter((result) => result.rated).first();
             if (latestRatedResult) {
                 this.achievedPoints = roundValueSpecifiedByCourseSettings((latestRatedResult.score! * this.exercise.maxPoints!) / 100, this.course) ?? 0;
+                this.updatePointsItem();
             }
         }
     }
@@ -93,6 +94,13 @@ export class ExerciseHeadersInformationComponent implements OnInit, OnChanges {
         this.addCategoryItems();
     }
 
+    updatePointsItem() {
+        const pointsItemIndex = this.informationBoxItems.findIndex((item) => item.title === 'artemisApp.courseOverview.exerciseDetails.points');
+        if (pointsItemIndex !== -1) {
+            this.informationBoxItems[pointsItemIndex] = this.getPointsItem('points', this.exercise.maxPoints!, this.achievedPoints);
+        }
+    }
+
     addPointsItems() {
         const { maxPoints, bonusPoints } = this.exercise;
         if (maxPoints) {

From 2183a604a35704c4568b3bf00e272f92f30e7c78 Mon Sep 17 00:00:00 2001
From: Arda Karaman <47991675+ardakaraman0@users.noreply.github.com>
Date: Sun, 12 Jan 2025 11:47:30 +0100
Subject: [PATCH 09/16] Adaptive learning: Improve terminology of competency
 relations  (#10031)

---
 src/main/webapp/i18n/en/competency.json | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/main/webapp/i18n/en/competency.json b/src/main/webapp/i18n/en/competency.json
index 77a61fac2692..d5991a873561 100644
--- a/src/main/webapp/i18n/en/competency.json
+++ b/src/main/webapp/i18n/en/competency.json
@@ -161,13 +161,13 @@
                 "selfRelation": "You can not create a relation between a competency and itself.",
                 "relationAlreadyExists": "This relation already exists.",
                 "type": {
-                    "ASSUMES": "Assumes",
+                    "REQUIRES": "Requires",
                     "EXTENDS": "Extends",
                     "MATCHES": "Matches"
                 },
                 "typeExplanation": {
-                    "ASSUMES": "The head competency assumes that the student mastered the tail competency and teaches new knowledge that builds upon the tail competency.",
-                    "EXTENDS": "The head competency assumes that the student mastered the tail competency and deepens that knowledge further.",
+                    "REQUIRES": "The head competency requires the student to master the tail competency and teaches new knowledge that builds upon the tail competency.",
+                    "EXTENDS": "The head competency requires the student to master the tail competency and deepens that knowledge further.",
                     "MATCHES": "The head and tail competency match and cover the same knowledge."
                 }
             }
@@ -254,7 +254,7 @@
             "relations": {
                 "modalTitle": "Course competency relations",
                 "relationTypes": {
-                    "ASSUMES": "Assumes",
+                    "REQUIRES": "Requires",
                     "EXTENDS": "Extends",
                     "MATCHES": "Matches"
                 },
@@ -300,21 +300,21 @@
                     "paragraph5": "In addition to creating competencies or prerequisites yourself, you can also import them from other courses or utilize standardized competencies. For more information on this process, please refer to the user <a href={{ link }} target=\"_blank\">manual for Artemis.</a>"
                 },
                 "courseCompetencyRelations": {
-                    "title": "What are course competency relations?",
-                    "paragraph1": "Course competencies can build upon or depend on one another, which is why you can establish different types of relationships between them. Competencies can either MATCH, EXTEND, or ASSUME each other. Detailed descriptions of these relationships are provided below.",
+                    "title": "What are course competency relationships?",
+                    "paragraph1": "Course competencies can support or rely on one another, which is why you can establish different types of relationships between them. Competencies can either MATCH, EXTEND, or REQUIRE each other. Detailed descriptions of these relationships are provided below.",
                     "paragraph2": "In summary:",
-                    "paragraph3": "MATCH is about equivalency between two skills.<br />EXTEND is about building on an existing skill.<br />ASSUME means one skill is a prerequisite for another.",
+                    "paragraph3": "MATCH is about equivalency between two skills.<br />EXTEND is about building on an existing skill.<br />REQUIRE means one skill is a prerequisite for another.",
                     "paragraph4": "To create these relationships, open the 'Edit Relations' window. In this window, you can either select the related competencies or click on each one consecutively. After that, choose the desired relation type and create the relationship. To update or delete a relation, simply click on the specific relation and either update the relation type in the form or delete it.",
                     "relationTitle1": "1. MATCH",
                     "relationParagraph1": "This relationship implies that two competencies are at the same level, covering the same skills and requirements. If you have one, you already have the other, and they can be considered interchangeable.",
                     "exampleLabel": "Example:",
-                    "relationParagraph2": "Competency A: Balancing on a stationary bike. Competency B: Standing on one leg (balancing without moving). Here, balancing on a stationary bike might \"MATCH\" balancing on one leg because both involve the same fundamental skill of balance. If you can do one, you're very likely able to do the other, as the core competency (balance) is the same in both scenarios.",
+                    "relationParagraph2": "Competency A: Balancing on a stationary bike. Competency B: Standing on one leg (balancing without moving). Here, balancing on a stationary bike might \"MATCH\" with balancing on one leg because both involve the same fundamental skill of balance. If you can do one, you're very likely able to do the other, as the core competency (balance) is the same in both scenarios.",
                     "relationTitle2": "2. EXTEND",
-                    "relationParagraph3": "This relationship means one competency builds upon another by adding more complexity or breadth. In other words, once you have mastered one competency, you can move on to mastering the extended one, which takes that skill further.",
-                    "relationParagraph4": "Competency A: Riding a bike in a straight line. Competency B: Riding a bike around curves and turns. Riding in a straight line is the foundational skill that \"EXTENDS\" into riding around curves and turns. Competency B extends Competency A by adding the need to navigate changes in direction while maintaining balance and control. Once you can ride in a straight line, you're ready to extend that ability to more complex riding scenarios.",
-                    "relationTitle3": "3. ASSUME",
+                    "relationParagraph3": "This relationship means one competency adds complexity or expands on another. In other words, once you have mastered one competency, you can move on to mastering the extended one, which takes that skill further.",
+                    "relationParagraph4": "Competency A: Riding a bike in a straight line. Competency B: Riding a bike around curves and turns. Riding in a straight line is the foundational skill that \"EXTENDS\" into riding around curves and turns. Competency B builds upon Competency A by adding the need to navigate changes in direction while maintaining balance and control. Once you can ride in a straight line, you're ready to extend that ability to more complex riding scenarios.",
+                    "relationTitle3": "3. REQUIRES",
                     "relationParagraph5": "This relationship implies that one competency relies on another being already mastered. To perform the more advanced competency, the learner must first have the underlying skill or knowledge.",
-                    "relationParagraph6": "Competency A: Riding a bike with confidence on flat terrain. Competency B: Riding a bike uphill. Riding a bike uphill ASSUMES that the learner has already mastered riding on flat terrain. The skill of riding on flat ground is a prerequisite because uphill riding adds more resistance and requires additional strength and technique. Without mastering the basic competency of flat-ground riding, the learner wouldn't be ready to tackle riding uphill."
+                    "relationParagraph6": "Competency A: Riding a bike with confidence on flat terrain. Competency B: Riding a bike uphill. Riding a bike uphill \"REQUIRES\" that the learner has already mastered riding on flat terrain. The skill of riding on flat ground is a prerequisite because uphill riding adds more resistance and requires additional strength and technique. Without mastering the basic competency of flat-ground riding, the learner wouldn't be ready to tackle riding uphill."
                 }
             }
         },

From fda9e65a8b5345fa3a9cf6e8ce8b17ad71cf61aa Mon Sep 17 00:00:00 2001
From: Leon Laurin Wehrhahn <58460654+LeonWehrhahn@users.noreply.github.com>
Date: Sun, 12 Jan 2025 13:29:16 +0100
Subject: [PATCH 10/16] Assessment: Do not display automatic as manual feedback
 in the online code editor (#10120)

---
 .../file-upload-submission.component.ts       |  4 +--
 .../modeling-submission.component.ts          |  4 +--
 ...code-editor-student-container.component.ts |  4 +--
 .../exercises/shared/result/result.utils.ts   | 19 ++++++++-----
 .../text/participate/text-editor.component.ts |  4 +--
 .../ParticipationIntegrationTest.java         |  2 +-
 ...modeling-submission-team.component.spec.ts |  2 +-
 .../modeling-submission.component.spec.ts     |  2 +-
 .../spec/component/utils/result.utils.spec.ts | 27 ++++++++++++++++---
 9 files changed, 46 insertions(+), 22 deletions(-)

diff --git a/src/main/webapp/app/exercises/file-upload/participate/file-upload-submission.component.ts b/src/main/webapp/app/exercises/file-upload/participate/file-upload-submission.component.ts
index ebd49234be13..2157ebc343b1 100644
--- a/src/main/webapp/app/exercises/file-upload/participate/file-upload-submission.component.ts
+++ b/src/main/webapp/app/exercises/file-upload/participate/file-upload-submission.component.ts
@@ -22,7 +22,7 @@ import { ButtonType } from 'app/shared/components/button.component';
 import { Result } from 'app/entities/result.model';
 import { AccountService } from 'app/core/auth/account.service';
 import { getFirstResultWithComplaint, getLatestSubmissionResult } from 'app/entities/submission.model';
-import { addParticipationToResult, getUnreferencedFeedback } from 'app/exercises/shared/result/result.utils';
+import { addParticipationToResult, getManualUnreferencedFeedback } from 'app/exercises/shared/result/result.utils';
 import { Feedback, checkSubsequentFeedbackInAssessment } from 'app/entities/feedback.model';
 import { onError } from 'app/shared/util/global.utils';
 import { getCourseFromExercise } from 'app/entities/exercise.model';
@@ -247,7 +247,7 @@ export class FileUploadSubmissionComponent implements OnInit, ComponentCanDeacti
     get unreferencedFeedback(): Feedback[] | undefined {
         if (this.result?.feedbacks) {
             checkSubsequentFeedbackInAssessment(this.result.feedbacks);
-            return getUnreferencedFeedback(this.result.feedbacks);
+            return getManualUnreferencedFeedback(this.result.feedbacks);
         }
         return undefined;
     }
diff --git a/src/main/webapp/app/exercises/modeling/participate/modeling-submission.component.ts b/src/main/webapp/app/exercises/modeling/participate/modeling-submission.component.ts
index b77b05f098dd..3c0e259e7707 100644
--- a/src/main/webapp/app/exercises/modeling/participate/modeling-submission.component.ts
+++ b/src/main/webapp/app/exercises/modeling/participate/modeling-submission.component.ts
@@ -15,7 +15,7 @@ import { ModelingAssessmentService } from 'app/exercises/modeling/assess/modelin
 import { ModelingSubmissionService } from 'app/exercises/modeling/participate/modeling-submission.service';
 import { ModelingEditorComponent } from 'app/exercises/modeling/shared/modeling-editor.component';
 import { getExerciseDueDate, hasExerciseDueDatePassed } from 'app/exercises/shared/exercise/exercise.utils';
-import { addParticipationToResult, getUnreferencedFeedback } from 'app/exercises/shared/result/result.utils';
+import { addParticipationToResult, getAutomaticUnreferencedFeedback } from 'app/exercises/shared/result/result.utils';
 import { AccountService } from 'app/core/auth/account.service';
 import { GuidedTourService } from 'app/guided-tour/guided-tour.service';
 import { modelingTour } from 'app/guided-tour/tours/modeling-tour';
@@ -664,7 +664,7 @@ export class ModelingSubmissionComponent implements OnInit, OnDestroy, Component
     get unreferencedFeedback(): Feedback[] | undefined {
         if (this.assessmentResult?.feedbacks) {
             checkSubsequentFeedbackInAssessment(this.assessmentResult.feedbacks);
-            return getUnreferencedFeedback(this.assessmentResult.feedbacks);
+            return getAutomaticUnreferencedFeedback(this.assessmentResult.feedbacks);
         }
         return undefined;
     }
diff --git a/src/main/webapp/app/exercises/programming/participate/code-editor-student-container.component.ts b/src/main/webapp/app/exercises/programming/participate/code-editor-student-container.component.ts
index 697507764dac..bb9a508331d6 100644
--- a/src/main/webapp/app/exercises/programming/participate/code-editor-student-container.component.ts
+++ b/src/main/webapp/app/exercises/programming/participate/code-editor-student-container.component.ts
@@ -14,7 +14,7 @@ import { DomainType } from 'app/exercises/programming/shared/code-editor/model/c
 import { ActivatedRoute } from '@angular/router';
 import { CodeEditorContainerComponent } from 'app/exercises/programming/shared/code-editor/container/code-editor-container.component';
 import { ProgrammingExerciseStudentParticipation } from 'app/entities/participation/programming-exercise-student-participation.model';
-import { getUnreferencedFeedback } from 'app/exercises/shared/result/result.utils';
+import { getManualUnreferencedFeedback } from 'app/exercises/shared/result/result.utils';
 import { SubmissionType } from 'app/entities/submission.model';
 import { SubmissionPolicyType } from 'app/entities/submission-policy.model';
 import { Course } from 'app/entities/course.model';
@@ -160,7 +160,7 @@ export class CodeEditorStudentContainerComponent implements OnInit, OnDestroy {
     get unreferencedFeedback(): Feedback[] {
         if (this.latestResult?.feedbacks) {
             checkSubsequentFeedbackInAssessment(this.latestResult.feedbacks);
-            return getUnreferencedFeedback(this.latestResult.feedbacks) ?? [];
+            return getManualUnreferencedFeedback(this.latestResult.feedbacks) ?? [];
         }
         return [];
     }
diff --git a/src/main/webapp/app/exercises/shared/result/result.utils.ts b/src/main/webapp/app/exercises/shared/result/result.utils.ts
index c77cc3a9fcf2..85b30f694334 100644
--- a/src/main/webapp/app/exercises/shared/result/result.utils.ts
+++ b/src/main/webapp/app/exercises/shared/result/result.utils.ts
@@ -116,16 +116,21 @@ export const addParticipationToResult = (result: Result | undefined, participati
 };
 
 /**
- * searches for all unreferenced feedback in an array of feedbacks of a result
+ * searches for all manual unreferenced feedback in an array of feedbacks of a result
  * @param feedbacks the feedback of a result
  * @returns an array with the unreferenced feedback of the result
  */
-export const getUnreferencedFeedback = (feedbacks: Feedback[] | undefined): Feedback[] | undefined => {
-    return feedbacks
-        ? feedbacks.filter(
-              (feedbackElement) => !feedbackElement.reference && (feedbackElement.type === FeedbackType.MANUAL_UNREFERENCED || feedbackElement.type === FeedbackType.AUTOMATIC),
-          )
-        : undefined;
+export const getManualUnreferencedFeedback = (feedbacks: Feedback[] | undefined): Feedback[] | undefined => {
+    return feedbacks ? feedbacks.filter((feedbackElement) => !feedbackElement.reference && feedbackElement.type === FeedbackType.MANUAL_UNREFERENCED) : undefined;
+};
+
+/**
+ * searches for all automatic unreferenced feedback in an array of feedbacks of a result
+ * @param feedbacks the feedback of a result
+ * @returns an array with the unreferenced feedback of the result
+ */
+export const getAutomaticUnreferencedFeedback = (feedbacks: Feedback[] | undefined): Feedback[] | undefined => {
+    return feedbacks ? feedbacks.filter((feedbackElement) => !feedbackElement.reference && feedbackElement.type === FeedbackType.AUTOMATIC) : undefined;
 };
 
 export function isAIResultAndFailed(result: Result | undefined): boolean {
diff --git a/src/main/webapp/app/exercises/text/participate/text-editor.component.ts b/src/main/webapp/app/exercises/text/participate/text-editor.component.ts
index f45eae358ac0..7e556f44aeac 100644
--- a/src/main/webapp/app/exercises/text/participate/text-editor.component.ts
+++ b/src/main/webapp/app/exercises/text/participate/text-editor.component.ts
@@ -20,7 +20,7 @@ import { TextSubmission } from 'app/entities/text/text-submission.model';
 import { StringCountService } from 'app/exercises/text/participate/string-count.service';
 import { AccountService } from 'app/core/auth/account.service';
 import { getFirstResultWithComplaint, getLatestSubmissionResult, setLatestSubmissionResult } from 'app/entities/submission.model';
-import { getUnreferencedFeedback, isAthenaAIResult } from 'app/exercises/shared/result/result.utils';
+import { getManualUnreferencedFeedback, isAthenaAIResult } from 'app/exercises/shared/result/result.utils';
 import { onError } from 'app/shared/util/global.utils';
 import { Course } from 'app/entities/course.model';
 import { getCourseFromExercise } from 'app/entities/exercise.model';
@@ -312,7 +312,7 @@ export class TextEditorComponent implements OnInit, OnDestroy, ComponentCanDeact
      * Check whether or not a result exists and if, returns the unreferenced feedback of it
      */
     get unreferencedFeedback(): Feedback[] | undefined {
-        return this.result ? getUnreferencedFeedback(this.result.feedbacks) : undefined;
+        return this.result ? getManualUnreferencedFeedback(this.result.feedbacks) : undefined;
     }
 
     get wordCount(): number {
diff --git a/src/test/java/de/tum/cit/aet/artemis/exercise/participation/ParticipationIntegrationTest.java b/src/test/java/de/tum/cit/aet/artemis/exercise/participation/ParticipationIntegrationTest.java
index bbe46c5b9b19..a2ee371bde2f 100644
--- a/src/test/java/de/tum/cit/aet/artemis/exercise/participation/ParticipationIntegrationTest.java
+++ b/src/test/java/de/tum/cit/aet/artemis/exercise/participation/ParticipationIntegrationTest.java
@@ -802,7 +802,7 @@ void requestModelingFeedbackSuccess_withAthenaFailure() throws Exception {
 
         request.putWithResponseBody("/api/exercises/" + modelingExercise.getId() + "/request-feedback", null, StudentParticipation.class, HttpStatus.OK);
 
-        verify(resultWebsocketService, timeout(2000).times(1)).broadcastNewResult(any(), resultCaptor.capture());
+        verify(resultWebsocketService, timeout(2000).times(2)).broadcastNewResult(any(), resultCaptor.capture());
 
         Result invokedModelingResult = resultCaptor.getAllValues().getFirst();
         assertThat(invokedModelingResult).isNotNull();
diff --git a/src/test/javascript/spec/component/modeling-submission/modeling-submission-team.component.spec.ts b/src/test/javascript/spec/component/modeling-submission/modeling-submission-team.component.spec.ts
index 1ebae9d40337..2a1eeea28e7d 100644
--- a/src/test/javascript/spec/component/modeling-submission/modeling-submission-team.component.spec.ts
+++ b/src/test/javascript/spec/component/modeling-submission/modeling-submission-team.component.spec.ts
@@ -505,7 +505,7 @@ describe('ModelingSubmissionComponent', () => {
                 detailText: 'feedback1',
                 credits: 1,
                 gradingInstruction,
-                type: FeedbackType.MANUAL_UNREFERENCED,
+                type: FeedbackType.AUTOMATIC,
             } as Feedback,
             {
                 id: 2,
diff --git a/src/test/javascript/spec/component/modeling-submission/modeling-submission.component.spec.ts b/src/test/javascript/spec/component/modeling-submission/modeling-submission.component.spec.ts
index 5117ae0429b7..603e093efca5 100644
--- a/src/test/javascript/spec/component/modeling-submission/modeling-submission.component.spec.ts
+++ b/src/test/javascript/spec/component/modeling-submission/modeling-submission.component.spec.ts
@@ -706,7 +706,7 @@ describe('ModelingSubmissionComponent', () => {
                 detailText: 'feedback1',
                 credits: 1,
                 gradingInstruction,
-                type: FeedbackType.MANUAL_UNREFERENCED,
+                type: FeedbackType.AUTOMATIC,
             } as Feedback,
             {
                 id: 2,
diff --git a/src/test/javascript/spec/component/utils/result.utils.spec.ts b/src/test/javascript/spec/component/utils/result.utils.spec.ts
index d8c0a7f4c0e4..9b4463b3c353 100644
--- a/src/test/javascript/spec/component/utils/result.utils.spec.ts
+++ b/src/test/javascript/spec/component/utils/result.utils.spec.ts
@@ -1,9 +1,10 @@
 import {
     ResultTemplateStatus,
     breakCircularResultBackReferences,
+    getAutomaticUnreferencedFeedback,
+    getManualUnreferencedFeedback,
     getResultIconClass,
     getTextColorClass,
-    getUnreferencedFeedback,
     isOnlyCompilationTested,
 } from 'app/exercises/shared/result/result.utils';
 import { Feedback, FeedbackType, STATIC_CODE_ANALYSIS_FEEDBACK_IDENTIFIER } from 'app/entities/feedback.model';
@@ -18,12 +19,30 @@ import { Result } from 'app/entities/result.model';
 import dayjs from 'dayjs/esm';
 
 describe('ResultUtils', () => {
-    it('should filter out all non unreferenced feedbacks', () => {
-        const feedbacks = [{ reference: 'foo' }, { reference: 'foo', type: FeedbackType.MANUAL_UNREFERENCED }, { type: FeedbackType.MANUAL_UNREFERENCED }, {}];
-        const unreferencedFeedbacks = getUnreferencedFeedback(feedbacks);
+    it('should filter out all non unreferenced feedbacks that do not have type MANUAL_UNREFERENCED', () => {
+        const feedbacks = [
+            { reference: 'foo' },
+            { reference: 'foo', type: FeedbackType.MANUAL_UNREFERENCED },
+            { type: FeedbackType.AUTOMATIC },
+            { type: FeedbackType.MANUAL_UNREFERENCED },
+            {},
+        ];
+        const unreferencedFeedbacks = getManualUnreferencedFeedback(feedbacks);
         expect(unreferencedFeedbacks).toEqual([{ type: FeedbackType.MANUAL_UNREFERENCED }]);
     });
 
+    it('should filter out all non unreferenced feedbacks that do not have type AUTOMATIC', () => {
+        const feedbacks = [
+            { reference: 'foo' },
+            { reference: 'foo', type: FeedbackType.AUTOMATIC },
+            { type: FeedbackType.AUTOMATIC },
+            { type: FeedbackType.MANUAL_UNREFERENCED },
+            {},
+        ];
+        const unreferencedFeedbacks = getAutomaticUnreferencedFeedback(feedbacks);
+        expect(unreferencedFeedbacks).toEqual([{ type: FeedbackType.AUTOMATIC }]);
+    });
+
     it.each([
         {
             result: {

From 0646b251041be24799f90f2abd38b83d4b26e79e Mon Sep 17 00:00:00 2001
From: Murad Talibov <56686446+muradium@users.noreply.github.com>
Date: Sun, 12 Jan 2025 18:38:37 +0100
Subject: [PATCH 11/16] Modeling exercises: Fix manual feedback results not
 being shown (#10132)

---
 .../participate/modeling-submission.component.ts       |  4 ++--
 .../webapp/app/exercises/shared/result/result.utils.ts | 10 +++++++---
 .../spec/component/utils/result.utils.spec.ts          |  8 ++++----
 3 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/main/webapp/app/exercises/modeling/participate/modeling-submission.component.ts b/src/main/webapp/app/exercises/modeling/participate/modeling-submission.component.ts
index 3c0e259e7707..b77b05f098dd 100644
--- a/src/main/webapp/app/exercises/modeling/participate/modeling-submission.component.ts
+++ b/src/main/webapp/app/exercises/modeling/participate/modeling-submission.component.ts
@@ -15,7 +15,7 @@ import { ModelingAssessmentService } from 'app/exercises/modeling/assess/modelin
 import { ModelingSubmissionService } from 'app/exercises/modeling/participate/modeling-submission.service';
 import { ModelingEditorComponent } from 'app/exercises/modeling/shared/modeling-editor.component';
 import { getExerciseDueDate, hasExerciseDueDatePassed } from 'app/exercises/shared/exercise/exercise.utils';
-import { addParticipationToResult, getAutomaticUnreferencedFeedback } from 'app/exercises/shared/result/result.utils';
+import { addParticipationToResult, getUnreferencedFeedback } from 'app/exercises/shared/result/result.utils';
 import { AccountService } from 'app/core/auth/account.service';
 import { GuidedTourService } from 'app/guided-tour/guided-tour.service';
 import { modelingTour } from 'app/guided-tour/tours/modeling-tour';
@@ -664,7 +664,7 @@ export class ModelingSubmissionComponent implements OnInit, OnDestroy, Component
     get unreferencedFeedback(): Feedback[] | undefined {
         if (this.assessmentResult?.feedbacks) {
             checkSubsequentFeedbackInAssessment(this.assessmentResult.feedbacks);
-            return getAutomaticUnreferencedFeedback(this.assessmentResult.feedbacks);
+            return getUnreferencedFeedback(this.assessmentResult.feedbacks);
         }
         return undefined;
     }
diff --git a/src/main/webapp/app/exercises/shared/result/result.utils.ts b/src/main/webapp/app/exercises/shared/result/result.utils.ts
index 85b30f694334..4ea2f86dfae7 100644
--- a/src/main/webapp/app/exercises/shared/result/result.utils.ts
+++ b/src/main/webapp/app/exercises/shared/result/result.utils.ts
@@ -125,12 +125,16 @@ export const getManualUnreferencedFeedback = (feedbacks: Feedback[] | undefined)
 };
 
 /**
- * searches for all automatic unreferenced feedback in an array of feedbacks of a result
+ * searches for all unreferenced feedback in an array of feedbacks of a result
  * @param feedbacks the feedback of a result
  * @returns an array with the unreferenced feedback of the result
  */
-export const getAutomaticUnreferencedFeedback = (feedbacks: Feedback[] | undefined): Feedback[] | undefined => {
-    return feedbacks ? feedbacks.filter((feedbackElement) => !feedbackElement.reference && feedbackElement.type === FeedbackType.AUTOMATIC) : undefined;
+export const getUnreferencedFeedback = (feedbacks: Feedback[] | undefined): Feedback[] | undefined => {
+    return feedbacks
+        ? feedbacks.filter(
+              (feedbackElement) => !feedbackElement.reference && (feedbackElement.type === FeedbackType.MANUAL_UNREFERENCED || feedbackElement.type === FeedbackType.AUTOMATIC),
+          )
+        : undefined;
 };
 
 export function isAIResultAndFailed(result: Result | undefined): boolean {
diff --git a/src/test/javascript/spec/component/utils/result.utils.spec.ts b/src/test/javascript/spec/component/utils/result.utils.spec.ts
index 9b4463b3c353..b7160cefa41c 100644
--- a/src/test/javascript/spec/component/utils/result.utils.spec.ts
+++ b/src/test/javascript/spec/component/utils/result.utils.spec.ts
@@ -1,10 +1,10 @@
 import {
     ResultTemplateStatus,
     breakCircularResultBackReferences,
-    getAutomaticUnreferencedFeedback,
     getManualUnreferencedFeedback,
     getResultIconClass,
     getTextColorClass,
+    getUnreferencedFeedback,
     isOnlyCompilationTested,
 } from 'app/exercises/shared/result/result.utils';
 import { Feedback, FeedbackType, STATIC_CODE_ANALYSIS_FEEDBACK_IDENTIFIER } from 'app/entities/feedback.model';
@@ -31,7 +31,7 @@ describe('ResultUtils', () => {
         expect(unreferencedFeedbacks).toEqual([{ type: FeedbackType.MANUAL_UNREFERENCED }]);
     });
 
-    it('should filter out all non unreferenced feedbacks that do not have type AUTOMATIC', () => {
+    it('should filter out all non unreferenced feedbacks', () => {
         const feedbacks = [
             { reference: 'foo' },
             { reference: 'foo', type: FeedbackType.AUTOMATIC },
@@ -39,8 +39,8 @@ describe('ResultUtils', () => {
             { type: FeedbackType.MANUAL_UNREFERENCED },
             {},
         ];
-        const unreferencedFeedbacks = getAutomaticUnreferencedFeedback(feedbacks);
-        expect(unreferencedFeedbacks).toEqual([{ type: FeedbackType.AUTOMATIC }]);
+        const unreferencedFeedbacks = getUnreferencedFeedback(feedbacks);
+        expect(unreferencedFeedbacks).toEqual([{ type: FeedbackType.AUTOMATIC }, { type: FeedbackType.MANUAL_UNREFERENCED }]);
     });
 
     it.each([

From 43d0089641a6435a16f7d62123d79a01b5dd25a9 Mon Sep 17 00:00:00 2001
From: Stephan Krusche <krusche@tum.de>
Date: Mon, 13 Jan 2025 22:52:52 +0100
Subject: [PATCH 12/16] Development: Update to Angular 19, standalone and
 inject() (#10112)

---
 angular.json                                  |    4 +-
 eslint.config.js                              |   16 -
 jest.config.js                                |    8 +-
 package-lock.json                             | 4617 ++++++++++-------
 package.json                                  |  117 +-
 patches/ng-mocks+14.13.1.patch                |   16 +
 proxy.conf.mjs                                |   23 +-
 .../account/activate/activate.component.ts    |    1 -
 ...nal-user-password-reset-modal.component.ts |    1 -
 .../finish/password-reset-finish.component.ts |    1 -
 .../init/password-reset-init.component.ts     |    1 -
 .../password-strength-bar.component.ts        |    1 -
 .../account/password/password.component.ts    |    1 -
 .../account/register/register.component.ts    |    1 -
 .../account/settings/settings.component.ts    |    1 -
 src/main/webapp/app/admin/admin.module.ts     |    4 +-
 src/main/webapp/app/admin/admin.route.ts      |   50 +-
 .../app/admin/audits/audits.component.ts      |   23 +-
 .../webapp/app/admin/audits/audits.service.ts |    4 +-
 .../cleanup-operation-modal.component.ts      |    1 -
 .../cleanup-service.component.ts              |    1 -
 .../configuration/configuration.component.ts  |   13 +-
 .../configuration/configuration.service.ts    |    4 +-
 .../admin-feature-toggle.component.ts         |    8 +-
 .../admin/health/health-modal.component.ts    |   10 +-
 .../app/admin/health/health.component.ts      |   16 +-
 .../webapp/app/admin/health/health.service.ts |   13 +-
 .../legal-document-update-routing.module.ts   |    3 +-
 .../legal/legal-document-update.component.ts  |   23 +-
 .../app/admin/legal/legal-update.module.ts    |    2 +-
 ...document-unsaved-changes-warning.module.ts |    3 +-
 .../unsaved-changes-warning.component.ts      |   10 +-
 .../webapp/app/admin/logs/logs.component.ts   |   13 +-
 .../webapp/app/admin/logs/logs.service.ts     |    4 +-
 .../edit-lti-configuration.component.ts       |    6 +-
 .../lti-configuration.component.ts            |   31 +-
 .../lti-configuration.route.ts                |    9 +-
 .../blocks/jvm-memory/jvm-memory.component.ts |    1 -
 .../jvm-threads/jvm-threads.component.ts      |    1 -
 .../metrics-cache/metrics-cache.component.ts  |    1 -
 .../metrics-datasource.component.ts           |    1 -
 .../metrics-endpoints-requests.component.ts   |    1 -
 .../metrics-garbagecollector.component.ts     |    1 -
 .../metrics-modal-threads.component.ts        |    9 +-
 .../metrics-request.component.ts              |    1 -
 .../metrics-system.component.ts               |    1 -
 .../app/admin/metrics/metrics.component.ts    |    1 -
 .../organization-count-dto.model.ts           |    2 -
 ...rganization-management-detail.component.ts |   21 +-
 ...organization-management-resolve.service.ts |    4 +-
 ...rganization-management-update.component.ts |   15 +-
 .../organization-management.component.ts      |   11 +-
 .../organization-management.route.ts          |   13 +-
 .../organization-management.service.ts        |   10 +-
 ...ort-standardized-competencies.component.ts |   14 +-
 .../knowledge-area-edit.component.ts          |   17 +-
 .../standardized-competency-edit.component.ts |   26 +-
 ...ardized-competency-management.component.ts |   45 +-
 .../admin/statistics/statistics.component.ts  |    6 +-
 ...otification-management-detail.component.ts |   18 +-
 ...notification-management-resolve.service.ts |    4 +-
 ...otification-management-update.component.ts |   21 +-
 ...ystem-notification-management.component.ts |   33 +-
 .../system-notification-management.route.ts   |   17 +-
 .../upcoming-exams-and-exercises.component.ts |   16 +-
 .../delete-users-button.component.ts          |   13 +-
 .../user-management-detail.component.ts       |   13 +-
 .../user-management-resolve.service.ts        |    4 +-
 .../user-management-update.component.ts       |   61 +-
 .../user-management.component.ts              |   63 +-
 .../user-management/user-management.route.ts  |   12 +-
 src/main/webapp/app/app-routing.module.ts     |  198 -
 ...main.component.html => app.component.html} |    0
 ...main.component.scss => app.component.scss} |    0
 .../main.component.ts => app.component.ts}    |   57 +-
 src/main/webapp/app/app.config.ts             |  128 +
 src/main/webapp/app/app.main.ts               |   46 +-
 src/main/webapp/app/app.module.ts             |   68 -
 src/main/webapp/app/app.routes.ts             |  185 +
 .../assessment-complaint-alert.component.ts   |    2 +
 .../assessment-header.component.ts            |   22 +-
 .../assessment-instructions.module.ts         |    2 -
 .../assessment-instructions.component.html    |    4 +-
 .../assessment-instructions.component.ts      |   27 +-
 ...sable-assessment-instructions.component.ts |    4 +
 .../expandable-section.component.ts           |   10 +-
 .../assessment-layout.component.ts            |    5 +
 .../assessment-locks.component.ts             |   32 +-
 .../assessment-locks.route.ts                 |    6 +-
 .../assessment-note.component.ts              |    2 +
 .../assessment/assessment-shared.module.ts    |    2 -
 .../assessment-warning.component.ts           |    5 +-
 .../webapp/app/assessment/athena.service.ts   |   10 +-
 ...nstructions-assessment-layout.component.ts |    6 +
 ...ssment-correction-round-badge.component.ts |    3 +
 .../unreferenced-feedback-detail.component.ts |   29 +-
 .../complaints-student-view.component.ts      |    1 -
 .../complaints-for-tutor.component.ts         |    1 -
 .../form/complaints-form.component.ts         |    1 -
 .../list-of-complaints.component.ts           |    1 -
 .../list-of-complaints.route.ts               |    9 +-
 .../request/complaint-request.component.ts    |    1 -
 .../response/complaint-response.component.ts  |    1 -
 .../app/core/about-us/about-us.component.ts   |   15 +-
 .../core/about-us/artemis-about-us.module.ts  |    7 +-
 src/main/webapp/app/core/core.module.ts       |  117 -
 .../artemis-version.interceptor.ts            |   18 +-
 .../interceptor/auth-expired.interceptor.ts   |   12 +-
 ...browser-fingerprint.interceptor.service.ts |    8 +-
 .../interceptor/errorhandler.interceptor.ts   |    8 +-
 .../interceptor/notification.interceptor.ts   |    4 +-
 .../app/core/language/language.helper.ts      |   19 +-
 ...ta-export-confirmation-dialog.component.ts |   17 +-
 ...data-export-confirmation-dialog.service.ts |   10 +-
 .../data-export-request-button.directive.ts   |   14 +-
 .../data-export/data-export.component.ts      |   20 +-
 .../legal/data-export/data-export.service.ts  |    4 +-
 .../app/core/legal/imprint-routing.module.ts  |    6 +-
 .../app/core/legal/imprint.component.ts       |   14 +-
 .../webapp/app/core/legal/imprint.module.ts   |    3 +-
 .../app/core/legal/privacy-routing.module.ts  |   10 +-
 .../app/core/legal/privacy.component.ts       |   19 +-
 .../webapp/app/core/legal/privacy.module.ts   |   14 +-
 .../app/core/sentry/sentry.error-handler.ts   |    4 -
 .../app/core/theme/theme-switch.component.ts  |    1 -
 .../app/core/user/admin-user.service.ts       |    6 +-
 src/main/webapp/app/core/user/user.service.ts |    6 +-
 .../webapp/app/core/util/alert.service.ts     |   21 +-
 .../competencies-popover.component.ts         |    7 +-
 .../competency-accordion.component.ts         |   26 +-
 .../competency-card.component.ts              |   16 +-
 .../competency-management-table.component.ts  |    8 +-
 .../competency-management.component.ts        |    1 -
 .../import-all-competencies.component.ts      |   16 +-
 .../competency-rings.component.ts             |    4 +
 .../course/competencies/competency.module.ts  |    2 -
 .../course/competencies/competency.service.ts |    9 +-
 ...e-competencies-relation-graph.component.ts |   32 +-
 ...e-competencies-relation-modal.component.ts |    6 +-
 ...-competency-explanation-modal.component.ts |    4 +-
 ...urse-competency-relation-form.component.ts |    3 +-
 ...urse-competency-relation-node.component.ts |    1 -
 ...all-course-competencies-modal.component.ts |    6 +-
 ...-course-competencies-settings.component.ts |    3 +-
 .../competencies/course-competency.service.ts |   14 +-
 .../create/create-competency.component.ts     |   19 +-
 .../create-course-competency.component.ts     |   18 +-
 .../create/create-prerequisite.component.ts   |   18 +-
 .../edit/edit-competency.component.ts         |   18 +-
 .../edit/edit-course-competency.component.ts  |   18 +-
 .../edit/edit-prerequisite.component.ts       |   18 +-
 ...common-course-competency-form.component.ts |   57 +-
 .../competency/competency-form.component.ts   |   25 +-
 .../forms/course-competency-form.component.ts |   47 +-
 .../prerequisite-form.component.ts            |   25 +-
 ...petency-recommendation-detail.component.ts |   20 +-
 .../course-description-form.component.ts      |   14 +-
 .../generate-competencies.component.ts        |   35 +-
 ...ort-standardized-competencies.component.ts |   20 +-
 ...ndardized-course-competencies.component.ts |   24 +-
 ...rt-standardized-prerequisites.component.ts |   26 +-
 .../import/competency-search.component.ts     |    6 +
 .../import-competencies-table.component.ts    |    8 +
 .../import/import-competencies.component.ts   |    1 -
 .../import-course-competencies.component.ts   |    6 +-
 .../import/import-prerequisites.component.ts  |    1 -
 .../judgement-of-learning-rating.component.ts |   11 +-
 .../competencies/prerequisite.service.ts      |    9 +-
 .../taxonomy-select.component.ts              |    5 +-
 .../course/course-access-storage.service.ts   |    6 +-
 .../course-for-import-dto-paging-service.ts   |    6 +-
 .../course-scores-routing.module.ts           |    7 +-
 .../course-scores/course-scores.component.ts  |   49 +-
 .../course-scores/course-scores.module.ts     |    3 +-
 ...essment-dashboard-information.component.ts |    5 +-
 .../assessment-dashboard.component.ts         |    1 -
 .../assessment-dashboard.route.ts             |    7 +-
 .../exam-assessment-buttons.component.ts      |    1 -
 .../course/dashboards/due-date-stat.model.ts  |    2 -
 .../dashboards/stats-for-dashboard.model.ts   |    2 -
 .../competency-graph-modal.component.ts       |   12 +-
 .../competency-graph.component.ts             |    3 +-
 .../competency-node.component.ts              |    1 -
 .../learning-path-exercise.component.ts       |    1 -
 .../learning-path-lecture-unit.component.ts   |   12 +-
 ...nav-overview-learning-objects.component.ts |   10 +-
 .../learning-path-nav-overview.component.ts   |   12 +-
 .../learning-path-student-nav.component.ts    |   12 +-
 .../learning-paths-analytics.component.ts     |   12 +-
 .../learning-paths-configuration.component.ts |   12 +-
 .../learning-paths-state.component.ts         |   12 +-
 .../learning-paths-table.component.ts         |   14 +-
 ...learning-path-instructor-page.component.ts |   15 +-
 .../learning-path-student-page.component.ts   |   12 +-
 .../app/course/manage/course-admin.service.ts |   10 +-
 .../manage/course-exercise-card.component.ts  |    4 +
 .../course/manage/course-for-dashboard-dto.ts |    3 -
 .../course-group-membership.component.ts      |   23 +-
 .../course-lti-configuration.component.ts     |    9 +-
 ...edit-course-lti-configuration.component.ts |   12 +-
 ...course-management-detail-view-dto.model.ts |    2 -
 ...e-management-exercises-search.component.ts |    4 +
 ...course-management-exercises.component.html |   71 +-
 .../course-management-exercises.component.ts  |   39 +-
 .../course-management-resolve.service.ts      |    4 +-
 .../course-management-statistics-dto.ts       |    2 -
 .../course-management-statistics.component.ts |   16 +-
 .../course-management-tab-bar.component.ts    |   48 +-
 .../manage/course-management.component.ts     |   35 +-
 .../course/manage/course-management.module.ts |    8 +-
 .../course/manage/course-management.route.ts  |  104 +-
 .../manage/course-management.service.ts       |   22 +-
 .../course/manage/course-update.component.ts  |   86 +-
 .../manage/courses-for-dashboard-dto.ts       |    2 -
 .../course-detail-doughnut-chart.component.ts |   16 +-
 .../course-detail-line-chart.component.ts     |   20 +-
 .../manage/detail/course-detail.component.ts  |   30 +-
 .../manage/image-cropper-modal.component.ts   |    9 +-
 .../course-management-card.component.ts       |   26 +
 ...ourse-management-exercise-row.component.ts |   24 +-
 ...-overview-exercise-statistics-dto.model.ts |    2 -
 ...anagement-overview-statistics-dto.model.ts |    2 -
 ...anagement-overview-statistics.component.ts |   13 +-
 ...m-case-instructor-detail-view.component.ts |   65 +-
 ...giarism-cases-instructor-view.component.ts |   31 +-
 ...plagiarism-cases-instructor-view.module.ts |   13 +-
 .../shared/plagiarism-cases-shared.module.ts  |   11 +-
 .../shared/plagiarism-cases.service.ts        |    6 +-
 .../shared/plagiarism-results.service.ts      |    6 +-
 .../plagiarism-case-review.component.ts       |    4 +
 .../plagiarism-case-verdict.component.ts      |    4 +
 ...rism-case-student-detail-view.component.ts |   21 +-
 .../plagiarism-cases-student-view.module.ts   |    7 +-
 .../shared/meeting-pattern.pipe.ts            |    5 +-
 .../shared/remove-seconds.pipe.ts             |    4 +-
 .../tutorial-group-detail.component.ts        |   36 +-
 ...rial-group-free-days-overview.component.ts |   15 +-
 .../tutorial-group-session-row.component.ts   |   21 +-
 ...tutorial-group-sessions-table.component.ts |   14 +-
 ...l-group-utilization-indicator.component.ts |    3 +
 .../shared/tutorial-groups-shared.module.ts   |   11 +-
 .../tutorial-group-row.component.ts           |    9 +-
 .../tutorial-groups-table.component.ts        |   20 +-
 .../registered-students.component.ts          |   22 +-
 ...te-tutorial-group-free-period.component.ts |   16 +-
 ...it-tutorial-group-free-period.component.ts |   15 +-
 ...torial-group-free-period-form.component.ts |   34 +-
 ...group-free-period-row-buttons.component.ts |   15 +-
 ...group-free-periods-management.component.ts |   25 +-
 ...rial-group-free-periods-table.component.ts |    6 +
 ...torial-group-management-resolve.service.ts |    8 +-
 ...create-tutorial-group-session.component.ts |   16 +-
 .../edit-tutorial-group-session.component.ts  |   16 +-
 .../tutorial-group-session-form.component.ts  |   18 +-
 .../cancellation-modal.component.ts           |   19 +-
 ...ial-group-session-row-buttons.component.ts |   16 +-
 ...ial-group-sessions-management.component.ts |   32 +-
 .../tutorial-groups-checklist.component.ts    |   22 +-
 ...tutorial-groups-configuration.component.ts |   25 +-
 ...tutorial-groups-configuration.component.ts |   23 +-
 ...ial-groups-configuration-form.component.ts |   15 +-
 .../tutorial-groups-management.module.ts      |    2 -
 .../tutorial-groups-management.route.ts       |   42 +-
 .../create-tutorial-group.component.ts        |   17 +-
 .../edit-tutorial-group.component.ts          |   21 +-
 .../schedule-form/schedule-form.component.ts  |   23 +-
 .../tutorial-group-form.component.html        |    2 +-
 .../tutorial-group-form.component.ts          |   23 +-
 ...orial-group-management-detail.component.ts |   20 +-
 .../tutorial-group-row-buttons.component.ts   |   15 +-
 ...ial-groups-course-information.component.ts |    4 +
 ...tutorial-groups-export-button.component.ts |   17 +-
 ...tutorial-groups-import-button.component.ts |   10 +-
 ...ps-registration-import-dialog.component.ts |   24 +-
 .../tutorial-groups-management.component.ts   |   48 +-
 .../boolean-detail.component.ts               |    4 +-
 .../date-detail/date-detail.component.ts      |    1 -
 .../link-detail/link-detail.component.ts      |    1 -
 ...ary-repository-buttons-detail.component.ts |    4 +-
 ...rogramming-diff-report-detail.component.ts |    1 -
 ...ing-repository-buttons-detail.component.ts |    1 -
 ...rogramming-test-status-detail.component.ts |    1 -
 .../text-detail/text-detail.component.ts      |    1 -
 .../detail-overview-list.component.html       |    2 +-
 .../detail-overview-list.component.ts         |   30 +
 .../app/detail-overview-list/detail.module.ts |    2 +-
 .../exercise-detail.directive.ts              |    7 +-
 src/main/webapp/app/entities/bonus.model.ts   |    4 -
 .../webapp/app/entities/competency.model.ts   |    6 -
 .../competency/learning-path.model.ts         |    2 -
 .../app/entities/complaint-response.model.ts  |    2 -
 .../webapp/app/entities/complaint.model.ts    |    2 -
 src/main/webapp/app/entities/course.model.ts  |    2 -
 .../app/entities/example-submission.model.ts  |    2 -
 src/main/webapp/app/entities/lecture.model.ts |    2 -
 .../webapp/app/entities/metis/post.model.ts   |    2 -
 .../tutor-participation.model.ts              |    2 -
 ...ogramming-exercise-git-diff-entry.model.ts |    2 -
 ...gramming-exercise-git-diff-report.model.ts |    2 -
 .../course-management-statistics-model.ts     |    2 -
 .../quiz/quiz-statistic-counter.model.ts      |    2 -
 .../tutorial-group-registration.model.ts      |    2 -
 .../exam/exam-scores/exam-score-dtos.model.ts |   12 -
 ...m-scores-average-scores-graph.component.ts |    5 -
 .../exam/exam-scores/exam-scores.component.ts |    1 -
 .../app/exam/exam-scores/exam-scores.route.ts |    4 +-
 .../manage/exam-exercise-update.service.ts    |    2 -
 .../manage/exam-management-resolve.service.ts |   10 +-
 .../exam/manage/exam-management.component.ts  |   33 +-
 .../app/exam/manage/exam-management.module.ts |    5 +-
 .../app/exam/manage/exam-management.route.ts  |  230 +-
 .../exam/manage/exam-management.service.ts    |   12 +-
 .../app/exam/manage/exam-status.component.ts  |   19 +-
 ...ve-announcement-create-button.component.ts |   13 +-
 ...ive-announcement-create-modal.component.ts |   18 +-
 ...checklist-exercisegroup-table.component.ts |    6 +
 .../exam-checklist.component.ts               |   38 +-
 .../exam-checklist.service.ts                 |    4 +-
 ...exam-edit-working-time-dialog.component.ts |   17 +-
 .../exam-edit-working-time.component.ts       |   13 +-
 .../manage/exams/exam-detail.component.ts     |   31 +-
 .../exam-exercise-import.component.ts         |    9 +-
 .../exam-import/exam-import-paging.service.ts |    6 +-
 .../exam-import/exam-import.component.ts      |   30 +-
 .../exam-mode-picker.component.ts             |    3 +
 .../exam-mode-picker.module.ts                |    3 +-
 .../manage/exams/exam-update.component.ts     |   51 +-
 .../exercise-group-update.component.ts        |   19 +-
 .../exercise-groups/exercise-group.service.ts |   10 +-
 .../exercise-groups.component.ts              |   53 +-
 .../modeling-exercise-group-cell.component.ts |    2 +
 ...ogramming-exercise-group-cell.component.ts |   17 +-
 ...student-exam-detail-table-row.component.ts |    6 +-
 .../student-exam-detail.component.html        |    2 +-
 .../student-exam-detail.component.ts          |   38 +-
 .../student-exam-status.component.ts          |    5 +
 .../student-exam-summary.component.ts         |    8 +-
 ...rogramming-exercise-exam-diff.component.ts |   36 +-
 .../student-exam-timeline.component.ts        |   34 +-
 .../student-exams/student-exam.service.ts     |   12 +-
 .../student-exams.component.html              |    2 +-
 .../student-exams/student-exams.component.ts  |   51 +-
 .../students/exam-students.component.ts       |   40 +-
 ...students-upload-images-button.component.ts |    8 +-
 ...students-upload-images-dialog.component.ts |   20 +-
 .../students-upload-images.module.ts          |    3 +-
 ...xam-students-attendance-check.component.ts |   27 +-
 .../plagiarism-cases-overview.component.ts    |    1 -
 .../suspicious-behavior.component.ts          |    1 -
 .../suspicious-sessions-overview.component.ts |    1 -
 .../suspicious-sessions.component.ts          |    2 -
 .../create-test-run-modal.component.ts        |   14 +-
 .../test-run-management.component.html        |    2 +-
 .../test-run-management.component.ts          |   42 +-
 .../test-runs/test-run-ribbon.component.ts    |    2 +
 .../exam-live-events-button.component.ts      |   14 +-
 .../exam-live-events-overlay.component.ts     |   16 +-
 .../events/exam-live-events.module.ts         |    3 +-
 .../exam-bar/exam-bar.component.ts            |    7 +-
 .../exam-participation-cover.component.ts     |   29 +-
 .../exam-navigation-bar.component.ts          |   24 +-
 .../exam-navigation-bar.module.ts             |    3 +-
 .../exam-navigation-sidebar.component.ts      |   34 +-
 .../exam-participation-live-events.service.ts |   14 +-
 .../exam-participation.component.ts           |   78 +-
 .../participate/exam-participation.module.ts  |    4 +-
 .../participate/exam-participation.route.ts   |   14 +-
 .../participate/exam-participation.service.ts |   12 +-
 .../exam-start-information.component.ts       |    1 -
 ...m-exercise-update-highlighter.component.ts |    8 +-
 ...exam-exercise-update-highlighter.module.ts |    3 +-
 .../exercises/exam-page.component.ts          |    4 +-
 .../exam-submission-components.module.ts      |   12 +-
 .../exam-exercise-overview-page.component.ts  |   21 +-
 .../exercise-save-button.component.ts         |    3 +-
 .../file-upload-exam-submission.component.ts  |   48 +-
 .../modeling-exam-submission.component.ts     |   36 +-
 .../programming-exam-submission.component.ts  |   40 +-
 .../quiz/quiz-exam-submission.component.ts    |   41 +-
 .../text/text-exam-submission.component.ts    |   49 +-
 .../exam-general-information.component.html   |    2 +-
 .../exam-general-information.component.ts     |   13 +-
 .../summary/collapsible-card.component.ts     |    3 +
 .../exam-result-summary.component.html        |    2 +-
 .../summary/exam-result-summary.component.ts  |   61 +-
 .../summary/exam-result-summary.module.ts     |    2 -
 .../file-upload-exam-summary.component.ts     |    9 +-
 ...-summary-exercise-card-header.component.ts |    5 +
 .../modeling-exam-summary.component.ts        |    8 +-
 .../programming-exam-summary.component.ts     |   35 +-
 .../quiz-exam-summary.component.ts            |   32 +-
 .../text-exam-summary.component.ts            |    6 +-
 .../exam-result-overview.component.ts         |   34 +-
 .../participate/timer/exam-timer.component.ts |    9 +-
 .../participate/timer/exam-timer.module.ts    |    3 +-
 .../events/exam-live-event.component.ts       |   10 +-
 .../app/exam/shared/exam-shared.module.ts     |   15 +-
 .../student-exam-working-time.component.ts    |    2 +
 ... => test-exam-working-time.component.html} |    0
 ...ts => test-exam-working-time.component.ts} |    8 +-
 .../working-time-change.component.ts          |    3 +
 .../working-time-control.component.ts         |   10 +-
 .../file-upload-assessment.component.ts       |   58 +-
 .../assess/file-upload-assessment.module.ts   |    2 +-
 .../assess/file-upload-assessment.route.ts    |    6 +-
 .../assess/file-upload-assessment.service.ts  |    6 +-
 .../file-upload-exercise-detail.component.ts  |   24 +-
 ...oad-exercise-management-resolve.service.ts |   10 +-
 .../file-upload-exercise-management.module.ts |    8 +-
 .../file-upload-exercise-management.route.ts  |   16 +-
 .../file-upload-exercise-paging.service.ts    |    6 +-
 .../file-upload-exercise-update.component.ts  |   67 +-
 .../manage/file-upload-exercise.component.ts  |   10 +
 .../manage/file-upload-exercise.service.ts    |   10 +-
 .../file-upload-participation.module.ts       |    2 +-
 .../file-upload-participation.route.ts        |    4 +-
 .../file-upload-submission.component.ts       |   65 +-
 .../file-upload-submission.service.ts         |    8 +-
 .../modeling-assessment-editor.component.ts   |   55 +-
 .../modeling-assessment-editor.module.ts      |    2 +-
 .../modeling-assessment-editor.route.ts       |    8 +-
 .../assess/modeling-assessment.component.ts   |   10 +-
 .../assess/modeling-assessment.module.ts      |    3 +-
 .../assess/modeling-assessment.service.ts     |    6 +-
 .../example-modeling-submission.component.ts  |   38 +-
 .../example-modeling-submission.module.ts     |    2 +-
 .../example-modeling-submission.route.ts      |    4 +-
 .../modeling-exercise-detail.component.ts     |   28 +-
 .../modeling-exercise-paging.service.ts       |    6 +-
 .../modeling-exercise-resolver.service.ts     |   10 +-
 .../modeling-exercise-update.component.ts     |   73 +-
 .../manage/modeling-exercise.component.ts     |   10 +
 .../manage/modeling-exercise.module.ts        |    8 +-
 .../manage/modeling-exercise.route.ts         |   21 +-
 .../manage/modeling-exercise.service.ts       |   12 +-
 .../modeling-participation.module.ts          |    5 +-
 .../modeling-participation.route.ts           |    6 +-
 .../modeling-submission.component.ts          |  120 +-
 .../modeling-submission.service.ts            |   10 +-
 .../shared/modeling-editor.component.ts       |   17 +-
 .../modeling/shared/modeling-editor.module.ts |    3 +-
 .../modeling-explanation-editor.component.ts  |   27 +-
 .../modeling/shared/modeling.component.ts     |    6 +-
 ...-tutor-assessment-container.component.html |  104 +-
 ...or-tutor-assessment-container.component.ts |   71 +-
 ...nt-inline-feedback-suggestion.component.ts |   13 +-
 ...or-assessment-inline-feedback.component.ts |   37 +-
 ...amming-assessment-manual-result.service.ts |   10 +-
 .../assess/programming-assessment.module.ts   |    5 +-
 .../programming-manual-assessment.module.ts   |    3 +-
 ...assessment-repo-export-button.component.ts |    8 +-
 ...assessment-repo-export-dialog.component.ts |   21 +-
 ...gramming-assessment-repo-export.service.ts |    6 +-
 .../git-diff-file-panel-title.component.ts    |    1 -
 .../git-diff-file-panel.component.ts          |    4 +-
 .../git-diff-file.component.ts                |    1 -
 .../git-diff-line-stat.component.ts           |    1 -
 .../git-diff-report-modal.component.ts        |   28 +-
 .../git-diff-report.component.ts              |    1 -
 .../manage/build-plan-editor.component.ts     |   21 +-
 ...structor-and-editor-container.component.ts |   44 +-
 ...tor-instructor-base-container.component.ts |   30 +-
 .../code-editor-management-routing.module.ts  |   25 +-
 .../code-editor-management.module.ts          |    3 +-
 .../charts/category-issues-chart.component.ts |    4 +-
 ...a-category-distribution-chart.component.ts |   18 +-
 .../test-case-distribution-chart.component.ts |   16 +-
 ...test-case-passed-builds-chart.component.ts |    4 +-
 ...edback-channel-creation-modal.component.ts |    1 -
 ...dback-affected-students-modal.component.ts |    1 -
 ...feedback-detail-channel-modal.component.ts |    5 +-
 .../Modal/feedback-filter-modal.component.ts  |    1 -
 .../Modal/feedback-modal.component.ts         |    1 -
 .../feedback-analysis.component.ts            |   11 +-
 ...ise-configure-grading-actions.component.ts |    3 +
 ...cise-configure-grading-status.component.ts |    5 +
 ...ng-exercise-configure-grading.component.ts |   71 +-
 ...xercise-grading-dirty-warning.component.ts |   10 +-
 ...-policy-configuration-actions.component.ts |    2 +
 ...xercise-grading-table-actions.component.ts |    9 +-
 .../programming-exercise-grading.module.ts    |    2 -
 ...-exercise-grading-tasks-table.component.ts |   16 +-
 .../programming-exercise-task.service.ts      |   12 +-
 .../programming-exercise-task.component.ts    |   11 +-
 ...exercise-instruction-analysis.component.ts |   12 +-
 ...g-exercise-instruction-analysis.service.ts |    4 +-
 .../task-count-warning.component.ts           |    4 +
 ...exercise-editable-instruction.component.ts |   31 +-
 ...ing-exercise-instructions-editor.module.ts |   11 +-
 ...mming-exercise-create-buttons.component.ts |   17 +-
 .../programming-exercise-detail.component.ts  |   72 +-
 ...amming-exercise-edit-selected.component.ts |   23 +-
 ...ming-exercise-management-routing.module.ts |   58 +-
 .../programming-exercise-management.module.ts |    5 +-
 .../programming-exercise.component.html       |   21 +-
 .../manage/programming-exercise.component.ts  |   49 +-
 ...ramming-exercise-reset-button.directive.ts |   16 +-
 ...mming-exercise-reset-dialog.component.html |    4 +-
 ...ramming-exercise-reset-dialog.component.ts |   18 +-
 .../manage/services/build-plan.service.ts     |    6 +-
 .../services/code-analysis-paging.service.ts  |    6 +-
 .../programming-exercise-grading.service.ts   |   10 +-
 .../programming-exercise-paging.service.ts    |    6 +-
 ...gramming-exercise-participation.service.ts |   12 +-
 .../programming-exercise-websocket.service.ts |    6 +-
 .../services/programming-exercise.service.ts  |   12 +-
 .../services/submission-policy.service.ts     |    6 +-
 ...se-instructor-exercise-status.component.ts |   10 +-
 ...ng-exercise-instructor-status.component.ts |   10 +-
 .../programming-exercise-status.module.ts     |    3 +-
 ...d-auxiliary-repository-button.component.ts |    2 +
 .../programming-exercise-update.component.ts  |   55 +-
 .../programming-exercise-update.module.ts     |    6 +-
 ...e-auxiliary-repository-button.component.ts |    2 +
 .../switch-edit-mode-button.component.ts      |    1 -
 ...-exercise-build-configuration.component.ts |   10 +-
 ...cise-custom-aeolus-build-plan.component.ts |   14 +-
 ...ng-exercise-custom-build-plan.component.ts |   12 +-
 ...ogramming-exercise-difficulty.component.ts |    1 -
 .../programming-exercise-grading.component.ts |   40 +-
 ...amming-exercise-information.component.html |    2 +-
 ...gramming-exercise-information.component.ts |   56 +-
 ...programming-exercise-language.component.ts |   20 +-
 .../programming-exercise-mode.component.ts    |   25 +-
 .../programming-exercise-problem.component.ts |   16 +
 .../programming-exercise-theia.component.ts   |   12 +-
 ...code-editor-student-container.component.ts |   35 +-
 .../programming-build-run.service.ts          |    6 +-
 ...rogramming-participation-routing.module.ts |    4 +-
 .../programming-participation.module.ts       |    2 +-
 .../programming-repository-routing.module.ts  |   12 +-
 .../programming-repository.module.ts          |    7 +-
 ...ramming-submission-policy-status.module.ts |    3 +-
 .../programming-submission-policy-status.ts   |    2 +
 .../programming-submission.service.ts         |   16 +-
 .../programming-exercise-actions.module.ts    |    7 +-
 ...xample-solution-repo-download.component.ts |    4 +-
 ...-instructor-exercise-download.component.ts |   12 +-
 ...cise-instructor-repo-download.component.ts |   12 +-
 ...e-instructor-submission-state.component.ts |   14 +-
 ...structor-trigger-build-button.component.ts |   20 +-
 ...g-exercise-re-evaluate-button.component.ts |   12 +-
 ...xercise-student-repo-download.component.ts |   12 +-
 ...-student-trigger-build-button.component.ts |   11 +-
 ...g-exercise-trigger-all-button.component.ts |   22 +-
 ...exercise-trigger-build-button.component.ts |   16 +-
 ...ild-plan-checkout-directories.component.ts |    1 -
 ...ise-edit-checkout-directories.component.ts |    9 +-
 ...sitory-and-build-plan-details.component.ts |    9 +-
 .../actions/code-editor-actions.component.ts  |   26 +-
 ...-editor-confirm-refresh-modal.component.ts |   16 +-
 ...editor-resolve-conflict-modal.component.ts |   10 +-
 .../code-editor-build-output.component.ts     |   18 +-
 .../shared/code-editor/code-editor.module.ts  |    5 +-
 .../code-editor-container.component.ts        |   22 +-
 ...ode-editor-file-browser-badge.component.ts |   13 +-
 ...itor-file-browser-create-node.component.ts |    2 +
 .../code-editor-file-browser-delete.ts        |   15 +-
 ...code-editor-file-browser-file.component.ts |    5 +
 ...de-editor-file-browser-folder.component.ts |    4 +
 ...code-editor-file-browser-node.component.ts |    4 +-
 .../code-editor-file-browser.component.ts     |   34 +-
 .../header/code-editor-header.component.ts    |    4 +-
 .../code-editor-instructions.component.ts     |    6 +-
 .../layout/code-editor-grid.component.ts      |    8 +-
 ...e-editor-repository-is-locked.component.ts |    5 +
 .../monaco/code-editor-monaco.component.ts    |   19 +-
 .../code-editor-conflict-state.service.ts     |   12 +-
 ...ditor-domain-dependent-endpoint.service.ts |   12 +-
 .../code-editor-domain-dependent.service.ts   |    6 +-
 .../service/code-editor-domain.service.ts     |    2 -
 .../service/code-editor-repository.service.ts |   43 +-
 .../service/code-editor-submission.service.ts |   14 +-
 .../status/code-editor-status.component.ts    |    5 +
 .../treeview-item/treeview-item.component.ts  |    3 +-
 .../components/treeview/treeview.component.ts |    4 +-
 .../code-editor/treeview/treeview.module.ts   |    3 +-
 .../commits-info-group.component.ts           |    3 +
 .../commits-info-row.component.ts             |    8 +
 .../commits-info/commits-info.component.ts    |   14 +-
 ...rogramming-exercise-plant-uml.extension.ts |   10 +-
 ...amming-exercise-instruction.component.html |    2 +-
 ...gramming-exercise-instruction.component.ts |   47 +-
 ...ing-exercise-instructions-render.module.ts |   12 +-
 ...rcise-instruction-step-wizard.component.ts |   15 +-
 ...rcise-instruction-task-status.component.ts |   14 +-
 ...rogramming-exercise-lifecycle.component.ts |   34 +-
 .../programming-exercise-lifecycle.module.ts  |   10 +-
 ...ise-test-schedule-date-picker.component.ts |    8 +-
 .../shared/programming-exercise.module.ts     |    5 +-
 .../shared/service/aeolus.service.ts          |    6 +-
 .../shared/service/build-log.service.ts       |    6 +-
 .../shared/service/file-type.service.ts       |    2 -
 .../programming-language-feature.service.ts   |    6 +-
 .../shared/service/theia.service.ts           |    6 +-
 .../apollon-diagram-create-form.component.ts  |   16 +-
 .../apollon-diagram-detail.component.ts       |   30 +-
 ...apollon-diagram-import-dialog.component.ts |    9 +-
 .../apollon-diagram-list.component.ts         |   26 +-
 .../apollon-diagram.module.ts                 |    3 +-
 .../apollon-diagram.service.ts                |   10 +-
 .../drag-and-drop-question-edit.component.ts  |   56 +-
 .../match-percentage-info-modal.component.ts  |    8 +-
 ...multiple-choice-question-edit.component.ts |   30 +-
 ...mport-invalid-questions-modal.component.ts |   11 +-
 .../quiz-exercise-create-buttons.component.ts |   15 +-
 .../manage/quiz-exercise-detail.component.ts  |   28 +-
 .../manage/quiz-exercise-export.component.ts  |   21 +-
 ...iz-exercise-lifecycle-buttons.component.ts |   14 +-
 .../quiz-exercise-manage-buttons.component.ts |   25 +-
 .../manage/quiz-exercise-paging.service.ts    |    7 +-
 .../manage/quiz-exercise-popup.service.ts     |   12 +-
 .../manage/quiz-exercise-update.component.ts  |   67 +-
 .../quiz-exercise-validation.directive.ts     |   10 +-
 .../quiz/manage/quiz-exercise.component.ts    |   24 +
 .../quiz/manage/quiz-exercise.service.ts      |   13 +-
 .../quiz/manage/quiz-management.module.ts     |   11 +-
 .../quiz/manage/quiz-management.route.ts      |   23 +-
 ...iz-pool-mapping-question-list.component.ts |    3 +-
 .../manage/quiz-pool-mapping.component.ts     |   15 +-
 .../quiz/manage/quiz-pool.component.ts        |   26 +-
 .../quiz/manage/quiz-pool.service.ts          |    4 +-
 ...z-question-list-edit-existing.component.ts |   26 +-
 .../quiz-question-list-edit.component.ts      |   19 +-
 .../quiz-scoring-info-modal.component.ts      |    8 +-
 ...aluate-drag-and-drop-question.component.ts |    3 +-
 ...uate-multiple-choice-question.component.ts |    9 +-
 .../quiz-re-evaluate-warning.component.ts     |   19 +-
 .../re-evaluate/quiz-re-evaluate.component.ts |   46 +-
 .../re-evaluate/quiz-re-evaluate.service.ts   |    6 +-
 ...valuate-short-answer-question.component.ts |    4 +-
 .../short-answer-question-edit.component.ts   |   48 +-
 ...g-and-drop-question-statistic.component.ts |   45 +-
 ...ple-choice-question-statistic.component.ts |   35 +-
 .../question-statistic.component.ts           |   40 +-
 .../quiz-point-statistic.component.ts         |   53 +-
 .../statistics/quiz-statistic.module.ts       |    8 +-
 .../manage/statistics/quiz-statistic.route.ts |   16 +-
 .../quiz-statistic.component.ts               |   41 +-
 .../quiz-statistics-footer.component.ts       |   31 +-
 .../quiz/manage/statistics/quiz-statistics.ts |   10 +-
 ...ort-answer-question-statistic.component.ts |   40 +-
 .../quiz-participation.component.ts           |   50 +-
 .../participate/quiz-participation.module.ts  |    7 +-
 .../participate/quiz-participation.route.ts   |    5 +-
 .../participate/quiz-participation.service.ts |    8 +-
 .../drag-and-drop-question-util.service.ts    |    2 -
 .../shared/fit-text/fit-text.directive.ts     |   20 +-
 .../quiz/shared/fit-text/fit-text.module.ts   |    8 -
 .../artemis-quiz-question-types.module.ts     |    8 +-
 .../drag-and-drop-question.component.ts       |   43 +-
 .../drag-item.component.ts                    |    8 +-
 .../multiple-choice-question.component.ts     |   13 +-
 ...ltiple-choice-visual-question.component.ts |    9 +-
 ...iz-scoring-info-student-modal.component.ts |   14 +-
 .../short-answer-question.component.ts        |   17 +-
 .../shared/quiz-statistic-util.service.ts     |    4 +-
 .../short-answer-question-util.service.ts     |    2 -
 .../assessment-progress-label.component.ts    |    3 +
 .../assessment-progress-label.module.ts       |    3 +-
 .../course-exercise.service.ts                |   14 +-
 ...ercise-assessment-dashboard.component.html |  231 +-
 ...exercise-assessment-dashboard.component.ts |  110 +-
 .../exercise-assessment-dashboard.module.ts   |    5 +-
 .../language-table-cell.component.ts          |    2 +
 ...cond-correction-enable-button.component.ts |    3 +
 .../tutor/tutor-participation.service.ts      |   10 +-
 .../difficulty-picker.component.ts            |    3 +
 .../difficulty-picker.module.ts               |    3 +-
 .../exam-exercise-row-buttons.component.ts    |   27 +-
 .../example-solution.component.ts             |   20 +-
 ...xample-submission-import-paging.service.ts |    6 +-
 .../example-submission-import.component.ts    |   43 +-
 .../example-submission.service.ts             |    8 +-
 .../example-submissions.component.ts          |   27 +-
 .../example-submissions.module.ts             |   11 +-
 ...xercise-detail-common-actions.component.ts |   26 +-
 ...g-exercise-detail-common-actions.module.ts |   10 +-
 .../difficulty-badge.component.ts             |   10 +-
 .../exercise-headers-information.component.ts |   11 +-
 .../exercise-headers.module.ts                |   10 +-
 ...er-exercise-page-with-details.component.ts |   26 +-
 .../header-participation-page.component.ts    |   21 +-
 .../included-in-score-badge.component.ts      |   11 +-
 .../exercise-info/exercise-info.component.ts  |    5 +
 .../exercise-info/exercise-info.module.ts     |    3 +-
 ...exercise-scores-export-button.component.ts |   15 +-
 .../exercise-scores.component.ts              |   69 +-
 .../exercise-scores/exercise-scores.module.ts |    5 +-
 .../manage-assessment-buttons.component.ts    |   23 +-
 .../exercise-title-channel-name.component.ts  |   14 +-
 .../exercise-title-channel-name.module.ts     |    3 +-
 .../exercise-update-notification.component.ts |    5 +-
 .../exercise-update-notification.module.ts    |    3 +-
 .../exercise-update-warning.component.ts      |   10 +-
 .../exercise-update-warning.module.ts         |    3 +-
 .../exercise-update-warning.service.ts        |    6 +-
 .../shared/exercise/exercise-cache.service.ts |    4 +-
 .../shared/exercise/exercise.component.ts     |    6 +-
 .../shared/exercise/exercise.module.ts        |   11 +-
 .../shared/exercise/exercise.service.ts       |   14 +-
 .../external-submission-button.component.ts   |    8 +-
 .../external-submission-dialog.component.ts   |   20 +-
 .../external-submission.service.ts            |    9 +-
 ...e-feedback-suggestion-options.component.ts |   17 +-
 ...cise-feedback-suggestion-options.module.ts |    3 +-
 .../collapse/feedback-collapse.component.ts   |    4 +
 .../feedback-suggestion-badge.component.ts    |   10 +-
 ...s-pending-confirmation-dialog.component.ts |   11 +-
 .../shared/feedback/feedback.component.ts     |   53 +-
 .../shared/feedback/feedback.module.ts        |    7 +-
 .../feedback/item/feedback-item-service.ts    |    4 +-
 .../item/programming-feedback-item.service.ts |    4 +-
 .../feedback/long-feedback-text.service.ts    |   10 +-
 .../feedback/node/feedback-node.component.ts  |    7 +
 .../standalone-feedback.component.ts          |   14 +-
 .../feedback/text/feedback-text.component.ts  |    8 +-
 .../import/exercise-import-tabs.component.ts  |   16 +
 .../exercise-import-wrapper.component.ts      |   11 +-
 .../import/exercise-import.component.ts       |   27 +-
 .../exercise-import-from-file.component.ts    |   13 +-
 ...luded-in-overall-score-picker.component.ts |    4 +-
 ...included-in-overall-score-picker.module.ts |    3 +-
 .../exercise-create-buttons.component.ts      |   15 +-
 .../manage/exercise-create-buttons.module.ts  |    3 +-
 .../mode-picker/mode-picker.component.ts      |    3 +
 .../shared/mode-picker/mode-picker.module.ts  |    3 +-
 .../participation-submission.component.ts     |   40 +-
 .../participation-submission.module.ts        |   10 +-
 .../participation.component.html              |    2 +-
 .../participation/participation.component.ts  |   57 +-
 .../participation/participation.module.ts     |    5 +-
 .../participation/participation.service.ts    |   12 +-
 .../exercise-update-plagiarism.component.ts   |    7 +-
 .../exercise-update-plagiarism.module.ts      |    3 +-
 .../plagiarism-details.component.ts           |    3 +
 .../plagiarism-header.component.ts            |   13 +-
 .../plagiarism-inspector.component.ts         |   55 +-
 .../plagiarism-run-details.component.ts       |   12 +-
 .../plagiarism-sidebar.component.ts           |    5 +
 .../modeling-submission-viewer.component.ts   |    9 +-
 .../plagiarism-split-view.component.ts        |   12 +-
 .../split-pane-header.component.ts            |    6 +
 .../text-submission-viewer.component.ts       |   17 +-
 .../shared/plagiarism/plagiarism.module.ts    |   12 +-
 .../presentation-score.component.ts           |   13 +-
 .../presentation-score.module.ts              |    3 +-
 .../rating-list/rating-list.component.ts      |   20 +-
 .../shared/rating/rating.component.ts         |   13 +-
 .../exercises/shared/rating/rating.module.ts  |    3 +-
 .../exercises/shared/rating/rating.service.ts |    6 +-
 .../star-rating/star-rating.component.ts      |    1 -
 .../shared/result/repository.service.ts       |   10 +-
 .../result-progress-bar.component.ts          |    1 -
 .../shared/result/result.component.ts         |   44 +-
 .../exercises/shared/result/result.module.ts  |   11 +-
 .../exercises/shared/result/result.service.ts |   15 +-
 .../result/updating-result.component.ts       |   12 +-
 .../statistics/doughnut-chart.component.ts    |   16 +-
 .../exercise-detail-statistics.component.ts   |    2 +
 .../exercise-statistics.component.ts          |   18 +-
 .../grading-instructions-details.component.ts |   21 +-
 .../structured-grading-criterion.module.ts    |    3 +-
 .../submission-export-button.component.ts     |    8 +-
 .../submission-export-dialog.component.ts     |   20 +-
 .../submission-export.service.ts              |    6 +-
 .../submission-policy-update.component.ts     |    6 +-
 .../submission-policy-update.module.ts        |    3 +-
 .../submission-version.service.ts             |    6 +-
 .../shared/submission/submission.service.ts   |   12 +-
 .../team-config-form-group.component.ts       |    8 +-
 .../team-config-form-group.module.ts          |    3 +-
 .../team-submission-sync.component.ts         |   12 +-
 .../team-submission-sync.module.ts            |    8 -
 .../team-exercise-search.component.ts         |   13 +-
 .../team-owner-search.component.ts            |    9 +-
 .../team-participate-info-box.component.ts    |    3 +
 .../team-participate.module.ts                |    3 +-
 .../team-students-list.component.ts           |    2 +
 .../team-students-online-list.component.ts    |   14 +-
 .../team-participation-table.component.ts     |   35 +-
 .../team-student-search.component.ts          |    9 +-
 .../team-delete-button.component.ts           |   13 +-
 .../team-update-button.component.ts           |    8 +-
 .../team-update-dialog.component.ts           |   22 +-
 .../exercises/shared/team/team.component.ts   |   43 +-
 .../app/exercises/shared/team/team.module.ts  |    2 -
 .../app/exercises/shared/team/team.route.ts   |    7 +-
 .../app/exercises/shared/team/team.service.ts |   12 +-
 .../teams-export-button.component.ts          |   12 +-
 .../teams-import-button.component.ts          |    8 +-
 .../teams-import-dialog.component.ts          |   35 +-
 .../teams-import-from-file-form.component.ts  |   14 +-
 .../exercises/shared/team/teams.component.ts  |   47 +-
 .../unreferenced-feedback.component.ts        |   13 +-
 .../manual-textblock-selection.component.ts   |   12 +-
 .../text-assessment-area.component.ts         |    4 +
 .../text-submission-assessment.component.ts   |   21 +-
 .../text-submission-assessment.module.ts      |    5 +-
 .../text-submission-assessment.route.ts       |    8 +-
 .../textblock-assessment-card.component.ts    |    1 +
 .../textblock-feedback-dropdown.component.ts  |    2 +
 .../textblock-feedback-editor.component.ts    |   25 +-
 .../example-text-submission.component.ts      |   24 +
 .../example-text-submission.module.ts         |    3 +-
 .../example-text-submission.route.ts          |    4 +-
 .../resizable-instructions.component.ts       |    7 +-
 .../manage/text-exercise-management.module.ts |    4 +-
 .../text-exercise-detail.component.ts         |    6 +
 .../text-exercise-row-buttons.component.ts    |    5 +
 .../text-exercise-update.component.ts         |   42 +-
 .../text-exercise/text-exercise.component.ts  |   23 +-
 .../text-exercise/text-exercise.module.ts     |    9 +-
 .../text-exercise/text-exercise.route.ts      |   20 +-
 .../tutor-effort-statistics.component.ts      |    6 +
 .../tutor-effort-statistics.module.ts         |    3 +-
 .../tutor-effort-statistics.route.ts          |    3 +-
 .../text/participate/string-count.service.ts  |    2 -
 .../text/participate/text-editor.component.ts |   80 +-
 .../text/participate/text-editor.route.ts     |    6 +-
 .../participate/text-participation.module.ts  |    6 +-
 .../text-result/text-result.component.ts      |    5 +
 .../text/shared/text-select.directive.ts      |    4 +-
 .../text/shared/text-shared.module.ts         |   12 -
 .../webapp/app/faq/faq-update.component.ts    |    3 +-
 src/main/webapp/app/faq/faq.component.ts      |    6 +-
 .../feature-overview.component.ts             |   14 +-
 .../feature-overview.module.ts                |    3 +-
 .../feature-overview.route.ts                 |    5 +-
 ...orms.module.ts => artemis-forms.module.ts} |   12 +-
 .../form-footer/form-footer.component.ts      |   22 +-
 .../form-status-bar.component.ts              |    3 +
 .../base-grading-system.component.ts          |    4 +-
 .../grading-system/bonus/bonus.component.ts   |    1 -
 .../detailed-grading-system.component.ts      |    1 -
 .../grading-key-overview.component.ts         |    1 -
 .../grading-key-table.component.ts            |    1 -
 .../grading-system-info-modal.component.ts    |    1 -
 .../grading-system-presentations.component.ts |    3 +-
 .../grading-system.component.ts               |    1 -
 .../grading-system/grading-system.route.ts    |    6 +-
 .../interval-grading-system.component.ts      |    1 -
 .../app/guided-tour/guided-tour.component.ts  |   18 +-
 .../app/guided-tour/guided-tour.module.ts     |    3 +-
 .../app/guided-tour/guided-tour.service.ts    |   22 +-
 src/main/webapp/app/home/home.component.ts    |    1 -
 .../home/saml2-login/saml2-login.component.ts |    2 -
 .../webapp/{content => app}/icons/icons.ts    |    0
 .../iris/about-iris/about-iris.component.ts   |    1 -
 .../chat-status-bar.component.ts              |    5 +-
 .../iris-base-chatbot.component.ts            |   49 +-
 .../course-chatbot.component.ts               |    8 +-
 .../exercise-chatbot-button.component.ts      |   20 +-
 .../widget/chatbot-widget.component.ts        |   14 +-
 .../webapp/app/iris/iris-chat-http.service.ts |    6 +-
 src/main/webapp/app/iris/iris-chat.service.ts |   24 +-
 .../webapp/app/iris/iris-guard.service.ts     |    8 +-
 .../iris-logo-button.component.ts             |    8 +
 .../app/iris/iris-logo/iris-logo.component.ts |    1 -
 .../webapp/app/iris/iris-status.service.ts    |   10 +-
 .../webapp/app/iris/iris-websocket.service.ts |   10 +-
 src/main/webapp/app/iris/iris.module.ts       |   25 +-
 ...s-course-settings-update-routing.module.ts |    4 +-
 .../iris-course-settings-update.component.ts  |   14 +-
 ...exercise-settings-update-routing.module.ts |    4 +-
 ...iris-exercise-settings-update.component.ts |    8 +-
 ...s-global-settings-update-routing.module.ts |    4 +-
 .../iris-global-settings-update.component.ts  |    2 +
 ...is-common-sub-settings-update.component.ts |   36 +-
 .../iris-settings-update.component.ts         |   18 +-
 .../settings/shared/iris-enabled.component.ts |    9 +-
 .../settings/shared/iris-settings.service.ts  |    6 +-
 .../webapp/app/lecture/attachment.service.ts  |    6 +-
 .../close-edit-lecture-modal.component.ts     |    1 -
 .../lecture/lecture-attachments.component.ts  |   59 +-
 .../app/lecture/lecture-detail.component.ts   |   24 +-
 .../app/lecture/lecture-import.component.ts   |   20 +-
 .../app/lecture/lecture-paging.service.ts     |    6 +-
 .../lecture-period.component.ts               |    4 +
 .../lecture-title-channel-name.component.ts   |    2 +
 .../attachment-unit-form.component.ts         |   10 +-
 .../attachment-units.component.ts             |   24 +-
 .../attachmentUnit.service.ts                 |   10 +-
 .../create-attachment-unit.component.ts       |   17 +-
 .../create-exercise-unit.component.ts         |   24 +-
 .../create-online-unit.component.ts           |   18 +-
 .../create-text-unit.component.ts             |   17 +-
 .../create-video-unit.component.ts            |   18 +-
 .../edit-attachment-unit.component.ts         |   21 +-
 .../edit-online-unit.component.ts             |   18 +-
 .../edit-text-unit.component.ts               |   18 +-
 .../edit-video-unit.component.ts              |   18 +-
 .../exerciseUnit.service.ts                   |   10 +-
 .../lecture-unit-layout.component.ts          |    3 +-
 .../lecture-unit-management.component.html    |    2 +-
 .../lecture-unit-management.component.ts      |   37 +-
 .../lecture-unit-management.module.ts         |    2 -
 .../lecture-unit-management.route.ts          |   46 +-
 .../lectureUnit.service.ts                    |   12 +-
 .../online-resource-dto.model.ts              |    2 -
 .../online-unit-form.component.ts             |    9 +-
 .../onlineUnit.service.ts                     |   10 +-
 .../text-unit-form.component.ts               |   28 +-
 .../textUnit.service.ts                       |   10 +-
 .../unit-creation-card.component.ts           |    6 +
 .../video-unit-form.component.ts              |    7 +-
 .../videoUnit.service.ts                      |   10 +-
 .../lecture-units/lecture-units.component.ts  |   31 +-
 .../app/lecture/lecture-update.component.ts   |   21 +
 .../webapp/app/lecture/lecture.component.ts   |   50 +-
 src/main/webapp/app/lecture/lecture.module.ts |    6 +-
 src/main/webapp/app/lecture/lecture.route.ts  |   29 +-
 .../webapp/app/lecture/lecture.service.ts     |   14 +-
 .../pdf-preview-enlarged-canvas.component.ts  |   12 +-
 .../pdf-preview-thumbnail-grid.component.ts   |   10 +-
 .../pdf-preview/pdf-preview.component.ts      |    1 -
 .../build-agent-details.component.ts          |    1 -
 .../build-agent-summary.component.ts          |    1 -
 .../build-queue/build-queue.component.ts      |   65 +-
 .../build-queue/build-queue.service.ts        |    5 +-
 .../app/localci/localci-guard.service.ts      |   11 +-
 .../commit-details-view.component.ts          |   16 +-
 .../commit-history.component.ts               |   14 +-
 .../app/localvc/localvc-guard.service.ts      |   11 +-
 .../repository-view.component.ts              |   42 +-
 ...cs-repository-access-log-view.component.ts |   18 +-
 .../app/lti/lti-course-card.component.ts      |    1 -
 src/main/webapp/app/lti/lti.module.ts         |    5 +-
 src/main/webapp/app/lti/lti.route.ts          |   16 +-
 .../app/lti/lti13-deep-linking.component.ts   |   13 +-
 .../lti13-dynamic-registration.component.ts   |    1 -
 .../lti/lti13-exercise-launch.component.ts    |    1 -
 .../app/lti/lti13-select-content.component.ts |    1 -
 .../app/lti/lti13-select-course.component.ts  |    1 -
 .../webapp/app/lti/online-course-dto.model.ts |    2 -
 ...orion-assessment-instructions.component.ts |    2 +
 .../assessment/orion-assessment.service.ts    |   32 +-
 ...exercise-assessment-dashboard.component.ts |   25 +-
 .../orion-tutor-assessment.component.ts       |   17 +-
 ...or-and-editor-orion-container.component.ts |   59 +-
 ...n-course-management-exercises.component.ts |    3 +
 .../orion-programming-exercise.component.html |   26 +-
 .../orion-programming-exercise.component.ts   |   24 +-
 ...orion-course-exercise-details.component.ts |    3 +
 ...ise-details-student-actions.component.html |   60 +-
 ...rcise-details-student-actions.component.ts |   31 +-
 .../course-archive.component.ts               |    1 -
 .../course-card-header.component.ts           |    1 -
 .../app/overview/course-card.component.ts     |   15 +-
 .../course-competencies-details.component.ts  |   55 +-
 .../course-competencies-details.module.ts     |   10 +-
 .../course-competencies.component.ts          |   21 +-
 .../course-competencies.module.ts             |    9 +-
 ...conversations-code-of-conduct.component.ts |   13 +-
 .../course-conversations.component.ts         |   87 +-
 .../course-conversations.module.ts            |   11 +-
 .../course-wide-search.component.ts           |   22 +-
 .../dialogs/abstract-dialog.component.ts      |    5 +-
 .../channel-form/channel-form.component.ts    |   14 +-
 .../channels-create-dialog.component.ts       |    8 +-
 .../channel-item/channel-item.component.ts    |    4 +
 .../channels-overview-dialog.component.ts     |   29 +-
 .../conversation-add-users-form.component.ts  |   14 +-
 ...conversation-add-users-dialog.component.ts |   26 +-
 .../conversation-detail-dialog.component.ts   |   19 +-
 .../conversation-info.component.ts            |    4 +
 .../conversation-member-row.component.ts      |   19 +-
 .../conversation-members.component.ts         |    9 +-
 .../conversation-settings.component.ts        |    4 +
 .../generic-confirmation-dialog.component.ts  |   23 +-
 ...c-update-text-property-dialog.component.ts |   37 +-
 .../group-chat-create-dialog.component.ts     |   21 +-
 ...one-to-one-chat-create-dialog.component.ts |   12 +-
 .../conversation-header.component.ts          |   19 +-
 .../conversation-messages.component.ts        |   56 +-
 .../conversation-thread-sidebar.component.ts  |    7 +
 .../channel-icon/channel-icon.component.ts    |    2 +
 .../posting-summary.component.ts              |    9 +
 .../saved-posts/saved-posts.component.ts      |    6 +-
 .../course-dashboard.component.ts             |   38 +-
 .../course-dashboard.module.ts                |   10 +-
 .../course-dashboard.service.ts               |    6 +-
 .../course-exercise-lateness.component.ts     |   14 +-
 .../course-exercise-performance.component.ts  |   14 +-
 .../course-exams/course-exams.component.ts    |   24 +-
 .../course-exams/course-exams.module.ts       |    3 +-
 .../course-exams/course-exams.route.ts        |    3 +-
 .../course-exercise-row.component.ts          |   42 +-
 .../course-exercise-row.module.ts             |    2 +-
 .../course-exercises.component.ts             |   26 +-
 .../course-faq-accordion-component.ts         |    5 +-
 .../course-faq/course-faq.component.ts        |   12 +-
 .../attachment-unit.component.ts              |    1 -
 .../course-lecture-details.component.ts       |   53 +-
 .../course-lecture-details.module.ts          |    7 +-
 .../course-lecture-row.component.ts           |   11 +-
 .../course-lectures.component.ts              |   20 +-
 .../exercise-unit/exercise-unit.component.ts  |    2 +
 .../lecture-unit/lecture-unit.component.ts    |    1 -
 .../lecture-unit/lecture-unit.directive.ts    |   13 +-
 .../course-lectures/lecture-units.module.ts   |    3 +-
 .../online-unit/online-unit.component.ts      |    1 -
 .../text-unit/text-unit.component.ts          |    1 -
 .../video-unit/video-unit.component.ts        |    1 -
 .../app/overview/course-overview.component.ts |   76 +-
 .../app/overview/course-overview.service.ts   |   10 +-
 .../course-prerequisites-button.component.ts  |    8 +-
 .../course-prerequisites-button.module.ts     |    3 +-
 .../course-registration-button.component.ts   |   17 +-
 .../course-registration-button.module.ts      |    3 +-
 .../course-registration-detail.component.ts   |   18 +-
 .../course-registration-detail.module.ts      |   16 +-
 .../course-prerequisites-modal.component.ts   |   16 +-
 .../course-prerequisites-modal.module.ts      |    3 +-
 .../course-registration.component.ts          |   34 +-
 .../course-registration.module.ts             |    5 +-
 .../app/overview/course-sidebar.service.ts    |    2 -
 .../course-statistics.component.ts            |   46 +-
 .../course-statistics.module.ts               |   11 +-
 .../course-tutorial-group-card.component.ts   |    5 +
 .../course-tutorial-groups.component.ts       |   32 +-
 .../course-tutorial-groups.module.ts          |    4 +-
 .../course-unenrollment-modal.component.ts    |   21 +-
 .../app/overview/courses-routing.module.ts    |   34 +-
 .../webapp/app/overview/courses.component.ts  |   39 +-
 .../webapp/app/overview/courses.module.ts     |   10 +-
 .../discussion-section.component.ts           |   24 +-
 .../course-exercise-details.component.html    |   14 +-
 .../course-exercise-details.component.ts      |  104 +-
 .../course-exercise-details.module.ts         |   15 +-
 .../exercise-buttons.module.ts                |   13 +-
 ...ise-details-student-actions.component.html |   67 +-
 ...rcise-details-student-actions.component.ts |   66 +-
 .../lti-initializer-modal.component.ts        |    6 +-
 .../problem-statement.component.ts            |   16 +-
 .../request-feedback-button.component.ts      |    1 -
 .../app/overview/header-course.component.ts   |   13 +-
 .../participation-websocket.service.ts        |   10 +-
 .../result-history.component.ts               |    6 +-
 .../submission-result-status.component.ts     |    4 +
 .../submission-result-status.module.ts        |   11 +-
 .../course-tutorial-group-detail.component.ts |   20 +-
 .../course-tutorial-group-details.module.ts   |    9 +-
 .../exercise-scores-chart.module.ts           |    3 +-
 .../exercise-scores-chart.service.ts          |    5 +-
 .../exercise-scores-chart.component.ts        |   27 +-
 .../additional-feedback.component.ts          |   24 +-
 .../shared/alert/alert-overlay.component.ts   |   11 +-
 .../auth/has-any-authority.directive.ts       |   16 +-
 .../app/shared/breakpoints/layout.service.ts  |   10 +-
 .../category-selector.component.ts            |   28 +-
 .../category-selector.module.ts               |   13 +-
 .../app/shared/chart/artemis-charts.module.ts |   13 +-
 .../circular-progress-bar.component.ts        |    2 -
 .../color-selector.component.ts               |   12 +-
 .../color-selector/color-selector.module.ts   |    3 +-
 .../competency-selection.component.ts         |   24 +-
 .../app/shared/components/button.component.ts |    7 +
 .../checklist-check.component.ts              |    2 +
 .../code-button/code-button.component.ts      |   49 +-
 .../confirm-autofocus-button.component.ts     |    8 +-
 .../confirm-autofocus-modal.component.ts      |   10 +-
 .../copy-icon-button.component.ts             |    5 +
 .../course-exam-archive-button.component.ts   |   25 +-
 .../documentation-button.component.ts         |    9 +-
 .../documentation-link.component.ts           |    1 -
 .../exercise-action-button.component.ts       |    5 +-
 .../shared/components/help-icon.component.ts  |    4 +
 .../components/not-released-tag.component.ts  |    7 +-
 .../open-code-editor-button.component.ts      |   15 +-
 .../reset-repo-button.component.ts            |   20 +-
 .../components/shared-component.module.ts     |    7 +-
 .../start-practice-mode-button.component.ts   |   27 +-
 .../confirm-entity-name.component.ts          |   22 +-
 .../confirm-icon/confirm-icon.component.ts    |    4 +
 .../confirm-icon/confirm-icon.module.ts       |    3 +-
 .../connection-status.component.ts            |   10 +-
 .../connection-warning.component.ts           |   17 +-
 .../consistency-check.component.ts            |   16 +-
 .../consistency-check.service.ts              |    6 +-
 .../course-group/course-group.component.ts    |   44 +-
 .../course-group/course-group.module.ts       |    3 +-
 .../course-users-selector.component.ts        |   15 +-
 .../course-users-selector.module.ts           |    3 +-
 .../tutor-leaderboard.component.ts            |   18 +-
 .../tutor-leaderboard.model.ts                |    2 -
 .../tutor-leaderboard.module.ts               |    3 +-
 .../progress-bar/progress-bar.component.ts    |   13 +-
 .../tutor-participation-graph.component.ts    |   12 +-
 .../tutor-participation-graph.module.ts       |    3 +-
 .../shared/data-table/data-table.component.ts |   41 +-
 .../shared/data-table/data-table.module.ts    |    3 +-
 .../date-time-picker.component.ts             |   20 +-
 .../date-time-picker.module.ts                |   12 +-
 .../delete-dialog/delete-button.directive.ts  |   14 +-
 .../delete-dialog/delete-dialog.component.ts  |   18 +-
 .../delete-dialog/delete-dialog.service.ts    |   10 +-
 ...etail-overview-navigation-bar.component.ts |    2 +
 .../difficulty-level.component.ts             |    7 +-
 ...ustom-exercise-category-badge.component.ts |    3 +-
 .../exercise-categories.component.ts          |   10 +-
 .../exercise-categories.module.ts             |    3 +-
 .../exercise-filter-modal.component.ts        |   12 +-
 .../shared/export/export-button.component.ts  |    8 +-
 .../shared/export/export-modal.component.ts   |   31 +-
 .../webapp/app/shared/export/export.module.ts |    3 +-
 .../extension-point.directive.ts              |   10 +-
 .../feature-toggle-hide.directive.ts          |   10 +-
 .../feature-toggle-link.directive.ts          |   10 +-
 .../feature-toggle.directive.ts               |   10 +-
 .../feature-toggle/feature-toggle.module.ts   |   10 -
 .../feature-toggle/feature-toggle.service.ts  |   10 +-
 .../browser-fingerprint.service.ts            |    6 +-
 .../app/shared/fireworks/fireworks.module.ts  |   10 -
 .../title-channel-name.component.ts           |    6 +-
 .../title-channel-name.module.ts              |    3 +-
 .../shared/fullscreen/fullscreen.component.ts |   10 +-
 .../shared/fullscreen/fullscreen.module.ts    |    3 +-
 ...grading-instruction-link-icon.component.ts |   11 +-
 .../grading-instruction-link-icon.module.ts   |    3 +-
 .../app/shared/guard/pending-changes.guard.ts |    4 +-
 .../webapp/app/shared/http/file.service.ts    |    5 +-
 .../app/shared/http/secure-link.directive.ts  |   10 +-
 .../shared/icon-card/icon-card.component.ts   |    1 -
 .../component/image-cropper.component.ts      |   16 +-
 .../image-cropper/image-cropper.module.ts     |   10 -
 .../shared/image/cacheable-image.service.ts   |   10 +-
 .../shared/image/secured-image.component.ts   |   15 +-
 .../import-list/import-table.component.ts     |    8 +-
 .../app/shared/import/import.component.ts     |   21 +-
 .../shared/info-panel/info-panel.component.ts |    2 -
 .../shared/info-panel/info-panel.module.ts    |    3 +-
 .../information-box.component.ts              |    1 -
 .../shared/language/translate.directive.ts    |   13 +-
 .../shared/layouts/error/error.component.ts   |    8 +-
 .../app/shared/layouts/error/error.route.ts   |    9 +-
 .../shared/layouts/footer/footer.component.ts |   10 +-
 .../layouts/navbar/active-menu.directive.ts   |   16 +-
 .../layouts/navbar/entity-title.service.ts    |    6 +-
 .../layouts/navbar/navbar.component.html      |    2 +-
 .../shared/layouts/navbar/navbar.component.ts |   79 +-
 .../layouts/profiles/page-ribbon.component.ts |    8 +-
 .../layouts/profiles/profile.service.ts       |   12 +-
 .../link-preview-container.component.ts       |    2 +
 .../link-preview/link-preview.component.ts    |   12 +-
 .../services/link-preview.service.ts          |    6 +-
 .../loading-indicator-container.component.ts  |    1 -
 .../markdown-editor/markdown-editor.module.ts |    3 +-
 .../markdown-editor-monaco.component.ts       |   46 +-
 .../webapp/app/shared/markdown.service.ts     |    4 +-
 .../app/shared/metis/answer-post.service.ts   |    6 +-
 .../answer-post/answer-post.component.ts      |   60 +-
 .../metis/course-discussion.directive.ts      |    6 +-
 .../metis/emoji/emoji-picker.component.ts     |    1 -
 .../app/shared/metis/emoji/emoji.component.ts |    1 -
 .../message-inline-input.component.ts         |   22 +-
 .../message-reply-inline-input.component.ts   |   25 +-
 .../metis/metis-conversation.service.ts       |   28 +-
 .../webapp/app/shared/metis/metis.module.ts   |    2 -
 .../webapp/app/shared/metis/metis.service.ts  |   25 +-
 .../webapp/app/shared/metis/post.service.ts   |    9 +-
 .../app/shared/metis/post/post.component.ts   |   69 +-
 .../posting-button.component.ts               |    4 +-
 .../enlarge-slide-image.component.ts          |    8 +-
 .../posting-content-part.components.ts        |   17 +-
 .../posting-content.components.ts             |   14 +-
 ...answer-post-create-edit-modal.component.ts |   18 +-
 .../post-create-edit-modal.component.html     |   30 -
 .../post-create-edit-modal.component.ts       |   32 +-
 .../post-tag-selector.component.ts            |   38 +-
 .../posting-create-edit-modal.directive.ts    |   13 +-
 .../metis/posting-create-edit.directive.ts    |   15 +-
 .../posting-footer.component.ts               |    5 +-
 .../posting-header.component.ts               |   31 +-
 .../posting-markdown-editor.component.ts      |   23 +-
 .../answer-post-reactions-bar.component.ts    |   45 +-
 .../post-reactions-bar.component.ts           |   54 +-
 .../posting-reactions-bar.directive.ts        |   14 +-
 .../posting-thread.component.ts               |    2 +
 .../app/shared/metis/posting.service.ts       |    2 +-
 .../app/shared/metis/reaction.service.ts      |    6 +-
 .../monaco-diff-editor.component.ts           |    3 +-
 .../monaco-editor-option.helper.ts            |    2 +-
 .../monaco-editor/monaco-editor.component.ts  |   17 +-
 .../monaco-editor/monaco-editor.service.ts    |    8 +-
 .../webapp/app/shared/no-data-component.ts    |    1 -
 .../loading-notification.component.ts         |    6 +-
 .../loading-notification.interceptor.ts       |    6 +-
 .../notification-popup.component.ts           |   19 +-
 .../notification-sidebar.component.ts         |   25 +-
 .../notification/notification.service.ts      |   22 +-
 .../admin-system-notification.service.ts      |   12 +-
 .../system-notification.component.ts          |   17 +-
 .../system-notification.service.ts            |   10 +-
 .../organization-selector.component.ts        |   16 +-
 .../modal-confirm-autofocus.component.ts      |    8 +-
 .../orion/orion-build-and-test.service.ts     |   14 +-
 .../orion-button/orion-button.component.ts    |    5 +-
 .../shared/orion/orion-connector.service.ts   |   24 +-
 .../shared/orion/orion-filter.directive.ts    |   10 +-
 .../webapp/app/shared/orion/orion.module.ts   |   14 +-
 .../orion-outdated.component.ts               |   13 +-
 .../orion-version-validator.service.ts        |   10 +-
 .../shared/pagination/item-count.component.ts |    2 +
 ...rticipant-scores-distribution.component.ts |   16 +-
 .../participant-scores.module.ts              |    3 +-
 .../participant-scores.service.ts             |    6 +-
 .../shared/pipes/artemis-date-range.pipe.ts   |    5 +-
 .../app/shared/pipes/artemis-date.pipe.ts     |    9 +-
 .../app/shared/pipes/artemis-time-ago.pipe.ts |   12 +-
 .../shared/pipes/artemis-translate.pipe.ts    |    2 +-
 .../webapp/app/shared/pipes/duration.pipe.ts  |    4 +-
 .../pipes/exercise-course-title.pipe.ts       |    4 +-
 .../app/shared/pipes/exercise-type.pipe.ts    |    4 +-
 .../app/shared/pipes/feedback-content.pipe.ts |    1 -
 .../shared/pipes/grade-step-bounds.pipe.ts    |    1 -
 .../shared/pipes/html-for-markdown.pipe.ts    |    1 -
 .../pipes/html-for-posting-markdown.pipe.ts   |    1 -
 .../webapp/app/shared/pipes/quote.pipe.ts     |    1 -
 .../pipes/reacting-users-on-posting.pipe.ts   |    8 +-
 .../webapp/app/shared/pipes/safe-html.pipe.ts |    6 +-
 .../shared/pipes/safe-resource-url.pipe.ts    |    4 +-
 .../webapp/app/shared/pipes/safe-url.pipe.ts  |    4 +-
 .../app/shared/pipes/search-filter.pipe.ts    |    4 +-
 .../app/shared/pipes/shared-pipes.module.ts   |    2 +-
 .../profile-picture.component.ts              |    3 +-
 .../range-slider/range-slider.component.ts    |    7 +-
 .../resizeable-container.component.ts         |    7 +-
 .../app/shared/science/science.component.ts   |    5 +-
 .../app/shared/science/science.directive.ts   |    9 +-
 .../app/shared/science/science.service.ts     |   14 +-
 .../score-display/score-display.component.ts  |    7 +-
 .../search-filter/search-filter.component.ts  |    6 +-
 .../webapp/app/shared/server-date.service.ts  |    6 +-
 .../shared/service/legal-document.service.ts  |    6 +-
 .../service/locale-conversion.service.ts      |    9 +-
 .../webapp/app/shared/service/lti.service.ts  |    1 -
 .../webapp/app/shared/service/sort.service.ts |    2 -
 .../shared/service/static-content.service.ts  |    6 +-
 .../webapp/app/shared/shared-common.module.ts |   22 +-
 .../webapp/app/shared/shared-libs.module.ts   |   13 -
 src/main/webapp/app/shared/shared.module.ts   |   13 +-
 .../shared/side-panel/side-panel.component.ts |    2 -
 .../shared/side-panel/side-panel.module.ts    |    3 +-
 .../conversation-options.component.ts         |   22 +-
 .../sidebar-accordion.component.ts            |    9 +-
 .../sidebar-card-item.component.ts            |   18 +
 .../sidebar-card-large.component.ts           |   17 +-
 .../sidebar-card-medium.component.ts          |   20 +-
 .../sidebar-card-small.component.ts           |   21 +-
 .../shared/sidebar/sidebar-card.directive.ts  |    7 +-
 .../app/shared/sidebar/sidebar.component.ts   |   47 +-
 .../app/shared/sidebar/sidebar.module.ts      |    2 -
 .../app/shared/sort/sort-by.directive.ts      |   12 +-
 .../app/shared/sort/sort-icon.component.ts    |    1 -
 .../webapp/app/shared/sort/sort.directive.ts  |    4 +-
 .../knowledge-area-tree.component.ts          |    5 +-
 ...tandardized-competency-detail.component.ts |    3 -
 ...rdized-competency-filter-page.component.ts |    4 +-
 ...tandardized-competency-filter.component.ts |    4 +-
 .../standardized-competency.service.ts        |    6 +-
 ...tatistics-average-score-graph.component.ts |   22 +-
 .../statistics-graph.component.ts             |   15 +-
 ...tics-score-distribution-graph.component.ts |   10 +-
 .../statistics-graph/statistics.service.ts    |    6 +-
 .../sticky-popover.directive.ts               |   16 +-
 .../table-editable-checkbox.component.ts      |    2 +
 .../table/table-editable-field.component.ts   |    6 +-
 .../webapp/app/shared/table/table.module.ts   |    5 +-
 .../textarea/textarea-counter.component.ts    |    8 +-
 .../app/shared/textarea/textarea.module.ts    |    3 +-
 .../type-ahead-user-search-field.component.ts |   12 +-
 .../type-ahead-user-search-field.module.ts    |    3 +-
 .../shared/user-import/user-import.module.ts  |    3 +-
 .../users-import-button.component.ts          |    8 +-
 .../users-import-dialog.component.ts          |   24 +-
 .../account-information.component.ts          |   19 +-
 .../ide-preferences/ide-settings.component.ts |   23 +-
 .../ide-preferences/ide-settings.service.ts   |    6 +-
 .../notification-settings.component.ts        |   26 +-
 .../notification-settings.service.ts          |    6 +-
 .../science-settings.component.ts             |   28 +-
 .../science-settings.service.ts               |   10 +-
 ...ssh-user-settings-key-details.component.ts |    9 +-
 ...sh-user-settings-fingerprints.component.ts |    4 +
 .../ssh-user-settings.component.ts            |   20 +
 .../user-settings-container.component.ts      |    1 -
 .../user-settings/user-settings.directive.ts  |   12 +-
 .../user-settings/user-settings.module.ts     |    9 +-
 .../user-settings/user-settings.route.ts      |   34 +-
 .../user-settings/user-settings.service.ts    |    6 +-
 .../vcs-access-tokens-settings.component.ts   |   30 +-
 .../custom-max-validator.directive.ts         |    1 -
 .../custom-min-validator.directive.ts         |    1 -
 ...tom-not-included-in-validator.directive.ts |    2 -
 .../custom-pattern-validator.directive.ts     |    1 -
 .../vertical-progress-bar.component.ts        |    8 +-
 .../vertical-progress-bar.module.ts           |   11 -
 .../virtual-scroll.component.ts               |   10 +-
 .../virtual-scroll/virtual-scroll.module.ts   |   17 -
 src/main/webapp/app/utils/navigation.utils.ts |   12 +-
 src/main/webapp/app/utils/text.utils.ts       |   15 +
 src/main/webapp/index.html                    |    4 +-
 .../account-information.component.spec.ts     |    3 +-
 .../password-reset-init.component.spec.ts     |    7 +-
 .../account/register.component.spec.ts        |    1 -
 .../account/settings.component.spec.ts        |    1 -
 ...er-settings-fingerprints.component.spec.ts |    2 -
 ...ser-settings-key-details.component.spec.ts |    3 +-
 .../ssh/ssh-user-settings.component.spec.ts   |    3 +-
 ...cs-access-token-settings.component.spec.ts |   16 +-
 .../component/admin/audits.component.spec.ts  |    1 -
 .../admin/configuration.component.spec.ts     |    1 -
 .../admin/health-modal.component.spec.ts      |    4 +-
 .../component/admin/logs.component.spec.ts    |    2 -
 .../admin/lti-configuration.component.spec.ts |   29 +-
 ...stem-notification-detail.component.spec.ts |   13 +-
 ...ication-management-resolve.service.spec.ts |    9 +-
 ...-notification-management.component.spec.ts |   17 +-
 ...ming-exams-and-exercises.component.spec.ts |    3 -
 .../user-management-detail.component.spec.ts  |    1 -
 .../user-management-resolve.service.spec.ts   |    9 +-
 .../user-management-update.component.spec.ts  |   14 +-
 .../admin/user-management.component.spec.ts   |   26 +-
 ...llon-diagram-create-form.component.spec.ts |    3 +-
 .../apollon-diagram-detail.component.spec.ts  |    2 +-
 ...on-diagram-import-dialog.component.spec.ts |    3 +-
 .../apollon-diagram-list.component.spec.ts    |    4 +-
 ...nt-dashboard-information.component.spec.ts |    9 +-
 .../assessment-dashboard.component.spec.ts    |   35 +-
 ...ise-assessment-dashboard.component.spec.ts |    6 +-
 ...correction-enable-button.component.spec.ts |   17 +-
 ...sessment-complaint-alert.component.spec.ts |    2 -
 .../assessment-header.component.spec.ts       |   12 +-
 .../assessment-warning.component.spec.ts      |    2 -
 ...-assessment-instructions.component.spec.ts |   11 +-
 ...ferenced-feedback-detail.component.spec.ts |   30 +-
 .../code-editor-grid.component.spec.ts        |    1 -
 .../competency-card.component.spec.ts         |   16 +-
 .../competency-form-stub.component.ts         |   32 +-
 .../competency-form.component.spec.ts         |   31 +-
 .../import-all-competencies.component.spec.ts |    4 +-
 .../competency-popover.component.spec.ts      |    2 +
 ...petencies-relation-graph.component.spec.ts |   38 +-
 ...petencies-relation-modal.component.spec.ts |    6 +-
 .../edit-competency.component.spec.ts         |   10 +-
 .../edit-prerequisite.component.spec.ts       |   15 +-
 .../course-description-form-stub.component.ts |    2 +-
 .../competency-search.component.spec.ts       |    4 +-
 .../import-competencies.component.spec.ts     |    4 +-
 ...port-course-competencies.component.spec.ts |   11 +-
 .../import-prerequisites.component.spec.ts    |    4 +-
 .../prerequisite-form-stub.component.ts       |   32 +-
 .../prerequisite-form.component.spec.ts       |   46 +-
 .../complaints-form.component.spec.ts         |   13 -
 .../connection-warning.spec.ts                |    6 +-
 ...rse-prerequisites-button.component.spec.ts |    1 -
 ...urse-prerequisites-modal.component.spec.ts |   11 +-
 ...urse-registration-button.component.spec.ts |    1 -
 .../course-group-membership.component.spec.ts |   40 +-
 .../course-management-card.component.spec.ts  |    4 +-
 ...agement-exercises-search.component.spec.ts |   13 -
 ...ment-overview-statistics.component.spec.ts |   11 +-
 .../course-management.component.spec.ts       |   27 -
 .../course/course-overview.component.spec.ts  |   10 +-
 ...ourse-unenrollment-modal.component.spec.ts |    6 +-
 .../course/course-update.component.spec.ts    |   43 +-
 ...se-detail-doughnut-chart.component.spec.ts |   11 +-
 ...course-detail-line-chart.component.spec.ts |   11 +-
 .../course/header-course.component.spec.ts    |   19 +-
 .../image-cropper-modal.component.spec.ts     |    4 +-
 .../detail-overview-list.component.spec.ts    |    6 +-
 ...g-and-drop-question-edit.component.spec.ts |   54 +-
 .../drag-and-drop-question.component.spec.ts  |    4 +-
 .../drag-item.component.spec.ts               |    6 +-
 ...res-average-scores-graph.component.spec.ts |    8 +-
 .../exam-scores/exam-scores.component.spec.ts |   55 +-
 .../exam/exam-update.component.spec.ts        |   66 +-
 ...xam-exercise-row-buttons.component.spec.ts |   30 +-
 ...nouncement-create-button.component.spec.ts |    5 +-
 ...nnouncement-create-modal.component.spec.ts |   24 +-
 .../exercise-group-update.component.spec.ts   |   16 +-
 .../exercise-group.service.spec.ts            |   20 +-
 ...load-exercise-group-cell.component.spec.ts |    8 +-
 ...ling-exercise-group-cell.component.spec.ts |    9 +-
 ...ming-exercise-group-cell.component.spec.ts |   11 +-
 ...quiz-exercise-group-cell.component.spec.ts |    8 +-
 .../student-exam-detail.component.spec.ts     |   39 +-
 .../student-exam-timeline.component.spec.ts   |    4 +-
 .../student-exam.service.spec.ts              |   30 +-
 .../student-exams.component.spec.ts           |   22 +-
 ...exam-live-events-overlay.component.spec.ts |   13 +-
 .../participate/exam-bar.component.spec.ts    |   12 +-
 ...m-exercise-overview-page.component.spec.ts |   16 +-
 .../exam-navigation-bar.component.spec.ts     |   21 +-
 .../exam-navigation-sidebar.component.spec.ts |   23 +-
 .../exercise-save-button.component.spec.ts    |    2 +-
 ...gramming-exam-submission.component.spec.ts |   28 +-
 .../text-exam-submission.component.spec.ts    |   22 -
 ...exam-general-information.component.spec.ts |   16 +-
 .../exam-result-summary.component.spec.ts     |   55 +-
 ...file-upload-exam-summary.component.spec.ts |    9 +-
 .../modeling-exam-summary.component.spec.ts   |    8 +-
 ...programming-exam-summary.component.spec.ts |   28 +-
 .../quiz-exam-summary.component.spec.ts       |   13 +-
 .../text-exam-summary.component.spec.ts       |   10 +-
 .../exam-result-overview.component.spec.ts    |   11 +-
 .../events/exam-live-event.component.spec.ts  |   20 +-
 ...tudent-exam-working-time.component.spec.ts |    6 +-
 .../testexam-working-time.component.spec.ts   |   14 +-
 .../working-time-control.component.spec.ts    |    1 -
 .../create-test-run-modal.component.spec.ts   |   16 +-
 .../exercise-detail.directive.spec.ts         |    3 +-
 .../problem-statement.component.spec.ts       |    8 +-
 ...line-feedback-suggestion.component.spec.ts |    4 +-
 ...ditor-file-browser-badge.component.spec.ts |    9 +-
 .../quiz-exercise-detail.component.spec.ts    |    2 -
 ...ercise-lifecycle-buttons.component.spec.ts |    1 -
 ...-exercise-manage-buttons.component.spec.ts |    1 -
 ...ol-mapping-question-list.component.spec.ts |    5 -
 .../quiz-pool-mapping.component.spec.ts       |   21 +-
 .../quiz/manage/quiz-pool.component.spec.ts   |   29 +-
 ...e-drag-and-drop-question.component.spec.ts |    4 +-
 ...multiple-choice-question.component.spec.ts |   69 +-
 ...te-short-answer-question.component.spec.ts |   19 +-
 .../quiz/quiz-participation.component.spec.ts |  345 +-
 ...oring-info-student-modal.component.spec.ts |   34 +-
 ...xample-submission-import.component.spec.ts |    2 -
 .../exercise-scores.component.spec.ts         |   32 +-
 .../exercise-statistics.component.spec.ts     |   26 +-
 ...rcise-title-channel-name.component.spec.ts |   17 +-
 ...ternal-submission-button.component.spec.ts |   19 +-
 ...ternal-submission-dialog.component.spec.ts |    3 -
 ...edback-suggestion-option.component.spec.ts |    1 -
 .../difficulty-badge.component.spec.ts        |    1 -
 .../included-in-score-badge.component.spec.ts |    1 -
 .../team-config-form-group.component.spec.ts  |    5 +-
 .../feature-overview.component.spec.ts        |    2 -
 ...e-upload-exercise-update.component.spec.ts |    5 +-
 .../file-upload-exercise.component.spec.ts    |    5 +-
 .../forms/form-footer.component.spec.ts       |    2 +-
 .../git-diff-file-panel.component.spec.ts     |    3 +-
 .../git-diff-modal.component.spec.ts          |   61 +-
 .../detailed-grading-system.component.spec.ts |   20 +-
 ...ing-system-presentations.component.spec.ts |    6 +-
 .../grading-system.component.spec.ts          |   10 +-
 .../interval-grading-system.component.spec.ts |   17 +-
 .../import/exercise-import.component.spec.ts  |    5 +-
 .../component/import/import.component.spec.ts |    8 +-
 .../component/iris/iris-chat.service.spec.ts  |    1 +
 ...s-course-settings-update.component.spec.ts |   11 +-
 .../settings/iris-enabled.component.spec.ts   |    3 +-
 ...exercise-settings-update.component.spec.ts |   11 +-
 ...s-global-settings-update.component.spec.ts |   11 +-
 .../iris-settings-update-component.spec.ts    |   13 +-
 .../iris/ui/chat-status-bar.component.spec.ts |    3 +-
 .../ui/iris-base-chatbot.component.spec.ts    |    4 +-
 ...ning-paths-configuration.component.spec.ts |    4 +-
 ...ing-path-instructor-page.component.spec.ts |    9 +
 .../attachment-unit-form.component.spec.ts    |   17 +-
 .../create-attachment-unit.component.spec.ts  |   37 +-
 .../edit-attachment-unit.component.spec.ts    |  168 +-
 .../create-exercise-unit.component.spec.ts    |    3 +-
 .../exercise-unit.component.spec.ts           |   28 +-
 .../create-online-unit.component.spec.ts      |   27 +-
 .../edit-online-unit.component.spec.ts        |   35 +-
 .../create-text-unit.component.spec.ts        |   44 +-
 .../edit-text-unit.component.spec.ts          |   73 +-
 .../text-unit-form.component.spec.ts          |   41 +-
 .../create-video-unit.component.spec.ts       |   27 +-
 .../edit-video-unit.component.spec.ts         |   56 +-
 .../hasLectureUnsavedChanges.guard.spec.ts    |    1 -
 .../lecture/lecture-period.component.spec.ts  |    4 +-
 ...cture-title-channel-name.component.spec.ts |    8 +-
 .../lecture/lecture-units.component.spec.ts   |   51 +-
 ...export-confirmation-dialog.service.spec.ts |    3 -
 ...ta-export-request-button.directive.spec.ts |   19 +-
 .../link-preview-container.component.spec.ts  |    1 -
 .../build-queue/build-queue.component.spec.ts |   14 +-
 .../localvc/repository-view.component.spec.ts |    7 +-
 .../exercise-create-buttons.component.spec.ts |    4 +-
 .../modeling-exercise.component.spec.ts       |    4 -
 ...eling-explanation-editor.component.spec.ts |    6 +-
 ...modeling-submission-team.component.spec.ts |    1 +
 ...ple-choice-question-edit.component.spec.ts |   33 +-
 .../organization-management-resolve.spec.ts   |   17 +-
 .../organization-management.component.spec.ts |    1 -
 .../organization-selector.component.spec.ts   |    8 +-
 .../modal-confirm-autofocus.component.spec.ts |    7 +-
 ...tor-and-editor-container.component.spec.ts |    2 +-
 ...ise-assessment-dashboard.component.spec.ts |    4 +-
 ...-details-student-actions.component.spec.ts |    2 +-
 .../orion/orion-outdated.component.spec.ts    |    5 +-
 ...ion-programming-exercise.component.spec.ts |    2 +-
 .../overview/course-card.component.spec.ts    |   19 +-
 .../course-wide-search.component.spec.ts      |    1 -
 .../channel-form.component.spec.ts            |    5 +-
 .../channels-create-dialog.component.spec.ts  |   58 +-
 .../channel-item.component.spec.ts            |    9 +-
 ...channels-overview-dialog.component.spec.ts |   32 +-
 ...rsation-add-users-dialog.component.spec.ts |   31 +-
 ...nversation-detail-dialog.component.spec.ts |  114 +-
 .../conversation-info.component.spec.ts       |    5 +-
 .../conversation-member-row.component.spec.ts |   11 +-
 .../conversation-members.component.spec.ts    |   42 +-
 .../conversation-settings.component.spec.ts   |    9 +-
 ...eric-confirmation-dialog.component.spec.ts |    5 +-
 ...ate-text-property-dialog.component.spec.ts |    5 +-
 ...group-chat-create-dialog.component.spec.ts |    5 +-
 ...o-one-chat-create-dialog.component.spec.ts |    5 +-
 .../conversation-messages.component.spec.ts   |    5 +-
 ...versation-thread-sidebar.component.spec.ts |    4 +-
 .../posting-summary.component.spec.ts         |    8 +-
 .../course-lecture-row.component.spec.ts      |    2 +
 .../course-statistics.component.spec.ts       |   27 +-
 .../exercise-scores-chart.component.spec.ts   |    8 +-
 .../discussion-section.component.spec.ts      |   11 +-
 .../lti-initializer.component.spec.ts         |    4 +-
 .../participation.component.spec.ts           |   34 +-
 ...deling-submission-viewer.component.spec.ts |    8 +-
 ...e-instructor-detail-view.component.spec.ts |   14 +-
 ...case-student-detail-view.component.spec.ts |    8 +-
 ...sm-cases-instructor-view.component.spec.ts |   32 +-
 .../plagiarism-inspector.component.spec.ts    |   20 +-
 .../plagiarism-run-details.component.spec.ts  |   10 +-
 .../split-pane-header.component.spec.ts       |   19 -
 .../presentation-score.component.spec.ts      |    8 +-
 ...tor-assessment-container.component.spec.ts |   52 +-
 ...sessment-inline-feedback.component.spec.ts |   19 +-
 ...sment-repo-export-button.component.spec.ts |   12 -
 ...sment-repo-export-dialog.component.spec.ts |   22 +-
 .../category-issues-chart.component.spec.ts   |    4 +-
 ...cise-build-configuration.component.spec.ts |    4 +-
 ...ercise-configure-grading.component.spec.ts |   76 +-
 ...-exercise-create-buttons.component.spec.ts |    2 -
 ...gramming-exercise-detail.component.spec.ts |    1 -
 ...g-exercise-edit-selected.component.spec.ts |    1 -
 ...ise-instruction-analysis.component.spec.ts |   14 +-
 ...ing-exercise-instruction.component.spec.ts |   44 +-
 ...tor-trigger-build-button.component.spec.ts |    5 -
 ...mming-exercise-lifecycle.component.spec.ts |   70 +-
 ...rcise-re-evaluate-button.component.spec.ts |    5 -
 ...ng-exercise-reset-dialog.component.spec.ts |   46 +-
 ...se-student-repo-download.component.spec.ts |   12 +-
 ...ase-passed-builds-charts.component.spec.ts |   14 +-
 ...est-schedule-date-picker.component.spec.ts |   42 +-
 ...rcise-trigger-all-button.component.spec.ts |    5 -
 ...gramming-exercise-update.component.spec.ts |  200 +-
 .../programming-exercise.component.spec.ts    |    1 -
 ...egory-distribution-chart.component.spec.ts |    8 +-
 ...-case-distribution-chart.component.spec.ts |   10 +-
 ...ramming-exercise-grading.component.spec.ts |  100 +-
 ...ing-exercise-information.component.spec.ts |   67 +-
 ...amming-exercise-language.component.spec.ts |   19 +-
 ...ramming-exercise-problem.component.spec.ts |   53 +-
 ...ogramming-exercise-theia.component.spec.ts |    3 +-
 ...exercise-create-buttons.components.spec.ts |    2 -
 .../quiz-exercise-update.component.spec.ts    |    5 +-
 ...z-exercise-visual-editor.component.spec.ts |    7 +-
 .../quiz-exercise.component.spec.ts           |    2 +-
 ...quiz-re-evaluate-warning.component.spec.ts |   22 -
 .../quiz-re-evaluate.component.spec.ts        |   23 +-
 .../drag-and-drop-statistic.component.spec.ts |    1 -
 ...hoice-question-statistic.component.spec.ts |    1 -
 .../quiz-point-statistic.component.spec.ts    |    1 -
 .../quiz-statistic.component.spec.ts          |   24 +-
 .../quiz-statistics-footer.component.spec.ts  |   25 +-
 ...nswer-question-statistic.component.spec.ts |   21 +-
 .../rating/star-rating.component.spec.ts      |    4 +-
 .../ide/ide-settings.component.spec.ts        |    8 +-
 .../shared/alert-overlay.component.spec.ts    |    2 -
 ...ssessment-progress-label.component.spec.ts |    2 -
 .../circular-progress-bar.component.spec.ts   |    8 +-
 .../shared/color-selector.component.spec.ts   |    1 -
 .../competency-selection.component.spec.ts    |   14 +-
 .../confirm-entity-name.component.spec.ts     |   39 +-
 .../shared/course-group.component.spec.ts     |   35 +-
 .../course-users-selector.component.spec.ts   |   55 +-
 .../shared/date-time-picker.component.spec.ts |    5 +-
 ...-overview-navigation-bar.component.spec.ts |    6 +-
 .../exercise-update-warning.component.spec.ts |    6 -
 .../feedback/feedback-modal.component.spec.ts |   10 +-
 .../feedback/feedback-text.component.spec.ts  |    1 -
 .../shared/fireworks.component.spec.ts        |    1 -
 ...ing-instructions-details.component.spec.ts |    1 -
 .../image-croppper.component.spec.ts          |    1 -
 .../component/shared/main.component.spec.ts   |   10 +-
 .../answer-post/answer-post.component.spec.ts |    4 +-
 .../message-inline-input.component.spec.ts    |   14 +-
 ...ssage-reply-inline-input.component.spec.ts |   11 +-
 .../posting-content-part.component.spec.ts    |   14 +-
 .../post-tag-selector.component.spec.ts       |   15 +-
 .../post-reactions-bar.component.spec.ts      |    8 +-
 .../monaco-editor-action.integration.spec.ts  |    2 +
 .../monaco-editor.service.spec.ts             |    1 +
 .../system-notification.component.spec.ts     |    3 +-
 ...pant-scores-distribution.component.spec.ts |   12 +-
 .../resizeable-container.component.spec.ts    |    6 +-
 .../shared/science.component.spec.ts          |    5 +-
 .../conversation-options.component.spec.ts    |    9 +-
 .../sidebar-card-large.component.spec.ts      |   22 +-
 .../sidebar-card-medium.component.spec.ts     |   22 +-
 .../sidebar-card-small.component.spec.ts      |   22 +-
 .../treeview/treeview-item.component.spec.ts  |    4 +-
 .../user-settings.directive.spec.ts           |   26 +-
 .../vertical-progress-bar.component.spec.ts   |    6 +-
 ...ort-answer-question-edit.component.spec.ts |   10 +-
 ...n-import-standardized-competencies.spec.ts |    9 +-
 ...d-competency-filter-page.component.spec.ts |    1 -
 ...standardized-competency-management.spec.ts |   44 +-
 .../doughnut-chart.component.spec.ts          |    9 +-
 ...tics-average-score-graph.component.spec.ts |   11 +-
 .../statistics-graph.component.spec.ts        |   10 +-
 ...score-distribution-graph.component.spec.ts |    9 +-
 .../table-editable-field.component.spec.ts    |    5 +-
 .../team-exercise-search.component.spec.ts    |    4 -
 .../team/team-owner-search.component.spec.ts  |    7 +-
 ...team-participation-table.component.spec.ts |   21 +-
 .../component/team/team.component.spec.ts     |   36 +-
 .../teams-export-button.component.spec.ts     |    4 +-
 .../teams-import-button.component.spec.ts     |    4 +-
 .../teams-import-dialog.component.spec.ts     |   24 +-
 ...ms-import-from-file-form.component.spec.ts |    9 +-
 .../component/team/teams.component.spec.ts    |   14 +-
 .../text-editor/text-editor.component.spec.ts |    2 -
 .../example-text-submission.component.spec.ts |    4 +-
 .../text-exercise-detail.component.spec.ts    |    4 +-
 ...ext-exercise-row-buttons.component.spec.ts |    5 +-
 .../text-exercise-update.component.spec.ts    |    8 +-
 .../text-exercise.component.spec.ts           |    8 +-
 .../tutor-effort-statistics.component.spec.ts |   15 +-
 ...extblock-assessment-card.component.spec.ts |    2 -
 ...extblock-feedback-editor.component.spec.ts |    2 -
 .../manual-text-selection.component.spec.ts   |    5 -
 .../tutor-leaderboard.component.spec.ts       |   24 +-
 ...se-tutorial-group-detail.component.spec.ts |    3 -
 .../helpers/tutorialGroupExampleModels.ts     |    5 +-
 .../shared/meeting-pattern.pipe.spec.ts       |    7 +-
 .../tutorial-group-detail.component.spec.ts   |    1 +
 ...group-free-days-overview.component.spec.ts |    3 +-
 ...ial-group-sessions-table.component.spec.ts |   10 +-
 .../tutorial-groups-table.component.spec.ts   |   22 +-
 ...ial-group-sessions-table-stub.component.ts |    1 -
 .../tutorial-groups-table-stub.component.ts   |    1 -
 .../registered-students.component.spec.ts     |    3 +-
 ...torial-group-free-period.component.spec.ts |   39 +-
 ...torial-group-free-period.component.spec.ts |   25 +-
 ...-free-period-row-buttons.component.spec.ts |    2 +
 ...-free-periods-management.component.spec.ts |   13 +-
 ...e-tutorial-group-session.component.spec.ts |   38 +-
 ...t-tutorial-group-session.component.spec.ts |   42 +-
 .../cancellation-modal.component.spec.ts      |    9 +-
 ...roup-session-row-buttons.component.spec.ts |   18 +-
 ...torial-group-session-row.component.spec.ts |    7 +-
 ...roup-sessions-management.component.spec.ts |   28 +-
 ...ial-groups-configuration.component.spec.ts |   47 +-
 ...ial-groups-configuration.component.spec.ts |   44 +-
 .../create-tutorial-group.component.spec.ts   |   32 +-
 .../edit-tutorial-group.component.spec.ts     |   62 +-
 .../tutorial-group-form.component.spec.ts     |   34 +-
 ...-group-management-detail.component.spec.ts |    7 +-
 ...utorial-group-row-button.component.spec.ts |   43 +-
 ...utorial-groups-checklist.component.spec.ts |    3 +
 ...roups-course-information.component.spec.ts |    3 +
 ...ial-groups-export-button.component.spec.ts |    3 +
 ...ial-groups-import-button.component.spec.ts |    8 +-
 ...torial-groups-management.component.spec.ts |   96 +-
 .../utils/item-count.component.spec.ts        |    1 -
 .../spec/component/utils/result.utils.spec.ts |    1 +
 .../virtual-scroll.component.spec.ts          |    1 -
 ...custom-pattern-validator.directive.spec.ts |   16 +-
 .../directive/delete-dialog.directive.spec.ts |   13 +-
 .../spec/directive/fit-text.directive.spec.ts |    5 +-
 .../directive/orion-filter.directive.spec.ts  |    7 +-
 .../spec/directive/posting.directive.spec.ts  |    1 -
 .../spec/directive/science.directive.spec.ts  |    2 +-
 .../directive/sidebar-card.directive.spec.ts  |    3 +-
 .../sticky-popover.directive.spec.ts          |    4 +-
 .../mock-has-any-authority.directive.ts       |    2 +-
 .../mock-jhi-translate-directive.directive.ts |    1 -
 .../directive/mock-router-link.directive.ts   |    3 -
 .../mock-translate-values.directive.ts        |    1 -
 .../mocks/directive/ngbAlertsMocks.module.ts  |    1 -
 .../directive/ngbCollapseMocks.module.ts      |    4 +-
 .../directive/ngbDropdownMocks.module.ts      |    7 +-
 .../directive/ngbPaginationMocks.module.ts    |   17 +-
 .../mocks/directive/ngbTooltipMocks.module.ts |   19 +-
 .../mocks/service/mock-clipboard-item.ts      |    2 +
 .../mocks/service/mock-ngb-modal.service.ts   |    2 +-
 .../mocks/service/mock-translate.service.ts   |    3 +-
 .../spec/helpers/sample/problemStatement.json |    4 +-
 .../code-editor-container.integration.spec.ts |   46 +-
 .../guided-tour.integration.spec.ts           |  138 +-
 .../artemis-version.interceptor.spec.ts       |   55 +-
 .../auth-expired.interceptor.spec.ts          |   17 +-
 .../browser-fingerprint.interceptor.spec.ts   |   39 +-
 .../errorhandler.interceptor.spec.ts          |    7 +-
 .../notification.interceptor.spec.ts          |    7 +-
 .../spec/pipe/artemis-date.pipe.spec.ts       |    8 +-
 .../spec/pipe/artemis-time-ago.pipe.spec.ts   |   24 +-
 .../reacting-users-on-posting.pipe.spec.ts    |    4 +-
 .../service/delete-dialog.service.spec.ts     |    2 -
 .../feedback/feedback-item-service.spec.ts    |   11 +-
 .../programming-feedback-item.service.spec.ts |   11 +-
 .../spec/service/metis/metis.service.spec.ts  |    1 +
 .../spec/service/notification.service.spec.ts |    3 +-
 .../orion/orion-connector.service.spec.ts     |    4 -
 ...rcise-instruction-analysis.service.spec.ts |   12 +-
 .../spec/service/science.service.spec.ts      |    7 +-
 .../task-count-warning.component.spec.ts      |    1 -
 .../spec/service/theme.service.spec.ts        |    4 +-
 .../service/user-route-access.service.spec.ts |    5 -
 src/test/javascript/spec/test.module.ts       |    1 -
 .../util/shared/sort-by.directive.spec.ts     |   10 +-
 .../spec/util/shared/sort.directive.spec.ts   |    5 +-
 .../util/shared/translate.directive.spec.ts   |   28 +-
 .../javascript/vitest/main.component.spec.ts  |    8 +-
 tsconfig.json                                 |    7 +-
 1718 files changed, 16620 insertions(+), 14208 deletions(-)
 create mode 100644 patches/ng-mocks+14.13.1.patch
 delete mode 100644 src/main/webapp/app/app-routing.module.ts
 rename src/main/webapp/app/{shared/layouts/main/main.component.html => app.component.html} (100%)
 rename src/main/webapp/app/{shared/layouts/main/main.component.scss => app.component.scss} (100%)
 rename src/main/webapp/app/{shared/layouts/main/main.component.ts => app.component.ts} (76%)
 create mode 100644 src/main/webapp/app/app.config.ts
 delete mode 100644 src/main/webapp/app/app.module.ts
 create mode 100644 src/main/webapp/app/app.routes.ts
 delete mode 100644 src/main/webapp/app/core/core.module.ts
 rename src/main/webapp/app/exam/shared/testExam-workingTime/{testexam-working-time.component.html => test-exam-working-time.component.html} (100%)
 rename src/main/webapp/app/exam/shared/testExam-workingTime/{testexam-working-time.component.ts => test-exam-working-time.component.ts} (81%)
 delete mode 100644 src/main/webapp/app/exercises/quiz/shared/fit-text/fit-text.module.ts
 delete mode 100644 src/main/webapp/app/exercises/shared/team-submission-sync/team-submission-sync.module.ts
 delete mode 100644 src/main/webapp/app/exercises/text/shared/text-shared.module.ts
 rename src/main/webapp/app/forms/{forms.module.ts => artemis-forms.module.ts} (73%)
 rename src/main/webapp/{content => app}/icons/icons.ts (100%)
 delete mode 100644 src/main/webapp/app/shared/feature-toggle/feature-toggle.module.ts
 delete mode 100644 src/main/webapp/app/shared/fireworks/fireworks.module.ts
 delete mode 100644 src/main/webapp/app/shared/image-cropper/image-cropper.module.ts
 delete mode 100644 src/main/webapp/app/shared/shared-libs.module.ts
 delete mode 100644 src/main/webapp/app/shared/vertical-progress-bar/vertical-progress-bar.module.ts
 delete mode 100644 src/main/webapp/app/shared/virtual-scroll/virtual-scroll.module.ts

diff --git a/angular.json b/angular.json
index 24f70a21a733..bb1e8e3817f7 100644
--- a/angular.json
+++ b/angular.json
@@ -18,7 +18,7 @@
       "prefix": "jhi",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:application",
+          "builder": "@angular/build:application",
           "options": {
               "allowedCommonJsDependencies": [
                   "@vscode/markdown-it-katex",
@@ -187,7 +187,7 @@
           "defaultConfiguration": "production"
         },
         "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
+          "builder": "@angular/build:dev-server",
           "options": {
             "buildTarget": "artemis:build:development",
             "proxyConfig": "proxy.conf.mjs",
diff --git a/eslint.config.js b/eslint.config.js
index 6029bf30bcd8..045271a554d2 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -51,22 +51,6 @@ module.exports = [
             ...tsPlugin.configs.recommended.rules,
             ...angularPlugin.configs.recommended.rules,
             'custom-rules/enforce-no-http-client-testing-module': 'error',
-            '@angular-eslint/directive-selector': [
-                'warn',
-                {
-                    type: 'attribute',
-                    prefix: 'jhi',
-                    style: 'camelCase',
-                },
-            ],
-            '@angular-eslint/component-selector': [
-                'warn',
-                {
-                    type: 'element',
-                    prefix: 'jhi',
-                    style: 'kebab-case',
-                },
-            ],
             '@typescript-eslint/no-non-null-assertion': 'off',
             '@typescript-eslint/no-unsafe-return': 'off',
             '@typescript-eslint/no-unsafe-member-access': 'off',
diff --git a/jest.config.js b/jest.config.js
index ab2c159af355..d036d9fb7f03 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -105,10 +105,10 @@ module.exports = {
     coverageThreshold: {
         global: {
             // TODO: in the future, the following values should increase to at least 90%
-            statements: 87.81,
-            branches: 73.97,
-            functions: 82.50,
-            lines: 87.86,
+            statements: 88.18,
+            branches: 74.20,
+            functions: 81.09,
+            lines: 88.46,
         },
     },
     coverageReporters: ['clover', 'json', 'lcov', 'text-summary'],
diff --git a/package-lock.json b/package-lock.json
index a543cb1fb222..6ee54f8eef54 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,30 +10,30 @@
             "hasInstallScript": true,
             "license": "MIT",
             "dependencies": {
-                "@angular/animations": "18.2.13",
-                "@angular/cdk": "18.2.14",
-                "@angular/common": "18.2.13",
-                "@angular/compiler": "18.2.13",
-                "@angular/core": "18.2.13",
-                "@angular/forms": "18.2.13",
-                "@angular/localize": "18.2.13",
-                "@angular/material": "18.2.14",
-                "@angular/platform-browser": "18.2.13",
-                "@angular/platform-browser-dynamic": "18.2.13",
-                "@angular/router": "18.2.13",
-                "@angular/service-worker": "18.2.13",
+                "@angular/animations": "19.0.6",
+                "@angular/cdk": "19.0.5",
+                "@angular/common": "19.0.6",
+                "@angular/compiler": "19.0.6",
+                "@angular/core": "19.0.6",
+                "@angular/forms": "19.0.6",
+                "@angular/localize": "19.0.6",
+                "@angular/material": "19.0.5",
+                "@angular/platform-browser": "19.0.6",
+                "@angular/platform-browser-dynamic": "19.0.6",
+                "@angular/router": "19.0.6",
+                "@angular/service-worker": "19.0.6",
                 "@ctrl/ngx-emoji-mart": "9.2.0",
-                "@danielmoncada/angular-datetime-picker": "18.1.0",
+                "@danielmoncada/angular-datetime-picker": "19.0.0",
                 "@fingerprintjs/fingerprintjs": "4.5.1",
-                "@fortawesome/angular-fontawesome": "0.15.0",
+                "@fortawesome/angular-fontawesome": "1.0.0",
                 "@fortawesome/fontawesome-svg-core": "6.7.2",
                 "@fortawesome/free-regular-svg-icons": "6.7.2",
                 "@fortawesome/free-solid-svg-icons": "6.7.2",
                 "@ls1intum/apollon": "3.3.15",
-                "@ng-bootstrap/ng-bootstrap": "17.0.1",
+                "@ng-bootstrap/ng-bootstrap": "18.0.0",
                 "@ngx-translate/core": "16.0.4",
                 "@ngx-translate/http-loader": "16.0.1",
-                "@sentry/angular": "8.47.0",
+                "@sentry/angular": "8.48.0",
                 "@siemens/ngx-datatable": "22.4.1",
                 "@swimlane/ngx-charts": "21.1.2",
                 "@swimlane/ngx-graph": "9.0.1",
@@ -41,7 +41,7 @@
                 "@vscode/markdown-it-katex": "1.1.1",
                 "bootstrap": "5.3.3",
                 "compare-versions": "6.1.1",
-                "core-js": "3.39.0",
+                "core-js": "3.40.0",
                 "crypto-js": "4.2.0",
                 "dayjs": "1.11.13",
                 "diff-match-patch-typescript": "1.1.0",
@@ -61,9 +61,9 @@
                 "markdown-it-highlightjs": "4.2.0",
                 "mobile-drag-drop": "3.0.0-rc.0",
                 "monaco-editor": "0.52.2",
-                "ngx-infinite-scroll": "18.0.0",
-                "ngx-webstorage": "18.0.0",
-                "papaparse": "5.4.1",
+                "ngx-infinite-scroll": "19.0.0",
+                "ngx-webstorage": "19.0.1",
+                "papaparse": "5.5.1",
                 "pdf-lib": "1.17.1",
                 "pdfjs-dist": "4.10.38",
                 "rxjs": "7.8.1",
@@ -74,27 +74,27 @@
                 "ts-cacheable": "1.0.10",
                 "tslib": "2.8.1",
                 "turndown": "7.2.0",
-                "uuid": "11.0.4",
+                "uuid": "11.0.5",
                 "webstomp-client": "1.2.6",
                 "xlsx": "https://cdn.sheetjs.com/xlsx-0.20.3/xlsx-0.20.3.tgz",
-                "zone.js": "0.14.10"
+                "zone.js": "0.15.0"
             },
             "devDependencies": {
-                "@analogjs/vite-plugin-angular": "1.11.0",
-                "@angular-builders/jest": "18.0.0",
-                "@angular-devkit/build-angular": "18.2.12",
-                "@angular-eslint/builder": "18.4.3",
-                "@angular-eslint/eslint-plugin": "18.4.3",
-                "@angular-eslint/eslint-plugin-template": "18.4.3",
-                "@angular-eslint/schematics": "18.4.3",
-                "@angular-eslint/template-parser": "18.4.3",
-                "@angular/cli": "18.2.12",
-                "@angular/compiler-cli": "18.2.13",
-                "@angular/language-service": "18.2.13",
-                "@sentry/types": "8.47.0",
+                "@analogjs/vite-plugin-angular": "1.12.0",
+                "@angular-builders/jest": "19.0.0",
+                "@angular-eslint/builder": "19.0.2",
+                "@angular-eslint/eslint-plugin": "19.0.2",
+                "@angular-eslint/eslint-plugin-template": "19.0.2",
+                "@angular-eslint/schematics": "19.0.2",
+                "@angular-eslint/template-parser": "19.0.2",
+                "@angular/build": "19.0.7",
+                "@angular/cli": "19.0.7",
+                "@angular/compiler-cli": "19.0.6",
+                "@angular/language-service": "19.0.6",
+                "@sentry/types": "8.48.0",
                 "@testing-library/angular": "17.3.5",
                 "@types/crypto-js": "4.2.2",
-                "@types/d3-shape": "3.1.6",
+                "@types/d3-shape": "3.1.7",
                 "@types/dompurify": "3.0.5",
                 "@types/emoji-js": "3.5.2",
                 "@types/jest": "29.5.14",
@@ -106,15 +106,15 @@
                 "@types/sockjs-client": "1.5.4",
                 "@types/turndown": "5.0.5",
                 "@types/uuid": "10.0.0",
-                "@typescript-eslint/eslint-plugin": "8.19.0",
-                "@typescript-eslint/parser": "8.19.0",
-                "eslint": "9.17.0",
+                "@typescript-eslint/eslint-plugin": "8.19.1",
+                "@typescript-eslint/parser": "8.19.1",
+                "eslint": "9.18.0",
                 "eslint-config-prettier": "9.1.0",
                 "eslint-plugin-deprecation": "3.0.0",
                 "eslint-plugin-jest": "28.10.0",
                 "eslint-plugin-jest-extended": "2.4.0",
                 "eslint-plugin-prettier": "5.2.1",
-                "folder-hash": "4.1.0",
+                "folder-hash": "4.1.1",
                 "husky": "9.1.7",
                 "jest": "29.7.0",
                 "jest-canvas-mock": "2.5.2",
@@ -122,7 +122,7 @@
                 "jest-extended": "4.0.2",
                 "jest-fail-on-console": "3.3.1",
                 "jest-junit": "16.0.0",
-                "jest-preset-angular": "14.4.2",
+                "jest-preset-angular": "14.5.0",
                 "lint-staged": "15.3.0",
                 "ng-mocks": "14.13.1",
                 "ngxtension": "4.2.0",
@@ -131,8 +131,8 @@
                 "rimraf": "6.0.1",
                 "sass": "1.83.1",
                 "ts-jest": "29.2.5",
-                "typescript": "5.5.4",
-                "typescript-eslint": "8.19.0",
+                "typescript": "5.6.3",
+                "typescript-eslint": "8.19.1",
                 "vite-tsconfig-paths": "5.1.4",
                 "vitest": "2.1.8",
                 "weak-napi": "2.0.2"
@@ -155,9 +155,9 @@
             }
         },
         "node_modules/@analogjs/vite-plugin-angular": {
-            "version": "1.11.0",
-            "resolved": "https://registry.npmjs.org/@analogjs/vite-plugin-angular/-/vite-plugin-angular-1.11.0.tgz",
-            "integrity": "sha512-18HSwOAVFQjwwRQPq9+duOoubuiut0INo55h0gV3v2TWS+tAP2wXP8SPyAG99P3ySNQB7zMUYE8mVsqLM+8bDA==",
+            "version": "1.12.0",
+            "resolved": "https://registry.npmjs.org/@analogjs/vite-plugin-angular/-/vite-plugin-angular-1.12.0.tgz",
+            "integrity": "sha512-D/INewdBlO24eYs1wvau9uaEsIg74GqSYx457SL/wHw3WTtqagCVPcOhAI4UlnIryjw1EAvUQiwbgFnMo+bYfQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -182,41 +182,41 @@
             }
         },
         "node_modules/@angular-builders/common": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/@angular-builders/common/-/common-2.0.0.tgz",
-            "integrity": "sha512-O5YJc++DtJVJhqA/OomRKN2jGYzvU/YXtfrPAqcA9Is3Ob5jvV0L0JHSAjSw/KaLvk/FjBIqoRVcYdLp5LKddA==",
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/@angular-builders/common/-/common-3.0.0.tgz",
+            "integrity": "sha512-AACGMwlBFYF3PaFekgJDCmqO1hMBrK5eyjHMN5aqJk3PV46BhnlNcQEa9pftLUKxoGijXBQzlalDZkceatyoMw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@angular-devkit/core": "^18.0.0",
+                "@angular-devkit/core": "^19.0.0",
                 "ts-node": "^10.0.0",
                 "tsconfig-paths": "^4.1.0"
             },
             "engines": {
-                "node": "^14.20.0 || ^16.13.0 || >=18.10.0"
+                "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
             }
         },
         "node_modules/@angular-builders/jest": {
-            "version": "18.0.0",
-            "resolved": "https://registry.npmjs.org/@angular-builders/jest/-/jest-18.0.0.tgz",
-            "integrity": "sha512-nPNWMlV1ryjir6CC8dY8f6yaNe0lM1VJwbvYM99HmJSeRo+1IwouQQGUjRM/2Dx4OMAmL4EAPh7Ud2nr3Gj/FA==",
+            "version": "19.0.0",
+            "resolved": "https://registry.npmjs.org/@angular-builders/jest/-/jest-19.0.0.tgz",
+            "integrity": "sha512-DEKragHT26kwUhXx9goYehQ/WxFzpVrMHIicYF+L7sLVmFyCwPwAslYZZBe/eTm/x++tKRHnun1lbcf1ZDccRg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@angular-builders/common": "2.0.0",
-                "@angular-devkit/architect": ">=0.1800.0 < 0.1900.0",
-                "@angular-devkit/core": "^18.0.0",
-                "jest-preset-angular": "14.1.0",
+                "@angular-builders/common": "3.0.0",
+                "@angular-devkit/architect": ">=0.1900.0 < 0.2000.0",
+                "@angular-devkit/core": "^19.0.0",
+                "jest-preset-angular": "14.4.2",
                 "lodash": "^4.17.15"
             },
             "engines": {
-                "node": "^14.20.0 || ^16.13.0 || >=18.10.0"
+                "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
             },
             "peerDependencies": {
-                "@angular-devkit/build-angular": "^18.0.0",
-                "@angular/compiler-cli": "^18.0.0",
-                "@angular/core": "^18.0.0",
-                "@angular/platform-browser-dynamic": "^18.0.0",
+                "@angular-devkit/build-angular": "^19.0.0",
+                "@angular/compiler-cli": "^19.0.0",
+                "@angular/core": "^19.0.0",
+                "@angular/platform-browser-dynamic": "^19.0.0",
                 "jest": ">=29"
             }
         },
@@ -234,9 +234,9 @@
             }
         },
         "node_modules/@angular-builders/jest/node_modules/jest-preset-angular": {
-            "version": "14.1.0",
-            "resolved": "https://registry.npmjs.org/jest-preset-angular/-/jest-preset-angular-14.1.0.tgz",
-            "integrity": "sha512-UJwPtpsAMl30UtBjHW0Ai0hhoKsNURC1dXH5tSYjumUsWR7iDke+oBEykz7uXv4rN+PWgeNIqkxo4KHQjOITlw==",
+            "version": "14.4.2",
+            "resolved": "https://registry.npmjs.org/jest-preset-angular/-/jest-preset-angular-14.4.2.tgz",
+            "integrity": "sha512-BYYv0FaTDfBNh8WyA9mpOV3krfw20kurBGK8INZUnv7KZDAWZuQtCET4TwTWxSNQ9jS1OX1+a5weCm/bTDDM1A==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -254,10 +254,9 @@
                 "esbuild": ">=0.15.13"
             },
             "peerDependencies": {
-                "@angular-devkit/build-angular": ">=15.0.0 <19.0.0",
-                "@angular/compiler-cli": ">=15.0.0 <19.0.0",
-                "@angular/core": ">=15.0.0 <19.0.0",
-                "@angular/platform-browser-dynamic": ">=15.0.0 <19.0.0",
+                "@angular/compiler-cli": ">=15.0.0 <20.0.0",
+                "@angular/core": ">=15.0.0 <20.0.0",
+                "@angular/platform-browser-dynamic": ">=15.0.0 <20.0.0",
                 "jest": "^29.0.0",
                 "typescript": ">=4.8"
             }
@@ -285,13 +284,13 @@
             "license": "MIT"
         },
         "node_modules/@angular-devkit/architect": {
-            "version": "0.1802.12",
-            "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1802.12.tgz",
-            "integrity": "sha512-bepVb2/GtJppYKaeW8yTGE6egmoWZ7zagFDsmBdbF+BYp+HmeoPsclARcdryBPVq68zedyTRdvhWSUTbw1AYuw==",
+            "version": "0.1900.7",
+            "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1900.7.tgz",
+            "integrity": "sha512-3dRV0IB+MbNYbAGbYEFMcABkMphqcTvn5MG79dQkwcf2a9QZxCq2slwf/rIleWoDUcFm9r1NnVPYrTYNYJaqQg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@angular-devkit/core": "18.2.12",
+                "@angular-devkit/core": "19.0.7",
                 "rxjs": "7.8.1"
             },
             "engines": {
@@ -301,40 +300,39 @@
             }
         },
         "node_modules/@angular-devkit/build-angular": {
-            "version": "18.2.12",
-            "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-18.2.12.tgz",
-            "integrity": "sha512-quVUi7eqTq9OHumQFNl9Y8t2opm8miu4rlYnuF6rbujmmBDvdUvR6trFChueRczl2p5HWqTOr6NPoDGQm8AyNw==",
+            "version": "19.0.7",
+            "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-19.0.7.tgz",
+            "integrity": "sha512-R0vpJ+P5xBqF82zOMq2FvOP7pJz5NZ7PwHAIFuQ6z50SHLW/VcUA19ZoFKwxBX6A/Soyb66QXTcjZ5wbRqMm8w==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@ampproject/remapping": "2.3.0",
-                "@angular-devkit/architect": "0.1802.12",
-                "@angular-devkit/build-webpack": "0.1802.12",
-                "@angular-devkit/core": "18.2.12",
-                "@angular/build": "18.2.12",
-                "@babel/core": "7.25.2",
-                "@babel/generator": "7.25.0",
-                "@babel/helper-annotate-as-pure": "7.24.7",
+                "@angular-devkit/architect": "0.1900.7",
+                "@angular-devkit/build-webpack": "0.1900.7",
+                "@angular-devkit/core": "19.0.7",
+                "@angular/build": "19.0.7",
+                "@babel/core": "7.26.0",
+                "@babel/generator": "7.26.2",
+                "@babel/helper-annotate-as-pure": "7.25.9",
                 "@babel/helper-split-export-declaration": "7.24.7",
-                "@babel/plugin-transform-async-generator-functions": "7.25.0",
-                "@babel/plugin-transform-async-to-generator": "7.24.7",
-                "@babel/plugin-transform-runtime": "7.24.7",
-                "@babel/preset-env": "7.25.3",
-                "@babel/runtime": "7.25.0",
-                "@discoveryjs/json-ext": "0.6.1",
-                "@ngtools/webpack": "18.2.12",
+                "@babel/plugin-transform-async-generator-functions": "7.25.9",
+                "@babel/plugin-transform-async-to-generator": "7.25.9",
+                "@babel/plugin-transform-runtime": "7.25.9",
+                "@babel/preset-env": "7.26.0",
+                "@babel/runtime": "7.26.0",
+                "@discoveryjs/json-ext": "0.6.3",
+                "@ngtools/webpack": "19.0.7",
                 "@vitejs/plugin-basic-ssl": "1.1.0",
                 "ansi-colors": "4.1.3",
                 "autoprefixer": "10.4.20",
-                "babel-loader": "9.1.3",
+                "babel-loader": "9.2.1",
                 "browserslist": "^4.21.5",
                 "copy-webpack-plugin": "12.0.2",
-                "critters": "0.0.24",
                 "css-loader": "7.1.2",
-                "esbuild-wasm": "0.23.0",
+                "esbuild-wasm": "0.24.0",
                 "fast-glob": "3.3.2",
                 "http-proxy-middleware": "3.0.3",
-                "https-proxy-agent": "7.0.5",
                 "istanbul-lib-instrument": "6.0.3",
                 "jsonc-parser": "3.3.1",
                 "karma-source-map-support": "1.4.0",
@@ -342,31 +340,26 @@
                 "less-loader": "12.2.0",
                 "license-webpack-plugin": "4.0.2",
                 "loader-utils": "3.3.1",
-                "magic-string": "0.30.11",
-                "mini-css-extract-plugin": "2.9.0",
-                "mrmime": "2.0.0",
+                "mini-css-extract-plugin": "2.9.2",
                 "open": "10.1.0",
                 "ora": "5.4.1",
-                "parse5-html-rewriting-stream": "7.0.0",
                 "picomatch": "4.0.2",
-                "piscina": "4.6.1",
-                "postcss": "8.4.41",
+                "piscina": "4.7.0",
+                "postcss": "8.4.49",
                 "postcss-loader": "8.1.1",
                 "resolve-url-loader": "5.0.0",
                 "rxjs": "7.8.1",
-                "sass": "1.77.6",
-                "sass-loader": "16.0.0",
+                "sass": "1.80.7",
+                "sass-loader": "16.0.3",
                 "semver": "7.6.3",
                 "source-map-loader": "5.0.0",
                 "source-map-support": "0.5.21",
-                "terser": "5.31.6",
+                "terser": "5.36.0",
                 "tree-kill": "1.2.2",
-                "tslib": "2.6.3",
-                "vite": "5.4.6",
-                "watchpack": "2.4.1",
-                "webpack": "5.94.0",
+                "tslib": "2.8.1",
+                "webpack": "5.96.1",
                 "webpack-dev-middleware": "7.4.2",
-                "webpack-dev-server": "5.0.4",
+                "webpack-dev-server": "5.1.0",
                 "webpack-merge": "6.0.1",
                 "webpack-subresource-integrity": "5.1.0"
             },
@@ -376,22 +369,23 @@
                 "yarn": ">= 1.13.0"
             },
             "optionalDependencies": {
-                "esbuild": "0.23.0"
+                "esbuild": "0.24.0"
             },
             "peerDependencies": {
-                "@angular/compiler-cli": "^18.0.0",
-                "@angular/localize": "^18.0.0",
-                "@angular/platform-server": "^18.0.0",
-                "@angular/service-worker": "^18.0.0",
-                "@web/test-runner": "^0.18.0",
+                "@angular/compiler-cli": "^19.0.0",
+                "@angular/localize": "^19.0.0",
+                "@angular/platform-server": "^19.0.0",
+                "@angular/service-worker": "^19.0.0",
+                "@angular/ssr": "^19.0.7",
+                "@web/test-runner": "^0.19.0",
                 "browser-sync": "^3.0.2",
                 "jest": "^29.5.0",
                 "jest-environment-jsdom": "^29.5.0",
                 "karma": "^6.3.0",
-                "ng-packagr": "^18.0.0",
+                "ng-packagr": "^19.0.0",
                 "protractor": "^7.0.0",
                 "tailwindcss": "^2.0.0 || ^3.0.0",
-                "typescript": ">=5.4 <5.6"
+                "typescript": ">=5.5 <5.7"
             },
             "peerDependenciesMeta": {
                 "@angular/localize": {
@@ -403,6 +397,9 @@
                 "@angular/service-worker": {
                     "optional": true
                 },
+                "@angular/ssr": {
+                    "optional": true
+                },
                 "@web/test-runner": {
                     "optional": true
                 },
@@ -429,22 +426,16 @@
                 }
             }
         },
-        "node_modules/@angular-devkit/build-angular/node_modules/immutable": {
-            "version": "4.3.7",
-            "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.7.tgz",
-            "integrity": "sha512-1hqclzwYwjRDFLjcFxOM5AYkkG0rpFPpr1RLPMEuGczoS7YA8gLhy8SWXYRAA/XwfEHpfo3cw5JGioS32fnMRw==",
-            "dev": true,
-            "license": "MIT"
-        },
         "node_modules/@angular-devkit/build-angular/node_modules/sass": {
-            "version": "1.77.6",
-            "resolved": "https://registry.npmjs.org/sass/-/sass-1.77.6.tgz",
-            "integrity": "sha512-ByXE1oLD79GVq9Ht1PeHWCPMPB8XHpBuz1r85oByKHjZY6qV6rWnQovQzXJXuQ/XyE1Oj3iPk3lo28uzaRA2/Q==",
+            "version": "1.80.7",
+            "resolved": "https://registry.npmjs.org/sass/-/sass-1.80.7.tgz",
+            "integrity": "sha512-MVWvN0u5meytrSjsU7AWsbhoXi1sc58zADXFllfZzbsBT1GHjjar6JwBINYPRrkx/zqnQ6uqbQuHgE95O+C+eQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
-                "chokidar": ">=3.0.0 <4.0.0",
-                "immutable": "^4.0.0",
+                "chokidar": "^4.0.0",
+                "immutable": "^5.0.2",
                 "source-map-js": ">=0.6.2 <2.0.0"
             },
             "bin": {
@@ -452,23 +443,20 @@
             },
             "engines": {
                 "node": ">=14.0.0"
+            },
+            "optionalDependencies": {
+                "@parcel/watcher": "^2.4.1"
             }
         },
-        "node_modules/@angular-devkit/build-angular/node_modules/tslib": {
-            "version": "2.6.3",
-            "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.3.tgz",
-            "integrity": "sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ==",
-            "dev": true,
-            "license": "0BSD"
-        },
         "node_modules/@angular-devkit/build-webpack": {
-            "version": "0.1802.12",
-            "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.1802.12.tgz",
-            "integrity": "sha512-0Z3fdbZVRnjYWE2/VYyfy+uieY+6YZyEp4ylzklVkc+fmLNsnz4Zw6cK1LzzcBqAwKIyh1IdW20Cg7o8b0sONA==",
+            "version": "0.1900.7",
+            "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.1900.7.tgz",
+            "integrity": "sha512-F0S0iyspo/9w9rP5F9wmL+ZkBr48YQIWiFu+PaQ0in/lcdRmY/FjVHTMa5BMnlew9VCtFHPvpoN9x4u8AIoWXA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
-                "@angular-devkit/architect": "0.1802.12",
+                "@angular-devkit/architect": "0.1900.7",
                 "rxjs": "7.8.1"
             },
             "engines": {
@@ -482,9 +470,9 @@
             }
         },
         "node_modules/@angular-devkit/core": {
-            "version": "18.2.12",
-            "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-18.2.12.tgz",
-            "integrity": "sha512-NtB6ypsaDyPE6/fqWOdfTmACs+yK5RqfH5tStEzWFeeDsIEDYKsJ06ypuRep7qTjYus5Rmttk0Ds+cFgz8JdUQ==",
+            "version": "19.0.7",
+            "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-19.0.7.tgz",
+            "integrity": "sha512-VyuORSitT6LIaGUEF0KEnv2TwNaeWl6L3/4L4stok0BJ23B4joVca2DYVcrLC1hSzz8V4dwVgSlbNIgjgGdVpg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -501,7 +489,7 @@
                 "yarn": ">= 1.13.0"
             },
             "peerDependencies": {
-                "chokidar": "^3.5.2"
+                "chokidar": "^4.0.0"
             },
             "peerDependenciesMeta": {
                 "chokidar": {
@@ -510,15 +498,15 @@
             }
         },
         "node_modules/@angular-devkit/schematics": {
-            "version": "18.2.12",
-            "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-18.2.12.tgz",
-            "integrity": "sha512-mMea9txHbnCX5lXLHlo0RAgfhFHDio45/jMsREM2PA8UtVf2S8ltXz7ZwUrUyMQRv8vaSfn4ijDstF4hDMnRgQ==",
+            "version": "19.0.7",
+            "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-19.0.7.tgz",
+            "integrity": "sha512-BHXQv6kMc9xo4TH9lhwMv8nrZXHkLioQvLun2qYjwvOsyzt3qd+sUM9wpHwbG6t+01+FIQ05iNN9ox+Cvpndgg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@angular-devkit/core": "18.2.12",
+                "@angular-devkit/core": "19.0.7",
                 "jsonc-parser": "3.3.1",
-                "magic-string": "0.30.11",
+                "magic-string": "0.30.12",
                 "ora": "5.4.1",
                 "rxjs": "7.8.1"
             },
@@ -529,14 +517,14 @@
             }
         },
         "node_modules/@angular-eslint/builder": {
-            "version": "18.4.3",
-            "resolved": "https://registry.npmjs.org/@angular-eslint/builder/-/builder-18.4.3.tgz",
-            "integrity": "sha512-NzmrXlr7GFE+cjwipY/CxBscZXNqnuK0us1mO6Z2T6MeH6m+rRcdlY/rZyKoRniyNNvuzl6vpEsfMIMmnfebrA==",
+            "version": "19.0.2",
+            "resolved": "https://registry.npmjs.org/@angular-eslint/builder/-/builder-19.0.2.tgz",
+            "integrity": "sha512-BdmMSndQt2fSBiTVniskUcUpQaeweUapbsL0IDfQ7a13vL0NVXpc3K89YXuVE/xsb08uHtqphuwxPAAj6kX3OA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@angular-devkit/architect": ">= 0.1800.0 < 0.1900.0",
-                "@angular-devkit/core": ">= 18.0.0 < 19.0.0"
+                "@angular-devkit/architect": ">= 0.1900.0 < 0.2000.0",
+                "@angular-devkit/core": ">= 19.0.0 < 20.0.0"
             },
             "peerDependencies": {
                 "eslint": "^8.57.0 || ^9.0.0",
@@ -544,21 +532,21 @@
             }
         },
         "node_modules/@angular-eslint/bundled-angular-compiler": {
-            "version": "18.4.3",
-            "resolved": "https://registry.npmjs.org/@angular-eslint/bundled-angular-compiler/-/bundled-angular-compiler-18.4.3.tgz",
-            "integrity": "sha512-zdrA8mR98X+U4YgHzUKmivRU+PxzwOL/j8G7eTOvBuq8GPzsP+hvak+tyxlgeGm9HsvpFj9ERHLtJ0xDUPs8fg==",
+            "version": "19.0.2",
+            "resolved": "https://registry.npmjs.org/@angular-eslint/bundled-angular-compiler/-/bundled-angular-compiler-19.0.2.tgz",
+            "integrity": "sha512-HPmp92r70SNO/0NdIaIhxrgVSpomqryuUk7jszvNRtu+OzYCJGcbLhQD38T3dbBWT/AV0QXzyzExn6/2ai9fEw==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/@angular-eslint/eslint-plugin": {
-            "version": "18.4.3",
-            "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin/-/eslint-plugin-18.4.3.tgz",
-            "integrity": "sha512-AyJbupiwTBR81P6T59v+aULEnPpZBCBxL2S5QFWfAhNCwWhcof4GihvdK2Z87yhvzDGeAzUFSWl/beJfeFa+PA==",
+            "version": "19.0.2",
+            "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin/-/eslint-plugin-19.0.2.tgz",
+            "integrity": "sha512-DLuNVVGGFicSThOcMSJyNje+FZSPdG0B3lCBRiqcgKH/16kfM4pV8MobPM7RGK2NhaOmmZ4zzJNwpwWPSgi+Lw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@angular-eslint/bundled-angular-compiler": "18.4.3",
-                "@angular-eslint/utils": "18.4.3"
+                "@angular-eslint/bundled-angular-compiler": "19.0.2",
+                "@angular-eslint/utils": "19.0.2"
             },
             "peerDependencies": {
                 "@typescript-eslint/utils": "^7.11.0 || ^8.0.0",
@@ -567,14 +555,14 @@
             }
         },
         "node_modules/@angular-eslint/eslint-plugin-template": {
-            "version": "18.4.3",
-            "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin-template/-/eslint-plugin-template-18.4.3.tgz",
-            "integrity": "sha512-ijGlX2N01ayMXTpeQivOA31AszO8OEbu9ZQUCxnu9AyMMhxyi2q50bujRChAvN9YXQfdQtbxuajxV6+aiWb5BQ==",
+            "version": "19.0.2",
+            "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin-template/-/eslint-plugin-template-19.0.2.tgz",
+            "integrity": "sha512-f/OCF9ThnxQ8m0eNYPwnCrySQPhYfCOF6STL7F9LnS8Bs3ZeW3/oT1yLaMIZ1Eg0ogIkgxksMAJZjrJPUPBD1Q==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@angular-eslint/bundled-angular-compiler": "18.4.3",
-                "@angular-eslint/utils": "18.4.3",
+                "@angular-eslint/bundled-angular-compiler": "19.0.2",
+                "@angular-eslint/utils": "19.0.2",
                 "aria-query": "5.3.2",
                 "axobject-query": "4.1.0"
             },
@@ -586,29 +574,29 @@
             }
         },
         "node_modules/@angular-eslint/schematics": {
-            "version": "18.4.3",
-            "resolved": "https://registry.npmjs.org/@angular-eslint/schematics/-/schematics-18.4.3.tgz",
-            "integrity": "sha512-D5maKn5e6n58+8n7jLFLD4g+RGPOPeDSsvPc1sqial5tEKLxAJQJS9WZ28oef3bhkob6C60D+1H0mMmEEVvyVA==",
+            "version": "19.0.2",
+            "resolved": "https://registry.npmjs.org/@angular-eslint/schematics/-/schematics-19.0.2.tgz",
+            "integrity": "sha512-wI4SyiAnUCrpigtK6PHRlVWMC9vWljqmlLhbsJV5O5yDajlmRdvgXvSHDefhJm0hSfvZYRXuiAARYv2+QVfnGA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@angular-devkit/core": ">= 18.0.0 < 19.0.0",
-                "@angular-devkit/schematics": ">= 18.0.0 < 19.0.0",
-                "@angular-eslint/eslint-plugin": "18.4.3",
-                "@angular-eslint/eslint-plugin-template": "18.4.3",
+                "@angular-devkit/core": ">= 19.0.0 < 20.0.0",
+                "@angular-devkit/schematics": ">= 19.0.0 < 20.0.0",
+                "@angular-eslint/eslint-plugin": "19.0.2",
+                "@angular-eslint/eslint-plugin-template": "19.0.2",
                 "ignore": "6.0.2",
                 "semver": "7.6.3",
                 "strip-json-comments": "3.1.1"
             }
         },
         "node_modules/@angular-eslint/template-parser": {
-            "version": "18.4.3",
-            "resolved": "https://registry.npmjs.org/@angular-eslint/template-parser/-/template-parser-18.4.3.tgz",
-            "integrity": "sha512-JZMPtEB8yNip3kg4WDEWQyObSo2Hwf+opq2ElYuwe85GQkGhfJSJ2CQYo4FSwd+c5MUQAqESNRg9QqGYauDsiw==",
+            "version": "19.0.2",
+            "resolved": "https://registry.npmjs.org/@angular-eslint/template-parser/-/template-parser-19.0.2.tgz",
+            "integrity": "sha512-z3rZd2sBfuYcFf9rGDsB2zz2fbGX8kkF+0ftg9eocyQmzWrlZHFmuw9ha7oP/Mz8gpblyCS/aa1U/Srs6gz0UQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@angular-eslint/bundled-angular-compiler": "18.4.3",
+                "@angular-eslint/bundled-angular-compiler": "19.0.2",
                 "eslint-scope": "^8.0.2"
             },
             "peerDependencies": {
@@ -617,13 +605,13 @@
             }
         },
         "node_modules/@angular-eslint/utils": {
-            "version": "18.4.3",
-            "resolved": "https://registry.npmjs.org/@angular-eslint/utils/-/utils-18.4.3.tgz",
-            "integrity": "sha512-w0bJ9+ELAEiPBSTPPm9bvDngfu1d8JbzUhvs2vU+z7sIz/HMwUZT5S4naypj2kNN0gZYGYrW0lt+HIbW87zTAQ==",
+            "version": "19.0.2",
+            "resolved": "https://registry.npmjs.org/@angular-eslint/utils/-/utils-19.0.2.tgz",
+            "integrity": "sha512-HotBT8OKr7zCaX1S9k27JuhRiTVIbbYVl6whlb3uwdMIPIWY8iOcEh1tjI4qDPUafpLfR72Dhwi5bO1E17F3/Q==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@angular-eslint/bundled-angular-compiler": "18.4.3"
+                "@angular-eslint/bundled-angular-compiler": "19.0.2"
             },
             "peerDependencies": {
                 "@typescript-eslint/utils": "^7.11.0 || ^8.0.0",
@@ -632,9 +620,9 @@
             }
         },
         "node_modules/@angular/animations": {
-            "version": "18.2.13",
-            "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-18.2.13.tgz",
-            "integrity": "sha512-rG5J5Ek5Hg+Tz2NjkNOaG6PupiNK/lPfophXpsR1t/nWujqnMWX2krahD/i6kgD+jNWNKCJCYSOVvCx/BHOtKA==",
+            "version": "19.0.6",
+            "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-19.0.6.tgz",
+            "integrity": "sha512-dlXrFcw7RQNze1zjmrbwqcFd6zgEuqKwuExtEN1Fy26kQ+wqKIhYO6IG7PZGef53XpwN5DT16yve6UihJ2XeNg==",
             "license": "MIT",
             "dependencies": {
                 "tslib": "^2.3.0"
@@ -643,56 +631,61 @@
                 "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
             },
             "peerDependencies": {
-                "@angular/core": "18.2.13"
+                "@angular/core": "19.0.6"
             }
         },
         "node_modules/@angular/build": {
-            "version": "18.2.12",
-            "resolved": "https://registry.npmjs.org/@angular/build/-/build-18.2.12.tgz",
-            "integrity": "sha512-4Ohz+OSILoL+cCAQ4UTiCT5v6pctu3fXNoNpTEUK46OmxELk9jDITO5rNyNS7TxBn9wY69kjX5VcDf7MenquFQ==",
+            "version": "19.0.7",
+            "resolved": "https://registry.npmjs.org/@angular/build/-/build-19.0.7.tgz",
+            "integrity": "sha512-AFvhRa6sfXG8NmS8AN7TvE8q2kVcMw+zXMZzo981cqwnOwJy4VHU0htqm5OZQnohVJM0pP8SBAuROWO4yRrxCA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
                 "@ampproject/remapping": "2.3.0",
-                "@angular-devkit/architect": "0.1802.12",
-                "@babel/core": "7.25.2",
-                "@babel/helper-annotate-as-pure": "7.24.7",
+                "@angular-devkit/architect": "0.1900.7",
+                "@babel/core": "7.26.0",
+                "@babel/helper-annotate-as-pure": "7.25.9",
                 "@babel/helper-split-export-declaration": "7.24.7",
-                "@babel/plugin-syntax-import-attributes": "7.24.7",
-                "@inquirer/confirm": "3.1.22",
+                "@babel/plugin-syntax-import-attributes": "7.26.0",
+                "@inquirer/confirm": "5.0.2",
                 "@vitejs/plugin-basic-ssl": "1.1.0",
+                "beasties": "0.1.0",
                 "browserslist": "^4.23.0",
-                "critters": "0.0.24",
-                "esbuild": "0.23.0",
+                "esbuild": "0.24.0",
                 "fast-glob": "3.3.2",
                 "https-proxy-agent": "7.0.5",
-                "listr2": "8.2.4",
-                "lmdb": "3.0.13",
-                "magic-string": "0.30.11",
+                "istanbul-lib-instrument": "6.0.3",
+                "listr2": "8.2.5",
+                "magic-string": "0.30.12",
                 "mrmime": "2.0.0",
                 "parse5-html-rewriting-stream": "7.0.0",
                 "picomatch": "4.0.2",
-                "piscina": "4.6.1",
-                "rollup": "4.22.4",
-                "sass": "1.77.6",
+                "piscina": "4.7.0",
+                "rollup": "4.26.0",
+                "sass": "1.80.7",
                 "semver": "7.6.3",
-                "vite": "5.4.6",
-                "watchpack": "2.4.1"
+                "vite": "5.4.11",
+                "watchpack": "2.4.2"
             },
             "engines": {
                 "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
                 "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
                 "yarn": ">= 1.13.0"
             },
+            "optionalDependencies": {
+                "lmdb": "3.1.5"
+            },
             "peerDependencies": {
-                "@angular/compiler-cli": "^18.0.0",
-                "@angular/localize": "^18.0.0",
-                "@angular/platform-server": "^18.0.0",
-                "@angular/service-worker": "^18.0.0",
+                "@angular/compiler": "^19.0.0",
+                "@angular/compiler-cli": "^19.0.0",
+                "@angular/localize": "^19.0.0",
+                "@angular/platform-server": "^19.0.0",
+                "@angular/service-worker": "^19.0.0",
+                "@angular/ssr": "^19.0.7",
                 "less": "^4.2.0",
                 "postcss": "^8.4.0",
                 "tailwindcss": "^2.0.0 || ^3.0.0",
-                "typescript": ">=5.4 <5.6"
+                "typescript": ">=5.5 <5.7"
             },
             "peerDependenciesMeta": {
                 "@angular/localize": {
@@ -704,6 +697,9 @@
                 "@angular/service-worker": {
                     "optional": true
                 },
+                "@angular/ssr": {
+                    "optional": true
+                },
                 "less": {
                     "optional": true
                 },
@@ -715,22 +711,15 @@
                 }
             }
         },
-        "node_modules/@angular/build/node_modules/immutable": {
-            "version": "4.3.7",
-            "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.7.tgz",
-            "integrity": "sha512-1hqclzwYwjRDFLjcFxOM5AYkkG0rpFPpr1RLPMEuGczoS7YA8gLhy8SWXYRAA/XwfEHpfo3cw5JGioS32fnMRw==",
-            "dev": true,
-            "license": "MIT"
-        },
         "node_modules/@angular/build/node_modules/sass": {
-            "version": "1.77.6",
-            "resolved": "https://registry.npmjs.org/sass/-/sass-1.77.6.tgz",
-            "integrity": "sha512-ByXE1oLD79GVq9Ht1PeHWCPMPB8XHpBuz1r85oByKHjZY6qV6rWnQovQzXJXuQ/XyE1Oj3iPk3lo28uzaRA2/Q==",
+            "version": "1.80.7",
+            "resolved": "https://registry.npmjs.org/sass/-/sass-1.80.7.tgz",
+            "integrity": "sha512-MVWvN0u5meytrSjsU7AWsbhoXi1sc58zADXFllfZzbsBT1GHjjar6JwBINYPRrkx/zqnQ6uqbQuHgE95O+C+eQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "chokidar": ">=3.0.0 <4.0.0",
-                "immutable": "^4.0.0",
+                "chokidar": "^4.0.0",
+                "immutable": "^5.0.2",
                 "source-map-js": ">=0.6.2 <2.0.0"
             },
             "bin": {
@@ -738,12 +727,15 @@
             },
             "engines": {
                 "node": ">=14.0.0"
+            },
+            "optionalDependencies": {
+                "@parcel/watcher": "^2.4.1"
             }
         },
         "node_modules/@angular/cdk": {
-            "version": "18.2.14",
-            "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-18.2.14.tgz",
-            "integrity": "sha512-vDyOh1lwjfVk9OqoroZAP8pf3xxKUvyl+TVR8nJxL4c5fOfUFkD7l94HaanqKSRwJcI2xiztuu92IVoHn8T33Q==",
+            "version": "19.0.5",
+            "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-19.0.5.tgz",
+            "integrity": "sha512-+D++QUrJlDuwk5RhQBDTejQseb0ZP6c6S4r8wBBab7UPtrwigySudSb0PxhiAzp2YHr5Ch3klhkTf/NSWeUXUQ==",
             "license": "MIT",
             "dependencies": {
                 "tslib": "^2.3.0"
@@ -752,31 +744,31 @@
                 "parse5": "^7.1.2"
             },
             "peerDependencies": {
-                "@angular/common": "^18.0.0 || ^19.0.0",
-                "@angular/core": "^18.0.0 || ^19.0.0",
+                "@angular/common": "^19.0.0 || ^20.0.0",
+                "@angular/core": "^19.0.0 || ^20.0.0",
                 "rxjs": "^6.5.3 || ^7.4.0"
             }
         },
         "node_modules/@angular/cli": {
-            "version": "18.2.12",
-            "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-18.2.12.tgz",
-            "integrity": "sha512-xhuZ/b7IhqNw1MgXf+arWf4x+GfUSt/IwbdWU4+CO8A7h0Y46zQywouP/KUK3cMQZfVdHdciTBvlpF3vFacA6Q==",
+            "version": "19.0.7",
+            "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-19.0.7.tgz",
+            "integrity": "sha512-y6C4B4XdiZwe2+OADLWXyKqUVvW/XDzTuJ2mZ5PhTnSiiXDN4zRWId1F5wA8ve8vlbUKApPHXRQuaqiQJmA24g==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@angular-devkit/architect": "0.1802.12",
-                "@angular-devkit/core": "18.2.12",
-                "@angular-devkit/schematics": "18.2.12",
-                "@inquirer/prompts": "5.3.8",
-                "@listr2/prompt-adapter-inquirer": "2.0.15",
-                "@schematics/angular": "18.2.12",
+                "@angular-devkit/architect": "0.1900.7",
+                "@angular-devkit/core": "19.0.7",
+                "@angular-devkit/schematics": "19.0.7",
+                "@inquirer/prompts": "7.1.0",
+                "@listr2/prompt-adapter-inquirer": "2.0.18",
+                "@schematics/angular": "19.0.7",
                 "@yarnpkg/lockfile": "1.1.0",
-                "ini": "4.1.3",
+                "ini": "5.0.0",
                 "jsonc-parser": "3.3.1",
-                "listr2": "8.2.4",
-                "npm-package-arg": "11.0.3",
-                "npm-pick-manifest": "9.1.0",
-                "pacote": "18.0.6",
+                "listr2": "8.2.5",
+                "npm-package-arg": "12.0.0",
+                "npm-pick-manifest": "10.0.0",
+                "pacote": "20.0.0",
                 "resolve": "1.22.8",
                 "semver": "7.6.3",
                 "symbol-observable": "4.0.0",
@@ -792,9 +784,9 @@
             }
         },
         "node_modules/@angular/common": {
-            "version": "18.2.13",
-            "resolved": "https://registry.npmjs.org/@angular/common/-/common-18.2.13.tgz",
-            "integrity": "sha512-4ZqrNp1PoZo7VNvW+sbSc2CB2axP1sCH2wXl8B0wdjsj8JY1hF1OhuugwhpAHtGxqewed2kCXayE+ZJqSTV4jw==",
+            "version": "19.0.6",
+            "resolved": "https://registry.npmjs.org/@angular/common/-/common-19.0.6.tgz",
+            "integrity": "sha512-r9IDD0+UGkrQkjyX+pApeDmIJ9INpr1uYlgmmlWNBJCVNr9SKKIVZV60sssgadew6bGynKN9dW4mGsmEzzb5BA==",
             "license": "MIT",
             "dependencies": {
                 "tslib": "^2.3.0"
@@ -803,14 +795,14 @@
                 "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
             },
             "peerDependencies": {
-                "@angular/core": "18.2.13",
+                "@angular/core": "19.0.6",
                 "rxjs": "^6.5.3 || ^7.4.0"
             }
         },
         "node_modules/@angular/compiler": {
-            "version": "18.2.13",
-            "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-18.2.13.tgz",
-            "integrity": "sha512-TzWcrkopyjFF+WeDr2cRe8CcHjU72KfYV3Sm2TkBkcXrkYX5sDjGWrBGrG3hRB4e4okqchrOCvm1MiTdy2vKMA==",
+            "version": "19.0.6",
+            "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-19.0.6.tgz",
+            "integrity": "sha512-g8A6QOsiCJnRi5Hz0sASIpRQoAGxEgnjz0JanfrMNRedY4MpdIS1V0AeCSKTsMRlV7tQl3ng2Gse/tsb51HI3Q==",
             "license": "MIT",
             "dependencies": {
                 "tslib": "^2.3.0"
@@ -819,7 +811,7 @@
                 "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
             },
             "peerDependencies": {
-                "@angular/core": "18.2.13"
+                "@angular/core": "19.0.6"
             },
             "peerDependenciesMeta": {
                 "@angular/core": {
@@ -828,12 +820,12 @@
             }
         },
         "node_modules/@angular/compiler-cli": {
-            "version": "18.2.13",
-            "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-18.2.13.tgz",
-            "integrity": "sha512-DBSh4AQwkiJDSiVvJATRmjxf6wyUs9pwQLgaFdSlfuTRO+sdb0J2z1r3BYm8t0IqdoyXzdZq2YCH43EmyvD71g==",
+            "version": "19.0.6",
+            "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-19.0.6.tgz",
+            "integrity": "sha512-fHtwI5rCe3LmKDoaqlqLAPdNmLrbeCiMYVe+X1BHgApaqNCyAwcuJxuf8Q5R5su7nHiLmlmB74o1ZS/V+0cQ+g==",
             "license": "MIT",
             "dependencies": {
-                "@babel/core": "7.25.2",
+                "@babel/core": "7.26.0",
                 "@jridgewell/sourcemap-codec": "^1.4.14",
                 "chokidar": "^4.0.0",
                 "convert-source-map": "^1.5.1",
@@ -851,42 +843,14 @@
                 "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
             },
             "peerDependencies": {
-                "@angular/compiler": "18.2.13",
-                "typescript": ">=5.4 <5.6"
-            }
-        },
-        "node_modules/@angular/compiler-cli/node_modules/chokidar": {
-            "version": "4.0.3",
-            "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
-            "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
-            "license": "MIT",
-            "dependencies": {
-                "readdirp": "^4.0.1"
-            },
-            "engines": {
-                "node": ">= 14.16.0"
-            },
-            "funding": {
-                "url": "https://paulmillr.com/funding/"
-            }
-        },
-        "node_modules/@angular/compiler-cli/node_modules/readdirp": {
-            "version": "4.0.2",
-            "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.0.2.tgz",
-            "integrity": "sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==",
-            "license": "MIT",
-            "engines": {
-                "node": ">= 14.16.0"
-            },
-            "funding": {
-                "type": "individual",
-                "url": "https://paulmillr.com/funding/"
+                "@angular/compiler": "19.0.6",
+                "typescript": ">=5.5 <5.7"
             }
         },
         "node_modules/@angular/core": {
-            "version": "18.2.13",
-            "resolved": "https://registry.npmjs.org/@angular/core/-/core-18.2.13.tgz",
-            "integrity": "sha512-8mbWHMgO95OuFV1Ejy4oKmbe9NOJ3WazQf/f7wks8Bck7pcihd0IKhlPBNjFllbF5o+04EYSwFhEtvEgjMDClA==",
+            "version": "19.0.6",
+            "resolved": "https://registry.npmjs.org/@angular/core/-/core-19.0.6.tgz",
+            "integrity": "sha512-9N7FmdRHtS7zfXC/wnyap/reX7fgiOrWpVivayHjWP4RkLYXJAzJIpLyew0jrx4vf8r3lZnC0Zmq0PW007Ngjw==",
             "license": "MIT",
             "dependencies": {
                 "tslib": "^2.3.0"
@@ -896,13 +860,13 @@
             },
             "peerDependencies": {
                 "rxjs": "^6.5.3 || ^7.4.0",
-                "zone.js": "~0.14.10"
+                "zone.js": "~0.15.0"
             }
         },
         "node_modules/@angular/forms": {
-            "version": "18.2.13",
-            "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-18.2.13.tgz",
-            "integrity": "sha512-A67D867fu3DSBhdLWWZl/F5pr7v2+dRM2u3U7ZJ0ewh4a+sv+0yqWdJW+a8xIoiHxS+btGEJL2qAKJiH+MCFfg==",
+            "version": "19.0.6",
+            "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-19.0.6.tgz",
+            "integrity": "sha512-HogauPvgDQHw2xxqKBaFgKTRRcc1xWeI/PByDCf3U6YsaqpF53Mz2CJh8X2bg2bY1RGKb67MZw7DBGFRvXx4bg==",
             "license": "MIT",
             "dependencies": {
                 "tslib": "^2.3.0"
@@ -911,16 +875,16 @@
                 "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
             },
             "peerDependencies": {
-                "@angular/common": "18.2.13",
-                "@angular/core": "18.2.13",
-                "@angular/platform-browser": "18.2.13",
+                "@angular/common": "19.0.6",
+                "@angular/core": "19.0.6",
+                "@angular/platform-browser": "19.0.6",
                 "rxjs": "^6.5.3 || ^7.4.0"
             }
         },
         "node_modules/@angular/language-service": {
-            "version": "18.2.13",
-            "resolved": "https://registry.npmjs.org/@angular/language-service/-/language-service-18.2.13.tgz",
-            "integrity": "sha512-4E4VJDrbOAxS69F9C1twQPbR9AjY47Qlz8+lwg5lJOyUJ4GoEThLbXKfadt/vIeYBwMJ7fIsYWXD0Dlmxh4k+w==",
+            "version": "19.0.6",
+            "resolved": "https://registry.npmjs.org/@angular/language-service/-/language-service-19.0.6.tgz",
+            "integrity": "sha512-k8gPWVgJI5tM77Dpehcq0NmJoBpMH2T2RUA7kmrX+gPUjviKZNYvDv0agAyUbvb/MWkjSBD89CJ12e5523WWpw==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -928,14 +892,14 @@
             }
         },
         "node_modules/@angular/localize": {
-            "version": "18.2.13",
-            "resolved": "https://registry.npmjs.org/@angular/localize/-/localize-18.2.13.tgz",
-            "integrity": "sha512-qQaIYdDS/l1w6tr/wpOoimjpmoJU0WmB8AGbNeKLoM36K+ix6hkvn67+UgkpZtaDHZylm8GsGW1NjzpM2tr3pA==",
+            "version": "19.0.6",
+            "resolved": "https://registry.npmjs.org/@angular/localize/-/localize-19.0.6.tgz",
+            "integrity": "sha512-U3qP/m8/f7hbDG9RlaLHKnuE7jJZm/nvW/wobpN7/eXTfZ9HVyIuBmfA1SEToDcXYh75GorbguzFbqWKFA0b8g==",
             "license": "MIT",
             "dependencies": {
-                "@babel/core": "7.25.2",
+                "@babel/core": "7.26.0",
                 "@types/babel__core": "7.20.5",
-                "fast-glob": "3.3.2",
+                "fast-glob": "3.3.3",
                 "yargs": "^17.2.1"
             },
             "bin": {
@@ -947,32 +911,60 @@
                 "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
             },
             "peerDependencies": {
-                "@angular/compiler": "18.2.13",
-                "@angular/compiler-cli": "18.2.13"
+                "@angular/compiler": "19.0.6",
+                "@angular/compiler-cli": "19.0.6"
+            }
+        },
+        "node_modules/@angular/localize/node_modules/fast-glob": {
+            "version": "3.3.3",
+            "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+            "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+            "license": "MIT",
+            "dependencies": {
+                "@nodelib/fs.stat": "^2.0.2",
+                "@nodelib/fs.walk": "^1.2.3",
+                "glob-parent": "^5.1.2",
+                "merge2": "^1.3.0",
+                "micromatch": "^4.0.8"
+            },
+            "engines": {
+                "node": ">=8.6.0"
+            }
+        },
+        "node_modules/@angular/localize/node_modules/glob-parent": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+            "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+            "license": "ISC",
+            "dependencies": {
+                "is-glob": "^4.0.1"
+            },
+            "engines": {
+                "node": ">= 6"
             }
         },
         "node_modules/@angular/material": {
-            "version": "18.2.14",
-            "resolved": "https://registry.npmjs.org/@angular/material/-/material-18.2.14.tgz",
-            "integrity": "sha512-28pxzJP49Mymt664WnCtPkKeg7kXUsQKTKGf/Kl95rNTEdTJLbnlcc8wV0rT0yQNR7kXgpfBnG7h0ETLv/iu5Q==",
+            "version": "19.0.5",
+            "resolved": "https://registry.npmjs.org/@angular/material/-/material-19.0.5.tgz",
+            "integrity": "sha512-yiW/ZJNkOPlQdqgj5U8DHTu3r7OHMI5R1cAbCpOmHlsVHEoc/Vw4V3RFUgpWLqCGgdRIkayoilMAooT52gG2Dg==",
             "license": "MIT",
             "dependencies": {
                 "tslib": "^2.3.0"
             },
             "peerDependencies": {
-                "@angular/animations": "^18.0.0 || ^19.0.0",
-                "@angular/cdk": "18.2.14",
-                "@angular/common": "^18.0.0 || ^19.0.0",
-                "@angular/core": "^18.0.0 || ^19.0.0",
-                "@angular/forms": "^18.0.0 || ^19.0.0",
-                "@angular/platform-browser": "^18.0.0 || ^19.0.0",
+                "@angular/animations": "^19.0.0 || ^20.0.0",
+                "@angular/cdk": "19.0.5",
+                "@angular/common": "^19.0.0 || ^20.0.0",
+                "@angular/core": "^19.0.0 || ^20.0.0",
+                "@angular/forms": "^19.0.0 || ^20.0.0",
+                "@angular/platform-browser": "^19.0.0 || ^20.0.0",
                 "rxjs": "^6.5.3 || ^7.4.0"
             }
         },
         "node_modules/@angular/platform-browser": {
-            "version": "18.2.13",
-            "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-18.2.13.tgz",
-            "integrity": "sha512-tu7ZzY6qD3ATdWFzcTcsAKe7M6cJeWbT/4/bF9unyGO3XBPcNYDKoiz10+7ap2PUd0fmPwvuvTvSNJiFEBnB8Q==",
+            "version": "19.0.6",
+            "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-19.0.6.tgz",
+            "integrity": "sha512-MWiToGy7Pa0rR61sgnEuu7dfZXpAw0g7nkSnw4xdjUf974OOOfI1LS9O9YevJibtdW8sPa1HaoXXwcb7N03B5A==",
             "license": "MIT",
             "dependencies": {
                 "tslib": "^2.3.0"
@@ -981,9 +973,9 @@
                 "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
             },
             "peerDependencies": {
-                "@angular/animations": "18.2.13",
-                "@angular/common": "18.2.13",
-                "@angular/core": "18.2.13"
+                "@angular/animations": "19.0.6",
+                "@angular/common": "19.0.6",
+                "@angular/core": "19.0.6"
             },
             "peerDependenciesMeta": {
                 "@angular/animations": {
@@ -992,9 +984,9 @@
             }
         },
         "node_modules/@angular/platform-browser-dynamic": {
-            "version": "18.2.13",
-            "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-18.2.13.tgz",
-            "integrity": "sha512-kbQCf9+8EpuJC7buBxhSiwBtXvjAwAKh6MznD6zd2pyCYqfY6gfRCZQRtK59IfgVtKmEONWI9grEyNIRoTmqJg==",
+            "version": "19.0.6",
+            "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-19.0.6.tgz",
+            "integrity": "sha512-5TGLOwPlLHXJ1+Hs9b3dEmGdTpb7dfLYalVmiMUZOFBry1sMaRuw+nyqjmWn1GP3yD156hzt5QDzWA8A134AfQ==",
             "license": "MIT",
             "dependencies": {
                 "tslib": "^2.3.0"
@@ -1003,16 +995,16 @@
                 "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
             },
             "peerDependencies": {
-                "@angular/common": "18.2.13",
-                "@angular/compiler": "18.2.13",
-                "@angular/core": "18.2.13",
-                "@angular/platform-browser": "18.2.13"
+                "@angular/common": "19.0.6",
+                "@angular/compiler": "19.0.6",
+                "@angular/core": "19.0.6",
+                "@angular/platform-browser": "19.0.6"
             }
         },
         "node_modules/@angular/router": {
-            "version": "18.2.13",
-            "resolved": "https://registry.npmjs.org/@angular/router/-/router-18.2.13.tgz",
-            "integrity": "sha512-VKmfgi/r/CkyBq9nChQ/ptmfu0JT/8ONnLVJ5H+SkFLRYJcIRyHLKjRihMCyVm6xM5yktOdCaW73NTQrFz7+bg==",
+            "version": "19.0.6",
+            "resolved": "https://registry.npmjs.org/@angular/router/-/router-19.0.6.tgz",
+            "integrity": "sha512-G1oz+TclPk48h6b6B4s5J3DfrDVJrrxKOA+KWeVQP4e1B8ld7/dCMf5nn3yqS4BGs4yLecxMxyvbOvOiZ//lxw==",
             "license": "MIT",
             "dependencies": {
                 "tslib": "^2.3.0"
@@ -1021,16 +1013,16 @@
                 "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
             },
             "peerDependencies": {
-                "@angular/common": "18.2.13",
-                "@angular/core": "18.2.13",
-                "@angular/platform-browser": "18.2.13",
+                "@angular/common": "19.0.6",
+                "@angular/core": "19.0.6",
+                "@angular/platform-browser": "19.0.6",
                 "rxjs": "^6.5.3 || ^7.4.0"
             }
         },
         "node_modules/@angular/service-worker": {
-            "version": "18.2.13",
-            "resolved": "https://registry.npmjs.org/@angular/service-worker/-/service-worker-18.2.13.tgz",
-            "integrity": "sha512-fVC943qEqGNUy923NMmSSzfoIqNw2k2UbG/3Y4QEmel/nZFWHA3PhiYr+lE7J3RhRHFMmnNP1bmXDJgy+R+pzA==",
+            "version": "19.0.6",
+            "resolved": "https://registry.npmjs.org/@angular/service-worker/-/service-worker-19.0.6.tgz",
+            "integrity": "sha512-5uRkHgyI3LuzTxtAw8nZGoV6owykYQoMHc04WhBUtPdQmjImG6w4B5xAiCPvxGn+ZJ8fpOe/GNpkLeSeOQWumg==",
             "license": "MIT",
             "dependencies": {
                 "tslib": "^2.3.0"
@@ -1042,8 +1034,32 @@
                 "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
             },
             "peerDependencies": {
-                "@angular/common": "18.2.13",
-                "@angular/core": "18.2.13"
+                "@angular/common": "19.0.6",
+                "@angular/core": "19.0.6"
+            }
+        },
+        "node_modules/@asamuzakjp/css-color": {
+            "version": "2.8.2",
+            "resolved": "https://registry.npmjs.org/@asamuzakjp/css-color/-/css-color-2.8.2.tgz",
+            "integrity": "sha512-RtWv9jFN2/bLExuZgFFZ0I3pWWeezAHGgrmjqGGWclATl1aDe3yhCUaI0Ilkp6OCk9zX7+FjvDasEX8Q9Rxc5w==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@csstools/css-calc": "^2.1.1",
+                "@csstools/css-color-parser": "^3.0.7",
+                "@csstools/css-parser-algorithms": "^3.0.4",
+                "@csstools/css-tokenizer": "^3.0.3",
+                "lru-cache": "^11.0.2"
+            }
+        },
+        "node_modules/@asamuzakjp/css-color/node_modules/lru-cache": {
+            "version": "11.0.2",
+            "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.0.2.tgz",
+            "integrity": "sha512-123qHRfJBmo2jXDbo/a5YOQrJoHF/GNQTLzQ5+IdK5pWpceK17yRc6ozlWd25FxvGKQbIUs91fDFkXmDHTKcyA==",
+            "dev": true,
+            "license": "ISC",
+            "engines": {
+                "node": "20 || >=22"
             }
         },
         "node_modules/@babel/code-frame": {
@@ -1070,21 +1086,21 @@
             }
         },
         "node_modules/@babel/core": {
-            "version": "7.25.2",
-            "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.25.2.tgz",
-            "integrity": "sha512-BBt3opiCOxUr9euZ5/ro/Xv8/V7yJ5bjYMqG/C1YAo8MIKAnumZalCN+msbci3Pigy4lIQfPUpfMM27HMGaYEA==",
+            "version": "7.26.0",
+            "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.26.0.tgz",
+            "integrity": "sha512-i1SLeK+DzNnQ3LL/CswPCa/E5u4lh1k6IAEphON8F+cXt0t9euTshDru0q7/IqMa1PMPz5RnHuHscF8/ZJsStg==",
             "license": "MIT",
             "dependencies": {
                 "@ampproject/remapping": "^2.2.0",
-                "@babel/code-frame": "^7.24.7",
-                "@babel/generator": "^7.25.0",
-                "@babel/helper-compilation-targets": "^7.25.2",
-                "@babel/helper-module-transforms": "^7.25.2",
-                "@babel/helpers": "^7.25.0",
-                "@babel/parser": "^7.25.0",
-                "@babel/template": "^7.25.0",
-                "@babel/traverse": "^7.25.2",
-                "@babel/types": "^7.25.2",
+                "@babel/code-frame": "^7.26.0",
+                "@babel/generator": "^7.26.0",
+                "@babel/helper-compilation-targets": "^7.25.9",
+                "@babel/helper-module-transforms": "^7.26.0",
+                "@babel/helpers": "^7.26.0",
+                "@babel/parser": "^7.26.0",
+                "@babel/template": "^7.25.9",
+                "@babel/traverse": "^7.25.9",
+                "@babel/types": "^7.26.0",
                 "convert-source-map": "^2.0.0",
                 "debug": "^4.1.0",
                 "gensync": "^1.0.0-beta.2",
@@ -1106,27 +1122,28 @@
             "license": "MIT"
         },
         "node_modules/@babel/generator": {
-            "version": "7.25.0",
-            "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.25.0.tgz",
-            "integrity": "sha512-3LEEcj3PVW8pW2R1SR1M89g/qrYk/m/mB/tLqn7dn4sbBUQyTqnlod+II2U4dqiGtUmkcnAmkMDralTFZttRiw==",
+            "version": "7.26.2",
+            "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.2.tgz",
+            "integrity": "sha512-zevQbhbau95nkoxSq3f/DC/SC+EEOUZd3DYqfSkMhY2/wfSeaHV1Ew4vk8e+x8lja31IbyuUa2uQ3JONqKbysw==",
             "license": "MIT",
             "dependencies": {
-                "@babel/types": "^7.25.0",
+                "@babel/parser": "^7.26.2",
+                "@babel/types": "^7.26.0",
                 "@jridgewell/gen-mapping": "^0.3.5",
                 "@jridgewell/trace-mapping": "^0.3.25",
-                "jsesc": "^2.5.1"
+                "jsesc": "^3.0.2"
             },
             "engines": {
                 "node": ">=6.9.0"
             }
         },
         "node_modules/@babel/helper-annotate-as-pure": {
-            "version": "7.24.7",
-            "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.24.7.tgz",
-            "integrity": "sha512-BaDeOonYvhdKw+JoMVkAixAAJzG2jVPIwWoKBPdYuY9b452e2rPuI9QPYh3KpofZ3pW2akOmwZLOiOsHMiqRAg==",
+            "version": "7.25.9",
+            "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.25.9.tgz",
+            "integrity": "sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==",
             "license": "MIT",
             "dependencies": {
-                "@babel/types": "^7.24.7"
+                "@babel/types": "^7.25.9"
             },
             "engines": {
                 "node": ">=6.9.0"
@@ -1154,6 +1171,7 @@
             "integrity": "sha512-UTZQMvt0d/rSz6KI+qdu7GQze5TIajwTS++GUozlw8VBJDEOAqSXwm1WvmYEZwqdqSGQshRocPDqrt4HBZB3fQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-annotate-as-pure": "^7.25.9",
                 "@babel/helper-member-expression-to-functions": "^7.25.9",
@@ -1170,25 +1188,13 @@
                 "@babel/core": "^7.0.0"
             }
         },
-        "node_modules/@babel/helper-create-class-features-plugin/node_modules/@babel/helper-annotate-as-pure": {
-            "version": "7.25.9",
-            "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.25.9.tgz",
-            "integrity": "sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/types": "^7.25.9"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
         "node_modules/@babel/helper-create-regexp-features-plugin": {
             "version": "7.26.3",
             "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.26.3.tgz",
             "integrity": "sha512-G7ZRb40uUgdKOQqPLjfD12ZmGA54PzqDFUv2BKImnC9QIfGhIHKvVML0oN8IUiDq4iRqpq74ABpvOaerfWdong==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-annotate-as-pure": "^7.25.9",
                 "regexpu-core": "^6.2.0",
@@ -1201,25 +1207,13 @@
                 "@babel/core": "^7.0.0"
             }
         },
-        "node_modules/@babel/helper-create-regexp-features-plugin/node_modules/@babel/helper-annotate-as-pure": {
-            "version": "7.25.9",
-            "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.25.9.tgz",
-            "integrity": "sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/types": "^7.25.9"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
         "node_modules/@babel/helper-define-polyfill-provider": {
             "version": "0.6.3",
             "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.3.tgz",
             "integrity": "sha512-HK7Bi+Hj6H+VTHA3ZvBis7V/6hu9QuTrnMXNybfUf2iiuU/N97I8VjB+KbhFF8Rld/Lx5MzoCwPCpPjfK+n8Cg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-compilation-targets": "^7.22.6",
                 "@babel/helper-plugin-utils": "^7.22.5",
@@ -1237,6 +1231,7 @@
             "integrity": "sha512-wbfdZ9w5vk0C0oyHqAJbc62+vet5prjj01jjJ8sKn3j9h3MQQlflEdXYvuqRWjHnM12coDEqiC1IRCi0U/EKwQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/traverse": "^7.25.9",
                 "@babel/types": "^7.25.9"
@@ -1281,6 +1276,7 @@
             "integrity": "sha512-FIpuNaz5ow8VyrYcnXQTDRGvV6tTjkNtCK/RYNDXGSLlUD6cBuQTSw43CShGxjvfBTfcUA/r6UhUCbtYqkhcuQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/types": "^7.25.9"
             },
@@ -1303,6 +1299,7 @@
             "integrity": "sha512-IZtukuUeBbhgOcaW2s06OXTzVNJR0ybm4W5xC1opWFFJMZbwRj5LCk+ByYH7WdZPZTt8KnFwA8pvjN2yqcPlgw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-annotate-as-pure": "^7.25.9",
                 "@babel/helper-wrap-function": "^7.25.9",
@@ -1315,25 +1312,13 @@
                 "@babel/core": "^7.0.0"
             }
         },
-        "node_modules/@babel/helper-remap-async-to-generator/node_modules/@babel/helper-annotate-as-pure": {
-            "version": "7.25.9",
-            "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.25.9.tgz",
-            "integrity": "sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/types": "^7.25.9"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
         "node_modules/@babel/helper-replace-supers": {
             "version": "7.25.9",
             "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.25.9.tgz",
             "integrity": "sha512-IiDqTOTBQy0sWyeXyGSC5TBJpGFXBkRynjBeXsvbhQFKj2viwJC76Epz35YLU1fpe/Am6Vppb7W7zM4fPQzLsQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-member-expression-to-functions": "^7.25.9",
                 "@babel/helper-optimise-call-expression": "^7.25.9",
@@ -1352,6 +1337,7 @@
             "integrity": "sha512-K4Du3BFa3gvyhzgPcntrkDgZzQaq6uozzcpGbOO1OEJaI+EJdqWIMTLgFgQf6lrfiDFo5FU+BxKepI9RmZqahA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/traverse": "^7.25.9",
                 "@babel/types": "^7.25.9"
@@ -1406,6 +1392,7 @@
             "integrity": "sha512-ETzz9UTjQSTmw39GboatdymDq4XIQbR8ySgVrylRhPOFpsd+JrKHIuF0de7GCWmem+T4uC5z7EZguod7Wj4A4g==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/template": "^7.25.9",
                 "@babel/traverse": "^7.25.9",
@@ -1449,6 +1436,7 @@
             "integrity": "sha512-ZkRyVkThtxQ/J6nv3JFYv1RYY+JT5BvU0y3k5bWrmuG4woXypRa4PXmm9RhOwodRkYFWqC0C0cqcJ4OqR7kW+g==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.25.9",
                 "@babel/traverse": "^7.25.9"
@@ -1466,6 +1454,7 @@
             "integrity": "sha512-MrGRLZxLD/Zjj0gdU15dfs+HH/OXvnw/U4jJD8vpcP2CJQapPEv1IWwjc/qMg7ItBlPwSv1hRBbb7LeuANdcnw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.25.9"
             },
@@ -1482,6 +1471,7 @@
             "integrity": "sha512-2qUwwfAFpJLZqxd02YW9btUCZHl+RFvdDkNfZwaIJrvB8Tesjsk8pEQkTvGwZXLqXUx/2oyY3ySRhm6HOXuCug==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.25.9"
             },
@@ -1498,6 +1488,7 @@
             "integrity": "sha512-6xWgLZTJXwilVjlnV7ospI3xi+sl8lN8rXXbBD6vYn3UYDlGsag8wrZkKcSI8G6KgqKP7vNFaDgeDnfAABq61g==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.25.9",
                 "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9",
@@ -1516,6 +1507,7 @@
             "integrity": "sha512-aLnMXYPnzwwqhYSCyXfKkIkYgJ8zv9RK+roo9DkTXz38ynIhd9XCbN08s3MGvqL2MYGVUGdRQLL/JqBIeJhJBg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.25.9",
                 "@babel/traverse": "^7.25.9"
@@ -1533,6 +1525,7 @@
             "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">=6.9.0"
             },
@@ -1595,38 +1588,13 @@
                 "@babel/core": "^7.0.0-0"
             }
         },
-        "node_modules/@babel/plugin-syntax-dynamic-import": {
-            "version": "7.8.3",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz",
-            "integrity": "sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.8.0"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
-        "node_modules/@babel/plugin-syntax-export-namespace-from": {
-            "version": "7.8.3",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz",
-            "integrity": "sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-plugin-utils": "^7.8.3"
-            },
-            "peerDependencies": {
-                "@babel/core": "^7.0.0-0"
-            }
-        },
         "node_modules/@babel/plugin-syntax-import-assertions": {
             "version": "7.26.0",
             "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.26.0.tgz",
             "integrity": "sha512-QCWT5Hh830hK5EQa7XzuqIkQU9tT/whqbDz7kuaZMHFl1inRRg7JnuAEOQ0Ur0QUl0NufCk1msK2BeY79Aj/eg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.25.9"
             },
@@ -1638,13 +1606,13 @@
             }
         },
         "node_modules/@babel/plugin-syntax-import-attributes": {
-            "version": "7.24.7",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.24.7.tgz",
-            "integrity": "sha512-hbX+lKKeUMGihnK8nvKqmXBInriT3GVjzXKFriV3YC6APGxMbP8RZNFwy91+hocLXq90Mta+HshoB31802bb8A==",
+            "version": "7.26.0",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.26.0.tgz",
+            "integrity": "sha512-e2dttdsJ1ZTpi3B9UYGLw41hifAubg19AtCu/2I/F1QNVclOBr1dYpTdmdyZ84Xiz43BS/tCUkMAZNLv12Pi+A==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@babel/helper-plugin-utils": "^7.24.7"
+                "@babel/helper-plugin-utils": "^7.25.9"
             },
             "engines": {
                 "node": ">=6.9.0"
@@ -1826,6 +1794,7 @@
             "integrity": "sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-create-regexp-features-plugin": "^7.18.6",
                 "@babel/helper-plugin-utils": "^7.18.6"
@@ -1843,6 +1812,7 @@
             "integrity": "sha512-6jmooXYIwn9ca5/RylZADJ+EnSxVUS5sjeJ9UPk6RWRzXCmOJCy6dqItPJFpw2cuCangPK4OYr5uhGKcmrm5Qg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.25.9"
             },
@@ -1854,16 +1824,16 @@
             }
         },
         "node_modules/@babel/plugin-transform-async-generator-functions": {
-            "version": "7.25.0",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.25.0.tgz",
-            "integrity": "sha512-uaIi2FdqzjpAMvVqvB51S42oC2JEVgh0LDsGfZVDysWE8LrJtQC2jvKmOqEYThKyB7bDEb7BP1GYWDm7tABA0Q==",
+            "version": "7.25.9",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.25.9.tgz",
+            "integrity": "sha512-RXV6QAzTBbhDMO9fWwOmwwTuYaiPbggWQ9INdZqAYeSHyG7FzQ+nOZaUUjNwKv9pV3aE4WFqFm1Hnbci5tBCAw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
-                "@babel/helper-plugin-utils": "^7.24.8",
-                "@babel/helper-remap-async-to-generator": "^7.25.0",
-                "@babel/plugin-syntax-async-generators": "^7.8.4",
-                "@babel/traverse": "^7.25.0"
+                "@babel/helper-plugin-utils": "^7.25.9",
+                "@babel/helper-remap-async-to-generator": "^7.25.9",
+                "@babel/traverse": "^7.25.9"
             },
             "engines": {
                 "node": ">=6.9.0"
@@ -1873,15 +1843,16 @@
             }
         },
         "node_modules/@babel/plugin-transform-async-to-generator": {
-            "version": "7.24.7",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.24.7.tgz",
-            "integrity": "sha512-SQY01PcJfmQ+4Ash7NE+rpbLFbmqA2GPIgqzxfFTL4t1FKRq4zTms/7htKpoCUI9OcFYgzqfmCdH53s6/jn5fA==",
+            "version": "7.25.9",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.25.9.tgz",
+            "integrity": "sha512-NT7Ejn7Z/LjUH0Gv5KsBCxh7BH3fbLTV0ptHvpeMvrt3cPThHfJfst9Wrb7S8EvJ7vRTFI7z+VAvFVEQn/m5zQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
-                "@babel/helper-module-imports": "^7.24.7",
-                "@babel/helper-plugin-utils": "^7.24.7",
-                "@babel/helper-remap-async-to-generator": "^7.24.7"
+                "@babel/helper-module-imports": "^7.25.9",
+                "@babel/helper-plugin-utils": "^7.25.9",
+                "@babel/helper-remap-async-to-generator": "^7.25.9"
             },
             "engines": {
                 "node": ">=6.9.0"
@@ -1896,6 +1867,7 @@
             "integrity": "sha512-toHc9fzab0ZfenFpsyYinOX0J/5dgJVA2fm64xPewu7CoYHWEivIWKxkK2rMi4r3yQqLnVmheMXRdG+k239CgA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.25.9"
             },
@@ -1912,6 +1884,7 @@
             "integrity": "sha512-1F05O7AYjymAtqbsFETboN1NvBdcnzMerO+zlMyJBEz6WkMdejvGWw9p05iTSjC85RLlBseHHQpYaM4gzJkBGg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.25.9"
             },
@@ -1928,6 +1901,7 @@
             "integrity": "sha512-bbMAII8GRSkcd0h0b4X+36GksxuheLFjP65ul9w6C3KgAamI3JqErNgSrosX6ZPj+Mpim5VvEbawXxJCyEUV3Q==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-create-class-features-plugin": "^7.25.9",
                 "@babel/helper-plugin-utils": "^7.25.9"
@@ -1945,6 +1919,7 @@
             "integrity": "sha512-6J2APTs7BDDm+UMqP1useWqhcRAXo0WIoVj26N7kPFB6S73Lgvyka4KTZYIxtgYXiN5HTyRObA72N2iu628iTQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-create-class-features-plugin": "^7.25.9",
                 "@babel/helper-plugin-utils": "^7.25.9"
@@ -1962,6 +1937,7 @@
             "integrity": "sha512-mD8APIXmseE7oZvZgGABDyM34GUmK45Um2TXiBUt7PnuAxrgoSVf123qUzPxEr/+/BHrRn5NMZCdE2m/1F8DGg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-annotate-as-pure": "^7.25.9",
                 "@babel/helper-compilation-targets": "^7.25.9",
@@ -1977,25 +1953,13 @@
                 "@babel/core": "^7.0.0-0"
             }
         },
-        "node_modules/@babel/plugin-transform-classes/node_modules/@babel/helper-annotate-as-pure": {
-            "version": "7.25.9",
-            "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.25.9.tgz",
-            "integrity": "sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/types": "^7.25.9"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
         "node_modules/@babel/plugin-transform-computed-properties": {
             "version": "7.25.9",
             "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.25.9.tgz",
             "integrity": "sha512-HnBegGqXZR12xbcTHlJ9HGxw1OniltT26J5YpfruGqtUHlz/xKf/G2ak9e+t0rVqrjXa9WOhvYPz1ERfMj23AA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.25.9",
                 "@babel/template": "^7.25.9"
@@ -2013,6 +1977,7 @@
             "integrity": "sha512-WkCGb/3ZxXepmMiX101nnGiU+1CAdut8oHyEOHxkKuS1qKpU2SMXE2uSvfz8PBuLd49V6LEsbtyPhWC7fnkgvQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.25.9"
             },
@@ -2029,6 +1994,7 @@
             "integrity": "sha512-t7ZQ7g5trIgSRYhI9pIJtRl64KHotutUJsh4Eze5l7olJv+mRSg4/MmbZ0tv1eeqRbdvo/+trvJD/Oc5DmW2cA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-create-regexp-features-plugin": "^7.25.9",
                 "@babel/helper-plugin-utils": "^7.25.9"
@@ -2046,6 +2012,7 @@
             "integrity": "sha512-LZxhJ6dvBb/f3x8xwWIuyiAHy56nrRG3PeYTpBkkzkYRRQ6tJLu68lEF5VIqMUZiAV7a8+Tb78nEoMCMcqjXBw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.25.9"
             },
@@ -2062,6 +2029,7 @@
             "integrity": "sha512-0UfuJS0EsXbRvKnwcLjFtJy/Sxc5J5jhLHnFhy7u4zih97Hz6tJkLU+O+FMMrNZrosUPxDi6sYxJ/EA8jDiAog==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-create-regexp-features-plugin": "^7.25.9",
                 "@babel/helper-plugin-utils": "^7.25.9"
@@ -2079,6 +2047,7 @@
             "integrity": "sha512-GCggjexbmSLaFhqsojeugBpeaRIgWNTcgKVq/0qIteFEqY2A+b9QidYadrWlnbWQUrW5fn+mCvf3tr7OeBFTyg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.25.9"
             },
@@ -2095,6 +2064,7 @@
             "integrity": "sha512-7CAHcQ58z2chuXPWblnn1K6rLDnDWieghSOEmqQsrBenH0P9InCUtOJYD89pvngljmZlJcz3fcmgYsXFNGa1ZQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.25.9"
             },
@@ -2111,6 +2081,7 @@
             "integrity": "sha512-2NsEz+CxzJIVOPx2o9UsW1rXLqtChtLoVnwYHHiB04wS5sgn7mrV45fWMBX0Kk+ub9uXytVYfNP2HjbVbCB3Ww==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.25.9"
             },
@@ -2127,6 +2098,7 @@
             "integrity": "sha512-LqHxduHoaGELJl2uhImHwRQudhCM50pT46rIBNvtT/Oql3nqiS3wOwP+5ten7NpYSXrrVLgtZU3DZmPtWZo16A==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.25.9",
                 "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9"
@@ -2144,6 +2116,7 @@
             "integrity": "sha512-8lP+Yxjv14Vc5MuWBpJsoUCd3hD6V9DgBon2FVYL4jJgbnVQ9fTgYmonchzZJOVNgzEgbxp4OwAf6xz6M/14XA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-compilation-targets": "^7.25.9",
                 "@babel/helper-plugin-utils": "^7.25.9",
@@ -2162,6 +2135,7 @@
             "integrity": "sha512-xoTMk0WXceiiIvsaquQQUaLLXSW1KJ159KP87VilruQm0LNNGxWzahxSS6T6i4Zg3ezp4vA4zuwiNUR53qmQAw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.25.9"
             },
@@ -2178,6 +2152,7 @@
             "integrity": "sha512-9N7+2lFziW8W9pBl2TzaNht3+pgMIRP74zizeCSrtnSKVdUl8mAjjOP2OOVQAfZ881P2cNjDj1uAMEdeD50nuQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.25.9"
             },
@@ -2194,6 +2169,7 @@
             "integrity": "sha512-wI4wRAzGko551Y8eVf6iOY9EouIDTtPb0ByZx+ktDGHwv6bHFimrgJM/2T021txPZ2s4c7bqvHbd+vXG6K948Q==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.25.9"
             },
@@ -2210,6 +2186,7 @@
             "integrity": "sha512-PYazBVfofCQkkMzh2P6IdIUaCEWni3iYEerAsRWuVd8+jlM1S9S9cz1dF9hIzyoZ8IA3+OwVYIp9v9e+GbgZhA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.25.9"
             },
@@ -2226,6 +2203,7 @@
             "integrity": "sha512-g5T11tnI36jVClQlMlt4qKDLlWnG5pP9CSM4GhdRciTNMRgkfpo5cR6b4rGIOYPgRRuFAvwjPQ/Yk+ql4dyhbw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-module-transforms": "^7.25.9",
                 "@babel/helper-plugin-utils": "^7.25.9"
@@ -2243,6 +2221,7 @@
             "integrity": "sha512-MgR55l4q9KddUDITEzEFYn5ZsGDXMSsU9E+kh7fjRXTIC3RHqfCo8RPRbyReYJh44HQ/yomFkqbOFohXvDCiIQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-module-transforms": "^7.26.0",
                 "@babel/helper-plugin-utils": "^7.25.9"
@@ -2260,6 +2239,7 @@
             "integrity": "sha512-hyss7iIlH/zLHaehT+xwiymtPOpsiwIIRlCAOwBB04ta5Tt+lNItADdlXw3jAWZ96VJ2jlhl/c+PNIQPKNfvcA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-module-transforms": "^7.25.9",
                 "@babel/helper-plugin-utils": "^7.25.9",
@@ -2279,6 +2259,7 @@
             "integrity": "sha512-bS9MVObUgE7ww36HEfwe6g9WakQ0KF07mQF74uuXdkoziUPfKyu/nIm663kz//e5O1nPInPFx36z7WJmJ4yNEw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-module-transforms": "^7.25.9",
                 "@babel/helper-plugin-utils": "^7.25.9"
@@ -2296,6 +2277,7 @@
             "integrity": "sha512-oqB6WHdKTGl3q/ItQhpLSnWWOpjUJLsOCLVyeFgeTktkBSCiurvPOsyt93gibI9CmuKvTUEtWmG5VhZD+5T/KA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-create-regexp-features-plugin": "^7.25.9",
                 "@babel/helper-plugin-utils": "^7.25.9"
@@ -2313,6 +2295,7 @@
             "integrity": "sha512-U/3p8X1yCSoKyUj2eOBIx3FOn6pElFOKvAAGf8HTtItuPyB+ZeOqfn+mvTtg9ZlOAjsPdK3ayQEjqHjU/yLeVQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.25.9"
             },
@@ -2329,6 +2312,7 @@
             "integrity": "sha512-ENfftpLZw5EItALAD4WsY/KUWvhUlZndm5GC7G3evUsVeSJB6p0pBeLQUnRnBCBx7zV0RKQjR9kCuwrsIrjWog==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.25.9"
             },
@@ -2345,6 +2329,7 @@
             "integrity": "sha512-TlprrJ1GBZ3r6s96Yq8gEQv82s8/5HnCVHtEJScUj90thHQbwe+E5MLhi2bbNHBEJuzrvltXSru+BUxHDoog7Q==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.25.9"
             },
@@ -2361,6 +2346,7 @@
             "integrity": "sha512-fSaXafEE9CVHPweLYw4J0emp1t8zYTXyzN3UuG+lylqkvYd7RMrsOQ8TYx5RF231be0vqtFC6jnx3UmpJmKBYg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-compilation-targets": "^7.25.9",
                 "@babel/helper-plugin-utils": "^7.25.9",
@@ -2379,6 +2365,7 @@
             "integrity": "sha512-Kj/Gh+Rw2RNLbCK1VAWj2U48yxxqL2x0k10nPtSdRa0O2xnHXalD0s+o1A6a0W43gJ00ANo38jxkQreckOzv5A==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.25.9",
                 "@babel/helper-replace-supers": "^7.25.9"
@@ -2396,6 +2383,7 @@
             "integrity": "sha512-qM/6m6hQZzDcZF3onzIhZeDHDO43bkNNlOX0i8n3lR6zLbu0GN2d8qfM/IERJZYauhAHSLHy39NF0Ctdvcid7g==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.25.9"
             },
@@ -2412,6 +2400,7 @@
             "integrity": "sha512-6AvV0FsLULbpnXeBjrY4dmWF8F7gf8QnvTEoO/wX/5xm/xE1Xo8oPuD3MPS+KS9f9XBEAWN7X1aWr4z9HdOr7A==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.25.9",
                 "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9"
@@ -2429,6 +2418,7 @@
             "integrity": "sha512-wzz6MKwpnshBAiRmn4jR8LYz/g8Ksg0o80XmwZDlordjwEk9SxBzTWC7F5ef1jhbrbOW2DJ5J6ayRukrJmnr0g==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.25.9"
             },
@@ -2445,6 +2435,7 @@
             "integrity": "sha512-D/JUozNpQLAPUVusvqMxyvjzllRaF8/nSrP1s2YGQT/W4LHK4xxsMcHjhOGTS01mp9Hda8nswb+FblLdJornQw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-create-class-features-plugin": "^7.25.9",
                 "@babel/helper-plugin-utils": "^7.25.9"
@@ -2462,6 +2453,7 @@
             "integrity": "sha512-Evf3kcMqzXA3xfYJmZ9Pg1OvKdtqsDMSWBDzZOPLvHiTt36E75jLDQo5w1gtRU95Q4E5PDttrTf25Fw8d/uWLw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-annotate-as-pure": "^7.25.9",
                 "@babel/helper-create-class-features-plugin": "^7.25.9",
@@ -2474,25 +2466,13 @@
                 "@babel/core": "^7.0.0-0"
             }
         },
-        "node_modules/@babel/plugin-transform-private-property-in-object/node_modules/@babel/helper-annotate-as-pure": {
-            "version": "7.25.9",
-            "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.25.9.tgz",
-            "integrity": "sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/types": "^7.25.9"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
         "node_modules/@babel/plugin-transform-property-literals": {
             "version": "7.25.9",
             "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.25.9.tgz",
             "integrity": "sha512-IvIUeV5KrS/VPavfSM/Iu+RE6llrHrYIKY1yfCzyO/lMXHQ+p7uGhonmGVisv6tSBSVgWzMBohTcvkC9vQcQFA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.25.9"
             },
@@ -2509,6 +2489,7 @@
             "integrity": "sha512-vwDcDNsgMPDGP0nMqzahDWE5/MLcX8sv96+wfX7as7LoF/kr97Bo/7fI00lXY4wUXYfVmwIIyG80fGZ1uvt2qg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.25.9",
                 "regenerator-transform": "^0.15.2"
@@ -2520,12 +2501,31 @@
                 "@babel/core": "^7.0.0-0"
             }
         },
+        "node_modules/@babel/plugin-transform-regexp-modifiers": {
+            "version": "7.26.0",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regexp-modifiers/-/plugin-transform-regexp-modifiers-7.26.0.tgz",
+            "integrity": "sha512-vN6saax7lrA2yA/Pak3sCxuD6F5InBjn9IcrIKQPjpsLvuHYLVroTxjdlVRHjjBWxKOqIwpTXDkOssYT4BFdRw==",
+            "dev": true,
+            "license": "MIT",
+            "peer": true,
+            "dependencies": {
+                "@babel/helper-create-regexp-features-plugin": "^7.25.9",
+                "@babel/helper-plugin-utils": "^7.25.9"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            },
+            "peerDependencies": {
+                "@babel/core": "^7.0.0"
+            }
+        },
         "node_modules/@babel/plugin-transform-reserved-words": {
             "version": "7.25.9",
             "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.25.9.tgz",
             "integrity": "sha512-7DL7DKYjn5Su++4RXu8puKZm2XBPHyjWLUidaPEkCUBbE7IPcsrkRHggAOOKydH1dASWdcUBxrkOGNxUv5P3Jg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.25.9"
             },
@@ -2537,16 +2537,17 @@
             }
         },
         "node_modules/@babel/plugin-transform-runtime": {
-            "version": "7.24.7",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.24.7.tgz",
-            "integrity": "sha512-YqXjrk4C+a1kZjewqt+Mmu2UuV1s07y8kqcUf4qYLnoqemhR4gRQikhdAhSVJioMjVTu6Mo6pAbaypEA3jY6fw==",
+            "version": "7.25.9",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.25.9.tgz",
+            "integrity": "sha512-nZp7GlEl+yULJrClz0SwHPqir3lc0zsPrDHQUcxGspSL7AKrexNSEfTbfqnDNJUO13bgKyfuOLMF8Xqtu8j3YQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
-                "@babel/helper-module-imports": "^7.24.7",
-                "@babel/helper-plugin-utils": "^7.24.7",
+                "@babel/helper-module-imports": "^7.25.9",
+                "@babel/helper-plugin-utils": "^7.25.9",
                 "babel-plugin-polyfill-corejs2": "^0.4.10",
-                "babel-plugin-polyfill-corejs3": "^0.10.1",
+                "babel-plugin-polyfill-corejs3": "^0.10.6",
                 "babel-plugin-polyfill-regenerator": "^0.6.1",
                 "semver": "^6.3.1"
             },
@@ -2563,6 +2564,7 @@
             "integrity": "sha512-MUv6t0FhO5qHnS/W8XCbHmiRWOphNufpE1IVxhK5kuN3Td9FT1x4rx4K42s3RYdMXCXpfWkGSbCSd0Z64xA7Ng==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.25.9"
             },
@@ -2579,6 +2581,7 @@
             "integrity": "sha512-oNknIB0TbURU5pqJFVbOOFspVlrpVwo2H1+HUIsVDvp5VauGGDP1ZEvO8Nn5xyMEs3dakajOxlmkNW7kNgSm6A==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.25.9",
                 "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9"
@@ -2596,6 +2599,7 @@
             "integrity": "sha512-WqBUSgeVwucYDP9U/xNRQam7xV8W5Zf+6Eo7T2SRVUFlhRiMNFdFz58u0KZmCVVqs2i7SHgpRnAhzRNmKfi2uA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.25.9"
             },
@@ -2612,6 +2616,7 @@
             "integrity": "sha512-o97AE4syN71M/lxrCtQByzphAdlYluKPDBzDVzMmfCobUjjhAryZV0AIpRPrxN0eAkxXO6ZLEScmt+PNhj2OTw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.25.9"
             },
@@ -2628,6 +2633,7 @@
             "integrity": "sha512-v61XqUMiueJROUv66BVIOi0Fv/CUuZuZMl5NkRoCVxLAnMexZ0A3kMe7vvZ0nulxMuMp0Mk6S5hNh48yki08ZA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.25.9"
             },
@@ -2644,6 +2650,7 @@
             "integrity": "sha512-s5EDrE6bW97LtxOcGj1Khcx5AaXwiMmi4toFWRDP9/y0Woo6pXC+iyPu/KuhKtfSrNFd7jJB+/fkOtZy6aIC6Q==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.25.9"
             },
@@ -2660,6 +2667,7 @@
             "integrity": "sha512-Jt2d8Ga+QwRluxRQ307Vlxa6dMrYEMZCgGxoPR8V52rxPyldHu3hdlHspxaqYmE7oID5+kB+UKUB/eWS+DkkWg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-create-regexp-features-plugin": "^7.25.9",
                 "@babel/helper-plugin-utils": "^7.25.9"
@@ -2677,6 +2685,7 @@
             "integrity": "sha512-yoxstj7Rg9dlNn9UQxzk4fcNivwv4nUYz7fYXBaKxvw/lnmPuOm/ikoELygbYq68Bls3D/D+NBPHiLwZdZZ4HA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-create-regexp-features-plugin": "^7.25.9",
                 "@babel/helper-plugin-utils": "^7.25.9"
@@ -2694,6 +2703,7 @@
             "integrity": "sha512-8BYqO3GeVNHtx69fdPshN3fnzUNLrWdHhk/icSwigksJGczKSizZ+Z6SBCxTs723Fr5VSNorTIK7a+R2tISvwQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-create-regexp-features-plugin": "^7.25.9",
                 "@babel/helper-plugin-utils": "^7.25.9"
@@ -2706,94 +2716,81 @@
             }
         },
         "node_modules/@babel/preset-env": {
-            "version": "7.25.3",
-            "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.25.3.tgz",
-            "integrity": "sha512-QsYW7UeAaXvLPX9tdVliMJE7MD7M6MLYVTovRTIwhoYQVFHR1rM4wO8wqAezYi3/BpSD+NzVCZ69R6smWiIi8g==",
+            "version": "7.26.0",
+            "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.26.0.tgz",
+            "integrity": "sha512-H84Fxq0CQJNdPFT2DrfnylZ3cf5K43rGfWK4LJGPpjKHiZlk0/RzwEus3PDDZZg+/Er7lCA03MVacueUuXdzfw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
-                "@babel/compat-data": "^7.25.2",
-                "@babel/helper-compilation-targets": "^7.25.2",
-                "@babel/helper-plugin-utils": "^7.24.8",
-                "@babel/helper-validator-option": "^7.24.8",
-                "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "^7.25.3",
-                "@babel/plugin-bugfix-safari-class-field-initializer-scope": "^7.25.0",
-                "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.25.0",
-                "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.24.7",
-                "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.25.0",
+                "@babel/compat-data": "^7.26.0",
+                "@babel/helper-compilation-targets": "^7.25.9",
+                "@babel/helper-plugin-utils": "^7.25.9",
+                "@babel/helper-validator-option": "^7.25.9",
+                "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "^7.25.9",
+                "@babel/plugin-bugfix-safari-class-field-initializer-scope": "^7.25.9",
+                "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.25.9",
+                "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.25.9",
+                "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.25.9",
                 "@babel/plugin-proposal-private-property-in-object": "7.21.0-placeholder-for-preset-env.2",
-                "@babel/plugin-syntax-async-generators": "^7.8.4",
-                "@babel/plugin-syntax-class-properties": "^7.12.13",
-                "@babel/plugin-syntax-class-static-block": "^7.14.5",
-                "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-                "@babel/plugin-syntax-export-namespace-from": "^7.8.3",
-                "@babel/plugin-syntax-import-assertions": "^7.24.7",
-                "@babel/plugin-syntax-import-attributes": "^7.24.7",
-                "@babel/plugin-syntax-import-meta": "^7.10.4",
-                "@babel/plugin-syntax-json-strings": "^7.8.3",
-                "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4",
-                "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3",
-                "@babel/plugin-syntax-numeric-separator": "^7.10.4",
-                "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
-                "@babel/plugin-syntax-optional-catch-binding": "^7.8.3",
-                "@babel/plugin-syntax-optional-chaining": "^7.8.3",
-                "@babel/plugin-syntax-private-property-in-object": "^7.14.5",
-                "@babel/plugin-syntax-top-level-await": "^7.14.5",
+                "@babel/plugin-syntax-import-assertions": "^7.26.0",
+                "@babel/plugin-syntax-import-attributes": "^7.26.0",
                 "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6",
-                "@babel/plugin-transform-arrow-functions": "^7.24.7",
-                "@babel/plugin-transform-async-generator-functions": "^7.25.0",
-                "@babel/plugin-transform-async-to-generator": "^7.24.7",
-                "@babel/plugin-transform-block-scoped-functions": "^7.24.7",
-                "@babel/plugin-transform-block-scoping": "^7.25.0",
-                "@babel/plugin-transform-class-properties": "^7.24.7",
-                "@babel/plugin-transform-class-static-block": "^7.24.7",
-                "@babel/plugin-transform-classes": "^7.25.0",
-                "@babel/plugin-transform-computed-properties": "^7.24.7",
-                "@babel/plugin-transform-destructuring": "^7.24.8",
-                "@babel/plugin-transform-dotall-regex": "^7.24.7",
-                "@babel/plugin-transform-duplicate-keys": "^7.24.7",
-                "@babel/plugin-transform-duplicate-named-capturing-groups-regex": "^7.25.0",
-                "@babel/plugin-transform-dynamic-import": "^7.24.7",
-                "@babel/plugin-transform-exponentiation-operator": "^7.24.7",
-                "@babel/plugin-transform-export-namespace-from": "^7.24.7",
-                "@babel/plugin-transform-for-of": "^7.24.7",
-                "@babel/plugin-transform-function-name": "^7.25.1",
-                "@babel/plugin-transform-json-strings": "^7.24.7",
-                "@babel/plugin-transform-literals": "^7.25.2",
-                "@babel/plugin-transform-logical-assignment-operators": "^7.24.7",
-                "@babel/plugin-transform-member-expression-literals": "^7.24.7",
-                "@babel/plugin-transform-modules-amd": "^7.24.7",
-                "@babel/plugin-transform-modules-commonjs": "^7.24.8",
-                "@babel/plugin-transform-modules-systemjs": "^7.25.0",
-                "@babel/plugin-transform-modules-umd": "^7.24.7",
-                "@babel/plugin-transform-named-capturing-groups-regex": "^7.24.7",
-                "@babel/plugin-transform-new-target": "^7.24.7",
-                "@babel/plugin-transform-nullish-coalescing-operator": "^7.24.7",
-                "@babel/plugin-transform-numeric-separator": "^7.24.7",
-                "@babel/plugin-transform-object-rest-spread": "^7.24.7",
-                "@babel/plugin-transform-object-super": "^7.24.7",
-                "@babel/plugin-transform-optional-catch-binding": "^7.24.7",
-                "@babel/plugin-transform-optional-chaining": "^7.24.8",
-                "@babel/plugin-transform-parameters": "^7.24.7",
-                "@babel/plugin-transform-private-methods": "^7.24.7",
-                "@babel/plugin-transform-private-property-in-object": "^7.24.7",
-                "@babel/plugin-transform-property-literals": "^7.24.7",
-                "@babel/plugin-transform-regenerator": "^7.24.7",
-                "@babel/plugin-transform-reserved-words": "^7.24.7",
-                "@babel/plugin-transform-shorthand-properties": "^7.24.7",
-                "@babel/plugin-transform-spread": "^7.24.7",
-                "@babel/plugin-transform-sticky-regex": "^7.24.7",
-                "@babel/plugin-transform-template-literals": "^7.24.7",
-                "@babel/plugin-transform-typeof-symbol": "^7.24.8",
-                "@babel/plugin-transform-unicode-escapes": "^7.24.7",
-                "@babel/plugin-transform-unicode-property-regex": "^7.24.7",
-                "@babel/plugin-transform-unicode-regex": "^7.24.7",
-                "@babel/plugin-transform-unicode-sets-regex": "^7.24.7",
+                "@babel/plugin-transform-arrow-functions": "^7.25.9",
+                "@babel/plugin-transform-async-generator-functions": "^7.25.9",
+                "@babel/plugin-transform-async-to-generator": "^7.25.9",
+                "@babel/plugin-transform-block-scoped-functions": "^7.25.9",
+                "@babel/plugin-transform-block-scoping": "^7.25.9",
+                "@babel/plugin-transform-class-properties": "^7.25.9",
+                "@babel/plugin-transform-class-static-block": "^7.26.0",
+                "@babel/plugin-transform-classes": "^7.25.9",
+                "@babel/plugin-transform-computed-properties": "^7.25.9",
+                "@babel/plugin-transform-destructuring": "^7.25.9",
+                "@babel/plugin-transform-dotall-regex": "^7.25.9",
+                "@babel/plugin-transform-duplicate-keys": "^7.25.9",
+                "@babel/plugin-transform-duplicate-named-capturing-groups-regex": "^7.25.9",
+                "@babel/plugin-transform-dynamic-import": "^7.25.9",
+                "@babel/plugin-transform-exponentiation-operator": "^7.25.9",
+                "@babel/plugin-transform-export-namespace-from": "^7.25.9",
+                "@babel/plugin-transform-for-of": "^7.25.9",
+                "@babel/plugin-transform-function-name": "^7.25.9",
+                "@babel/plugin-transform-json-strings": "^7.25.9",
+                "@babel/plugin-transform-literals": "^7.25.9",
+                "@babel/plugin-transform-logical-assignment-operators": "^7.25.9",
+                "@babel/plugin-transform-member-expression-literals": "^7.25.9",
+                "@babel/plugin-transform-modules-amd": "^7.25.9",
+                "@babel/plugin-transform-modules-commonjs": "^7.25.9",
+                "@babel/plugin-transform-modules-systemjs": "^7.25.9",
+                "@babel/plugin-transform-modules-umd": "^7.25.9",
+                "@babel/plugin-transform-named-capturing-groups-regex": "^7.25.9",
+                "@babel/plugin-transform-new-target": "^7.25.9",
+                "@babel/plugin-transform-nullish-coalescing-operator": "^7.25.9",
+                "@babel/plugin-transform-numeric-separator": "^7.25.9",
+                "@babel/plugin-transform-object-rest-spread": "^7.25.9",
+                "@babel/plugin-transform-object-super": "^7.25.9",
+                "@babel/plugin-transform-optional-catch-binding": "^7.25.9",
+                "@babel/plugin-transform-optional-chaining": "^7.25.9",
+                "@babel/plugin-transform-parameters": "^7.25.9",
+                "@babel/plugin-transform-private-methods": "^7.25.9",
+                "@babel/plugin-transform-private-property-in-object": "^7.25.9",
+                "@babel/plugin-transform-property-literals": "^7.25.9",
+                "@babel/plugin-transform-regenerator": "^7.25.9",
+                "@babel/plugin-transform-regexp-modifiers": "^7.26.0",
+                "@babel/plugin-transform-reserved-words": "^7.25.9",
+                "@babel/plugin-transform-shorthand-properties": "^7.25.9",
+                "@babel/plugin-transform-spread": "^7.25.9",
+                "@babel/plugin-transform-sticky-regex": "^7.25.9",
+                "@babel/plugin-transform-template-literals": "^7.25.9",
+                "@babel/plugin-transform-typeof-symbol": "^7.25.9",
+                "@babel/plugin-transform-unicode-escapes": "^7.25.9",
+                "@babel/plugin-transform-unicode-property-regex": "^7.25.9",
+                "@babel/plugin-transform-unicode-regex": "^7.25.9",
+                "@babel/plugin-transform-unicode-sets-regex": "^7.25.9",
                 "@babel/preset-modules": "0.1.6-no-external-plugins",
                 "babel-plugin-polyfill-corejs2": "^0.4.10",
-                "babel-plugin-polyfill-corejs3": "^0.10.4",
+                "babel-plugin-polyfill-corejs3": "^0.10.6",
                 "babel-plugin-polyfill-regenerator": "^0.6.1",
-                "core-js-compat": "^3.37.1",
+                "core-js-compat": "^3.38.1",
                 "semver": "^6.3.1"
             },
             "engines": {
@@ -2809,6 +2806,7 @@
             "integrity": "sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.0.0",
                 "@babel/types": "^7.4.4",
@@ -2819,9 +2817,9 @@
             }
         },
         "node_modules/@babel/runtime": {
-            "version": "7.25.0",
-            "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.25.0.tgz",
-            "integrity": "sha512-7dRy4DwXwtzBrPbZflqxnvfxLF8kdZXPkhymtDeFoFqE6ldzjQFgYTtYIFARcLEYDrqfBfYcZt1WqFxRoyC9Rw==",
+            "version": "7.26.0",
+            "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.26.0.tgz",
+            "integrity": "sha512-FDSOghenHTiToteC/QRlv2q3DhPZ/oOXTBoirfWNx1Cx3TMVcGWQtMMmQcSvb/JjpNeGzx8Pq/b4fKEJuWm1sw==",
             "license": "MIT",
             "dependencies": {
                 "regenerator-runtime": "^0.14.0"
@@ -2878,18 +2876,6 @@
                 "node": ">=6.9.0"
             }
         },
-        "node_modules/@babel/traverse/node_modules/jsesc": {
-            "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
-            "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
-            "license": "MIT",
-            "bin": {
-                "jsesc": "bin/jsesc"
-            },
-            "engines": {
-                "node": ">=6"
-            }
-        },
         "node_modules/@babel/types": {
             "version": "7.26.3",
             "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.3.tgz",
@@ -2934,6 +2920,121 @@
                 "@jridgewell/sourcemap-codec": "^1.4.10"
             }
         },
+        "node_modules/@csstools/color-helpers": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/@csstools/color-helpers/-/color-helpers-5.0.1.tgz",
+            "integrity": "sha512-MKtmkA0BX87PKaO1NFRTFH+UnkgnmySQOvNxJubsadusqPEC2aJ9MOQiMceZJJ6oitUl/i0L6u0M1IrmAOmgBA==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/csstools"
+                },
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/csstools"
+                }
+            ],
+            "license": "MIT-0",
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@csstools/css-calc": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-2.1.1.tgz",
+            "integrity": "sha512-rL7kaUnTkL9K+Cvo2pnCieqNpTKgQzy5f+N+5Iuko9HAoasP+xgprVh7KN/MaJVvVL1l0EzQq2MoqBHKSrDrag==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/csstools"
+                },
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/csstools"
+                }
+            ],
+            "license": "MIT",
+            "engines": {
+                "node": ">=18"
+            },
+            "peerDependencies": {
+                "@csstools/css-parser-algorithms": "^3.0.4",
+                "@csstools/css-tokenizer": "^3.0.3"
+            }
+        },
+        "node_modules/@csstools/css-color-parser": {
+            "version": "3.0.7",
+            "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-3.0.7.tgz",
+            "integrity": "sha512-nkMp2mTICw32uE5NN+EsJ4f5N+IGFeCFu4bGpiKgb2Pq/7J/MpyLBeQ5ry4KKtRFZaYs6sTmcMYrSRIyj5DFKA==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/csstools"
+                },
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/csstools"
+                }
+            ],
+            "license": "MIT",
+            "dependencies": {
+                "@csstools/color-helpers": "^5.0.1",
+                "@csstools/css-calc": "^2.1.1"
+            },
+            "engines": {
+                "node": ">=18"
+            },
+            "peerDependencies": {
+                "@csstools/css-parser-algorithms": "^3.0.4",
+                "@csstools/css-tokenizer": "^3.0.3"
+            }
+        },
+        "node_modules/@csstools/css-parser-algorithms": {
+            "version": "3.0.4",
+            "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-3.0.4.tgz",
+            "integrity": "sha512-Up7rBoV77rv29d3uKHUIVubz1BTcgyUK72IvCQAbfbMv584xHcGKCKbWh7i8hPrRJ7qU4Y8IO3IY9m+iTB7P3A==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/csstools"
+                },
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/csstools"
+                }
+            ],
+            "license": "MIT",
+            "engines": {
+                "node": ">=18"
+            },
+            "peerDependencies": {
+                "@csstools/css-tokenizer": "^3.0.3"
+            }
+        },
+        "node_modules/@csstools/css-tokenizer": {
+            "version": "3.0.3",
+            "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-3.0.3.tgz",
+            "integrity": "sha512-UJnjoFsmxfKUdNYdWgOB0mWUypuLvAfQPH1+pyvRJs6euowbFkFC6P13w1l8mJyi3vxYMxc9kld5jZEGRQs6bw==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/csstools"
+                },
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/csstools"
+                }
+            ],
+            "license": "MIT",
+            "engines": {
+                "node": ">=18"
+            }
+        },
         "node_modules/@ctrl/ngx-emoji-mart": {
             "version": "9.2.0",
             "resolved": "https://registry.npmjs.org/@ctrl/ngx-emoji-mart/-/ngx-emoji-mart-9.2.0.tgz",
@@ -2947,25 +3048,26 @@
             }
         },
         "node_modules/@danielmoncada/angular-datetime-picker": {
-            "version": "18.1.0",
-            "resolved": "https://registry.npmjs.org/@danielmoncada/angular-datetime-picker/-/angular-datetime-picker-18.1.0.tgz",
-            "integrity": "sha512-hNp0DBFlCMIKa6yvZKocmm2ZCVzevX60z/ZIhRlNVaKwU+Wwh9B/KfvqwT03uvmZWSFQSnNUoPGBTyx0fyTayw==",
+            "version": "19.0.0",
+            "resolved": "https://registry.npmjs.org/@danielmoncada/angular-datetime-picker/-/angular-datetime-picker-19.0.0.tgz",
+            "integrity": "sha512-et7y0E7Yn24ey757Txyoq0xokPOzhtqqj23fDvdBmR9oLh4w9A9dQoFA1aizpPw+7kc0dwbid+gGNZxdbrxfng==",
             "license": "MIT",
             "dependencies": {
                 "tslib": "^2.6.2"
             },
             "peerDependencies": {
-                "@angular/cdk": "^18.0.0",
-                "@angular/common": "^18.0.0",
-                "@angular/core": "^18.0.0"
+                "@angular/cdk": "^19.0.0",
+                "@angular/common": "^19.0.0",
+                "@angular/core": "^19.0.0"
             }
         },
         "node_modules/@discoveryjs/json-ext": {
-            "version": "0.6.1",
-            "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.6.1.tgz",
-            "integrity": "sha512-boghen8F0Q8D+0/Q1/1r6DUEieUJ8w2a1gIknExMSHBsJFOr2+0KUfHiVYBvucPwl3+RU5PFBK833FjFCh3BhA==",
+            "version": "0.6.3",
+            "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.6.3.tgz",
+            "integrity": "sha512-4B4OijXeVNOPZlYA2oEwWOTkzyltLao+xbotHQeqN++Rv27Y6s818+n2Qkp8q+Fxhn0t/5lA5X1Mxktud8eayQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">=14.17.0"
             }
@@ -3029,9 +3131,9 @@
             "license": "MIT"
         },
         "node_modules/@esbuild/aix-ppc64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.23.0.tgz",
-            "integrity": "sha512-3sG8Zwa5fMcA9bgqB8AfWPQ+HFke6uD3h1s3RIwUNK8EG7a4buxvuFTs3j1IMs2NXAk9F30C/FF4vxRgQCcmoQ==",
+            "version": "0.24.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.24.0.tgz",
+            "integrity": "sha512-WtKdFM7ls47zkKHFVzMz8opM7LkcsIp9amDUBIAWirg70RM71WRSjdILPsY5Uv1D42ZpUfaPILDlfactHgsRkw==",
             "cpu": [
                 "ppc64"
             ],
@@ -3046,9 +3148,9 @@
             }
         },
         "node_modules/@esbuild/android-arm": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.23.0.tgz",
-            "integrity": "sha512-+KuOHTKKyIKgEEqKbGTK8W7mPp+hKinbMBeEnNzjJGyFcWsfrXjSTNluJHCY1RqhxFurdD8uNXQDei7qDlR6+g==",
+            "version": "0.24.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.24.0.tgz",
+            "integrity": "sha512-arAtTPo76fJ/ICkXWetLCc9EwEHKaeya4vMrReVlEIUCAUncH7M4bhMQ+M9Vf+FFOZJdTNMXNBrWwW+OXWpSew==",
             "cpu": [
                 "arm"
             ],
@@ -3063,9 +3165,9 @@
             }
         },
         "node_modules/@esbuild/android-arm64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.23.0.tgz",
-            "integrity": "sha512-EuHFUYkAVfU4qBdyivULuu03FhJO4IJN9PGuABGrFy4vUuzk91P2d+npxHcFdpUnfYKy0PuV+n6bKIpHOB3prQ==",
+            "version": "0.24.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.24.0.tgz",
+            "integrity": "sha512-Vsm497xFM7tTIPYK9bNTYJyF/lsP590Qc1WxJdlB6ljCbdZKU9SY8i7+Iin4kyhV/KV5J2rOKsBQbB77Ab7L/w==",
             "cpu": [
                 "arm64"
             ],
@@ -3080,9 +3182,9 @@
             }
         },
         "node_modules/@esbuild/android-x64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.23.0.tgz",
-            "integrity": "sha512-WRrmKidLoKDl56LsbBMhzTTBxrsVwTKdNbKDalbEZr0tcsBgCLbEtoNthOW6PX942YiYq8HzEnb4yWQMLQuipQ==",
+            "version": "0.24.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.24.0.tgz",
+            "integrity": "sha512-t8GrvnFkiIY7pa7mMgJd7p8p8qqYIz1NYiAoKc75Zyv73L3DZW++oYMSHPRarcotTKuSs6m3hTOa5CKHaS02TQ==",
             "cpu": [
                 "x64"
             ],
@@ -3097,9 +3199,9 @@
             }
         },
         "node_modules/@esbuild/darwin-arm64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.23.0.tgz",
-            "integrity": "sha512-YLntie/IdS31H54Ogdn+v50NuoWF5BDkEUFpiOChVa9UnKpftgwzZRrI4J132ETIi+D8n6xh9IviFV3eXdxfow==",
+            "version": "0.24.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.24.0.tgz",
+            "integrity": "sha512-CKyDpRbK1hXwv79soeTJNHb5EiG6ct3efd/FTPdzOWdbZZfGhpbcqIpiD0+vwmpu0wTIL97ZRPZu8vUt46nBSw==",
             "cpu": [
                 "arm64"
             ],
@@ -3114,9 +3216,9 @@
             }
         },
         "node_modules/@esbuild/darwin-x64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.23.0.tgz",
-            "integrity": "sha512-IMQ6eme4AfznElesHUPDZ+teuGwoRmVuuixu7sv92ZkdQcPbsNHzutd+rAfaBKo8YK3IrBEi9SLLKWJdEvJniQ==",
+            "version": "0.24.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.24.0.tgz",
+            "integrity": "sha512-rgtz6flkVkh58od4PwTRqxbKH9cOjaXCMZgWD905JOzjFKW+7EiUObfd/Kav+A6Gyud6WZk9w+xu6QLytdi2OA==",
             "cpu": [
                 "x64"
             ],
@@ -3131,9 +3233,9 @@
             }
         },
         "node_modules/@esbuild/freebsd-arm64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.23.0.tgz",
-            "integrity": "sha512-0muYWCng5vqaxobq6LB3YNtevDFSAZGlgtLoAc81PjUfiFz36n4KMpwhtAd4he8ToSI3TGyuhyx5xmiWNYZFyw==",
+            "version": "0.24.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.24.0.tgz",
+            "integrity": "sha512-6Mtdq5nHggwfDNLAHkPlyLBpE5L6hwsuXZX8XNmHno9JuL2+bg2BX5tRkwjyfn6sKbxZTq68suOjgWqCicvPXA==",
             "cpu": [
                 "arm64"
             ],
@@ -3148,9 +3250,9 @@
             }
         },
         "node_modules/@esbuild/freebsd-x64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.23.0.tgz",
-            "integrity": "sha512-XKDVu8IsD0/q3foBzsXGt/KjD/yTKBCIwOHE1XwiXmrRwrX6Hbnd5Eqn/WvDekddK21tfszBSrE/WMaZh+1buQ==",
+            "version": "0.24.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.24.0.tgz",
+            "integrity": "sha512-D3H+xh3/zphoX8ck4S2RxKR6gHlHDXXzOf6f/9dbFt/NRBDIE33+cVa49Kil4WUjxMGW0ZIYBYtaGCa2+OsQwQ==",
             "cpu": [
                 "x64"
             ],
@@ -3165,9 +3267,9 @@
             }
         },
         "node_modules/@esbuild/linux-arm": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.23.0.tgz",
-            "integrity": "sha512-SEELSTEtOFu5LPykzA395Mc+54RMg1EUgXP+iw2SJ72+ooMwVsgfuwXo5Fn0wXNgWZsTVHwY2cg4Vi/bOD88qw==",
+            "version": "0.24.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.24.0.tgz",
+            "integrity": "sha512-gJKIi2IjRo5G6Glxb8d3DzYXlxdEj2NlkixPsqePSZMhLudqPhtZ4BUrpIuTjJYXxvF9njql+vRjB2oaC9XpBw==",
             "cpu": [
                 "arm"
             ],
@@ -3182,9 +3284,9 @@
             }
         },
         "node_modules/@esbuild/linux-arm64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.23.0.tgz",
-            "integrity": "sha512-j1t5iG8jE7BhonbsEg5d9qOYcVZv/Rv6tghaXM/Ug9xahM0nX/H2gfu6X6z11QRTMT6+aywOMA8TDkhPo8aCGw==",
+            "version": "0.24.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.24.0.tgz",
+            "integrity": "sha512-TDijPXTOeE3eaMkRYpcy3LarIg13dS9wWHRdwYRnzlwlA370rNdZqbcp0WTyyV/k2zSxfko52+C7jU5F9Tfj1g==",
             "cpu": [
                 "arm64"
             ],
@@ -3199,9 +3301,9 @@
             }
         },
         "node_modules/@esbuild/linux-ia32": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.23.0.tgz",
-            "integrity": "sha512-P7O5Tkh2NbgIm2R6x1zGJJsnacDzTFcRWZyTTMgFdVit6E98LTxO+v8LCCLWRvPrjdzXHx9FEOA8oAZPyApWUA==",
+            "version": "0.24.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.24.0.tgz",
+            "integrity": "sha512-K40ip1LAcA0byL05TbCQ4yJ4swvnbzHscRmUilrmP9Am7//0UjPreh4lpYzvThT2Quw66MhjG//20mrufm40mA==",
             "cpu": [
                 "ia32"
             ],
@@ -3216,9 +3318,9 @@
             }
         },
         "node_modules/@esbuild/linux-loong64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.23.0.tgz",
-            "integrity": "sha512-InQwepswq6urikQiIC/kkx412fqUZudBO4SYKu0N+tGhXRWUqAx+Q+341tFV6QdBifpjYgUndV1hhMq3WeJi7A==",
+            "version": "0.24.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.24.0.tgz",
+            "integrity": "sha512-0mswrYP/9ai+CU0BzBfPMZ8RVm3RGAN/lmOMgW4aFUSOQBjA31UP8Mr6DDhWSuMwj7jaWOT0p0WoZ6jeHhrD7g==",
             "cpu": [
                 "loong64"
             ],
@@ -3233,9 +3335,9 @@
             }
         },
         "node_modules/@esbuild/linux-mips64el": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.23.0.tgz",
-            "integrity": "sha512-J9rflLtqdYrxHv2FqXE2i1ELgNjT+JFURt/uDMoPQLcjWQA5wDKgQA4t/dTqGa88ZVECKaD0TctwsUfHbVoi4w==",
+            "version": "0.24.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.24.0.tgz",
+            "integrity": "sha512-hIKvXm0/3w/5+RDtCJeXqMZGkI2s4oMUGj3/jM0QzhgIASWrGO5/RlzAzm5nNh/awHE0A19h/CvHQe6FaBNrRA==",
             "cpu": [
                 "mips64el"
             ],
@@ -3250,9 +3352,9 @@
             }
         },
         "node_modules/@esbuild/linux-ppc64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.23.0.tgz",
-            "integrity": "sha512-cShCXtEOVc5GxU0fM+dsFD10qZ5UpcQ8AM22bYj0u/yaAykWnqXJDpd77ublcX6vdDsWLuweeuSNZk4yUxZwtw==",
+            "version": "0.24.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.24.0.tgz",
+            "integrity": "sha512-HcZh5BNq0aC52UoocJxaKORfFODWXZxtBaaZNuN3PUX3MoDsChsZqopzi5UupRhPHSEHotoiptqikjN/B77mYQ==",
             "cpu": [
                 "ppc64"
             ],
@@ -3267,9 +3369,9 @@
             }
         },
         "node_modules/@esbuild/linux-riscv64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.23.0.tgz",
-            "integrity": "sha512-HEtaN7Y5UB4tZPeQmgz/UhzoEyYftbMXrBCUjINGjh3uil+rB/QzzpMshz3cNUxqXN7Vr93zzVtpIDL99t9aRw==",
+            "version": "0.24.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.24.0.tgz",
+            "integrity": "sha512-bEh7dMn/h3QxeR2KTy1DUszQjUrIHPZKyO6aN1X4BCnhfYhuQqedHaa5MxSQA/06j3GpiIlFGSsy1c7Gf9padw==",
             "cpu": [
                 "riscv64"
             ],
@@ -3284,9 +3386,9 @@
             }
         },
         "node_modules/@esbuild/linux-s390x": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.23.0.tgz",
-            "integrity": "sha512-WDi3+NVAuyjg/Wxi+o5KPqRbZY0QhI9TjrEEm+8dmpY9Xir8+HE/HNx2JoLckhKbFopW0RdO2D72w8trZOV+Wg==",
+            "version": "0.24.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.24.0.tgz",
+            "integrity": "sha512-ZcQ6+qRkw1UcZGPyrCiHHkmBaj9SiCD8Oqd556HldP+QlpUIe2Wgn3ehQGVoPOvZvtHm8HPx+bH20c9pvbkX3g==",
             "cpu": [
                 "s390x"
             ],
@@ -3301,9 +3403,9 @@
             }
         },
         "node_modules/@esbuild/linux-x64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.23.0.tgz",
-            "integrity": "sha512-a3pMQhUEJkITgAw6e0bWA+F+vFtCciMjW/LPtoj99MhVt+Mfb6bbL9hu2wmTZgNd994qTAEw+U/r6k3qHWWaOQ==",
+            "version": "0.24.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.24.0.tgz",
+            "integrity": "sha512-vbutsFqQ+foy3wSSbmjBXXIJ6PL3scghJoM8zCL142cGaZKAdCZHyf+Bpu/MmX9zT9Q0zFBVKb36Ma5Fzfa8xA==",
             "cpu": [
                 "x64"
             ],
@@ -3318,9 +3420,9 @@
             }
         },
         "node_modules/@esbuild/netbsd-x64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.23.0.tgz",
-            "integrity": "sha512-cRK+YDem7lFTs2Q5nEv/HHc4LnrfBCbH5+JHu6wm2eP+d8OZNoSMYgPZJq78vqQ9g+9+nMuIsAO7skzphRXHyw==",
+            "version": "0.24.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.24.0.tgz",
+            "integrity": "sha512-hjQ0R/ulkO8fCYFsG0FZoH+pWgTTDreqpqY7UnQntnaKv95uP5iW3+dChxnx7C3trQQU40S+OgWhUVwCjVFLvg==",
             "cpu": [
                 "x64"
             ],
@@ -3335,9 +3437,9 @@
             }
         },
         "node_modules/@esbuild/openbsd-arm64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.23.0.tgz",
-            "integrity": "sha512-suXjq53gERueVWu0OKxzWqk7NxiUWSUlrxoZK7usiF50C6ipColGR5qie2496iKGYNLhDZkPxBI3erbnYkU0rQ==",
+            "version": "0.24.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.24.0.tgz",
+            "integrity": "sha512-MD9uzzkPQbYehwcN583yx3Tu5M8EIoTD+tUgKF982WYL9Pf5rKy9ltgD0eUgs8pvKnmizxjXZyLt0z6DC3rRXg==",
             "cpu": [
                 "arm64"
             ],
@@ -3352,9 +3454,9 @@
             }
         },
         "node_modules/@esbuild/openbsd-x64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.23.0.tgz",
-            "integrity": "sha512-6p3nHpby0DM/v15IFKMjAaayFhqnXV52aEmv1whZHX56pdkK+MEaLoQWj+H42ssFarP1PcomVhbsR4pkz09qBg==",
+            "version": "0.24.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.24.0.tgz",
+            "integrity": "sha512-4ir0aY1NGUhIC1hdoCzr1+5b43mw99uNwVzhIq1OY3QcEwPDO3B7WNXBzaKY5Nsf1+N11i1eOfFcq+D/gOS15Q==",
             "cpu": [
                 "x64"
             ],
@@ -3369,9 +3471,9 @@
             }
         },
         "node_modules/@esbuild/sunos-x64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.23.0.tgz",
-            "integrity": "sha512-BFelBGfrBwk6LVrmFzCq1u1dZbG4zy/Kp93w2+y83Q5UGYF1d8sCzeLI9NXjKyujjBBniQa8R8PzLFAUrSM9OA==",
+            "version": "0.24.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.24.0.tgz",
+            "integrity": "sha512-jVzdzsbM5xrotH+W5f1s+JtUy1UWgjU0Cf4wMvffTB8m6wP5/kx0KiaLHlbJO+dMgtxKV8RQ/JvtlFcdZ1zCPA==",
             "cpu": [
                 "x64"
             ],
@@ -3386,9 +3488,9 @@
             }
         },
         "node_modules/@esbuild/win32-arm64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.23.0.tgz",
-            "integrity": "sha512-lY6AC8p4Cnb7xYHuIxQ6iYPe6MfO2CC43XXKo9nBXDb35krYt7KGhQnOkRGar5psxYkircpCqfbNDB4uJbS2jQ==",
+            "version": "0.24.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.24.0.tgz",
+            "integrity": "sha512-iKc8GAslzRpBytO2/aN3d2yb2z8XTVfNV0PjGlCxKo5SgWmNXx82I/Q3aG1tFfS+A2igVCY97TJ8tnYwpUWLCA==",
             "cpu": [
                 "arm64"
             ],
@@ -3403,9 +3505,9 @@
             }
         },
         "node_modules/@esbuild/win32-ia32": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.23.0.tgz",
-            "integrity": "sha512-7L1bHlOTcO4ByvI7OXVI5pNN6HSu6pUQq9yodga8izeuB1KcT2UkHaH6118QJwopExPn0rMHIseCTx1CRo/uNA==",
+            "version": "0.24.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.24.0.tgz",
+            "integrity": "sha512-vQW36KZolfIudCcTnaTpmLQ24Ha1RjygBo39/aLkM2kmjkWmZGEJ5Gn9l5/7tzXA42QGIoWbICfg6KLLkIw6yw==",
             "cpu": [
                 "ia32"
             ],
@@ -3420,9 +3522,9 @@
             }
         },
         "node_modules/@esbuild/win32-x64": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.23.0.tgz",
-            "integrity": "sha512-Arm+WgUFLUATuoxCJcahGuk6Yj9Pzxd6l11Zb/2aAuv5kWWvvfhLFo2fni4uSK5vzlUdCGZ/BdV5tH8klj8p8g==",
+            "version": "0.24.0",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.24.0.tgz",
+            "integrity": "sha512-7IAFPrjSQIJrGsK6flwg7NFmwBoSTyF3rl7If0hNUFQU4ilTsEPL6GuMuU9BfIWVVGuRnuIidkSMC+c0Otu8IA==",
             "cpu": [
                 "x64"
             ],
@@ -3505,9 +3607,9 @@
             }
         },
         "node_modules/@eslint/core": {
-            "version": "0.9.1",
-            "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.9.1.tgz",
-            "integrity": "sha512-GuUdqkyyzQI5RMIWkHhvTWLCyLo1jNK3vzkSyaExH5kHPDHcuL2VOpHjmMY+y3+NC69qAKToBqldTBgYeLSr9Q==",
+            "version": "0.10.0",
+            "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.10.0.tgz",
+            "integrity": "sha512-gFHJ+xBOo4G3WRlR1e/3G8A6/KZAH6zcE/hkLRCZTi/B9avAG365QhFA8uOGzTMqgTghpn7/fSnscW++dpMSAw==",
             "dev": true,
             "license": "Apache-2.0",
             "dependencies": {
@@ -3613,9 +3715,9 @@
             }
         },
         "node_modules/@eslint/js": {
-            "version": "9.17.0",
-            "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.17.0.tgz",
-            "integrity": "sha512-Sxc4hqcs1kTu0iID3kcZDW3JHq2a77HO9P8CP6YEA/FpH3Ll8UXE2r/86Rz9YJLKme39S9vU5OWNjC6Xl0Cr3w==",
+            "version": "9.18.0",
+            "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.18.0.tgz",
+            "integrity": "sha512-fK6L7rxcq6/z+AaQMtiFTkvbHkBLNlwyRxHpKawP0x3u9+NC6MQTnFW+AdpwC6gfHTW0051cokQgtTN2FqlxQA==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -3633,12 +3735,13 @@
             }
         },
         "node_modules/@eslint/plugin-kit": {
-            "version": "0.2.4",
-            "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.2.4.tgz",
-            "integrity": "sha512-zSkKow6H5Kdm0ZUQUB2kV5JIXqoG0+uH5YADhaEHswm664N9Db8dXSi0nMJpacpMf+MyyglF1vnZohpEg5yUtg==",
+            "version": "0.2.5",
+            "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.2.5.tgz",
+            "integrity": "sha512-lB05FkqEdUg2AA0xEbUz0SnkXT1LcCTa438W4IWTUh4hdOnVbQyOJ81OrDXsJk/LSiJHubgGEFoR5EHq1NsH1A==",
             "dev": true,
             "license": "Apache-2.0",
             "dependencies": {
+                "@eslint/core": "^0.10.0",
                 "levn": "^0.4.1"
             },
             "engines": {
@@ -3655,16 +3758,16 @@
             }
         },
         "node_modules/@fortawesome/angular-fontawesome": {
-            "version": "0.15.0",
-            "resolved": "https://registry.npmjs.org/@fortawesome/angular-fontawesome/-/angular-fontawesome-0.15.0.tgz",
-            "integrity": "sha512-oxmJDYGNSym5ycFR0LX4ZOPAU+wWmMAznYpkm5DNAtWWkhMLcrZl15eZQmVIEE+qruQ7JiVrg3tpo8bEkFlDgw==",
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@fortawesome/angular-fontawesome/-/angular-fontawesome-1.0.0.tgz",
+            "integrity": "sha512-EC2fYuXIuw2ld1kzJi+zysWus6OeGGfLQtbh0hW9zyyq5aBo8ZJkcJKBsVQ8E6Mg7nHyTWaXn+sdcXTPDWz+UQ==",
             "license": "MIT",
             "dependencies": {
-                "@fortawesome/fontawesome-svg-core": "^6.5.2",
-                "tslib": "^2.6.2"
+                "@fortawesome/fontawesome-svg-core": "^6.7.1",
+                "tslib": "^2.8.1"
             },
             "peerDependencies": {
-                "@angular/core": "^18.0.0"
+                "@angular/core": "^19.0.0"
             }
         },
         "node_modules/@fortawesome/fontawesome-common-types": {
@@ -3788,51 +3891,54 @@
             }
         },
         "node_modules/@inquirer/checkbox": {
-            "version": "2.5.0",
-            "resolved": "https://registry.npmjs.org/@inquirer/checkbox/-/checkbox-2.5.0.tgz",
-            "integrity": "sha512-sMgdETOfi2dUHT8r7TT1BTKOwNvdDGFDXYWtQ2J69SvlYNntk9I/gJe7r5yvMwwsuKnYbuRs3pNhx4tgNck5aA==",
+            "version": "4.0.4",
+            "resolved": "https://registry.npmjs.org/@inquirer/checkbox/-/checkbox-4.0.4.tgz",
+            "integrity": "sha512-fYAKCAcGNMdfjL6hZTRUwkIByQ8EIZCXKrIQZH7XjADnN/xvRUhj8UdBbpC4zoUzvChhkSC/zRKaP/tDs3dZpg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@inquirer/core": "^9.1.0",
-                "@inquirer/figures": "^1.0.5",
-                "@inquirer/type": "^1.5.3",
+                "@inquirer/core": "^10.1.2",
+                "@inquirer/figures": "^1.0.9",
+                "@inquirer/type": "^3.0.2",
                 "ansi-escapes": "^4.3.2",
                 "yoctocolors-cjs": "^2.1.2"
             },
             "engines": {
                 "node": ">=18"
+            },
+            "peerDependencies": {
+                "@types/node": ">=18"
             }
         },
         "node_modules/@inquirer/confirm": {
-            "version": "3.1.22",
-            "resolved": "https://registry.npmjs.org/@inquirer/confirm/-/confirm-3.1.22.tgz",
-            "integrity": "sha512-gsAKIOWBm2Q87CDfs9fEo7wJT3fwWIJfnDGMn9Qy74gBnNFOACDNfhUzovubbJjWnKLGBln7/NcSmZwj5DuEXg==",
+            "version": "5.0.2",
+            "resolved": "https://registry.npmjs.org/@inquirer/confirm/-/confirm-5.0.2.tgz",
+            "integrity": "sha512-KJLUHOaKnNCYzwVbryj3TNBxyZIrr56fR5N45v6K9IPrbT6B7DcudBMfylkV1A8PUdJE15mybkEQyp2/ZUpxUA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@inquirer/core": "^9.0.10",
-                "@inquirer/type": "^1.5.2"
+                "@inquirer/core": "^10.1.0",
+                "@inquirer/type": "^3.0.1"
             },
             "engines": {
                 "node": ">=18"
+            },
+            "peerDependencies": {
+                "@types/node": ">=18"
             }
         },
         "node_modules/@inquirer/core": {
-            "version": "9.2.1",
-            "resolved": "https://registry.npmjs.org/@inquirer/core/-/core-9.2.1.tgz",
-            "integrity": "sha512-F2VBt7W/mwqEU4bL0RnHNZmC/OxzNx9cOYxHqnXX3MP6ruYvZUZAW9imgN9+h/uBT/oP8Gh888J2OZSbjSeWcg==",
+            "version": "10.1.2",
+            "resolved": "https://registry.npmjs.org/@inquirer/core/-/core-10.1.2.tgz",
+            "integrity": "sha512-bHd96F3ezHg1mf/J0Rb4CV8ndCN0v28kUlrHqP7+ECm1C/A+paB7Xh2lbMk6x+kweQC+rZOxM/YeKikzxco8bQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@inquirer/figures": "^1.0.6",
-                "@inquirer/type": "^2.0.0",
-                "@types/mute-stream": "^0.0.4",
-                "@types/node": "^22.5.5",
-                "@types/wrap-ansi": "^3.0.0",
+                "@inquirer/figures": "^1.0.9",
+                "@inquirer/type": "^3.0.2",
                 "ansi-escapes": "^4.3.2",
                 "cli-width": "^4.1.0",
-                "mute-stream": "^1.0.0",
+                "mute-stream": "^2.0.0",
                 "signal-exit": "^4.1.0",
                 "strip-ansi": "^6.0.1",
                 "wrap-ansi": "^6.2.0",
@@ -3842,47 +3948,40 @@
                 "node": ">=18"
             }
         },
-        "node_modules/@inquirer/core/node_modules/@inquirer/type": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/@inquirer/type/-/type-2.0.0.tgz",
-            "integrity": "sha512-XvJRx+2KR3YXyYtPUUy+qd9i7p+GO9Ko6VIIpWlBrpWwXDv8WLFeHTxz35CfQFUiBMLXlGHhGzys7lqit9gWag==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "mute-stream": "^1.0.0"
-            },
-            "engines": {
-                "node": ">=18"
-            }
-        },
         "node_modules/@inquirer/editor": {
-            "version": "2.2.0",
-            "resolved": "https://registry.npmjs.org/@inquirer/editor/-/editor-2.2.0.tgz",
-            "integrity": "sha512-9KHOpJ+dIL5SZli8lJ6xdaYLPPzB8xB9GZItg39MBybzhxA16vxmszmQFrRwbOA918WA2rvu8xhDEg/p6LXKbw==",
+            "version": "4.2.1",
+            "resolved": "https://registry.npmjs.org/@inquirer/editor/-/editor-4.2.1.tgz",
+            "integrity": "sha512-xn9aDaiP6nFa432i68JCaL302FyL6y/6EG97nAtfIPnWZ+mWPgCMLGc4XZ2QQMsZtu9q3Jd5AzBPjXh10aX9kA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@inquirer/core": "^9.1.0",
-                "@inquirer/type": "^1.5.3",
+                "@inquirer/core": "^10.1.2",
+                "@inquirer/type": "^3.0.2",
                 "external-editor": "^3.1.0"
             },
             "engines": {
                 "node": ">=18"
+            },
+            "peerDependencies": {
+                "@types/node": ">=18"
             }
         },
         "node_modules/@inquirer/expand": {
-            "version": "2.3.0",
-            "resolved": "https://registry.npmjs.org/@inquirer/expand/-/expand-2.3.0.tgz",
-            "integrity": "sha512-qnJsUcOGCSG1e5DTOErmv2BPQqrtT6uzqn1vI/aYGiPKq+FgslGZmtdnXbhuI7IlT7OByDoEEqdnhUnVR2hhLw==",
+            "version": "4.0.4",
+            "resolved": "https://registry.npmjs.org/@inquirer/expand/-/expand-4.0.4.tgz",
+            "integrity": "sha512-GYocr+BPyxKPxQ4UZyNMqZFSGKScSUc0Vk17II3J+0bDcgGsQm0KYQNooN1Q5iBfXsy3x/VWmHGh20QnzsaHwg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@inquirer/core": "^9.1.0",
-                "@inquirer/type": "^1.5.3",
+                "@inquirer/core": "^10.1.2",
+                "@inquirer/type": "^3.0.2",
                 "yoctocolors-cjs": "^2.1.2"
             },
             "engines": {
                 "node": ">=18"
+            },
+            "peerDependencies": {
+                "@types/node": ">=18"
             }
         },
         "node_modules/@inquirer/figures": {
@@ -3896,129 +3995,150 @@
             }
         },
         "node_modules/@inquirer/input": {
-            "version": "2.3.0",
-            "resolved": "https://registry.npmjs.org/@inquirer/input/-/input-2.3.0.tgz",
-            "integrity": "sha512-XfnpCStx2xgh1LIRqPXrTNEEByqQWoxsWYzNRSEUxJ5c6EQlhMogJ3vHKu8aXuTacebtaZzMAHwEL0kAflKOBw==",
+            "version": "4.1.1",
+            "resolved": "https://registry.npmjs.org/@inquirer/input/-/input-4.1.1.tgz",
+            "integrity": "sha512-nAXAHQndZcXB+7CyjIW3XuQZZHbQQ0q8LX6miY6bqAWwDzNa9JUioDBYrFmOUNIsuF08o1WT/m2gbBXvBhYVxg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@inquirer/core": "^9.1.0",
-                "@inquirer/type": "^1.5.3"
+                "@inquirer/core": "^10.1.2",
+                "@inquirer/type": "^3.0.2"
             },
             "engines": {
                 "node": ">=18"
+            },
+            "peerDependencies": {
+                "@types/node": ">=18"
             }
         },
         "node_modules/@inquirer/number": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/@inquirer/number/-/number-1.1.0.tgz",
-            "integrity": "sha512-ilUnia/GZUtfSZy3YEErXLJ2Sljo/mf9fiKc08n18DdwdmDbOzRcTv65H1jjDvlsAuvdFXf4Sa/aL7iw/NanVA==",
+            "version": "3.0.4",
+            "resolved": "https://registry.npmjs.org/@inquirer/number/-/number-3.0.4.tgz",
+            "integrity": "sha512-DX7a6IXRPU0j8kr2ovf+QaaDiIf+zEKaZVzCWdLOTk7XigqSXvoh4cul7x68xp54WTQrgSnW7P1WBJDbyY3GhA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@inquirer/core": "^9.1.0",
-                "@inquirer/type": "^1.5.3"
+                "@inquirer/core": "^10.1.2",
+                "@inquirer/type": "^3.0.2"
             },
             "engines": {
                 "node": ">=18"
+            },
+            "peerDependencies": {
+                "@types/node": ">=18"
             }
         },
         "node_modules/@inquirer/password": {
-            "version": "2.2.0",
-            "resolved": "https://registry.npmjs.org/@inquirer/password/-/password-2.2.0.tgz",
-            "integrity": "sha512-5otqIpgsPYIshqhgtEwSspBQE40etouR8VIxzpJkv9i0dVHIpyhiivbkH9/dGiMLdyamT54YRdGJLfl8TFnLHg==",
+            "version": "4.0.4",
+            "resolved": "https://registry.npmjs.org/@inquirer/password/-/password-4.0.4.tgz",
+            "integrity": "sha512-wiliQOWdjM8FnBmdIHtQV2Ca3S1+tMBUerhyjkRCv1g+4jSvEweGu9GCcvVEgKDhTBT15nrxvk5/bVrGUqSs1w==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@inquirer/core": "^9.1.0",
-                "@inquirer/type": "^1.5.3",
+                "@inquirer/core": "^10.1.2",
+                "@inquirer/type": "^3.0.2",
                 "ansi-escapes": "^4.3.2"
             },
             "engines": {
                 "node": ">=18"
+            },
+            "peerDependencies": {
+                "@types/node": ">=18"
             }
         },
         "node_modules/@inquirer/prompts": {
-            "version": "5.3.8",
-            "resolved": "https://registry.npmjs.org/@inquirer/prompts/-/prompts-5.3.8.tgz",
-            "integrity": "sha512-b2BudQY/Si4Y2a0PdZZL6BeJtl8llgeZa7U2j47aaJSCeAl1e4UI7y8a9bSkO3o/ZbZrgT5muy/34JbsjfIWxA==",
+            "version": "7.1.0",
+            "resolved": "https://registry.npmjs.org/@inquirer/prompts/-/prompts-7.1.0.tgz",
+            "integrity": "sha512-5U/XiVRH2pp1X6gpNAjWOglMf38/Ys522ncEHIKT1voRUvSj/DQnR22OVxHnwu5S+rCFaUiPQ57JOtMFQayqYA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@inquirer/checkbox": "^2.4.7",
-                "@inquirer/confirm": "^3.1.22",
-                "@inquirer/editor": "^2.1.22",
-                "@inquirer/expand": "^2.1.22",
-                "@inquirer/input": "^2.2.9",
-                "@inquirer/number": "^1.0.10",
-                "@inquirer/password": "^2.1.22",
-                "@inquirer/rawlist": "^2.2.4",
-                "@inquirer/search": "^1.0.7",
-                "@inquirer/select": "^2.4.7"
+                "@inquirer/checkbox": "^4.0.2",
+                "@inquirer/confirm": "^5.0.2",
+                "@inquirer/editor": "^4.1.0",
+                "@inquirer/expand": "^4.0.2",
+                "@inquirer/input": "^4.0.2",
+                "@inquirer/number": "^3.0.2",
+                "@inquirer/password": "^4.0.2",
+                "@inquirer/rawlist": "^4.0.2",
+                "@inquirer/search": "^3.0.2",
+                "@inquirer/select": "^4.0.2"
             },
             "engines": {
                 "node": ">=18"
+            },
+            "peerDependencies": {
+                "@types/node": ">=18"
             }
         },
         "node_modules/@inquirer/rawlist": {
-            "version": "2.3.0",
-            "resolved": "https://registry.npmjs.org/@inquirer/rawlist/-/rawlist-2.3.0.tgz",
-            "integrity": "sha512-zzfNuINhFF7OLAtGHfhwOW2TlYJyli7lOUoJUXw/uyklcwalV6WRXBXtFIicN8rTRK1XTiPWB4UY+YuW8dsnLQ==",
+            "version": "4.0.4",
+            "resolved": "https://registry.npmjs.org/@inquirer/rawlist/-/rawlist-4.0.4.tgz",
+            "integrity": "sha512-IsVN2EZdNHsmFdKWx9HaXb8T/s3FlR/U1QPt9dwbSyPtjFbMTlW9CRFvnn0bm/QIsrMRD2oMZqrQpSWPQVbXXg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@inquirer/core": "^9.1.0",
-                "@inquirer/type": "^1.5.3",
+                "@inquirer/core": "^10.1.2",
+                "@inquirer/type": "^3.0.2",
                 "yoctocolors-cjs": "^2.1.2"
             },
             "engines": {
                 "node": ">=18"
+            },
+            "peerDependencies": {
+                "@types/node": ">=18"
             }
         },
         "node_modules/@inquirer/search": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/@inquirer/search/-/search-1.1.0.tgz",
-            "integrity": "sha512-h+/5LSj51dx7hp5xOn4QFnUaKeARwUCLs6mIhtkJ0JYPBLmEYjdHSYh7I6GrLg9LwpJ3xeX0FZgAG1q0QdCpVQ==",
+            "version": "3.0.4",
+            "resolved": "https://registry.npmjs.org/@inquirer/search/-/search-3.0.4.tgz",
+            "integrity": "sha512-tSkJk2SDmC2MEdTIjknXWmCnmPr5owTs9/xjfa14ol1Oh95n6xW7SYn5fiPk4/vrJPys0ggSWiISdPze4LTa7A==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@inquirer/core": "^9.1.0",
-                "@inquirer/figures": "^1.0.5",
-                "@inquirer/type": "^1.5.3",
+                "@inquirer/core": "^10.1.2",
+                "@inquirer/figures": "^1.0.9",
+                "@inquirer/type": "^3.0.2",
                 "yoctocolors-cjs": "^2.1.2"
             },
             "engines": {
                 "node": ">=18"
+            },
+            "peerDependencies": {
+                "@types/node": ">=18"
             }
         },
         "node_modules/@inquirer/select": {
-            "version": "2.5.0",
-            "resolved": "https://registry.npmjs.org/@inquirer/select/-/select-2.5.0.tgz",
-            "integrity": "sha512-YmDobTItPP3WcEI86GvPo+T2sRHkxxOq/kXmsBjHS5BVXUgvgZ5AfJjkvQvZr03T81NnI3KrrRuMzeuYUQRFOA==",
+            "version": "4.0.4",
+            "resolved": "https://registry.npmjs.org/@inquirer/select/-/select-4.0.4.tgz",
+            "integrity": "sha512-ZzYLuLoUzTIW9EJm++jBpRiTshGqS3Q1o5qOEQqgzaBlmdsjQr6pA4TUNkwu6OBYgM2mIRbCz6mUhFDfl/GF+w==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@inquirer/core": "^9.1.0",
-                "@inquirer/figures": "^1.0.5",
-                "@inquirer/type": "^1.5.3",
+                "@inquirer/core": "^10.1.2",
+                "@inquirer/figures": "^1.0.9",
+                "@inquirer/type": "^3.0.2",
                 "ansi-escapes": "^4.3.2",
                 "yoctocolors-cjs": "^2.1.2"
             },
             "engines": {
                 "node": ">=18"
+            },
+            "peerDependencies": {
+                "@types/node": ">=18"
             }
         },
         "node_modules/@inquirer/type": {
-            "version": "1.5.5",
-            "resolved": "https://registry.npmjs.org/@inquirer/type/-/type-1.5.5.tgz",
-            "integrity": "sha512-MzICLu4yS7V8AA61sANROZ9vT1H3ooca5dSmI1FjZkzq7o/koMsRfQSzRtFo+F3Ao4Sf1C0bpLKejpKB/+j6MA==",
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/@inquirer/type/-/type-3.0.2.tgz",
+            "integrity": "sha512-ZhQ4TvhwHZF+lGhQ2O/rsjo80XoZR5/5qhOY3t6FJuX5XBg5Be8YzYTvaUGJnc12AUGI2nr4QSUE4PhKSigx7g==",
             "dev": true,
             "license": "MIT",
-            "dependencies": {
-                "mute-stream": "^1.0.0"
-            },
             "engines": {
                 "node": ">=18"
+            },
+            "peerDependencies": {
+                "@types/node": ">=18"
             }
         },
         "node_modules/@interactjs/types": {
@@ -4130,6 +4250,19 @@
                 "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
             }
         },
+        "node_modules/@isaacs/fs-minipass": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz",
+            "integrity": "sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==",
+            "dev": true,
+            "license": "ISC",
+            "dependencies": {
+                "minipass": "^7.0.4"
+            },
+            "engines": {
+                "node": ">=18.0.0"
+            }
+        },
         "node_modules/@istanbuljs/load-nyc-config": {
             "version": "1.1.0",
             "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz",
@@ -4676,6 +4809,7 @@
             "integrity": "sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@jridgewell/gen-mapping": "^0.3.5",
                 "@jridgewell/trace-mapping": "^0.3.25"
@@ -4703,6 +4837,7 @@
             "integrity": "sha512-q6XAnWQDIMA3+FTiOYajoYqySkO+JSat0ytXGSuRdq9uXE7o92gzuQwQM14xaCRlBLGq3v5miDGC4vkVTn54xA==",
             "dev": true,
             "license": "Apache-2.0",
+            "peer": true,
             "engines": {
                 "node": ">=10.0"
             },
@@ -4720,6 +4855,7 @@
             "integrity": "sha512-osjeBqMJ2lb/j/M8NCPjs1ylqWIcTRTycIhVB5pt6LgzgeRSb0YRZ7j9RfA8wIUrsr/medIuhVyonXRZWLyfdw==",
             "dev": true,
             "license": "Apache-2.0",
+            "peer": true,
             "dependencies": {
                 "@jsonjoy.com/base64": "^1.1.1",
                 "@jsonjoy.com/util": "^1.1.2",
@@ -4743,6 +4879,7 @@
             "integrity": "sha512-ojoNsrIuPI9g6o8UxhraZQSyF2ByJanAY4cTFbc8Mf2AXEF4aQRGY1dJxyJpuyav8r9FGflEt/Ff3u5Nt6YMPA==",
             "dev": true,
             "license": "Apache-2.0",
+            "peer": true,
             "engines": {
                 "node": ">=10.0"
             },
@@ -4759,28 +4896,52 @@
             "resolved": "https://registry.npmjs.org/@leichtgewicht/ip-codec/-/ip-codec-2.0.5.tgz",
             "integrity": "sha512-Vo+PSpZG2/fmgmiNzYK9qWRh8h/CHrwD0mo1h1DzL4yzHNSfWYujGTYsWGreD000gcgmZ7K4Ys6Tx9TxtsKdDw==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/@listr2/prompt-adapter-inquirer": {
-            "version": "2.0.15",
-            "resolved": "https://registry.npmjs.org/@listr2/prompt-adapter-inquirer/-/prompt-adapter-inquirer-2.0.15.tgz",
-            "integrity": "sha512-MZrGem/Ujjd4cPTLYDfCZK2iKKeiO/8OX13S6jqxldLs0Prf2aGqVlJ77nMBqMv7fzqgXEgjrNHLXcKR8l9lOg==",
+            "version": "2.0.18",
+            "resolved": "https://registry.npmjs.org/@listr2/prompt-adapter-inquirer/-/prompt-adapter-inquirer-2.0.18.tgz",
+            "integrity": "sha512-0hz44rAcrphyXcA8IS7EJ2SCoaBZD2u5goE8S/e+q/DL+dOGpqpcLidVOFeLG3VgML62SXmfRLAhWt0zL1oW4Q==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@inquirer/type": "^1.5.1"
+                "@inquirer/type": "^1.5.5"
             },
             "engines": {
                 "node": ">=18.0.0"
             },
             "peerDependencies": {
-                "@inquirer/prompts": ">= 3 < 6"
+                "@inquirer/prompts": ">= 3 < 8"
+            }
+        },
+        "node_modules/@listr2/prompt-adapter-inquirer/node_modules/@inquirer/type": {
+            "version": "1.5.5",
+            "resolved": "https://registry.npmjs.org/@inquirer/type/-/type-1.5.5.tgz",
+            "integrity": "sha512-MzICLu4yS7V8AA61sANROZ9vT1H3ooca5dSmI1FjZkzq7o/koMsRfQSzRtFo+F3Ao4Sf1C0bpLKejpKB/+j6MA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "mute-stream": "^1.0.0"
+            },
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@listr2/prompt-adapter-inquirer/node_modules/mute-stream": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-1.0.0.tgz",
+            "integrity": "sha512-avsJQhyd+680gKXyG/sQc0nXaC6rBkPOfyHYcFb9+hdkqQkR9bdnkJ0AMZhke0oesPqIO+mFFJ+IdBc7mst4IA==",
+            "dev": true,
+            "license": "ISC",
+            "engines": {
+                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
             }
         },
         "node_modules/@lmdb/lmdb-darwin-arm64": {
-            "version": "3.0.13",
-            "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-arm64/-/lmdb-darwin-arm64-3.0.13.tgz",
-            "integrity": "sha512-uiKPB0Fv6WEEOZjruu9a6wnW/8jrjzlZbxXscMB8kuCJ1k6kHpcBnuvaAWcqhbI7rqX5GKziwWEdD+wi2gNLfA==",
+            "version": "3.1.5",
+            "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-arm64/-/lmdb-darwin-arm64-3.1.5.tgz",
+            "integrity": "sha512-ue5PSOzHMCIYrfvPP/MRS6hsKKLzqqhcdAvJCO8uFlDdj598EhgnacuOTuqA6uBK5rgiZXfDWyb7DVZSiBKxBA==",
             "cpu": [
                 "arm64"
             ],
@@ -4792,9 +4953,9 @@
             ]
         },
         "node_modules/@lmdb/lmdb-darwin-x64": {
-            "version": "3.0.13",
-            "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-x64/-/lmdb-darwin-x64-3.0.13.tgz",
-            "integrity": "sha512-bEVIIfK5mSQoG1R19qA+fJOvCB+0wVGGnXHT3smchBVahYBdlPn2OsZZKzlHWfb1E+PhLBmYfqB5zQXFP7hJig==",
+            "version": "3.1.5",
+            "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-x64/-/lmdb-darwin-x64-3.1.5.tgz",
+            "integrity": "sha512-CGhsb0R5vE6mMNCoSfxHFD8QTvBHM51gs4DBeigTYHWnYv2V5YpJkC4rMo5qAAFifuUcc0+a8a3SIU0c9NrfNw==",
             "cpu": [
                 "x64"
             ],
@@ -4806,9 +4967,9 @@
             ]
         },
         "node_modules/@lmdb/lmdb-linux-arm": {
-            "version": "3.0.13",
-            "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm/-/lmdb-linux-arm-3.0.13.tgz",
-            "integrity": "sha512-Yml1KlMzOnXj/tnW7yX8U78iAzTk39aILYvCPbqeewAq1kSzl+w59k/fiVkTBfvDi/oW/5YRxL+Fq+Y1Fr1r2Q==",
+            "version": "3.1.5",
+            "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm/-/lmdb-linux-arm-3.1.5.tgz",
+            "integrity": "sha512-3WeW328DN+xB5PZdhSWmqE+t3+44xWXEbqQ+caWJEZfOFdLp9yklBZEbVqVdqzznkoaXJYxTCp996KD6HmANeg==",
             "cpu": [
                 "arm"
             ],
@@ -4820,9 +4981,9 @@
             ]
         },
         "node_modules/@lmdb/lmdb-linux-arm64": {
-            "version": "3.0.13",
-            "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm64/-/lmdb-linux-arm64-3.0.13.tgz",
-            "integrity": "sha512-afbVrsMgZ9dUTNUchFpj5VkmJRxvht/u335jUJ7o23YTbNbnpmXif3VKQGCtnjSh+CZaqm6N3CPG8KO3zwyZ1Q==",
+            "version": "3.1.5",
+            "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm64/-/lmdb-linux-arm64-3.1.5.tgz",
+            "integrity": "sha512-LAjaoOcBHGj6fiYB8ureiqPoph4eygbXu4vcOF+hsxiY74n8ilA7rJMmGUT0K0JOB5lmRQHSmor3mytRjS4qeQ==",
             "cpu": [
                 "arm64"
             ],
@@ -4834,9 +4995,9 @@
             ]
         },
         "node_modules/@lmdb/lmdb-linux-x64": {
-            "version": "3.0.13",
-            "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-x64/-/lmdb-linux-x64-3.0.13.tgz",
-            "integrity": "sha512-vOtxu0xC0SLdQ2WRXg8Qgd8T32ak4SPqk5zjItRszrJk2BdeXqfGxBJbP7o4aOvSPSmSSv46Lr1EP4HXU8v7Kg==",
+            "version": "3.1.5",
+            "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-x64/-/lmdb-linux-x64-3.1.5.tgz",
+            "integrity": "sha512-k/IklElP70qdCXOQixclSl2GPLFiopynGoKX1FqDd1/H0E3Fo1oPwjY2rEVu+0nS3AOw1sryStdXk8CW3cVIsw==",
             "cpu": [
                 "x64"
             ],
@@ -4848,9 +5009,9 @@
             ]
         },
         "node_modules/@lmdb/lmdb-win32-x64": {
-            "version": "3.0.13",
-            "resolved": "https://registry.npmjs.org/@lmdb/lmdb-win32-x64/-/lmdb-win32-x64-3.0.13.tgz",
-            "integrity": "sha512-UCrMJQY/gJnOl3XgbWRZZUvGGBuKy6i0YNSptgMzHBjs+QYDYR1Mt/RLTOPy4fzzves65O1EDmlL//OzEqoLlA==",
+            "version": "3.1.5",
+            "resolved": "https://registry.npmjs.org/@lmdb/lmdb-win32-x64/-/lmdb-win32-x64-3.1.5.tgz",
+            "integrity": "sha512-KYar6W8nraZfSJspcK7Kp7hdj238X/FNauYbZyrqPBrtsXI1hvI4/KcRcRGP50aQoV7fkKDyJERlrQGMGTZUsA==",
             "cpu": [
                 "x64"
             ],
@@ -4931,33 +5092,324 @@
             "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-x64/-/msgpackr-extract-darwin-x64-3.0.3.tgz",
             "integrity": "sha512-mdzd3AVzYKuUmiWOQ8GNhl64/IoFGol569zNRdkLReh6LRLHOXxU4U8eq0JwaD8iFHdVGqSy4IjFL4reoWCDFw==",
             "cpu": [
-                "x64"
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ]
+        },
+        "node_modules/@msgpackr-extract/msgpackr-extract-linux-arm": {
+            "version": "3.0.3",
+            "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm/-/msgpackr-extract-linux-arm-3.0.3.tgz",
+            "integrity": "sha512-fg0uy/dG/nZEXfYilKoRe7yALaNmHoYeIoJuJ7KJ+YyU2bvY8vPv27f7UKhGRpY6euFYqEVhxCFZgAUNQBM3nw==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@msgpackr-extract/msgpackr-extract-linux-arm64": {
+            "version": "3.0.3",
+            "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm64/-/msgpackr-extract-linux-arm64-3.0.3.tgz",
+            "integrity": "sha512-YxQL+ax0XqBJDZiKimS2XQaf+2wDGVa1enVRGzEvLLVFeqa5kx2bWbtcSXgsxjQB7nRqqIGFIcLteF/sHeVtQg==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@msgpackr-extract/msgpackr-extract-linux-x64": {
+            "version": "3.0.3",
+            "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-x64/-/msgpackr-extract-linux-x64-3.0.3.tgz",
+            "integrity": "sha512-cvwNfbP07pKUfq1uH+S6KJ7dT9K8WOE4ZiAcsrSes+UY55E/0jLYc+vq+DO7jlmqRb5zAggExKm0H7O/CBaesg==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@msgpackr-extract/msgpackr-extract-win32-x64": {
+            "version": "3.0.3",
+            "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-win32-x64/-/msgpackr-extract-win32-x64-3.0.3.tgz",
+            "integrity": "sha512-x0fWaQtYp4E6sktbsdAqnehxDgEc/VwM7uLsRCYWaiGu0ykYdZPiS8zCWdnjHwyiumousxfBm4SO31eXqwEZhQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ]
+        },
+        "node_modules/@napi-rs/canvas": {
+            "version": "0.1.65",
+            "resolved": "https://registry.npmjs.org/@napi-rs/canvas/-/canvas-0.1.65.tgz",
+            "integrity": "sha512-YcFhXQcp+b2d38zFOJNbpyPHnIL7KAEkhJQ+UeeKI5IpE9B8Cpf/M6RiHPQXSsSqnYbrfFylnW49dyh2oeSblQ==",
+            "license": "MIT",
+            "optional": true,
+            "engines": {
+                "node": ">= 10"
+            },
+            "optionalDependencies": {
+                "@napi-rs/canvas-android-arm64": "0.1.65",
+                "@napi-rs/canvas-darwin-arm64": "0.1.65",
+                "@napi-rs/canvas-darwin-x64": "0.1.65",
+                "@napi-rs/canvas-linux-arm-gnueabihf": "0.1.65",
+                "@napi-rs/canvas-linux-arm64-gnu": "0.1.65",
+                "@napi-rs/canvas-linux-arm64-musl": "0.1.65",
+                "@napi-rs/canvas-linux-riscv64-gnu": "0.1.65",
+                "@napi-rs/canvas-linux-x64-gnu": "0.1.65",
+                "@napi-rs/canvas-linux-x64-musl": "0.1.65",
+                "@napi-rs/canvas-win32-x64-msvc": "0.1.65"
+            }
+        },
+        "node_modules/@napi-rs/canvas-android-arm64": {
+            "version": "0.1.65",
+            "resolved": "https://registry.npmjs.org/@napi-rs/canvas-android-arm64/-/canvas-android-arm64-0.1.65.tgz",
+            "integrity": "sha512-ZYwqFYEKcT5Zr8lbiaJNJj/poLaeK2TncolY914r+gD2TJNeP7ZqvE7A2SX/1C9MB4E3DQEwm3YhL3WEf0x3MQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@napi-rs/canvas-darwin-arm64": {
+            "version": "0.1.65",
+            "resolved": "https://registry.npmjs.org/@napi-rs/canvas-darwin-arm64/-/canvas-darwin-arm64-0.1.65.tgz",
+            "integrity": "sha512-Pg1pfiJEyDIsX+V0QaJPRWvXbw5zmWAk3bivFCvt/5pwZb37/sT6E/RqPHT9NnqpDyKW6SriwY9ypjljysUA1Q==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@napi-rs/canvas-darwin-x64": {
+            "version": "0.1.65",
+            "resolved": "https://registry.npmjs.org/@napi-rs/canvas-darwin-x64/-/canvas-darwin-x64-0.1.65.tgz",
+            "integrity": "sha512-3Tr+/HjdJN7Z/VKIcsxV2DvDIibZCExgfYTgljCkUSFuoI7iNkOE6Dc1Q6j212EB9PeO8KmfrViBqHYT6IwWkA==",
+            "cpu": [
+                "x64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@napi-rs/canvas-linux-arm-gnueabihf": {
+            "version": "0.1.65",
+            "resolved": "https://registry.npmjs.org/@napi-rs/canvas-linux-arm-gnueabihf/-/canvas-linux-arm-gnueabihf-0.1.65.tgz",
+            "integrity": "sha512-3KP+dYObH7CVkZMZWwk1WX9jRjL+EKdQtD43H8MOI+illf+dwqLlecdQ4d9bQRIxELKJ8dyPWY4fOp/Ngufrdg==",
+            "cpu": [
+                "arm"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@napi-rs/canvas-linux-arm64-gnu": {
+            "version": "0.1.65",
+            "resolved": "https://registry.npmjs.org/@napi-rs/canvas-linux-arm64-gnu/-/canvas-linux-arm64-gnu-0.1.65.tgz",
+            "integrity": "sha512-Ka3StKz7Dq7kjTF3nNJCq43UN/VlANS7qGE3dWkn1d+tQNsCRy/wRmyt1TUFzIjRqcTFMQNRbgYq84+53UBA0A==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@napi-rs/canvas-linux-arm64-musl": {
+            "version": "0.1.65",
+            "resolved": "https://registry.npmjs.org/@napi-rs/canvas-linux-arm64-musl/-/canvas-linux-arm64-musl-0.1.65.tgz",
+            "integrity": "sha512-O4xMASm2JrmqYoiDyxVWi+z5C14H+oVEag2rZ5iIA67dhWqYZB+iO7wCFpBYRj31JPBR29FOsu6X9zL+DwBFdw==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@napi-rs/canvas-linux-riscv64-gnu": {
+            "version": "0.1.65",
+            "resolved": "https://registry.npmjs.org/@napi-rs/canvas-linux-riscv64-gnu/-/canvas-linux-riscv64-gnu-0.1.65.tgz",
+            "integrity": "sha512-dblWDaA59ZU8bPbkfM+riSke7sFbNZ70LEevUdI5rgiFEUzYUQlU34gSBzemTACj5rCWt1BYeu0GfkLSjNMBSw==",
+            "cpu": [
+                "riscv64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@napi-rs/canvas-linux-x64-gnu": {
+            "version": "0.1.65",
+            "resolved": "https://registry.npmjs.org/@napi-rs/canvas-linux-x64-gnu/-/canvas-linux-x64-gnu-0.1.65.tgz",
+            "integrity": "sha512-wsp+atutw13OJXGU3DDkdngtBDoEg01IuK5xMe0L6VFPV8maGkh17CXze078OD5QJOc6kFyw3DDscMLOPF8+oA==",
+            "cpu": [
+                "x64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@napi-rs/canvas-linux-x64-musl": {
+            "version": "0.1.65",
+            "resolved": "https://registry.npmjs.org/@napi-rs/canvas-linux-x64-musl/-/canvas-linux-x64-musl-0.1.65.tgz",
+            "integrity": "sha512-odX+nN+IozWzhdj31INcHz3Iy9+EckNw+VqsZcaUxZOTu7/3FmktRNI6aC1qe5minZNv1m05YOS1FVf7fvmjlA==",
+            "cpu": [
+                "x64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@napi-rs/canvas-win32-x64-msvc": {
+            "version": "0.1.65",
+            "resolved": "https://registry.npmjs.org/@napi-rs/canvas-win32-x64-msvc/-/canvas-win32-x64-msvc-0.1.65.tgz",
+            "integrity": "sha512-RZQX3luWnlNWgdMnLMQ1hyfQraeAn9lnxWWVCHuUM4tAWEV8UDdeb7cMwmJW7eyt8kAosmjeHt3cylQMHOxGFg==",
+            "cpu": [
+                "x64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@napi-rs/nice": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/@napi-rs/nice/-/nice-1.0.1.tgz",
+            "integrity": "sha512-zM0mVWSXE0a0h9aKACLwKmD6nHcRiKrPpCfvaKqG1CqDEyjEawId0ocXxVzPMCAm6kkWr2P025msfxXEnt8UGQ==",
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "engines": {
+                "node": ">= 10"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/Brooooooklyn"
+            },
+            "optionalDependencies": {
+                "@napi-rs/nice-android-arm-eabi": "1.0.1",
+                "@napi-rs/nice-android-arm64": "1.0.1",
+                "@napi-rs/nice-darwin-arm64": "1.0.1",
+                "@napi-rs/nice-darwin-x64": "1.0.1",
+                "@napi-rs/nice-freebsd-x64": "1.0.1",
+                "@napi-rs/nice-linux-arm-gnueabihf": "1.0.1",
+                "@napi-rs/nice-linux-arm64-gnu": "1.0.1",
+                "@napi-rs/nice-linux-arm64-musl": "1.0.1",
+                "@napi-rs/nice-linux-ppc64-gnu": "1.0.1",
+                "@napi-rs/nice-linux-riscv64-gnu": "1.0.1",
+                "@napi-rs/nice-linux-s390x-gnu": "1.0.1",
+                "@napi-rs/nice-linux-x64-gnu": "1.0.1",
+                "@napi-rs/nice-linux-x64-musl": "1.0.1",
+                "@napi-rs/nice-win32-arm64-msvc": "1.0.1",
+                "@napi-rs/nice-win32-ia32-msvc": "1.0.1",
+                "@napi-rs/nice-win32-x64-msvc": "1.0.1"
+            }
+        },
+        "node_modules/@napi-rs/nice-android-arm-eabi": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/@napi-rs/nice-android-arm-eabi/-/nice-android-arm-eabi-1.0.1.tgz",
+            "integrity": "sha512-5qpvOu5IGwDo7MEKVqqyAxF90I6aLj4n07OzpARdgDRfz8UbBztTByBp0RC59r3J1Ij8uzYi6jI7r5Lws7nn6w==",
+            "cpu": [
+                "arm"
             ],
             "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
-                "darwin"
-            ]
+                "android"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
         },
-        "node_modules/@msgpackr-extract/msgpackr-extract-linux-arm": {
-            "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm/-/msgpackr-extract-linux-arm-3.0.3.tgz",
-            "integrity": "sha512-fg0uy/dG/nZEXfYilKoRe7yALaNmHoYeIoJuJ7KJ+YyU2bvY8vPv27f7UKhGRpY6euFYqEVhxCFZgAUNQBM3nw==",
+        "node_modules/@napi-rs/nice-android-arm64": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/@napi-rs/nice-android-arm64/-/nice-android-arm64-1.0.1.tgz",
+            "integrity": "sha512-GqvXL0P8fZ+mQqG1g0o4AO9hJjQaeYG84FRfZaYjyJtZZZcMjXW5TwkL8Y8UApheJgyE13TQ4YNUssQaTgTyvA==",
             "cpu": [
-                "arm"
+                "arm64"
             ],
             "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
-                "linux"
-            ]
+                "android"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
         },
-        "node_modules/@msgpackr-extract/msgpackr-extract-linux-arm64": {
-            "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm64/-/msgpackr-extract-linux-arm64-3.0.3.tgz",
-            "integrity": "sha512-YxQL+ax0XqBJDZiKimS2XQaf+2wDGVa1enVRGzEvLLVFeqa5kx2bWbtcSXgsxjQB7nRqqIGFIcLteF/sHeVtQg==",
+        "node_modules/@napi-rs/nice-darwin-arm64": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/@napi-rs/nice-darwin-arm64/-/nice-darwin-arm64-1.0.1.tgz",
+            "integrity": "sha512-91k3HEqUl2fsrz/sKkuEkscj6EAj3/eZNCLqzD2AA0TtVbkQi8nqxZCZDMkfklULmxLkMxuUdKe7RvG/T6s2AA==",
             "cpu": [
                 "arm64"
             ],
@@ -4965,13 +5417,16 @@
             "license": "MIT",
             "optional": true,
             "os": [
-                "linux"
-            ]
+                "darwin"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
         },
-        "node_modules/@msgpackr-extract/msgpackr-extract-linux-x64": {
-            "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-x64/-/msgpackr-extract-linux-x64-3.0.3.tgz",
-            "integrity": "sha512-cvwNfbP07pKUfq1uH+S6KJ7dT9K8WOE4ZiAcsrSes+UY55E/0jLYc+vq+DO7jlmqRb5zAggExKm0H7O/CBaesg==",
+        "node_modules/@napi-rs/nice-darwin-x64": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/@napi-rs/nice-darwin-x64/-/nice-darwin-x64-1.0.1.tgz",
+            "integrity": "sha512-jXnMleYSIR/+TAN/p5u+NkCA7yidgswx5ftqzXdD5wgy/hNR92oerTXHc0jrlBisbd7DpzoaGY4cFD7Sm5GlgQ==",
             "cpu": [
                 "x64"
             ],
@@ -4979,13 +5434,16 @@
             "license": "MIT",
             "optional": true,
             "os": [
-                "linux"
-            ]
+                "darwin"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
         },
-        "node_modules/@msgpackr-extract/msgpackr-extract-win32-x64": {
-            "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-win32-x64/-/msgpackr-extract-win32-x64-3.0.3.tgz",
-            "integrity": "sha512-x0fWaQtYp4E6sktbsdAqnehxDgEc/VwM7uLsRCYWaiGu0ykYdZPiS8zCWdnjHwyiumousxfBm4SO31eXqwEZhQ==",
+        "node_modules/@napi-rs/nice-freebsd-x64": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/@napi-rs/nice-freebsd-x64/-/nice-freebsd-x64-1.0.1.tgz",
+            "integrity": "sha512-j+iJ/ezONXRQsVIB/FJfwjeQXX7A2tf3gEXs4WUGFrJjpe/z2KB7sOv6zpkm08PofF36C9S7wTNuzHZ/Iiccfw==",
             "cpu": [
                 "x64"
             ],
@@ -4993,86 +5451,88 @@
             "license": "MIT",
             "optional": true,
             "os": [
-                "win32"
-            ]
+                "freebsd"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
         },
-        "node_modules/@napi-rs/canvas": {
-            "version": "0.1.65",
-            "resolved": "https://registry.npmjs.org/@napi-rs/canvas/-/canvas-0.1.65.tgz",
-            "integrity": "sha512-YcFhXQcp+b2d38zFOJNbpyPHnIL7KAEkhJQ+UeeKI5IpE9B8Cpf/M6RiHPQXSsSqnYbrfFylnW49dyh2oeSblQ==",
+        "node_modules/@napi-rs/nice-linux-arm-gnueabihf": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-arm-gnueabihf/-/nice-linux-arm-gnueabihf-1.0.1.tgz",
+            "integrity": "sha512-G8RgJ8FYXYkkSGQwywAUh84m946UTn6l03/vmEXBYNJxQJcD+I3B3k5jmjFG/OPiU8DfvxutOP8bi+F89MCV7Q==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
+            "os": [
+                "linux"
+            ],
             "engines": {
                 "node": ">= 10"
-            },
-            "optionalDependencies": {
-                "@napi-rs/canvas-android-arm64": "0.1.65",
-                "@napi-rs/canvas-darwin-arm64": "0.1.65",
-                "@napi-rs/canvas-darwin-x64": "0.1.65",
-                "@napi-rs/canvas-linux-arm-gnueabihf": "0.1.65",
-                "@napi-rs/canvas-linux-arm64-gnu": "0.1.65",
-                "@napi-rs/canvas-linux-arm64-musl": "0.1.65",
-                "@napi-rs/canvas-linux-riscv64-gnu": "0.1.65",
-                "@napi-rs/canvas-linux-x64-gnu": "0.1.65",
-                "@napi-rs/canvas-linux-x64-musl": "0.1.65",
-                "@napi-rs/canvas-win32-x64-msvc": "0.1.65"
             }
         },
-        "node_modules/@napi-rs/canvas-android-arm64": {
-            "version": "0.1.65",
-            "resolved": "https://registry.npmjs.org/@napi-rs/canvas-android-arm64/-/canvas-android-arm64-0.1.65.tgz",
-            "integrity": "sha512-ZYwqFYEKcT5Zr8lbiaJNJj/poLaeK2TncolY914r+gD2TJNeP7ZqvE7A2SX/1C9MB4E3DQEwm3YhL3WEf0x3MQ==",
+        "node_modules/@napi-rs/nice-linux-arm64-gnu": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-arm64-gnu/-/nice-linux-arm64-gnu-1.0.1.tgz",
+            "integrity": "sha512-IMDak59/W5JSab1oZvmNbrms3mHqcreaCeClUjwlwDr0m3BoR09ZiN8cKFBzuSlXgRdZ4PNqCYNeGQv7YMTjuA==",
             "cpu": [
                 "arm64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
-                "android"
+                "linux"
             ],
             "engines": {
                 "node": ">= 10"
             }
         },
-        "node_modules/@napi-rs/canvas-darwin-arm64": {
-            "version": "0.1.65",
-            "resolved": "https://registry.npmjs.org/@napi-rs/canvas-darwin-arm64/-/canvas-darwin-arm64-0.1.65.tgz",
-            "integrity": "sha512-Pg1pfiJEyDIsX+V0QaJPRWvXbw5zmWAk3bivFCvt/5pwZb37/sT6E/RqPHT9NnqpDyKW6SriwY9ypjljysUA1Q==",
+        "node_modules/@napi-rs/nice-linux-arm64-musl": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-arm64-musl/-/nice-linux-arm64-musl-1.0.1.tgz",
+            "integrity": "sha512-wG8fa2VKuWM4CfjOjjRX9YLIbysSVV1S3Kgm2Fnc67ap/soHBeYZa6AGMeR5BJAylYRjnoVOzV19Cmkco3QEPw==",
             "cpu": [
                 "arm64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
-                "darwin"
+                "linux"
             ],
             "engines": {
                 "node": ">= 10"
             }
         },
-        "node_modules/@napi-rs/canvas-darwin-x64": {
-            "version": "0.1.65",
-            "resolved": "https://registry.npmjs.org/@napi-rs/canvas-darwin-x64/-/canvas-darwin-x64-0.1.65.tgz",
-            "integrity": "sha512-3Tr+/HjdJN7Z/VKIcsxV2DvDIibZCExgfYTgljCkUSFuoI7iNkOE6Dc1Q6j212EB9PeO8KmfrViBqHYT6IwWkA==",
+        "node_modules/@napi-rs/nice-linux-ppc64-gnu": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-ppc64-gnu/-/nice-linux-ppc64-gnu-1.0.1.tgz",
+            "integrity": "sha512-lxQ9WrBf0IlNTCA9oS2jg/iAjQyTI6JHzABV664LLrLA/SIdD+I1i3Mjf7TsnoUbgopBcCuDztVLfJ0q9ubf6Q==",
             "cpu": [
-                "x64"
+                "ppc64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
-                "darwin"
+                "linux"
             ],
             "engines": {
                 "node": ">= 10"
             }
         },
-        "node_modules/@napi-rs/canvas-linux-arm-gnueabihf": {
-            "version": "0.1.65",
-            "resolved": "https://registry.npmjs.org/@napi-rs/canvas-linux-arm-gnueabihf/-/canvas-linux-arm-gnueabihf-0.1.65.tgz",
-            "integrity": "sha512-3KP+dYObH7CVkZMZWwk1WX9jRjL+EKdQtD43H8MOI+illf+dwqLlecdQ4d9bQRIxELKJ8dyPWY4fOp/Ngufrdg==",
+        "node_modules/@napi-rs/nice-linux-riscv64-gnu": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-riscv64-gnu/-/nice-linux-riscv64-gnu-1.0.1.tgz",
+            "integrity": "sha512-3xs69dO8WSWBb13KBVex+yvxmUeEsdWexxibqskzoKaWx9AIqkMbWmE2npkazJoopPKX2ULKd8Fm9veEn0g4Ig==",
             "cpu": [
-                "arm"
+                "riscv64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -5082,13 +5542,14 @@
                 "node": ">= 10"
             }
         },
-        "node_modules/@napi-rs/canvas-linux-arm64-gnu": {
-            "version": "0.1.65",
-            "resolved": "https://registry.npmjs.org/@napi-rs/canvas-linux-arm64-gnu/-/canvas-linux-arm64-gnu-0.1.65.tgz",
-            "integrity": "sha512-Ka3StKz7Dq7kjTF3nNJCq43UN/VlANS7qGE3dWkn1d+tQNsCRy/wRmyt1TUFzIjRqcTFMQNRbgYq84+53UBA0A==",
+        "node_modules/@napi-rs/nice-linux-s390x-gnu": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-s390x-gnu/-/nice-linux-s390x-gnu-1.0.1.tgz",
+            "integrity": "sha512-lMFI3i9rlW7hgToyAzTaEybQYGbQHDrpRkg+1gJWEpH0PLAQoZ8jiY0IzakLfNWnVda1eTYYlxxFYzW8Rqczkg==",
             "cpu": [
-                "arm64"
+                "s390x"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -5098,13 +5559,14 @@
                 "node": ">= 10"
             }
         },
-        "node_modules/@napi-rs/canvas-linux-arm64-musl": {
-            "version": "0.1.65",
-            "resolved": "https://registry.npmjs.org/@napi-rs/canvas-linux-arm64-musl/-/canvas-linux-arm64-musl-0.1.65.tgz",
-            "integrity": "sha512-O4xMASm2JrmqYoiDyxVWi+z5C14H+oVEag2rZ5iIA67dhWqYZB+iO7wCFpBYRj31JPBR29FOsu6X9zL+DwBFdw==",
+        "node_modules/@napi-rs/nice-linux-x64-gnu": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-x64-gnu/-/nice-linux-x64-gnu-1.0.1.tgz",
+            "integrity": "sha512-XQAJs7DRN2GpLN6Fb+ZdGFeYZDdGl2Fn3TmFlqEL5JorgWKrQGRUrpGKbgZ25UeZPILuTKJ+OowG2avN8mThBA==",
             "cpu": [
-                "arm64"
+                "x64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -5114,13 +5576,14 @@
                 "node": ">= 10"
             }
         },
-        "node_modules/@napi-rs/canvas-linux-riscv64-gnu": {
-            "version": "0.1.65",
-            "resolved": "https://registry.npmjs.org/@napi-rs/canvas-linux-riscv64-gnu/-/canvas-linux-riscv64-gnu-0.1.65.tgz",
-            "integrity": "sha512-dblWDaA59ZU8bPbkfM+riSke7sFbNZ70LEevUdI5rgiFEUzYUQlU34gSBzemTACj5rCWt1BYeu0GfkLSjNMBSw==",
+        "node_modules/@napi-rs/nice-linux-x64-musl": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-x64-musl/-/nice-linux-x64-musl-1.0.1.tgz",
+            "integrity": "sha512-/rodHpRSgiI9o1faq9SZOp/o2QkKQg7T+DK0R5AkbnI/YxvAIEHf2cngjYzLMQSQgUhxym+LFr+UGZx4vK4QdQ==",
             "cpu": [
-                "riscv64"
+                "x64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -5130,45 +5593,48 @@
                 "node": ">= 10"
             }
         },
-        "node_modules/@napi-rs/canvas-linux-x64-gnu": {
-            "version": "0.1.65",
-            "resolved": "https://registry.npmjs.org/@napi-rs/canvas-linux-x64-gnu/-/canvas-linux-x64-gnu-0.1.65.tgz",
-            "integrity": "sha512-wsp+atutw13OJXGU3DDkdngtBDoEg01IuK5xMe0L6VFPV8maGkh17CXze078OD5QJOc6kFyw3DDscMLOPF8+oA==",
+        "node_modules/@napi-rs/nice-win32-arm64-msvc": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/@napi-rs/nice-win32-arm64-msvc/-/nice-win32-arm64-msvc-1.0.1.tgz",
+            "integrity": "sha512-rEcz9vZymaCB3OqEXoHnp9YViLct8ugF+6uO5McifTedjq4QMQs3DHz35xBEGhH3gJWEsXMUbzazkz5KNM5YUg==",
             "cpu": [
-                "x64"
+                "arm64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
-                "linux"
+                "win32"
             ],
             "engines": {
                 "node": ">= 10"
             }
         },
-        "node_modules/@napi-rs/canvas-linux-x64-musl": {
-            "version": "0.1.65",
-            "resolved": "https://registry.npmjs.org/@napi-rs/canvas-linux-x64-musl/-/canvas-linux-x64-musl-0.1.65.tgz",
-            "integrity": "sha512-odX+nN+IozWzhdj31INcHz3Iy9+EckNw+VqsZcaUxZOTu7/3FmktRNI6aC1qe5minZNv1m05YOS1FVf7fvmjlA==",
+        "node_modules/@napi-rs/nice-win32-ia32-msvc": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/@napi-rs/nice-win32-ia32-msvc/-/nice-win32-ia32-msvc-1.0.1.tgz",
+            "integrity": "sha512-t7eBAyPUrWL8su3gDxw9xxxqNwZzAqKo0Szv3IjVQd1GpXXVkb6vBBQUuxfIYaXMzZLwlxRQ7uzM2vdUE9ULGw==",
             "cpu": [
-                "x64"
+                "ia32"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
-                "linux"
+                "win32"
             ],
             "engines": {
                 "node": ">= 10"
             }
         },
-        "node_modules/@napi-rs/canvas-win32-x64-msvc": {
-            "version": "0.1.65",
-            "resolved": "https://registry.npmjs.org/@napi-rs/canvas-win32-x64-msvc/-/canvas-win32-x64-msvc-0.1.65.tgz",
-            "integrity": "sha512-RZQX3luWnlNWgdMnLMQ1hyfQraeAn9lnxWWVCHuUM4tAWEV8UDdeb7cMwmJW7eyt8kAosmjeHt3cylQMHOxGFg==",
+        "node_modules/@napi-rs/nice-win32-x64-msvc": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/@napi-rs/nice-win32-x64-msvc/-/nice-win32-x64-msvc-1.0.1.tgz",
+            "integrity": "sha512-JlF+uDcatt3St2ntBG8H02F1mM45i5SF9W+bIKiReVE6wiy3o16oBP/yxt+RZ+N6LbCImJXJ6bXNO2kn9AXicg==",
             "cpu": [
                 "x64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -5191,36 +5657,37 @@
             }
         },
         "node_modules/@ng-bootstrap/ng-bootstrap": {
-            "version": "17.0.1",
-            "resolved": "https://registry.npmjs.org/@ng-bootstrap/ng-bootstrap/-/ng-bootstrap-17.0.1.tgz",
-            "integrity": "sha512-utbm8OXIoqVVYGVzQkOS773ymbjc+UMkXv8lyi7hTqLhCQs0rZ0yA74peqVZRuOGXLHgcSTA7fnJhA80iQOblw==",
+            "version": "18.0.0",
+            "resolved": "https://registry.npmjs.org/@ng-bootstrap/ng-bootstrap/-/ng-bootstrap-18.0.0.tgz",
+            "integrity": "sha512-GeSAz4yiGq49psdte8kcf+Y562wB3jK/qKRAkh6iA32lcXmy2sfQXVAmlHdjZ3AyP+E8lf3yMwuPdSKiYcDgSg==",
             "license": "MIT",
             "dependencies": {
                 "tslib": "^2.3.0"
             },
             "peerDependencies": {
-                "@angular/common": "^18.0.0",
-                "@angular/core": "^18.0.0",
-                "@angular/forms": "^18.0.0",
-                "@angular/localize": "^18.0.0",
+                "@angular/common": "^19.0.0",
+                "@angular/core": "^19.0.0",
+                "@angular/forms": "^19.0.0",
+                "@angular/localize": "^19.0.0",
                 "@popperjs/core": "^2.11.8",
                 "rxjs": "^6.5.3 || ^7.4.0"
             }
         },
         "node_modules/@ngtools/webpack": {
-            "version": "18.2.12",
-            "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-18.2.12.tgz",
-            "integrity": "sha512-FFJAwtWbtpncMOVNuULPBwFJB7GSjiUwO93eGTzRp8O4EPQ8lCQeFbezQm/NP34+T0+GBLGzPSuQT+muob8YKw==",
+            "version": "19.0.7",
+            "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-19.0.7.tgz",
+            "integrity": "sha512-jWyMuqtLKZB8Jnuqo27mG2cCQdl71lhM1oEdq3x7Z/QOrm2I+8EfyAzOLxB1f1vXt85O1bz3nf66CkuVCVGGTQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
                 "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
                 "yarn": ">= 1.13.0"
             },
             "peerDependencies": {
-                "@angular/compiler-cli": "^18.0.0",
-                "typescript": ">=5.4 <5.6",
+                "@angular/compiler-cli": "^19.0.0",
+                "typescript": ">=5.5 <5.7",
                 "webpack": "^5.54.0"
             }
         },
@@ -5286,9 +5753,9 @@
             }
         },
         "node_modules/@npmcli/agent": {
-            "version": "2.2.2",
-            "resolved": "https://registry.npmjs.org/@npmcli/agent/-/agent-2.2.2.tgz",
-            "integrity": "sha512-OrcNPXdpSl9UX7qPVRWbmWMCSXrcDa2M9DvrbOTj7ao1S4PlqVFYv9/yLKMkrJKZ/V5A/kDBC690or307i26Og==",
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/@npmcli/agent/-/agent-3.0.0.tgz",
+            "integrity": "sha512-S79NdEgDQd/NGCay6TCoVzXSj74skRZIKJcpJjC5lOq34SZzyI6MqtiiWoiVWoVrTcGjNeC4ipbh1VIHlpfF5Q==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -5299,7 +5766,7 @@
                 "socks-proxy-agent": "^8.0.3"
             },
             "engines": {
-                "node": "^16.14.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/@npmcli/agent/node_modules/lru-cache": {
@@ -5310,37 +5777,37 @@
             "license": "ISC"
         },
         "node_modules/@npmcli/fs": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/@npmcli/fs/-/fs-3.1.1.tgz",
-            "integrity": "sha512-q9CRWjpHCMIh5sVyefoD1cA7PkvILqCZsnSOEUUivORLjxCO/Irmue2DprETiNgEqktDBZaM1Bi+jrarx1XdCg==",
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/@npmcli/fs/-/fs-4.0.0.tgz",
+            "integrity": "sha512-/xGlezI6xfGO9NwuJlnwz/K14qD1kCSAGtacBHnGzeAIuJGazcp45KP5NuyARXoKb7cwulAGWVsbeSxdG/cb0Q==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
                 "semver": "^7.3.5"
             },
             "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/@npmcli/git": {
-            "version": "5.0.8",
-            "resolved": "https://registry.npmjs.org/@npmcli/git/-/git-5.0.8.tgz",
-            "integrity": "sha512-liASfw5cqhjNW9UFd+ruwwdEf/lbOAQjLL2XY2dFW/bkJheXDYZgOyul/4gVvEV4BWkTXjYGmDqMw9uegdbJNQ==",
+            "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/@npmcli/git/-/git-6.0.1.tgz",
+            "integrity": "sha512-BBWMMxeQzalmKadyimwb2/VVQyJB01PH0HhVSNLHNBDZN/M/h/02P6f8fxedIiFhpMj11SO9Ep5tKTBE7zL2nw==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
-                "@npmcli/promise-spawn": "^7.0.0",
-                "ini": "^4.1.3",
+                "@npmcli/promise-spawn": "^8.0.0",
+                "ini": "^5.0.0",
                 "lru-cache": "^10.0.1",
-                "npm-pick-manifest": "^9.0.0",
-                "proc-log": "^4.0.0",
+                "npm-pick-manifest": "^10.0.0",
+                "proc-log": "^5.0.0",
                 "promise-inflight": "^1.0.1",
                 "promise-retry": "^2.0.1",
                 "semver": "^7.3.5",
-                "which": "^4.0.0"
+                "which": "^5.0.0"
             },
             "engines": {
-                "node": "^16.14.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/@npmcli/git/node_modules/isexe": {
@@ -5361,9 +5828,9 @@
             "license": "ISC"
         },
         "node_modules/@npmcli/git/node_modules/which": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/which/-/which-4.0.0.tgz",
-            "integrity": "sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg==",
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/which/-/which-5.0.0.tgz",
+            "integrity": "sha512-JEdGzHwwkrbWoGOlIHqQ5gtprKGOenpDHpxE9zVR1bWbOtYRyPPHMe9FaP6x61CmNaTThSkb0DAJte5jD+DmzQ==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -5373,53 +5840,53 @@
                 "node-which": "bin/which.js"
             },
             "engines": {
-                "node": "^16.13.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/@npmcli/installed-package-contents": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/@npmcli/installed-package-contents/-/installed-package-contents-2.1.0.tgz",
-            "integrity": "sha512-c8UuGLeZpm69BryRykLuKRyKFZYJsZSCT4aVY5ds4omyZqJ172ApzgfKJ5eV/r3HgLdUYgFVe54KSFVjKoe27w==",
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/@npmcli/installed-package-contents/-/installed-package-contents-3.0.0.tgz",
+            "integrity": "sha512-fkxoPuFGvxyrH+OQzyTkX2LUEamrF4jZSmxjAtPPHHGO0dqsQ8tTKjnIS8SAnPHdk2I03BDtSMR5K/4loKg79Q==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
-                "npm-bundled": "^3.0.0",
-                "npm-normalize-package-bin": "^3.0.0"
+                "npm-bundled": "^4.0.0",
+                "npm-normalize-package-bin": "^4.0.0"
             },
             "bin": {
                 "installed-package-contents": "bin/index.js"
             },
             "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/@npmcli/node-gyp": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/@npmcli/node-gyp/-/node-gyp-3.0.0.tgz",
-            "integrity": "sha512-gp8pRXC2oOxu0DUE1/M3bYtb1b3/DbJ5aM113+XJBgfXdussRAsX0YOrOhdd8WvnAR6auDBvJomGAkLKA5ydxA==",
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/@npmcli/node-gyp/-/node-gyp-4.0.0.tgz",
+            "integrity": "sha512-+t5DZ6mO/QFh78PByMq1fGSAub/agLJZDRfJRMeOSNCt8s9YVlTjmGpIPwPhvXTGUIJk+WszlT0rQa1W33yzNA==",
             "dev": true,
             "license": "ISC",
             "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/@npmcli/package-json": {
-            "version": "5.2.1",
-            "resolved": "https://registry.npmjs.org/@npmcli/package-json/-/package-json-5.2.1.tgz",
-            "integrity": "sha512-f7zYC6kQautXHvNbLEWgD/uGu1+xCn9izgqBfgItWSx22U0ZDekxN08A1vM8cTxj/cRVe0Q94Ode+tdoYmIOOQ==",
+            "version": "6.1.0",
+            "resolved": "https://registry.npmjs.org/@npmcli/package-json/-/package-json-6.1.0.tgz",
+            "integrity": "sha512-t6G+6ZInT4X+tqj2i+wlLIeCKnKOTuz9/VFYDtj+TGTur5q7sp/OYrQA19LdBbWfXDOi0Y4jtedV6xtB8zQ9ug==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
-                "@npmcli/git": "^5.0.0",
+                "@npmcli/git": "^6.0.0",
                 "glob": "^10.2.2",
-                "hosted-git-info": "^7.0.0",
-                "json-parse-even-better-errors": "^3.0.0",
-                "normalize-package-data": "^6.0.0",
-                "proc-log": "^4.0.0",
+                "hosted-git-info": "^8.0.0",
+                "json-parse-even-better-errors": "^4.0.0",
+                "normalize-package-data": "^7.0.0",
+                "proc-log": "^5.0.0",
                 "semver": "^7.5.3"
             },
             "engines": {
-                "node": "^16.14.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/@npmcli/package-json/node_modules/glob": {
@@ -5444,16 +5911,16 @@
             }
         },
         "node_modules/@npmcli/promise-spawn": {
-            "version": "7.0.2",
-            "resolved": "https://registry.npmjs.org/@npmcli/promise-spawn/-/promise-spawn-7.0.2.tgz",
-            "integrity": "sha512-xhfYPXoV5Dy4UkY0D+v2KkwvnDfiA/8Mt3sWCGI/hM03NsYIH8ZaG6QzS9x7pje5vHZBZJ2v6VRFVTWACnqcmQ==",
+            "version": "8.0.2",
+            "resolved": "https://registry.npmjs.org/@npmcli/promise-spawn/-/promise-spawn-8.0.2.tgz",
+            "integrity": "sha512-/bNJhjc+o6qL+Dwz/bqfTQClkEO5nTQ1ZEcdCkAQjhkZMHIh22LPG7fNh1enJP1NKWDqYiiABnjFCY7E0zHYtQ==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
-                "which": "^4.0.0"
+                "which": "^5.0.0"
             },
             "engines": {
-                "node": "^16.14.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/@npmcli/promise-spawn/node_modules/isexe": {
@@ -5467,9 +5934,9 @@
             }
         },
         "node_modules/@npmcli/promise-spawn/node_modules/which": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/which/-/which-4.0.0.tgz",
-            "integrity": "sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg==",
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/which/-/which-5.0.0.tgz",
+            "integrity": "sha512-JEdGzHwwkrbWoGOlIHqQ5gtprKGOenpDHpxE9zVR1bWbOtYRyPPHMe9FaP6x61CmNaTThSkb0DAJte5jD+DmzQ==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -5479,35 +5946,35 @@
                 "node-which": "bin/which.js"
             },
             "engines": {
-                "node": "^16.13.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/@npmcli/redact": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/@npmcli/redact/-/redact-2.0.1.tgz",
-            "integrity": "sha512-YgsR5jCQZhVmTJvjduTOIHph0L73pK8xwMVaDY0PatySqVM9AZj93jpoXYSJqfHFxFkN9dmqTw6OiqExsS3LPw==",
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/@npmcli/redact/-/redact-3.0.0.tgz",
+            "integrity": "sha512-/1uFzjVcfzqrgCeGW7+SZ4hv0qLWmKXVzFahZGJ6QuJBj6Myt9s17+JL86i76NV9YSnJRcGXJYQbAU0rn1YTCQ==",
             "dev": true,
             "license": "ISC",
             "engines": {
-                "node": "^16.14.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/@npmcli/run-script": {
-            "version": "8.1.0",
-            "resolved": "https://registry.npmjs.org/@npmcli/run-script/-/run-script-8.1.0.tgz",
-            "integrity": "sha512-y7efHHwghQfk28G2z3tlZ67pLG0XdfYbcVG26r7YIXALRsrVQcTq4/tdenSmdOrEsNahIYA/eh8aEVROWGFUDg==",
+            "version": "9.0.2",
+            "resolved": "https://registry.npmjs.org/@npmcli/run-script/-/run-script-9.0.2.tgz",
+            "integrity": "sha512-cJXiUlycdizQwvqE1iaAb4VRUM3RX09/8q46zjvy+ct9GhfZRWd7jXYVc1tn/CfRlGPVkX/u4sstRlepsm7hfw==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
-                "@npmcli/node-gyp": "^3.0.0",
-                "@npmcli/package-json": "^5.0.0",
-                "@npmcli/promise-spawn": "^7.0.0",
-                "node-gyp": "^10.0.0",
-                "proc-log": "^4.0.0",
-                "which": "^4.0.0"
+                "@npmcli/node-gyp": "^4.0.0",
+                "@npmcli/package-json": "^6.0.0",
+                "@npmcli/promise-spawn": "^8.0.0",
+                "node-gyp": "^11.0.0",
+                "proc-log": "^5.0.0",
+                "which": "^5.0.0"
             },
             "engines": {
-                "node": "^16.14.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/@npmcli/run-script/node_modules/isexe": {
@@ -5521,9 +5988,9 @@
             }
         },
         "node_modules/@npmcli/run-script/node_modules/which": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/which/-/which-4.0.0.tgz",
-            "integrity": "sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg==",
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/which/-/which-5.0.0.tgz",
+            "integrity": "sha512-JEdGzHwwkrbWoGOlIHqQ5gtprKGOenpDHpxE9zVR1bWbOtYRyPPHMe9FaP6x61CmNaTThSkb0DAJte5jD+DmzQ==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -5533,13 +6000,13 @@
                 "node-which": "bin/which.js"
             },
             "engines": {
-                "node": "^16.13.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/@nx/devkit": {
-            "version": "20.3.0",
-            "resolved": "https://registry.npmjs.org/@nx/devkit/-/devkit-20.3.0.tgz",
-            "integrity": "sha512-u9oRd2F33DLNWPbzpYGW7xuMEYUAOwO9DLP9nGYpxbZXy6Z4AdoKeqhN+KBTyg8+DyQGuKUSEXcWriDyLLgcHw==",
+            "version": "20.3.1",
+            "resolved": "https://registry.npmjs.org/@nx/devkit/-/devkit-20.3.1.tgz",
+            "integrity": "sha512-Z6VdBg5GRu2Vg9FpeQJY+zQ1TvBoMWk8cTCZOf8J6myjoWYbksRfpWfNIvEk9OUsEMhpg98vxH2Cc8JR1zfiew==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -5593,9 +6060,9 @@
             }
         },
         "node_modules/@nx/nx-darwin-arm64": {
-            "version": "20.3.0",
-            "resolved": "https://registry.npmjs.org/@nx/nx-darwin-arm64/-/nx-darwin-arm64-20.3.0.tgz",
-            "integrity": "sha512-9PqSe1Sh7qNqA4GL0cZH0t3S0EZzb2Xn14XY9au7yf0+eoxyag1oETjjULrxLeUmSoXW2hDxzNtoqKFE9zF07Q==",
+            "version": "20.3.1",
+            "resolved": "https://registry.npmjs.org/@nx/nx-darwin-arm64/-/nx-darwin-arm64-20.3.1.tgz",
+            "integrity": "sha512-bx++T9/8l4PK1yDTxPnROT7RG8CkWGkxKC0D7xlS/YQzE7CelDfgNYu0Bd7upZF4gafW2Uz3dd3j6WhvZLxbbg==",
             "cpu": [
                 "arm64"
             ],
@@ -5610,9 +6077,9 @@
             }
         },
         "node_modules/@nx/nx-darwin-x64": {
-            "version": "20.3.0",
-            "resolved": "https://registry.npmjs.org/@nx/nx-darwin-x64/-/nx-darwin-x64-20.3.0.tgz",
-            "integrity": "sha512-gsGGhJVvi5QZVVTZie5sNMo1zOAU+A2edm6DGegObdFRLV41Ju/Yrm/gTaSp4yUtywd3UU4S/30C/nI2c55adA==",
+            "version": "20.3.1",
+            "resolved": "https://registry.npmjs.org/@nx/nx-darwin-x64/-/nx-darwin-x64-20.3.1.tgz",
+            "integrity": "sha512-elg2GiSivMHU1iLFYZ+FojM2V/FmTlC8e5FKM6nZ+bIqeoBoJm8Rxxe/kEtcsPdvjj+YiKSmXOP9s45DJb9WWw==",
             "cpu": [
                 "x64"
             ],
@@ -5627,9 +6094,9 @@
             }
         },
         "node_modules/@nx/nx-freebsd-x64": {
-            "version": "20.3.0",
-            "resolved": "https://registry.npmjs.org/@nx/nx-freebsd-x64/-/nx-freebsd-x64-20.3.0.tgz",
-            "integrity": "sha512-DiymYZBBu0upbiskdfn9KRyoXdyvKohezJiV3j4VkeRE8KR2p04NgwRQviDFbeD1cjWrDy9wk8y+G5PabLlqAA==",
+            "version": "20.3.1",
+            "resolved": "https://registry.npmjs.org/@nx/nx-freebsd-x64/-/nx-freebsd-x64-20.3.1.tgz",
+            "integrity": "sha512-1iKZOCcU7bVAC2kdoukfJ7AOTLBhm69+vPff3HCJQ0DI/5ZbmiaPeBMsAVFtJ0jFGix8yYIhgvtXgDEfbXXRFQ==",
             "cpu": [
                 "x64"
             ],
@@ -5644,9 +6111,9 @@
             }
         },
         "node_modules/@nx/nx-linux-arm-gnueabihf": {
-            "version": "20.3.0",
-            "resolved": "https://registry.npmjs.org/@nx/nx-linux-arm-gnueabihf/-/nx-linux-arm-gnueabihf-20.3.0.tgz",
-            "integrity": "sha512-Aksx66e8jmt/4rGJ/5z34SWXbPcYr9Ht52UonEeuCdQdoEvAOs7yBUbllYOjIcUsfZikEyZgvqfiQslsggSJdQ==",
+            "version": "20.3.1",
+            "resolved": "https://registry.npmjs.org/@nx/nx-linux-arm-gnueabihf/-/nx-linux-arm-gnueabihf-20.3.1.tgz",
+            "integrity": "sha512-LAteJ1/mWYdvj7zpXuWRUq1lvUiV6YVXCdFK3+7lDW+qvW3bb5zzUwbVDAF/pPeTjBrsdHDzSWOCLm/LKtYtMw==",
             "cpu": [
                 "arm"
             ],
@@ -5661,9 +6128,9 @@
             }
         },
         "node_modules/@nx/nx-linux-arm64-gnu": {
-            "version": "20.3.0",
-            "resolved": "https://registry.npmjs.org/@nx/nx-linux-arm64-gnu/-/nx-linux-arm64-gnu-20.3.0.tgz",
-            "integrity": "sha512-Y5wmYEwF1bl014Ps8QjagI911VbViQSFHSTVOCNSObdAzig9E5o6NOkoWe+doT1UZLrrInnlkrggQUsbtdKjOg==",
+            "version": "20.3.1",
+            "resolved": "https://registry.npmjs.org/@nx/nx-linux-arm64-gnu/-/nx-linux-arm64-gnu-20.3.1.tgz",
+            "integrity": "sha512-2Qf+6NcAeODELyJR+V9hjC9kl2DwJTdI7Bw+BuiyXftfPHvZ86P//FC8kPjNaJCEEm/ZStP6Jcb1zlp4Eo2wBw==",
             "cpu": [
                 "arm64"
             ],
@@ -5678,9 +6145,9 @@
             }
         },
         "node_modules/@nx/nx-linux-arm64-musl": {
-            "version": "20.3.0",
-            "resolved": "https://registry.npmjs.org/@nx/nx-linux-arm64-musl/-/nx-linux-arm64-musl-20.3.0.tgz",
-            "integrity": "sha512-yGcIkmImyOMfPkQSYH2EVjPmFE0VkLcO71Bbkpr3RlJ1N/vjYxsGbdnqPiBb8Wshib/hmwpiMHf/yzQtKH0SQw==",
+            "version": "20.3.1",
+            "resolved": "https://registry.npmjs.org/@nx/nx-linux-arm64-musl/-/nx-linux-arm64-musl-20.3.1.tgz",
+            "integrity": "sha512-8S8jlN6GFQpRakZ2ZVWq6eFnLVrEObIaxnYD0QMbsMf+qiedDJt+cDh1xebcPRvgpSgJVlJ8P6hun5+K/FiQDQ==",
             "cpu": [
                 "arm64"
             ],
@@ -5695,9 +6162,9 @@
             }
         },
         "node_modules/@nx/nx-linux-x64-gnu": {
-            "version": "20.3.0",
-            "resolved": "https://registry.npmjs.org/@nx/nx-linux-x64-gnu/-/nx-linux-x64-gnu-20.3.0.tgz",
-            "integrity": "sha512-nkA2DLI+rpmiuiy7dyXP4l9s7dgHkQWDX7lG1XltiT41RzAReJF1h8qBE6XrsAYE1CtI76DRWVphnc93+iZr+A==",
+            "version": "20.3.1",
+            "resolved": "https://registry.npmjs.org/@nx/nx-linux-x64-gnu/-/nx-linux-x64-gnu-20.3.1.tgz",
+            "integrity": "sha512-qC2On2qwYCtn/Kt8epvUn0H3NY6zG9yYhiNjkm6RvVTDmvogFQ4gtfiWSRP/EnabCRqM8FACDIO/ws5CnRBX+Q==",
             "cpu": [
                 "x64"
             ],
@@ -5712,9 +6179,9 @@
             }
         },
         "node_modules/@nx/nx-linux-x64-musl": {
-            "version": "20.3.0",
-            "resolved": "https://registry.npmjs.org/@nx/nx-linux-x64-musl/-/nx-linux-x64-musl-20.3.0.tgz",
-            "integrity": "sha512-sPMtTt9iTrCmFEIp9Qv27UX9PeL1aqKck2dz2TAFbXKVtF6+djOdTcNnTYw45KIP6izcUcOXXAq4G0QSQE7CLg==",
+            "version": "20.3.1",
+            "resolved": "https://registry.npmjs.org/@nx/nx-linux-x64-musl/-/nx-linux-x64-musl-20.3.1.tgz",
+            "integrity": "sha512-KKwHSfV1PEKW82eJ8vxZTPepoaLbaXH/aI0VOKZbBO4ytGyGUr9wFuWPsyo06rK7qtSD7w9bN7xpiBGQk0QTsg==",
             "cpu": [
                 "x64"
             ],
@@ -5729,9 +6196,9 @@
             }
         },
         "node_modules/@nx/nx-win32-arm64-msvc": {
-            "version": "20.3.0",
-            "resolved": "https://registry.npmjs.org/@nx/nx-win32-arm64-msvc/-/nx-win32-arm64-msvc-20.3.0.tgz",
-            "integrity": "sha512-ppfNa/8OfpWA9o26Pz3vArN4ulAC+Hx70/ghPRCP7ed1Mb3Z6yR2Ry9KfBRImbqajvuAExM0TePKMGq9LCdXmg==",
+            "version": "20.3.1",
+            "resolved": "https://registry.npmjs.org/@nx/nx-win32-arm64-msvc/-/nx-win32-arm64-msvc-20.3.1.tgz",
+            "integrity": "sha512-YujkXXHn9rhtwZRDxiaxSPOMX7JkfGmXAFdyEfxhE3Dc/HjFgI+xJZ478/atttR7DWIwGpQJVLpbFWbFFpoNNg==",
             "cpu": [
                 "arm64"
             ],
@@ -5746,9 +6213,9 @@
             }
         },
         "node_modules/@nx/nx-win32-x64-msvc": {
-            "version": "20.3.0",
-            "resolved": "https://registry.npmjs.org/@nx/nx-win32-x64-msvc/-/nx-win32-x64-msvc-20.3.0.tgz",
-            "integrity": "sha512-8FOejZ4emtLSVn3pYWs4PIc3n4//qMbwMDPVxmPE8us3ir91Qh0bzr5zRj7Q8sEdSgvneXRXqtBp2grY2KMJsw==",
+            "version": "20.3.1",
+            "resolved": "https://registry.npmjs.org/@nx/nx-win32-x64-msvc/-/nx-win32-x64-msvc-20.3.1.tgz",
+            "integrity": "sha512-Os8iCamvHhE5noQKFE9D9xkiI529918tufTYmEhJ9ZmLU/ybVA0We6r7gXjYzdNfA3DtwfGXvNvUpy3u+pZXOg==",
             "cpu": [
                 "x64"
             ],
@@ -6204,9 +6671,9 @@
             "license": "MIT"
         },
         "node_modules/@rollup/rollup-android-arm-eabi": {
-            "version": "4.22.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.22.4.tgz",
-            "integrity": "sha512-Fxamp4aEZnfPOcGA8KSNEohV8hX7zVHOemC8jVBoBUHu5zpJK/Eu3uJwt6BMgy9fkvzxDaurgj96F/NiLukF2w==",
+            "version": "4.26.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.26.0.tgz",
+            "integrity": "sha512-gJNwtPDGEaOEgejbaseY6xMFu+CPltsc8/T+diUTTbOQLqD+bnrJq9ulH6WD69TqwqWmrfRAtUv30cCFZlbGTQ==",
             "cpu": [
                 "arm"
             ],
@@ -6218,9 +6685,9 @@
             ]
         },
         "node_modules/@rollup/rollup-android-arm64": {
-            "version": "4.22.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.22.4.tgz",
-            "integrity": "sha512-VXoK5UMrgECLYaMuGuVTOx5kcuap1Jm8g/M83RnCHBKOqvPPmROFJGQaZhGccnsFtfXQ3XYa4/jMCJvZnbJBdA==",
+            "version": "4.26.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.26.0.tgz",
+            "integrity": "sha512-YJa5Gy8mEZgz5JquFruhJODMq3lTHWLm1fOy+HIANquLzfIOzE9RA5ie3JjCdVb9r46qfAQY/l947V0zfGJ0OQ==",
             "cpu": [
                 "arm64"
             ],
@@ -6232,9 +6699,9 @@
             ]
         },
         "node_modules/@rollup/rollup-darwin-arm64": {
-            "version": "4.22.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.22.4.tgz",
-            "integrity": "sha512-xMM9ORBqu81jyMKCDP+SZDhnX2QEVQzTcC6G18KlTQEzWK8r/oNZtKuZaCcHhnsa6fEeOBionoyl5JsAbE/36Q==",
+            "version": "4.26.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.26.0.tgz",
+            "integrity": "sha512-ErTASs8YKbqTBoPLp/kA1B1Um5YSom8QAc4rKhg7b9tyyVqDBlQxy7Bf2wW7yIlPGPg2UODDQcbkTlruPzDosw==",
             "cpu": [
                 "arm64"
             ],
@@ -6246,9 +6713,9 @@
             ]
         },
         "node_modules/@rollup/rollup-darwin-x64": {
-            "version": "4.22.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.22.4.tgz",
-            "integrity": "sha512-aJJyYKQwbHuhTUrjWjxEvGnNNBCnmpHDvrb8JFDbeSH3m2XdHcxDd3jthAzvmoI8w/kSjd2y0udT+4okADsZIw==",
+            "version": "4.26.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.26.0.tgz",
+            "integrity": "sha512-wbgkYDHcdWW+NqP2mnf2NOuEbOLzDblalrOWcPyY6+BRbVhliavon15UploG7PpBRQ2bZJnbmh8o3yLoBvDIHA==",
             "cpu": [
                 "x64"
             ],
@@ -6259,10 +6726,38 @@
                 "darwin"
             ]
         },
+        "node_modules/@rollup/rollup-freebsd-arm64": {
+            "version": "4.26.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.26.0.tgz",
+            "integrity": "sha512-Y9vpjfp9CDkAG4q/uwuhZk96LP11fBz/bYdyg9oaHYhtGZp7NrbkQrj/66DYMMP2Yo/QPAsVHkV891KyO52fhg==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ]
+        },
+        "node_modules/@rollup/rollup-freebsd-x64": {
+            "version": "4.26.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.26.0.tgz",
+            "integrity": "sha512-A/jvfCZ55EYPsqeaAt/yDAG4q5tt1ZboWMHEvKAH9Zl92DWvMIbnZe/f/eOXze65aJaaKbL+YeM0Hz4kLQvdwg==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ]
+        },
         "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-            "version": "4.22.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.22.4.tgz",
-            "integrity": "sha512-j63YtCIRAzbO+gC2L9dWXRh5BFetsv0j0va0Wi9epXDgU/XUi5dJKo4USTttVyK7fGw2nPWK0PbAvyliz50SCQ==",
+            "version": "4.26.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.26.0.tgz",
+            "integrity": "sha512-paHF1bMXKDuizaMODm2bBTjRiHxESWiIyIdMugKeLnjuS1TCS54MF5+Y5Dx8Ui/1RBPVRE09i5OUlaLnv8OGnA==",
             "cpu": [
                 "arm"
             ],
@@ -6274,9 +6769,9 @@
             ]
         },
         "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-            "version": "4.22.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.22.4.tgz",
-            "integrity": "sha512-dJnWUgwWBX1YBRsuKKMOlXCzh2Wu1mlHzv20TpqEsfdZLb3WoJW2kIEsGwLkroYf24IrPAvOT/ZQ2OYMV6vlrg==",
+            "version": "4.26.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.26.0.tgz",
+            "integrity": "sha512-cwxiHZU1GAs+TMxvgPfUDtVZjdBdTsQwVnNlzRXC5QzIJ6nhfB4I1ahKoe9yPmoaA/Vhf7m9dB1chGPpDRdGXg==",
             "cpu": [
                 "arm"
             ],
@@ -6288,9 +6783,9 @@
             ]
         },
         "node_modules/@rollup/rollup-linux-arm64-gnu": {
-            "version": "4.22.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.22.4.tgz",
-            "integrity": "sha512-AdPRoNi3NKVLolCN/Sp4F4N1d98c4SBnHMKoLuiG6RXgoZ4sllseuGioszumnPGmPM2O7qaAX/IJdeDU8f26Aw==",
+            "version": "4.26.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.26.0.tgz",
+            "integrity": "sha512-4daeEUQutGRCW/9zEo8JtdAgtJ1q2g5oHaoQaZbMSKaIWKDQwQ3Yx0/3jJNmpzrsScIPtx/V+1AfibLisb3AMQ==",
             "cpu": [
                 "arm64"
             ],
@@ -6302,9 +6797,9 @@
             ]
         },
         "node_modules/@rollup/rollup-linux-arm64-musl": {
-            "version": "4.22.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.22.4.tgz",
-            "integrity": "sha512-Gl0AxBtDg8uoAn5CCqQDMqAx22Wx22pjDOjBdmG0VIWX3qUBHzYmOKh8KXHL4UpogfJ14G4wk16EQogF+v8hmA==",
+            "version": "4.26.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.26.0.tgz",
+            "integrity": "sha512-eGkX7zzkNxvvS05ROzJ/cO/AKqNvR/7t1jA3VZDi2vRniLKwAWxUr85fH3NsvtxU5vnUUKFHKh8flIBdlo2b3Q==",
             "cpu": [
                 "arm64"
             ],
@@ -6316,9 +6811,9 @@
             ]
         },
         "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
-            "version": "4.22.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.22.4.tgz",
-            "integrity": "sha512-3aVCK9xfWW1oGQpTsYJJPF6bfpWfhbRnhdlyhak2ZiyFLDaayz0EP5j9V1RVLAAxlmWKTDfS9wyRyY3hvhPoOg==",
+            "version": "4.26.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.26.0.tgz",
+            "integrity": "sha512-Odp/lgHbW/mAqw/pU21goo5ruWsytP7/HCC/liOt0zcGG0llYWKrd10k9Fj0pdj3prQ63N5yQLCLiE7HTX+MYw==",
             "cpu": [
                 "ppc64"
             ],
@@ -6330,9 +6825,9 @@
             ]
         },
         "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-            "version": "4.22.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.22.4.tgz",
-            "integrity": "sha512-ePYIir6VYnhgv2C5Xe9u+ico4t8sZWXschR6fMgoPUK31yQu7hTEJb7bCqivHECwIClJfKgE7zYsh1qTP3WHUA==",
+            "version": "4.26.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.26.0.tgz",
+            "integrity": "sha512-MBR2ZhCTzUgVD0OJdTzNeF4+zsVogIR1U/FsyuFerwcqjZGvg2nYe24SAHp8O5sN8ZkRVbHwlYeHqcSQ8tcYew==",
             "cpu": [
                 "riscv64"
             ],
@@ -6344,9 +6839,9 @@
             ]
         },
         "node_modules/@rollup/rollup-linux-s390x-gnu": {
-            "version": "4.22.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.22.4.tgz",
-            "integrity": "sha512-GqFJ9wLlbB9daxhVlrTe61vJtEY99/xB3C8e4ULVsVfflcpmR6c8UZXjtkMA6FhNONhj2eA5Tk9uAVw5orEs4Q==",
+            "version": "4.26.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.26.0.tgz",
+            "integrity": "sha512-YYcg8MkbN17fMbRMZuxwmxWqsmQufh3ZJFxFGoHjrE7bv0X+T6l3glcdzd7IKLiwhT+PZOJCblpnNlz1/C3kGQ==",
             "cpu": [
                 "s390x"
             ],
@@ -6358,9 +6853,9 @@
             ]
         },
         "node_modules/@rollup/rollup-linux-x64-gnu": {
-            "version": "4.22.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.22.4.tgz",
-            "integrity": "sha512-87v0ol2sH9GE3cLQLNEy0K/R0pz1nvg76o8M5nhMR0+Q+BBGLnb35P0fVz4CQxHYXaAOhE8HhlkaZfsdUOlHwg==",
+            "version": "4.26.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.26.0.tgz",
+            "integrity": "sha512-ZuwpfjCwjPkAOxpjAEjabg6LRSfL7cAJb6gSQGZYjGhadlzKKywDkCUnJ+KEfrNY1jH5EEoSIKLCb572jSiglA==",
             "cpu": [
                 "x64"
             ],
@@ -6372,9 +6867,9 @@
             ]
         },
         "node_modules/@rollup/rollup-linux-x64-musl": {
-            "version": "4.22.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.22.4.tgz",
-            "integrity": "sha512-UV6FZMUgePDZrFjrNGIWzDo/vABebuXBhJEqrHxrGiU6HikPy0Z3LfdtciIttEUQfuDdCn8fqh7wiFJjCNwO+g==",
+            "version": "4.26.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.26.0.tgz",
+            "integrity": "sha512-+HJD2lFS86qkeF8kNu0kALtifMpPCZU80HvwztIKnYwym3KnA1os6nsX4BGSTLtS2QVAGG1P3guRgsYyMA0Yhg==",
             "cpu": [
                 "x64"
             ],
@@ -6386,9 +6881,9 @@
             ]
         },
         "node_modules/@rollup/rollup-win32-arm64-msvc": {
-            "version": "4.22.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.22.4.tgz",
-            "integrity": "sha512-BjI+NVVEGAXjGWYHz/vv0pBqfGoUH0IGZ0cICTn7kB9PyjrATSkX+8WkguNjWoj2qSr1im/+tTGRaY+4/PdcQw==",
+            "version": "4.26.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.26.0.tgz",
+            "integrity": "sha512-WUQzVFWPSw2uJzX4j6YEbMAiLbs0BUysgysh8s817doAYhR5ybqTI1wtKARQKo6cGop3pHnrUJPFCsXdoFaimQ==",
             "cpu": [
                 "arm64"
             ],
@@ -6400,9 +6895,9 @@
             ]
         },
         "node_modules/@rollup/rollup-win32-ia32-msvc": {
-            "version": "4.22.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.22.4.tgz",
-            "integrity": "sha512-SiWG/1TuUdPvYmzmYnmd3IEifzR61Tragkbx9D3+R8mzQqDBz8v+BvZNDlkiTtI9T15KYZhP0ehn3Dld4n9J5g==",
+            "version": "4.26.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.26.0.tgz",
+            "integrity": "sha512-D4CxkazFKBfN1akAIY6ieyOqzoOoBV1OICxgUblWxff/pSjCA2khXlASUx7mK6W1oP4McqhgcCsu6QaLj3WMWg==",
             "cpu": [
                 "ia32"
             ],
@@ -6414,9 +6909,9 @@
             ]
         },
         "node_modules/@rollup/rollup-win32-x64-msvc": {
-            "version": "4.22.4",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.22.4.tgz",
-            "integrity": "sha512-j8pPKp53/lq9lMXN57S8cFz0MynJk8OWNuUnXct/9KCpKU7DgU3bYMJhwWmcqC0UU29p8Lr0/7KEVcaM6bf47Q==",
+            "version": "4.26.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.26.0.tgz",
+            "integrity": "sha512-2x8MO1rm4PGEP0xWbubJW5RtbNLk3puzAMaLQd3B3JHVw4KcHlmXcO+Wewx9zCoo7EUFiMlu/aZbCJ7VjMzAag==",
             "cpu": [
                 "x64"
             ],
@@ -6428,14 +6923,14 @@
             ]
         },
         "node_modules/@schematics/angular": {
-            "version": "18.2.12",
-            "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-18.2.12.tgz",
-            "integrity": "sha512-sIoeipsisK5eTLW3XuNZYcal83AfslBbgI7LnV+3VrXwpasKPGHwo2ZdwhCd2IXAkuJ02Iyu7MyV0aQRM9i/3g==",
+            "version": "19.0.7",
+            "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-19.0.7.tgz",
+            "integrity": "sha512-1WtTqKFPuEaV99VIP+y/gf/XW3TVJh/NbJbbEF4qYpp7qQiJ4ntF4klVZmsJcQzFucZSzlg91QVMPQKev5WZGA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@angular-devkit/core": "18.2.12",
-                "@angular-devkit/schematics": "18.2.12",
+                "@angular-devkit/core": "19.0.7",
+                "@angular-devkit/schematics": "19.0.7",
                 "jsonc-parser": "3.3.1"
             },
             "engines": {
@@ -6445,63 +6940,63 @@
             }
         },
         "node_modules/@sentry-internal/browser-utils": {
-            "version": "8.47.0",
-            "resolved": "https://registry.npmjs.org/@sentry-internal/browser-utils/-/browser-utils-8.47.0.tgz",
-            "integrity": "sha512-vOXzYzHTKkahTLDzWWIA4EiVCQ+Gk+7xGWUlNcR2ZiEPBqYZVb5MjsUozAcc7syrSUy6WicyFjcomZ3rlCVQhg==",
+            "version": "8.48.0",
+            "resolved": "https://registry.npmjs.org/@sentry-internal/browser-utils/-/browser-utils-8.48.0.tgz",
+            "integrity": "sha512-pLtu0Fa1Ou0v3M1OEO1MB1EONJVmXEGtoTwFRCO1RPQI2ulmkG6BikINClFG5IBpoYKZ33WkEXuM6U5xh+pdZg==",
             "license": "MIT",
             "dependencies": {
-                "@sentry/core": "8.47.0"
+                "@sentry/core": "8.48.0"
             },
             "engines": {
                 "node": ">=14.18"
             }
         },
         "node_modules/@sentry-internal/feedback": {
-            "version": "8.47.0",
-            "resolved": "https://registry.npmjs.org/@sentry-internal/feedback/-/feedback-8.47.0.tgz",
-            "integrity": "sha512-IAiIemTQIalxAOYhUENs9bZ8pMNgJnX3uQSuY7v0gknEqClOGpGkG04X/cxCmtJUj1acZ9ShTGDxoh55a+ggAQ==",
+            "version": "8.48.0",
+            "resolved": "https://registry.npmjs.org/@sentry-internal/feedback/-/feedback-8.48.0.tgz",
+            "integrity": "sha512-6PwcJNHVPg0EfZxmN+XxVOClfQpv7MBAweV8t9i5l7VFr8sM/7wPNSeU/cG7iK19Ug9ZEkBpzMOe3G4GXJ5bpw==",
             "license": "MIT",
             "dependencies": {
-                "@sentry/core": "8.47.0"
+                "@sentry/core": "8.48.0"
             },
             "engines": {
                 "node": ">=14.18"
             }
         },
         "node_modules/@sentry-internal/replay": {
-            "version": "8.47.0",
-            "resolved": "https://registry.npmjs.org/@sentry-internal/replay/-/replay-8.47.0.tgz",
-            "integrity": "sha512-G/S40ZBORj0HSMLw/uVC6YDEPN/dqVk901vf4VYfml686DEhJrZesfAfp5SydJumQ0NKZQrdtvny+BWnlI5H1w==",
+            "version": "8.48.0",
+            "resolved": "https://registry.npmjs.org/@sentry-internal/replay/-/replay-8.48.0.tgz",
+            "integrity": "sha512-csILVupc5RkrsTrncuUTGmlB56FQSFjXPYWG8I8yBTGlXEJ+o8oTuF6+55R4vbw3EIzBveXWi4kEBbnQlXW/eg==",
             "license": "MIT",
             "dependencies": {
-                "@sentry-internal/browser-utils": "8.47.0",
-                "@sentry/core": "8.47.0"
+                "@sentry-internal/browser-utils": "8.48.0",
+                "@sentry/core": "8.48.0"
             },
             "engines": {
                 "node": ">=14.18"
             }
         },
         "node_modules/@sentry-internal/replay-canvas": {
-            "version": "8.47.0",
-            "resolved": "https://registry.npmjs.org/@sentry-internal/replay-canvas/-/replay-canvas-8.47.0.tgz",
-            "integrity": "sha512-M4W9UGouEeELbGbP3QsXLDVtGiQSZoWJlKwqMWyqdQgZuLoKw0S33+60t6teLVMhuQZR0UI9VJTF5coiXysnnA==",
+            "version": "8.48.0",
+            "resolved": "https://registry.npmjs.org/@sentry-internal/replay-canvas/-/replay-canvas-8.48.0.tgz",
+            "integrity": "sha512-LdivLfBXXB9us1aAc6XaL7/L2Ob4vi3C/fEOXElehg3qHjX6q6pewiv5wBvVXGX1NfZTRvu+X11k6TZoxKsezw==",
             "license": "MIT",
             "dependencies": {
-                "@sentry-internal/replay": "8.47.0",
-                "@sentry/core": "8.47.0"
+                "@sentry-internal/replay": "8.48.0",
+                "@sentry/core": "8.48.0"
             },
             "engines": {
                 "node": ">=14.18"
             }
         },
         "node_modules/@sentry/angular": {
-            "version": "8.47.0",
-            "resolved": "https://registry.npmjs.org/@sentry/angular/-/angular-8.47.0.tgz",
-            "integrity": "sha512-SHKyzd8OOrlGcnKItIFYp9wJXIReo1LwNDRQ8zJvUhMwdCHfZW0oZOSXTt8Ol4MfU/lWEgrFg+SyhA3Ltiz2uw==",
+            "version": "8.48.0",
+            "resolved": "https://registry.npmjs.org/@sentry/angular/-/angular-8.48.0.tgz",
+            "integrity": "sha512-jJRrsm5y72L9TPBIRITOEryiO4MM0XP2ZAKc943v76dk6Q47SdataUdF6Lwf+MxobnE7S+zY97DnsxLGsOxF4w==",
             "license": "MIT",
             "dependencies": {
-                "@sentry/browser": "8.47.0",
-                "@sentry/core": "8.47.0",
+                "@sentry/browser": "8.48.0",
+                "@sentry/core": "8.48.0",
                 "tslib": "^2.4.1"
             },
             "engines": {
@@ -6515,38 +7010,38 @@
             }
         },
         "node_modules/@sentry/browser": {
-            "version": "8.47.0",
-            "resolved": "https://registry.npmjs.org/@sentry/browser/-/browser-8.47.0.tgz",
-            "integrity": "sha512-K6BzHisykmbFy/wORtGyfsAlw7ShevLALzu3ReZZZ18dVubO1bjSNjkZQU9MJD5Jcb9oLwkq89n3N9XIBfvdRA==",
+            "version": "8.48.0",
+            "resolved": "https://registry.npmjs.org/@sentry/browser/-/browser-8.48.0.tgz",
+            "integrity": "sha512-fuuVULB5/1vI8NoIwXwR3xwhJJqk+y4RdSdajExGF7nnUDBpwUJyXsmYJnOkBO+oLeEs58xaCpotCKiPUNnE3g==",
             "license": "MIT",
             "dependencies": {
-                "@sentry-internal/browser-utils": "8.47.0",
-                "@sentry-internal/feedback": "8.47.0",
-                "@sentry-internal/replay": "8.47.0",
-                "@sentry-internal/replay-canvas": "8.47.0",
-                "@sentry/core": "8.47.0"
+                "@sentry-internal/browser-utils": "8.48.0",
+                "@sentry-internal/feedback": "8.48.0",
+                "@sentry-internal/replay": "8.48.0",
+                "@sentry-internal/replay-canvas": "8.48.0",
+                "@sentry/core": "8.48.0"
             },
             "engines": {
                 "node": ">=14.18"
             }
         },
         "node_modules/@sentry/core": {
-            "version": "8.47.0",
-            "resolved": "https://registry.npmjs.org/@sentry/core/-/core-8.47.0.tgz",
-            "integrity": "sha512-iSEJZMe3DOcqBFZQAqgA3NB2lCWBc4Gv5x/SCri/TVg96wAlss4VrUunSI2Mp0J4jJ5nJcJ2ChqHSBAU48k3FA==",
+            "version": "8.48.0",
+            "resolved": "https://registry.npmjs.org/@sentry/core/-/core-8.48.0.tgz",
+            "integrity": "sha512-VGwYgTfLpvJ5LRO5A+qWo1gpo6SfqaGXL9TOzVgBucAdpzbrYHpZ87sEarDVq/4275uk1b0S293/mfsskFczyw==",
             "license": "MIT",
             "engines": {
                 "node": ">=14.18"
             }
         },
         "node_modules/@sentry/types": {
-            "version": "8.47.0",
-            "resolved": "https://registry.npmjs.org/@sentry/types/-/types-8.47.0.tgz",
-            "integrity": "sha512-ruiowlIBQUPDwNcO0KTudKP9T2QYF3S2TLhDdoJb+0ZGJduH4PsgGAojUSpGR+idKfrlOSlUpcdg9+WxsoOckg==",
+            "version": "8.48.0",
+            "resolved": "https://registry.npmjs.org/@sentry/types/-/types-8.48.0.tgz",
+            "integrity": "sha512-3Ad38BF9b+sVRh7ag8jryHuqVOzQ4mBKjT6vnm+jQz45Qbhri//LSdhhJ7KpiSm3/EYpRjQekTr6mjYZmfOaeA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@sentry/core": "8.47.0"
+                "@sentry/core": "8.48.0"
             },
             "engines": {
                 "node": ">=14.18"
@@ -6568,26 +7063,26 @@
             }
         },
         "node_modules/@sigstore/bundle": {
-            "version": "2.3.2",
-            "resolved": "https://registry.npmjs.org/@sigstore/bundle/-/bundle-2.3.2.tgz",
-            "integrity": "sha512-wueKWDk70QixNLB363yHc2D2ItTgYiMTdPwK8D9dKQMR3ZQ0c35IxP5xnwQ8cNLoCgCRcHf14kE+CLIvNX1zmA==",
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/@sigstore/bundle/-/bundle-3.0.0.tgz",
+            "integrity": "sha512-XDUYX56iMPAn/cdgh/DTJxz5RWmqKV4pwvUAEKEWJl+HzKdCd/24wUa9JYNMlDSCb7SUHAdtksxYX779Nne/Zg==",
             "dev": true,
             "license": "Apache-2.0",
             "dependencies": {
                 "@sigstore/protobuf-specs": "^0.3.2"
             },
             "engines": {
-                "node": "^16.14.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/@sigstore/core": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/@sigstore/core/-/core-1.1.0.tgz",
-            "integrity": "sha512-JzBqdVIyqm2FRQCulY6nbQzMpJJpSiJ8XXWMhtOX9eKgaXXpfNOF53lzQEjIydlStnd/eFtuC1dW4VYdD93oRg==",
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/@sigstore/core/-/core-2.0.0.tgz",
+            "integrity": "sha512-nYxaSb/MtlSI+JWcwTHQxyNmWeWrUXJJ/G4liLrGG7+tS4vAz6LF3xRXqLH6wPIVUoZQel2Fs4ddLx4NCpiIYg==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
-                "node": "^16.14.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/@sigstore/protobuf-specs": {
@@ -6601,50 +7096,50 @@
             }
         },
         "node_modules/@sigstore/sign": {
-            "version": "2.3.2",
-            "resolved": "https://registry.npmjs.org/@sigstore/sign/-/sign-2.3.2.tgz",
-            "integrity": "sha512-5Vz5dPVuunIIvC5vBb0APwo7qKA4G9yM48kPWJT+OEERs40md5GoUR1yedwpekWZ4m0Hhw44m6zU+ObsON+iDA==",
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/@sigstore/sign/-/sign-3.0.0.tgz",
+            "integrity": "sha512-UjhDMQOkyDoktpXoc5YPJpJK6IooF2gayAr5LvXI4EL7O0vd58okgfRcxuaH+YTdhvb5aa1Q9f+WJ0c2sVuYIw==",
             "dev": true,
             "license": "Apache-2.0",
             "dependencies": {
-                "@sigstore/bundle": "^2.3.2",
-                "@sigstore/core": "^1.0.0",
+                "@sigstore/bundle": "^3.0.0",
+                "@sigstore/core": "^2.0.0",
                 "@sigstore/protobuf-specs": "^0.3.2",
-                "make-fetch-happen": "^13.0.1",
-                "proc-log": "^4.2.0",
+                "make-fetch-happen": "^14.0.1",
+                "proc-log": "^5.0.0",
                 "promise-retry": "^2.0.1"
             },
             "engines": {
-                "node": "^16.14.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/@sigstore/tuf": {
-            "version": "2.3.4",
-            "resolved": "https://registry.npmjs.org/@sigstore/tuf/-/tuf-2.3.4.tgz",
-            "integrity": "sha512-44vtsveTPUpqhm9NCrbU8CWLe3Vck2HO1PNLw7RIajbB7xhtn5RBPm1VNSCMwqGYHhDsBJG8gDF0q4lgydsJvw==",
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/@sigstore/tuf/-/tuf-3.0.0.tgz",
+            "integrity": "sha512-9Xxy/8U5OFJu7s+OsHzI96IX/OzjF/zj0BSSaWhgJgTqtlBhQIV2xdrQI5qxLD7+CWWDepadnXAxzaZ3u9cvRw==",
             "dev": true,
             "license": "Apache-2.0",
             "dependencies": {
                 "@sigstore/protobuf-specs": "^0.3.2",
-                "tuf-js": "^2.2.1"
+                "tuf-js": "^3.0.1"
             },
             "engines": {
-                "node": "^16.14.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/@sigstore/verify": {
-            "version": "1.2.1",
-            "resolved": "https://registry.npmjs.org/@sigstore/verify/-/verify-1.2.1.tgz",
-            "integrity": "sha512-8iKx79/F73DKbGfRf7+t4dqrc0bRr0thdPrxAtCKWRm/F0tG71i6O1rvlnScncJLLBZHn3h8M3c1BSUAb9yu8g==",
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/@sigstore/verify/-/verify-2.0.0.tgz",
+            "integrity": "sha512-Ggtq2GsJuxFNUvQzLoXqRwS4ceRfLAJnrIHUDrzAD0GgnOhwujJkKkxM/s5Bako07c3WtAs/sZo5PJq7VHjeDg==",
             "dev": true,
             "license": "Apache-2.0",
             "dependencies": {
-                "@sigstore/bundle": "^2.3.2",
-                "@sigstore/core": "^1.1.0",
+                "@sigstore/bundle": "^3.0.0",
+                "@sigstore/core": "^2.0.0",
                 "@sigstore/protobuf-specs": "^0.3.2"
             },
             "engines": {
-                "node": "^16.14.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/@sinclair/typebox": {
@@ -6660,6 +7155,7 @@
             "integrity": "sha512-LtoMMhxAlorcGhmFYI+LhPgbPZCkgP6ra1YL604EeF6U98pLlQ3iWIGMdWSC+vWmPBWBNgmDBAhnAobLROJmwg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">=18"
             },
@@ -6864,17 +7360,17 @@
             }
         },
         "node_modules/@tufjs/models": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/@tufjs/models/-/models-2.0.1.tgz",
-            "integrity": "sha512-92F7/SFyufn4DXsha9+QfKnN03JGqtMFMXgSHbZOo8JG59WkTni7UzAouNQDf7AuP9OAMxVOPQcqG3sB7w+kkg==",
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/@tufjs/models/-/models-3.0.1.tgz",
+            "integrity": "sha512-UUYHISyhCU3ZgN8yaear3cGATHb3SMuKHsQ/nVbHXcmnBf+LzQ/cQfhNG+rfaSHgqGKNEm2cOCLVLELStUQ1JA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
                 "@tufjs/canonical-json": "2.0.0",
-                "minimatch": "^9.0.4"
+                "minimatch": "^9.0.5"
             },
             "engines": {
-                "node": "^16.14.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/@tybys/wasm-util": {
@@ -6942,6 +7438,7 @@
             "integrity": "sha512-fB3Zu92ucau0iQ0JMCFQE7b/dv8Ot07NI3KaZIkIUNXq82k4eBAqUaneXfleGY9JWskeS9y+u0nXMyspcuQrCg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@types/connect": "*",
                 "@types/node": "*"
@@ -6953,6 +7450,7 @@
             "integrity": "sha512-z9fJ5Im06zvUL548KvYNecEVlA7cVDkGUi6kZusb04mpyEFKCIZJvloCcmpmLaIahDpOQGHaHmG6imtPMmPXGQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@types/node": "*"
             }
@@ -6963,6 +7461,7 @@
             "integrity": "sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@types/node": "*"
             }
@@ -6973,6 +7472,7 @@
             "integrity": "sha512-n6Cr2xS1h4uAulPRdlw6Jl6s1oG8KrVilPN2yUITEs+K48EzMJJ3W1xy8K5eWuFvjp3R74AOIGSmp2UfBJ8HFw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@types/express-serve-static-core": "*",
                 "@types/node": "*"
@@ -6993,9 +7493,9 @@
             "license": "MIT"
         },
         "node_modules/@types/d3-shape": {
-            "version": "3.1.6",
-            "resolved": "https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.6.tgz",
-            "integrity": "sha512-5KKk5aKGu2I+O6SONMYSNflgiP0WfZIQvVUMan50wHsLG1G94JlxEVnCpQARfTtzytuY0p/9PXXZb3I7giofIA==",
+            "version": "3.1.7",
+            "resolved": "https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.7.tgz",
+            "integrity": "sha512-VLvUQ33C+3J+8p+Daf+nYSOsjB4GXp19/S/aGo60m9h1v6XaxjiT82lKVWJCfzhtuZ3yD7i/TPeC/fuKLLOSmg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -7019,6 +7519,30 @@
             "dev": true,
             "license": "MIT"
         },
+        "node_modules/@types/eslint": {
+            "version": "9.6.1",
+            "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-9.6.1.tgz",
+            "integrity": "sha512-FXx2pKgId/WyYo2jXw63kk7/+TY7u7AziEJxJAnSFzHlqTAS3Ync6SvgYAN/k4/PQpnnVuzoMuVnByKK2qp0ag==",
+            "dev": true,
+            "license": "MIT",
+            "peer": true,
+            "dependencies": {
+                "@types/estree": "*",
+                "@types/json-schema": "*"
+            }
+        },
+        "node_modules/@types/eslint-scope": {
+            "version": "3.7.7",
+            "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.7.tgz",
+            "integrity": "sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==",
+            "dev": true,
+            "license": "MIT",
+            "peer": true,
+            "dependencies": {
+                "@types/eslint": "*",
+                "@types/estree": "*"
+            }
+        },
         "node_modules/@types/estree": {
             "version": "1.0.6",
             "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz",
@@ -7032,6 +7556,7 @@
             "integrity": "sha512-ejlPM315qwLpaQlQDTjPdsUFSc6ZsP4AN6AlWnogPjQ7CVi7PYF3YVz+CY3jE2pwYf7E/7HlDAN0rV2GxTG0HQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@types/body-parser": "*",
                 "@types/express-serve-static-core": "^4.17.33",
@@ -7040,11 +7565,12 @@
             }
         },
         "node_modules/@types/express-serve-static-core": {
-            "version": "5.0.3",
-            "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-5.0.3.tgz",
-            "integrity": "sha512-JEhMNwUJt7bw728CydvYzntD0XJeTmDnvwLlbfbAhE7Tbslm/ax6bdIiUwTgeVlZTsJQPwZwKpAkyDtIjsvx3g==",
+            "version": "5.0.4",
+            "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-5.0.4.tgz",
+            "integrity": "sha512-5kz9ScmzBdzTgB/3susoCgfqNDzBjvLL4taparufgSvlwjdLy6UyUy9T/tCpYd2GIdIilCatC4iSQS0QSYHt0w==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@types/node": "*",
                 "@types/qs": "*",
@@ -7058,6 +7584,7 @@
             "integrity": "sha512-N4LZ2xG7DatVqhCZzOGb1Yi5lMbXSZcmdLDe9EzSndPV2HpWYWzRbaerl2n27irrm94EPpprqa8KpskPT085+A==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@types/node": "*",
                 "@types/qs": "*",
@@ -7090,7 +7617,8 @@
             "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.4.tgz",
             "integrity": "sha512-D0CFMMtydbJAegzOyHjtiKPLlvnm3iTZyZRSZoLq2mRhDdmLfIWOCYPfQJ4cu2erKghU++QvjcUjp/5h7hESpA==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/@types/http-proxy": {
             "version": "1.17.15",
@@ -7098,6 +7626,7 @@
             "integrity": "sha512-25g5atgiVNTIv0LBDTg1H74Hvayx0ajtJPLLcYE3whFv75J0pWNtOBzaXJQgDTmrX1bx5U9YC2w/n65BN1HwRQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@types/node": "*"
             }
@@ -7241,17 +7770,8 @@
             "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.5.tgz",
             "integrity": "sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w==",
             "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@types/mute-stream": {
-            "version": "0.0.4",
-            "resolved": "https://registry.npmjs.org/@types/mute-stream/-/mute-stream-0.0.4.tgz",
-            "integrity": "sha512-CPM9nzrCPPJHQNA9keH9CVkVI+WR5kMa+7XEs5jcGQ0VoAGnLv242w8lIVgwAEfmE4oufJRaTc9PNLQl0ioAow==",
-            "dev": true,
             "license": "MIT",
-            "dependencies": {
-                "@types/node": "*"
-            }
+            "peer": true
         },
         "node_modules/@types/node": {
             "version": "22.10.5",
@@ -7269,6 +7789,7 @@
             "integrity": "sha512-FQx220y22OKNTqaByeBGqHWYz4cl94tpcxeFdvBo3wjG6XPBuZ0BNgNZRV5J5TFmmcsJ4IzsLkmGRiQbnYsBEQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@types/node": "*"
             }
@@ -7286,28 +7807,28 @@
         "node_modules/@types/prop-types": {
             "version": "15.7.14",
             "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.14.tgz",
-            "integrity": "sha512-gNMvNH49DJ7OJYv+KAKn0Xp45p8PLl6zo2YnvDIbTd4J6MER2BmWN49TG7n9LvkyihINxeKW8+3bfS2yDC9dzQ==",
-            "license": "MIT"
+            "integrity": "sha512-gNMvNH49DJ7OJYv+KAKn0Xp45p8PLl6zo2YnvDIbTd4J6MER2BmWN49TG7n9LvkyihINxeKW8+3bfS2yDC9dzQ=="
         },
         "node_modules/@types/qs": {
             "version": "6.9.17",
             "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.17.tgz",
             "integrity": "sha512-rX4/bPcfmvxHDv0XjfJELTTr+iB+tn032nPILqHm5wbthUUUuVtNGGqzhya9XUxjTP8Fpr0qYgSZZKxGY++svQ==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/@types/range-parser": {
             "version": "1.2.7",
             "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.7.tgz",
             "integrity": "sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/@types/react": {
             "version": "18.3.18",
             "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.18.tgz",
             "integrity": "sha512-t4yC+vtgnkYjNSKlFx1jkAhH8LgTo2N/7Qvi83kdEaUtMDiwpbLAktKDaAMlRcJ5eSxZkH74eEGt1ky31d7kfQ==",
-            "license": "MIT",
             "dependencies": {
                 "@types/prop-types": "*",
                 "csstype": "^3.0.2"
@@ -7318,7 +7839,8 @@
             "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.2.tgz",
             "integrity": "sha512-XISRgDJ2Tc5q4TRqvgJtzsRkFYNJzZrhTdtMoGVBttwzzQJkPnS3WWTFc7kuDRoPtPakl+T+OfdEUjYJj7Jbow==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/@types/semver": {
             "version": "7.5.8",
@@ -7333,6 +7855,7 @@
             "integrity": "sha512-x2EM6TJOybec7c52BX0ZspPodMsQUd5L6PRwOunVyVUhXiBSKf3AezDL8Dgvgt5o0UfKNfuA0eMLr2wLT4AiBA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@types/mime": "^1",
                 "@types/node": "*"
@@ -7344,6 +7867,7 @@
             "integrity": "sha512-qLpGZ/c2fhSs5gnYsQxtDEq3Oy8SXPClIXkW5ghvAvsNuVSA8k+gCONcUCS/UjLEYvYps+e8uBtfgXgvhwfNug==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@types/express": "*"
             }
@@ -7354,6 +7878,7 @@
             "integrity": "sha512-W8Ym+h8nhuRwaKPaDw34QUkwsGi6Rc4yYqvKFo5rm2FUEhCFbzVWrxXUxuKK8TASjWsysJY0nsmNCGhCOIsrOw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@types/http-errors": "*",
                 "@types/node": "*",
@@ -7373,6 +7898,7 @@
             "integrity": "sha512-MK9V6NzAS1+Ud7JV9lJLFqW85VbC9dq3LmwZCuBe4wBDgKC0Kj/jd8Xl+nSviU+Qc3+m7umHHyHg//2KSa0a0Q==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@types/node": "*"
             }
@@ -7438,19 +7964,13 @@
             "dev": true,
             "license": "MIT"
         },
-        "node_modules/@types/wrap-ansi": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/@types/wrap-ansi/-/wrap-ansi-3.0.0.tgz",
-            "integrity": "sha512-ltIpx+kM7g/MLRZfkbL7EsCEjfzCcScLpkg37eXEtx5kmrAKBkTJwd1GIAjDSL8wTpM6Hzn5YO4pSb91BEwu1g==",
-            "dev": true,
-            "license": "MIT"
-        },
         "node_modules/@types/ws": {
             "version": "8.5.13",
             "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.13.tgz",
             "integrity": "sha512-osM/gWBTPKgHV8XkTunnegTRIsvF6owmf5w+JtAfOw472dptdm0dlGv4xCt6GwQRcC2XVOvvRE/0bAoQcL2QkA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@types/node": "*"
             }
@@ -7473,21 +7993,21 @@
             "license": "MIT"
         },
         "node_modules/@typescript-eslint/eslint-plugin": {
-            "version": "8.19.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.19.0.tgz",
-            "integrity": "sha512-NggSaEZCdSrFddbctrVjkVZvFC6KGfKfNK0CU7mNK/iKHGKbzT4Wmgm08dKpcZECBu9f5FypndoMyRHkdqfT1Q==",
+            "version": "8.19.1",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.19.1.tgz",
+            "integrity": "sha512-tJzcVyvvb9h/PB96g30MpxACd9IrunT7GF9wfA9/0TJ1LxGOJx1TdPzSbBBnNED7K9Ka8ybJsnEpiXPktolTLg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
                 "@eslint-community/regexpp": "^4.10.0",
-                "@typescript-eslint/scope-manager": "8.19.0",
-                "@typescript-eslint/type-utils": "8.19.0",
-                "@typescript-eslint/utils": "8.19.0",
-                "@typescript-eslint/visitor-keys": "8.19.0",
+                "@typescript-eslint/scope-manager": "8.19.1",
+                "@typescript-eslint/type-utils": "8.19.1",
+                "@typescript-eslint/utils": "8.19.1",
+                "@typescript-eslint/visitor-keys": "8.19.1",
                 "graphemer": "^1.4.0",
                 "ignore": "^5.3.1",
                 "natural-compare": "^1.4.0",
-                "ts-api-utils": "^1.3.0"
+                "ts-api-utils": "^2.0.0"
             },
             "engines": {
                 "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -7513,16 +8033,16 @@
             }
         },
         "node_modules/@typescript-eslint/parser": {
-            "version": "8.19.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.19.0.tgz",
-            "integrity": "sha512-6M8taKyOETY1TKHp0x8ndycipTVgmp4xtg5QpEZzXxDhNvvHOJi5rLRkLr8SK3jTgD5l4fTlvBiRdfsuWydxBw==",
+            "version": "8.19.1",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.19.1.tgz",
+            "integrity": "sha512-67gbfv8rAwawjYx3fYArwldTQKoYfezNUT4D5ioWetr/xCrxXxvleo3uuiFuKfejipvq+og7mjz3b0G2bVyUCw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@typescript-eslint/scope-manager": "8.19.0",
-                "@typescript-eslint/types": "8.19.0",
-                "@typescript-eslint/typescript-estree": "8.19.0",
-                "@typescript-eslint/visitor-keys": "8.19.0",
+                "@typescript-eslint/scope-manager": "8.19.1",
+                "@typescript-eslint/types": "8.19.1",
+                "@typescript-eslint/typescript-estree": "8.19.1",
+                "@typescript-eslint/visitor-keys": "8.19.1",
                 "debug": "^4.3.4"
             },
             "engines": {
@@ -7538,14 +8058,14 @@
             }
         },
         "node_modules/@typescript-eslint/scope-manager": {
-            "version": "8.19.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.19.0.tgz",
-            "integrity": "sha512-hkoJiKQS3GQ13TSMEiuNmSCvhz7ujyqD1x3ShbaETATHrck+9RaDdUbt+osXaUuns9OFwrDTTrjtwsU8gJyyRA==",
+            "version": "8.19.1",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.19.1.tgz",
+            "integrity": "sha512-60L9KIuN/xgmsINzonOcMDSB8p82h95hoBfSBtXuO4jlR1R9L1xSkmVZKgCPVfavDlXihh4ARNjXhh1gGnLC7Q==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@typescript-eslint/types": "8.19.0",
-                "@typescript-eslint/visitor-keys": "8.19.0"
+                "@typescript-eslint/types": "8.19.1",
+                "@typescript-eslint/visitor-keys": "8.19.1"
             },
             "engines": {
                 "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -7556,16 +8076,16 @@
             }
         },
         "node_modules/@typescript-eslint/type-utils": {
-            "version": "8.19.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.19.0.tgz",
-            "integrity": "sha512-TZs0I0OSbd5Aza4qAMpp1cdCYVnER94IziudE3JU328YUHgWu9gwiwhag+fuLeJ2LkWLXI+F/182TbG+JaBdTg==",
+            "version": "8.19.1",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.19.1.tgz",
+            "integrity": "sha512-Rp7k9lhDKBMRJB/nM9Ksp1zs4796wVNyihG9/TU9R6KCJDNkQbc2EOKjrBtLYh3396ZdpXLtr/MkaSEmNMtykw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@typescript-eslint/typescript-estree": "8.19.0",
-                "@typescript-eslint/utils": "8.19.0",
+                "@typescript-eslint/typescript-estree": "8.19.1",
+                "@typescript-eslint/utils": "8.19.1",
                 "debug": "^4.3.4",
-                "ts-api-utils": "^1.3.0"
+                "ts-api-utils": "^2.0.0"
             },
             "engines": {
                 "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -7580,9 +8100,9 @@
             }
         },
         "node_modules/@typescript-eslint/types": {
-            "version": "8.19.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.19.0.tgz",
-            "integrity": "sha512-8XQ4Ss7G9WX8oaYvD4OOLCjIQYgRQxO+qCiR2V2s2GxI9AUpo7riNwo6jDhKtTcaJjT8PY54j2Yb33kWtSJsmA==",
+            "version": "8.19.1",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.19.1.tgz",
+            "integrity": "sha512-JBVHMLj7B1K1v1051ZaMMgLW4Q/jre5qGK0Ew6UgXz1Rqh+/xPzV1aW581OM00X6iOfyr1be+QyW8LOUf19BbA==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -7594,20 +8114,20 @@
             }
         },
         "node_modules/@typescript-eslint/typescript-estree": {
-            "version": "8.19.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.19.0.tgz",
-            "integrity": "sha512-WW9PpDaLIFW9LCbucMSdYUuGeFUz1OkWYS/5fwZwTA+l2RwlWFdJvReQqMUMBw4yJWJOfqd7An9uwut2Oj8sLw==",
+            "version": "8.19.1",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.19.1.tgz",
+            "integrity": "sha512-jk/TZwSMJlxlNnqhy0Eod1PNEvCkpY6MXOXE/WLlblZ6ibb32i2We4uByoKPv1d0OD2xebDv4hbs3fm11SMw8Q==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@typescript-eslint/types": "8.19.0",
-                "@typescript-eslint/visitor-keys": "8.19.0",
+                "@typescript-eslint/types": "8.19.1",
+                "@typescript-eslint/visitor-keys": "8.19.1",
                 "debug": "^4.3.4",
                 "fast-glob": "^3.3.2",
                 "is-glob": "^4.0.3",
                 "minimatch": "^9.0.4",
                 "semver": "^7.6.0",
-                "ts-api-utils": "^1.3.0"
+                "ts-api-utils": "^2.0.0"
             },
             "engines": {
                 "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -7621,16 +8141,16 @@
             }
         },
         "node_modules/@typescript-eslint/utils": {
-            "version": "8.19.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.19.0.tgz",
-            "integrity": "sha512-PTBG+0oEMPH9jCZlfg07LCB2nYI0I317yyvXGfxnvGvw4SHIOuRnQ3kadyyXY6tGdChusIHIbM5zfIbp4M6tCg==",
+            "version": "8.19.1",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.19.1.tgz",
+            "integrity": "sha512-IxG5gLO0Ne+KaUc8iW1A+XuKLd63o4wlbI1Zp692n1xojCl/THvgIKXJXBZixTh5dd5+yTJ/VXH7GJaaw21qXA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
                 "@eslint-community/eslint-utils": "^4.4.0",
-                "@typescript-eslint/scope-manager": "8.19.0",
-                "@typescript-eslint/types": "8.19.0",
-                "@typescript-eslint/typescript-estree": "8.19.0"
+                "@typescript-eslint/scope-manager": "8.19.1",
+                "@typescript-eslint/types": "8.19.1",
+                "@typescript-eslint/typescript-estree": "8.19.1"
             },
             "engines": {
                 "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -7645,13 +8165,13 @@
             }
         },
         "node_modules/@typescript-eslint/visitor-keys": {
-            "version": "8.19.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.19.0.tgz",
-            "integrity": "sha512-mCFtBbFBJDCNCWUl5y6sZSCHXw1DEFEk3c/M3nRK2a4XUB8StGFtmcEMizdjKuBzB6e/smJAAWYug3VrdLMr1w==",
+            "version": "8.19.1",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.19.1.tgz",
+            "integrity": "sha512-fzmjU8CHK853V/avYZAvuVut3ZTfwN5YtMaoi+X9Y9MA9keaWNHC3zEQ9zvyX/7Hj+5JkNyK1l7TOR2hevHB6Q==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@typescript-eslint/types": "8.19.0",
+                "@typescript-eslint/types": "8.19.1",
                 "eslint-visitor-keys": "^4.2.0"
             },
             "engines": {
@@ -7731,16 +8251,6 @@
                 }
             }
         },
-        "node_modules/@vitest/mocker/node_modules/magic-string": {
-            "version": "0.30.17",
-            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
-            "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@jridgewell/sourcemap-codec": "^1.5.0"
-            }
-        },
         "node_modules/@vitest/pretty-format": {
             "version": "2.1.8",
             "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-2.1.8.tgz",
@@ -7783,16 +8293,6 @@
                 "url": "https://opencollective.com/vitest"
             }
         },
-        "node_modules/@vitest/snapshot/node_modules/magic-string": {
-            "version": "0.30.17",
-            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
-            "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@jridgewell/sourcemap-codec": "^1.5.0"
-            }
-        },
         "node_modules/@vitest/spy": {
             "version": "2.1.8",
             "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-2.1.8.tgz",
@@ -7842,6 +8342,7 @@
             "integrity": "sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@webassemblyjs/helper-numbers": "1.13.2",
                 "@webassemblyjs/helper-wasm-bytecode": "1.13.2"
@@ -7852,21 +8353,24 @@
             "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.13.2.tgz",
             "integrity": "sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/@webassemblyjs/helper-api-error": {
             "version": "1.13.2",
             "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.13.2.tgz",
             "integrity": "sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/@webassemblyjs/helper-buffer": {
             "version": "1.14.1",
             "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.14.1.tgz",
             "integrity": "sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/@webassemblyjs/helper-numbers": {
             "version": "1.13.2",
@@ -7874,6 +8378,7 @@
             "integrity": "sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@webassemblyjs/floating-point-hex-parser": "1.13.2",
                 "@webassemblyjs/helper-api-error": "1.13.2",
@@ -7885,7 +8390,8 @@
             "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.13.2.tgz",
             "integrity": "sha512-3QbLKy93F0EAIXLh0ogEVR6rOubA9AoZ+WRYhNbFyuB70j3dRdwH9g+qXhLAO0kiYGlg3TxDV+I4rQTr/YNXkA==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/@webassemblyjs/helper-wasm-section": {
             "version": "1.14.1",
@@ -7893,6 +8399,7 @@
             "integrity": "sha512-ds5mXEqTJ6oxRoqjhWDU83OgzAYjwsCV8Lo/N+oRsNDmx/ZDpqalmrtgOMkHwxsG0iI//3BwWAErYRHtgn0dZw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@webassemblyjs/ast": "1.14.1",
                 "@webassemblyjs/helper-buffer": "1.14.1",
@@ -7906,6 +8413,7 @@
             "integrity": "sha512-4LtOzh58S/5lX4ITKxnAK2USuNEvpdVV9AlgGQb8rJDHaLeHciwG4zlGr0j/SNWlr7x3vO1lDEsuePvtcDNCkw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@xtuc/ieee754": "^1.2.0"
             }
@@ -7916,6 +8424,7 @@
             "integrity": "sha512-Lde1oNoIdzVzdkNEAWZ1dZ5orIbff80YPdHx20mrHwHrVNNTjNr8E3xz9BdpcGqRQbAEa+fkrCb+fRFTl/6sQw==",
             "dev": true,
             "license": "Apache-2.0",
+            "peer": true,
             "dependencies": {
                 "@xtuc/long": "4.2.2"
             }
@@ -7925,7 +8434,8 @@
             "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.13.2.tgz",
             "integrity": "sha512-3NQWGjKTASY1xV5m7Hr0iPeXD9+RDobLll3T9d2AO+g3my8xy5peVyjSag4I50mR1bBSN/Ct12lo+R9tJk0NZQ==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/@webassemblyjs/wasm-edit": {
             "version": "1.14.1",
@@ -7933,6 +8443,7 @@
             "integrity": "sha512-RNJUIQH/J8iA/1NzlE4N7KtyZNHi3w7at7hDjvRNm5rcUXa00z1vRz3glZoULfJ5mpvYhLybmVcwcjGrC1pRrQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@webassemblyjs/ast": "1.14.1",
                 "@webassemblyjs/helper-buffer": "1.14.1",
@@ -7950,6 +8461,7 @@
             "integrity": "sha512-AmomSIjP8ZbfGQhumkNvgC33AY7qtMCXnN6bL2u2Js4gVCg8fp735aEiMSBbDR7UQIj90n4wKAFUSEd0QN2Ukg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@webassemblyjs/ast": "1.14.1",
                 "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
@@ -7964,6 +8476,7 @@
             "integrity": "sha512-PTcKLUNvBqnY2U6E5bdOQcSM+oVP/PmrDY9NzowJjislEjwP/C4an2303MCVS2Mg9d3AJpIGdUFIQQWbPds0Sw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@webassemblyjs/ast": "1.14.1",
                 "@webassemblyjs/helper-buffer": "1.14.1",
@@ -7977,6 +8490,7 @@
             "integrity": "sha512-JLBl+KZ0R5qB7mCnud/yyX08jWFw5MsoalJ1pQ4EdFlgj9VdXKGuENGsiCIjegI1W7p91rUlcB/LB5yRJKNTcQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@webassemblyjs/ast": "1.14.1",
                 "@webassemblyjs/helper-api-error": "1.13.2",
@@ -7992,6 +8506,7 @@
             "integrity": "sha512-kPSSXE6De1XOR820C90RIo2ogvZG+c3KiHzqUoO/F34Y2shGzesfqv7o57xrxovZJH/MetF5UjroJ/R/3isoiw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@webassemblyjs/ast": "1.14.1",
                 "@xtuc/long": "4.2.2"
@@ -8002,14 +8517,16 @@
             "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
             "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
             "dev": true,
-            "license": "BSD-3-Clause"
+            "license": "BSD-3-Clause",
+            "peer": true
         },
         "node_modules/@xtuc/long": {
             "version": "4.2.2",
             "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
             "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
             "dev": true,
-            "license": "Apache-2.0"
+            "license": "Apache-2.0",
+            "peer": true
         },
         "node_modules/@yarnpkg/lockfile": {
             "version": "1.1.0",
@@ -8092,6 +8609,7 @@
             "integrity": "sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "mime-types": "^3.0.0",
                 "negotiator": "^1.0.0"
@@ -8106,6 +8624,7 @@
             "integrity": "sha512-oHlN/w+3MQ3rba9rqFr6V/ypF10LSkdwUysQL7GkXoTgIWeV+tcXGA852TBxH+gsh8UWoyhR1hKcoMJTuWflpg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 0.6"
             }
@@ -8116,6 +8635,7 @@
             "integrity": "sha512-XqoSHeCGjVClAmoGFG3lVFqQFRIrTVw2OH3axRqAcfaw+gHWIfnASS92AV+Rl/mk0MupgZTRHQOjxY6YVnzK5w==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "mime-db": "^1.53.0"
             },
@@ -8123,16 +8643,6 @@
                 "node": ">= 0.6"
             }
         },
-        "node_modules/accepts/node_modules/negotiator": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-1.0.0.tgz",
-            "integrity": "sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.6"
-            }
-        },
         "node_modules/acorn": {
             "version": "8.14.0",
             "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
@@ -8146,16 +8656,6 @@
                 "node": ">=0.4.0"
             }
         },
-        "node_modules/acorn-import-attributes": {
-            "version": "1.9.5",
-            "resolved": "https://registry.npmjs.org/acorn-import-attributes/-/acorn-import-attributes-1.9.5.tgz",
-            "integrity": "sha512-n02Vykv5uA3eHGM/Z2dQrcD56kL8TyDb2p1+0P83PClMnC/nc+anbQRhIOWnSq4Ke/KvDPrY3C9hDtC/A3eHnQ==",
-            "dev": true,
-            "license": "MIT",
-            "peerDependencies": {
-                "acorn": "^8"
-            }
-        },
         "node_modules/acorn-jsx": {
             "version": "5.3.2",
             "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
@@ -8185,6 +8685,7 @@
             "integrity": "sha512-OXwN5b9pCUXNQHJpwwD2qP40byEmSgzj8B4ydSN0uMNYWiFmJ6x6KwUllMmfk8Rwu/HJDFR7U8ubsWBoN0Xp0A==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "loader-utils": "^2.0.0",
                 "regex-parser": "^2.2.11"
@@ -8199,6 +8700,7 @@
             "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "big.js": "^5.2.2",
                 "emojis-list": "^3.0.0",
@@ -8218,20 +8720,6 @@
                 "node": ">= 14"
             }
         },
-        "node_modules/aggregate-error": {
-            "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz",
-            "integrity": "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "clean-stack": "^2.0.0",
-                "indent-string": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
         "node_modules/ajv": {
             "version": "8.17.1",
             "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
@@ -8273,6 +8761,7 @@
             "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "fast-deep-equal": "^3.1.3"
             },
@@ -8315,6 +8804,7 @@
                 "node >= 0.8.0"
             ],
             "license": "Apache-2.0",
+            "peer": true,
             "bin": {
                 "ansi-html": "bin/ansi-html"
             }
@@ -8398,7 +8888,8 @@
             "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-3.0.0.tgz",
             "integrity": "sha512-zPMVc3ZYlGLNk4mpK1NzP2wg0ml9t7fUgDsayR5Y5rSzxQilzR9FGu/EH2jQOcKSAeAfWeylyW8juy3OkWRvNA==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/array-union": {
             "version": "2.1.0",
@@ -8464,6 +8955,7 @@
                 }
             ],
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "browserslist": "^4.23.3",
                 "caniuse-lite": "^1.0.30001646",
@@ -8537,11 +9029,12 @@
             }
         },
         "node_modules/babel-loader": {
-            "version": "9.1.3",
-            "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-9.1.3.tgz",
-            "integrity": "sha512-xG3ST4DglodGf8qSwv0MdeWLhrDsw/32QMdTO5T1ZIp9gQur0HkCyFs7Awskr10JKXFXwpAhiCuYX5oGXnRGbw==",
+            "version": "9.2.1",
+            "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-9.2.1.tgz",
+            "integrity": "sha512-fqe8naHt46e0yIdkjUZYqddSXfej3AHajX+CSO5X7oy0EmPc6o5Xh+RClNoHjnieWz9AW4kZxW9yyFMhVB1QLA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "find-cache-dir": "^4.0.0",
                 "schema-utils": "^4.0.0"
@@ -8610,6 +9103,7 @@
             "integrity": "sha512-CPWT6BwvhrTO2d8QVorhTCQw9Y43zOu7G9HigcfxvepOU6b8o3tcWad6oVgZIsZCTt42FFv97aA7ZJsbM4+8og==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/compat-data": "^7.22.6",
                 "@babel/helper-define-polyfill-provider": "^0.6.3",
@@ -8625,6 +9119,7 @@
             "integrity": "sha512-b37+KR2i/khY5sKmWNVQAnitvquQbNdWy6lJdsr0kmquCKEEUgMKK4SboVM3HtfnZilfjr4MMQ7vY58FVWDtIA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-define-polyfill-provider": "^0.6.2",
                 "core-js-compat": "^3.38.0"
@@ -8639,6 +9134,7 @@
             "integrity": "sha512-LiWSbl4CRSIa5x/JAU6jZiG9eit9w6mz+yVMFwDE83LAWvt0AfGBoZ7HS/mkhrKuh2ZlzfVZYKoLjXdqw6Yt7Q==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-define-polyfill-provider": "^0.6.3"
             },
@@ -8751,7 +9247,25 @@
             "resolved": "https://registry.npmjs.org/batch/-/batch-0.6.1.tgz",
             "integrity": "sha512-x+VAiMRL6UPkx+kudNvxTl6hB2XNNCG2r+7wixVfIYwu/2HKRXimwQyaumLjMveWvT2Hkd/cAJw+QBMfJ/EKVw==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
+        },
+        "node_modules/beasties": {
+            "version": "0.1.0",
+            "resolved": "https://registry.npmjs.org/beasties/-/beasties-0.1.0.tgz",
+            "integrity": "sha512-+Ssscd2gVG24qRNC+E2g88D+xsQW4xwakWtKAiGEQ3Pw54/FGdyo9RrfxhGhEv6ilFVbB7r3Lgx+QnAxnSpECw==",
+            "dev": true,
+            "license": "Apache-2.0",
+            "dependencies": {
+                "css-select": "^5.1.0",
+                "css-what": "^6.1.0",
+                "dom-serializer": "^2.0.0",
+                "domhandler": "^5.0.3",
+                "htmlparser2": "^9.0.0",
+                "picocolors": "^1.1.1",
+                "postcss": "^8.4.47",
+                "postcss-media-query-parser": "^0.2.3"
+            }
         },
         "node_modules/big.js": {
             "version": "5.2.2",
@@ -8759,6 +9273,7 @@
             "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": "*"
             }
@@ -8769,6 +9284,7 @@
             "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">=8"
             },
@@ -8809,6 +9325,7 @@
             "integrity": "sha512-SNMk0OONlQ01uk8EPeiBvTW7W4ovpL5b1O3t1sjpPgfxOQ6BqQJ6XjxinDPR79Z6HdcD5zBBwr5ssiTlgdNztQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "bytes": "3.1.2",
                 "content-type": "~1.0.5",
@@ -8831,6 +9348,7 @@
             "integrity": "sha512-kERHXvpSaB4aU3eANwidg79K8FlrN77m8G9V+0vOR3HYaRifrlwMEpT7ZBJqLSEIHnEgJTHcWK82wwLwwKwtag==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "safer-buffer": ">= 2.1.2 < 3"
             },
@@ -8844,6 +9362,7 @@
             "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 0.6"
             }
@@ -8854,6 +9373,7 @@
             "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "media-typer": "0.3.0",
                 "mime-types": "~2.1.24"
@@ -8868,6 +9388,7 @@
             "integrity": "sha512-3YuAUiSkWykd+2Azjgyxei8OWf8thdn8AITIog2M4UICzoqfjlqr64WIjEXZllf/W6vK1goqleSR6brGomxQqA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "fast-deep-equal": "^3.1.3",
                 "multicast-dns": "^7.2.5"
@@ -8922,9 +9443,9 @@
             }
         },
         "node_modules/browserslist": {
-            "version": "4.24.3",
-            "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.3.tgz",
-            "integrity": "sha512-1CPmv8iobE2fyRMV97dAcMVegvvWKxmq94hkLiAkUGwKVTyDLw33K+ZxiFrREKmmps4rIw6grcCFCnTMSZ/YiA==",
+            "version": "4.24.4",
+            "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.4.tgz",
+            "integrity": "sha512-KDi1Ny1gSePi1vm0q4oxSF8b4DR44GF4BbmS2YdhPLOEqd8pDviZOGH/GsmRwoWJ2+5Lr085X7naowMwKHDG1A==",
             "funding": [
                 {
                     "type": "opencollective",
@@ -9014,6 +9535,7 @@
             "integrity": "sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "run-applescript": "^7.0.0"
             },
@@ -9030,6 +9552,7 @@
             "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 0.8"
             }
@@ -9045,13 +9568,13 @@
             }
         },
         "node_modules/cacache": {
-            "version": "18.0.4",
-            "resolved": "https://registry.npmjs.org/cacache/-/cacache-18.0.4.tgz",
-            "integrity": "sha512-B+L5iIa9mgcjLbliir2th36yEwPftrzteHYujzsx3dFP/31GCHcIeS8f5MGd80odLOjaOvSpU3EEAmRQptkxLQ==",
+            "version": "19.0.1",
+            "resolved": "https://registry.npmjs.org/cacache/-/cacache-19.0.1.tgz",
+            "integrity": "sha512-hdsUxulXCi5STId78vRVYEtDAjq99ICAUktLTeTYsLoTE6Z8dS0c8pWNCxwdrk9YfJeobDZc2Y186hD/5ZQgFQ==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
-                "@npmcli/fs": "^3.1.0",
+                "@npmcli/fs": "^4.0.0",
                 "fs-minipass": "^3.0.0",
                 "glob": "^10.2.2",
                 "lru-cache": "^10.0.1",
@@ -9059,13 +9582,23 @@
                 "minipass-collect": "^2.0.1",
                 "minipass-flush": "^1.0.5",
                 "minipass-pipeline": "^1.2.4",
-                "p-map": "^4.0.0",
-                "ssri": "^10.0.0",
-                "tar": "^6.1.11",
-                "unique-filename": "^3.0.0"
+                "p-map": "^7.0.2",
+                "ssri": "^12.0.0",
+                "tar": "^7.4.3",
+                "unique-filename": "^4.0.0"
             },
             "engines": {
-                "node": "^16.14.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
+            }
+        },
+        "node_modules/cacache/node_modules/chownr": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/chownr/-/chownr-3.0.0.tgz",
+            "integrity": "sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==",
+            "dev": true,
+            "license": "BlueOak-1.0.0",
+            "engines": {
+                "node": ">=18"
             }
         },
         "node_modules/cacache/node_modules/glob": {
@@ -9096,6 +9629,50 @@
             "dev": true,
             "license": "ISC"
         },
+        "node_modules/cacache/node_modules/mkdirp": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-3.0.1.tgz",
+            "integrity": "sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==",
+            "dev": true,
+            "license": "MIT",
+            "bin": {
+                "mkdirp": "dist/cjs/src/bin.js"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/isaacs"
+            }
+        },
+        "node_modules/cacache/node_modules/tar": {
+            "version": "7.4.3",
+            "resolved": "https://registry.npmjs.org/tar/-/tar-7.4.3.tgz",
+            "integrity": "sha512-5S7Va8hKfV7W5U6g3aYxXmlPoZVAwUMy9AOKyF2fVuZa2UD3qZjg578OrLRt8PcNN1PleVaL/5/yYATNL0ICUw==",
+            "dev": true,
+            "license": "ISC",
+            "dependencies": {
+                "@isaacs/fs-minipass": "^4.0.0",
+                "chownr": "^3.0.0",
+                "minipass": "^7.1.2",
+                "minizlib": "^3.0.1",
+                "mkdirp": "^3.0.1",
+                "yallist": "^5.0.0"
+            },
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/cacache/node_modules/yallist": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/yallist/-/yallist-5.0.0.tgz",
+            "integrity": "sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==",
+            "dev": true,
+            "license": "BlueOak-1.0.0",
+            "engines": {
+                "node": ">=18"
+            }
+        },
         "node_modules/call-bind": {
             "version": "1.0.8",
             "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
@@ -9176,9 +9753,9 @@
             }
         },
         "node_modules/caniuse-lite": {
-            "version": "1.0.30001690",
-            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001690.tgz",
-            "integrity": "sha512-5ExiE3qQN6oF8Clf8ifIDcMRCRE/dMGcETG/XGMD8/XiXm6HXQgQTh1yZYLXXpSOsEUlJm1Xr7kGULZTuGtP/w==",
+            "version": "1.0.30001692",
+            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001692.tgz",
+            "integrity": "sha512-A95VKan0kdtrsnMubMKxEKUKImOPSuCpYgxSQBo036P5YYgVIcOYJEgt/txJWqObiRQeISNCfef9nvlQ0vbV7A==",
             "funding": [
                 {
                     "type": "opencollective",
@@ -9257,41 +9834,18 @@
             }
         },
         "node_modules/chokidar": {
-            "version": "3.6.0",
-            "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
-            "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
-            "dev": true,
+            "version": "4.0.3",
+            "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
+            "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
             "license": "MIT",
             "dependencies": {
-                "anymatch": "~3.1.2",
-                "braces": "~3.0.2",
-                "glob-parent": "~5.1.2",
-                "is-binary-path": "~2.1.0",
-                "is-glob": "~4.0.1",
-                "normalize-path": "~3.0.0",
-                "readdirp": "~3.6.0"
+                "readdirp": "^4.0.1"
             },
             "engines": {
-                "node": ">= 8.10.0"
+                "node": ">= 14.16.0"
             },
             "funding": {
                 "url": "https://paulmillr.com/funding/"
-            },
-            "optionalDependencies": {
-                "fsevents": "~2.3.2"
-            }
-        },
-        "node_modules/chokidar/node_modules/glob-parent": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-            "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "is-glob": "^4.0.1"
-            },
-            "engines": {
-                "node": ">= 6"
             }
         },
         "node_modules/chownr": {
@@ -9310,6 +9864,7 @@
             "integrity": "sha512-rNjApaLzuwaOTjCiT8lSDdGN1APCiqkChLMJxJPWLunPAt5fy8xgU9/jNOchV84wfIxrA0lRQB7oCT8jrn/wrQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">=6.0"
             }
@@ -9337,16 +9892,6 @@
             "dev": true,
             "license": "MIT"
         },
-        "node_modules/clean-stack": {
-            "version": "2.2.0",
-            "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz",
-            "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=6"
-            }
-        },
         "node_modules/cli-cursor": {
             "version": "5.0.0",
             "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-5.0.0.tgz",
@@ -9479,6 +10024,7 @@
             "integrity": "sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "is-plain-object": "^2.0.4",
                 "kind-of": "^6.0.2",
@@ -9494,6 +10040,7 @@
             "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "isobject": "^3.0.1"
             },
@@ -9588,7 +10135,8 @@
             "resolved": "https://registry.npmjs.org/common-path-prefix/-/common-path-prefix-3.0.0.tgz",
             "integrity": "sha512-QE33hToZseCH3jS0qN96O/bSh3kaw/h+Tq7ngyY9eWDUnTlTNUyqfqvCXioLe5Na5jFsL78ra/wuBU4iuEgd4w==",
             "dev": true,
-            "license": "ISC"
+            "license": "ISC",
+            "peer": true
         },
         "node_modules/compare-versions": {
             "version": "6.1.1",
@@ -9602,6 +10150,7 @@
             "integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "mime-db": ">= 1.43.0 < 2"
             },
@@ -9615,6 +10164,7 @@
             "integrity": "sha512-bQJ0YRck5ak3LgtnpKkiabX5pNF7tMUh1BSy2ZBOTh0Dim0BUu6aPPwByIns6/A5Prh8PufSPerMDUklpzes2Q==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "bytes": "3.1.2",
                 "compressible": "~2.0.18",
@@ -9628,6 +10178,17 @@
                 "node": ">= 0.8.0"
             }
         },
+        "node_modules/compression/node_modules/negotiator": {
+            "version": "0.6.4",
+            "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.4.tgz",
+            "integrity": "sha512-myRT3DiWPHqho5PrJaIRyaMv2kgYf0mUVgBNOYMuCH5Ki1yEiQaf/ZJuQ62nvpc44wL5WDbTX7yGJi1Neevw8w==",
+            "dev": true,
+            "license": "MIT",
+            "peer": true,
+            "engines": {
+                "node": ">= 0.6"
+            }
+        },
         "node_modules/compression/node_modules/safe-buffer": {
             "version": "5.2.1",
             "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
@@ -9647,7 +10208,8 @@
                     "url": "https://feross.org/support"
                 }
             ],
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/concat-map": {
             "version": "0.0.1",
@@ -9662,6 +10224,7 @@
             "integrity": "sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">=0.8"
             }
@@ -9672,6 +10235,7 @@
             "integrity": "sha512-Au9nRL8VNUut/XSzbQA38+M78dzP4D+eqg3gfJHMIHHYa3bg067xj1KxMUWj+VULbiZMowKngFFbKczUrNJ1mg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "safe-buffer": "5.2.1"
             },
@@ -9698,7 +10262,8 @@
                     "url": "https://feross.org/support"
                 }
             ],
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/content-type": {
             "version": "1.0.5",
@@ -9706,6 +10271,7 @@
             "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 0.6"
             }
@@ -9722,6 +10288,7 @@
             "integrity": "sha512-9Kr/j4O16ISv8zBBhJoi4bXOYNTkFLOqSL3UDB0njXxCXNezjeyVrJyGOWtgfs/q2km1gwBcfH8q1yEGoMYunA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">=18"
             }
@@ -9732,6 +10299,7 @@
             "integrity": "sha512-D76uU73ulSXrD1UXF4KE2TMxVVwhsnCgfAyTg9k8P6KGZjlXKrOLe4dJQKI3Bxi5wjesZoFXJWElNWBjPZMbhg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">=6.6.0"
             }
@@ -9742,6 +10310,7 @@
             "integrity": "sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "is-what": "^3.14.1"
             },
@@ -9755,6 +10324,7 @@
             "integrity": "sha512-SNwdBeHyII+rWvee/bTnAYyO8vfVdcSTud4EIb6jcZ8inLeWucJE0DnxXQBjlQ5zlteuuvooGQy3LIyGxhvlOA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "fast-glob": "^3.3.2",
                 "glob-parent": "^6.0.1",
@@ -9775,9 +10345,9 @@
             }
         },
         "node_modules/core-js": {
-            "version": "3.39.0",
-            "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.39.0.tgz",
-            "integrity": "sha512-raM0ew0/jJUqkJ0E6e8UDtl+y/7ktFivgWvqw8dNSQeNWoSDLvQ1H/RN3aPXB9tBd4/FhyR4RDPGhsNIMsAn7g==",
+            "version": "3.40.0",
+            "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.40.0.tgz",
+            "integrity": "sha512-7vsMc/Lty6AGnn7uFpYT56QesI5D2Y/UkgKounk87OP9Z2H9Z8kj6jzcSGAxFmUtDOS0ntK6lbQz+Nsa0Jj6mQ==",
             "hasInstallScript": true,
             "license": "MIT",
             "funding": {
@@ -9786,13 +10356,14 @@
             }
         },
         "node_modules/core-js-compat": {
-            "version": "3.39.0",
-            "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.39.0.tgz",
-            "integrity": "sha512-VgEUx3VwlExr5no0tXlBt+silBvhTryPwCXRI2Id1PN8WTKu7MreethvddqOubrYxkFdv/RnYrqlv1sFNAUelw==",
+            "version": "3.40.0",
+            "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.40.0.tgz",
+            "integrity": "sha512-0XEDpr5y5mijvw8Lbc6E5AkjrHfp7eEoPlu36SWeAbcL8fn1G1ANe8DBlo2XoNN89oVpxWwOjYIPVzR4ZvsKCQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
-                "browserslist": "^4.24.2"
+                "browserslist": "^4.24.3"
             },
             "funding": {
                 "type": "opencollective",
@@ -9811,6 +10382,7 @@
             "integrity": "sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "env-paths": "^2.2.1",
                 "import-fresh": "^3.3.0",
@@ -9861,23 +10433,6 @@
             "dev": true,
             "license": "MIT"
         },
-        "node_modules/critters": {
-            "version": "0.0.25",
-            "resolved": "https://registry.npmjs.org/critters/-/critters-0.0.25.tgz",
-            "integrity": "sha512-ROF/tjJyyRdM8/6W0VqoN5Ql05xAGnkf5b7f3sTEl1bI5jTQQf8O918RD/V9tEb9pRY/TKcvJekDbJtniHyPtQ==",
-            "deprecated": "Ownership of Critters has moved to the Nuxt team, who will be maintaining the project going forward. If you'd like to keep using Critters, please switch to the actively-maintained fork at https://github.com/danielroe/beasties",
-            "dev": true,
-            "license": "Apache-2.0",
-            "dependencies": {
-                "chalk": "^4.1.0",
-                "css-select": "^5.1.0",
-                "dom-serializer": "^2.0.0",
-                "domhandler": "^5.0.2",
-                "htmlparser2": "^8.0.2",
-                "postcss": "^8.4.23",
-                "postcss-media-query-parser": "^0.2.3"
-            }
-        },
         "node_modules/cross-spawn": {
             "version": "7.0.6",
             "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -9914,6 +10469,7 @@
             "integrity": "sha512-6WvYYn7l/XEGN8Xu2vWFt9nVzrCn39vKyTEFf/ExEyoksJjjSZV/0/35XPlMbpnr6VGhZIUg5yJrL8tGfes/FA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "icss-utils": "^5.1.0",
                 "postcss": "^8.4.33",
@@ -9991,6 +10547,7 @@
             "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "bin": {
                 "cssesc": "bin/cssesc"
             },
@@ -10006,18 +10563,26 @@
             "license": "MIT"
         },
         "node_modules/cssstyle": {
-            "version": "4.1.0",
-            "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-4.1.0.tgz",
-            "integrity": "sha512-h66W1URKpBS5YMI/V8PyXvTMFT8SupJ1IzoIV8IeBC/ji8WVmrO8dGlTi+2dh6whmdk6BiKJLD/ZBkhWbcg6nA==",
+            "version": "4.2.1",
+            "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-4.2.1.tgz",
+            "integrity": "sha512-9+vem03dMXG7gDmZ62uqmRiMRNtinIZ9ZyuF6BdxzfOD+FdN5hretzynkn0ReS2DO2GSw76RWHs0UmJPI2zUjw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "rrweb-cssom": "^0.7.1"
+                "@asamuzakjp/css-color": "^2.8.2",
+                "rrweb-cssom": "^0.8.0"
             },
             "engines": {
                 "node": ">=18"
             }
         },
+        "node_modules/cssstyle/node_modules/rrweb-cssom": {
+            "version": "0.8.0",
+            "resolved": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.8.0.tgz",
+            "integrity": "sha512-guoltQEx+9aMf2gDZ0s62EcV8lsXR+0w8915TC3ITdn2YueuNjdAYh/levpU9nFaoChh9RUS5ZdQMrKfVEN9tw==",
+            "dev": true,
+            "license": "MIT"
+        },
         "node_modules/csstype": {
             "version": "3.1.3",
             "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
@@ -10385,6 +10950,7 @@
             "integrity": "sha512-WY/3TUME0x3KPYdRRxEJJvXRHV4PyPoUsxtZa78lwItwRQRHhd2U9xOscaT/YTf8uCXIAjeJOFBVEh/7FtD8Xg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "bundle-name": "^4.1.0",
                 "default-browser-id": "^5.0.0"
@@ -10402,6 +10968,7 @@
             "integrity": "sha512-A6p/pu/6fyBcA1TRz/GqWYPViplrftcW2gZC9q79ngNCKAeR/X3gcEdXQHl4KNXV+3wgIJ1CPkJQ3IHM6lcsyA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">=18"
             },
@@ -10446,6 +11013,7 @@
             "integrity": "sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">=12"
             },
@@ -10469,6 +11037,7 @@
             "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 0.8"
             }
@@ -10490,6 +11059,7 @@
             "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 0.8",
                 "npm": "1.2.8000 || >= 1.4.16"
@@ -10501,6 +11071,7 @@
             "integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==",
             "dev": true,
             "license": "Apache-2.0",
+            "optional": true,
             "engines": {
                 "node": ">=8"
             }
@@ -10520,7 +11091,8 @@
             "resolved": "https://registry.npmjs.org/detect-node/-/detect-node-2.1.0.tgz",
             "integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/diff": {
             "version": "4.0.2",
@@ -10577,6 +11149,7 @@
             "integrity": "sha512-l4gcSouhcgIKRvyy99RNVOgxXiicE+2jZoNmaNmZ6JXiGajBOJAesk1OBlJuM5k2c+eudGdLxDqXuPCKIj6kpw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@leichtgewicht/ip-codec": "^2.0.1"
             },
@@ -10646,9 +11219,9 @@
             }
         },
         "node_modules/domutils": {
-            "version": "3.2.1",
-            "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.2.1.tgz",
-            "integrity": "sha512-xWXmuRnN9OMP6ptPd2+H0cCbcYBULa5YDTbMm/2lvkWvNA3O4wcW+GvzooqBuNM8yy6pl3VIAeJTUUWUbfI5Fw==",
+            "version": "3.2.2",
+            "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.2.2.tgz",
+            "integrity": "sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==",
             "dev": true,
             "license": "BSD-2-Clause",
             "dependencies": {
@@ -10716,7 +11289,8 @@
             "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
             "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/ejs": {
             "version": "3.1.10",
@@ -10735,9 +11309,9 @@
             }
         },
         "node_modules/electron-to-chromium": {
-            "version": "1.5.76",
-            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.76.tgz",
-            "integrity": "sha512-CjVQyG7n7Sr+eBXE86HIulnL5N8xZY1sgmOPGuq/F0Rr0FJq63lg0kEtOIDfZBk44FnDLf6FUJ+dsJcuiUDdDQ==",
+            "version": "1.5.80",
+            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.80.tgz",
+            "integrity": "sha512-LTrKpW0AqIuHwmlVNV+cjFYTnXtM9K37OGhpe0ZI10ScPSxqVSryZHIY3WnCS5NSYbBODRTZyhRMS2h5FAEqAw==",
             "license": "ISC"
         },
         "node_modules/emittery": {
@@ -10781,6 +11355,7 @@
             "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 4"
             }
@@ -10791,6 +11366,7 @@
             "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 0.8"
             }
@@ -10836,6 +11412,7 @@
             "integrity": "sha512-0/r0MySGYG8YqlayBZ6MuCfECmHFdJ5qyPh8s8wa5Hnm6SaFLSK1VYCbj+NKp090Nm1caZhD+QTnmxO7esYGyQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "graceful-fs": "^4.2.4",
                 "tapable": "^2.2.0"
@@ -10906,6 +11483,7 @@
             "dev": true,
             "license": "MIT",
             "optional": true,
+            "peer": true,
             "dependencies": {
                 "prr": "~1.0.1"
             },
@@ -10964,9 +11542,9 @@
             }
         },
         "node_modules/esbuild": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.23.0.tgz",
-            "integrity": "sha512-1lvV17H2bMYda/WaFb2jLPeHU3zml2k4/yagNMG8Q/YtfMjCwEUZa2eXXMgZTVSL5q1n4H7sQ0X6CdJDqqeCFA==",
+            "version": "0.24.0",
+            "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.24.0.tgz",
+            "integrity": "sha512-FuLPevChGDshgSicjisSooU0cemp/sGXR841D5LHMB7mTVOmsEHcAxaH3irL53+8YDIeVNQEySh4DaYU/iuPqQ==",
             "dev": true,
             "hasInstallScript": true,
             "license": "MIT",
@@ -10977,36 +11555,36 @@
                 "node": ">=18"
             },
             "optionalDependencies": {
-                "@esbuild/aix-ppc64": "0.23.0",
-                "@esbuild/android-arm": "0.23.0",
-                "@esbuild/android-arm64": "0.23.0",
-                "@esbuild/android-x64": "0.23.0",
-                "@esbuild/darwin-arm64": "0.23.0",
-                "@esbuild/darwin-x64": "0.23.0",
-                "@esbuild/freebsd-arm64": "0.23.0",
-                "@esbuild/freebsd-x64": "0.23.0",
-                "@esbuild/linux-arm": "0.23.0",
-                "@esbuild/linux-arm64": "0.23.0",
-                "@esbuild/linux-ia32": "0.23.0",
-                "@esbuild/linux-loong64": "0.23.0",
-                "@esbuild/linux-mips64el": "0.23.0",
-                "@esbuild/linux-ppc64": "0.23.0",
-                "@esbuild/linux-riscv64": "0.23.0",
-                "@esbuild/linux-s390x": "0.23.0",
-                "@esbuild/linux-x64": "0.23.0",
-                "@esbuild/netbsd-x64": "0.23.0",
-                "@esbuild/openbsd-arm64": "0.23.0",
-                "@esbuild/openbsd-x64": "0.23.0",
-                "@esbuild/sunos-x64": "0.23.0",
-                "@esbuild/win32-arm64": "0.23.0",
-                "@esbuild/win32-ia32": "0.23.0",
-                "@esbuild/win32-x64": "0.23.0"
+                "@esbuild/aix-ppc64": "0.24.0",
+                "@esbuild/android-arm": "0.24.0",
+                "@esbuild/android-arm64": "0.24.0",
+                "@esbuild/android-x64": "0.24.0",
+                "@esbuild/darwin-arm64": "0.24.0",
+                "@esbuild/darwin-x64": "0.24.0",
+                "@esbuild/freebsd-arm64": "0.24.0",
+                "@esbuild/freebsd-x64": "0.24.0",
+                "@esbuild/linux-arm": "0.24.0",
+                "@esbuild/linux-arm64": "0.24.0",
+                "@esbuild/linux-ia32": "0.24.0",
+                "@esbuild/linux-loong64": "0.24.0",
+                "@esbuild/linux-mips64el": "0.24.0",
+                "@esbuild/linux-ppc64": "0.24.0",
+                "@esbuild/linux-riscv64": "0.24.0",
+                "@esbuild/linux-s390x": "0.24.0",
+                "@esbuild/linux-x64": "0.24.0",
+                "@esbuild/netbsd-x64": "0.24.0",
+                "@esbuild/openbsd-arm64": "0.24.0",
+                "@esbuild/openbsd-x64": "0.24.0",
+                "@esbuild/sunos-x64": "0.24.0",
+                "@esbuild/win32-arm64": "0.24.0",
+                "@esbuild/win32-ia32": "0.24.0",
+                "@esbuild/win32-x64": "0.24.0"
             }
         },
         "node_modules/esbuild-wasm": {
-            "version": "0.23.0",
-            "resolved": "https://registry.npmjs.org/esbuild-wasm/-/esbuild-wasm-0.23.0.tgz",
-            "integrity": "sha512-6jP8UmWy6R6TUUV8bMuC3ZyZ6lZKI56x0tkxyCIqWwRRJ/DgeQKneh/Oid5EoGoPFLrGNkz47ZEtWAYuiY/u9g==",
+            "version": "0.24.0",
+            "resolved": "https://registry.npmjs.org/esbuild-wasm/-/esbuild-wasm-0.24.0.tgz",
+            "integrity": "sha512-xhNn5tL1AhkPg4ft59yXT6FkwKXiPSYyz1IeinJHUJpjvOHOIPvdmFQc0pGdjxlKSbzZc2mNmtVOWAR1EF/JAg==",
             "dev": true,
             "license": "MIT",
             "bin": {
@@ -11030,7 +11608,8 @@
             "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
             "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/escape-string-regexp": {
             "version": "4.0.0",
@@ -11046,19 +11625,19 @@
             }
         },
         "node_modules/eslint": {
-            "version": "9.17.0",
-            "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.17.0.tgz",
-            "integrity": "sha512-evtlNcpJg+cZLcnVKwsai8fExnqjGPicK7gnUtlNuzu+Fv9bI0aLpND5T44VLQtoMEnI57LoXO9XAkIXwohKrA==",
+            "version": "9.18.0",
+            "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.18.0.tgz",
+            "integrity": "sha512-+waTfRWQlSbpt3KWE+CjrPPYnbq9kfZIYUqapc0uBXyjTp8aYXZDsUH16m39Ryq3NjAVP4tjuF7KaukeqoCoaA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
                 "@eslint-community/eslint-utils": "^4.2.0",
                 "@eslint-community/regexpp": "^4.12.1",
                 "@eslint/config-array": "^0.19.0",
-                "@eslint/core": "^0.9.0",
+                "@eslint/core": "^0.10.0",
                 "@eslint/eslintrc": "^3.2.0",
-                "@eslint/js": "9.17.0",
-                "@eslint/plugin-kit": "^0.2.3",
+                "@eslint/js": "9.18.0",
+                "@eslint/plugin-kit": "^0.2.5",
                 "@humanfs/node": "^0.16.6",
                 "@humanwhocodes/module-importer": "^1.0.1",
                 "@humanwhocodes/retry": "^0.4.1",
@@ -11277,6 +11856,19 @@
                 "node": ">=8"
             }
         },
+        "node_modules/eslint-plugin-deprecation/node_modules/ts-api-utils": {
+            "version": "1.4.3",
+            "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.4.3.tgz",
+            "integrity": "sha512-i3eMG77UTMD0hZhgRS562pv83RC6ukSAC2GMNWc+9dieh/+jDM5u5YG+NHX6VNDRHQcHwmsTHctP9LhbC3WxVw==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=16"
+            },
+            "peerDependencies": {
+                "typescript": ">=4.2.0"
+            }
+        },
         "node_modules/eslint-plugin-jest": {
             "version": "28.10.0",
             "resolved": "https://registry.npmjs.org/eslint-plugin-jest/-/eslint-plugin-jest-28.10.0.tgz",
@@ -11728,6 +12320,7 @@
             "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 0.6"
             }
@@ -11737,7 +12330,8 @@
             "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
             "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/events": {
             "version": "3.3.0",
@@ -11745,6 +12339,7 @@
             "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">=0.8.x"
             }
@@ -11847,6 +12442,7 @@
             "integrity": "sha512-ORF7g6qGnD+YtUG9yx4DFoqCShNMmUKiXuT5oWMHiOvt/4WFbHC6yCwQMTSBMno7AqntNCAzzcnnjowRkTL9eQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "accepts": "^2.0.0",
                 "body-parser": "^2.0.1",
@@ -11891,6 +12487,7 @@
             "integrity": "sha512-oHlN/w+3MQ3rba9rqFr6V/ypF10LSkdwUysQL7GkXoTgIWeV+tcXGA852TBxH+gsh8UWoyhR1hKcoMJTuWflpg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 0.6"
             }
@@ -11901,6 +12498,7 @@
             "integrity": "sha512-XqoSHeCGjVClAmoGFG3lVFqQFRIrTVw2OH3axRqAcfaw+gHWIfnASS92AV+Rl/mk0MupgZTRHQOjxY6YVnzK5w==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "mime-db": "^1.53.0"
             },
@@ -11927,7 +12525,8 @@
                     "url": "https://feross.org/support"
                 }
             ],
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/external-editor": {
             "version": "3.1.0",
@@ -11962,6 +12561,7 @@
             "version": "3.3.2",
             "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
             "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "@nodelib/fs.stat": "^2.0.2",
@@ -11978,6 +12578,7 @@
             "version": "5.1.2",
             "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
             "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+            "dev": true,
             "license": "ISC",
             "dependencies": {
                 "is-glob": "^4.0.1"
@@ -12007,9 +12608,9 @@
             "license": "MIT"
         },
         "node_modules/fast-uri": {
-            "version": "3.0.4",
-            "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.0.4.tgz",
-            "integrity": "sha512-G3iTQw1DizJQ5eEqj1CbFCWhq+pzum7qepkxU7rS1FGZDqjYKcrguo9XDRbV7EgPnn8CgaPigTq+NEjyioeYZQ==",
+            "version": "3.0.5",
+            "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.0.5.tgz",
+            "integrity": "sha512-5JnBCWpFlMo0a3ciDy/JckMzzv1U9coZrIhedq+HXxxUfDTAiS0LA8OKVao4G9BxmCVck/jtA5r3KAtRWEyD8Q==",
             "dev": true,
             "funding": [
                 {
@@ -12134,6 +12735,7 @@
             "integrity": "sha512-MX6Zo2adDViYh+GcxxB1dpO43eypOGUOL12rLCOTMQv/DfIbpSJUy4oQIIZhVZkH9e+bZWKMon0XHFEju16tkQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "debug": "2.6.9",
                 "encodeurl": "~1.0.2",
@@ -12153,6 +12755,7 @@
             "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 0.8"
             }
@@ -12163,6 +12766,7 @@
             "integrity": "sha512-9ZonPT4ZAK4a+1pUPVPZJapbi7O5qbbJPdYw/NOQWZZbVLdDTYM3A4R9z/DpAM08IDaFGsvPgiGZ82WEwUDWjg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "common-path-prefix": "^3.0.0",
                 "pkg-dir": "^7.0.0"
@@ -12233,14 +12837,14 @@
             "license": "ISC"
         },
         "node_modules/folder-hash": {
-            "version": "4.1.0",
-            "resolved": "https://registry.npmjs.org/folder-hash/-/folder-hash-4.1.0.tgz",
-            "integrity": "sha512-45DBqW/wE1FdEynQ922zoKsICdAkZEkuyWijChitENaoI+AF/FsTlKOB+EwaEqhNfBZ5dEgLVv694wbpNMIC5g==",
+            "version": "4.1.1",
+            "resolved": "https://registry.npmjs.org/folder-hash/-/folder-hash-4.1.1.tgz",
+            "integrity": "sha512-1ZSlKJSbET3XpglnEXC9g+QF4QRZhqHIjpFfa4pAMfO4tu/XYPafpeHEX6zOFS2EolOIXr0lPh1eSjmdWItX2w==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
                 "debug": "4.4.0",
-                "minimatch": "10.0.1"
+                "minimatch": "7.4.6"
             },
             "bin": {
                 "folder-hash": "bin/folder-hash"
@@ -12250,16 +12854,16 @@
             }
         },
         "node_modules/folder-hash/node_modules/minimatch": {
-            "version": "10.0.1",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.0.1.tgz",
-            "integrity": "sha512-ethXTt3SGGR+95gudmqJ1eNhRO7eGEGIgYA9vnPatK4/etz2MEVDno5GMCibdMTuBMyElzIlgxMna3K94XDIDQ==",
+            "version": "7.4.6",
+            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-7.4.6.tgz",
+            "integrity": "sha512-sBz8G/YjVniEz6lKPNpKxXwazJe4c19fEfV2GDMX6AjFz+MX9uDWIZW8XreVhkFW3fkIdTv/gxWr/Kks5FFAVw==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
                 "brace-expansion": "^2.0.1"
             },
             "engines": {
-                "node": "20 || >=22"
+                "node": ">=10"
             },
             "funding": {
                 "url": "https://github.com/sponsors/isaacs"
@@ -12324,6 +12928,7 @@
             "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 0.6"
             }
@@ -12334,6 +12939,7 @@
             "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": "*"
             },
@@ -12361,6 +12967,7 @@
             "integrity": "sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 0.8"
             }
@@ -12665,6 +13272,7 @@
             "integrity": "sha512-s3Fq41ZVh7vbbe2PN3nrW7yC7U7MFVc5c98/iTl9c2GawNMKx/J648KQRW6WKkuU8GIbbh2IXfIRQjOZnXcTnw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@sindresorhus/merge-streams": "^2.1.0",
                 "fast-glob": "^3.3.2",
@@ -12686,6 +13294,7 @@
             "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 4"
             }
@@ -12747,7 +13356,8 @@
             "resolved": "https://registry.npmjs.org/handle-thing/-/handle-thing-2.0.1.tgz",
             "integrity": "sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/has-flag": {
             "version": "4.0.0",
@@ -12823,16 +13433,16 @@
             "license": "MIT"
         },
         "node_modules/hosted-git-info": {
-            "version": "7.0.2",
-            "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-7.0.2.tgz",
-            "integrity": "sha512-puUZAUKT5m8Zzvs72XWy3HtvVbTWljRE66cP60bxJzAqf2DgICo7lYTY2IHUmLnNpjYvw5bvmoHvPc0QO2a62w==",
+            "version": "8.0.2",
+            "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-8.0.2.tgz",
+            "integrity": "sha512-sYKnA7eGln5ov8T8gnYlkSOxFJvywzEx9BueN6xo/GKO8PGiI6uK6xx+DIGe45T3bdVjLAQDQW1aicT8z8JwQg==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
                 "lru-cache": "^10.0.1"
             },
             "engines": {
-                "node": "^16.14.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/hosted-git-info/node_modules/lru-cache": {
@@ -12848,6 +13458,7 @@
             "integrity": "sha512-zJxVehUdMGIKsRaNt7apO2Gqp0BdqW5yaiGHXXmbpvxgBYVZnAql+BJb4RO5ad2MgpbZKn5G6nMnegrH1FcNYQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "inherits": "^2.0.1",
                 "obuf": "^1.0.0",
@@ -12882,9 +13493,9 @@
             "license": "MIT"
         },
         "node_modules/htmlparser2": {
-            "version": "8.0.2",
-            "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-8.0.2.tgz",
-            "integrity": "sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==",
+            "version": "9.1.0",
+            "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-9.1.0.tgz",
+            "integrity": "sha512-5zfg6mHUoaer/97TxnGpxmbR7zJtPwIYFMZ/H5ucTlPZhKvtum05yiPK3Mgai3a0DyVxv7qYqoweaEd2nrYQzQ==",
             "dev": true,
             "funding": [
                 "https://github.com/fb55/htmlparser2?sponsor=1",
@@ -12897,8 +13508,8 @@
             "dependencies": {
                 "domelementtype": "^2.3.0",
                 "domhandler": "^5.0.3",
-                "domutils": "^3.0.1",
-                "entities": "^4.4.0"
+                "domutils": "^3.1.0",
+                "entities": "^4.5.0"
             }
         },
         "node_modules/http-cache-semantics": {
@@ -12913,7 +13524,8 @@
             "resolved": "https://registry.npmjs.org/http-deceiver/-/http-deceiver-1.2.7.tgz",
             "integrity": "sha512-LmpOGxTfbpgtGVxJrj5k7asXHCgNZp5nLfp+hWc8QQRqtb7fUy6kRY3BO1h9ddF6yIPYUARgxGOwB42DnxIaNw==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/http-errors": {
             "version": "2.0.0",
@@ -12921,6 +13533,7 @@
             "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "depd": "2.0.0",
                 "inherits": "2.0.4",
@@ -12933,9 +13546,9 @@
             }
         },
         "node_modules/http-parser-js": {
-            "version": "0.5.8",
-            "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.5.8.tgz",
-            "integrity": "sha512-SGeBX54F94Wgu5RH3X5jsDtf4eHyRogWX1XGT3b4HuW3tQPM4AaBzoUji/4AAJNXCEOWZ5O0DgZmJw1947gD5Q==",
+            "version": "0.5.9",
+            "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.5.9.tgz",
+            "integrity": "sha512-n1XsPy3rXVxlqxVioEWdC+0+M+SQw0DpJynwtOPo1X+ZlvdzTLtDBIJJlDQTnwZIFJrZSzSGmIOUdP8tu+SgLw==",
             "license": "MIT"
         },
         "node_modules/http-proxy": {
@@ -12944,6 +13557,7 @@
             "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "eventemitter3": "^4.0.0",
                 "follow-redirects": "^1.0.0",
@@ -12973,6 +13587,7 @@
             "integrity": "sha512-usY0HG5nyDUwtqpiZdETNbmKtw3QQ1jwYFZ9wi5iHzX2BcILwQKtYDJPo7XHTsu5Z0B2Hj3W9NNnbd+AjFWjqg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@types/http-proxy": "^1.17.15",
                 "debug": "^4.3.6",
@@ -13031,6 +13646,7 @@
             "integrity": "sha512-Y93lCzHYgGWdrJ66yIktxiaGULYc6oGiABxhcO5AufBeOyoIdZF7bIfLaOrbM0iGIOXQQgxxRrFEnb+Y6w1n4A==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">=10.18"
             }
@@ -13054,6 +13670,7 @@
             "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==",
             "dev": true,
             "license": "ISC",
+            "peer": true,
             "engines": {
                 "node": "^10 || ^12 || >= 14"
             },
@@ -13093,16 +13710,16 @@
             }
         },
         "node_modules/ignore-walk": {
-            "version": "6.0.5",
-            "resolved": "https://registry.npmjs.org/ignore-walk/-/ignore-walk-6.0.5.tgz",
-            "integrity": "sha512-VuuG0wCnjhnylG1ABXT3dAuIpTNDs/G8jlpmwXY03fXoXy/8ZK8/T+hMzt8L4WnrLCJgdybqgPagnF/f97cg3A==",
+            "version": "7.0.0",
+            "resolved": "https://registry.npmjs.org/ignore-walk/-/ignore-walk-7.0.0.tgz",
+            "integrity": "sha512-T4gbf83A4NH95zvhVYZc+qWocBBGlpzUXLPGurJggw/WIOwicfXJChLDP/iBZnN5WqROSu5Bm3hhle4z8a8YGQ==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
                 "minimatch": "^9.0.0"
             },
             "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/image-size": {
@@ -13112,6 +13729,7 @@
             "dev": true,
             "license": "MIT",
             "optional": true,
+            "peer": true,
             "bin": {
                 "image-size": "bin/image-size.js"
             },
@@ -13248,16 +13866,6 @@
                 "node": ">=0.8.19"
             }
         },
-        "node_modules/indent-string": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
-            "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
         "node_modules/inflight": {
             "version": "1.0.6",
             "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
@@ -13277,13 +13885,13 @@
             "license": "ISC"
         },
         "node_modules/ini": {
-            "version": "4.1.3",
-            "resolved": "https://registry.npmjs.org/ini/-/ini-4.1.3.tgz",
-            "integrity": "sha512-X7rqawQBvfdjS10YU1y1YVreA3SsLrW9dX2CewP2EbBJM4ypVNLDkO5y04gejPwKIY9lR+7r9gn3rFPt/kmWFg==",
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/ini/-/ini-5.0.0.tgz",
+            "integrity": "sha512-+N0ngpO3e7cRUWOJAS7qw0IZIVc6XPrW4MlFBdD066F2L4k1L6ker3hLqSq7iXxU5tgS4WGkIUElWn5vogAEnw==",
             "dev": true,
             "license": "ISC",
             "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/interactjs": {
@@ -13324,6 +13932,7 @@
             "integrity": "sha512-Ag3wB2o37wslZS19hZqorUnrnzSkpOVy+IiiDEiTqNubEYpYuHWIf6K4psgN2ZWKExS4xhVCrRVfb/wfW8fWJA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 10"
             }
@@ -13341,6 +13950,7 @@
             "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "binary-extensions": "^2.0.0"
             },
@@ -13370,6 +13980,7 @@
             "integrity": "sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "bin": {
                 "is-docker": "cli.js"
             },
@@ -13430,6 +14041,7 @@
             "integrity": "sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "is-docker": "^3.0.0"
             },
@@ -13453,13 +14065,6 @@
                 "node": ">=8"
             }
         },
-        "node_modules/is-lambda": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/is-lambda/-/is-lambda-1.0.1.tgz",
-            "integrity": "sha512-z7CMFGNrENq5iFB9Bqo64Xk6Y9sg+epq1myIcdHaGnbMTYOxvzsEtdYqQUylB7LxfkvgrrjP32T6Ywciio9UIQ==",
-            "dev": true,
-            "license": "MIT"
-        },
         "node_modules/is-mobile": {
             "version": "4.0.0",
             "resolved": "https://registry.npmjs.org/is-mobile/-/is-mobile-4.0.0.tgz",
@@ -13472,6 +14077,7 @@
             "integrity": "sha512-tUdRRAnhT+OtCZR/LxZelH/C7QtjtFrTu5tXCA8pl55eTUElUHT+GPYV8MBMBvea/j+NxQqVt3LbWMRir7Gx9g==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">=16"
             },
@@ -13494,6 +14100,7 @@
             "integrity": "sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">=10"
             },
@@ -13507,6 +14114,7 @@
             "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">=0.10.0"
             }
@@ -13523,7 +14131,8 @@
             "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-4.0.0.tgz",
             "integrity": "sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/is-stream": {
             "version": "2.0.1",
@@ -13556,7 +14165,8 @@
             "resolved": "https://registry.npmjs.org/is-what/-/is-what-3.14.1.tgz",
             "integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/is-wsl": {
             "version": "3.1.0",
@@ -13564,6 +14174,7 @@
             "integrity": "sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "is-inside-container": "^1.0.0"
             },
@@ -13600,6 +14211,7 @@
             "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">=0.10.0"
             }
@@ -14459,17 +15071,17 @@
             }
         },
         "node_modules/jest-preset-angular": {
-            "version": "14.4.2",
-            "resolved": "https://registry.npmjs.org/jest-preset-angular/-/jest-preset-angular-14.4.2.tgz",
-            "integrity": "sha512-BYYv0FaTDfBNh8WyA9mpOV3krfw20kurBGK8INZUnv7KZDAWZuQtCET4TwTWxSNQ9jS1OX1+a5weCm/bTDDM1A==",
+            "version": "14.5.0",
+            "resolved": "https://registry.npmjs.org/jest-preset-angular/-/jest-preset-angular-14.5.0.tgz",
+            "integrity": "sha512-L7eScW3IX5pZi2GRi0/q6Eo58qf76bdK93ozZxOI2gSK2fE+nnSIirkl2zvZ21AiJM5f4IawwBcqBhAPDvOs+Q==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
                 "bs-logger": "^0.2.6",
                 "esbuild-wasm": ">=0.15.13",
-                "jest-environment-jsdom": "^29.0.0",
-                "jest-util": "^29.0.0",
-                "pretty-format": "^29.0.0",
+                "jest-environment-jsdom": "^29.7.0",
+                "jest-util": "^29.7.0",
+                "pretty-format": "^29.7.0",
                 "ts-jest": "^29.0.0"
             },
             "engines": {
@@ -14483,7 +15095,13 @@
                 "@angular/core": ">=15.0.0 <20.0.0",
                 "@angular/platform-browser-dynamic": ">=15.0.0 <20.0.0",
                 "jest": "^29.0.0",
+                "jsdom": ">=20.0.0",
                 "typescript": ">=4.8"
+            },
+            "peerDependenciesMeta": {
+                "jsdom": {
+                    "optional": true
+                }
             }
         },
         "node_modules/jest-preset-angular/node_modules/ansi-styles": {
@@ -14896,6 +15514,7 @@
             "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "bin": {
                 "jiti": "bin/jiti.js"
             }
@@ -14974,15 +15593,15 @@
             }
         },
         "node_modules/jsesc": {
-            "version": "2.5.2",
-            "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
-            "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+            "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
             "license": "MIT",
             "bin": {
                 "jsesc": "bin/jsesc"
             },
             "engines": {
-                "node": ">=4"
+                "node": ">=6"
             }
         },
         "node_modules/json-buffer": {
@@ -14993,13 +15612,13 @@
             "license": "MIT"
         },
         "node_modules/json-parse-even-better-errors": {
-            "version": "3.0.2",
-            "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-3.0.2.tgz",
-            "integrity": "sha512-fi0NG4bPjCHunUJffmLd0gxssIgkNmArMvis4iNah6Owg1MCJjWhEcDLmsK6iGkJq3tHwbDkTlce70/tmXN4cQ==",
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-4.0.0.tgz",
+            "integrity": "sha512-lR4MXjGNgkJc7tkQ97kb2nuEMnNCyU//XYVH0MKTGcXEiSudQ5MKGKen3C5QubYy0vmq+JGitUg92uuywGEwIA==",
             "dev": true,
             "license": "MIT",
             "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/json-schema-traverse": {
@@ -15106,6 +15725,7 @@
             "integrity": "sha512-RsBECncGO17KAoJCYXjv+ckIz+Ii9NCi+9enk+rq6XC81ezYkb4/RHE6CTXdA7IOJqoF3wcaLfVG0CPmE5ca6A==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "source-map-support": "^0.5.5"
             }
@@ -15142,6 +15762,7 @@
             "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">=0.10.0"
             }
@@ -15172,6 +15793,7 @@
             "integrity": "sha512-Gcnl4Bd+hRO9P9icCP/RVVT2o8SFlPXofuCxvA2SaZuH45whSvf5p8x5oih5ftLiVhEI4sp5xDY+R+b3zJBh5w==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "picocolors": "^1.0.0",
                 "shell-quote": "^1.8.1"
@@ -15183,6 +15805,7 @@
             "integrity": "sha512-P3b3HJDBtSzsXUl0im2L7gTO5Ubg8mEN6G8qoTS77iXxXX4Hvu4Qj540PZDvQ8V6DmX6iXo98k7Md0Cm1PrLaA==",
             "dev": true,
             "license": "Apache-2.0",
+            "peer": true,
             "dependencies": {
                 "copy-anything": "^2.0.1",
                 "parse-node-version": "^1.0.1",
@@ -15210,6 +15833,7 @@
             "integrity": "sha512-MYUxjSQSBUQmowc0l5nPieOYwMzGPUaTzB6inNW/bdPEG9zOL3eAAD1Qw5ZxSPk7we5dMojHwNODYMV1hq4EVg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 18.12.0"
             },
@@ -15238,6 +15862,7 @@
             "dev": true,
             "license": "MIT",
             "optional": true,
+            "peer": true,
             "dependencies": {
                 "pify": "^4.0.1",
                 "semver": "^5.6.0"
@@ -15253,6 +15878,7 @@
             "dev": true,
             "license": "BSD-3-Clause",
             "optional": true,
+            "peer": true,
             "engines": {
                 "node": ">=0.10.0"
             }
@@ -15287,6 +15913,7 @@
             "integrity": "sha512-771TFWFD70G1wLTC4oU2Cw4qvtmNrIw+wRvBtn+okgHl7slJVi7zfNcdmqDL72BojM30VNJ2UHylr1o77U37Jw==",
             "dev": true,
             "license": "ISC",
+            "peer": true,
             "dependencies": {
                 "webpack-sources": "^3.0.0"
             },
@@ -15368,32 +15995,6 @@
                 "url": "https://opencollective.com/lint-staged"
             }
         },
-        "node_modules/lint-staged/node_modules/ansi-regex": {
-            "version": "6.1.0",
-            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
-            "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-            }
-        },
-        "node_modules/lint-staged/node_modules/ansi-styles": {
-            "version": "6.2.1",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
-            "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-            }
-        },
         "node_modules/lint-staged/node_modules/chalk": {
             "version": "5.4.1",
             "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.4.1.tgz",
@@ -15417,13 +16018,6 @@
                 "node": ">=18"
             }
         },
-        "node_modules/lint-staged/node_modules/eventemitter3": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
-            "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==",
-            "dev": true,
-            "license": "MIT"
-        },
         "node_modules/lint-staged/node_modules/execa": {
             "version": "8.0.1",
             "resolved": "https://registry.npmjs.org/execa/-/execa-8.0.1.tgz",
@@ -15484,24 +16078,6 @@
                 "url": "https://github.com/sponsors/sindresorhus"
             }
         },
-        "node_modules/lint-staged/node_modules/listr2": {
-            "version": "8.2.5",
-            "resolved": "https://registry.npmjs.org/listr2/-/listr2-8.2.5.tgz",
-            "integrity": "sha512-iyAZCeyD+c1gPyE9qpFu8af0Y+MRtmKOncdGoA2S5EY8iFq99dmmvkNnHiWo+pj0s7yH7l3KPIgee77tKpXPWQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "cli-truncate": "^4.0.0",
-                "colorette": "^2.0.20",
-                "eventemitter3": "^5.0.1",
-                "log-update": "^6.1.0",
-                "rfdc": "^1.4.1",
-                "wrap-ansi": "^9.0.0"
-            },
-            "engines": {
-                "node": ">=18.0.0"
-            }
-        },
         "node_modules/lint-staged/node_modules/mimic-fn": {
             "version": "4.0.0",
             "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-4.0.0.tgz",
@@ -15560,22 +16136,6 @@
                 "url": "https://github.com/sponsors/sindresorhus"
             }
         },
-        "node_modules/lint-staged/node_modules/strip-ansi": {
-            "version": "7.1.0",
-            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
-            "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-regex": "^6.0.1"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/strip-ansi?sponsor=1"
-            }
-        },
         "node_modules/lint-staged/node_modules/strip-final-newline": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-3.0.0.tgz",
@@ -15589,28 +16149,10 @@
                 "url": "https://github.com/sponsors/sindresorhus"
             }
         },
-        "node_modules/lint-staged/node_modules/wrap-ansi": {
-            "version": "9.0.0",
-            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.0.tgz",
-            "integrity": "sha512-G8ura3S+3Z2G+mkgNRq8dqaFZAuxfsxpBB8OCTGRTCtp+l/v9nbFNmCUP1BZMts3G1142MsZfn6eeUKrr4PD1Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-styles": "^6.2.1",
-                "string-width": "^7.0.0",
-                "strip-ansi": "^7.1.0"
-            },
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-            }
-        },
         "node_modules/listr2": {
-            "version": "8.2.4",
-            "resolved": "https://registry.npmjs.org/listr2/-/listr2-8.2.4.tgz",
-            "integrity": "sha512-opevsywziHd3zHCVQGAj8zu+Z3yHNkkoYhWIGnq54RrCVwLz0MozotJEDnKsIBLvkfLGN6BLOyAeRrYI0pKA4g==",
+            "version": "8.2.5",
+            "resolved": "https://registry.npmjs.org/listr2/-/listr2-8.2.5.tgz",
+            "integrity": "sha512-iyAZCeyD+c1gPyE9qpFu8af0Y+MRtmKOncdGoA2S5EY8iFq99dmmvkNnHiWo+pj0s7yH7l3KPIgee77tKpXPWQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -15693,29 +16235,30 @@
             }
         },
         "node_modules/lmdb": {
-            "version": "3.0.13",
-            "resolved": "https://registry.npmjs.org/lmdb/-/lmdb-3.0.13.tgz",
-            "integrity": "sha512-UGe+BbaSUQtAMZobTb4nHvFMrmvuAQKSeaqAX2meTEQjfsbpl5sxdHD8T72OnwD4GU9uwNhYXIVe4QGs8N9Zyw==",
+            "version": "3.1.5",
+            "resolved": "https://registry.npmjs.org/lmdb/-/lmdb-3.1.5.tgz",
+            "integrity": "sha512-46Mch5Drq+A93Ss3gtbg+Xuvf5BOgIuvhKDWoGa3HcPHI6BL2NCOkRdSx1D4VfzwrxhnsjbyIVsLRlQHu6URvw==",
             "dev": true,
             "hasInstallScript": true,
             "license": "MIT",
+            "optional": true,
             "dependencies": {
-                "msgpackr": "^1.10.2",
+                "msgpackr": "^1.11.2",
                 "node-addon-api": "^6.1.0",
                 "node-gyp-build-optional-packages": "5.2.2",
-                "ordered-binary": "^1.4.1",
+                "ordered-binary": "^1.5.3",
                 "weak-lru-cache": "^1.2.2"
             },
             "bin": {
                 "download-lmdb-prebuilds": "bin/download-prebuilds.js"
             },
             "optionalDependencies": {
-                "@lmdb/lmdb-darwin-arm64": "3.0.13",
-                "@lmdb/lmdb-darwin-x64": "3.0.13",
-                "@lmdb/lmdb-linux-arm": "3.0.13",
-                "@lmdb/lmdb-linux-arm64": "3.0.13",
-                "@lmdb/lmdb-linux-x64": "3.0.13",
-                "@lmdb/lmdb-win32-x64": "3.0.13"
+                "@lmdb/lmdb-darwin-arm64": "3.1.5",
+                "@lmdb/lmdb-darwin-x64": "3.1.5",
+                "@lmdb/lmdb-linux-arm": "3.1.5",
+                "@lmdb/lmdb-linux-arm64": "3.1.5",
+                "@lmdb/lmdb-linux-x64": "3.1.5",
+                "@lmdb/lmdb-win32-x64": "3.1.5"
             }
         },
         "node_modules/loader-runner": {
@@ -15724,6 +16267,7 @@
             "integrity": "sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">=6.11.5"
             }
@@ -15734,6 +16278,7 @@
             "integrity": "sha512-FMJTLMXfCLMLfJxcX9PFqX5qD88Z5MRGaZCVzfuqeZSPsyiBzs+pahDQjbIWz2QIzPZz0NX9Zy4FX3lmK6YHIg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 12.13.0"
             }
@@ -15771,7 +16316,8 @@
             "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
             "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/lodash.memoize": {
             "version": "4.1.2",
@@ -15973,9 +16519,9 @@
             }
         },
         "node_modules/magic-string": {
-            "version": "0.30.11",
-            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.11.tgz",
-            "integrity": "sha512-+Wri9p0QHMy+545hKww7YAu5NyzF8iomPL/RQazugQ9+Ez4Ic3mERMd8ZTX5rfK944j+560ZJi8iAwgak1Ac7A==",
+            "version": "0.30.12",
+            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.12.tgz",
+            "integrity": "sha512-Ea8I3sQMVXr8JhN4z+H/d8zwo+tYDgHE9+5G4Wnrwhs0gaK9fXTKx0Tw5Xwsd/bCPTTZNRAdpyzvoeORe9LYpw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -16006,27 +16552,26 @@
             "license": "ISC"
         },
         "node_modules/make-fetch-happen": {
-            "version": "13.0.1",
-            "resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-13.0.1.tgz",
-            "integrity": "sha512-cKTUFc/rbKUd/9meOvgrpJ2WrNzymt6jfRDdwg5UCnVzv9dTpEj9JS5m3wtziXVCjluIXyL8pcaukYqezIzZQA==",
+            "version": "14.0.3",
+            "resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-14.0.3.tgz",
+            "integrity": "sha512-QMjGbFTP0blj97EeidG5hk/QhKQ3T4ICckQGLgz38QF7Vgbk6e6FTARN8KhKxyBbWn8R0HU+bnw8aSoFPD4qtQ==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
-                "@npmcli/agent": "^2.0.0",
-                "cacache": "^18.0.0",
+                "@npmcli/agent": "^3.0.0",
+                "cacache": "^19.0.1",
                 "http-cache-semantics": "^4.1.1",
-                "is-lambda": "^1.0.1",
                 "minipass": "^7.0.2",
-                "minipass-fetch": "^3.0.0",
+                "minipass-fetch": "^4.0.0",
                 "minipass-flush": "^1.0.5",
                 "minipass-pipeline": "^1.2.4",
-                "negotiator": "^0.6.3",
-                "proc-log": "^4.2.0",
+                "negotiator": "^1.0.0",
+                "proc-log": "^5.0.0",
                 "promise-retry": "^2.0.1",
-                "ssri": "^10.0.0"
+                "ssri": "^12.0.0"
             },
             "engines": {
-                "node": "^16.14.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/makeerror": {
@@ -16099,16 +16644,18 @@
             "integrity": "sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 0.8"
             }
         },
         "node_modules/memfs": {
-            "version": "4.15.3",
-            "resolved": "https://registry.npmjs.org/memfs/-/memfs-4.15.3.tgz",
-            "integrity": "sha512-vR/g1SgqvKJgAyYla+06G4p/EOcEmwhYuVb1yc1ixcKf8o/sh7Zngv63957ZSNd1xrZJoinmNyDf2LzuP8WJXw==",
+            "version": "4.17.0",
+            "resolved": "https://registry.npmjs.org/memfs/-/memfs-4.17.0.tgz",
+            "integrity": "sha512-4eirfZ7thblFmqFjywlTmuWVSvccHAJbn1r8qQLzmTO11qcqpohOjmY2mFce6x7x7WtskzRqApPD0hv+Oa74jg==",
             "dev": true,
             "license": "Apache-2.0",
+            "peer": true,
             "dependencies": {
                 "@jsonjoy.com/json-pack": "^1.0.3",
                 "@jsonjoy.com/util": "^1.3.0",
@@ -16129,6 +16676,7 @@
             "integrity": "sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">=18"
             },
@@ -16158,6 +16706,7 @@
             "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 0.6"
             }
@@ -16194,6 +16743,7 @@
             "dev": true,
             "license": "MIT",
             "optional": true,
+            "peer": true,
             "bin": {
                 "mime": "cli.js"
             },
@@ -16248,11 +16798,12 @@
             }
         },
         "node_modules/mini-css-extract-plugin": {
-            "version": "2.9.0",
-            "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.9.0.tgz",
-            "integrity": "sha512-Zs1YsZVfemekSZG+44vBsYTLQORkPMwnlv+aehcxK/NLKC+EGhDB39/YePYYqx/sTk6NnYpuqikhSn7+JIevTA==",
+            "version": "2.9.2",
+            "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.9.2.tgz",
+            "integrity": "sha512-GJuACcS//jtq4kCtd5ii/M0SZf7OZRH+BxdqXZHaJfb8TJiVl+NgQRPwiYt2EuqeSkNydn/7vP+bcE27C5mb9w==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "schema-utils": "^4.0.0",
                 "tapable": "^2.2.1"
@@ -16273,7 +16824,8 @@
             "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
             "integrity": "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==",
             "dev": true,
-            "license": "ISC"
+            "license": "ISC",
+            "peer": true
         },
         "node_modules/minimatch": {
             "version": "9.0.5",
@@ -16325,18 +16877,18 @@
             }
         },
         "node_modules/minipass-fetch": {
-            "version": "3.0.5",
-            "resolved": "https://registry.npmjs.org/minipass-fetch/-/minipass-fetch-3.0.5.tgz",
-            "integrity": "sha512-2N8elDQAtSnFV0Dk7gt15KHsS0Fyz6CbYZ360h0WTYV1Ty46li3rAXVOQj1THMNLdmrD9Vt5pBPtWtVkpwGBqg==",
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/minipass-fetch/-/minipass-fetch-4.0.0.tgz",
+            "integrity": "sha512-2v6aXUXwLP1Epd/gc32HAMIWoczx+fZwEPRHm/VwtrJzRGwR1qGZXEYV3Zp8ZjjbwaZhMrM6uHV4KVkk+XCc2w==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
                 "minipass": "^7.0.3",
                 "minipass-sized": "^1.0.3",
-                "minizlib": "^2.1.2"
+                "minizlib": "^3.0.1"
             },
             "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             },
             "optionalDependencies": {
                 "encoding": "^0.1.13"
@@ -16442,39 +16994,19 @@
             "license": "ISC"
         },
         "node_modules/minizlib": {
-            "version": "2.1.2",
-            "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz",
-            "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==",
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-3.0.1.tgz",
+            "integrity": "sha512-umcy022ILvb5/3Djuu8LWeqUa8D68JaBzlttKeMWen48SjabqS3iY5w/vzeMzMUNhLDifyhbOwKDSznB1vvrwg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "minipass": "^3.0.0",
-                "yallist": "^4.0.0"
-            },
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/minizlib/node_modules/minipass": {
-            "version": "3.3.6",
-            "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
-            "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "yallist": "^4.0.0"
+                "minipass": "^7.0.4",
+                "rimraf": "^5.0.5"
             },
             "engines": {
-                "node": ">=8"
+                "node": ">= 18"
             }
         },
-        "node_modules/minizlib/node_modules/yallist": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-            "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-            "dev": true,
-            "license": "ISC"
-        },
         "node_modules/mkdirp": {
             "version": "1.0.4",
             "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
@@ -16532,6 +17064,7 @@
             "integrity": "sha512-F9UngXRlPyWCDEASDpTf6c9uNhGPTqnTeLVt7bN+bU1eajoR/8V9ys2BRaV5C/e5ihE6sJ9uPIKaYt6bFuO32g==",
             "dev": true,
             "license": "MIT",
+            "optional": true,
             "optionalDependencies": {
                 "msgpackr-extract": "^3.0.2"
             }
@@ -16565,6 +17098,7 @@
             "integrity": "sha512-2eznPJP8z2BFLX50tf0LuODrpINqP1RVIm/CObbTcBRITQgmC/TjcREF1NeTBzIcR5XO/ukWo+YHOjBbFwIupg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "dns-packet": "^5.2.2",
                 "thunky": "^1.0.2"
@@ -16574,13 +17108,13 @@
             }
         },
         "node_modules/mute-stream": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-1.0.0.tgz",
-            "integrity": "sha512-avsJQhyd+680gKXyG/sQc0nXaC6rBkPOfyHYcFb9+hdkqQkR9bdnkJ0AMZhke0oesPqIO+mFFJ+IdBc7mst4IA==",
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-2.0.0.tgz",
+            "integrity": "sha512-WWdIxpyjEn+FhQJQQv9aQAYlHoNVdzIzUySNV1gHUPDSdZJ3yZn7pAAbQcV7B56Mvu881q9FZV+0Vx2xC44VWA==",
             "dev": true,
             "license": "ISC",
             "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/n-gram": {
@@ -16626,6 +17160,7 @@
             "dev": true,
             "license": "MIT",
             "optional": true,
+            "peer": true,
             "dependencies": {
                 "iconv-lite": "^0.6.3",
                 "sax": "^1.2.4"
@@ -16644,6 +17179,7 @@
             "dev": true,
             "license": "MIT",
             "optional": true,
+            "peer": true,
             "dependencies": {
                 "safer-buffer": ">= 2.1.2 < 3.0.0"
             },
@@ -16652,9 +17188,9 @@
             }
         },
         "node_modules/negotiator": {
-            "version": "0.6.4",
-            "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.4.tgz",
-            "integrity": "sha512-myRT3DiWPHqho5PrJaIRyaMv2kgYf0mUVgBNOYMuCH5Ki1yEiQaf/ZJuQ62nvpc44wL5WDbTX7yGJi1Neevw8w==",
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-1.0.0.tgz",
+            "integrity": "sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -16666,7 +17202,8 @@
             "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
             "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/ng-mocks": {
             "version": "14.13.1",
@@ -16685,29 +17222,29 @@
             }
         },
         "node_modules/ngx-infinite-scroll": {
-            "version": "18.0.0",
-            "resolved": "https://registry.npmjs.org/ngx-infinite-scroll/-/ngx-infinite-scroll-18.0.0.tgz",
-            "integrity": "sha512-D183TDwpsd9Zl56UmItsl3RzHdN25srAISfg6lc3A8mEKkEgOq0s7ZzRAYcx8DHsAkMgtZqjIPEvMifD3DOB/g==",
+            "version": "19.0.0",
+            "resolved": "https://registry.npmjs.org/ngx-infinite-scroll/-/ngx-infinite-scroll-19.0.0.tgz",
+            "integrity": "sha512-Ft4xNNDLXoDGi2hF6ylehjxbG8JIgfoL6qDWWcebGMcbh1CEfEsh0HGkDuFlX/cBBMenRh2HFbXlYq8BAtbvLw==",
             "license": "MIT",
             "dependencies": {
                 "tslib": "^2.3.0"
             },
             "peerDependencies": {
-                "@angular/common": ">=18.0.0 <19.0.0",
-                "@angular/core": ">=18.0.0 <19.0.0"
+                "@angular/common": ">=19.0.0 <20.0.0",
+                "@angular/core": ">=19.0.0 <20.0.0"
             }
         },
         "node_modules/ngx-webstorage": {
-            "version": "18.0.0",
-            "resolved": "https://registry.npmjs.org/ngx-webstorage/-/ngx-webstorage-18.0.0.tgz",
-            "integrity": "sha512-Fg9y0Vb89CBSjSmJPjvotZljyqSNo97TlWpR6OIsHzuMwrj7u9OgEBmqOgiRK2GGsUdVMy8SF3s3Ymier6xuew==",
+            "version": "19.0.1",
+            "resolved": "https://registry.npmjs.org/ngx-webstorage/-/ngx-webstorage-19.0.1.tgz",
+            "integrity": "sha512-5Z7YowQKvmABb2d80AavOo+DSRu+bduxDpDTc7go7clJyMtIwidINa3UC3m13LgkBc8QJj9K8LkY0ugwTmYDdA==",
             "license": "MIT",
             "dependencies": {
                 "tslib": "^2.0.0"
             },
             "peerDependencies": {
-                "@angular/common": "^18.0.0",
-                "@angular/core": "^18.0.0"
+                "@angular/common": "^19.0.0",
+                "@angular/core": "^19.0.0"
             }
         },
         "node_modules/ngxtension": {
@@ -16738,6 +17275,13 @@
                 }
             }
         },
+        "node_modules/ngxtension/node_modules/@angular-eslint/bundled-angular-compiler": {
+            "version": "18.4.3",
+            "resolved": "https://registry.npmjs.org/@angular-eslint/bundled-angular-compiler/-/bundled-angular-compiler-18.4.3.tgz",
+            "integrity": "sha512-zdrA8mR98X+U4YgHzUKmivRU+PxzwOL/j8G7eTOvBuq8GPzsP+hvak+tyxlgeGm9HsvpFj9ERHLtJ0xDUPs8fg==",
+            "dev": true,
+            "license": "MIT"
+        },
         "node_modules/ngxtension/node_modules/@ts-morph/common": {
             "version": "0.23.0",
             "resolved": "https://registry.npmjs.org/@ts-morph/common/-/common-0.23.0.tgz",
@@ -16785,36 +17329,13 @@
                 "code-block-writer": "^13.0.1"
             }
         },
-        "node_modules/nice-napi": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/nice-napi/-/nice-napi-1.0.2.tgz",
-            "integrity": "sha512-px/KnJAJZf5RuBGcfD+Sp2pAKq0ytz8j+1NehvgIGFkvtvFrDM3T8E4x/JJODXK9WZow8RRGrbA9QQ3hs+pDhA==",
-            "dev": true,
-            "hasInstallScript": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "!win32"
-            ],
-            "dependencies": {
-                "node-addon-api": "^3.0.0",
-                "node-gyp-build": "^4.2.2"
-            }
-        },
-        "node_modules/nice-napi/node_modules/node-addon-api": {
-            "version": "3.2.1",
-            "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-3.2.1.tgz",
-            "integrity": "sha512-mmcei9JghVNDYydghQmeDX8KoAm0FAiYyIcUt/N4nhyAipB17pllZQDOJD2fotxABnt4Mdz+dKTO7eftLg4d0A==",
-            "dev": true,
-            "license": "MIT",
-            "optional": true
-        },
         "node_modules/node-addon-api": {
             "version": "6.1.0",
             "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-6.1.0.tgz",
             "integrity": "sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "optional": true
         },
         "node_modules/node-forge": {
             "version": "1.3.1",
@@ -16822,14 +17343,15 @@
             "integrity": "sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==",
             "dev": true,
             "license": "(BSD-3-Clause OR GPL-2.0)",
+            "peer": true,
             "engines": {
                 "node": ">= 6.13.0"
             }
         },
         "node_modules/node-gyp": {
-            "version": "10.3.1",
-            "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-10.3.1.tgz",
-            "integrity": "sha512-Pp3nFHBThHzVtNY7U6JfPjvT/DTE8+o/4xKsLQtBoU+j2HLsGlhcfzflAoUreaJbNmYnX+LlLi0qjV8kpyO6xQ==",
+            "version": "11.0.0",
+            "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-11.0.0.tgz",
+            "integrity": "sha512-zQS+9MTTeCMgY0F3cWPyJyRFAkVltQ1uXm+xXu/ES6KFgC6Czo1Seb9vQW2wNxSX2OrDTiqL0ojtkFxBQ0ypIw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -16837,18 +17359,18 @@
                 "exponential-backoff": "^3.1.1",
                 "glob": "^10.3.10",
                 "graceful-fs": "^4.2.6",
-                "make-fetch-happen": "^13.0.0",
-                "nopt": "^7.0.0",
-                "proc-log": "^4.1.0",
+                "make-fetch-happen": "^14.0.3",
+                "nopt": "^8.0.0",
+                "proc-log": "^5.0.0",
                 "semver": "^7.3.5",
-                "tar": "^6.2.1",
-                "which": "^4.0.0"
+                "tar": "^7.4.3",
+                "which": "^5.0.0"
             },
             "bin": {
                 "node-gyp": "bin/node-gyp.js"
             },
             "engines": {
-                "node": "^16.14.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/node-gyp-build": {
@@ -16869,6 +17391,7 @@
             "integrity": "sha512-s+w+rBWnpTMwSFbaE0UXsRlg7hU4FjekKU4eyAih5T8nJuNZT1nNsskXpxmeqSK9UzkBl6UgRlnKc8hz8IEqOw==",
             "dev": true,
             "license": "MIT",
+            "optional": true,
             "dependencies": {
                 "detect-libc": "^2.0.1"
             },
@@ -16878,6 +17401,16 @@
                 "node-gyp-build-optional-packages-test": "build-test.js"
             }
         },
+        "node_modules/node-gyp/node_modules/chownr": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/chownr/-/chownr-3.0.0.tgz",
+            "integrity": "sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==",
+            "dev": true,
+            "license": "BlueOak-1.0.0",
+            "engines": {
+                "node": ">=18"
+            }
+        },
         "node_modules/node-gyp/node_modules/glob": {
             "version": "10.4.5",
             "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
@@ -16909,10 +17442,44 @@
                 "node": ">=16"
             }
         },
+        "node_modules/node-gyp/node_modules/mkdirp": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-3.0.1.tgz",
+            "integrity": "sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==",
+            "dev": true,
+            "license": "MIT",
+            "bin": {
+                "mkdirp": "dist/cjs/src/bin.js"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/isaacs"
+            }
+        },
+        "node_modules/node-gyp/node_modules/tar": {
+            "version": "7.4.3",
+            "resolved": "https://registry.npmjs.org/tar/-/tar-7.4.3.tgz",
+            "integrity": "sha512-5S7Va8hKfV7W5U6g3aYxXmlPoZVAwUMy9AOKyF2fVuZa2UD3qZjg578OrLRt8PcNN1PleVaL/5/yYATNL0ICUw==",
+            "dev": true,
+            "license": "ISC",
+            "dependencies": {
+                "@isaacs/fs-minipass": "^4.0.0",
+                "chownr": "^3.0.0",
+                "minipass": "^7.1.2",
+                "minizlib": "^3.0.1",
+                "mkdirp": "^3.0.1",
+                "yallist": "^5.0.0"
+            },
+            "engines": {
+                "node": ">=18"
+            }
+        },
         "node_modules/node-gyp/node_modules/which": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/which/-/which-4.0.0.tgz",
-            "integrity": "sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg==",
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/which/-/which-5.0.0.tgz",
+            "integrity": "sha512-JEdGzHwwkrbWoGOlIHqQ5gtprKGOenpDHpxE9zVR1bWbOtYRyPPHMe9FaP6x61CmNaTThSkb0DAJte5jD+DmzQ==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -16922,7 +17489,17 @@
                 "node-which": "bin/which.js"
             },
             "engines": {
-                "node": "^16.13.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
+            }
+        },
+        "node_modules/node-gyp/node_modules/yallist": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/yallist/-/yallist-5.0.0.tgz",
+            "integrity": "sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==",
+            "dev": true,
+            "license": "BlueOak-1.0.0",
+            "engines": {
+                "node": ">=18"
             }
         },
         "node_modules/node-int64": {
@@ -16946,9 +17523,9 @@
             "license": "MIT"
         },
         "node_modules/nopt": {
-            "version": "7.2.1",
-            "resolved": "https://registry.npmjs.org/nopt/-/nopt-7.2.1.tgz",
-            "integrity": "sha512-taM24ViiimT/XntxbPyJQzCG+p4EKOpgD3mxFwW38mGjVUrfERQOeY4EDHjdnptttfHuHQXFx+lTP08Q+mLa/w==",
+            "version": "8.0.0",
+            "resolved": "https://registry.npmjs.org/nopt/-/nopt-8.0.0.tgz",
+            "integrity": "sha512-1L/fTJ4UmV/lUxT2Uf006pfZKTvAgCF+chz+0OgBHO8u2Z67pE7AaAUUj7CJy0lXqHmymUvGFt6NE9R3HER0yw==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -16958,22 +17535,22 @@
                 "nopt": "bin/nopt.js"
             },
             "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/normalize-package-data": {
-            "version": "6.0.2",
-            "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-6.0.2.tgz",
-            "integrity": "sha512-V6gygoYb/5EmNI+MEGrWkC+e6+Rr7mTmfHrxDbLzxQogBkgzo76rkok0Am6thgSF7Mv2nLOajAJj5vDJZEFn7g==",
+            "version": "7.0.0",
+            "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-7.0.0.tgz",
+            "integrity": "sha512-k6U0gKRIuNCTkwHGZqblCfLfBRh+w1vI6tBo+IeJwq2M8FUiOqhX7GH+GArQGScA7azd1WfyRCvxoXDO3hQDIA==",
             "dev": true,
             "license": "BSD-2-Clause",
             "dependencies": {
-                "hosted-git-info": "^7.0.0",
+                "hosted-git-info": "^8.0.0",
                 "semver": "^7.3.5",
                 "validate-npm-package-license": "^3.0.4"
             },
             "engines": {
-                "node": "^16.14.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/normalize-path": {
@@ -16992,109 +17569,110 @@
             "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">=0.10.0"
             }
         },
         "node_modules/npm-bundled": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/npm-bundled/-/npm-bundled-3.0.1.tgz",
-            "integrity": "sha512-+AvaheE/ww1JEwRHOrn4WHNzOxGtVp+adrg2AeZS/7KuxGUYFuBta98wYpfHBbJp6Tg6j1NKSEVHNcfZzJHQwQ==",
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/npm-bundled/-/npm-bundled-4.0.0.tgz",
+            "integrity": "sha512-IxaQZDMsqfQ2Lz37VvyyEtKLe8FsRZuysmedy/N06TU1RyVppYKXrO4xIhR0F+7ubIBox6Q7nir6fQI3ej39iA==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
-                "npm-normalize-package-bin": "^3.0.0"
+                "npm-normalize-package-bin": "^4.0.0"
             },
             "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/npm-install-checks": {
-            "version": "6.3.0",
-            "resolved": "https://registry.npmjs.org/npm-install-checks/-/npm-install-checks-6.3.0.tgz",
-            "integrity": "sha512-W29RiK/xtpCGqn6f3ixfRYGk+zRyr+Ew9F2E20BfXxT5/euLdA/Nm7fO7OeTGuAmTs30cpgInyJ0cYe708YTZw==",
+            "version": "7.1.1",
+            "resolved": "https://registry.npmjs.org/npm-install-checks/-/npm-install-checks-7.1.1.tgz",
+            "integrity": "sha512-u6DCwbow5ynAX5BdiHQ9qvexme4U3qHW3MWe5NqH+NeBm0LbiH6zvGjNNew1fY+AZZUtVHbOPF3j7mJxbUzpXg==",
             "dev": true,
             "license": "BSD-2-Clause",
             "dependencies": {
                 "semver": "^7.1.1"
             },
             "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/npm-normalize-package-bin": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/npm-normalize-package-bin/-/npm-normalize-package-bin-3.0.1.tgz",
-            "integrity": "sha512-dMxCf+zZ+3zeQZXKxmyuCKlIDPGuv8EF940xbkC4kQVDTtqoh6rJFO+JTKSA6/Rwi0getWmtuy4Itup0AMcaDQ==",
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/npm-normalize-package-bin/-/npm-normalize-package-bin-4.0.0.tgz",
+            "integrity": "sha512-TZKxPvItzai9kN9H/TkmCtx/ZN/hvr3vUycjlfmH0ootY9yFBzNOpiXAdIn1Iteqsvk4lQn6B5PTrt+n6h8k/w==",
             "dev": true,
             "license": "ISC",
             "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/npm-package-arg": {
-            "version": "11.0.3",
-            "resolved": "https://registry.npmjs.org/npm-package-arg/-/npm-package-arg-11.0.3.tgz",
-            "integrity": "sha512-sHGJy8sOC1YraBywpzQlIKBE4pBbGbiF95U6Auspzyem956E0+FtDtsx1ZxlOJkQCZ1AFXAY/yuvtFYrOxF+Bw==",
+            "version": "12.0.0",
+            "resolved": "https://registry.npmjs.org/npm-package-arg/-/npm-package-arg-12.0.0.tgz",
+            "integrity": "sha512-ZTE0hbwSdTNL+Stx2zxSqdu2KZfNDcrtrLdIk7XGnQFYBWYDho/ORvXtn5XEePcL3tFpGjHCV3X3xrtDh7eZ+A==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
-                "hosted-git-info": "^7.0.0",
-                "proc-log": "^4.0.0",
+                "hosted-git-info": "^8.0.0",
+                "proc-log": "^5.0.0",
                 "semver": "^7.3.5",
-                "validate-npm-package-name": "^5.0.0"
+                "validate-npm-package-name": "^6.0.0"
             },
             "engines": {
-                "node": "^16.14.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/npm-packlist": {
-            "version": "8.0.2",
-            "resolved": "https://registry.npmjs.org/npm-packlist/-/npm-packlist-8.0.2.tgz",
-            "integrity": "sha512-shYrPFIS/JLP4oQmAwDyk5HcyysKW8/JLTEA32S0Z5TzvpaeeX2yMFfoK1fjEBnCBvVyIB/Jj/GBFdm0wsgzbA==",
+            "version": "9.0.0",
+            "resolved": "https://registry.npmjs.org/npm-packlist/-/npm-packlist-9.0.0.tgz",
+            "integrity": "sha512-8qSayfmHJQTx3nJWYbbUmflpyarbLMBc6LCAjYsiGtXxDB68HaZpb8re6zeaLGxZzDuMdhsg70jryJe+RrItVQ==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
-                "ignore-walk": "^6.0.4"
+                "ignore-walk": "^7.0.0"
             },
             "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/npm-pick-manifest": {
-            "version": "9.1.0",
-            "resolved": "https://registry.npmjs.org/npm-pick-manifest/-/npm-pick-manifest-9.1.0.tgz",
-            "integrity": "sha512-nkc+3pIIhqHVQr085X9d2JzPzLyjzQS96zbruppqC9aZRm/x8xx6xhI98gHtsfELP2bE+loHq8ZaHFHhe+NauA==",
+            "version": "10.0.0",
+            "resolved": "https://registry.npmjs.org/npm-pick-manifest/-/npm-pick-manifest-10.0.0.tgz",
+            "integrity": "sha512-r4fFa4FqYY8xaM7fHecQ9Z2nE9hgNfJR+EmoKv0+chvzWkBcORX3r0FpTByP+CbOVJDladMXnPQGVN8PBLGuTQ==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
-                "npm-install-checks": "^6.0.0",
-                "npm-normalize-package-bin": "^3.0.0",
-                "npm-package-arg": "^11.0.0",
+                "npm-install-checks": "^7.1.0",
+                "npm-normalize-package-bin": "^4.0.0",
+                "npm-package-arg": "^12.0.0",
                 "semver": "^7.3.5"
             },
             "engines": {
-                "node": "^16.14.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/npm-registry-fetch": {
-            "version": "17.1.0",
-            "resolved": "https://registry.npmjs.org/npm-registry-fetch/-/npm-registry-fetch-17.1.0.tgz",
-            "integrity": "sha512-5+bKQRH0J1xG1uZ1zMNvxW0VEyoNWgJpY9UDuluPFLKDfJ9u2JmmjmTJV1srBGQOROfdBMiVvnH2Zvpbm+xkVA==",
+            "version": "18.0.2",
+            "resolved": "https://registry.npmjs.org/npm-registry-fetch/-/npm-registry-fetch-18.0.2.tgz",
+            "integrity": "sha512-LeVMZBBVy+oQb5R6FDV9OlJCcWDU+al10oKpe+nsvcHnG24Z3uM3SvJYKfGJlfGjVU8v9liejCrUR/M5HO5NEQ==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
-                "@npmcli/redact": "^2.0.0",
+                "@npmcli/redact": "^3.0.0",
                 "jsonparse": "^1.3.1",
-                "make-fetch-happen": "^13.0.0",
+                "make-fetch-happen": "^14.0.0",
                 "minipass": "^7.0.2",
-                "minipass-fetch": "^3.0.0",
-                "minizlib": "^2.1.2",
-                "npm-package-arg": "^11.0.0",
-                "proc-log": "^4.0.0"
+                "minipass-fetch": "^4.0.0",
+                "minizlib": "^3.0.1",
+                "npm-package-arg": "^12.0.0",
+                "proc-log": "^5.0.0"
             },
             "engines": {
-                "node": "^16.14.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/npm-run-path": {
@@ -17131,9 +17709,9 @@
             "license": "MIT"
         },
         "node_modules/nx": {
-            "version": "20.3.0",
-            "resolved": "https://registry.npmjs.org/nx/-/nx-20.3.0.tgz",
-            "integrity": "sha512-Nzi4k7tV22zwO2iBLk+pHxorLEWPJpPrVCACtz0SQ63j/LiAgfhoqruJO+VU+V+E9qdyPsvmqIL/Iaf/GRQlqA==",
+            "version": "20.3.1",
+            "resolved": "https://registry.npmjs.org/nx/-/nx-20.3.1.tgz",
+            "integrity": "sha512-pO48DoQAwVKBEF7/od3bc1tHBYfafgiuS/hHX3yGmhpWW58baIlxMWFp6QY9+A9Q0R+26pd6AEGnE7d1f7+i/g==",
             "dev": true,
             "hasInstallScript": true,
             "license": "MIT",
@@ -17178,16 +17756,16 @@
                 "nx-cloud": "bin/nx-cloud.js"
             },
             "optionalDependencies": {
-                "@nx/nx-darwin-arm64": "20.3.0",
-                "@nx/nx-darwin-x64": "20.3.0",
-                "@nx/nx-freebsd-x64": "20.3.0",
-                "@nx/nx-linux-arm-gnueabihf": "20.3.0",
-                "@nx/nx-linux-arm64-gnu": "20.3.0",
-                "@nx/nx-linux-arm64-musl": "20.3.0",
-                "@nx/nx-linux-x64-gnu": "20.3.0",
-                "@nx/nx-linux-x64-musl": "20.3.0",
-                "@nx/nx-win32-arm64-msvc": "20.3.0",
-                "@nx/nx-win32-x64-msvc": "20.3.0"
+                "@nx/nx-darwin-arm64": "20.3.1",
+                "@nx/nx-darwin-x64": "20.3.1",
+                "@nx/nx-freebsd-x64": "20.3.1",
+                "@nx/nx-linux-arm-gnueabihf": "20.3.1",
+                "@nx/nx-linux-arm64-gnu": "20.3.1",
+                "@nx/nx-linux-arm64-musl": "20.3.1",
+                "@nx/nx-linux-x64-gnu": "20.3.1",
+                "@nx/nx-linux-x64-musl": "20.3.1",
+                "@nx/nx-win32-arm64-msvc": "20.3.1",
+                "@nx/nx-win32-x64-msvc": "20.3.1"
             },
             "peerDependencies": {
                 "@swc-node/register": "^1.8.0",
@@ -17406,6 +17984,7 @@
             "integrity": "sha512-kDCGIbxkDSXE3euJZZXzc6to7fCrKHNI/hSRQnRuQ+BWjFNzZwiFF8fj/6o2t2G9/jTj8PSIYTfCLelLZEeRpA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 0.4"
             },
@@ -17428,7 +18007,8 @@
             "resolved": "https://registry.npmjs.org/obuf/-/obuf-1.1.2.tgz",
             "integrity": "sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/on-finished": {
             "version": "2.4.1",
@@ -17436,6 +18016,7 @@
             "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "ee-first": "1.1.1"
             },
@@ -17449,6 +18030,7 @@
             "integrity": "sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 0.8"
             }
@@ -17485,6 +18067,7 @@
             "integrity": "sha512-mnkeQ1qP5Ue2wd+aivTD3NHd/lZ96Lu0jgf0pwktLPtx6cTZiH7tyeGRRHs0zX0rbrahXPnXlUnbeXyaBBuIaw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "default-browser": "^5.2.1",
                 "define-lazy-prop": "^3.0.0",
@@ -17579,7 +18162,8 @@
             "resolved": "https://registry.npmjs.org/ordered-binary/-/ordered-binary-1.5.3.tgz",
             "integrity": "sha512-oGFr3T+pYdTGJ+YFEILMpS3es+GiIbs9h/XQrclBXUtd44ey7XwfsMzM31f64I1SQOawDoDr/D823kNCADI8TA==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "optional": true
         },
         "node_modules/os-tmpdir": {
             "version": "1.0.2",
@@ -17624,16 +18208,13 @@
             }
         },
         "node_modules/p-map": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz",
-            "integrity": "sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==",
+            "version": "7.0.3",
+            "resolved": "https://registry.npmjs.org/p-map/-/p-map-7.0.3.tgz",
+            "integrity": "sha512-VkndIv2fIB99swvQoA65bm+fsmt6UNdGeIB0oxBs+WhAhdh08QA04JXpI7rbB9r08/nkbysKoya9rtDERYOYMA==",
             "dev": true,
             "license": "MIT",
-            "dependencies": {
-                "aggregate-error": "^3.0.0"
-            },
             "engines": {
-                "node": ">=10"
+                "node": ">=18"
             },
             "funding": {
                 "url": "https://github.com/sponsors/sindresorhus"
@@ -17645,6 +18226,7 @@
             "integrity": "sha512-hEt02O4hUct5wtwg4H4KcWgDdm+l1bOaEy/hWzd8xtXB9BqxTWBBhb+2ImAtH4Cv4rPjV76xN3Zumqk3k3AhhQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@types/retry": "0.12.2",
                 "is-network-error": "^1.0.0",
@@ -17663,6 +18245,7 @@
             "integrity": "sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 4"
             }
@@ -17685,35 +18268,35 @@
             "license": "BlueOak-1.0.0"
         },
         "node_modules/pacote": {
-            "version": "18.0.6",
-            "resolved": "https://registry.npmjs.org/pacote/-/pacote-18.0.6.tgz",
-            "integrity": "sha512-+eK3G27SMwsB8kLIuj4h1FUhHtwiEUo21Tw8wNjmvdlpOEr613edv+8FUsTj/4F/VN5ywGE19X18N7CC2EJk6A==",
+            "version": "20.0.0",
+            "resolved": "https://registry.npmjs.org/pacote/-/pacote-20.0.0.tgz",
+            "integrity": "sha512-pRjC5UFwZCgx9kUFDVM9YEahv4guZ1nSLqwmWiLUnDbGsjs+U5w7z6Uc8HNR1a6x8qnu5y9xtGE6D1uAuYz+0A==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
-                "@npmcli/git": "^5.0.0",
-                "@npmcli/installed-package-contents": "^2.0.1",
-                "@npmcli/package-json": "^5.1.0",
-                "@npmcli/promise-spawn": "^7.0.0",
-                "@npmcli/run-script": "^8.0.0",
-                "cacache": "^18.0.0",
+                "@npmcli/git": "^6.0.0",
+                "@npmcli/installed-package-contents": "^3.0.0",
+                "@npmcli/package-json": "^6.0.0",
+                "@npmcli/promise-spawn": "^8.0.0",
+                "@npmcli/run-script": "^9.0.0",
+                "cacache": "^19.0.0",
                 "fs-minipass": "^3.0.0",
                 "minipass": "^7.0.2",
-                "npm-package-arg": "^11.0.0",
-                "npm-packlist": "^8.0.0",
-                "npm-pick-manifest": "^9.0.0",
-                "npm-registry-fetch": "^17.0.0",
-                "proc-log": "^4.0.0",
+                "npm-package-arg": "^12.0.0",
+                "npm-packlist": "^9.0.0",
+                "npm-pick-manifest": "^10.0.0",
+                "npm-registry-fetch": "^18.0.0",
+                "proc-log": "^5.0.0",
                 "promise-retry": "^2.0.1",
-                "sigstore": "^2.2.0",
-                "ssri": "^10.0.0",
+                "sigstore": "^3.0.0",
+                "ssri": "^12.0.0",
                 "tar": "^6.1.11"
             },
             "bin": {
                 "pacote": "bin/index.js"
             },
             "engines": {
-                "node": "^16.14.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/pako": {
@@ -17723,9 +18306,9 @@
             "license": "(MIT AND Zlib)"
         },
         "node_modules/papaparse": {
-            "version": "5.4.1",
-            "resolved": "https://registry.npmjs.org/papaparse/-/papaparse-5.4.1.tgz",
-            "integrity": "sha512-HipMsgJkZu8br23pW15uvo6sib6wne/4woLZPlFf3rpDyMe9ywEXUsuD7+6K9PRkJlVT51j/sCOYDKGGS3ZJrw==",
+            "version": "5.5.1",
+            "resolved": "https://registry.npmjs.org/papaparse/-/papaparse-5.5.1.tgz",
+            "integrity": "sha512-EuEKUhyxrHVozD7g3/ztsJn6qaKse8RPfR6buNB2dMJvdtXNhcw8jccVi/LxNEY3HVrV6GO6Z4OoeCG9Iy9wpA==",
             "license": "MIT"
         },
         "node_modules/parent-module": {
@@ -17780,6 +18363,7 @@
             "integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 0.10"
             }
@@ -17831,6 +18415,7 @@
             "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 0.8"
             }
@@ -17996,6 +18581,7 @@
             "integrity": "sha512-TdrF7fW9Rphjq4RjrW0Kp2AW0Ahwu9sRGTkS6bvDi0SCwZlEZYmcfDbEsTz8RVk0EHIS/Vd1bv3JhG+1xZuAyQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">=16"
             }
@@ -18006,6 +18592,7 @@
             "integrity": "sha512-5HviZNaZcfqP95rwpv+1HDgUamezbqdSYTyzjTvwtJSnIH+3vnbmWsItli8OFEndS984VT55M3jduxZbX351gg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">=12"
             },
@@ -18105,6 +18692,7 @@
             "dev": true,
             "license": "MIT",
             "optional": true,
+            "peer": true,
             "engines": {
                 "node": ">=6"
             }
@@ -18120,13 +18708,13 @@
             }
         },
         "node_modules/piscina": {
-            "version": "4.6.1",
-            "resolved": "https://registry.npmjs.org/piscina/-/piscina-4.6.1.tgz",
-            "integrity": "sha512-z30AwWGtQE+Apr+2WBZensP2lIvwoaMcOPkQlIEmSGMJNUvaYACylPYrQM6wSdUNJlnDVMSpLv7xTMJqlVshOA==",
+            "version": "4.7.0",
+            "resolved": "https://registry.npmjs.org/piscina/-/piscina-4.7.0.tgz",
+            "integrity": "sha512-b8hvkpp9zS0zsfa939b/jXbe64Z2gZv0Ha7FYPNUiDIB1y2AtxcOZdfP8xN8HFjUaqQiT9gRlfjAsoL8vdJ1Iw==",
             "dev": true,
             "license": "MIT",
             "optionalDependencies": {
-                "nice-napi": "^1.0.2"
+                "@napi-rs/nice": "^1.0.1"
             }
         },
         "node_modules/pkg-dir": {
@@ -18135,6 +18723,7 @@
             "integrity": "sha512-Ie9z/WINcxxLp27BKOCHGde4ITq9UklYKDzVo1nhk5sqGEXU3FpkwP5GM2voTGJkGd9B3Otl+Q4uwSOeSUtOBA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "find-up": "^6.3.0"
             },
@@ -18151,6 +18740,7 @@
             "integrity": "sha512-v2ZsoEuVHYy8ZIlYqwPe/39Cy+cFDzp4dXPaxNvkEuouymu+2Jbz0PxpKarJHYJTmv2HWT3O382qY8l4jMWthw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "locate-path": "^7.1.0",
                 "path-exists": "^5.0.0"
@@ -18168,6 +18758,7 @@
             "integrity": "sha512-gvVijfZvn7R+2qyPX8mAuKcFGDf6Nc61GdvGafQsHL0sBIxfKzA+usWn4GFC/bk+QdwPUD4kWFJLhElipq+0VA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "p-locate": "^6.0.0"
             },
@@ -18184,6 +18775,7 @@
             "integrity": "sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "yocto-queue": "^1.0.0"
             },
@@ -18200,6 +18792,7 @@
             "integrity": "sha512-wPrq66Llhl7/4AGC6I+cqxT07LhXvWL08LNXz1fENOw0Ap4sRZZ/gZpTTJ5jpurzzzfS2W/Ge9BY3LgLjCShcw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "p-limit": "^4.0.0"
             },
@@ -18216,6 +18809,7 @@
             "integrity": "sha512-RjhtfwJOxzcFmNOi6ltcbcu4Iu+FL3zEj83dk4kAS+fVpTxXLO1b38RvJgT/0QwvV/L3aY9TAnyv0EOqW4GoMQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
             }
@@ -18226,6 +18820,7 @@
             "integrity": "sha512-b4JR1PFR10y1mKjhHY9LaGo6tmrgjit7hxVIeAmyMw3jegXR4dhYqLaQF5zMXZxY7tLpMyJeLjr1C4rLmkVe8g==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">=12.20"
             },
@@ -18268,6 +18863,7 @@
             "integrity": "sha512-0IeqyAsG6tYiDRCYKQJLAmgQr47DX6N7sFSWvQxt6AcupX8DIdmykuk/o/tx0Lze3ErGHJEp5OSRxrelC6+NdQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "cosmiconfig": "^9.0.0",
                 "jiti": "^1.20.0",
@@ -18307,6 +18903,7 @@
             "integrity": "sha512-k3kNe0aNFQDAZGbin48pL2VNidTF0w4/eASDsxlyspobzU3wZQLOGj7L9gfRe0Jo9/4uud09DsjFNH7winGv8Q==",
             "dev": true,
             "license": "ISC",
+            "peer": true,
             "engines": {
                 "node": "^10 || ^12 || >= 14"
             },
@@ -18320,6 +18917,7 @@
             "integrity": "sha512-5kcJm/zk+GJDSfw+V/42fJ5fhjL5YbFDl8nVdXkJPLLW+Vf9mTD5Xe0wqIaDnLuL2U6cDNpTr+UQ+v2HWIBhzw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "icss-utils": "^5.0.0",
                 "postcss-selector-parser": "^7.0.0",
@@ -18338,6 +18936,7 @@
             "integrity": "sha512-m9jZstCVaqGjTAuny8MdgE88scJnCiQSlSrOWcTQgM2t32UBe+MUmFSO5t7VMSfAf/FJKImAxBav8ooCHJXCJA==",
             "dev": true,
             "license": "ISC",
+            "peer": true,
             "dependencies": {
                 "postcss-selector-parser": "^7.0.0"
             },
@@ -18354,6 +18953,7 @@
             "integrity": "sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==",
             "dev": true,
             "license": "ISC",
+            "peer": true,
             "dependencies": {
                 "icss-utils": "^5.0.0"
             },
@@ -18370,6 +18970,7 @@
             "integrity": "sha512-9RbEr1Y7FFfptd/1eEdntyjMwLeghW1bHX9GWjXo19vx4ytPQhANltvVxDggzJl7mnWM+dX28kb6cyS/4iQjlQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "cssesc": "^3.0.0",
                 "util-deprecate": "^1.0.2"
@@ -18462,13 +19063,13 @@
             "peer": true
         },
         "node_modules/proc-log": {
-            "version": "4.2.0",
-            "resolved": "https://registry.npmjs.org/proc-log/-/proc-log-4.2.0.tgz",
-            "integrity": "sha512-g8+OnU/L2v+wyiVK+D5fA34J7EH8jZ8DDlvwhRCMxmMj7UCBvxiO1mGeN+36JXIKF4zevU4kRBd8lVgG9vLelA==",
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/proc-log/-/proc-log-5.0.0.tgz",
+            "integrity": "sha512-Azwzvl90HaF0aCz1JrDdXQykFakSSNPaPoiZ9fm5qJIMHioDZEi7OAdRwSm6rSoPtY3Qutnm3L7ogmg3dc+wbQ==",
             "dev": true,
             "license": "ISC",
             "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/process-nextick-args": {
@@ -18535,6 +19136,7 @@
             "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "forwarded": "0.2.0",
                 "ipaddr.js": "1.9.1"
@@ -18549,6 +19151,7 @@
             "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 0.10"
             }
@@ -18566,7 +19169,8 @@
             "integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==",
             "dev": true,
             "license": "MIT",
-            "optional": true
+            "optional": true,
+            "peer": true
         },
         "node_modules/punycode": {
             "version": "2.3.1",
@@ -18610,6 +19214,7 @@
             "integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==",
             "dev": true,
             "license": "BSD-3-Clause",
+            "peer": true,
             "dependencies": {
                 "side-channel": "^1.0.6"
             },
@@ -18652,6 +19257,7 @@
             "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "safe-buffer": "^5.1.0"
             }
@@ -18662,6 +19268,7 @@
             "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 0.6"
             }
@@ -18672,6 +19279,7 @@
             "integrity": "sha512-RmkhL8CAyCRPXCE28MMH0z2PNWQBNk2Q09ZdxM9IOOXwxwZbN+qbWaatPkdkWIKL2ZVDImrN/pK5HTRz2PcS4g==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "bytes": "3.1.2",
                 "http-errors": "2.0.0",
@@ -18688,6 +19296,7 @@
             "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "safer-buffer": ">= 2.1.2 < 3.0.0"
             },
@@ -18847,29 +19456,16 @@
             "license": "MIT"
         },
         "node_modules/readdirp": {
-            "version": "3.6.0",
-            "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
-            "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "picomatch": "^2.2.1"
-            },
-            "engines": {
-                "node": ">=8.10.0"
-            }
-        },
-        "node_modules/readdirp/node_modules/picomatch": {
-            "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-            "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-            "dev": true,
+            "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.0.2.tgz",
+            "integrity": "sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==",
             "license": "MIT",
             "engines": {
-                "node": ">=8.6"
+                "node": ">= 14.16.0"
             },
             "funding": {
-                "url": "https://github.com/sponsors/jonschlinkert"
+                "type": "individual",
+                "url": "https://paulmillr.com/funding/"
             }
         },
         "node_modules/redux": {
@@ -18910,7 +19506,8 @@
             "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
             "integrity": "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/regenerate-unicode-properties": {
             "version": "10.2.0",
@@ -18918,6 +19515,7 @@
             "integrity": "sha512-DqHn3DwbmmPVzeKj9woBadqmXxLvQoQIwu7nopMc72ztvxVmVk2SBhSnx67zuye5TP+lJsb/TBQsjLKhnDf3MA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "regenerate": "^1.4.2"
             },
@@ -18937,6 +19535,7 @@
             "integrity": "sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/runtime": "^7.8.4"
             }
@@ -18946,7 +19545,8 @@
             "resolved": "https://registry.npmjs.org/regex-parser/-/regex-parser-2.3.0.tgz",
             "integrity": "sha512-TVILVSz2jY5D47F4mA4MppkBrafEaiUWJO/TcZHEIuI13AqoZMkK1WMA4Om1YkYbTx+9Ki1/tSUXbceyr9saRg==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/regexpu-core": {
             "version": "6.2.0",
@@ -18954,6 +19554,7 @@
             "integrity": "sha512-H66BPQMrv+V16t8xtmq+UC0CBpiTBA60V8ibS1QVReIp8T1z8hwFxqcGzm9K6lgsN7sB5edVH8a+ze6Fqm4weA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "regenerate": "^1.4.2",
                 "regenerate-unicode-properties": "^10.2.0",
@@ -18971,7 +19572,8 @@
             "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.8.0.tgz",
             "integrity": "sha512-RvwtGe3d7LvWiDQXeQw8p5asZUmfU1G/l6WbUXeHta7Y2PEIvBTwH6E2EfmYUK8pxcxEdEmaomqyp0vZZ7C+3Q==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/regjsparser": {
             "version": "0.12.0",
@@ -18979,6 +19581,7 @@
             "integrity": "sha512-cnE+y8bz4NhMjISKbgeVJtqNbtf5QpjZP+Bslo+UqkIt9QPnX9q095eiRRASJG1/tz6dlNr6Z5NsBiWYokp6EQ==",
             "dev": true,
             "license": "BSD-2-Clause",
+            "peer": true,
             "dependencies": {
                 "jsesc": "~3.0.2"
             },
@@ -18992,6 +19595,7 @@
             "integrity": "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "bin": {
                 "jsesc": "bin/jsesc"
             },
@@ -19081,6 +19685,7 @@
             "integrity": "sha512-uZtduh8/8srhBoMx//5bwqjQ+rfYOUq8zC9NrMUGtjBiGTtFJM42s58/36+hTqeqINcnYe08Nj3LkK9lW4N8Xg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "adjust-sourcemap-loader": "^4.0.0",
                 "convert-source-map": "^1.7.0",
@@ -19098,6 +19703,7 @@
             "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "big.js": "^5.2.2",
                 "emojis-list": "^3.0.0",
@@ -19113,6 +19719,7 @@
             "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
             "dev": true,
             "license": "BSD-3-Clause",
+            "peer": true,
             "engines": {
                 "node": ">=0.10.0"
             }
@@ -19208,9 +19815,9 @@
             }
         },
         "node_modules/rimraf/node_modules/glob": {
-            "version": "11.0.0",
-            "resolved": "https://registry.npmjs.org/glob/-/glob-11.0.0.tgz",
-            "integrity": "sha512-9UiX/Bl6J2yaBbxKoEBRm4Cipxgok8kQYcOPEhScPwebu2I0HoQOuYdIO6S3hLuWoZgpDpwQZMzTFxgpkyT76g==",
+            "version": "11.0.1",
+            "resolved": "https://registry.npmjs.org/glob/-/glob-11.0.1.tgz",
+            "integrity": "sha512-zrQDm8XPnYEKawJScsnM0QzobJxlT/kHOOlRTio8IH/GrmxRE5fjllkzdaHclIuNjUQTJYH2xHNIGfdpJkDJUw==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
@@ -19291,13 +19898,13 @@
             }
         },
         "node_modules/rollup": {
-            "version": "4.22.4",
-            "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.22.4.tgz",
-            "integrity": "sha512-vD8HJ5raRcWOyymsR6Z3o6+RzfEPCnVLMFJ6vRslO1jt4LO6dUo5Qnpg7y4RkZFM2DMe3WUirkI5c16onjrc6A==",
+            "version": "4.26.0",
+            "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.26.0.tgz",
+            "integrity": "sha512-ilcl12hnWonG8f+NxU6BlgysVA0gvY2l8N0R84S1HcINbW20bvwuCngJkkInV6LXhwRpucsW5k1ovDwEdBVrNg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@types/estree": "1.0.5"
+                "@types/estree": "1.0.6"
             },
             "bin": {
                 "rollup": "dist/bin/rollup"
@@ -19307,38 +19914,34 @@
                 "npm": ">=8.0.0"
             },
             "optionalDependencies": {
-                "@rollup/rollup-android-arm-eabi": "4.22.4",
-                "@rollup/rollup-android-arm64": "4.22.4",
-                "@rollup/rollup-darwin-arm64": "4.22.4",
-                "@rollup/rollup-darwin-x64": "4.22.4",
-                "@rollup/rollup-linux-arm-gnueabihf": "4.22.4",
-                "@rollup/rollup-linux-arm-musleabihf": "4.22.4",
-                "@rollup/rollup-linux-arm64-gnu": "4.22.4",
-                "@rollup/rollup-linux-arm64-musl": "4.22.4",
-                "@rollup/rollup-linux-powerpc64le-gnu": "4.22.4",
-                "@rollup/rollup-linux-riscv64-gnu": "4.22.4",
-                "@rollup/rollup-linux-s390x-gnu": "4.22.4",
-                "@rollup/rollup-linux-x64-gnu": "4.22.4",
-                "@rollup/rollup-linux-x64-musl": "4.22.4",
-                "@rollup/rollup-win32-arm64-msvc": "4.22.4",
-                "@rollup/rollup-win32-ia32-msvc": "4.22.4",
-                "@rollup/rollup-win32-x64-msvc": "4.22.4",
+                "@rollup/rollup-android-arm-eabi": "4.26.0",
+                "@rollup/rollup-android-arm64": "4.26.0",
+                "@rollup/rollup-darwin-arm64": "4.26.0",
+                "@rollup/rollup-darwin-x64": "4.26.0",
+                "@rollup/rollup-freebsd-arm64": "4.26.0",
+                "@rollup/rollup-freebsd-x64": "4.26.0",
+                "@rollup/rollup-linux-arm-gnueabihf": "4.26.0",
+                "@rollup/rollup-linux-arm-musleabihf": "4.26.0",
+                "@rollup/rollup-linux-arm64-gnu": "4.26.0",
+                "@rollup/rollup-linux-arm64-musl": "4.26.0",
+                "@rollup/rollup-linux-powerpc64le-gnu": "4.26.0",
+                "@rollup/rollup-linux-riscv64-gnu": "4.26.0",
+                "@rollup/rollup-linux-s390x-gnu": "4.26.0",
+                "@rollup/rollup-linux-x64-gnu": "4.26.0",
+                "@rollup/rollup-linux-x64-musl": "4.26.0",
+                "@rollup/rollup-win32-arm64-msvc": "4.26.0",
+                "@rollup/rollup-win32-ia32-msvc": "4.26.0",
+                "@rollup/rollup-win32-x64-msvc": "4.26.0",
                 "fsevents": "~2.3.2"
             }
         },
-        "node_modules/rollup/node_modules/@types/estree": {
-            "version": "1.0.5",
-            "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
-            "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
-            "dev": true,
-            "license": "MIT"
-        },
         "node_modules/router": {
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/router/-/router-2.0.0.tgz",
             "integrity": "sha512-dIM5zVoG8xhC6rnSN8uoAgFARwTE7BQs8YwHEvK0VCmfxQXMaOuA1uiR1IPwsW7JyK5iTt7Od/TC9StasS2NPQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "array-flatten": "3.0.0",
                 "is-promise": "4.0.0",
@@ -19365,6 +19968,7 @@
             "integrity": "sha512-9by4Ij99JUr/MCFBUkDKLWK3G9HVXmabKz9U5MlIAIuvuzkiOicRYs8XJLxX+xahD+mLiiCYDqF9dKAgtzKP1A==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">=18"
             },
@@ -19439,11 +20043,12 @@
             }
         },
         "node_modules/sass-loader": {
-            "version": "16.0.0",
-            "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-16.0.0.tgz",
-            "integrity": "sha512-n13Z+3rU9A177dk4888czcVFiC8CL9dii4qpXWUg3YIIgZEvi9TCFKjOQcbK0kJM7DJu9VucrZFddvNfYCPwtw==",
+            "version": "16.0.3",
+            "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-16.0.3.tgz",
+            "integrity": "sha512-gosNorT1RCkuCMyihv6FBRR7BMV06oKRAs+l4UMp1mlcVg9rWN6KMmUj3igjQwmYys4mDP3etEYJgiHRbgHCHA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "neo-async": "^2.6.2"
             },
@@ -19479,43 +20084,14 @@
                 }
             }
         },
-        "node_modules/sass/node_modules/chokidar": {
-            "version": "4.0.3",
-            "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
-            "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "readdirp": "^4.0.1"
-            },
-            "engines": {
-                "node": ">= 14.16.0"
-            },
-            "funding": {
-                "url": "https://paulmillr.com/funding/"
-            }
-        },
-        "node_modules/sass/node_modules/readdirp": {
-            "version": "4.0.2",
-            "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.0.2.tgz",
-            "integrity": "sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 14.16.0"
-            },
-            "funding": {
-                "type": "individual",
-                "url": "https://paulmillr.com/funding/"
-            }
-        },
         "node_modules/sax": {
             "version": "1.4.1",
             "resolved": "https://registry.npmjs.org/sax/-/sax-1.4.1.tgz",
             "integrity": "sha512-+aWOz7yVScEGoKNd4PA10LZ8sk0A/z5+nXQG5giUO5rprX9jgYsTdov9qCchZiPIZezbZH+jRut8nPodFAX4Jg==",
             "dev": true,
             "license": "ISC",
-            "optional": true
+            "optional": true,
+            "peer": true
         },
         "node_modules/saxes": {
             "version": "6.0.0",
@@ -19545,6 +20121,7 @@
             "integrity": "sha512-Gf9qqc58SpCA/xdziiHz35F4GNIWYWZrEshUc/G/r5BnLph6xpKuLeoJoQuj5WfBIx/eQLf+hmVPYHaxJu7V2g==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@types/json-schema": "^7.0.9",
                 "ajv": "^8.9.0",
@@ -19565,6 +20142,7 @@
             "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "ajv": "^8.0.0"
             },
@@ -19582,7 +20160,8 @@
             "resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz",
             "integrity": "sha512-mEugaLK+YfkijB4fx0e6kImuJdCIt2LxCRcbEYPqRGCs4F2ogyfZU5IAZRdjCP8JPq2AtdNoC/Dux63d9Kiryg==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/selfsigned": {
             "version": "2.4.1",
@@ -19590,6 +20169,7 @@
             "integrity": "sha512-th5B4L2U+eGLq1TVh7zNRGBapioSORUeymIydxgFpwww9d2qyKvtuPU2jJuHvYAwwqi2Y596QBL3eEqcPEYL8Q==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@types/node-forge": "^1.3.0",
                 "node-forge": "^1"
@@ -19616,6 +20196,7 @@
             "integrity": "sha512-v67WcEouB5GxbTWL/4NeToqcZiAWEq90N888fczVArY8A79J0L4FD7vj5hm3eUMua5EpoQ59wa/oovY6TLvRUA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "debug": "^4.3.5",
                 "destroy": "^1.2.0",
@@ -19640,6 +20221,7 @@
             "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 0.6"
             }
@@ -19650,6 +20232,7 @@
             "integrity": "sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==",
             "dev": true,
             "license": "BSD-3-Clause",
+            "peer": true,
             "dependencies": {
                 "randombytes": "^2.1.0"
             }
@@ -19660,6 +20243,7 @@
             "integrity": "sha512-pXHfKNP4qujrtteMrSBb0rc8HJ9Ms/GrXwcUtUtD5s4ewDJI8bT3Cz2zTVRMKtri49pLx2e0Ya8ziP5Ya2pZZw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "accepts": "~1.3.4",
                 "batch": "0.6.1",
@@ -19679,6 +20263,7 @@
             "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "mime-types": "~2.1.34",
                 "negotiator": "0.6.3"
@@ -19693,6 +20278,7 @@
             "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 0.6"
             }
@@ -19703,6 +20289,7 @@
             "integrity": "sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "depd": "~1.1.2",
                 "inherits": "2.0.3",
@@ -19718,7 +20305,8 @@
             "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
             "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==",
             "dev": true,
-            "license": "ISC"
+            "license": "ISC",
+            "peer": true
         },
         "node_modules/serve-index/node_modules/negotiator": {
             "version": "0.6.3",
@@ -19726,6 +20314,7 @@
             "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 0.6"
             }
@@ -19735,7 +20324,8 @@
             "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz",
             "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==",
             "dev": true,
-            "license": "ISC"
+            "license": "ISC",
+            "peer": true
         },
         "node_modules/serve-index/node_modules/statuses": {
             "version": "1.5.0",
@@ -19743,6 +20333,7 @@
             "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 0.6"
             }
@@ -19753,6 +20344,7 @@
             "integrity": "sha512-A3We5UfEjG8Z7VkDv6uItWw6HY2bBSBJT1KtVESn6EOoOr2jAxNhxWCLY3jDE2WcuHXByWju74ck3ZgLwL8xmA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "encodeurl": "^2.0.0",
                 "escape-html": "^1.0.3",
@@ -19803,7 +20395,8 @@
             "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
             "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
             "dev": true,
-            "license": "ISC"
+            "license": "ISC",
+            "peer": true
         },
         "node_modules/shallow-clone": {
             "version": "3.0.1",
@@ -19811,6 +20404,7 @@
             "integrity": "sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "kind-of": "^6.0.2"
             },
@@ -19853,6 +20447,7 @@
             "integrity": "sha512-AzqKpGKjrj7EM6rKVQEPpB288oCfnrEIuyoT9cyF4nmGa7V8Zk6f7RRqYisX8X9m+Q7bd632aZW4ky7EhbQztA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 0.4"
             },
@@ -19866,6 +20461,7 @@
             "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "es-errors": "^1.3.0",
                 "object-inspect": "^1.13.3",
@@ -19886,6 +20482,7 @@
             "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "es-errors": "^1.3.0",
                 "object-inspect": "^1.13.3"
@@ -19903,6 +20500,7 @@
             "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "call-bound": "^1.0.2",
                 "es-errors": "^1.3.0",
@@ -19922,6 +20520,7 @@
             "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "call-bound": "^1.0.2",
                 "es-errors": "^1.3.0",
@@ -19957,21 +20556,21 @@
             }
         },
         "node_modules/sigstore": {
-            "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/sigstore/-/sigstore-2.3.1.tgz",
-            "integrity": "sha512-8G+/XDU8wNsJOQS5ysDVO0Etg9/2uA5gR9l4ZwijjlwxBcrU6RPfwi2+jJmbP+Ap1Hlp/nVAaEO4Fj22/SL2gQ==",
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/sigstore/-/sigstore-3.0.0.tgz",
+            "integrity": "sha512-PHMifhh3EN4loMcHCz6l3v/luzgT3za+9f8subGgeMNjbJjzH4Ij/YoX3Gvu+kaouJRIlVdTHHCREADYf+ZteA==",
             "dev": true,
             "license": "Apache-2.0",
             "dependencies": {
-                "@sigstore/bundle": "^2.3.2",
-                "@sigstore/core": "^1.0.0",
+                "@sigstore/bundle": "^3.0.0",
+                "@sigstore/core": "^2.0.0",
                 "@sigstore/protobuf-specs": "^0.3.2",
-                "@sigstore/sign": "^2.3.2",
-                "@sigstore/tuf": "^2.3.4",
-                "@sigstore/verify": "^1.2.1"
+                "@sigstore/sign": "^3.0.0",
+                "@sigstore/tuf": "^3.0.0",
+                "@sigstore/verify": "^2.0.0"
             },
             "engines": {
-                "node": "^16.14.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/simple-statistics": {
@@ -19996,6 +20595,7 @@
             "integrity": "sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">=14.16"
             },
@@ -20056,6 +20656,7 @@
             "integrity": "sha512-GJgLTZ7vYb/JtPSSZ10hsOYIvEYsjbNU+zPdIHcUaWVNUEPivzxku31865sSSud0Da0W4lEeOPlmw93zLQchuQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "faye-websocket": "^0.11.3",
                 "uuid": "^8.3.2",
@@ -20087,6 +20688,7 @@
             "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "bin": {
                 "uuid": "dist/bin/uuid"
             }
@@ -20147,6 +20749,7 @@
             "integrity": "sha512-k2Dur7CbSLcAH73sBcIkV5xjPV4SzqO1NJ7+XaQl8if3VODDUj3FNchNGpqgJSKbvUfJuhVdv8K2Eu8/TNl2eA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "iconv-lite": "^0.6.3",
                 "source-map-js": "^1.0.2"
@@ -20168,6 +20771,7 @@
             "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "safer-buffer": ">= 2.1.2 < 3.0.0"
             },
@@ -20181,6 +20785,7 @@
             "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "buffer-from": "^1.0.0",
                 "source-map": "^0.6.0"
@@ -20192,6 +20797,7 @@
             "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
             "dev": true,
             "license": "BSD-3-Clause",
+            "peer": true,
             "engines": {
                 "node": ">=0.10.0"
             }
@@ -20238,6 +20844,7 @@
             "integrity": "sha512-r46gZQZQV+Kl9oItvl1JZZqJKGr+oEkB08A6BzkiR7593/7IbtuncXHd2YoYeTsG4157ZssMu9KYvUHLcjcDoA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "debug": "^4.1.0",
                 "handle-thing": "^2.0.0",
@@ -20255,6 +20862,7 @@
             "integrity": "sha512-hsLVFE5SjA6TCisWeJXFKniGGOpBgMLmerfO2aCyCU5s7nJ/rpAepqmFifv/GCbSbueEeAJJnmSQ2rKC/g8Fcw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "debug": "^4.1.0",
                 "detect-node": "^2.0.4",
@@ -20270,6 +20878,7 @@
             "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "inherits": "^2.0.3",
                 "string_decoder": "^1.1.1",
@@ -20293,16 +20902,16 @@
             "license": "BSD-3-Clause"
         },
         "node_modules/ssri": {
-            "version": "10.0.6",
-            "resolved": "https://registry.npmjs.org/ssri/-/ssri-10.0.6.tgz",
-            "integrity": "sha512-MGrFH9Z4NP9Iyhqn16sDtBpRRNJ0Y2hNa6D65h736fVSaPCHr4DM4sWUNvVaSuC+0OBGhwsrydQwmgfg5LncqQ==",
+            "version": "12.0.0",
+            "resolved": "https://registry.npmjs.org/ssri/-/ssri-12.0.0.tgz",
+            "integrity": "sha512-S7iGNosepx9RadX82oimUkvr0Ct7IjJbEbs4mJcTxst8um95J3sDYU1RBEOvdu6oL1Wek2ODI5i4MAw+dZ6cAQ==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
                 "minipass": "^7.0.3"
             },
             "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/stack-utils": {
@@ -20341,6 +20950,7 @@
             "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 0.8"
             }
@@ -20641,6 +21251,7 @@
             "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">=6"
             }
@@ -20731,6 +21342,33 @@
                 "node": ">=8"
             }
         },
+        "node_modules/tar/node_modules/minizlib": {
+            "version": "2.1.2",
+            "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz",
+            "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "minipass": "^3.0.0",
+                "yallist": "^4.0.0"
+            },
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/tar/node_modules/minizlib/node_modules/minipass": {
+            "version": "3.3.6",
+            "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+            "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
+            "dev": true,
+            "license": "ISC",
+            "dependencies": {
+                "yallist": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
         "node_modules/tar/node_modules/yallist": {
             "version": "4.0.0",
             "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
@@ -20739,11 +21377,12 @@
             "license": "ISC"
         },
         "node_modules/terser": {
-            "version": "5.31.6",
-            "resolved": "https://registry.npmjs.org/terser/-/terser-5.31.6.tgz",
-            "integrity": "sha512-PQ4DAriWzKj+qgehQ7LK5bQqCFNMmlhjR2PFFLuqGCpuCAauxemVBWwWOxo3UIwWQx8+Pr61Df++r76wDmkQBg==",
+            "version": "5.36.0",
+            "resolved": "https://registry.npmjs.org/terser/-/terser-5.36.0.tgz",
+            "integrity": "sha512-IYV9eNMuFAV4THUspIRXkLakHnV6XO7FEdtKjf/mDyrnqUg9LnlOn6/RwRvM9SZjR4GUq8Nk8zj67FzVARr74w==",
             "dev": true,
             "license": "BSD-2-Clause",
+            "peer": true,
             "dependencies": {
                 "@jridgewell/source-map": "^0.3.3",
                 "acorn": "^8.8.2",
@@ -20763,6 +21402,7 @@
             "integrity": "sha512-RVCsMfuD0+cTt3EwX8hSl2Ks56EbFHWmhluwcqoPKtBnfjiT6olaq7PRIRfhyU8nnC2MrnDrBLfrD/RGE+cVXQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@jridgewell/trace-mapping": "^0.3.25",
                 "jest-worker": "^27.4.5",
@@ -20798,6 +21438,7 @@
             "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@types/node": "*",
                 "merge-stream": "^2.0.0",
@@ -20813,6 +21454,7 @@
             "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "has-flag": "^4.0.0"
             },
@@ -20828,7 +21470,8 @@
             "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
             "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/test-exclude": {
             "version": "6.0.0",
@@ -20875,6 +21518,7 @@
             "integrity": "sha512-hsqsJsFMsV+aD4s3CWKk85ep/3I9XzYV/IXaSouJMYIoDlgyi11cBhsqYe9/geRfB0YIikBQg6raRaM+nIMP9g==",
             "dev": true,
             "license": "Unlicense",
+            "peer": true,
             "engines": {
                 "node": ">=10.18"
             },
@@ -20887,7 +21531,8 @@
             "resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz",
             "integrity": "sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/tinybench": {
             "version": "2.9.0",
@@ -20950,22 +21595,22 @@
             }
         },
         "node_modules/tldts": {
-            "version": "6.1.70",
-            "resolved": "https://registry.npmjs.org/tldts/-/tldts-6.1.70.tgz",
-            "integrity": "sha512-/W1YVgYVJd9ZDjey5NXadNh0mJXkiUMUue9Zebd0vpdo1sU+H4zFFTaJ1RKD4N6KFoHfcXy6l+Vu7bh+bdWCzA==",
+            "version": "6.1.71",
+            "resolved": "https://registry.npmjs.org/tldts/-/tldts-6.1.71.tgz",
+            "integrity": "sha512-LQIHmHnuzfZgZWAf2HzL83TIIrD8NhhI0DVxqo9/FdOd4ilec+NTNZOlDZf7EwrTNoutccbsHjvWHYXLAtvxjw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "tldts-core": "^6.1.70"
+                "tldts-core": "^6.1.71"
             },
             "bin": {
                 "tldts": "bin/cli.js"
             }
         },
         "node_modules/tldts-core": {
-            "version": "6.1.70",
-            "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-6.1.70.tgz",
-            "integrity": "sha512-RNnIXDB1FD4T9cpQRErEqw6ZpjLlGdMOitdV+0xtbsnwr4YFka1zpc7D4KD+aAn8oSG5JyFrdasZTE04qDE9Yg==",
+            "version": "6.1.71",
+            "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-6.1.71.tgz",
+            "integrity": "sha512-LRbChn2YRpic1KxY+ldL1pGXN/oVvKfCVufwfVzEQdFYNo39uF7AJa/WXdo+gYO7PTvdfkCPCed6Hkvz/kR7jg==",
             "dev": true,
             "license": "MIT"
         },
@@ -21007,6 +21652,7 @@
             "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">=0.6"
             }
@@ -21052,6 +21698,7 @@
             "integrity": "sha512-dpev9ABuLWdEubk+cIaI9cHwRNNDjkBBLXTwI4UCUFdQ5xXKqNXoK4FEciw/vxf+NQ7Cb7sGUyeUtORvHIdRXQ==",
             "dev": true,
             "license": "Apache-2.0",
+            "peer": true,
             "engines": {
                 "node": ">=10.0"
             },
@@ -21069,6 +21716,7 @@
             "integrity": "sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "bin": {
                 "tree-kill": "cli.js"
             }
@@ -21088,16 +21736,16 @@
             }
         },
         "node_modules/ts-api-utils": {
-            "version": "1.4.3",
-            "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.4.3.tgz",
-            "integrity": "sha512-i3eMG77UTMD0hZhgRS562pv83RC6ukSAC2GMNWc+9dieh/+jDM5u5YG+NHX6VNDRHQcHwmsTHctP9LhbC3WxVw==",
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.0.0.tgz",
+            "integrity": "sha512-xCt/TOAc+EOHS1XPnijD3/yzpH6qg2xppZO1YDqGoVsNXfQfzHpOdNuXwrwOU8u4ITXJyDCTyt8w5g1sZv9ynQ==",
             "dev": true,
             "license": "MIT",
             "engines": {
-                "node": ">=16"
+                "node": ">=18.12"
             },
             "peerDependencies": {
-                "typescript": ">=4.2.0"
+                "typescript": ">=4.8.4"
             }
         },
         "node_modules/ts-cacheable": {
@@ -21289,18 +21937,18 @@
             "license": "0BSD"
         },
         "node_modules/tuf-js": {
-            "version": "2.2.1",
-            "resolved": "https://registry.npmjs.org/tuf-js/-/tuf-js-2.2.1.tgz",
-            "integrity": "sha512-GwIJau9XaA8nLVbUXsN3IlFi7WmQ48gBUrl3FTkkL/XLu/POhBzfmX9hd33FNMX1qAsfl6ozO1iMmW9NC8YniA==",
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/tuf-js/-/tuf-js-3.0.1.tgz",
+            "integrity": "sha512-+68OP1ZzSF84rTckf3FA95vJ1Zlx/uaXyiiKyPd1pA4rZNkpEvDAKmsu1xUSmbF/chCRYgZ6UZkDwC7PmzmAyA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@tufjs/models": "2.0.1",
-                "debug": "^4.3.4",
-                "make-fetch-happen": "^13.0.1"
+                "@tufjs/models": "3.0.1",
+                "debug": "^4.3.6",
+                "make-fetch-happen": "^14.0.1"
             },
             "engines": {
-                "node": "^16.14.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/turndown": {
@@ -21354,6 +22002,7 @@
             "integrity": "sha512-gd0sGezQYCbWSbkZr75mln4YBidWUN60+devscpLF5mtRDUpiaTvKpBNrdaCvel1NdR2k6vclXybU5fBd2i+nw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "content-type": "^1.0.5",
                 "media-typer": "^1.1.0",
@@ -21369,6 +22018,7 @@
             "integrity": "sha512-oHlN/w+3MQ3rba9rqFr6V/ypF10LSkdwUysQL7GkXoTgIWeV+tcXGA852TBxH+gsh8UWoyhR1hKcoMJTuWflpg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 0.6"
             }
@@ -21379,6 +22029,7 @@
             "integrity": "sha512-XqoSHeCGjVClAmoGFG3lVFqQFRIrTVw2OH3axRqAcfaw+gHWIfnASS92AV+Rl/mk0MupgZTRHQOjxY6YVnzK5w==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "mime-db": "^1.53.0"
             },
@@ -21391,12 +22042,13 @@
             "resolved": "https://registry.npmjs.org/typed-assert/-/typed-assert-1.0.9.tgz",
             "integrity": "sha512-KNNZtayBCtmnNmbo5mG47p1XsCyrx6iVqomjcZnec/1Y5GGARaxPs6r49RnSPeUP3YjNYiU9sQHAtY4BBvnZwg==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/typescript": {
-            "version": "5.5.4",
-            "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.5.4.tgz",
-            "integrity": "sha512-Mtq29sKDAEYP7aljRgtPOpTvOfbwRWlS6dPRzwjdE+C0R4brX/GUyhHSecbHMFLNBLcJIPt9nl9yG5TZ1weH+Q==",
+            "version": "5.6.3",
+            "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.6.3.tgz",
+            "integrity": "sha512-hjcS1mhfuyi4WW8IWtjP7brDrG2cuDZukyrYrSauoXGNgx0S7zceP07adYkJycEr56BOUTNPzbInooiN3fn1qw==",
             "license": "Apache-2.0",
             "bin": {
                 "tsc": "bin/tsc",
@@ -21416,15 +22068,15 @@
             }
         },
         "node_modules/typescript-eslint": {
-            "version": "8.19.0",
-            "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.19.0.tgz",
-            "integrity": "sha512-Ni8sUkVWYK4KAcTtPjQ/UTiRk6jcsuDhPpxULapUDi8A/l8TSBk+t1GtJA1RsCzIJg0q6+J7bf35AwQigENWRQ==",
+            "version": "8.19.1",
+            "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.19.1.tgz",
+            "integrity": "sha512-LKPUQpdEMVOeKluHi8md7rwLcoXHhwvWp3x+sJkMuq3gGm9yaYJtPo8sRZSblMFJ5pcOGCAak/scKf1mvZDlQw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@typescript-eslint/eslint-plugin": "8.19.0",
-                "@typescript-eslint/parser": "8.19.0",
-                "@typescript-eslint/utils": "8.19.0"
+                "@typescript-eslint/eslint-plugin": "8.19.1",
+                "@typescript-eslint/parser": "8.19.1",
+                "@typescript-eslint/utils": "8.19.1"
             },
             "engines": {
                 "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -21472,6 +22124,7 @@
             "integrity": "sha512-dA8WbNeb2a6oQzAQ55YlT5vQAWGV9WXOsi3SskE3bcCdM0P4SDd+24zS/OCacdRq5BkdsRj9q3Pg6YyQoxIGqg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">=4"
             }
@@ -21482,6 +22135,7 @@
             "integrity": "sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "unicode-canonical-property-names-ecmascript": "^2.0.0",
                 "unicode-property-aliases-ecmascript": "^2.0.0"
@@ -21496,6 +22150,7 @@
             "integrity": "sha512-4IehN3V/+kkr5YeSSDDQG8QLqO26XpL2XP3GQtqwlT/QYSECAwFztxVHjlbh0+gjJ3XmNLS0zDsbgs9jWKExLg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">=4"
             }
@@ -21506,6 +22161,7 @@
             "integrity": "sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">=4"
             }
@@ -21516,6 +22172,7 @@
             "integrity": "sha512-lRfVq8fE8gz6QMBuDM6a+LO3IAzTi05H6gCVaUpir2E1Rwpo4ZUog45KpNXKC/Mn3Yb9UDuHumeFTo9iV/D9FQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">=18"
             },
@@ -21524,29 +22181,29 @@
             }
         },
         "node_modules/unique-filename": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/unique-filename/-/unique-filename-3.0.0.tgz",
-            "integrity": "sha512-afXhuC55wkAmZ0P18QsVE6kp8JaxrEokN2HGIoIVv2ijHQd419H0+6EigAFcIzXeMIkcIkNBpB3L/DXB3cTS/g==",
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/unique-filename/-/unique-filename-4.0.0.tgz",
+            "integrity": "sha512-XSnEewXmQ+veP7xX2dS5Q4yZAvO40cBN2MWkJ7D/6sW4Dg6wYBNwM1Vrnz1FhH5AdeLIlUXRI9e28z1YZi71NQ==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
-                "unique-slug": "^4.0.0"
+                "unique-slug": "^5.0.0"
             },
             "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/unique-slug": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/unique-slug/-/unique-slug-4.0.0.tgz",
-            "integrity": "sha512-WrcA6AyEfqDX5bWige/4NQfPZMtASNVxdmWR76WESYQVAACSgWcR6e9i0mofqqBxYFtL4oAxPIptY73/0YE1DQ==",
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/unique-slug/-/unique-slug-5.0.0.tgz",
+            "integrity": "sha512-9OdaqO5kwqR+1kVgHAhsp5vPNU0hnxRa26rBFNfNgM7M6pNtgzeBn3s/xbyCQL3dcjzOatcef6UUHpB/6MaETg==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
                 "imurmurhash": "^0.1.4"
             },
             "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/unist-util-stringify-position": {
@@ -21579,14 +22236,15 @@
             "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 0.8"
             }
         },
         "node_modules/update-browserslist-db": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.1.tgz",
-            "integrity": "sha512-R8UzCaa9Az+38REPiJ1tXlImTJXlVfgHZsglwBD/k6nj76ctsH1E3q4doGrukiLQd3sGQYu56r5+lo5r94l29A==",
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.2.tgz",
+            "integrity": "sha512-PPypAm5qvlD7XMZC3BujecnaOxwhrtoFR+Dqkk5Aa/6DssiH0ibKoketaj9w8LP7Bont1rYeoV5plxD7RTEPRg==",
             "funding": [
                 {
                     "type": "opencollective",
@@ -21604,7 +22262,7 @@
             "license": "MIT",
             "dependencies": {
                 "escalade": "^3.2.0",
-                "picocolors": "^1.1.0"
+                "picocolors": "^1.1.1"
             },
             "bin": {
                 "update-browserslist-db": "cli.js"
@@ -21654,14 +22312,15 @@
             "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 0.4.0"
             }
         },
         "node_modules/uuid": {
-            "version": "11.0.4",
-            "resolved": "https://registry.npmjs.org/uuid/-/uuid-11.0.4.tgz",
-            "integrity": "sha512-IzL6VtTTYcAhA/oghbFJ1Dkmqev+FpQWnCBaKq/gUluLxliWvO8DPFWfIviRmYbtaavtSQe4WBL++rFjdcGWEg==",
+            "version": "11.0.5",
+            "resolved": "https://registry.npmjs.org/uuid/-/uuid-11.0.5.tgz",
+            "integrity": "sha512-508e6IcKLrhxKdBbcA2b4KQZlLVp2+J5UwQ6F7Drckkc5N9ZJwFa4TgWtsww9UG8fGHbm6gbV19TdM5pQ4GaIA==",
             "funding": [
                 "https://github.com/sponsors/broofa",
                 "https://github.com/sponsors/ctavan"
@@ -21712,13 +22371,13 @@
             }
         },
         "node_modules/validate-npm-package-name": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/validate-npm-package-name/-/validate-npm-package-name-5.0.1.tgz",
-            "integrity": "sha512-OljLrQ9SQdOUqTaQxqL5dEfZWrXExyyWsozYlAWFawPVNuD83igl7uJD2RTkNMbniIYgt8l81eCJGIdQF7avLQ==",
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/validate-npm-package-name/-/validate-npm-package-name-6.0.0.tgz",
+            "integrity": "sha512-d7KLgL1LD3U3fgnvWEY1cQXoO/q6EQ1BSz48Sa149V/5zVTAbgmZIpyI8TRi6U9/JNyeYLlTKsEMPtLC27RFUg==",
             "dev": true,
             "license": "ISC",
             "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/vary": {
@@ -21727,6 +22386,7 @@
             "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 0.8"
             }
@@ -22360,16 +23020,6 @@
                 }
             }
         },
-        "node_modules/vitest/node_modules/magic-string": {
-            "version": "0.30.17",
-            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
-            "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@jridgewell/sourcemap-codec": "^1.5.0"
-            }
-        },
         "node_modules/w3c-xmlserializer": {
             "version": "5.0.0",
             "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz",
@@ -22394,9 +23044,9 @@
             }
         },
         "node_modules/watchpack": {
-            "version": "2.4.1",
-            "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.1.tgz",
-            "integrity": "sha512-8wrBCMtVhqcXP2Sup1ctSkga6uc2Bx0IIvKyT7yTFier5AXHooSI+QyQQAtTb7+E0IUCCKyTFmXqdqgum2XWGg==",
+            "version": "2.4.2",
+            "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.2.tgz",
+            "integrity": "sha512-TnbFSbcOCcDgjZ4piURLCbJ3nJhznVh9kw6F6iokjiFPl8ONxe9A6nMDVXDiNbrSfLILs6vB07F7wLBrwPYzJw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -22413,6 +23063,7 @@
             "integrity": "sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "minimalistic-assert": "^1.0.0"
             }
@@ -22432,7 +23083,8 @@
             "resolved": "https://registry.npmjs.org/weak-lru-cache/-/weak-lru-cache-1.2.2.tgz",
             "integrity": "sha512-DEAoo25RfSYMuTGc9vPJzZcZullwIqRDSI9LOy+fkCJPi6hykCnfKaXTuPBDuXAUcqHXyOgFtHNp/kB2FjYHbw==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "optional": true
         },
         "node_modules/weak-napi": {
             "version": "2.0.2",
@@ -22520,19 +23172,20 @@
             }
         },
         "node_modules/webpack": {
-            "version": "5.94.0",
-            "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.94.0.tgz",
-            "integrity": "sha512-KcsGn50VT+06JH/iunZJedYGUJS5FGjow8wb9c0v5n1Om8O1g4L6LjtfxwlXIATopoQu+vOXXa7gYisWxCoPyg==",
+            "version": "5.96.1",
+            "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.96.1.tgz",
+            "integrity": "sha512-l2LlBSvVZGhL4ZrPwyr8+37AunkcYj5qh8o6u2/2rzoPc8gxFJkLj1WxNgooi9pnoc06jh0BjuXnamM4qlujZA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
-                "@types/estree": "^1.0.5",
+                "@types/eslint-scope": "^3.7.7",
+                "@types/estree": "^1.0.6",
                 "@webassemblyjs/ast": "^1.12.1",
                 "@webassemblyjs/wasm-edit": "^1.12.1",
                 "@webassemblyjs/wasm-parser": "^1.12.1",
-                "acorn": "^8.7.1",
-                "acorn-import-attributes": "^1.9.5",
-                "browserslist": "^4.21.10",
+                "acorn": "^8.14.0",
+                "browserslist": "^4.24.0",
                 "chrome-trace-event": "^1.0.2",
                 "enhanced-resolve": "^5.17.1",
                 "es-module-lexer": "^1.2.1",
@@ -22572,6 +23225,7 @@
             "integrity": "sha512-xOO8n6eggxnwYpy1NlzUKpvrjfJTvae5/D6WOK0S2LSo7vjmo5gCM1DbLUmFqrMTJP+W/0YZNctm7jasWvLuBA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "colorette": "^2.0.10",
                 "memfs": "^4.6.0",
@@ -22602,6 +23256,7 @@
             "integrity": "sha512-90SqqYXA2SK36KcT6o1bvwvZfJFcmoamqeJY7+boioffX9g9C0wjjJRGUrQIuh43pb0ttX7+ssavmj/WN2RHtA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@types/bonjour": "^3.5.13",
                 "@types/connect-history-api-fallback": "^1.5.4",
@@ -22653,12 +23308,53 @@
                 }
             }
         },
+        "node_modules/webpack-dev-server/node_modules/chokidar": {
+            "version": "3.6.0",
+            "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+            "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+            "dev": true,
+            "license": "MIT",
+            "peer": true,
+            "dependencies": {
+                "anymatch": "~3.1.2",
+                "braces": "~3.0.2",
+                "glob-parent": "~5.1.2",
+                "is-binary-path": "~2.1.0",
+                "is-glob": "~4.0.1",
+                "normalize-path": "~3.0.0",
+                "readdirp": "~3.6.0"
+            },
+            "engines": {
+                "node": ">= 8.10.0"
+            },
+            "funding": {
+                "url": "https://paulmillr.com/funding/"
+            },
+            "optionalDependencies": {
+                "fsevents": "~2.3.2"
+            }
+        },
+        "node_modules/webpack-dev-server/node_modules/glob-parent": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+            "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+            "dev": true,
+            "license": "ISC",
+            "peer": true,
+            "dependencies": {
+                "is-glob": "^4.0.1"
+            },
+            "engines": {
+                "node": ">= 6"
+            }
+        },
         "node_modules/webpack-dev-server/node_modules/http-proxy-middleware": {
             "version": "2.0.7",
             "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.7.tgz",
             "integrity": "sha512-fgVY8AV7qU7z/MmXJ/rxwbrtQH4jBQ9m7kp3llF0liB7glmFeVZFBepQb32T3y8n8k2+AEYuMPCpinYW+/CuRA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@types/http-proxy": "^1.17.8",
                 "http-proxy": "^1.18.1",
@@ -22678,12 +23374,41 @@
                 }
             }
         },
+        "node_modules/webpack-dev-server/node_modules/picomatch": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+            "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+            "dev": true,
+            "license": "MIT",
+            "peer": true,
+            "engines": {
+                "node": ">=8.6"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/jonschlinkert"
+            }
+        },
+        "node_modules/webpack-dev-server/node_modules/readdirp": {
+            "version": "3.6.0",
+            "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+            "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+            "dev": true,
+            "license": "MIT",
+            "peer": true,
+            "dependencies": {
+                "picomatch": "^2.2.1"
+            },
+            "engines": {
+                "node": ">=8.10.0"
+            }
+        },
         "node_modules/webpack-merge": {
             "version": "6.0.1",
             "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-6.0.1.tgz",
             "integrity": "sha512-hXXvrjtx2PLYx4qruKl+kyRSLc52V+cCvMxRjmKwoA+CBbbF5GfIBtR6kCvl0fYGqTUPKB+1ktVmTHqMOzgCBg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "clone-deep": "^4.0.1",
                 "flat": "^5.0.2",
@@ -22699,6 +23424,7 @@
             "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">=10.13.0"
             }
@@ -22709,6 +23435,7 @@
             "integrity": "sha512-sacXoX+xd8r4WKsy9MvH/q/vBtEHr86cpImXwyg74pFIpERKt6FmB8cXpeuh0ZLgclOlHI4Wcll7+R5L02xk9Q==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "typed-assert": "^1.0.8"
             },
@@ -22731,6 +23458,7 @@
             "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "fast-deep-equal": "^3.1.1",
                 "fast-json-stable-stringify": "^2.0.0",
@@ -22748,6 +23476,7 @@
             "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "peerDependencies": {
                 "ajv": "^6.9.1"
             }
@@ -22758,6 +23487,7 @@
             "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
             "dev": true,
             "license": "BSD-2-Clause",
+            "peer": true,
             "dependencies": {
                 "esrecurse": "^4.3.0",
                 "estraverse": "^4.1.1"
@@ -22772,6 +23502,7 @@
             "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
             "dev": true,
             "license": "BSD-2-Clause",
+            "peer": true,
             "engines": {
                 "node": ">=4.0"
             }
@@ -22781,14 +23512,16 @@
             "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
             "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/webpack/node_modules/json-schema-traverse": {
             "version": "0.4.1",
             "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
             "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/webpack/node_modules/schema-utils": {
             "version": "3.3.0",
@@ -22796,6 +23529,7 @@
             "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@types/json-schema": "^7.0.8",
                 "ajv": "^6.12.5",
@@ -22926,7 +23660,8 @@
             "resolved": "https://registry.npmjs.org/wildcard/-/wildcard-2.0.1.tgz",
             "integrity": "sha512-CC1bOL87PIWSBhDcTrdeLo6eGT7mCFtrg0uIJtqJUFyK+eJnzl8A1niH56uu7KMa5XFrtiV+AQuHO3n7DsHnLQ==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/word-wrap": {
             "version": "1.2.5",
@@ -23243,9 +23978,9 @@
             }
         },
         "node_modules/zone.js": {
-            "version": "0.14.10",
-            "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.14.10.tgz",
-            "integrity": "sha512-YGAhaO7J5ywOXW6InXNlLmfU194F8lVgu7bRntUF3TiG8Y3nBK0x1UJJuHUP/e8IyihkjCYqhCScpSwnlaSRkQ==",
+            "version": "0.15.0",
+            "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.15.0.tgz",
+            "integrity": "sha512-9oxn0IIjbCZkJ67L+LkhYWRyAy7axphb3VgE2MBDlOqnmHMPWGYMxJxBYFueFq/JGY2GMwS0rU+UCLunEmy5UA==",
             "license": "MIT"
         }
     }
diff --git a/package.json b/package.json
index d392de262aa4..0fa24135ef47 100644
--- a/package.json
+++ b/package.json
@@ -13,30 +13,30 @@
         "node_modules"
     ],
     "dependencies": {
-        "@angular/animations": "18.2.13",
-        "@angular/cdk": "18.2.14",
-        "@angular/common": "18.2.13",
-        "@angular/compiler": "18.2.13",
-        "@angular/core": "18.2.13",
-        "@angular/forms": "18.2.13",
-        "@angular/localize": "18.2.13",
-        "@angular/material": "18.2.14",
-        "@angular/platform-browser": "18.2.13",
-        "@angular/platform-browser-dynamic": "18.2.13",
-        "@angular/router": "18.2.13",
-        "@angular/service-worker": "18.2.13",
+        "@angular/animations": "19.0.6",
+        "@angular/cdk": "19.0.5",
+        "@angular/common": "19.0.6",
+        "@angular/compiler": "19.0.6",
+        "@angular/core": "19.0.6",
+        "@angular/forms": "19.0.6",
+        "@angular/localize": "19.0.6",
+        "@angular/material": "19.0.5",
+        "@angular/platform-browser": "19.0.6",
+        "@angular/platform-browser-dynamic": "19.0.6",
+        "@angular/router": "19.0.6",
+        "@angular/service-worker": "19.0.6",
         "@ctrl/ngx-emoji-mart": "9.2.0",
-        "@danielmoncada/angular-datetime-picker": "18.1.0",
+        "@danielmoncada/angular-datetime-picker": "19.0.0",
         "@fingerprintjs/fingerprintjs": "4.5.1",
-        "@fortawesome/angular-fontawesome": "0.15.0",
+        "@fortawesome/angular-fontawesome": "1.0.0",
         "@fortawesome/fontawesome-svg-core": "6.7.2",
         "@fortawesome/free-regular-svg-icons": "6.7.2",
         "@fortawesome/free-solid-svg-icons": "6.7.2",
         "@ls1intum/apollon": "3.3.15",
-        "@ng-bootstrap/ng-bootstrap": "17.0.1",
+        "@ng-bootstrap/ng-bootstrap": "18.0.0",
         "@ngx-translate/core": "16.0.4",
         "@ngx-translate/http-loader": "16.0.1",
-        "@sentry/angular": "8.47.0",
+        "@sentry/angular": "8.48.0",
         "@siemens/ngx-datatable": "22.4.1",
         "@swimlane/ngx-charts": "21.1.2",
         "@swimlane/ngx-graph": "9.0.1",
@@ -44,7 +44,7 @@
         "@vscode/markdown-it-katex": "1.1.1",
         "bootstrap": "5.3.3",
         "compare-versions": "6.1.1",
-        "core-js": "3.39.0",
+        "core-js": "3.40.0",
         "crypto-js": "4.2.0",
         "dayjs": "1.11.13",
         "diff-match-patch-typescript": "1.1.0",
@@ -64,9 +64,9 @@
         "markdown-it-highlightjs": "4.2.0",
         "mobile-drag-drop": "3.0.0-rc.0",
         "monaco-editor": "0.52.2",
-        "ngx-infinite-scroll": "18.0.0",
-        "ngx-webstorage": "18.0.0",
-        "papaparse": "5.4.1",
+        "ngx-infinite-scroll": "19.0.0",
+        "ngx-webstorage": "19.0.1",
+        "papaparse": "5.5.1",
         "pdf-lib": "1.17.1",
         "pdfjs-dist": "4.10.38",
         "rxjs": "7.8.1",
@@ -77,24 +77,51 @@
         "ts-cacheable": "1.0.10",
         "tslib": "2.8.1",
         "turndown": "7.2.0",
-        "uuid": "11.0.4",
+        "uuid": "11.0.5",
         "webstomp-client": "1.2.6",
         "xlsx": "https://cdn.sheetjs.com/xlsx-0.20.3/xlsx-0.20.3.tgz",
-        "zone.js": "0.14.10"
+        "zone.js": "0.15.0"
     },
     "overrides": {
+        "@angular-builders/jest": {
+            "@angular-devkit/build-angular": "^19.0.0",
+            "@angular/compiler-cli": "^19.0.0",
+            "@angular/core": "^19.0.0",
+            "@angular/platform-browser-dynamic": "^19.0.0"
+        },
+        "@swimlane/ngx-charts": {
+            "@angular/animations": "^19.0.0",
+            "@angular/cdk": "^19.0.0",
+            "@angular/core": "^19.0.0",
+            "@angular/common": "^19.0.0",
+            "@angular/forms": "^19.0.0",
+            "@angular/platform-browser": "^19.0.0",
+            "@angular/platform-browser-dynamic": "^19.0.0"
+        },
+        "@swimlane/ngx-graph": {
+            "@angular/animations": "^19.0.0",
+            "@angular/common": "^19.0.0",
+            "@angular/core": "^19.0.0",
+            "@angular/cdk": "^19.0.0"
+        },
         "@typescript-eslint/utils": {
-            "eslint": "^9.17.0"
+            "eslint": "^9.18.0"
         },
         "braces": "3.0.3",
         "cookie": "1.0.2",
         "critters": "0.0.25",
         "debug": "4.4.0",
         "eslint-plugin-deprecation": {
-            "eslint": "^9.17.0"
+            "eslint": "^9.18.0"
         },
         "express": "5.0.1",
         "jsdom": "25.0.1",
+        "ng-mocks": {
+            "@angular/common": "^19.0.0",
+            "@angular/core": "^19.0.0",
+            "@angular/forms": "^19.0.0",
+            "@angular/platform-browser": "^19.0.0"
+        },
         "postcss": "8.4.49",
         "rimraf": "6.0.1",
         "semver": "7.6.3",
@@ -107,21 +134,21 @@
         "yargs-parser": "21.1.1"
     },
     "devDependencies": {
-        "@analogjs/vite-plugin-angular": "1.11.0",
-        "@angular-builders/jest": "18.0.0",
-        "@angular-devkit/build-angular": "18.2.12",
-        "@angular-eslint/builder": "18.4.3",
-        "@angular-eslint/eslint-plugin": "18.4.3",
-        "@angular-eslint/eslint-plugin-template": "18.4.3",
-        "@angular-eslint/schematics": "18.4.3",
-        "@angular-eslint/template-parser": "18.4.3",
-        "@angular/cli": "18.2.12",
-        "@angular/compiler-cli": "18.2.13",
-        "@angular/language-service": "18.2.13",
-        "@sentry/types": "8.47.0",
+        "@analogjs/vite-plugin-angular": "1.12.0",
+        "@angular-builders/jest": "19.0.0",
+        "@angular-eslint/builder": "19.0.2",
+        "@angular-eslint/eslint-plugin": "19.0.2",
+        "@angular-eslint/eslint-plugin-template": "19.0.2",
+        "@angular-eslint/schematics": "19.0.2",
+        "@angular-eslint/template-parser": "19.0.2",
+        "@angular/build": "19.0.7",
+        "@angular/cli": "19.0.7",
+        "@angular/compiler-cli": "19.0.6",
+        "@angular/language-service": "19.0.6",
+        "@sentry/types": "8.48.0",
         "@testing-library/angular": "17.3.5",
         "@types/crypto-js": "4.2.2",
-        "@types/d3-shape": "3.1.6",
+        "@types/d3-shape": "3.1.7",
         "@types/dompurify": "3.0.5",
         "@types/emoji-js": "3.5.2",
         "@types/jest": "29.5.14",
@@ -133,15 +160,15 @@
         "@types/sockjs-client": "1.5.4",
         "@types/turndown": "5.0.5",
         "@types/uuid": "10.0.0",
-        "@typescript-eslint/eslint-plugin": "8.19.0",
-        "@typescript-eslint/parser": "8.19.0",
-        "eslint": "9.17.0",
+        "@typescript-eslint/eslint-plugin": "8.19.1",
+        "@typescript-eslint/parser": "8.19.1",
+        "eslint": "9.18.0",
         "eslint-config-prettier": "9.1.0",
         "eslint-plugin-deprecation": "3.0.0",
         "eslint-plugin-jest": "28.10.0",
         "eslint-plugin-jest-extended": "2.4.0",
         "eslint-plugin-prettier": "5.2.1",
-        "folder-hash": "4.1.0",
+        "folder-hash": "4.1.1",
         "husky": "9.1.7",
         "jest": "29.7.0",
         "jest-canvas-mock": "2.5.2",
@@ -149,7 +176,7 @@
         "jest-extended": "4.0.2",
         "jest-fail-on-console": "3.3.1",
         "jest-junit": "16.0.0",
-        "jest-preset-angular": "14.4.2",
+        "jest-preset-angular": "14.5.0",
         "lint-staged": "15.3.0",
         "ng-mocks": "14.13.1",
         "ngxtension": "4.2.0",
@@ -158,8 +185,8 @@
         "rimraf": "6.0.1",
         "sass": "1.83.1",
         "ts-jest": "29.2.5",
-        "typescript": "5.5.4",
-        "typescript-eslint": "8.19.0",
+        "typescript": "5.6.3",
+        "typescript-eslint": "8.19.1",
         "vite-tsconfig-paths": "5.1.4",
         "vitest": "2.1.8",
         "weak-napi": "2.0.2"
@@ -190,6 +217,6 @@
         "testw8": "npm run prebuild && ng test --coverage --log-heap-usage -w=8",
         "update": "ncu -i --format group",
         "webapp:build": "npm run clean-www && npm run prebuild -- --develop && ng build --configuration development",
-        "webapp:prod": "npm run clean-www && npm run prebuild && ng build --configuration production"
+        "webapp:prod": "npm run clean-www && npm run prebuild && NG_BUILD_OPTIMIZE_CHUNKS=1 ng build --configuration production"
     }
 }
diff --git a/patches/ng-mocks+14.13.1.patch b/patches/ng-mocks+14.13.1.patch
new file mode 100644
index 000000000000..2a370550a707
--- /dev/null
+++ b/patches/ng-mocks+14.13.1.patch
@@ -0,0 +1,16 @@
+diff --git a/node_modules/ng-mocks/index.js b/node_modules/ng-mocks/index.js
+index e49d71d..049e8ed 100644
+--- a/node_modules/ng-mocks/index.js
++++ b/node_modules/ng-mocks/index.js
+@@ -1,2 +1,2 @@
+-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@angular/core"),require("@angular/core/testing"),require("@angular/forms"),require("@angular/common"),require("@angular/platform-browser"));else if("function"==typeof define&&define.amd)define(["@angular/core","@angular/core/testing","@angular/forms","@angular/common","@angular/platform-browser"],t);else{var r="object"==typeof exports?t(require("@angular/core"),require("@angular/core/testing"),require("@angular/forms"),require("@angular/common"),require("@angular/platform-browser")):t(e["@angular/core"],e["@angular/core/testing"],e["@angular/forms"],e["@angular/common"],e["@angular/platform-browser"]);for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}(this,(function(__WEBPACK_EXTERNAL_MODULE__860__,__WEBPACK_EXTERNAL_MODULE__2603__,__WEBPACK_EXTERNAL_MODULE__7182__,__WEBPACK_EXTERNAL_MODULE__4358__,__WEBPACK_EXTERNAL_MODULE__1165__){return function(){"use strict";var __webpack_modules__={5170:function(e,t,r){var n=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),o=this&&this.__exportStar||function(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||n(t,e,r)};Object.defineProperty(t,"__esModule",{value:!0}),t.MockRenderFactory=t.MockRender=t.ngMocks=t.MockService=t.MockProviders=t.MockProvider=t.MockDeclarations=t.MockDeclaration=t.MockedPipe=t.MockPipes=t.MockPipe=t.MockedDirective=t.MockDirectives=t.MockDirective=t.MockedComponent=t.MockComponents=t.MockComponent=t.MockedModule=t.MockModule=t.IMockBuilderProvider=t.IMockBuilderResult=t.IMockBuilderConfigModule=t.IMockBuilderConfigDirective=t.IMockBuilderConfigComponent=t.IMockBuilderConfigAll=t.IMockBuilderConfig=t.IMockBuilderExtended=t.IMockBuilder=t.MockBuilder=t.MockReset=t.MockInstance=t.LegacyControlValueAccessor=t.MockValidator=t.MockControlValueAccessor=t.Mock=t.isNgInjectionToken=t.isNgDef=t.isMockedNgDefOf=t.isMockValidator=t.isMockOf=t.isMockNgDef=t.isMockControlValueAccessor=t.getSourceOfMock=t.getMockedNgDefOf=t.getInjection=t.getTestBedInjection=void 0,r(7592),r(4081),o(r(1763),t);var a=r(6456);Object.defineProperty(t,"getTestBedInjection",{enumerable:!0,get:function(){return a.getTestBedInjection}}),Object.defineProperty(t,"getInjection",{enumerable:!0,get:function(){return a.getInjection}});var i=r(5590);Object.defineProperty(t,"getMockedNgDefOf",{enumerable:!0,get:function(){return i.getMockedNgDefOf}});var l=r(6739);Object.defineProperty(t,"getSourceOfMock",{enumerable:!0,get:function(){return l.getSourceOfMock}});var u=r(7105);Object.defineProperty(t,"isMockControlValueAccessor",{enumerable:!0,get:function(){return u.isMockControlValueAccessor}});var f=r(6763);Object.defineProperty(t,"isMockNgDef",{enumerable:!0,get:function(){return f.isMockNgDef}});var c=r(7675);Object.defineProperty(t,"isMockOf",{enumerable:!0,get:function(){return c.isMockOf}});var d=r(2650);Object.defineProperty(t,"isMockValidator",{enumerable:!0,get:function(){return d.isMockValidator}});var s=r(732);Object.defineProperty(t,"isMockedNgDefOf",{enumerable:!0,get:function(){return s.isMockedNgDefOf}});var v=r(5974);Object.defineProperty(t,"isNgDef",{enumerable:!0,get:function(){return v.isNgDef}});var p=r(4152);Object.defineProperty(t,"isNgInjectionToken",{enumerable:!0,get:function(){return p.isNgInjectionToken}});var h=r(1946);Object.defineProperty(t,"Mock",{enumerable:!0,get:function(){return h.Mock}});var y=r(5980);Object.defineProperty(t,"MockControlValueAccessor",{enumerable:!0,get:function(){return y.MockControlValueAccessor}}),Object.defineProperty(t,"MockValidator",{enumerable:!0,get:function(){return y.MockValidator}}),Object.defineProperty(t,"LegacyControlValueAccessor",{enumerable:!0,get:function(){return y.LegacyControlValueAccessor}});var _=r(3001);Object.defineProperty(t,"MockInstance",{enumerable:!0,get:function(){return _.MockInstance}}),Object.defineProperty(t,"MockReset",{enumerable:!0,get:function(){return _.MockReset}});var g=r(3771);Object.defineProperty(t,"MockBuilder",{enumerable:!0,get:function(){return g.MockBuilder}});var b=r(2938);Object.defineProperty(t,"IMockBuilder",{enumerable:!0,get:function(){return b.IMockBuilder}}),Object.defineProperty(t,"IMockBuilderExtended",{enumerable:!0,get:function(){return b.IMockBuilderExtended}}),Object.defineProperty(t,"IMockBuilderConfig",{enumerable:!0,get:function(){return b.IMockBuilderConfig}}),Object.defineProperty(t,"IMockBuilderConfigAll",{enumerable:!0,get:function(){return b.IMockBuilderConfigAll}}),Object.defineProperty(t,"IMockBuilderConfigComponent",{enumerable:!0,get:function(){return b.IMockBuilderConfigComponent}}),Object.defineProperty(t,"IMockBuilderConfigDirective",{enumerable:!0,get:function(){return b.IMockBuilderConfigDirective}}),Object.defineProperty(t,"IMockBuilderConfigModule",{enumerable:!0,get:function(){return b.IMockBuilderConfigModule}}),Object.defineProperty(t,"IMockBuilderResult",{enumerable:!0,get:function(){return b.IMockBuilderResult}}),Object.defineProperty(t,"IMockBuilderProvider",{enumerable:!0,get:function(){return b.IMockBuilderProvider}});var m=r(3821);Object.defineProperty(t,"MockModule",{enumerable:!0,get:function(){return m.MockModule}});var M=r(3877);Object.defineProperty(t,"MockedModule",{enumerable:!0,get:function(){return M.MockedModule}});var k=r(5395);Object.defineProperty(t,"MockComponent",{enumerable:!0,get:function(){return k.MockComponent}}),Object.defineProperty(t,"MockComponents",{enumerable:!0,get:function(){return k.MockComponents}});var w=r(2350);Object.defineProperty(t,"MockedComponent",{enumerable:!0,get:function(){return w.MockedComponent}});var O=r(8339);Object.defineProperty(t,"MockDirective",{enumerable:!0,get:function(){return O.MockDirective}}),Object.defineProperty(t,"MockDirectives",{enumerable:!0,get:function(){return O.MockDirectives}});var x=r(4748);Object.defineProperty(t,"MockedDirective",{enumerable:!0,get:function(){return x.MockedDirective}});var j=r(2937);Object.defineProperty(t,"MockPipe",{enumerable:!0,get:function(){return j.MockPipe}}),Object.defineProperty(t,"MockPipes",{enumerable:!0,get:function(){return j.MockPipes}});var D=r(5861);Object.defineProperty(t,"MockedPipe",{enumerable:!0,get:function(){return D.MockedPipe}});var S=r(5269);Object.defineProperty(t,"MockDeclaration",{enumerable:!0,get:function(){return S.MockDeclaration}}),Object.defineProperty(t,"MockDeclarations",{enumerable:!0,get:function(){return S.MockDeclarations}});var P=r(7413);Object.defineProperty(t,"MockProvider",{enumerable:!0,get:function(){return P.MockProvider}}),Object.defineProperty(t,"MockProviders",{enumerable:!0,get:function(){return P.MockProviders}});var C=r(5779);Object.defineProperty(t,"MockService",{enumerable:!0,get:function(){return C.MockService}});var N=r(6189);Object.defineProperty(t,"ngMocks",{enumerable:!0,get:function(){return N.ngMocks}});var T=r(1661);Object.defineProperty(t,"MockRender",{enumerable:!0,get:function(){return T.MockRender}});var E=r(8406);Object.defineProperty(t,"MockRenderFactory",{enumerable:!0,get:function(){return E.MockRenderFactory}}),o(r(7325),t),o(r(534),t)},3295:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default={flags:["cacheModule","cacheComponent","cacheDirective","cacheProvider","correctModuleExports"],mockRenderCacheSize:25,neverMockModule:["ApplicationModule","CommonModule","BrowserModule","_ApplicationModule","_CommonModule","_BrowserModule"],neverMockProvidedFunction:["DomRendererFactory2","EventManager","Injector","RendererFactory2","Sanitizer","DomSanitizer","DomSanitizerImpl","ApplicationInitStatus","ApplicationRef","Compiler","IterableDiffers","KeyValueDiffers","_DomRendererFactory2","_EventManager","_Injector","_Sanitizer","_DomSanitizer","_DomSanitizerImpl","_ApplicationInitStatus","_ApplicationRef","_Compiler","_IterableDiffers","_KeyValueDiffers"],neverMockToken:["InjectionToken Set Injector scope.","InjectionToken EventManagerPlugins","InjectionToken HammerGestureConfig","InjectionToken AppId","InjectionToken DefaultCurrencyCode","InjectionToken LocaleId","InjectionToken SCHEDULER_TOKEN"],onMockBuilderMissingDependency:"throw",onMockInstanceRestoreNeed:"warn",onTestBedFlushNeed:"warn",dependencies:["declarations","hostDirectives","entryComponents","bootstrap","providers","viewProviders","imports","exports"]}},5551:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i};Object.defineProperty(t,"__esModule",{value:!0});var a=r(6456),i=function(){function e(){this.stack=[],this.push()}return e.prototype.push=function(){this.stack.push(new Map)},e.prototype.pop=function(){var e;return null!==(e=this.stack.pop())&&void 0!==e?e:new Map},e.prototype.has=function(e){for(var t=this.stack.length-1;t>=0;t-=1)if(this.stack[t].has(e))return!0;return!1},e.prototype.get=function(e){for(var t=this.stack.length-1;t>=0;t-=1)if(this.stack[t].has(e))return this.stack[t].get(e)},e.prototype.set=function(e,t){for(var r=this.stack.length-1;r>=0;r-=1)this.stack[r].set(e,t);return this},e.prototype.merge=function(e){var t,r;try{for(var i=n((0,a.mapEntries)(e)),l=i.next();!l.done;l=i.next()){var u=o(l.value,2),f=u[0],c=u[1];this.set(f,c)}}catch(e){t={error:e}}finally{try{l&&!l.done&&(r=i.return)&&r.call(i)}finally{if(t)throw t.error}}return this},e}();t.default=i},3174:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(445));t.default=function(e,t,r,n){void 0===n&&(n=!1),o.default.definePropertyDescriptor(e,t,{configurable:!0,enumerable:n,value:r,writable:!0})}},2023:function(e,t,r){var n=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),a=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&n(t,e,r);return o(t,e),t};Object.defineProperty(t,"__esModule",{value:!0});var i=a(r(7182)),l=i.AbstractControl,u=i.DefaultValueAccessor,f=i.FormControl,c=i.FormControlDirective,d=i.NG_ASYNC_VALIDATORS,s=i.NG_VALIDATORS,v=i.NG_VALUE_ACCESSOR,p=i.NgControl,h=i.NgModel;t.default={AbstractControl:l,DefaultValueAccessor:u,FormControl:f,FormControlDirective:c,NG_ASYNC_VALIDATORS:d,NG_VALIDATORS:s,NG_VALUE_ACCESSOR:v,NgControl:p,NgModel:h}},6456:function(__unused_webpack_module,exports,__webpack_require__){var __extends=this&&this.__extends||(extendStatics=function(e,t){return extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},extendStatics(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}extendStatics(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}),extendStatics,__values=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},__read=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},__spreadArray=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.extendClass=exports.extendClassicClass=exports.extractDependency=exports.mapEntries=exports.mapValues=exports.mapKeys=exports.flatten=exports.getInjection=exports.getTestBedInjection=void 0;var testing_1=__webpack_require__(2603),core_define_property_1=__importDefault(__webpack_require__(3174)),core_reflect_parameters_resolve_1=__importDefault(__webpack_require__(8749)),func_get_global_1=__importDefault(__webpack_require__(1102)),func_get_name_1=__importDefault(__webpack_require__(2970)),ng_mocks_universe_1=__importDefault(__webpack_require__(8073)),getTestBedInjection=function(e){try{return(0,exports.getInjection)(e)}catch(e){return}};exports.getTestBedInjection=getTestBedInjection;var getInjection=function(e){var t=(0,testing_1.getTestBed)();return t.inject?t.inject(e):t.get(e)};exports.getInjection=getInjection;var flatten=function(e,t){var r,n,o,a;if(void 0===t&&(t=[]),Array.isArray(e))try{for(var i=__values(e),l=i.next();!l.done;l=i.next()){var u=l.value;(0,exports.flatten)(u,t)}}catch(e){r={error:e}}finally{try{l&&!l.done&&(n=i.return)&&n.call(i)}finally{if(r)throw r.error}}else if(null!==e&&"object"==typeof e&&Array.isArray(e.ɵproviders))try{for(var f=__values(e.ɵproviders),c=f.next();!c.done;c=f.next())u=c.value,(0,exports.flatten)(u,t)}catch(e){o={error:e}}finally{try{c&&!c.done&&(a=f.return)&&a.call(f)}finally{if(o)throw o.error}}else t.push(e);return t};exports.flatten=flatten;var mapKeys=function(e){var t=[];return e.forEach((function(e,r){return t.push(r)})),t};exports.mapKeys=mapKeys;var mapValues=function(e,t){var r=[];return t?e.forEach((function(e){t.add(e)})):e.forEach((function(e){r.push(e)})),r};exports.mapValues=mapValues;var mapEntries=function(e,t){var r=[];return t?e.forEach((function(e,r){return t.set(r,e)})):e.forEach((function(e,t){return r.push([t,e])})),r};exports.mapEntries=mapEntries;var extractDependencyArray=function(e,t){var r,n;try{for(var o=__values(e),a=o.next();!a.done;a=o.next()){var i=a.value,l=i&&"object"==typeof i?i.ngMetadataName:void 0;"Optional"!==l&&"SkipSelf"!==l&&"Self"!==l&&t.add(i)}}catch(e){r={error:e}}finally{try{a&&!a.done&&(n=o.return)&&n.call(o)}finally{if(r)throw r.error}}},extractDependency=function(e,t){var r,n;if(t)try{for(var o=__values(e),a=o.next();!a.done;a=o.next()){var i=a.value;Array.isArray(i)?extractDependencyArray(i,t):t.add(i)}}catch(e){r={error:e}}finally{try{a&&!a.done&&(n=o.return)&&n.call(o)}finally{if(r)throw r.error}}};exports.extractDependency=extractDependency;var extendClassicClass=function(base){var child,index=ng_mocks_universe_1.default.index(),glb=(0,func_get_global_1.default)();glb.ngMocksParent=base;try{eval("\n      var glb = typeof window === 'undefined' ? global : window;\n      class MockMiddleware".concat(index," extends glb.ngMocksParent {};\n      glb.ngMocksResult = MockMiddleware").concat(index,";\n    ")),child=glb.ngMocksResult}catch(e){var MockMiddleware=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return __extends(t,e),t}(glb.ngMocksParent);child=MockMiddleware}finally{glb.ngMocksResult=void 0,glb.ngMocksParent=void 0}return(0,core_define_property_1.default)(child.prototype,"__ngMocks_index_".concat(index),void 0,!1),child};exports.extendClassicClass=extendClassicClass;var extendClass=function(e){var t=(0,exports.extendClassicClass)(e);(0,core_define_property_1.default)(t,"name","MockMiddleware".concat((0,func_get_name_1.default)(e)),!0);var r=(0,core_reflect_parameters_resolve_1.default)(e);return r.length>0&&(0,core_define_property_1.default)(t,"parameters",__spreadArray([],__read(r),!1)),t};exports.extendClass=extendClass},4201:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0});var n=r(6456),o={};t.default=function(e,t){if(void 0===t&&(t=o),t===o)return(0,n.getTestBedInjection)(e);try{return t.get(e)}catch(e){return}}},4874:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(8641)),a=n(r(1585)),i=n(r(2129));t.default=function(e){return function(t){(0,o.default)(t);try{return e(t)}catch(e){(0,a.default)(t),(0,i.default)(t)}}}},8862:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(4673)),a=n(r(4874));t.default=function(e){return(0,a.default)((function(e){var t=(0,o.default)(e);if(t.Component)return t.Component;if(t.Directive)return t.Directive;throw new Error("Cannot resolve declarations")}))(e)}},1381:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(8862)),a=n(r(1345)),i=r(5974);t.default=function(e){return(0,i.isNgDef)(e,"c")||(0,i.isNgDef)(e,"d")?(0,o.default)(e):(0,i.isNgDef)(e,"m")?(0,a.default)(e):void 0}},1345:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(4673)),a=n(r(4874));t.default=function(e){return(0,a.default)((function(e){var t=(0,o.default)(e);if(t.NgModule)return t.NgModule;throw new Error("Cannot resolve declarations")}))(e)}},8749:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(4673));t.default=function(e){var t;return null!==(t=(0,o.default)(e).parameters)&&void 0!==t?t:[]}},8773:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(4673)),a=n(r(4874));t.default=function(e){return(0,a.default)((function(e){var t=(0,o.default)(e);if(t.Pipe)return t.Pipe;throw new Error("Cannot resolve declarations")}))(e)}},8911:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t,r,n;if(e&&("object"==typeof e||"function"==typeof e))return null!==(r=null===(t=e.ɵprov)||void 0===t?void 0:t.providedIn)&&void 0!==r?r:null===(n=e.ngInjectableDef)||void 0===n?void 0:n.providedIn}},1763:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.NG_MOCKS_ROOT_PROVIDERS=t.NG_MOCKS_INTERCEPTORS=t.NG_MOCKS_RESOLVERS=t.NG_MOCKS_GUARDS=t.NG_MOCKS_OVERRIDES=t.NG_MOCKS_TOUCHES=t.NG_MOCKS=void 0;var n=r(860);t.NG_MOCKS=new n.InjectionToken("NG_MOCKS"),t.NG_MOCKS.__ngMocksSkip=!0,t.NG_MOCKS_TOUCHES=new n.InjectionToken("NG_MOCKS_TOUCHES"),t.NG_MOCKS_TOUCHES.__ngMocksSkip=!0,t.NG_MOCKS_OVERRIDES=new n.InjectionToken("NG_MOCKS_OVERRIDES"),t.NG_MOCKS_OVERRIDES.__ngMocksSkip=!0,t.NG_MOCKS_GUARDS=new n.InjectionToken("NG_MOCKS_GUARDS"),t.NG_MOCKS_GUARDS.__ngMocksSkip=!0,t.NG_MOCKS_RESOLVERS=new n.InjectionToken("NG_MOCKS_RESOLVERS"),t.NG_MOCKS_RESOLVERS.__ngMocksSkip=!0,t.NG_MOCKS_INTERCEPTORS=new n.InjectionToken("NG_MOCKS_INTERCEPTORS"),t.NG_MOCKS_INTERCEPTORS.__ngMocksSkip=!0,t.NG_MOCKS_ROOT_PROVIDERS=new n.InjectionToken("NG_MOCKS_ROOT_PROVIDERS"),t.NG_MOCKS_ROOT_PROVIDERS.__ngMocksSkip=!0},5756:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=r(860),i=o(r(6439)),l=o(r(1184));t.default=function(e,t,r){var o,u;if(t)try{for(var f=n(t),c=f.next();!c.done;c=f.next()){var d=c.value,s=(0,l.default)(d),v=s.name,p=s.alias,h=s.required;r&&-1!==r.indexOf(v)||(0,a.Input)((0,i.default)({name:v,alias:p,required:h},!0))(e.prototype,v)}}catch(e){o={error:e}}finally{try{c&&!c.done&&(u=f.return)&&u.call(f)}finally{if(o)throw o.error}}}},615:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(3174)),i=o(r(2970)),l=o(r(8073));t.default=function(e,t,r){void 0===r&&(r={}),(0,a.default)(e,"mockOf",t),(0,a.default)(e,"nameConstructor",(0,i.default)(e)),(0,a.default)(e,"name","MockOf".concat((0,i.default)(t)),!0);var o=l.default.getConfigMock().has(t)?n(n({},r),{config:n(n({},l.default.getConfigMock().get(t)),r.config)}):r;(0,a.default)(e.prototype,"__ngMocksConfig",o)}},5555:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=r(860),i=o(r(6439)),l=o(r(1184));t.default=function(e,t){var r,o;if(t)try{for(var u=n(t),f=u.next();!f.done;f=u.next()){var c=f.value,d=(0,l.default)(c),s=d.name,v=d.alias,p=d.required;(0,a.Output)((0,i.default)({name:s,alias:v,required:p},!0))(e.prototype,s)}}catch(e){r={error:e}}finally{try{f&&!f.done&&(o=u.return)&&o.call(u)}finally{if(r)throw r.error}}}},8385:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},o=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},a=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i};Object.defineProperty(t,"__esModule",{value:!0});var i=r(860),l={ContentChild:i.ContentChild,ContentChildren:i.ContentChildren,ViewChild:i.ViewChild,ViewChildren:i.ViewChildren},u=function(e){return 0===e.indexOf("__mock")},f=function(e){return n(n({},e),{ngMetadataName:e.ngMetadataName,read:i.ViewContainerRef})};t.default=function(e,t){var r,n;if(!t)return[];var i=a(function(e){var t,r,n=[],a=[];try{for(var i=o(Object.keys(e)),l=i.next();!l.done;l=i.next()){var c=l.value,d=e[c];n.push([c,d]),d.isViewQuery||u(c)||(a.push(c),n.push(["__ngMocksVcr_".concat(c),f(d)]))}}catch(e){t={error:e}}finally{try{l&&!l.done&&(r=i.return)&&r.call(i)}finally{if(t)throw t.error}}return[n,a]}(t),2),c=i[0],d=i[1];try{for(var s=o(c),v=s.next();!v.done;v=s.next()){var p=a(v.value,2),h=p[0],y=p[1];y.ngMetadataName&&(0,l[y.ngMetadataName])(y.selector,y)(e.prototype,h)}}catch(e){r={error:e}}finally{try{v&&!v.done&&(n=s.return)&&n.call(s)}finally{if(r)throw r.error}}return d}},8641:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){if(!e)throw new Error(["undefined / null has been passed into ng-mocks as a declaration / provider.","Please ensure that the current test file has correct imports:","imported files exist and imported declarations have been exported in the file."].join(" "))}},1585:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(2970)),a=n(r(9628));t.default=function(e){if((0,a.default)(e))throw new Error(["ng-mocks got ".concat((0,o.default)(e)," which has been already mocked by jest.mock()."),"It is not possible to produce correct mocks for it, because jest.mock() removes Angular decorators.","To fix this, please avoid jest.mock() on the file which exports ".concat((0,o.default)(e)," or add jest.dontMock() on it."),"The same should be done for all related dependencies."].join(" "))}},2129:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(2970));t.default=function(e){throw new Error(["".concat((0,o.default)(e)," declaration has been passed into ng-mocks without Angular decorators."),"Therefore, it cannot be properly handled.","Highly likely,","undefined"==typeof jest?"":"jest.mock() has been used on its file, or","ng-mocks is imported in production code, or got a class without Angular decoration.","Otherwise, please create an issue on github: https://github.com/help-me-mom/ng-mocks/issues/new?title=False%20positive%20ng-mocks%20not%20in%20JIT.","Thank you in advance for support."].join(" "))}},6439:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){var r=e.name,n=e.alias,o=e.required;return void 0===t&&(t=!1),o?{name:r,alias:n,required:o}:n&&r!==n?t?n:"".concat(r,":").concat(n):t?"":r}},1184:function(e,t){var r=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i};Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){if("string"==typeof e){var t=r(e.split(":").map((function(e){return e.trim()})),2),n=t[0],o=t[1];return n!==o&&o?{name:n,alias:o}:{name:n}}return e}},5204:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.funcExtractDeps=void 0;var a=o(r(4673)),i=o(r(3295)),l=r(6456),u=r(9335),f=o(r(6297));t.funcExtractDeps=function(e,r,o){var c,d,s,v;void 0===o&&(o=!1);var p=(0,a.default)(e),h=(0,u.getNgType)(e);if(!h||"Injectable"===h)return r;var y=p[h];try{for(var _=n(i.default.dependencies),g=_.next();!g.done;g=_.next()){var b=g.value;if(y[b])try{for(var m=(s=void 0,n((0,l.flatten)(y[b]))),M=m.next();!M.done;M=m.next()){var k=M.value,w=(0,f.default)(k);r.has(w)||(r.add(w),o&&(0,t.funcExtractDeps)(w,r))}}catch(e){s={error:e}}finally{try{M&&!M.done&&(v=m.return)&&v.call(m)}finally{if(s)throw s.error}}}}catch(e){c={error:e}}finally{try{g&&!g.done&&(d=_.return)&&d.call(_)}finally{if(c)throw c.error}}return r}},7285:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return"function"==typeof e&&e.__forward_ref__?e():e}},1102:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){return"undefined"==typeof window?r.g:window}},5590:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getMockedNgDefOf=function(e,t){var r,n=null!==(r=e.mockOf)&&void 0!==r?r:e,u=(0,o.default)(a.NG_MOCKS),c=f(e,n,u);if(c&&!t)return c;if(c&&t&&(0,l.isMockedNgDefOf)(c,n,t))return c;throw new Error("There is no mock for ".concat((0,i.default)(n)))};var o=n(r(4201)),a=r(1763),i=n(r(2970)),l=r(732),u=n(r(8073)),f=function(e,t,r){if(r&&!r.has(t))throw new Error("There is no mock for ".concat((0,i.default)(t)));var n=r?r.get(t):void 0;return n===t&&(n=void 0),n||t===e?!n&&u.default.cacheDeclarations.has(t)&&(n=u.default.cacheDeclarations.get(t)):n=e,n}},2970:function(e,t){Object.defineProperty(t,"__esModule",{value:!0});var r=new RegExp("[^0-9a-z]+","mgi");t.default=function(e){var t;return"function"==typeof e&&e.name?t=e.name:"function"==typeof e?t="arrowFunction":"object"==typeof e&&e&&"InjectionToken"===e.ngMetadataName?t=e._desc:"object"==typeof e&&e&&"function"==typeof e.constructor&&(t=e.constructor.name),t||(t="unknown"),t.replace(r,"_")}},9335:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getNgType=void 0;var o=n(r(4673)),a=r(4152);t.getNgType=function(e){if("string"!=typeof e){if((0,a.isNgInjectionToken)(e))return"Injectable";for(var t=(0,o.default)(e).decorators,r=t.length-1;r>=0;r-=1)if("Injectable"!==t[r])return t[r];return t.length>0?"Injectable":void 0}}},6739:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.getSourceOfMock=function(e){return"function"==typeof e&&e.mockOf?e.mockOf:e}},6297:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0});var n=r(3659);t.default=function(e){return e&&"object"==typeof e&&e.provide?e.provide:(0,n.isNgModuleDefWithProviders)(e)?e.ngModule:e&&"object"==typeof e&&e.directive?e.directive:e}},6804:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(2970)),a=r(5974);t.default=function(e,t){if(null==e)throw new Error("null / undefined has been passed into ".concat(t,". Please check that its import is correct."));if(!("MockPipe"===t&&(0,a.isNgDef)(e,"p")||"MockDirective"===t&&(0,a.isNgDef)(e,"d")||"MockComponent"===t&&(0,a.isNgDef)(e,"c")||"MockModule"===t&&(0,a.isNgDef)(e,"m"))){var r=function(e){return(0,a.isNgDef)(e,"p")?"pipe":(0,a.isNgDef)(e,"d")?"directive":(0,a.isNgDef)(e,"c")?"component":(0,a.isNgDef)(e,"m")?"module":(0,a.isNgDef)(e,"i")?"service":(0,a.isNgDef)(e,"t")?"token":""}(e);if(r&&"MockPipe"===t)throw new Error("".concat(t," accepts pipes, whereas ").concat((0,o.default)(e)," is a ").concat(r,"."));if(r&&"MockDirective"===t)throw new Error("".concat(t," accepts directives, whereas ").concat((0,o.default)(e)," is a ").concat(r,"."));if(r&&"MockComponent"===t)throw new Error("".concat(t," accepts components, whereas ").concat((0,o.default)(e)," is a ").concat(r,"."));if(r&&"MockModule"===t)throw new Error("".concat(t," accepts modules, whereas ").concat((0,o.default)(e)," is a ").concat(r,"."))}}},9628:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return!(!e||"function"!=typeof e&&"object"!=typeof e||!(e._isMockFunction&&e.mockName&&e.__annotations__))}},7105:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.isMockControlValueAccessor=void 0;var o=n(r(2137));t.isMockControlValueAccessor=function(e){return!!(0,o.default)(e)&&!!e.__ngMocksConfig.isControlValueAccessor}},6763:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.isMockNgDef=function(e,t){return!!e.mockOf&&(!t||(0,n.isNgDef)(e.mockOf,t))};var n=r(5974)},7675:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.isMockOf=function(e,t,r){return(0,o.default)(e)&&e.constructor===t&&(r?(0,a.isNgDef)(e.constructor,r):(0,a.isNgDef)(e.constructor))};var o=n(r(2137)),a=r(5974)},2650:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.isMockValidator=void 0;var o=n(r(2137));t.isMockValidator=function(e){return!!(0,o.default)(e)&&!!e.__ngMocksConfig.isValidator}},2137:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return e&&"object"==typeof e&&!!e.__ngMocks}},732:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.isMockedNgDefOf=function(e,t,r){return"function"==typeof e&&e.mockOf===t&&(!r||(0,n.isNgDef)(e,r))};var n=r(5974)},5974:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.isNgDef=function(e,t){if("t"===t)return(0,n.isNgInjectionToken)(e);if("function"!=typeof e)return!1;var r=a(e,t),o=i(e,t),c=l(e,t),d=u(e,t),s=f(e,t);return r||o||c||d||s};var n=r(4152),o=r(7297),a=function(e,t){return(!t||"m"===t)&&(0,o.isNgType)(e,"NgModule")},i=function(e,t){return(!t||"c"===t)&&(0,o.isNgType)(e,"Component")},l=function(e,t){return(!t||"d"===t)&&(0,o.isNgType)(e,"Directive")},u=function(e,t){return(!t||"p"===t)&&(0,o.isNgType)(e,"Pipe")},f=function(e,t){return(!t||"i"===t)&&(0,o.isNgType)(e,"Injectable")}},4152:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.isNgInjectionToken=void 0,t.isNgInjectionToken=function(e){return e&&"object"==typeof e&&"InjectionToken"===e.ngMetadataName}},3659:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.isNgModuleDefWithProviders=void 0,t.isNgModuleDefWithProviders=function(e){return e&&"object"==typeof e&&"function"==typeof e.ngModule}},7297:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.isNgType=void 0;var o=n(r(4673));t.isNgType=function(e,t){var r=(0,o.default)(e).decorators;if(0===r.length)return!1;var n=1;if("Injectable"===t&&-1!==r.indexOf("Injectable"))return!0;for(;"Injectable"===r[r.length-n];)n+=1;return r[r.length-n]===t}},6580:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.isStandalone=function(e){var t=(0,a.getNgType)(e);return!(!t||"Injectable"===t)&&!0===(0,o.default)(e)[t].standalone};var o=n(r(4673)),a=r(9335)},6259:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(4673)),i=o(r(3295)),l=r(6456),u=o(r(6297)),f=function(e,t,r){var o,c,d,s,v,p;void 0===r&&(r=new Set);var h=(0,a.default)(e);try{for(var y=n(h.decorators),_=y.next();!_.done;_=y.next()){var g=_.value;try{for(var b=(d=void 0,n(i.default.dependencies)),m=b.next();!m.done;m=b.next()){var M=m.value;if(h[g][M])try{for(var k=(v=void 0,n((0,l.flatten)(h[g][M]))),w=k.next();!w.done;w=k.next()){var O=w.value,x=(0,u.default)(O);x&&!r.has(x)&&(r.add(x),t(x),f(x,t,r))}}catch(e){v={error:e}}finally{try{w&&!w.done&&(p=k.return)&&p.call(k)}finally{if(v)throw v.error}}}}catch(e){d={error:e}}finally{try{m&&!m.done&&(s=b.return)&&s.call(b)}finally{if(d)throw d.error}}}}catch(e){o={error:e}}finally{try{_&&!_.done&&(c=y.return)&&c.call(y)}finally{if(o)throw o.error}}};t.default=f},1433:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.MockAsyncValidatorProxy=t.MockValidatorProxy=t.MockControlValueAccessorProxy=void 0;var r=function(e,t,r,n){if(e.instance&&n&&(e.instance[n]=r),e.instance&&e.instance[t])return e.instance[t](r)},n=function(){function e(e){this.target=e}return e.prototype.registerOnChange=function(e){r(this,"registerOnChange",e,"__simulateChange")},e.prototype.registerOnTouched=function(e){r(this,"registerOnTouched",e,"__simulateTouch")},e.prototype.setDisabledState=function(e){r(this,"setDisabledState",e)},e.prototype.writeValue=function(e){r(this,"writeValue",e)},e}();t.MockControlValueAccessorProxy=n;var o=function(){function e(e){this.target=e}return e.prototype.registerOnValidatorChange=function(e){r(this,"registerOnValidatorChange",e,"__simulateValidatorChange")},e.prototype.validate=function(e){return this.instance&&this.instance.validate?this.instance.validate(e):null},e}();t.MockValidatorProxy=o;var a=function(){function e(e){this.target=e}return e.prototype.registerOnValidatorChange=function(e){r(this,"registerOnValidatorChange",e,"__simulateValidatorChange")},e.prototype.validate=function(e){if(this.instance&&this.instance.validate){var t=this.instance.validate(e);return void 0===t?Promise.resolve(null):t}return Promise.resolve(null)},e}();t.MockAsyncValidatorProxy=a},5980:function(e,t,r){var n,o=this&&this.__extends||(n=function(e,t){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},n(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)});Object.defineProperty(t,"__esModule",{value:!0}),t.LegacyControlValueAccessor=void 0;var a=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.prototype.__simulateChange=function(){},t.prototype.__simulateTouch=function(){},t.prototype.__simulateValidatorChange=function(){},t}(r(1946).Mock);t.LegacyControlValueAccessor=a},1946:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},a=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Mock=void 0;var l=r(860),u=i(r(8195)),f=i(r(4760)),c=i(r(445)),d=i(r(3174)),s=i(r(2023)),v=r(6456),p=i(r(1184)),h=i(r(2137)),y=r(1433),_=i(r(8073)),g=function(e,t){var r,o;try{for(var a=n(e),i=a.next();!i.done;i=a.next()){var l=i.value;l.instance||l.target!==t.__ngMocksCtor||(l.instance=t,c.default.mock(t,"registerOnValidatorChange"),c.default.mock(t,"validate"),t.__ngMocksConfig.isValidator=!0)}}catch(e){r={error:e}}finally{try{i&&!i.done&&(o=a.return)&&o.call(a)}finally{if(r)throw r.error}}},b=function(e,t){var r,i,s,b,m,M;void 0===e&&(e=null),void 0===t&&(t=null);var k=this.constructor.mockOf;(0,d.default)(this,"__ngMocks",!0),(0,d.default)(this,"__ngMocksInjector",e),(0,d.default)(this,"__ngMocksCtor",this.constructor);try{for(var w=n(this.__ngMocksConfig.queryScanKeys||[]),O=w.next();!O.done;O=w.next()){var x=O.value;(0,d.default)(this,"__ngMocksVcr_".concat(x),void 0)}}catch(e){r={error:e}}finally{try{O&&!O.done&&(i=w.return)&&i.call(w)}finally{if(r)throw r.error}}try{for(var j=n(this.__ngMocksConfig.hostBindings||[]),D=j.next();!D.done;D=j.next())x=D.value,c.default.mock(this,x,"get"),c.default.mock(this,x,"set")}catch(e){s={error:e}}finally{try{D&&!D.done&&(b=j.return)&&b.call(j)}finally{if(s)throw s.error}}try{for(var S=n(this.__ngMocksConfig.hostListeners||[]),P=S.next();!P.done;P=S.next())x=P.value,c.default.mock(this,x)}catch(e){m={error:e}}finally{try{P&&!P.done&&(M=S.return)&&M.call(S)}finally{if(m)throw m.error}}(0,h.default)(this)&&(function(e,t){!function(e,t){if(t&&!t.valueAccessor&&e.__ngMocksConfig.setControlValueAccessor)try{t.valueAccessor=new y.MockControlValueAccessorProxy(e.__ngMocksCtor)}catch(e){}}(e,t);try{t&&(function(e,t){e.valueAccessor.instance||e.valueAccessor.target!==t.__ngMocksCtor||(e.valueAccessor.instance=t,c.default.mock(t,"registerOnChange"),c.default.mock(t,"registerOnTouched"),c.default.mock(t,"setDisabledState"),c.default.mock(t,"writeValue"),t.__ngMocksConfig.isControlValueAccessor=!0)}(t,e),g(t._rawValidators,e),g(t._rawAsyncValidators,e))}catch(e){}}(this,t),function(e){var t,r,o,a,i=[];try{for(var u=n(e.__ngMocksConfig.outputs||[]),f=u.next();!f.done;f=u.next()){var c=f.value;i.push((0,p.default)(c).name)}}catch(e){t={error:e}}finally{try{f&&!f.done&&(r=u.return)&&r.call(u)}finally{if(t)throw t.error}}try{for(var d=n(i),s=d.next();!s.done;s=d.next())e[c=s.value]||Object.getOwnPropertyDescriptor(e,c)||(e[c]=new l.EventEmitter)}catch(e){o={error:e}}finally{try{s&&!s.done&&(a=d.return)&&a.call(d)}finally{if(o)throw o.error}}}(this),function(e,t){var r,i;try{for(var l=n(a(a([],o(c.default.extractMethodsFromPrototype(t)),!1),o(c.default.extractPropertiesFromPrototype(t)),!1)),u=l.next();!u.done;u=l.next()){var f=u.value,d=c.default.extractPropertyDescriptor(t,f);c.default.definePropertyDescriptor(e,f,d)}}catch(e){r={error:e}}finally{try{u&&!u.done&&(i=l.return)&&i.call(l)}finally{if(r)throw r.error}}}(this,Object.getPrototypeOf(this)),function(e,t){var r,o;try{for(var a=n(c.default.extractMethodsFromPrototype(t)),i=a.next();!i.done;i=a.next()){var l=i.value;e[l]||Object.getOwnPropertyDescriptor(e,l)||c.default.mock(e,l)}}catch(e){r={error:e}}finally{try{i&&!i.done&&(o=a.return)&&o.call(a)}finally{if(r)throw r.error}}}(this,k.prototype),function(e,t){var r,o;try{for(var a=n(c.default.extractPropertiesFromPrototype(t)),i=a.next();!i.done;i=a.next()){var l=i.value;e[l]||Object.getOwnPropertyDescriptor(e,l)||(c.default.mock(e,l,"get"),c.default.mock(e,l,"set"))}}catch(e){r={error:e}}finally{try{i&&!i.done&&(o=a.return)&&o.call(a)}finally{if(r)throw r.error}}}(this,k.prototype)),Object.setPrototypeOf(this,k.prototype),function(e,t,r){var i,l,c=_.default.getOverrides().get(t),d=c?(0,v.mapValues)(c):[];e.__ngMocksConfig.init&&d.push(e.__ngMocksConfig.init),d.push.apply(d,a([],o((0,f.default)(t)),!1));try{for(var s=n(d),p=s.next();!p.done;p=s.next()){var h=(0,p.value)(e,r);h&&(0,u.default)(e,h)}}catch(e){i={error:e}}finally{try{p&&!p.done&&(l=s.return)&&l.call(s)}finally{if(i)throw i.error}}}(this,k,null!=e?e:void 0)};t.Mock=b,(0,d.default)(b,"parameters",[[l.Injector,new l.Optional],[s.default.NgControl||function(){},new l.Optional,new l.Self]])},4081:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},o=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},a=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},i=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var u=r(860),f=r(2603),c=l(r(4117)),d=r(3771),s=l(r(5884)),v=r(6189),p=l(r(1640)),h=r(7413),y=l(r(1365)),_=l(r(3295)),g=l(r(3174)),b=r(6456),m=l(r(4201)),M=l(r(1381)),k=l(r(1345)),w=l(r(8911)),O=r(1763),x=r(6739),j=l(r(6297)),D=r(6763),S=r(5974),P=r(3659),C=l(r(8073)),N=function(e,t){(0,S.isNgDef)(e,"c")?f.TestBed.overrideComponent(e,t):(0,S.isNgDef)(e,"d")?f.TestBed.overrideDirective(e,t):(0,S.isNgDef)(e,"m")&&f.TestBed.overrideModule(e,t),((0,S.isNgDef)(e,"t")||(0,S.isNgDef)(e,"i"))&&f.TestBed.overrideProvider(e,t)},T=function(e,t){var r,n,a,i;try{for(var l=o(_.default.dependencies),u=l.next();!u.done;u=l.next()){var f=u.value;try{for(var c=(a=void 0,o(e[f]?(0,b.flatten)(e[f]):[])),d=c.next();!d.done;d=c.next()){var s=d.value,v=(0,j.default)(s);if((0,P.isNgModuleDefWithProviders)(s)&&T(s,t),!t.has(v)&&(t.add(v),"function"==typeof v)){if(!Object.prototype.hasOwnProperty.call(v,"__ngMocksTouches")){var p=new Set,h=(0,M.default)(v);(0,g.default)(v,"__ngMocksTouches",p,!1),h&&T(h,p)}(0,b.mapValues)(v.__ngMocksTouches,t)}}}catch(e){a={error:e}}finally{try{d&&!d.done&&(i=c.return)&&i.call(c)}finally{if(a)throw a.error}}}}catch(e){r={error:e}}finally{try{u&&!u.done&&(n=l.return)&&n.call(l)}finally{if(r)throw r.error}}},E=function(e){var t=(0,j.default)(e);if(!f.TestBed.ngMocksOverrides.has(t)){var r=(0,k.default)(t),n=(0,s.default)(r);n&&(f.TestBed.ngMocksOverrides.set(t,{set:r}),f.TestBed.overrideModule(t,{set:n}))}},A=function(e,t){var r=(0,w.default)(e);r&&("string"==typeof r||t.has(r))&&(f.TestBed.ngMocksOverrides.set(e,{}),f.TestBed.overrideProvider(e,(0,h.MockProvider)(e)))},R=function(e,t){return function(r){var l,u,s,p,h,y,_,m;f.TestBed.ngMocksSelectors||(0,g.default)(f.TestBed,"ngMocksSelectors",new Map),f.TestBed.ngMocksOverrides||(0,g.default)(f.TestBed,"ngMocksOverrides",new Map);var M=!("object"!=typeof r||!r||r.providers&&-1!==r.providers.indexOf(d.MockBuilder)),k=0,w=[];try{for(var R=o(M?["imports","declarations"]:[]),I=R.next();!I.done;I=R.next()){var V=I.value;try{for(var B=(s=void 0,o((0,b.flatten)(r[V]))),F=B.next();!F.done;F=B.next()){var L=F.value;L&&(w.push([(0,P.isNgModuleDefWithProviders)(L)?{ngModule:(0,x.getSourceOfMock)(L.ngModule),providers:L.providers}:(0,x.getSourceOfMock)(L),(0,P.isNgModuleDefWithProviders)(L)?L.ngModule:L,(0,D.isMockNgDef)((0,j.default)(L))]),k|=w[w.length-1][2]?2:1)}}catch(e){s={error:e}}finally{try{F&&!F.done&&(p=B.return)&&p.call(B)}finally{if(s)throw s.error}}}}catch(e){l={error:e}}finally{try{I&&!I.done&&(u=R.return)&&u.call(R)}finally{if(l)throw l.error}}var K=3===k?void 0:r;if(!K){var G=(0,d.MockBuilder)(O.NG_MOCKS_ROOT_PROVIDERS);try{for(var q=o(w),U=q.next();!U.done;U=q.next()){var z=a(U.value,3),W=z[0],H=z[1],$=z[2],X=null===(_=H.prototype.__ngMocksConfig)||void 0===_?void 0:_.transform,Q={export:!(0,S.isNgDef)(W,"m"),exportAll:!1,onRoot:!0};G=$&&X?G.mock(W,X,Q):$?G.mock(W,Q):G.keep(W,Q)}}catch(e){h={error:e}}finally{try{U&&!U.done&&(y=q.return)&&y.call(q)}finally{if(h)throw h.error}}K=G.build(),K=n(n(n({},r),K),{providers:i(i([],a(null!==(m=r.providers)&&void 0!==m?m:[]),!1),a(K.providers),!1)})}var Y=(0,f.getTestBed)(),J=(0,c.default)(K.providers),Z=J.mocks,ee=J.overrides,te=function(e,t,r){var n,o=r;return!o&&C.default.getDefaults().size>0&&((o=(0,c.default)(e._providers||(null===(n=e._compiler)||void 0===n?void 0:n.providers)).touches)||(o=new Set,t.providers=t.providers||[],t.providers.push({provide:O.NG_MOCKS_TOUCHES,useValue:o})),T(t,o)),o}(Y,K,J.touches);return Z&&v.ngMocks.flushTestBed(),ee&&function(e){var t,r;try{for(var i=o((0,b.mapEntries)(e)),l=i.next();!l.done;l=i.next()){var u=a(l.value,2),c=u[0],d=a(u[1],2),s=d[0],v=d[1];f.TestBed.ngMocksOverrides.set(c,n(n({},v),{override:s})),N(c,s)}}catch(e){t={error:e}}finally{try{l&&!l.done&&(r=i.return)&&r.call(i)}finally{if(t)throw t.error}}}(ee),!te||Y._instantiated||Y._testModuleRef||function(e,t){var r,n;if(f.TestBed.ngMocksOverrides){var i=C.default.touches;C.default.touches=t;try{for(var l=o((0,b.flatten)(e.ngModule||[])),u=l.next();!u.done;u=l.next()){var c=u.value;E(c)}}catch(e){r={error:e}}finally{try{u&&!u.done&&(n=l.return)&&n.call(l)}finally{if(r)throw r.error}}!function(e){var t,r;try{for(var n=o((0,b.mapEntries)(C.default.getDefaults())),i=n.next();!i.done;i=n.next()){var l=a(i.value,2),u=l[0];"mock"===a(l[1],1)[0]&&((0,S.isNgDef)(u,"i")||(0,S.isNgDef)(u,"t"))&&(e.has(u)||f.TestBed.ngMocksOverrides.has(u)||A(u,e))}}catch(e){t={error:e}}finally{try{i&&!i.done&&(r=n.return)&&r.call(n)}finally{if(t)throw t.error}}}(t),C.default.touches=i}}(Y,te),e.call(t,K)}},I=function(e,t){return function(){return C.default.global.delete("builder:config"),C.default.global.delete("builder:module"),f.TestBed.ngMocksSelectors=void 0,function(e){var t,r,n;if(null===(n=e.ngMocksOverrides)||void 0===n?void 0:n.size){v.ngMocks.flushTestBed();try{for(var i=o((0,b.mapEntries)(e.ngMocksOverrides)),l=i.next();!l.done;l=i.next()){var u=a(l.value,2),f=u[0],c=u[1];N(f,c)}}catch(e){t={error:e}}finally{try{l&&!l.done&&(r=i.return)&&r.call(i)}finally{if(t)throw t.error}}}e.ngMocksOverrides=void 0}(f.TestBed),e.call(t)}},V=function(e){if(!u.ViewContainerRef.ngMocksOverridesPatched&&((0,g.default)(u.ViewContainerRef,"ngMocksOverridesPatched",!0),e.createComponent)){var t=e.createComponent,r=(0,y.default)(t,void 0,void 0,(function(e){for(var r,n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o];var l=(0,m.default)(O.NG_MOCKS,this.injector);return t.apply(this,i([null!==(r=null==l?void 0:l.get(e))&&void 0!==r?r:e],a(n),!1))}));(0,g.default)(e.constructor.prototype,"createComponent",r,!0),(0,g.default)(e,"createComponent",r,!0)}},B=function(e){if(e.constructor.prototype.__ngMocksInjector||!e.constructor.prototype.get)return e;(0,g.default)(e.constructor.prototype,"__ngMocksInjector",!0);var t=e.constructor.prototype.get;return e.constructor.prototype.get=(0,y.default)(t,void 0,void 0,(function(e){for(var r=[],n=1;n<arguments.length;n++)r[n-1]=arguments[n];var o=t.call.apply(t,i([this,e],a(r),!1));return o&&"object"==typeof o&&"function"==typeof o.constructor&&"string"==typeof o.constructor.name&&"Injector"===o.constructor.name.slice(-8)&&B(o),o})),e};!function(){if(!f.TestBed.ngMocksOverridesInstalled){var e=(0,p.default)();(function(){var e,t,r=u.ViewContainerRef;if(!r.ngMocksOverridesInstalled){var n=r.__NG_ELEMENT_ID__;n&&(0,g.default)(r,"__NG_ELEMENT_ID__",(0,y.default)(n,void 0,void 0,(function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var r=n.apply(n,e);return V(r),r})),!0),(0,g.default)(f.TestBed,"createComponent",(e=f.TestBed.createComponent,t=f.TestBed,function(r){var n=e.call(t,r);try{var o=n.debugElement.injector.get(u.ViewContainerRef);V(o)}catch(e){}return n})),(0,g.default)(u.ViewContainerRef,"ngMocksOverridesInstalled",!0)}})(),-1===e.before.indexOf(R)&&e.before.push(R),-1===e.after.indexOf(I)&&e.after.push(I),(0,g.default)(f.TestBed,"ngMocksOverridesInstalled",!0);var t=u.Injector.create;u.Injector.create=(0,y.default)(t,void 0,void 0,(function(){for(var e=[],r=0;r<arguments.length;r++)e[r]=arguments[r];return B(t.apply(u.Injector,e))}));try{u.Injector.create({length:0,providers:[]})}catch(e){}}}()},7592:function(e,t,r){var n,o,a=this&&this.__assign||function(){return a=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)},i=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var u=l(r(8073)),f={id:{},level:"root"},c=u.default.global.get("reporter-stack")||[a({},f)];u.default.global.set("reporter-stack",c);var d=null!==(n=u.default.global.get("reporter-stack-push"))&&void 0!==n?n:[];u.default.global.set("reporter-stack-push",d);var s=null!==(o=u.default.global.get("reporter-stack-pop"))&&void 0!==o?o:[];u.default.global.set("reporter-stack-pop",s),t.default={current:function(){return c[c.length-1]},stackPop:function(){var e,t,r=c.pop();if(0===c.length&&c.push("root"===(null==r?void 0:r.level)?r:a({},f)),r&&"root"!==r.level)try{for(var n=i(s),o=n.next();!o.done;o=n.next())(0,o.value)(r,c)}catch(t){e={error:t}}finally{try{o&&!o.done&&(t=n.return)&&t.call(n)}finally{if(e)throw e.error}}u.default.global.set("reporter-stack-id",c[c.length-1].id)},stackPush:function(){var e,t,r={};u.default.global.set("reporter-stack-id",r);var n={id:r,level:"runtime"};c.push(n);try{for(var o=i(d),a=o.next();!a.done;a=o.next())(0,a.value)(n,c)}catch(t){e={error:t}}finally{try{a&&!a.done&&(t=o.return)&&t.call(o)}finally{if(e)throw e.error}}},subscribePop:function(e){-1===s.indexOf(e)&&s.push(e)},subscribePush:function(e){d.indexOf(e)&&d.push(e),c.length>0&&e(c[c.length-1],c)},unsubscribePop:function(e){var t=s.indexOf(e);-1!==t&&s.splice(t,1)},unsubscribePush:function(e){var t=d.indexOf(e);-1!==t&&d.splice(t,1)}}},8073:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(3295)),i=o(r(1102)),l=o(r(2970)),u=function(e){return function(){return f.global.has(e)||f.global.set(e,new Map),f.global.get(e)}};(0,i.default)().ngMocksUniverse=(0,i.default)().ngMocksUniverse||{};var f=(0,i.default)().ngMocksUniverse;f.builtDeclarations=new Map,f.builtProviders=new Map,f.cacheDeclarations=new Map,f.cacheProviders=new Map,f.config=new Map,f.configInstance=new Map,f.flags=new Set(a.default.flags),f.global=new Map,f.touches=new Set,f.global.set("flags",{onMockBuilderMissingDependency:a.default.onMockBuilderMissingDependency,onMockInstanceRestoreNeed:a.default.onMockInstanceRestoreNeed,onTestBedFlushNeed:a.default.onTestBedFlushNeed}),f.getOverrides=u("overrides"),f.getDefaults=u("defaults"),f.getConfigMock=u("configMock");var c=function(e){var t;return(t=f.getDefaults().get(e))||(t="function"==typeof e?f.getDefaults().get("@".concat((0,l.default)(e))):void 0)?t:[]};f.getResolution=function(e){var t=f.config.get("ngMocksDepsResolution");return(null==t?void 0:t.has(e))?t.get(e):n(c(e),1)[0]},f.getBuildDeclaration=function(e){if(f.builtDeclarations.has(e))return f.builtDeclarations.get(e);var t=n(c(e),2),r=t[0],o=t[1];return"exclude"===r?null:r&&"keep"!==r?"replace"===r?o:void 0:e},f.hasBuildDeclaration=function(e){if(f.builtDeclarations.has(e))return void 0!==f.builtDeclarations.get(e);var t=n(c(e),1)[0];return!!t&&"mock"!==t};var d=function(e){return f.hasBuildDeclaration(e)},s=function(e){return f.getBuildDeclaration(e)};f.isExcludedDef=function(e){var t=f.getResolution(e);return(!t||"exclude"===t)&&d(e)&&null===s(e)},f.isProvidedDef=function(e){return d(e)&&null!==s(e)},f.getDefaults().set("@StoreDevtoolsModule",["exclude"]),f.indexValue=0,f.index=function(){return f.indexValue++},t.default=f},4117:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")};Object.defineProperty(t,"__esModule",{value:!0});var o=r(6456),a=r(1763);t.default=function(e){var t,r,i,l,u;try{for(var f=n((0,o.flatten)(e||[])),c=f.next();!c.done;c=f.next()){var d=c.value;"object"==typeof d&&(d.provide===a.NG_MOCKS&&(i=d.useValue),d.provide===a.NG_MOCKS_OVERRIDES&&(l=d.useValue),d.provide===a.NG_MOCKS_TOUCHES&&(u=d.useValue))}}catch(e){t={error:e}}finally{try{c&&!c.done&&(r=f.return)&&r.call(f)}finally{if(t)throw t.error}}return{mocks:i,overrides:l,touches:u}}},9539:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MockBuilderStash=void 0;var a=o(r(3295)),i=o(r(8073)),l=function(){function e(){this.data={}}return e.prototype.backup=function(){this.data={builtDeclarations:i.default.builtDeclarations,builtProviders:i.default.builtProviders,cacheDeclarations:i.default.cacheDeclarations,cacheProviders:i.default.cacheProviders,config:i.default.config,configInstance:i.default.configInstance,flags:i.default.flags,touches:i.default.touches},i.default.builtDeclarations=new Map,i.default.builtProviders=new Map,i.default.cacheDeclarations=new Map,i.default.cacheProviders=new Map,i.default.config=new Map,i.default.configInstance=new Map,i.default.flags=new Set(a.default.flags),i.default.touches=new Set},e.prototype.restore=function(){var e,t;try{for(var r=n(Object.keys(this.data)),o=r.next();!o.done;o=r.next()){var a=o.value;i.default[a]=this.data[a]}}catch(t){e={error:t}}finally{try{o&&!o.done&&(t=r.return)&&t.call(r)}finally{if(e)throw e.error}}},e}();t.MockBuilderStash=l},9755:function(e,t,r){var n,o=this&&this.__extends||(n=function(e,t){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},n(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}),a=this&&this.__awaiter||function(e,t,r,n){return new(r||(r=Promise))((function(o,a){function i(e){try{u(n.next(e))}catch(e){a(e)}}function l(e){try{u(n.throw(e))}catch(e){a(e)}}function u(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,l)}u((n=n.apply(e,t||[])).next())}))},i=this&&this.__generator||function(e,t){var r,n,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(l){return function(u){return function(l){if(r)throw new TypeError("Generator is already executing.");for(;a&&(a=0,l[0]&&(i=0)),i;)try{if(r=1,n&&(o=2&l[0]?n.return:l[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,l[1])).done)return o;switch(n=0,o&&(l=[2&l[0],o.value]),l[0]){case 0:case 1:o=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,n=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!((o=(o=i.trys).length>0&&o[o.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!o||l[1]>o[0]&&l[1]<o[3])){i.label=l[1];break}if(6===l[0]&&i.label<o[1]){i.label=o[1],o=l;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(l);break}o[2]&&i.ops.pop(),i.trys.pop();continue}l=t.call(e,i)}catch(e){l=[6,e],n=0}finally{r=o=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,u])}}},l=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},u=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MockBuilderPerformance=void 0;var f=r(2603),c=r(6456),d=u(r(8073)),s=r(9620),v=u(r(2739)),p=u(r(9049)),h=u(r(7570)),y=u(r(1271)),_=u(r(5633)),g=u(r(4503)),b=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.prototype.build=function(){var t=d.default.global;if(t.has("builder:module")&&t.has("builder:config")&&this.equalsTo(t.get("builder:config")))return(0,g.default)(t.get("builder:module"));t.has("builder:module")&&t.delete(t.get("builder:module"));var r=this.cloneConfig(),n=e.prototype.build.call(this);return t.set("builder:config",r),t.set("builder:module",n),(0,g.default)(n)},t.prototype.then=function(t,r){return a(this,void 0,Promise,(function(){var n,o;return i(this,(function(a){return(n=d.default.global).has("bullet")&&n.has("builder:module")&&n.has("builder:config")&&this.equalsTo(n.get("builder:config"))?[2,n.get(n.get("builder:module")).then(t,r)]:(n.has("bullet")&&n.has("bullet:reset")&&(console.warn("ngMocks.faster has zero effect due to changes in testing module between runs"),n.delete("bullet"),f.TestBed.resetTestingModule(),n.set("bullet",!0)),o=e.prototype.then.call(this,t,r),n.set(n.get("builder:module"),o),[2,o])}))}))},t.prototype.cloneConfig=function(){var e=(0,_.default)();return(0,c.mapValues)(this.beforeCC,e.beforeCC),(0,c.mapValues)(this.excludeDef,e.excludeDef),(0,c.mapValues)(this.keepDef,e.keepDef),(0,c.mapValues)(this.mockDef,e.mockDef),(0,c.mapValues)(this.replaceDef,e.replaceDef),(0,c.mapEntries)(this.configDef,e.configDef),(0,c.mapEntries)(this.defProviders,e.defProviders),(0,c.mapEntries)(this.defValue,e.defValue),(0,c.mapEntries)(this.providerDef,e.providerDef),e},t.prototype.equalsTo=function(e){var t,r,n,o,a,i;try{for(var u=l(["beforeCC","keepDef","replaceDef","excludeDef","mockDef"]),f=u.next();!f.done;f=u.next()){var c=f.value;if(!(0,y.default)(this[c],e[c]))return!1}}catch(e){t={error:e}}finally{try{f&&!f.done&&(r=u.return)&&r.call(u)}finally{if(t)throw t.error}}try{for(var d=l(["defValue"]),s=d.next();!s.done;s=d.next())if(c=s.value,!(0,p.default)(this[c],e[c]))return!1}catch(e){n={error:e}}finally{try{s&&!s.done&&(o=d.return)&&o.call(d)}finally{if(n)throw n.error}}try{for(var _=l(["providerDef","defProviders"]),g=_.next();!g.done;g=_.next())if(c=g.value,!(0,p.default)(this[c],e[c],h.default))return!1}catch(e){a={error:e}}finally{try{g&&!g.done&&(i=_.return)&&i.call(_)}finally{if(a)throw a.error}}return(0,p.default)(this.configDef,e.configDef,v.default)},t}(s.MockBuilderPromise);t.MockBuilderPerformance=b},9620:function(e,t,r){var n=this&&this.__awaiter||function(e,t,r,n){return new(r||(r=Promise))((function(o,a){function i(e){try{u(n.next(e))}catch(e){a(e)}}function l(e){try{u(n.throw(e))}catch(e){a(e)}}function u(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,l)}u((n=n.apply(e,t||[])).next())}))},o=this&&this.__generator||function(e,t){var r,n,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(l){return function(u){return function(l){if(r)throw new TypeError("Generator is already executing.");for(;a&&(a=0,l[0]&&(i=0)),i;)try{if(r=1,n&&(o=2&l[0]?n.return:l[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,l[1])).done)return o;switch(n=0,o&&(l=[2&l[0],o.value]),l[0]){case 0:case 1:o=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,n=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!((o=(o=i.trys).length>0&&o[o.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!o||l[1]>o[0]&&l[1]<o[3])){i.label=l[1];break}if(6===l[0]&&i.label<o[1]){i.label=o[1],o=l;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(l);break}o[2]&&i.ops.pop(),i.trys.pop();continue}l=t.call(e,i)}catch(e){l=[6,e],n=0}finally{r=o=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,u])}}},a=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},i=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},l=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},u=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MockBuilderPromise=void 0;var f=r(2603),c=u(r(5551)),d=r(6456),s=u(r(2970)),v=r(5974),p=r(3659),h=u(r(8073)),y=r(3771),_=r(9539),g=u(r(7140)),b=u(r(1649)),m=u(r(4387)),M=u(r(1267)),k=u(r(9961)),w=u(r(7703)),O=u(r(5195)),x=u(r(1391)),j=u(r(7235)),D=u(r(8792)),S=u(r(9102)),P=function(e){return(0,p.isNgModuleDefWithProviders)(e)?{def:e.ngModule,providers:e.providers}:{def:e,providers:void 0}},C=function(e,t,r){return r?i(i([],a(Array.isArray(t)?t:[]),!1),[e],!1):e},N={},T=function(){function e(e){this.configDefault=e,this.beforeCC=new Set,this.configDef=new Map,this.defProviders=new Map,this.defValue=new Map,this.excludeDef=new Set,this.keepDef=new Set,this.mockDef=new Set,this.providerDef=new Map,this.replaceDef=new Set,this.stash=new _.MockBuilderStash,"undefined"!=typeof Symbol&&(this[Symbol.toStringTag]="Promise")}return e.prototype.beforeCompileComponents=function(e){return this.beforeCC.add(e),this},e.prototype.build=function(){this.stash.backup();var e=new c.default;h.default.config.set("mockNgDefResolver",e),h.default.flags.add("hasRootModule");try{var t=this.combineParams(),r=(0,x.default)(t,(0,j.default)(t));return(0,g.default)(r,t,e),(0,O.default)(r,t,e),(0,w.default)(r),(0,b.default)(),r.providers.push((0,M.default)(),(0,k.default)(),(0,m.default)(this.replaceDef,this.defValue),y.MockBuilder),r}finally{h.default.flags.delete("hasRootModule"),h.default.config.delete("mockNgDefResolver"),this.stash.restore()}},e.prototype.catch=function(e){return n(this,void 0,Promise,(function(){return o(this,(function(t){return[2,this.then().catch(e)]}))}))},e.prototype.exclude=function(e){return this.wipe(e),this.excludeDef.add(e),this.setConfigDef(e),this},e.prototype.finally=function(e){return n(this,void 0,Promise,(function(){return o(this,(function(t){return[2,this.then().finally(e)]}))}))},e.prototype.keep=function(e,t){var r=P(e),n=r.def,o=r.providers,l=this.keepDef.has(n)?this.defProviders.get(n):[];return this.wipe(n),this.keepDef.add(n),o&&this.defProviders.set(n,i(i([],a(l||[]),!1),a(o),!1)),this.setConfigDef(n,t),this},e.prototype.mock=function(e,t,r){void 0===t&&(t=N);var n=P(e),o=n.def,l=n.providers,u=(0,D.default)(o,t,r,N),f=u.config,c=u.mock;if((0,v.isNgDef)(c)&&(0,v.isNgDef)(e)&&!(0,v.isNgDef)(e,"t"))throw new Error(["MockBuilder.mock(".concat((0,s.default)(e),") received a class when its shape is expected."),"Please try ngMocks.defaultMock instead."].join(" "));var d=this.mockDef.has(o)?this.defProviders.get(o):[];return this.wipe(o),this.mockDef.add(o),l&&this.defProviders.set(o,i(i([],a(d||[]),!1),a(l),!1)),this.setDefValue(o,c),this.setConfigDef(o,f),this},e.prototype.provide=function(e){var t,r;try{for(var n=l((0,d.flatten)(e)),o=n.next();!o.done;o=n.next()){var a=o.value,i=(0,S.default)(a),u=i.provide,f=i.multi,c=this.providerDef.has(u)?this.providerDef.get(u):[];this.providerDef.set(u,C(a,c,f))}}catch(e){t={error:e}}finally{try{o&&!o.done&&(r=n.return)&&r.call(n)}finally{if(t)throw t.error}}return this},e.prototype.replace=function(e,t,r){if(!(0,v.isNgDef)(t)||!(0,v.isNgDef)(e)||(0,v.isNgDef)(t,"i")||(0,v.isNgDef)(e,"i"))throw new Error("Cannot replace the declaration, both have to be a Module, a Component, a Directive or a Pipe, for Providers use `.mock` or `.provide`");return this.wipe(e),this.replaceDef.add(e),this.defValue.set(e,t),this.setConfigDef(e,r),this},e.prototype.then=function(e,t){return n(this,void 0,Promise,(function(){var r,n=this;return o(this,(function(o){return r=new Promise((function(e){var t,r,o=f.TestBed.configureTestingModule(n.build());try{for(var a=l((0,d.mapValues)(n.beforeCC)),i=a.next();!i.done;i=a.next())(0,i.value)(o)}catch(e){t={error:e}}finally{try{i&&!i.done&&(r=a.return)&&r.call(a)}finally{if(t)throw t.error}}o.compileComponents().then((function(){e({testBed:o})}))})),[2,r.then(e,t)]}))}))},e.prototype.combineParams=function(){return{configDef:this.configDef,configDefault:this.configDefault,defProviders:this.defProviders,defValue:this.defValue,excludeDef:this.excludeDef,keepDef:this.keepDef,mockDef:this.mockDef,providerDef:this.providerDef,replaceDef:this.replaceDef}},e.prototype.setConfigDef=function(e,t){!t&&this.configDef.has(e)||this.configDef.set(e,null!=t?t:this.configDefault)},e.prototype.setDefValue=function(e,t){t===N?this.defValue.delete(e):this.defValue.set(e,t)},e.prototype.wipe=function(e){this.defProviders.delete(e),this.defValue.delete(e),this.excludeDef.delete(e),this.keepDef.delete(e),this.mockDef.delete(e),this.providerDef.delete(e),this.replaceDef.delete(e)},e}();t.MockBuilderPromise=T},3771:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MockBuilder=s;var i=a(r(3174)),l=r(6456),u=r(6580),f=a(r(8073)),c=a(r(5020)),d=r(9755);function s(){for(var e,t,r,a,s,v,p=[],h=0;h<arguments.length;h++)p[h]=arguments[h];var y=n(p,2),_=y[0],g=y[1],b=new d.MockBuilderPerformance(p.length<2?{export:!0}:{dependency:!0}),m=f.default.config.get("MockBuilderExtensions"),M=function(e){if((0,c.default)(b,e))throw new Error("MockBuilder.".concat(e," is a base method and cannot be customized, please use a different name."));(0,i.default)(b,e,(function(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return m.get(e)(b,t),b}))};try{for(var k=o(m?(0,l.mapKeys)(m):[]),w=k.next();!w.done;w=k.next())M(w.value)}catch(t){e={error:t}}finally{try{w&&!w.done&&(t=k.return)&&t.call(k)}finally{if(e)throw e.error}}if(_)try{for(var O=o((0,l.flatten)(_)),x=O.next();!x.done;x=O.next()){var j=x.value;b.keep(j,{export:!0,shallow:(0,u.isStandalone)(j)})}}catch(e){r={error:e}}finally{try{x&&!x.done&&(a=O.return)&&a.call(O)}finally{if(r)throw r.error}}if(g)try{for(var D=o((0,l.flatten)(g)),S=D.next();!S.done;S=D.next())j=S.value,b.mock(j,j,{export:!0,exportAll:!0})}catch(e){s={error:e}}finally{try{S&&!S.done&&(v=D.return)&&v.call(D)}finally{if(s)throw s.error}}return b}!function(e){e.extend=function(e,t){!function(e,t){var r,n=null!==(r=f.default.config.get("MockBuilderExtensions"))&&void 0!==r?r:new Map;t?(n.set(e,t),f.default.config.set("MockBuilderExtensions",n)):n.delete(e)}(e,t)}}(s||(t.MockBuilder=s={}))},2739:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(2801));t.default=function(e,t){return t===e||t.dependency===e.dependency&&t.export===e.export&&t.exportAll===e.exportAll&&!!(0,o.default)(e.render,t.render)}},9049:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")};Object.defineProperty(t,"__esModule",{value:!0});var o=r(6456);t.default=function(e,t,r){var a,i;if(void 0===r&&(r=function(e,t){return e===t}),!t||t.size!==e.size)return!1;try{for(var l=n((0,o.mapKeys)(e)),u=l.next();!u.done;u=l.next()){var f=u.value;if(!t.has(f))return!1;if(!r(t.get(f),e.get(f)))return!1}}catch(e){a={error:e}}finally{try{u&&!u.done&&(i=l.return)&&i.call(l)}finally{if(a)throw a.error}}return!0}},7570:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i};Object.defineProperty(t,"__esModule",{value:!0});var a=r(6456),i=function(e,t){for(var r,o,a=[],i=2;i<arguments.length;i++)a[i-2]=arguments[i];try{for(var l=n(a),u=l.next();!u.done;u=l.next()){var f=u.value;if(t&&e&&t[f]&&e[f]&&t[f]===e[f])return!0}}catch(e){r={error:e}}finally{try{u&&!u.done&&(o=l.return)&&o.call(l)}finally{if(r)throw r.error}}return t===e};t.default=function(e,t){if(Array.isArray(e)!==Array.isArray(t))return!1;var r=o([(0,a.flatten)(e),(0,a.flatten)(t)],2),n=r[0],l=r[1];if(n.length!==l.length)return!1;for(var u=0;u<n.length;u+=1){var f=o([n[u],l[u]],2),c=f[0],d=f[1];if(c&&d&&c.multi!==d.multi)return!1;if(!i(d,c,"useValue","useClass","useFactory","useExisting"))return!1}return!0}},1271:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")};Object.defineProperty(t,"__esModule",{value:!0});var o=r(6456);t.default=function(e,t){var r,a;if(!t||t.size!==e.size)return!1;try{for(var i=n((0,o.mapValues)(e)),l=i.next();!l.done;l=i.next()){var u=l.value;if(!t.has(u))return!1}}catch(e){r={error:e}}finally{try{l&&!l.done&&(a=i.return)&&a.call(i)}finally{if(r)throw r.error}}return!0}},2801:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(5432));t.default=function(e,t){return!(!(0,a.default)(t,e)||"object"==typeof t&&"object"==typeof e&&function(e,t){var r,o;if(Object.keys(e).length!==Object.keys(t).length)return!0;try{for(var i=n(Object.keys(e)),l=i.next();!l.done;l=i.next()){var u=l.value;if(!(0,a.default)(e[u],t[u]))return!0}}catch(e){r={error:e}}finally{try{l&&!l.done&&(o=i.return)&&o.call(i)}finally{if(r)throw r.error}}return!1}(t,e))}},5432:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(9382));t.default=function(e,t){return e===t||("boolean"!=typeof e&&"boolean"!=typeof t||e===t)&&e.$implicit===t.$implicit&&(0,o.default)(e.variables,t.variables)}},9382:function(e,t){var r=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")};Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){return e===t||!(e&&!t||!e&&t)&&!function(e,t){var n,o,a=Object.keys(e),i=Object.keys(t);if(a.length!==i.length)return!0;try{for(var l=r(a),u=l.next();!u.done;u=l.next()){var f=u.value;if(e[f]!==t[f])return!0}}catch(e){n={error:e}}finally{try{u&&!u.done&&(o=l.return)&&o.call(l)}finally{if(n)throw n.error}}return!1}(e,t)}},5633:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){return{beforeCC:new Set,configDef:new Map,defProviders:new Map,defValue:new Map,excludeDef:new Set,keepDef:new Set,mockDef:new Set,providerDef:new Map,replaceDef:new Set}}},4503:function(e,t){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},r.apply(this,arguments)},n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))};Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return r(r({},e),{declarations:o([],n(e.declarations||[]),!1),imports:o([],n(e.imports||[]),!1),providers:o([],n(e.providers||[]),!1)})}},2504:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(1763),a=n(r(8073)),i=n(r(70));t.default=function(e,t,r){(0,i.default)(r)||!t.has(o.NG_MOCKS_ROOT_PROVIDERS)&&a.default.config.get("ngMocksDepsSkip").has(r)||e.add(r)}},7140:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=r(6456),i=o(r(8911)),l=o(r(6297)),u=o(r(8073)),f=o(r(3663));t.default=function(e,t,r){var o,c,d,s,v,p,h=t.providerDef,y=t.mockDef;try{for(var _=n((0,a.mapValues)(h)),g=_.next();!g.done;g=_.next()){var b=g.value;e.providers.push(b)}}catch(e){o={error:e}}finally{try{g&&!g.done&&(c=_.return)&&c.call(_)}finally{if(o)throw o.error}}try{for(var m=n((0,a.flatten)(e.providers)),M=m.next();!M.done;M=m.next()){b=M.value;var k=(0,l.default)(b);u.default.touches.add(k),k!==b&&b.deps&&(0,a.extractDependency)(b.deps,u.default.config.get("ngMocksDeps"))}}catch(e){d={error:e}}finally{try{M&&!M.done&&(s=m.return)&&s.call(m)}finally{if(d)throw d.error}}try{for(var w=n((0,a.mapValues)(y)),O=w.next();!O.done;O=w.next()){var x=O.value;u.default.touches.has(x)||"root"!==(0,i.default)(x)||(e.providers.push((0,f.default)(x,r)),u.default.touches.add(x))}}catch(e){v={error:e}}finally{try{O&&!O.done&&(p=w.return)&&p.call(w)}finally{if(v)throw v.error}}}},1649:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=r(2603),i=r(6456),l=o(r(6297)),u=o(r(8073));t.default=function(){var e,t,r=(0,a.getTestBed)();if(r.ngModule)try{for(var o=n((0,i.flatten)(r.ngModule)),f=o.next();!f.done;f=o.next()){var c=f.value;u.default.touches.add((0,l.default)(c))}}catch(t){e={error:t}}finally{try{f&&!f.done&&(t=o.return)&&t.call(o)}finally{if(e)throw e.error}}}},646:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t,r){"function"==typeof e&&-1===r.indexOf(e)&&(r.push(e),t.push(e))}},4387:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=r(6456),i=o(r(1381)),l=r(1763),u=o(r(8073)),f=o(r(5884)),c=o(r(4483));t.default=function(e,t){var r,o,d,s,v=new Map;try{for(var p=n((0,a.mapValues)(u.default.touches)),h=p.next();!h.done;h=p.next()){var y=h.value,_=u.default.getBuildDeclaration(y)||y;if(!(0,c.default)(e,t,y,_)){var g=(0,i.default)(_),b=(0,f.default)(g);if(b){var m={};try{for(var M=(d=void 0,n(Object.keys(b))),k=M.next();!k.done;k=M.next()){var w=k.value;m[w]=g[w]}}catch(e){d={error:e}}finally{try{k&&!k.done&&(s=M.return)&&s.call(M)}finally{if(d)throw d.error}}v.set(_,[{set:b},{set:m}])}}}}catch(e){r={error:e}}finally{try{h&&!h.done&&(o=p.return)&&o.call(p)}finally{if(r)throw r.error}}return{provide:l.NG_MOCKS_OVERRIDES,useValue:v}}},1267:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},a=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var l=r(6456),u=r(1763),f=i(r(8073));t.default=function(){var e,t,r=new Map;try{for(var i=a(o(o(o(o([],n((0,l.mapEntries)(f.default.builtProviders)),!1),n((0,l.mapEntries)(f.default.builtDeclarations)),!1),n((0,l.mapEntries)(f.default.cacheDeclarations)),!1),n((0,l.mapEntries)(f.default.cacheProviders)),!1)),c=i.next();!c.done;c=i.next()){var d=n(c.value,2),s=d[0],v=d[1];r.has(s)||r.set(s,v)}}catch(t){e={error:t}}finally{try{c&&!c.done&&(t=i.return)&&t.call(i)}finally{if(e)throw e.error}}return{provide:u.NG_MOCKS,useValue:r}}},9961:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=r(6456),i=r(1763),l=o(r(8073));t.default=function(){var e,t,r=new Set;try{for(var o=n((0,a.mapValues)(l.default.touches)),u=o.next();!u.done;u=o.next()){var f=u.value,c=l.default.getBuildDeclaration(f);void 0===c&&(c=f),r.add(f),r.add(c)}}catch(t){e={error:t}}finally{try{u&&!u.done&&(t=o.return)&&t.call(o)}finally{if(e)throw e.error}}return{provide:i.NG_MOCKS_TOUCHES,useValue:r}}},8608:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(7285));t.default=function(e){var t,r;if(e){var o;try{for(var i=n(e),l=i.next();!l.done;l=i.next()){var u=l.value;u&&"object"==typeof u&&u.token&&(o=u.token),o||!u||"object"==typeof u&&u.ngMetadataName||(o=u)}}catch(e){t={error:e}}finally{try{l&&!l.done&&(r=i.return)&&r.call(i)}finally{if(t)throw t.error}}return(0,a.default)(o)}}},5884:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(8073)),i=o(r(224));t.default=function(e){if(e){var t=a.default.flags.has("skipMock");t||a.default.flags.add("skipMock");var r=n((0,i.default)(e),2),o=r[0],l=r[1];if(t||a.default.flags.delete("skipMock"),o)return l}}},8703:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(8749)),i=r(1763),l=o(r(8073)),u=o(r(2504)),f=o(r(646)),c=o(r(8608)),d=o(r(1978)),s=o(r(7213)),v=o(r(4995));t.default=function(e){var t,r,o,p,h,y,_=new Set,g=(0,d.default)(),b=g.buckets,m=g.touched;try{for(var M=n(b),k=M.next();!k.done;k=M.next()){var w=k.value;try{for(var O=(o=void 0,n(w)),x=O.next();!x.done;x=O.next()){var j=x.value;(0,u.default)(_,e,j);try{for(var D=(h=void 0,n((0,a.default)(j))),S=D.next();!S.done;S=D.next()){var P=S.value,C=(0,c.default)(P);(0,s.default)(C),(0,v.default)(C)||((0,f.default)(C,m,w),e.has(i.NG_MOCKS_ROOT_PROVIDERS)||!l.default.config.get("ngMocksDepsSkip").has(j)?_.add(C):l.default.config.get("ngMocksDepsSkip").add(C))}}catch(e){h={error:e}}finally{try{S&&!S.done&&(y=D.return)&&y.call(D)}finally{if(h)throw h.error}}}}catch(e){o={error:e}}finally{try{x&&!x.done&&(p=O.return)&&p.call(O)}finally{if(o)throw o.error}}}}catch(e){t={error:e}}finally{try{k&&!k.done&&(r=M.return)&&r.call(M)}finally{if(t)throw t.error}}return _}},1978:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var i=r(6456),l=a(r(8073));t.default=function(){var e=[(0,i.mapValues)(l.default.config.get("ngMocksDepsSkip")),(0,i.mapValues)(l.default.config.get("ngMocksDeps")),(0,i.mapValues)(l.default.touches)];return{buckets:e,touched:[].concat.apply([],o([],n(e),!1))}}},7703:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},a=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var l=r(860),u=i(r(3174)),f=r(6456),c=r(1763),d=r(5974),s=i(r(1365)),v=function(e,t){if(t){var r=t.resolveComponentFactory;t.resolveComponentFactory=(0,s.default)(r,void 0,void 0,(function(a){for(var i,l=[],u=1;u<arguments.length;u++)l[u-1]=arguments[u];return r.apply(t,o([null!==(i=e.get(a))&&void 0!==i?i:a],n(l),!1))}))}};(0,u.default)(v,"parameters",[[c.NG_MOCKS],[l.ComponentFactoryResolver,new l.Optional]]);var p=function(){};(0,l.NgModule)()(p),t.default=function(e){var t,r,n=[];try{for(var o=a(e.declarations),i=o.next();!i.done;i=o.next()){var u=i.value;(0,d.isNgDef)(u,"c")&&n.push(u)}}catch(e){t={error:e}}finally{try{i&&!i.done&&(r=o.return)&&r.call(o)}finally{if(t)throw t.error}}var c=(0,f.extendClass)(v);(0,l.NgModule)({entryComponents:p.ɵmod?[]:n})(c),e.imports.push(c)}},7213:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(8911)),a=n(r(8073));t.default=function(e){if(!a.default.touches.has(e)){var t=(0,o.default)(e);t&&a.default.config.get("ngMocksDepsSkip").has(t)&&a.default.config.get("ngMocksDepsSkip").add(e)}}},5195:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=r(6456),i=r(1763),l=r(4152),u=o(r(8073)),f=o(r(3663)),c=o(r(9465)),d=o(r(8703));t.default=function(e,t,r){var o,s,v=t.keepDef,p=t.mockDef,h=v.has(i.NG_MOCKS_ROOT_PROVIDERS)?new Set:(0,d.default)(p);if(h.size>0){var y=function(t){var n=(0,f.default)(t,r);if(n)e.providers.push(n);else if((0,l.isNgInjectionToken)(t)){var o=u.default.config.has("ngMocksMulti")&&u.default.config.get("ngMocksMulti").has(t);e.providers.push((0,c.default)(t,(function(){return o?[]:void 0})))}};try{for(var _=n((0,a.mapValues)(h)),g=_.next();!g.done;g=_.next())y(g.value)}catch(e){o={error:e}}finally{try{g&&!g.done&&(s=_.return)&&s.call(_)}finally{if(o)throw o.error}}}}},2710:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=r(6456),i=o(r(8073));t.default=function(e){var t,r,o=i.default.builtDeclarations,l=i.default.builtProviders,u=i.default.config.get("ngMocksDepsResolution");try{for(var f=n((0,a.mapValues)(e)),c=f.next();!c.done;c=f.next()){var d=c.value;o.set(d,null),l.set(d,null),u.set(d,"exclude")}}catch(e){t={error:e}}finally{try{c&&!c.done&&(r=f.return)&&r.call(f)}finally{if(t)throw t.error}}}},7651:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=r(6456),i=r(5204),l=o(r(8073));t.default=function(e,t){var r,o,u=new Set,f=l.default.builtDeclarations,c=l.default.builtProviders,d=l.default.config.get("ngMocksDepsResolution");try{for(var s=n((0,a.mapValues)(e)),v=s.next();!v.done;v=s.next()){var p=v.value;f.set(p,p),c.set(p,p),d.set(p,"keep"),t.get(p).shallow&&(0,i.funcExtractDeps)(p,u)}}catch(e){r={error:e}}finally{try{v&&!v.done&&(o=s.return)&&o.call(s)}finally{if(r)throw r.error}}return u}},102:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=r(6456),i=o(r(8073)),l=o(r(4161));t.default=function(e,t){var r,o,u=i.default.builtDeclarations,f=i.default.config.get("ngMocksDepsResolution");try{for(var c=n((0,a.mapValues)(e)),d=c.next();!d.done;d=c.next()){var s=d.value,v=!i.default.touches.has(s);f.set(s,"mock"),u.set(s,void 0),(0,l.default)(s,t),v&&i.default.touches.delete(s)}}catch(e){r={error:e}}finally{try{d&&!d.done&&(o=c.return)&&o.call(c)}finally{if(r)throw r.error}}}},3680:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(8073));t.default=function(e,t){var r,n=null!==(r=o.default.config.get("mockNgDefResolver").get(e))&&void 0!==r?r:o.default.getBuildDeclaration(e),a=t.has(e)?t.get(e):void 0;return a?{ngModule:n,providers:a}:n}},1159:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},a=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var l=r(6456),u=r(5974),f=i(r(8073)),c=r(3821),d=i(r(224)),s=i(r(4673)),v=i(r(8150));t.default=function(e,t,r,i){var p,h,y,_,g,b,m,M,k,w=new Map;try{for(var O=a(o(o(o([],n((0,l.mapValues)(e)),!1),n((0,l.mapValues)(t)),!1),n((0,l.mapValues)(r)),!1)),x=O.next();!x.done;x=O.next()){var j=x.value,D=(0,s.default)(j),S=o(o(o([],n(null!==(g=i.get(j))&&void 0!==g?g:[]),!1),n(null!==(m=null===(b=D.Component)||void 0===b?void 0:b.providers)&&void 0!==m?m:[]),!1),n(null!==(k=null===(M=D.Directive)||void 0===M?void 0:M.providers)&&void 0!==k?k:[]),!1),P=!f.default.touches.has(j);t.has(j)||f.default.flags.add("skipMock");var C=(0,u.isNgDef)(j,"m");if(S.length>0){var N=n((0,d.default)({providers:S,skipMarkProviders:!C,skipExports:!0}),2)[1];w.set(j,N.providers)}C&&f.default.builtDeclarations.set(j,(0,c.MockModule)(j)),f.default.flags.delete("skipMock"),P&&f.default.touches.delete(j)}}catch(e){p={error:e}}finally{try{x&&!x.done&&(h=O.return)&&h.call(O)}finally{if(p)throw p.error}}try{for(var T=a((0,l.mapValues)(t)),E=T.next();!E.done;E=T.next())j=E.value,(0,v.default)(j)}catch(e){y={error:e}}finally{try{E&&!E.done&&(_=T.return)&&_.call(T)}finally{if(y)throw y.error}}return w}},1391:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},a=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var l=r(6456),u=i(r(8911)),f=i(r(1585)),c=i(r(2970)),d=i(r(6297)),s=r(5974),v=r(4152),p=r(6580),h=i(r(8073)),y=i(r(7610)),_=i(r(6860)),g=i(r(3680)),b=function(e,t,r){var o,a,i=e.imports,u=e.declarations,c=e.providers;(function(e){return h.default.touches.has(e)||(0,s.isNgDef)(e)||(0,v.isNgInjectionToken)(e)||"string"==typeof e})(t)||(0,f.default)(t);var _=!1;if((0,s.isNgDef)(t,"m")){var b=(0,g.default)(t,r);if(i.push(b),_=!0,"object"==typeof b&&b.providers)try{for(var m=n((0,l.flatten)(b.providers)),M=m.next();!M.done;M=m.next()){var k=M.value;h.default.touches.add((0,d.default)(k))}}catch(e){o={error:e}}finally{try{M&&!M.done&&(a=m.return)&&a.call(m)}finally{if(o)throw o.error}}}if(((0,s.isNgDef)(t,"c")||(0,s.isNgDef)(t,"d")||(0,s.isNgDef)(t,"p"))&&(((0,p.isStandalone)(t)?i:u).push(h.default.getBuildDeclaration(t)),_=!0),(0,s.isNgDef)(t,"i")||!(0,s.isNgDef)(t)){var w=h.default.builtProviders.get(t);w&&"string"!=typeof w&&!1===(0,s.isNgDef)(w,"t")&&(c.push(w),_=!0)}_&&((0,y.default)(t),h.default.touches.add(t))},m=function(e,t,r){var o,a,i=t.get(e),u=r.get(e)||{};if((0,s.isNgDef)(e,"m")&&u.onRoot)return e;if(!(null==i?void 0:i.exported))return e;try{for(var f=n((0,l.mapValues)(i.exported)),c=f.next();!c.done;c=f.next()){var d=c.value,v=m(d,t,r);if(v)return v}}catch(e){o={error:e}}finally{try{c&&!c.done&&(a=f.return)&&a.call(f)}finally{if(o)throw o.error}}},M=function(e,t){var r=(0,s.isNgDef)(e,"m"),n=(0,s.isNgDef)(t,"m");return r&&n?0:r?-1:n?1:0};t.default=function(e,t){var r,i,f,d,v=e.configDefault,p=e.keepDef,y=e.mockDef,g=e.replaceDef,k={imports:[],declarations:[],providers:[]},w=[],O=[],x=a(a(a([],o((0,l.mapValues)(y)),!1),o((0,l.mapValues)(p)),!1),o((0,l.mapValues)(g)),!1);x.sort(M);try{for(var j=n(x),D=j.next();!D.done;D=j.next()){var S=D.value;if((E=(0,s.isNgDef)(S,"m")&&t.has(S)?S:m(S,h.default.configInstance,h.default.config))&&-1===w.indexOf(E)){var P=h.default.config.get(E)||{__set:!0};w.push(E),P.onRoot=P.onRoot||!P.dependency,P.__set&&(P.__set=void 0,h.default.config.set(E,P)),(0,s.isNgDef)(E,"m")&&P.onRoot?b(k,E,t):P.dependency||!P.export||!(0,s.isNgDef)(E,"i")&&(0,s.isNgDef)(E)?!P.dependency&&P.export?b(k,E,t):h.default.touches.has(E)||P.dependency?!P.dependency||!v.dependency||"root"===(0,u.default)(E)||"object"==typeof E&&E.__ngMocksSkip||O.push(E):b(k,E,t):(b(k,E,t),(0,_.default)([E]))}}}catch(e){r={error:e}}finally{try{D&&!D.done&&(i=j.return)&&i.call(j)}finally{if(r)throw r.error}}var C=h.default.global.get("flags");try{for(var N=n(O),T=N.next();!T.done;T=N.next()){var E=T.value;if(!h.default.touches.has(E)){var A=["MockBuilder has found a missing dependency: ".concat((0,c.default)(E),"."),"It means no module provides it.",'Please, use the "export" flag if you want to add it explicitly.',"https://ng-mocks.sudo.eu/api/MockBuilder#export-flag"].join(" ");if("warn"===C.onMockBuilderMissingDependency)console.warn(A);else if("throw"===C.onMockBuilderMissingDependency)throw new Error(A)}}}catch(e){f={error:e}}finally{try{T&&!T.done&&(d=N.return)&&d.call(N)}finally{if(f)throw f.error}}return k}},8500:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=r(6456),i=o(r(8073));t.default=function(e,t){var r,o,l=i.default.builtDeclarations,u=i.default.config.get("ngMocksDepsResolution");try{for(var f=n((0,a.mapValues)(e)),c=f.next();!c.done;c=f.next()){var d=c.value;l.set(d,t.get(d)),u.set(d,"replace")}}catch(e){r={error:e}}finally{try{c&&!c.done&&(o=f.return)&&o.call(f)}finally{if(r)throw r.error}}}},7235:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},o=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},a=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var l=r(6456),u=r(5204),f=i(r(8073)),c=i(r(2710)),d=i(r(7651)),s=i(r(102)),v=i(r(1159)),p=i(r(8500));t.default=function(e){var t,r,i,h,y,_,g,b,m,M,k,w,O=e.configDef,x=e.defProviders,j=e.defValue,D=e.excludeDef,S=e.keepDef,P=e.mockDef,C=e.replaceDef;f.default.flags.add("cachePipe"),f.default.config.set("ngMocksMulti",new Set),f.default.config.set("ngMocksDeps",new Set),f.default.config.set("ngMocksDepsSkip",new Set),f.default.config.set("ngMocksDepsResolution",new Map);var N=(0,d.default)(S,O);try{for(var T=o((0,l.mapValues)(N)),E=T.next();!E.done;E=T.next()){var A=E.value;f.default.touches.add(A)}}catch(e){t={error:e}}finally{try{E&&!E.done&&(r=T.return)&&r.call(T)}finally{if(t)throw t.error}}try{for(var R=o((0,l.mapValues)(S)),I=R.next();!I.done;I=R.next())A=I.value,N.add(A),(0,u.funcExtractDeps)(A,N,!0)}catch(e){i={error:e}}finally{try{I&&!I.done&&(h=R.return)&&h.call(R)}finally{if(i)throw i.error}}try{for(var V=o((0,l.mapValues)(P)),B=V.next();!B.done;B=V.next())A=B.value,N.add(A),(0,u.funcExtractDeps)(A,N,!0)}catch(e){y={error:e}}finally{try{B&&!B.done&&(_=V.return)&&_.call(V)}finally{if(y)throw y.error}}try{for(var F=o((0,l.mapValues)(C)),L=F.next();!L.done;L=F.next())A=L.value,N.add(A),(0,u.funcExtractDeps)(A,N,!0)}catch(e){g={error:e}}finally{try{L&&!L.done&&(b=F.return)&&b.call(F)}finally{if(g)throw g.error}}try{for(var K=o((0,l.mapValues)(N)),G=K.next();!G.done;G=K.next())if(A=G.value,!O.has(A)){var q=f.default.getResolution(A);"replace"===q?(C.add(A),j.set(A,f.default.getBuildDeclaration(A))):"keep"===q?S.add(A):"exclude"===q?D.add(A):("mock"===q||f.default.touches.has(A))&&P.add(A),O.set(A,f.default.touches.has(A)?{dependency:!0,__internal:!0}:{})}}catch(e){m={error:e}}finally{try{G&&!G.done&&(M=K.return)&&M.call(K)}finally{if(m)throw m.error}}try{for(var U=o((0,l.mapEntries)(O)),z=U.next();!z.done;z=U.next()){var W=a(z.value,2),H=W[0],$=W[1];f.default.config.set(H,n(n(n({},f.default.getConfigMock().get(H)),$),{defValue:j.get(H)}))}}catch(e){k={error:e}}finally{try{z&&!z.done&&(w=U.return)&&w.call(U)}finally{if(k)throw k.error}}return(0,p.default)(C,j),(0,c.default)(D),(0,s.default)(P,j),(0,v.default)(S,P,C,x)}},8792:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0});var n=r(5974);t.default=function(e,t,r,o){var a=e===t?o:t,i=null!=r?r:t!==o&&"object"==typeof t?t:void 0;return(0,n.isNgDef)(e,"p")&&"function"==typeof t&&t!==e&&!(0,n.isNgDef)(t,"p")?(a={transform:t},i=r):!(0,n.isNgDef)(e,"i")&&(0,n.isNgDef)(e)||(i=r),{config:i,mock:a=a===i?o:a}}},9102:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(6297));t.default=function(e){var t=(0,o.default)(e);return{multi:t!==e&&e.multi,provide:t}}},70:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(4358),a=n(r(3295)),i=n(r(8911)),l=r(4152),u=n(r(8073));t.default=function(e){if(function(e){if(!e||e===o.DOCUMENT||u.default.touches.has(e))return!0;var t=function(e){var t=u.default.getResolution(e);return"keep"===t||"exclude"===t||"mock"!==t&&void 0}(e);return void 0!==t?t:"function"==typeof e&&-1!==a.default.neverMockProvidedFunction.indexOf(e.name)||!(!(0,l.isNgInjectionToken)(e)||-1===a.default.neverMockToken.indexOf(e.toString()))}(e))return!0;var t=(0,i.default)(e);return!("function"!=typeof e||t&&"platform"!==t)}},4483:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(8073));t.default=function(e,t,r,n){return!!o.default.cacheDeclarations.has(n)||!(!e.has(r)||n!==t.get(r))}},4995:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(8073)),a=n(r(70));t.default=function(e){return!!(0,a.default)(e)||o.default.config.get("ngMocksDepsSkip").has(e)}},8150:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(5974),a=n(r(8073)),i=r(5395),l=r(8339),u=r(2937);t.default=function(e){void 0===a.default.builtDeclarations.get(e)&&((0,o.isNgDef)(e,"c")&&a.default.builtDeclarations.set(e,(0,i.MockComponent)(e)),(0,o.isNgDef)(e,"d")&&a.default.builtDeclarations.set(e,(0,l.MockDirective)(e)),(0,o.isNgDef)(e,"p")&&a.default.builtDeclarations.set(e,(0,u.MockPipe)(e)))}},4161:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(5974),a=n(r(8073)),i=n(r(8195)),l=n(r(9465)),u=n(r(2415));t.default=function(e,t){if((0,o.isNgDef)(e,"i")&&t.has(e)){var r=a.default.config.get(e),n=t.get(e);a.default.builtProviders.set(e,(0,l.default)(e,void 0,(function(e){return function(e,t,r){return r.precise?t:(0,i.default)(e,t)}(e,n,r)})))}else(0,o.isNgDef)(e,"i")&&a.default.builtProviders.set(e,(0,u.default)(e,!0));if(!(0,o.isNgDef)(e)&&t.has(e)){var f=t.get(e);a.default.builtProviders.set(e,(0,l.default)(e,void 0,(function(){return f})))}else(0,o.isNgDef)(e)||a.default.builtProviders.set(e,(0,u.default)(e,!0))}},2938:function(e,t){Object.defineProperty(t,"__esModule",{value:!0})},5395:function(e,t,r){var n,o=this&&this.__extends||(n=function(e,t){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},n(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}),a=this&&this.__assign||function(){return a=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)},i=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},l=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},u=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MockComponents=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.map(k)},t.MockComponent=k;var f=r(860),c=u(r(3174)),d=u(r(2023)),s=u(r(8862)),v=u(r(2137)),p=r(5980),h=u(r(6847)),y=u(r(6932)),_=u(r(9068)),g=u(r(8970)),b=function(e,t){var r,n,o,a;try{for(var l=i(Object.keys(e.context)),u=l.next();!u.done;u=l.next()){var f=u.value;e.context[f]=void 0}}catch(e){r={error:e}}finally{try{u&&!u.done&&(n=l.return)&&n.call(l)}finally{if(r)throw r.error}}try{for(var c=i(Object.keys(t)),d=c.next();!d.done;d=c.next())f=d.value,e.context[f]=t[f]}catch(e){o={error:e}}finally{try{d&&!d.done&&(a=c.return)&&a.call(c)}finally{if(o)throw o.error}}e.markForCheck()},m=function(e){function t(t,r,n){var o,u,d=e.call(this,t,r)||this;return(0,v.default)(d)&&(o=d,u=n,(0,c.default)(o,"__render",(function(e,t,r){var n=l((0,g.default)(e),4),c=n[0],d=n[1],s=n[2],v=n[3],p=function(e,t,r,n){var o=e["__vcrIf_".concat(t,"_").concat(r)],a=e["__trIf_".concat(t,"_").concat(r)];return o&&a&&!e["ngMocksRender_".concat(t,"_").concat(r)]&&(e["ngMocksRender_".concat(t,"_").concat(r)]=o.createEmbeddedView(a,{}),n.detectChanges()),e["__mockView_".concat(t,"_").concat(r)]}(o,c,s,u);if(p){var h=o[d],y=h instanceof f.QueryList?h.toArray():[h],_=o["ngMocksRender_".concat(c,"_").concat(s,"_views")]||[],m=function(e,t,r,n,o,a){var l,u,c=-1;try{for(var d=i(r),s=d.next();!s.done;s=d.next()){var v=s.value;if(n[c+=1]=n[c]||void 0,(!o||-1!==o.indexOf(c))&&v){if(!(v instanceof f.TemplateRef))throw new Error("Cannot find TemplateRef");n[c]||(n[c]=e.createEmbeddedView(v,{})),b(n[c],a)}}}catch(e){l={error:e}}finally{try{s&&!s.done&&(u=d.return)&&u.call(d)}finally{if(l)throw l.error}}return t.detectChanges(),c}(p,u,y,_,v,a(a({},r),{$implicit:t}));!function(e,t,r){var n,o,a,l;try{for(var u=i(t.splice(r+1)),f=u.next();!f.done;f=u.next())(v=f.value).destroy()}catch(e){n={error:e}}finally{try{f&&!f.done&&(o=u.return)&&o.call(u)}finally{if(n)throw n.error}}var c=0;try{for(var d=i(t),s=d.next();!s.done;s=d.next()){var v;(v=s.value)&&(e.move(v,c),c+=1)}}catch(e){a={error:e}}finally{try{s&&!s.done&&(l=d.return)&&l.call(d)}finally{if(a)throw a.error}}}(p,_,m),o["ngMocksRender_".concat(c,"_").concat(s,"_views")]=_,u.detectChanges()}})),function(e,t){(0,c.default)(e,"__hide",(function(r){var n=l((0,g.default)(r),4),o=n[0],a=n[2],u=n[3];e["ngMocksRender_".concat(o,"_").concat(a)]&&(function(e,t,r,n){var o,a,l=e["ngMocksRender_".concat(t,"_").concat(r,"_views")],u=-1;try{for(var f=i(l),c=f.next();!c.done;c=f.next()){var d=c.value;u+=1,n&&-1===n.indexOf(u)||!d||(d.destroy(),l[u]=void 0)}}catch(e){o={error:e}}finally{try{c&&!c.done&&(a=f.return)&&a.call(f)}finally{if(o)throw o.error}}}(e,o,a,u),u||(e["ngMocksRender_".concat(o,"_").concat(a)].destroy(),e["ngMocksRender_".concat(o,"_").concat(a)]=void 0),t.detectChanges())}))}(d,n)),d}return o(t,e),t.prototype.ngAfterViewInit=function(){var e,t,r=this.__ngMocksConfig.config;if(!this.__rendered&&r&&r.render){try{for(var n=i(Object.keys(r.render)),o=n.next();!o.done;o=n.next()){var a=o.value,l=!0===r.render[a]?{$implicit:void 0,variables:{}}:r.render[a],u=l.$implicit,f=l.variables;this.__render(a,u,f)}}catch(t){e={error:t}}finally{try{o&&!o.done&&(t=n.return)&&t.call(n)}finally{if(e)throw e.error}}this.__rendered=!0}},t}(p.LegacyControlValueAccessor);(0,c.default)(m,"parameters",[[f.Injector],[d.default.NgControl||function(){},new f.Optional,new f.Self],[f.ChangeDetectorRef]]);var M=function(e,t){var r=(0,s.default)(e);(0,f.Component)((0,h.default)(e,t,r,{template:(0,_.default)(r.queries)}))(t)};function k(e){return(0,y.default)(e,"c","MockComponent","cacheComponent",m,M)}},9068:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")};Object.defineProperty(t,"__esModule",{value:!0});var o=r(860),a={read:o.ViewContainerRef,static:!1},i={read:o.TemplateRef,static:!1},l=function(e,t){var r="<div data-".concat(t,'="').concat(e,'"><ng-template #').concat(t,"_").concat(e,"></ng-template></div>");return"<ng-template #ngIf_".concat(t,"_").concat(e,">").concat(r,"</ng-template>")},u=function(e){return!(e.isViewQuery||e.read&&e.read!==o.TemplateRef||"string"!=typeof e.selector&&!e.read)};t.default=function(e){var t,r,f=["<ng-content></ng-content>"];if(!e)return f.join("");try{for(var c=n(Object.keys(e)),d=c.next();!d.done;d=c.next()){var s=d.value,v=e[s];if(0!==s.indexOf("__mock")&&u(v)){if("string"==typeof v.selector){var p=v.selector.replace(new RegExp("\\W","mg"),"_");e["__vcrIf_key_".concat(p)]=new o.ViewChild("ngIf_key_".concat(p),a),e["__trIf_key_".concat(p)]=new o.ViewChild("ngIf_key_".concat(p),i),e["__mockView_key_".concat(p)]=new o.ViewChild("key_".concat(p),a),e["__mockTpl_key_".concat(p)]=v,f.push(l(p,"key"))}e["__vcrIf_prop_".concat(s)]=new o.ViewChild("ngIf_prop_".concat(s),a),e["__trIf_prop_".concat(s)]=new o.ViewChild("ngIf_prop_".concat(s),i),e["__mockView_prop_".concat(s)]=new o.ViewChild("prop_".concat(s),a),f.push(l(s,"prop"))}}}catch(e){t={error:e}}finally{try{d&&!d.done&&(r=c.return)&&r.call(c)}finally{if(t)throw t.error}}return f.join("")}},8970:function(e,t){var r=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i};Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){if("string"==typeof e)return["key","__mockTpl_key_".concat(e),e,void 0];var t=r(e),n=t[0],o=t.slice(1);return["prop",n,n,o.length>0?o:void 0]}},2350:function(e,t){Object.defineProperty(t,"__esModule",{value:!0})},5269:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MockDeclarations=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.map(c)},t.MockDeclaration=c;var o=n(r(1585)),a=n(r(2970)),i=r(5974),l=r(5395),u=r(8339),f=r(2937);function c(e){if((0,i.isNgDef)(e,"p"))return(0,f.MockPipe)(e);if((0,i.isNgDef)(e,"c"))return(0,l.MockComponent)(e);if((0,i.isNgDef)(e,"d"))return(0,u.MockDirective)(e);throw(0,o.default)(e),new Error(["MockDeclaration does not know how to mock","function"==typeof e?(0,a.default)(e):e].join(" "))}},8339:function(e,t,r){var n,o=this&&this.__extends||(n=function(e,t){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},n(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}),a=this&&this.__assign||function(){return a=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MockDirectives=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.map(y)},t.MockDirective=y;var l=r(860),u=i(r(3174)),f=i(r(2023)),c=i(r(8862)),d=r(5980),s=i(r(6847)),v=i(r(6932)),p=function(e){function t(t,r,n,o,a,i){void 0===a&&(a=null),void 0===i&&(i=null);var l=e.call(this,t,r)||this;return l.__ngMocksInstall(o,n,a,i),l}return o(t,e),t.prototype.ngOnInit=function(){var e=this.__ngMocksConfig.config;if(null==e?void 0:e.render){var t=!0===e.render?{$implicit:void 0,variables:{}}:e.render,r=t.$implicit,n=t.variables;this.__render(r,n)}},t.prototype.__ngMocksInstall=function(e,t,r,n){(0,u.default)(this,"__element",r),(0,u.default)(this,"__template",n),(0,u.default)(this,"__viewContainer",e),(0,u.default)(this,"__vcr",e),(0,u.default)(this,"__cdr",t),(0,u.default)(this,"__isStructural",n&&e),(0,u.default)(this,"__render",(function(r,o){e&&n&&(e.clear(),e.createEmbeddedView(n,a(a({},o),{$implicit:r})),t.detectChanges())}))},t}(d.LegacyControlValueAccessor);(0,u.default)(p,"parameters",[[l.Injector],[f.default.NgControl||function(){},new l.Optional,new l.Self],[l.ChangeDetectorRef],[l.ViewContainerRef],[l.ElementRef,new l.Optional,new l.Self],[l.TemplateRef,new l.Optional,new l.Self]]);var h=function(e,t){var r=(0,c.default)(e),n=(0,s.default)(e,t,r,{});(0,l.Directive)(n)(t)};function y(e){return(0,v.default)(e,"d","MockDirective","cacheDirective",p,h)}},4748:function(e,t){Object.defineProperty(t,"__esModule",{value:!0})},8060:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var i=a(r(1184)),l=a(r(6755)),u=a(r(1692));t.default=function(e,t){return function(r){return!!function(e,t,r){for(var n,a,i,l=(null===(n=e.injector._tNode)||void 0===n?void 0:n.attrs)||[],u=2,f=0;f<l.length;f+=u)if("number"!=typeof l[f]){var c=l[f];if(c===t&&(null===(a=e.injector._tNode.inputs)||void 0===a?void 0:a[c])){var d=o(e.injector._tNode.inputs[c],2),s=d[0],v=d[1];if(r===(null===(i=e.injector._lView)||void 0===i?void 0:i[s][v]))return!0}}else u=1;return!1}(r,e,t)||function(e,t,r){var a,f,c,d;try{for(var s=n((0,l.default)(e)),v=s.next();!v.done;v=s.next()){var p=v.value,h=o((0,u.default)(e,p),3),y=h[0],_=h[1],g=h[2];try{for(var b=(c=void 0,n(y)),m=b.next();!m.done;m=b.next()){var M=m.value,k=(0,i.default)(M),w=k.name;if(t===(k.alias||w)&&-1!==_.indexOf(w)&&r===e.injector.view.nodes[g].instance[w])return!0}}catch(e){c={error:e}}finally{try{m&&!m.done&&(d=b.return)&&d.call(b)}finally{if(c)throw c.error}}}}catch(e){a={error:e}}finally{try{v&&!v.done&&(f=s.return)&&f.call(s)}finally{if(a)throw a.error}}return!1}(r,e,t)}}},8864:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(5465)),i=o(r(908));t.default=function(e){return function(t){var r=n((0,i.default)(t),2),o=r[0];return-1!==r[1].indexOf(e)||!!(0,a.default)(o,e)}}},12:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(4201)),a=r(6739);t.default=function(e){var t=(0,a.getSourceOfMock)(e);return function(e){return!!e&&-1!==e.providerTokens.indexOf(t)&&void 0!==(0,o.default)(t,e.injector)}}},1863:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return function(t){return!!t.references[e]}}},5494:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(908)),i=o(r(4747));t.default=function(e){return function(t){var r=n((0,a.default)(t),1)[0];return(0,i.default)(r,e)}}},5465:function(e,t){var r=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")};Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){var n,o,a,i;try{for(var l=r(e),u=l.next();!u.done;u=l.next()){var f=u.value.match(/\[([^=\]]+)/g);if(f)try{for(var c=(a=void 0,r(f)),d=c.next();!d.done;d=c.next())if(d.value==="[".concat(t))return!0}catch(e){a={error:e}}finally{try{d&&!d.done&&(i=c.return)&&i.call(c)}finally{if(a)throw a.error}}}}catch(e){n={error:e}}finally{try{u&&!u.done&&(o=l.return)&&o.call(l)}finally{if(n)throw n.error}}return!1}},4476:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(8864)),a=n(r(8060)),i=n(r(12)),l=n(r(1863)),u=n(r(5494));t.default=function(e){if(function(e){return Array.isArray(e)&&1===e.length&&"string"==typeof e[0]}(e))return(0,o.default)(e[0]);if(function(e){return Array.isArray(e)&&2===e.length&&"string"==typeof e[0]}(e))return(0,a.default)(e[0],e[1]);if(function(e){return"string"==typeof e&&0===e.indexOf("#")&&e.length>1}(e))return(0,l.default)(e.slice(1));if(function(e){return"string"==typeof e&&0!==e.indexOf("#")&&e.length>0}(e))return(0,u.default)(e);if(function(e){return"function"==typeof e}(e))return(0,i.default)(e);throw new Error("Unknown selector")}},908:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},a=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var l=i(r(1184)),u=i(r(4641)),f=i(r(6755)),c=i(r(1692));t.default=function(e){var t=function(e){var t,r,o=[];try{for(var a=n(e.providerTokens),i=a.next();!i.done;i=a.next()){var l=i.value,f=(0,u.default)(e,l);(null==f?void 0:f.selector)&&-1===o.indexOf(f.selector)&&o.push(f.selector)}}catch(e){t={error:e}}finally{try{i&&!i.done&&(r=a.return)&&r.call(a)}finally{if(t)throw t.error}}return o}(e),r=a(a([],o(function(e){var t,r,a,i,u=[];try{for(var d=n((0,f.default)(e)),s=d.next();!s.done;s=d.next()){var v=s.value,p=o((0,c.default)(e,v),2),h=p[0],y=p[1];try{for(var _=(a=void 0,n(h)),g=_.next();!g.done;g=_.next()){var b=g.value,m=(0,l.default)(b),M=m.name,k=m.alias||M;-1!==y.indexOf(M)&&-1===u.indexOf(k)&&u.push(k)}}catch(e){a={error:e}}finally{try{g&&!g.done&&(i=_.return)&&i.call(_)}finally{if(a)throw a.error}}}}catch(e){t={error:e}}finally{try{s&&!s.done&&(r=d.return)&&r.call(d)}finally{if(t)throw t.error}}return u}(e)),!1),o(function(e){for(var t,r,n=[],o=(null===(t=e.injector._tNode)||void 0===t?void 0:t.attrs)||[],a=2,i=0;i<o.length;i+=a)if("number"!=typeof o[i]){var l=o[i];(null===(r=e.injector._tNode.inputs)||void 0===r?void 0:r[l])&&-1===n.indexOf(l)&&n.push(l)}else a=1;return n}(e)),!1);return[t,r]}},4747:function(e,t){var r=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")};Object.defineProperty(t,"__esModule",{value:!0});var n=new RegExp("\\[.*?\\]","g");t.default=function(e,t){var o,a,i,l;try{for(var u=r(e),f=u.next();!f.done;f=u.next()){var c=f.value.replace(n,"").split(",");try{for(var d=(i=void 0,r(c)),s=d.next();!s.done;s=d.next())if(s.value.trim()===t)return!0}catch(e){i={error:e}}finally{try{s&&!s.done&&(l=d.return)&&l.call(d)}finally{if(i)throw i.error}}}}catch(e){o={error:e}}finally{try{f&&!f.done&&(a=u.return)&&a.call(u)}finally{if(o)throw o.error}}return!1}},3942:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return"#text"===e.nativeNode.nodeName}},5079:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){return!(!e||!t)&&e===t}},6121:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(3942));t.default=function(e){return(0,o.default)(e)?void 0:e.injector._tNode||e.injector.elDef||void 0}},1061:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var i=r(860),l=a(r(4201)),u=a(r(6121)),f=function(e,t){var r=function(e,t){if(e!==t&&"#comment"===t.nativeNode.nodeName)return(0,l.default)(i.ViewContainerRef,t.injector)}(e,t);if(!r)return[];for(var n=[],o=0;o<r.length;o+=1){var a=r.get(o);if(a)for(var u=0;u<a.rootNodes.length;u+=1)n.push([u,a.rootNodes[u]])}return n};t.default=function(e){var t,r,a,i;return(null===(t=e.injector._tNode)||void 0===t?void 0:t.parent)||(null===(r=e.injector.elDef)||void 0===r?void 0:r.parent)||function(e){var t,r,a,i,l,c,d;try{for(var s=n((null===(l=e.parent)||void 0===l?void 0:l.childNodes)||[]),v=s.next();!v.done;v=s.next()){var p=v.value;try{for(var h=(a=void 0,n(f(e,p))),y=h.next();!y.done;y=h.next()){var _=o(y.value,2),g=_[0];_[1]===e.nativeNode&&(void 0===d||g<d)&&(c=(0,u.default)(p),d=g)}}catch(e){a={error:e}}finally{try{y&&!y.done&&(i=h.return)&&i.call(h)}finally{if(a)throw a.error}}}}catch(e){t={error:e}}finally{try{v&&!v.done&&(r=s.return)&&r.call(s)}finally{if(t)throw t.error}}return c}(e)||(null===(a=e.parent)||void 0===a?void 0:a.injector._tNode)||(null===(i=e.parent)||void 0===i?void 0:i.injector.elDef)||void 0}},6755:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return e.injector.elDef?Object.keys(e.injector.elDef.element.publicProviders):[]}},6547:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return"string"==typeof e||!(!Array.isArray(e)||"string"!=typeof e[0])||"function"==typeof e}},1692:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(4641));t.default=function(e,t){var r=e.injector.elDef.element.publicProviders[t],n=r.provider.value;if(!n)return[[],[],0];var a=(0,o.default)(e,n),i=r.bindings.map((function(e){return e.nonMinifiedName||e.name}));return[(null==a?void 0:a.inputs)||[],i,r.nodeIndex]}},8344:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(590)),a=n(r(5687)),i=n(r(8732));t.default=function(e,t,r){void 0===r&&(r=!1);var n=(0,o.default)((0,a.default)(),e,void 0);(0,i.default)(n,void 0,t,r)}},9400:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(590)),i=o(r(5687)),l=o(r(951)),u=o(r(4476)),f=o(r(3942)),c=o(r(6547)),d=o(r(8344));t.default=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var r=n((0,l.default)(e,c.default),2),o=r[0],s=r[1],v=(0,a.default)((0,i.default)(),o,void 0),p=(0,u.default)(s),h=[];return(0,d.default)(v,(function(e){e!==v&&!(0,f.default)(e)&&p(e)&&h.push(e)})),h}},8458:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(590)),i=o(r(5687)),l=o(r(951)),u=o(r(4811)),f=o(r(4476)),c=o(r(3942)),d=o(r(6547)),s=o(r(8344)),v={};t.default=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var r,o=n((0,l.default)(e,d.default,v),3),p=o[0],h=o[1],y=o[2],_=(0,a.default)((0,i.default)(),p,void 0),g=(0,f.default)(h);if((0,s.default)(_,(function(e){return!(e===_||(0,c.default)(e)||!g(e)||(r=e,0))})),r)return r;if(y!==v)return y;throw new Error("Cannot find a DebugElement via ngMocks.reveal(".concat((0,u.default)(h),")"))}},7790:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(3942)),i=o(r(5079)),l=o(r(6121)),u=o(r(1061));t.default=function(e){var t,r,o,f,c=(0,l.default)(e);if(!c||(0,a.default)(e))return[];var d=void 0!==e.childNodes,s=[];try{for(var v=n(e.childNodes||(null===(o=e.parent)||void 0===o?void 0:o.childNodes)||[]),p=v.next();!p.done;p=v.next()){var h=p.value,y=(0,u.default)(h);(d||(0,i.default)(c,y))&&(y&&!(0,i.default)(c,y)||s.push(h))}}catch(e){t={error:e}}finally{try{p&&!p.done&&(r=v.return)&&r.call(v)}finally{if(t)throw t.error}}if("BODY"===(null===(f=e.parent)||void 0===f?void 0:f.name)){for(var _=e.parent.childNodes,g=_.length,b=0,m=_.length-1;m>=0;m-=1)if("#comment"===(h=_[m]).nativeNode.nodeName)b=m;else if(h.nativeNode===e.nativeNode){g=m+1;break}for(m=g;m<b;m+=1)s.push(_[m])}return s}},345:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(5079)),i=o(r(6121)),l=o(r(1061));t.default=function(e,t){var r,o,u;if(t)return t;var f=(0,l.default)(e),c=e.parent?(0,i.default)(e.parent):void 0;if(e.parent&&(0,a.default)(f,c))return e.parent;try{for(var d=n((null===(u=e.parent)||void 0===u?void 0:u.childNodes)||[]),s=d.next();!s.done;s=d.next()){var v=s.value,p=(0,i.default)(v);if((0,a.default)(f,p))return v}}catch(e){r={error:e}}finally{try{s&&!s.done&&(o=d.return)&&o.call(d)}finally{if(r)throw r.error}}}},8732:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(3942)),i=o(r(7790)),l=o(r(345)),u=function(e,t,r,o){var f,c;if(void 0===o&&(o=!1),!e)return!1;if(!o&&(0,a.default)(e))return!1;if(r(e,(0,l.default)(e,t)))return!0;try{for(var d=n((0,i.default)(e)),s=d.next();!s.done;s=d.next()){var v=s.value;if(u(v,e,r,o))return!0}}catch(e){f={error:e}}finally{try{s&&!s.done&&(c=d.return)&&c.call(d)}finally{if(f)throw f.error}}return!1};t.default=u},6016:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(2023)),a=n(r(4201)),i=["Cannot find ControlValueAccessor on the element.","If it is a mock input with [formControlName],","you need either to avoid mocking ReactiveFormsModule","or to avoid accessing the control in such a way,","because this tests ReactiveFormsModule instead of own implementation."].join(" ");t.default=function(e){var t=o.default&&(0,a.default)(o.default.NgControl,e.injector),r=null==t?void 0:t.valueAccessor;if(r)return r;var n=o.default&&(0,a.default)(o.default.FormControlDirective,e.injector);if(null==n?void 0:n.form)return n.form;var l=o.default&&(0,a.default)(o.default.NgModel,e.injector);if(l)return l;throw new Error(i)}},2298:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(2023)),i=r(7105),l=o(r(5006)),u=o(r(7331)),f=o(r(1991)),c=o(r(590)),d=o(r(5687)),s=o(r(4811)),v=o(r(589)),p=o(r(6016)),h=["onChange","onChangeCallback","onChangeCb","onChangeClb","onChangeFn","_onChange","_onChangeCallback","_onChangeCb","_onChangeClb","_onChangeFn","changeFn","_changeFn","onModelChange","cvaOnChange","cvaOnChangeCallback","cvaOnChangeCb","cvaOnChangeClb","cvaOnChangeFn","_cvaOnChange","_cvaOnChangeCallback","_cvaOnChangeCb","_cvaOnChangeClb","_cvaOnChangeFn"];t.default=function(e,t,r){var o,y,_=(0,c.default)((0,d.default)(),e,void 0);if(!_)throw new Error("Cannot find an element via ngMocks.change(".concat((0,s.default)(e),")"));var g=(0,p.default)(_);if(!function(e,t){return a.default&&e instanceof a.default.AbstractControl?(e.setValue(t),!0):a.default&&e instanceof a.default.NgModel?(e.update.emit(t),!0):!!(0,i.isMockControlValueAccessor)(e.instance)&&(e.instance.__simulateChange(t),!0)}(g,t)&&!function(e){return e.listeners.some((function(e){return"input"===e.name||"change"===e.name}))}(_)){try{for(var b=n(r?[r]:h),m=b.next();!m.done;m=b.next()){var M=m.value;if("function"==typeof g[M])return g.writeValue(t),void g[M](t)}}catch(e){o={error:e}}finally{try{m&&!m.done&&(y=b.return)&&y.call(b)}finally{if(o)throw o.error}}var k=(0,u.default)(g);throw new Error(["Unsupported type of ControlValueAccessor,","please ensure it has '".concat(r||"onChange","' method."),"If it is a 3rd-party library, please provide the correct name of the method in the 'methodName' parameter.","Possible Names: "+k.join(", ")+"."].join(" "))}!function(e,t){(0,f.default)(e,"focus");var r=Object.getOwnPropertyDescriptor(e.nativeElement,"value");(0,v.default)(e.nativeElement,"value",t),(0,f.default)(e,"input"),(0,f.default)(e,"change"),r&&((0,l.default)(e.nativeElement,"value",r),e.nativeElement.value=t),(0,f.default)(e,"blur")}(_,t)}},7655:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(2023)),i=r(7105),l=o(r(7331)),u=o(r(1991)),f=o(r(590)),c=o(r(5687)),d=o(r(4811)),s=o(r(6016)),v=["onTouched","onTouchedCallback","onTouchedCb","onTouchedClb","onTouchedFn","_onTouched","_onTouchedCallback","_onTouchedCb","_onTouchedClb","_onTouchedFn","markAsTouched","_markAsTouched","onModelTouched","cvaOnTouch","cvaOnTouchCallback","cvaOnTouchCb","cvaOnTouchClb","cvaOnTouchFn","_cvaOnTouch","_cvaOnTouchCallback","_cvaOnTouchCb","_cvaOnTouchClb","_cvaOnTouchFn"];t.default=function(e,t){var r,o,p=(0,f.default)((0,c.default)(),e,void 0);if(!p)throw new Error("Cannot find an element via ngMocks.touch(".concat((0,d.default)(e),")"));var h=(0,s.default)(p);if(!function(e){return a.default&&e instanceof a.default.AbstractControl?(e.markAsTouched(),!0):!!(0,i.isMockControlValueAccessor)(e.instance)&&(e.instance.__simulateTouch(),!0)}(h)&&!function(e){return e.listeners.some((function(e){return"focus"===e.name||"blur"===e.name}))}(p)){try{for(var y=n(t?[t]:v),_=y.next();!_.done;_=y.next()){var g=_.value;if("function"==typeof h[g])return void h[g]()}}catch(e){r={error:e}}finally{try{_&&!_.done&&(o=y.return)&&o.call(y)}finally{if(r)throw r.error}}var b=(0,l.default)(h);throw new Error(["Unsupported type of ControlValueAccessor,","please ensure it has '".concat(t||"onTouched","' method."),"If it is a 3rd-party library, please provide the correct name of the method in the 'methodName' parameter.","Possible Names: "+b.join(", ")+"."].join(" "))}!function(e){(0,u.default)(e,"focus"),(0,u.default)(e,"blur")}(p)}},9903:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(1991));t.default=function(e,t){(0,o.default)(e,"click",t)}},6843:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},o=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},a=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});for(var l=i(r(8195)),u=["focus","blur","load","unload","change","reset","scroll"],f="function"==typeof Event?function(e,t){return new CustomEvent(e,t)}:function(e,t){var r=n({bubbles:!1,cancelable:!1},t),o=document.createEvent("CustomEvent");return o.initCustomEvent(e,r.bubbles,r.cancelable,null),o},c={alt:{altKey:!0,code:"AltLeft",key:"Alt",location:1,which:18},arrowdown:{code:"ArrowDown",key:"ArrowDown",location:0,which:40},arrowleft:{code:"ArrowLeft",key:"ArrowLeft",location:0,which:37},arrowright:{code:"ArrowRight",key:"ArrowRight",location:0,which:39},arrowup:{code:"ArrowUp",key:"ArrowUp",location:0,which:38},backspace:{code:"Backspace",key:"Backspace",location:0,which:8},control:{code:"ControlLeft",ctrlKey:!0,key:"Control",location:1,which:17},enter:{code:"Enter",key:"Enter",location:0,which:13},esc:{code:"Escape",key:"Escape",location:0,which:27},meta:{code:"MetaLeft",key:"Meta",location:1,metaKey:!0,which:91},shift:{code:"ShiftLeft",key:"Shift",location:1,shiftKey:!0,which:16},space:{code:"Space",key:" ",location:0,which:32},tab:{code:"Tab",key:"Tab",location:0,which:9}},d=1;d<=12;d+=1)c["f".concat(d)]={code:"F".concat(d),key:"F".concat(d),location:0,which:d+111};t.default=function(e,t,r){var i=e.indexOf("."),d=a(-1===i?[e]:[e.slice(0,Math.max(0,i)),e.slice(i+1)],2),s=d[0],v=d[1],p=f(s,n({bubbles:-1===u.indexOf(e),cancelable:!0},t));return function(e,t){var r,n,a,i,u={};try{for(var f=o(t?t.split("."):[]),d=f.next();!d.done;d=f.next()){var s=d.value,v=c[s];if(v||1!==s.length||(v={code:(a=s,void 0,i=a.codePointAt(0),i&&i>=97&&i<=122||i&&i>=65&&i<=90?"Key".concat(a.toUpperCase()):i&&i>=48&&i<=57?"Digit".concat(a):"Unknown"),key:s}),!v)throw new Error("Unknown event part ".concat(s));(0,l.default)(u,v)}}catch(e){r={error:e}}finally{try{d&&!d.done&&(n=f.return)&&n.call(f)}finally{if(r)throw r.error}}t&&(0,l.default)(e,u)}(p,v),r&&(0,l.default)(p,r),p}},1991:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(590)),a=n(r(771)),i=n(r(4792)),l=n(r(4993)),u=n(r(5687)),f=n(r(8195)),c=n(r(6843)),d=["focus","blur","load","unload","change","reset","scroll"];t.default=function(e,t,r){var n,s=(n=(0,l.default)(e)?e:(0,o.default)((0,u.default)(),e,void 0),(0,a.default)(n)||(0,i.default)(n)?n.nativeElement:(0,l.default)(n)?n:void 0);if(!s)throw new Error("Cannot trigger ".concat("string"==typeof t?t:t.type," event undefined element"));if(!s.disabled){var v=function(e){return"string"==typeof e?(0,c.default)(e,{bubbles:-1===d.indexOf(e),cancelable:!0}):e}(t);v.target||(0,f.default)(v,{target:s}),r&&(0,f.default)(v,r),s.dispatchEvent(v)}}},343:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0});var n=r(5974);t.default=function(e){return"function"==typeof e||(0,n.isNgDef)(e,"t")}},4212:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=r(6456),i=r(6739),l=r(5974),u=o(r(8344)),f=o(r(590)),c=o(r(1771)),d=o(r(5687)),s=o(r(951)),v=o(r(4811)),p=o(r(343)),h={};t.default=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var r=n((0,s.default)(e,p.default,h),3),o=r[0],y=r[1],_=r[2];if("function"!=typeof y&&!(0,l.isNgDef)(y,"t")&&"string"!=typeof y)throw new Error("Only classes or tokens are accepted");var g=(0,i.getSourceOfMock)(y),b=[],m=(0,d.default)();if(m)(0,u.default)((0,f.default)(m,o,void 0),(function(e,t){return(0,c.default)(b,e,g),0===b.length&&t&&"#comment"===t.nativeNode.nodeName&&(0,c.default)(b,t,g),b.length>0}),!0);else try{b.push((0,a.getInjection)(g))}catch(e){if(!e||"object"!=typeof e||void 0===e.ngTempTokenPath)throw e}if(b.length>0)return b[0];if(_!==h)return _;throw new Error("Cannot find an instance via ngMocks.findInstance(".concat((0,v.default)(y),")"))}},147:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var i=r(6456),l=r(6739),u=r(5974),f=a(r(8344)),c=a(r(7316)),d=a(r(1771)),s=a(r(5687)),v=a(r(951)),p=a(r(343));t.default=function(){for(var e,t,r=[],a=0;a<arguments.length;a++)r[a]=arguments[a];var h=n((0,v.default)(r,p.default),2),y=h[0],_=h[1];if("function"!=typeof _&&!(0,u.isNgDef)(_,"t")&&"string"!=typeof _)throw new Error("Only classes or tokens are accepted");var g=(0,l.getSourceOfMock)(_),b=[],m=[],M=(0,s.default)();if(M){var k=(0,c.default)(M,y,void 0);try{for(var w=o(k),O=w.next();!O.done;O=w.next()){var x=O.value;(0,f.default)(x,(function(e,t){-1===m.indexOf(e)&&((0,d.default)(b,e,g),m.push(e)),t&&"#comment"===t.nativeNode.nodeName&&-1===m.indexOf(t)&&((0,d.default)(b,t,g),m.push(t))}),!0)}}catch(t){e={error:t}}finally{try{O&&!O.done&&(t=w.return)&&t.call(w)}finally{if(e)throw e.error}}}else try{b.push((0,i.getInjection)(g))}catch(e){}return b}},7453:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(4792)),i=o(r(5687)),l=function(e){return(0,a.default)(e)?l(e.debugElement):e&&e.injector&&e.query?e:void 0};t.default=function(e,t){var r,o,a,u,f=t;return 3===e.length?(a=l(e[0]),u=e[1],f=e[2]):1===e.length?(a=l((0,i.default)()),u=n(e,1)[0]):e[0]?(a=l(e[0]))?u=e[1]:(a=l((0,i.default)()),u=(r=n(e,2))[0],f=r[1]):u=e[1],[a,u=null!==(o=l(u))&&void 0!==o?o:u,f]}},654:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0});var n=r(1165),o=r(6739);t.default=function(e){return Array.isArray(e)?n.By.css(1===e.length?"[".concat(e[0],"]"):"[".concat(e[0],'="').concat(e[1],'"]')):"string"==typeof e?n.By.css(e):n.By.directive((0,o.getSourceOfMock)(e))}},7316:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(771)),i=o(r(7453)),l=o(r(654));t.default=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var r=n((0,i.default)(e),2),o=r[0],u=r[1];return(0,a.default)(u)?[u]:(null==o?void 0:o.queryAll((0,l.default)(u)))||[]}},590:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(771)),i=o(r(4811)),l=o(r(7453)),u=o(r(654)),f={};t.default=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var r=n((0,l.default)(e,f),3),o=r[0],c=r[1],d=r[2],s=(0,a.default)(c)?c:null==o?void 0:o.query((0,u.default)(c));if(s)return s;if(d!==f)return d;throw new Error("Cannot find an element via ngMocks.find(".concat((0,i.default)(c),")"))}},4858:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(7790)),a=n(r(5962)),i=n(r(771)),l=n(r(4792));t.default=function(e){return function(t,r){void 0===r&&(r=!1);var n=function(t,u){if(void 0===u&&(u=!1),Array.isArray(t))return(0,a.default)(n,t);if((0,l.default)(t))return n(t.debugElement,r);var f=e(n,t,u);return void 0!==f?f:(0,i.default)(t)&&"#comment"===t.nativeNode.nodeName?n((0,o.default)(t),!0):(0,i.default)(t)?n(t.nativeNode,u):""};return Array.isArray(t)?t.map((function(e){return n(e,r)})):n(t,r)}}},5962:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){return e(t.map((function(t){return e(t,!0)})).join(""))}},9280:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t,r;return null!==(r=null!==(t=e.nodeValue)&&void 0!==t?t:e.textContent)&&void 0!==r?r:e.wholeText}},771:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return!!(null==e?void 0:e.nativeElement)||!!(null==e?void 0:e.nativeNode)}},4792:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return!!e&&"object"==typeof e&&void 0!==e.debugElement}},4993:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return!!e&&"object"==typeof e&&void 0!==e.innerHTML}},8209:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return!!e&&"object"==typeof e&&"#text"===e.nodeName}},8062:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(4858)),a=n(r(9280)),i=n(r(4993)),l=n(r(8209)),u=function(e,t,r){if("string"==typeof t||void 0===t){var n=(o=t)?o.replace(new RegExp("\\s+","mg")," ").replace(new RegExp("\x3c!--(.|\\n|\\r)*?--\x3e|\x3c!--(.|\\n|\\r)*","mg"),"").replace(new RegExp("\\s+","mg")," ").replace(new RegExp(">\\s+<","mg"),"><").replace(new RegExp('"\\s+>',"mg"),'">'):"";return r?n:n.trim()}var o;return(0,i.default)(t)?e(function(e,t){return t?e.outerHTML:e.innerHTML}(t,r)):(0,l.default)(t)?u(e,(0,a.default)(t).replace(new RegExp("&","mg"),"&amp;").replace(new RegExp('"',"mg"),"&quot;").replace(new RegExp("<","mg"),"&lt;").replace(new RegExp(">","mg"),"&gt;").replace(new RegExp("'","mg"),"&#39;"),r):void 0};t.default=(0,o.default)(u)},9512:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(4858)),a=n(r(9280)),i=n(r(4993)),l=n(r(8209)),u=function(e,t,r){if("string"==typeof t||void 0===t){var n=(o=t)?o.replace(new RegExp("\\s+","mg")," "):"";return r?n:n.trim()}var o;return(0,i.default)(t)?e(function(e,t){var r,n=null!==(r=e.textContent)&&void 0!==r?r:"";return t?n:n.trim()}(t,r)):(0,l.default)(t)?u(e,(0,a.default)(t),r):void 0};t.default=(0,o.default)(u)},3341:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t;return"#text"===(null===(t=e.nativeNode)||void 0===t?void 0:t.nodeName)&&e.parent?e.parent:e}},7717:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(4201)),a=r(5974);t.default=function(e,t,r){if(t.injector&&"NullInjector"!==t.injector.constructor.name){var n=function(e){for(var t=e;"NullInjector"===(null==t?void 0:t.injector.constructor.name);)t=t.parent;if(t)return t.injector}(t.parent),i=n?(0,o.default)(r,n):void 0,l=(0,o.default)(r,t.injector);i!==l&&((0,a.isNgDef)(r,"t")&&void 0!==l||void 0!==l&&-1===e.indexOf(l))&&e.push(l)}}},2631:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(3341)),a=n(r(1484)),i=function(e){for(var t,r=e,n=null===(t=r.nativeNode)||void 0===t?void 0:t.__ngContext__;void 0===n&&r.parent;)n=(r=r.parent).nativeNode.__ngContext__;if("number"!=typeof n)return n;var o=r.injector._lView;return Array.isArray(o)?function(e,t){if("object"==typeof e[1]&&e[20]===t)return e;for(var r=21;r<e.length;r+=1){var n=e[r];if(Array.isArray(n)&&"object"==typeof n[1]&&n[20]===t)return n}}(o,n):void 0};t.default=function(e,t,r){if(t&&!t._debugContext){var n,l=(0,o.default)(t);(0,a.default)({el:l,nodes:(n=i(t),(Array.isArray(n)?n:null==n?void 0:n.lView)||[]),normalize:function(e){return e},proto:r,result:e},!0)}}},1484:function(e,t){Object.defineProperty(t,"__esModule",{value:!0});var r=function(e,t,r){return!!(t&&t.nativeNode&&"#comment"===t.nativeNode.nodeName&&Array.isArray(r)&&r[0]===t.nativeNode)||!Array.isArray(r)&&(t&&r.nodeName?"#comment"===r.nodeName?r===t.nativeNode:"#text"===r.nodeName&&r.parentNode===t.nativeNode:e)},n=function(e){return!e||"object"!=typeof e},o=function(e,t){return-1===e.indexOf(t)&&Array.isArray(t)},a=function(e,t,i){var l=e.result,u=e.el,f=e.nodes,c=e.normalize,d=e.proto;void 0===i&&(i=[]),i.push(f);var s=t,v=f.length;f.length>1&&f[1]&&"object"==typeof f[1]&&f[1].bindingStartIndex&&(v=f[1].bindingStartIndex);for(var p=0;p<v;p+=1){var h=c(f[p]);n(h)||(o(i,h)&&Array.isArray(h)&&a({result:l,el:u,nodes:h,normalize:c,proto:d},s,i),(s=r(s,u,h))&&-1===l.indexOf(h)&&h instanceof d&&l.push(h))}};t.default=a},2096:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(3341)),i=o(r(1484)),l=function(e){var t,r;if(!e||"object"!=typeof e)return e;try{for(var o=n(["renderElement","renderText","instance"]),a=o.next();!a.done;a=o.next()){var i=a.value;if(e[i])return e[i]}}catch(e){t={error:e}}finally{try{a&&!a.done&&(r=o.return)&&r.call(o)}finally{if(t)throw t.error}}return null};t.default=function(e,t,r){if(t&&t._debugContext){var n=(0,a.default)(t);(0,i.default)({el:n,nodes:t._debugContext.view.nodes,normalize:l,proto:r,result:e},!0)}}},1771:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(5974),a=n(r(7717)),i=n(r(2631)),l=n(r(2096));t.default=function(e,t,r){return(0,a.default)(e,t,r),(0,o.isNgDef)(r,"t")||"string"==typeof r||((0,l.default)(e,t,r),(0,i.default)(e,t,r)),e}},5687:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0});var n=r(2603);t.default=function(){var e=(0,n.getTestBed)()._activeFixtures;return e[e.length-1]}},4317:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(8073));t.default=function(){var e;o.default.cacheDeclarations.clear(),null===(e=o.default.config.get("ngMocksDepsSkip"))||void 0===e||e.clear()}},4811:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0});var n=r(5974);t.default=function(e){return"string"==typeof e?e:"function"==typeof e?e.name:(0,n.isNgDef)(e,"t")?e._desc:Array.isArray(e)?e[0]:e?"<UNKNOWN>":"<EMPTY>"}},951:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(771)),i=o(r(4792)),l=o(r(5687));t.default=function(e,t,r){var o,u,f,c,d,s,v=r;return 3===e.length?(c=(o=n(e,3))[0],d=o[1],v=o[2]):1===e.length?(c=(0,l.default)(),d=n(e,1)[0]):t(e[1])&&("string"==typeof(s=e[0])||Array.isArray(s)&&"string"==typeof s[0]||(0,i.default)(s)||(0,a.default)(s),1)?(c=(u=n(e,2))[0],d=u[1]):(c=(0,l.default)(),d=(f=n(e,2))[0],v=f[1]),[c,d,v]}},4641:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(4201)),a=n(r(8862)),i=n(r(6297));t.default=function(e,t){if(e)try{var r=(0,i.default)(t);return function(e){try{return(0,a.default)(e)}catch(e){return}}((0,o.default)(r,e.injector).constructor)}catch(e){return}}},5018:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var i=a(r(1184)),l=a(r(590)),u=a(r(5687)),f=a(r(4641)),c=a(r(8027)),d={},s=function(e,t){var r=(0,i.default)(e),n=r.name,o=r.alias,a=void 0===o?"":o;if(!a&&n===t||a&&a===t)return n};t.default=function(e,t){for(var r=[],a=2;a<arguments.length;a++)r[a-2]=arguments[a];var i=o(function(e){return[e[0],e[1],3===e.length?e[2]:d]}(r),3),v=i[0],p=i[1],h=i[2];try{return function(e,t,r){var o,a,i,l;try{for(var u=n((null==e?void 0:e.providerTokens)||[]),d=u.next();!d.done;d=u.next()){var v=d.value,p=(0,f.default)(e,v);if(p)try{for(var h=(i=void 0,n(p[t]||[])),y=h.next();!y.done;y=h.next()){var _=y.value,g=s(_,r);if(g)return(0,c.default)(e,v)[g]}}catch(e){i={error:e}}finally{try{y&&!y.done&&(l=h.return)&&l.call(h)}finally{if(i)throw i.error}}}}catch(e){o={error:e}}finally{try{d&&!d.done&&(a=u.return)&&a.call(u)}finally{if(o)throw o.error}}throw new Error("Not found")}((0,l.default)((0,u.default)(),v,void 0),t,p)}catch(e){}if(h!==d)return h;throw new Error("Cannot find ".concat(p," ").concat(e," via ngMocks.").concat(e))}},3539:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0});var n=r(445),o=[];t.default=function(e){"reset"===e?o.pop():o.push(e);var t=o[o.length-1];return"jasmine"===t?(0,n.registerMockFunction)((function(e){return jasmine.createSpy(e)})):"jest"===t?(0,n.registerMockFunction)((function(e){return jest.fn().mockName(e)})):t&&"default"!==t&&"reset"!==t?(0,n.registerMockFunction)(t):(0,n.registerMockFunction)()}},7977:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(445)),a=n(r(598));t.default=(0,a.default)(["log"],(function(e){return o.default.mockFunction("console.".concat(e))}))},9311:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(3174)),a=n(r(598));t.default=(0,a.default)(["warn","error"],(function(e){return function(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];var n=new Error(t.join(" "));throw(0,o.default)(n,"ngMocksConsoleCatch",e),n}}))},598:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(3174));t.default=function(e,t){return function(){for(var r=[],o=0;o<arguments.length;o++)r[o]=arguments[o];var i=[];beforeEach((function(){var o,l,u,f;try{for(var c=n(e),d=c.next();!d.done;d=c.next()){var s=d.value;-1===r.indexOf(s)&&r.push(s)}}catch(e){o={error:e}}finally{try{d&&!d.done&&(l=c.return)&&l.call(c)}finally{if(o)throw o.error}}try{for(var v=n(r),p=v.next();!p.done;p=v.next())s=p.value,(0,a.default)(console,"__ngMocksBackup_".concat(s),console["__ngMocksBackup_".concat(s)]||[]),console["__ngMocksBackup_".concat(s)].push(console[s]),i.push(s),console[s]=t(s)}catch(e){u={error:e}}finally{try{p&&!p.done&&(f=v.return)&&f.call(v)}finally{if(u)throw u.error}}})),afterEach((function(){var e,t;try{for(var r=n(i),o=r.next();!o.done;o=r.next()){var a=o.value;console[a]=console["__ngMocksBackup_".concat(a)].pop()}}catch(t){e={error:t}}finally{try{o&&!o.done&&(t=r.return)&&t.call(r)}finally{if(e)throw e.error}}i.splice(0,i.length)}))}}},2237:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=r(6456),i=o(r(8073));t.default=function(e,t){var r,o,l=i.default.getConfigMock();try{for(var u=n((0,a.flatten)(e)),f=u.next();!f.done;f=u.next()){var c=f.value;t?l.set(c,t):l.delete(c)}}catch(e){r={error:e}}finally{try{f&&!f.done&&(o=u.return)&&o.call(u)}finally{if(r)throw r.error}}}},8909:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=r(6456),i=o(r(8073));t.default=function(e,t){var r,o,l=i.default.getOverrides();try{for(var u=n((0,a.flatten)(e)),f=u.next();!f.done;f=u.next()){var c=f.value;if(t){var d=l.has(c)?l.get(c):new Set;d.add(t),l.set(c,d)}else l.delete(c)}}catch(e){r={error:e}}finally{try{f&&!f.done&&(o=u.return)&&o.call(u)}finally{if(r)throw r.error}}}},1640:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=r(2603),i=o(r(3174)),l=o(r(8073)),u=l.default.global.get("faster-hooks")||{after:[],before:[]};l.default.global.set("faster-hooks",u);var f=function(e,t){return function(r){var o,f;if(a.TestBed.ngMocksFasterLock)return e.call(t,r);l.default.global.set("bullet:customized",!0);var c=e;try{for(var d=n(u.before),s=d.next();!s.done;s=d.next())c=(0,s.value)(c,t)}catch(e){o={error:e}}finally{try{s&&!s.done&&(f=d.return)&&f.call(d)}finally{if(o)throw o.error}}try{return(0,i.default)(a.TestBed,"ngMocksFasterLock",!0),c.call(t,r)}finally{(0,i.default)(a.TestBed,"ngMocksFasterLock",void 0)}}},c=function(e,t){return function(){var r,o;if(a.TestBed.ngMocksFasterLock)return e.call(t);if(l.default.global.has("bullet"))return l.default.global.has("bullet:customized")&&l.default.global.set("bullet:reset",!0),t;l.default.global.delete("bullet:customized"),l.default.global.delete("bullet:reset");var f=e;try{for(var c=n(u.after),d=c.next();!d.done;d=c.next())f=(0,d.value)(f,t)}catch(e){r={error:e}}finally{try{d&&!d.done&&(o=c.return)&&o.call(c)}finally{if(r)throw r.error}}try{return(0,i.default)(a.TestBed,"ngMocksFasterLock",!0),f.call(t)}finally{(0,i.default)(a.TestBed,"ngMocksFasterLock",void 0)}}};t.default=function(){a.TestBed.ngMocksFasterInstalled||(a.TestBed.configureTestingModule=f(a.TestBed.configureTestingModule,a.TestBed),a.TestBed.resetTestingModule=c(a.TestBed.resetTestingModule,a.TestBed),(0,i.default)(a.TestBed,"ngMocksFasterInstalled",!0));var e=(0,a.getTestBed)();return e.ngMocksFasterInstalled||(e.configureTestingModule=f(e.configureTestingModule,e),e.resetTestingModule=c(e.resetTestingModule,e),(0,i.default)(e,"ngMocksFasterInstalled",!0)),u}},7346:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(2603),a=n(r(8073)),i=n(r(1640)),l=n(r(2776)),u=function(e){var t,r=null!==(t=a.default.global.get("bullet:stack"))&&void 0!==t?t:[];r.push(e),a.default.global.set("bullet:stack",r),a.default.global.set("bullet:stack:id",e)},f=function(e){var t=a.default.global.get("bullet:stack");t.splice(t.indexOf(e),1),t.length>0?a.default.global.set("bullet:stack:id",t[t.length-1]):a.default.global.delete("bullet:stack:id"),function(e){for(var t=(0,o.getTestBed)()._activeFixtures||[],r=0,n=t.length-1;n>=0;n-=1)t[n].ngMocksStackId&&t[n].ngMocksStackId!==e?r+=1:(t[n].ngMocksStackId=void 0,t[n].destroy(),t.splice(n,1));0===r&&(0,l.default)()}(e)};t.default=function(){(0,i.default)();var e={},t={};beforeAll((function(){a.default.global.has("bullet:customized")&&o.TestBed.resetTestingModule(),a.default.global.set("bullet",!0),u(e)})),beforeEach((function(){u(t)})),afterEach((function(){f(t)})),afterAll((function(){f(e),a.default.global.delete("bullet"),a.default.global.has("bullet:reset")&&o.TestBed.resetTestingModule()}))}},2776:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0});var n=r(2603);t.default=function(){var e=(0,n.getTestBed)();e._instantiated=!1,e._moduleFactory=void 0,e._testModuleRef=null}},8027:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(2603),a=n(r(2970)),i=r(6739),l=n(r(345)),u=n(r(590)),f=n(r(1771)),c=n(r(5687)),d=n(r(4811)),s={};t.default=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];if(1===e.length)try{return o.TestBed.inject?o.TestBed.inject(e[0]):o.TestBed.get(e[0])}catch(t){if(!t||"object"!=typeof t||void 0===t.ngTempTokenPath)throw t;throw new Error("Cannot find an instance via ngMocks.get(".concat((0,d.default)(e[0]),")"))}var r=function(e){return{el:e[0],notFoundValue:3===e.length?e[2]:s,sel:e[1]}}(e),n=r.el,v=r.sel,p=r.notFoundValue,h=(0,u.default)((0,c.default)(),n,void 0),y=(0,i.getSourceOfMock)(v);if(h&&(_=(0,f.default)([],h,y)).length>0)return _[0];if(h){var _,g=(0,l.default)(h,void 0);if(g&&"#comment"===g.nativeNode.nodeName&&(_=(0,f.default)([],g,y)).length>0)return _[0]}if(p!==s)return p;throw new Error("Cannot find ".concat((0,a.default)(v)," instance via ngMocks.get"))}},4071:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(6259)),a=n(r(8073)),i=n(r(4317)),l=function(e){a.default.getDefaults().set(e,["exclude"])};t.default=function(e,t){void 0===t&&(t=!1),(0,i.default)(),l(e),t&&(0,o.default)(e,l)}},5228:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(6259)),a=n(r(8073)),i=n(r(4317)),l=function(e){a.default.getDefaults().set(e,["keep"])};t.default=function(e,t){void 0===t&&(t=!1),(0,i.default)(),l(e),t&&(0,o.default)(e,l)}},763:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(6259)),a=n(r(8073)),i=n(r(4317)),l=function(e){a.default.getDefaults().set(e,["mock"])};t.default=function(e,t){void 0===t&&(t=!1),(0,i.default)(),l(e),t&&(0,o.default)(e,l)}},3757:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(5974),a=n(r(8073)),i=n(r(4317));t.default=function(e,t){var r=!0;if(((0,o.isNgDef)(e,"m")&&(0,o.isNgDef)(t,"m")||(0,o.isNgDef)(e,"c")&&(0,o.isNgDef)(t,"c")||(0,o.isNgDef)(e,"d")&&(0,o.isNgDef)(t,"d")||(0,o.isNgDef)(e,"p")&&(0,o.isNgDef)(t,"p"))&&(r=!1),r)throw new Error("Cannot replace the declaration, both have to be a Module, a Component, a Directive or a Pipe");(0,i.default)(),a.default.getDefaults().set(e,["replace",t])}},4102:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(6259)),a=n(r(8073)),i=n(r(4317)),l=n(r(8909)),u=function(e){a.default.getDefaults().delete(e),(0,l.default)(e)};t.default=function(e,t){void 0===t&&(t=!1),(0,i.default)(),u(e),t&&(0,o.default)(e,u)}},7418:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var i=a(r(5551)),l=r(6456),u=a(r(1345)),f=a(r(6297)),c=r(5974),d=r(4152),s=r(3659),v=a(r(8073)),p=r(5395),h=r(8339),y=r(3821),_=r(2937),g=a(r(2415)),b=function(e,t,r){return!!t.has(e)||(t.add(e),r.has(e))},m=function(e,t,r,n,o){var a=e.get(t)||t;(0,c.isNgDef)(a,"m")?r.push(a):(0,c.isNgDef)(a,"c")||(0,c.isNgDef)(a,"d")?n.push(a):(0,c.isNgDef)(a,"p")?(n.push(a),o.push(a)):(0,d.isNgInjectionToken)(a)||o.push(a)},M=[["m","module"],["c","component"],["d","directive"],["p","pipe"]],k=function(e,t,r,n){b(t,e.skip,e.exclude)||n.push(e.keep.has(t)?t:r(t))},w=function(e,t){var r=e.skip,n=e.keep,o=e.providers,a=e.exclude,i=(0,f.default)(t);if(r.add(i),!a.has(i)){var l=n.has(i)?t:(0,g.default)(t);l&&o.push(l)}},O={component:p.MockComponent,directive:h.MockDirective,pipe:_.MockPipe},x=function(e,t,r){if(void 0===r&&(r=!0),t){var a,i=function(e,t){var r,a;if((0,s.isNgModuleDefWithProviders)(e))return"module-with-providers";try{for(var i=n(M),l=i.next();!l.done;l=i.next()){var u=o(l.value,2),f=u[0],d=u[1];if((0,c.isNgDef)(e,f))return"m"===f&&t.has(e)?"".concat(d,"-keep"):d}}catch(e){r={error:e}}finally{try{l&&!l.done&&(a=i.return)&&a.call(i)}finally{if(r)throw r.error}}return""}(t,e.keep);if("module-with-providers"!==i){var f=e.optional.get(t);f&&f!==t&&(a=f,e.keep.add(a))}a||(a=t),function(e,t,r,o){"module-with-providers"===t?function(e,t){e.skip.has(t.ngModule)||(e.skip.add(t.ngModule),e.exclude.has(t.ngModule)||e.imports.push(e.keep.has(t.ngModule)?t:(0,y.MockModule)(t)))}(e,r):"module-keep"===t||"module"===t&&o?k(e,r,y.MockModule,e.imports):"module"===t?function(e,t,r){var o,a,i,f;if(!b(t,e.skip,e.exclude)){var c=(0,u.default)(t);try{for(var d=n((0,l.flatten)([c.declarations,c.imports])),s=d.next();!s.done;s=d.next())r(e,h=s.value)}catch(e){o={error:e}}finally{try{s&&!s.done&&(a=d.return)&&a.call(d)}finally{if(o)throw o.error}}try{for(var v=n(c.providers?(0,l.flatten)(c.providers):[]),p=v.next();!p.done;p=v.next()){var h=p.value;w(e,h)}}catch(e){i={error:e}}finally{try{p&&!p.done&&(f=v.return)&&f.call(v)}finally{if(i)throw i.error}}}}(e,r,x):O[t]?k(e,r,O[t],e.declarations):w(e,r)}(e,i,a,r)}};t.default=function(e,t,r){var o,a,u,f,c,d;void 0===t&&(t=null),void 0===r&&(r=null);var s=function(e,t,r){var o=new Set((0,l.flatten)(e||[])),a=new Set((0,l.flatten)(t||[])),i=new Set((0,l.flatten)(r||[])),u=new Map;return function(e,t,r,o){var a,i;try{for(var u=n((0,l.mapKeys)(v.default.getDefaults())),f=u.next();!f.done;f=u.next()){var c=f.value,d=v.default.getBuildDeclaration(c);e.has(c)||t.has(c)||r.has(c)||(o.set(c,d),null===d?r.add(c):void 0===d?t.add(c):c===d&&e.add(c))}}catch(e){a={error:e}}finally{try{f&&!f.done&&(i=u.return)&&i.call(u)}finally{if(a)throw a.error}}}(o,a,i,u),{declarations:[],exclude:i,imports:[],keep:o,mock:a,optional:u,providers:[],skip:new Set}}(e,t,r),p=new Map;v.default.config.set("ngMocksDepsResolution",p);try{for(var h=n((0,l.mapValues)(s.keep)),y=h.next();!y.done;y=h.next()){var _=y.value;p.set(_,"keep")}}catch(e){o={error:e}}finally{try{y&&!y.done&&(a=h.return)&&a.call(h)}finally{if(o)throw o.error}}try{for(var g=n((0,l.mapValues)(s.exclude)),b=g.next();!b.done;b=g.next())_=b.value,p.set(_,"exclude")}catch(e){u={error:e}}finally{try{b&&!b.done&&(f=g.return)&&f.call(g)}finally{if(u)throw u.error}}v.default.config.set("mockNgDefResolver",new i.default);try{for(var M=n((0,l.mapValues)(s.mock)),k=M.next();!k.done;k=M.next()){var w=k.value;p.set(w,"mock"),s.optional.has(w)||x(s,w,!1)}}catch(e){c={error:e}}finally{try{k&&!k.done&&(d=M.return)&&d.call(M)}finally{if(c)throw c.error}}var O=function(e){var t,r,o=e.keep,a=e.skip,i=e.optional,l=e.exclude,u=e.imports,f=e.declarations,c=e.providers;try{for(var d=n(o),s=d.next();!s.done;s=d.next()){var v=s.value;a.has(v)||l.has(v)||i.has(v)||m(i,v,u,f,c)}}catch(e){t={error:e}}finally{try{s&&!s.done&&(r=d.return)&&r.call(d)}finally{if(t)throw t.error}}return{declarations:f,imports:u,providers:c}}(s);return v.default.config.delete("mockNgDefResolver"),v.default.config.delete("ngMocksDepsResolution"),O}},7411:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var i=a(r(5018));t.default=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return i.default.apply(void 0,o(["input","inputs"],n(e),!1))}},492:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(3295)),i=o(r(8073)),l=o(r(8344)),u=o(r(8458)),f=o(r(9400)),c=o(r(2298)),d=o(r(7655)),s=o(r(9903)),v=o(r(6843)),p=o(r(1991)),h=o(r(590)),y=o(r(7316)),_=o(r(4212)),g=o(r(147)),b=o(r(8062)),m=o(r(9512)),M=o(r(3539)),k=o(r(7977)),w=o(r(9311)),O=o(r(2237)),x=o(r(8909)),j=o(r(7346)),D=o(r(2776)),S=o(r(8027)),P=o(r(4071)),C=o(r(5228)),N=o(r(763)),T=o(r(3757)),E=o(r(4102)),A=o(r(7418)),R=o(r(7411)),I=o(r(5526)),V=o(r(2448)),B=o(r(8195)),F=o(r(589)),L=o(r(3048)),K=o(r(2120)),G=o(r(1368)),q=o(r(5535)),U=["onMockBuilderMissingDependency","onMockInstanceRestoreNeed","onTestBedFlushNeed"];t.default={autoSpy:M.default,change:c.default,click:s.default,config:function(e){var t,r,o=i.default.global.get("flags");try{for(var l=n(U),u=l.next();!u.done;u=l.next()){var f=u.value;null===e[f]?o[f]=a.default[f]:void 0!==e[f]&&(o[f]=e[f])}}catch(e){t={error:e}}finally{try{u&&!u.done&&(r=l.return)&&r.call(l)}finally{if(t)throw t.error}}null===e.mockRenderCacheSize?i.default.global.delete("mockRenderCacheSize"):void 0!==e.mockRenderCacheSize&&i.default.global.set("mockRenderCacheSize",e.mockRenderCacheSize)},crawl:l.default,defaultConfig:O.default,defaultMock:x.default,event:v.default,faster:j.default,find:h.default,findAll:y.default,findInstance:_.default,findInstances:g.default,findTemplateRef:G.default,findTemplateRefs:q.default,flushTestBed:D.default,formatHtml:b.default,formatText:m.default,get:S.default,globalExclude:P.default,globalKeep:C.default,globalMock:N.default,globalReplace:T.default,globalWipe:E.default,guts:A.default,hide:L.default,ignoreOnConsole:k.default,input:R.default,output:I.default,render:K.default,reset:V.default,reveal:u.default,revealAll:f.default,stub:B.default,stubMember:F.default,throwOnConsole:w.default,touch:d.default,trigger:p.default}},5526:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var i=a(r(5018));t.default=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return i.default.apply(void 0,o(["output","outputs"],n(e),!1))}},2448:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(3295)),a=n(r(8073));t.default=function(){a.default.builtDeclarations=new Map,a.default.builtProviders=new Map,a.default.cacheDeclarations=new Map,a.default.cacheProviders=new Map,a.default.config=new Map,a.default.configInstance=new Map,a.default.flags=new Set(o.default.flags),a.default.touches=new Set}},589:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(5020));t.default=function(e,t,r,n){var a,i=null!==(a=(0,o.default)(e,t))&&void 0!==a?a:{};if(!n&&i.set&&i.set.__ngMocksProxy)return i.set(r),r;var l={configurable:!0,enumerable:!0};return"get"===n&&i.set?l.set=i.set:"set"===n&&i.get&&(l.get=i.get),n?l[n]=r:(l.writable=!0,l.value=r),Object.defineProperty(e,t,l),r}},8195:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},a=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var l=i(r(7331)),u=i(r(7794)),f=i(r(5020)),c=i(r(445));t.default=function(e,t,r){var i,d;if("string"==typeof t)return c.default.mock(e,t,r);var s=e,v=t,p=["__zone_symbol__unconfigurables"];"function"==typeof t&&(s=c.default.createClone(t),v=e,p.push.apply(p,o([],n(Object.getOwnPropertyNames(s)),!1)));var h=o(o([],n((0,l.default)(v)),!1),n((0,u.default)(v)),!1);try{for(var y=a(h),_=y.next();!_.done;_=y.next()){var g=_.value,b=-1===p.indexOf(g)?(0,f.default)(v,g):void 0;b&&Object.prototype.hasOwnProperty.call(b,"value")&&void 0===b.value||c.default.definePropertyDescriptor(s,g,b)}}catch(e){i={error:e}}finally{try{_&&!_.done&&(d=y.return)&&d.call(y)}finally{if(i)throw i.error}}return s}},6189:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ngMocks=void 0;var o=n(r(492));t.ngMocks=o.default},845:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var i=r(860),l=a(r(2137)),u=function(e,t,r){return!!e&&t instanceof i.TemplateRef&&r(t)},f=function(e,t,r){var a,c;if(!(0,l.default)(e))throw new Error("Only instances of mock declarations are accepted");if(function(e,t,r){return!!e.__template&&!!e.__vcr&&t(e.__template)&&r(e.__vcr,e.__template)}(e,t,r))return!0;try{for(var d=n(function(e){var t,r,o=[];try{for(var a=n(e.__ngMocksConfig.queryScanKeys||[]),l=a.next();!l.done;l=a.next())for(var u=l.value,f=e[u],c=e["__ngMocksVcr_".concat(u)],d=f instanceof i.QueryList?f.toArray():[f],s=c instanceof i.QueryList?c.toArray():[c],v=0;v<d.length;v+=1)o.push([d[v],s[v]])}catch(e){t={error:e}}finally{try{l&&!l.done&&(r=a.return)&&r.call(a)}finally{if(t)throw t.error}}return o}(e)),s=d.next();!s.done;s=d.next()){var v=o(s.value,2),p=v[0],h=v[1];if((0,l.default)(p)&&f(p,t,r))return!0;if(u(h,p,t))return r(h,p)}}catch(e){a={error:e}}finally{try{s&&!s.done&&(c=d.return)&&c.call(d)}finally{if(a)throw a.error}}return!1};t.default=f},2005:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(860),a=n(r(4201)),i=n(r(2137));t.default=function(e){if(e instanceof o.TemplateRef)return e;if((0,i.default)(e)&&e.__template)return e.__template;var t=(null==e?void 0:e.nativeNode)&&e.injector;if(t){var r=(0,a.default)(o.TemplateRef,t);if(r)return r}var n=new Error("Unknown template has been passed, only TemplateRef or a mock structural directive are supported");throw n.param=e,n}},3048:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(845)),a=n(r(2005));t.default=function(e,t){var r=t?(0,a.default)(t):void 0,n=!1;if((0,o.default)(e,(function(e){return!r||e.elementRef.nativeElement===r.elementRef.nativeElement}),(function(e){return e.clear(),n=!0,!1})),!n)throw new Error("Cannot find path to the TemplateRef")}},2120:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(845)),i=o(r(2005));t.default=function(e,t,r,o){var l=(0,i.default)(t);if(!(0,a.default)(e,(function(e){return e.elementRef.nativeElement===l.elementRef.nativeElement}),(function(e,t){var a=n(n({},o),{$implicit:r});return e.clear(),e.createEmbeddedView(t,a).detectChanges(),!0})))throw new Error("Cannot find path to the TemplateRef")}},2789:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(8864)),a=n(r(8060)),i=n(r(12)),l=n(r(1863));t.default=function(e){if("string"==typeof e)return(0,l.default)(e);if(Array.isArray(e)&&1===e.length&&"string"==typeof e[0])return(0,o.default)(e[0]);if(Array.isArray(e)&&2===e.length&&"string"==typeof e[0])return(0,a.default)(e[0],e[1]);if("function"==typeof e)return(0,i.default)(e);throw new Error("Unknown selector")}},6703:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(860),a=n(r(4201)),i=n(r(3942));t.default=function(e,t,r){return void 0===r&&(r=0),function(n){try{var l=!(0,i.default)(n)&&t(n)?(0,a.default)(o.TemplateRef,n.injector):void 0;l&&e.push(l)}catch(e){}return!!r&&e.length===r}}},7845:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return"string"==typeof e||!(!Array.isArray(e)||"string"!=typeof e[0])||"function"==typeof e}},1368:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(8732)),i=o(r(590)),l=o(r(5687)),u=o(r(951)),f=o(r(4811)),c=o(r(2789)),d=o(r(6703)),s=o(r(7845)),v={};t.default=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var r=n((0,u.default)(e,s.default,v),3),o=r[0],p=r[1],h=r[2],y=[],_=(0,c.default)(p);if((0,a.default)((0,i.default)((0,l.default)(),o,void 0),void 0,(0,d.default)(y,_,1)),y.length>0)return y[0];if(h!==v)return h;throw new Error("Cannot find a TemplateRef via ngMocks.findTemplateRef(".concat((0,f.default)(p),")"))}},5535:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(8732)),i=o(r(590)),l=o(r(5687)),u=o(r(951)),f=o(r(2789)),c=o(r(6703)),d=o(r(7845));t.default=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var r=n((0,u.default)(e,d.default),2),o=r[0],s=r[1],v=[],p=(0,f.default)(s);return(0,a.default)((0,i.default)((0,l.default)(),o,void 0),void 0,(0,c.default)(v,p)),v}},4760:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var i=a(r(8073)),l=a(r(589));t.default=function(e){var t,r,a=[],u=i.default.configInstance.get(e);if(null==u?void 0:u.overloads){var f=function(e,t,r){e?a.push((function(n){(0,l.default)(n,e,t,r)})):a.push(t)};try{for(var c=n(u.overloads),d=c.next();!d.done;d=c.next()){var s=o(d.value,3);f(s[0],s[1],s[2])}}catch(e){t={error:e}}finally{try{d&&!d.done&&(r=c.return)&&r.call(c)}finally{if(t)throw t.error}}}return a}},6691:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(2970)),i=o(r(8073));t.default=function(e){for(var t=[];e.length>0;){var r=n(e.pop()||[],2),o=r[0];r[1]===i.default.configInstance.get(o)&&t.push("function"==typeof o?(0,a.default)(o):o)}if(t.length>0){var l=i.default.global.get("flags"),u=["MockInstance: side effects have been detected (".concat(t.join(", "),")."),"Forgot to add MockInstance.scope() or to call MockInstance.restore()?"].join(" ");if("warn"===l.onMockInstanceRestoreNeed)console.warn(u);else if("throw"===l.onMockInstanceRestoreNeed)throw new Error(u)}}},3001:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},o=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MockInstance=h,t.MockReset=function(){f.default.configInstance.clear()};var i,l=a(r(6804)),u=a(r(7592)),f=a(r(8073)),c=a(r(6691));u.default.subscribePush((function(e){i=e})),u.default.subscribePop((function(e,t){var r,a;try{for(var l=o(e.mockInstance||[]),u=l.next();!u.done;u=l.next()){var c=u.value;if(f.default.configInstance.has(c)){var d=f.default.configInstance.get(c);d.overloads.pop(),f.default.configInstance.set(c,n({},d))}}}catch(e){r={error:e}}finally{try{u&&!u.done&&(a=l.return)&&a.call(l)}finally{if(r)throw r.error}}i=t[t.length-1]}));var d=function(e){var t={};return"string"==typeof e[0]?(t.key=e[0],t.value=e[1],t.accessor=e[2]):(t.value=e[0],t.value&&"object"==typeof t.value&&(t.value=t.value.init)),t},s=[],v=!1;"undefined"!=typeof beforeEach&&(beforeEach((function(){return v=!0})),beforeEach((function(){return(0,c.default)(s)})),afterEach((function(){return v=!1})));var p=function(e,t,r,o){var a,l=f.default.configInstance.has(e)?f.default.configInstance.get(e):{},u=l.overloads||[];u.push([t,r,o]),l.overloads=u,f.default.configInstance.set(e,n({},l));var c=null!==(a=i.mockInstance)&&void 0!==a?a:[];return c.push(e),i.mockInstance=c,v&&s.push([e,f.default.configInstance.get(e),i]),r};function h(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];if((0,l.default)(e,"MockInstance"),t.length>0){var o=d(t),a=o.key,u=o.value,c=o.accessor;return p(e,a,u,c)}var v=f.default.configInstance.get(e)||{};f.default.configInstance.set(e,n(n({},v),{overloads:[]}));for(var h=s.length-1;h>=0;h-=1)s[h][0]===e&&s[h][2]===i&&s.splice(h,1)}!function(e){e.remember=function(){u.default.stackPush()},e.restore=function(){u.default.stackPop()},e.scope=function(t){void 0===t&&(t="case"),"all"!==t&&"suite"!==t||(beforeAll(e.remember),afterAll(e.restore)),"all"!==t&&"case"!==t||(beforeEach(e.remember),afterEach(e.restore))}}(h||(t.MockInstance=h={}))},9988:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var i=a(r(6297)),l=r(5974),u=r(3659),f=a(r(8073)),c=r(5395),d=r(8339),s=r(2937),v=a(r(445)),p=r(3821),h=[["c",c.MockComponent],["d",d.MockDirective],["p",s.MockPipe]];t.default=function(e,t){var r=function(e,t){return function(r){var a;if(e.has(r))return function(e,t,r){var n=t.get(e);return e!==n&&r(),n}(r,e,t);var c=(0,i.default)(r);if(f.default.isExcludedDef(c))return function(e,t,r){t.set(e,void 0),r()}(r,e,t);f.default.touches.add(c);var d=function(e){var t,r;if((0,l.isNgDef)(e,"m")||(0,u.isNgModuleDefWithProviders)(e))return(0,p.MockModule)(e);if(f.default.hasBuildDeclaration(e))return f.default.getBuildDeclaration(e);if(f.default.flags.has("skipMock")&&"mock"!==f.default.getResolution(e))return e;try{for(var a=n(h),i=a.next();!i.done;i=a.next()){var c=o(i.value,2),d=c[0],s=c[1];if((0,l.isNgDef)(e,d))return s(e)}}catch(e){t={error:e}}finally{try{i&&!i.done&&(r=a.return)&&r.call(a)}finally{if(t)throw t.error}}}(r);return function(e,t){return(0,u.isNgModuleDefWithProviders)(t)&&(0,u.isNgModuleDefWithProviders)(e)}(r,d)&&e.set(r.ngModule,d.ngModule),f.default.flags.has("skipMock")&&(null===(a=f.default.config.get("ngMocksDepsSkip"))||void 0===a||a.add(d)),e.set(r,d),t(d!==r),d}}(t,e),a=function(e,t){return function(r){return v.default.resolveProvider(r,e,t)}}(t,e);return{resolve:r,resolveProvider:a}}},6860:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=r(6456),i=o(r(6297)),l=o(r(7610));t.default=function(e){var t,r;try{for(var o=n((0,a.flatten)(null!=e?e:[])),u=o.next();!u.done;u=o.next()){var f=u.value,c=(0,i.default)(f);(0,l.default)(c)}}catch(e){t={error:e}}finally{try{u&&!u.done&&(r=o.return)&&r.call(o)}finally{if(t)throw t.error}}}},3821:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},o=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MockModule=function(e){var t;(0,v.default)(e,"MockModule");var r=w(e),n=r.ngModule,o=r.ngModuleProviders,a=M(n);try{var i=x(n,O(n,a.isRootModule));g.default.flags.has("cacheModule")&&g.default.cacheDeclarations.set(n,i),g.default.flags.has("skipMock")&&(null===(t=g.default.config.get("ngMocksDepsSkip"))||void 0===t||t.add(i));var l=j(o);return D(e,n,o,i,l)}finally{k(a)}};var i=r(860),l=a(r(3295)),u=a(r(3174)),f=r(6456),c=a(r(1345)),d=a(r(615)),s=a(r(2970)),v=a(r(6804)),p=r(6763),h=r(5974),y=r(3659),_=r(1946),g=a(r(8073)),b=a(r(5937)),m=a(r(224)),M=function(e){var t=!1,r=!0;g.default.flags.has("hasRootModule")?r=!1:g.default.flags.add("hasRootModule");var n=g.default.getResolution(e);return function(e){return"mock"===e&&g.default.flags.has("skipMock")}(n)&&(t=!0,g.default.flags.delete("skipMock")),function(e){return-1!==l.default.neverMockModule.indexOf((0,s.default)(e))&&!g.default.flags.has("skipMock")}(e)&&(t=!0,g.default.flags.add("skipMock")),r||!function(e){return"keep"===e&&!g.default.flags.has("skipMock")}(n)&&!function(e){return"replace"===e&&!g.default.flags.has("skipMock")}(n)||(t=!0,g.default.flags.add("skipMock")),{isRootModule:r,toggleSkipMockFlag:t}},k=function(e){var t=e.isRootModule,r=e.toggleSkipMockFlag;r&&g.default.flags.has("skipMock")?g.default.flags.delete("skipMock"):r&&!g.default.flags.has("skipMock")&&g.default.flags.add("skipMock"),t&&g.default.flags.delete("hasRootModule")},w=function(e){var t,r;return(0,y.isNgModuleDefWithProviders)(e)?(t=e.ngModule,e.providers&&(r=e.providers)):t=e,{ngModule:t,ngModuleProviders:r}},O=function(e,t){var r;if((0,p.isMockNgDef)(e,"m"))return e;if(g.default.flags.has("cacheModule")&&g.default.cacheDeclarations.has(e))return(0,b.default)(e);if(!t&&"mock"!==(null===(r=g.default.config.get("ngMocksDepsResolution"))||void 0===r?void 0:r.get(e))&&g.default.hasBuildDeclaration(e)){var n=g.default.getBuildDeclaration(e);if((0,h.isNgDef)(n,"m")&&n!==e)return n}},x=function(e,t){var r=o(t?[!1]:(0,m.default)((0,c.default)(e),e),3),n=r[0],a=r[1],l=r[2];if(l&&(0,u.default)(e,"__ngMocksResolutions",l),n){var s=g.default.flags.has("skipMock")?e:_.Mock,v=(0,f.extendClass)(s);return(0,i.NgModule)(a)(v),(0,d.default)(v,e),v}return t||e},j=function(e){if(e){var t=o((0,m.default)({providers:e,skipExports:!0}),2),r=t[0],n=t[1];return r?n.providers:e}},D=function(e,t,r,o,a){return o===t&&a===r?e:(0,y.isNgModuleDefWithProviders)(e)?n({ngModule:o},a?{providers:a}:{}):o}},224:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},o=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},a=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var l=i(r(5551)),u=r(6456),f=i(r(6297)),c=i(r(8073)),d=i(r(7610)),s=i(r(9988)),v=i(r(6860)),p=function(e,t){return(0,u.flatten)(e).map(t).filter((function(e){return!!e}))},h=function(e,t,r,o){var a=c.default.config.get(o)||{},i=(0,f.default)(e),l=t(i);if(l){var u=c.default.config.get(i);if((null==u?void 0:u.export)&&o&&!a.export&&c.default.config.set(o,n(n({},a),{export:!0})),!r||a.exportAll||(null==u?void 0:u.export))return(0,d.default)(i,o),l}},y=function(e,t){return!e||!!t.exports&&-1!==t.exports.indexOf(e)};t.default=function(e,t){var r,i,_=c.default.config.has("mockNgDefResolver");_||c.default.config.set("mockNgDefResolver",new l.default),c.default.config.get("mockNgDefResolver").push();var g=!c.default.flags.has("skipMock"),b=function(e){void 0===e&&(e=!0),g=g||e},m=(0,s.default)(b,c.default.config.get("mockNgDefResolver")),M=m.resolve,k=function(e,t,r){var i,l,u,d={},s=function(e,t){return[["declarations",e],["hostDirectives",function(t){var r=(0,f.default)(t),o=e(r);return o===r?t:t==r?o:n(n({},t),{directive:o})}],["imports",e],["entryComponents",e],["bootstrap",e],["providers",t],["viewProviders",t],["exports",e],["schemas",function(e){return e}]]}(t,r),h=c.default.flags.has("cachePipe");h||c.default.flags.add("cachePipe");try{for(var y=o(s),_=y.next();!_.done;_=y.next()){var g=a(_.value,2),b=g[0],m=g[1];(null===(u=e[b])||void 0===u?void 0:u.length)&&(d[b]=p(e[b],m))}}catch(e){i={error:e}}finally{try{_&&!_.done&&(l=y.return)&&l.call(y)}finally{if(i)throw i.error}}return e.skipMarkProviders||((0,v.default)(d.providers),(0,v.default)(d.viewProviders)),h||c.default.flags.delete("cachePipe"),d}(e,M,m.resolveProvider);e.skipExports||function(e,t,r,n,a){var i,l,f=c.default.flags.has("skipMock")||c.default.flags.has("correctModuleExports");try{for(var d=o((0,u.flatten)([r.imports||[],r.declarations||[]])),s=d.next();!s.done;s=d.next()){var v=s.value,p=h(v,e,f,a);y(p,n)||(t(),n.exports=n.exports||[],n.exports.push(p))}}catch(e){i={error:e}}finally{try{s&&!s.done&&(l=d.return)&&l.call(d)}finally{if(i)throw i.error}}}(M,b,e,k,t);try{for(var w=o(t&&k.exports?(0,u.flatten)(k.exports):[]),O=w.next();!O.done;O=w.next()){var x=O.value;(0,d.default)(x,t)}}catch(e){r={error:e}}finally{try{O&&!O.done&&(i=w.return)&&i.call(w)}finally{if(r)throw r.error}}var j=c.default.config.get("mockNgDefResolver").pop();return _||c.default.config.delete("mockNgDefResolver"),[g,k,j]}},3877:function(e,t){Object.defineProperty(t,"__esModule",{value:!0})},2937:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MockPipes=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.map((function(e){return y(e,void 0)}))},t.MockPipe=y;var o=r(860),a=r(6456),i=n(r(8773)),l=n(r(615)),u=n(r(2970)),f=n(r(6804)),c=r(6763),d=r(1946),s=n(r(8073)),v=n(r(5937)),p=n(r(445)),h=function(e,t){var r,n=s.default.config.get(e),f=null!=t?t:null===(r=null==n?void 0:n.defValue)||void 0===r?void 0:r.transform,c=(0,a.extendClass)(d.Mock);return(0,o.Pipe)((0,i.default)(e))(c),(0,l.default)(c,e,{init:function(e){f&&(e.transform=f),e.transform||p.default.mock(e,"transform","".concat((0,u.default)(e),".transform"))},transform:f}),c};function y(e,t){if((0,f.default)(e,"MockPipe"),(0,c.isMockNgDef)(e,"p"))return e;if(s.default.flags.has("cachePipe")&&s.default.cacheDeclarations.has(e))return(0,v.default)(e);var r=h(e,t);return s.default.flags.has("cachePipe")&&s.default.cacheDeclarations.set(e,r),r}},5861:function(e,t){Object.defineProperty(t,"__esModule",{value:!0})},7413:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MockProviders=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.map((function(e){return f(e,u)}))},t.MockProvider=f;var o=n(r(6804)),a=n(r(8195)),i=n(r(9465)),l=r(5779),u={};function f(e,t,r,n){var f;void 0===t&&(t=u),void 0===n&&(n={}),(0,o.default)(e,"MockProvider");var c="boolean"==typeof n?{deps:void 0,multi:n}:Array.isArray(n)?{deps:n,multi:void 0}:n,d=c.deps,s=c.multi;return r?((f={provide:e})[r]=t,f.deps=d,f.multi=s,f):(0,i.default)(e,(function(){return(0,l.MockService)(e)}),(function(e){return t===u?e:e?(0,a.default)(e,t):t}))}},3078:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},o=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},a=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},i=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var u=r(860),f=l(r(3295)),c=l(r(3174)),d=l(r(8073)),s=l(r(5006)),v=l(r(2478));t.default=function(e,t,r,l){var p,h,y,_,g,b=function(){var e,t=null!==(e=d.default.config.get("MockRenderCaches"))&&void 0!==e?e:[];return 0===t.length&&d.default.config.set("MockRenderCaches",t),t}(),m=i(i(i([e],a(null!=r?r:[null]),!1),a(null!==(y=l.providers)&&void 0!==y?y:[null]),!1),a(null!==(_=l.viewProviders)&&void 0!==_?_:[null]),!1),M=function(e,t){var r,n;try{for(var a=o(e),i=a.next();!i.done;i=a.next()){var l=i.value;if(l.cacheKey.length===t.length){for(var u=!0,f=0;f<t.length;f+=1)if(l.cacheKey[f]!==t[f]){u=!1;break}if(u)return l}}}catch(e){r={error:e}}finally{try{i&&!i.done&&(n=a.return)&&n.call(a)}finally{if(r)throw r.error}}}(b,m);if(M)return M;var k=t.inputs?i([],a(t.inputs),!1):[],w=t.outputs?i([],a(t.outputs),!1):[];if(t.hostDirectives)try{for(var O=o(t.hostDirectives),x=O.next();!x.done;x=O.next()){var j=x.value;"object"==typeof j&&j.directive&&(j.inputs&&k.push.apply(k,i([],a(j.inputs),!1)),j.outputs&&w.push.apply(w,i([],a(j.outputs),!1)))}}catch(e){p={error:e}}finally{try{x&&!x.done&&(h=O.return)&&h.call(O)}finally{if(p)throw p.error}}var D=(0,v.default)(e,{selector:t.selector,inputs:k,outputs:w,bindings:r}),S={providers:l.providers,selector:"mock-render",template:D,viewProviders:l.viewProviders};if(M=function(e){var t=e.bindings,r=e.options,n=e.inputs,a=function(){var e,r,a;(0,c.default)(this,"__ngMocksOutput",(a=this,function(e,t){return"function"==typeof a[e]?a[e](t):a[e]&&"object"==typeof a[e]&&"function"==typeof a[e].emit?a[e].emit(t):a[e]&&"object"==typeof a[e]&&"function"==typeof a[e].next?a[e].next(t):void(a[e]=t)}));var i=0;if((0,s.default)(this,"__ngContext__",{get:function(){return i},set:function(e){return i=e},enumerable:!1}),!t){var l=function(e){var t=null;(0,s.default)(u,e,{get:function(){return t},set:function(e){return t=e}})},u=this;try{for(var f=o(n||[]),d=f.next();!d.done;d=f.next())l(d.value)}catch(t){e={error:t}}finally{try{d&&!d.done&&(r=f.return)&&r.call(f)}finally{if(e)throw e.error}}}};return(0,c.default)(a.prototype,"__ngMocks_index_".concat(d.default.index()),void 0,!1),(0,u.Component)(r)(a),a}(n(n({},t),{bindings:r,options:S})),(0,c.default)(M,"cacheKey",m),(0,c.default)(M,"tpl",D),t.selector&&S.providers){var P=function(e){var t=e.selector,r=e.options,n=function(){};return(0,u.Directive)({selector:t,providers:r.providers})(n),n}(n(n({},t),{bindings:r,options:S}));(0,c.default)(M,"providers",P)}return b.unshift(M),b.splice(null!==(g=d.default.global.get("mockRenderCacheSize"))&&void 0!==g?g:f.default.mockRenderCacheSize),M}},2478:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(8773)),i=o(r(1184)),l=r(5974),u=function(e,t){var r=" ".concat(function(e,t){return"i"===t?"[".concat(e,"]"):"(".concat(e,")")}(e,t),'="');return(r+="i"===t?e:"__ngMocksOutput('".concat(e,"', $event)"))+'"'},f=function(e,t,r){var o,a;if(!e&&"o"===r)return"";var l="",f=null!=e?e:t;try{for(var c=n(t),d=c.next();!d.done;d=c.next()){var s=d.value,v=(0,i.default)(s),p=v.name,h=v.alias;l+=-1===f.indexOf(h||p)?"":u(h||p,r)}}catch(e){o={error:e}}finally{try{d&&!d.done&&(a=c.return)&&a.call(c)}finally{if(o)throw o.error}}return l};t.default=function(e,t){var r=t.selector,n=t.bindings,o=t.inputs,i=t.outputs,u="";return"string"==typeof e?u=e:(0,l.isNgDef)(e,"p")&&n&&-1!==n.indexOf("$implicit")?u="{{ $implicit | ".concat((0,a.default)(e).name," }}"):r&&(u+="<".concat(r),u+=f(n,o,"i"),u+=f(n,i,"o"),u+="></".concat(r,">")),u}},2091:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},a=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var l=i(r(3174)),u=i(r(5006)),f=i(r(445)),c=function(e,t,r){var n=function(){if("function"==typeof r[e]){if(t["__ngMocks_".concat(e,"__origin")]!==r[e]){var n=f.default.createClone(r[e],t,r);(0,l.default)(t,"__ngMocks_".concat(e),n),(0,l.default)(t,"__ngMocks_".concat(e,"__origin"),r[e])}return t["__ngMocks_".concat(e)]}return r[e]};return(0,l.default)(n,"__ngMocksProxy",!0),n},d=function(e,t,r){var n=function(n){t["__ngMocks_".concat(e)]&&(t["__ngMocks_".concat(e)]=void 0),t["__ngMocks_".concat(e,"__origin")]&&(t["__ngMocks_".concat(e,"__origin")]=void 0),r[e]=n};return(0,l.default)(n,"__ngMocksProxy",!0),n};t.default=function(e,t,r,i){var s,v;if(void 0===i&&(i=!1),t){(0,l.default)(e,"__ngMocks__source",t);var p,h=(p=e,o(o([],n(Object.getOwnPropertyNames(p)),!1),n(Object.keys(p)),!1)),y=o(o([],n(function(e){return o(o(o([],n(f.default.extractPropertiesFromPrototype(Object.getPrototypeOf(e))),!1),n(f.default.extractMethodsFromPrototype(Object.getPrototypeOf(e))),!1),n(Object.keys(e)),!1)}(t)),!1),n(r),!1);try{for(var _=a(y),g=_.next();!g.done;g=_.next()){var b=g.value;(i||-1===h.indexOf(b))&&((0,u.default)(e,b,{get:c(b,e,t),set:d(b,e,t)}),h.push(b))}}catch(e){s={error:e}}finally{try{g&&!g.done&&(v=_.return)&&v.call(_)}finally{if(s)throw s.error}}}}},6086:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},o=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},a=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},i=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var u=r(860),f=r(2603),c=l(r(3174)),d=r(6456),s=l(r(8862)),v=r(5974);t.default=function(e){var t,r,l;if(!(0,v.isNgDef)(e,"c")&&!(0,v.isNgDef)(e,"d"))return{};var p=(0,s.default)(e),h={};try{for(var y=i(Object.keys(p)),_=y.next();!_.done;_=y.next()){var g=_.value;"standalone"!==g?h[g]=p[g]:(0,c.default)(h,"__ngMocksStandalone",!!p[g])}}catch(e){t={error:e}}finally{try{_&&!_.done&&(r=y.return)&&r.call(y)}finally{if(t)throw t.error}}return h.selector&&/[\s,[\]]/.test(h.selector)&&(h.selector=""),h.selector||(h.selector=(null===(l=f.TestBed.ngMocksSelectors)||void 0===l?void 0:l.get(e))||"",h.selector||(h.selector="ng-mocks-".concat(e.name),function(e,t){var r,i=(0,d.extendClass)(e),l={provide:e,useExisting:i};t.providers=a(a([],o(t.providers||[]),!1),[l],!1);var c={};try{var s=f.TestBed.ngMocksOverrides.get(e).override;(c=n({},s.set)).providers=c.providers?a(a([],o(c.providers),!1),[l],!1):t.providers}catch(e){}var p=!0===t.__ngMocksStandalone;((0,v.isNgDef)(e,"c")?u.Component:u.Directive)(n(n(n({},t),c),p?{standalone:p}:{}))(i),f.TestBed.configureTestingModule(((r={})[p?"imports":"declarations"]=[i],r))}(e,h),f.TestBed.ngMocksSelectors&&f.TestBed.ngMocksSelectors.set(e,h.selector))),h}},8406:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MockRenderFactory=function(e,t,r){void 0===r&&(r={}),(0,f.default)(e,"MockRender");var n="string"==typeof e||(0,c.isNgDef)(e,"t")?{}:(0,g.default)(e),o=(0,y.default)(e,n,t,r),a=m(o,t,e,r);return"root"!==d.default.current().level&&!1!==r.configureTestBed&&a.configureTestBed(),a};var o=r(860),a=r(2603),i=n(r(3174)),l=r(6456),u=n(r(2970)),f=n(r(6804)),c=r(5974),d=n(r(7592)),s=n(r(8073)),v=r(6189),p=n(r(5006)),h=r(5779),y=n(r(3078)),_=n(r(2091)),g=n(r(6086)),b=["Forgot to flush TestBed?","MockRender cannot be used without a reset after TestBed.get / TestBed.inject / TestBed.createComponent and another MockRender in the same test.","If you want to mock a service before rendering, consider usage of MockRenderFactory or MockInstance.","To flush TestBed, add a call of ngMocks.flushTestBed() before the call of MockRender, or pass `reset: true` to MockRender options."].join(" "),m=function(e,t,r,n){var f=function(n,d){f.configureTestBed();var y=a.TestBed.createComponent(e);return(0,_.default)(y.componentInstance,null!=n?n:{},null!=t?t:[]),(0,i.default)(y,"ngMocksStackId",s.default.global.get("bullet:stack:id")),(void 0===d||d)&&y.detectChanges(),"string"==typeof r||(0,c.isNgDef)(r,"c")||(0,c.isNgDef)(r,"d")||e.tpl&&(0,c.isNgDef)(r,"p")?function(e,t,r){e.point=e.debugElement.children[0]&&"#text"!==e.debugElement.children[0].nativeElement.nodeName&&"#comment"!==e.debugElement.children[0].nativeElement.nodeName?e.debugElement.children[0]:e.debugElement,(0,c.isNgDef)(t,"d")?(0,p.default)(e.point,"componentInstance",{get:function(){return v.ngMocks.get(e.point,t)}}):(0,c.isNgDef)(t,"p")&&(0,p.default)(e.point,"componentInstance",{get:function(){return v.ngMocks.findInstance(e.point,t)}}),function(e,t){if(e)try{t()}catch(e){}}(!r,(function(){return(0,_.default)(e.componentInstance,e.point.componentInstance,[])}))}(y,r,n):function(e,t,r){var n;try{n=(0,l.getInjection)(t)}catch(e){if((0,c.isNgDef)(t,"p"))throw new Error(["Cannot render ".concat((0,u.default)(t),"."),"Did you forget to set $implicit param, or add the pipe to providers?","https://ng-mocks.sudo.eu/guides/pipe"].join(" "));throw e}r&&v.ngMocks.stub(n,r),e.point=(0,h.MockService)(o.DebugElement,{childNodes:[],children:[],componentInstance:n,nativeElement:(0,h.MockService)(HTMLElement)}),(0,_.default)(e.componentInstance,e.point.componentInstance,[],!0)}(y,r,n),y};return f.declaration=e,f.bindings=t,f.configureTestBed=function(e,t){return function(){var r,n=(0,a.getTestBed)(),o=(null===(r=n._compiler)||void 0===r?void 0:r.declarations)||n.declarations||n._declarations;if(!o||-1===o.indexOf(e)){!function(e){var t=s.default.global.get("flags"),r=(0,a.getTestBed)();e.reset||!r._instantiated&&!r._testModuleRef?v.ngMocks.flushTestBed():"throw"!==t.onTestBedFlushNeed&&(r._instantiated||r._testModuleRef)&&("warn"===t.onTestBedFlushNeed&&console.warn(b),v.ngMocks.flushTestBed())}(t);try{var l=[];e.providers&&l.push(e.providers),l.push(e),a.TestBed.configureTestingModule({declarations:l})}catch(e){!function(e){var t=new Error(b);throw(0,i.default)(t,"parent",e),t}(e)}}}}(e,n),f}},1661:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0}),t.MockRender=function(e,t,r){void 0===r&&(r=!0);var a=0===arguments.length?"":e,i=t&&"object"==typeof t?Object.keys(t):t,l="boolean"==typeof r?{detectChanges:r}:n({},r);return o.MockRenderFactory(a,i,l)(t,l.detectChanges)};var o=r(8406)},7325:function(e,t){Object.defineProperty(t,"__esModule",{value:!0})},96:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(2956));t.default=function(e){return"function"==typeof e&&!(0,o.default)(e)}},2956:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){if("function"!=typeof e)return!1;if(!e.prototype)return!0;if(function(e){return!!(e.ɵprov||e.__annotations__||e.__parameters__||e.parameters)}(e))return!1;var t=e.toString();if(null!==t.match(/^class\b/))return!1;var r=t.match(/^function\s+([^\s(]+)\(/);return null===r||!function(e,t,r){if(null!==e.match(/^class/))return!0;if(Object.keys(r.prototype).length>0)return!0;var n=e.codePointAt(0);if(n&&n>=65&&n<=90&&null!==t.match(/\bthis\./gm))return!0;var o=new RegExp("\\(this,\\s*".concat(e,"\\)"),"mg");return null!==t.match(o)}(r[1],t,e)}},402:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return null!==e&&"object"==typeof e&&"InjectionToken"!==e.ngMetadataName&&"object"==typeof Object.getPrototypeOf(e)}},1365:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},a=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var l=i(r(5006)),u=i(r(7331)),f=i(r(7794)),c=i(r(5020));t.default=function(e,t,r,i){var d,s,v=function(){for(var n=[],o=0;o<arguments.length;o++)n[o]=arguments[o];return(i||e).apply(t===this?r:this,n)};try{for(var p=a(o(o([],n((0,u.default)(e)),!1),n((0,f.default)(e)),!1)),h=p.next();!h.done;h=p.next()){var y=h.value,_=(0,c.default)(e,y);(0,l.default)(v,y,_)}}catch(e){d={error:e}}finally{try{h&&!h.done&&(s=p.return)&&s.call(p)}finally{if(d)throw d.error}}return v}},3886:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(3174)),i=o(r(2970)),l=o(r(445));t.default=function(e){var t,r,o,u,f=(0,i.default)(e),c={};(0,a.default)(c,"__ngMocks",!0);var d=l.default.extractMethodsFromPrototype(e);try{for(var s=n(d),v=s.next();!v.done;v=s.next()){var p=v.value;l.default.mock(c,p,f)}}catch(e){t={error:e}}finally{try{v&&!v.done&&(r=s.return)&&r.call(s)}finally{if(t)throw t.error}}var h=l.default.extractPropertiesFromPrototype(e);try{for(var y=n(h),_=y.next();!_.done;_=y.next()){var g=_.value;l.default.mock(c,g,"get",f),l.default.mock(c,g,"set",f)}}catch(e){o={error:e}}finally{try{_&&!_.done&&(u=y.return)&&u.call(y)}finally{if(o)throw o.error}}return Object.setPrototypeOf(c,e),c}},5006:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(5020));t.default=function(e,t,r){if(!r||!e)return!1;if(Object.defineProperty){var o=(0,a.default)(e,t);if(!1===(null==o?void 0:o.configurable))return!1;Object.defineProperty(e,t,n(n(n({},r),{configurable:!0}),void 0===r.get&&void 0===r.set||!1===r.writable?{writable:!0}:{}))}else e[t]=r.value;return!0}},7331:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(2970)),i=["sanitize","bypassSecurityTrustHtml","bypassSecurityTrustStyle","bypassSecurityTrustScript","bypassSecurityTrustUrl","bypassSecurityTrustResourceUrl"],l={DomSanitizer:i,Sanitizer:i},u=function(e){var t,r,o,i=Object.getOwnPropertyNames(e);try{for(var u=n(null!==(o=l[(0,a.default)(e)])&&void 0!==o?o:[]),f=u.next();!f.done;f=u.next()){var c=f.value;i.push(c)}}catch(e){t={error:e}}finally{try{f&&!f.done&&(r=u.return)&&r.call(u)}finally{if(t)throw t.error}}return i};t.default=function(e){for(var t,r,o=[],a=e;a&&null!==Object.getPrototypeOf(a);){try{for(var i=(t=void 0,n(u(a))),l=i.next();!l.done;l=i.next()){var f=l.value;if("constructor"!==f){var c=Object.getOwnPropertyDescriptor(a,f);c&&(c.get||c.set)||-1!==o.indexOf(f)||o.push(f)}}}catch(e){t={error:e}}finally{try{l&&!l.done&&(r=i.return)&&r.call(i)}finally{if(t)throw t.error}}a=Object.getPrototypeOf(a)}return o}},7794:function(e,t){var r=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")};Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){for(var t,n,o=[],a=e;a&&null!==Object.getPrototypeOf(a);){try{for(var i=(t=void 0,r(Object.getOwnPropertyNames(a))),l=i.next();!l.done;l=i.next()){var u=l.value;if("constructor"!==u){var f=Object.getOwnPropertyDescriptor(a,u);f&&(f.get||f.set)&&-1===o.indexOf(u)&&o.push(u)}}}catch(e){t={error:e}}finally{try{l&&!l.done&&(n=i.return)&&n.call(i)}finally{if(t)throw t.error}}a=Object.getPrototypeOf(a)}return o}},5020:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){for(var r=e;r&&null!==Object.getPrototypeOf(r);){var n=Object.getOwnPropertyDescriptor(r,t);if(n)return n;r=Object.getPrototypeOf(r)}}},8536:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(3174)),a=function(e,t){void 0===t&&(t=!1);var r,n,i=a.customMockFunction&&!t?a.customMockFunction(e):function(e){return n&&n(e),r};return(0,o.default)(i,"__ngMocks",!0),(0,o.default)(i,"__ngMocksSet",(function(e){return n=e})),(0,o.default)(i,"__ngMocksGet",(function(e){return r=e})),i};t.default=a},445:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.registerMockFunction=function(e){(0,o.default)().ngMockshelperMockService.registerMockFunction(e)};var o=n(r(1102)),a=n(r(1365)),i=n(r(3886)),l=n(r(5006)),u=n(r(7331)),f=n(r(7794)),c=n(r(5020)),d=n(r(4235)),s=n(r(8536)),v=n(r(2004)),p=n(r(3663)),h=n(r(9465));(0,o.default)().ngMockshelperMockService=(0,o.default)().ngMockshelperMockService||{mockFunction:s.default,registerMockFunction:function(e){(0,o.default)().ngMockshelperMockService.mockFunction.customMockFunction=e},createClone:a.default,createMockFromPrototype:i.default,definePropertyDescriptor:l.default,extractMethodsFromPrototype:u.default,extractPropertiesFromPrototype:f.default,extractPropertyDescriptor:c.default,mock:d.default,replaceWithMocks:v.default,resolveProvider:p.default,useFactory:h.default},t.default=(0,o.default)().ngMockshelperMockService},4235:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(2970)),i=o(r(445));t.default=function(e,t){for(var r=[],o=2;o<arguments.length;o++)r[o-2]=arguments[o];var l=function(e){var t,r;return e.length>0&&"get"!==e[0]&&"set"!==e[0]?r=e[0]:e.length>0&&("get"===e[0]||"set"===e[0])&&(t=e[0],r=e[1]),{accessType:t,mockName:r}}(r),u=l.accessType,f=l.mockName,c=Object.getOwnPropertyDescriptor(e,t);if(c&&c[u||"value"])return c[u||"value"];var d=function(e,t,r,n){return"".concat(null!=t?t:"function"==typeof r.prototype?r.prototype.name:(0,a.default)(r),".").concat(e).concat(null!=n?n:"")}(t,f,e,u),s=i.default.mockFunction(d,!!u),v=function(e,t,r){var o;return n(n(n(n({},"get"===r&&e&&e.set?{set:e.set}:{}),"set"===r&&e&&e.get?{get:e.get}:{}),r?{}:{writable:!0}),((o={})[r||"value"]=t,o.configurable=!0,o.enumerable=!0,o))}(c,s,u);return v.get&&v.set&&v.get.__ngMocks&&v.set.__ngMocks&&v.set.__ngMocksSet((function(e){return v.get.__ngMocksGet(e)})),Object.defineProperty(e,t,v),s}},2004:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},o=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},a=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var l=r(1763),u=r(5974),f=i(r(8073)),c=["canActivate","canActivateChild","canDeactivate","canMatch","canLoad"],d=function(e,t){return Array.isArray(e[t])?function(e){var t,r,n=[];try{for(var a=o(e),i=a.next();!i.done;i=a.next()){var c=i.value;!f.default.isProvidedDef(c)&&f.default.isExcludedDef(l.NG_MOCKS_GUARDS)||(n.push(c),(0,u.isNgDef)(c)||f.default.touches.add(c))}}catch(e){t={error:e}}finally{try{i&&!i.done&&(r=a.return)&&r.call(a)}finally{if(t)throw t.error}}return n}(e[t]):e[t]},s=function(e,t){var r,i,v;if(f.default.cacheDeclarations.has(e))return f.default.cacheDeclarations.get(e);if("object"!=typeof e)return e;if(t.has(e))return e;var p=!1;return Array.isArray(e)?(r=a(function(e,t,r){var n,a,i=[],l=!1;e.set(t,i);try{for(var u=o(t),c=u.next();!c.done;c=u.next()){var d=c.value;f.default.isExcludedDef(d)?l=l||!0:(i.push(r(d,e)),l=l||i[i.length-1]!==d)}}catch(e){n={error:e}}finally{try{c&&!c.done&&(a=u.return)&&a.call(u)}finally{if(n)throw n.error}}return[l,i]}(t,e,s),2),p=r[0],v=r[1]):e&&(i=a(function(e,t,r){var a,i,s,v,p,h,y,_={},g=!1;e.set(t,_);try{for(var b=o(Object.keys(t)),m=b.next();!m.done;m=b.next()){var M=m.value;f.default.isExcludedDef(t[M])?g=g||!0:(_[M]=r(t[M],e),g=g||_[M]!==t[M])}}catch(e){a={error:e}}finally{try{m&&!m.done&&(i=b.return)&&i.call(b)}finally{if(a)throw a.error}}try{for(var k=o(c),w=k.next();!w.done;w=k.next()){var O=w.value,x=d(_,O);x&&_[O].length!==x.length&&(g=g||!0,_=n(n({},_),((p={})[O]=x,p)))}}catch(e){s={error:e}}finally{try{w&&!w.done&&(v=k.return)&&v.call(k)}finally{if(s)throw s.error}}if("object"==typeof _.resolve&&_.resolve){var j={},D=!1;try{for(var S=o(Object.keys(_.resolve)),P=S.next();!P.done;P=S.next()){M=P.value;var C=_.resolve[M];f.default.isProvidedDef(C)||!f.default.isExcludedDef(l.NG_MOCKS_RESOLVERS)?(j[M]=C,(0,u.isNgDef)(C)||f.default.touches.add(C)):D=D||!0}}catch(e){h={error:e}}finally{try{P&&!P.done&&(y=S.return)&&y.call(S)}finally{if(h)throw h.error}}D&&(g=g||!0,_=n(n({},_),{resolve:j}))}return[g,_]}(t,e,s),2),p=i[0],v=i[1]),p?(Object.setPrototypeOf(v,Object.getPrototypeOf(e)),v):e};t.default=function(e){var t=new Map,r=s(e,t);return t.clear(),r}},3663:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},o=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var i=r(6456),l=r(1763),u=a(r(7285)),f=a(r(6297)),c=r(4152),d=a(r(8073)),s=a(r(445)),v=a(r(2415)),p=function(e,t,r){var n=!1,a=!e;return t&&e&&!a&&(a=function(e,t){for(var r,n,a=[],i=2;i<arguments.length;i++)a[i-2]=arguments[i];try{for(var l=o(a),u=l.next();!u.done;u=l.next()){var f=u.value;if(e[f]!==t[f])return!0}}catch(e){r={error:e}}finally{try{u&&!u.done&&(n=l.return)&&n.call(l)}finally{if(r)throw r.error}}return!1}(t,e,"provide","useValue","useClass","useExisting","useFactory","deps")),(t===r&&e!==t||t!==r&&a)&&(n=!0),!n};t.default=function(e,t,r){var o=function(e,t){var r=(0,f.default)(e);return{change:function(){t&&t()},multi:e!==r&&!!e.multi,provide:r}}(e,r),a=o.provide,h=o.multi,y=o.change;if(function(e,t){return null===d.default.builtProviders.get(t)||(t!==e&&e.deps&&(0,i.extractDependency)(e.deps,d.default.config.get("ngMocksDeps")),function(e,t){if(function(e,t){return d.default.builtProviders.has(l.NG_MOCKS_INTERCEPTORS)&&null===d.default.builtProviders.get(l.NG_MOCKS_INTERCEPTORS)&&(0,c.isNgInjectionToken)(t)&&"InjectionToken HTTP_INTERCEPTORS"===t.toString()&&t!==e}(e,t)){if(e.useFactory||e.useValue)return!0;var r=(0,u.default)(e.useExisting)||e.useClass;if(!d.default.builtProviders.has(r)||null===d.default.builtProviders.get(r))return!0}return!1}(e,t))}(e,a))return y();if(function(e,t){var r;return!(!e||"object"!=typeof e||!e.useExisting||!e.useExisting.mockOf&&(d.default.getResolution(t)&&!(null===(r=d.default.config.get(t))||void 0===r?void 0:r.__internal)||"keep"!==d.default.getResolution((0,u.default)(e.useExisting))))}(e,a))return d.default.touches.add(a),e;if(t.has(a))return function(e,t){var r=t,n=d.default.builtProviders.get(e);return n&&(r=n),"function"==typeof r&&(r={provide:e,useClass:r}),r}(a,t.get(a));var _=function(e,t,r){var o,a=function(e,t){if(d.default.builtProviders.has(t)){var r=d.default.builtProviders.get(t);return r===t?e:r}}(e,t);return!a&&d.default.flags.has("skipMock")&&"mock"!==d.default.getResolution(t)&&(null===(o=d.default.config.get("ngMocksDepsSkip"))||void 0===o||o.add(t),a=e),a||(a=(0,v.default)(e)),a=function(e,t,r){if(t!==e&&r&&r.useValue){var o=s.default.replaceWithMocks(r.useValue);return o===r.useValue?r:n(n({},r),{useValue:o})}return r}(e,t,a),p(a,e,t)||r(),a&&d.default.touches.add(t),a}(e,a,y);return h&&"object"==typeof _?n(n({},_),{multi:h}):_}},9465:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},a=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var l=r(860),u=r(6456),f=r(4152),c=i(r(8073)),d=i(r(8195)),s=i(r(4760)),v=r(5779),p=function(e){return(0,f.isNgInjectionToken)(e)||"string"==typeof e};t.default=function(e,t,r){return{deps:[l.Injector],provide:e,useFactory:function(i){var l=t?t():(0,v.MockService)(e),f=c.default.getOverrides().get(e),h=f?(0,u.mapValues)(f):[];return r&&h.push(r),h.push.apply(h,a([],o((0,s.default)(e)),!1)),function(e,t,r,o,a){var i,l,u=t;try{for(var f=n(r),c=f.next();!c.done;c=f.next()){var s=c.value,v=s(u,o);p(e)?u=v:s!==a?v&&(u=(0,d.default)(u,v)):u=v}}catch(e){i={error:e}}finally{try{c&&!c.done&&(l=f.return)&&l.call(f)}finally{if(i)throw i.error}}return u}(e,l,h,i,r)}}}},2415:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var i=a(r(3295)),l=a(r(6297)),u=r(4152),f=a(r(8073)),c=a(r(5006)),d=a(r(5020)),s=a(r(9465)),v=r(5779),p=i.default.neverMockProvidedFunction,h=i.default.neverMockToken,y=[[function(e){return"boolean"==typeof e},!1],[function(e){return"number"==typeof e},0],[function(e){return"string"==typeof e},""],[function(e){return null===e},null]],_=function(e,t,r){var a,i;return t===e?r?(0,s.default)(e,(function(){})):void 0:e.multi?void(null===(a=f.default.config.get("ngMocksMulti"))||void 0===a||a.add(t)):(-1!==Object.keys(e).indexOf("useValue")?i=function(e,t){return(0,s.default)(t,(function(){return e.useValue&&"object"==typeof e.useValue?(0,v.MockService)(e.useValue):function(e){var t,r;try{for(var a=n(y),i=a.next();!i.done;i=a.next()){var l=o(i.value,2),u=l[0],f=l[1];if(u(e))return f}}catch(e){t={error:e}}finally{try{i&&!i.done&&(r=a.return)&&r.call(a)}finally{if(t)throw t.error}}}(e.useValue)}))}(e,t):-1!==Object.keys(e).indexOf("useExisting")?i=e:-1!==Object.keys(e).indexOf("useClass")?i=function(e,t){return f.default.builtProviders.has(e.useClass)&&f.default.builtProviders.get(e.useClass)===e.useClass?e:(0,s.default)(t,(function(){return(0,v.MockService)(e.useClass)}))}(e,t):-1!==Object.keys(e).indexOf("useFactory")&&(i=(0,s.default)(t,(function(){return{}}))),i)};t.default=function(e,t){void 0===t&&(t=!1);var r=(0,l.default)(e);if("mock"===f.default.getResolution(r));else{if(function(e){return"function"==typeof e&&-1!==p.indexOf(e.name)}(r))return e;if(function(e){return(0,u.isNgInjectionToken)(e)&&-1!==h.indexOf(e.toString())}(r))return}var o=f.default.flags.has("cacheProvider")?f.default.cacheProviders:void 0;return r===e&&o&&o.has(r)?o.get(r):function(e,t,r){var o;return"function"==typeof t&&(o=function(e,t){return(0,s.default)(t,(function(){var r=(0,v.MockService)(t);return t!==e&&-1!==Object.keys(e).indexOf("useClass")&&function(e,t){var r,o,a=Object.getOwnPropertyNames(e),i=(0,v.MockService)(t);try{for(var l=n(Object.getOwnPropertyNames(i)),u=l.next();!u.done;u=l.next()){var f=u.value;if(-1===a.indexOf(f)){var s=(0,d.default)(i,f);(0,c.default)(e,f,s)}}}catch(e){r={error:e}}finally{try{u&&!u.done&&(o=l.return)&&o.call(l)}finally{if(r)throw r.error}}}(r,e.useClass),r}))}(e,t)),t===e&&o&&r&&r.set(t,o),o}(e,r,o)||_(e,r,t)}},5779:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MockService=function(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];var n=t.length>0&&"string"==typeof t[0]?t[0]:t[1],o=t.length>0&&t[0]&&"object"==typeof t[0]?t[0]:void 0,a=new Map,i=v(a,e,n,o);return a.clear(),i};var i=a(r(2970)),l=a(r(8195)),u=a(r(96)),f=a(r(2956)),c=a(r(402)),d=a(r(445)),s=[[u.default,function(e,t){var r=d.default.createMockFromPrototype(t.prototype);return e.set(t,r),r}],[f.default,function(e,t,r){var n=d.default.mockFunction("func:".concat(r||(0,i.default)(t)));return e.set(t,n()),n}],[function(e){return Array.isArray(e)},function(){return[]}],[c.default,function(e,t,r,o){var a,i,l=d.default.createMockFromPrototype(t.constructor.prototype);e.set(t,l);try{for(var u=n(Object.keys(t)),f=u.next();!f.done;f=u.next()){var c=f.value,s=o(e,t[c],"".concat(r||"instance",".").concat(c));void 0!==s&&(l[c]=s)}}catch(e){a={error:e}}finally{try{f&&!f.done&&(i=u.return)&&i.call(u)}finally{if(a)throw a.error}}return Object.setPrototypeOf(l,Object.getPrototypeOf(t)),l}]],v=function(e,t,r,a){void 0===r&&(r="");var i=function(e,t,r,a){var i,l,u;try{for(var f=n(s),c=f.next();!c.done;c=f.next()){var d=o(c.value,2),v=d[0],p=d[1];if(v(t))return null!==(u=e.get(t))&&void 0!==u?u:p(e,t,r,a)}}catch(e){i={error:e}}finally{try{c&&!c.done&&(l=f.return)&&l.call(f)}finally{if(i)throw i.error}}}(e,t,r,v);return a&&(0,l.default)(i,a),i}},534:function(e,t){Object.defineProperty(t,"__esModule",{value:!0})},9715:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(2023)),i=r(6456),l=o(r(7285)),u=o(r(6297)),f=r(1433),c=o(r(445)),d=o(r(7112)),s=o(r(3309)),v=function(e,t,r,n){var o=function(e,t){var r=(0,u.default)(t);return a.default.NG_VALIDATORS&&r===a.default.NG_VALIDATORS?(0,s.default)(r,(function(){return new f.MockValidatorProxy(e)})):a.default.NG_ASYNC_VALIDATORS&&r===a.default.NG_ASYNC_VALIDATORS?(0,s.default)(r,(function(){return new f.MockAsyncValidatorProxy(e)})):a.default.NG_VALUE_ACCESSOR&&r===a.default.NG_VALUE_ACCESSOR?(0,s.default)(r,(function(){return new f.MockControlValueAccessorProxy(e)})):void 0}(t,r);if(o)return o;var i=function(e,t,r){var n=(0,u.default)(r);if(n!==a.default.NgControl&&n!==a.default.FormControlDirective)return r!==n&&(0,l.default)(r.useExisting)===e?(0,d.default)(n,t):void 0}(e,t,r);return i||c.default.resolveProvider(r,n)};t.default=function(e,t,r,o){var l,f,c,d=[];try{for(var s=n((0,i.flatten)(r||[])),p=s.next();!p.done;p=s.next()){var h=p.value;(0,u.default)(h)===a.default.NG_VALUE_ACCESSOR&&(c=!1);var y=v(e,t,h,o);y&&d.push(y)}}catch(e){l={error:e}}finally{try{p&&!p.done&&(f=s.return)&&f.call(s)}finally{if(l)throw l.error}}return{providers:d,setControlValueAccessor:c}}},6847:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},o=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},a=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var l=i(r(5551)),u=i(r(5756)),f=i(r(615)),c=i(r(5555)),d=i(r(8385)),s=i(r(8073)),v=i(r(224)),p=i(r(445)),h=i(r(9715)),y=i(r(7112));t.default=function(e,t,r,i){var _,g,b,m,M=s.default.config.has("mockNgDefResolver");M||s.default.config.set("mockNgDefResolver",new l.default);var k=n({},i);if(void 0!==r.exportAs&&(k.exportAs=r.exportAs),void 0!==r.selector&&(k.selector=r.selector),void 0!==r.standalone&&(k.standalone=r.standalone),r.standalone&&r.imports){var w=o((0,v.default)({imports:r.imports,skipExports:!0}),2)[1].imports;(null==w?void 0:w.length)&&(k.imports=w)}if(r.hostDirectives){var O=o((0,v.default)({hostDirectives:r.hostDirectives,skipExports:!0}),2)[1].hostDirectives;(null==O?void 0:O.length)&&(k.hostDirectives=O)}var x=(0,h.default)(e,t,r.providers||[],s.default.config.get("mockNgDefResolver")),j=x.setControlValueAccessor,D=x.providers;D.push((0,y.default)(e,t)),k.providers=D;var S=(0,h.default)(e,t,r.viewProviders||[],s.default.config.get("mockNgDefResolver")).providers;S.length>0&&(k.viewProviders=S);var P=function(e,t,r){return{config:s.default.config.get(e),outputs:t.outputs,queryScanKeys:[],setControlValueAccessor:r}}(e,r,null!=j?j:-1!==p.default.extractMethodsFromPrototype(e.prototype).indexOf("writeValue"));(0,f.default)(t,e,P),r.queries&&(0,u.default)(t,r.inputs,Object.keys(r.queries)),(0,c.default)(t,r.outputs),P.queryScanKeys=(0,d.default)(t,r.queries),P.hostBindings=[];try{for(var C=a(r.hostBindings||[]),N=C.next();!N.done;N=C.next()){var T=o(N.value,1)[0];-1===P.hostBindings.indexOf(T)&&P.hostBindings.push(T)}}catch(e){_={error:e}}finally{try{N&&!N.done&&(g=C.return)&&g.call(C)}finally{if(_)throw _.error}}P.hostListeners=[];try{for(var E=a(r.hostListeners||[]),A=E.next();!A.done;A=E.next())T=o(A.value,1)[0],-1===P.hostListeners.indexOf(T)&&P.hostListeners.push(T)}catch(e){b={error:e}}finally{try{A&&!A.done&&(m=E.return)&&m.call(E)}finally{if(b)throw b.error}}return M||s.default.config.delete("mockNgDefResolver"),k}},6932:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(6456),a=n(r(6804)),i=r(6763),l=n(r(8073)),u=n(r(5937));t.default=function(e,t,r,n,f,c){if((0,a.default)(e,r),(0,i.isMockNgDef)(e,t))return e;if(l.default.flags.has(n)&&l.default.cacheDeclarations.has(e))return(0,u.default)(e);var d=l.default.config.has("ngMocksDepsResolution");d||l.default.config.set("ngMocksDepsResolution",new Map);var s=(0,o.extendClass)(f);return c(e,s),l.default.flags.has(n)&&l.default.cacheDeclarations.set(e,s),d||l.default.config.delete("ngMocksDepsResolution"),s}},7610:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(6739),a=n(r(8073));t.default=function(e,t){var r,n=(0,o.getSourceOfMock)(e),i=null!==(r=a.default.configInstance.get(n))&&void 0!==r?r:{__set:!0};i.exported||(i.exported=new Set),t&&i.exported.add((0,o.getSourceOfMock)(t)),i.__set&&(i.__set=void 0,a.default.configInstance.set(n,i))}},5937:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(1763),a=n(r(8073)),i=n(r(5687));t.default=function(e){var t;try{t=(0,i.default)().debugElement.injector.get(o.NG_MOCKS).get(e)}catch(e){}return t||(t=a.default.cacheDeclarations.get(e)),e.__ngMocksResolutions&&a.default.config.has("mockNgDefResolver")&&a.default.config.get("mockNgDefResolver").merge(e.__ngMocksResolutions),t}},7112:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){return{provide:e,useExisting:t}}},3309:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){return{multi:!0,provide:e,useFactory:t}}},4673:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},o=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},a=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},i=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var u=r(860),f=l(r(3174)),c=l(r(6439)),d=l(r(1184)),s=function(e,t){var r=e.indexOf(t);-1!==r&&e.splice(r,1),"Injectable"!==t&&"Pipe"!==t&&"Directive"!==t&&"Component"!==t&&"NgModule"!==t||e.push(t)},v=function(e){var t,r,n=[];try{for(var a=o(Object.keys(e)),i=a.next();!i.done;i=a.next()){var l=i.value;n.push(l)}}catch(e){t={error:e}}finally{try{i&&!i.done&&(r=a.return)&&r.call(a)}finally{if(t)throw t.error}}return n},p=function(e){return function(t,r,n,a){var i,l,u,f=(0,d.default)({name:r,alias:null!==(u=n.alias)&&void 0!==u?u:n.bindingPropertyName,required:n.required}),s=f.alias,v=f.required,p=(0,c.default)({name:r,alias:s,required:v}),h=!0;try{for(var y=o(a[e]),_=y.next();!_.done;_=y.next()){var g=_.value;if(g===p){h=!1;break}var b=(0,d.default)(g),m=b.name,M=b.alias,k=b.required;if(m===r&&M===s&&k===v){h=!1;break}}}catch(e){i={error:e}}finally{try{_&&!_.done&&(l=y.return)&&l.call(y)}finally{if(i)throw i.error}}h&&a[e].unshift(p)}},h=p("inputs"),y=p("outputs"),_=function(e){return function(t,r,o,a){a.queries[r]||(a.queries[r]=n(n({isViewQuery:e,ngMetadataName:t,selector:o.selector},void 0===o.read?{}:{read:o.read}),void 0===o.static?{}:{static:o.static}))}},g=_(!1),b=_(!0),m=function(e){return function(t,r,o,a){a.queries[r]||(a.queries[r]=n(n(n({isViewQuery:e,ngMetadataName:t,selector:o.selector},void 0===o.descendants?{}:{descendants:o.descendants}),void 0===o.emitDistinctChangesOnly?{}:{emitDistinctChangesOnly:o.emitDistinctChangesOnly}),void 0===o.read?{}:{read:o.read}))}},M={ContentChild:g,ContentChildren:m(!1),HostBinding:function(e,t,r,n){var o="[".concat(r.hostPropertyName||t,"]");n.host[o]||(n.host[o]=t),n.hostBindings.push(i([t,r.hostPropertyName||t],a(r.args?[r.args]:[]),!1))},HostListener:function(e,t,r,n){var o="(".concat(r.eventName||t,")");n.host[o]||(n.host[o]="".concat(t,"($event)")),n.hostListeners.push(i([t,r.eventName||t],a(r.args?[r.args]:[]),!1))},Input:h,Output:y,ViewChild:b,ViewChildren:m(!0)},k=function(e){var t=p(e);return function(e,r,n,o){var a,i=void 0===(null===(a=n.args)||void 0===a?void 0:a[0])?{}:"string"==typeof n.args[0]?{alias:n.args[0]}:n.args[0],l=i.alias,u=void 0===l?void 0:l,f=i.required;t(e,r,{alias:u,required:void 0===f?void 0:f,bindingPropertyName:u},o)}},w=k("inputs"),O=k("outputs"),x=function(e){return function(t,r,o,a){a.queries[r]||(a.queries[r]=n({isViewQuery:e,ngMetadataName:t,selector:o.args[0]},o.args[1]))}},j=x(!1),D=x(!0),S={ContentChild:j,ContentChildren:j,HostBinding:function(e,t,r,n){var o,l="[".concat((null===(o=r.args)||void 0===o?void 0:o[0])||t,"]");n.host[l]||(n.host[l]=t),n.hostBindings.push(i([t],a(r.args||[]),!1))},HostListener:function(e,t,r,n){var o,l="(".concat((null===(o=r.args)||void 0===o?void 0:o[0])||t,")");n.host[l]||(n.host[l]="".concat(t,"($event)")),n.hostListeners.push(i([t],a(r.args||[]),!1))},Input:w,Output:O,ViewChild:D,ViewChildren:D},P=function(e,t){var r,a,i,l;if(e){e.inputs=e.inputs||[];try{for(var u=o(t.inputs),f=u.next();!f.done;f=u.next()){var c=f.value;-1===e.inputs.indexOf(c)&&e.inputs.push(c)}}catch(e){r={error:e}}finally{try{f&&!f.done&&(a=u.return)&&a.call(u)}finally{if(r)throw r.error}}e.outputs=e.outputs||[];try{for(var d=o(t.outputs),s=d.next();!s.done;s=d.next()){var v=s.value;-1===e.outputs.indexOf(v)&&e.outputs.push(v)}}catch(e){i={error:e}}finally{try{s&&!s.done&&(l=d.return)&&l.call(d)}finally{if(i)throw i.error}}e.queries=n(n({},e.queries||[]),t.queries),e.hostBindings=t.hostBindings,e.hostListeners=t.hostListeners}},C=new u.ɵReflectionCapabilities,N=function(e){if("function"!=typeof e&&"object"!=typeof e)return{};if(Object.prototype.hasOwnProperty.call(e,"__ngMocksParsed"))return e.__ngMocksDeclarations;var t=Object.getPrototypeOf(e),r=t?N(t):{},l=function(e){return{host:e.host?n({},e.host):{},hostBindings:e.hostBindings?i([],a(e.hostBindings),!1):[],hostListeners:e.hostListeners?i([],a(e.hostListeners),!1):[],attributes:e.attributes?i([],a(e.attributes),!1):[],inputs:e.inputs?i([],a(e.inputs),!1):[],outputs:e.outputs?i([],a(e.outputs),!1):[],propDecorators:e.propDecorators?n({},e.propDecorators):{},queries:e.queries?n({},e.queries):{},decorators:e.decorators?i([],a(e.decorators),!1):[]}}(r);return(0,f.default)(e,"__ngMocksParsed",!0),function(e,t){var r,n,a,i;if(Object.prototype.hasOwnProperty.call(e,"__parameters__")&&e.__parameters__)try{for(var l=o(e.__parameters__),u=l.next();!u.done;u=l.next()){var f=u.value;try{for(var c=(a=void 0,o(f||[])),d=c.next();!d.done;d=c.next()){var s=d.value;"Attribute"===s.ngMetadataName&&-1===t.attributes.indexOf(s.attributeName)&&t.attributes.push(s.attributeName)}}catch(e){a={error:e}}finally{try{d&&!d.done&&(i=c.return)&&i.call(c)}finally{if(a)throw a.error}}}}catch(e){r={error:e}}finally{try{u&&!u.done&&(n=l.return)&&n.call(l)}finally{if(r)throw r.error}}}(e,l),function(e,t){var r,a;if(Object.prototype.hasOwnProperty.call(e,"__annotations__")&&e.__annotations__)try{for(var i=o(e.__annotations__),l=i.next();!l.done;l=i.next()){var u=l.value,f=null==u?void 0:u.ngMetadataName;f&&(t[f]=n(n({},u),{attributes:t.attributes}),s(t.decorators,f))}}catch(e){r={error:e}}finally{try{l&&!l.done&&(a=i.return)&&a.call(i)}finally{if(r)throw r.error}}}(e,l),function(e,t){var r,a,i,l;if(Object.prototype.hasOwnProperty.call(e,"decorators")&&e.decorators)try{for(var u=o(e.decorators),f=u.next();!f.done;f=u.next()){var c=f.value,d=null===(l=null===(i=null==c?void 0:c.type)||void 0===i?void 0:i.prototype)||void 0===l?void 0:l.ngMetadataName;d&&(t[d]=c.args?n({},c.args[0]):{},s(t.decorators,d))}}catch(e){r={error:e}}finally{try{f&&!f.done&&(a=u.return)&&a.call(u)}finally{if(r)throw r.error}}}(e,l),function(e,t){var r,n,l,u,f,c,d;if(Object.prototype.hasOwnProperty.call(e,"propDecorators")&&e.propDecorators)try{for(var s=o(v(e.propDecorators)),p=s.next();!p.done;p=s.next()){var h=p.value;t.propDecorators[h]=i(i([],a(t.propDecorators[h]||[]),!1),a(e.propDecorators[h]),!1);try{for(var y=(l=void 0,o(e.propDecorators[h])),_=y.next();!_.done;_=y.next()){var g=_.value,b=null===(c=null===(f=null==g?void 0:g.type)||void 0===f?void 0:f.prototype)||void 0===c?void 0:c.ngMetadataName;b&&(null===(d=S[b])||void 0===d||d.call(S,b,h,g,t))}}catch(e){l={error:e}}finally{try{_&&!_.done&&(u=y.return)&&u.call(y)}finally{if(l)throw l.error}}}}catch(e){r={error:e}}finally{try{p&&!p.done&&(n=s.return)&&n.call(s)}finally{if(r)throw r.error}}}(e,l),function(e,t){var r,n,a,i,l;if(Object.prototype.hasOwnProperty.call(e,"__prop__metadata__")&&e.__prop__metadata__)try{for(var u=o(v(e.__prop__metadata__)),f=u.next();!f.done;f=u.next()){var c=f.value,d=e.__prop__metadata__[c];try{for(var s=(a=void 0,o(d)),p=s.next();!p.done;p=s.next()){var h=p.value,y=null==h?void 0:h.ngMetadataName;y&&(null===(l=M[y])||void 0===l||l.call(M,y,c,h,t))}}catch(e){a={error:e}}finally{try{p&&!p.done&&(i=s.return)&&i.call(s)}finally{if(a)throw a.error}}}}catch(e){r={error:e}}finally{try{f&&!f.done&&(n=u.return)&&n.call(u)}finally{if(r)throw r.error}}}(e,l),P(l.Directive,l),P(l.Component,l),(0,f.default)(e,"__ngMocksDeclarations",n(n(n({},r),l),{parameters:C.parameters(e)})),e.__ngMocksDeclarations};t.default=N},4358:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__4358__},860:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__860__},2603:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__2603__},7182:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__7182__},1165:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__1165__}},__webpack_module_cache__={};function __webpack_require__(e){var t=__webpack_module_cache__[e];if(void 0!==t)return t.exports;var r=__webpack_module_cache__[e]={exports:{}};return __webpack_modules__[e].call(r.exports,r,r.exports,__webpack_require__),r.exports}__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}();var __webpack_exports__=__webpack_require__(5170);return __webpack_exports__}()}));
++!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@angular/core"),require("@angular/core/testing"),require("@angular/forms"),require("@angular/common"),require("@angular/platform-browser"));else if("function"==typeof define&&define.amd)define(["@angular/core","@angular/core/testing","@angular/forms","@angular/common","@angular/platform-browser"],t);else{var r="object"==typeof exports?t(require("@angular/core"),require("@angular/core/testing"),require("@angular/forms"),require("@angular/common"),require("@angular/platform-browser")):t(e["@angular/core"],e["@angular/core/testing"],e["@angular/forms"],e["@angular/common"],e["@angular/platform-browser"]);for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}(this,(function(__WEBPACK_EXTERNAL_MODULE__860__,__WEBPACK_EXTERNAL_MODULE__2603__,__WEBPACK_EXTERNAL_MODULE__7182__,__WEBPACK_EXTERNAL_MODULE__4358__,__WEBPACK_EXTERNAL_MODULE__1165__){return function(){"use strict";var __webpack_modules__={5170:function(e,t,r){var n=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),o=this&&this.__exportStar||function(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||n(t,e,r)};Object.defineProperty(t,"__esModule",{value:!0}),t.MockRenderFactory=t.MockRender=t.ngMocks=t.MockService=t.MockProviders=t.MockProvider=t.MockDeclarations=t.MockDeclaration=t.MockedPipe=t.MockPipes=t.MockPipe=t.MockedDirective=t.MockDirectives=t.MockDirective=t.MockedComponent=t.MockComponents=t.MockComponent=t.MockedModule=t.MockModule=t.IMockBuilderProvider=t.IMockBuilderResult=t.IMockBuilderConfigModule=t.IMockBuilderConfigDirective=t.IMockBuilderConfigComponent=t.IMockBuilderConfigAll=t.IMockBuilderConfig=t.IMockBuilderExtended=t.IMockBuilder=t.MockBuilder=t.MockReset=t.MockInstance=t.LegacyControlValueAccessor=t.MockValidator=t.MockControlValueAccessor=t.Mock=t.isNgInjectionToken=t.isNgDef=t.isMockedNgDefOf=t.isMockValidator=t.isMockOf=t.isMockNgDef=t.isMockControlValueAccessor=t.getSourceOfMock=t.getMockedNgDefOf=t.getInjection=t.getTestBedInjection=void 0,r(7592),r(4081),o(r(1763),t);var a=r(6456);Object.defineProperty(t,"getTestBedInjection",{enumerable:!0,get:function(){return a.getTestBedInjection}}),Object.defineProperty(t,"getInjection",{enumerable:!0,get:function(){return a.getInjection}});var i=r(5590);Object.defineProperty(t,"getMockedNgDefOf",{enumerable:!0,get:function(){return i.getMockedNgDefOf}});var l=r(6739);Object.defineProperty(t,"getSourceOfMock",{enumerable:!0,get:function(){return l.getSourceOfMock}});var u=r(7105);Object.defineProperty(t,"isMockControlValueAccessor",{enumerable:!0,get:function(){return u.isMockControlValueAccessor}});var f=r(6763);Object.defineProperty(t,"isMockNgDef",{enumerable:!0,get:function(){return f.isMockNgDef}});var c=r(7675);Object.defineProperty(t,"isMockOf",{enumerable:!0,get:function(){return c.isMockOf}});var d=r(2650);Object.defineProperty(t,"isMockValidator",{enumerable:!0,get:function(){return d.isMockValidator}});var s=r(732);Object.defineProperty(t,"isMockedNgDefOf",{enumerable:!0,get:function(){return s.isMockedNgDefOf}});var v=r(5974);Object.defineProperty(t,"isNgDef",{enumerable:!0,get:function(){return v.isNgDef}});var p=r(4152);Object.defineProperty(t,"isNgInjectionToken",{enumerable:!0,get:function(){return p.isNgInjectionToken}});var h=r(1946);Object.defineProperty(t,"Mock",{enumerable:!0,get:function(){return h.Mock}});var y=r(5980);Object.defineProperty(t,"MockControlValueAccessor",{enumerable:!0,get:function(){return y.MockControlValueAccessor}}),Object.defineProperty(t,"MockValidator",{enumerable:!0,get:function(){return y.MockValidator}}),Object.defineProperty(t,"LegacyControlValueAccessor",{enumerable:!0,get:function(){return y.LegacyControlValueAccessor}});var _=r(3001);Object.defineProperty(t,"MockInstance",{enumerable:!0,get:function(){return _.MockInstance}}),Object.defineProperty(t,"MockReset",{enumerable:!0,get:function(){return _.MockReset}});var g=r(3771);Object.defineProperty(t,"MockBuilder",{enumerable:!0,get:function(){return g.MockBuilder}});var b=r(2938);Object.defineProperty(t,"IMockBuilder",{enumerable:!0,get:function(){return b.IMockBuilder}}),Object.defineProperty(t,"IMockBuilderExtended",{enumerable:!0,get:function(){return b.IMockBuilderExtended}}),Object.defineProperty(t,"IMockBuilderConfig",{enumerable:!0,get:function(){return b.IMockBuilderConfig}}),Object.defineProperty(t,"IMockBuilderConfigAll",{enumerable:!0,get:function(){return b.IMockBuilderConfigAll}}),Object.defineProperty(t,"IMockBuilderConfigComponent",{enumerable:!0,get:function(){return b.IMockBuilderConfigComponent}}),Object.defineProperty(t,"IMockBuilderConfigDirective",{enumerable:!0,get:function(){return b.IMockBuilderConfigDirective}}),Object.defineProperty(t,"IMockBuilderConfigModule",{enumerable:!0,get:function(){return b.IMockBuilderConfigModule}}),Object.defineProperty(t,"IMockBuilderResult",{enumerable:!0,get:function(){return b.IMockBuilderResult}}),Object.defineProperty(t,"IMockBuilderProvider",{enumerable:!0,get:function(){return b.IMockBuilderProvider}});var m=r(3821);Object.defineProperty(t,"MockModule",{enumerable:!0,get:function(){return m.MockModule}});var M=r(3877);Object.defineProperty(t,"MockedModule",{enumerable:!0,get:function(){return M.MockedModule}});var k=r(5395);Object.defineProperty(t,"MockComponent",{enumerable:!0,get:function(){return k.MockComponent}}),Object.defineProperty(t,"MockComponents",{enumerable:!0,get:function(){return k.MockComponents}});var w=r(2350);Object.defineProperty(t,"MockedComponent",{enumerable:!0,get:function(){return w.MockedComponent}});var O=r(8339);Object.defineProperty(t,"MockDirective",{enumerable:!0,get:function(){return O.MockDirective}}),Object.defineProperty(t,"MockDirectives",{enumerable:!0,get:function(){return O.MockDirectives}});var x=r(4748);Object.defineProperty(t,"MockedDirective",{enumerable:!0,get:function(){return x.MockedDirective}});var j=r(2937);Object.defineProperty(t,"MockPipe",{enumerable:!0,get:function(){return j.MockPipe}}),Object.defineProperty(t,"MockPipes",{enumerable:!0,get:function(){return j.MockPipes}});var D=r(5861);Object.defineProperty(t,"MockedPipe",{enumerable:!0,get:function(){return D.MockedPipe}});var S=r(5269);Object.defineProperty(t,"MockDeclaration",{enumerable:!0,get:function(){return S.MockDeclaration}}),Object.defineProperty(t,"MockDeclarations",{enumerable:!0,get:function(){return S.MockDeclarations}});var P=r(7413);Object.defineProperty(t,"MockProvider",{enumerable:!0,get:function(){return P.MockProvider}}),Object.defineProperty(t,"MockProviders",{enumerable:!0,get:function(){return P.MockProviders}});var C=r(5779);Object.defineProperty(t,"MockService",{enumerable:!0,get:function(){return C.MockService}});var N=r(6189);Object.defineProperty(t,"ngMocks",{enumerable:!0,get:function(){return N.ngMocks}});var T=r(1661);Object.defineProperty(t,"MockRender",{enumerable:!0,get:function(){return T.MockRender}});var E=r(8406);Object.defineProperty(t,"MockRenderFactory",{enumerable:!0,get:function(){return E.MockRenderFactory}}),o(r(7325),t),o(r(534),t)},3295:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default={flags:["cacheModule","cacheComponent","cacheDirective","cacheProvider","correctModuleExports"],mockRenderCacheSize:25,neverMockModule:["ApplicationModule","CommonModule","BrowserModule","_ApplicationModule","_CommonModule","_BrowserModule"],neverMockProvidedFunction:["DomRendererFactory2","EventManager","Injector","RendererFactory2","Sanitizer","DomSanitizer","DomSanitizerImpl","ApplicationInitStatus","ApplicationRef","Compiler","IterableDiffers","KeyValueDiffers","_DomRendererFactory2","_EventManager","_Injector","_Sanitizer","_DomSanitizer","_DomSanitizerImpl","_ApplicationInitStatus","_ApplicationRef","_Compiler","_IterableDiffers","_KeyValueDiffers"],neverMockToken:["InjectionToken Set Injector scope.","InjectionToken EventManagerPlugins","InjectionToken HammerGestureConfig","InjectionToken AppId","InjectionToken DefaultCurrencyCode","InjectionToken LocaleId","InjectionToken SCHEDULER_TOKEN"],onMockBuilderMissingDependency:"throw",onMockInstanceRestoreNeed:"warn",onTestBedFlushNeed:"warn",dependencies:["declarations","hostDirectives","entryComponents","bootstrap","providers","viewProviders","imports","exports"]}},5551:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i};Object.defineProperty(t,"__esModule",{value:!0});var a=r(6456),i=function(){function e(){this.stack=[],this.push()}return e.prototype.push=function(){this.stack.push(new Map)},e.prototype.pop=function(){var e;return null!==(e=this.stack.pop())&&void 0!==e?e:new Map},e.prototype.has=function(e){for(var t=this.stack.length-1;t>=0;t-=1)if(this.stack[t].has(e))return!0;return!1},e.prototype.get=function(e){for(var t=this.stack.length-1;t>=0;t-=1)if(this.stack[t].has(e))return this.stack[t].get(e)},e.prototype.set=function(e,t){for(var r=this.stack.length-1;r>=0;r-=1)this.stack[r].set(e,t);return this},e.prototype.merge=function(e){var t,r;try{for(var i=n((0,a.mapEntries)(e)),l=i.next();!l.done;l=i.next()){var u=o(l.value,2),f=u[0],c=u[1];this.set(f,c)}}catch(e){t={error:e}}finally{try{l&&!l.done&&(r=i.return)&&r.call(i)}finally{if(t)throw t.error}}return this},e}();t.default=i},3174:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(445));t.default=function(e,t,r,n){void 0===n&&(n=!1),o.default.definePropertyDescriptor(e,t,{configurable:!0,enumerable:n,value:r,writable:!0})}},2023:function(e,t,r){var n=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),a=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&n(t,e,r);return o(t,e),t};Object.defineProperty(t,"__esModule",{value:!0});var i=a(r(7182)),l=i.AbstractControl,u=i.DefaultValueAccessor,f=i.FormControl,c=i.FormControlDirective,d=i.NG_ASYNC_VALIDATORS,s=i.NG_VALIDATORS,v=i.NG_VALUE_ACCESSOR,p=i.NgControl,h=i.NgModel;t.default={AbstractControl:l,DefaultValueAccessor:u,FormControl:f,FormControlDirective:c,NG_ASYNC_VALIDATORS:d,NG_VALIDATORS:s,NG_VALUE_ACCESSOR:v,NgControl:p,NgModel:h}},6456:function(__unused_webpack_module,exports,__webpack_require__){var __extends=this&&this.__extends||(extendStatics=function(e,t){return extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},extendStatics(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}extendStatics(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}),extendStatics,__values=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},__read=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},__spreadArray=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.extendClass=exports.extendClassicClass=exports.extractDependency=exports.mapEntries=exports.mapValues=exports.mapKeys=exports.flatten=exports.getInjection=exports.getTestBedInjection=void 0;var testing_1=__webpack_require__(2603),core_define_property_1=__importDefault(__webpack_require__(3174)),core_reflect_parameters_resolve_1=__importDefault(__webpack_require__(8749)),func_get_global_1=__importDefault(__webpack_require__(1102)),func_get_name_1=__importDefault(__webpack_require__(2970)),ng_mocks_universe_1=__importDefault(__webpack_require__(8073)),getTestBedInjection=function(e){try{return(0,exports.getInjection)(e)}catch(e){return}};exports.getTestBedInjection=getTestBedInjection;var getInjection=function(e){var t=(0,testing_1.getTestBed)();return t.inject?t.inject(e):t.get(e)};exports.getInjection=getInjection;var flatten=function(e,t){var r,n,o,a;if(void 0===t&&(t=[]),Array.isArray(e))try{for(var i=__values(e),l=i.next();!l.done;l=i.next()){var u=l.value;(0,exports.flatten)(u,t)}}catch(e){r={error:e}}finally{try{l&&!l.done&&(n=i.return)&&n.call(i)}finally{if(r)throw r.error}}else if(null!==e&&"object"==typeof e&&Array.isArray(e.ɵproviders))try{for(var f=__values(e.ɵproviders),c=f.next();!c.done;c=f.next())u=c.value,(0,exports.flatten)(u,t)}catch(e){o={error:e}}finally{try{c&&!c.done&&(a=f.return)&&a.call(f)}finally{if(o)throw o.error}}else t.push(e);return t};exports.flatten=flatten;var mapKeys=function(e){var t=[];return e.forEach((function(e,r){return t.push(r)})),t};exports.mapKeys=mapKeys;var mapValues=function(e,t){var r=[];return t?e.forEach((function(e){t.add(e)})):e.forEach((function(e){r.push(e)})),r};exports.mapValues=mapValues;var mapEntries=function(e,t){var r=[];return t?e.forEach((function(e,r){return t.set(r,e)})):e.forEach((function(e,t){return r.push([t,e])})),r};exports.mapEntries=mapEntries;var extractDependencyArray=function(e,t){var r,n;try{for(var o=__values(e),a=o.next();!a.done;a=o.next()){var i=a.value,l=i&&"object"==typeof i?i.ngMetadataName:void 0;"Optional"!==l&&"SkipSelf"!==l&&"Self"!==l&&t.add(i)}}catch(e){r={error:e}}finally{try{a&&!a.done&&(n=o.return)&&n.call(o)}finally{if(r)throw r.error}}},extractDependency=function(e,t){var r,n;if(t)try{for(var o=__values(e),a=o.next();!a.done;a=o.next()){var i=a.value;Array.isArray(i)?extractDependencyArray(i,t):t.add(i)}}catch(e){r={error:e}}finally{try{a&&!a.done&&(n=o.return)&&n.call(o)}finally{if(r)throw r.error}}};exports.extractDependency=extractDependency;var extendClassicClass=function(base){var child,index=ng_mocks_universe_1.default.index(),glb=(0,func_get_global_1.default)();glb.ngMocksParent=base;try{eval("\n      var glb = typeof window === 'undefined' ? global : window;\n      class MockMiddleware".concat(index," extends glb.ngMocksParent {};\n      glb.ngMocksResult = MockMiddleware").concat(index,";\n    ")),child=glb.ngMocksResult}catch(e){var MockMiddleware=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return __extends(t,e),t}(glb.ngMocksParent);child=MockMiddleware}finally{glb.ngMocksResult=void 0,glb.ngMocksParent=void 0}return(0,core_define_property_1.default)(child.prototype,"__ngMocks_index_".concat(index),void 0,!1),child};exports.extendClassicClass=extendClassicClass;var extendClass=function(e){var t=(0,exports.extendClassicClass)(e);(0,core_define_property_1.default)(t,"name","MockMiddleware".concat((0,func_get_name_1.default)(e)),!0);var r=(0,core_reflect_parameters_resolve_1.default)(e);return r.length>0&&(0,core_define_property_1.default)(t,"parameters",__spreadArray([],__read(r),!1)),t};exports.extendClass=extendClass},4201:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0});var n=r(6456),o={};t.default=function(e,t){if(void 0===t&&(t=o),t===o)return(0,n.getTestBedInjection)(e);try{return t.get(e)}catch(e){return}}},4874:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(8641)),a=n(r(1585)),i=n(r(2129));t.default=function(e){return function(t){(0,o.default)(t);try{return e(t)}catch(e){(0,a.default)(t),(0,i.default)(t)}}}},8862:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(4673)),a=n(r(4874));t.default=function(e){return(0,a.default)((function(e){var t=(0,o.default)(e);if(t.Component)return t.Component;if(t.Directive)return t.Directive;throw new Error("Cannot resolve declarations")}))(e)}},1381:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(8862)),a=n(r(1345)),i=r(5974);t.default=function(e){return(0,i.isNgDef)(e,"c")||(0,i.isNgDef)(e,"d")?(0,o.default)(e):(0,i.isNgDef)(e,"m")?(0,a.default)(e):void 0}},1345:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(4673)),a=n(r(4874));t.default=function(e){return(0,a.default)((function(e){var t=(0,o.default)(e);if(t.NgModule)return t.NgModule;throw new Error("Cannot resolve declarations")}))(e)}},8749:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(4673));t.default=function(e){var t;return null!==(t=(0,o.default)(e).parameters)&&void 0!==t?t:[]}},8773:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(4673)),a=n(r(4874));t.default=function(e){return(0,a.default)((function(e){var t=(0,o.default)(e);if(t.Pipe)return t.Pipe;throw new Error("Cannot resolve declarations")}))(e)}},8911:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t,r,n;if(e&&("object"==typeof e||"function"==typeof e))return null!==(r=null===(t=e.ɵprov)||void 0===t?void 0:t.providedIn)&&void 0!==r?r:null===(n=e.ngInjectableDef)||void 0===n?void 0:n.providedIn}},1763:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.NG_MOCKS_ROOT_PROVIDERS=t.NG_MOCKS_INTERCEPTORS=t.NG_MOCKS_RESOLVERS=t.NG_MOCKS_GUARDS=t.NG_MOCKS_OVERRIDES=t.NG_MOCKS_TOUCHES=t.NG_MOCKS=void 0;var n=r(860);t.NG_MOCKS=new n.InjectionToken("NG_MOCKS"),t.NG_MOCKS.__ngMocksSkip=!0,t.NG_MOCKS_TOUCHES=new n.InjectionToken("NG_MOCKS_TOUCHES"),t.NG_MOCKS_TOUCHES.__ngMocksSkip=!0,t.NG_MOCKS_OVERRIDES=new n.InjectionToken("NG_MOCKS_OVERRIDES"),t.NG_MOCKS_OVERRIDES.__ngMocksSkip=!0,t.NG_MOCKS_GUARDS=new n.InjectionToken("NG_MOCKS_GUARDS"),t.NG_MOCKS_GUARDS.__ngMocksSkip=!0,t.NG_MOCKS_RESOLVERS=new n.InjectionToken("NG_MOCKS_RESOLVERS"),t.NG_MOCKS_RESOLVERS.__ngMocksSkip=!0,t.NG_MOCKS_INTERCEPTORS=new n.InjectionToken("NG_MOCKS_INTERCEPTORS"),t.NG_MOCKS_INTERCEPTORS.__ngMocksSkip=!0,t.NG_MOCKS_ROOT_PROVIDERS=new n.InjectionToken("NG_MOCKS_ROOT_PROVIDERS"),t.NG_MOCKS_ROOT_PROVIDERS.__ngMocksSkip=!0},5756:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=r(860),i=o(r(6439)),l=o(r(1184));t.default=function(e,t,r){var o,u;if(t)try{for(var f=n(t),c=f.next();!c.done;c=f.next()){var d=c.value,s=(0,l.default)(d),v=s.name,p=s.alias,h=s.required;r&&-1!==r.indexOf(v)||(0,a.Input)((0,i.default)({name:v,alias:p,required:h},!0))(e.prototype,v)}}catch(e){o={error:e}}finally{try{c&&!c.done&&(u=f.return)&&u.call(f)}finally{if(o)throw o.error}}}},615:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(3174)),i=o(r(2970)),l=o(r(8073));t.default=function(e,t,r){void 0===r&&(r={}),(0,a.default)(e,"mockOf",t),(0,a.default)(e,"nameConstructor",(0,i.default)(e)),(0,a.default)(e,"name","MockOf".concat((0,i.default)(t)),!0);var o=l.default.getConfigMock().has(t)?n(n({},r),{config:n(n({},l.default.getConfigMock().get(t)),r.config)}):r;(0,a.default)(e.prototype,"__ngMocksConfig",o)}},5555:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=r(860),i=o(r(6439)),l=o(r(1184));t.default=function(e,t){var r,o;if(t)try{for(var u=n(t),f=u.next();!f.done;f=u.next()){var c=f.value,d=(0,l.default)(c),s=d.name,v=d.alias,p=d.required;(0,a.Output)((0,i.default)({name:s,alias:v,required:p},!0))(e.prototype,s)}}catch(e){r={error:e}}finally{try{f&&!f.done&&(o=u.return)&&o.call(u)}finally{if(r)throw r.error}}}},8385:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},o=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},a=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i};Object.defineProperty(t,"__esModule",{value:!0});var i=r(860),l={ContentChild:i.ContentChild,ContentChildren:i.ContentChildren,ViewChild:i.ViewChild,ViewChildren:i.ViewChildren},u=function(e){return 0===e.indexOf("__mock")},f=function(e){return n(n({},e),{ngMetadataName:e.ngMetadataName,read:i.ViewContainerRef})};t.default=function(e,t){var r,n;if(!t)return[];var i=a(function(e){var t,r,n=[],a=[];try{for(var i=o(Object.keys(e)),l=i.next();!l.done;l=i.next()){var c=l.value,d=e[c];n.push([c,d]),d.isViewQuery||u(c)||(a.push(c),n.push(["__ngMocksVcr_".concat(c),f(d)]))}}catch(e){t={error:e}}finally{try{l&&!l.done&&(r=i.return)&&r.call(i)}finally{if(t)throw t.error}}return[n,a]}(t),2),c=i[0],d=i[1];try{for(var s=o(c),v=s.next();!v.done;v=s.next()){var p=a(v.value,2),h=p[0],y=p[1];y.ngMetadataName&&(0,l[y.ngMetadataName])(y.selector,y)(e.prototype,h)}}catch(e){r={error:e}}finally{try{v&&!v.done&&(n=s.return)&&n.call(s)}finally{if(r)throw r.error}}return d}},8641:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){if(!e)throw new Error(["undefined / null has been passed into ng-mocks as a declaration / provider.","Please ensure that the current test file has correct imports:","imported files exist and imported declarations have been exported in the file."].join(" "))}},1585:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(2970)),a=n(r(9628));t.default=function(e){if((0,a.default)(e))throw new Error(["ng-mocks got ".concat((0,o.default)(e)," which has been already mocked by jest.mock()."),"It is not possible to produce correct mocks for it, because jest.mock() removes Angular decorators.","To fix this, please avoid jest.mock() on the file which exports ".concat((0,o.default)(e)," or add jest.dontMock() on it."),"The same should be done for all related dependencies."].join(" "))}},2129:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(2970));t.default=function(e){throw new Error(["".concat((0,o.default)(e)," declaration has been passed into ng-mocks without Angular decorators."),"Therefore, it cannot be properly handled.","Highly likely,","undefined"==typeof jest?"":"jest.mock() has been used on its file, or","ng-mocks is imported in production code, or got a class without Angular decoration.","Otherwise, please create an issue on github: https://github.com/help-me-mom/ng-mocks/issues/new?title=False%20positive%20ng-mocks%20not%20in%20JIT.","Thank you in advance for support."].join(" "))}},6439:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){var r=e.name,n=e.alias,o=e.required;return void 0===t&&(t=!1),o?{name:r,alias:n,required:o}:n&&r!==n?t?n:"".concat(r,":").concat(n):t?"":r}},1184:function(e,t){var r=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i};Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){if("string"==typeof e){var t=r(e.split(":").map((function(e){return e.trim()})),2),n=t[0],o=t[1];return n!==o&&o?{name:n,alias:o}:{name:n}}return e}},5204:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.funcExtractDeps=void 0;var a=o(r(4673)),i=o(r(3295)),l=r(6456),u=r(9335),f=o(r(6297));t.funcExtractDeps=function(e,r,o){var c,d,s,v;void 0===o&&(o=!1);var p=(0,a.default)(e),h=(0,u.getNgType)(e);if(!h||"Injectable"===h)return r;var y=p[h];try{for(var _=n(i.default.dependencies),g=_.next();!g.done;g=_.next()){var b=g.value;if(y[b])try{for(var m=(s=void 0,n((0,l.flatten)(y[b]))),M=m.next();!M.done;M=m.next()){var k=M.value,w=(0,f.default)(k);r.has(w)||(r.add(w),o&&(0,t.funcExtractDeps)(w,r))}}catch(e){s={error:e}}finally{try{M&&!M.done&&(v=m.return)&&v.call(m)}finally{if(s)throw s.error}}}}catch(e){c={error:e}}finally{try{g&&!g.done&&(d=_.return)&&d.call(_)}finally{if(c)throw c.error}}return r}},7285:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return"function"==typeof e&&e.__forward_ref__?e():e}},1102:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){return"undefined"==typeof window?r.g:window}},5590:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getMockedNgDefOf=function(e,t){var r,n=null!==(r=e.mockOf)&&void 0!==r?r:e,u=(0,o.default)(a.NG_MOCKS),c=f(e,n,u);if(c&&!t)return c;if(c&&t&&(0,l.isMockedNgDefOf)(c,n,t))return c;throw new Error("There is no mock for ".concat((0,i.default)(n)))};var o=n(r(4201)),a=r(1763),i=n(r(2970)),l=r(732),u=n(r(8073)),f=function(e,t,r){if(r&&!r.has(t))throw new Error("There is no mock for ".concat((0,i.default)(t)));var n=r?r.get(t):void 0;return n===t&&(n=void 0),n||t===e?!n&&u.default.cacheDeclarations.has(t)&&(n=u.default.cacheDeclarations.get(t)):n=e,n}},2970:function(e,t){Object.defineProperty(t,"__esModule",{value:!0});var r=new RegExp("[^0-9a-z]+","mgi");t.default=function(e){var t;return"function"==typeof e&&e.name?t=e.name:"function"==typeof e?t="arrowFunction":"object"==typeof e&&e&&"InjectionToken"===e.ngMetadataName?t=e._desc:"object"==typeof e&&e&&"function"==typeof e.constructor&&(t=e.constructor.name),t||(t="unknown"),t.replace(r,"_")}},9335:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getNgType=void 0;var o=n(r(4673)),a=r(4152);t.getNgType=function(e){if("string"!=typeof e){if((0,a.isNgInjectionToken)(e))return"Injectable";for(var t=(0,o.default)(e).decorators,r=t.length-1;r>=0;r-=1)if("Injectable"!==t[r])return t[r];return t.length>0?"Injectable":void 0}}},6739:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.getSourceOfMock=function(e){return"function"==typeof e&&e.mockOf?e.mockOf:e}},6297:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0});var n=r(3659);t.default=function(e){return e&&"object"==typeof e&&e.provide?e.provide:(0,n.isNgModuleDefWithProviders)(e)?e.ngModule:e&&"object"==typeof e&&e.directive?e.directive:e}},6804:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(2970)),a=r(5974);t.default=function(e,t){if(null==e)throw new Error("null / undefined has been passed into ".concat(t,". Please check that its import is correct."));if(!("MockPipe"===t&&(0,a.isNgDef)(e,"p")||"MockDirective"===t&&(0,a.isNgDef)(e,"d")||"MockComponent"===t&&(0,a.isNgDef)(e,"c")||"MockModule"===t&&(0,a.isNgDef)(e,"m"))){var r=function(e){return(0,a.isNgDef)(e,"p")?"pipe":(0,a.isNgDef)(e,"d")?"directive":(0,a.isNgDef)(e,"c")?"component":(0,a.isNgDef)(e,"m")?"module":(0,a.isNgDef)(e,"i")?"service":(0,a.isNgDef)(e,"t")?"token":""}(e);if(r&&"MockPipe"===t)throw new Error("".concat(t," accepts pipes, whereas ").concat((0,o.default)(e)," is a ").concat(r,"."));if(r&&"MockDirective"===t)throw new Error("".concat(t," accepts directives, whereas ").concat((0,o.default)(e)," is a ").concat(r,"."));if(r&&"MockComponent"===t)throw new Error("".concat(t," accepts components, whereas ").concat((0,o.default)(e)," is a ").concat(r,"."));if(r&&"MockModule"===t)throw new Error("".concat(t," accepts modules, whereas ").concat((0,o.default)(e)," is a ").concat(r,"."))}}},9628:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return!(!e||"function"!=typeof e&&"object"!=typeof e||!(e._isMockFunction&&e.mockName&&e.__annotations__))}},7105:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.isMockControlValueAccessor=void 0;var o=n(r(2137));t.isMockControlValueAccessor=function(e){return!!(0,o.default)(e)&&!!e.__ngMocksConfig.isControlValueAccessor}},6763:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.isMockNgDef=function(e,t){return!!e.mockOf&&(!t||(0,n.isNgDef)(e.mockOf,t))};var n=r(5974)},7675:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.isMockOf=function(e,t,r){return(0,o.default)(e)&&e.constructor===t&&(r?(0,a.isNgDef)(e.constructor,r):(0,a.isNgDef)(e.constructor))};var o=n(r(2137)),a=r(5974)},2650:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.isMockValidator=void 0;var o=n(r(2137));t.isMockValidator=function(e){return!!(0,o.default)(e)&&!!e.__ngMocksConfig.isValidator}},2137:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return e&&"object"==typeof e&&!!e.__ngMocks}},732:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.isMockedNgDefOf=function(e,t,r){return"function"==typeof e&&e.mockOf===t&&(!r||(0,n.isNgDef)(e,r))};var n=r(5974)},5974:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.isNgDef=function(e,t){if("t"===t)return(0,n.isNgInjectionToken)(e);if("function"!=typeof e)return!1;var r=a(e,t),o=i(e,t),c=l(e,t),d=u(e,t),s=f(e,t);return r||o||c||d||s};var n=r(4152),o=r(7297),a=function(e,t){return(!t||"m"===t)&&(0,o.isNgType)(e,"NgModule")},i=function(e,t){return(!t||"c"===t)&&(0,o.isNgType)(e,"Component")},l=function(e,t){return(!t||"d"===t)&&(0,o.isNgType)(e,"Directive")},u=function(e,t){return(!t||"p"===t)&&(0,o.isNgType)(e,"Pipe")},f=function(e,t){return(!t||"i"===t)&&(0,o.isNgType)(e,"Injectable")}},4152:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.isNgInjectionToken=void 0,t.isNgInjectionToken=function(e){return e&&"object"==typeof e&&"InjectionToken"===e.ngMetadataName}},3659:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.isNgModuleDefWithProviders=void 0,t.isNgModuleDefWithProviders=function(e){return e&&"object"==typeof e&&"function"==typeof e.ngModule}},7297:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.isNgType=void 0;var o=n(r(4673));t.isNgType=function(e,t){var r=(0,o.default)(e).decorators;if(0===r.length)return!1;var n=1;if("Injectable"===t&&-1!==r.indexOf("Injectable"))return!0;for(;"Injectable"===r[r.length-n];)n+=1;return r[r.length-n]===t}},6580:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.isStandalone=function(e){var t=(0,a.getNgType)(e);return"NgModule"!==t};var o=n(r(4673)),a=r(9335)},6259:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(4673)),i=o(r(3295)),l=r(6456),u=o(r(6297)),f=function(e,t,r){var o,c,d,s,v,p;void 0===r&&(r=new Set);var h=(0,a.default)(e);try{for(var y=n(h.decorators),_=y.next();!_.done;_=y.next()){var g=_.value;try{for(var b=(d=void 0,n(i.default.dependencies)),m=b.next();!m.done;m=b.next()){var M=m.value;if(h[g][M])try{for(var k=(v=void 0,n((0,l.flatten)(h[g][M]))),w=k.next();!w.done;w=k.next()){var O=w.value,x=(0,u.default)(O);x&&!r.has(x)&&(r.add(x),t(x),f(x,t,r))}}catch(e){v={error:e}}finally{try{w&&!w.done&&(p=k.return)&&p.call(k)}finally{if(v)throw v.error}}}}catch(e){d={error:e}}finally{try{m&&!m.done&&(s=b.return)&&s.call(b)}finally{if(d)throw d.error}}}}catch(e){o={error:e}}finally{try{_&&!_.done&&(c=y.return)&&c.call(y)}finally{if(o)throw o.error}}};t.default=f},1433:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.MockAsyncValidatorProxy=t.MockValidatorProxy=t.MockControlValueAccessorProxy=void 0;var r=function(e,t,r,n){if(e.instance&&n&&(e.instance[n]=r),e.instance&&e.instance[t])return e.instance[t](r)},n=function(){function e(e){this.target=e}return e.prototype.registerOnChange=function(e){r(this,"registerOnChange",e,"__simulateChange")},e.prototype.registerOnTouched=function(e){r(this,"registerOnTouched",e,"__simulateTouch")},e.prototype.setDisabledState=function(e){r(this,"setDisabledState",e)},e.prototype.writeValue=function(e){r(this,"writeValue",e)},e}();t.MockControlValueAccessorProxy=n;var o=function(){function e(e){this.target=e}return e.prototype.registerOnValidatorChange=function(e){r(this,"registerOnValidatorChange",e,"__simulateValidatorChange")},e.prototype.validate=function(e){return this.instance&&this.instance.validate?this.instance.validate(e):null},e}();t.MockValidatorProxy=o;var a=function(){function e(e){this.target=e}return e.prototype.registerOnValidatorChange=function(e){r(this,"registerOnValidatorChange",e,"__simulateValidatorChange")},e.prototype.validate=function(e){if(this.instance&&this.instance.validate){var t=this.instance.validate(e);return void 0===t?Promise.resolve(null):t}return Promise.resolve(null)},e}();t.MockAsyncValidatorProxy=a},5980:function(e,t,r){var n,o=this&&this.__extends||(n=function(e,t){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},n(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)});Object.defineProperty(t,"__esModule",{value:!0}),t.LegacyControlValueAccessor=void 0;var a=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.prototype.__simulateChange=function(){},t.prototype.__simulateTouch=function(){},t.prototype.__simulateValidatorChange=function(){},t}(r(1946).Mock);t.LegacyControlValueAccessor=a},1946:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},a=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Mock=void 0;var l=r(860),u=i(r(8195)),f=i(r(4760)),c=i(r(445)),d=i(r(3174)),s=i(r(2023)),v=r(6456),p=i(r(1184)),h=i(r(2137)),y=r(1433),_=i(r(8073)),g=function(e,t){var r,o;try{for(var a=n(e),i=a.next();!i.done;i=a.next()){var l=i.value;l.instance||l.target!==t.__ngMocksCtor||(l.instance=t,c.default.mock(t,"registerOnValidatorChange"),c.default.mock(t,"validate"),t.__ngMocksConfig.isValidator=!0)}}catch(e){r={error:e}}finally{try{i&&!i.done&&(o=a.return)&&o.call(a)}finally{if(r)throw r.error}}},b=function(e,t){var r,i,s,b,m,M;void 0===e&&(e=null),void 0===t&&(t=null);var k=this.constructor.mockOf;(0,d.default)(this,"__ngMocks",!0),(0,d.default)(this,"__ngMocksInjector",e),(0,d.default)(this,"__ngMocksCtor",this.constructor);try{for(var w=n(this.__ngMocksConfig.queryScanKeys||[]),O=w.next();!O.done;O=w.next()){var x=O.value;(0,d.default)(this,"__ngMocksVcr_".concat(x),void 0)}}catch(e){r={error:e}}finally{try{O&&!O.done&&(i=w.return)&&i.call(w)}finally{if(r)throw r.error}}try{for(var j=n(this.__ngMocksConfig.hostBindings||[]),D=j.next();!D.done;D=j.next())x=D.value,c.default.mock(this,x,"get"),c.default.mock(this,x,"set")}catch(e){s={error:e}}finally{try{D&&!D.done&&(b=j.return)&&b.call(j)}finally{if(s)throw s.error}}try{for(var S=n(this.__ngMocksConfig.hostListeners||[]),P=S.next();!P.done;P=S.next())x=P.value,c.default.mock(this,x)}catch(e){m={error:e}}finally{try{P&&!P.done&&(M=S.return)&&M.call(S)}finally{if(m)throw m.error}}(0,h.default)(this)&&(function(e,t){!function(e,t){if(t&&!t.valueAccessor&&e.__ngMocksConfig.setControlValueAccessor)try{t.valueAccessor=new y.MockControlValueAccessorProxy(e.__ngMocksCtor)}catch(e){}}(e,t);try{t&&(function(e,t){e.valueAccessor.instance||e.valueAccessor.target!==t.__ngMocksCtor||(e.valueAccessor.instance=t,c.default.mock(t,"registerOnChange"),c.default.mock(t,"registerOnTouched"),c.default.mock(t,"setDisabledState"),c.default.mock(t,"writeValue"),t.__ngMocksConfig.isControlValueAccessor=!0)}(t,e),g(t._rawValidators,e),g(t._rawAsyncValidators,e))}catch(e){}}(this,t),function(e){var t,r,o,a,i=[];try{for(var u=n(e.__ngMocksConfig.outputs||[]),f=u.next();!f.done;f=u.next()){var c=f.value;i.push((0,p.default)(c).name)}}catch(e){t={error:e}}finally{try{f&&!f.done&&(r=u.return)&&r.call(u)}finally{if(t)throw t.error}}try{for(var d=n(i),s=d.next();!s.done;s=d.next())e[c=s.value]||Object.getOwnPropertyDescriptor(e,c)||(e[c]=new l.EventEmitter)}catch(e){o={error:e}}finally{try{s&&!s.done&&(a=d.return)&&a.call(d)}finally{if(o)throw o.error}}}(this),function(e,t){var r,i;try{for(var l=n(a(a([],o(c.default.extractMethodsFromPrototype(t)),!1),o(c.default.extractPropertiesFromPrototype(t)),!1)),u=l.next();!u.done;u=l.next()){var f=u.value,d=c.default.extractPropertyDescriptor(t,f);c.default.definePropertyDescriptor(e,f,d)}}catch(e){r={error:e}}finally{try{u&&!u.done&&(i=l.return)&&i.call(l)}finally{if(r)throw r.error}}}(this,Object.getPrototypeOf(this)),function(e,t){var r,o;try{for(var a=n(c.default.extractMethodsFromPrototype(t)),i=a.next();!i.done;i=a.next()){var l=i.value;e[l]||Object.getOwnPropertyDescriptor(e,l)||c.default.mock(e,l)}}catch(e){r={error:e}}finally{try{i&&!i.done&&(o=a.return)&&o.call(a)}finally{if(r)throw r.error}}}(this,k.prototype),function(e,t){var r,o;try{for(var a=n(c.default.extractPropertiesFromPrototype(t)),i=a.next();!i.done;i=a.next()){var l=i.value;e[l]||Object.getOwnPropertyDescriptor(e,l)||(c.default.mock(e,l,"get"),c.default.mock(e,l,"set"))}}catch(e){r={error:e}}finally{try{i&&!i.done&&(o=a.return)&&o.call(a)}finally{if(r)throw r.error}}}(this,k.prototype)),Object.setPrototypeOf(this,k.prototype),function(e,t,r){var i,l,c=_.default.getOverrides().get(t),d=c?(0,v.mapValues)(c):[];e.__ngMocksConfig.init&&d.push(e.__ngMocksConfig.init),d.push.apply(d,a([],o((0,f.default)(t)),!1));try{for(var s=n(d),p=s.next();!p.done;p=s.next()){var h=(0,p.value)(e,r);h&&(0,u.default)(e,h)}}catch(e){i={error:e}}finally{try{p&&!p.done&&(l=s.return)&&l.call(s)}finally{if(i)throw i.error}}}(this,k,null!=e?e:void 0)};t.Mock=b,(0,d.default)(b,"parameters",[[l.Injector,new l.Optional],[s.default.NgControl||function(){},new l.Optional,new l.Self]])},4081:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},o=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},a=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},i=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var u=r(860),f=r(2603),c=l(r(4117)),d=r(3771),s=l(r(5884)),v=r(6189),p=l(r(1640)),h=r(7413),y=l(r(1365)),_=l(r(3295)),g=l(r(3174)),b=r(6456),m=l(r(4201)),M=l(r(1381)),k=l(r(1345)),w=l(r(8911)),O=r(1763),x=r(6739),j=l(r(6297)),D=r(6763),S=r(5974),P=r(3659),C=l(r(8073)),N=function(e,t){(0,S.isNgDef)(e,"c")?f.TestBed.overrideComponent(e,t):(0,S.isNgDef)(e,"d")?f.TestBed.overrideDirective(e,t):(0,S.isNgDef)(e,"m")&&f.TestBed.overrideModule(e,t),((0,S.isNgDef)(e,"t")||(0,S.isNgDef)(e,"i"))&&f.TestBed.overrideProvider(e,t)},T=function(e,t){var r,n,a,i;try{for(var l=o(_.default.dependencies),u=l.next();!u.done;u=l.next()){var f=u.value;try{for(var c=(a=void 0,o(e[f]?(0,b.flatten)(e[f]):[])),d=c.next();!d.done;d=c.next()){var s=d.value,v=(0,j.default)(s);if((0,P.isNgModuleDefWithProviders)(s)&&T(s,t),!t.has(v)&&(t.add(v),"function"==typeof v)){if(!Object.prototype.hasOwnProperty.call(v,"__ngMocksTouches")){var p=new Set,h=(0,M.default)(v);(0,g.default)(v,"__ngMocksTouches",p,!1),h&&T(h,p)}(0,b.mapValues)(v.__ngMocksTouches,t)}}}catch(e){a={error:e}}finally{try{d&&!d.done&&(i=c.return)&&i.call(c)}finally{if(a)throw a.error}}}}catch(e){r={error:e}}finally{try{u&&!u.done&&(n=l.return)&&n.call(l)}finally{if(r)throw r.error}}},E=function(e){var t=(0,j.default)(e);if(!f.TestBed.ngMocksOverrides.has(t)){var r=(0,k.default)(t),n=(0,s.default)(r);n&&(f.TestBed.ngMocksOverrides.set(t,{set:r}),f.TestBed.overrideModule(t,{set:n}))}},A=function(e,t){var r=(0,w.default)(e);r&&("string"==typeof r||t.has(r))&&(f.TestBed.ngMocksOverrides.set(e,{}),f.TestBed.overrideProvider(e,(0,h.MockProvider)(e)))},R=function(e,t){return function(r){var l,u,s,p,h,y,_,m;f.TestBed.ngMocksSelectors||(0,g.default)(f.TestBed,"ngMocksSelectors",new Map),f.TestBed.ngMocksOverrides||(0,g.default)(f.TestBed,"ngMocksOverrides",new Map);var M=!("object"!=typeof r||!r||r.providers&&-1!==r.providers.indexOf(d.MockBuilder)),k=0,w=[];try{for(var R=o(M?["imports","declarations"]:[]),I=R.next();!I.done;I=R.next()){var V=I.value;try{for(var B=(s=void 0,o((0,b.flatten)(r[V]))),F=B.next();!F.done;F=B.next()){var L=F.value;L&&(w.push([(0,P.isNgModuleDefWithProviders)(L)?{ngModule:(0,x.getSourceOfMock)(L.ngModule),providers:L.providers}:(0,x.getSourceOfMock)(L),(0,P.isNgModuleDefWithProviders)(L)?L.ngModule:L,(0,D.isMockNgDef)((0,j.default)(L))]),k|=w[w.length-1][2]?2:1)}}catch(e){s={error:e}}finally{try{F&&!F.done&&(p=B.return)&&p.call(B)}finally{if(s)throw s.error}}}}catch(e){l={error:e}}finally{try{I&&!I.done&&(u=R.return)&&u.call(R)}finally{if(l)throw l.error}}var K=3===k?void 0:r;if(!K){var G=(0,d.MockBuilder)(O.NG_MOCKS_ROOT_PROVIDERS);try{for(var q=o(w),U=q.next();!U.done;U=q.next()){var z=a(U.value,3),W=z[0],H=z[1],$=z[2],X=null===(_=H.prototype.__ngMocksConfig)||void 0===_?void 0:_.transform,Q={export:!(0,S.isNgDef)(W,"m"),exportAll:!1,onRoot:!0};G=$&&X?G.mock(W,X,Q):$?G.mock(W,Q):G.keep(W,Q)}}catch(e){h={error:e}}finally{try{U&&!U.done&&(y=q.return)&&y.call(q)}finally{if(h)throw h.error}}K=G.build(),K=n(n(n({},r),K),{providers:i(i([],a(null!==(m=r.providers)&&void 0!==m?m:[]),!1),a(K.providers),!1)})}var Y=(0,f.getTestBed)(),J=(0,c.default)(K.providers),Z=J.mocks,ee=J.overrides,te=function(e,t,r){var n,o=r;return!o&&C.default.getDefaults().size>0&&((o=(0,c.default)(e._providers||(null===(n=e._compiler)||void 0===n?void 0:n.providers)).touches)||(o=new Set,t.providers=t.providers||[],t.providers.push({provide:O.NG_MOCKS_TOUCHES,useValue:o})),T(t,o)),o}(Y,K,J.touches);return Z&&v.ngMocks.flushTestBed(),ee&&function(e){var t,r;try{for(var i=o((0,b.mapEntries)(e)),l=i.next();!l.done;l=i.next()){var u=a(l.value,2),c=u[0],d=a(u[1],2),s=d[0],v=d[1];f.TestBed.ngMocksOverrides.set(c,n(n({},v),{override:s})),N(c,s)}}catch(e){t={error:e}}finally{try{l&&!l.done&&(r=i.return)&&r.call(i)}finally{if(t)throw t.error}}}(ee),!te||Y._instantiated||Y._testModuleRef||function(e,t){var r,n;if(f.TestBed.ngMocksOverrides){var i=C.default.touches;C.default.touches=t;try{for(var l=o((0,b.flatten)(e.ngModule||[])),u=l.next();!u.done;u=l.next()){var c=u.value;E(c)}}catch(e){r={error:e}}finally{try{u&&!u.done&&(n=l.return)&&n.call(l)}finally{if(r)throw r.error}}!function(e){var t,r;try{for(var n=o((0,b.mapEntries)(C.default.getDefaults())),i=n.next();!i.done;i=n.next()){var l=a(i.value,2),u=l[0];"mock"===a(l[1],1)[0]&&((0,S.isNgDef)(u,"i")||(0,S.isNgDef)(u,"t"))&&(e.has(u)||f.TestBed.ngMocksOverrides.has(u)||A(u,e))}}catch(e){t={error:e}}finally{try{i&&!i.done&&(r=n.return)&&r.call(n)}finally{if(t)throw t.error}}}(t),C.default.touches=i}}(Y,te),e.call(t,K)}},I=function(e,t){return function(){return C.default.global.delete("builder:config"),C.default.global.delete("builder:module"),f.TestBed.ngMocksSelectors=void 0,function(e){var t,r,n;if(null===(n=e.ngMocksOverrides)||void 0===n?void 0:n.size){v.ngMocks.flushTestBed();try{for(var i=o((0,b.mapEntries)(e.ngMocksOverrides)),l=i.next();!l.done;l=i.next()){var u=a(l.value,2),f=u[0],c=u[1];N(f,c)}}catch(e){t={error:e}}finally{try{l&&!l.done&&(r=i.return)&&r.call(i)}finally{if(t)throw t.error}}}e.ngMocksOverrides=void 0}(f.TestBed),e.call(t)}},V=function(e){if(!u.ViewContainerRef.ngMocksOverridesPatched&&((0,g.default)(u.ViewContainerRef,"ngMocksOverridesPatched",!0),e.createComponent)){var t=e.createComponent,r=(0,y.default)(t,void 0,void 0,(function(e){for(var r,n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o];var l=(0,m.default)(O.NG_MOCKS,this.injector);return t.apply(this,i([null!==(r=null==l?void 0:l.get(e))&&void 0!==r?r:e],a(n),!1))}));(0,g.default)(e.constructor.prototype,"createComponent",r,!0),(0,g.default)(e,"createComponent",r,!0)}},B=function(e){if(e.constructor.prototype.__ngMocksInjector||!e.constructor.prototype.get)return e;(0,g.default)(e.constructor.prototype,"__ngMocksInjector",!0);var t=e.constructor.prototype.get;return e.constructor.prototype.get=(0,y.default)(t,void 0,void 0,(function(e){for(var r=[],n=1;n<arguments.length;n++)r[n-1]=arguments[n];var o=t.call.apply(t,i([this,e],a(r),!1));return o&&"object"==typeof o&&"function"==typeof o.constructor&&"string"==typeof o.constructor.name&&"Injector"===o.constructor.name.slice(-8)&&B(o),o})),e};!function(){if(!f.TestBed.ngMocksOverridesInstalled){var e=(0,p.default)();(function(){var e,t,r=u.ViewContainerRef;if(!r.ngMocksOverridesInstalled){var n=r.__NG_ELEMENT_ID__;n&&(0,g.default)(r,"__NG_ELEMENT_ID__",(0,y.default)(n,void 0,void 0,(function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var r=n.apply(n,e);return V(r),r})),!0),(0,g.default)(f.TestBed,"createComponent",(e=f.TestBed.createComponent,t=f.TestBed,function(r){var n=e.call(t,r);try{var o=n.debugElement.injector.get(u.ViewContainerRef);V(o)}catch(e){}return n})),(0,g.default)(u.ViewContainerRef,"ngMocksOverridesInstalled",!0)}})(),-1===e.before.indexOf(R)&&e.before.push(R),-1===e.after.indexOf(I)&&e.after.push(I),(0,g.default)(f.TestBed,"ngMocksOverridesInstalled",!0);var t=u.Injector.create;u.Injector.create=(0,y.default)(t,void 0,void 0,(function(){for(var e=[],r=0;r<arguments.length;r++)e[r]=arguments[r];return B(t.apply(u.Injector,e))}));try{u.Injector.create({length:0,providers:[]})}catch(e){}}}()},7592:function(e,t,r){var n,o,a=this&&this.__assign||function(){return a=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)},i=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var u=l(r(8073)),f={id:{},level:"root"},c=u.default.global.get("reporter-stack")||[a({},f)];u.default.global.set("reporter-stack",c);var d=null!==(n=u.default.global.get("reporter-stack-push"))&&void 0!==n?n:[];u.default.global.set("reporter-stack-push",d);var s=null!==(o=u.default.global.get("reporter-stack-pop"))&&void 0!==o?o:[];u.default.global.set("reporter-stack-pop",s),t.default={current:function(){return c[c.length-1]},stackPop:function(){var e,t,r=c.pop();if(0===c.length&&c.push("root"===(null==r?void 0:r.level)?r:a({},f)),r&&"root"!==r.level)try{for(var n=i(s),o=n.next();!o.done;o=n.next())(0,o.value)(r,c)}catch(t){e={error:t}}finally{try{o&&!o.done&&(t=n.return)&&t.call(n)}finally{if(e)throw e.error}}u.default.global.set("reporter-stack-id",c[c.length-1].id)},stackPush:function(){var e,t,r={};u.default.global.set("reporter-stack-id",r);var n={id:r,level:"runtime"};c.push(n);try{for(var o=i(d),a=o.next();!a.done;a=o.next())(0,a.value)(n,c)}catch(t){e={error:t}}finally{try{a&&!a.done&&(t=o.return)&&t.call(o)}finally{if(e)throw e.error}}},subscribePop:function(e){-1===s.indexOf(e)&&s.push(e)},subscribePush:function(e){d.indexOf(e)&&d.push(e),c.length>0&&e(c[c.length-1],c)},unsubscribePop:function(e){var t=s.indexOf(e);-1!==t&&s.splice(t,1)},unsubscribePush:function(e){var t=d.indexOf(e);-1!==t&&d.splice(t,1)}}},8073:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(3295)),i=o(r(1102)),l=o(r(2970)),u=function(e){return function(){return f.global.has(e)||f.global.set(e,new Map),f.global.get(e)}};(0,i.default)().ngMocksUniverse=(0,i.default)().ngMocksUniverse||{};var f=(0,i.default)().ngMocksUniverse;f.builtDeclarations=new Map,f.builtProviders=new Map,f.cacheDeclarations=new Map,f.cacheProviders=new Map,f.config=new Map,f.configInstance=new Map,f.flags=new Set(a.default.flags),f.global=new Map,f.touches=new Set,f.global.set("flags",{onMockBuilderMissingDependency:a.default.onMockBuilderMissingDependency,onMockInstanceRestoreNeed:a.default.onMockInstanceRestoreNeed,onTestBedFlushNeed:a.default.onTestBedFlushNeed}),f.getOverrides=u("overrides"),f.getDefaults=u("defaults"),f.getConfigMock=u("configMock");var c=function(e){var t;return(t=f.getDefaults().get(e))||(t="function"==typeof e?f.getDefaults().get("@".concat((0,l.default)(e))):void 0)?t:[]};f.getResolution=function(e){var t=f.config.get("ngMocksDepsResolution");return(null==t?void 0:t.has(e))?t.get(e):n(c(e),1)[0]},f.getBuildDeclaration=function(e){if(f.builtDeclarations.has(e))return f.builtDeclarations.get(e);var t=n(c(e),2),r=t[0],o=t[1];return"exclude"===r?null:r&&"keep"!==r?"replace"===r?o:void 0:e},f.hasBuildDeclaration=function(e){if(f.builtDeclarations.has(e))return void 0!==f.builtDeclarations.get(e);var t=n(c(e),1)[0];return!!t&&"mock"!==t};var d=function(e){return f.hasBuildDeclaration(e)},s=function(e){return f.getBuildDeclaration(e)};f.isExcludedDef=function(e){var t=f.getResolution(e);return(!t||"exclude"===t)&&d(e)&&null===s(e)},f.isProvidedDef=function(e){return d(e)&&null!==s(e)},f.getDefaults().set("@StoreDevtoolsModule",["exclude"]),f.indexValue=0,f.index=function(){return f.indexValue++},t.default=f},4117:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")};Object.defineProperty(t,"__esModule",{value:!0});var o=r(6456),a=r(1763);t.default=function(e){var t,r,i,l,u;try{for(var f=n((0,o.flatten)(e||[])),c=f.next();!c.done;c=f.next()){var d=c.value;"object"==typeof d&&(d.provide===a.NG_MOCKS&&(i=d.useValue),d.provide===a.NG_MOCKS_OVERRIDES&&(l=d.useValue),d.provide===a.NG_MOCKS_TOUCHES&&(u=d.useValue))}}catch(e){t={error:e}}finally{try{c&&!c.done&&(r=f.return)&&r.call(f)}finally{if(t)throw t.error}}return{mocks:i,overrides:l,touches:u}}},9539:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MockBuilderStash=void 0;var a=o(r(3295)),i=o(r(8073)),l=function(){function e(){this.data={}}return e.prototype.backup=function(){this.data={builtDeclarations:i.default.builtDeclarations,builtProviders:i.default.builtProviders,cacheDeclarations:i.default.cacheDeclarations,cacheProviders:i.default.cacheProviders,config:i.default.config,configInstance:i.default.configInstance,flags:i.default.flags,touches:i.default.touches},i.default.builtDeclarations=new Map,i.default.builtProviders=new Map,i.default.cacheDeclarations=new Map,i.default.cacheProviders=new Map,i.default.config=new Map,i.default.configInstance=new Map,i.default.flags=new Set(a.default.flags),i.default.touches=new Set},e.prototype.restore=function(){var e,t;try{for(var r=n(Object.keys(this.data)),o=r.next();!o.done;o=r.next()){var a=o.value;i.default[a]=this.data[a]}}catch(t){e={error:t}}finally{try{o&&!o.done&&(t=r.return)&&t.call(r)}finally{if(e)throw e.error}}},e}();t.MockBuilderStash=l},9755:function(e,t,r){var n,o=this&&this.__extends||(n=function(e,t){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},n(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}),a=this&&this.__awaiter||function(e,t,r,n){return new(r||(r=Promise))((function(o,a){function i(e){try{u(n.next(e))}catch(e){a(e)}}function l(e){try{u(n.throw(e))}catch(e){a(e)}}function u(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,l)}u((n=n.apply(e,t||[])).next())}))},i=this&&this.__generator||function(e,t){var r,n,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(l){return function(u){return function(l){if(r)throw new TypeError("Generator is already executing.");for(;a&&(a=0,l[0]&&(i=0)),i;)try{if(r=1,n&&(o=2&l[0]?n.return:l[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,l[1])).done)return o;switch(n=0,o&&(l=[2&l[0],o.value]),l[0]){case 0:case 1:o=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,n=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!((o=(o=i.trys).length>0&&o[o.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!o||l[1]>o[0]&&l[1]<o[3])){i.label=l[1];break}if(6===l[0]&&i.label<o[1]){i.label=o[1],o=l;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(l);break}o[2]&&i.ops.pop(),i.trys.pop();continue}l=t.call(e,i)}catch(e){l=[6,e],n=0}finally{r=o=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,u])}}},l=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},u=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MockBuilderPerformance=void 0;var f=r(2603),c=r(6456),d=u(r(8073)),s=r(9620),v=u(r(2739)),p=u(r(9049)),h=u(r(7570)),y=u(r(1271)),_=u(r(5633)),g=u(r(4503)),b=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.prototype.build=function(){var t=d.default.global;if(t.has("builder:module")&&t.has("builder:config")&&this.equalsTo(t.get("builder:config")))return(0,g.default)(t.get("builder:module"));t.has("builder:module")&&t.delete(t.get("builder:module"));var r=this.cloneConfig(),n=e.prototype.build.call(this);return t.set("builder:config",r),t.set("builder:module",n),(0,g.default)(n)},t.prototype.then=function(t,r){return a(this,void 0,Promise,(function(){var n,o;return i(this,(function(a){return(n=d.default.global).has("bullet")&&n.has("builder:module")&&n.has("builder:config")&&this.equalsTo(n.get("builder:config"))?[2,n.get(n.get("builder:module")).then(t,r)]:(n.has("bullet")&&n.has("bullet:reset")&&(console.warn("ngMocks.faster has zero effect due to changes in testing module between runs"),n.delete("bullet"),f.TestBed.resetTestingModule(),n.set("bullet",!0)),o=e.prototype.then.call(this,t,r),n.set(n.get("builder:module"),o),[2,o])}))}))},t.prototype.cloneConfig=function(){var e=(0,_.default)();return(0,c.mapValues)(this.beforeCC,e.beforeCC),(0,c.mapValues)(this.excludeDef,e.excludeDef),(0,c.mapValues)(this.keepDef,e.keepDef),(0,c.mapValues)(this.mockDef,e.mockDef),(0,c.mapValues)(this.replaceDef,e.replaceDef),(0,c.mapEntries)(this.configDef,e.configDef),(0,c.mapEntries)(this.defProviders,e.defProviders),(0,c.mapEntries)(this.defValue,e.defValue),(0,c.mapEntries)(this.providerDef,e.providerDef),e},t.prototype.equalsTo=function(e){var t,r,n,o,a,i;try{for(var u=l(["beforeCC","keepDef","replaceDef","excludeDef","mockDef"]),f=u.next();!f.done;f=u.next()){var c=f.value;if(!(0,y.default)(this[c],e[c]))return!1}}catch(e){t={error:e}}finally{try{f&&!f.done&&(r=u.return)&&r.call(u)}finally{if(t)throw t.error}}try{for(var d=l(["defValue"]),s=d.next();!s.done;s=d.next())if(c=s.value,!(0,p.default)(this[c],e[c]))return!1}catch(e){n={error:e}}finally{try{s&&!s.done&&(o=d.return)&&o.call(d)}finally{if(n)throw n.error}}try{for(var _=l(["providerDef","defProviders"]),g=_.next();!g.done;g=_.next())if(c=g.value,!(0,p.default)(this[c],e[c],h.default))return!1}catch(e){a={error:e}}finally{try{g&&!g.done&&(i=_.return)&&i.call(_)}finally{if(a)throw a.error}}return(0,p.default)(this.configDef,e.configDef,v.default)},t}(s.MockBuilderPromise);t.MockBuilderPerformance=b},9620:function(e,t,r){var n=this&&this.__awaiter||function(e,t,r,n){return new(r||(r=Promise))((function(o,a){function i(e){try{u(n.next(e))}catch(e){a(e)}}function l(e){try{u(n.throw(e))}catch(e){a(e)}}function u(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,l)}u((n=n.apply(e,t||[])).next())}))},o=this&&this.__generator||function(e,t){var r,n,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(l){return function(u){return function(l){if(r)throw new TypeError("Generator is already executing.");for(;a&&(a=0,l[0]&&(i=0)),i;)try{if(r=1,n&&(o=2&l[0]?n.return:l[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,l[1])).done)return o;switch(n=0,o&&(l=[2&l[0],o.value]),l[0]){case 0:case 1:o=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,n=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!((o=(o=i.trys).length>0&&o[o.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!o||l[1]>o[0]&&l[1]<o[3])){i.label=l[1];break}if(6===l[0]&&i.label<o[1]){i.label=o[1],o=l;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(l);break}o[2]&&i.ops.pop(),i.trys.pop();continue}l=t.call(e,i)}catch(e){l=[6,e],n=0}finally{r=o=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,u])}}},a=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},i=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},l=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},u=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MockBuilderPromise=void 0;var f=r(2603),c=u(r(5551)),d=r(6456),s=u(r(2970)),v=r(5974),p=r(3659),h=u(r(8073)),y=r(3771),_=r(9539),g=u(r(7140)),b=u(r(1649)),m=u(r(4387)),M=u(r(1267)),k=u(r(9961)),w=u(r(7703)),O=u(r(5195)),x=u(r(1391)),j=u(r(7235)),D=u(r(8792)),S=u(r(9102)),P=function(e){return(0,p.isNgModuleDefWithProviders)(e)?{def:e.ngModule,providers:e.providers}:{def:e,providers:void 0}},C=function(e,t,r){return r?i(i([],a(Array.isArray(t)?t:[]),!1),[e],!1):e},N={},T=function(){function e(e){this.configDefault=e,this.beforeCC=new Set,this.configDef=new Map,this.defProviders=new Map,this.defValue=new Map,this.excludeDef=new Set,this.keepDef=new Set,this.mockDef=new Set,this.providerDef=new Map,this.replaceDef=new Set,this.stash=new _.MockBuilderStash,"undefined"!=typeof Symbol&&(this[Symbol.toStringTag]="Promise")}return e.prototype.beforeCompileComponents=function(e){return this.beforeCC.add(e),this},e.prototype.build=function(){this.stash.backup();var e=new c.default;h.default.config.set("mockNgDefResolver",e),h.default.flags.add("hasRootModule");try{var t=this.combineParams(),r=(0,x.default)(t,(0,j.default)(t));return(0,g.default)(r,t,e),(0,O.default)(r,t,e),(0,w.default)(r),(0,b.default)(),r.providers.push((0,M.default)(),(0,k.default)(),(0,m.default)(this.replaceDef,this.defValue),y.MockBuilder),r}finally{h.default.flags.delete("hasRootModule"),h.default.config.delete("mockNgDefResolver"),this.stash.restore()}},e.prototype.catch=function(e){return n(this,void 0,Promise,(function(){return o(this,(function(t){return[2,this.then().catch(e)]}))}))},e.prototype.exclude=function(e){return this.wipe(e),this.excludeDef.add(e),this.setConfigDef(e),this},e.prototype.finally=function(e){return n(this,void 0,Promise,(function(){return o(this,(function(t){return[2,this.then().finally(e)]}))}))},e.prototype.keep=function(e,t){var r=P(e),n=r.def,o=r.providers,l=this.keepDef.has(n)?this.defProviders.get(n):[];return this.wipe(n),this.keepDef.add(n),o&&this.defProviders.set(n,i(i([],a(l||[]),!1),a(o),!1)),this.setConfigDef(n,t),this},e.prototype.mock=function(e,t,r){void 0===t&&(t=N);var n=P(e),o=n.def,l=n.providers,u=(0,D.default)(o,t,r,N),f=u.config,c=u.mock;if((0,v.isNgDef)(c)&&(0,v.isNgDef)(e)&&!(0,v.isNgDef)(e,"t"))throw new Error(["MockBuilder.mock(".concat((0,s.default)(e),") received a class when its shape is expected."),"Please try ngMocks.defaultMock instead."].join(" "));var d=this.mockDef.has(o)?this.defProviders.get(o):[];return this.wipe(o),this.mockDef.add(o),l&&this.defProviders.set(o,i(i([],a(d||[]),!1),a(l),!1)),this.setDefValue(o,c),this.setConfigDef(o,f),this},e.prototype.provide=function(e){var t,r;try{for(var n=l((0,d.flatten)(e)),o=n.next();!o.done;o=n.next()){var a=o.value,i=(0,S.default)(a),u=i.provide,f=i.multi,c=this.providerDef.has(u)?this.providerDef.get(u):[];this.providerDef.set(u,C(a,c,f))}}catch(e){t={error:e}}finally{try{o&&!o.done&&(r=n.return)&&r.call(n)}finally{if(t)throw t.error}}return this},e.prototype.replace=function(e,t,r){if(!(0,v.isNgDef)(t)||!(0,v.isNgDef)(e)||(0,v.isNgDef)(t,"i")||(0,v.isNgDef)(e,"i"))throw new Error("Cannot replace the declaration, both have to be a Module, a Component, a Directive or a Pipe, for Providers use `.mock` or `.provide`");return this.wipe(e),this.replaceDef.add(e),this.defValue.set(e,t),this.setConfigDef(e,r),this},e.prototype.then=function(e,t){return n(this,void 0,Promise,(function(){var r,n=this;return o(this,(function(o){return r=new Promise((function(e){var t,r,o=f.TestBed.configureTestingModule(n.build());try{for(var a=l((0,d.mapValues)(n.beforeCC)),i=a.next();!i.done;i=a.next())(0,i.value)(o)}catch(e){t={error:e}}finally{try{i&&!i.done&&(r=a.return)&&r.call(a)}finally{if(t)throw t.error}}o.compileComponents().then((function(){e({testBed:o})}))})),[2,r.then(e,t)]}))}))},e.prototype.combineParams=function(){return{configDef:this.configDef,configDefault:this.configDefault,defProviders:this.defProviders,defValue:this.defValue,excludeDef:this.excludeDef,keepDef:this.keepDef,mockDef:this.mockDef,providerDef:this.providerDef,replaceDef:this.replaceDef}},e.prototype.setConfigDef=function(e,t){!t&&this.configDef.has(e)||this.configDef.set(e,null!=t?t:this.configDefault)},e.prototype.setDefValue=function(e,t){t===N?this.defValue.delete(e):this.defValue.set(e,t)},e.prototype.wipe=function(e){this.defProviders.delete(e),this.defValue.delete(e),this.excludeDef.delete(e),this.keepDef.delete(e),this.mockDef.delete(e),this.providerDef.delete(e),this.replaceDef.delete(e)},e}();t.MockBuilderPromise=T},3771:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MockBuilder=s;var i=a(r(3174)),l=r(6456),u=r(6580),f=a(r(8073)),c=a(r(5020)),d=r(9755);function s(){for(var e,t,r,a,s,v,p=[],h=0;h<arguments.length;h++)p[h]=arguments[h];var y=n(p,2),_=y[0],g=y[1],b=new d.MockBuilderPerformance(p.length<2?{export:!0}:{dependency:!0}),m=f.default.config.get("MockBuilderExtensions"),M=function(e){if((0,c.default)(b,e))throw new Error("MockBuilder.".concat(e," is a base method and cannot be customized, please use a different name."));(0,i.default)(b,e,(function(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return m.get(e)(b,t),b}))};try{for(var k=o(m?(0,l.mapKeys)(m):[]),w=k.next();!w.done;w=k.next())M(w.value)}catch(t){e={error:t}}finally{try{w&&!w.done&&(t=k.return)&&t.call(k)}finally{if(e)throw e.error}}if(_)try{for(var O=o((0,l.flatten)(_)),x=O.next();!x.done;x=O.next()){var j=x.value;b.keep(j,{export:!0,shallow:(0,u.isStandalone)(j)})}}catch(e){r={error:e}}finally{try{x&&!x.done&&(a=O.return)&&a.call(O)}finally{if(r)throw r.error}}if(g)try{for(var D=o((0,l.flatten)(g)),S=D.next();!S.done;S=D.next())j=S.value,b.mock(j,j,{export:!0,exportAll:!0})}catch(e){s={error:e}}finally{try{S&&!S.done&&(v=D.return)&&v.call(D)}finally{if(s)throw s.error}}return b}!function(e){e.extend=function(e,t){!function(e,t){var r,n=null!==(r=f.default.config.get("MockBuilderExtensions"))&&void 0!==r?r:new Map;t?(n.set(e,t),f.default.config.set("MockBuilderExtensions",n)):n.delete(e)}(e,t)}}(s||(t.MockBuilder=s={}))},2739:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(2801));t.default=function(e,t){return t===e||t.dependency===e.dependency&&t.export===e.export&&t.exportAll===e.exportAll&&!!(0,o.default)(e.render,t.render)}},9049:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")};Object.defineProperty(t,"__esModule",{value:!0});var o=r(6456);t.default=function(e,t,r){var a,i;if(void 0===r&&(r=function(e,t){return e===t}),!t||t.size!==e.size)return!1;try{for(var l=n((0,o.mapKeys)(e)),u=l.next();!u.done;u=l.next()){var f=u.value;if(!t.has(f))return!1;if(!r(t.get(f),e.get(f)))return!1}}catch(e){a={error:e}}finally{try{u&&!u.done&&(i=l.return)&&i.call(l)}finally{if(a)throw a.error}}return!0}},7570:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i};Object.defineProperty(t,"__esModule",{value:!0});var a=r(6456),i=function(e,t){for(var r,o,a=[],i=2;i<arguments.length;i++)a[i-2]=arguments[i];try{for(var l=n(a),u=l.next();!u.done;u=l.next()){var f=u.value;if(t&&e&&t[f]&&e[f]&&t[f]===e[f])return!0}}catch(e){r={error:e}}finally{try{u&&!u.done&&(o=l.return)&&o.call(l)}finally{if(r)throw r.error}}return t===e};t.default=function(e,t){if(Array.isArray(e)!==Array.isArray(t))return!1;var r=o([(0,a.flatten)(e),(0,a.flatten)(t)],2),n=r[0],l=r[1];if(n.length!==l.length)return!1;for(var u=0;u<n.length;u+=1){var f=o([n[u],l[u]],2),c=f[0],d=f[1];if(c&&d&&c.multi!==d.multi)return!1;if(!i(d,c,"useValue","useClass","useFactory","useExisting"))return!1}return!0}},1271:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")};Object.defineProperty(t,"__esModule",{value:!0});var o=r(6456);t.default=function(e,t){var r,a;if(!t||t.size!==e.size)return!1;try{for(var i=n((0,o.mapValues)(e)),l=i.next();!l.done;l=i.next()){var u=l.value;if(!t.has(u))return!1}}catch(e){r={error:e}}finally{try{l&&!l.done&&(a=i.return)&&a.call(i)}finally{if(r)throw r.error}}return!0}},2801:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(5432));t.default=function(e,t){return!(!(0,a.default)(t,e)||"object"==typeof t&&"object"==typeof e&&function(e,t){var r,o;if(Object.keys(e).length!==Object.keys(t).length)return!0;try{for(var i=n(Object.keys(e)),l=i.next();!l.done;l=i.next()){var u=l.value;if(!(0,a.default)(e[u],t[u]))return!0}}catch(e){r={error:e}}finally{try{l&&!l.done&&(o=i.return)&&o.call(i)}finally{if(r)throw r.error}}return!1}(t,e))}},5432:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(9382));t.default=function(e,t){return e===t||("boolean"!=typeof e&&"boolean"!=typeof t||e===t)&&e.$implicit===t.$implicit&&(0,o.default)(e.variables,t.variables)}},9382:function(e,t){var r=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")};Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){return e===t||!(e&&!t||!e&&t)&&!function(e,t){var n,o,a=Object.keys(e),i=Object.keys(t);if(a.length!==i.length)return!0;try{for(var l=r(a),u=l.next();!u.done;u=l.next()){var f=u.value;if(e[f]!==t[f])return!0}}catch(e){n={error:e}}finally{try{u&&!u.done&&(o=l.return)&&o.call(l)}finally{if(n)throw n.error}}return!1}(e,t)}},5633:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){return{beforeCC:new Set,configDef:new Map,defProviders:new Map,defValue:new Map,excludeDef:new Set,keepDef:new Set,mockDef:new Set,providerDef:new Map,replaceDef:new Set}}},4503:function(e,t){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},r.apply(this,arguments)},n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))};Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return r(r({},e),{declarations:o([],n(e.declarations||[]),!1),imports:o([],n(e.imports||[]),!1),providers:o([],n(e.providers||[]),!1)})}},2504:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(1763),a=n(r(8073)),i=n(r(70));t.default=function(e,t,r){(0,i.default)(r)||!t.has(o.NG_MOCKS_ROOT_PROVIDERS)&&a.default.config.get("ngMocksDepsSkip").has(r)||e.add(r)}},7140:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=r(6456),i=o(r(8911)),l=o(r(6297)),u=o(r(8073)),f=o(r(3663));t.default=function(e,t,r){var o,c,d,s,v,p,h=t.providerDef,y=t.mockDef;try{for(var _=n((0,a.mapValues)(h)),g=_.next();!g.done;g=_.next()){var b=g.value;e.providers.push(b)}}catch(e){o={error:e}}finally{try{g&&!g.done&&(c=_.return)&&c.call(_)}finally{if(o)throw o.error}}try{for(var m=n((0,a.flatten)(e.providers)),M=m.next();!M.done;M=m.next()){b=M.value;var k=(0,l.default)(b);u.default.touches.add(k),k!==b&&b.deps&&(0,a.extractDependency)(b.deps,u.default.config.get("ngMocksDeps"))}}catch(e){d={error:e}}finally{try{M&&!M.done&&(s=m.return)&&s.call(m)}finally{if(d)throw d.error}}try{for(var w=n((0,a.mapValues)(y)),O=w.next();!O.done;O=w.next()){var x=O.value;u.default.touches.has(x)||"root"!==(0,i.default)(x)||(e.providers.push((0,f.default)(x,r)),u.default.touches.add(x))}}catch(e){v={error:e}}finally{try{O&&!O.done&&(p=w.return)&&p.call(w)}finally{if(v)throw v.error}}}},1649:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=r(2603),i=r(6456),l=o(r(6297)),u=o(r(8073));t.default=function(){var e,t,r=(0,a.getTestBed)();if(r.ngModule)try{for(var o=n((0,i.flatten)(r.ngModule)),f=o.next();!f.done;f=o.next()){var c=f.value;u.default.touches.add((0,l.default)(c))}}catch(t){e={error:t}}finally{try{f&&!f.done&&(t=o.return)&&t.call(o)}finally{if(e)throw e.error}}}},646:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t,r){"function"==typeof e&&-1===r.indexOf(e)&&(r.push(e),t.push(e))}},4387:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=r(6456),i=o(r(1381)),l=r(1763),u=o(r(8073)),f=o(r(5884)),c=o(r(4483));t.default=function(e,t){var r,o,d,s,v=new Map;try{for(var p=n((0,a.mapValues)(u.default.touches)),h=p.next();!h.done;h=p.next()){var y=h.value,_=u.default.getBuildDeclaration(y)||y;if(!(0,c.default)(e,t,y,_)){var g=(0,i.default)(_),b=(0,f.default)(g);if(b){var m={};try{for(var M=(d=void 0,n(Object.keys(b))),k=M.next();!k.done;k=M.next()){var w=k.value;m[w]=g[w]}}catch(e){d={error:e}}finally{try{k&&!k.done&&(s=M.return)&&s.call(M)}finally{if(d)throw d.error}}v.set(_,[{set:b},{set:m}])}}}}catch(e){r={error:e}}finally{try{h&&!h.done&&(o=p.return)&&o.call(p)}finally{if(r)throw r.error}}return{provide:l.NG_MOCKS_OVERRIDES,useValue:v}}},1267:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},a=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var l=r(6456),u=r(1763),f=i(r(8073));t.default=function(){var e,t,r=new Map;try{for(var i=a(o(o(o(o([],n((0,l.mapEntries)(f.default.builtProviders)),!1),n((0,l.mapEntries)(f.default.builtDeclarations)),!1),n((0,l.mapEntries)(f.default.cacheDeclarations)),!1),n((0,l.mapEntries)(f.default.cacheProviders)),!1)),c=i.next();!c.done;c=i.next()){var d=n(c.value,2),s=d[0],v=d[1];r.has(s)||r.set(s,v)}}catch(t){e={error:t}}finally{try{c&&!c.done&&(t=i.return)&&t.call(i)}finally{if(e)throw e.error}}return{provide:u.NG_MOCKS,useValue:r}}},9961:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=r(6456),i=r(1763),l=o(r(8073));t.default=function(){var e,t,r=new Set;try{for(var o=n((0,a.mapValues)(l.default.touches)),u=o.next();!u.done;u=o.next()){var f=u.value,c=l.default.getBuildDeclaration(f);void 0===c&&(c=f),r.add(f),r.add(c)}}catch(t){e={error:t}}finally{try{u&&!u.done&&(t=o.return)&&t.call(o)}finally{if(e)throw e.error}}return{provide:i.NG_MOCKS_TOUCHES,useValue:r}}},8608:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(7285));t.default=function(e){var t,r;if(e){var o;try{for(var i=n(e),l=i.next();!l.done;l=i.next()){var u=l.value;u&&"object"==typeof u&&u.token&&(o=u.token),o||!u||"object"==typeof u&&u.ngMetadataName||(o=u)}}catch(e){t={error:e}}finally{try{l&&!l.done&&(r=i.return)&&r.call(i)}finally{if(t)throw t.error}}return(0,a.default)(o)}}},5884:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(8073)),i=o(r(224));t.default=function(e){if(e){var t=a.default.flags.has("skipMock");t||a.default.flags.add("skipMock");var r=n((0,i.default)(e),2),o=r[0],l=r[1];if(t||a.default.flags.delete("skipMock"),o)return l}}},8703:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(8749)),i=r(1763),l=o(r(8073)),u=o(r(2504)),f=o(r(646)),c=o(r(8608)),d=o(r(1978)),s=o(r(7213)),v=o(r(4995));t.default=function(e){var t,r,o,p,h,y,_=new Set,g=(0,d.default)(),b=g.buckets,m=g.touched;try{for(var M=n(b),k=M.next();!k.done;k=M.next()){var w=k.value;try{for(var O=(o=void 0,n(w)),x=O.next();!x.done;x=O.next()){var j=x.value;(0,u.default)(_,e,j);try{for(var D=(h=void 0,n((0,a.default)(j))),S=D.next();!S.done;S=D.next()){var P=S.value,C=(0,c.default)(P);(0,s.default)(C),(0,v.default)(C)||((0,f.default)(C,m,w),e.has(i.NG_MOCKS_ROOT_PROVIDERS)||!l.default.config.get("ngMocksDepsSkip").has(j)?_.add(C):l.default.config.get("ngMocksDepsSkip").add(C))}}catch(e){h={error:e}}finally{try{S&&!S.done&&(y=D.return)&&y.call(D)}finally{if(h)throw h.error}}}}catch(e){o={error:e}}finally{try{x&&!x.done&&(p=O.return)&&p.call(O)}finally{if(o)throw o.error}}}}catch(e){t={error:e}}finally{try{k&&!k.done&&(r=M.return)&&r.call(M)}finally{if(t)throw t.error}}return _}},1978:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var i=r(6456),l=a(r(8073));t.default=function(){var e=[(0,i.mapValues)(l.default.config.get("ngMocksDepsSkip")),(0,i.mapValues)(l.default.config.get("ngMocksDeps")),(0,i.mapValues)(l.default.touches)];return{buckets:e,touched:[].concat.apply([],o([],n(e),!1))}}},7703:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},a=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var l=r(860),u=i(r(3174)),f=r(6456),c=r(1763),d=r(5974),s=i(r(1365)),v=function(e,t){if(t){var r=t.resolveComponentFactory;t.resolveComponentFactory=(0,s.default)(r,void 0,void 0,(function(a){for(var i,l=[],u=1;u<arguments.length;u++)l[u-1]=arguments[u];return r.apply(t,o([null!==(i=e.get(a))&&void 0!==i?i:a],n(l),!1))}))}};(0,u.default)(v,"parameters",[[c.NG_MOCKS],[l.ComponentFactoryResolver,new l.Optional]]);var p=function(){};(0,l.NgModule)()(p),t.default=function(e){var t,r,n=[];try{for(var o=a(e.declarations),i=o.next();!i.done;i=o.next()){var u=i.value;(0,d.isNgDef)(u,"c")&&n.push(u)}}catch(e){t={error:e}}finally{try{i&&!i.done&&(r=o.return)&&r.call(o)}finally{if(t)throw t.error}}var c=(0,f.extendClass)(v);(0,l.NgModule)({entryComponents:p.ɵmod?[]:n})(c),e.imports.push(c)}},7213:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(8911)),a=n(r(8073));t.default=function(e){if(!a.default.touches.has(e)){var t=(0,o.default)(e);t&&a.default.config.get("ngMocksDepsSkip").has(t)&&a.default.config.get("ngMocksDepsSkip").add(e)}}},5195:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=r(6456),i=r(1763),l=r(4152),u=o(r(8073)),f=o(r(3663)),c=o(r(9465)),d=o(r(8703));t.default=function(e,t,r){var o,s,v=t.keepDef,p=t.mockDef,h=v.has(i.NG_MOCKS_ROOT_PROVIDERS)?new Set:(0,d.default)(p);if(h.size>0){var y=function(t){var n=(0,f.default)(t,r);if(n)e.providers.push(n);else if((0,l.isNgInjectionToken)(t)){var o=u.default.config.has("ngMocksMulti")&&u.default.config.get("ngMocksMulti").has(t);e.providers.push((0,c.default)(t,(function(){return o?[]:void 0})))}};try{for(var _=n((0,a.mapValues)(h)),g=_.next();!g.done;g=_.next())y(g.value)}catch(e){o={error:e}}finally{try{g&&!g.done&&(s=_.return)&&s.call(_)}finally{if(o)throw o.error}}}}},2710:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=r(6456),i=o(r(8073));t.default=function(e){var t,r,o=i.default.builtDeclarations,l=i.default.builtProviders,u=i.default.config.get("ngMocksDepsResolution");try{for(var f=n((0,a.mapValues)(e)),c=f.next();!c.done;c=f.next()){var d=c.value;o.set(d,null),l.set(d,null),u.set(d,"exclude")}}catch(e){t={error:e}}finally{try{c&&!c.done&&(r=f.return)&&r.call(f)}finally{if(t)throw t.error}}}},7651:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=r(6456),i=r(5204),l=o(r(8073));t.default=function(e,t){var r,o,u=new Set,f=l.default.builtDeclarations,c=l.default.builtProviders,d=l.default.config.get("ngMocksDepsResolution");try{for(var s=n((0,a.mapValues)(e)),v=s.next();!v.done;v=s.next()){var p=v.value;f.set(p,p),c.set(p,p),d.set(p,"keep"),t.get(p).shallow&&(0,i.funcExtractDeps)(p,u)}}catch(e){r={error:e}}finally{try{v&&!v.done&&(o=s.return)&&o.call(s)}finally{if(r)throw r.error}}return u}},102:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=r(6456),i=o(r(8073)),l=o(r(4161));t.default=function(e,t){var r,o,u=i.default.builtDeclarations,f=i.default.config.get("ngMocksDepsResolution");try{for(var c=n((0,a.mapValues)(e)),d=c.next();!d.done;d=c.next()){var s=d.value,v=!i.default.touches.has(s);f.set(s,"mock"),u.set(s,void 0),(0,l.default)(s,t),v&&i.default.touches.delete(s)}}catch(e){r={error:e}}finally{try{d&&!d.done&&(o=c.return)&&o.call(c)}finally{if(r)throw r.error}}}},3680:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(8073));t.default=function(e,t){var r,n=null!==(r=o.default.config.get("mockNgDefResolver").get(e))&&void 0!==r?r:o.default.getBuildDeclaration(e),a=t.has(e)?t.get(e):void 0;return a?{ngModule:n,providers:a}:n}},1159:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},a=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var l=r(6456),u=r(5974),f=i(r(8073)),c=r(3821),d=i(r(224)),s=i(r(4673)),v=i(r(8150));t.default=function(e,t,r,i){var p,h,y,_,g,b,m,M,k,w=new Map;try{for(var O=a(o(o(o([],n((0,l.mapValues)(e)),!1),n((0,l.mapValues)(t)),!1),n((0,l.mapValues)(r)),!1)),x=O.next();!x.done;x=O.next()){var j=x.value,D=(0,s.default)(j),S=o(o(o([],n(null!==(g=i.get(j))&&void 0!==g?g:[]),!1),n(null!==(m=null===(b=D.Component)||void 0===b?void 0:b.providers)&&void 0!==m?m:[]),!1),n(null!==(k=null===(M=D.Directive)||void 0===M?void 0:M.providers)&&void 0!==k?k:[]),!1),P=!f.default.touches.has(j);t.has(j)||f.default.flags.add("skipMock");var C=(0,u.isNgDef)(j,"m");if(S.length>0){var N=n((0,d.default)({providers:S,skipMarkProviders:!C,skipExports:!0}),2)[1];w.set(j,N.providers)}C&&f.default.builtDeclarations.set(j,(0,c.MockModule)(j)),f.default.flags.delete("skipMock"),P&&f.default.touches.delete(j)}}catch(e){p={error:e}}finally{try{x&&!x.done&&(h=O.return)&&h.call(O)}finally{if(p)throw p.error}}try{for(var T=a((0,l.mapValues)(t)),E=T.next();!E.done;E=T.next())j=E.value,(0,v.default)(j)}catch(e){y={error:e}}finally{try{E&&!E.done&&(_=T.return)&&_.call(T)}finally{if(y)throw y.error}}return w}},1391:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},a=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var l=r(6456),u=i(r(8911)),f=i(r(1585)),c=i(r(2970)),d=i(r(6297)),s=r(5974),v=r(4152),p=r(6580),h=i(r(8073)),y=i(r(7610)),_=i(r(6860)),g=i(r(3680)),b=function(e,t,r){var o,a,i=e.imports,u=e.declarations,c=e.providers;(function(e){return h.default.touches.has(e)||(0,s.isNgDef)(e)||(0,v.isNgInjectionToken)(e)||"string"==typeof e})(t)||(0,f.default)(t);var _=!1;if((0,s.isNgDef)(t,"m")){var b=(0,g.default)(t,r);if(i.push(b),_=!0,"object"==typeof b&&b.providers)try{for(var m=n((0,l.flatten)(b.providers)),M=m.next();!M.done;M=m.next()){var k=M.value;h.default.touches.add((0,d.default)(k))}}catch(e){o={error:e}}finally{try{M&&!M.done&&(a=m.return)&&a.call(m)}finally{if(o)throw o.error}}}if(((0,s.isNgDef)(t,"c")||(0,s.isNgDef)(t,"d")||(0,s.isNgDef)(t,"p"))&&(((0,p.isStandalone)(t)?i:u).push(h.default.getBuildDeclaration(t)),_=!0),(0,s.isNgDef)(t,"i")||!(0,s.isNgDef)(t)){var w=h.default.builtProviders.get(t);w&&"string"!=typeof w&&!1===(0,s.isNgDef)(w,"t")&&(c.push(w),_=!0)}_&&((0,y.default)(t),h.default.touches.add(t))},m=function(e,t,r){var o,a,i=t.get(e),u=r.get(e)||{};if((0,s.isNgDef)(e,"m")&&u.onRoot)return e;if(!(null==i?void 0:i.exported))return e;try{for(var f=n((0,l.mapValues)(i.exported)),c=f.next();!c.done;c=f.next()){var d=c.value,v=m(d,t,r);if(v)return v}}catch(e){o={error:e}}finally{try{c&&!c.done&&(a=f.return)&&a.call(f)}finally{if(o)throw o.error}}},M=function(e,t){var r=(0,s.isNgDef)(e,"m"),n=(0,s.isNgDef)(t,"m");return r&&n?0:r?-1:n?1:0};t.default=function(e,t){var r,i,f,d,v=e.configDefault,p=e.keepDef,y=e.mockDef,g=e.replaceDef,k={imports:[],declarations:[],providers:[]},w=[],O=[],x=a(a(a([],o((0,l.mapValues)(y)),!1),o((0,l.mapValues)(p)),!1),o((0,l.mapValues)(g)),!1);x.sort(M);try{for(var j=n(x),D=j.next();!D.done;D=j.next()){var S=D.value;if((E=(0,s.isNgDef)(S,"m")&&t.has(S)?S:m(S,h.default.configInstance,h.default.config))&&-1===w.indexOf(E)){var P=h.default.config.get(E)||{__set:!0};w.push(E),P.onRoot=P.onRoot||!P.dependency,P.__set&&(P.__set=void 0,h.default.config.set(E,P)),(0,s.isNgDef)(E,"m")&&P.onRoot?b(k,E,t):P.dependency||!P.export||!(0,s.isNgDef)(E,"i")&&(0,s.isNgDef)(E)?!P.dependency&&P.export?b(k,E,t):h.default.touches.has(E)||P.dependency?!P.dependency||!v.dependency||"root"===(0,u.default)(E)||"object"==typeof E&&E.__ngMocksSkip||O.push(E):b(k,E,t):(b(k,E,t),(0,_.default)([E]))}}}catch(e){r={error:e}}finally{try{D&&!D.done&&(i=j.return)&&i.call(j)}finally{if(r)throw r.error}}var C=h.default.global.get("flags");try{for(var N=n(O),T=N.next();!T.done;T=N.next()){var E=T.value;if(!h.default.touches.has(E)){var A=["MockBuilder has found a missing dependency: ".concat((0,c.default)(E),"."),"It means no module provides it.",'Please, use the "export" flag if you want to add it explicitly.',"https://ng-mocks.sudo.eu/api/MockBuilder#export-flag"].join(" ");if("warn"===C.onMockBuilderMissingDependency)console.warn(A);else if("throw"===C.onMockBuilderMissingDependency)throw new Error(A)}}}catch(e){f={error:e}}finally{try{T&&!T.done&&(d=N.return)&&d.call(N)}finally{if(f)throw f.error}}return k}},8500:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=r(6456),i=o(r(8073));t.default=function(e,t){var r,o,l=i.default.builtDeclarations,u=i.default.config.get("ngMocksDepsResolution");try{for(var f=n((0,a.mapValues)(e)),c=f.next();!c.done;c=f.next()){var d=c.value;l.set(d,t.get(d)),u.set(d,"replace")}}catch(e){r={error:e}}finally{try{c&&!c.done&&(o=f.return)&&o.call(f)}finally{if(r)throw r.error}}}},7235:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},o=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},a=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var l=r(6456),u=r(5204),f=i(r(8073)),c=i(r(2710)),d=i(r(7651)),s=i(r(102)),v=i(r(1159)),p=i(r(8500));t.default=function(e){var t,r,i,h,y,_,g,b,m,M,k,w,O=e.configDef,x=e.defProviders,j=e.defValue,D=e.excludeDef,S=e.keepDef,P=e.mockDef,C=e.replaceDef;f.default.flags.add("cachePipe"),f.default.config.set("ngMocksMulti",new Set),f.default.config.set("ngMocksDeps",new Set),f.default.config.set("ngMocksDepsSkip",new Set),f.default.config.set("ngMocksDepsResolution",new Map);var N=(0,d.default)(S,O);try{for(var T=o((0,l.mapValues)(N)),E=T.next();!E.done;E=T.next()){var A=E.value;f.default.touches.add(A)}}catch(e){t={error:e}}finally{try{E&&!E.done&&(r=T.return)&&r.call(T)}finally{if(t)throw t.error}}try{for(var R=o((0,l.mapValues)(S)),I=R.next();!I.done;I=R.next())A=I.value,N.add(A),(0,u.funcExtractDeps)(A,N,!0)}catch(e){i={error:e}}finally{try{I&&!I.done&&(h=R.return)&&h.call(R)}finally{if(i)throw i.error}}try{for(var V=o((0,l.mapValues)(P)),B=V.next();!B.done;B=V.next())A=B.value,N.add(A),(0,u.funcExtractDeps)(A,N,!0)}catch(e){y={error:e}}finally{try{B&&!B.done&&(_=V.return)&&_.call(V)}finally{if(y)throw y.error}}try{for(var F=o((0,l.mapValues)(C)),L=F.next();!L.done;L=F.next())A=L.value,N.add(A),(0,u.funcExtractDeps)(A,N,!0)}catch(e){g={error:e}}finally{try{L&&!L.done&&(b=F.return)&&b.call(F)}finally{if(g)throw g.error}}try{for(var K=o((0,l.mapValues)(N)),G=K.next();!G.done;G=K.next())if(A=G.value,!O.has(A)){var q=f.default.getResolution(A);"replace"===q?(C.add(A),j.set(A,f.default.getBuildDeclaration(A))):"keep"===q?S.add(A):"exclude"===q?D.add(A):("mock"===q||f.default.touches.has(A))&&P.add(A),O.set(A,f.default.touches.has(A)?{dependency:!0,__internal:!0}:{})}}catch(e){m={error:e}}finally{try{G&&!G.done&&(M=K.return)&&M.call(K)}finally{if(m)throw m.error}}try{for(var U=o((0,l.mapEntries)(O)),z=U.next();!z.done;z=U.next()){var W=a(z.value,2),H=W[0],$=W[1];f.default.config.set(H,n(n(n({},f.default.getConfigMock().get(H)),$),{defValue:j.get(H)}))}}catch(e){k={error:e}}finally{try{z&&!z.done&&(w=U.return)&&w.call(U)}finally{if(k)throw k.error}}return(0,p.default)(C,j),(0,c.default)(D),(0,s.default)(P,j),(0,v.default)(S,P,C,x)}},8792:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0});var n=r(5974);t.default=function(e,t,r,o){var a=e===t?o:t,i=null!=r?r:t!==o&&"object"==typeof t?t:void 0;return(0,n.isNgDef)(e,"p")&&"function"==typeof t&&t!==e&&!(0,n.isNgDef)(t,"p")?(a={transform:t},i=r):!(0,n.isNgDef)(e,"i")&&(0,n.isNgDef)(e)||(i=r),{config:i,mock:a=a===i?o:a}}},9102:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(6297));t.default=function(e){var t=(0,o.default)(e);return{multi:t!==e&&e.multi,provide:t}}},70:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(4358),a=n(r(3295)),i=n(r(8911)),l=r(4152),u=n(r(8073));t.default=function(e){if(function(e){if(!e||e===o.DOCUMENT||u.default.touches.has(e))return!0;var t=function(e){var t=u.default.getResolution(e);return"keep"===t||"exclude"===t||"mock"!==t&&void 0}(e);return void 0!==t?t:"function"==typeof e&&-1!==a.default.neverMockProvidedFunction.indexOf(e.name)||!(!(0,l.isNgInjectionToken)(e)||-1===a.default.neverMockToken.indexOf(e.toString()))}(e))return!0;var t=(0,i.default)(e);return!("function"!=typeof e||t&&"platform"!==t)}},4483:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(8073));t.default=function(e,t,r,n){return!!o.default.cacheDeclarations.has(n)||!(!e.has(r)||n!==t.get(r))}},4995:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(8073)),a=n(r(70));t.default=function(e){return!!(0,a.default)(e)||o.default.config.get("ngMocksDepsSkip").has(e)}},8150:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(5974),a=n(r(8073)),i=r(5395),l=r(8339),u=r(2937);t.default=function(e){void 0===a.default.builtDeclarations.get(e)&&((0,o.isNgDef)(e,"c")&&a.default.builtDeclarations.set(e,(0,i.MockComponent)(e)),(0,o.isNgDef)(e,"d")&&a.default.builtDeclarations.set(e,(0,l.MockDirective)(e)),(0,o.isNgDef)(e,"p")&&a.default.builtDeclarations.set(e,(0,u.MockPipe)(e)))}},4161:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(5974),a=n(r(8073)),i=n(r(8195)),l=n(r(9465)),u=n(r(2415));t.default=function(e,t){if((0,o.isNgDef)(e,"i")&&t.has(e)){var r=a.default.config.get(e),n=t.get(e);a.default.builtProviders.set(e,(0,l.default)(e,void 0,(function(e){return function(e,t,r){return r.precise?t:(0,i.default)(e,t)}(e,n,r)})))}else(0,o.isNgDef)(e,"i")&&a.default.builtProviders.set(e,(0,u.default)(e,!0));if(!(0,o.isNgDef)(e)&&t.has(e)){var f=t.get(e);a.default.builtProviders.set(e,(0,l.default)(e,void 0,(function(){return f})))}else(0,o.isNgDef)(e)||a.default.builtProviders.set(e,(0,u.default)(e,!0))}},2938:function(e,t){Object.defineProperty(t,"__esModule",{value:!0})},5395:function(e,t,r){var n,o=this&&this.__extends||(n=function(e,t){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},n(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}),a=this&&this.__assign||function(){return a=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)},i=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},l=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},u=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MockComponents=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.map(k)},t.MockComponent=k;var f=r(860),c=u(r(3174)),d=u(r(2023)),s=u(r(8862)),v=u(r(2137)),p=r(5980),h=u(r(6847)),y=u(r(6932)),_=u(r(9068)),g=u(r(8970)),b=function(e,t){var r,n,o,a;try{for(var l=i(Object.keys(e.context)),u=l.next();!u.done;u=l.next()){var f=u.value;e.context[f]=void 0}}catch(e){r={error:e}}finally{try{u&&!u.done&&(n=l.return)&&n.call(l)}finally{if(r)throw r.error}}try{for(var c=i(Object.keys(t)),d=c.next();!d.done;d=c.next())f=d.value,e.context[f]=t[f]}catch(e){o={error:e}}finally{try{d&&!d.done&&(a=c.return)&&a.call(c)}finally{if(o)throw o.error}}e.markForCheck()},m=function(e){function t(t,r,n){var o,u,d=e.call(this,t,r)||this;return(0,v.default)(d)&&(o=d,u=n,(0,c.default)(o,"__render",(function(e,t,r){var n=l((0,g.default)(e),4),c=n[0],d=n[1],s=n[2],v=n[3],p=function(e,t,r,n){var o=e["__vcrIf_".concat(t,"_").concat(r)],a=e["__trIf_".concat(t,"_").concat(r)];return o&&a&&!e["ngMocksRender_".concat(t,"_").concat(r)]&&(e["ngMocksRender_".concat(t,"_").concat(r)]=o.createEmbeddedView(a,{}),n.detectChanges()),e["__mockView_".concat(t,"_").concat(r)]}(o,c,s,u);if(p){var h=o[d],y=h instanceof f.QueryList?h.toArray():[h],_=o["ngMocksRender_".concat(c,"_").concat(s,"_views")]||[],m=function(e,t,r,n,o,a){var l,u,c=-1;try{for(var d=i(r),s=d.next();!s.done;s=d.next()){var v=s.value;if(n[c+=1]=n[c]||void 0,(!o||-1!==o.indexOf(c))&&v){if(!(v instanceof f.TemplateRef))throw new Error("Cannot find TemplateRef");n[c]||(n[c]=e.createEmbeddedView(v,{})),b(n[c],a)}}}catch(e){l={error:e}}finally{try{s&&!s.done&&(u=d.return)&&u.call(d)}finally{if(l)throw l.error}}return t.detectChanges(),c}(p,u,y,_,v,a(a({},r),{$implicit:t}));!function(e,t,r){var n,o,a,l;try{for(var u=i(t.splice(r+1)),f=u.next();!f.done;f=u.next())(v=f.value).destroy()}catch(e){n={error:e}}finally{try{f&&!f.done&&(o=u.return)&&o.call(u)}finally{if(n)throw n.error}}var c=0;try{for(var d=i(t),s=d.next();!s.done;s=d.next()){var v;(v=s.value)&&(e.move(v,c),c+=1)}}catch(e){a={error:e}}finally{try{s&&!s.done&&(l=d.return)&&l.call(d)}finally{if(a)throw a.error}}}(p,_,m),o["ngMocksRender_".concat(c,"_").concat(s,"_views")]=_,u.detectChanges()}})),function(e,t){(0,c.default)(e,"__hide",(function(r){var n=l((0,g.default)(r),4),o=n[0],a=n[2],u=n[3];e["ngMocksRender_".concat(o,"_").concat(a)]&&(function(e,t,r,n){var o,a,l=e["ngMocksRender_".concat(t,"_").concat(r,"_views")],u=-1;try{for(var f=i(l),c=f.next();!c.done;c=f.next()){var d=c.value;u+=1,n&&-1===n.indexOf(u)||!d||(d.destroy(),l[u]=void 0)}}catch(e){o={error:e}}finally{try{c&&!c.done&&(a=f.return)&&a.call(f)}finally{if(o)throw o.error}}}(e,o,a,u),u||(e["ngMocksRender_".concat(o,"_").concat(a)].destroy(),e["ngMocksRender_".concat(o,"_").concat(a)]=void 0),t.detectChanges())}))}(d,n)),d}return o(t,e),t.prototype.ngAfterViewInit=function(){var e,t,r=this.__ngMocksConfig.config;if(!this.__rendered&&r&&r.render){try{for(var n=i(Object.keys(r.render)),o=n.next();!o.done;o=n.next()){var a=o.value,l=!0===r.render[a]?{$implicit:void 0,variables:{}}:r.render[a],u=l.$implicit,f=l.variables;this.__render(a,u,f)}}catch(t){e={error:t}}finally{try{o&&!o.done&&(t=n.return)&&t.call(n)}finally{if(e)throw e.error}}this.__rendered=!0}},t}(p.LegacyControlValueAccessor);(0,c.default)(m,"parameters",[[f.Injector],[d.default.NgControl||function(){},new f.Optional,new f.Self],[f.ChangeDetectorRef]]);var M=function(e,t){var r=(0,s.default)(e);(0,f.Component)((0,h.default)(e,t,r,{template:(0,_.default)(r.queries)}))(t)};function k(e){return(0,y.default)(e,"c","MockComponent","cacheComponent",m,M)}},9068:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")};Object.defineProperty(t,"__esModule",{value:!0});var o=r(860),a={read:o.ViewContainerRef,static:!1},i={read:o.TemplateRef,static:!1},l=function(e,t){var r="<div data-".concat(t,'="').concat(e,'"><ng-template #').concat(t,"_").concat(e,"></ng-template></div>");return"<ng-template #ngIf_".concat(t,"_").concat(e,">").concat(r,"</ng-template>")},u=function(e){return!(e.isViewQuery||e.read&&e.read!==o.TemplateRef||"string"!=typeof e.selector&&!e.read)};t.default=function(e){var t,r,f=["<ng-content></ng-content>"];if(!e)return f.join("");try{for(var c=n(Object.keys(e)),d=c.next();!d.done;d=c.next()){var s=d.value,v=e[s];if(0!==s.indexOf("__mock")&&u(v)){if("string"==typeof v.selector){var p=v.selector.replace(new RegExp("\\W","mg"),"_");e["__vcrIf_key_".concat(p)]=new o.ViewChild("ngIf_key_".concat(p),a),e["__trIf_key_".concat(p)]=new o.ViewChild("ngIf_key_".concat(p),i),e["__mockView_key_".concat(p)]=new o.ViewChild("key_".concat(p),a),e["__mockTpl_key_".concat(p)]=v,f.push(l(p,"key"))}e["__vcrIf_prop_".concat(s)]=new o.ViewChild("ngIf_prop_".concat(s),a),e["__trIf_prop_".concat(s)]=new o.ViewChild("ngIf_prop_".concat(s),i),e["__mockView_prop_".concat(s)]=new o.ViewChild("prop_".concat(s),a),f.push(l(s,"prop"))}}}catch(e){t={error:e}}finally{try{d&&!d.done&&(r=c.return)&&r.call(c)}finally{if(t)throw t.error}}return f.join("")}},8970:function(e,t){var r=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i};Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){if("string"==typeof e)return["key","__mockTpl_key_".concat(e),e,void 0];var t=r(e),n=t[0],o=t.slice(1);return["prop",n,n,o.length>0?o:void 0]}},2350:function(e,t){Object.defineProperty(t,"__esModule",{value:!0})},5269:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MockDeclarations=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.map(c)},t.MockDeclaration=c;var o=n(r(1585)),a=n(r(2970)),i=r(5974),l=r(5395),u=r(8339),f=r(2937);function c(e){if((0,i.isNgDef)(e,"p"))return(0,f.MockPipe)(e);if((0,i.isNgDef)(e,"c"))return(0,l.MockComponent)(e);if((0,i.isNgDef)(e,"d"))return(0,u.MockDirective)(e);throw(0,o.default)(e),new Error(["MockDeclaration does not know how to mock","function"==typeof e?(0,a.default)(e):e].join(" "))}},8339:function(e,t,r){var n,o=this&&this.__extends||(n=function(e,t){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},n(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}),a=this&&this.__assign||function(){return a=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MockDirectives=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.map(y)},t.MockDirective=y;var l=r(860),u=i(r(3174)),f=i(r(2023)),c=i(r(8862)),d=r(5980),s=i(r(6847)),v=i(r(6932)),p=function(e){function t(t,r,n,o,a,i){void 0===a&&(a=null),void 0===i&&(i=null);var l=e.call(this,t,r)||this;return l.__ngMocksInstall(o,n,a,i),l}return o(t,e),t.prototype.ngOnInit=function(){var e=this.__ngMocksConfig.config;if(null==e?void 0:e.render){var t=!0===e.render?{$implicit:void 0,variables:{}}:e.render,r=t.$implicit,n=t.variables;this.__render(r,n)}},t.prototype.__ngMocksInstall=function(e,t,r,n){(0,u.default)(this,"__element",r),(0,u.default)(this,"__template",n),(0,u.default)(this,"__viewContainer",e),(0,u.default)(this,"__vcr",e),(0,u.default)(this,"__cdr",t),(0,u.default)(this,"__isStructural",n&&e),(0,u.default)(this,"__render",(function(r,o){e&&n&&(e.clear(),e.createEmbeddedView(n,a(a({},o),{$implicit:r})),t.detectChanges())}))},t}(d.LegacyControlValueAccessor);(0,u.default)(p,"parameters",[[l.Injector],[f.default.NgControl||function(){},new l.Optional,new l.Self],[l.ChangeDetectorRef],[l.ViewContainerRef],[l.ElementRef,new l.Optional,new l.Self],[l.TemplateRef,new l.Optional,new l.Self]]);var h=function(e,t){var r=(0,c.default)(e),n=(0,s.default)(e,t,r,{});(0,l.Directive)(n)(t)};function y(e){return(0,v.default)(e,"d","MockDirective","cacheDirective",p,h)}},4748:function(e,t){Object.defineProperty(t,"__esModule",{value:!0})},8060:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var i=a(r(1184)),l=a(r(6755)),u=a(r(1692));t.default=function(e,t){return function(r){return!!function(e,t,r){for(var n,a,i,l=(null===(n=e.injector._tNode)||void 0===n?void 0:n.attrs)||[],u=2,f=0;f<l.length;f+=u)if("number"!=typeof l[f]){var c=l[f];if(c===t&&(null===(a=e.injector._tNode.inputs)||void 0===a?void 0:a[c])){var d=o(e.injector._tNode.inputs[c],2),s=d[0],v=d[1];if(r===(null===(i=e.injector._lView)||void 0===i?void 0:i[s][v]))return!0}}else u=1;return!1}(r,e,t)||function(e,t,r){var a,f,c,d;try{for(var s=n((0,l.default)(e)),v=s.next();!v.done;v=s.next()){var p=v.value,h=o((0,u.default)(e,p),3),y=h[0],_=h[1],g=h[2];try{for(var b=(c=void 0,n(y)),m=b.next();!m.done;m=b.next()){var M=m.value,k=(0,i.default)(M),w=k.name;if(t===(k.alias||w)&&-1!==_.indexOf(w)&&r===e.injector.view.nodes[g].instance[w])return!0}}catch(e){c={error:e}}finally{try{m&&!m.done&&(d=b.return)&&d.call(b)}finally{if(c)throw c.error}}}}catch(e){a={error:e}}finally{try{v&&!v.done&&(f=s.return)&&f.call(s)}finally{if(a)throw a.error}}return!1}(r,e,t)}}},8864:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(5465)),i=o(r(908));t.default=function(e){return function(t){var r=n((0,i.default)(t),2),o=r[0];return-1!==r[1].indexOf(e)||!!(0,a.default)(o,e)}}},12:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(4201)),a=r(6739);t.default=function(e){var t=(0,a.getSourceOfMock)(e);return function(e){return!!e&&-1!==e.providerTokens.indexOf(t)&&void 0!==(0,o.default)(t,e.injector)}}},1863:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return function(t){return!!t.references[e]}}},5494:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(908)),i=o(r(4747));t.default=function(e){return function(t){var r=n((0,a.default)(t),1)[0];return(0,i.default)(r,e)}}},5465:function(e,t){var r=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")};Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){var n,o,a,i;try{for(var l=r(e),u=l.next();!u.done;u=l.next()){var f=u.value.match(/\[([^=\]]+)/g);if(f)try{for(var c=(a=void 0,r(f)),d=c.next();!d.done;d=c.next())if(d.value==="[".concat(t))return!0}catch(e){a={error:e}}finally{try{d&&!d.done&&(i=c.return)&&i.call(c)}finally{if(a)throw a.error}}}}catch(e){n={error:e}}finally{try{u&&!u.done&&(o=l.return)&&o.call(l)}finally{if(n)throw n.error}}return!1}},4476:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(8864)),a=n(r(8060)),i=n(r(12)),l=n(r(1863)),u=n(r(5494));t.default=function(e){if(function(e){return Array.isArray(e)&&1===e.length&&"string"==typeof e[0]}(e))return(0,o.default)(e[0]);if(function(e){return Array.isArray(e)&&2===e.length&&"string"==typeof e[0]}(e))return(0,a.default)(e[0],e[1]);if(function(e){return"string"==typeof e&&0===e.indexOf("#")&&e.length>1}(e))return(0,l.default)(e.slice(1));if(function(e){return"string"==typeof e&&0!==e.indexOf("#")&&e.length>0}(e))return(0,u.default)(e);if(function(e){return"function"==typeof e}(e))return(0,i.default)(e);throw new Error("Unknown selector")}},908:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},a=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var l=i(r(1184)),u=i(r(4641)),f=i(r(6755)),c=i(r(1692));t.default=function(e){var t=function(e){var t,r,o=[];try{for(var a=n(e.providerTokens),i=a.next();!i.done;i=a.next()){var l=i.value,f=(0,u.default)(e,l);(null==f?void 0:f.selector)&&-1===o.indexOf(f.selector)&&o.push(f.selector)}}catch(e){t={error:e}}finally{try{i&&!i.done&&(r=a.return)&&r.call(a)}finally{if(t)throw t.error}}return o}(e),r=a(a([],o(function(e){var t,r,a,i,u=[];try{for(var d=n((0,f.default)(e)),s=d.next();!s.done;s=d.next()){var v=s.value,p=o((0,c.default)(e,v),2),h=p[0],y=p[1];try{for(var _=(a=void 0,n(h)),g=_.next();!g.done;g=_.next()){var b=g.value,m=(0,l.default)(b),M=m.name,k=m.alias||M;-1!==y.indexOf(M)&&-1===u.indexOf(k)&&u.push(k)}}catch(e){a={error:e}}finally{try{g&&!g.done&&(i=_.return)&&i.call(_)}finally{if(a)throw a.error}}}}catch(e){t={error:e}}finally{try{s&&!s.done&&(r=d.return)&&r.call(d)}finally{if(t)throw t.error}}return u}(e)),!1),o(function(e){for(var t,r,n=[],o=(null===(t=e.injector._tNode)||void 0===t?void 0:t.attrs)||[],a=2,i=0;i<o.length;i+=a)if("number"!=typeof o[i]){var l=o[i];(null===(r=e.injector._tNode.inputs)||void 0===r?void 0:r[l])&&-1===n.indexOf(l)&&n.push(l)}else a=1;return n}(e)),!1);return[t,r]}},4747:function(e,t){var r=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")};Object.defineProperty(t,"__esModule",{value:!0});var n=new RegExp("\\[.*?\\]","g");t.default=function(e,t){var o,a,i,l;try{for(var u=r(e),f=u.next();!f.done;f=u.next()){var c=f.value.replace(n,"").split(",");try{for(var d=(i=void 0,r(c)),s=d.next();!s.done;s=d.next())if(s.value.trim()===t)return!0}catch(e){i={error:e}}finally{try{s&&!s.done&&(l=d.return)&&l.call(d)}finally{if(i)throw i.error}}}}catch(e){o={error:e}}finally{try{f&&!f.done&&(a=u.return)&&a.call(u)}finally{if(o)throw o.error}}return!1}},3942:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return"#text"===e.nativeNode.nodeName}},5079:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){return!(!e||!t)&&e===t}},6121:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(3942));t.default=function(e){return(0,o.default)(e)?void 0:e.injector._tNode||e.injector.elDef||void 0}},1061:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var i=r(860),l=a(r(4201)),u=a(r(6121)),f=function(e,t){var r=function(e,t){if(e!==t&&"#comment"===t.nativeNode.nodeName)return(0,l.default)(i.ViewContainerRef,t.injector)}(e,t);if(!r)return[];for(var n=[],o=0;o<r.length;o+=1){var a=r.get(o);if(a)for(var u=0;u<a.rootNodes.length;u+=1)n.push([u,a.rootNodes[u]])}return n};t.default=function(e){var t,r,a,i;return(null===(t=e.injector._tNode)||void 0===t?void 0:t.parent)||(null===(r=e.injector.elDef)||void 0===r?void 0:r.parent)||function(e){var t,r,a,i,l,c,d;try{for(var s=n((null===(l=e.parent)||void 0===l?void 0:l.childNodes)||[]),v=s.next();!v.done;v=s.next()){var p=v.value;try{for(var h=(a=void 0,n(f(e,p))),y=h.next();!y.done;y=h.next()){var _=o(y.value,2),g=_[0];_[1]===e.nativeNode&&(void 0===d||g<d)&&(c=(0,u.default)(p),d=g)}}catch(e){a={error:e}}finally{try{y&&!y.done&&(i=h.return)&&i.call(h)}finally{if(a)throw a.error}}}}catch(e){t={error:e}}finally{try{v&&!v.done&&(r=s.return)&&r.call(s)}finally{if(t)throw t.error}}return c}(e)||(null===(a=e.parent)||void 0===a?void 0:a.injector._tNode)||(null===(i=e.parent)||void 0===i?void 0:i.injector.elDef)||void 0}},6755:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return e.injector.elDef?Object.keys(e.injector.elDef.element.publicProviders):[]}},6547:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return"string"==typeof e||!(!Array.isArray(e)||"string"!=typeof e[0])||"function"==typeof e}},1692:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(4641));t.default=function(e,t){var r=e.injector.elDef.element.publicProviders[t],n=r.provider.value;if(!n)return[[],[],0];var a=(0,o.default)(e,n),i=r.bindings.map((function(e){return e.nonMinifiedName||e.name}));return[(null==a?void 0:a.inputs)||[],i,r.nodeIndex]}},8344:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(590)),a=n(r(5687)),i=n(r(8732));t.default=function(e,t,r){void 0===r&&(r=!1);var n=(0,o.default)((0,a.default)(),e,void 0);(0,i.default)(n,void 0,t,r)}},9400:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(590)),i=o(r(5687)),l=o(r(951)),u=o(r(4476)),f=o(r(3942)),c=o(r(6547)),d=o(r(8344));t.default=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var r=n((0,l.default)(e,c.default),2),o=r[0],s=r[1],v=(0,a.default)((0,i.default)(),o,void 0),p=(0,u.default)(s),h=[];return(0,d.default)(v,(function(e){e!==v&&!(0,f.default)(e)&&p(e)&&h.push(e)})),h}},8458:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(590)),i=o(r(5687)),l=o(r(951)),u=o(r(4811)),f=o(r(4476)),c=o(r(3942)),d=o(r(6547)),s=o(r(8344)),v={};t.default=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var r,o=n((0,l.default)(e,d.default,v),3),p=o[0],h=o[1],y=o[2],_=(0,a.default)((0,i.default)(),p,void 0),g=(0,f.default)(h);if((0,s.default)(_,(function(e){return!(e===_||(0,c.default)(e)||!g(e)||(r=e,0))})),r)return r;if(y!==v)return y;throw new Error("Cannot find a DebugElement via ngMocks.reveal(".concat((0,u.default)(h),")"))}},7790:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(3942)),i=o(r(5079)),l=o(r(6121)),u=o(r(1061));t.default=function(e){var t,r,o,f,c=(0,l.default)(e);if(!c||(0,a.default)(e))return[];var d=void 0!==e.childNodes,s=[];try{for(var v=n(e.childNodes||(null===(o=e.parent)||void 0===o?void 0:o.childNodes)||[]),p=v.next();!p.done;p=v.next()){var h=p.value,y=(0,u.default)(h);(d||(0,i.default)(c,y))&&(y&&!(0,i.default)(c,y)||s.push(h))}}catch(e){t={error:e}}finally{try{p&&!p.done&&(r=v.return)&&r.call(v)}finally{if(t)throw t.error}}if("BODY"===(null===(f=e.parent)||void 0===f?void 0:f.name)){for(var _=e.parent.childNodes,g=_.length,b=0,m=_.length-1;m>=0;m-=1)if("#comment"===(h=_[m]).nativeNode.nodeName)b=m;else if(h.nativeNode===e.nativeNode){g=m+1;break}for(m=g;m<b;m+=1)s.push(_[m])}return s}},345:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(5079)),i=o(r(6121)),l=o(r(1061));t.default=function(e,t){var r,o,u;if(t)return t;var f=(0,l.default)(e),c=e.parent?(0,i.default)(e.parent):void 0;if(e.parent&&(0,a.default)(f,c))return e.parent;try{for(var d=n((null===(u=e.parent)||void 0===u?void 0:u.childNodes)||[]),s=d.next();!s.done;s=d.next()){var v=s.value,p=(0,i.default)(v);if((0,a.default)(f,p))return v}}catch(e){r={error:e}}finally{try{s&&!s.done&&(o=d.return)&&o.call(d)}finally{if(r)throw r.error}}}},8732:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(3942)),i=o(r(7790)),l=o(r(345)),u=function(e,t,r,o){var f,c;if(void 0===o&&(o=!1),!e)return!1;if(!o&&(0,a.default)(e))return!1;if(r(e,(0,l.default)(e,t)))return!0;try{for(var d=n((0,i.default)(e)),s=d.next();!s.done;s=d.next()){var v=s.value;if(u(v,e,r,o))return!0}}catch(e){f={error:e}}finally{try{s&&!s.done&&(c=d.return)&&c.call(d)}finally{if(f)throw f.error}}return!1};t.default=u},6016:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(2023)),a=n(r(4201)),i=["Cannot find ControlValueAccessor on the element.","If it is a mock input with [formControlName],","you need either to avoid mocking ReactiveFormsModule","or to avoid accessing the control in such a way,","because this tests ReactiveFormsModule instead of own implementation."].join(" ");t.default=function(e){var t=o.default&&(0,a.default)(o.default.NgControl,e.injector),r=null==t?void 0:t.valueAccessor;if(r)return r;var n=o.default&&(0,a.default)(o.default.FormControlDirective,e.injector);if(null==n?void 0:n.form)return n.form;var l=o.default&&(0,a.default)(o.default.NgModel,e.injector);if(l)return l;throw new Error(i)}},2298:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(2023)),i=r(7105),l=o(r(5006)),u=o(r(7331)),f=o(r(1991)),c=o(r(590)),d=o(r(5687)),s=o(r(4811)),v=o(r(589)),p=o(r(6016)),h=["onChange","onChangeCallback","onChangeCb","onChangeClb","onChangeFn","_onChange","_onChangeCallback","_onChangeCb","_onChangeClb","_onChangeFn","changeFn","_changeFn","onModelChange","cvaOnChange","cvaOnChangeCallback","cvaOnChangeCb","cvaOnChangeClb","cvaOnChangeFn","_cvaOnChange","_cvaOnChangeCallback","_cvaOnChangeCb","_cvaOnChangeClb","_cvaOnChangeFn"];t.default=function(e,t,r){var o,y,_=(0,c.default)((0,d.default)(),e,void 0);if(!_)throw new Error("Cannot find an element via ngMocks.change(".concat((0,s.default)(e),")"));var g=(0,p.default)(_);if(!function(e,t){return a.default&&e instanceof a.default.AbstractControl?(e.setValue(t),!0):a.default&&e instanceof a.default.NgModel?(e.update.emit(t),!0):!!(0,i.isMockControlValueAccessor)(e.instance)&&(e.instance.__simulateChange(t),!0)}(g,t)&&!function(e){return e.listeners.some((function(e){return"input"===e.name||"change"===e.name}))}(_)){try{for(var b=n(r?[r]:h),m=b.next();!m.done;m=b.next()){var M=m.value;if("function"==typeof g[M])return g.writeValue(t),void g[M](t)}}catch(e){o={error:e}}finally{try{m&&!m.done&&(y=b.return)&&y.call(b)}finally{if(o)throw o.error}}var k=(0,u.default)(g);throw new Error(["Unsupported type of ControlValueAccessor,","please ensure it has '".concat(r||"onChange","' method."),"If it is a 3rd-party library, please provide the correct name of the method in the 'methodName' parameter.","Possible Names: "+k.join(", ")+"."].join(" "))}!function(e,t){(0,f.default)(e,"focus");var r=Object.getOwnPropertyDescriptor(e.nativeElement,"value");(0,v.default)(e.nativeElement,"value",t),(0,f.default)(e,"input"),(0,f.default)(e,"change"),r&&((0,l.default)(e.nativeElement,"value",r),e.nativeElement.value=t),(0,f.default)(e,"blur")}(_,t)}},7655:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(2023)),i=r(7105),l=o(r(7331)),u=o(r(1991)),f=o(r(590)),c=o(r(5687)),d=o(r(4811)),s=o(r(6016)),v=["onTouched","onTouchedCallback","onTouchedCb","onTouchedClb","onTouchedFn","_onTouched","_onTouchedCallback","_onTouchedCb","_onTouchedClb","_onTouchedFn","markAsTouched","_markAsTouched","onModelTouched","cvaOnTouch","cvaOnTouchCallback","cvaOnTouchCb","cvaOnTouchClb","cvaOnTouchFn","_cvaOnTouch","_cvaOnTouchCallback","_cvaOnTouchCb","_cvaOnTouchClb","_cvaOnTouchFn"];t.default=function(e,t){var r,o,p=(0,f.default)((0,c.default)(),e,void 0);if(!p)throw new Error("Cannot find an element via ngMocks.touch(".concat((0,d.default)(e),")"));var h=(0,s.default)(p);if(!function(e){return a.default&&e instanceof a.default.AbstractControl?(e.markAsTouched(),!0):!!(0,i.isMockControlValueAccessor)(e.instance)&&(e.instance.__simulateTouch(),!0)}(h)&&!function(e){return e.listeners.some((function(e){return"focus"===e.name||"blur"===e.name}))}(p)){try{for(var y=n(t?[t]:v),_=y.next();!_.done;_=y.next()){var g=_.value;if("function"==typeof h[g])return void h[g]()}}catch(e){r={error:e}}finally{try{_&&!_.done&&(o=y.return)&&o.call(y)}finally{if(r)throw r.error}}var b=(0,l.default)(h);throw new Error(["Unsupported type of ControlValueAccessor,","please ensure it has '".concat(t||"onTouched","' method."),"If it is a 3rd-party library, please provide the correct name of the method in the 'methodName' parameter.","Possible Names: "+b.join(", ")+"."].join(" "))}!function(e){(0,u.default)(e,"focus"),(0,u.default)(e,"blur")}(p)}},9903:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(1991));t.default=function(e,t){(0,o.default)(e,"click",t)}},6843:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},o=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},a=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});for(var l=i(r(8195)),u=["focus","blur","load","unload","change","reset","scroll"],f="function"==typeof Event?function(e,t){return new CustomEvent(e,t)}:function(e,t){var r=n({bubbles:!1,cancelable:!1},t),o=document.createEvent("CustomEvent");return o.initCustomEvent(e,r.bubbles,r.cancelable,null),o},c={alt:{altKey:!0,code:"AltLeft",key:"Alt",location:1,which:18},arrowdown:{code:"ArrowDown",key:"ArrowDown",location:0,which:40},arrowleft:{code:"ArrowLeft",key:"ArrowLeft",location:0,which:37},arrowright:{code:"ArrowRight",key:"ArrowRight",location:0,which:39},arrowup:{code:"ArrowUp",key:"ArrowUp",location:0,which:38},backspace:{code:"Backspace",key:"Backspace",location:0,which:8},control:{code:"ControlLeft",ctrlKey:!0,key:"Control",location:1,which:17},enter:{code:"Enter",key:"Enter",location:0,which:13},esc:{code:"Escape",key:"Escape",location:0,which:27},meta:{code:"MetaLeft",key:"Meta",location:1,metaKey:!0,which:91},shift:{code:"ShiftLeft",key:"Shift",location:1,shiftKey:!0,which:16},space:{code:"Space",key:" ",location:0,which:32},tab:{code:"Tab",key:"Tab",location:0,which:9}},d=1;d<=12;d+=1)c["f".concat(d)]={code:"F".concat(d),key:"F".concat(d),location:0,which:d+111};t.default=function(e,t,r){var i=e.indexOf("."),d=a(-1===i?[e]:[e.slice(0,Math.max(0,i)),e.slice(i+1)],2),s=d[0],v=d[1],p=f(s,n({bubbles:-1===u.indexOf(e),cancelable:!0},t));return function(e,t){var r,n,a,i,u={};try{for(var f=o(t?t.split("."):[]),d=f.next();!d.done;d=f.next()){var s=d.value,v=c[s];if(v||1!==s.length||(v={code:(a=s,void 0,i=a.codePointAt(0),i&&i>=97&&i<=122||i&&i>=65&&i<=90?"Key".concat(a.toUpperCase()):i&&i>=48&&i<=57?"Digit".concat(a):"Unknown"),key:s}),!v)throw new Error("Unknown event part ".concat(s));(0,l.default)(u,v)}}catch(e){r={error:e}}finally{try{d&&!d.done&&(n=f.return)&&n.call(f)}finally{if(r)throw r.error}}t&&(0,l.default)(e,u)}(p,v),r&&(0,l.default)(p,r),p}},1991:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(590)),a=n(r(771)),i=n(r(4792)),l=n(r(4993)),u=n(r(5687)),f=n(r(8195)),c=n(r(6843)),d=["focus","blur","load","unload","change","reset","scroll"];t.default=function(e,t,r){var n,s=(n=(0,l.default)(e)?e:(0,o.default)((0,u.default)(),e,void 0),(0,a.default)(n)||(0,i.default)(n)?n.nativeElement:(0,l.default)(n)?n:void 0);if(!s)throw new Error("Cannot trigger ".concat("string"==typeof t?t:t.type," event undefined element"));if(!s.disabled){var v=function(e){return"string"==typeof e?(0,c.default)(e,{bubbles:-1===d.indexOf(e),cancelable:!0}):e}(t);v.target||(0,f.default)(v,{target:s}),r&&(0,f.default)(v,r),s.dispatchEvent(v)}}},343:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0});var n=r(5974);t.default=function(e){return"function"==typeof e||(0,n.isNgDef)(e,"t")}},4212:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=r(6456),i=r(6739),l=r(5974),u=o(r(8344)),f=o(r(590)),c=o(r(1771)),d=o(r(5687)),s=o(r(951)),v=o(r(4811)),p=o(r(343)),h={};t.default=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var r=n((0,s.default)(e,p.default,h),3),o=r[0],y=r[1],_=r[2];if("function"!=typeof y&&!(0,l.isNgDef)(y,"t")&&"string"!=typeof y)throw new Error("Only classes or tokens are accepted");var g=(0,i.getSourceOfMock)(y),b=[],m=(0,d.default)();if(m)(0,u.default)((0,f.default)(m,o,void 0),(function(e,t){return(0,c.default)(b,e,g),0===b.length&&t&&"#comment"===t.nativeNode.nodeName&&(0,c.default)(b,t,g),b.length>0}),!0);else try{b.push((0,a.getInjection)(g))}catch(e){if(!e||"object"!=typeof e||void 0===e.ngTempTokenPath)throw e}if(b.length>0)return b[0];if(_!==h)return _;throw new Error("Cannot find an instance via ngMocks.findInstance(".concat((0,v.default)(y),")"))}},147:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var i=r(6456),l=r(6739),u=r(5974),f=a(r(8344)),c=a(r(7316)),d=a(r(1771)),s=a(r(5687)),v=a(r(951)),p=a(r(343));t.default=function(){for(var e,t,r=[],a=0;a<arguments.length;a++)r[a]=arguments[a];var h=n((0,v.default)(r,p.default),2),y=h[0],_=h[1];if("function"!=typeof _&&!(0,u.isNgDef)(_,"t")&&"string"!=typeof _)throw new Error("Only classes or tokens are accepted");var g=(0,l.getSourceOfMock)(_),b=[],m=[],M=(0,s.default)();if(M){var k=(0,c.default)(M,y,void 0);try{for(var w=o(k),O=w.next();!O.done;O=w.next()){var x=O.value;(0,f.default)(x,(function(e,t){-1===m.indexOf(e)&&((0,d.default)(b,e,g),m.push(e)),t&&"#comment"===t.nativeNode.nodeName&&-1===m.indexOf(t)&&((0,d.default)(b,t,g),m.push(t))}),!0)}}catch(t){e={error:t}}finally{try{O&&!O.done&&(t=w.return)&&t.call(w)}finally{if(e)throw e.error}}}else try{b.push((0,i.getInjection)(g))}catch(e){}return b}},7453:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(4792)),i=o(r(5687)),l=function(e){return(0,a.default)(e)?l(e.debugElement):e&&e.injector&&e.query?e:void 0};t.default=function(e,t){var r,o,a,u,f=t;return 3===e.length?(a=l(e[0]),u=e[1],f=e[2]):1===e.length?(a=l((0,i.default)()),u=n(e,1)[0]):e[0]?(a=l(e[0]))?u=e[1]:(a=l((0,i.default)()),u=(r=n(e,2))[0],f=r[1]):u=e[1],[a,u=null!==(o=l(u))&&void 0!==o?o:u,f]}},654:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0});var n=r(1165),o=r(6739);t.default=function(e){return Array.isArray(e)?n.By.css(1===e.length?"[".concat(e[0],"]"):"[".concat(e[0],'="').concat(e[1],'"]')):"string"==typeof e?n.By.css(e):n.By.directive((0,o.getSourceOfMock)(e))}},7316:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(771)),i=o(r(7453)),l=o(r(654));t.default=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var r=n((0,i.default)(e),2),o=r[0],u=r[1];return(0,a.default)(u)?[u]:(null==o?void 0:o.queryAll((0,l.default)(u)))||[]}},590:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(771)),i=o(r(4811)),l=o(r(7453)),u=o(r(654)),f={};t.default=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var r=n((0,l.default)(e,f),3),o=r[0],c=r[1],d=r[2],s=(0,a.default)(c)?c:null==o?void 0:o.query((0,u.default)(c));if(s)return s;if(d!==f)return d;throw new Error("Cannot find an element via ngMocks.find(".concat((0,i.default)(c),")"))}},4858:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(7790)),a=n(r(5962)),i=n(r(771)),l=n(r(4792));t.default=function(e){return function(t,r){void 0===r&&(r=!1);var n=function(t,u){if(void 0===u&&(u=!1),Array.isArray(t))return(0,a.default)(n,t);if((0,l.default)(t))return n(t.debugElement,r);var f=e(n,t,u);return void 0!==f?f:(0,i.default)(t)&&"#comment"===t.nativeNode.nodeName?n((0,o.default)(t),!0):(0,i.default)(t)?n(t.nativeNode,u):""};return Array.isArray(t)?t.map((function(e){return n(e,r)})):n(t,r)}}},5962:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){return e(t.map((function(t){return e(t,!0)})).join(""))}},9280:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t,r;return null!==(r=null!==(t=e.nodeValue)&&void 0!==t?t:e.textContent)&&void 0!==r?r:e.wholeText}},771:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return!!(null==e?void 0:e.nativeElement)||!!(null==e?void 0:e.nativeNode)}},4792:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return!!e&&"object"==typeof e&&void 0!==e.debugElement}},4993:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return!!e&&"object"==typeof e&&void 0!==e.innerHTML}},8209:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return!!e&&"object"==typeof e&&"#text"===e.nodeName}},8062:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(4858)),a=n(r(9280)),i=n(r(4993)),l=n(r(8209)),u=function(e,t,r){if("string"==typeof t||void 0===t){var n=(o=t)?o.replace(new RegExp("\\s+","mg")," ").replace(new RegExp("\x3c!--(.|\\n|\\r)*?--\x3e|\x3c!--(.|\\n|\\r)*","mg"),"").replace(new RegExp("\\s+","mg")," ").replace(new RegExp(">\\s+<","mg"),"><").replace(new RegExp('"\\s+>',"mg"),'">'):"";return r?n:n.trim()}var o;return(0,i.default)(t)?e(function(e,t){return t?e.outerHTML:e.innerHTML}(t,r)):(0,l.default)(t)?u(e,(0,a.default)(t).replace(new RegExp("&","mg"),"&amp;").replace(new RegExp('"',"mg"),"&quot;").replace(new RegExp("<","mg"),"&lt;").replace(new RegExp(">","mg"),"&gt;").replace(new RegExp("'","mg"),"&#39;"),r):void 0};t.default=(0,o.default)(u)},9512:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(4858)),a=n(r(9280)),i=n(r(4993)),l=n(r(8209)),u=function(e,t,r){if("string"==typeof t||void 0===t){var n=(o=t)?o.replace(new RegExp("\\s+","mg")," "):"";return r?n:n.trim()}var o;return(0,i.default)(t)?e(function(e,t){var r,n=null!==(r=e.textContent)&&void 0!==r?r:"";return t?n:n.trim()}(t,r)):(0,l.default)(t)?u(e,(0,a.default)(t),r):void 0};t.default=(0,o.default)(u)},3341:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t;return"#text"===(null===(t=e.nativeNode)||void 0===t?void 0:t.nodeName)&&e.parent?e.parent:e}},7717:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(4201)),a=r(5974);t.default=function(e,t,r){if(t.injector&&"NullInjector"!==t.injector.constructor.name){var n=function(e){for(var t=e;"NullInjector"===(null==t?void 0:t.injector.constructor.name);)t=t.parent;if(t)return t.injector}(t.parent),i=n?(0,o.default)(r,n):void 0,l=(0,o.default)(r,t.injector);i!==l&&((0,a.isNgDef)(r,"t")&&void 0!==l||void 0!==l&&-1===e.indexOf(l))&&e.push(l)}}},2631:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(3341)),a=n(r(1484)),i=function(e){for(var t,r=e,n=null===(t=r.nativeNode)||void 0===t?void 0:t.__ngContext__;void 0===n&&r.parent;)n=(r=r.parent).nativeNode.__ngContext__;if("number"!=typeof n)return n;var o=r.injector._lView;return Array.isArray(o)?function(e,t){if("object"==typeof e[1]&&e[20]===t)return e;for(var r=21;r<e.length;r+=1){var n=e[r];if(Array.isArray(n)&&"object"==typeof n[1]&&n[20]===t)return n}}(o,n):void 0};t.default=function(e,t,r){if(t&&!t._debugContext){var n,l=(0,o.default)(t);(0,a.default)({el:l,nodes:(n=i(t),(Array.isArray(n)?n:null==n?void 0:n.lView)||[]),normalize:function(e){return e},proto:r,result:e},!0)}}},1484:function(e,t){Object.defineProperty(t,"__esModule",{value:!0});var r=function(e,t,r){return!!(t&&t.nativeNode&&"#comment"===t.nativeNode.nodeName&&Array.isArray(r)&&r[0]===t.nativeNode)||!Array.isArray(r)&&(t&&r.nodeName?"#comment"===r.nodeName?r===t.nativeNode:"#text"===r.nodeName&&r.parentNode===t.nativeNode:e)},n=function(e){return!e||"object"!=typeof e},o=function(e,t){return-1===e.indexOf(t)&&Array.isArray(t)},a=function(e,t,i){var l=e.result,u=e.el,f=e.nodes,c=e.normalize,d=e.proto;void 0===i&&(i=[]),i.push(f);var s=t,v=f.length;f.length>1&&f[1]&&"object"==typeof f[1]&&f[1].bindingStartIndex&&(v=f[1].bindingStartIndex);for(var p=0;p<v;p+=1){var h=c(f[p]);n(h)||(o(i,h)&&Array.isArray(h)&&a({result:l,el:u,nodes:h,normalize:c,proto:d},s,i),(s=r(s,u,h))&&-1===l.indexOf(h)&&h instanceof d&&l.push(h))}};t.default=a},2096:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(3341)),i=o(r(1484)),l=function(e){var t,r;if(!e||"object"!=typeof e)return e;try{for(var o=n(["renderElement","renderText","instance"]),a=o.next();!a.done;a=o.next()){var i=a.value;if(e[i])return e[i]}}catch(e){t={error:e}}finally{try{a&&!a.done&&(r=o.return)&&r.call(o)}finally{if(t)throw t.error}}return null};t.default=function(e,t,r){if(t&&t._debugContext){var n=(0,a.default)(t);(0,i.default)({el:n,nodes:t._debugContext.view.nodes,normalize:l,proto:r,result:e},!0)}}},1771:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(5974),a=n(r(7717)),i=n(r(2631)),l=n(r(2096));t.default=function(e,t,r){return(0,a.default)(e,t,r),(0,o.isNgDef)(r,"t")||"string"==typeof r||((0,l.default)(e,t,r),(0,i.default)(e,t,r)),e}},5687:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0});var n=r(2603);t.default=function(){var e=(0,n.getTestBed)()._activeFixtures;return e[e.length-1]}},4317:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(8073));t.default=function(){var e;o.default.cacheDeclarations.clear(),null===(e=o.default.config.get("ngMocksDepsSkip"))||void 0===e||e.clear()}},4811:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0});var n=r(5974);t.default=function(e){return"string"==typeof e?e:"function"==typeof e?e.name:(0,n.isNgDef)(e,"t")?e._desc:Array.isArray(e)?e[0]:e?"<UNKNOWN>":"<EMPTY>"}},951:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(771)),i=o(r(4792)),l=o(r(5687));t.default=function(e,t,r){var o,u,f,c,d,s,v=r;return 3===e.length?(c=(o=n(e,3))[0],d=o[1],v=o[2]):1===e.length?(c=(0,l.default)(),d=n(e,1)[0]):t(e[1])&&("string"==typeof(s=e[0])||Array.isArray(s)&&"string"==typeof s[0]||(0,i.default)(s)||(0,a.default)(s),1)?(c=(u=n(e,2))[0],d=u[1]):(c=(0,l.default)(),d=(f=n(e,2))[0],v=f[1]),[c,d,v]}},4641:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(4201)),a=n(r(8862)),i=n(r(6297));t.default=function(e,t){if(e)try{var r=(0,i.default)(t);return function(e){try{return(0,a.default)(e)}catch(e){return}}((0,o.default)(r,e.injector).constructor)}catch(e){return}}},5018:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var i=a(r(1184)),l=a(r(590)),u=a(r(5687)),f=a(r(4641)),c=a(r(8027)),d={},s=function(e,t){var r=(0,i.default)(e),n=r.name,o=r.alias,a=void 0===o?"":o;if(!a&&n===t||a&&a===t)return n};t.default=function(e,t){for(var r=[],a=2;a<arguments.length;a++)r[a-2]=arguments[a];var i=o(function(e){return[e[0],e[1],3===e.length?e[2]:d]}(r),3),v=i[0],p=i[1],h=i[2];try{return function(e,t,r){var o,a,i,l;try{for(var u=n((null==e?void 0:e.providerTokens)||[]),d=u.next();!d.done;d=u.next()){var v=d.value,p=(0,f.default)(e,v);if(p)try{for(var h=(i=void 0,n(p[t]||[])),y=h.next();!y.done;y=h.next()){var _=y.value,g=s(_,r);if(g)return(0,c.default)(e,v)[g]}}catch(e){i={error:e}}finally{try{y&&!y.done&&(l=h.return)&&l.call(h)}finally{if(i)throw i.error}}}}catch(e){o={error:e}}finally{try{d&&!d.done&&(a=u.return)&&a.call(u)}finally{if(o)throw o.error}}throw new Error("Not found")}((0,l.default)((0,u.default)(),v,void 0),t,p)}catch(e){}if(h!==d)return h;throw new Error("Cannot find ".concat(p," ").concat(e," via ngMocks.").concat(e))}},3539:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0});var n=r(445),o=[];t.default=function(e){"reset"===e?o.pop():o.push(e);var t=o[o.length-1];return"jasmine"===t?(0,n.registerMockFunction)((function(e){return jasmine.createSpy(e)})):"jest"===t?(0,n.registerMockFunction)((function(e){return jest.fn().mockName(e)})):t&&"default"!==t&&"reset"!==t?(0,n.registerMockFunction)(t):(0,n.registerMockFunction)()}},7977:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(445)),a=n(r(598));t.default=(0,a.default)(["log"],(function(e){return o.default.mockFunction("console.".concat(e))}))},9311:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(3174)),a=n(r(598));t.default=(0,a.default)(["warn","error"],(function(e){return function(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];var n=new Error(t.join(" "));throw(0,o.default)(n,"ngMocksConsoleCatch",e),n}}))},598:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(3174));t.default=function(e,t){return function(){for(var r=[],o=0;o<arguments.length;o++)r[o]=arguments[o];var i=[];beforeEach((function(){var o,l,u,f;try{for(var c=n(e),d=c.next();!d.done;d=c.next()){var s=d.value;-1===r.indexOf(s)&&r.push(s)}}catch(e){o={error:e}}finally{try{d&&!d.done&&(l=c.return)&&l.call(c)}finally{if(o)throw o.error}}try{for(var v=n(r),p=v.next();!p.done;p=v.next())s=p.value,(0,a.default)(console,"__ngMocksBackup_".concat(s),console["__ngMocksBackup_".concat(s)]||[]),console["__ngMocksBackup_".concat(s)].push(console[s]),i.push(s),console[s]=t(s)}catch(e){u={error:e}}finally{try{p&&!p.done&&(f=v.return)&&f.call(v)}finally{if(u)throw u.error}}})),afterEach((function(){var e,t;try{for(var r=n(i),o=r.next();!o.done;o=r.next()){var a=o.value;console[a]=console["__ngMocksBackup_".concat(a)].pop()}}catch(t){e={error:t}}finally{try{o&&!o.done&&(t=r.return)&&t.call(r)}finally{if(e)throw e.error}}i.splice(0,i.length)}))}}},2237:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=r(6456),i=o(r(8073));t.default=function(e,t){var r,o,l=i.default.getConfigMock();try{for(var u=n((0,a.flatten)(e)),f=u.next();!f.done;f=u.next()){var c=f.value;t?l.set(c,t):l.delete(c)}}catch(e){r={error:e}}finally{try{f&&!f.done&&(o=u.return)&&o.call(u)}finally{if(r)throw r.error}}}},8909:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=r(6456),i=o(r(8073));t.default=function(e,t){var r,o,l=i.default.getOverrides();try{for(var u=n((0,a.flatten)(e)),f=u.next();!f.done;f=u.next()){var c=f.value;if(t){var d=l.has(c)?l.get(c):new Set;d.add(t),l.set(c,d)}else l.delete(c)}}catch(e){r={error:e}}finally{try{f&&!f.done&&(o=u.return)&&o.call(u)}finally{if(r)throw r.error}}}},1640:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=r(2603),i=o(r(3174)),l=o(r(8073)),u=l.default.global.get("faster-hooks")||{after:[],before:[]};l.default.global.set("faster-hooks",u);var f=function(e,t){return function(r){var o,f;if(a.TestBed.ngMocksFasterLock)return e.call(t,r);l.default.global.set("bullet:customized",!0);var c=e;try{for(var d=n(u.before),s=d.next();!s.done;s=d.next())c=(0,s.value)(c,t)}catch(e){o={error:e}}finally{try{s&&!s.done&&(f=d.return)&&f.call(d)}finally{if(o)throw o.error}}try{return(0,i.default)(a.TestBed,"ngMocksFasterLock",!0),c.call(t,r)}finally{(0,i.default)(a.TestBed,"ngMocksFasterLock",void 0)}}},c=function(e,t){return function(){var r,o;if(a.TestBed.ngMocksFasterLock)return e.call(t);if(l.default.global.has("bullet"))return l.default.global.has("bullet:customized")&&l.default.global.set("bullet:reset",!0),t;l.default.global.delete("bullet:customized"),l.default.global.delete("bullet:reset");var f=e;try{for(var c=n(u.after),d=c.next();!d.done;d=c.next())f=(0,d.value)(f,t)}catch(e){r={error:e}}finally{try{d&&!d.done&&(o=c.return)&&o.call(c)}finally{if(r)throw r.error}}try{return(0,i.default)(a.TestBed,"ngMocksFasterLock",!0),f.call(t)}finally{(0,i.default)(a.TestBed,"ngMocksFasterLock",void 0)}}};t.default=function(){a.TestBed.ngMocksFasterInstalled||(a.TestBed.configureTestingModule=f(a.TestBed.configureTestingModule,a.TestBed),a.TestBed.resetTestingModule=c(a.TestBed.resetTestingModule,a.TestBed),(0,i.default)(a.TestBed,"ngMocksFasterInstalled",!0));var e=(0,a.getTestBed)();return e.ngMocksFasterInstalled||(e.configureTestingModule=f(e.configureTestingModule,e),e.resetTestingModule=c(e.resetTestingModule,e),(0,i.default)(e,"ngMocksFasterInstalled",!0)),u}},7346:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(2603),a=n(r(8073)),i=n(r(1640)),l=n(r(2776)),u=function(e){var t,r=null!==(t=a.default.global.get("bullet:stack"))&&void 0!==t?t:[];r.push(e),a.default.global.set("bullet:stack",r),a.default.global.set("bullet:stack:id",e)},f=function(e){var t=a.default.global.get("bullet:stack");t.splice(t.indexOf(e),1),t.length>0?a.default.global.set("bullet:stack:id",t[t.length-1]):a.default.global.delete("bullet:stack:id"),function(e){for(var t=(0,o.getTestBed)()._activeFixtures||[],r=0,n=t.length-1;n>=0;n-=1)t[n].ngMocksStackId&&t[n].ngMocksStackId!==e?r+=1:(t[n].ngMocksStackId=void 0,t[n].destroy(),t.splice(n,1));0===r&&(0,l.default)()}(e)};t.default=function(){(0,i.default)();var e={},t={};beforeAll((function(){a.default.global.has("bullet:customized")&&o.TestBed.resetTestingModule(),a.default.global.set("bullet",!0),u(e)})),beforeEach((function(){u(t)})),afterEach((function(){f(t)})),afterAll((function(){f(e),a.default.global.delete("bullet"),a.default.global.has("bullet:reset")&&o.TestBed.resetTestingModule()}))}},2776:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0});var n=r(2603);t.default=function(){var e=(0,n.getTestBed)();e._instantiated=!1,e._moduleFactory=void 0,e._testModuleRef=null}},8027:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(2603),a=n(r(2970)),i=r(6739),l=n(r(345)),u=n(r(590)),f=n(r(1771)),c=n(r(5687)),d=n(r(4811)),s={};t.default=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];if(1===e.length)try{return o.TestBed.inject?o.TestBed.inject(e[0]):o.TestBed.get(e[0])}catch(t){if(!t||"object"!=typeof t||void 0===t.ngTempTokenPath)throw t;throw new Error("Cannot find an instance via ngMocks.get(".concat((0,d.default)(e[0]),")"))}var r=function(e){return{el:e[0],notFoundValue:3===e.length?e[2]:s,sel:e[1]}}(e),n=r.el,v=r.sel,p=r.notFoundValue,h=(0,u.default)((0,c.default)(),n,void 0),y=(0,i.getSourceOfMock)(v);if(h&&(_=(0,f.default)([],h,y)).length>0)return _[0];if(h){var _,g=(0,l.default)(h,void 0);if(g&&"#comment"===g.nativeNode.nodeName&&(_=(0,f.default)([],g,y)).length>0)return _[0]}if(p!==s)return p;throw new Error("Cannot find ".concat((0,a.default)(v)," instance via ngMocks.get"))}},4071:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(6259)),a=n(r(8073)),i=n(r(4317)),l=function(e){a.default.getDefaults().set(e,["exclude"])};t.default=function(e,t){void 0===t&&(t=!1),(0,i.default)(),l(e),t&&(0,o.default)(e,l)}},5228:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(6259)),a=n(r(8073)),i=n(r(4317)),l=function(e){a.default.getDefaults().set(e,["keep"])};t.default=function(e,t){void 0===t&&(t=!1),(0,i.default)(),l(e),t&&(0,o.default)(e,l)}},763:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(6259)),a=n(r(8073)),i=n(r(4317)),l=function(e){a.default.getDefaults().set(e,["mock"])};t.default=function(e,t){void 0===t&&(t=!1),(0,i.default)(),l(e),t&&(0,o.default)(e,l)}},3757:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(5974),a=n(r(8073)),i=n(r(4317));t.default=function(e,t){var r=!0;if(((0,o.isNgDef)(e,"m")&&(0,o.isNgDef)(t,"m")||(0,o.isNgDef)(e,"c")&&(0,o.isNgDef)(t,"c")||(0,o.isNgDef)(e,"d")&&(0,o.isNgDef)(t,"d")||(0,o.isNgDef)(e,"p")&&(0,o.isNgDef)(t,"p"))&&(r=!1),r)throw new Error("Cannot replace the declaration, both have to be a Module, a Component, a Directive or a Pipe");(0,i.default)(),a.default.getDefaults().set(e,["replace",t])}},4102:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(6259)),a=n(r(8073)),i=n(r(4317)),l=n(r(8909)),u=function(e){a.default.getDefaults().delete(e),(0,l.default)(e)};t.default=function(e,t){void 0===t&&(t=!1),(0,i.default)(),u(e),t&&(0,o.default)(e,u)}},7418:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var i=a(r(5551)),l=r(6456),u=a(r(1345)),f=a(r(6297)),c=r(5974),d=r(4152),s=r(3659),v=a(r(8073)),p=r(5395),h=r(8339),y=r(3821),_=r(2937),g=a(r(2415)),b=function(e,t,r){return!!t.has(e)||(t.add(e),r.has(e))},m=function(e,t,r,n,o){var a=e.get(t)||t;(0,c.isNgDef)(a,"m")?r.push(a):(0,c.isNgDef)(a,"c")||(0,c.isNgDef)(a,"d")?n.push(a):(0,c.isNgDef)(a,"p")?(n.push(a),o.push(a)):(0,d.isNgInjectionToken)(a)||o.push(a)},M=[["m","module"],["c","component"],["d","directive"],["p","pipe"]],k=function(e,t,r,n){b(t,e.skip,e.exclude)||n.push(e.keep.has(t)?t:r(t))},w=function(e,t){var r=e.skip,n=e.keep,o=e.providers,a=e.exclude,i=(0,f.default)(t);if(r.add(i),!a.has(i)){var l=n.has(i)?t:(0,g.default)(t);l&&o.push(l)}},O={component:p.MockComponent,directive:h.MockDirective,pipe:_.MockPipe},x=function(e,t,r){if(void 0===r&&(r=!0),t){var a,i=function(e,t){var r,a;if((0,s.isNgModuleDefWithProviders)(e))return"module-with-providers";try{for(var i=n(M),l=i.next();!l.done;l=i.next()){var u=o(l.value,2),f=u[0],d=u[1];if((0,c.isNgDef)(e,f))return"m"===f&&t.has(e)?"".concat(d,"-keep"):d}}catch(e){r={error:e}}finally{try{l&&!l.done&&(a=i.return)&&a.call(i)}finally{if(r)throw r.error}}return""}(t,e.keep);if("module-with-providers"!==i){var f=e.optional.get(t);f&&f!==t&&(a=f,e.keep.add(a))}a||(a=t),function(e,t,r,o){"module-with-providers"===t?function(e,t){e.skip.has(t.ngModule)||(e.skip.add(t.ngModule),e.exclude.has(t.ngModule)||e.imports.push(e.keep.has(t.ngModule)?t:(0,y.MockModule)(t)))}(e,r):"module-keep"===t||"module"===t&&o?k(e,r,y.MockModule,e.imports):"module"===t?function(e,t,r){var o,a,i,f;if(!b(t,e.skip,e.exclude)){var c=(0,u.default)(t);try{for(var d=n((0,l.flatten)([c.declarations,c.imports])),s=d.next();!s.done;s=d.next())r(e,h=s.value)}catch(e){o={error:e}}finally{try{s&&!s.done&&(a=d.return)&&a.call(d)}finally{if(o)throw o.error}}try{for(var v=n(c.providers?(0,l.flatten)(c.providers):[]),p=v.next();!p.done;p=v.next()){var h=p.value;w(e,h)}}catch(e){i={error:e}}finally{try{p&&!p.done&&(f=v.return)&&f.call(v)}finally{if(i)throw i.error}}}}(e,r,x):O[t]?k(e,r,O[t],e.declarations):w(e,r)}(e,i,a,r)}};t.default=function(e,t,r){var o,a,u,f,c,d;void 0===t&&(t=null),void 0===r&&(r=null);var s=function(e,t,r){var o=new Set((0,l.flatten)(e||[])),a=new Set((0,l.flatten)(t||[])),i=new Set((0,l.flatten)(r||[])),u=new Map;return function(e,t,r,o){var a,i;try{for(var u=n((0,l.mapKeys)(v.default.getDefaults())),f=u.next();!f.done;f=u.next()){var c=f.value,d=v.default.getBuildDeclaration(c);e.has(c)||t.has(c)||r.has(c)||(o.set(c,d),null===d?r.add(c):void 0===d?t.add(c):c===d&&e.add(c))}}catch(e){a={error:e}}finally{try{f&&!f.done&&(i=u.return)&&i.call(u)}finally{if(a)throw a.error}}}(o,a,i,u),{declarations:[],exclude:i,imports:[],keep:o,mock:a,optional:u,providers:[],skip:new Set}}(e,t,r),p=new Map;v.default.config.set("ngMocksDepsResolution",p);try{for(var h=n((0,l.mapValues)(s.keep)),y=h.next();!y.done;y=h.next()){var _=y.value;p.set(_,"keep")}}catch(e){o={error:e}}finally{try{y&&!y.done&&(a=h.return)&&a.call(h)}finally{if(o)throw o.error}}try{for(var g=n((0,l.mapValues)(s.exclude)),b=g.next();!b.done;b=g.next())_=b.value,p.set(_,"exclude")}catch(e){u={error:e}}finally{try{b&&!b.done&&(f=g.return)&&f.call(g)}finally{if(u)throw u.error}}v.default.config.set("mockNgDefResolver",new i.default);try{for(var M=n((0,l.mapValues)(s.mock)),k=M.next();!k.done;k=M.next()){var w=k.value;p.set(w,"mock"),s.optional.has(w)||x(s,w,!1)}}catch(e){c={error:e}}finally{try{k&&!k.done&&(d=M.return)&&d.call(M)}finally{if(c)throw c.error}}var O=function(e){var t,r,o=e.keep,a=e.skip,i=e.optional,l=e.exclude,u=e.imports,f=e.declarations,c=e.providers;try{for(var d=n(o),s=d.next();!s.done;s=d.next()){var v=s.value;a.has(v)||l.has(v)||i.has(v)||m(i,v,u,f,c)}}catch(e){t={error:e}}finally{try{s&&!s.done&&(r=d.return)&&r.call(d)}finally{if(t)throw t.error}}return{declarations:f,imports:u,providers:c}}(s);return v.default.config.delete("mockNgDefResolver"),v.default.config.delete("ngMocksDepsResolution"),O}},7411:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var i=a(r(5018));t.default=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return i.default.apply(void 0,o(["input","inputs"],n(e),!1))}},492:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(3295)),i=o(r(8073)),l=o(r(8344)),u=o(r(8458)),f=o(r(9400)),c=o(r(2298)),d=o(r(7655)),s=o(r(9903)),v=o(r(6843)),p=o(r(1991)),h=o(r(590)),y=o(r(7316)),_=o(r(4212)),g=o(r(147)),b=o(r(8062)),m=o(r(9512)),M=o(r(3539)),k=o(r(7977)),w=o(r(9311)),O=o(r(2237)),x=o(r(8909)),j=o(r(7346)),D=o(r(2776)),S=o(r(8027)),P=o(r(4071)),C=o(r(5228)),N=o(r(763)),T=o(r(3757)),E=o(r(4102)),A=o(r(7418)),R=o(r(7411)),I=o(r(5526)),V=o(r(2448)),B=o(r(8195)),F=o(r(589)),L=o(r(3048)),K=o(r(2120)),G=o(r(1368)),q=o(r(5535)),U=["onMockBuilderMissingDependency","onMockInstanceRestoreNeed","onTestBedFlushNeed"];t.default={autoSpy:M.default,change:c.default,click:s.default,config:function(e){var t,r,o=i.default.global.get("flags");try{for(var l=n(U),u=l.next();!u.done;u=l.next()){var f=u.value;null===e[f]?o[f]=a.default[f]:void 0!==e[f]&&(o[f]=e[f])}}catch(e){t={error:e}}finally{try{u&&!u.done&&(r=l.return)&&r.call(l)}finally{if(t)throw t.error}}null===e.mockRenderCacheSize?i.default.global.delete("mockRenderCacheSize"):void 0!==e.mockRenderCacheSize&&i.default.global.set("mockRenderCacheSize",e.mockRenderCacheSize)},crawl:l.default,defaultConfig:O.default,defaultMock:x.default,event:v.default,faster:j.default,find:h.default,findAll:y.default,findInstance:_.default,findInstances:g.default,findTemplateRef:G.default,findTemplateRefs:q.default,flushTestBed:D.default,formatHtml:b.default,formatText:m.default,get:S.default,globalExclude:P.default,globalKeep:C.default,globalMock:N.default,globalReplace:T.default,globalWipe:E.default,guts:A.default,hide:L.default,ignoreOnConsole:k.default,input:R.default,output:I.default,render:K.default,reset:V.default,reveal:u.default,revealAll:f.default,stub:B.default,stubMember:F.default,throwOnConsole:w.default,touch:d.default,trigger:p.default}},5526:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var i=a(r(5018));t.default=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return i.default.apply(void 0,o(["output","outputs"],n(e),!1))}},2448:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(3295)),a=n(r(8073));t.default=function(){a.default.builtDeclarations=new Map,a.default.builtProviders=new Map,a.default.cacheDeclarations=new Map,a.default.cacheProviders=new Map,a.default.config=new Map,a.default.configInstance=new Map,a.default.flags=new Set(o.default.flags),a.default.touches=new Set}},589:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(5020));t.default=function(e,t,r,n){var a,i=null!==(a=(0,o.default)(e,t))&&void 0!==a?a:{};if(!n&&i.set&&i.set.__ngMocksProxy)return i.set(r),r;var l={configurable:!0,enumerable:!0};return"get"===n&&i.set?l.set=i.set:"set"===n&&i.get&&(l.get=i.get),n?l[n]=r:(l.writable=!0,l.value=r),Object.defineProperty(e,t,l),r}},8195:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},a=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var l=i(r(7331)),u=i(r(7794)),f=i(r(5020)),c=i(r(445));t.default=function(e,t,r){var i,d;if("string"==typeof t)return c.default.mock(e,t,r);var s=e,v=t,p=["__zone_symbol__unconfigurables"];"function"==typeof t&&(s=c.default.createClone(t),v=e,p.push.apply(p,o([],n(Object.getOwnPropertyNames(s)),!1)));var h=o(o([],n((0,l.default)(v)),!1),n((0,u.default)(v)),!1);try{for(var y=a(h),_=y.next();!_.done;_=y.next()){var g=_.value,b=-1===p.indexOf(g)?(0,f.default)(v,g):void 0;b&&Object.prototype.hasOwnProperty.call(b,"value")&&void 0===b.value||c.default.definePropertyDescriptor(s,g,b)}}catch(e){i={error:e}}finally{try{_&&!_.done&&(d=y.return)&&d.call(y)}finally{if(i)throw i.error}}return s}},6189:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ngMocks=void 0;var o=n(r(492));t.ngMocks=o.default},845:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var i=r(860),l=a(r(2137)),u=function(e,t,r){return!!e&&t instanceof i.TemplateRef&&r(t)},f=function(e,t,r){var a,c;if(!(0,l.default)(e))throw new Error("Only instances of mock declarations are accepted");if(function(e,t,r){return!!e.__template&&!!e.__vcr&&t(e.__template)&&r(e.__vcr,e.__template)}(e,t,r))return!0;try{for(var d=n(function(e){var t,r,o=[];try{for(var a=n(e.__ngMocksConfig.queryScanKeys||[]),l=a.next();!l.done;l=a.next())for(var u=l.value,f=e[u],c=e["__ngMocksVcr_".concat(u)],d=f instanceof i.QueryList?f.toArray():[f],s=c instanceof i.QueryList?c.toArray():[c],v=0;v<d.length;v+=1)o.push([d[v],s[v]])}catch(e){t={error:e}}finally{try{l&&!l.done&&(r=a.return)&&r.call(a)}finally{if(t)throw t.error}}return o}(e)),s=d.next();!s.done;s=d.next()){var v=o(s.value,2),p=v[0],h=v[1];if((0,l.default)(p)&&f(p,t,r))return!0;if(u(h,p,t))return r(h,p)}}catch(e){a={error:e}}finally{try{s&&!s.done&&(c=d.return)&&c.call(d)}finally{if(a)throw a.error}}return!1};t.default=f},2005:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(860),a=n(r(4201)),i=n(r(2137));t.default=function(e){if(e instanceof o.TemplateRef)return e;if((0,i.default)(e)&&e.__template)return e.__template;var t=(null==e?void 0:e.nativeNode)&&e.injector;if(t){var r=(0,a.default)(o.TemplateRef,t);if(r)return r}var n=new Error("Unknown template has been passed, only TemplateRef or a mock structural directive are supported");throw n.param=e,n}},3048:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(845)),a=n(r(2005));t.default=function(e,t){var r=t?(0,a.default)(t):void 0,n=!1;if((0,o.default)(e,(function(e){return!r||e.elementRef.nativeElement===r.elementRef.nativeElement}),(function(e){return e.clear(),n=!0,!1})),!n)throw new Error("Cannot find path to the TemplateRef")}},2120:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(845)),i=o(r(2005));t.default=function(e,t,r,o){var l=(0,i.default)(t);if(!(0,a.default)(e,(function(e){return e.elementRef.nativeElement===l.elementRef.nativeElement}),(function(e,t){var a=n(n({},o),{$implicit:r});return e.clear(),e.createEmbeddedView(t,a).detectChanges(),!0})))throw new Error("Cannot find path to the TemplateRef")}},2789:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(8864)),a=n(r(8060)),i=n(r(12)),l=n(r(1863));t.default=function(e){if("string"==typeof e)return(0,l.default)(e);if(Array.isArray(e)&&1===e.length&&"string"==typeof e[0])return(0,o.default)(e[0]);if(Array.isArray(e)&&2===e.length&&"string"==typeof e[0])return(0,a.default)(e[0],e[1]);if("function"==typeof e)return(0,i.default)(e);throw new Error("Unknown selector")}},6703:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(860),a=n(r(4201)),i=n(r(3942));t.default=function(e,t,r){return void 0===r&&(r=0),function(n){try{var l=!(0,i.default)(n)&&t(n)?(0,a.default)(o.TemplateRef,n.injector):void 0;l&&e.push(l)}catch(e){}return!!r&&e.length===r}}},7845:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return"string"==typeof e||!(!Array.isArray(e)||"string"!=typeof e[0])||"function"==typeof e}},1368:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(8732)),i=o(r(590)),l=o(r(5687)),u=o(r(951)),f=o(r(4811)),c=o(r(2789)),d=o(r(6703)),s=o(r(7845)),v={};t.default=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var r=n((0,u.default)(e,s.default,v),3),o=r[0],p=r[1],h=r[2],y=[],_=(0,c.default)(p);if((0,a.default)((0,i.default)((0,l.default)(),o,void 0),void 0,(0,d.default)(y,_,1)),y.length>0)return y[0];if(h!==v)return h;throw new Error("Cannot find a TemplateRef via ngMocks.findTemplateRef(".concat((0,f.default)(p),")"))}},5535:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(8732)),i=o(r(590)),l=o(r(5687)),u=o(r(951)),f=o(r(2789)),c=o(r(6703)),d=o(r(7845));t.default=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var r=n((0,u.default)(e,d.default),2),o=r[0],s=r[1],v=[],p=(0,f.default)(s);return(0,a.default)((0,i.default)((0,l.default)(),o,void 0),void 0,(0,c.default)(v,p)),v}},4760:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var i=a(r(8073)),l=a(r(589));t.default=function(e){var t,r,a=[],u=i.default.configInstance.get(e);if(null==u?void 0:u.overloads){var f=function(e,t,r){e?a.push((function(n){(0,l.default)(n,e,t,r)})):a.push(t)};try{for(var c=n(u.overloads),d=c.next();!d.done;d=c.next()){var s=o(d.value,3);f(s[0],s[1],s[2])}}catch(e){t={error:e}}finally{try{d&&!d.done&&(r=c.return)&&r.call(c)}finally{if(t)throw t.error}}}return a}},6691:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(2970)),i=o(r(8073));t.default=function(e){for(var t=[];e.length>0;){var r=n(e.pop()||[],2),o=r[0];r[1]===i.default.configInstance.get(o)&&t.push("function"==typeof o?(0,a.default)(o):o)}if(t.length>0){var l=i.default.global.get("flags"),u=["MockInstance: side effects have been detected (".concat(t.join(", "),")."),"Forgot to add MockInstance.scope() or to call MockInstance.restore()?"].join(" ");if("warn"===l.onMockInstanceRestoreNeed)console.warn(u);else if("throw"===l.onMockInstanceRestoreNeed)throw new Error(u)}}},3001:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},o=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MockInstance=h,t.MockReset=function(){f.default.configInstance.clear()};var i,l=a(r(6804)),u=a(r(7592)),f=a(r(8073)),c=a(r(6691));u.default.subscribePush((function(e){i=e})),u.default.subscribePop((function(e,t){var r,a;try{for(var l=o(e.mockInstance||[]),u=l.next();!u.done;u=l.next()){var c=u.value;if(f.default.configInstance.has(c)){var d=f.default.configInstance.get(c);d.overloads.pop(),f.default.configInstance.set(c,n({},d))}}}catch(e){r={error:e}}finally{try{u&&!u.done&&(a=l.return)&&a.call(l)}finally{if(r)throw r.error}}i=t[t.length-1]}));var d=function(e){var t={};return"string"==typeof e[0]?(t.key=e[0],t.value=e[1],t.accessor=e[2]):(t.value=e[0],t.value&&"object"==typeof t.value&&(t.value=t.value.init)),t},s=[],v=!1;"undefined"!=typeof beforeEach&&(beforeEach((function(){return v=!0})),beforeEach((function(){return(0,c.default)(s)})),afterEach((function(){return v=!1})));var p=function(e,t,r,o){var a,l=f.default.configInstance.has(e)?f.default.configInstance.get(e):{},u=l.overloads||[];u.push([t,r,o]),l.overloads=u,f.default.configInstance.set(e,n({},l));var c=null!==(a=i.mockInstance)&&void 0!==a?a:[];return c.push(e),i.mockInstance=c,v&&s.push([e,f.default.configInstance.get(e),i]),r};function h(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];if((0,l.default)(e,"MockInstance"),t.length>0){var o=d(t),a=o.key,u=o.value,c=o.accessor;return p(e,a,u,c)}var v=f.default.configInstance.get(e)||{};f.default.configInstance.set(e,n(n({},v),{overloads:[]}));for(var h=s.length-1;h>=0;h-=1)s[h][0]===e&&s[h][2]===i&&s.splice(h,1)}!function(e){e.remember=function(){u.default.stackPush()},e.restore=function(){u.default.stackPop()},e.scope=function(t){void 0===t&&(t="case"),"all"!==t&&"suite"!==t||(beforeAll(e.remember),afterAll(e.restore)),"all"!==t&&"case"!==t||(beforeEach(e.remember),afterEach(e.restore))}}(h||(t.MockInstance=h={}))},9988:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var i=a(r(6297)),l=r(5974),u=r(3659),f=a(r(8073)),c=r(5395),d=r(8339),s=r(2937),v=a(r(445)),p=r(3821),h=[["c",c.MockComponent],["d",d.MockDirective],["p",s.MockPipe]];t.default=function(e,t){var r=function(e,t){return function(r){var a;if(e.has(r))return function(e,t,r){var n=t.get(e);return e!==n&&r(),n}(r,e,t);var c=(0,i.default)(r);if(f.default.isExcludedDef(c))return function(e,t,r){t.set(e,void 0),r()}(r,e,t);f.default.touches.add(c);var d=function(e){var t,r;if((0,l.isNgDef)(e,"m")||(0,u.isNgModuleDefWithProviders)(e))return(0,p.MockModule)(e);if(f.default.hasBuildDeclaration(e))return f.default.getBuildDeclaration(e);if(f.default.flags.has("skipMock")&&"mock"!==f.default.getResolution(e))return e;try{for(var a=n(h),i=a.next();!i.done;i=a.next()){var c=o(i.value,2),d=c[0],s=c[1];if((0,l.isNgDef)(e,d))return s(e)}}catch(e){t={error:e}}finally{try{i&&!i.done&&(r=a.return)&&r.call(a)}finally{if(t)throw t.error}}}(r);return function(e,t){return(0,u.isNgModuleDefWithProviders)(t)&&(0,u.isNgModuleDefWithProviders)(e)}(r,d)&&e.set(r.ngModule,d.ngModule),f.default.flags.has("skipMock")&&(null===(a=f.default.config.get("ngMocksDepsSkip"))||void 0===a||a.add(d)),e.set(r,d),t(d!==r),d}}(t,e),a=function(e,t){return function(r){return v.default.resolveProvider(r,e,t)}}(t,e);return{resolve:r,resolveProvider:a}}},6860:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=r(6456),i=o(r(6297)),l=o(r(7610));t.default=function(e){var t,r;try{for(var o=n((0,a.flatten)(null!=e?e:[])),u=o.next();!u.done;u=o.next()){var f=u.value,c=(0,i.default)(f);(0,l.default)(c)}}catch(e){t={error:e}}finally{try{u&&!u.done&&(r=o.return)&&r.call(o)}finally{if(t)throw t.error}}}},3821:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},o=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MockModule=function(e){var t;(0,v.default)(e,"MockModule");var r=w(e),n=r.ngModule,o=r.ngModuleProviders,a=M(n);try{var i=x(n,O(n,a.isRootModule));g.default.flags.has("cacheModule")&&g.default.cacheDeclarations.set(n,i),g.default.flags.has("skipMock")&&(null===(t=g.default.config.get("ngMocksDepsSkip"))||void 0===t||t.add(i));var l=j(o);return D(e,n,o,i,l)}finally{k(a)}};var i=r(860),l=a(r(3295)),u=a(r(3174)),f=r(6456),c=a(r(1345)),d=a(r(615)),s=a(r(2970)),v=a(r(6804)),p=r(6763),h=r(5974),y=r(3659),_=r(1946),g=a(r(8073)),b=a(r(5937)),m=a(r(224)),M=function(e){var t=!1,r=!0;g.default.flags.has("hasRootModule")?r=!1:g.default.flags.add("hasRootModule");var n=g.default.getResolution(e);return function(e){return"mock"===e&&g.default.flags.has("skipMock")}(n)&&(t=!0,g.default.flags.delete("skipMock")),function(e){return-1!==l.default.neverMockModule.indexOf((0,s.default)(e))&&!g.default.flags.has("skipMock")}(e)&&(t=!0,g.default.flags.add("skipMock")),r||!function(e){return"keep"===e&&!g.default.flags.has("skipMock")}(n)&&!function(e){return"replace"===e&&!g.default.flags.has("skipMock")}(n)||(t=!0,g.default.flags.add("skipMock")),{isRootModule:r,toggleSkipMockFlag:t}},k=function(e){var t=e.isRootModule,r=e.toggleSkipMockFlag;r&&g.default.flags.has("skipMock")?g.default.flags.delete("skipMock"):r&&!g.default.flags.has("skipMock")&&g.default.flags.add("skipMock"),t&&g.default.flags.delete("hasRootModule")},w=function(e){var t,r;return(0,y.isNgModuleDefWithProviders)(e)?(t=e.ngModule,e.providers&&(r=e.providers)):t=e,{ngModule:t,ngModuleProviders:r}},O=function(e,t){var r;if((0,p.isMockNgDef)(e,"m"))return e;if(g.default.flags.has("cacheModule")&&g.default.cacheDeclarations.has(e))return(0,b.default)(e);if(!t&&"mock"!==(null===(r=g.default.config.get("ngMocksDepsResolution"))||void 0===r?void 0:r.get(e))&&g.default.hasBuildDeclaration(e)){var n=g.default.getBuildDeclaration(e);if((0,h.isNgDef)(n,"m")&&n!==e)return n}},x=function(e,t){var r=o(t?[!1]:(0,m.default)((0,c.default)(e),e),3),n=r[0],a=r[1],l=r[2];if(l&&(0,u.default)(e,"__ngMocksResolutions",l),n){var s=g.default.flags.has("skipMock")?e:_.Mock,v=(0,f.extendClass)(s);return(0,i.NgModule)(a)(v),(0,d.default)(v,e),v}return t||e},j=function(e){if(e){var t=o((0,m.default)({providers:e,skipExports:!0}),2),r=t[0],n=t[1];return r?n.providers:e}},D=function(e,t,r,o,a){return o===t&&a===r?e:(0,y.isNgModuleDefWithProviders)(e)?n({ngModule:o},a?{providers:a}:{}):o}},224:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},o=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},a=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var l=i(r(5551)),u=r(6456),f=i(r(6297)),c=i(r(8073)),d=i(r(7610)),s=i(r(9988)),v=i(r(6860)),p=function(e,t){return(0,u.flatten)(e).map(t).filter((function(e){return!!e}))},h=function(e,t,r,o){var a=c.default.config.get(o)||{},i=(0,f.default)(e),l=t(i);if(l){var u=c.default.config.get(i);if((null==u?void 0:u.export)&&o&&!a.export&&c.default.config.set(o,n(n({},a),{export:!0})),!r||a.exportAll||(null==u?void 0:u.export))return(0,d.default)(i,o),l}},y=function(e,t){return!e||!!t.exports&&-1!==t.exports.indexOf(e)};t.default=function(e,t){var r,i,_=c.default.config.has("mockNgDefResolver");_||c.default.config.set("mockNgDefResolver",new l.default),c.default.config.get("mockNgDefResolver").push();var g=!c.default.flags.has("skipMock"),b=function(e){void 0===e&&(e=!0),g=g||e},m=(0,s.default)(b,c.default.config.get("mockNgDefResolver")),M=m.resolve,k=function(e,t,r){var i,l,u,d={},s=function(e,t){return[["declarations",e],["hostDirectives",function(t){var r=(0,f.default)(t),o=e(r);return o===r?t:t==r?o:n(n({},t),{directive:o})}],["imports",e],["entryComponents",e],["bootstrap",e],["providers",t],["viewProviders",t],["exports",e],["schemas",function(e){return e}]]}(t,r),h=c.default.flags.has("cachePipe");h||c.default.flags.add("cachePipe");try{for(var y=o(s),_=y.next();!_.done;_=y.next()){var g=a(_.value,2),b=g[0],m=g[1];(null===(u=e[b])||void 0===u?void 0:u.length)&&(d[b]=p(e[b],m))}}catch(e){i={error:e}}finally{try{_&&!_.done&&(l=y.return)&&l.call(y)}finally{if(i)throw i.error}}return e.skipMarkProviders||((0,v.default)(d.providers),(0,v.default)(d.viewProviders)),h||c.default.flags.delete("cachePipe"),d}(e,M,m.resolveProvider);e.skipExports||function(e,t,r,n,a){var i,l,f=c.default.flags.has("skipMock")||c.default.flags.has("correctModuleExports");try{for(var d=o((0,u.flatten)([r.imports||[],r.declarations||[]])),s=d.next();!s.done;s=d.next()){var v=s.value,p=h(v,e,f,a);y(p,n)||(t(),n.exports=n.exports||[],n.exports.push(p))}}catch(e){i={error:e}}finally{try{s&&!s.done&&(l=d.return)&&l.call(d)}finally{if(i)throw i.error}}}(M,b,e,k,t);try{for(var w=o(t&&k.exports?(0,u.flatten)(k.exports):[]),O=w.next();!O.done;O=w.next()){var x=O.value;(0,d.default)(x,t)}}catch(e){r={error:e}}finally{try{O&&!O.done&&(i=w.return)&&i.call(w)}finally{if(r)throw r.error}}var j=c.default.config.get("mockNgDefResolver").pop();return _||c.default.config.delete("mockNgDefResolver"),[g,k,j]}},3877:function(e,t){Object.defineProperty(t,"__esModule",{value:!0})},2937:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MockPipes=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.map((function(e){return y(e,void 0)}))},t.MockPipe=y;var o=r(860),a=r(6456),i=n(r(8773)),l=n(r(615)),u=n(r(2970)),f=n(r(6804)),c=r(6763),d=r(1946),s=n(r(8073)),v=n(r(5937)),p=n(r(445)),h=function(e,t){var r,n=s.default.config.get(e),f=null!=t?t:null===(r=null==n?void 0:n.defValue)||void 0===r?void 0:r.transform,c=(0,a.extendClass)(d.Mock);return(0,o.Pipe)((0,i.default)(e))(c),(0,l.default)(c,e,{init:function(e){f&&(e.transform=f),e.transform||p.default.mock(e,"transform","".concat((0,u.default)(e),".transform"))},transform:f}),c};function y(e,t){if((0,f.default)(e,"MockPipe"),(0,c.isMockNgDef)(e,"p"))return e;if(s.default.flags.has("cachePipe")&&s.default.cacheDeclarations.has(e))return(0,v.default)(e);var r=h(e,t);return s.default.flags.has("cachePipe")&&s.default.cacheDeclarations.set(e,r),r}},5861:function(e,t){Object.defineProperty(t,"__esModule",{value:!0})},7413:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MockProviders=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.map((function(e){return f(e,u)}))},t.MockProvider=f;var o=n(r(6804)),a=n(r(8195)),i=n(r(9465)),l=r(5779),u={};function f(e,t,r,n){var f;void 0===t&&(t=u),void 0===n&&(n={}),(0,o.default)(e,"MockProvider");var c="boolean"==typeof n?{deps:void 0,multi:n}:Array.isArray(n)?{deps:n,multi:void 0}:n,d=c.deps,s=c.multi;return r?((f={provide:e})[r]=t,f.deps=d,f.multi=s,f):(0,i.default)(e,(function(){return(0,l.MockService)(e)}),(function(e){return t===u?e:e?(0,a.default)(e,t):t}))}},3078:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},o=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},a=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},i=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var u=r(860),f=l(r(3295)),c=l(r(3174)),d=l(r(8073)),s=l(r(5006)),v=l(r(2478));t.default=function(e,t,r,l){var p,h,y,_,g,b=function(){var e,t=null!==(e=d.default.config.get("MockRenderCaches"))&&void 0!==e?e:[];return 0===t.length&&d.default.config.set("MockRenderCaches",t),t}(),m=i(i(i([e],a(null!=r?r:[null]),!1),a(null!==(y=l.providers)&&void 0!==y?y:[null]),!1),a(null!==(_=l.viewProviders)&&void 0!==_?_:[null]),!1),M=function(e,t){var r,n;try{for(var a=o(e),i=a.next();!i.done;i=a.next()){var l=i.value;if(l.cacheKey.length===t.length){for(var u=!0,f=0;f<t.length;f+=1)if(l.cacheKey[f]!==t[f]){u=!1;break}if(u)return l}}}catch(e){r={error:e}}finally{try{i&&!i.done&&(n=a.return)&&n.call(a)}finally{if(r)throw r.error}}}(b,m);if(M)return M;var k=t.inputs?i([],a(t.inputs),!1):[],w=t.outputs?i([],a(t.outputs),!1):[];if(t.hostDirectives)try{for(var O=o(t.hostDirectives),x=O.next();!x.done;x=O.next()){var j=x.value;"object"==typeof j&&j.directive&&(j.inputs&&k.push.apply(k,i([],a(j.inputs),!1)),j.outputs&&w.push.apply(w,i([],a(j.outputs),!1)))}}catch(e){p={error:e}}finally{try{x&&!x.done&&(h=O.return)&&h.call(O)}finally{if(p)throw p.error}}var D=(0,v.default)(e,{selector:t.selector,inputs:k,outputs:w,bindings:r}),S={providers:l.providers,selector:"mock-render",template:D,viewProviders:l.viewProviders};if(M=function(e){var t=e.bindings,r=e.options,n=e.inputs,a=function(){var e,r,a;(0,c.default)(this,"__ngMocksOutput",(a=this,function(e,t){return"function"==typeof a[e]?a[e](t):a[e]&&"object"==typeof a[e]&&"function"==typeof a[e].emit?a[e].emit(t):a[e]&&"object"==typeof a[e]&&"function"==typeof a[e].next?a[e].next(t):void(a[e]=t)}));var i=0;if((0,s.default)(this,"__ngContext__",{get:function(){return i},set:function(e){return i=e},enumerable:!1}),!t){var l=function(e){var t=null;(0,s.default)(u,e,{get:function(){return t},set:function(e){return t=e}})},u=this;try{for(var f=o(n||[]),d=f.next();!d.done;d=f.next())l(d.value)}catch(t){e={error:t}}finally{try{d&&!d.done&&(r=f.return)&&r.call(f)}finally{if(e)throw e.error}}}};return(0,c.default)(a.prototype,"__ngMocks_index_".concat(d.default.index()),void 0,!1),(0,u.Component)(r)(a),a}(n(n({},t),{bindings:r,options:S})),(0,c.default)(M,"cacheKey",m),(0,c.default)(M,"tpl",D),t.selector&&S.providers){var P=function(e){var t=e.selector,r=e.options,n=function(){};return(0,u.Directive)({selector:t,providers:r.providers})(n),n}(n(n({},t),{bindings:r,options:S}));(0,c.default)(M,"providers",P)}return b.unshift(M),b.splice(null!==(g=d.default.global.get("mockRenderCacheSize"))&&void 0!==g?g:f.default.mockRenderCacheSize),M}},2478:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(8773)),i=o(r(1184)),l=r(5974),u=function(e,t){var r=" ".concat(function(e,t){return"i"===t?"[".concat(e,"]"):"(".concat(e,")")}(e,t),'="');return(r+="i"===t?e:"__ngMocksOutput('".concat(e,"', $event)"))+'"'},f=function(e,t,r){var o,a;if(!e&&"o"===r)return"";var l="",f=null!=e?e:t;try{for(var c=n(t),d=c.next();!d.done;d=c.next()){var s=d.value,v=(0,i.default)(s),p=v.name,h=v.alias;l+=-1===f.indexOf(h||p)?"":u(h||p,r)}}catch(e){o={error:e}}finally{try{d&&!d.done&&(a=c.return)&&a.call(c)}finally{if(o)throw o.error}}return l};t.default=function(e,t){var r=t.selector,n=t.bindings,o=t.inputs,i=t.outputs,u="";return"string"==typeof e?u=e:(0,l.isNgDef)(e,"p")&&n&&-1!==n.indexOf("$implicit")?u="{{ $implicit | ".concat((0,a.default)(e).name," }}"):r&&(u+="<".concat(r),u+=f(n,o,"i"),u+=f(n,i,"o"),u+="></".concat(r,">")),u}},2091:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},a=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var l=i(r(3174)),u=i(r(5006)),f=i(r(445)),c=function(e,t,r){var n=function(){if("function"==typeof r[e]){if(t["__ngMocks_".concat(e,"__origin")]!==r[e]){var n=f.default.createClone(r[e],t,r);(0,l.default)(t,"__ngMocks_".concat(e),n),(0,l.default)(t,"__ngMocks_".concat(e,"__origin"),r[e])}return t["__ngMocks_".concat(e)]}return r[e]};return(0,l.default)(n,"__ngMocksProxy",!0),n},d=function(e,t,r){var n=function(n){t["__ngMocks_".concat(e)]&&(t["__ngMocks_".concat(e)]=void 0),t["__ngMocks_".concat(e,"__origin")]&&(t["__ngMocks_".concat(e,"__origin")]=void 0),r[e]=n};return(0,l.default)(n,"__ngMocksProxy",!0),n};t.default=function(e,t,r,i){var s,v;if(void 0===i&&(i=!1),t){(0,l.default)(e,"__ngMocks__source",t);var p,h=(p=e,o(o([],n(Object.getOwnPropertyNames(p)),!1),n(Object.keys(p)),!1)),y=o(o([],n(function(e){return o(o(o([],n(f.default.extractPropertiesFromPrototype(Object.getPrototypeOf(e))),!1),n(f.default.extractMethodsFromPrototype(Object.getPrototypeOf(e))),!1),n(Object.keys(e)),!1)}(t)),!1),n(r),!1);try{for(var _=a(y),g=_.next();!g.done;g=_.next()){var b=g.value;(i||-1===h.indexOf(b))&&((0,u.default)(e,b,{get:c(b,e,t),set:d(b,e,t)}),h.push(b))}}catch(e){s={error:e}}finally{try{g&&!g.done&&(v=_.return)&&v.call(_)}finally{if(s)throw s.error}}}}},6086:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},o=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},a=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},i=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var u=r(860),f=r(2603),c=l(r(3174)),d=r(6456),s=l(r(8862)),v=r(5974);t.default=function(e){var t,r,l;if(!(0,v.isNgDef)(e,"c")&&!(0,v.isNgDef)(e,"d"))return{};var p=(0,s.default)(e),h={};try{for(var y=i(Object.keys(p)),_=y.next();!_.done;_=y.next()){var g=_.value;"standalone"!==g?h[g]=p[g]:(0,c.default)(h,"__ngMocksStandalone",!!p[g])}}catch(e){t={error:e}}finally{try{_&&!_.done&&(r=y.return)&&r.call(y)}finally{if(t)throw t.error}}return h.selector&&/[\s,[\]]/.test(h.selector)&&(h.selector=""),h.selector||(h.selector=(null===(l=f.TestBed.ngMocksSelectors)||void 0===l?void 0:l.get(e))||"",h.selector||(h.selector="ng-mocks-".concat(e.name),function(e,t){var r,i=(0,d.extendClass)(e),l={provide:e,useExisting:i};t.providers=a(a([],o(t.providers||[]),!1),[l],!1);var c={};try{var s=f.TestBed.ngMocksOverrides.get(e).override;(c=n({},s.set)).providers=c.providers?a(a([],o(c.providers),!1),[l],!1):t.providers}catch(e){}var p=!0===t.__ngMocksStandalone;((0,v.isNgDef)(e,"c")?u.Component:u.Directive)(n(n(n({},t),c),p?{standalone:p}:{}))(i),f.TestBed.configureTestingModule(((r={})[p?"imports":"declarations"]=[i],r))}(e,h),f.TestBed.ngMocksSelectors&&f.TestBed.ngMocksSelectors.set(e,h.selector))),h}},8406:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MockRenderFactory=function(e,t,r){void 0===r&&(r={}),(0,f.default)(e,"MockRender");var n="string"==typeof e||(0,c.isNgDef)(e,"t")?{}:(0,g.default)(e),o=(0,y.default)(e,n,t,r),a=m(o,t,e,r);return"root"!==d.default.current().level&&!1!==r.configureTestBed&&a.configureTestBed(),a};var o=r(860),a=r(2603),i=n(r(3174)),l=r(6456),u=n(r(2970)),f=n(r(6804)),c=r(5974),d=n(r(7592)),s=n(r(8073)),v=r(6189),p=n(r(5006)),h=r(5779),y=n(r(3078)),_=n(r(2091)),g=n(r(6086)),b=["Forgot to flush TestBed?","MockRender cannot be used without a reset after TestBed.get / TestBed.inject / TestBed.createComponent and another MockRender in the same test.","If you want to mock a service before rendering, consider usage of MockRenderFactory or MockInstance.","To flush TestBed, add a call of ngMocks.flushTestBed() before the call of MockRender, or pass `reset: true` to MockRender options."].join(" "),m=function(e,t,r,n){var f=function(n,d){f.configureTestBed();var y=a.TestBed.createComponent(e);return(0,_.default)(y.componentInstance,null!=n?n:{},null!=t?t:[]),(0,i.default)(y,"ngMocksStackId",s.default.global.get("bullet:stack:id")),(void 0===d||d)&&y.detectChanges(),"string"==typeof r||(0,c.isNgDef)(r,"c")||(0,c.isNgDef)(r,"d")||e.tpl&&(0,c.isNgDef)(r,"p")?function(e,t,r){e.point=e.debugElement.children[0]&&"#text"!==e.debugElement.children[0].nativeElement.nodeName&&"#comment"!==e.debugElement.children[0].nativeElement.nodeName?e.debugElement.children[0]:e.debugElement,(0,c.isNgDef)(t,"d")?(0,p.default)(e.point,"componentInstance",{get:function(){return v.ngMocks.get(e.point,t)}}):(0,c.isNgDef)(t,"p")&&(0,p.default)(e.point,"componentInstance",{get:function(){return v.ngMocks.findInstance(e.point,t)}}),function(e,t){if(e)try{t()}catch(e){}}(!r,(function(){return(0,_.default)(e.componentInstance,e.point.componentInstance,[])}))}(y,r,n):function(e,t,r){var n;try{n=(0,l.getInjection)(t)}catch(e){if((0,c.isNgDef)(t,"p"))throw new Error(["Cannot render ".concat((0,u.default)(t),"."),"Did you forget to set $implicit param, or add the pipe to providers?","https://ng-mocks.sudo.eu/guides/pipe"].join(" "));throw e}r&&v.ngMocks.stub(n,r),e.point=(0,h.MockService)(o.DebugElement,{childNodes:[],children:[],componentInstance:n,nativeElement:(0,h.MockService)(HTMLElement)}),(0,_.default)(e.componentInstance,e.point.componentInstance,[],!0)}(y,r,n),y};return f.declaration=e,f.bindings=t,f.configureTestBed=function(e,t){return function(){var r,n=(0,a.getTestBed)(),o=(null===(r=n._compiler)||void 0===r?void 0:r.declarations)||n.declarations||n._declarations;if(!o||-1===o.indexOf(e)){!function(e){var t=s.default.global.get("flags"),r=(0,a.getTestBed)();e.reset||!r._instantiated&&!r._testModuleRef?v.ngMocks.flushTestBed():"throw"!==t.onTestBedFlushNeed&&(r._instantiated||r._testModuleRef)&&("warn"===t.onTestBedFlushNeed&&console.warn(b),v.ngMocks.flushTestBed())}(t);try{var l=[];e.providers&&l.push(e.providers),l.push(e),a.TestBed.configureTestingModule({declarations:l})}catch(e){!function(e){var t=new Error(b);throw(0,i.default)(t,"parent",e),t}(e)}}}}(e,n),f}},1661:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0}),t.MockRender=function(e,t,r){void 0===r&&(r=!0);var a=0===arguments.length?"":e,i=t&&"object"==typeof t?Object.keys(t):t,l="boolean"==typeof r?{detectChanges:r}:n({},r);return o.MockRenderFactory(a,i,l)(t,l.detectChanges)};var o=r(8406)},7325:function(e,t){Object.defineProperty(t,"__esModule",{value:!0})},96:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(2956));t.default=function(e){return"function"==typeof e&&!(0,o.default)(e)}},2956:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){if("function"!=typeof e)return!1;if(!e.prototype)return!0;if(function(e){return!!(e.ɵprov||e.__annotations__||e.__parameters__||e.parameters)}(e))return!1;var t=e.toString();if(null!==t.match(/^class\b/))return!1;var r=t.match(/^function\s+([^\s(]+)\(/);return null===r||!function(e,t,r){if(null!==e.match(/^class/))return!0;if(Object.keys(r.prototype).length>0)return!0;var n=e.codePointAt(0);if(n&&n>=65&&n<=90&&null!==t.match(/\bthis\./gm))return!0;var o=new RegExp("\\(this,\\s*".concat(e,"\\)"),"mg");return null!==t.match(o)}(r[1],t,e)}},402:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return null!==e&&"object"==typeof e&&"InjectionToken"!==e.ngMetadataName&&"object"==typeof Object.getPrototypeOf(e)}},1365:function(e,t,r){var n=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},o=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},a=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var l=i(r(5006)),u=i(r(7331)),f=i(r(7794)),c=i(r(5020));t.default=function(e,t,r,i){var d,s,v=function(){for(var n=[],o=0;o<arguments.length;o++)n[o]=arguments[o];return(i||e).apply(t===this?r:this,n)};try{for(var p=a(o(o([],n((0,u.default)(e)),!1),n((0,f.default)(e)),!1)),h=p.next();!h.done;h=p.next()){var y=h.value,_=(0,c.default)(e,y);(0,l.default)(v,y,_)}}catch(e){d={error:e}}finally{try{h&&!h.done&&(s=p.return)&&s.call(p)}finally{if(d)throw d.error}}return v}},3886:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(3174)),i=o(r(2970)),l=o(r(445));t.default=function(e){var t,r,o,u,f=(0,i.default)(e),c={};(0,a.default)(c,"__ngMocks",!0);var d=l.default.extractMethodsFromPrototype(e);try{for(var s=n(d),v=s.next();!v.done;v=s.next()){var p=v.value;l.default.mock(c,p,f)}}catch(e){t={error:e}}finally{try{v&&!v.done&&(r=s.return)&&r.call(s)}finally{if(t)throw t.error}}var h=l.default.extractPropertiesFromPrototype(e);try{for(var y=n(h),_=y.next();!_.done;_=y.next()){var g=_.value;l.default.mock(c,g,"get",f),l.default.mock(c,g,"set",f)}}catch(e){o={error:e}}finally{try{_&&!_.done&&(u=y.return)&&u.call(y)}finally{if(o)throw o.error}}return Object.setPrototypeOf(c,e),c}},5006:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(5020));t.default=function(e,t,r){if(!r||!e)return!1;if(Object.defineProperty){var o=(0,a.default)(e,t);if(!1===(null==o?void 0:o.configurable))return!1;Object.defineProperty(e,t,n(n(n({},r),{configurable:!0}),void 0===r.get&&void 0===r.set||!1===r.writable?{writable:!0}:{}))}else e[t]=r.value;return!0}},7331:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(2970)),i=["sanitize","bypassSecurityTrustHtml","bypassSecurityTrustStyle","bypassSecurityTrustScript","bypassSecurityTrustUrl","bypassSecurityTrustResourceUrl"],l={DomSanitizer:i,Sanitizer:i},u=function(e){var t,r,o,i=Object.getOwnPropertyNames(e);try{for(var u=n(null!==(o=l[(0,a.default)(e)])&&void 0!==o?o:[]),f=u.next();!f.done;f=u.next()){var c=f.value;i.push(c)}}catch(e){t={error:e}}finally{try{f&&!f.done&&(r=u.return)&&r.call(u)}finally{if(t)throw t.error}}return i};t.default=function(e){for(var t,r,o=[],a=e;a&&null!==Object.getPrototypeOf(a);){try{for(var i=(t=void 0,n(u(a))),l=i.next();!l.done;l=i.next()){var f=l.value;if("constructor"!==f){var c=Object.getOwnPropertyDescriptor(a,f);c&&(c.get||c.set)||-1!==o.indexOf(f)||o.push(f)}}}catch(e){t={error:e}}finally{try{l&&!l.done&&(r=i.return)&&r.call(i)}finally{if(t)throw t.error}}a=Object.getPrototypeOf(a)}return o}},7794:function(e,t){var r=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")};Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){for(var t,n,o=[],a=e;a&&null!==Object.getPrototypeOf(a);){try{for(var i=(t=void 0,r(Object.getOwnPropertyNames(a))),l=i.next();!l.done;l=i.next()){var u=l.value;if("constructor"!==u){var f=Object.getOwnPropertyDescriptor(a,u);f&&(f.get||f.set)&&-1===o.indexOf(u)&&o.push(u)}}}catch(e){t={error:e}}finally{try{l&&!l.done&&(n=i.return)&&n.call(i)}finally{if(t)throw t.error}}a=Object.getPrototypeOf(a)}return o}},5020:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){for(var r=e;r&&null!==Object.getPrototypeOf(r);){var n=Object.getOwnPropertyDescriptor(r,t);if(n)return n;r=Object.getPrototypeOf(r)}}},8536:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(3174)),a=function(e,t){void 0===t&&(t=!1);var r,n,i=a.customMockFunction&&!t?a.customMockFunction(e):function(e){return n&&n(e),r};return(0,o.default)(i,"__ngMocks",!0),(0,o.default)(i,"__ngMocksSet",(function(e){return n=e})),(0,o.default)(i,"__ngMocksGet",(function(e){return r=e})),i};t.default=a},445:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.registerMockFunction=function(e){(0,o.default)().ngMockshelperMockService.registerMockFunction(e)};var o=n(r(1102)),a=n(r(1365)),i=n(r(3886)),l=n(r(5006)),u=n(r(7331)),f=n(r(7794)),c=n(r(5020)),d=n(r(4235)),s=n(r(8536)),v=n(r(2004)),p=n(r(3663)),h=n(r(9465));(0,o.default)().ngMockshelperMockService=(0,o.default)().ngMockshelperMockService||{mockFunction:s.default,registerMockFunction:function(e){(0,o.default)().ngMockshelperMockService.mockFunction.customMockFunction=e},createClone:a.default,createMockFromPrototype:i.default,definePropertyDescriptor:l.default,extractMethodsFromPrototype:u.default,extractPropertiesFromPrototype:f.default,extractPropertyDescriptor:c.default,mock:d.default,replaceWithMocks:v.default,resolveProvider:p.default,useFactory:h.default},t.default=(0,o.default)().ngMockshelperMockService},4235:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(2970)),i=o(r(445));t.default=function(e,t){for(var r=[],o=2;o<arguments.length;o++)r[o-2]=arguments[o];var l=function(e){var t,r;return e.length>0&&"get"!==e[0]&&"set"!==e[0]?r=e[0]:e.length>0&&("get"===e[0]||"set"===e[0])&&(t=e[0],r=e[1]),{accessType:t,mockName:r}}(r),u=l.accessType,f=l.mockName,c=Object.getOwnPropertyDescriptor(e,t);if(c&&c[u||"value"])return c[u||"value"];var d=function(e,t,r,n){return"".concat(null!=t?t:"function"==typeof r.prototype?r.prototype.name:(0,a.default)(r),".").concat(e).concat(null!=n?n:"")}(t,f,e,u),s=i.default.mockFunction(d,!!u),v=function(e,t,r){var o;return n(n(n(n({},"get"===r&&e&&e.set?{set:e.set}:{}),"set"===r&&e&&e.get?{get:e.get}:{}),r?{}:{writable:!0}),((o={})[r||"value"]=t,o.configurable=!0,o.enumerable=!0,o))}(c,s,u);return v.get&&v.set&&v.get.__ngMocks&&v.set.__ngMocks&&v.set.__ngMocksSet((function(e){return v.get.__ngMocksGet(e)})),Object.defineProperty(e,t,v),s}},2004:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},o=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},a=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var l=r(1763),u=r(5974),f=i(r(8073)),c=["canActivate","canActivateChild","canDeactivate","canMatch","canLoad"],d=function(e,t){return Array.isArray(e[t])?function(e){var t,r,n=[];try{for(var a=o(e),i=a.next();!i.done;i=a.next()){var c=i.value;!f.default.isProvidedDef(c)&&f.default.isExcludedDef(l.NG_MOCKS_GUARDS)||(n.push(c),(0,u.isNgDef)(c)||f.default.touches.add(c))}}catch(e){t={error:e}}finally{try{i&&!i.done&&(r=a.return)&&r.call(a)}finally{if(t)throw t.error}}return n}(e[t]):e[t]},s=function(e,t){var r,i,v;if(f.default.cacheDeclarations.has(e))return f.default.cacheDeclarations.get(e);if("object"!=typeof e)return e;if(t.has(e))return e;var p=!1;return Array.isArray(e)?(r=a(function(e,t,r){var n,a,i=[],l=!1;e.set(t,i);try{for(var u=o(t),c=u.next();!c.done;c=u.next()){var d=c.value;f.default.isExcludedDef(d)?l=l||!0:(i.push(r(d,e)),l=l||i[i.length-1]!==d)}}catch(e){n={error:e}}finally{try{c&&!c.done&&(a=u.return)&&a.call(u)}finally{if(n)throw n.error}}return[l,i]}(t,e,s),2),p=r[0],v=r[1]):e&&(i=a(function(e,t,r){var a,i,s,v,p,h,y,_={},g=!1;e.set(t,_);try{for(var b=o(Object.keys(t)),m=b.next();!m.done;m=b.next()){var M=m.value;f.default.isExcludedDef(t[M])?g=g||!0:(_[M]=r(t[M],e),g=g||_[M]!==t[M])}}catch(e){a={error:e}}finally{try{m&&!m.done&&(i=b.return)&&i.call(b)}finally{if(a)throw a.error}}try{for(var k=o(c),w=k.next();!w.done;w=k.next()){var O=w.value,x=d(_,O);x&&_[O].length!==x.length&&(g=g||!0,_=n(n({},_),((p={})[O]=x,p)))}}catch(e){s={error:e}}finally{try{w&&!w.done&&(v=k.return)&&v.call(k)}finally{if(s)throw s.error}}if("object"==typeof _.resolve&&_.resolve){var j={},D=!1;try{for(var S=o(Object.keys(_.resolve)),P=S.next();!P.done;P=S.next()){M=P.value;var C=_.resolve[M];f.default.isProvidedDef(C)||!f.default.isExcludedDef(l.NG_MOCKS_RESOLVERS)?(j[M]=C,(0,u.isNgDef)(C)||f.default.touches.add(C)):D=D||!0}}catch(e){h={error:e}}finally{try{P&&!P.done&&(y=S.return)&&y.call(S)}finally{if(h)throw h.error}}D&&(g=g||!0,_=n(n({},_),{resolve:j}))}return[g,_]}(t,e,s),2),p=i[0],v=i[1]),p?(Object.setPrototypeOf(v,Object.getPrototypeOf(e)),v):e};t.default=function(e){var t=new Map,r=s(e,t);return t.clear(),r}},3663:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},o=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var i=r(6456),l=r(1763),u=a(r(7285)),f=a(r(6297)),c=r(4152),d=a(r(8073)),s=a(r(445)),v=a(r(2415)),p=function(e,t,r){var n=!1,a=!e;return t&&e&&!a&&(a=function(e,t){for(var r,n,a=[],i=2;i<arguments.length;i++)a[i-2]=arguments[i];try{for(var l=o(a),u=l.next();!u.done;u=l.next()){var f=u.value;if(e[f]!==t[f])return!0}}catch(e){r={error:e}}finally{try{u&&!u.done&&(n=l.return)&&n.call(l)}finally{if(r)throw r.error}}return!1}(t,e,"provide","useValue","useClass","useExisting","useFactory","deps")),(t===r&&e!==t||t!==r&&a)&&(n=!0),!n};t.default=function(e,t,r){var o=function(e,t){var r=(0,f.default)(e);return{change:function(){t&&t()},multi:e!==r&&!!e.multi,provide:r}}(e,r),a=o.provide,h=o.multi,y=o.change;if(function(e,t){return null===d.default.builtProviders.get(t)||(t!==e&&e.deps&&(0,i.extractDependency)(e.deps,d.default.config.get("ngMocksDeps")),function(e,t){if(function(e,t){return d.default.builtProviders.has(l.NG_MOCKS_INTERCEPTORS)&&null===d.default.builtProviders.get(l.NG_MOCKS_INTERCEPTORS)&&(0,c.isNgInjectionToken)(t)&&"InjectionToken HTTP_INTERCEPTORS"===t.toString()&&t!==e}(e,t)){if(e.useFactory||e.useValue)return!0;var r=(0,u.default)(e.useExisting)||e.useClass;if(!d.default.builtProviders.has(r)||null===d.default.builtProviders.get(r))return!0}return!1}(e,t))}(e,a))return y();if(function(e,t){var r;return!(!e||"object"!=typeof e||!e.useExisting||!e.useExisting.mockOf&&(d.default.getResolution(t)&&!(null===(r=d.default.config.get(t))||void 0===r?void 0:r.__internal)||"keep"!==d.default.getResolution((0,u.default)(e.useExisting))))}(e,a))return d.default.touches.add(a),e;if(t.has(a))return function(e,t){var r=t,n=d.default.builtProviders.get(e);return n&&(r=n),"function"==typeof r&&(r={provide:e,useClass:r}),r}(a,t.get(a));var _=function(e,t,r){var o,a=function(e,t){if(d.default.builtProviders.has(t)){var r=d.default.builtProviders.get(t);return r===t?e:r}}(e,t);return!a&&d.default.flags.has("skipMock")&&"mock"!==d.default.getResolution(t)&&(null===(o=d.default.config.get("ngMocksDepsSkip"))||void 0===o||o.add(t),a=e),a||(a=(0,v.default)(e)),a=function(e,t,r){if(t!==e&&r&&r.useValue){var o=s.default.replaceWithMocks(r.useValue);return o===r.useValue?r:n(n({},r),{useValue:o})}return r}(e,t,a),p(a,e,t)||r(),a&&d.default.touches.add(t),a}(e,a,y);return h&&"object"==typeof _?n(n({},_),{multi:h}):_}},9465:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},a=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var l=r(860),u=r(6456),f=r(4152),c=i(r(8073)),d=i(r(8195)),s=i(r(4760)),v=r(5779),p=function(e){return(0,f.isNgInjectionToken)(e)||"string"==typeof e};t.default=function(e,t,r){return{deps:[l.Injector],provide:e,useFactory:function(i){var l=t?t():(0,v.MockService)(e),f=c.default.getOverrides().get(e),h=f?(0,u.mapValues)(f):[];return r&&h.push(r),h.push.apply(h,a([],o((0,s.default)(e)),!1)),function(e,t,r,o,a){var i,l,u=t;try{for(var f=n(r),c=f.next();!c.done;c=f.next()){var s=c.value,v=s(u,o);p(e)?u=v:s!==a?v&&(u=(0,d.default)(u,v)):u=v}}catch(e){i={error:e}}finally{try{c&&!c.done&&(l=f.return)&&l.call(f)}finally{if(i)throw i.error}}return u}(e,l,h,i,r)}}}},2415:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var i=a(r(3295)),l=a(r(6297)),u=r(4152),f=a(r(8073)),c=a(r(5006)),d=a(r(5020)),s=a(r(9465)),v=r(5779),p=i.default.neverMockProvidedFunction,h=i.default.neverMockToken,y=[[function(e){return"boolean"==typeof e},!1],[function(e){return"number"==typeof e},0],[function(e){return"string"==typeof e},""],[function(e){return null===e},null]],_=function(e,t,r){var a,i;return t===e?r?(0,s.default)(e,(function(){})):void 0:e.multi?void(null===(a=f.default.config.get("ngMocksMulti"))||void 0===a||a.add(t)):(-1!==Object.keys(e).indexOf("useValue")?i=function(e,t){return(0,s.default)(t,(function(){return e.useValue&&"object"==typeof e.useValue?(0,v.MockService)(e.useValue):function(e){var t,r;try{for(var a=n(y),i=a.next();!i.done;i=a.next()){var l=o(i.value,2),u=l[0],f=l[1];if(u(e))return f}}catch(e){t={error:e}}finally{try{i&&!i.done&&(r=a.return)&&r.call(a)}finally{if(t)throw t.error}}}(e.useValue)}))}(e,t):-1!==Object.keys(e).indexOf("useExisting")?i=e:-1!==Object.keys(e).indexOf("useClass")?i=function(e,t){return f.default.builtProviders.has(e.useClass)&&f.default.builtProviders.get(e.useClass)===e.useClass?e:(0,s.default)(t,(function(){return(0,v.MockService)(e.useClass)}))}(e,t):-1!==Object.keys(e).indexOf("useFactory")&&(i=(0,s.default)(t,(function(){return{}}))),i)};t.default=function(e,t){void 0===t&&(t=!1);var r=(0,l.default)(e);if("mock"===f.default.getResolution(r));else{if(function(e){return"function"==typeof e&&-1!==p.indexOf(e.name)}(r))return e;if(function(e){return(0,u.isNgInjectionToken)(e)&&-1!==h.indexOf(e.toString())}(r))return}var o=f.default.flags.has("cacheProvider")?f.default.cacheProviders:void 0;return r===e&&o&&o.has(r)?o.get(r):function(e,t,r){var o;return"function"==typeof t&&(o=function(e,t){return(0,s.default)(t,(function(){var r=(0,v.MockService)(t);return t!==e&&-1!==Object.keys(e).indexOf("useClass")&&function(e,t){var r,o,a=Object.getOwnPropertyNames(e),i=(0,v.MockService)(t);try{for(var l=n(Object.getOwnPropertyNames(i)),u=l.next();!u.done;u=l.next()){var f=u.value;if(-1===a.indexOf(f)){var s=(0,d.default)(i,f);(0,c.default)(e,f,s)}}}catch(e){r={error:e}}finally{try{u&&!u.done&&(o=l.return)&&o.call(l)}finally{if(r)throw r.error}}}(r,e.useClass),r}))}(e,t)),t===e&&o&&r&&r.set(t,o),o}(e,r,o)||_(e,r,t)}},5779:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MockService=function(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];var n=t.length>0&&"string"==typeof t[0]?t[0]:t[1],o=t.length>0&&t[0]&&"object"==typeof t[0]?t[0]:void 0,a=new Map,i=v(a,e,n,o);return a.clear(),i};var i=a(r(2970)),l=a(r(8195)),u=a(r(96)),f=a(r(2956)),c=a(r(402)),d=a(r(445)),s=[[u.default,function(e,t){var r=d.default.createMockFromPrototype(t.prototype);return e.set(t,r),r}],[f.default,function(e,t,r){var n=d.default.mockFunction("func:".concat(r||(0,i.default)(t)));return e.set(t,n()),n}],[function(e){return Array.isArray(e)},function(){return[]}],[c.default,function(e,t,r,o){var a,i,l=d.default.createMockFromPrototype(t.constructor.prototype);e.set(t,l);try{for(var u=n(Object.keys(t)),f=u.next();!f.done;f=u.next()){var c=f.value,s=o(e,t[c],"".concat(r||"instance",".").concat(c));void 0!==s&&(l[c]=s)}}catch(e){a={error:e}}finally{try{f&&!f.done&&(i=u.return)&&i.call(u)}finally{if(a)throw a.error}}return Object.setPrototypeOf(l,Object.getPrototypeOf(t)),l}]],v=function(e,t,r,a){void 0===r&&(r="");var i=function(e,t,r,a){var i,l,u;try{for(var f=n(s),c=f.next();!c.done;c=f.next()){var d=o(c.value,2),v=d[0],p=d[1];if(v(t))return null!==(u=e.get(t))&&void 0!==u?u:p(e,t,r,a)}}catch(e){i={error:e}}finally{try{c&&!c.done&&(l=f.return)&&l.call(f)}finally{if(i)throw i.error}}}(e,t,r,v);return a&&(0,l.default)(i,a),i}},534:function(e,t){Object.defineProperty(t,"__esModule",{value:!0})},9715:function(e,t,r){var n=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(2023)),i=r(6456),l=o(r(7285)),u=o(r(6297)),f=r(1433),c=o(r(445)),d=o(r(7112)),s=o(r(3309)),v=function(e,t,r,n){var o=function(e,t){var r=(0,u.default)(t);return a.default.NG_VALIDATORS&&r===a.default.NG_VALIDATORS?(0,s.default)(r,(function(){return new f.MockValidatorProxy(e)})):a.default.NG_ASYNC_VALIDATORS&&r===a.default.NG_ASYNC_VALIDATORS?(0,s.default)(r,(function(){return new f.MockAsyncValidatorProxy(e)})):a.default.NG_VALUE_ACCESSOR&&r===a.default.NG_VALUE_ACCESSOR?(0,s.default)(r,(function(){return new f.MockControlValueAccessorProxy(e)})):void 0}(t,r);if(o)return o;var i=function(e,t,r){var n=(0,u.default)(r);if(n!==a.default.NgControl&&n!==a.default.FormControlDirective)return r!==n&&(0,l.default)(r.useExisting)===e?(0,d.default)(n,t):void 0}(e,t,r);return i||c.default.resolveProvider(r,n)};t.default=function(e,t,r,o){var l,f,c,d=[];try{for(var s=n((0,i.flatten)(r||[])),p=s.next();!p.done;p=s.next()){var h=p.value;(0,u.default)(h)===a.default.NG_VALUE_ACCESSOR&&(c=!1);var y=v(e,t,h,o);y&&d.push(y)}}catch(e){l={error:e}}finally{try{p&&!p.done&&(f=s.return)&&f.call(s)}finally{if(l)throw l.error}}return{providers:d,setControlValueAccessor:c}}},6847:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},o=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},a=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var l=i(r(5551)),u=i(r(5756)),f=i(r(615)),c=i(r(5555)),d=i(r(8385)),s=i(r(8073)),v=i(r(224)),p=i(r(445)),h=i(r(9715)),y=i(r(7112));t.default=function(e,t,r,i){var _,g,b,m,M=s.default.config.has("mockNgDefResolver");M||s.default.config.set("mockNgDefResolver",new l.default);var k=n({},i);if(void 0!==r.exportAs&&(k.exportAs=r.exportAs),void 0!==r.selector&&(k.selector=r.selector),void 0!==r.standalone&&(k.standalone=r.standalone),r.standalone&&r.imports){var w=o((0,v.default)({imports:r.imports,skipExports:!0}),2)[1].imports;(null==w?void 0:w.length)&&(k.imports=w)}if(r.hostDirectives){var O=o((0,v.default)({hostDirectives:r.hostDirectives,skipExports:!0}),2)[1].hostDirectives;(null==O?void 0:O.length)&&(k.hostDirectives=O)}var x=(0,h.default)(e,t,r.providers||[],s.default.config.get("mockNgDefResolver")),j=x.setControlValueAccessor,D=x.providers;D.push((0,y.default)(e,t)),k.providers=D;var S=(0,h.default)(e,t,r.viewProviders||[],s.default.config.get("mockNgDefResolver")).providers;S.length>0&&(k.viewProviders=S);var P=function(e,t,r){return{config:s.default.config.get(e),outputs:t.outputs,queryScanKeys:[],setControlValueAccessor:r}}(e,r,null!=j?j:-1!==p.default.extractMethodsFromPrototype(e.prototype).indexOf("writeValue"));(0,f.default)(t,e,P),r.queries&&(0,u.default)(t,r.inputs,Object.keys(r.queries)),(0,c.default)(t,r.outputs),P.queryScanKeys=(0,d.default)(t,r.queries),P.hostBindings=[];try{for(var C=a(r.hostBindings||[]),N=C.next();!N.done;N=C.next()){var T=o(N.value,1)[0];-1===P.hostBindings.indexOf(T)&&P.hostBindings.push(T)}}catch(e){_={error:e}}finally{try{N&&!N.done&&(g=C.return)&&g.call(C)}finally{if(_)throw _.error}}P.hostListeners=[];try{for(var E=a(r.hostListeners||[]),A=E.next();!A.done;A=E.next())T=o(A.value,1)[0],-1===P.hostListeners.indexOf(T)&&P.hostListeners.push(T)}catch(e){b={error:e}}finally{try{A&&!A.done&&(m=E.return)&&m.call(E)}finally{if(b)throw b.error}}return M||s.default.config.delete("mockNgDefResolver"),k}},6932:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(6456),a=n(r(6804)),i=r(6763),l=n(r(8073)),u=n(r(5937));t.default=function(e,t,r,n,f,c){if((0,a.default)(e,r),(0,i.isMockNgDef)(e,t))return e;if(l.default.flags.has(n)&&l.default.cacheDeclarations.has(e))return(0,u.default)(e);var d=l.default.config.has("ngMocksDepsResolution");d||l.default.config.set("ngMocksDepsResolution",new Map);var s=(0,o.extendClass)(f);return c(e,s),l.default.flags.has(n)&&l.default.cacheDeclarations.set(e,s),d||l.default.config.delete("ngMocksDepsResolution"),s}},7610:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(6739),a=n(r(8073));t.default=function(e,t){var r,n=(0,o.getSourceOfMock)(e),i=null!==(r=a.default.configInstance.get(n))&&void 0!==r?r:{__set:!0};i.exported||(i.exported=new Set),t&&i.exported.add((0,o.getSourceOfMock)(t)),i.__set&&(i.__set=void 0,a.default.configInstance.set(n,i))}},5937:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(1763),a=n(r(8073)),i=n(r(5687));t.default=function(e){var t;try{t=(0,i.default)().debugElement.injector.get(o.NG_MOCKS).get(e)}catch(e){}return t||(t=a.default.cacheDeclarations.get(e)),e.__ngMocksResolutions&&a.default.config.has("mockNgDefResolver")&&a.default.config.get("mockNgDefResolver").merge(e.__ngMocksResolutions),t}},7112:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){return{provide:e,useExisting:t}}},3309:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){return{multi:!0,provide:e,useFactory:t}}},4673:function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},o=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")},a=this&&this.__read||function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i},i=this&&this.__spreadArray||function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var u=r(860),f=l(r(3174)),c=l(r(6439)),d=l(r(1184)),s=function(e,t){var r=e.indexOf(t);-1!==r&&e.splice(r,1),"Injectable"!==t&&"Pipe"!==t&&"Directive"!==t&&"Component"!==t&&"NgModule"!==t||e.push(t)},v=function(e){var t,r,n=[];try{for(var a=o(Object.keys(e)),i=a.next();!i.done;i=a.next()){var l=i.value;n.push(l)}}catch(e){t={error:e}}finally{try{i&&!i.done&&(r=a.return)&&r.call(a)}finally{if(t)throw t.error}}return n},p=function(e){return function(t,r,n,a){var i,l,u,f=(0,d.default)({name:r,alias:null!==(u=n.alias)&&void 0!==u?u:n.bindingPropertyName,required:n.required}),s=f.alias,v=f.required,p=(0,c.default)({name:r,alias:s,required:v}),h=!0;try{for(var y=o(a[e]),_=y.next();!_.done;_=y.next()){var g=_.value;if(g===p){h=!1;break}var b=(0,d.default)(g),m=b.name,M=b.alias,k=b.required;if(m===r&&M===s&&k===v){h=!1;break}}}catch(e){i={error:e}}finally{try{_&&!_.done&&(l=y.return)&&l.call(y)}finally{if(i)throw i.error}}h&&a[e].unshift(p)}},h=p("inputs"),y=p("outputs"),_=function(e){return function(t,r,o,a){a.queries[r]||(a.queries[r]=n(n({isViewQuery:e,ngMetadataName:t,selector:o.selector},void 0===o.read?{}:{read:o.read}),void 0===o.static?{}:{static:o.static}))}},g=_(!1),b=_(!0),m=function(e){return function(t,r,o,a){a.queries[r]||(a.queries[r]=n(n(n({isViewQuery:e,ngMetadataName:t,selector:o.selector},void 0===o.descendants?{}:{descendants:o.descendants}),void 0===o.emitDistinctChangesOnly?{}:{emitDistinctChangesOnly:o.emitDistinctChangesOnly}),void 0===o.read?{}:{read:o.read}))}},M={ContentChild:g,ContentChildren:m(!1),HostBinding:function(e,t,r,n){var o="[".concat(r.hostPropertyName||t,"]");n.host[o]||(n.host[o]=t),n.hostBindings.push(i([t,r.hostPropertyName||t],a(r.args?[r.args]:[]),!1))},HostListener:function(e,t,r,n){var o="(".concat(r.eventName||t,")");n.host[o]||(n.host[o]="".concat(t,"($event)")),n.hostListeners.push(i([t,r.eventName||t],a(r.args?[r.args]:[]),!1))},Input:h,Output:y,ViewChild:b,ViewChildren:m(!0)},k=function(e){var t=p(e);return function(e,r,n,o){var a,i=void 0===(null===(a=n.args)||void 0===a?void 0:a[0])?{}:"string"==typeof n.args[0]?{alias:n.args[0]}:n.args[0],l=i.alias,u=void 0===l?void 0:l,f=i.required;t(e,r,{alias:u,required:void 0===f?void 0:f,bindingPropertyName:u},o)}},w=k("inputs"),O=k("outputs"),x=function(e){return function(t,r,o,a){a.queries[r]||(a.queries[r]=n({isViewQuery:e,ngMetadataName:t,selector:o.args[0]},o.args[1]))}},j=x(!1),D=x(!0),S={ContentChild:j,ContentChildren:j,HostBinding:function(e,t,r,n){var o,l="[".concat((null===(o=r.args)||void 0===o?void 0:o[0])||t,"]");n.host[l]||(n.host[l]=t),n.hostBindings.push(i([t],a(r.args||[]),!1))},HostListener:function(e,t,r,n){var o,l="(".concat((null===(o=r.args)||void 0===o?void 0:o[0])||t,")");n.host[l]||(n.host[l]="".concat(t,"($event)")),n.hostListeners.push(i([t],a(r.args||[]),!1))},Input:w,Output:O,ViewChild:D,ViewChildren:D},P=function(e,t){var r,a,i,l;if(e){e.inputs=e.inputs||[];try{for(var u=o(t.inputs),f=u.next();!f.done;f=u.next()){var c=f.value;-1===e.inputs.indexOf(c)&&e.inputs.push(c)}}catch(e){r={error:e}}finally{try{f&&!f.done&&(a=u.return)&&a.call(u)}finally{if(r)throw r.error}}e.outputs=e.outputs||[];try{for(var d=o(t.outputs),s=d.next();!s.done;s=d.next()){var v=s.value;-1===e.outputs.indexOf(v)&&e.outputs.push(v)}}catch(e){i={error:e}}finally{try{s&&!s.done&&(l=d.return)&&l.call(d)}finally{if(i)throw i.error}}e.queries=n(n({},e.queries||[]),t.queries),e.hostBindings=t.hostBindings,e.hostListeners=t.hostListeners}},C=new u.ɵReflectionCapabilities,N=function(e){if("function"!=typeof e&&"object"!=typeof e)return{};if(Object.prototype.hasOwnProperty.call(e,"__ngMocksParsed"))return e.__ngMocksDeclarations;var t=Object.getPrototypeOf(e),r=t?N(t):{},l=function(e){return{host:e.host?n({},e.host):{},hostBindings:e.hostBindings?i([],a(e.hostBindings),!1):[],hostListeners:e.hostListeners?i([],a(e.hostListeners),!1):[],attributes:e.attributes?i([],a(e.attributes),!1):[],inputs:e.inputs?i([],a(e.inputs),!1):[],outputs:e.outputs?i([],a(e.outputs),!1):[],propDecorators:e.propDecorators?n({},e.propDecorators):{},queries:e.queries?n({},e.queries):{},decorators:e.decorators?i([],a(e.decorators),!1):[]}}(r);return(0,f.default)(e,"__ngMocksParsed",!0),function(e,t){var r,n,a,i;if(Object.prototype.hasOwnProperty.call(e,"__parameters__")&&e.__parameters__)try{for(var l=o(e.__parameters__),u=l.next();!u.done;u=l.next()){var f=u.value;try{for(var c=(a=void 0,o(f||[])),d=c.next();!d.done;d=c.next()){var s=d.value;"Attribute"===s.ngMetadataName&&-1===t.attributes.indexOf(s.attributeName)&&t.attributes.push(s.attributeName)}}catch(e){a={error:e}}finally{try{d&&!d.done&&(i=c.return)&&i.call(c)}finally{if(a)throw a.error}}}}catch(e){r={error:e}}finally{try{u&&!u.done&&(n=l.return)&&n.call(l)}finally{if(r)throw r.error}}}(e,l),function(e,t){var r,a;if(Object.prototype.hasOwnProperty.call(e,"__annotations__")&&e.__annotations__)try{for(var i=o(e.__annotations__),l=i.next();!l.done;l=i.next()){var u=l.value,f=null==u?void 0:u.ngMetadataName;f&&(t[f]=n(n({},u),{attributes:t.attributes}),s(t.decorators,f))}}catch(e){r={error:e}}finally{try{l&&!l.done&&(a=i.return)&&a.call(i)}finally{if(r)throw r.error}}}(e,l),function(e,t){var r,a,i,l;if(Object.prototype.hasOwnProperty.call(e,"decorators")&&e.decorators)try{for(var u=o(e.decorators),f=u.next();!f.done;f=u.next()){var c=f.value,d=null===(l=null===(i=null==c?void 0:c.type)||void 0===i?void 0:i.prototype)||void 0===l?void 0:l.ngMetadataName;d&&(t[d]=c.args?n({},c.args[0]):{},s(t.decorators,d))}}catch(e){r={error:e}}finally{try{f&&!f.done&&(a=u.return)&&a.call(u)}finally{if(r)throw r.error}}}(e,l),function(e,t){var r,n,l,u,f,c,d;if(Object.prototype.hasOwnProperty.call(e,"propDecorators")&&e.propDecorators)try{for(var s=o(v(e.propDecorators)),p=s.next();!p.done;p=s.next()){var h=p.value;t.propDecorators[h]=i(i([],a(t.propDecorators[h]||[]),!1),a(e.propDecorators[h]),!1);try{for(var y=(l=void 0,o(e.propDecorators[h])),_=y.next();!_.done;_=y.next()){var g=_.value,b=null===(c=null===(f=null==g?void 0:g.type)||void 0===f?void 0:f.prototype)||void 0===c?void 0:c.ngMetadataName;b&&(null===(d=S[b])||void 0===d||d.call(S,b,h,g,t))}}catch(e){l={error:e}}finally{try{_&&!_.done&&(u=y.return)&&u.call(y)}finally{if(l)throw l.error}}}}catch(e){r={error:e}}finally{try{p&&!p.done&&(n=s.return)&&n.call(s)}finally{if(r)throw r.error}}}(e,l),function(e,t){var r,n,a,i,l;if(Object.prototype.hasOwnProperty.call(e,"__prop__metadata__")&&e.__prop__metadata__)try{for(var u=o(v(e.__prop__metadata__)),f=u.next();!f.done;f=u.next()){var c=f.value,d=e.__prop__metadata__[c];try{for(var s=(a=void 0,o(d)),p=s.next();!p.done;p=s.next()){var h=p.value,y=null==h?void 0:h.ngMetadataName;y&&(null===(l=M[y])||void 0===l||l.call(M,y,c,h,t))}}catch(e){a={error:e}}finally{try{p&&!p.done&&(i=s.return)&&i.call(s)}finally{if(a)throw a.error}}}}catch(e){r={error:e}}finally{try{f&&!f.done&&(n=u.return)&&n.call(u)}finally{if(r)throw r.error}}}(e,l),P(l.Directive,l),P(l.Component,l),(0,f.default)(e,"__ngMocksDeclarations",n(n(n({},r),l),{parameters:C.parameters(e)})),e.__ngMocksDeclarations};t.default=N},4358:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__4358__},860:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__860__},2603:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__2603__},7182:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__7182__},1165:function(e){e.exports=__WEBPACK_EXTERNAL_MODULE__1165__}},__webpack_module_cache__={};function __webpack_require__(e){var t=__webpack_module_cache__[e];if(void 0!==t)return t.exports;var r=__webpack_module_cache__[e]={exports:{}};return __webpack_modules__[e].call(r.exports,r,r.exports,__webpack_require__),r.exports}__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}();var __webpack_exports__=__webpack_require__(5170);return __webpack_exports__}()}));
+ //# sourceMappingURL=index.js.map
+diff --git a/node_modules/ng-mocks/index.mjs b/node_modules/ng-mocks/index.mjs
+index a2385ee..ae6f5a3 100644
+--- a/node_modules/ng-mocks/index.mjs
++++ b/node_modules/ng-mocks/index.mjs
+@@ -1,2 +1,2 @@
+-import*as __WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__ from"@angular/core";import*as __WEBPACK_EXTERNAL_MODULE__angular_core_testing_89899de6__ from"@angular/core/testing";import*as __WEBPACK_EXTERNAL_MODULE__angular_forms_df10eade__ from"@angular/forms";import*as __WEBPACK_EXTERNAL_MODULE__angular_common_d12e0fe1__ from"@angular/common";import*as __WEBPACK_EXTERNAL_MODULE__angular_platform_browser_bc6fa964__ from"@angular/platform-browser";var __webpack_modules__={295:(e,o,t)=>{t.d(o,{A:()=>r});const r={flags:["cacheModule","cacheComponent","cacheDirective","cacheProvider","correctModuleExports"],mockRenderCacheSize:25,neverMockModule:["ApplicationModule","CommonModule","BrowserModule","_ApplicationModule","_CommonModule","_BrowserModule"],neverMockProvidedFunction:["DomRendererFactory2","EventManager","Injector","RendererFactory2","Sanitizer","DomSanitizer","DomSanitizerImpl","ApplicationInitStatus","ApplicationRef","Compiler","IterableDiffers","KeyValueDiffers","_DomRendererFactory2","_EventManager","_Injector","_Sanitizer","_DomSanitizer","_DomSanitizerImpl","_ApplicationInitStatus","_ApplicationRef","_Compiler","_IterableDiffers","_KeyValueDiffers"],neverMockToken:["InjectionToken Set Injector scope.","InjectionToken EventManagerPlugins","InjectionToken HammerGestureConfig","InjectionToken AppId","InjectionToken DefaultCurrencyCode","InjectionToken LocaleId","InjectionToken SCHEDULER_TOKEN"],onMockBuilderMissingDependency:"throw",onMockInstanceRestoreNeed:"warn",onTestBedFlushNeed:"warn",dependencies:["declarations","hostDirectives","entryComponents","bootstrap","providers","viewProviders","imports","exports"]}},174:(e,o,t)=>{t.d(o,{A:()=>n});var r=t(932);const n=(e,o,t,n=!1)=>{r.A.definePropertyDescriptor(e,o,{configurable:!0,enumerable:n,value:t,writable:!0})}},456:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Ah:()=>getInjection,Bq:()=>flatten,He:()=>extendClass,LG:()=>mapValues,Nn:()=>mapEntries,by:()=>extractDependency,d4:()=>mapKeys,d5:()=>getTestBedInjection});var _angular_core_testing__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(957),_core_define_property__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(174),_core_reflect_parameters_resolve__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(749),_func_get_global__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(102),_func_get_name__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(970),_ng_mocks_universe__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(73);const getTestBedInjection=e=>{try{return getInjection(e)}catch(e){return}},getInjection=e=>{const o=(0,_angular_core_testing__WEBPACK_IMPORTED_MODULE_0__.getTestBed)();return o.inject?o.inject(e):o.get(e)},flatten=(e,o=[])=>{if(Array.isArray(e))for(const t of e)flatten(t,o);else if(null!==e&&"object"==typeof e&&Array.isArray(e.ɵproviders))for(const t of e.ɵproviders)flatten(t,o);else o.push(e);return o},mapKeys=e=>{const o=[];return e.forEach(((e,t)=>o.push(t))),o},mapValues=(e,o)=>{const t=[];return o?e.forEach((e=>{o.add(e)})):e.forEach((e=>{t.push(e)})),t},mapEntries=(e,o)=>{const t=[];return o?e.forEach(((e,t)=>o.set(t,e))):e.forEach(((e,o)=>t.push([o,e]))),t},extractDependencyArray=(e,o)=>{for(const t of e){const e=t&&"object"==typeof t?t.ngMetadataName:void 0;"Optional"!==e&&"SkipSelf"!==e&&"Self"!==e&&o.add(t)}},extractDependency=(e,o)=>{if(o)for(const t of e)Array.isArray(t)?extractDependencyArray(t,o):o.add(t)},extendClassicClass=base=>{let child;const index=_ng_mocks_universe__WEBPACK_IMPORTED_MODULE_3__.A.index(),glb=(0,_func_get_global__WEBPACK_IMPORTED_MODULE_4__.A)();glb.ngMocksParent=base;try{eval(`\n      var glb = typeof window === 'undefined' ? global : window;\n      class MockMiddleware${index} extends glb.ngMocksParent {};\n      glb.ngMocksResult = MockMiddleware${index};\n    `),child=glb.ngMocksResult}catch(e){class o extends glb.ngMocksParent{}child=o}finally{glb.ngMocksResult=void 0,glb.ngMocksParent=void 0}return(0,_core_define_property__WEBPACK_IMPORTED_MODULE_1__.A)(child.prototype,`__ngMocks_index_${index}`,void 0,!1),child},extendClass=e=>{const o=extendClassicClass(e);(0,_core_define_property__WEBPACK_IMPORTED_MODULE_1__.A)(o,"name",`MockMiddleware${(0,_func_get_name__WEBPACK_IMPORTED_MODULE_5__.A)(e)}`,!0);const t=(0,_core_reflect_parameters_resolve__WEBPACK_IMPORTED_MODULE_2__.A)(e);return t.length>0&&(0,_core_define_property__WEBPACK_IMPORTED_MODULE_1__.A)(o,"parameters",[...t]),o}},749:(e,o,t)=>{t.d(o,{A:()=>n});var r=t(673);const n=e=>{var o;return null!==(o=(0,r.A)(e).parameters)&&void 0!==o?o:[]}},763:(e,o,t)=>{t.d(o,{C3:()=>i,Em:()=>s,So:()=>c,ZG:()=>_,en:()=>n,gG:()=>l,rO:()=>a});var r=t(614);const n=new r.InjectionToken("NG_MOCKS");n.__ngMocksSkip=!0;const s=new r.InjectionToken("NG_MOCKS_TOUCHES");s.__ngMocksSkip=!0;const c=new r.InjectionToken("NG_MOCKS_OVERRIDES");c.__ngMocksSkip=!0;const _=new r.InjectionToken("NG_MOCKS_GUARDS");_.__ngMocksSkip=!0;const i=new r.InjectionToken("NG_MOCKS_RESOLVERS");i.__ngMocksSkip=!0;const a=new r.InjectionToken("NG_MOCKS_INTERCEPTORS");a.__ngMocksSkip=!0;const l=new r.InjectionToken("NG_MOCKS_ROOT_PROVIDERS");l.__ngMocksSkip=!0},439:(e,o,t)=>{function r({name:e,alias:o,required:t},r=!1){return t?{name:e,alias:o,required:t}:o&&e!==o?r?o:`${e}:${o}`:r?"":e}t.d(o,{A:()=>r})},184:(e,o,t)=>{function r(e){if("string"==typeof e){const[o,t]=e.split(":").map((e=>e.trim()));return o!==t&&t?{name:o,alias:t}:{name:o}}return e}t.d(o,{A:()=>r})},285:(e,o,t)=>{t.d(o,{A:()=>r});const r=e=>"function"==typeof e&&e.__forward_ref__?e():e},102:(e,o,t)=>{t.d(o,{A:()=>r});const r=()=>"undefined"==typeof window?t.g:window},970:(e,o,t)=>{t.d(o,{A:()=>n});const r=new RegExp("[^0-9a-z]+","mgi"),n=e=>{let o;return"function"==typeof e&&e.name?o=e.name:"function"==typeof e?o="arrowFunction":"object"==typeof e&&e&&"InjectionToken"===e.ngMetadataName?o=e._desc:"object"==typeof e&&e&&"function"==typeof e.constructor&&(o=e.constructor.name),o||(o="unknown"),o.replace(r,"_")}},297:(e,o,t)=>{t.d(o,{A:()=>n});var r=t(659);const n=e=>e&&"object"==typeof e&&e.provide?e.provide:(0,r.h)(e)?e.ngModule:e&&"object"==typeof e&&e.directive?e.directive:e},218:(e,o,t)=>{t.d(o,{p:()=>p});var r=t(152),n=t(673);const s=(e,o)=>{const{decorators:t}=(0,n.A)(e);if(0===t.length)return!1;let r=1;if("Injectable"===o&&-1!==t.indexOf("Injectable"))return!0;for(;"Injectable"===t[t.length-r];)r+=1;return t[t.length-r]===o},c=(e,o)=>(!o||"m"===o)&&s(e,"NgModule"),_=(e,o)=>(!o||"c"===o)&&s(e,"Component"),i=(e,o)=>(!o||"d"===o)&&s(e,"Directive"),a=(e,o)=>(!o||"p"===o)&&s(e,"Pipe"),l=(e,o)=>(!o||"i"===o)&&s(e,"Injectable");function p(e,o){if("t"===o)return(0,r.S)(e);if("function"!=typeof e)return!1;const t=c(e,o),n=_(e,o),s=i(e,o),p=a(e,o),u=l(e,o);return t||n||s||p||u}},152:(e,o,t)=>{t.d(o,{S:()=>r});const r=e=>e&&"object"==typeof e&&"InjectionToken"===e.ngMetadataName},659:(e,o,t)=>{t.d(o,{h:()=>r});const r=e=>e&&"object"==typeof e&&"function"==typeof e.ngModule},73:(e,o,t)=>{t.d(o,{A:()=>p});var r=t(295),n=t(102),s=t(970);const c=e=>()=>(_.global.has(e)||_.global.set(e,new Map),_.global.get(e));(0,n.A)().ngMocksUniverse=(0,n.A)().ngMocksUniverse||{};const _=(0,n.A)().ngMocksUniverse;_.builtDeclarations=new Map,_.builtProviders=new Map,_.cacheDeclarations=new Map,_.cacheProviders=new Map,_.config=new Map,_.configInstance=new Map,_.flags=new Set(r.A.flags),_.global=new Map,_.touches=new Set,_.global.set("flags",{onMockBuilderMissingDependency:r.A.onMockBuilderMissingDependency,onMockInstanceRestoreNeed:r.A.onMockInstanceRestoreNeed,onTestBedFlushNeed:r.A.onTestBedFlushNeed}),_.getOverrides=c("overrides"),_.getDefaults=c("defaults"),_.getConfigMock=c("configMock");const i=e=>{{const o=_.getDefaults().get(e);if(o)return o}{const o="function"==typeof e?_.getDefaults().get(`@${(0,s.A)(e)}`):void 0;if(o)return o}return[]};_.getResolution=e=>{const o=_.config.get("ngMocksDepsResolution");if(null==o?void 0:o.has(e))return o.get(e);const[t]=i(e);return t},_.getBuildDeclaration=e=>{if(_.builtDeclarations.has(e))return _.builtDeclarations.get(e);const[o,t]=i(e);return"exclude"===o?null:o&&"keep"!==o?"replace"===o?t:void 0:e},_.hasBuildDeclaration=e=>{if(_.builtDeclarations.has(e))return void 0!==_.builtDeclarations.get(e);const[o]=i(e);return!!o&&"mock"!==o};const a=e=>_.hasBuildDeclaration(e),l=e=>_.getBuildDeclaration(e);_.isExcludedDef=e=>{const o=_.getResolution(e);return(!o||"exclude"===o)&&a(e)&&null===l(e)},_.isProvidedDef=e=>a(e)&&null!==l(e),_.getDefaults().set("@StoreDevtoolsModule",["exclude"]),_.indexValue=0,_.index=()=>_.indexValue++;const p=_},589:(e,o,t)=>{t.d(o,{A:()=>n});var r=t(20);const n=(e,o,t,n)=>{var s;const c=null!==(s=(0,r.A)(e,o))&&void 0!==s?s:{};if(!n&&c.set&&c.set.__ngMocksProxy)return c.set(t),t;const _={configurable:!0,enumerable:!0};return"get"===n&&c.set?_.set=c.set:"set"===n&&c.get&&(_.get=c.get),n?_[n]=t:(_.writable=!0,_.value=t),Object.defineProperty(e,o,_),t}},195:(e,o,t)=>{t.d(o,{A:()=>_});var r=t(331),n=t(794),s=t(20),c=t(932);const _=(e,o,t)=>{if("string"==typeof o)return c.A.mock(e,o,t);let _=e,i=o;const a=["__zone_symbol__unconfigurables"];"function"==typeof o&&(_=c.A.createClone(o),i=e,a.push(...Object.getOwnPropertyNames(_)));const l=[...(0,r.A)(i),...(0,n.A)(i)];for(const e of l){const o=-1===a.indexOf(e)?(0,s.A)(i,e):void 0;o&&Object.prototype.hasOwnProperty.call(o,"value")&&void 0===o.value||c.A.definePropertyDescriptor(_,e,o)}return _}},760:(e,o,t)=>{t.d(o,{A:()=>s});var r=t(73),n=t(589);const s=e=>{const o=[],t=r.A.configInstance.get(e);if(null==t?void 0:t.overloads)for(const[e,r,s]of t.overloads)e?o.push((o=>{(0,n.A)(o,e,r,s)})):o.push(r);return o}},365:(e,o,t)=>{t.d(o,{A:()=>_});var r=t(6),n=t(331),s=t(794),c=t(20);const _=(e,o,t,_)=>{const i=function(...r){return(_||e).apply(o===this?t:this,r)};for(const o of[...(0,n.A)(e),...(0,s.A)(e)]){const t=(0,c.A)(e,o);(0,r.A)(i,o,t)}return i}},6:(e,o,t)=>{t.d(o,{A:()=>n});var r=t(20);const n=(e,o,t)=>{if(!t||!e)return!1;if(Object.defineProperty){const n=(0,r.A)(e,o);if(!1===(null==n?void 0:n.configurable))return!1;Object.defineProperty(e,o,Object.assign(Object.assign(Object.assign({},t),{configurable:!0}),void 0===t.get&&void 0===t.set||!1===t.writable?{writable:!0}:{}))}else e[o]=t.value;return!0}},331:(e,o,t)=>{t.d(o,{A:()=>_});var r=t(970);const n=["sanitize","bypassSecurityTrustHtml","bypassSecurityTrustStyle","bypassSecurityTrustScript","bypassSecurityTrustUrl","bypassSecurityTrustResourceUrl"],s={DomSanitizer:n,Sanitizer:n},c=e=>{var o;const t=Object.getOwnPropertyNames(e);for(const n of null!==(o=s[(0,r.A)(e)])&&void 0!==o?o:[])t.push(n);return t},_=e=>{const o=[];let t=e;for(;t&&null!==Object.getPrototypeOf(t);){for(const e of c(t)){if("constructor"===e)continue;const r=Object.getOwnPropertyDescriptor(t,e);r&&(r.get||r.set)||-1!==o.indexOf(e)||o.push(e)}t=Object.getPrototypeOf(t)}return o}},794:(e,o,t)=>{t.d(o,{A:()=>r});const r=e=>{const o=[];let t=e;for(;t&&null!==Object.getPrototypeOf(t);){for(const e of Object.getOwnPropertyNames(t)){if("constructor"===e)continue;const r=Object.getOwnPropertyDescriptor(t,e);r&&(r.get||r.set)&&-1===o.indexOf(e)&&o.push(e)}t=Object.getPrototypeOf(t)}return o}},20:(e,o,t)=>{t.d(o,{A:()=>r});const r=(e,o)=>{let t=e;for(;t&&null!==Object.getPrototypeOf(t);){const e=Object.getOwnPropertyDescriptor(t,o);if(e)return e;t=Object.getPrototypeOf(t)}}},932:(e,o,t)=>{t.d(o,{A:()=>A,O:()=>M});var r=t(102),n=t(365),s=t(174),c=t(970),_=t(6),i=t(331),a=t(794),l=t(20);const p=(e,o=!1)=>{const t=p.customMockFunction&&!o?p.customMockFunction(e):e=>(n&&n(e),r);let r,n;return(0,s.A)(t,"__ngMocks",!0),(0,s.A)(t,"__ngMocksSet",(e=>n=e)),(0,s.A)(t,"__ngMocksGet",(e=>r=e)),t},u=p;var d=t(763),f=t(218),g=t(73);const k=["canActivate","canActivateChild","canDeactivate","canMatch","canLoad"],m=(e,o)=>Array.isArray(e[o])?(e=>{const o=[];for(const t of e)!g.A.isProvidedDef(t)&&g.A.isExcludedDef(d.ZG)||(o.push(t),(0,f.p)(t)||g.A.touches.add(t));return o})(e[o]):e[o],h=(e,o)=>{if(g.A.cacheDeclarations.has(e))return g.A.cacheDeclarations.get(e);if("object"!=typeof e)return e;if(o.has(e))return e;let t,r=!1;return Array.isArray(e)?[r,t]=((e,o,t)=>{const r=[];let n=!1;e.set(o,r);for(const s of o)g.A.isExcludedDef(s)?n=n||!0:(r.push(t(s,e)),n=n||r[r.length-1]!==s);return[n,r]})(o,e,h):e&&([r,t]=((e,o,t)=>{let r={},n=!1;e.set(o,r);for(const s of Object.keys(o))g.A.isExcludedDef(o[s])?n=n||!0:(r[s]=t(o[s],e),n=n||r[s]!==o[s]);for(const e of k){const o=m(r,e);o&&r[e].length!==o.length&&(n=n||!0,r=Object.assign(Object.assign({},r),{[e]:o}))}if("object"==typeof r.resolve&&r.resolve){const e={};let o=!1;for(const t of Object.keys(r.resolve)){const n=r.resolve[t];g.A.isProvidedDef(n)||!g.A.isExcludedDef(d.C3)?(e[t]=n,(0,f.p)(n)||g.A.touches.add(n)):o=o||!0}o&&(n=n||!0,r=Object.assign(Object.assign({},r),{resolve:e}))}return[n,r]})(o,e,h)),r?(Object.setPrototypeOf(t,Object.getPrototypeOf(e)),t):e};var v=t(663),b=t(465);(0,r.A)().ngMockshelperMockService=(0,r.A)().ngMockshelperMockService||{mockFunction:u,registerMockFunction:e=>{(0,r.A)().ngMockshelperMockService.mockFunction.customMockFunction=e},createClone:n.A,createMockFromPrototype:e=>{const o=(0,c.A)(e),t={};(0,s.A)(t,"__ngMocks",!0);const r=A.extractMethodsFromPrototype(e);for(const e of r)A.mock(t,e,o);const n=A.extractPropertiesFromPrototype(e);for(const e of n)A.mock(t,e,"get",o),A.mock(t,e,"set",o);return Object.setPrototypeOf(t,e),t},definePropertyDescriptor:_.A,extractMethodsFromPrototype:i.A,extractPropertiesFromPrototype:a.A,extractPropertyDescriptor:l.A,mock:(e,o,...t)=>{const{accessType:r,mockName:n}=(e=>{let o,t;return e.length>0&&"get"!==e[0]&&"set"!==e[0]?t=e[0]:e.length>0&&("get"===e[0]||"set"===e[0])&&(o=e[0],t=e[1]),{accessType:o,mockName:t}})(t),s=Object.getOwnPropertyDescriptor(e,o);if(s&&s[r||"value"])return s[r||"value"];const _=((e,o,t,r)=>`${null!=o?o:"function"==typeof t.prototype?t.prototype.name:(0,c.A)(t)}.${e}${null!=r?r:""}`)(o,n,e,r),i=A.mockFunction(_,!!r),a=((e,o,t)=>Object.assign(Object.assign(Object.assign(Object.assign({},"get"===t&&e&&e.set?{set:e.set}:{}),"set"===t&&e&&e.get?{get:e.get}:{}),t?{}:{writable:!0}),{[t||"value"]:o,configurable:!0,enumerable:!0}))(s,i,r);return a.get&&a.set&&a.get.__ngMocks&&a.set.__ngMocks&&a.set.__ngMocksSet((e=>a.get.__ngMocksGet(e))),Object.defineProperty(e,o,a),i},replaceWithMocks:e=>{const o=new Map,t=h(e,o);return o.clear(),t},resolveProvider:v.A,useFactory:b.A};const A=(0,r.A)().ngMockshelperMockService;function M(e){(0,r.A)().ngMockshelperMockService.registerMockFunction(e)}},663:(e,o,t)=>{t.d(o,{A:()=>u});var r=t(456),n=t(763),s=t(285),c=t(297),_=t(152),i=t(73),a=t(932),l=t(415);const p=(e,o,t)=>{let r=!1,n=!e;return o&&e&&!n&&(n=((e,o,...t)=>{for(const r of t)if(e[r]!==o[r])return!0;return!1})(o,e,"provide","useValue","useClass","useExisting","useFactory","deps")),(o===t&&e!==o||o!==t&&n)&&(r=!0),!r},u=(e,o,t)=>{const{provide:u,multi:d,change:f}=((e,o)=>{const t=(0,c.A)(e);return{change:()=>{o&&o()},multi:e!==t&&!!e.multi,provide:t}})(e,t);if(((e,o)=>null===i.A.builtProviders.get(o)||(o!==e&&e.deps&&(0,r.by)(e.deps,i.A.config.get("ngMocksDeps")),((e,o)=>{if(((e,o)=>i.A.builtProviders.has(n.rO)&&null===i.A.builtProviders.get(n.rO)&&(0,_.S)(o)&&"InjectionToken HTTP_INTERCEPTORS"===o.toString()&&o!==e)(e,o)){if(e.useFactory||e.useValue)return!0;const o=(0,s.A)(e.useExisting)||e.useClass;if(!i.A.builtProviders.has(o)||null===i.A.builtProviders.get(o))return!0}return!1})(e,o)))(e,u))return f();if(((e,o)=>{var t;return!(!e||"object"!=typeof e||!e.useExisting||!e.useExisting.mockOf&&(i.A.getResolution(o)&&!(null===(t=i.A.config.get(o))||void 0===t?void 0:t.__internal)||"keep"!==i.A.getResolution((0,s.A)(e.useExisting))))})(e,u))return i.A.touches.add(u),e;if(o.has(u))return((e,o)=>{let t=o;const r=i.A.builtProviders.get(e);return r&&(t=r),"function"==typeof t&&(t={provide:e,useClass:t}),t})(u,o.get(u));const g=((e,o,t)=>{var r;let n=((e,o)=>{if(i.A.builtProviders.has(o)){const t=i.A.builtProviders.get(o);return t===o?e:t}})(e,o);return!n&&i.A.flags.has("skipMock")&&"mock"!==i.A.getResolution(o)&&(null===(r=i.A.config.get("ngMocksDepsSkip"))||void 0===r||r.add(o),n=e),n||(n=(0,l.A)(e)),n=((e,o,t)=>{if(o!==e&&t&&t.useValue){const e=a.A.replaceWithMocks(t.useValue);return e===t.useValue?t:Object.assign(Object.assign({},t),{useValue:e})}return t})(e,o,n),p(n,e,o)||t(),n&&i.A.touches.add(o),n})(e,u,f);return d&&"object"==typeof g?Object.assign(Object.assign({},g),{multi:d}):g}},465:(e,o,t)=>{t.d(o,{A:()=>p});var r=t(614),n=t(456),s=t(152),c=t(73),_=t(195),i=t(760),a=t(839);const l=e=>(0,s.S)(e)||"string"==typeof e,p=(e,o,t)=>({deps:[r.Injector],provide:e,useFactory:r=>{const s=o?o():(0,a.K)(e),p=c.A.getOverrides().get(e),u=p?(0,n.LG)(p):[];return t&&u.push(t),u.push(...(0,i.A)(e)),((e,o,t,r,n)=>{let s=o;for(const o of t){const t=o(s,r);l(e)?s=t:o!==n?t&&(s=(0,_.A)(s,t)):s=t}return s})(e,s,u,r,t)}})},415:(e,o,t)=>{t.d(o,{A:()=>g});var r=t(295),n=t(297),s=t(152),c=t(73),_=t(6),i=t(20),a=t(465),l=t(839);const{neverMockProvidedFunction:p,neverMockToken:u}=r.A,d=[[e=>"boolean"==typeof e,!1],[e=>"number"==typeof e,0],[e=>"string"==typeof e,""],[e=>null===e,null]],f=(e,o,t)=>{var r;if(o===e)return t?(0,a.A)(e,(()=>{})):void 0;if(e.multi)return void(null===(r=c.A.config.get("ngMocksMulti"))||void 0===r||r.add(o));let n;return-1!==Object.keys(e).indexOf("useValue")?n=((e,o)=>(0,a.A)(o,(()=>e.useValue&&"object"==typeof e.useValue?(0,l.K)(e.useValue):(e=>{for(const[o,t]of d)if(o(e))return t})(e.useValue))))(e,o):-1!==Object.keys(e).indexOf("useExisting")?n=e:-1!==Object.keys(e).indexOf("useClass")?n=((e,o)=>c.A.builtProviders.has(e.useClass)&&c.A.builtProviders.get(e.useClass)===e.useClass?e:(0,a.A)(o,(()=>(0,l.K)(e.useClass))))(e,o):-1!==Object.keys(e).indexOf("useFactory")&&(n=(0,a.A)(o,(()=>({})))),n},g=(e,o=!1)=>{const t=(0,n.A)(e);if("mock"===c.A.getResolution(t));else{if((e=>"function"==typeof e&&-1!==p.indexOf(e.name))(t))return e;if((e=>(0,s.S)(e)&&-1!==u.indexOf(e.toString()))(t))return}const r=c.A.flags.has("cacheProvider")?c.A.cacheProviders:void 0;return t===e&&r&&r.has(t)?r.get(t):((e,o,t)=>{let r;return"function"==typeof o&&(r=((e,o)=>(0,a.A)(o,(()=>{const t=(0,l.K)(o);return o!==e&&-1!==Object.keys(e).indexOf("useClass")&&((e,o)=>{const t=Object.getOwnPropertyNames(e),r=(0,l.K)(o);for(const o of Object.getOwnPropertyNames(r)){if(-1!==t.indexOf(o))continue;const n=(0,i.A)(r,o);(0,_.A)(e,o,n)}})(t,e.useClass),t})))(e,o)),o===e&&r&&t&&t.set(o,r),r})(e,t,r)||f(e,t,o)}},839:(e,o,t)=>{t.d(o,{K:()=>a});var r=t(970),n=t(195);const s=e=>{if("function"!=typeof e)return!1;if(!e.prototype)return!0;if((e=>!!(e.ɵprov||e.__annotations__||e.__parameters__||e.parameters))(e))return!1;const o=e.toString();if(null!==o.match(/^class\b/))return!1;const t=o.match(/^function\s+([^\s(]+)\(/);return null===t||!((e,o,t)=>{if(null!==e.match(/^class/))return!0;if(Object.keys(t.prototype).length>0)return!0;const r=e.codePointAt(0);if(r&&r>=65&&r<=90&&null!==o.match(/\bthis\./gm))return!0;const n=new RegExp(`\\(this,\\s*${e}\\)`,"mg");return null!==o.match(n)})(t[1],o,e)};var c=t(932);const _=[[e=>"function"==typeof e&&!s(e),(e,o)=>{const t=c.A.createMockFromPrototype(o.prototype);return e.set(o,t),t}],[s,(e,o,t)=>{const n=c.A.mockFunction(`func:${t||(0,r.A)(o)}`);return e.set(o,n()),n}],[e=>Array.isArray(e),()=>[]],[e=>null!==e&&"object"==typeof e&&"InjectionToken"!==e.ngMetadataName&&"object"==typeof Object.getPrototypeOf(e),(e,o,t,r)=>{const n=c.A.createMockFromPrototype(o.constructor.prototype);e.set(o,n);for(const s of Object.keys(o)){const c=r(e,o[s],`${t||"instance"}.${s}`);void 0!==c&&(n[s]=c)}return Object.setPrototypeOf(n,Object.getPrototypeOf(o)),n}]],i=(e,o,t="",r)=>{const s=((e,o,t,r)=>{var n;for(const[s,c]of _)if(s(o))return null!==(n=e.get(o))&&void 0!==n?n:c(e,o,t,r)})(e,o,t,i);return r&&(0,n.A)(s,r),s};function a(e,...o){const t=o.length>0&&"string"==typeof o[0]?o[0]:o[1],r=o.length>0&&o[0]&&"object"==typeof o[0]?o[0]:void 0,n=new Map,s=i(n,e,t,r);return n.clear(),s}},673:(e,o,t)=>{t.d(o,{A:()=>x});var r=t(614),n=t(174),s=t(439),c=t(184);const _=(e,o)=>{const t=e.indexOf(o);-1!==t&&e.splice(t,1),"Injectable"!==o&&"Pipe"!==o&&"Directive"!==o&&"Component"!==o&&"NgModule"!==o||e.push(o)},i=e=>{const o=[];for(const t of Object.keys(e))o.push(t);return o},a=e=>(o,t,r,n)=>{var _;const{alias:i,required:a}=(0,c.A)({name:t,alias:null!==(_=r.alias)&&void 0!==_?_:r.bindingPropertyName,required:r.required}),l=(0,s.A)({name:t,alias:i,required:a});let p=!0;for(const o of n[e]){if(o===l){p=!1;break}const{name:e,alias:r,required:n}=(0,c.A)(o);if(e===t&&r===i&&n===a){p=!1;break}}p&&n[e].unshift(l)},l=a("inputs"),p=a("outputs"),u=e=>(o,t,r,n)=>{n.queries[t]||(n.queries[t]=Object.assign(Object.assign({isViewQuery:e,ngMetadataName:o,selector:r.selector},void 0===r.read?{}:{read:r.read}),void 0===r.static?{}:{static:r.static}))},d=u(!1),f=u(!0),g=e=>(o,t,r,n)=>{n.queries[t]||(n.queries[t]=Object.assign(Object.assign(Object.assign({isViewQuery:e,ngMetadataName:o,selector:r.selector},void 0===r.descendants?{}:{descendants:r.descendants}),void 0===r.emitDistinctChangesOnly?{}:{emitDistinctChangesOnly:r.emitDistinctChangesOnly}),void 0===r.read?{}:{read:r.read}))},k={ContentChild:d,ContentChildren:g(!1),HostBinding:(e,o,t,r)=>{const n=`[${t.hostPropertyName||o}]`;r.host[n]||(r.host[n]=o),r.hostBindings.push([o,t.hostPropertyName||o,...t.args?[t.args]:[]])},HostListener:(e,o,t,r)=>{const n=`(${t.eventName||o})`;r.host[n]||(r.host[n]=`${o}($event)`),r.hostListeners.push([o,t.eventName||o,...t.args?[t.args]:[]])},Input:l,Output:p,ViewChild:f,ViewChildren:g(!0)},m=e=>{const o=a(e);return(e,t,r,n)=>{var s;const{alias:c,required:_}=void 0===(null===(s=r.args)||void 0===s?void 0:s[0])?{}:"string"==typeof r.args[0]?{alias:r.args[0]}:r.args[0];o(e,t,{alias:c,required:_,bindingPropertyName:c},n)}},h=m("inputs"),v=m("outputs"),b=e=>(o,t,r,n)=>{n.queries[t]||(n.queries[t]=Object.assign({isViewQuery:e,ngMetadataName:o,selector:r.args[0]},r.args[1]))},A=b(!1),M=b(!0),y={ContentChild:A,ContentChildren:A,HostBinding:(e,o,t,r)=>{var n;const s=`[${(null===(n=t.args)||void 0===n?void 0:n[0])||o}]`;r.host[s]||(r.host[s]=o),r.hostBindings.push([o,...t.args||[]])},HostListener:(e,o,t,r)=>{var n;const s=`(${(null===(n=t.args)||void 0===n?void 0:n[0])||o})`;r.host[s]||(r.host[s]=`${o}($event)`),r.hostListeners.push([o,...t.args||[]])},Input:h,Output:v,ViewChild:M,ViewChildren:M},w=(e,o)=>{if(e){e.inputs=e.inputs||[];for(const t of o.inputs)-1===e.inputs.indexOf(t)&&e.inputs.push(t);e.outputs=e.outputs||[];for(const t of o.outputs)-1===e.outputs.indexOf(t)&&e.outputs.push(t);e.queries=Object.assign(Object.assign({},e.queries||[]),o.queries),e.hostBindings=o.hostBindings,e.hostListeners=o.hostListeners}},O=new r["ɵReflectionCapabilities"],C=e=>{if("function"!=typeof e&&"object"!=typeof e)return{};if(Object.prototype.hasOwnProperty.call(e,"__ngMocksParsed"))return e.__ngMocksDeclarations;const o=Object.getPrototypeOf(e),t=o?C(o):{},r=(e=>({host:e.host?Object.assign({},e.host):{},hostBindings:e.hostBindings?[...e.hostBindings]:[],hostListeners:e.hostListeners?[...e.hostListeners]:[],attributes:e.attributes?[...e.attributes]:[],inputs:e.inputs?[...e.inputs]:[],outputs:e.outputs?[...e.outputs]:[],propDecorators:e.propDecorators?Object.assign({},e.propDecorators):{},queries:e.queries?Object.assign({},e.queries):{},decorators:e.decorators?[...e.decorators]:[]}))(t);return(0,n.A)(e,"__ngMocksParsed",!0),((e,o)=>{if(Object.prototype.hasOwnProperty.call(e,"__parameters__")&&e.__parameters__)for(const t of e.__parameters__)for(const e of t||[])"Attribute"===e.ngMetadataName&&-1===o.attributes.indexOf(e.attributeName)&&o.attributes.push(e.attributeName)})(e,r),((e,o)=>{if(Object.prototype.hasOwnProperty.call(e,"__annotations__")&&e.__annotations__)for(const t of e.__annotations__){const e=null==t?void 0:t.ngMetadataName;e&&(o[e]=Object.assign(Object.assign({},t),{attributes:o.attributes}),_(o.decorators,e))}})(e,r),((e,o)=>{var t,r;if(Object.prototype.hasOwnProperty.call(e,"decorators")&&e.decorators)for(const n of e.decorators){const e=null===(r=null===(t=null==n?void 0:n.type)||void 0===t?void 0:t.prototype)||void 0===r?void 0:r.ngMetadataName;e&&(o[e]=n.args?Object.assign({},n.args[0]):{},_(o.decorators,e))}})(e,r),((e,o)=>{var t,r,n;if(Object.prototype.hasOwnProperty.call(e,"propDecorators")&&e.propDecorators)for(const s of i(e.propDecorators)){o.propDecorators[s]=[...o.propDecorators[s]||[],...e.propDecorators[s]];for(const c of e.propDecorators[s]){const e=null===(r=null===(t=null==c?void 0:c.type)||void 0===t?void 0:t.prototype)||void 0===r?void 0:r.ngMetadataName;e&&(null===(n=y[e])||void 0===n||n.call(y,e,s,c,o))}}})(e,r),((e,o)=>{var t;if(Object.prototype.hasOwnProperty.call(e,"__prop__metadata__")&&e.__prop__metadata__)for(const r of i(e.__prop__metadata__)){const n=e.__prop__metadata__[r];for(const e of n){const n=null==e?void 0:e.ngMetadataName;n&&(null===(t=k[n])||void 0===t||t.call(k,n,r,e,o))}}})(e,r),w(r.Directive,r),w(r.Component,r),(0,n.A)(e,"__ngMocksDeclarations",Object.assign(Object.assign(Object.assign({},t),r),{parameters:O.parameters(e)})),e.__ngMocksDeclarations},x=C},614:(e,o,t)=>{e.exports=(e=>{var o={};return t.d(o,e),o})({ChangeDetectorRef:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.ChangeDetectorRef,Component:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.Component,ComponentFactoryResolver:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.ComponentFactoryResolver,ContentChild:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.ContentChild,ContentChildren:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.ContentChildren,DebugElement:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.DebugElement,Directive:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.Directive,ElementRef:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.ElementRef,EventEmitter:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.EventEmitter,InjectionToken:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.InjectionToken,Injector:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.Injector,Input:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.Input,NgModule:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.NgModule,Optional:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.Optional,Output:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.Output,Pipe:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.Pipe,QueryList:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.QueryList,Self:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.Self,TemplateRef:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.TemplateRef,ViewChild:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.ViewChild,ViewChildren:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.ViewChildren,ViewContainerRef:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.ViewContainerRef,ɵReflectionCapabilities:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__["ɵReflectionCapabilities"]})},957:(e,o,t)=>{e.exports=(e=>{var o={};return t.d(o,e),o})({TestBed:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_testing_89899de6__.TestBed,getTestBed:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_testing_89899de6__.getTestBed})}},__webpack_module_cache__={};function __webpack_require__(e){var o=__webpack_module_cache__[e];if(void 0!==o)return o.exports;var t=__webpack_module_cache__[e]={exports:{}};return __webpack_modules__[e](t,t.exports,__webpack_require__),t.exports}__webpack_require__.d=(e,o)=>{for(var t in o)__webpack_require__.o(o,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.d(__webpack_exports__,{rX:()=>types_namespaceObject.IMockBuilder,HA:()=>types_namespaceObject.IMockBuilderConfig,Wn:()=>types_namespaceObject.IMockBuilderConfigAll,Me:()=>types_namespaceObject.IMockBuilderConfigComponent,I7:()=>types_namespaceObject.IMockBuilderConfigDirective,tv:()=>types_namespaceObject.IMockBuilderConfigModule,OG:()=>types_namespaceObject.IMockBuilderExtended,sF:()=>types_namespaceObject.IMockBuilderProvider,me:()=>types_namespaceObject.IMockBuilderResult,bk:()=>LegacyControlValueAccessor,JT:()=>Mock,_V:()=>MockBuilder,Am:()=>MockComponent,$u:()=>MockComponents,D2:()=>mock_control_value_accessor_namespaceObject.MockControlValueAccessor,dw:()=>MockDeclaration,uV:()=>MockDeclarations,Cc:()=>MockDirective,nr:()=>MockDirectives,Wm:()=>MockInstance,BN:()=>MockModule,ZJ:()=>MockPipe,yI:()=>MockPipes,Qo:()=>MockProvider,dD:()=>MockProviders,Ty:()=>MockRender,P0:()=>MockRenderFactory,mB:()=>MockReset,KH:()=>mock_service.K,b6:()=>mock_control_value_accessor_namespaceObject.MockValidator,Je:()=>mock_component_types_namespaceObject.MockedComponent,T4:()=>mock_directive_types_namespaceObject.MockedDirective,qZ:()=>mock_module_types_namespaceObject.MockedModule,cm:()=>mock_pipe_types_namespaceObject.MockedPipe,en:()=>core_tokens.en,ZG:()=>core_tokens.ZG,rO:()=>core_tokens.rO,So:()=>core_tokens.So,C3:()=>core_tokens.C3,gG:()=>core_tokens.gG,Em:()=>core_tokens.Em,Ah:()=>core_helpers.Ah,xz:()=>getMockedNgDefOf,VK:()=>getSourceOfMock,d5:()=>core_helpers.d5,IA:()=>isMockControlValueAccessor,Bt:()=>isMockNgDef,AW:()=>isMockOf,lt:()=>isMockValidator,Fk:()=>isMockedNgDefOf,pA:()=>func_is_ng_def.p,SM:()=>func_is_ng_injection_token.S,H5:()=>ngMocks});var mock_control_value_accessor_namespaceObject={};__webpack_require__.r(mock_control_value_accessor_namespaceObject),__webpack_require__.d(mock_control_value_accessor_namespaceObject,{b:()=>LegacyControlValueAccessor});var types_namespaceObject={};__webpack_require__.r(types_namespaceObject);var mock_module_types_namespaceObject={};__webpack_require__.r(mock_module_types_namespaceObject);var mock_component_types_namespaceObject={};__webpack_require__.r(mock_component_types_namespaceObject);var mock_directive_types_namespaceObject={};__webpack_require__.r(mock_directive_types_namespaceObject);var mock_pipe_types_namespaceObject={};__webpack_require__.r(mock_pipe_types_namespaceObject);var ng_mocks_universe=__webpack_require__(73),_a,_b;const stackRoot={id:{},level:"root"},stack=ng_mocks_universe.A.global.get("reporter-stack")||[Object.assign({},stackRoot)];ng_mocks_universe.A.global.set("reporter-stack",stack);const current=()=>stack[stack.length-1],listenersPush=null!==(_a=ng_mocks_universe.A.global.get("reporter-stack-push"))&&void 0!==_a?_a:[];ng_mocks_universe.A.global.set("reporter-stack-push",listenersPush);const listenersPop=null!==(_b=ng_mocks_universe.A.global.get("reporter-stack-pop"))&&void 0!==_b?_b:[];ng_mocks_universe.A.global.set("reporter-stack-pop",listenersPop);const stackPush=()=>{const e={};ng_mocks_universe.A.global.set("reporter-stack-id",e);const o={id:e,level:"runtime"};stack.push(o);for(const e of listenersPush)e(o,stack)},stackPop=()=>{const e=stack.pop();if(0===stack.length&&stack.push("root"===(null==e?void 0:e.level)?e:Object.assign({},stackRoot)),e&&"root"!==e.level)for(const o of listenersPop)o(e,stack);ng_mocks_universe.A.global.set("reporter-stack-id",stack[stack.length-1].id)},subscribePush=e=>{listenersPush.indexOf(e)&&listenersPush.push(e),stack.length>0&&e(stack[stack.length-1],stack)},subscribePop=e=>{-1===listenersPop.indexOf(e)&&listenersPop.push(e)},unsubscribePush=e=>{const o=listenersPush.indexOf(e);-1!==o&&listenersPush.splice(o,1)},unsubscribePop=e=>{const o=listenersPop.indexOf(e);-1!==o&&listenersPop.splice(o,1)},ng_mocks_stack={current,stackPop,stackPush,subscribePop,subscribePush,unsubscribePop,unsubscribePush};var core_=__webpack_require__(614),testing_=__webpack_require__(957),core_helpers=__webpack_require__(456),core_tokens=__webpack_require__(763);const func_extract_tokens=e=>{let o,t,r;for(const n of(0,core_helpers.Bq)(e||[]))"object"==typeof n&&(n.provide===core_tokens.en&&(o=n.useValue),n.provide===core_tokens.So&&(t=n.useValue),n.provide===core_tokens.Em&&(r=n.useValue));return{mocks:o,overrides:t,touches:r}};var core_define_property=__webpack_require__(174),collect_declarations=__webpack_require__(673),func_is_ng_injection_token=__webpack_require__(152);const getNgType=e=>{if("string"==typeof e)return;if((0,func_is_ng_injection_token.S)(e))return"Injectable";const{decorators:o}=(0,collect_declarations.A)(e);for(let e=o.length-1;e>=0;e-=1)if("Injectable"!==o[e])return o[e];return o.length>0?"Injectable":void 0};function isStandalone(e){const o=getNgType(e);return!(!o||"Injectable"===o)&&!0===(0,collect_declarations.A)(e)[o].standalone}var helper_extract_property_descriptor=__webpack_require__(20);const core_def_stack=class{constructor(){this.stack=[],this.push()}push(){this.stack.push(new Map)}pop(){var e;return null!==(e=this.stack.pop())&&void 0!==e?e:new Map}has(e){for(let o=this.stack.length-1;o>=0;o-=1)if(this.stack[o].has(e))return!0;return!1}get(e){for(let o=this.stack.length-1;o>=0;o-=1)if(this.stack[o].has(e))return this.stack[o].get(e)}set(e,o){for(let t=this.stack.length-1;t>=0;t-=1)this.stack[t].set(e,o);return this}merge(e){for(const[o,t]of(0,core_helpers.Nn)(e))this.set(o,t);return this}};var func_get_name=__webpack_require__(970),func_is_ng_def=__webpack_require__(218),func_is_ng_module_def_with_providers=__webpack_require__(659),core_config=__webpack_require__(295);class MockBuilderStash{constructor(){this.data={}}backup(){this.data={builtDeclarations:ng_mocks_universe.A.builtDeclarations,builtProviders:ng_mocks_universe.A.builtProviders,cacheDeclarations:ng_mocks_universe.A.cacheDeclarations,cacheProviders:ng_mocks_universe.A.cacheProviders,config:ng_mocks_universe.A.config,configInstance:ng_mocks_universe.A.configInstance,flags:ng_mocks_universe.A.flags,touches:ng_mocks_universe.A.touches},ng_mocks_universe.A.builtDeclarations=new Map,ng_mocks_universe.A.builtProviders=new Map,ng_mocks_universe.A.cacheDeclarations=new Map,ng_mocks_universe.A.cacheProviders=new Map,ng_mocks_universe.A.config=new Map,ng_mocks_universe.A.configInstance=new Map,ng_mocks_universe.A.flags=new Set(core_config.A.flags),ng_mocks_universe.A.touches=new Set}restore(){for(const e of Object.keys(this.data))ng_mocks_universe.A[e]=this.data[e]}}const core_reflect_provided_in=e=>{var o,t,r;if(e&&("object"==typeof e||"function"==typeof e))return null!==(t=null===(o=e.ɵprov)||void 0===o?void 0:o.providedIn)&&void 0!==t?t:null===(r=e.ngInjectableDef)||void 0===r?void 0:r.providedIn};var func_get_type=__webpack_require__(297),helper_resolve_provider=__webpack_require__(663);const add_requested_providers=(e,{providerDef:o,mockDef:t},r)=>{for(const t of(0,core_helpers.LG)(o))e.providers.push(t);for(const o of(0,core_helpers.Bq)(e.providers)){const e=(0,func_get_type.A)(o);ng_mocks_universe.A.touches.add(e),e!==o&&o.deps&&(0,core_helpers.by)(o.deps,ng_mocks_universe.A.config.get("ngMocksDeps"))}for(const o of(0,core_helpers.LG)(t))ng_mocks_universe.A.touches.has(o)||"root"!==core_reflect_provided_in(o)||(e.providers.push((0,helper_resolve_provider.A)(o,r)),ng_mocks_universe.A.touches.add(o))},apply_platform_modules=()=>{const e=(0,testing_.getTestBed)();if(e.ngModule)for(const o of(0,core_helpers.Bq)(e.ngModule))ng_mocks_universe.A.touches.add((0,func_get_type.A)(o))},error_empty_def=e=>{if(!e)throw new Error(["undefined / null has been passed into ng-mocks as a declaration / provider.","Please ensure that the current test file has correct imports:","imported files exist and imported declarations have been exported in the file."].join(" "))},func_is_jest_mock=e=>!(!e||"function"!=typeof e&&"object"!=typeof e||!(e._isMockFunction&&e.mockName&&e.__annotations__)),error_jest_mock=e=>{if(func_is_jest_mock(e))throw new Error([`ng-mocks got ${(0,func_get_name.A)(e)} which has been already mocked by jest.mock().`,"It is not possible to produce correct mocks for it, because jest.mock() removes Angular decorators.",`To fix this, please avoid jest.mock() on the file which exports ${(0,func_get_name.A)(e)} or add jest.dontMock() on it.`,"The same should be done for all related dependencies."].join(" "))},error_missing_decorators=e=>{throw new Error([`${(0,func_get_name.A)(e)} declaration has been passed into ng-mocks without Angular decorators.`,"Therefore, it cannot be properly handled.","Highly likely,","undefined"==typeof jest?"":"jest.mock() has been used on its file, or","ng-mocks is imported in production code, or got a class without Angular decoration.","Otherwise, please create an issue on github: https://github.com/help-me-mom/ng-mocks/issues/new?title=False%20positive%20ng-mocks%20not%20in%20JIT.","Thank you in advance for support."].join(" "))},core_reflect_body_catch=e=>o=>{error_empty_def(o);try{return e(o)}catch(e){error_jest_mock(o),error_missing_decorators(o)}},core_reflect_directive_resolve=e=>core_reflect_body_catch((e=>{const o=(0,collect_declarations.A)(e);if(o.Component)return o.Component;if(o.Directive)return o.Directive;throw new Error("Cannot resolve declarations")}))(e),core_reflect_module_resolve=e=>core_reflect_body_catch((e=>{const o=(0,collect_declarations.A)(e);if(o.NgModule)return o.NgModule;throw new Error("Cannot resolve declarations")}))(e),core_reflect_meta=e=>(0,func_is_ng_def.p)(e,"c")||(0,func_is_ng_def.p)(e,"d")?core_reflect_directive_resolve(e):(0,func_is_ng_def.p)(e,"m")?core_reflect_module_resolve(e):void 0;function getSourceOfMock(e){return"function"==typeof e&&e.mockOf?e.mockOf:e}const mark_exported=(e,o)=>{var t;const r=getSourceOfMock(e),n=null!==(t=ng_mocks_universe.A.configInstance.get(r))&&void 0!==t?t:{__set:!0};n.exported||(n.exported=new Set),o&&n.exported.add(getSourceOfMock(o)),n.__set&&(n.__set=void 0,ng_mocks_universe.A.configInstance.set(r,n))};var x=e=>{var o={};return __webpack_require__.d(o,e),o},y=e=>()=>e;const forms_namespaceObject=x({AbstractControl:()=>__WEBPACK_EXTERNAL_MODULE__angular_forms_df10eade__.AbstractControl,DefaultValueAccessor:()=>__WEBPACK_EXTERNAL_MODULE__angular_forms_df10eade__.DefaultValueAccessor,FormControl:()=>__WEBPACK_EXTERNAL_MODULE__angular_forms_df10eade__.FormControl,FormControlDirective:()=>__WEBPACK_EXTERNAL_MODULE__angular_forms_df10eade__.FormControlDirective,NG_ASYNC_VALIDATORS:()=>__WEBPACK_EXTERNAL_MODULE__angular_forms_df10eade__.NG_ASYNC_VALIDATORS,NG_VALIDATORS:()=>__WEBPACK_EXTERNAL_MODULE__angular_forms_df10eade__.NG_VALIDATORS,NG_VALUE_ACCESSOR:()=>__WEBPACK_EXTERNAL_MODULE__angular_forms_df10eade__.NG_VALUE_ACCESSOR,NgControl:()=>__WEBPACK_EXTERNAL_MODULE__angular_forms_df10eade__.NgControl,NgModel:()=>__WEBPACK_EXTERNAL_MODULE__angular_forms_df10eade__.NgModel}),AbstractControl=forms_namespaceObject.AbstractControl,DefaultValueAccessor=forms_namespaceObject.DefaultValueAccessor,FormControl=forms_namespaceObject.FormControl,FormControlDirective=forms_namespaceObject.FormControlDirective,NG_ASYNC_VALIDATORS=forms_namespaceObject.NG_ASYNC_VALIDATORS,NG_VALIDATORS=forms_namespaceObject.NG_VALIDATORS,NG_VALUE_ACCESSOR=forms_namespaceObject.NG_VALUE_ACCESSOR,NgControl=forms_namespaceObject.NgControl,NgModel=forms_namespaceObject.NgModel,core_form={AbstractControl,DefaultValueAccessor,FormControl,FormControlDirective,NG_ASYNC_VALIDATORS,NG_VALIDATORS,NG_VALUE_ACCESSOR,NgControl,NgModel},func_is_mock=e=>e&&"object"==typeof e&&!!e.__ngMocks;var mock_helper_stub=__webpack_require__(195),mock_instance_apply=__webpack_require__(760),helper_mock_service=__webpack_require__(932),func_directive_io_parse=__webpack_require__(184);const applyProxy=(e,o,t,r)=>{if(e.instance&&r&&(e.instance[r]=t),e.instance&&e.instance[o])return e.instance[o](t)};class MockControlValueAccessorProxy{constructor(e){this.target=e}registerOnChange(e){applyProxy(this,"registerOnChange",e,"__simulateChange")}registerOnTouched(e){applyProxy(this,"registerOnTouched",e,"__simulateTouch")}setDisabledState(e){applyProxy(this,"setDisabledState",e)}writeValue(e){applyProxy(this,"writeValue",e)}}class MockValidatorProxy{constructor(e){this.target=e}registerOnValidatorChange(e){applyProxy(this,"registerOnValidatorChange",e,"__simulateValidatorChange")}validate(e){return this.instance&&this.instance.validate?this.instance.validate(e):null}}class MockAsyncValidatorProxy{constructor(e){this.target=e}registerOnValidatorChange(e){applyProxy(this,"registerOnValidatorChange",e,"__simulateValidatorChange")}validate(e){if(this.instance&&this.instance.validate){const o=this.instance.validate(e);return void 0===o?Promise.resolve(null):o}return Promise.resolve(null)}}const setValueAccessor=(e,o)=>{if(o&&!o.valueAccessor&&e.__ngMocksConfig.setControlValueAccessor)try{o.valueAccessor=new MockControlValueAccessorProxy(e.__ngMocksCtor)}catch(e){}},installValueAccessor=(e,o)=>{e.valueAccessor.instance||e.valueAccessor.target!==o.__ngMocksCtor||(e.valueAccessor.instance=o,helper_mock_service.A.mock(o,"registerOnChange"),helper_mock_service.A.mock(o,"registerOnTouched"),helper_mock_service.A.mock(o,"setDisabledState"),helper_mock_service.A.mock(o,"writeValue"),o.__ngMocksConfig.isControlValueAccessor=!0)},installValidator=(e,o)=>{for(const t of e)t.instance||t.target!==o.__ngMocksCtor||(t.instance=o,helper_mock_service.A.mock(o,"registerOnValidatorChange"),helper_mock_service.A.mock(o,"validate"),o.__ngMocksConfig.isValidator=!0)},applyNgValueAccessor=(e,o)=>{setValueAccessor(e,o);try{o&&(installValueAccessor(o,e),installValidator(o._rawValidators,e),installValidator(o._rawAsyncValidators,e))}catch(e){}},applyOutputs=e=>{const o=[];for(const t of e.__ngMocksConfig.outputs||[])o.push((0,func_directive_io_parse.A)(t).name);for(const t of o)e[t]||Object.getOwnPropertyDescriptor(e,t)||(e[t]=new core_.EventEmitter)},applyPrototype=(e,o)=>{for(const t of[...helper_mock_service.A.extractMethodsFromPrototype(o),...helper_mock_service.A.extractPropertiesFromPrototype(o)]){const r=helper_mock_service.A.extractPropertyDescriptor(o,t);helper_mock_service.A.definePropertyDescriptor(e,t,r)}},applyMethods=(e,o)=>{for(const t of helper_mock_service.A.extractMethodsFromPrototype(o))e[t]||Object.getOwnPropertyDescriptor(e,t)||helper_mock_service.A.mock(e,t)},applyProps=(e,o)=>{for(const t of helper_mock_service.A.extractPropertiesFromPrototype(o))e[t]||Object.getOwnPropertyDescriptor(e,t)||(helper_mock_service.A.mock(e,t,"get"),helper_mock_service.A.mock(e,t,"set"))},applyOverrides=(e,o,t)=>{const r=ng_mocks_universe.A.getOverrides().get(o),n=r?(0,core_helpers.LG)(r):[];e.__ngMocksConfig.init&&n.push(e.__ngMocksConfig.init),n.push(...(0,mock_instance_apply.A)(o));for(const o of n){const r=o(e,t);r&&(0,mock_helper_stub.A)(e,r)}};class Mock{constructor(e=null,o=null){const t=this.constructor.mockOf;(0,core_define_property.A)(this,"__ngMocks",!0),(0,core_define_property.A)(this,"__ngMocksInjector",e),(0,core_define_property.A)(this,"__ngMocksCtor",this.constructor);for(const e of this.__ngMocksConfig.queryScanKeys||[])(0,core_define_property.A)(this,`__ngMocksVcr_${e}`,void 0);for(const e of this.__ngMocksConfig.hostBindings||[])helper_mock_service.A.mock(this,e,"get"),helper_mock_service.A.mock(this,e,"set");for(const e of this.__ngMocksConfig.hostListeners||[])helper_mock_service.A.mock(this,e);func_is_mock(this)&&(applyNgValueAccessor(this,o),applyOutputs(this),applyPrototype(this,Object.getPrototypeOf(this)),applyMethods(this,t.prototype),applyProps(this,t.prototype)),Object.setPrototypeOf(this,t.prototype),applyOverrides(this,t,null!=e?e:void 0)}}(0,core_define_property.A)(Mock,"parameters",[[core_.Injector,new core_.Optional],[core_form.NgControl||(()=>{}),new core_.Optional,new core_.Self]]);class LegacyControlValueAccessor extends Mock{__simulateChange(){}__simulateTouch(){}__simulateValidatorChange(){}}var func_directive_io_build=__webpack_require__(439);const decorate_inputs=(e,o,t)=>{if(o)for(const r of o){const{name:o,alias:n,required:s}=(0,func_directive_io_parse.A)(r);t&&-1!==t.indexOf(o)||(0,core_.Input)((0,func_directive_io_build.A)({name:o,alias:n,required:s},!0))(e.prototype,o)}},decorate_mock=(e,o,t={})=>{(0,core_define_property.A)(e,"mockOf",o),(0,core_define_property.A)(e,"nameConstructor",(0,func_get_name.A)(e)),(0,core_define_property.A)(e,"name",`MockOf${(0,func_get_name.A)(o)}`,!0);const r=ng_mocks_universe.A.getConfigMock().has(o)?Object.assign(Object.assign({},t),{config:Object.assign(Object.assign({},ng_mocks_universe.A.getConfigMock().get(o)),t.config)}):t;(0,core_define_property.A)(e.prototype,"__ngMocksConfig",r)},decorate_outputs=(e,o)=>{if(o)for(const t of o){const{name:o,alias:r,required:n}=(0,func_directive_io_parse.A)(t);(0,core_.Output)((0,func_directive_io_build.A)({name:o,alias:r,required:n},!0))(e.prototype,o)}},map={ContentChild:core_.ContentChild,ContentChildren:core_.ContentChildren,ViewChild:core_.ViewChild,ViewChildren:core_.ViewChildren},isInternalKey=e=>0===e.indexOf("__mock"),cloneVcrQuery=e=>Object.assign(Object.assign({},e),{ngMetadataName:e.ngMetadataName,read:core_.ViewContainerRef}),generateFinalQueries=e=>{const o=[],t=[];for(const r of Object.keys(e)){const n=e[r];o.push([r,n]),n.isViewQuery||isInternalKey(r)||(t.push(r),o.push([`__ngMocksVcr_${r}`,cloneVcrQuery(n)]))}return[o,t]},decorate_queries=(e,o)=>{if(!o)return[];const[t,r]=generateFinalQueries(o);for(const[o,r]of t)r.ngMetadataName&&(0,map[r.ngMetadataName])(r.selector,r)(e.prototype,o);return r};var func_extract_forward_ref=__webpack_require__(285);const to_existing_provider=(e,o)=>({provide:e,useExisting:o}),to_factory_provider=(e,o)=>({multi:!0,provide:e,useFactory:o}),processTokens=(e,o)=>{const t=(0,func_get_type.A)(o);return core_form.NG_VALIDATORS&&t===core_form.NG_VALIDATORS?to_factory_provider(t,(()=>new MockValidatorProxy(e))):core_form.NG_ASYNC_VALIDATORS&&t===core_form.NG_ASYNC_VALIDATORS?to_factory_provider(t,(()=>new MockAsyncValidatorProxy(e))):core_form.NG_VALUE_ACCESSOR&&t===core_form.NG_VALUE_ACCESSOR?to_factory_provider(t,(()=>new MockControlValueAccessorProxy(e))):void 0},processOwnUseExisting=(e,o,t)=>{const r=(0,func_get_type.A)(t);if(r!==core_form.NgControl&&r!==core_form.FormControlDirective)return t!==r&&(0,func_extract_forward_ref.A)(t.useExisting)===e?to_existing_provider(r,o):void 0},processProvider=(e,o,t,r)=>{const n=processTokens(o,t);if(n)return n;return processOwnUseExisting(e,o,t)||helper_mock_service.A.resolveProvider(t,r)},clone_providers=(e,o,t,r)=>{const n=[];let s;for(const c of(0,core_helpers.Bq)(t||[])){(0,func_get_type.A)(c)===core_form.NG_VALUE_ACCESSOR&&(s=!1);const t=processProvider(e,o,c,r);t&&n.push(t)}return{providers:n,setControlValueAccessor:s}},buildConfig=(e,o,t)=>({config:ng_mocks_universe.A.config.get(e),outputs:o.outputs,queryScanKeys:[],setControlValueAccessor:t}),decorate_declaration=(e,o,t,r)=>{const n=ng_mocks_universe.A.config.has("mockNgDefResolver");n||ng_mocks_universe.A.config.set("mockNgDefResolver",new core_def_stack);const s=Object.assign({},r);if(void 0!==t.exportAs&&(s.exportAs=t.exportAs),void 0!==t.selector&&(s.selector=t.selector),void 0!==t.standalone&&(s.standalone=t.standalone),t.standalone&&t.imports){const[,{imports:e}]=mock_ng_def({imports:t.imports,skipExports:!0});(null==e?void 0:e.length)&&(s.imports=e)}if(t.hostDirectives){const[,{hostDirectives:e}]=mock_ng_def({hostDirectives:t.hostDirectives,skipExports:!0});(null==e?void 0:e.length)&&(s.hostDirectives=e)}const{setControlValueAccessor:c,providers:_}=clone_providers(e,o,t.providers||[],ng_mocks_universe.A.config.get("mockNgDefResolver"));_.push(to_existing_provider(e,o)),s.providers=_;const{providers:i}=clone_providers(e,o,t.viewProviders||[],ng_mocks_universe.A.config.get("mockNgDefResolver"));i.length>0&&(s.viewProviders=i);const a=buildConfig(e,t,null!=c?c:-1!==helper_mock_service.A.extractMethodsFromPrototype(e.prototype).indexOf("writeValue"));decorate_mock(o,e,a),t.queries&&decorate_inputs(o,t.inputs,Object.keys(t.queries)),decorate_outputs(o,t.outputs),a.queryScanKeys=decorate_queries(o,t.queries),a.hostBindings=[];for(const[e]of t.hostBindings||[])-1===a.hostBindings.indexOf(e)&&a.hostBindings.push(e);a.hostListeners=[];for(const[e]of t.hostListeners||[])-1===a.hostListeners.indexOf(e)&&a.hostListeners.push(e);return n||ng_mocks_universe.A.config.delete("mockNgDefResolver"),s},getType=e=>(0,func_is_ng_def.p)(e,"p")?"pipe":(0,func_is_ng_def.p)(e,"d")?"directive":(0,func_is_ng_def.p)(e,"c")?"component":(0,func_is_ng_def.p)(e,"m")?"module":(0,func_is_ng_def.p)(e,"i")?"service":(0,func_is_ng_def.p)(e,"t")?"token":"",func_import_exists=(e,o)=>{if(null==e)throw new Error(`null / undefined has been passed into ${o}. Please check that its import is correct.`);if("MockPipe"===o&&(0,func_is_ng_def.p)(e,"p"))return;if("MockDirective"===o&&(0,func_is_ng_def.p)(e,"d"))return;if("MockComponent"===o&&(0,func_is_ng_def.p)(e,"c"))return;if("MockModule"===o&&(0,func_is_ng_def.p)(e,"m"))return;const t=getType(e);if(t&&"MockPipe"===o)throw new Error(`${o} accepts pipes, whereas ${(0,func_get_name.A)(e)} is a ${t}.`);if(t&&"MockDirective"===o)throw new Error(`${o} accepts directives, whereas ${(0,func_get_name.A)(e)} is a ${t}.`);if(t&&"MockComponent"===o)throw new Error(`${o} accepts components, whereas ${(0,func_get_name.A)(e)} is a ${t}.`);if(t&&"MockModule"===o)throw new Error(`${o} accepts modules, whereas ${(0,func_get_name.A)(e)} is a ${t}.`)};function isMockNgDef(e,o){return!!e.mockOf&&(!o||(0,func_is_ng_def.p)(e.mockOf,o))}const func_get_last_fixture=()=>{const e=(0,testing_.getTestBed)()._activeFixtures;return e[e.length-1]},return_cached_mock=e=>{let o;try{o=func_get_last_fixture().debugElement.injector.get(core_tokens.en).get(e)}catch(e){}return o||(o=ng_mocks_universe.A.cacheDeclarations.get(e)),e.__ngMocksResolutions&&ng_mocks_universe.A.config.has("mockNgDefResolver")&&ng_mocks_universe.A.config.get("mockNgDefResolver").merge(e.__ngMocksResolutions),o},get_mock=(e,o,t,r,n,s)=>{if(func_import_exists(e,t),isMockNgDef(e,o))return e;if(ng_mocks_universe.A.flags.has(r)&&ng_mocks_universe.A.cacheDeclarations.has(e))return return_cached_mock(e);const c=ng_mocks_universe.A.config.has("ngMocksDepsResolution");c||ng_mocks_universe.A.config.set("ngMocksDepsResolution",new Map);const _=(0,core_helpers.He)(n);return s(e,_),ng_mocks_universe.A.flags.has(r)&&ng_mocks_universe.A.cacheDeclarations.set(e,_),c||ng_mocks_universe.A.config.delete("ngMocksDepsResolution"),_},vcrArgs={read:core_.ViewContainerRef,static:!1},trArgs={read:core_.TemplateRef,static:!1},viewChildTemplate=(e,o)=>`<ng-template #ngIf_${o}_${e}><div data-${o}="${e}"><ng-template #${o}_${e}></ng-template></div></ng-template>`,isTemplateRefQuery=e=>!(e.isViewQuery||e.read&&e.read!==core_.TemplateRef||"string"!=typeof e.selector&&!e.read),generate_template=e=>{const o=["<ng-content></ng-content>"];if(!e)return o.join("");for(const t of Object.keys(e)){const r=e[t];if(0!==t.indexOf("__mock")&&isTemplateRefQuery(r)){if("string"==typeof r.selector){const t=r.selector.replace(new RegExp("\\W","mg"),"_");e[`__vcrIf_key_${t}`]=new core_.ViewChild(`ngIf_key_${t}`,vcrArgs),e[`__trIf_key_${t}`]=new core_.ViewChild(`ngIf_key_${t}`,trArgs),e[`__mockView_key_${t}`]=new core_.ViewChild(`key_${t}`,vcrArgs),e[`__mockTpl_key_${t}`]=r,o.push(viewChildTemplate(t,"key"))}e[`__vcrIf_prop_${t}`]=new core_.ViewChild(`ngIf_prop_${t}`,vcrArgs),e[`__trIf_prop_${t}`]=new core_.ViewChild(`ngIf_prop_${t}`,trArgs),e[`__mockView_prop_${t}`]=new core_.ViewChild(`prop_${t}`,vcrArgs),o.push(viewChildTemplate(t,"prop"))}}return o.join("")},get_key=e=>{if("string"==typeof e)return["key",`__mockTpl_key_${e}`,e,void 0];const[o,...t]=e;return["prop",o,o,t.length>0?t:void 0]},mixRenderPrepareVcr=(e,o,t,r)=>{const n=e[`__vcrIf_${o}_${t}`],s=e[`__trIf_${o}_${t}`];return n&&s&&!e[`ngMocksRender_${o}_${t}`]&&(e[`ngMocksRender_${o}_${t}`]=n.createEmbeddedView(s,{}),r.detectChanges()),e[`__mockView_${o}_${t}`]},mixRenderReorderViews=(e,o,t)=>{for(const e of o.splice(t+1))e.destroy();let r=0;for(const t of o)t&&(e.move(t,r),r+=1)},mixRenderApplyContext=(e,o)=>{for(const o of Object.keys(e.context))e.context[o]=void 0;for(const t of Object.keys(o))e.context[t]=o[t];e.markForCheck()},mixRenderHandleViews=(e,o,t,r,n,s)=>{let c=-1;for(const o of t)if(c+=1,r[c]=r[c]||void 0,(!n||-1!==n.indexOf(c))&&o){if(!(o instanceof core_.TemplateRef))throw new Error("Cannot find TemplateRef");r[c]||(r[c]=e.createEmbeddedView(o,{})),mixRenderApplyContext(r[c],s)}return o.detectChanges(),c},mixRender=(e,o)=>{(0,core_define_property.A)(e,"__render",((t,r,n)=>{const[s,c,_,i]=get_key(t),a=mixRenderPrepareVcr(e,s,_,o);if(!a)return;const l=e[c],p=l instanceof core_.QueryList?l.toArray():[l],u=e[`ngMocksRender_${s}_${_}_views`]||[],d=mixRenderHandleViews(a,o,p,u,i,Object.assign(Object.assign({},n),{$implicit:r}));mixRenderReorderViews(a,u,d),e[`ngMocksRender_${s}_${_}_views`]=u,o.detectChanges()}))},mixHideHandler=(e,o,t,r)=>{const n=e[`ngMocksRender_${o}_${t}_views`];let s=-1;for(const e of n)s+=1,r&&-1===r.indexOf(s)||!e||(e.destroy(),n[s]=void 0)},mixHide=(e,o)=>{(0,core_define_property.A)(e,"__hide",(t=>{const[r,,n,s]=get_key(t);e[`ngMocksRender_${r}_${n}`]&&(mixHideHandler(e,r,n,s),s||(e[`ngMocksRender_${r}_${n}`].destroy(),e[`ngMocksRender_${r}_${n}`]=void 0),o.detectChanges())}))};class ComponentMockBase extends LegacyControlValueAccessor{constructor(e,o,t){super(e,o),func_is_mock(this)&&(mixRender(this,t),mixHide(this,t))}ngAfterViewInit(){const e=this.__ngMocksConfig.config;if(!this.__rendered&&e&&e.render){for(const o of Object.keys(e.render)){const{$implicit:t,variables:r}=!0===e.render[o]?{$implicit:void 0,variables:{}}:e.render[o];this.__render(o,t,r)}this.__rendered=!0}}}(0,core_define_property.A)(ComponentMockBase,"parameters",[[core_.Injector],[core_form.NgControl||(()=>{}),new core_.Optional,new core_.Self],[core_.ChangeDetectorRef]]);const decorateClass=(e,o)=>{const t=core_reflect_directive_resolve(e);(0,core_.Component)(decorate_declaration(e,o,t,{template:generate_template(t.queries)}))(o)};function MockComponents(...e){return e.map(MockComponent)}function MockComponent(e){return get_mock(e,"c","MockComponent","cacheComponent",ComponentMockBase,decorateClass)}class DirectiveMockBase extends LegacyControlValueAccessor{constructor(e,o,t,r,n=null,s=null){super(e,o),this.__ngMocksInstall(r,t,n,s)}ngOnInit(){const e=this.__ngMocksConfig.config;if(null==e?void 0:e.render){const{$implicit:o,variables:t}=!0===e.render?{$implicit:void 0,variables:{}}:e.render;this.__render(o,t)}}__ngMocksInstall(e,o,t,r){(0,core_define_property.A)(this,"__element",t),(0,core_define_property.A)(this,"__template",r),(0,core_define_property.A)(this,"__viewContainer",e),(0,core_define_property.A)(this,"__vcr",e),(0,core_define_property.A)(this,"__cdr",o),(0,core_define_property.A)(this,"__isStructural",r&&e),(0,core_define_property.A)(this,"__render",((t,n)=>{e&&r&&(e.clear(),e.createEmbeddedView(r,Object.assign(Object.assign({},n),{$implicit:t})),o.detectChanges())}))}}(0,core_define_property.A)(DirectiveMockBase,"parameters",[[core_.Injector],[core_form.NgControl||(()=>{}),new core_.Optional,new core_.Self],[core_.ChangeDetectorRef],[core_.ViewContainerRef],[core_.ElementRef,new core_.Optional,new core_.Self],[core_.TemplateRef,new core_.Optional,new core_.Self]]);const mock_directive_decorateClass=(e,o)=>{const t=core_reflect_directive_resolve(e),r=decorate_declaration(e,o,t,{});(0,core_.Directive)(r)(o)};function MockDirectives(...e){return e.map(MockDirective)}function MockDirective(e){return get_mock(e,"d","MockDirective","cacheDirective",DirectiveMockBase,mock_directive_decorateClass)}const core_reflect_pipe_resolve=e=>core_reflect_body_catch((e=>{const o=(0,collect_declarations.A)(e);if(o.Pipe)return o.Pipe;throw new Error("Cannot resolve declarations")}))(e);function MockPipes(...e){return e.map((e=>MockPipe(e,void 0)))}const getMockClass=(e,o)=>{var t;const r=ng_mocks_universe.A.config.get(e),n=null!=o?o:null===(t=null==r?void 0:r.defValue)||void 0===t?void 0:t.transform,s=(0,core_helpers.He)(Mock);return(0,core_.Pipe)(core_reflect_pipe_resolve(e))(s),decorate_mock(s,e,{init:e=>{n&&(e.transform=n),e.transform||helper_mock_service.A.mock(e,"transform",`${(0,func_get_name.A)(e)}.transform`)},transform:n}),s};function MockPipe(e,o){if(func_import_exists(e,"MockPipe"),isMockNgDef(e,"p"))return e;if(ng_mocks_universe.A.flags.has("cachePipe")&&ng_mocks_universe.A.cacheDeclarations.has(e))return return_cached_mock(e);const t=getMockClass(e,o);return ng_mocks_universe.A.flags.has("cachePipe")&&ng_mocks_universe.A.cacheDeclarations.set(e,t),t}const flagMock=e=>"mock"===e&&ng_mocks_universe.A.flags.has("skipMock"),flagKeep=e=>"keep"===e&&!ng_mocks_universe.A.flags.has("skipMock"),flagReplace=e=>"replace"===e&&!ng_mocks_universe.A.flags.has("skipMock"),flagNever=e=>-1!==core_config.A.neverMockModule.indexOf((0,func_get_name.A)(e))&&!ng_mocks_universe.A.flags.has("skipMock"),preProcessFlags=e=>{let o=!1,t=!0;ng_mocks_universe.A.flags.has("hasRootModule")?t=!1:ng_mocks_universe.A.flags.add("hasRootModule");const r=ng_mocks_universe.A.getResolution(e);return flagMock(r)&&(o=!0,ng_mocks_universe.A.flags.delete("skipMock")),flagNever(e)&&(o=!0,ng_mocks_universe.A.flags.add("skipMock")),t||!flagKeep(r)&&!flagReplace(r)||(o=!0,ng_mocks_universe.A.flags.add("skipMock")),{isRootModule:t,toggleSkipMockFlag:o}},postProcessFlags=({isRootModule:e,toggleSkipMockFlag:o})=>{o&&ng_mocks_universe.A.flags.has("skipMock")?ng_mocks_universe.A.flags.delete("skipMock"):o&&!ng_mocks_universe.A.flags.has("skipMock")&&ng_mocks_universe.A.flags.add("skipMock"),e&&ng_mocks_universe.A.flags.delete("hasRootModule")},extractModuleAndProviders=e=>{let o,t;return(0,func_is_ng_module_def_with_providers.h)(e)?(o=e.ngModule,e.providers&&(t=e.providers)):o=e,{ngModule:o,ngModuleProviders:t}},getExistingMockModule=(e,o)=>{var t;if(isMockNgDef(e,"m"))return e;if(ng_mocks_universe.A.flags.has("cacheModule")&&ng_mocks_universe.A.cacheDeclarations.has(e))return return_cached_mock(e);if(!o&&"mock"!==(null===(t=ng_mocks_universe.A.config.get("ngMocksDepsResolution"))||void 0===t?void 0:t.get(e))&&ng_mocks_universe.A.hasBuildDeclaration(e)){const o=ng_mocks_universe.A.getBuildDeclaration(e);if((0,func_is_ng_def.p)(o,"m")&&o!==e)return o}},detectMockModule=(e,o)=>{const[t,r,n]=o?[!1]:mock_ng_def(core_reflect_module_resolve(e),e);if(n&&(0,core_define_property.A)(e,"__ngMocksResolutions",n),t){const o=ng_mocks_universe.A.flags.has("skipMock")?e:Mock,t=(0,core_helpers.He)(o);return(0,core_.NgModule)(r)(t),decorate_mock(t,e),t}return o||e},getMockProviders=e=>{if(e){const[o,t]=mock_ng_def({providers:e,skipExports:!0});return o?t.providers:e}},generateReturn=(e,o,t,r,n)=>r===o&&n===t?e:(0,func_is_ng_module_def_with_providers.h)(e)?Object.assign({ngModule:r},n?{providers:n}:{}):r;function MockModule(e){var o;func_import_exists(e,"MockModule");const{ngModule:t,ngModuleProviders:r}=extractModuleAndProviders(e),n=preProcessFlags(t);try{const s=detectMockModule(t,getExistingMockModule(t,n.isRootModule));ng_mocks_universe.A.flags.has("cacheModule")&&ng_mocks_universe.A.cacheDeclarations.set(t,s),ng_mocks_universe.A.flags.has("skipMock")&&(null===(o=ng_mocks_universe.A.config.get("ngMocksDepsSkip"))||void 0===o||o.add(s));const c=getMockProviders(r);return generateReturn(e,t,r,s,c)}finally{postProcessFlags(n)}}const processDefMap=[["c",MockComponent],["d",MockDirective],["p",MockPipe]],processDef=e=>{if((0,func_is_ng_def.p)(e,"m")||(0,func_is_ng_module_def_with_providers.h)(e))return MockModule(e);if(ng_mocks_universe.A.hasBuildDeclaration(e))return ng_mocks_universe.A.getBuildDeclaration(e);if(ng_mocks_universe.A.flags.has("skipMock")&&"mock"!==ng_mocks_universe.A.getResolution(e))return e;for(const[o,t]of processDefMap)if((0,func_is_ng_def.p)(e,o))return t(e)},createResolveProvider=(e,o)=>t=>helper_mock_service.A.resolveProvider(t,e,o),createResolveWithProviders=(e,o)=>(0,func_is_ng_module_def_with_providers.h)(o)&&(0,func_is_ng_module_def_with_providers.h)(e),createResolveExisting=(e,o,t)=>{const r=o.get(e);return e!==r&&t(),r},createResolveExcluded=(e,o,t)=>{o.set(e,void 0),t()},createResolve=(e,o)=>t=>{var r;if(e.has(t))return createResolveExisting(t,e,o);const n=(0,func_get_type.A)(t);if(ng_mocks_universe.A.isExcludedDef(n))return createResolveExcluded(t,e,o);ng_mocks_universe.A.touches.add(n);const s=processDef(t);return createResolveWithProviders(t,s)&&e.set(t.ngModule,s.ngModule),ng_mocks_universe.A.flags.has("skipMock")&&(null===(r=ng_mocks_universe.A.config.get("ngMocksDepsSkip"))||void 0===r||r.add(s)),e.set(t,s),o(s!==t),s},create_resolvers=(e,o)=>({resolve:createResolve(o,e),resolveProvider:createResolveProvider(o,e)}),mark_providers=e=>{for(const o of(0,core_helpers.Bq)(null!=e?e:[])){const e=(0,func_get_type.A)(o);mark_exported(e)}},flatToExisting=(e,o)=>(0,core_helpers.Bq)(e).map(o).filter((e=>!!e)),configureProcessMetaKeys=(e,o)=>[["declarations",e],["hostDirectives",o=>{const t=(0,func_get_type.A)(o),r=e(t);return r===t?o:o==t?r:Object.assign(Object.assign({},o),{directive:r})}],["imports",e],["entryComponents",e],["bootstrap",e],["providers",o],["viewProviders",o],["exports",e],["schemas",e=>e]],processMeta=(e,o,t)=>{var r;const n={},s=configureProcessMetaKeys(o,t),c=ng_mocks_universe.A.flags.has("cachePipe");c||ng_mocks_universe.A.flags.add("cachePipe");for(const[o,t]of s)(null===(r=e[o])||void 0===r?void 0:r.length)&&(n[o]=flatToExisting(e[o],t));return e.skipMarkProviders||(mark_providers(n.providers),mark_providers(n.viewProviders)),c||ng_mocks_universe.A.flags.delete("cachePipe"),n},resolveDefForExport=(e,o,t,r)=>{const n=ng_mocks_universe.A.config.get(r)||{},s=(0,func_get_type.A)(e),c=o(s);if(!c)return;const _=ng_mocks_universe.A.config.get(s);return(null==_?void 0:_.export)&&r&&!n.export&&ng_mocks_universe.A.config.set(r,Object.assign(Object.assign({},n),{export:!0})),!t||n.exportAll||(null==_?void 0:_.export)?(mark_exported(s,r),c):void 0},skipAddExports=(e,o)=>!e||!!o.exports&&-1!==o.exports.indexOf(e),addExports=(e,o,t,r,n)=>{const s=ng_mocks_universe.A.flags.has("skipMock")||ng_mocks_universe.A.flags.has("correctModuleExports");for(const c of(0,core_helpers.Bq)([t.imports||[],t.declarations||[]])){const t=resolveDefForExport(c,e,s,n);skipAddExports(t,r)||(o(),r.exports=r.exports||[],r.exports.push(t))}},mock_ng_def=(e,o)=>{const t=ng_mocks_universe.A.config.has("mockNgDefResolver");t||ng_mocks_universe.A.config.set("mockNgDefResolver",new core_def_stack),ng_mocks_universe.A.config.get("mockNgDefResolver").push();let r=!ng_mocks_universe.A.flags.has("skipMock");const n=(e=!0)=>{r=r||e},{resolve:s,resolveProvider:c}=create_resolvers(n,ng_mocks_universe.A.config.get("mockNgDefResolver")),_=processMeta(e,s,c);e.skipExports||addExports(s,n,e,_,o);for(const e of o&&_.exports?(0,core_helpers.Bq)(_.exports):[])mark_exported(e,o);const i=ng_mocks_universe.A.config.get("mockNgDefResolver").pop();return t||ng_mocks_universe.A.config.delete("mockNgDefResolver"),[r,_,i]},get_override_def=e=>{if(!e)return;const o=ng_mocks_universe.A.flags.has("skipMock");o||ng_mocks_universe.A.flags.add("skipMock");const[t,r]=mock_ng_def(e);return o||ng_mocks_universe.A.flags.delete("skipMock"),t?r:void 0},skip_override=(e,o,t,r)=>!!ng_mocks_universe.A.cacheDeclarations.has(r)||!(!e.has(t)||r!==o.get(t)),create_ng_mocks_overrides_token=(e,o)=>{const t=new Map;for(const r of(0,core_helpers.LG)(ng_mocks_universe.A.touches)){const n=r,s=ng_mocks_universe.A.getBuildDeclaration(n)||n;if(skip_override(e,o,n,s))continue;const c=core_reflect_meta(s),_=get_override_def(c);if(!_)continue;const i={};for(const e of Object.keys(_))i[e]=c[e];t.set(s,[{set:_},{set:i}])}return{provide:core_tokens.So,useValue:t}},create_ng_mocks_token=()=>{const e=new Map;for(const[o,t]of[...(0,core_helpers.Nn)(ng_mocks_universe.A.builtProviders),...(0,core_helpers.Nn)(ng_mocks_universe.A.builtDeclarations),...(0,core_helpers.Nn)(ng_mocks_universe.A.cacheDeclarations),...(0,core_helpers.Nn)(ng_mocks_universe.A.cacheProviders)])e.has(o)||e.set(o,t);return{provide:core_tokens.en,useValue:e}},create_ng_mocks_touches_token=()=>{const e=new Set;for(const o of(0,core_helpers.LG)(ng_mocks_universe.A.touches)){const t=o;let r=ng_mocks_universe.A.getBuildDeclaration(t);void 0===r&&(r=t),e.add(t),e.add(r)}return{provide:core_tokens.Em,useValue:e}};var helper_create_clone=__webpack_require__(365);class EntryComponentsModule{constructor(e,o){if(!o)return;const t=o.resolveComponentFactory;o.resolveComponentFactory=(0,helper_create_clone.A)(t,void 0,void 0,((r,...n)=>{var s;return t.apply(o,[null!==(s=e.get(r))&&void 0!==s?s:r,...n])}))}}(0,core_define_property.A)(EntryComponentsModule,"parameters",[[core_tokens.en],[core_.ComponentFactoryResolver,new core_.Optional]]);class IvyModule{}(0,core_.NgModule)()(IvyModule);const handle_entry_components=e=>{const o=[];for(const t of e.declarations)(0,func_is_ng_def.p)(t,"c")&&o.push(t);const t=(0,core_helpers.He)(EntryComponentsModule);(0,core_.NgModule)({entryComponents:IvyModule.ɵmod?[]:o})(t),e.imports.push(t)};var helper_use_factory=__webpack_require__(465),core_reflect_parameters_resolve=__webpack_require__(749),common_x=e=>{var o={};return __webpack_require__.d(o,e),o},common_y=e=>()=>e;const common_namespaceObject=common_x({DOCUMENT:()=>__WEBPACK_EXTERNAL_MODULE__angular_common_d12e0fe1__.DOCUMENT}),skipResolution=e=>{const o=ng_mocks_universe.A.getResolution(e);return"keep"===o||"exclude"===o||"mock"!==o&&void 0},skipSystem=e=>{if(!e||e===common_namespaceObject.DOCUMENT||ng_mocks_universe.A.touches.has(e))return!0;const o=skipResolution(e);return void 0!==o?o:"function"==typeof e&&-1!==core_config.A.neverMockProvidedFunction.indexOf(e.name)||!(!(0,func_is_ng_injection_token.S)(e)||-1===core_config.A.neverMockToken.indexOf(e.toString()))},skip_dep=e=>{if(skipSystem(e))return!0;const o=core_reflect_provided_in(e);return!("function"!=typeof e||o&&"platform"!==o)},add_def_to_root_provider_parameters=(e,o,t)=>{skip_dep(t)||!o.has(core_tokens.gG)&&ng_mocks_universe.A.config.get("ngMocksDepsSkip").has(t)||e.add(t)},check_root_provider_dependency=(e,o,t)=>{"function"==typeof e&&-1===t.indexOf(e)&&(t.push(e),o.push(e))},extract_dep=e=>{if(!e)return;let o;for(const t of e)t&&"object"==typeof t&&t.token&&(o=t.token),o||!t||"object"==typeof t&&t.ngMetadataName||(o=t);return(0,func_extract_forward_ref.A)(o)},get_root_providers_data=()=>{const e=[(0,core_helpers.LG)(ng_mocks_universe.A.config.get("ngMocksDepsSkip")),(0,core_helpers.LG)(ng_mocks_universe.A.config.get("ngMocksDeps")),(0,core_helpers.LG)(ng_mocks_universe.A.touches)];return{buckets:e,touched:[].concat(...e)}},handle_provided_in_dependency=e=>{if(ng_mocks_universe.A.touches.has(e))return;const o=core_reflect_provided_in(e);o&&ng_mocks_universe.A.config.get("ngMocksDepsSkip").has(o)&&ng_mocks_universe.A.config.get("ngMocksDepsSkip").add(e)},skip_root_provider_dependency=e=>!!skip_dep(e)||ng_mocks_universe.A.config.get("ngMocksDepsSkip").has(e),get_root_provider_parameters=e=>{const o=new Set,{buckets:t,touched:r}=get_root_providers_data();for(const n of t)for(const t of n){add_def_to_root_provider_parameters(o,e,t);for(const s of(0,core_reflect_parameters_resolve.A)(t)){const c=extract_dep(s);handle_provided_in_dependency(c),skip_root_provider_dependency(c)||(check_root_provider_dependency(c,r,n),e.has(core_tokens.gG)||!ng_mocks_universe.A.config.get("ngMocksDepsSkip").has(t)?o.add(c):ng_mocks_universe.A.config.get("ngMocksDepsSkip").add(c))}}return o},handle_root_providers=(e,{keepDef:o,mockDef:t},r)=>{const n=o.has(core_tokens.gG)?new Set:get_root_provider_parameters(t);if(n.size>0)for(const o of(0,core_helpers.LG)(n)){const t=(0,helper_resolve_provider.A)(o,r);if(t)e.providers.push(t);else if((0,func_is_ng_injection_token.S)(o)){const t=ng_mocks_universe.A.config.has("ngMocksMulti")&&ng_mocks_universe.A.config.get("ngMocksMulti").has(o);e.providers.push((0,helper_use_factory.A)(o,(()=>t?[]:void 0)))}}},init_module=(e,o)=>{var t;const r=null!==(t=ng_mocks_universe.A.config.get("mockNgDefResolver").get(e))&&void 0!==t?t:ng_mocks_universe.A.getBuildDeclaration(e),n=o.has(e)?o.get(e):void 0;return n?{ngModule:r,providers:n}:r},skipDef=e=>ng_mocks_universe.A.touches.has(e)||(0,func_is_ng_def.p)(e)||(0,func_is_ng_injection_token.S)(e)||"string"==typeof e,handleDef=({imports:e,declarations:o,providers:t},r,n)=>{skipDef(r)||error_jest_mock(r);let s=!1;if((0,func_is_ng_def.p)(r,"m")){const o=init_module(r,n);if(e.push(o),s=!0,"object"==typeof o&&o.providers)for(const e of(0,core_helpers.Bq)(o.providers))ng_mocks_universe.A.touches.add((0,func_get_type.A)(e))}if(((0,func_is_ng_def.p)(r,"c")||(0,func_is_ng_def.p)(r,"d")||(0,func_is_ng_def.p)(r,"p"))&&((isStandalone(r)?e:o).push(ng_mocks_universe.A.getBuildDeclaration(r)),s=!0),(0,func_is_ng_def.p)(r,"i")||!(0,func_is_ng_def.p)(r)){const e=ng_mocks_universe.A.builtProviders.get(r);e&&"string"!=typeof e&&!1===(0,func_is_ng_def.p)(e,"t")&&(t.push(e),s=!0)}s&&(mark_exported(r),ng_mocks_universe.A.touches.add(r))},isExportedOnRoot=(e,o,t)=>{const r=o.get(e),n=t.get(e)||{};if((0,func_is_ng_def.p)(e,"m")&&n.onRoot)return e;if(!(null==r?void 0:r.exported))return e;for(const e of(0,core_helpers.LG)(r.exported)){const r=isExportedOnRoot(e,o,t);if(r)return r}},moveModulesUp=(e,o)=>{const t=(0,func_is_ng_def.p)(e,"m"),r=(0,func_is_ng_def.p)(o,"m");return t&&r?0:t?-1:r?1:0},init_ng_modules=({configDefault:e,keepDef:o,mockDef:t,replaceDef:r},n)=>{const s={imports:[],declarations:[],providers:[]},c=[],_=[],i=[...(0,core_helpers.LG)(t),...(0,core_helpers.LG)(o),...(0,core_helpers.LG)(r)];i.sort(moveModulesUp);for(const o of i){const t=(0,func_is_ng_def.p)(o,"m")&&n.has(o)?o:isExportedOnRoot(o,ng_mocks_universe.A.configInstance,ng_mocks_universe.A.config);if(!t||-1!==c.indexOf(t))continue;const r=ng_mocks_universe.A.config.get(t)||{__set:!0};c.push(t),r.onRoot=r.onRoot||!r.dependency,r.__set&&(r.__set=void 0,ng_mocks_universe.A.config.set(t,r)),(0,func_is_ng_def.p)(t,"m")&&r.onRoot?handleDef(s,t,n):r.dependency||!r.export||!(0,func_is_ng_def.p)(t,"i")&&(0,func_is_ng_def.p)(t)?!r.dependency&&r.export?handleDef(s,t,n):ng_mocks_universe.A.touches.has(t)||r.dependency?!r.dependency||!e.dependency||"root"===core_reflect_provided_in(t)||"object"==typeof t&&t.__ngMocksSkip||_.push(t):handleDef(s,t,n):(handleDef(s,t,n),mark_providers([t]))}const a=ng_mocks_universe.A.global.get("flags");for(const e of _){if(ng_mocks_universe.A.touches.has(e))continue;const o=[`MockBuilder has found a missing dependency: ${(0,func_get_name.A)(e)}.`,"It means no module provides it.",'Please, use the "export" flag if you want to add it explicitly.',"https://ng-mocks.sudo.eu/api/MockBuilder#export-flag"].join(" ");if("warn"===a.onMockBuilderMissingDependency)console.warn(o);else if("throw"===a.onMockBuilderMissingDependency)throw new Error(o)}return s},funcExtractDeps=(e,o,t=!1)=>{const r=(0,collect_declarations.A)(e),n=getNgType(e);if(!n||"Injectable"===n)return o;const s=r[n];for(const e of core_config.A.dependencies)if(s[e])for(const r of(0,core_helpers.Bq)(s[e])){const e=(0,func_get_type.A)(r);o.has(e)||(o.add(e),t&&funcExtractDeps(e,o))}return o},init_exclude_def=e=>{const o=ng_mocks_universe.A.builtDeclarations,t=ng_mocks_universe.A.builtProviders,r=ng_mocks_universe.A.config.get("ngMocksDepsResolution");for(const n of(0,core_helpers.LG)(e))o.set(n,null),t.set(n,null),r.set(n,"exclude")},init_keep_def=(e,o)=>{const t=new Set,r=ng_mocks_universe.A.builtDeclarations,n=ng_mocks_universe.A.builtProviders,s=ng_mocks_universe.A.config.get("ngMocksDepsResolution");for(const c of(0,core_helpers.LG)(e))r.set(c,c),n.set(c,c),s.set(c,"keep"),o.get(c).shallow&&funcExtractDeps(c,t);return t};var mock_provider=__webpack_require__(415);const createInstance=(e,o,t)=>t.precise?o:(0,mock_helper_stub.A)(e,o),try_mock_provider=(e,o)=>{if((0,func_is_ng_def.p)(e,"i")&&o.has(e)){const t=ng_mocks_universe.A.config.get(e),r=o.get(e);ng_mocks_universe.A.builtProviders.set(e,(0,helper_use_factory.A)(e,void 0,(e=>createInstance(e,r,t))))}else(0,func_is_ng_def.p)(e,"i")&&ng_mocks_universe.A.builtProviders.set(e,(0,mock_provider.A)(e,!0));if(!(0,func_is_ng_def.p)(e)&&o.has(e)){const t=o.get(e);ng_mocks_universe.A.builtProviders.set(e,(0,helper_use_factory.A)(e,void 0,(()=>t)))}else(0,func_is_ng_def.p)(e)||ng_mocks_universe.A.builtProviders.set(e,(0,mock_provider.A)(e,!0))},init_mock_declarations=(e,o)=>{const t=ng_mocks_universe.A.builtDeclarations,r=ng_mocks_universe.A.config.get("ngMocksDepsResolution");for(const n of(0,core_helpers.LG)(e)){const e=!ng_mocks_universe.A.touches.has(n);r.set(n,"mock"),t.set(n,void 0),try_mock_provider(n,o),e&&ng_mocks_universe.A.touches.delete(n)}},try_mock_declaration=e=>{void 0===ng_mocks_universe.A.builtDeclarations.get(e)&&((0,func_is_ng_def.p)(e,"c")&&ng_mocks_universe.A.builtDeclarations.set(e,MockComponent(e)),(0,func_is_ng_def.p)(e,"d")&&ng_mocks_universe.A.builtDeclarations.set(e,MockDirective(e)),(0,func_is_ng_def.p)(e,"p")&&ng_mocks_universe.A.builtDeclarations.set(e,MockPipe(e)))},init_modules=(e,o,t,r)=>{var n,s,c,_,i;const a=new Map;for(const l of[...(0,core_helpers.LG)(e),...(0,core_helpers.LG)(o),...(0,core_helpers.LG)(t)]){const e=(0,collect_declarations.A)(l),t=[...null!==(n=r.get(l))&&void 0!==n?n:[],...null!==(c=null===(s=e.Component)||void 0===s?void 0:s.providers)&&void 0!==c?c:[],...null!==(i=null===(_=e.Directive)||void 0===_?void 0:_.providers)&&void 0!==i?i:[]],p=!ng_mocks_universe.A.touches.has(l);o.has(l)||ng_mocks_universe.A.flags.add("skipMock");const u=(0,func_is_ng_def.p)(l,"m");if(t.length>0){const[,e]=mock_ng_def({providers:t,skipMarkProviders:!u,skipExports:!0});a.set(l,e.providers)}u&&ng_mocks_universe.A.builtDeclarations.set(l,MockModule(l)),ng_mocks_universe.A.flags.delete("skipMock"),p&&ng_mocks_universe.A.touches.delete(l)}for(const e of(0,core_helpers.LG)(o))try_mock_declaration(e);return a},init_replace_def=(e,o)=>{const t=ng_mocks_universe.A.builtDeclarations,r=ng_mocks_universe.A.config.get("ngMocksDepsResolution");for(const n of(0,core_helpers.LG)(e))t.set(n,o.get(n)),r.set(n,"replace")},init_universe=({configDef:e,defProviders:o,defValue:t,excludeDef:r,keepDef:n,mockDef:s,replaceDef:c})=>{ng_mocks_universe.A.flags.add("cachePipe"),ng_mocks_universe.A.config.set("ngMocksMulti",new Set),ng_mocks_universe.A.config.set("ngMocksDeps",new Set),ng_mocks_universe.A.config.set("ngMocksDepsSkip",new Set),ng_mocks_universe.A.config.set("ngMocksDepsResolution",new Map);const _=init_keep_def(n,e);for(const e of(0,core_helpers.LG)(_))ng_mocks_universe.A.touches.add(e);for(const e of(0,core_helpers.LG)(n))_.add(e),funcExtractDeps(e,_,!0);for(const e of(0,core_helpers.LG)(s))_.add(e),funcExtractDeps(e,_,!0);for(const e of(0,core_helpers.LG)(c))_.add(e),funcExtractDeps(e,_,!0);for(const o of(0,core_helpers.LG)(_)){if(e.has(o))continue;const _=ng_mocks_universe.A.getResolution(o);"replace"===_?(c.add(o),t.set(o,ng_mocks_universe.A.getBuildDeclaration(o))):"keep"===_?n.add(o):"exclude"===_?r.add(o):("mock"===_||ng_mocks_universe.A.touches.has(o))&&s.add(o),e.set(o,ng_mocks_universe.A.touches.has(o)?{dependency:!0,__internal:!0}:{})}for(const[o,r]of(0,core_helpers.Nn)(e))ng_mocks_universe.A.config.set(o,Object.assign(Object.assign(Object.assign({},ng_mocks_universe.A.getConfigMock().get(o)),r),{defValue:t.get(o)}));return init_replace_def(c,t),init_exclude_def(r),init_mock_declarations(s,t),init_modules(n,s,c,o)},parse_mock_arguments=(e,o,t,r)=>{let n=e===o?r:o,s=null!=t?t:o!==r&&"object"==typeof o?o:void 0;return(0,func_is_ng_def.p)(e,"p")&&"function"==typeof o&&o!==e&&!(0,func_is_ng_def.p)(o,"p")?(n={transform:o},s=t):!(0,func_is_ng_def.p)(e,"i")&&(0,func_is_ng_def.p)(e)||(s=t),n=n===s?r:n,{config:s,mock:n}},parse_provider=e=>{const o=(0,func_get_type.A)(e);return{multi:o!==e&&e.multi,provide:o}};var __awaiter=function(e,o,t,r){return new(t||(t=Promise))((function(n,s){function c(e){try{i(r.next(e))}catch(e){s(e)}}function _(e){try{i(r.throw(e))}catch(e){s(e)}}function i(e){var o;e.done?n(e.value):(o=e.value,o instanceof t?o:new t((function(e){e(o)}))).then(c,_)}i((r=r.apply(e,o||[])).next())}))};const normaliseModule=e=>(0,func_is_ng_module_def_with_providers.h)(e)?{def:e.ngModule,providers:e.providers}:{def:e,providers:void 0},generateProviderValue=(e,o,t)=>t?[...Array.isArray(o)?o:[],e]:e,defaultMock={};class MockBuilderPromise{constructor(e){this.configDefault=e,this.beforeCC=new Set,this.configDef=new Map,this.defProviders=new Map,this.defValue=new Map,this.excludeDef=new Set,this.keepDef=new Set,this.mockDef=new Set,this.providerDef=new Map,this.replaceDef=new Set,this.stash=new MockBuilderStash,"undefined"!=typeof Symbol&&(this[Symbol.toStringTag]="Promise")}beforeCompileComponents(e){return this.beforeCC.add(e),this}build(){this.stash.backup();const e=new core_def_stack;ng_mocks_universe.A.config.set("mockNgDefResolver",e),ng_mocks_universe.A.flags.add("hasRootModule");try{const o=this.combineParams(),t=init_ng_modules(o,init_universe(o));return add_requested_providers(t,o,e),handle_root_providers(t,o,e),handle_entry_components(t),apply_platform_modules(),t.providers.push(create_ng_mocks_token(),create_ng_mocks_touches_token(),create_ng_mocks_overrides_token(this.replaceDef,this.defValue),MockBuilder),t}finally{ng_mocks_universe.A.flags.delete("hasRootModule"),ng_mocks_universe.A.config.delete("mockNgDefResolver"),this.stash.restore()}}catch(e){return __awaiter(this,void 0,void 0,(function*(){return this.then().catch(e)}))}exclude(e){return this.wipe(e),this.excludeDef.add(e),this.setConfigDef(e),this}finally(e){return __awaiter(this,void 0,void 0,(function*(){return this.then().finally(e)}))}keep(e,o){const{def:t,providers:r}=normaliseModule(e),n=this.keepDef.has(t)?this.defProviders.get(t):[];return this.wipe(t),this.keepDef.add(t),r&&this.defProviders.set(t,[...n||[],...r]),this.setConfigDef(t,o),this}mock(e,o=defaultMock,t){const{def:r,providers:n}=normaliseModule(e),{config:s,mock:c}=parse_mock_arguments(r,o,t,defaultMock);if((0,func_is_ng_def.p)(c)&&(0,func_is_ng_def.p)(e)&&!(0,func_is_ng_def.p)(e,"t"))throw new Error([`MockBuilder.mock(${(0,func_get_name.A)(e)}) received a class when its shape is expected.`,"Please try ngMocks.defaultMock instead."].join(" "));const _=this.mockDef.has(r)?this.defProviders.get(r):[];return this.wipe(r),this.mockDef.add(r),n&&this.defProviders.set(r,[..._||[],...n]),this.setDefValue(r,c),this.setConfigDef(r,s),this}provide(e){for(const o of(0,core_helpers.Bq)(e)){const{provide:e,multi:t}=parse_provider(o),r=this.providerDef.has(e)?this.providerDef.get(e):[];this.providerDef.set(e,generateProviderValue(o,r,t))}return this}replace(e,o,t){if(!(0,func_is_ng_def.p)(o)||!(0,func_is_ng_def.p)(e)||(0,func_is_ng_def.p)(o,"i")||(0,func_is_ng_def.p)(e,"i"))throw new Error("Cannot replace the declaration, both have to be a Module, a Component, a Directive or a Pipe, for Providers use `.mock` or `.provide`");return this.wipe(e),this.replaceDef.add(e),this.defValue.set(e,o),this.setConfigDef(e,t),this}then(e,o){return __awaiter(this,void 0,void 0,(function*(){const t=new Promise((e=>{const o=testing_.TestBed.configureTestingModule(this.build());for(const e of(0,core_helpers.LG)(this.beforeCC))e(o);o.compileComponents().then((()=>{e({testBed:o})}))}));return t.then(e,o)}))}combineParams(){return{configDef:this.configDef,configDefault:this.configDefault,defProviders:this.defProviders,defValue:this.defValue,excludeDef:this.excludeDef,keepDef:this.keepDef,mockDef:this.mockDef,providerDef:this.providerDef,replaceDef:this.replaceDef}}setConfigDef(e,o){!o&&this.configDef.has(e)||this.configDef.set(e,null!=o?o:this.configDefault)}setDefValue(e,o){o===defaultMock?this.defValue.delete(e):this.defValue.set(e,o)}wipe(e){this.defProviders.delete(e),this.defValue.delete(e),this.excludeDef.delete(e),this.keepDef.delete(e),this.mockDef.delete(e),this.providerDef.delete(e),this.replaceDef.delete(e)}}const objectsDiffer=(e,o)=>{const t=Object.keys(e),r=Object.keys(o);if(t.length!==r.length)return!0;for(const r of t)if(e[r]!==o[r])return!0;return!1},equal_variables=(e,o)=>e===o||!(e&&!o||!e&&o)&&!objectsDiffer(e,o),equal_render_defs=(e,o)=>e===o||("boolean"!=typeof e&&"boolean"!=typeof o||e===o)&&e.$implicit===o.$implicit&&equal_variables(e.variables,o.variables),equal_render_configs_objectsDiffer=(e,o)=>{if(Object.keys(e).length!==Object.keys(o).length)return!0;for(const t of Object.keys(e))if(!equal_render_defs(e[t],o[t]))return!0;return!1},equal_render_configs=(e,o)=>!(!equal_render_defs(o,e)||"object"==typeof o&&"object"==typeof e&&equal_render_configs_objectsDiffer(o,e)),are_equal_config_params=(e,o)=>o===e||o.dependency===e.dependency&&o.export===e.export&&o.exportAll===e.exportAll&&!!equal_render_configs(e.render,o.render),are_equal_maps=(e,o,t=((e,o)=>e===o))=>{if(!o||o.size!==e.size)return!1;for(const r of(0,core_helpers.d4)(e)){if(!o.has(r))return!1;if(!t(o.get(r),e.get(r)))return!1}return!0},areEqualProviderDefs=(e,o,...t)=>{for(const r of t)if(o&&e&&o[r]&&e[r]&&o[r]===e[r])return!0;return o===e},are_equal_providers=(e,o)=>{if(Array.isArray(e)!==Array.isArray(o))return!1;const[t,r]=[(0,core_helpers.Bq)(e),(0,core_helpers.Bq)(o)];if(t.length!==r.length)return!1;for(let e=0;e<t.length;e+=1){const[o,n]=[t[e],r[e]];if(o&&n&&o.multi!==n.multi)return!1;if(!areEqualProviderDefs(n,o,"useValue","useClass","useFactory","useExisting"))return!1}return!0},are_equal_sets=(e,o)=>{if(!o||o.size!==e.size)return!1;for(const t of(0,core_helpers.LG)(e))if(!o.has(t))return!1;return!0},get_empty_config=()=>({beforeCC:new Set,configDef:new Map,defProviders:new Map,defValue:new Map,excludeDef:new Set,keepDef:new Set,mockDef:new Set,providerDef:new Map,replaceDef:new Set}),required_metadata=e=>Object.assign(Object.assign({},e),{declarations:[...e.declarations||[]],imports:[...e.imports||[]],providers:[...e.providers||[]]});var mock_builder_performance_awaiter=function(e,o,t,r){return new(t||(t=Promise))((function(n,s){function c(e){try{i(r.next(e))}catch(e){s(e)}}function _(e){try{i(r.throw(e))}catch(e){s(e)}}function i(e){var o;e.done?n(e.value):(o=e.value,o instanceof t?o:new t((function(e){e(o)}))).then(c,_)}i((r=r.apply(e,o||[])).next())}))};class MockBuilderPerformance extends MockBuilderPromise{build(){const e=ng_mocks_universe.A.global;if(e.has("builder:module")&&e.has("builder:config")&&this.equalsTo(e.get("builder:config")))return required_metadata(e.get("builder:module"));e.has("builder:module")&&e.delete(e.get("builder:module"));const o=this.cloneConfig(),t=super.build();return e.set("builder:config",o),e.set("builder:module",t),required_metadata(t)}then(e,o){const t=Object.create(null,{then:{get:()=>super.then}});return mock_builder_performance_awaiter(this,void 0,void 0,(function*(){const r=ng_mocks_universe.A.global;if(r.has("bullet")&&r.has("builder:module")&&r.has("builder:config")&&this.equalsTo(r.get("builder:config")))return r.get(r.get("builder:module")).then(e,o);r.has("bullet")&&r.has("bullet:reset")&&(console.warn("ngMocks.faster has zero effect due to changes in testing module between runs"),r.delete("bullet"),testing_.TestBed.resetTestingModule(),r.set("bullet",!0));const n=t.then.call(this,e,o);return r.set(r.get("builder:module"),n),n}))}cloneConfig(){const e=get_empty_config();return(0,core_helpers.LG)(this.beforeCC,e.beforeCC),(0,core_helpers.LG)(this.excludeDef,e.excludeDef),(0,core_helpers.LG)(this.keepDef,e.keepDef),(0,core_helpers.LG)(this.mockDef,e.mockDef),(0,core_helpers.LG)(this.replaceDef,e.replaceDef),(0,core_helpers.Nn)(this.configDef,e.configDef),(0,core_helpers.Nn)(this.defProviders,e.defProviders),(0,core_helpers.Nn)(this.defValue,e.defValue),(0,core_helpers.Nn)(this.providerDef,e.providerDef),e}equalsTo(e){for(const o of["beforeCC","keepDef","replaceDef","excludeDef","mockDef"])if(!are_equal_sets(this[o],e[o]))return!1;for(const o of["defValue"])if(!are_equal_maps(this[o],e[o]))return!1;for(const o of["providerDef","defProviders"])if(!are_equal_maps(this[o],e[o],are_equal_providers))return!1;return are_equal_maps(this.configDef,e.configDef,are_equal_config_params)}}function MockBuilder(...e){const[o,t]=e,r=new MockBuilderPerformance(e.length<2?{export:!0}:{dependency:!0}),n=ng_mocks_universe.A.config.get("MockBuilderExtensions");for(const e of n?(0,core_helpers.d4)(n):[]){if((0,helper_extract_property_descriptor.A)(r,e))throw new Error(`MockBuilder.${e} is a base method and cannot be customized, please use a different name.`);(0,core_define_property.A)(r,e,((...o)=>(n.get(e)(r,o),r)))}if(o)for(const e of(0,core_helpers.Bq)(o))r.keep(e,{export:!0,shallow:isStandalone(e)});if(t)for(const e of(0,core_helpers.Bq)(t))r.mock(e,e,{export:!0,exportAll:!0});return r}function mockBuilderExtend(e,o){var t;const r=null!==(t=ng_mocks_universe.A.config.get("MockBuilderExtensions"))&&void 0!==t?t:new Map;o?(r.set(e,o),ng_mocks_universe.A.config.set("MockBuilderExtensions",r)):r.delete(e)}!function(e){e.extend=function(e,o){mockBuilderExtend(e,o)}}(MockBuilder||(MockBuilder={}));const is_debug_node=e=>!!(null==e?void 0:e.nativeElement)||!!(null==e?void 0:e.nativeNode),func_parse_find_args_name=e=>"string"==typeof e?e:"function"==typeof e?e.name:(0,func_is_ng_def.p)(e,"t")?e._desc:Array.isArray(e)?e[0]:e?"<UNKNOWN>":"<EMPTY>",is_fixture=e=>!!e&&"object"==typeof e&&void 0!==e.debugElement,findDebugElement=e=>is_fixture(e)?findDebugElement(e.debugElement):e&&e.injector&&e.query?e:void 0,func_parse_find_args=(e,o)=>{var t;let r,n,s=o;return 3===e.length?(r=findDebugElement(e[0]),n=e[1],s=e[2]):1===e.length?(r=findDebugElement(func_get_last_fixture()),[n]=e):e[0]?(r=findDebugElement(e[0]),r?n=e[1]:(r=findDebugElement(func_get_last_fixture()),[n,s]=e)):n=e[1],n=null!==(t=findDebugElement(n))&&void 0!==t?t:n,[r,n,s]};var platform_browser_x=e=>{var o={};return __webpack_require__.d(o,e),o},platform_browser_y=e=>()=>e;const platform_browser_namespaceObject=platform_browser_x({By:()=>__WEBPACK_EXTERNAL_MODULE__angular_platform_browser_bc6fa964__.By}),func_parse_find_term=e=>Array.isArray(e)?platform_browser_namespaceObject.By.css(1===e.length?`[${e[0]}]`:`[${e[0]}="${e[1]}"]`):"string"==typeof e?platform_browser_namespaceObject.By.css(e):platform_browser_namespaceObject.By.directive(getSourceOfMock(e)),defaultNotFoundValue={},mock_helper_find=(...e)=>{const[o,t,r]=func_parse_find_args(e,defaultNotFoundValue),n=is_debug_node(t)?t:null==o?void 0:o.query(func_parse_find_term(t));if(n)return n;if(r!==defaultNotFoundValue)return r;throw new Error(`Cannot find an element via ngMocks.find(${func_parse_find_args_name(t)})`)},detect_text_node=e=>"#text"===e.nativeNode.nodeName,el_def_compare=(e,o)=>!(!e||!o)&&e===o,el_def_get_node=e=>detect_text_node(e)?void 0:e.injector._tNode||e.injector.elDef||void 0,defaultInjector={},core_injector=(e,o=defaultInjector)=>{if(o===defaultInjector)return(0,core_helpers.d5)(e);try{return o.get(e)}catch(e){return}},getVcr=(e,o)=>{if(e!==o&&"#comment"===o.nativeNode.nodeName)return core_injector(core_.ViewContainerRef,o.injector)},getScanViewRefRootNodes=(e,o)=>{const t=getVcr(e,o);if(!t)return[];const r=[];for(let e=0;e<t.length;e+=1){const o=t.get(e);if(o)for(let e=0;e<o.rootNodes.length;e+=1)r.push([e,o.rootNodes[e]])}return r},scanViewRef=e=>{var o;let t,r;for(const n of(null===(o=e.parent)||void 0===o?void 0:o.childNodes)||[])for(const[o,s]of getScanViewRefRootNodes(e,n))s===e.nativeNode&&(void 0===r||o<r)&&(t=el_def_get_node(n),r=o);return t},el_def_get_parent=e=>{var o,t,r,n;return(null===(o=e.injector._tNode)||void 0===o?void 0:o.parent)||(null===(t=e.injector.elDef)||void 0===t?void 0:t.parent)||scanViewRef(e)||(null===(r=e.parent)||void 0===r?void 0:r.injector._tNode)||(null===(n=e.parent)||void 0===n?void 0:n.injector.elDef)||void 0},nested_check_children=e=>{var o,t;const r=el_def_get_node(e);if(!r||detect_text_node(e))return[];const n=void 0!==e.childNodes,s=[];for(const t of e.childNodes||(null===(o=e.parent)||void 0===o?void 0:o.childNodes)||[]){const e=el_def_get_parent(t);(n||el_def_compare(r,e))&&(e&&!el_def_compare(r,e)||s.push(t))}if("BODY"===(null===(t=e.parent)||void 0===t?void 0:t.name)){const o=e.parent.childNodes;let t=o.length,r=0;for(let n=o.length-1;n>=0;n-=1){const s=o[n];if("#comment"===s.nativeNode.nodeName)r=n;else if(s.nativeNode===e.nativeNode){t=n+1;break}}for(let e=t;e<r;e+=1)s.push(o[e])}return s},detectParent=(e,o)=>{var t;if(o)return o;const r=el_def_get_parent(e),n=e.parent?el_def_get_node(e.parent):void 0;if(e.parent&&el_def_compare(r,n))return e.parent;for(const o of(null===(t=e.parent)||void 0===t?void 0:t.childNodes)||[]){const e=el_def_get_node(o);if(el_def_compare(r,e))return o}},nested_check_parent=detectParent,nestedCheck=(e,o,t,r=!1)=>{if(!e)return!1;if(!r&&detect_text_node(e))return!1;if(t(e,nested_check_parent(e,o)))return!0;for(const o of nested_check_children(e))if(nestedCheck(o,e,t,r))return!0;return!1},nested_check=nestedCheck,mock_helper_crawl=(e,o,t=!1)=>{const r=mock_helper_find(func_get_last_fixture(),e,void 0);nested_check(r,void 0,o,t)},isSelector=e=>("string"==typeof e||Array.isArray(e)&&"string"==typeof e[0]||is_fixture(e)||is_debug_node(e),!0),mock_helper_func_parse_find_args=(e,o,t)=>{let r,n,s=t;return 3===e.length?[r,n,s]=e:1===e.length?(r=func_get_last_fixture(),[n]=e):o(e[1])&&isSelector(e[0])?[r,n]=e:(r=func_get_last_fixture(),[n,s]=e),[r,n,s]},detect_attribute_in_selectors=(e,o)=>{for(const t of e){const e=t.match(/\[([^=\]]+)/g);if(e)for(const t of e)if(t===`[${o}`)return!0}return!1},getMeta=e=>{try{return core_reflect_directive_resolve(e)}catch(e){return}},func_parse_provider_tokens_directives=(e,o)=>{if(e)try{const t=(0,func_get_type.A)(o),r=core_injector(t,e.injector);return getMeta(r.constructor)}catch(e){return}},func_get_public_provider_keys=e=>e.injector.elDef?Object.keys(e.injector.elDef.element.publicProviders):[],func_parse_inputs_and_requires_attributes=(e,o)=>{const t=e.injector.elDef.element.publicProviders[o],r=t.provider.value;if(!r)return[[],[],0];const n=func_parse_provider_tokens_directives(e,r),s=t.bindings.map((e=>e.nonMinifiedName||e.name));return[(null==n?void 0:n.inputs)||[],s,t.nodeIndex]},collectSelectors=e=>{const o=[];for(const t of e.providerTokens){const r=func_parse_provider_tokens_directives(e,t);(null==r?void 0:r.selector)&&-1===o.indexOf(r.selector)&&o.push(r.selector)}return o},collectAttributesClassic=e=>{const o=[];for(const t of func_get_public_provider_keys(e)){const[r,n]=func_parse_inputs_and_requires_attributes(e,t);for(const e of r){const{name:t,alias:r}=(0,func_directive_io_parse.A)(e),s=r||t;-1!==n.indexOf(t)&&-1===o.indexOf(s)&&o.push(s)}}return o},collectAttributesIvy=e=>{var o,t;const r=[],n=(null===(o=e.injector._tNode)||void 0===o?void 0:o.attrs)||[];let s=2;for(let o=0;o<n.length;o+=s){if("number"==typeof n[o]){s=1;continue}const c=n[o];(null===(t=e.injector._tNode.inputs)||void 0===t?void 0:t[c])&&-1===r.indexOf(c)&&r.push(c)}return r},detect_selectors_from_node=e=>[collectSelectors(e),[...collectAttributesClassic(e),...collectAttributesIvy(e)]],crawl_by_attribute=e=>o=>{const[t,r]=detect_selectors_from_node(o);return-1!==r.indexOf(e)||!!detect_attribute_in_selectors(t,e)},detectInClassic=(e,o,t)=>{for(const r of func_get_public_provider_keys(e)){const[n,s,c]=func_parse_inputs_and_requires_attributes(e,r);for(const r of n){const{name:n,alias:_}=(0,func_directive_io_parse.A)(r);if(o===(_||n)&&-1!==s.indexOf(n)&&t===e.injector.view.nodes[c].instance[n])return!0}}return!1},detectInIvy=(e,o,t)=>{var r,n,s;const c=(null===(r=e.injector._tNode)||void 0===r?void 0:r.attrs)||[];let _=2;for(let r=0;r<c.length;r+=_){if("number"==typeof c[r]){_=1;continue}const i=c[r];if(i!==o||!(null===(n=e.injector._tNode.inputs)||void 0===n?void 0:n[i]))continue;const[a,l]=e.injector._tNode.inputs[i];if(t===(null===(s=e.injector._lView)||void 0===s?void 0:s[a][l]))return!0}return!1},crawl_by_attribute_value=(e,o)=>t=>!!detectInIvy(t,e,o)||detectInClassic(t,e,o),crawl_by_declaration=e=>{const o=getSourceOfMock(e);return e=>!!e&&-1!==e.providerTokens.indexOf(o)&&void 0!==core_injector(o,e.injector)},crawl_by_id=e=>o=>!!o.references[e],regExp=new RegExp("\\[.*?\\]","g"),detect_tag_name_in_selectors=(e,o)=>{for(const t of e){const e=t.replace(regExp,"").split(",");for(const t of e)if(t.trim()===o)return!0}return!1},crawl_by_tag_name=e=>o=>{const[t]=detect_selectors_from_node(o);return detect_tag_name_in_selectors(t,e)},isCrawlByAttribute=e=>Array.isArray(e)&&1===e.length&&"string"==typeof e[0],isCrawlByAttributeValue=e=>Array.isArray(e)&&2===e.length&&"string"==typeof e[0],isCrawlById=e=>"string"==typeof e&&0===e.indexOf("#")&&e.length>1,isCrawlByTagName=e=>"string"==typeof e&&0!==e.indexOf("#")&&e.length>0,isCrawlByDeclaration=e=>"function"==typeof e,detect_crawler=e=>{if(isCrawlByAttribute(e))return crawl_by_attribute(e[0]);if(isCrawlByAttributeValue(e))return crawl_by_attribute_value(e[0],e[1]);if(isCrawlById(e))return crawl_by_id(e.slice(1));if(isCrawlByTagName(e))return crawl_by_tag_name(e);if(isCrawlByDeclaration(e))return crawl_by_declaration(e);throw new Error("Unknown selector")},func_is_valid_reveal_selector=e=>"string"==typeof e||!(!Array.isArray(e)||"string"!=typeof e[0])||"function"==typeof e,mock_helper_reveal_defaultNotFoundValue={},mock_helper_reveal=(...e)=>{const[o,t,r]=mock_helper_func_parse_find_args(e,func_is_valid_reveal_selector,mock_helper_reveal_defaultNotFoundValue),n=mock_helper_find(func_get_last_fixture(),o,void 0),s=detect_crawler(t);let c;if(mock_helper_crawl(n,(e=>!(e===n||detect_text_node(e)||!s(e)||(c=e,0)))),c)return c;if(r!==mock_helper_reveal_defaultNotFoundValue)return r;throw new Error(`Cannot find a DebugElement via ngMocks.reveal(${func_parse_find_args_name(t)})`)},mock_helper_reveal_all=(...e)=>{const[o,t]=mock_helper_func_parse_find_args(e,func_is_valid_reveal_selector),r=mock_helper_find(func_get_last_fixture(),o,void 0),n=detect_crawler(t),s=[];return mock_helper_crawl(r,(e=>{e!==r&&!detect_text_node(e)&&n(e)&&s.push(e)})),s},isMockControlValueAccessor=e=>!!func_is_mock(e)&&!!e.__ngMocksConfig.isControlValueAccessor;var helper_define_property_descriptor=__webpack_require__(6),helper_extract_methods_from_prototype=__webpack_require__(331);const is_html_element=e=>!!e&&"object"==typeof e&&void 0!==e.innerHTML,preventBubble=["focus","blur","load","unload","change","reset","scroll"],customEvent=(e,o)=>{const t=Object.assign({bubbles:!1,cancelable:!1},o),r=document.createEvent("CustomEvent");return r.initCustomEvent(e,t.bubbles,t.cancelable,null),r},eventCtor="function"==typeof Event?(e,o)=>new CustomEvent(e,o):customEvent,keyMap={alt:{altKey:!0,code:"AltLeft",key:"Alt",location:1,which:18},arrowdown:{code:"ArrowDown",key:"ArrowDown",location:0,which:40},arrowleft:{code:"ArrowLeft",key:"ArrowLeft",location:0,which:37},arrowright:{code:"ArrowRight",key:"ArrowRight",location:0,which:39},arrowup:{code:"ArrowUp",key:"ArrowUp",location:0,which:38},backspace:{code:"Backspace",key:"Backspace",location:0,which:8},control:{code:"ControlLeft",ctrlKey:!0,key:"Control",location:1,which:17},enter:{code:"Enter",key:"Enter",location:0,which:13},esc:{code:"Escape",key:"Escape",location:0,which:27},meta:{code:"MetaLeft",key:"Meta",location:1,metaKey:!0,which:91},shift:{code:"ShiftLeft",key:"Shift",location:1,shiftKey:!0,which:16},space:{code:"Space",key:" ",location:0,which:32},tab:{code:"Tab",key:"Tab",location:0,which:9}};for(let e=1;e<=12;e+=1)keyMap[`f${e}`]={code:`F${e}`,key:`F${e}`,location:0,which:e+111};const getCode=e=>{const o=e.codePointAt(0);return o&&o>=97&&o<=122||o&&o>=65&&o<=90?`Key${e.toUpperCase()}`:o&&o>=48&&o<=57?`Digit${e}`:"Unknown"},applyPayload=(e,o)=>{const t={};for(const e of o?o.split("."):[]){let o=keyMap[e];if(o||1!==e.length||(o={code:getCode(e),key:e}),!o)throw new Error(`Unknown event part ${e}`);(0,mock_helper_stub.A)(t,o)}o&&(0,mock_helper_stub.A)(e,t)},mock_helper_event=(e,o,t)=>{const r=e.indexOf("."),[n,s]=-1===r?[e]:[e.slice(0,Math.max(0,r)),e.slice(r+1)],c=eventCtor(n,Object.assign({bubbles:-1===preventBubble.indexOf(e),cancelable:!0},o));return applyPayload(c,s),t&&(0,mock_helper_stub.A)(c,t),c},mock_helper_trigger_preventBubble=["focus","blur","load","unload","change","reset","scroll"],toEventObj=e=>"string"==typeof e?mock_helper_event(e,{bubbles:-1===mock_helper_trigger_preventBubble.indexOf(e),cancelable:!0}):e,getNativeElement=e=>is_debug_node(e)||is_fixture(e)?e.nativeElement:is_html_element(e)?e:void 0,mock_helper_trigger=(e,o,t)=>{const r=is_html_element(e)?e:mock_helper_find(func_get_last_fixture(),e,void 0),n=getNativeElement(r);if(!n)throw new Error(`Cannot trigger ${"string"==typeof o?o:o.type} event undefined element`);if(n.disabled)return;const s=toEventObj(o);s.target||(0,mock_helper_stub.A)(s,{target:n}),t&&(0,mock_helper_stub.A)(s,t),n.dispatchEvent(s)};var mock_helper_stub_member=__webpack_require__(589);const message=["Cannot find ControlValueAccessor on the element.","If it is a mock input with [formControlName],","you need either to avoid mocking ReactiveFormsModule","or to avoid accessing the control in such a way,","because this tests ReactiveFormsModule instead of own implementation."].join(" "),func_get_vca=e=>{const o=core_form&&core_injector(core_form.NgControl,e.injector),t=null==o?void 0:o.valueAccessor;if(t)return t;const r=core_form&&core_injector(core_form.FormControlDirective,e.injector);if(null==r?void 0:r.form)return r.form;const n=core_form&&core_injector(core_form.NgModel,e.injector);if(n)return n;throw new Error(message)},triggerInput=(e,o)=>{mock_helper_trigger(e,"focus");const t=Object.getOwnPropertyDescriptor(e.nativeElement,"value");(0,mock_helper_stub_member.A)(e.nativeElement,"value",o),mock_helper_trigger(e,"input"),mock_helper_trigger(e,"change"),t&&((0,helper_define_property_descriptor.A)(e.nativeElement,"value",t),e.nativeElement.value=o),mock_helper_trigger(e,"blur")},handleKnown=(e,o)=>core_form&&e instanceof core_form.AbstractControl?(e.setValue(o),!0):core_form&&e instanceof core_form.NgModel?(e.update.emit(o),!0):!!isMockControlValueAccessor(e.instance)&&(e.instance.__simulateChange(o),!0),hasListener=e=>e.listeners.some((e=>"input"===e.name||"change"===e.name)),keys=["onChange","onChangeCallback","onChangeCb","onChangeClb","onChangeFn","_onChange","_onChangeCallback","_onChangeCb","_onChangeClb","_onChangeFn","changeFn","_changeFn","onModelChange","cvaOnChange","cvaOnChangeCallback","cvaOnChangeCb","cvaOnChangeClb","cvaOnChangeFn","_cvaOnChange","_cvaOnChangeCallback","_cvaOnChangeCb","_cvaOnChangeClb","_cvaOnChangeFn"],mock_helper_change=(e,o,t)=>{const r=mock_helper_find(func_get_last_fixture(),e,void 0);if(!r)throw new Error(`Cannot find an element via ngMocks.change(${func_parse_find_args_name(e)})`);const n=func_get_vca(r);if(handleKnown(n,o)||hasListener(r))return void triggerInput(r,o);for(const e of t?[t]:keys)if("function"==typeof n[e])return n.writeValue(o),void n[e](o);const s=(0,helper_extract_methods_from_prototype.A)(n);throw new Error(["Unsupported type of ControlValueAccessor,",`please ensure it has '${t||"onChange"}' method.`,"If it is a 3rd-party library, please provide the correct name of the method in the 'methodName' parameter.","Possible Names: "+s.join(", ")+"."].join(" "))},triggerTouch=e=>{mock_helper_trigger(e,"focus"),mock_helper_trigger(e,"blur")},mock_helper_touch_handleKnown=e=>core_form&&e instanceof core_form.AbstractControl?(e.markAsTouched(),!0):!!isMockControlValueAccessor(e.instance)&&(e.instance.__simulateTouch(),!0),mock_helper_touch_hasListener=e=>e.listeners.some((e=>"focus"===e.name||"blur"===e.name)),mock_helper_touch_keys=["onTouched","onTouchedCallback","onTouchedCb","onTouchedClb","onTouchedFn","_onTouched","_onTouchedCallback","_onTouchedCb","_onTouchedClb","_onTouchedFn","markAsTouched","_markAsTouched","onModelTouched","cvaOnTouch","cvaOnTouchCallback","cvaOnTouchCb","cvaOnTouchClb","cvaOnTouchFn","_cvaOnTouch","_cvaOnTouchCallback","_cvaOnTouchCb","_cvaOnTouchClb","_cvaOnTouchFn"],mock_helper_touch=(e,o)=>{const t=mock_helper_find(func_get_last_fixture(),e,void 0);if(!t)throw new Error(`Cannot find an element via ngMocks.touch(${func_parse_find_args_name(e)})`);const r=func_get_vca(t);if(mock_helper_touch_handleKnown(r)||mock_helper_touch_hasListener(t))return void triggerTouch(t);for(const e of o?[o]:mock_helper_touch_keys)if("function"==typeof r[e])return void r[e]();const n=(0,helper_extract_methods_from_prototype.A)(r);throw new Error(["Unsupported type of ControlValueAccessor,",`please ensure it has '${o||"onTouched"}' method.`,"If it is a 3rd-party library, please provide the correct name of the method in the 'methodName' parameter.","Possible Names: "+n.join(", ")+"."].join(" "))},mock_helper_click=(e,o)=>{mock_helper_trigger(e,"click",o)},mock_helper_find_all=(...e)=>{const[o,t]=func_parse_find_args(e);return is_debug_node(t)?[t]:(null==o?void 0:o.queryAll(func_parse_find_term(t)))||[]},getParentWithInjector=e=>{let o=e;for(;"NullInjector"===(null==o?void 0:o.injector.constructor.name);)o=o.parent;if(o)return o.injector},func_get_from_node_injector=(e,o,t)=>{if(!o.injector||"NullInjector"===o.injector.constructor.name)return;const r=getParentWithInjector(o.parent),n=r?core_injector(t,r):void 0,s=core_injector(t,o.injector);n!==s&&((0,func_is_ng_def.p)(t,"t")&&void 0!==s||void 0!==s&&-1===e.indexOf(s))&&e.push(s)},func_get_from_node_element=e=>{var o;return"#text"===(null===(o=e.nativeNode)||void 0===o?void 0:o.nodeName)&&e.parent?e.parent:e},detectGatherFlag=(e,o,t)=>!!(o&&o.nativeNode&&"#comment"===o.nativeNode.nodeName&&Array.isArray(t)&&t[0]===o.nativeNode)||!Array.isArray(t)&&(o&&t.nodeName?"#comment"===t.nodeName?t===o.nativeNode:"#text"===t.nodeName&&t.parentNode===o.nativeNode:e),isNotObject=e=>!e||"object"!=typeof e,shouldBeScanned=(e,o)=>-1===e.indexOf(o)&&Array.isArray(o),scan=({result:e,el:o,nodes:t,normalize:r,proto:n},s,c=[])=>{c.push(t);let _=s,i=t.length;t.length>1&&t[1]&&"object"==typeof t[1]&&t[1].bindingStartIndex&&(i=t[1].bindingStartIndex);for(let s=0;s<i;s+=1){const i=r(t[s]);isNotObject(i)||(shouldBeScanned(c,i)&&Array.isArray(i)&&scan({result:e,el:o,nodes:i,normalize:r,proto:n},_,c),_=detectGatherFlag(_,o,i),_&&-1===e.indexOf(i)&&i instanceof n&&e.push(i))}},func_get_from_node_scan=scan,detectContextByIndex=(e,o)=>{if("object"==typeof e[1]&&e[20]===o)return e;for(let t=21;t<e.length;t+=1){const r=e[t];if(Array.isArray(r)&&"object"==typeof r[1]&&r[20]===o)return r}},detectContext=e=>{var o;let t=e,r=null===(o=t.nativeNode)||void 0===o?void 0:o.__ngContext__;for(;void 0===r&&t.parent;)t=t.parent,r=t.nativeNode.__ngContext__;if("number"!=typeof r)return r;const n=t.injector._lView;return Array.isArray(n)?detectContextByIndex(n,r):void 0},contextToNodes=e=>Array.isArray(e)?e:null==e?void 0:e.lView,func_get_from_node_ivy=(e,o,t)=>{if(!o||o._debugContext)return;const r=func_get_from_node_element(o);func_get_from_node_scan({el:r,nodes:contextToNodes(detectContext(o))||[],normalize:e=>e,proto:t,result:e},!0)},normalize=e=>{if(!e||"object"!=typeof e)return e;for(const o of["renderElement","renderText","instance"])if(e[o])return e[o];return null},func_get_from_node_standard=(e,o,t)=>{if(!o||!o._debugContext)return;const r=func_get_from_node_element(o);func_get_from_node_scan({el:r,nodes:o._debugContext.view.nodes,normalize,proto:t,result:e},!0)},func_get_from_node=(e,o,t)=>(func_get_from_node_injector(e,o,t),(0,func_is_ng_def.p)(t,"t")||"string"==typeof t||(func_get_from_node_standard(e,o,t),func_get_from_node_ivy(e,o,t)),e),func_is_valid_find_instance_selector=e=>"function"==typeof e||(0,func_is_ng_def.p)(e,"t"),mock_helper_find_instance_defaultNotFoundValue={},mock_helper_find_instance=(...e)=>{const[o,t,r]=mock_helper_func_parse_find_args(e,func_is_valid_find_instance_selector,mock_helper_find_instance_defaultNotFoundValue);if("function"!=typeof t&&!(0,func_is_ng_def.p)(t,"t")&&"string"!=typeof t)throw new Error("Only classes or tokens are accepted");const n=getSourceOfMock(t),s=[],c=func_get_last_fixture();if(c)mock_helper_crawl(mock_helper_find(c,o,void 0),((e,o)=>(func_get_from_node(s,e,n),0===s.length&&o&&"#comment"===o.nativeNode.nodeName&&func_get_from_node(s,o,n),s.length>0)),!0);else try{s.push((0,core_helpers.Ah)(n))}catch(e){if(!e||"object"!=typeof e||void 0===e.ngTempTokenPath)throw e}if(s.length>0)return s[0];if(r!==mock_helper_find_instance_defaultNotFoundValue)return r;throw new Error(`Cannot find an instance via ngMocks.findInstance(${func_parse_find_args_name(t)})`)},mock_helper_find_instances=(...e)=>{const[o,t]=mock_helper_func_parse_find_args(e,func_is_valid_find_instance_selector);if("function"!=typeof t&&!(0,func_is_ng_def.p)(t,"t")&&"string"!=typeof t)throw new Error("Only classes or tokens are accepted");const r=getSourceOfMock(t),n=[],s=[],c=func_get_last_fixture();if(c){const e=mock_helper_find_all(c,o,void 0);for(const o of e)mock_helper_crawl(o,((e,o)=>{-1===s.indexOf(e)&&(func_get_from_node(n,e,r),s.push(e)),o&&"#comment"===o.nativeNode.nodeName&&-1===s.indexOf(o)&&(func_get_from_node(n,o,r),s.push(o))}),!0)}else try{n.push((0,core_helpers.Ah)(r))}catch(e){}return n},handle_array=(e,o)=>e(o.map((o=>e(o,!0))).join("")),format_handler=e=>(o,t=!1)=>{const r=(o,n=!1)=>{if(Array.isArray(o))return handle_array(r,o);if(is_fixture(o))return r(o.debugElement,t);const s=e(r,o,n);return void 0!==s?s:is_debug_node(o)&&"#comment"===o.nativeNode.nodeName?r(nested_check_children(o),!0):is_debug_node(o)?r(o.nativeNode,n):""};return Array.isArray(o)?o.map((e=>r(e,t))):r(o,t)},handle_text=e=>{var o,t;return null!==(t=null!==(o=e.nodeValue)&&void 0!==o?o:e.textContent)&&void 0!==t?t:e.wholeText},is_text=e=>!!e&&"object"==typeof e&&"#text"===e.nodeName,normalizeValue=e=>e?e.replace(new RegExp("\\s+","mg")," ").replace(new RegExp("\x3c!--(.|\\n|\\r)*?--\x3e|\x3c!--(.|\\n|\\r)*","mg"),"").replace(new RegExp("\\s+","mg")," ").replace(new RegExp(">\\s+<","mg"),"><").replace(new RegExp('"\\s+>',"mg"),'">'):"",normalizeText=e=>e.replace(new RegExp("&","mg"),"&amp;").replace(new RegExp('"',"mg"),"&quot;").replace(new RegExp("<","mg"),"&lt;").replace(new RegExp(">","mg"),"&gt;").replace(new RegExp("'","mg"),"&#39;"),getElementValue=(e,o)=>o?e.outerHTML:e.innerHTML,handlePrimitives=(e,o,t)=>{if("string"==typeof o||void 0===o){const e=normalizeValue(o);return t?e:e.trim()}return is_html_element(o)?e(getElementValue(o,t)):is_text(o)?handlePrimitives(e,normalizeText(handle_text(o)),t):void 0},mock_helper_format_html=format_handler(handlePrimitives),mock_helper_format_text_normalizeValue=e=>e?e.replace(new RegExp("\\s+","mg")," "):"",mock_helper_format_text_getElementValue=(e,o)=>{var t;const r=null!==(t=e.textContent)&&void 0!==t?t:"";return o?r:r.trim()},mock_helper_format_text_handlePrimitives=(e,o,t)=>{if("string"==typeof o||void 0===o){const e=mock_helper_format_text_normalizeValue(o);return t?e:e.trim()}return is_html_element(o)?e(mock_helper_format_text_getElementValue(o,t)):is_text(o)?mock_helper_format_text_handlePrimitives(e,handle_text(o),t):void 0},mock_helper_format_text=format_handler(mock_helper_format_text_handlePrimitives),calls=[],mock_helper_auto_spy=e=>{"reset"===e?calls.pop():calls.push(e);const o=calls[calls.length-1];return"jasmine"===o?(0,helper_mock_service.O)((e=>jasmine.createSpy(e))):"jest"===o?(0,helper_mock_service.O)((e=>jest.fn().mockName(e))):o&&"default"!==o&&"reset"!==o?(0,helper_mock_service.O)(o):(0,helper_mock_service.O)()},mock_helper_console=(e,o)=>(...t)=>{const r=[];beforeEach((()=>{for(const o of e)-1===t.indexOf(o)&&t.push(o);for(const e of t)(0,core_define_property.A)(console,`__ngMocksBackup_${e}`,console[`__ngMocksBackup_${e}`]||[]),console[`__ngMocksBackup_${e}`].push(console[e]),r.push(e),console[e]=o(e)})),afterEach((()=>{for(const e of r)console[e]=console[`__ngMocksBackup_${e}`].pop();r.splice(0,r.length)}))},factory=e=>helper_mock_service.A.mockFunction(`console.${e}`),mock_helper_console_ignore=mock_helper_console(["log"],factory),mock_helper_console_throw_factory=e=>(...o)=>{const t=new Error(o.join(" "));throw(0,core_define_property.A)(t,"ngMocksConsoleCatch",e),t},mock_helper_console_throw=mock_helper_console(["warn","error"],mock_helper_console_throw_factory),mock_helper_default_config=(e,o)=>{const t=ng_mocks_universe.A.getConfigMock();for(const r of(0,core_helpers.Bq)(e))o?t.set(r,o):t.delete(r)},mock_helper_default_mock=(e,o)=>{const t=ng_mocks_universe.A.getOverrides();for(const r of(0,core_helpers.Bq)(e))if(o){const e=t.has(r)?t.get(r):new Set;e.add(o),t.set(r,e)}else t.delete(r)},hooks=ng_mocks_universe.A.global.get("faster-hooks")||{after:[],before:[]};ng_mocks_universe.A.global.set("faster-hooks",hooks);const configureTestingModule=(e,o)=>t=>{if(testing_.TestBed.ngMocksFasterLock)return e.call(o,t);ng_mocks_universe.A.global.set("bullet:customized",!0);let r=e;for(const e of hooks.before)r=e(r,o);try{return(0,core_define_property.A)(testing_.TestBed,"ngMocksFasterLock",!0),r.call(o,t)}finally{(0,core_define_property.A)(testing_.TestBed,"ngMocksFasterLock",void 0)}},resetTestingModule=(e,o)=>()=>{if(testing_.TestBed.ngMocksFasterLock)return e.call(o);if(ng_mocks_universe.A.global.has("bullet"))return ng_mocks_universe.A.global.has("bullet:customized")&&ng_mocks_universe.A.global.set("bullet:reset",!0),o;ng_mocks_universe.A.global.delete("bullet:customized"),ng_mocks_universe.A.global.delete("bullet:reset");let t=e;for(const e of hooks.after)t=e(t,o);try{return(0,core_define_property.A)(testing_.TestBed,"ngMocksFasterLock",!0),t.call(o)}finally{(0,core_define_property.A)(testing_.TestBed,"ngMocksFasterLock",void 0)}},mock_helper_faster_install=()=>{testing_.TestBed.ngMocksFasterInstalled||(testing_.TestBed.configureTestingModule=configureTestingModule(testing_.TestBed.configureTestingModule,testing_.TestBed),testing_.TestBed.resetTestingModule=resetTestingModule(testing_.TestBed.resetTestingModule,testing_.TestBed),(0,core_define_property.A)(testing_.TestBed,"ngMocksFasterInstalled",!0));const e=(0,testing_.getTestBed)();return e.ngMocksFasterInstalled||(e.configureTestingModule=configureTestingModule(e.configureTestingModule,e),e.resetTestingModule=resetTestingModule(e.resetTestingModule,e),(0,core_define_property.A)(e,"ngMocksFasterInstalled",!0)),hooks},mock_helper_flush_test_bed=()=>{const e=(0,testing_.getTestBed)();e._instantiated=!1,e._moduleFactory=void 0,e._testModuleRef=null},resetFixtures=e=>{const o=(0,testing_.getTestBed)()._activeFixtures||[];let t=0;for(let r=o.length-1;r>=0;r-=1)o[r].ngMocksStackId&&o[r].ngMocksStackId!==e?t+=1:(o[r].ngMocksStackId=void 0,o[r].destroy(),o.splice(r,1));0===t&&mock_helper_flush_test_bed()},idAdd=e=>{var o;const t=null!==(o=ng_mocks_universe.A.global.get("bullet:stack"))&&void 0!==o?o:[];t.push(e),ng_mocks_universe.A.global.set("bullet:stack",t),ng_mocks_universe.A.global.set("bullet:stack:id",e)},idRemove=e=>{const o=ng_mocks_universe.A.global.get("bullet:stack");o.splice(o.indexOf(e),1),o.length>0?ng_mocks_universe.A.global.set("bullet:stack:id",o[o.length-1]):ng_mocks_universe.A.global.delete("bullet:stack:id"),resetFixtures(e)},mock_helper_faster=()=>{mock_helper_faster_install();const e={},o={};beforeAll((()=>{ng_mocks_universe.A.global.has("bullet:customized")&&testing_.TestBed.resetTestingModule(),ng_mocks_universe.A.global.set("bullet",!0),idAdd(e)})),beforeEach((()=>{idAdd(o)})),afterEach((()=>{idRemove(o)})),afterAll((()=>{idRemove(e),ng_mocks_universe.A.global.delete("bullet"),ng_mocks_universe.A.global.has("bullet:reset")&&testing_.TestBed.resetTestingModule()}))},mock_helper_get_defaultNotFoundValue={},parseArgs=e=>({el:e[0],notFoundValue:3===e.length?e[2]:mock_helper_get_defaultNotFoundValue,sel:e[1]}),mock_helper_get=(...e)=>{if(1===e.length)try{return testing_.TestBed.inject?testing_.TestBed.inject(e[0]):testing_.TestBed.get(e[0])}catch(o){if(!o||"object"!=typeof o||void 0===o.ngTempTokenPath)throw o;throw new Error(`Cannot find an instance via ngMocks.get(${func_parse_find_args_name(e[0])})`)}const{el:o,sel:t,notFoundValue:r}=parseArgs(e),n=mock_helper_find(func_get_last_fixture(),o,void 0),s=getSourceOfMock(t);if(n){const e=func_get_from_node([],n,s);if(e.length>0)return e[0]}if(n){const e=nested_check_parent(n,void 0);if(e&&"#comment"===e.nativeNode.nodeName){const o=func_get_from_node([],e,s);if(o.length>0)return o[0]}}if(r!==mock_helper_get_defaultNotFoundValue)return r;throw new Error(`Cannot find ${(0,func_get_name.A)(t)} instance via ngMocks.get`)},iterator=(e,o,t=new Set)=>{const r=(0,collect_declarations.A)(e);for(const e of r.decorators)for(const n of core_config.A.dependencies)if(r[e][n])for(const s of(0,core_helpers.Bq)(r[e][n])){const e=(0,func_get_type.A)(s);e&&!t.has(e)&&(t.add(e),o(e),iterator(e,o,t))}},func_iterate_declaration=iterator,func_global_prepare=()=>{var e;ng_mocks_universe.A.cacheDeclarations.clear(),null===(e=ng_mocks_universe.A.config.get("ngMocksDepsSkip"))||void 0===e||e.clear()},action=e=>{ng_mocks_universe.A.getDefaults().set(e,["exclude"])},mock_helper_global_exclude=(e,o=!1)=>{func_global_prepare(),action(e),o&&func_iterate_declaration(e,action)},mock_helper_global_keep_action=e=>{ng_mocks_universe.A.getDefaults().set(e,["keep"])},mock_helper_global_keep=(e,o=!1)=>{func_global_prepare(),mock_helper_global_keep_action(e),o&&func_iterate_declaration(e,mock_helper_global_keep_action)},mock_helper_global_mock_action=e=>{ng_mocks_universe.A.getDefaults().set(e,["mock"])},mock_helper_global_mock=(e,o=!1)=>{func_global_prepare(),mock_helper_global_mock_action(e),o&&func_iterate_declaration(e,mock_helper_global_mock_action)},mock_helper_global_replace=(e,o)=>{let t=!0;if(((0,func_is_ng_def.p)(e,"m")&&(0,func_is_ng_def.p)(o,"m")||(0,func_is_ng_def.p)(e,"c")&&(0,func_is_ng_def.p)(o,"c")||(0,func_is_ng_def.p)(e,"d")&&(0,func_is_ng_def.p)(o,"d")||(0,func_is_ng_def.p)(e,"p")&&(0,func_is_ng_def.p)(o,"p"))&&(t=!1),t)throw new Error("Cannot replace the declaration, both have to be a Module, a Component, a Directive or a Pipe");func_global_prepare(),ng_mocks_universe.A.getDefaults().set(e,["replace",o])},mock_helper_global_wipe_action=e=>{ng_mocks_universe.A.getDefaults().delete(e),mock_helper_default_mock(e)},mock_helper_global_wipe=(e,o=!1)=>{func_global_prepare(),mock_helper_global_wipe_action(e),o&&func_iterate_declaration(e,mock_helper_global_wipe_action)},mock_helper_guts_skipDef=(e,o,t)=>!!o.has(e)||(o.add(e),t.has(e)),createMetaHandler=(e,o,t,r,n)=>{const s=e.get(o)||o;(0,func_is_ng_def.p)(s,"m")?t.push(s):(0,func_is_ng_def.p)(s,"c")||(0,func_is_ng_def.p)(s,"d")?r.push(s):(0,func_is_ng_def.p)(s,"p")?(r.push(s),n.push(s)):(0,func_is_ng_injection_token.S)(s)||n.push(s)},createMeta=({keep:e,skip:o,optional:t,exclude:r,imports:n,declarations:s,providers:c})=>{for(const _ of e)o.has(_)||r.has(_)||t.has(_)||createMetaHandler(t,_,n,s,c);return{declarations:s,imports:n,providers:c}},typeMap=[["m","module"],["c","component"],["d","directive"],["p","pipe"]],mock_helper_guts_getType=(e,o)=>{if((0,func_is_ng_module_def_with_providers.h)(e))return"module-with-providers";for(const[t,r]of typeMap)if((0,func_is_ng_def.p)(e,t))return"m"===t&&o.has(e)?`${r}-keep`:r;return""},handleModuleWithProviders=(e,o)=>{e.skip.has(o.ngModule)||(e.skip.add(o.ngModule),e.exclude.has(o.ngModule)||e.imports.push(e.keep.has(o.ngModule)?o:MockModule(o)))},handleDeclaration=(e,o,t,r)=>{mock_helper_guts_skipDef(o,e.skip,e.exclude)||r.push(e.keep.has(o)?o:t(o))},handleDestructuring=(e,o,t)=>{if(mock_helper_guts_skipDef(o,e.skip,e.exclude))return;const r=core_reflect_module_resolve(o);for(const o of(0,core_helpers.Bq)([r.declarations,r.imports]))t(e,o);for(const o of r.providers?(0,core_helpers.Bq)(r.providers):[])resolveProvider(e,o)},resolveProvider=({skip:e,keep:o,providers:t,exclude:r},n)=>{const s=(0,func_get_type.A)(n);if(e.add(s),r.has(s))return;const c=o.has(s)?n:(0,mock_provider.A)(n);c&&t.push(c)},resolveMap={component:MockComponent,directive:MockDirective,pipe:MockPipe},resolveHandler=(e,o,t,r)=>{"module-with-providers"===o?handleModuleWithProviders(e,t):"module-keep"===o||"module"===o&&r?handleDeclaration(e,t,MockModule,e.imports):"module"===o?handleDestructuring(e,t,resolve):resolveMap[o]?handleDeclaration(e,t,resolveMap[o],e.declarations):resolveProvider(e,t)},resolve=(e,o,t=!0)=>{if(!o)return;const r=mock_helper_guts_getType(o,e.keep);let n;if("module-with-providers"!==r){const t=e.optional.get(o);t&&t!==o&&(n=t,e.keep.add(n))}n||(n=o),resolveHandler(e,r,n,t)},generateDataWithUniverse=(e,o,t,r)=>{for(const n of(0,core_helpers.d4)(ng_mocks_universe.A.getDefaults())){const s=ng_mocks_universe.A.getBuildDeclaration(n);e.has(n)||o.has(n)||t.has(n)||(r.set(n,s),null===s?t.add(n):void 0===s?o.add(n):n===s&&e.add(n))}},generateData=(e,o,t)=>{const r=new Set((0,core_helpers.Bq)(e||[])),n=new Set((0,core_helpers.Bq)(o||[])),s=new Set((0,core_helpers.Bq)(t||[])),c=new Map;return generateDataWithUniverse(r,n,s,c),{declarations:[],exclude:s,imports:[],keep:r,mock:n,optional:c,providers:[],skip:new Set}},mock_helper_guts=(e,o=null,t=null)=>{const r=generateData(e,o,t),n=new Map;ng_mocks_universe.A.config.set("ngMocksDepsResolution",n);for(const e of(0,core_helpers.LG)(r.keep))n.set(e,"keep");for(const e of(0,core_helpers.LG)(r.exclude))n.set(e,"exclude");ng_mocks_universe.A.config.set("mockNgDefResolver",new core_def_stack);for(const e of(0,core_helpers.LG)(r.mock))n.set(e,"mock"),r.optional.has(e)||resolve(r,e,!1);const s=createMeta(r);return ng_mocks_universe.A.config.delete("mockNgDefResolver"),ng_mocks_universe.A.config.delete("ngMocksDepsResolution"),s},mock_helper_attributes_defaultNotFoundValue={},mock_helper_attributes_parseArgs=e=>[e[0],e[1],3===e.length?e[2]:mock_helper_attributes_defaultNotFoundValue],attrMatches=(e,o)=>{const{name:t,alias:r=""}=(0,func_directive_io_parse.A)(e);if(!r&&t===o||r&&r===o)return t},detectAttribute=(e,o,t)=>{for(const r of(null==e?void 0:e.providerTokens)||[]){const n=func_parse_provider_tokens_directives(e,r);if(n)for(const s of n[o]||[]){const o=attrMatches(s,t);if(o)return mock_helper_get(e,r)[o]}}throw new Error("Not found")},mock_helper_attributes=(e,o,...t)=>{const[r,n,s]=mock_helper_attributes_parseArgs(t);try{return detectAttribute(mock_helper_find(func_get_last_fixture(),r,void 0),o,n)}catch(e){}if(s!==mock_helper_attributes_defaultNotFoundValue)return s;throw new Error(`Cannot find ${n} ${e} via ngMocks.${e}`)},mock_helper_input=(...e)=>mock_helper_attributes("input","inputs",...e),mock_helper_output=(...e)=>mock_helper_attributes("output","outputs",...e),mock_helper_reset=()=>{ng_mocks_universe.A.builtDeclarations=new Map,ng_mocks_universe.A.builtProviders=new Map,ng_mocks_universe.A.cacheDeclarations=new Map,ng_mocks_universe.A.cacheProviders=new Map,ng_mocks_universe.A.config=new Map,ng_mocks_universe.A.configInstance=new Map,ng_mocks_universe.A.flags=new Set(core_config.A.flags),ng_mocks_universe.A.touches=new Set},getValVcr=e=>{const o=[];for(const t of e.__ngMocksConfig.queryScanKeys||[]){const r=e[t],n=e[`__ngMocksVcr_${t}`],s=r instanceof core_.QueryList?r.toArray():[r],c=n instanceof core_.QueryList?n.toArray():[n];for(let e=0;e<s.length;e+=1)o.push([s[e],c[e]])}return o},handleDirective=(e,o,t)=>!!e.__template&&!!e.__vcr&&o(e.__template)&&t(e.__vcr,e.__template),isRightTemplate=(e,o,t)=>!!e&&o instanceof core_.TemplateRef&&t(o),findDeep=(e,o,t)=>{if(!func_is_mock(e))throw new Error("Only instances of mock declarations are accepted");if(handleDirective(e,o,t))return!0;for(const[r,n]of getValVcr(e)){if(func_is_mock(r)&&findDeep(r,o,t))return!0;if(isRightTemplate(n,r,o))return t(n,r)}return!1},func_find_deep=findDeep,func_parse_template=e=>{if(e instanceof core_.TemplateRef)return e;if(func_is_mock(e)&&e.__template)return e.__template;const o=(null==e?void 0:e.nativeNode)&&e.injector;if(o){const e=core_injector(core_.TemplateRef,o);if(e)return e}const t=new Error("Unknown template has been passed, only TemplateRef or a mock structural directive are supported");throw t.param=e,t},mock_helper_hide=(e,o)=>{const t=o?func_parse_template(o):void 0;let r=!1;if(func_find_deep(e,(e=>!t||e.elementRef.nativeElement===t.elementRef.nativeElement),(e=>(e.clear(),r=!0,!1))),!r)throw new Error("Cannot find path to the TemplateRef")},mock_helper_render=(e,o,t,r)=>{const n=func_parse_template(o);if(!func_find_deep(e,(e=>e.elementRef.nativeElement===n.elementRef.nativeElement),((e,o)=>{const n=Object.assign(Object.assign({},r),{$implicit:t});return e.clear(),e.createEmbeddedView(o,n).detectChanges(),!0})))throw new Error("Cannot find path to the TemplateRef")},template_ref_detect_crawler=e=>{if("string"==typeof e)return crawl_by_id(e);if(Array.isArray(e)&&1===e.length&&"string"==typeof e[0])return crawl_by_attribute(e[0]);if(Array.isArray(e)&&2===e.length&&"string"==typeof e[0])return crawl_by_attribute_value(e[0],e[1]);if("function"==typeof e)return crawl_by_declaration(e);throw new Error("Unknown selector")},detect_template_ref=(e,o,t=0)=>r=>{try{const t=!detect_text_node(r)&&o(r)?core_injector(core_.TemplateRef,r.injector):void 0;t&&e.push(t)}catch(e){}return!!t&&e.length===t},func_is_valid_template_ref_selector=e=>"string"==typeof e||!(!Array.isArray(e)||"string"!=typeof e[0])||"function"==typeof e,mock_helper_find_template_ref_defaultNotFoundValue={},mock_helper_find_template_ref=(...e)=>{const[o,t,r]=mock_helper_func_parse_find_args(e,func_is_valid_template_ref_selector,mock_helper_find_template_ref_defaultNotFoundValue),n=[],s=template_ref_detect_crawler(t);if(nested_check(mock_helper_find(func_get_last_fixture(),o,void 0),void 0,detect_template_ref(n,s,1)),n.length>0)return n[0];if(r!==mock_helper_find_template_ref_defaultNotFoundValue)return r;throw new Error(`Cannot find a TemplateRef via ngMocks.findTemplateRef(${func_parse_find_args_name(t)})`)},mock_helper_find_template_refs=(...e)=>{const[o,t]=mock_helper_func_parse_find_args(e,func_is_valid_template_ref_selector),r=[],n=template_ref_detect_crawler(t);return nested_check(mock_helper_find(func_get_last_fixture(),o,void 0),void 0,detect_template_ref(r,n)),r},flagNames=["onMockBuilderMissingDependency","onMockInstanceRestoreNeed","onTestBedFlushNeed"],mock_helper_object={autoSpy:mock_helper_auto_spy,change:mock_helper_change,click:mock_helper_click,config:e=>{const o=ng_mocks_universe.A.global.get("flags");for(const t of flagNames)null===e[t]?o[t]=core_config.A[t]:void 0!==e[t]&&(o[t]=e[t]);null===e.mockRenderCacheSize?ng_mocks_universe.A.global.delete("mockRenderCacheSize"):void 0!==e.mockRenderCacheSize&&ng_mocks_universe.A.global.set("mockRenderCacheSize",e.mockRenderCacheSize)},crawl:mock_helper_crawl,defaultConfig:mock_helper_default_config,defaultMock:mock_helper_default_mock,event:mock_helper_event,faster:mock_helper_faster,find:mock_helper_find,findAll:mock_helper_find_all,findInstance:mock_helper_find_instance,findInstances:mock_helper_find_instances,findTemplateRef:mock_helper_find_template_ref,findTemplateRefs:mock_helper_find_template_refs,flushTestBed:mock_helper_flush_test_bed,formatHtml:mock_helper_format_html,formatText:mock_helper_format_text,get:mock_helper_get,globalExclude:mock_helper_global_exclude,globalKeep:mock_helper_global_keep,globalMock:mock_helper_global_mock,globalReplace:mock_helper_global_replace,globalWipe:mock_helper_global_wipe,guts:mock_helper_guts,hide:mock_helper_hide,ignoreOnConsole:mock_helper_console_ignore,input:mock_helper_input,output:mock_helper_output,render:mock_helper_render,reset:mock_helper_reset,reveal:mock_helper_reveal,revealAll:mock_helper_reveal_all,stub:mock_helper_stub.A,stubMember:mock_helper_stub_member.A,throwOnConsole:mock_helper_console_throw,touch:mock_helper_touch,trigger:mock_helper_trigger},ngMocks=mock_helper_object;var mock_service=__webpack_require__(839);const defaultValue={};function MockProviders(...e){return e.map((e=>MockProvider(e,defaultValue)))}function MockProvider(e,o=defaultValue,t,r={}){func_import_exists(e,"MockProvider");const{deps:n,multi:s}="boolean"==typeof r?{deps:void 0,multi:r}:Array.isArray(r)?{deps:r,multi:void 0}:r;return t?{provide:e,[t]:o,deps:n,multi:s}:(0,helper_use_factory.A)(e,(()=>(0,mock_service.K)(e)),(e=>o===defaultValue?e:e?(0,mock_helper_stub.A)(e,o):o))}const applyOverride=(e,o)=>{(0,func_is_ng_def.p)(e,"c")?testing_.TestBed.overrideComponent(e,o):(0,func_is_ng_def.p)(e,"d")?testing_.TestBed.overrideDirective(e,o):(0,func_is_ng_def.p)(e,"m")&&testing_.TestBed.overrideModule(e,o),((0,func_is_ng_def.p)(e,"t")||(0,func_is_ng_def.p)(e,"i"))&&testing_.TestBed.overrideProvider(e,o)},ng_mocks_global_overrides_applyOverrides=e=>{for(const[o,[t,r]]of(0,core_helpers.Nn)(e))testing_.TestBed.ngMocksOverrides.set(o,Object.assign(Object.assign({},r),{override:t})),applyOverride(o,t)},applyNgMocksOverrides=e=>{var o;if(null===(o=e.ngMocksOverrides)||void 0===o?void 0:o.size){ngMocks.flushTestBed();for(const[o,t]of(0,core_helpers.Nn)(e.ngMocksOverrides))applyOverride(o,t)}e.ngMocksOverrides=void 0},initTestBed=()=>{testing_.TestBed.ngMocksSelectors||(0,core_define_property.A)(testing_.TestBed,"ngMocksSelectors",new Map),testing_.TestBed.ngMocksOverrides||(0,core_define_property.A)(testing_.TestBed,"ngMocksOverrides",new Map)},generateTouches=(e,o)=>{for(const t of core_config.A.dependencies)for(const r of e[t]?(0,core_helpers.Bq)(e[t]):[]){const e=(0,func_get_type.A)(r);if((0,func_is_ng_module_def_with_providers.h)(r)&&generateTouches(r,o),!o.has(e)&&(o.add(e),"function"==typeof e)){if(!Object.prototype.hasOwnProperty.call(e,"__ngMocksTouches")){const o=new Set,t=core_reflect_meta(e);(0,core_define_property.A)(e,"__ngMocksTouches",o,!1),t&&generateTouches(t,o)}(0,core_helpers.LG)(e.__ngMocksTouches,o)}}},defineTouches=(e,o,t)=>{var r;let n=t;return!n&&ng_mocks_universe.A.getDefaults().size>0&&(n=func_extract_tokens(e._providers||(null===(r=e._compiler)||void 0===r?void 0:r.providers)).touches,n||(n=new Set,o.providers=o.providers||[],o.providers.push({provide:core_tokens.Em,useValue:n})),generateTouches(o,n)),n},applyPlatformOverrideDef=e=>{const o=(0,func_get_type.A)(e);if(testing_.TestBed.ngMocksOverrides.has(o))return;const t=core_reflect_module_resolve(o),r=get_override_def(t);r&&(testing_.TestBed.ngMocksOverrides.set(o,{set:t}),testing_.TestBed.overrideModule(o,{set:r}))},applyPlatformOverridesBasedOnProvidedIn=(e,o)=>{const t=core_reflect_provided_in(e);t&&("string"==typeof t||o.has(t))&&(testing_.TestBed.ngMocksOverrides.set(e,{}),testing_.TestBed.overrideProvider(e,MockProvider(e)))},applyPlatformOverridesBasedOnDefaults=e=>{for(const[o,[t]]of(0,core_helpers.Nn)(ng_mocks_universe.A.getDefaults()))"mock"===t&&((0,func_is_ng_def.p)(o,"i")||(0,func_is_ng_def.p)(o,"t"))&&(e.has(o)||testing_.TestBed.ngMocksOverrides.has(o)||applyPlatformOverridesBasedOnProvidedIn(o,e))},applyPlatformOverrides=(e,o)=>{if(testing_.TestBed.ngMocksOverrides){const t=ng_mocks_universe.A.touches;ng_mocks_universe.A.touches=o;for(const o of(0,core_helpers.Bq)(e.ngModule||[]))applyPlatformOverrideDef(o);applyPlatformOverridesBasedOnDefaults(o),ng_mocks_universe.A.touches=t}},ng_mocks_global_overrides_configureTestingModule=(e,o)=>t=>{var r,n;initTestBed();const s=!("object"!=typeof t||!t||t.providers&&-1!==t.providers.indexOf(MockBuilder));let c=0;const _=[];for(const e of s?["imports","declarations"]:[])for(const o of(0,core_helpers.Bq)(t[e]))o&&(_.push([(0,func_is_ng_module_def_with_providers.h)(o)?{ngModule:getSourceOfMock(o.ngModule),providers:o.providers}:getSourceOfMock(o),(0,func_is_ng_module_def_with_providers.h)(o)?o.ngModule:o,isMockNgDef((0,func_get_type.A)(o))]),c|=_[_.length-1][2]?2:1);let i=3===c?void 0:t;if(!i){let e=MockBuilder(core_tokens.gG);for(const[o,t,n]of _){const s=null===(r=t.prototype.__ngMocksConfig)||void 0===r?void 0:r.transform,c={export:!(0,func_is_ng_def.p)(o,"m"),exportAll:!1,onRoot:!0};e=n&&s?e.mock(o,s,c):n?e.mock(o,c):e.keep(o,c)}i=e.build(),i=Object.assign(Object.assign(Object.assign({},t),i),{providers:[...null!==(n=t.providers)&&void 0!==n?n:[],...i.providers]})}const a=(0,testing_.getTestBed)(),l=func_extract_tokens(i.providers),{mocks:p,overrides:u}=l,d=defineTouches(a,i,l.touches);return p&&ngMocks.flushTestBed(),u&&ng_mocks_global_overrides_applyOverrides(u),!d||a._instantiated||a._testModuleRef||applyPlatformOverrides(a,d),e.call(o,i)},ng_mocks_global_overrides_resetTestingModule=(e,o)=>()=>(ng_mocks_universe.A.global.delete("builder:config"),ng_mocks_universe.A.global.delete("builder:module"),testing_.TestBed.ngMocksSelectors=void 0,applyNgMocksOverrides(testing_.TestBed),e.call(o)),patchVcrInstance=e=>{if(!core_.ViewContainerRef.ngMocksOverridesPatched&&((0,core_define_property.A)(core_.ViewContainerRef,"ngMocksOverridesPatched",!0),e.createComponent)){const o=e.createComponent,t=(0,helper_create_clone.A)(o,void 0,void 0,(function(e,...t){var r;const n=core_injector(core_tokens.en,this.injector);return o.apply(this,[null!==(r=null==n?void 0:n.get(e))&&void 0!==r?r:e,...t])}));(0,core_define_property.A)(e.constructor.prototype,"createComponent",t,!0),(0,core_define_property.A)(e,"createComponent",t,!0)}},createComponent=(e,o)=>t=>{const r=e.call(o,t);try{const e=r.debugElement.injector.get(core_.ViewContainerRef);patchVcrInstance(e)}catch(e){}return r},viewContainerInstall=()=>{const e=core_.ViewContainerRef;if(!e.ngMocksOverridesInstalled){const o=e.__NG_ELEMENT_ID__;o&&(0,core_define_property.A)(e,"__NG_ELEMENT_ID__",(0,helper_create_clone.A)(o,void 0,void 0,((...e)=>{const t=o.apply(o,e);return patchVcrInstance(t),t})),!0),(0,core_define_property.A)(testing_.TestBed,"createComponent",createComponent(testing_.TestBed.createComponent,testing_.TestBed)),(0,core_define_property.A)(core_.ViewContainerRef,"ngMocksOverridesInstalled",!0)}},installInjector=e=>{if(e.constructor.prototype.__ngMocksInjector||!e.constructor.prototype.get)return e;(0,core_define_property.A)(e.constructor.prototype,"__ngMocksInjector",!0);const o=e.constructor.prototype.get;return e.constructor.prototype.get=(0,helper_create_clone.A)(o,void 0,void 0,(function(e,...t){const r=o.call(this,e,...t);return r&&"object"==typeof r&&"function"==typeof r.constructor&&"string"==typeof r.constructor.name&&"Injector"===r.constructor.name.slice(-8)&&installInjector(r),r})),e},install=()=>{if(!testing_.TestBed.ngMocksOverridesInstalled){const e=mock_helper_faster_install();viewContainerInstall(),-1===e.before.indexOf(ng_mocks_global_overrides_configureTestingModule)&&e.before.push(ng_mocks_global_overrides_configureTestingModule),-1===e.after.indexOf(ng_mocks_global_overrides_resetTestingModule)&&e.after.push(ng_mocks_global_overrides_resetTestingModule),(0,core_define_property.A)(testing_.TestBed,"ngMocksOverridesInstalled",!0);const o=core_.Injector.create;core_.Injector.create=(0,helper_create_clone.A)(o,void 0,void 0,((...e)=>installInjector(o.apply(core_.Injector,e))));try{core_.Injector.create({length:0,providers:[]})}catch(e){}}};function isMockedNgDefOf(e,o,t){return"function"==typeof e&&e.mockOf===o&&(!t||(0,func_is_ng_def.p)(e,t))}install();const getMock=(e,o,t)=>{if(t&&!t.has(o))throw new Error(`There is no mock for ${(0,func_get_name.A)(o)}`);let r=t?t.get(o):void 0;return r===o&&(r=void 0),r||o===e?!r&&ng_mocks_universe.A.cacheDeclarations.has(o)&&(r=ng_mocks_universe.A.cacheDeclarations.get(o)):r=e,r};function getMockedNgDefOf(e,o){var t;const r=null!==(t=e.mockOf)&&void 0!==t?t:e,n=core_injector(core_tokens.en),s=getMock(e,r,n);if(s&&!o)return s;if(s&&o&&isMockedNgDefOf(s,r,o))return s;throw new Error(`There is no mock for ${(0,func_get_name.A)(r)}`)}function isMockOf(e,o,t){return func_is_mock(e)&&e.constructor===o&&(t?(0,func_is_ng_def.p)(e.constructor,t):(0,func_is_ng_def.p)(e.constructor))}const isMockValidator=e=>!!func_is_mock(e)&&!!e.__ngMocksConfig.isValidator,mock_instance_forgot_reset=e=>{const o=[];for(;e.length>0;){const[t,r]=e.pop()||[];r===ng_mocks_universe.A.configInstance.get(t)&&o.push("function"==typeof t?(0,func_get_name.A)(t):t)}if(o.length>0){const e=ng_mocks_universe.A.global.get("flags"),t=[`MockInstance: side effects have been detected (${o.join(", ")}).`,"Forgot to add MockInstance.scope() or to call MockInstance.restore()?"].join(" ");if("warn"===e.onMockInstanceRestoreNeed)console.warn(t);else if("throw"===e.onMockInstanceRestoreNeed)throw new Error(t)}};let currentStack;ng_mocks_stack.subscribePush((e=>{currentStack=e})),ng_mocks_stack.subscribePop(((e,o)=>{for(const o of e.mockInstance||[])if(ng_mocks_universe.A.configInstance.has(o)){const e=ng_mocks_universe.A.configInstance.get(o);e.overloads.pop(),ng_mocks_universe.A.configInstance.set(o,Object.assign({},e))}currentStack=o[o.length-1]}));const parseMockInstanceArgs=e=>{const o={};return"string"==typeof e[0]?(o.key=e[0],o.value=e[1],o.accessor=e[2]):(o.value=e[0],o.value&&"object"==typeof o.value&&(o.value=o.value.init)),o},checkReset=[];let checkCollect=!1;"undefined"!=typeof beforeEach&&(beforeEach((()=>checkCollect=!0)),beforeEach((()=>mock_instance_forgot_reset(checkReset))),afterEach((()=>checkCollect=!1)));const mockInstanceConfig=(e,o,t,r)=>{var n;const s=ng_mocks_universe.A.configInstance.has(e)?ng_mocks_universe.A.configInstance.get(e):{},c=s.overloads||[];c.push([o,t,r]),s.overloads=c,ng_mocks_universe.A.configInstance.set(e,Object.assign({},s));const _=null!==(n=currentStack.mockInstance)&&void 0!==n?n:[];return _.push(e),currentStack.mockInstance=_,checkCollect&&checkReset.push([e,ng_mocks_universe.A.configInstance.get(e),currentStack]),t};function MockInstance(e,...o){if(func_import_exists(e,"MockInstance"),o.length>0){const{key:t,value:r,accessor:n}=parseMockInstanceArgs(o);return mockInstanceConfig(e,t,r,n)}const t=ng_mocks_universe.A.configInstance.get(e)||{};ng_mocks_universe.A.configInstance.set(e,Object.assign(Object.assign({},t),{overloads:[]}));for(let o=checkReset.length-1;o>=0;o-=1)checkReset[o][0]===e&&checkReset[o][2]===currentStack&&checkReset.splice(o,1)}function MockReset(){ng_mocks_universe.A.configInstance.clear()}function MockDeclarations(...e){return e.map(MockDeclaration)}function MockDeclaration(e){if((0,func_is_ng_def.p)(e,"p"))return MockPipe(e);if((0,func_is_ng_def.p)(e,"c"))return MockComponent(e);if((0,func_is_ng_def.p)(e,"d"))return MockDirective(e);throw error_jest_mock(e),new Error(["MockDeclaration does not know how to mock","function"==typeof e?(0,func_get_name.A)(e):e].join(" "))}!function(e){e.remember=function(){ng_mocks_stack.stackPush()},e.restore=function(){ng_mocks_stack.stackPop()},e.scope=function(o="case"){"all"!==o&&"suite"!==o||(beforeAll(e.remember),afterAll(e.restore)),"all"!==o&&"case"!==o||(beforeEach(e.remember),afterEach(e.restore))}}(MockInstance||(MockInstance={}));const generateTemplateAttrWrap=(e,o)=>"i"===o?`[${e}]`:`(${e})`,generateTemplateAttrWithParams=(e,o)=>{let t=` ${generateTemplateAttrWrap(e,o)}="`;return t+="i"===o?e:`__ngMocksOutput('${e}', $event)`,t+='"',t},generateTemplateAttr=(e,o,t)=>{if(!e&&"o"===t)return"";let r="";const n=null!=e?e:o;for(const e of o){const{name:o,alias:s}=(0,func_directive_io_parse.A)(e);r+=-1===n.indexOf(s||o)?"":generateTemplateAttrWithParams(s||o,t)}return r},func_generate_template=(e,{selector:o,bindings:t,inputs:r,outputs:n})=>{let s="";return"string"==typeof e?s=e:(0,func_is_ng_def.p)(e,"p")&&t&&-1!==t.indexOf("$implicit")?s=`{{ $implicit | ${core_reflect_pipe_resolve(e).name} }}`:o&&(s+=`<${o}`,s+=generateTemplateAttr(t,r,"i"),s+=generateTemplateAttr(t,n,"o"),s+=`></${o}>`),s},generateWrapperOutput=e=>(o,t)=>"function"==typeof e[o]?e[o](t):e[o]&&"object"==typeof e[o]&&"function"==typeof e[o].emit?e[o].emit(t):e[o]&&"object"==typeof e[o]&&"function"==typeof e[o].next?e[o].next(t):void(e[o]=t),generateWrapperComponent=({bindings:e,options:o,inputs:t})=>{class r{constructor(){(0,core_define_property.A)(this,"__ngMocksOutput",generateWrapperOutput(this));let o=0;if((0,helper_define_property_descriptor.A)(this,"__ngContext__",{get:()=>o,set:e=>o=e,enumerable:!1}),!e)for(const e of t||[]){let o=null;(0,helper_define_property_descriptor.A)(this,e,{get:()=>o,set:e=>o=e})}}}return(0,core_define_property.A)(r.prototype,`__ngMocks_index_${ng_mocks_universe.A.index()}`,void 0,!1),(0,core_.Component)(o)(r),r},generateWrapperDirective=({selector:e,options:o})=>{class t{}return(0,core_.Directive)({selector:e,providers:o.providers})(t),t},getCache=()=>{var e;const o=null!==(e=ng_mocks_universe.A.config.get("MockRenderCaches"))&&void 0!==e?e:[];return 0===o.length&&ng_mocks_universe.A.config.set("MockRenderCaches",o),o},checkCache=(e,o)=>{for(const t of e){if(t.cacheKey.length!==o.length)continue;let e=!0;for(let r=0;r<o.length;r+=1)if(t.cacheKey[r]!==o[r]){e=!1;break}if(e)return t}},func_create_wrapper=(e,o,t,r)=>{var n,s,c;const _=getCache(),i=[e,...null!=t?t:[null],...null!==(n=r.providers)&&void 0!==n?n:[null],...null!==(s=r.viewProviders)&&void 0!==s?s:[null]];let a=checkCache(_,i);if(a)return a;const l=o.inputs?[...o.inputs]:[],p=o.outputs?[...o.outputs]:[];if(o.hostDirectives)for(const e of o.hostDirectives)"object"==typeof e&&e.directive&&(e.inputs&&l.push(...e.inputs),e.outputs&&p.push(...e.outputs));const u=func_generate_template(e,{selector:o.selector,inputs:l,outputs:p,bindings:t}),d={providers:r.providers,selector:"mock-render",template:u,viewProviders:r.viewProviders};if(a=generateWrapperComponent(Object.assign(Object.assign({},o),{bindings:t,options:d})),(0,core_define_property.A)(a,"cacheKey",i),(0,core_define_property.A)(a,"tpl",u),o.selector&&d.providers){const e=generateWrapperDirective(Object.assign(Object.assign({},o),{bindings:t,options:d}));(0,core_define_property.A)(a,"providers",e)}return _.unshift(a),_.splice(null!==(c=ng_mocks_universe.A.global.get("mockRenderCacheSize"))&&void 0!==c?c:core_config.A.mockRenderCacheSize),a},createPropertyGet=(e,o,t)=>{const r=()=>{if("function"==typeof t[e]){if(o[`__ngMocks_${e}__origin`]!==t[e]){const r=helper_mock_service.A.createClone(t[e],o,t);(0,core_define_property.A)(o,`__ngMocks_${e}`,r),(0,core_define_property.A)(o,`__ngMocks_${e}__origin`,t[e])}return o[`__ngMocks_${e}`]}return t[e]};return(0,core_define_property.A)(r,"__ngMocksProxy",!0),r},createPropertySet=(e,o,t)=>{const r=r=>{o[`__ngMocks_${e}`]&&(o[`__ngMocks_${e}`]=void 0),o[`__ngMocks_${e}__origin`]&&(o[`__ngMocks_${e}__origin`]=void 0),t[e]=r};return(0,core_define_property.A)(r,"__ngMocksProxy",!0),r},extractAllKeys=e=>[...helper_mock_service.A.extractPropertiesFromPrototype(Object.getPrototypeOf(e)),...helper_mock_service.A.extractMethodsFromPrototype(Object.getPrototypeOf(e)),...Object.keys(e)],extractOwnKeys=e=>[...Object.getOwnPropertyNames(e),...Object.keys(e)],func_install_prop_reader=(e,o,t,r=!1)=>{if(!o)return;(0,core_define_property.A)(e,"__ngMocks__source",o);const n=extractOwnKeys(e),s=[...extractAllKeys(o),...t];for(const t of s)(r||-1===n.indexOf(t))&&((0,helper_define_property_descriptor.A)(e,t,{get:createPropertyGet(t,e,o),set:createPropertySet(t,e,o)}),n.push(t))},registerTemplateMiddleware=(e,o)=>{const t=(0,core_helpers.He)(e),r={provide:e,useExisting:t};o.providers=[...o.providers||[],r];let n={};try{const t=testing_.TestBed.ngMocksOverrides,{override:s}=t.get(e);n=Object.assign({},s.set),n.providers=n.providers?[...n.providers,r]:o.providers}catch(e){}const s=!0===o.__ngMocksStandalone;((0,func_is_ng_def.p)(e,"c")?core_.Component:core_.Directive)(Object.assign(Object.assign(Object.assign({},o),n),s?{standalone:s}:{}))(t),testing_.TestBed.configureTestingModule({[s?"imports":"declarations"]:[t]})},func_reflect_template=e=>{var o;if(!(0,func_is_ng_def.p)(e,"c")&&!(0,func_is_ng_def.p)(e,"d"))return{};const t=core_reflect_directive_resolve(e),r={};for(const e of Object.keys(t))"standalone"!==e?r[e]=t[e]:(0,core_define_property.A)(r,"__ngMocksStandalone",!!t[e]);return r.selector&&/[\s,[\]]/.test(r.selector)&&(r.selector=""),r.selector||(r.selector=(null===(o=testing_.TestBed.ngMocksSelectors)||void 0===o?void 0:o.get(e))||"",r.selector||(r.selector=`ng-mocks-${e.name}`,registerTemplateMiddleware(e,r),testing_.TestBed.ngMocksSelectors&&testing_.TestBed.ngMocksSelectors.set(e,r.selector))),r},renderDeclaration=(e,o,t)=>{e.point=e.debugElement.children[0]&&"#text"!==e.debugElement.children[0].nativeElement.nodeName&&"#comment"!==e.debugElement.children[0].nativeElement.nodeName?e.debugElement.children[0]:e.debugElement,(0,func_is_ng_def.p)(o,"d")?(0,helper_define_property_descriptor.A)(e.point,"componentInstance",{get:()=>ngMocks.get(e.point,o)}):(0,func_is_ng_def.p)(o,"p")&&(0,helper_define_property_descriptor.A)(e.point,"componentInstance",{get:()=>ngMocks.findInstance(e.point,o)}),tryWhen(!t,(()=>func_install_prop_reader(e.componentInstance,e.point.componentInstance,[])))},renderInjection=(e,o,t)=>{let r;try{r=(0,core_helpers.Ah)(o)}catch(e){if((0,func_is_ng_def.p)(o,"p"))throw new Error([`Cannot render ${(0,func_get_name.A)(o)}.`,"Did you forget to set $implicit param, or add the pipe to providers?","https://ng-mocks.sudo.eu/guides/pipe"].join(" "));throw e}t&&ngMocks.stub(r,t),e.point=(0,mock_service.K)(core_.DebugElement,{childNodes:[],children:[],componentInstance:r,nativeElement:(0,mock_service.K)(HTMLElement)}),func_install_prop_reader(e.componentInstance,e.point.componentInstance,[],!0)},tryWhen=(e,o)=>{if(e)try{o()}catch(e){}},fixtureMessage=["Forgot to flush TestBed?","MockRender cannot be used without a reset after TestBed.get / TestBed.inject / TestBed.createComponent and another MockRender in the same test.","If you want to mock a service before rendering, consider usage of MockRenderFactory or MockInstance.","To flush TestBed, add a call of ngMocks.flushTestBed() before the call of MockRender, or pass `reset: true` to MockRender options."].join(" "),handleFixtureError=e=>{const o=new Error(fixtureMessage);throw(0,core_define_property.A)(o,"parent",e),o},flushTestBed=e=>{const o=ng_mocks_universe.A.global.get("flags"),t=(0,testing_.getTestBed)();e.reset||!t._instantiated&&!t._testModuleRef?ngMocks.flushTestBed():"throw"!==o.onTestBedFlushNeed&&(t._instantiated||t._testModuleRef)&&("warn"===o.onTestBedFlushNeed&&console.warn(fixtureMessage),ngMocks.flushTestBed())},generateFactoryInstall=(e,o)=>()=>{var t;const r=(0,testing_.getTestBed)(),n=(null===(t=r._compiler)||void 0===t?void 0:t.declarations)||r.declarations||r._declarations;if(!n||-1===n.indexOf(e)){flushTestBed(o);try{const o=[];e.providers&&o.push(e.providers),o.push(e),testing_.TestBed.configureTestingModule({declarations:o})}catch(e){handleFixtureError(e)}}},generateFactory=(e,o,t,r)=>{const n=(r,s)=>{n.configureTestBed();const c=testing_.TestBed.createComponent(e);return func_install_prop_reader(c.componentInstance,null!=r?r:{},null!=o?o:[]),(0,core_define_property.A)(c,"ngMocksStackId",ng_mocks_universe.A.global.get("bullet:stack:id")),(void 0===s||s)&&c.detectChanges(),"string"==typeof t||(0,func_is_ng_def.p)(t,"c")||(0,func_is_ng_def.p)(t,"d")||e.tpl&&(0,func_is_ng_def.p)(t,"p")?renderDeclaration(c,t,r):renderInjection(c,t,r),c};return n.declaration=e,n.bindings=o,n.configureTestBed=generateFactoryInstall(e,r),n};function MockRenderFactory(e,o,t={}){func_import_exists(e,"MockRender");const r="string"==typeof e||(0,func_is_ng_def.p)(e,"t")?{}:func_reflect_template(e),n=func_create_wrapper(e,r,o,t),s=generateFactory(n,o,e,t);return"root"!==ng_mocks_stack.current().level&&!1!==t.configureTestBed&&s.configureTestBed(),s}function MockRender(e,o,t=!0){const r=0===arguments.length?"":e,n=o&&"object"==typeof o?Object.keys(o):o,s="boolean"==typeof t?{detectChanges:t}:Object.assign({},t);return MockRenderFactory(r,n,s)(o,s.detectChanges)}var __webpack_exports__IMockBuilder=__webpack_exports__.rX,__webpack_exports__IMockBuilderConfig=__webpack_exports__.HA,__webpack_exports__IMockBuilderConfigAll=__webpack_exports__.Wn,__webpack_exports__IMockBuilderConfigComponent=__webpack_exports__.Me,__webpack_exports__IMockBuilderConfigDirective=__webpack_exports__.I7,__webpack_exports__IMockBuilderConfigModule=__webpack_exports__.tv,__webpack_exports__IMockBuilderExtended=__webpack_exports__.OG,__webpack_exports__IMockBuilderProvider=__webpack_exports__.sF,__webpack_exports__IMockBuilderResult=__webpack_exports__.me,__webpack_exports__LegacyControlValueAccessor=__webpack_exports__.bk,__webpack_exports__Mock=__webpack_exports__.JT,__webpack_exports__MockBuilder=__webpack_exports__._V,__webpack_exports__MockComponent=__webpack_exports__.Am,__webpack_exports__MockComponents=__webpack_exports__.$u,__webpack_exports__MockControlValueAccessor=__webpack_exports__.D2,__webpack_exports__MockDeclaration=__webpack_exports__.dw,__webpack_exports__MockDeclarations=__webpack_exports__.uV,__webpack_exports__MockDirective=__webpack_exports__.Cc,__webpack_exports__MockDirectives=__webpack_exports__.nr,__webpack_exports__MockInstance=__webpack_exports__.Wm,__webpack_exports__MockModule=__webpack_exports__.BN,__webpack_exports__MockPipe=__webpack_exports__.ZJ,__webpack_exports__MockPipes=__webpack_exports__.yI,__webpack_exports__MockProvider=__webpack_exports__.Qo,__webpack_exports__MockProviders=__webpack_exports__.dD,__webpack_exports__MockRender=__webpack_exports__.Ty,__webpack_exports__MockRenderFactory=__webpack_exports__.P0,__webpack_exports__MockReset=__webpack_exports__.mB,__webpack_exports__MockService=__webpack_exports__.KH,__webpack_exports__MockValidator=__webpack_exports__.b6,__webpack_exports__MockedComponent=__webpack_exports__.Je,__webpack_exports__MockedDirective=__webpack_exports__.T4,__webpack_exports__MockedModule=__webpack_exports__.qZ,__webpack_exports__MockedPipe=__webpack_exports__.cm,__webpack_exports__NG_MOCKS=__webpack_exports__.en,__webpack_exports__NG_MOCKS_GUARDS=__webpack_exports__.ZG,__webpack_exports__NG_MOCKS_INTERCEPTORS=__webpack_exports__.rO,__webpack_exports__NG_MOCKS_OVERRIDES=__webpack_exports__.So,__webpack_exports__NG_MOCKS_RESOLVERS=__webpack_exports__.C3,__webpack_exports__NG_MOCKS_ROOT_PROVIDERS=__webpack_exports__.gG,__webpack_exports__NG_MOCKS_TOUCHES=__webpack_exports__.Em,__webpack_exports__getInjection=__webpack_exports__.Ah,__webpack_exports__getMockedNgDefOf=__webpack_exports__.xz,__webpack_exports__getSourceOfMock=__webpack_exports__.VK,__webpack_exports__getTestBedInjection=__webpack_exports__.d5,__webpack_exports__isMockControlValueAccessor=__webpack_exports__.IA,__webpack_exports__isMockNgDef=__webpack_exports__.Bt,__webpack_exports__isMockOf=__webpack_exports__.AW,__webpack_exports__isMockValidator=__webpack_exports__.lt,__webpack_exports__isMockedNgDefOf=__webpack_exports__.Fk,__webpack_exports__isNgDef=__webpack_exports__.pA,__webpack_exports__isNgInjectionToken=__webpack_exports__.SM,__webpack_exports__ngMocks=__webpack_exports__.H5;export{__webpack_exports__IMockBuilder as IMockBuilder,__webpack_exports__IMockBuilderConfig as IMockBuilderConfig,__webpack_exports__IMockBuilderConfigAll as IMockBuilderConfigAll,__webpack_exports__IMockBuilderConfigComponent as IMockBuilderConfigComponent,__webpack_exports__IMockBuilderConfigDirective as IMockBuilderConfigDirective,__webpack_exports__IMockBuilderConfigModule as IMockBuilderConfigModule,__webpack_exports__IMockBuilderExtended as IMockBuilderExtended,__webpack_exports__IMockBuilderProvider as IMockBuilderProvider,__webpack_exports__IMockBuilderResult as IMockBuilderResult,__webpack_exports__LegacyControlValueAccessor as LegacyControlValueAccessor,__webpack_exports__Mock as Mock,__webpack_exports__MockBuilder as MockBuilder,__webpack_exports__MockComponent as MockComponent,__webpack_exports__MockComponents as MockComponents,__webpack_exports__MockControlValueAccessor as MockControlValueAccessor,__webpack_exports__MockDeclaration as MockDeclaration,__webpack_exports__MockDeclarations as MockDeclarations,__webpack_exports__MockDirective as MockDirective,__webpack_exports__MockDirectives as MockDirectives,__webpack_exports__MockInstance as MockInstance,__webpack_exports__MockModule as MockModule,__webpack_exports__MockPipe as MockPipe,__webpack_exports__MockPipes as MockPipes,__webpack_exports__MockProvider as MockProvider,__webpack_exports__MockProviders as MockProviders,__webpack_exports__MockRender as MockRender,__webpack_exports__MockRenderFactory as MockRenderFactory,__webpack_exports__MockReset as MockReset,__webpack_exports__MockService as MockService,__webpack_exports__MockValidator as MockValidator,__webpack_exports__MockedComponent as MockedComponent,__webpack_exports__MockedDirective as MockedDirective,__webpack_exports__MockedModule as MockedModule,__webpack_exports__MockedPipe as MockedPipe,__webpack_exports__NG_MOCKS as NG_MOCKS,__webpack_exports__NG_MOCKS_GUARDS as NG_MOCKS_GUARDS,__webpack_exports__NG_MOCKS_INTERCEPTORS as NG_MOCKS_INTERCEPTORS,__webpack_exports__NG_MOCKS_OVERRIDES as NG_MOCKS_OVERRIDES,__webpack_exports__NG_MOCKS_RESOLVERS as NG_MOCKS_RESOLVERS,__webpack_exports__NG_MOCKS_ROOT_PROVIDERS as NG_MOCKS_ROOT_PROVIDERS,__webpack_exports__NG_MOCKS_TOUCHES as NG_MOCKS_TOUCHES,__webpack_exports__getInjection as getInjection,__webpack_exports__getMockedNgDefOf as getMockedNgDefOf,__webpack_exports__getSourceOfMock as getSourceOfMock,__webpack_exports__getTestBedInjection as getTestBedInjection,__webpack_exports__isMockControlValueAccessor as isMockControlValueAccessor,__webpack_exports__isMockNgDef as isMockNgDef,__webpack_exports__isMockOf as isMockOf,__webpack_exports__isMockValidator as isMockValidator,__webpack_exports__isMockedNgDefOf as isMockedNgDefOf,__webpack_exports__isNgDef as isNgDef,__webpack_exports__isNgInjectionToken as isNgInjectionToken,__webpack_exports__ngMocks as ngMocks};
++import*as __WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__ from"@angular/core";import*as __WEBPACK_EXTERNAL_MODULE__angular_core_testing_89899de6__ from"@angular/core/testing";import*as __WEBPACK_EXTERNAL_MODULE__angular_forms_df10eade__ from"@angular/forms";import*as __WEBPACK_EXTERNAL_MODULE__angular_common_d12e0fe1__ from"@angular/common";import*as __WEBPACK_EXTERNAL_MODULE__angular_platform_browser_bc6fa964__ from"@angular/platform-browser";var __webpack_modules__={295:(e,o,t)=>{t.d(o,{A:()=>r});const r={flags:["cacheModule","cacheComponent","cacheDirective","cacheProvider","correctModuleExports"],mockRenderCacheSize:25,neverMockModule:["ApplicationModule","CommonModule","BrowserModule","_ApplicationModule","_CommonModule","_BrowserModule"],neverMockProvidedFunction:["DomRendererFactory2","EventManager","Injector","RendererFactory2","Sanitizer","DomSanitizer","DomSanitizerImpl","ApplicationInitStatus","ApplicationRef","Compiler","IterableDiffers","KeyValueDiffers","_DomRendererFactory2","_EventManager","_Injector","_Sanitizer","_DomSanitizer","_DomSanitizerImpl","_ApplicationInitStatus","_ApplicationRef","_Compiler","_IterableDiffers","_KeyValueDiffers"],neverMockToken:["InjectionToken Set Injector scope.","InjectionToken EventManagerPlugins","InjectionToken HammerGestureConfig","InjectionToken AppId","InjectionToken DefaultCurrencyCode","InjectionToken LocaleId","InjectionToken SCHEDULER_TOKEN"],onMockBuilderMissingDependency:"throw",onMockInstanceRestoreNeed:"warn",onTestBedFlushNeed:"warn",dependencies:["declarations","hostDirectives","entryComponents","bootstrap","providers","viewProviders","imports","exports"]}},174:(e,o,t)=>{t.d(o,{A:()=>n});var r=t(932);const n=(e,o,t,n=!1)=>{r.A.definePropertyDescriptor(e,o,{configurable:!0,enumerable:n,value:t,writable:!0})}},456:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Ah:()=>getInjection,Bq:()=>flatten,He:()=>extendClass,LG:()=>mapValues,Nn:()=>mapEntries,by:()=>extractDependency,d4:()=>mapKeys,d5:()=>getTestBedInjection});var _angular_core_testing__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(957),_core_define_property__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(174),_core_reflect_parameters_resolve__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(749),_func_get_global__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(102),_func_get_name__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(970),_ng_mocks_universe__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(73);const getTestBedInjection=e=>{try{return getInjection(e)}catch(e){return}},getInjection=e=>{const o=(0,_angular_core_testing__WEBPACK_IMPORTED_MODULE_0__.getTestBed)();return o.inject?o.inject(e):o.get(e)},flatten=(e,o=[])=>{if(Array.isArray(e))for(const t of e)flatten(t,o);else if(null!==e&&"object"==typeof e&&Array.isArray(e.ɵproviders))for(const t of e.ɵproviders)flatten(t,o);else o.push(e);return o},mapKeys=e=>{const o=[];return e.forEach(((e,t)=>o.push(t))),o},mapValues=(e,o)=>{const t=[];return o?e.forEach((e=>{o.add(e)})):e.forEach((e=>{t.push(e)})),t},mapEntries=(e,o)=>{const t=[];return o?e.forEach(((e,t)=>o.set(t,e))):e.forEach(((e,o)=>t.push([o,e]))),t},extractDependencyArray=(e,o)=>{for(const t of e){const e=t&&"object"==typeof t?t.ngMetadataName:void 0;"Optional"!==e&&"SkipSelf"!==e&&"Self"!==e&&o.add(t)}},extractDependency=(e,o)=>{if(o)for(const t of e)Array.isArray(t)?extractDependencyArray(t,o):o.add(t)},extendClassicClass=base=>{let child;const index=_ng_mocks_universe__WEBPACK_IMPORTED_MODULE_3__.A.index(),glb=(0,_func_get_global__WEBPACK_IMPORTED_MODULE_4__.A)();glb.ngMocksParent=base;try{eval(`\n      var glb = typeof window === 'undefined' ? global : window;\n      class MockMiddleware${index} extends glb.ngMocksParent {};\n      glb.ngMocksResult = MockMiddleware${index};\n    `),child=glb.ngMocksResult}catch(e){class o extends glb.ngMocksParent{}child=o}finally{glb.ngMocksResult=void 0,glb.ngMocksParent=void 0}return(0,_core_define_property__WEBPACK_IMPORTED_MODULE_1__.A)(child.prototype,`__ngMocks_index_${index}`,void 0,!1),child},extendClass=e=>{const o=extendClassicClass(e);(0,_core_define_property__WEBPACK_IMPORTED_MODULE_1__.A)(o,"name",`MockMiddleware${(0,_func_get_name__WEBPACK_IMPORTED_MODULE_5__.A)(e)}`,!0);const t=(0,_core_reflect_parameters_resolve__WEBPACK_IMPORTED_MODULE_2__.A)(e);return t.length>0&&(0,_core_define_property__WEBPACK_IMPORTED_MODULE_1__.A)(o,"parameters",[...t]),o}},749:(e,o,t)=>{t.d(o,{A:()=>n});var r=t(673);const n=e=>{var o;return null!==(o=(0,r.A)(e).parameters)&&void 0!==o?o:[]}},763:(e,o,t)=>{t.d(o,{C3:()=>i,Em:()=>s,So:()=>c,ZG:()=>_,en:()=>n,gG:()=>l,rO:()=>a});var r=t(614);const n=new r.InjectionToken("NG_MOCKS");n.__ngMocksSkip=!0;const s=new r.InjectionToken("NG_MOCKS_TOUCHES");s.__ngMocksSkip=!0;const c=new r.InjectionToken("NG_MOCKS_OVERRIDES");c.__ngMocksSkip=!0;const _=new r.InjectionToken("NG_MOCKS_GUARDS");_.__ngMocksSkip=!0;const i=new r.InjectionToken("NG_MOCKS_RESOLVERS");i.__ngMocksSkip=!0;const a=new r.InjectionToken("NG_MOCKS_INTERCEPTORS");a.__ngMocksSkip=!0;const l=new r.InjectionToken("NG_MOCKS_ROOT_PROVIDERS");l.__ngMocksSkip=!0},439:(e,o,t)=>{function r({name:e,alias:o,required:t},r=!1){return t?{name:e,alias:o,required:t}:o&&e!==o?r?o:`${e}:${o}`:r?"":e}t.d(o,{A:()=>r})},184:(e,o,t)=>{function r(e){if("string"==typeof e){const[o,t]=e.split(":").map((e=>e.trim()));return o!==t&&t?{name:o,alias:t}:{name:o}}return e}t.d(o,{A:()=>r})},285:(e,o,t)=>{t.d(o,{A:()=>r});const r=e=>"function"==typeof e&&e.__forward_ref__?e():e},102:(e,o,t)=>{t.d(o,{A:()=>r});const r=()=>"undefined"==typeof window?t.g:window},970:(e,o,t)=>{t.d(o,{A:()=>n});const r=new RegExp("[^0-9a-z]+","mgi"),n=e=>{let o;return"function"==typeof e&&e.name?o=e.name:"function"==typeof e?o="arrowFunction":"object"==typeof e&&e&&"InjectionToken"===e.ngMetadataName?o=e._desc:"object"==typeof e&&e&&"function"==typeof e.constructor&&(o=e.constructor.name),o||(o="unknown"),o.replace(r,"_")}},297:(e,o,t)=>{t.d(o,{A:()=>n});var r=t(659);const n=e=>e&&"object"==typeof e&&e.provide?e.provide:(0,r.h)(e)?e.ngModule:e&&"object"==typeof e&&e.directive?e.directive:e},218:(e,o,t)=>{t.d(o,{p:()=>p});var r=t(152),n=t(673);const s=(e,o)=>{const{decorators:t}=(0,n.A)(e);if(0===t.length)return!1;let r=1;if("Injectable"===o&&-1!==t.indexOf("Injectable"))return!0;for(;"Injectable"===t[t.length-r];)r+=1;return t[t.length-r]===o},c=(e,o)=>(!o||"m"===o)&&s(e,"NgModule"),_=(e,o)=>(!o||"c"===o)&&s(e,"Component"),i=(e,o)=>(!o||"d"===o)&&s(e,"Directive"),a=(e,o)=>(!o||"p"===o)&&s(e,"Pipe"),l=(e,o)=>(!o||"i"===o)&&s(e,"Injectable");function p(e,o){if("t"===o)return(0,r.S)(e);if("function"!=typeof e)return!1;const t=c(e,o),n=_(e,o),s=i(e,o),p=a(e,o),u=l(e,o);return t||n||s||p||u}},152:(e,o,t)=>{t.d(o,{S:()=>r});const r=e=>e&&"object"==typeof e&&"InjectionToken"===e.ngMetadataName},659:(e,o,t)=>{t.d(o,{h:()=>r});const r=e=>e&&"object"==typeof e&&"function"==typeof e.ngModule},73:(e,o,t)=>{t.d(o,{A:()=>p});var r=t(295),n=t(102),s=t(970);const c=e=>()=>(_.global.has(e)||_.global.set(e,new Map),_.global.get(e));(0,n.A)().ngMocksUniverse=(0,n.A)().ngMocksUniverse||{};const _=(0,n.A)().ngMocksUniverse;_.builtDeclarations=new Map,_.builtProviders=new Map,_.cacheDeclarations=new Map,_.cacheProviders=new Map,_.config=new Map,_.configInstance=new Map,_.flags=new Set(r.A.flags),_.global=new Map,_.touches=new Set,_.global.set("flags",{onMockBuilderMissingDependency:r.A.onMockBuilderMissingDependency,onMockInstanceRestoreNeed:r.A.onMockInstanceRestoreNeed,onTestBedFlushNeed:r.A.onTestBedFlushNeed}),_.getOverrides=c("overrides"),_.getDefaults=c("defaults"),_.getConfigMock=c("configMock");const i=e=>{{const o=_.getDefaults().get(e);if(o)return o}{const o="function"==typeof e?_.getDefaults().get(`@${(0,s.A)(e)}`):void 0;if(o)return o}return[]};_.getResolution=e=>{const o=_.config.get("ngMocksDepsResolution");if(null==o?void 0:o.has(e))return o.get(e);const[t]=i(e);return t},_.getBuildDeclaration=e=>{if(_.builtDeclarations.has(e))return _.builtDeclarations.get(e);const[o,t]=i(e);return"exclude"===o?null:o&&"keep"!==o?"replace"===o?t:void 0:e},_.hasBuildDeclaration=e=>{if(_.builtDeclarations.has(e))return void 0!==_.builtDeclarations.get(e);const[o]=i(e);return!!o&&"mock"!==o};const a=e=>_.hasBuildDeclaration(e),l=e=>_.getBuildDeclaration(e);_.isExcludedDef=e=>{const o=_.getResolution(e);return(!o||"exclude"===o)&&a(e)&&null===l(e)},_.isProvidedDef=e=>a(e)&&null!==l(e),_.getDefaults().set("@StoreDevtoolsModule",["exclude"]),_.indexValue=0,_.index=()=>_.indexValue++;const p=_},589:(e,o,t)=>{t.d(o,{A:()=>n});var r=t(20);const n=(e,o,t,n)=>{var s;const c=null!==(s=(0,r.A)(e,o))&&void 0!==s?s:{};if(!n&&c.set&&c.set.__ngMocksProxy)return c.set(t),t;const _={configurable:!0,enumerable:!0};return"get"===n&&c.set?_.set=c.set:"set"===n&&c.get&&(_.get=c.get),n?_[n]=t:(_.writable=!0,_.value=t),Object.defineProperty(e,o,_),t}},195:(e,o,t)=>{t.d(o,{A:()=>_});var r=t(331),n=t(794),s=t(20),c=t(932);const _=(e,o,t)=>{if("string"==typeof o)return c.A.mock(e,o,t);let _=e,i=o;const a=["__zone_symbol__unconfigurables"];"function"==typeof o&&(_=c.A.createClone(o),i=e,a.push(...Object.getOwnPropertyNames(_)));const l=[...(0,r.A)(i),...(0,n.A)(i)];for(const e of l){const o=-1===a.indexOf(e)?(0,s.A)(i,e):void 0;o&&Object.prototype.hasOwnProperty.call(o,"value")&&void 0===o.value||c.A.definePropertyDescriptor(_,e,o)}return _}},760:(e,o,t)=>{t.d(o,{A:()=>s});var r=t(73),n=t(589);const s=e=>{const o=[],t=r.A.configInstance.get(e);if(null==t?void 0:t.overloads)for(const[e,r,s]of t.overloads)e?o.push((o=>{(0,n.A)(o,e,r,s)})):o.push(r);return o}},365:(e,o,t)=>{t.d(o,{A:()=>_});var r=t(6),n=t(331),s=t(794),c=t(20);const _=(e,o,t,_)=>{const i=function(...r){return(_||e).apply(o===this?t:this,r)};for(const o of[...(0,n.A)(e),...(0,s.A)(e)]){const t=(0,c.A)(e,o);(0,r.A)(i,o,t)}return i}},6:(e,o,t)=>{t.d(o,{A:()=>n});var r=t(20);const n=(e,o,t)=>{if(!t||!e)return!1;if(Object.defineProperty){const n=(0,r.A)(e,o);if(!1===(null==n?void 0:n.configurable))return!1;Object.defineProperty(e,o,Object.assign(Object.assign(Object.assign({},t),{configurable:!0}),void 0===t.get&&void 0===t.set||!1===t.writable?{writable:!0}:{}))}else e[o]=t.value;return!0}},331:(e,o,t)=>{t.d(o,{A:()=>_});var r=t(970);const n=["sanitize","bypassSecurityTrustHtml","bypassSecurityTrustStyle","bypassSecurityTrustScript","bypassSecurityTrustUrl","bypassSecurityTrustResourceUrl"],s={DomSanitizer:n,Sanitizer:n},c=e=>{var o;const t=Object.getOwnPropertyNames(e);for(const n of null!==(o=s[(0,r.A)(e)])&&void 0!==o?o:[])t.push(n);return t},_=e=>{const o=[];let t=e;for(;t&&null!==Object.getPrototypeOf(t);){for(const e of c(t)){if("constructor"===e)continue;const r=Object.getOwnPropertyDescriptor(t,e);r&&(r.get||r.set)||-1!==o.indexOf(e)||o.push(e)}t=Object.getPrototypeOf(t)}return o}},794:(e,o,t)=>{t.d(o,{A:()=>r});const r=e=>{const o=[];let t=e;for(;t&&null!==Object.getPrototypeOf(t);){for(const e of Object.getOwnPropertyNames(t)){if("constructor"===e)continue;const r=Object.getOwnPropertyDescriptor(t,e);r&&(r.get||r.set)&&-1===o.indexOf(e)&&o.push(e)}t=Object.getPrototypeOf(t)}return o}},20:(e,o,t)=>{t.d(o,{A:()=>r});const r=(e,o)=>{let t=e;for(;t&&null!==Object.getPrototypeOf(t);){const e=Object.getOwnPropertyDescriptor(t,o);if(e)return e;t=Object.getPrototypeOf(t)}}},932:(e,o,t)=>{t.d(o,{A:()=>A,O:()=>M});var r=t(102),n=t(365),s=t(174),c=t(970),_=t(6),i=t(331),a=t(794),l=t(20);const p=(e,o=!1)=>{const t=p.customMockFunction&&!o?p.customMockFunction(e):e=>(n&&n(e),r);let r,n;return(0,s.A)(t,"__ngMocks",!0),(0,s.A)(t,"__ngMocksSet",(e=>n=e)),(0,s.A)(t,"__ngMocksGet",(e=>r=e)),t},u=p;var d=t(763),f=t(218),g=t(73);const k=["canActivate","canActivateChild","canDeactivate","canMatch","canLoad"],m=(e,o)=>Array.isArray(e[o])?(e=>{const o=[];for(const t of e)!g.A.isProvidedDef(t)&&g.A.isExcludedDef(d.ZG)||(o.push(t),(0,f.p)(t)||g.A.touches.add(t));return o})(e[o]):e[o],h=(e,o)=>{if(g.A.cacheDeclarations.has(e))return g.A.cacheDeclarations.get(e);if("object"!=typeof e)return e;if(o.has(e))return e;let t,r=!1;return Array.isArray(e)?[r,t]=((e,o,t)=>{const r=[];let n=!1;e.set(o,r);for(const s of o)g.A.isExcludedDef(s)?n=n||!0:(r.push(t(s,e)),n=n||r[r.length-1]!==s);return[n,r]})(o,e,h):e&&([r,t]=((e,o,t)=>{let r={},n=!1;e.set(o,r);for(const s of Object.keys(o))g.A.isExcludedDef(o[s])?n=n||!0:(r[s]=t(o[s],e),n=n||r[s]!==o[s]);for(const e of k){const o=m(r,e);o&&r[e].length!==o.length&&(n=n||!0,r=Object.assign(Object.assign({},r),{[e]:o}))}if("object"==typeof r.resolve&&r.resolve){const e={};let o=!1;for(const t of Object.keys(r.resolve)){const n=r.resolve[t];g.A.isProvidedDef(n)||!g.A.isExcludedDef(d.C3)?(e[t]=n,(0,f.p)(n)||g.A.touches.add(n)):o=o||!0}o&&(n=n||!0,r=Object.assign(Object.assign({},r),{resolve:e}))}return[n,r]})(o,e,h)),r?(Object.setPrototypeOf(t,Object.getPrototypeOf(e)),t):e};var v=t(663),b=t(465);(0,r.A)().ngMockshelperMockService=(0,r.A)().ngMockshelperMockService||{mockFunction:u,registerMockFunction:e=>{(0,r.A)().ngMockshelperMockService.mockFunction.customMockFunction=e},createClone:n.A,createMockFromPrototype:e=>{const o=(0,c.A)(e),t={};(0,s.A)(t,"__ngMocks",!0);const r=A.extractMethodsFromPrototype(e);for(const e of r)A.mock(t,e,o);const n=A.extractPropertiesFromPrototype(e);for(const e of n)A.mock(t,e,"get",o),A.mock(t,e,"set",o);return Object.setPrototypeOf(t,e),t},definePropertyDescriptor:_.A,extractMethodsFromPrototype:i.A,extractPropertiesFromPrototype:a.A,extractPropertyDescriptor:l.A,mock:(e,o,...t)=>{const{accessType:r,mockName:n}=(e=>{let o,t;return e.length>0&&"get"!==e[0]&&"set"!==e[0]?t=e[0]:e.length>0&&("get"===e[0]||"set"===e[0])&&(o=e[0],t=e[1]),{accessType:o,mockName:t}})(t),s=Object.getOwnPropertyDescriptor(e,o);if(s&&s[r||"value"])return s[r||"value"];const _=((e,o,t,r)=>`${null!=o?o:"function"==typeof t.prototype?t.prototype.name:(0,c.A)(t)}.${e}${null!=r?r:""}`)(o,n,e,r),i=A.mockFunction(_,!!r),a=((e,o,t)=>Object.assign(Object.assign(Object.assign(Object.assign({},"get"===t&&e&&e.set?{set:e.set}:{}),"set"===t&&e&&e.get?{get:e.get}:{}),t?{}:{writable:!0}),{[t||"value"]:o,configurable:!0,enumerable:!0}))(s,i,r);return a.get&&a.set&&a.get.__ngMocks&&a.set.__ngMocks&&a.set.__ngMocksSet((e=>a.get.__ngMocksGet(e))),Object.defineProperty(e,o,a),i},replaceWithMocks:e=>{const o=new Map,t=h(e,o);return o.clear(),t},resolveProvider:v.A,useFactory:b.A};const A=(0,r.A)().ngMockshelperMockService;function M(e){(0,r.A)().ngMockshelperMockService.registerMockFunction(e)}},663:(e,o,t)=>{t.d(o,{A:()=>u});var r=t(456),n=t(763),s=t(285),c=t(297),_=t(152),i=t(73),a=t(932),l=t(415);const p=(e,o,t)=>{let r=!1,n=!e;return o&&e&&!n&&(n=((e,o,...t)=>{for(const r of t)if(e[r]!==o[r])return!0;return!1})(o,e,"provide","useValue","useClass","useExisting","useFactory","deps")),(o===t&&e!==o||o!==t&&n)&&(r=!0),!r},u=(e,o,t)=>{const{provide:u,multi:d,change:f}=((e,o)=>{const t=(0,c.A)(e);return{change:()=>{o&&o()},multi:e!==t&&!!e.multi,provide:t}})(e,t);if(((e,o)=>null===i.A.builtProviders.get(o)||(o!==e&&e.deps&&(0,r.by)(e.deps,i.A.config.get("ngMocksDeps")),((e,o)=>{if(((e,o)=>i.A.builtProviders.has(n.rO)&&null===i.A.builtProviders.get(n.rO)&&(0,_.S)(o)&&"InjectionToken HTTP_INTERCEPTORS"===o.toString()&&o!==e)(e,o)){if(e.useFactory||e.useValue)return!0;const o=(0,s.A)(e.useExisting)||e.useClass;if(!i.A.builtProviders.has(o)||null===i.A.builtProviders.get(o))return!0}return!1})(e,o)))(e,u))return f();if(((e,o)=>{var t;return!(!e||"object"!=typeof e||!e.useExisting||!e.useExisting.mockOf&&(i.A.getResolution(o)&&!(null===(t=i.A.config.get(o))||void 0===t?void 0:t.__internal)||"keep"!==i.A.getResolution((0,s.A)(e.useExisting))))})(e,u))return i.A.touches.add(u),e;if(o.has(u))return((e,o)=>{let t=o;const r=i.A.builtProviders.get(e);return r&&(t=r),"function"==typeof t&&(t={provide:e,useClass:t}),t})(u,o.get(u));const g=((e,o,t)=>{var r;let n=((e,o)=>{if(i.A.builtProviders.has(o)){const t=i.A.builtProviders.get(o);return t===o?e:t}})(e,o);return!n&&i.A.flags.has("skipMock")&&"mock"!==i.A.getResolution(o)&&(null===(r=i.A.config.get("ngMocksDepsSkip"))||void 0===r||r.add(o),n=e),n||(n=(0,l.A)(e)),n=((e,o,t)=>{if(o!==e&&t&&t.useValue){const e=a.A.replaceWithMocks(t.useValue);return e===t.useValue?t:Object.assign(Object.assign({},t),{useValue:e})}return t})(e,o,n),p(n,e,o)||t(),n&&i.A.touches.add(o),n})(e,u,f);return d&&"object"==typeof g?Object.assign(Object.assign({},g),{multi:d}):g}},465:(e,o,t)=>{t.d(o,{A:()=>p});var r=t(614),n=t(456),s=t(152),c=t(73),_=t(195),i=t(760),a=t(839);const l=e=>(0,s.S)(e)||"string"==typeof e,p=(e,o,t)=>({deps:[r.Injector],provide:e,useFactory:r=>{const s=o?o():(0,a.K)(e),p=c.A.getOverrides().get(e),u=p?(0,n.LG)(p):[];return t&&u.push(t),u.push(...(0,i.A)(e)),((e,o,t,r,n)=>{let s=o;for(const o of t){const t=o(s,r);l(e)?s=t:o!==n?t&&(s=(0,_.A)(s,t)):s=t}return s})(e,s,u,r,t)}})},415:(e,o,t)=>{t.d(o,{A:()=>g});var r=t(295),n=t(297),s=t(152),c=t(73),_=t(6),i=t(20),a=t(465),l=t(839);const{neverMockProvidedFunction:p,neverMockToken:u}=r.A,d=[[e=>"boolean"==typeof e,!1],[e=>"number"==typeof e,0],[e=>"string"==typeof e,""],[e=>null===e,null]],f=(e,o,t)=>{var r;if(o===e)return t?(0,a.A)(e,(()=>{})):void 0;if(e.multi)return void(null===(r=c.A.config.get("ngMocksMulti"))||void 0===r||r.add(o));let n;return-1!==Object.keys(e).indexOf("useValue")?n=((e,o)=>(0,a.A)(o,(()=>e.useValue&&"object"==typeof e.useValue?(0,l.K)(e.useValue):(e=>{for(const[o,t]of d)if(o(e))return t})(e.useValue))))(e,o):-1!==Object.keys(e).indexOf("useExisting")?n=e:-1!==Object.keys(e).indexOf("useClass")?n=((e,o)=>c.A.builtProviders.has(e.useClass)&&c.A.builtProviders.get(e.useClass)===e.useClass?e:(0,a.A)(o,(()=>(0,l.K)(e.useClass))))(e,o):-1!==Object.keys(e).indexOf("useFactory")&&(n=(0,a.A)(o,(()=>({})))),n},g=(e,o=!1)=>{const t=(0,n.A)(e);if("mock"===c.A.getResolution(t));else{if((e=>"function"==typeof e&&-1!==p.indexOf(e.name))(t))return e;if((e=>(0,s.S)(e)&&-1!==u.indexOf(e.toString()))(t))return}const r=c.A.flags.has("cacheProvider")?c.A.cacheProviders:void 0;return t===e&&r&&r.has(t)?r.get(t):((e,o,t)=>{let r;return"function"==typeof o&&(r=((e,o)=>(0,a.A)(o,(()=>{const t=(0,l.K)(o);return o!==e&&-1!==Object.keys(e).indexOf("useClass")&&((e,o)=>{const t=Object.getOwnPropertyNames(e),r=(0,l.K)(o);for(const o of Object.getOwnPropertyNames(r)){if(-1!==t.indexOf(o))continue;const n=(0,i.A)(r,o);(0,_.A)(e,o,n)}})(t,e.useClass),t})))(e,o)),o===e&&r&&t&&t.set(o,r),r})(e,t,r)||f(e,t,o)}},839:(e,o,t)=>{t.d(o,{K:()=>a});var r=t(970),n=t(195);const s=e=>{if("function"!=typeof e)return!1;if(!e.prototype)return!0;if((e=>!!(e.ɵprov||e.__annotations__||e.__parameters__||e.parameters))(e))return!1;const o=e.toString();if(null!==o.match(/^class\b/))return!1;const t=o.match(/^function\s+([^\s(]+)\(/);return null===t||!((e,o,t)=>{if(null!==e.match(/^class/))return!0;if(Object.keys(t.prototype).length>0)return!0;const r=e.codePointAt(0);if(r&&r>=65&&r<=90&&null!==o.match(/\bthis\./gm))return!0;const n=new RegExp(`\\(this,\\s*${e}\\)`,"mg");return null!==o.match(n)})(t[1],o,e)};var c=t(932);const _=[[e=>"function"==typeof e&&!s(e),(e,o)=>{const t=c.A.createMockFromPrototype(o.prototype);return e.set(o,t),t}],[s,(e,o,t)=>{const n=c.A.mockFunction(`func:${t||(0,r.A)(o)}`);return e.set(o,n()),n}],[e=>Array.isArray(e),()=>[]],[e=>null!==e&&"object"==typeof e&&"InjectionToken"!==e.ngMetadataName&&"object"==typeof Object.getPrototypeOf(e),(e,o,t,r)=>{const n=c.A.createMockFromPrototype(o.constructor.prototype);e.set(o,n);for(const s of Object.keys(o)){const c=r(e,o[s],`${t||"instance"}.${s}`);void 0!==c&&(n[s]=c)}return Object.setPrototypeOf(n,Object.getPrototypeOf(o)),n}]],i=(e,o,t="",r)=>{const s=((e,o,t,r)=>{var n;for(const[s,c]of _)if(s(o))return null!==(n=e.get(o))&&void 0!==n?n:c(e,o,t,r)})(e,o,t,i);return r&&(0,n.A)(s,r),s};function a(e,...o){const t=o.length>0&&"string"==typeof o[0]?o[0]:o[1],r=o.length>0&&o[0]&&"object"==typeof o[0]?o[0]:void 0,n=new Map,s=i(n,e,t,r);return n.clear(),s}},673:(e,o,t)=>{t.d(o,{A:()=>x});var r=t(614),n=t(174),s=t(439),c=t(184);const _=(e,o)=>{const t=e.indexOf(o);-1!==t&&e.splice(t,1),"Injectable"!==o&&"Pipe"!==o&&"Directive"!==o&&"Component"!==o&&"NgModule"!==o||e.push(o)},i=e=>{const o=[];for(const t of Object.keys(e))o.push(t);return o},a=e=>(o,t,r,n)=>{var _;const{alias:i,required:a}=(0,c.A)({name:t,alias:null!==(_=r.alias)&&void 0!==_?_:r.bindingPropertyName,required:r.required}),l=(0,s.A)({name:t,alias:i,required:a});let p=!0;for(const o of n[e]){if(o===l){p=!1;break}const{name:e,alias:r,required:n}=(0,c.A)(o);if(e===t&&r===i&&n===a){p=!1;break}}p&&n[e].unshift(l)},l=a("inputs"),p=a("outputs"),u=e=>(o,t,r,n)=>{n.queries[t]||(n.queries[t]=Object.assign(Object.assign({isViewQuery:e,ngMetadataName:o,selector:r.selector},void 0===r.read?{}:{read:r.read}),void 0===r.static?{}:{static:r.static}))},d=u(!1),f=u(!0),g=e=>(o,t,r,n)=>{n.queries[t]||(n.queries[t]=Object.assign(Object.assign(Object.assign({isViewQuery:e,ngMetadataName:o,selector:r.selector},void 0===r.descendants?{}:{descendants:r.descendants}),void 0===r.emitDistinctChangesOnly?{}:{emitDistinctChangesOnly:r.emitDistinctChangesOnly}),void 0===r.read?{}:{read:r.read}))},k={ContentChild:d,ContentChildren:g(!1),HostBinding:(e,o,t,r)=>{const n=`[${t.hostPropertyName||o}]`;r.host[n]||(r.host[n]=o),r.hostBindings.push([o,t.hostPropertyName||o,...t.args?[t.args]:[]])},HostListener:(e,o,t,r)=>{const n=`(${t.eventName||o})`;r.host[n]||(r.host[n]=`${o}($event)`),r.hostListeners.push([o,t.eventName||o,...t.args?[t.args]:[]])},Input:l,Output:p,ViewChild:f,ViewChildren:g(!0)},m=e=>{const o=a(e);return(e,t,r,n)=>{var s;const{alias:c,required:_}=void 0===(null===(s=r.args)||void 0===s?void 0:s[0])?{}:"string"==typeof r.args[0]?{alias:r.args[0]}:r.args[0];o(e,t,{alias:c,required:_,bindingPropertyName:c},n)}},h=m("inputs"),v=m("outputs"),b=e=>(o,t,r,n)=>{n.queries[t]||(n.queries[t]=Object.assign({isViewQuery:e,ngMetadataName:o,selector:r.args[0]},r.args[1]))},A=b(!1),M=b(!0),y={ContentChild:A,ContentChildren:A,HostBinding:(e,o,t,r)=>{var n;const s=`[${(null===(n=t.args)||void 0===n?void 0:n[0])||o}]`;r.host[s]||(r.host[s]=o),r.hostBindings.push([o,...t.args||[]])},HostListener:(e,o,t,r)=>{var n;const s=`(${(null===(n=t.args)||void 0===n?void 0:n[0])||o})`;r.host[s]||(r.host[s]=`${o}($event)`),r.hostListeners.push([o,...t.args||[]])},Input:h,Output:v,ViewChild:M,ViewChildren:M},w=(e,o)=>{if(e){e.inputs=e.inputs||[];for(const t of o.inputs)-1===e.inputs.indexOf(t)&&e.inputs.push(t);e.outputs=e.outputs||[];for(const t of o.outputs)-1===e.outputs.indexOf(t)&&e.outputs.push(t);e.queries=Object.assign(Object.assign({},e.queries||[]),o.queries),e.hostBindings=o.hostBindings,e.hostListeners=o.hostListeners}},O=new r["ɵReflectionCapabilities"],C=e=>{if("function"!=typeof e&&"object"!=typeof e)return{};if(Object.prototype.hasOwnProperty.call(e,"__ngMocksParsed"))return e.__ngMocksDeclarations;const o=Object.getPrototypeOf(e),t=o?C(o):{},r=(e=>({host:e.host?Object.assign({},e.host):{},hostBindings:e.hostBindings?[...e.hostBindings]:[],hostListeners:e.hostListeners?[...e.hostListeners]:[],attributes:e.attributes?[...e.attributes]:[],inputs:e.inputs?[...e.inputs]:[],outputs:e.outputs?[...e.outputs]:[],propDecorators:e.propDecorators?Object.assign({},e.propDecorators):{},queries:e.queries?Object.assign({},e.queries):{},decorators:e.decorators?[...e.decorators]:[]}))(t);return(0,n.A)(e,"__ngMocksParsed",!0),((e,o)=>{if(Object.prototype.hasOwnProperty.call(e,"__parameters__")&&e.__parameters__)for(const t of e.__parameters__)for(const e of t||[])"Attribute"===e.ngMetadataName&&-1===o.attributes.indexOf(e.attributeName)&&o.attributes.push(e.attributeName)})(e,r),((e,o)=>{if(Object.prototype.hasOwnProperty.call(e,"__annotations__")&&e.__annotations__)for(const t of e.__annotations__){const e=null==t?void 0:t.ngMetadataName;e&&(o[e]=Object.assign(Object.assign({},t),{attributes:o.attributes}),_(o.decorators,e))}})(e,r),((e,o)=>{var t,r;if(Object.prototype.hasOwnProperty.call(e,"decorators")&&e.decorators)for(const n of e.decorators){const e=null===(r=null===(t=null==n?void 0:n.type)||void 0===t?void 0:t.prototype)||void 0===r?void 0:r.ngMetadataName;e&&(o[e]=n.args?Object.assign({},n.args[0]):{},_(o.decorators,e))}})(e,r),((e,o)=>{var t,r,n;if(Object.prototype.hasOwnProperty.call(e,"propDecorators")&&e.propDecorators)for(const s of i(e.propDecorators)){o.propDecorators[s]=[...o.propDecorators[s]||[],...e.propDecorators[s]];for(const c of e.propDecorators[s]){const e=null===(r=null===(t=null==c?void 0:c.type)||void 0===t?void 0:t.prototype)||void 0===r?void 0:r.ngMetadataName;e&&(null===(n=y[e])||void 0===n||n.call(y,e,s,c,o))}}})(e,r),((e,o)=>{var t;if(Object.prototype.hasOwnProperty.call(e,"__prop__metadata__")&&e.__prop__metadata__)for(const r of i(e.__prop__metadata__)){const n=e.__prop__metadata__[r];for(const e of n){const n=null==e?void 0:e.ngMetadataName;n&&(null===(t=k[n])||void 0===t||t.call(k,n,r,e,o))}}})(e,r),w(r.Directive,r),w(r.Component,r),(0,n.A)(e,"__ngMocksDeclarations",Object.assign(Object.assign(Object.assign({},t),r),{parameters:O.parameters(e)})),e.__ngMocksDeclarations},x=C},614:(e,o,t)=>{e.exports=(e=>{var o={};return t.d(o,e),o})({ChangeDetectorRef:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.ChangeDetectorRef,Component:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.Component,ComponentFactoryResolver:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.ComponentFactoryResolver,ContentChild:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.ContentChild,ContentChildren:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.ContentChildren,DebugElement:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.DebugElement,Directive:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.Directive,ElementRef:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.ElementRef,EventEmitter:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.EventEmitter,InjectionToken:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.InjectionToken,Injector:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.Injector,Input:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.Input,NgModule:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.NgModule,Optional:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.Optional,Output:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.Output,Pipe:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.Pipe,QueryList:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.QueryList,Self:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.Self,TemplateRef:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.TemplateRef,ViewChild:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.ViewChild,ViewChildren:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.ViewChildren,ViewContainerRef:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__.ViewContainerRef,ɵReflectionCapabilities:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_bcead0df__["ɵReflectionCapabilities"]})},957:(e,o,t)=>{e.exports=(e=>{var o={};return t.d(o,e),o})({TestBed:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_testing_89899de6__.TestBed,getTestBed:()=>__WEBPACK_EXTERNAL_MODULE__angular_core_testing_89899de6__.getTestBed})}},__webpack_module_cache__={};function __webpack_require__(e){var o=__webpack_module_cache__[e];if(void 0!==o)return o.exports;var t=__webpack_module_cache__[e]={exports:{}};return __webpack_modules__[e](t,t.exports,__webpack_require__),t.exports}__webpack_require__.d=(e,o)=>{for(var t in o)__webpack_require__.o(o,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.d(__webpack_exports__,{rX:()=>types_namespaceObject.IMockBuilder,HA:()=>types_namespaceObject.IMockBuilderConfig,Wn:()=>types_namespaceObject.IMockBuilderConfigAll,Me:()=>types_namespaceObject.IMockBuilderConfigComponent,I7:()=>types_namespaceObject.IMockBuilderConfigDirective,tv:()=>types_namespaceObject.IMockBuilderConfigModule,OG:()=>types_namespaceObject.IMockBuilderExtended,sF:()=>types_namespaceObject.IMockBuilderProvider,me:()=>types_namespaceObject.IMockBuilderResult,bk:()=>LegacyControlValueAccessor,JT:()=>Mock,_V:()=>MockBuilder,Am:()=>MockComponent,$u:()=>MockComponents,D2:()=>mock_control_value_accessor_namespaceObject.MockControlValueAccessor,dw:()=>MockDeclaration,uV:()=>MockDeclarations,Cc:()=>MockDirective,nr:()=>MockDirectives,Wm:()=>MockInstance,BN:()=>MockModule,ZJ:()=>MockPipe,yI:()=>MockPipes,Qo:()=>MockProvider,dD:()=>MockProviders,Ty:()=>MockRender,P0:()=>MockRenderFactory,mB:()=>MockReset,KH:()=>mock_service.K,b6:()=>mock_control_value_accessor_namespaceObject.MockValidator,Je:()=>mock_component_types_namespaceObject.MockedComponent,T4:()=>mock_directive_types_namespaceObject.MockedDirective,qZ:()=>mock_module_types_namespaceObject.MockedModule,cm:()=>mock_pipe_types_namespaceObject.MockedPipe,en:()=>core_tokens.en,ZG:()=>core_tokens.ZG,rO:()=>core_tokens.rO,So:()=>core_tokens.So,C3:()=>core_tokens.C3,gG:()=>core_tokens.gG,Em:()=>core_tokens.Em,Ah:()=>core_helpers.Ah,xz:()=>getMockedNgDefOf,VK:()=>getSourceOfMock,d5:()=>core_helpers.d5,IA:()=>isMockControlValueAccessor,Bt:()=>isMockNgDef,AW:()=>isMockOf,lt:()=>isMockValidator,Fk:()=>isMockedNgDefOf,pA:()=>func_is_ng_def.p,SM:()=>func_is_ng_injection_token.S,H5:()=>ngMocks});var mock_control_value_accessor_namespaceObject={};__webpack_require__.r(mock_control_value_accessor_namespaceObject),__webpack_require__.d(mock_control_value_accessor_namespaceObject,{b:()=>LegacyControlValueAccessor});var types_namespaceObject={};__webpack_require__.r(types_namespaceObject);var mock_module_types_namespaceObject={};__webpack_require__.r(mock_module_types_namespaceObject);var mock_component_types_namespaceObject={};__webpack_require__.r(mock_component_types_namespaceObject);var mock_directive_types_namespaceObject={};__webpack_require__.r(mock_directive_types_namespaceObject);var mock_pipe_types_namespaceObject={};__webpack_require__.r(mock_pipe_types_namespaceObject);var ng_mocks_universe=__webpack_require__(73),_a,_b;const stackRoot={id:{},level:"root"},stack=ng_mocks_universe.A.global.get("reporter-stack")||[Object.assign({},stackRoot)];ng_mocks_universe.A.global.set("reporter-stack",stack);const current=()=>stack[stack.length-1],listenersPush=null!==(_a=ng_mocks_universe.A.global.get("reporter-stack-push"))&&void 0!==_a?_a:[];ng_mocks_universe.A.global.set("reporter-stack-push",listenersPush);const listenersPop=null!==(_b=ng_mocks_universe.A.global.get("reporter-stack-pop"))&&void 0!==_b?_b:[];ng_mocks_universe.A.global.set("reporter-stack-pop",listenersPop);const stackPush=()=>{const e={};ng_mocks_universe.A.global.set("reporter-stack-id",e);const o={id:e,level:"runtime"};stack.push(o);for(const e of listenersPush)e(o,stack)},stackPop=()=>{const e=stack.pop();if(0===stack.length&&stack.push("root"===(null==e?void 0:e.level)?e:Object.assign({},stackRoot)),e&&"root"!==e.level)for(const o of listenersPop)o(e,stack);ng_mocks_universe.A.global.set("reporter-stack-id",stack[stack.length-1].id)},subscribePush=e=>{listenersPush.indexOf(e)&&listenersPush.push(e),stack.length>0&&e(stack[stack.length-1],stack)},subscribePop=e=>{-1===listenersPop.indexOf(e)&&listenersPop.push(e)},unsubscribePush=e=>{const o=listenersPush.indexOf(e);-1!==o&&listenersPush.splice(o,1)},unsubscribePop=e=>{const o=listenersPop.indexOf(e);-1!==o&&listenersPop.splice(o,1)},ng_mocks_stack={current,stackPop,stackPush,subscribePop,subscribePush,unsubscribePop,unsubscribePush};var core_=__webpack_require__(614),testing_=__webpack_require__(957),core_helpers=__webpack_require__(456),core_tokens=__webpack_require__(763);const func_extract_tokens=e=>{let o,t,r;for(const n of(0,core_helpers.Bq)(e||[]))"object"==typeof n&&(n.provide===core_tokens.en&&(o=n.useValue),n.provide===core_tokens.So&&(t=n.useValue),n.provide===core_tokens.Em&&(r=n.useValue));return{mocks:o,overrides:t,touches:r}};var core_define_property=__webpack_require__(174),collect_declarations=__webpack_require__(673),func_is_ng_injection_token=__webpack_require__(152);const getNgType=e=>{if("string"==typeof e)return;if((0,func_is_ng_injection_token.S)(e))return"Injectable";const{decorators:o}=(0,collect_declarations.A)(e);for(let e=o.length-1;e>=0;e-=1)if("Injectable"!==o[e])return o[e];return o.length>0?"Injectable":void 0};function isStandalone(e){const o=getNgType(e);return"NgModule"!==o}var helper_extract_property_descriptor=__webpack_require__(20);const core_def_stack=class{constructor(){this.stack=[],this.push()}push(){this.stack.push(new Map)}pop(){var e;return null!==(e=this.stack.pop())&&void 0!==e?e:new Map}has(e){for(let o=this.stack.length-1;o>=0;o-=1)if(this.stack[o].has(e))return!0;return!1}get(e){for(let o=this.stack.length-1;o>=0;o-=1)if(this.stack[o].has(e))return this.stack[o].get(e)}set(e,o){for(let t=this.stack.length-1;t>=0;t-=1)this.stack[t].set(e,o);return this}merge(e){for(const[o,t]of(0,core_helpers.Nn)(e))this.set(o,t);return this}};var func_get_name=__webpack_require__(970),func_is_ng_def=__webpack_require__(218),func_is_ng_module_def_with_providers=__webpack_require__(659),core_config=__webpack_require__(295);class MockBuilderStash{constructor(){this.data={}}backup(){this.data={builtDeclarations:ng_mocks_universe.A.builtDeclarations,builtProviders:ng_mocks_universe.A.builtProviders,cacheDeclarations:ng_mocks_universe.A.cacheDeclarations,cacheProviders:ng_mocks_universe.A.cacheProviders,config:ng_mocks_universe.A.config,configInstance:ng_mocks_universe.A.configInstance,flags:ng_mocks_universe.A.flags,touches:ng_mocks_universe.A.touches},ng_mocks_universe.A.builtDeclarations=new Map,ng_mocks_universe.A.builtProviders=new Map,ng_mocks_universe.A.cacheDeclarations=new Map,ng_mocks_universe.A.cacheProviders=new Map,ng_mocks_universe.A.config=new Map,ng_mocks_universe.A.configInstance=new Map,ng_mocks_universe.A.flags=new Set(core_config.A.flags),ng_mocks_universe.A.touches=new Set}restore(){for(const e of Object.keys(this.data))ng_mocks_universe.A[e]=this.data[e]}}const core_reflect_provided_in=e=>{var o,t,r;if(e&&("object"==typeof e||"function"==typeof e))return null!==(t=null===(o=e.ɵprov)||void 0===o?void 0:o.providedIn)&&void 0!==t?t:null===(r=e.ngInjectableDef)||void 0===r?void 0:r.providedIn};var func_get_type=__webpack_require__(297),helper_resolve_provider=__webpack_require__(663);const add_requested_providers=(e,{providerDef:o,mockDef:t},r)=>{for(const t of(0,core_helpers.LG)(o))e.providers.push(t);for(const o of(0,core_helpers.Bq)(e.providers)){const e=(0,func_get_type.A)(o);ng_mocks_universe.A.touches.add(e),e!==o&&o.deps&&(0,core_helpers.by)(o.deps,ng_mocks_universe.A.config.get("ngMocksDeps"))}for(const o of(0,core_helpers.LG)(t))ng_mocks_universe.A.touches.has(o)||"root"!==core_reflect_provided_in(o)||(e.providers.push((0,helper_resolve_provider.A)(o,r)),ng_mocks_universe.A.touches.add(o))},apply_platform_modules=()=>{const e=(0,testing_.getTestBed)();if(e.ngModule)for(const o of(0,core_helpers.Bq)(e.ngModule))ng_mocks_universe.A.touches.add((0,func_get_type.A)(o))},error_empty_def=e=>{if(!e)throw new Error(["undefined / null has been passed into ng-mocks as a declaration / provider.","Please ensure that the current test file has correct imports:","imported files exist and imported declarations have been exported in the file."].join(" "))},func_is_jest_mock=e=>!(!e||"function"!=typeof e&&"object"!=typeof e||!(e._isMockFunction&&e.mockName&&e.__annotations__)),error_jest_mock=e=>{if(func_is_jest_mock(e))throw new Error([`ng-mocks got ${(0,func_get_name.A)(e)} which has been already mocked by jest.mock().`,"It is not possible to produce correct mocks for it, because jest.mock() removes Angular decorators.",`To fix this, please avoid jest.mock() on the file which exports ${(0,func_get_name.A)(e)} or add jest.dontMock() on it.`,"The same should be done for all related dependencies."].join(" "))},error_missing_decorators=e=>{throw new Error([`${(0,func_get_name.A)(e)} declaration has been passed into ng-mocks without Angular decorators.`,"Therefore, it cannot be properly handled.","Highly likely,","undefined"==typeof jest?"":"jest.mock() has been used on its file, or","ng-mocks is imported in production code, or got a class without Angular decoration.","Otherwise, please create an issue on github: https://github.com/help-me-mom/ng-mocks/issues/new?title=False%20positive%20ng-mocks%20not%20in%20JIT.","Thank you in advance for support."].join(" "))},core_reflect_body_catch=e=>o=>{error_empty_def(o);try{return e(o)}catch(e){error_jest_mock(o),error_missing_decorators(o)}},core_reflect_directive_resolve=e=>core_reflect_body_catch((e=>{const o=(0,collect_declarations.A)(e);if(o.Component)return o.Component;if(o.Directive)return o.Directive;throw new Error("Cannot resolve declarations")}))(e),core_reflect_module_resolve=e=>core_reflect_body_catch((e=>{const o=(0,collect_declarations.A)(e);if(o.NgModule)return o.NgModule;throw new Error("Cannot resolve declarations")}))(e),core_reflect_meta=e=>(0,func_is_ng_def.p)(e,"c")||(0,func_is_ng_def.p)(e,"d")?core_reflect_directive_resolve(e):(0,func_is_ng_def.p)(e,"m")?core_reflect_module_resolve(e):void 0;function getSourceOfMock(e){return"function"==typeof e&&e.mockOf?e.mockOf:e}const mark_exported=(e,o)=>{var t;const r=getSourceOfMock(e),n=null!==(t=ng_mocks_universe.A.configInstance.get(r))&&void 0!==t?t:{__set:!0};n.exported||(n.exported=new Set),o&&n.exported.add(getSourceOfMock(o)),n.__set&&(n.__set=void 0,ng_mocks_universe.A.configInstance.set(r,n))};var x=e=>{var o={};return __webpack_require__.d(o,e),o},y=e=>()=>e;const forms_namespaceObject=x({AbstractControl:()=>__WEBPACK_EXTERNAL_MODULE__angular_forms_df10eade__.AbstractControl,DefaultValueAccessor:()=>__WEBPACK_EXTERNAL_MODULE__angular_forms_df10eade__.DefaultValueAccessor,FormControl:()=>__WEBPACK_EXTERNAL_MODULE__angular_forms_df10eade__.FormControl,FormControlDirective:()=>__WEBPACK_EXTERNAL_MODULE__angular_forms_df10eade__.FormControlDirective,NG_ASYNC_VALIDATORS:()=>__WEBPACK_EXTERNAL_MODULE__angular_forms_df10eade__.NG_ASYNC_VALIDATORS,NG_VALIDATORS:()=>__WEBPACK_EXTERNAL_MODULE__angular_forms_df10eade__.NG_VALIDATORS,NG_VALUE_ACCESSOR:()=>__WEBPACK_EXTERNAL_MODULE__angular_forms_df10eade__.NG_VALUE_ACCESSOR,NgControl:()=>__WEBPACK_EXTERNAL_MODULE__angular_forms_df10eade__.NgControl,NgModel:()=>__WEBPACK_EXTERNAL_MODULE__angular_forms_df10eade__.NgModel}),AbstractControl=forms_namespaceObject.AbstractControl,DefaultValueAccessor=forms_namespaceObject.DefaultValueAccessor,FormControl=forms_namespaceObject.FormControl,FormControlDirective=forms_namespaceObject.FormControlDirective,NG_ASYNC_VALIDATORS=forms_namespaceObject.NG_ASYNC_VALIDATORS,NG_VALIDATORS=forms_namespaceObject.NG_VALIDATORS,NG_VALUE_ACCESSOR=forms_namespaceObject.NG_VALUE_ACCESSOR,NgControl=forms_namespaceObject.NgControl,NgModel=forms_namespaceObject.NgModel,core_form={AbstractControl,DefaultValueAccessor,FormControl,FormControlDirective,NG_ASYNC_VALIDATORS,NG_VALIDATORS,NG_VALUE_ACCESSOR,NgControl,NgModel},func_is_mock=e=>e&&"object"==typeof e&&!!e.__ngMocks;var mock_helper_stub=__webpack_require__(195),mock_instance_apply=__webpack_require__(760),helper_mock_service=__webpack_require__(932),func_directive_io_parse=__webpack_require__(184);const applyProxy=(e,o,t,r)=>{if(e.instance&&r&&(e.instance[r]=t),e.instance&&e.instance[o])return e.instance[o](t)};class MockControlValueAccessorProxy{constructor(e){this.target=e}registerOnChange(e){applyProxy(this,"registerOnChange",e,"__simulateChange")}registerOnTouched(e){applyProxy(this,"registerOnTouched",e,"__simulateTouch")}setDisabledState(e){applyProxy(this,"setDisabledState",e)}writeValue(e){applyProxy(this,"writeValue",e)}}class MockValidatorProxy{constructor(e){this.target=e}registerOnValidatorChange(e){applyProxy(this,"registerOnValidatorChange",e,"__simulateValidatorChange")}validate(e){return this.instance&&this.instance.validate?this.instance.validate(e):null}}class MockAsyncValidatorProxy{constructor(e){this.target=e}registerOnValidatorChange(e){applyProxy(this,"registerOnValidatorChange",e,"__simulateValidatorChange")}validate(e){if(this.instance&&this.instance.validate){const o=this.instance.validate(e);return void 0===o?Promise.resolve(null):o}return Promise.resolve(null)}}const setValueAccessor=(e,o)=>{if(o&&!o.valueAccessor&&e.__ngMocksConfig.setControlValueAccessor)try{o.valueAccessor=new MockControlValueAccessorProxy(e.__ngMocksCtor)}catch(e){}},installValueAccessor=(e,o)=>{e.valueAccessor.instance||e.valueAccessor.target!==o.__ngMocksCtor||(e.valueAccessor.instance=o,helper_mock_service.A.mock(o,"registerOnChange"),helper_mock_service.A.mock(o,"registerOnTouched"),helper_mock_service.A.mock(o,"setDisabledState"),helper_mock_service.A.mock(o,"writeValue"),o.__ngMocksConfig.isControlValueAccessor=!0)},installValidator=(e,o)=>{for(const t of e)t.instance||t.target!==o.__ngMocksCtor||(t.instance=o,helper_mock_service.A.mock(o,"registerOnValidatorChange"),helper_mock_service.A.mock(o,"validate"),o.__ngMocksConfig.isValidator=!0)},applyNgValueAccessor=(e,o)=>{setValueAccessor(e,o);try{o&&(installValueAccessor(o,e),installValidator(o._rawValidators,e),installValidator(o._rawAsyncValidators,e))}catch(e){}},applyOutputs=e=>{const o=[];for(const t of e.__ngMocksConfig.outputs||[])o.push((0,func_directive_io_parse.A)(t).name);for(const t of o)e[t]||Object.getOwnPropertyDescriptor(e,t)||(e[t]=new core_.EventEmitter)},applyPrototype=(e,o)=>{for(const t of[...helper_mock_service.A.extractMethodsFromPrototype(o),...helper_mock_service.A.extractPropertiesFromPrototype(o)]){const r=helper_mock_service.A.extractPropertyDescriptor(o,t);helper_mock_service.A.definePropertyDescriptor(e,t,r)}},applyMethods=(e,o)=>{for(const t of helper_mock_service.A.extractMethodsFromPrototype(o))e[t]||Object.getOwnPropertyDescriptor(e,t)||helper_mock_service.A.mock(e,t)},applyProps=(e,o)=>{for(const t of helper_mock_service.A.extractPropertiesFromPrototype(o))e[t]||Object.getOwnPropertyDescriptor(e,t)||(helper_mock_service.A.mock(e,t,"get"),helper_mock_service.A.mock(e,t,"set"))},applyOverrides=(e,o,t)=>{const r=ng_mocks_universe.A.getOverrides().get(o),n=r?(0,core_helpers.LG)(r):[];e.__ngMocksConfig.init&&n.push(e.__ngMocksConfig.init),n.push(...(0,mock_instance_apply.A)(o));for(const o of n){const r=o(e,t);r&&(0,mock_helper_stub.A)(e,r)}};class Mock{constructor(e=null,o=null){const t=this.constructor.mockOf;(0,core_define_property.A)(this,"__ngMocks",!0),(0,core_define_property.A)(this,"__ngMocksInjector",e),(0,core_define_property.A)(this,"__ngMocksCtor",this.constructor);for(const e of this.__ngMocksConfig.queryScanKeys||[])(0,core_define_property.A)(this,`__ngMocksVcr_${e}`,void 0);for(const e of this.__ngMocksConfig.hostBindings||[])helper_mock_service.A.mock(this,e,"get"),helper_mock_service.A.mock(this,e,"set");for(const e of this.__ngMocksConfig.hostListeners||[])helper_mock_service.A.mock(this,e);func_is_mock(this)&&(applyNgValueAccessor(this,o),applyOutputs(this),applyPrototype(this,Object.getPrototypeOf(this)),applyMethods(this,t.prototype),applyProps(this,t.prototype)),Object.setPrototypeOf(this,t.prototype),applyOverrides(this,t,null!=e?e:void 0)}}(0,core_define_property.A)(Mock,"parameters",[[core_.Injector,new core_.Optional],[core_form.NgControl||(()=>{}),new core_.Optional,new core_.Self]]);class LegacyControlValueAccessor extends Mock{__simulateChange(){}__simulateTouch(){}__simulateValidatorChange(){}}var func_directive_io_build=__webpack_require__(439);const decorate_inputs=(e,o,t)=>{if(o)for(const r of o){const{name:o,alias:n,required:s}=(0,func_directive_io_parse.A)(r);t&&-1!==t.indexOf(o)||(0,core_.Input)((0,func_directive_io_build.A)({name:o,alias:n,required:s},!0))(e.prototype,o)}},decorate_mock=(e,o,t={})=>{(0,core_define_property.A)(e,"mockOf",o),(0,core_define_property.A)(e,"nameConstructor",(0,func_get_name.A)(e)),(0,core_define_property.A)(e,"name",`MockOf${(0,func_get_name.A)(o)}`,!0);const r=ng_mocks_universe.A.getConfigMock().has(o)?Object.assign(Object.assign({},t),{config:Object.assign(Object.assign({},ng_mocks_universe.A.getConfigMock().get(o)),t.config)}):t;(0,core_define_property.A)(e.prototype,"__ngMocksConfig",r)},decorate_outputs=(e,o)=>{if(o)for(const t of o){const{name:o,alias:r,required:n}=(0,func_directive_io_parse.A)(t);(0,core_.Output)((0,func_directive_io_build.A)({name:o,alias:r,required:n},!0))(e.prototype,o)}},map={ContentChild:core_.ContentChild,ContentChildren:core_.ContentChildren,ViewChild:core_.ViewChild,ViewChildren:core_.ViewChildren},isInternalKey=e=>0===e.indexOf("__mock"),cloneVcrQuery=e=>Object.assign(Object.assign({},e),{ngMetadataName:e.ngMetadataName,read:core_.ViewContainerRef}),generateFinalQueries=e=>{const o=[],t=[];for(const r of Object.keys(e)){const n=e[r];o.push([r,n]),n.isViewQuery||isInternalKey(r)||(t.push(r),o.push([`__ngMocksVcr_${r}`,cloneVcrQuery(n)]))}return[o,t]},decorate_queries=(e,o)=>{if(!o)return[];const[t,r]=generateFinalQueries(o);for(const[o,r]of t)r.ngMetadataName&&(0,map[r.ngMetadataName])(r.selector,r)(e.prototype,o);return r};var func_extract_forward_ref=__webpack_require__(285);const to_existing_provider=(e,o)=>({provide:e,useExisting:o}),to_factory_provider=(e,o)=>({multi:!0,provide:e,useFactory:o}),processTokens=(e,o)=>{const t=(0,func_get_type.A)(o);return core_form.NG_VALIDATORS&&t===core_form.NG_VALIDATORS?to_factory_provider(t,(()=>new MockValidatorProxy(e))):core_form.NG_ASYNC_VALIDATORS&&t===core_form.NG_ASYNC_VALIDATORS?to_factory_provider(t,(()=>new MockAsyncValidatorProxy(e))):core_form.NG_VALUE_ACCESSOR&&t===core_form.NG_VALUE_ACCESSOR?to_factory_provider(t,(()=>new MockControlValueAccessorProxy(e))):void 0},processOwnUseExisting=(e,o,t)=>{const r=(0,func_get_type.A)(t);if(r!==core_form.NgControl&&r!==core_form.FormControlDirective)return t!==r&&(0,func_extract_forward_ref.A)(t.useExisting)===e?to_existing_provider(r,o):void 0},processProvider=(e,o,t,r)=>{const n=processTokens(o,t);if(n)return n;return processOwnUseExisting(e,o,t)||helper_mock_service.A.resolveProvider(t,r)},clone_providers=(e,o,t,r)=>{const n=[];let s;for(const c of(0,core_helpers.Bq)(t||[])){(0,func_get_type.A)(c)===core_form.NG_VALUE_ACCESSOR&&(s=!1);const t=processProvider(e,o,c,r);t&&n.push(t)}return{providers:n,setControlValueAccessor:s}},buildConfig=(e,o,t)=>({config:ng_mocks_universe.A.config.get(e),outputs:o.outputs,queryScanKeys:[],setControlValueAccessor:t}),decorate_declaration=(e,o,t,r)=>{const n=ng_mocks_universe.A.config.has("mockNgDefResolver");n||ng_mocks_universe.A.config.set("mockNgDefResolver",new core_def_stack);const s=Object.assign({},r);if(void 0!==t.exportAs&&(s.exportAs=t.exportAs),void 0!==t.selector&&(s.selector=t.selector),void 0!==t.standalone&&(s.standalone=t.standalone),t.standalone&&t.imports){const[,{imports:e}]=mock_ng_def({imports:t.imports,skipExports:!0});(null==e?void 0:e.length)&&(s.imports=e)}if(t.hostDirectives){const[,{hostDirectives:e}]=mock_ng_def({hostDirectives:t.hostDirectives,skipExports:!0});(null==e?void 0:e.length)&&(s.hostDirectives=e)}const{setControlValueAccessor:c,providers:_}=clone_providers(e,o,t.providers||[],ng_mocks_universe.A.config.get("mockNgDefResolver"));_.push(to_existing_provider(e,o)),s.providers=_;const{providers:i}=clone_providers(e,o,t.viewProviders||[],ng_mocks_universe.A.config.get("mockNgDefResolver"));i.length>0&&(s.viewProviders=i);const a=buildConfig(e,t,null!=c?c:-1!==helper_mock_service.A.extractMethodsFromPrototype(e.prototype).indexOf("writeValue"));decorate_mock(o,e,a),t.queries&&decorate_inputs(o,t.inputs,Object.keys(t.queries)),decorate_outputs(o,t.outputs),a.queryScanKeys=decorate_queries(o,t.queries),a.hostBindings=[];for(const[e]of t.hostBindings||[])-1===a.hostBindings.indexOf(e)&&a.hostBindings.push(e);a.hostListeners=[];for(const[e]of t.hostListeners||[])-1===a.hostListeners.indexOf(e)&&a.hostListeners.push(e);return n||ng_mocks_universe.A.config.delete("mockNgDefResolver"),s},getType=e=>(0,func_is_ng_def.p)(e,"p")?"pipe":(0,func_is_ng_def.p)(e,"d")?"directive":(0,func_is_ng_def.p)(e,"c")?"component":(0,func_is_ng_def.p)(e,"m")?"module":(0,func_is_ng_def.p)(e,"i")?"service":(0,func_is_ng_def.p)(e,"t")?"token":"",func_import_exists=(e,o)=>{if(null==e)throw new Error(`null / undefined has been passed into ${o}. Please check that its import is correct.`);if("MockPipe"===o&&(0,func_is_ng_def.p)(e,"p"))return;if("MockDirective"===o&&(0,func_is_ng_def.p)(e,"d"))return;if("MockComponent"===o&&(0,func_is_ng_def.p)(e,"c"))return;if("MockModule"===o&&(0,func_is_ng_def.p)(e,"m"))return;const t=getType(e);if(t&&"MockPipe"===o)throw new Error(`${o} accepts pipes, whereas ${(0,func_get_name.A)(e)} is a ${t}.`);if(t&&"MockDirective"===o)throw new Error(`${o} accepts directives, whereas ${(0,func_get_name.A)(e)} is a ${t}.`);if(t&&"MockComponent"===o)throw new Error(`${o} accepts components, whereas ${(0,func_get_name.A)(e)} is a ${t}.`);if(t&&"MockModule"===o)throw new Error(`${o} accepts modules, whereas ${(0,func_get_name.A)(e)} is a ${t}.`)};function isMockNgDef(e,o){return!!e.mockOf&&(!o||(0,func_is_ng_def.p)(e.mockOf,o))}const func_get_last_fixture=()=>{const e=(0,testing_.getTestBed)()._activeFixtures;return e[e.length-1]},return_cached_mock=e=>{let o;try{o=func_get_last_fixture().debugElement.injector.get(core_tokens.en).get(e)}catch(e){}return o||(o=ng_mocks_universe.A.cacheDeclarations.get(e)),e.__ngMocksResolutions&&ng_mocks_universe.A.config.has("mockNgDefResolver")&&ng_mocks_universe.A.config.get("mockNgDefResolver").merge(e.__ngMocksResolutions),o},get_mock=(e,o,t,r,n,s)=>{if(func_import_exists(e,t),isMockNgDef(e,o))return e;if(ng_mocks_universe.A.flags.has(r)&&ng_mocks_universe.A.cacheDeclarations.has(e))return return_cached_mock(e);const c=ng_mocks_universe.A.config.has("ngMocksDepsResolution");c||ng_mocks_universe.A.config.set("ngMocksDepsResolution",new Map);const _=(0,core_helpers.He)(n);return s(e,_),ng_mocks_universe.A.flags.has(r)&&ng_mocks_universe.A.cacheDeclarations.set(e,_),c||ng_mocks_universe.A.config.delete("ngMocksDepsResolution"),_},vcrArgs={read:core_.ViewContainerRef,static:!1},trArgs={read:core_.TemplateRef,static:!1},viewChildTemplate=(e,o)=>`<ng-template #ngIf_${o}_${e}><div data-${o}="${e}"><ng-template #${o}_${e}></ng-template></div></ng-template>`,isTemplateRefQuery=e=>!(e.isViewQuery||e.read&&e.read!==core_.TemplateRef||"string"!=typeof e.selector&&!e.read),generate_template=e=>{const o=["<ng-content></ng-content>"];if(!e)return o.join("");for(const t of Object.keys(e)){const r=e[t];if(0!==t.indexOf("__mock")&&isTemplateRefQuery(r)){if("string"==typeof r.selector){const t=r.selector.replace(new RegExp("\\W","mg"),"_");e[`__vcrIf_key_${t}`]=new core_.ViewChild(`ngIf_key_${t}`,vcrArgs),e[`__trIf_key_${t}`]=new core_.ViewChild(`ngIf_key_${t}`,trArgs),e[`__mockView_key_${t}`]=new core_.ViewChild(`key_${t}`,vcrArgs),e[`__mockTpl_key_${t}`]=r,o.push(viewChildTemplate(t,"key"))}e[`__vcrIf_prop_${t}`]=new core_.ViewChild(`ngIf_prop_${t}`,vcrArgs),e[`__trIf_prop_${t}`]=new core_.ViewChild(`ngIf_prop_${t}`,trArgs),e[`__mockView_prop_${t}`]=new core_.ViewChild(`prop_${t}`,vcrArgs),o.push(viewChildTemplate(t,"prop"))}}return o.join("")},get_key=e=>{if("string"==typeof e)return["key",`__mockTpl_key_${e}`,e,void 0];const[o,...t]=e;return["prop",o,o,t.length>0?t:void 0]},mixRenderPrepareVcr=(e,o,t,r)=>{const n=e[`__vcrIf_${o}_${t}`],s=e[`__trIf_${o}_${t}`];return n&&s&&!e[`ngMocksRender_${o}_${t}`]&&(e[`ngMocksRender_${o}_${t}`]=n.createEmbeddedView(s,{}),r.detectChanges()),e[`__mockView_${o}_${t}`]},mixRenderReorderViews=(e,o,t)=>{for(const e of o.splice(t+1))e.destroy();let r=0;for(const t of o)t&&(e.move(t,r),r+=1)},mixRenderApplyContext=(e,o)=>{for(const o of Object.keys(e.context))e.context[o]=void 0;for(const t of Object.keys(o))e.context[t]=o[t];e.markForCheck()},mixRenderHandleViews=(e,o,t,r,n,s)=>{let c=-1;for(const o of t)if(c+=1,r[c]=r[c]||void 0,(!n||-1!==n.indexOf(c))&&o){if(!(o instanceof core_.TemplateRef))throw new Error("Cannot find TemplateRef");r[c]||(r[c]=e.createEmbeddedView(o,{})),mixRenderApplyContext(r[c],s)}return o.detectChanges(),c},mixRender=(e,o)=>{(0,core_define_property.A)(e,"__render",((t,r,n)=>{const[s,c,_,i]=get_key(t),a=mixRenderPrepareVcr(e,s,_,o);if(!a)return;const l=e[c],p=l instanceof core_.QueryList?l.toArray():[l],u=e[`ngMocksRender_${s}_${_}_views`]||[],d=mixRenderHandleViews(a,o,p,u,i,Object.assign(Object.assign({},n),{$implicit:r}));mixRenderReorderViews(a,u,d),e[`ngMocksRender_${s}_${_}_views`]=u,o.detectChanges()}))},mixHideHandler=(e,o,t,r)=>{const n=e[`ngMocksRender_${o}_${t}_views`];let s=-1;for(const e of n)s+=1,r&&-1===r.indexOf(s)||!e||(e.destroy(),n[s]=void 0)},mixHide=(e,o)=>{(0,core_define_property.A)(e,"__hide",(t=>{const[r,,n,s]=get_key(t);e[`ngMocksRender_${r}_${n}`]&&(mixHideHandler(e,r,n,s),s||(e[`ngMocksRender_${r}_${n}`].destroy(),e[`ngMocksRender_${r}_${n}`]=void 0),o.detectChanges())}))};class ComponentMockBase extends LegacyControlValueAccessor{constructor(e,o,t){super(e,o),func_is_mock(this)&&(mixRender(this,t),mixHide(this,t))}ngAfterViewInit(){const e=this.__ngMocksConfig.config;if(!this.__rendered&&e&&e.render){for(const o of Object.keys(e.render)){const{$implicit:t,variables:r}=!0===e.render[o]?{$implicit:void 0,variables:{}}:e.render[o];this.__render(o,t,r)}this.__rendered=!0}}}(0,core_define_property.A)(ComponentMockBase,"parameters",[[core_.Injector],[core_form.NgControl||(()=>{}),new core_.Optional,new core_.Self],[core_.ChangeDetectorRef]]);const decorateClass=(e,o)=>{const t=core_reflect_directive_resolve(e);(0,core_.Component)(decorate_declaration(e,o,t,{template:generate_template(t.queries)}))(o)};function MockComponents(...e){return e.map(MockComponent)}function MockComponent(e){return get_mock(e,"c","MockComponent","cacheComponent",ComponentMockBase,decorateClass)}class DirectiveMockBase extends LegacyControlValueAccessor{constructor(e,o,t,r,n=null,s=null){super(e,o),this.__ngMocksInstall(r,t,n,s)}ngOnInit(){const e=this.__ngMocksConfig.config;if(null==e?void 0:e.render){const{$implicit:o,variables:t}=!0===e.render?{$implicit:void 0,variables:{}}:e.render;this.__render(o,t)}}__ngMocksInstall(e,o,t,r){(0,core_define_property.A)(this,"__element",t),(0,core_define_property.A)(this,"__template",r),(0,core_define_property.A)(this,"__viewContainer",e),(0,core_define_property.A)(this,"__vcr",e),(0,core_define_property.A)(this,"__cdr",o),(0,core_define_property.A)(this,"__isStructural",r&&e),(0,core_define_property.A)(this,"__render",((t,n)=>{e&&r&&(e.clear(),e.createEmbeddedView(r,Object.assign(Object.assign({},n),{$implicit:t})),o.detectChanges())}))}}(0,core_define_property.A)(DirectiveMockBase,"parameters",[[core_.Injector],[core_form.NgControl||(()=>{}),new core_.Optional,new core_.Self],[core_.ChangeDetectorRef],[core_.ViewContainerRef],[core_.ElementRef,new core_.Optional,new core_.Self],[core_.TemplateRef,new core_.Optional,new core_.Self]]);const mock_directive_decorateClass=(e,o)=>{const t=core_reflect_directive_resolve(e),r=decorate_declaration(e,o,t,{});(0,core_.Directive)(r)(o)};function MockDirectives(...e){return e.map(MockDirective)}function MockDirective(e){return get_mock(e,"d","MockDirective","cacheDirective",DirectiveMockBase,mock_directive_decorateClass)}const core_reflect_pipe_resolve=e=>core_reflect_body_catch((e=>{const o=(0,collect_declarations.A)(e);if(o.Pipe)return o.Pipe;throw new Error("Cannot resolve declarations")}))(e);function MockPipes(...e){return e.map((e=>MockPipe(e,void 0)))}const getMockClass=(e,o)=>{var t;const r=ng_mocks_universe.A.config.get(e),n=null!=o?o:null===(t=null==r?void 0:r.defValue)||void 0===t?void 0:t.transform,s=(0,core_helpers.He)(Mock);return(0,core_.Pipe)(core_reflect_pipe_resolve(e))(s),decorate_mock(s,e,{init:e=>{n&&(e.transform=n),e.transform||helper_mock_service.A.mock(e,"transform",`${(0,func_get_name.A)(e)}.transform`)},transform:n}),s};function MockPipe(e,o){if(func_import_exists(e,"MockPipe"),isMockNgDef(e,"p"))return e;if(ng_mocks_universe.A.flags.has("cachePipe")&&ng_mocks_universe.A.cacheDeclarations.has(e))return return_cached_mock(e);const t=getMockClass(e,o);return ng_mocks_universe.A.flags.has("cachePipe")&&ng_mocks_universe.A.cacheDeclarations.set(e,t),t}const flagMock=e=>"mock"===e&&ng_mocks_universe.A.flags.has("skipMock"),flagKeep=e=>"keep"===e&&!ng_mocks_universe.A.flags.has("skipMock"),flagReplace=e=>"replace"===e&&!ng_mocks_universe.A.flags.has("skipMock"),flagNever=e=>-1!==core_config.A.neverMockModule.indexOf((0,func_get_name.A)(e))&&!ng_mocks_universe.A.flags.has("skipMock"),preProcessFlags=e=>{let o=!1,t=!0;ng_mocks_universe.A.flags.has("hasRootModule")?t=!1:ng_mocks_universe.A.flags.add("hasRootModule");const r=ng_mocks_universe.A.getResolution(e);return flagMock(r)&&(o=!0,ng_mocks_universe.A.flags.delete("skipMock")),flagNever(e)&&(o=!0,ng_mocks_universe.A.flags.add("skipMock")),t||!flagKeep(r)&&!flagReplace(r)||(o=!0,ng_mocks_universe.A.flags.add("skipMock")),{isRootModule:t,toggleSkipMockFlag:o}},postProcessFlags=({isRootModule:e,toggleSkipMockFlag:o})=>{o&&ng_mocks_universe.A.flags.has("skipMock")?ng_mocks_universe.A.flags.delete("skipMock"):o&&!ng_mocks_universe.A.flags.has("skipMock")&&ng_mocks_universe.A.flags.add("skipMock"),e&&ng_mocks_universe.A.flags.delete("hasRootModule")},extractModuleAndProviders=e=>{let o,t;return(0,func_is_ng_module_def_with_providers.h)(e)?(o=e.ngModule,e.providers&&(t=e.providers)):o=e,{ngModule:o,ngModuleProviders:t}},getExistingMockModule=(e,o)=>{var t;if(isMockNgDef(e,"m"))return e;if(ng_mocks_universe.A.flags.has("cacheModule")&&ng_mocks_universe.A.cacheDeclarations.has(e))return return_cached_mock(e);if(!o&&"mock"!==(null===(t=ng_mocks_universe.A.config.get("ngMocksDepsResolution"))||void 0===t?void 0:t.get(e))&&ng_mocks_universe.A.hasBuildDeclaration(e)){const o=ng_mocks_universe.A.getBuildDeclaration(e);if((0,func_is_ng_def.p)(o,"m")&&o!==e)return o}},detectMockModule=(e,o)=>{const[t,r,n]=o?[!1]:mock_ng_def(core_reflect_module_resolve(e),e);if(n&&(0,core_define_property.A)(e,"__ngMocksResolutions",n),t){const o=ng_mocks_universe.A.flags.has("skipMock")?e:Mock,t=(0,core_helpers.He)(o);return(0,core_.NgModule)(r)(t),decorate_mock(t,e),t}return o||e},getMockProviders=e=>{if(e){const[o,t]=mock_ng_def({providers:e,skipExports:!0});return o?t.providers:e}},generateReturn=(e,o,t,r,n)=>r===o&&n===t?e:(0,func_is_ng_module_def_with_providers.h)(e)?Object.assign({ngModule:r},n?{providers:n}:{}):r;function MockModule(e){var o;func_import_exists(e,"MockModule");const{ngModule:t,ngModuleProviders:r}=extractModuleAndProviders(e),n=preProcessFlags(t);try{const s=detectMockModule(t,getExistingMockModule(t,n.isRootModule));ng_mocks_universe.A.flags.has("cacheModule")&&ng_mocks_universe.A.cacheDeclarations.set(t,s),ng_mocks_universe.A.flags.has("skipMock")&&(null===(o=ng_mocks_universe.A.config.get("ngMocksDepsSkip"))||void 0===o||o.add(s));const c=getMockProviders(r);return generateReturn(e,t,r,s,c)}finally{postProcessFlags(n)}}const processDefMap=[["c",MockComponent],["d",MockDirective],["p",MockPipe]],processDef=e=>{if((0,func_is_ng_def.p)(e,"m")||(0,func_is_ng_module_def_with_providers.h)(e))return MockModule(e);if(ng_mocks_universe.A.hasBuildDeclaration(e))return ng_mocks_universe.A.getBuildDeclaration(e);if(ng_mocks_universe.A.flags.has("skipMock")&&"mock"!==ng_mocks_universe.A.getResolution(e))return e;for(const[o,t]of processDefMap)if((0,func_is_ng_def.p)(e,o))return t(e)},createResolveProvider=(e,o)=>t=>helper_mock_service.A.resolveProvider(t,e,o),createResolveWithProviders=(e,o)=>(0,func_is_ng_module_def_with_providers.h)(o)&&(0,func_is_ng_module_def_with_providers.h)(e),createResolveExisting=(e,o,t)=>{const r=o.get(e);return e!==r&&t(),r},createResolveExcluded=(e,o,t)=>{o.set(e,void 0),t()},createResolve=(e,o)=>t=>{var r;if(e.has(t))return createResolveExisting(t,e,o);const n=(0,func_get_type.A)(t);if(ng_mocks_universe.A.isExcludedDef(n))return createResolveExcluded(t,e,o);ng_mocks_universe.A.touches.add(n);const s=processDef(t);return createResolveWithProviders(t,s)&&e.set(t.ngModule,s.ngModule),ng_mocks_universe.A.flags.has("skipMock")&&(null===(r=ng_mocks_universe.A.config.get("ngMocksDepsSkip"))||void 0===r||r.add(s)),e.set(t,s),o(s!==t),s},create_resolvers=(e,o)=>({resolve:createResolve(o,e),resolveProvider:createResolveProvider(o,e)}),mark_providers=e=>{for(const o of(0,core_helpers.Bq)(null!=e?e:[])){const e=(0,func_get_type.A)(o);mark_exported(e)}},flatToExisting=(e,o)=>(0,core_helpers.Bq)(e).map(o).filter((e=>!!e)),configureProcessMetaKeys=(e,o)=>[["declarations",e],["hostDirectives",o=>{const t=(0,func_get_type.A)(o),r=e(t);return r===t?o:o==t?r:Object.assign(Object.assign({},o),{directive:r})}],["imports",e],["entryComponents",e],["bootstrap",e],["providers",o],["viewProviders",o],["exports",e],["schemas",e=>e]],processMeta=(e,o,t)=>{var r;const n={},s=configureProcessMetaKeys(o,t),c=ng_mocks_universe.A.flags.has("cachePipe");c||ng_mocks_universe.A.flags.add("cachePipe");for(const[o,t]of s)(null===(r=e[o])||void 0===r?void 0:r.length)&&(n[o]=flatToExisting(e[o],t));return e.skipMarkProviders||(mark_providers(n.providers),mark_providers(n.viewProviders)),c||ng_mocks_universe.A.flags.delete("cachePipe"),n},resolveDefForExport=(e,o,t,r)=>{const n=ng_mocks_universe.A.config.get(r)||{},s=(0,func_get_type.A)(e),c=o(s);if(!c)return;const _=ng_mocks_universe.A.config.get(s);return(null==_?void 0:_.export)&&r&&!n.export&&ng_mocks_universe.A.config.set(r,Object.assign(Object.assign({},n),{export:!0})),!t||n.exportAll||(null==_?void 0:_.export)?(mark_exported(s,r),c):void 0},skipAddExports=(e,o)=>!e||!!o.exports&&-1!==o.exports.indexOf(e),addExports=(e,o,t,r,n)=>{const s=ng_mocks_universe.A.flags.has("skipMock")||ng_mocks_universe.A.flags.has("correctModuleExports");for(const c of(0,core_helpers.Bq)([t.imports||[],t.declarations||[]])){const t=resolveDefForExport(c,e,s,n);skipAddExports(t,r)||(o(),r.exports=r.exports||[],r.exports.push(t))}},mock_ng_def=(e,o)=>{const t=ng_mocks_universe.A.config.has("mockNgDefResolver");t||ng_mocks_universe.A.config.set("mockNgDefResolver",new core_def_stack),ng_mocks_universe.A.config.get("mockNgDefResolver").push();let r=!ng_mocks_universe.A.flags.has("skipMock");const n=(e=!0)=>{r=r||e},{resolve:s,resolveProvider:c}=create_resolvers(n,ng_mocks_universe.A.config.get("mockNgDefResolver")),_=processMeta(e,s,c);e.skipExports||addExports(s,n,e,_,o);for(const e of o&&_.exports?(0,core_helpers.Bq)(_.exports):[])mark_exported(e,o);const i=ng_mocks_universe.A.config.get("mockNgDefResolver").pop();return t||ng_mocks_universe.A.config.delete("mockNgDefResolver"),[r,_,i]},get_override_def=e=>{if(!e)return;const o=ng_mocks_universe.A.flags.has("skipMock");o||ng_mocks_universe.A.flags.add("skipMock");const[t,r]=mock_ng_def(e);return o||ng_mocks_universe.A.flags.delete("skipMock"),t?r:void 0},skip_override=(e,o,t,r)=>!!ng_mocks_universe.A.cacheDeclarations.has(r)||!(!e.has(t)||r!==o.get(t)),create_ng_mocks_overrides_token=(e,o)=>{const t=new Map;for(const r of(0,core_helpers.LG)(ng_mocks_universe.A.touches)){const n=r,s=ng_mocks_universe.A.getBuildDeclaration(n)||n;if(skip_override(e,o,n,s))continue;const c=core_reflect_meta(s),_=get_override_def(c);if(!_)continue;const i={};for(const e of Object.keys(_))i[e]=c[e];t.set(s,[{set:_},{set:i}])}return{provide:core_tokens.So,useValue:t}},create_ng_mocks_token=()=>{const e=new Map;for(const[o,t]of[...(0,core_helpers.Nn)(ng_mocks_universe.A.builtProviders),...(0,core_helpers.Nn)(ng_mocks_universe.A.builtDeclarations),...(0,core_helpers.Nn)(ng_mocks_universe.A.cacheDeclarations),...(0,core_helpers.Nn)(ng_mocks_universe.A.cacheProviders)])e.has(o)||e.set(o,t);return{provide:core_tokens.en,useValue:e}},create_ng_mocks_touches_token=()=>{const e=new Set;for(const o of(0,core_helpers.LG)(ng_mocks_universe.A.touches)){const t=o;let r=ng_mocks_universe.A.getBuildDeclaration(t);void 0===r&&(r=t),e.add(t),e.add(r)}return{provide:core_tokens.Em,useValue:e}};var helper_create_clone=__webpack_require__(365);class EntryComponentsModule{constructor(e,o){if(!o)return;const t=o.resolveComponentFactory;o.resolveComponentFactory=(0,helper_create_clone.A)(t,void 0,void 0,((r,...n)=>{var s;return t.apply(o,[null!==(s=e.get(r))&&void 0!==s?s:r,...n])}))}}(0,core_define_property.A)(EntryComponentsModule,"parameters",[[core_tokens.en],[core_.ComponentFactoryResolver,new core_.Optional]]);class IvyModule{}(0,core_.NgModule)()(IvyModule);const handle_entry_components=e=>{const o=[];for(const t of e.declarations)(0,func_is_ng_def.p)(t,"c")&&o.push(t);const t=(0,core_helpers.He)(EntryComponentsModule);(0,core_.NgModule)({entryComponents:IvyModule.ɵmod?[]:o})(t),e.imports.push(t)};var helper_use_factory=__webpack_require__(465),core_reflect_parameters_resolve=__webpack_require__(749),common_x=e=>{var o={};return __webpack_require__.d(o,e),o},common_y=e=>()=>e;const common_namespaceObject=common_x({DOCUMENT:()=>__WEBPACK_EXTERNAL_MODULE__angular_common_d12e0fe1__.DOCUMENT}),skipResolution=e=>{const o=ng_mocks_universe.A.getResolution(e);return"keep"===o||"exclude"===o||"mock"!==o&&void 0},skipSystem=e=>{if(!e||e===common_namespaceObject.DOCUMENT||ng_mocks_universe.A.touches.has(e))return!0;const o=skipResolution(e);return void 0!==o?o:"function"==typeof e&&-1!==core_config.A.neverMockProvidedFunction.indexOf(e.name)||!(!(0,func_is_ng_injection_token.S)(e)||-1===core_config.A.neverMockToken.indexOf(e.toString()))},skip_dep=e=>{if(skipSystem(e))return!0;const o=core_reflect_provided_in(e);return!("function"!=typeof e||o&&"platform"!==o)},add_def_to_root_provider_parameters=(e,o,t)=>{skip_dep(t)||!o.has(core_tokens.gG)&&ng_mocks_universe.A.config.get("ngMocksDepsSkip").has(t)||e.add(t)},check_root_provider_dependency=(e,o,t)=>{"function"==typeof e&&-1===t.indexOf(e)&&(t.push(e),o.push(e))},extract_dep=e=>{if(!e)return;let o;for(const t of e)t&&"object"==typeof t&&t.token&&(o=t.token),o||!t||"object"==typeof t&&t.ngMetadataName||(o=t);return(0,func_extract_forward_ref.A)(o)},get_root_providers_data=()=>{const e=[(0,core_helpers.LG)(ng_mocks_universe.A.config.get("ngMocksDepsSkip")),(0,core_helpers.LG)(ng_mocks_universe.A.config.get("ngMocksDeps")),(0,core_helpers.LG)(ng_mocks_universe.A.touches)];return{buckets:e,touched:[].concat(...e)}},handle_provided_in_dependency=e=>{if(ng_mocks_universe.A.touches.has(e))return;const o=core_reflect_provided_in(e);o&&ng_mocks_universe.A.config.get("ngMocksDepsSkip").has(o)&&ng_mocks_universe.A.config.get("ngMocksDepsSkip").add(e)},skip_root_provider_dependency=e=>!!skip_dep(e)||ng_mocks_universe.A.config.get("ngMocksDepsSkip").has(e),get_root_provider_parameters=e=>{const o=new Set,{buckets:t,touched:r}=get_root_providers_data();for(const n of t)for(const t of n){add_def_to_root_provider_parameters(o,e,t);for(const s of(0,core_reflect_parameters_resolve.A)(t)){const c=extract_dep(s);handle_provided_in_dependency(c),skip_root_provider_dependency(c)||(check_root_provider_dependency(c,r,n),e.has(core_tokens.gG)||!ng_mocks_universe.A.config.get("ngMocksDepsSkip").has(t)?o.add(c):ng_mocks_universe.A.config.get("ngMocksDepsSkip").add(c))}}return o},handle_root_providers=(e,{keepDef:o,mockDef:t},r)=>{const n=o.has(core_tokens.gG)?new Set:get_root_provider_parameters(t);if(n.size>0)for(const o of(0,core_helpers.LG)(n)){const t=(0,helper_resolve_provider.A)(o,r);if(t)e.providers.push(t);else if((0,func_is_ng_injection_token.S)(o)){const t=ng_mocks_universe.A.config.has("ngMocksMulti")&&ng_mocks_universe.A.config.get("ngMocksMulti").has(o);e.providers.push((0,helper_use_factory.A)(o,(()=>t?[]:void 0)))}}},init_module=(e,o)=>{var t;const r=null!==(t=ng_mocks_universe.A.config.get("mockNgDefResolver").get(e))&&void 0!==t?t:ng_mocks_universe.A.getBuildDeclaration(e),n=o.has(e)?o.get(e):void 0;return n?{ngModule:r,providers:n}:r},skipDef=e=>ng_mocks_universe.A.touches.has(e)||(0,func_is_ng_def.p)(e)||(0,func_is_ng_injection_token.S)(e)||"string"==typeof e,handleDef=({imports:e,declarations:o,providers:t},r,n)=>{skipDef(r)||error_jest_mock(r);let s=!1;if((0,func_is_ng_def.p)(r,"m")){const o=init_module(r,n);if(e.push(o),s=!0,"object"==typeof o&&o.providers)for(const e of(0,core_helpers.Bq)(o.providers))ng_mocks_universe.A.touches.add((0,func_get_type.A)(e))}if(((0,func_is_ng_def.p)(r,"c")||(0,func_is_ng_def.p)(r,"d")||(0,func_is_ng_def.p)(r,"p"))&&((isStandalone(r)?e:o).push(ng_mocks_universe.A.getBuildDeclaration(r)),s=!0),(0,func_is_ng_def.p)(r,"i")||!(0,func_is_ng_def.p)(r)){const e=ng_mocks_universe.A.builtProviders.get(r);e&&"string"!=typeof e&&!1===(0,func_is_ng_def.p)(e,"t")&&(t.push(e),s=!0)}s&&(mark_exported(r),ng_mocks_universe.A.touches.add(r))},isExportedOnRoot=(e,o,t)=>{const r=o.get(e),n=t.get(e)||{};if((0,func_is_ng_def.p)(e,"m")&&n.onRoot)return e;if(!(null==r?void 0:r.exported))return e;for(const e of(0,core_helpers.LG)(r.exported)){const r=isExportedOnRoot(e,o,t);if(r)return r}},moveModulesUp=(e,o)=>{const t=(0,func_is_ng_def.p)(e,"m"),r=(0,func_is_ng_def.p)(o,"m");return t&&r?0:t?-1:r?1:0},init_ng_modules=({configDefault:e,keepDef:o,mockDef:t,replaceDef:r},n)=>{const s={imports:[],declarations:[],providers:[]},c=[],_=[],i=[...(0,core_helpers.LG)(t),...(0,core_helpers.LG)(o),...(0,core_helpers.LG)(r)];i.sort(moveModulesUp);for(const o of i){const t=(0,func_is_ng_def.p)(o,"m")&&n.has(o)?o:isExportedOnRoot(o,ng_mocks_universe.A.configInstance,ng_mocks_universe.A.config);if(!t||-1!==c.indexOf(t))continue;const r=ng_mocks_universe.A.config.get(t)||{__set:!0};c.push(t),r.onRoot=r.onRoot||!r.dependency,r.__set&&(r.__set=void 0,ng_mocks_universe.A.config.set(t,r)),(0,func_is_ng_def.p)(t,"m")&&r.onRoot?handleDef(s,t,n):r.dependency||!r.export||!(0,func_is_ng_def.p)(t,"i")&&(0,func_is_ng_def.p)(t)?!r.dependency&&r.export?handleDef(s,t,n):ng_mocks_universe.A.touches.has(t)||r.dependency?!r.dependency||!e.dependency||"root"===core_reflect_provided_in(t)||"object"==typeof t&&t.__ngMocksSkip||_.push(t):handleDef(s,t,n):(handleDef(s,t,n),mark_providers([t]))}const a=ng_mocks_universe.A.global.get("flags");for(const e of _){if(ng_mocks_universe.A.touches.has(e))continue;const o=[`MockBuilder has found a missing dependency: ${(0,func_get_name.A)(e)}.`,"It means no module provides it.",'Please, use the "export" flag if you want to add it explicitly.',"https://ng-mocks.sudo.eu/api/MockBuilder#export-flag"].join(" ");if("warn"===a.onMockBuilderMissingDependency)console.warn(o);else if("throw"===a.onMockBuilderMissingDependency)throw new Error(o)}return s},funcExtractDeps=(e,o,t=!1)=>{const r=(0,collect_declarations.A)(e),n=getNgType(e);if(!n||"Injectable"===n)return o;const s=r[n];for(const e of core_config.A.dependencies)if(s[e])for(const r of(0,core_helpers.Bq)(s[e])){const e=(0,func_get_type.A)(r);o.has(e)||(o.add(e),t&&funcExtractDeps(e,o))}return o},init_exclude_def=e=>{const o=ng_mocks_universe.A.builtDeclarations,t=ng_mocks_universe.A.builtProviders,r=ng_mocks_universe.A.config.get("ngMocksDepsResolution");for(const n of(0,core_helpers.LG)(e))o.set(n,null),t.set(n,null),r.set(n,"exclude")},init_keep_def=(e,o)=>{const t=new Set,r=ng_mocks_universe.A.builtDeclarations,n=ng_mocks_universe.A.builtProviders,s=ng_mocks_universe.A.config.get("ngMocksDepsResolution");for(const c of(0,core_helpers.LG)(e))r.set(c,c),n.set(c,c),s.set(c,"keep"),o.get(c).shallow&&funcExtractDeps(c,t);return t};var mock_provider=__webpack_require__(415);const createInstance=(e,o,t)=>t.precise?o:(0,mock_helper_stub.A)(e,o),try_mock_provider=(e,o)=>{if((0,func_is_ng_def.p)(e,"i")&&o.has(e)){const t=ng_mocks_universe.A.config.get(e),r=o.get(e);ng_mocks_universe.A.builtProviders.set(e,(0,helper_use_factory.A)(e,void 0,(e=>createInstance(e,r,t))))}else(0,func_is_ng_def.p)(e,"i")&&ng_mocks_universe.A.builtProviders.set(e,(0,mock_provider.A)(e,!0));if(!(0,func_is_ng_def.p)(e)&&o.has(e)){const t=o.get(e);ng_mocks_universe.A.builtProviders.set(e,(0,helper_use_factory.A)(e,void 0,(()=>t)))}else(0,func_is_ng_def.p)(e)||ng_mocks_universe.A.builtProviders.set(e,(0,mock_provider.A)(e,!0))},init_mock_declarations=(e,o)=>{const t=ng_mocks_universe.A.builtDeclarations,r=ng_mocks_universe.A.config.get("ngMocksDepsResolution");for(const n of(0,core_helpers.LG)(e)){const e=!ng_mocks_universe.A.touches.has(n);r.set(n,"mock"),t.set(n,void 0),try_mock_provider(n,o),e&&ng_mocks_universe.A.touches.delete(n)}},try_mock_declaration=e=>{void 0===ng_mocks_universe.A.builtDeclarations.get(e)&&((0,func_is_ng_def.p)(e,"c")&&ng_mocks_universe.A.builtDeclarations.set(e,MockComponent(e)),(0,func_is_ng_def.p)(e,"d")&&ng_mocks_universe.A.builtDeclarations.set(e,MockDirective(e)),(0,func_is_ng_def.p)(e,"p")&&ng_mocks_universe.A.builtDeclarations.set(e,MockPipe(e)))},init_modules=(e,o,t,r)=>{var n,s,c,_,i;const a=new Map;for(const l of[...(0,core_helpers.LG)(e),...(0,core_helpers.LG)(o),...(0,core_helpers.LG)(t)]){const e=(0,collect_declarations.A)(l),t=[...null!==(n=r.get(l))&&void 0!==n?n:[],...null!==(c=null===(s=e.Component)||void 0===s?void 0:s.providers)&&void 0!==c?c:[],...null!==(i=null===(_=e.Directive)||void 0===_?void 0:_.providers)&&void 0!==i?i:[]],p=!ng_mocks_universe.A.touches.has(l);o.has(l)||ng_mocks_universe.A.flags.add("skipMock");const u=(0,func_is_ng_def.p)(l,"m");if(t.length>0){const[,e]=mock_ng_def({providers:t,skipMarkProviders:!u,skipExports:!0});a.set(l,e.providers)}u&&ng_mocks_universe.A.builtDeclarations.set(l,MockModule(l)),ng_mocks_universe.A.flags.delete("skipMock"),p&&ng_mocks_universe.A.touches.delete(l)}for(const e of(0,core_helpers.LG)(o))try_mock_declaration(e);return a},init_replace_def=(e,o)=>{const t=ng_mocks_universe.A.builtDeclarations,r=ng_mocks_universe.A.config.get("ngMocksDepsResolution");for(const n of(0,core_helpers.LG)(e))t.set(n,o.get(n)),r.set(n,"replace")},init_universe=({configDef:e,defProviders:o,defValue:t,excludeDef:r,keepDef:n,mockDef:s,replaceDef:c})=>{ng_mocks_universe.A.flags.add("cachePipe"),ng_mocks_universe.A.config.set("ngMocksMulti",new Set),ng_mocks_universe.A.config.set("ngMocksDeps",new Set),ng_mocks_universe.A.config.set("ngMocksDepsSkip",new Set),ng_mocks_universe.A.config.set("ngMocksDepsResolution",new Map);const _=init_keep_def(n,e);for(const e of(0,core_helpers.LG)(_))ng_mocks_universe.A.touches.add(e);for(const e of(0,core_helpers.LG)(n))_.add(e),funcExtractDeps(e,_,!0);for(const e of(0,core_helpers.LG)(s))_.add(e),funcExtractDeps(e,_,!0);for(const e of(0,core_helpers.LG)(c))_.add(e),funcExtractDeps(e,_,!0);for(const o of(0,core_helpers.LG)(_)){if(e.has(o))continue;const _=ng_mocks_universe.A.getResolution(o);"replace"===_?(c.add(o),t.set(o,ng_mocks_universe.A.getBuildDeclaration(o))):"keep"===_?n.add(o):"exclude"===_?r.add(o):("mock"===_||ng_mocks_universe.A.touches.has(o))&&s.add(o),e.set(o,ng_mocks_universe.A.touches.has(o)?{dependency:!0,__internal:!0}:{})}for(const[o,r]of(0,core_helpers.Nn)(e))ng_mocks_universe.A.config.set(o,Object.assign(Object.assign(Object.assign({},ng_mocks_universe.A.getConfigMock().get(o)),r),{defValue:t.get(o)}));return init_replace_def(c,t),init_exclude_def(r),init_mock_declarations(s,t),init_modules(n,s,c,o)},parse_mock_arguments=(e,o,t,r)=>{let n=e===o?r:o,s=null!=t?t:o!==r&&"object"==typeof o?o:void 0;return(0,func_is_ng_def.p)(e,"p")&&"function"==typeof o&&o!==e&&!(0,func_is_ng_def.p)(o,"p")?(n={transform:o},s=t):!(0,func_is_ng_def.p)(e,"i")&&(0,func_is_ng_def.p)(e)||(s=t),n=n===s?r:n,{config:s,mock:n}},parse_provider=e=>{const o=(0,func_get_type.A)(e);return{multi:o!==e&&e.multi,provide:o}};var __awaiter=function(e,o,t,r){return new(t||(t=Promise))((function(n,s){function c(e){try{i(r.next(e))}catch(e){s(e)}}function _(e){try{i(r.throw(e))}catch(e){s(e)}}function i(e){var o;e.done?n(e.value):(o=e.value,o instanceof t?o:new t((function(e){e(o)}))).then(c,_)}i((r=r.apply(e,o||[])).next())}))};const normaliseModule=e=>(0,func_is_ng_module_def_with_providers.h)(e)?{def:e.ngModule,providers:e.providers}:{def:e,providers:void 0},generateProviderValue=(e,o,t)=>t?[...Array.isArray(o)?o:[],e]:e,defaultMock={};class MockBuilderPromise{constructor(e){this.configDefault=e,this.beforeCC=new Set,this.configDef=new Map,this.defProviders=new Map,this.defValue=new Map,this.excludeDef=new Set,this.keepDef=new Set,this.mockDef=new Set,this.providerDef=new Map,this.replaceDef=new Set,this.stash=new MockBuilderStash,"undefined"!=typeof Symbol&&(this[Symbol.toStringTag]="Promise")}beforeCompileComponents(e){return this.beforeCC.add(e),this}build(){this.stash.backup();const e=new core_def_stack;ng_mocks_universe.A.config.set("mockNgDefResolver",e),ng_mocks_universe.A.flags.add("hasRootModule");try{const o=this.combineParams(),t=init_ng_modules(o,init_universe(o));return add_requested_providers(t,o,e),handle_root_providers(t,o,e),handle_entry_components(t),apply_platform_modules(),t.providers.push(create_ng_mocks_token(),create_ng_mocks_touches_token(),create_ng_mocks_overrides_token(this.replaceDef,this.defValue),MockBuilder),t}finally{ng_mocks_universe.A.flags.delete("hasRootModule"),ng_mocks_universe.A.config.delete("mockNgDefResolver"),this.stash.restore()}}catch(e){return __awaiter(this,void 0,void 0,(function*(){return this.then().catch(e)}))}exclude(e){return this.wipe(e),this.excludeDef.add(e),this.setConfigDef(e),this}finally(e){return __awaiter(this,void 0,void 0,(function*(){return this.then().finally(e)}))}keep(e,o){const{def:t,providers:r}=normaliseModule(e),n=this.keepDef.has(t)?this.defProviders.get(t):[];return this.wipe(t),this.keepDef.add(t),r&&this.defProviders.set(t,[...n||[],...r]),this.setConfigDef(t,o),this}mock(e,o=defaultMock,t){const{def:r,providers:n}=normaliseModule(e),{config:s,mock:c}=parse_mock_arguments(r,o,t,defaultMock);if((0,func_is_ng_def.p)(c)&&(0,func_is_ng_def.p)(e)&&!(0,func_is_ng_def.p)(e,"t"))throw new Error([`MockBuilder.mock(${(0,func_get_name.A)(e)}) received a class when its shape is expected.`,"Please try ngMocks.defaultMock instead."].join(" "));const _=this.mockDef.has(r)?this.defProviders.get(r):[];return this.wipe(r),this.mockDef.add(r),n&&this.defProviders.set(r,[..._||[],...n]),this.setDefValue(r,c),this.setConfigDef(r,s),this}provide(e){for(const o of(0,core_helpers.Bq)(e)){const{provide:e,multi:t}=parse_provider(o),r=this.providerDef.has(e)?this.providerDef.get(e):[];this.providerDef.set(e,generateProviderValue(o,r,t))}return this}replace(e,o,t){if(!(0,func_is_ng_def.p)(o)||!(0,func_is_ng_def.p)(e)||(0,func_is_ng_def.p)(o,"i")||(0,func_is_ng_def.p)(e,"i"))throw new Error("Cannot replace the declaration, both have to be a Module, a Component, a Directive or a Pipe, for Providers use `.mock` or `.provide`");return this.wipe(e),this.replaceDef.add(e),this.defValue.set(e,o),this.setConfigDef(e,t),this}then(e,o){return __awaiter(this,void 0,void 0,(function*(){const t=new Promise((e=>{const o=testing_.TestBed.configureTestingModule(this.build());for(const e of(0,core_helpers.LG)(this.beforeCC))e(o);o.compileComponents().then((()=>{e({testBed:o})}))}));return t.then(e,o)}))}combineParams(){return{configDef:this.configDef,configDefault:this.configDefault,defProviders:this.defProviders,defValue:this.defValue,excludeDef:this.excludeDef,keepDef:this.keepDef,mockDef:this.mockDef,providerDef:this.providerDef,replaceDef:this.replaceDef}}setConfigDef(e,o){!o&&this.configDef.has(e)||this.configDef.set(e,null!=o?o:this.configDefault)}setDefValue(e,o){o===defaultMock?this.defValue.delete(e):this.defValue.set(e,o)}wipe(e){this.defProviders.delete(e),this.defValue.delete(e),this.excludeDef.delete(e),this.keepDef.delete(e),this.mockDef.delete(e),this.providerDef.delete(e),this.replaceDef.delete(e)}}const objectsDiffer=(e,o)=>{const t=Object.keys(e),r=Object.keys(o);if(t.length!==r.length)return!0;for(const r of t)if(e[r]!==o[r])return!0;return!1},equal_variables=(e,o)=>e===o||!(e&&!o||!e&&o)&&!objectsDiffer(e,o),equal_render_defs=(e,o)=>e===o||("boolean"!=typeof e&&"boolean"!=typeof o||e===o)&&e.$implicit===o.$implicit&&equal_variables(e.variables,o.variables),equal_render_configs_objectsDiffer=(e,o)=>{if(Object.keys(e).length!==Object.keys(o).length)return!0;for(const t of Object.keys(e))if(!equal_render_defs(e[t],o[t]))return!0;return!1},equal_render_configs=(e,o)=>!(!equal_render_defs(o,e)||"object"==typeof o&&"object"==typeof e&&equal_render_configs_objectsDiffer(o,e)),are_equal_config_params=(e,o)=>o===e||o.dependency===e.dependency&&o.export===e.export&&o.exportAll===e.exportAll&&!!equal_render_configs(e.render,o.render),are_equal_maps=(e,o,t=((e,o)=>e===o))=>{if(!o||o.size!==e.size)return!1;for(const r of(0,core_helpers.d4)(e)){if(!o.has(r))return!1;if(!t(o.get(r),e.get(r)))return!1}return!0},areEqualProviderDefs=(e,o,...t)=>{for(const r of t)if(o&&e&&o[r]&&e[r]&&o[r]===e[r])return!0;return o===e},are_equal_providers=(e,o)=>{if(Array.isArray(e)!==Array.isArray(o))return!1;const[t,r]=[(0,core_helpers.Bq)(e),(0,core_helpers.Bq)(o)];if(t.length!==r.length)return!1;for(let e=0;e<t.length;e+=1){const[o,n]=[t[e],r[e]];if(o&&n&&o.multi!==n.multi)return!1;if(!areEqualProviderDefs(n,o,"useValue","useClass","useFactory","useExisting"))return!1}return!0},are_equal_sets=(e,o)=>{if(!o||o.size!==e.size)return!1;for(const t of(0,core_helpers.LG)(e))if(!o.has(t))return!1;return!0},get_empty_config=()=>({beforeCC:new Set,configDef:new Map,defProviders:new Map,defValue:new Map,excludeDef:new Set,keepDef:new Set,mockDef:new Set,providerDef:new Map,replaceDef:new Set}),required_metadata=e=>Object.assign(Object.assign({},e),{declarations:[...e.declarations||[]],imports:[...e.imports||[]],providers:[...e.providers||[]]});var mock_builder_performance_awaiter=function(e,o,t,r){return new(t||(t=Promise))((function(n,s){function c(e){try{i(r.next(e))}catch(e){s(e)}}function _(e){try{i(r.throw(e))}catch(e){s(e)}}function i(e){var o;e.done?n(e.value):(o=e.value,o instanceof t?o:new t((function(e){e(o)}))).then(c,_)}i((r=r.apply(e,o||[])).next())}))};class MockBuilderPerformance extends MockBuilderPromise{build(){const e=ng_mocks_universe.A.global;if(e.has("builder:module")&&e.has("builder:config")&&this.equalsTo(e.get("builder:config")))return required_metadata(e.get("builder:module"));e.has("builder:module")&&e.delete(e.get("builder:module"));const o=this.cloneConfig(),t=super.build();return e.set("builder:config",o),e.set("builder:module",t),required_metadata(t)}then(e,o){const t=Object.create(null,{then:{get:()=>super.then}});return mock_builder_performance_awaiter(this,void 0,void 0,(function*(){const r=ng_mocks_universe.A.global;if(r.has("bullet")&&r.has("builder:module")&&r.has("builder:config")&&this.equalsTo(r.get("builder:config")))return r.get(r.get("builder:module")).then(e,o);r.has("bullet")&&r.has("bullet:reset")&&(console.warn("ngMocks.faster has zero effect due to changes in testing module between runs"),r.delete("bullet"),testing_.TestBed.resetTestingModule(),r.set("bullet",!0));const n=t.then.call(this,e,o);return r.set(r.get("builder:module"),n),n}))}cloneConfig(){const e=get_empty_config();return(0,core_helpers.LG)(this.beforeCC,e.beforeCC),(0,core_helpers.LG)(this.excludeDef,e.excludeDef),(0,core_helpers.LG)(this.keepDef,e.keepDef),(0,core_helpers.LG)(this.mockDef,e.mockDef),(0,core_helpers.LG)(this.replaceDef,e.replaceDef),(0,core_helpers.Nn)(this.configDef,e.configDef),(0,core_helpers.Nn)(this.defProviders,e.defProviders),(0,core_helpers.Nn)(this.defValue,e.defValue),(0,core_helpers.Nn)(this.providerDef,e.providerDef),e}equalsTo(e){for(const o of["beforeCC","keepDef","replaceDef","excludeDef","mockDef"])if(!are_equal_sets(this[o],e[o]))return!1;for(const o of["defValue"])if(!are_equal_maps(this[o],e[o]))return!1;for(const o of["providerDef","defProviders"])if(!are_equal_maps(this[o],e[o],are_equal_providers))return!1;return are_equal_maps(this.configDef,e.configDef,are_equal_config_params)}}function MockBuilder(...e){const[o,t]=e,r=new MockBuilderPerformance(e.length<2?{export:!0}:{dependency:!0}),n=ng_mocks_universe.A.config.get("MockBuilderExtensions");for(const e of n?(0,core_helpers.d4)(n):[]){if((0,helper_extract_property_descriptor.A)(r,e))throw new Error(`MockBuilder.${e} is a base method and cannot be customized, please use a different name.`);(0,core_define_property.A)(r,e,((...o)=>(n.get(e)(r,o),r)))}if(o)for(const e of(0,core_helpers.Bq)(o))r.keep(e,{export:!0,shallow:isStandalone(e)});if(t)for(const e of(0,core_helpers.Bq)(t))r.mock(e,e,{export:!0,exportAll:!0});return r}function mockBuilderExtend(e,o){var t;const r=null!==(t=ng_mocks_universe.A.config.get("MockBuilderExtensions"))&&void 0!==t?t:new Map;o?(r.set(e,o),ng_mocks_universe.A.config.set("MockBuilderExtensions",r)):r.delete(e)}!function(e){e.extend=function(e,o){mockBuilderExtend(e,o)}}(MockBuilder||(MockBuilder={}));const is_debug_node=e=>!!(null==e?void 0:e.nativeElement)||!!(null==e?void 0:e.nativeNode),func_parse_find_args_name=e=>"string"==typeof e?e:"function"==typeof e?e.name:(0,func_is_ng_def.p)(e,"t")?e._desc:Array.isArray(e)?e[0]:e?"<UNKNOWN>":"<EMPTY>",is_fixture=e=>!!e&&"object"==typeof e&&void 0!==e.debugElement,findDebugElement=e=>is_fixture(e)?findDebugElement(e.debugElement):e&&e.injector&&e.query?e:void 0,func_parse_find_args=(e,o)=>{var t;let r,n,s=o;return 3===e.length?(r=findDebugElement(e[0]),n=e[1],s=e[2]):1===e.length?(r=findDebugElement(func_get_last_fixture()),[n]=e):e[0]?(r=findDebugElement(e[0]),r?n=e[1]:(r=findDebugElement(func_get_last_fixture()),[n,s]=e)):n=e[1],n=null!==(t=findDebugElement(n))&&void 0!==t?t:n,[r,n,s]};var platform_browser_x=e=>{var o={};return __webpack_require__.d(o,e),o},platform_browser_y=e=>()=>e;const platform_browser_namespaceObject=platform_browser_x({By:()=>__WEBPACK_EXTERNAL_MODULE__angular_platform_browser_bc6fa964__.By}),func_parse_find_term=e=>Array.isArray(e)?platform_browser_namespaceObject.By.css(1===e.length?`[${e[0]}]`:`[${e[0]}="${e[1]}"]`):"string"==typeof e?platform_browser_namespaceObject.By.css(e):platform_browser_namespaceObject.By.directive(getSourceOfMock(e)),defaultNotFoundValue={},mock_helper_find=(...e)=>{const[o,t,r]=func_parse_find_args(e,defaultNotFoundValue),n=is_debug_node(t)?t:null==o?void 0:o.query(func_parse_find_term(t));if(n)return n;if(r!==defaultNotFoundValue)return r;throw new Error(`Cannot find an element via ngMocks.find(${func_parse_find_args_name(t)})`)},detect_text_node=e=>"#text"===e.nativeNode.nodeName,el_def_compare=(e,o)=>!(!e||!o)&&e===o,el_def_get_node=e=>detect_text_node(e)?void 0:e.injector._tNode||e.injector.elDef||void 0,defaultInjector={},core_injector=(e,o=defaultInjector)=>{if(o===defaultInjector)return(0,core_helpers.d5)(e);try{return o.get(e)}catch(e){return}},getVcr=(e,o)=>{if(e!==o&&"#comment"===o.nativeNode.nodeName)return core_injector(core_.ViewContainerRef,o.injector)},getScanViewRefRootNodes=(e,o)=>{const t=getVcr(e,o);if(!t)return[];const r=[];for(let e=0;e<t.length;e+=1){const o=t.get(e);if(o)for(let e=0;e<o.rootNodes.length;e+=1)r.push([e,o.rootNodes[e]])}return r},scanViewRef=e=>{var o;let t,r;for(const n of(null===(o=e.parent)||void 0===o?void 0:o.childNodes)||[])for(const[o,s]of getScanViewRefRootNodes(e,n))s===e.nativeNode&&(void 0===r||o<r)&&(t=el_def_get_node(n),r=o);return t},el_def_get_parent=e=>{var o,t,r,n;return(null===(o=e.injector._tNode)||void 0===o?void 0:o.parent)||(null===(t=e.injector.elDef)||void 0===t?void 0:t.parent)||scanViewRef(e)||(null===(r=e.parent)||void 0===r?void 0:r.injector._tNode)||(null===(n=e.parent)||void 0===n?void 0:n.injector.elDef)||void 0},nested_check_children=e=>{var o,t;const r=el_def_get_node(e);if(!r||detect_text_node(e))return[];const n=void 0!==e.childNodes,s=[];for(const t of e.childNodes||(null===(o=e.parent)||void 0===o?void 0:o.childNodes)||[]){const e=el_def_get_parent(t);(n||el_def_compare(r,e))&&(e&&!el_def_compare(r,e)||s.push(t))}if("BODY"===(null===(t=e.parent)||void 0===t?void 0:t.name)){const o=e.parent.childNodes;let t=o.length,r=0;for(let n=o.length-1;n>=0;n-=1){const s=o[n];if("#comment"===s.nativeNode.nodeName)r=n;else if(s.nativeNode===e.nativeNode){t=n+1;break}}for(let e=t;e<r;e+=1)s.push(o[e])}return s},detectParent=(e,o)=>{var t;if(o)return o;const r=el_def_get_parent(e),n=e.parent?el_def_get_node(e.parent):void 0;if(e.parent&&el_def_compare(r,n))return e.parent;for(const o of(null===(t=e.parent)||void 0===t?void 0:t.childNodes)||[]){const e=el_def_get_node(o);if(el_def_compare(r,e))return o}},nested_check_parent=detectParent,nestedCheck=(e,o,t,r=!1)=>{if(!e)return!1;if(!r&&detect_text_node(e))return!1;if(t(e,nested_check_parent(e,o)))return!0;for(const o of nested_check_children(e))if(nestedCheck(o,e,t,r))return!0;return!1},nested_check=nestedCheck,mock_helper_crawl=(e,o,t=!1)=>{const r=mock_helper_find(func_get_last_fixture(),e,void 0);nested_check(r,void 0,o,t)},isSelector=e=>("string"==typeof e||Array.isArray(e)&&"string"==typeof e[0]||is_fixture(e)||is_debug_node(e),!0),mock_helper_func_parse_find_args=(e,o,t)=>{let r,n,s=t;return 3===e.length?[r,n,s]=e:1===e.length?(r=func_get_last_fixture(),[n]=e):o(e[1])&&isSelector(e[0])?[r,n]=e:(r=func_get_last_fixture(),[n,s]=e),[r,n,s]},detect_attribute_in_selectors=(e,o)=>{for(const t of e){const e=t.match(/\[([^=\]]+)/g);if(e)for(const t of e)if(t===`[${o}`)return!0}return!1},getMeta=e=>{try{return core_reflect_directive_resolve(e)}catch(e){return}},func_parse_provider_tokens_directives=(e,o)=>{if(e)try{const t=(0,func_get_type.A)(o),r=core_injector(t,e.injector);return getMeta(r.constructor)}catch(e){return}},func_get_public_provider_keys=e=>e.injector.elDef?Object.keys(e.injector.elDef.element.publicProviders):[],func_parse_inputs_and_requires_attributes=(e,o)=>{const t=e.injector.elDef.element.publicProviders[o],r=t.provider.value;if(!r)return[[],[],0];const n=func_parse_provider_tokens_directives(e,r),s=t.bindings.map((e=>e.nonMinifiedName||e.name));return[(null==n?void 0:n.inputs)||[],s,t.nodeIndex]},collectSelectors=e=>{const o=[];for(const t of e.providerTokens){const r=func_parse_provider_tokens_directives(e,t);(null==r?void 0:r.selector)&&-1===o.indexOf(r.selector)&&o.push(r.selector)}return o},collectAttributesClassic=e=>{const o=[];for(const t of func_get_public_provider_keys(e)){const[r,n]=func_parse_inputs_and_requires_attributes(e,t);for(const e of r){const{name:t,alias:r}=(0,func_directive_io_parse.A)(e),s=r||t;-1!==n.indexOf(t)&&-1===o.indexOf(s)&&o.push(s)}}return o},collectAttributesIvy=e=>{var o,t;const r=[],n=(null===(o=e.injector._tNode)||void 0===o?void 0:o.attrs)||[];let s=2;for(let o=0;o<n.length;o+=s){if("number"==typeof n[o]){s=1;continue}const c=n[o];(null===(t=e.injector._tNode.inputs)||void 0===t?void 0:t[c])&&-1===r.indexOf(c)&&r.push(c)}return r},detect_selectors_from_node=e=>[collectSelectors(e),[...collectAttributesClassic(e),...collectAttributesIvy(e)]],crawl_by_attribute=e=>o=>{const[t,r]=detect_selectors_from_node(o);return-1!==r.indexOf(e)||!!detect_attribute_in_selectors(t,e)},detectInClassic=(e,o,t)=>{for(const r of func_get_public_provider_keys(e)){const[n,s,c]=func_parse_inputs_and_requires_attributes(e,r);for(const r of n){const{name:n,alias:_}=(0,func_directive_io_parse.A)(r);if(o===(_||n)&&-1!==s.indexOf(n)&&t===e.injector.view.nodes[c].instance[n])return!0}}return!1},detectInIvy=(e,o,t)=>{var r,n,s;const c=(null===(r=e.injector._tNode)||void 0===r?void 0:r.attrs)||[];let _=2;for(let r=0;r<c.length;r+=_){if("number"==typeof c[r]){_=1;continue}const i=c[r];if(i!==o||!(null===(n=e.injector._tNode.inputs)||void 0===n?void 0:n[i]))continue;const[a,l]=e.injector._tNode.inputs[i];if(t===(null===(s=e.injector._lView)||void 0===s?void 0:s[a][l]))return!0}return!1},crawl_by_attribute_value=(e,o)=>t=>!!detectInIvy(t,e,o)||detectInClassic(t,e,o),crawl_by_declaration=e=>{const o=getSourceOfMock(e);return e=>!!e&&-1!==e.providerTokens.indexOf(o)&&void 0!==core_injector(o,e.injector)},crawl_by_id=e=>o=>!!o.references[e],regExp=new RegExp("\\[.*?\\]","g"),detect_tag_name_in_selectors=(e,o)=>{for(const t of e){const e=t.replace(regExp,"").split(",");for(const t of e)if(t.trim()===o)return!0}return!1},crawl_by_tag_name=e=>o=>{const[t]=detect_selectors_from_node(o);return detect_tag_name_in_selectors(t,e)},isCrawlByAttribute=e=>Array.isArray(e)&&1===e.length&&"string"==typeof e[0],isCrawlByAttributeValue=e=>Array.isArray(e)&&2===e.length&&"string"==typeof e[0],isCrawlById=e=>"string"==typeof e&&0===e.indexOf("#")&&e.length>1,isCrawlByTagName=e=>"string"==typeof e&&0!==e.indexOf("#")&&e.length>0,isCrawlByDeclaration=e=>"function"==typeof e,detect_crawler=e=>{if(isCrawlByAttribute(e))return crawl_by_attribute(e[0]);if(isCrawlByAttributeValue(e))return crawl_by_attribute_value(e[0],e[1]);if(isCrawlById(e))return crawl_by_id(e.slice(1));if(isCrawlByTagName(e))return crawl_by_tag_name(e);if(isCrawlByDeclaration(e))return crawl_by_declaration(e);throw new Error("Unknown selector")},func_is_valid_reveal_selector=e=>"string"==typeof e||!(!Array.isArray(e)||"string"!=typeof e[0])||"function"==typeof e,mock_helper_reveal_defaultNotFoundValue={},mock_helper_reveal=(...e)=>{const[o,t,r]=mock_helper_func_parse_find_args(e,func_is_valid_reveal_selector,mock_helper_reveal_defaultNotFoundValue),n=mock_helper_find(func_get_last_fixture(),o,void 0),s=detect_crawler(t);let c;if(mock_helper_crawl(n,(e=>!(e===n||detect_text_node(e)||!s(e)||(c=e,0)))),c)return c;if(r!==mock_helper_reveal_defaultNotFoundValue)return r;throw new Error(`Cannot find a DebugElement via ngMocks.reveal(${func_parse_find_args_name(t)})`)},mock_helper_reveal_all=(...e)=>{const[o,t]=mock_helper_func_parse_find_args(e,func_is_valid_reveal_selector),r=mock_helper_find(func_get_last_fixture(),o,void 0),n=detect_crawler(t),s=[];return mock_helper_crawl(r,(e=>{e!==r&&!detect_text_node(e)&&n(e)&&s.push(e)})),s},isMockControlValueAccessor=e=>!!func_is_mock(e)&&!!e.__ngMocksConfig.isControlValueAccessor;var helper_define_property_descriptor=__webpack_require__(6),helper_extract_methods_from_prototype=__webpack_require__(331);const is_html_element=e=>!!e&&"object"==typeof e&&void 0!==e.innerHTML,preventBubble=["focus","blur","load","unload","change","reset","scroll"],customEvent=(e,o)=>{const t=Object.assign({bubbles:!1,cancelable:!1},o),r=document.createEvent("CustomEvent");return r.initCustomEvent(e,t.bubbles,t.cancelable,null),r},eventCtor="function"==typeof Event?(e,o)=>new CustomEvent(e,o):customEvent,keyMap={alt:{altKey:!0,code:"AltLeft",key:"Alt",location:1,which:18},arrowdown:{code:"ArrowDown",key:"ArrowDown",location:0,which:40},arrowleft:{code:"ArrowLeft",key:"ArrowLeft",location:0,which:37},arrowright:{code:"ArrowRight",key:"ArrowRight",location:0,which:39},arrowup:{code:"ArrowUp",key:"ArrowUp",location:0,which:38},backspace:{code:"Backspace",key:"Backspace",location:0,which:8},control:{code:"ControlLeft",ctrlKey:!0,key:"Control",location:1,which:17},enter:{code:"Enter",key:"Enter",location:0,which:13},esc:{code:"Escape",key:"Escape",location:0,which:27},meta:{code:"MetaLeft",key:"Meta",location:1,metaKey:!0,which:91},shift:{code:"ShiftLeft",key:"Shift",location:1,shiftKey:!0,which:16},space:{code:"Space",key:" ",location:0,which:32},tab:{code:"Tab",key:"Tab",location:0,which:9}};for(let e=1;e<=12;e+=1)keyMap[`f${e}`]={code:`F${e}`,key:`F${e}`,location:0,which:e+111};const getCode=e=>{const o=e.codePointAt(0);return o&&o>=97&&o<=122||o&&o>=65&&o<=90?`Key${e.toUpperCase()}`:o&&o>=48&&o<=57?`Digit${e}`:"Unknown"},applyPayload=(e,o)=>{const t={};for(const e of o?o.split("."):[]){let o=keyMap[e];if(o||1!==e.length||(o={code:getCode(e),key:e}),!o)throw new Error(`Unknown event part ${e}`);(0,mock_helper_stub.A)(t,o)}o&&(0,mock_helper_stub.A)(e,t)},mock_helper_event=(e,o,t)=>{const r=e.indexOf("."),[n,s]=-1===r?[e]:[e.slice(0,Math.max(0,r)),e.slice(r+1)],c=eventCtor(n,Object.assign({bubbles:-1===preventBubble.indexOf(e),cancelable:!0},o));return applyPayload(c,s),t&&(0,mock_helper_stub.A)(c,t),c},mock_helper_trigger_preventBubble=["focus","blur","load","unload","change","reset","scroll"],toEventObj=e=>"string"==typeof e?mock_helper_event(e,{bubbles:-1===mock_helper_trigger_preventBubble.indexOf(e),cancelable:!0}):e,getNativeElement=e=>is_debug_node(e)||is_fixture(e)?e.nativeElement:is_html_element(e)?e:void 0,mock_helper_trigger=(e,o,t)=>{const r=is_html_element(e)?e:mock_helper_find(func_get_last_fixture(),e,void 0),n=getNativeElement(r);if(!n)throw new Error(`Cannot trigger ${"string"==typeof o?o:o.type} event undefined element`);if(n.disabled)return;const s=toEventObj(o);s.target||(0,mock_helper_stub.A)(s,{target:n}),t&&(0,mock_helper_stub.A)(s,t),n.dispatchEvent(s)};var mock_helper_stub_member=__webpack_require__(589);const message=["Cannot find ControlValueAccessor on the element.","If it is a mock input with [formControlName],","you need either to avoid mocking ReactiveFormsModule","or to avoid accessing the control in such a way,","because this tests ReactiveFormsModule instead of own implementation."].join(" "),func_get_vca=e=>{const o=core_form&&core_injector(core_form.NgControl,e.injector),t=null==o?void 0:o.valueAccessor;if(t)return t;const r=core_form&&core_injector(core_form.FormControlDirective,e.injector);if(null==r?void 0:r.form)return r.form;const n=core_form&&core_injector(core_form.NgModel,e.injector);if(n)return n;throw new Error(message)},triggerInput=(e,o)=>{mock_helper_trigger(e,"focus");const t=Object.getOwnPropertyDescriptor(e.nativeElement,"value");(0,mock_helper_stub_member.A)(e.nativeElement,"value",o),mock_helper_trigger(e,"input"),mock_helper_trigger(e,"change"),t&&((0,helper_define_property_descriptor.A)(e.nativeElement,"value",t),e.nativeElement.value=o),mock_helper_trigger(e,"blur")},handleKnown=(e,o)=>core_form&&e instanceof core_form.AbstractControl?(e.setValue(o),!0):core_form&&e instanceof core_form.NgModel?(e.update.emit(o),!0):!!isMockControlValueAccessor(e.instance)&&(e.instance.__simulateChange(o),!0),hasListener=e=>e.listeners.some((e=>"input"===e.name||"change"===e.name)),keys=["onChange","onChangeCallback","onChangeCb","onChangeClb","onChangeFn","_onChange","_onChangeCallback","_onChangeCb","_onChangeClb","_onChangeFn","changeFn","_changeFn","onModelChange","cvaOnChange","cvaOnChangeCallback","cvaOnChangeCb","cvaOnChangeClb","cvaOnChangeFn","_cvaOnChange","_cvaOnChangeCallback","_cvaOnChangeCb","_cvaOnChangeClb","_cvaOnChangeFn"],mock_helper_change=(e,o,t)=>{const r=mock_helper_find(func_get_last_fixture(),e,void 0);if(!r)throw new Error(`Cannot find an element via ngMocks.change(${func_parse_find_args_name(e)})`);const n=func_get_vca(r);if(handleKnown(n,o)||hasListener(r))return void triggerInput(r,o);for(const e of t?[t]:keys)if("function"==typeof n[e])return n.writeValue(o),void n[e](o);const s=(0,helper_extract_methods_from_prototype.A)(n);throw new Error(["Unsupported type of ControlValueAccessor,",`please ensure it has '${t||"onChange"}' method.`,"If it is a 3rd-party library, please provide the correct name of the method in the 'methodName' parameter.","Possible Names: "+s.join(", ")+"."].join(" "))},triggerTouch=e=>{mock_helper_trigger(e,"focus"),mock_helper_trigger(e,"blur")},mock_helper_touch_handleKnown=e=>core_form&&e instanceof core_form.AbstractControl?(e.markAsTouched(),!0):!!isMockControlValueAccessor(e.instance)&&(e.instance.__simulateTouch(),!0),mock_helper_touch_hasListener=e=>e.listeners.some((e=>"focus"===e.name||"blur"===e.name)),mock_helper_touch_keys=["onTouched","onTouchedCallback","onTouchedCb","onTouchedClb","onTouchedFn","_onTouched","_onTouchedCallback","_onTouchedCb","_onTouchedClb","_onTouchedFn","markAsTouched","_markAsTouched","onModelTouched","cvaOnTouch","cvaOnTouchCallback","cvaOnTouchCb","cvaOnTouchClb","cvaOnTouchFn","_cvaOnTouch","_cvaOnTouchCallback","_cvaOnTouchCb","_cvaOnTouchClb","_cvaOnTouchFn"],mock_helper_touch=(e,o)=>{const t=mock_helper_find(func_get_last_fixture(),e,void 0);if(!t)throw new Error(`Cannot find an element via ngMocks.touch(${func_parse_find_args_name(e)})`);const r=func_get_vca(t);if(mock_helper_touch_handleKnown(r)||mock_helper_touch_hasListener(t))return void triggerTouch(t);for(const e of o?[o]:mock_helper_touch_keys)if("function"==typeof r[e])return void r[e]();const n=(0,helper_extract_methods_from_prototype.A)(r);throw new Error(["Unsupported type of ControlValueAccessor,",`please ensure it has '${o||"onTouched"}' method.`,"If it is a 3rd-party library, please provide the correct name of the method in the 'methodName' parameter.","Possible Names: "+n.join(", ")+"."].join(" "))},mock_helper_click=(e,o)=>{mock_helper_trigger(e,"click",o)},mock_helper_find_all=(...e)=>{const[o,t]=func_parse_find_args(e);return is_debug_node(t)?[t]:(null==o?void 0:o.queryAll(func_parse_find_term(t)))||[]},getParentWithInjector=e=>{let o=e;for(;"NullInjector"===(null==o?void 0:o.injector.constructor.name);)o=o.parent;if(o)return o.injector},func_get_from_node_injector=(e,o,t)=>{if(!o.injector||"NullInjector"===o.injector.constructor.name)return;const r=getParentWithInjector(o.parent),n=r?core_injector(t,r):void 0,s=core_injector(t,o.injector);n!==s&&((0,func_is_ng_def.p)(t,"t")&&void 0!==s||void 0!==s&&-1===e.indexOf(s))&&e.push(s)},func_get_from_node_element=e=>{var o;return"#text"===(null===(o=e.nativeNode)||void 0===o?void 0:o.nodeName)&&e.parent?e.parent:e},detectGatherFlag=(e,o,t)=>!!(o&&o.nativeNode&&"#comment"===o.nativeNode.nodeName&&Array.isArray(t)&&t[0]===o.nativeNode)||!Array.isArray(t)&&(o&&t.nodeName?"#comment"===t.nodeName?t===o.nativeNode:"#text"===t.nodeName&&t.parentNode===o.nativeNode:e),isNotObject=e=>!e||"object"!=typeof e,shouldBeScanned=(e,o)=>-1===e.indexOf(o)&&Array.isArray(o),scan=({result:e,el:o,nodes:t,normalize:r,proto:n},s,c=[])=>{c.push(t);let _=s,i=t.length;t.length>1&&t[1]&&"object"==typeof t[1]&&t[1].bindingStartIndex&&(i=t[1].bindingStartIndex);for(let s=0;s<i;s+=1){const i=r(t[s]);isNotObject(i)||(shouldBeScanned(c,i)&&Array.isArray(i)&&scan({result:e,el:o,nodes:i,normalize:r,proto:n},_,c),_=detectGatherFlag(_,o,i),_&&-1===e.indexOf(i)&&i instanceof n&&e.push(i))}},func_get_from_node_scan=scan,detectContextByIndex=(e,o)=>{if("object"==typeof e[1]&&e[20]===o)return e;for(let t=21;t<e.length;t+=1){const r=e[t];if(Array.isArray(r)&&"object"==typeof r[1]&&r[20]===o)return r}},detectContext=e=>{var o;let t=e,r=null===(o=t.nativeNode)||void 0===o?void 0:o.__ngContext__;for(;void 0===r&&t.parent;)t=t.parent,r=t.nativeNode.__ngContext__;if("number"!=typeof r)return r;const n=t.injector._lView;return Array.isArray(n)?detectContextByIndex(n,r):void 0},contextToNodes=e=>Array.isArray(e)?e:null==e?void 0:e.lView,func_get_from_node_ivy=(e,o,t)=>{if(!o||o._debugContext)return;const r=func_get_from_node_element(o);func_get_from_node_scan({el:r,nodes:contextToNodes(detectContext(o))||[],normalize:e=>e,proto:t,result:e},!0)},normalize=e=>{if(!e||"object"!=typeof e)return e;for(const o of["renderElement","renderText","instance"])if(e[o])return e[o];return null},func_get_from_node_standard=(e,o,t)=>{if(!o||!o._debugContext)return;const r=func_get_from_node_element(o);func_get_from_node_scan({el:r,nodes:o._debugContext.view.nodes,normalize,proto:t,result:e},!0)},func_get_from_node=(e,o,t)=>(func_get_from_node_injector(e,o,t),(0,func_is_ng_def.p)(t,"t")||"string"==typeof t||(func_get_from_node_standard(e,o,t),func_get_from_node_ivy(e,o,t)),e),func_is_valid_find_instance_selector=e=>"function"==typeof e||(0,func_is_ng_def.p)(e,"t"),mock_helper_find_instance_defaultNotFoundValue={},mock_helper_find_instance=(...e)=>{const[o,t,r]=mock_helper_func_parse_find_args(e,func_is_valid_find_instance_selector,mock_helper_find_instance_defaultNotFoundValue);if("function"!=typeof t&&!(0,func_is_ng_def.p)(t,"t")&&"string"!=typeof t)throw new Error("Only classes or tokens are accepted");const n=getSourceOfMock(t),s=[],c=func_get_last_fixture();if(c)mock_helper_crawl(mock_helper_find(c,o,void 0),((e,o)=>(func_get_from_node(s,e,n),0===s.length&&o&&"#comment"===o.nativeNode.nodeName&&func_get_from_node(s,o,n),s.length>0)),!0);else try{s.push((0,core_helpers.Ah)(n))}catch(e){if(!e||"object"!=typeof e||void 0===e.ngTempTokenPath)throw e}if(s.length>0)return s[0];if(r!==mock_helper_find_instance_defaultNotFoundValue)return r;throw new Error(`Cannot find an instance via ngMocks.findInstance(${func_parse_find_args_name(t)})`)},mock_helper_find_instances=(...e)=>{const[o,t]=mock_helper_func_parse_find_args(e,func_is_valid_find_instance_selector);if("function"!=typeof t&&!(0,func_is_ng_def.p)(t,"t")&&"string"!=typeof t)throw new Error("Only classes or tokens are accepted");const r=getSourceOfMock(t),n=[],s=[],c=func_get_last_fixture();if(c){const e=mock_helper_find_all(c,o,void 0);for(const o of e)mock_helper_crawl(o,((e,o)=>{-1===s.indexOf(e)&&(func_get_from_node(n,e,r),s.push(e)),o&&"#comment"===o.nativeNode.nodeName&&-1===s.indexOf(o)&&(func_get_from_node(n,o,r),s.push(o))}),!0)}else try{n.push((0,core_helpers.Ah)(r))}catch(e){}return n},handle_array=(e,o)=>e(o.map((o=>e(o,!0))).join("")),format_handler=e=>(o,t=!1)=>{const r=(o,n=!1)=>{if(Array.isArray(o))return handle_array(r,o);if(is_fixture(o))return r(o.debugElement,t);const s=e(r,o,n);return void 0!==s?s:is_debug_node(o)&&"#comment"===o.nativeNode.nodeName?r(nested_check_children(o),!0):is_debug_node(o)?r(o.nativeNode,n):""};return Array.isArray(o)?o.map((e=>r(e,t))):r(o,t)},handle_text=e=>{var o,t;return null!==(t=null!==(o=e.nodeValue)&&void 0!==o?o:e.textContent)&&void 0!==t?t:e.wholeText},is_text=e=>!!e&&"object"==typeof e&&"#text"===e.nodeName,normalizeValue=e=>e?e.replace(new RegExp("\\s+","mg")," ").replace(new RegExp("\x3c!--(.|\\n|\\r)*?--\x3e|\x3c!--(.|\\n|\\r)*","mg"),"").replace(new RegExp("\\s+","mg")," ").replace(new RegExp(">\\s+<","mg"),"><").replace(new RegExp('"\\s+>',"mg"),'">'):"",normalizeText=e=>e.replace(new RegExp("&","mg"),"&amp;").replace(new RegExp('"',"mg"),"&quot;").replace(new RegExp("<","mg"),"&lt;").replace(new RegExp(">","mg"),"&gt;").replace(new RegExp("'","mg"),"&#39;"),getElementValue=(e,o)=>o?e.outerHTML:e.innerHTML,handlePrimitives=(e,o,t)=>{if("string"==typeof o||void 0===o){const e=normalizeValue(o);return t?e:e.trim()}return is_html_element(o)?e(getElementValue(o,t)):is_text(o)?handlePrimitives(e,normalizeText(handle_text(o)),t):void 0},mock_helper_format_html=format_handler(handlePrimitives),mock_helper_format_text_normalizeValue=e=>e?e.replace(new RegExp("\\s+","mg")," "):"",mock_helper_format_text_getElementValue=(e,o)=>{var t;const r=null!==(t=e.textContent)&&void 0!==t?t:"";return o?r:r.trim()},mock_helper_format_text_handlePrimitives=(e,o,t)=>{if("string"==typeof o||void 0===o){const e=mock_helper_format_text_normalizeValue(o);return t?e:e.trim()}return is_html_element(o)?e(mock_helper_format_text_getElementValue(o,t)):is_text(o)?mock_helper_format_text_handlePrimitives(e,handle_text(o),t):void 0},mock_helper_format_text=format_handler(mock_helper_format_text_handlePrimitives),calls=[],mock_helper_auto_spy=e=>{"reset"===e?calls.pop():calls.push(e);const o=calls[calls.length-1];return"jasmine"===o?(0,helper_mock_service.O)((e=>jasmine.createSpy(e))):"jest"===o?(0,helper_mock_service.O)((e=>jest.fn().mockName(e))):o&&"default"!==o&&"reset"!==o?(0,helper_mock_service.O)(o):(0,helper_mock_service.O)()},mock_helper_console=(e,o)=>(...t)=>{const r=[];beforeEach((()=>{for(const o of e)-1===t.indexOf(o)&&t.push(o);for(const e of t)(0,core_define_property.A)(console,`__ngMocksBackup_${e}`,console[`__ngMocksBackup_${e}`]||[]),console[`__ngMocksBackup_${e}`].push(console[e]),r.push(e),console[e]=o(e)})),afterEach((()=>{for(const e of r)console[e]=console[`__ngMocksBackup_${e}`].pop();r.splice(0,r.length)}))},factory=e=>helper_mock_service.A.mockFunction(`console.${e}`),mock_helper_console_ignore=mock_helper_console(["log"],factory),mock_helper_console_throw_factory=e=>(...o)=>{const t=new Error(o.join(" "));throw(0,core_define_property.A)(t,"ngMocksConsoleCatch",e),t},mock_helper_console_throw=mock_helper_console(["warn","error"],mock_helper_console_throw_factory),mock_helper_default_config=(e,o)=>{const t=ng_mocks_universe.A.getConfigMock();for(const r of(0,core_helpers.Bq)(e))o?t.set(r,o):t.delete(r)},mock_helper_default_mock=(e,o)=>{const t=ng_mocks_universe.A.getOverrides();for(const r of(0,core_helpers.Bq)(e))if(o){const e=t.has(r)?t.get(r):new Set;e.add(o),t.set(r,e)}else t.delete(r)},hooks=ng_mocks_universe.A.global.get("faster-hooks")||{after:[],before:[]};ng_mocks_universe.A.global.set("faster-hooks",hooks);const configureTestingModule=(e,o)=>t=>{if(testing_.TestBed.ngMocksFasterLock)return e.call(o,t);ng_mocks_universe.A.global.set("bullet:customized",!0);let r=e;for(const e of hooks.before)r=e(r,o);try{return(0,core_define_property.A)(testing_.TestBed,"ngMocksFasterLock",!0),r.call(o,t)}finally{(0,core_define_property.A)(testing_.TestBed,"ngMocksFasterLock",void 0)}},resetTestingModule=(e,o)=>()=>{if(testing_.TestBed.ngMocksFasterLock)return e.call(o);if(ng_mocks_universe.A.global.has("bullet"))return ng_mocks_universe.A.global.has("bullet:customized")&&ng_mocks_universe.A.global.set("bullet:reset",!0),o;ng_mocks_universe.A.global.delete("bullet:customized"),ng_mocks_universe.A.global.delete("bullet:reset");let t=e;for(const e of hooks.after)t=e(t,o);try{return(0,core_define_property.A)(testing_.TestBed,"ngMocksFasterLock",!0),t.call(o)}finally{(0,core_define_property.A)(testing_.TestBed,"ngMocksFasterLock",void 0)}},mock_helper_faster_install=()=>{testing_.TestBed.ngMocksFasterInstalled||(testing_.TestBed.configureTestingModule=configureTestingModule(testing_.TestBed.configureTestingModule,testing_.TestBed),testing_.TestBed.resetTestingModule=resetTestingModule(testing_.TestBed.resetTestingModule,testing_.TestBed),(0,core_define_property.A)(testing_.TestBed,"ngMocksFasterInstalled",!0));const e=(0,testing_.getTestBed)();return e.ngMocksFasterInstalled||(e.configureTestingModule=configureTestingModule(e.configureTestingModule,e),e.resetTestingModule=resetTestingModule(e.resetTestingModule,e),(0,core_define_property.A)(e,"ngMocksFasterInstalled",!0)),hooks},mock_helper_flush_test_bed=()=>{const e=(0,testing_.getTestBed)();e._instantiated=!1,e._moduleFactory=void 0,e._testModuleRef=null},resetFixtures=e=>{const o=(0,testing_.getTestBed)()._activeFixtures||[];let t=0;for(let r=o.length-1;r>=0;r-=1)o[r].ngMocksStackId&&o[r].ngMocksStackId!==e?t+=1:(o[r].ngMocksStackId=void 0,o[r].destroy(),o.splice(r,1));0===t&&mock_helper_flush_test_bed()},idAdd=e=>{var o;const t=null!==(o=ng_mocks_universe.A.global.get("bullet:stack"))&&void 0!==o?o:[];t.push(e),ng_mocks_universe.A.global.set("bullet:stack",t),ng_mocks_universe.A.global.set("bullet:stack:id",e)},idRemove=e=>{const o=ng_mocks_universe.A.global.get("bullet:stack");o.splice(o.indexOf(e),1),o.length>0?ng_mocks_universe.A.global.set("bullet:stack:id",o[o.length-1]):ng_mocks_universe.A.global.delete("bullet:stack:id"),resetFixtures(e)},mock_helper_faster=()=>{mock_helper_faster_install();const e={},o={};beforeAll((()=>{ng_mocks_universe.A.global.has("bullet:customized")&&testing_.TestBed.resetTestingModule(),ng_mocks_universe.A.global.set("bullet",!0),idAdd(e)})),beforeEach((()=>{idAdd(o)})),afterEach((()=>{idRemove(o)})),afterAll((()=>{idRemove(e),ng_mocks_universe.A.global.delete("bullet"),ng_mocks_universe.A.global.has("bullet:reset")&&testing_.TestBed.resetTestingModule()}))},mock_helper_get_defaultNotFoundValue={},parseArgs=e=>({el:e[0],notFoundValue:3===e.length?e[2]:mock_helper_get_defaultNotFoundValue,sel:e[1]}),mock_helper_get=(...e)=>{if(1===e.length)try{return testing_.TestBed.inject?testing_.TestBed.inject(e[0]):testing_.TestBed.get(e[0])}catch(o){if(!o||"object"!=typeof o||void 0===o.ngTempTokenPath)throw o;throw new Error(`Cannot find an instance via ngMocks.get(${func_parse_find_args_name(e[0])})`)}const{el:o,sel:t,notFoundValue:r}=parseArgs(e),n=mock_helper_find(func_get_last_fixture(),o,void 0),s=getSourceOfMock(t);if(n){const e=func_get_from_node([],n,s);if(e.length>0)return e[0]}if(n){const e=nested_check_parent(n,void 0);if(e&&"#comment"===e.nativeNode.nodeName){const o=func_get_from_node([],e,s);if(o.length>0)return o[0]}}if(r!==mock_helper_get_defaultNotFoundValue)return r;throw new Error(`Cannot find ${(0,func_get_name.A)(t)} instance via ngMocks.get`)},iterator=(e,o,t=new Set)=>{const r=(0,collect_declarations.A)(e);for(const e of r.decorators)for(const n of core_config.A.dependencies)if(r[e][n])for(const s of(0,core_helpers.Bq)(r[e][n])){const e=(0,func_get_type.A)(s);e&&!t.has(e)&&(t.add(e),o(e),iterator(e,o,t))}},func_iterate_declaration=iterator,func_global_prepare=()=>{var e;ng_mocks_universe.A.cacheDeclarations.clear(),null===(e=ng_mocks_universe.A.config.get("ngMocksDepsSkip"))||void 0===e||e.clear()},action=e=>{ng_mocks_universe.A.getDefaults().set(e,["exclude"])},mock_helper_global_exclude=(e,o=!1)=>{func_global_prepare(),action(e),o&&func_iterate_declaration(e,action)},mock_helper_global_keep_action=e=>{ng_mocks_universe.A.getDefaults().set(e,["keep"])},mock_helper_global_keep=(e,o=!1)=>{func_global_prepare(),mock_helper_global_keep_action(e),o&&func_iterate_declaration(e,mock_helper_global_keep_action)},mock_helper_global_mock_action=e=>{ng_mocks_universe.A.getDefaults().set(e,["mock"])},mock_helper_global_mock=(e,o=!1)=>{func_global_prepare(),mock_helper_global_mock_action(e),o&&func_iterate_declaration(e,mock_helper_global_mock_action)},mock_helper_global_replace=(e,o)=>{let t=!0;if(((0,func_is_ng_def.p)(e,"m")&&(0,func_is_ng_def.p)(o,"m")||(0,func_is_ng_def.p)(e,"c")&&(0,func_is_ng_def.p)(o,"c")||(0,func_is_ng_def.p)(e,"d")&&(0,func_is_ng_def.p)(o,"d")||(0,func_is_ng_def.p)(e,"p")&&(0,func_is_ng_def.p)(o,"p"))&&(t=!1),t)throw new Error("Cannot replace the declaration, both have to be a Module, a Component, a Directive or a Pipe");func_global_prepare(),ng_mocks_universe.A.getDefaults().set(e,["replace",o])},mock_helper_global_wipe_action=e=>{ng_mocks_universe.A.getDefaults().delete(e),mock_helper_default_mock(e)},mock_helper_global_wipe=(e,o=!1)=>{func_global_prepare(),mock_helper_global_wipe_action(e),o&&func_iterate_declaration(e,mock_helper_global_wipe_action)},mock_helper_guts_skipDef=(e,o,t)=>!!o.has(e)||(o.add(e),t.has(e)),createMetaHandler=(e,o,t,r,n)=>{const s=e.get(o)||o;(0,func_is_ng_def.p)(s,"m")?t.push(s):(0,func_is_ng_def.p)(s,"c")||(0,func_is_ng_def.p)(s,"d")?r.push(s):(0,func_is_ng_def.p)(s,"p")?(r.push(s),n.push(s)):(0,func_is_ng_injection_token.S)(s)||n.push(s)},createMeta=({keep:e,skip:o,optional:t,exclude:r,imports:n,declarations:s,providers:c})=>{for(const _ of e)o.has(_)||r.has(_)||t.has(_)||createMetaHandler(t,_,n,s,c);return{declarations:s,imports:n,providers:c}},typeMap=[["m","module"],["c","component"],["d","directive"],["p","pipe"]],mock_helper_guts_getType=(e,o)=>{if((0,func_is_ng_module_def_with_providers.h)(e))return"module-with-providers";for(const[t,r]of typeMap)if((0,func_is_ng_def.p)(e,t))return"m"===t&&o.has(e)?`${r}-keep`:r;return""},handleModuleWithProviders=(e,o)=>{e.skip.has(o.ngModule)||(e.skip.add(o.ngModule),e.exclude.has(o.ngModule)||e.imports.push(e.keep.has(o.ngModule)?o:MockModule(o)))},handleDeclaration=(e,o,t,r)=>{mock_helper_guts_skipDef(o,e.skip,e.exclude)||r.push(e.keep.has(o)?o:t(o))},handleDestructuring=(e,o,t)=>{if(mock_helper_guts_skipDef(o,e.skip,e.exclude))return;const r=core_reflect_module_resolve(o);for(const o of(0,core_helpers.Bq)([r.declarations,r.imports]))t(e,o);for(const o of r.providers?(0,core_helpers.Bq)(r.providers):[])resolveProvider(e,o)},resolveProvider=({skip:e,keep:o,providers:t,exclude:r},n)=>{const s=(0,func_get_type.A)(n);if(e.add(s),r.has(s))return;const c=o.has(s)?n:(0,mock_provider.A)(n);c&&t.push(c)},resolveMap={component:MockComponent,directive:MockDirective,pipe:MockPipe},resolveHandler=(e,o,t,r)=>{"module-with-providers"===o?handleModuleWithProviders(e,t):"module-keep"===o||"module"===o&&r?handleDeclaration(e,t,MockModule,e.imports):"module"===o?handleDestructuring(e,t,resolve):resolveMap[o]?handleDeclaration(e,t,resolveMap[o],e.declarations):resolveProvider(e,t)},resolve=(e,o,t=!0)=>{if(!o)return;const r=mock_helper_guts_getType(o,e.keep);let n;if("module-with-providers"!==r){const t=e.optional.get(o);t&&t!==o&&(n=t,e.keep.add(n))}n||(n=o),resolveHandler(e,r,n,t)},generateDataWithUniverse=(e,o,t,r)=>{for(const n of(0,core_helpers.d4)(ng_mocks_universe.A.getDefaults())){const s=ng_mocks_universe.A.getBuildDeclaration(n);e.has(n)||o.has(n)||t.has(n)||(r.set(n,s),null===s?t.add(n):void 0===s?o.add(n):n===s&&e.add(n))}},generateData=(e,o,t)=>{const r=new Set((0,core_helpers.Bq)(e||[])),n=new Set((0,core_helpers.Bq)(o||[])),s=new Set((0,core_helpers.Bq)(t||[])),c=new Map;return generateDataWithUniverse(r,n,s,c),{declarations:[],exclude:s,imports:[],keep:r,mock:n,optional:c,providers:[],skip:new Set}},mock_helper_guts=(e,o=null,t=null)=>{const r=generateData(e,o,t),n=new Map;ng_mocks_universe.A.config.set("ngMocksDepsResolution",n);for(const e of(0,core_helpers.LG)(r.keep))n.set(e,"keep");for(const e of(0,core_helpers.LG)(r.exclude))n.set(e,"exclude");ng_mocks_universe.A.config.set("mockNgDefResolver",new core_def_stack);for(const e of(0,core_helpers.LG)(r.mock))n.set(e,"mock"),r.optional.has(e)||resolve(r,e,!1);const s=createMeta(r);return ng_mocks_universe.A.config.delete("mockNgDefResolver"),ng_mocks_universe.A.config.delete("ngMocksDepsResolution"),s},mock_helper_attributes_defaultNotFoundValue={},mock_helper_attributes_parseArgs=e=>[e[0],e[1],3===e.length?e[2]:mock_helper_attributes_defaultNotFoundValue],attrMatches=(e,o)=>{const{name:t,alias:r=""}=(0,func_directive_io_parse.A)(e);if(!r&&t===o||r&&r===o)return t},detectAttribute=(e,o,t)=>{for(const r of(null==e?void 0:e.providerTokens)||[]){const n=func_parse_provider_tokens_directives(e,r);if(n)for(const s of n[o]||[]){const o=attrMatches(s,t);if(o)return mock_helper_get(e,r)[o]}}throw new Error("Not found")},mock_helper_attributes=(e,o,...t)=>{const[r,n,s]=mock_helper_attributes_parseArgs(t);try{return detectAttribute(mock_helper_find(func_get_last_fixture(),r,void 0),o,n)}catch(e){}if(s!==mock_helper_attributes_defaultNotFoundValue)return s;throw new Error(`Cannot find ${n} ${e} via ngMocks.${e}`)},mock_helper_input=(...e)=>mock_helper_attributes("input","inputs",...e),mock_helper_output=(...e)=>mock_helper_attributes("output","outputs",...e),mock_helper_reset=()=>{ng_mocks_universe.A.builtDeclarations=new Map,ng_mocks_universe.A.builtProviders=new Map,ng_mocks_universe.A.cacheDeclarations=new Map,ng_mocks_universe.A.cacheProviders=new Map,ng_mocks_universe.A.config=new Map,ng_mocks_universe.A.configInstance=new Map,ng_mocks_universe.A.flags=new Set(core_config.A.flags),ng_mocks_universe.A.touches=new Set},getValVcr=e=>{const o=[];for(const t of e.__ngMocksConfig.queryScanKeys||[]){const r=e[t],n=e[`__ngMocksVcr_${t}`],s=r instanceof core_.QueryList?r.toArray():[r],c=n instanceof core_.QueryList?n.toArray():[n];for(let e=0;e<s.length;e+=1)o.push([s[e],c[e]])}return o},handleDirective=(e,o,t)=>!!e.__template&&!!e.__vcr&&o(e.__template)&&t(e.__vcr,e.__template),isRightTemplate=(e,o,t)=>!!e&&o instanceof core_.TemplateRef&&t(o),findDeep=(e,o,t)=>{if(!func_is_mock(e))throw new Error("Only instances of mock declarations are accepted");if(handleDirective(e,o,t))return!0;for(const[r,n]of getValVcr(e)){if(func_is_mock(r)&&findDeep(r,o,t))return!0;if(isRightTemplate(n,r,o))return t(n,r)}return!1},func_find_deep=findDeep,func_parse_template=e=>{if(e instanceof core_.TemplateRef)return e;if(func_is_mock(e)&&e.__template)return e.__template;const o=(null==e?void 0:e.nativeNode)&&e.injector;if(o){const e=core_injector(core_.TemplateRef,o);if(e)return e}const t=new Error("Unknown template has been passed, only TemplateRef or a mock structural directive are supported");throw t.param=e,t},mock_helper_hide=(e,o)=>{const t=o?func_parse_template(o):void 0;let r=!1;if(func_find_deep(e,(e=>!t||e.elementRef.nativeElement===t.elementRef.nativeElement),(e=>(e.clear(),r=!0,!1))),!r)throw new Error("Cannot find path to the TemplateRef")},mock_helper_render=(e,o,t,r)=>{const n=func_parse_template(o);if(!func_find_deep(e,(e=>e.elementRef.nativeElement===n.elementRef.nativeElement),((e,o)=>{const n=Object.assign(Object.assign({},r),{$implicit:t});return e.clear(),e.createEmbeddedView(o,n).detectChanges(),!0})))throw new Error("Cannot find path to the TemplateRef")},template_ref_detect_crawler=e=>{if("string"==typeof e)return crawl_by_id(e);if(Array.isArray(e)&&1===e.length&&"string"==typeof e[0])return crawl_by_attribute(e[0]);if(Array.isArray(e)&&2===e.length&&"string"==typeof e[0])return crawl_by_attribute_value(e[0],e[1]);if("function"==typeof e)return crawl_by_declaration(e);throw new Error("Unknown selector")},detect_template_ref=(e,o,t=0)=>r=>{try{const t=!detect_text_node(r)&&o(r)?core_injector(core_.TemplateRef,r.injector):void 0;t&&e.push(t)}catch(e){}return!!t&&e.length===t},func_is_valid_template_ref_selector=e=>"string"==typeof e||!(!Array.isArray(e)||"string"!=typeof e[0])||"function"==typeof e,mock_helper_find_template_ref_defaultNotFoundValue={},mock_helper_find_template_ref=(...e)=>{const[o,t,r]=mock_helper_func_parse_find_args(e,func_is_valid_template_ref_selector,mock_helper_find_template_ref_defaultNotFoundValue),n=[],s=template_ref_detect_crawler(t);if(nested_check(mock_helper_find(func_get_last_fixture(),o,void 0),void 0,detect_template_ref(n,s,1)),n.length>0)return n[0];if(r!==mock_helper_find_template_ref_defaultNotFoundValue)return r;throw new Error(`Cannot find a TemplateRef via ngMocks.findTemplateRef(${func_parse_find_args_name(t)})`)},mock_helper_find_template_refs=(...e)=>{const[o,t]=mock_helper_func_parse_find_args(e,func_is_valid_template_ref_selector),r=[],n=template_ref_detect_crawler(t);return nested_check(mock_helper_find(func_get_last_fixture(),o,void 0),void 0,detect_template_ref(r,n)),r},flagNames=["onMockBuilderMissingDependency","onMockInstanceRestoreNeed","onTestBedFlushNeed"],mock_helper_object={autoSpy:mock_helper_auto_spy,change:mock_helper_change,click:mock_helper_click,config:e=>{const o=ng_mocks_universe.A.global.get("flags");for(const t of flagNames)null===e[t]?o[t]=core_config.A[t]:void 0!==e[t]&&(o[t]=e[t]);null===e.mockRenderCacheSize?ng_mocks_universe.A.global.delete("mockRenderCacheSize"):void 0!==e.mockRenderCacheSize&&ng_mocks_universe.A.global.set("mockRenderCacheSize",e.mockRenderCacheSize)},crawl:mock_helper_crawl,defaultConfig:mock_helper_default_config,defaultMock:mock_helper_default_mock,event:mock_helper_event,faster:mock_helper_faster,find:mock_helper_find,findAll:mock_helper_find_all,findInstance:mock_helper_find_instance,findInstances:mock_helper_find_instances,findTemplateRef:mock_helper_find_template_ref,findTemplateRefs:mock_helper_find_template_refs,flushTestBed:mock_helper_flush_test_bed,formatHtml:mock_helper_format_html,formatText:mock_helper_format_text,get:mock_helper_get,globalExclude:mock_helper_global_exclude,globalKeep:mock_helper_global_keep,globalMock:mock_helper_global_mock,globalReplace:mock_helper_global_replace,globalWipe:mock_helper_global_wipe,guts:mock_helper_guts,hide:mock_helper_hide,ignoreOnConsole:mock_helper_console_ignore,input:mock_helper_input,output:mock_helper_output,render:mock_helper_render,reset:mock_helper_reset,reveal:mock_helper_reveal,revealAll:mock_helper_reveal_all,stub:mock_helper_stub.A,stubMember:mock_helper_stub_member.A,throwOnConsole:mock_helper_console_throw,touch:mock_helper_touch,trigger:mock_helper_trigger},ngMocks=mock_helper_object;var mock_service=__webpack_require__(839);const defaultValue={};function MockProviders(...e){return e.map((e=>MockProvider(e,defaultValue)))}function MockProvider(e,o=defaultValue,t,r={}){func_import_exists(e,"MockProvider");const{deps:n,multi:s}="boolean"==typeof r?{deps:void 0,multi:r}:Array.isArray(r)?{deps:r,multi:void 0}:r;return t?{provide:e,[t]:o,deps:n,multi:s}:(0,helper_use_factory.A)(e,(()=>(0,mock_service.K)(e)),(e=>o===defaultValue?e:e?(0,mock_helper_stub.A)(e,o):o))}const applyOverride=(e,o)=>{(0,func_is_ng_def.p)(e,"c")?testing_.TestBed.overrideComponent(e,o):(0,func_is_ng_def.p)(e,"d")?testing_.TestBed.overrideDirective(e,o):(0,func_is_ng_def.p)(e,"m")&&testing_.TestBed.overrideModule(e,o),((0,func_is_ng_def.p)(e,"t")||(0,func_is_ng_def.p)(e,"i"))&&testing_.TestBed.overrideProvider(e,o)},ng_mocks_global_overrides_applyOverrides=e=>{for(const[o,[t,r]]of(0,core_helpers.Nn)(e))testing_.TestBed.ngMocksOverrides.set(o,Object.assign(Object.assign({},r),{override:t})),applyOverride(o,t)},applyNgMocksOverrides=e=>{var o;if(null===(o=e.ngMocksOverrides)||void 0===o?void 0:o.size){ngMocks.flushTestBed();for(const[o,t]of(0,core_helpers.Nn)(e.ngMocksOverrides))applyOverride(o,t)}e.ngMocksOverrides=void 0},initTestBed=()=>{testing_.TestBed.ngMocksSelectors||(0,core_define_property.A)(testing_.TestBed,"ngMocksSelectors",new Map),testing_.TestBed.ngMocksOverrides||(0,core_define_property.A)(testing_.TestBed,"ngMocksOverrides",new Map)},generateTouches=(e,o)=>{for(const t of core_config.A.dependencies)for(const r of e[t]?(0,core_helpers.Bq)(e[t]):[]){const e=(0,func_get_type.A)(r);if((0,func_is_ng_module_def_with_providers.h)(r)&&generateTouches(r,o),!o.has(e)&&(o.add(e),"function"==typeof e)){if(!Object.prototype.hasOwnProperty.call(e,"__ngMocksTouches")){const o=new Set,t=core_reflect_meta(e);(0,core_define_property.A)(e,"__ngMocksTouches",o,!1),t&&generateTouches(t,o)}(0,core_helpers.LG)(e.__ngMocksTouches,o)}}},defineTouches=(e,o,t)=>{var r;let n=t;return!n&&ng_mocks_universe.A.getDefaults().size>0&&(n=func_extract_tokens(e._providers||(null===(r=e._compiler)||void 0===r?void 0:r.providers)).touches,n||(n=new Set,o.providers=o.providers||[],o.providers.push({provide:core_tokens.Em,useValue:n})),generateTouches(o,n)),n},applyPlatformOverrideDef=e=>{const o=(0,func_get_type.A)(e);if(testing_.TestBed.ngMocksOverrides.has(o))return;const t=core_reflect_module_resolve(o),r=get_override_def(t);r&&(testing_.TestBed.ngMocksOverrides.set(o,{set:t}),testing_.TestBed.overrideModule(o,{set:r}))},applyPlatformOverridesBasedOnProvidedIn=(e,o)=>{const t=core_reflect_provided_in(e);t&&("string"==typeof t||o.has(t))&&(testing_.TestBed.ngMocksOverrides.set(e,{}),testing_.TestBed.overrideProvider(e,MockProvider(e)))},applyPlatformOverridesBasedOnDefaults=e=>{for(const[o,[t]]of(0,core_helpers.Nn)(ng_mocks_universe.A.getDefaults()))"mock"===t&&((0,func_is_ng_def.p)(o,"i")||(0,func_is_ng_def.p)(o,"t"))&&(e.has(o)||testing_.TestBed.ngMocksOverrides.has(o)||applyPlatformOverridesBasedOnProvidedIn(o,e))},applyPlatformOverrides=(e,o)=>{if(testing_.TestBed.ngMocksOverrides){const t=ng_mocks_universe.A.touches;ng_mocks_universe.A.touches=o;for(const o of(0,core_helpers.Bq)(e.ngModule||[]))applyPlatformOverrideDef(o);applyPlatformOverridesBasedOnDefaults(o),ng_mocks_universe.A.touches=t}},ng_mocks_global_overrides_configureTestingModule=(e,o)=>t=>{var r,n;initTestBed();const s=!("object"!=typeof t||!t||t.providers&&-1!==t.providers.indexOf(MockBuilder));let c=0;const _=[];for(const e of s?["imports","declarations"]:[])for(const o of(0,core_helpers.Bq)(t[e]))o&&(_.push([(0,func_is_ng_module_def_with_providers.h)(o)?{ngModule:getSourceOfMock(o.ngModule),providers:o.providers}:getSourceOfMock(o),(0,func_is_ng_module_def_with_providers.h)(o)?o.ngModule:o,isMockNgDef((0,func_get_type.A)(o))]),c|=_[_.length-1][2]?2:1);let i=3===c?void 0:t;if(!i){let e=MockBuilder(core_tokens.gG);for(const[o,t,n]of _){const s=null===(r=t.prototype.__ngMocksConfig)||void 0===r?void 0:r.transform,c={export:!(0,func_is_ng_def.p)(o,"m"),exportAll:!1,onRoot:!0};e=n&&s?e.mock(o,s,c):n?e.mock(o,c):e.keep(o,c)}i=e.build(),i=Object.assign(Object.assign(Object.assign({},t),i),{providers:[...null!==(n=t.providers)&&void 0!==n?n:[],...i.providers]})}const a=(0,testing_.getTestBed)(),l=func_extract_tokens(i.providers),{mocks:p,overrides:u}=l,d=defineTouches(a,i,l.touches);return p&&ngMocks.flushTestBed(),u&&ng_mocks_global_overrides_applyOverrides(u),!d||a._instantiated||a._testModuleRef||applyPlatformOverrides(a,d),e.call(o,i)},ng_mocks_global_overrides_resetTestingModule=(e,o)=>()=>(ng_mocks_universe.A.global.delete("builder:config"),ng_mocks_universe.A.global.delete("builder:module"),testing_.TestBed.ngMocksSelectors=void 0,applyNgMocksOverrides(testing_.TestBed),e.call(o)),patchVcrInstance=e=>{if(!core_.ViewContainerRef.ngMocksOverridesPatched&&((0,core_define_property.A)(core_.ViewContainerRef,"ngMocksOverridesPatched",!0),e.createComponent)){const o=e.createComponent,t=(0,helper_create_clone.A)(o,void 0,void 0,(function(e,...t){var r;const n=core_injector(core_tokens.en,this.injector);return o.apply(this,[null!==(r=null==n?void 0:n.get(e))&&void 0!==r?r:e,...t])}));(0,core_define_property.A)(e.constructor.prototype,"createComponent",t,!0),(0,core_define_property.A)(e,"createComponent",t,!0)}},createComponent=(e,o)=>t=>{const r=e.call(o,t);try{const e=r.debugElement.injector.get(core_.ViewContainerRef);patchVcrInstance(e)}catch(e){}return r},viewContainerInstall=()=>{const e=core_.ViewContainerRef;if(!e.ngMocksOverridesInstalled){const o=e.__NG_ELEMENT_ID__;o&&(0,core_define_property.A)(e,"__NG_ELEMENT_ID__",(0,helper_create_clone.A)(o,void 0,void 0,((...e)=>{const t=o.apply(o,e);return patchVcrInstance(t),t})),!0),(0,core_define_property.A)(testing_.TestBed,"createComponent",createComponent(testing_.TestBed.createComponent,testing_.TestBed)),(0,core_define_property.A)(core_.ViewContainerRef,"ngMocksOverridesInstalled",!0)}},installInjector=e=>{if(e.constructor.prototype.__ngMocksInjector||!e.constructor.prototype.get)return e;(0,core_define_property.A)(e.constructor.prototype,"__ngMocksInjector",!0);const o=e.constructor.prototype.get;return e.constructor.prototype.get=(0,helper_create_clone.A)(o,void 0,void 0,(function(e,...t){const r=o.call(this,e,...t);return r&&"object"==typeof r&&"function"==typeof r.constructor&&"string"==typeof r.constructor.name&&"Injector"===r.constructor.name.slice(-8)&&installInjector(r),r})),e},install=()=>{if(!testing_.TestBed.ngMocksOverridesInstalled){const e=mock_helper_faster_install();viewContainerInstall(),-1===e.before.indexOf(ng_mocks_global_overrides_configureTestingModule)&&e.before.push(ng_mocks_global_overrides_configureTestingModule),-1===e.after.indexOf(ng_mocks_global_overrides_resetTestingModule)&&e.after.push(ng_mocks_global_overrides_resetTestingModule),(0,core_define_property.A)(testing_.TestBed,"ngMocksOverridesInstalled",!0);const o=core_.Injector.create;core_.Injector.create=(0,helper_create_clone.A)(o,void 0,void 0,((...e)=>installInjector(o.apply(core_.Injector,e))));try{core_.Injector.create({length:0,providers:[]})}catch(e){}}};function isMockedNgDefOf(e,o,t){return"function"==typeof e&&e.mockOf===o&&(!t||(0,func_is_ng_def.p)(e,t))}install();const getMock=(e,o,t)=>{if(t&&!t.has(o))throw new Error(`There is no mock for ${(0,func_get_name.A)(o)}`);let r=t?t.get(o):void 0;return r===o&&(r=void 0),r||o===e?!r&&ng_mocks_universe.A.cacheDeclarations.has(o)&&(r=ng_mocks_universe.A.cacheDeclarations.get(o)):r=e,r};function getMockedNgDefOf(e,o){var t;const r=null!==(t=e.mockOf)&&void 0!==t?t:e,n=core_injector(core_tokens.en),s=getMock(e,r,n);if(s&&!o)return s;if(s&&o&&isMockedNgDefOf(s,r,o))return s;throw new Error(`There is no mock for ${(0,func_get_name.A)(r)}`)}function isMockOf(e,o,t){return func_is_mock(e)&&e.constructor===o&&(t?(0,func_is_ng_def.p)(e.constructor,t):(0,func_is_ng_def.p)(e.constructor))}const isMockValidator=e=>!!func_is_mock(e)&&!!e.__ngMocksConfig.isValidator,mock_instance_forgot_reset=e=>{const o=[];for(;e.length>0;){const[t,r]=e.pop()||[];r===ng_mocks_universe.A.configInstance.get(t)&&o.push("function"==typeof t?(0,func_get_name.A)(t):t)}if(o.length>0){const e=ng_mocks_universe.A.global.get("flags"),t=[`MockInstance: side effects have been detected (${o.join(", ")}).`,"Forgot to add MockInstance.scope() or to call MockInstance.restore()?"].join(" ");if("warn"===e.onMockInstanceRestoreNeed)console.warn(t);else if("throw"===e.onMockInstanceRestoreNeed)throw new Error(t)}};let currentStack;ng_mocks_stack.subscribePush((e=>{currentStack=e})),ng_mocks_stack.subscribePop(((e,o)=>{for(const o of e.mockInstance||[])if(ng_mocks_universe.A.configInstance.has(o)){const e=ng_mocks_universe.A.configInstance.get(o);e.overloads.pop(),ng_mocks_universe.A.configInstance.set(o,Object.assign({},e))}currentStack=o[o.length-1]}));const parseMockInstanceArgs=e=>{const o={};return"string"==typeof e[0]?(o.key=e[0],o.value=e[1],o.accessor=e[2]):(o.value=e[0],o.value&&"object"==typeof o.value&&(o.value=o.value.init)),o},checkReset=[];let checkCollect=!1;"undefined"!=typeof beforeEach&&(beforeEach((()=>checkCollect=!0)),beforeEach((()=>mock_instance_forgot_reset(checkReset))),afterEach((()=>checkCollect=!1)));const mockInstanceConfig=(e,o,t,r)=>{var n;const s=ng_mocks_universe.A.configInstance.has(e)?ng_mocks_universe.A.configInstance.get(e):{},c=s.overloads||[];c.push([o,t,r]),s.overloads=c,ng_mocks_universe.A.configInstance.set(e,Object.assign({},s));const _=null!==(n=currentStack.mockInstance)&&void 0!==n?n:[];return _.push(e),currentStack.mockInstance=_,checkCollect&&checkReset.push([e,ng_mocks_universe.A.configInstance.get(e),currentStack]),t};function MockInstance(e,...o){if(func_import_exists(e,"MockInstance"),o.length>0){const{key:t,value:r,accessor:n}=parseMockInstanceArgs(o);return mockInstanceConfig(e,t,r,n)}const t=ng_mocks_universe.A.configInstance.get(e)||{};ng_mocks_universe.A.configInstance.set(e,Object.assign(Object.assign({},t),{overloads:[]}));for(let o=checkReset.length-1;o>=0;o-=1)checkReset[o][0]===e&&checkReset[o][2]===currentStack&&checkReset.splice(o,1)}function MockReset(){ng_mocks_universe.A.configInstance.clear()}function MockDeclarations(...e){return e.map(MockDeclaration)}function MockDeclaration(e){if((0,func_is_ng_def.p)(e,"p"))return MockPipe(e);if((0,func_is_ng_def.p)(e,"c"))return MockComponent(e);if((0,func_is_ng_def.p)(e,"d"))return MockDirective(e);throw error_jest_mock(e),new Error(["MockDeclaration does not know how to mock","function"==typeof e?(0,func_get_name.A)(e):e].join(" "))}!function(e){e.remember=function(){ng_mocks_stack.stackPush()},e.restore=function(){ng_mocks_stack.stackPop()},e.scope=function(o="case"){"all"!==o&&"suite"!==o||(beforeAll(e.remember),afterAll(e.restore)),"all"!==o&&"case"!==o||(beforeEach(e.remember),afterEach(e.restore))}}(MockInstance||(MockInstance={}));const generateTemplateAttrWrap=(e,o)=>"i"===o?`[${e}]`:`(${e})`,generateTemplateAttrWithParams=(e,o)=>{let t=` ${generateTemplateAttrWrap(e,o)}="`;return t+="i"===o?e:`__ngMocksOutput('${e}', $event)`,t+='"',t},generateTemplateAttr=(e,o,t)=>{if(!e&&"o"===t)return"";let r="";const n=null!=e?e:o;for(const e of o){const{name:o,alias:s}=(0,func_directive_io_parse.A)(e);r+=-1===n.indexOf(s||o)?"":generateTemplateAttrWithParams(s||o,t)}return r},func_generate_template=(e,{selector:o,bindings:t,inputs:r,outputs:n})=>{let s="";return"string"==typeof e?s=e:(0,func_is_ng_def.p)(e,"p")&&t&&-1!==t.indexOf("$implicit")?s=`{{ $implicit | ${core_reflect_pipe_resolve(e).name} }}`:o&&(s+=`<${o}`,s+=generateTemplateAttr(t,r,"i"),s+=generateTemplateAttr(t,n,"o"),s+=`></${o}>`),s},generateWrapperOutput=e=>(o,t)=>"function"==typeof e[o]?e[o](t):e[o]&&"object"==typeof e[o]&&"function"==typeof e[o].emit?e[o].emit(t):e[o]&&"object"==typeof e[o]&&"function"==typeof e[o].next?e[o].next(t):void(e[o]=t),generateWrapperComponent=({bindings:e,options:o,inputs:t})=>{class r{constructor(){(0,core_define_property.A)(this,"__ngMocksOutput",generateWrapperOutput(this));let o=0;if((0,helper_define_property_descriptor.A)(this,"__ngContext__",{get:()=>o,set:e=>o=e,enumerable:!1}),!e)for(const e of t||[]){let o=null;(0,helper_define_property_descriptor.A)(this,e,{get:()=>o,set:e=>o=e})}}}return(0,core_define_property.A)(r.prototype,`__ngMocks_index_${ng_mocks_universe.A.index()}`,void 0,!1),(0,core_.Component)(o)(r),r},generateWrapperDirective=({selector:e,options:o})=>{class t{}return(0,core_.Directive)({selector:e,providers:o.providers})(t),t},getCache=()=>{var e;const o=null!==(e=ng_mocks_universe.A.config.get("MockRenderCaches"))&&void 0!==e?e:[];return 0===o.length&&ng_mocks_universe.A.config.set("MockRenderCaches",o),o},checkCache=(e,o)=>{for(const t of e){if(t.cacheKey.length!==o.length)continue;let e=!0;for(let r=0;r<o.length;r+=1)if(t.cacheKey[r]!==o[r]){e=!1;break}if(e)return t}},func_create_wrapper=(e,o,t,r)=>{var n,s,c;const _=getCache(),i=[e,...null!=t?t:[null],...null!==(n=r.providers)&&void 0!==n?n:[null],...null!==(s=r.viewProviders)&&void 0!==s?s:[null]];let a=checkCache(_,i);if(a)return a;const l=o.inputs?[...o.inputs]:[],p=o.outputs?[...o.outputs]:[];if(o.hostDirectives)for(const e of o.hostDirectives)"object"==typeof e&&e.directive&&(e.inputs&&l.push(...e.inputs),e.outputs&&p.push(...e.outputs));const u=func_generate_template(e,{selector:o.selector,inputs:l,outputs:p,bindings:t}),d={providers:r.providers,selector:"mock-render",template:u,viewProviders:r.viewProviders};if(a=generateWrapperComponent(Object.assign(Object.assign({},o),{bindings:t,options:d})),(0,core_define_property.A)(a,"cacheKey",i),(0,core_define_property.A)(a,"tpl",u),o.selector&&d.providers){const e=generateWrapperDirective(Object.assign(Object.assign({},o),{bindings:t,options:d}));(0,core_define_property.A)(a,"providers",e)}return _.unshift(a),_.splice(null!==(c=ng_mocks_universe.A.global.get("mockRenderCacheSize"))&&void 0!==c?c:core_config.A.mockRenderCacheSize),a},createPropertyGet=(e,o,t)=>{const r=()=>{if("function"==typeof t[e]){if(o[`__ngMocks_${e}__origin`]!==t[e]){const r=helper_mock_service.A.createClone(t[e],o,t);(0,core_define_property.A)(o,`__ngMocks_${e}`,r),(0,core_define_property.A)(o,`__ngMocks_${e}__origin`,t[e])}return o[`__ngMocks_${e}`]}return t[e]};return(0,core_define_property.A)(r,"__ngMocksProxy",!0),r},createPropertySet=(e,o,t)=>{const r=r=>{o[`__ngMocks_${e}`]&&(o[`__ngMocks_${e}`]=void 0),o[`__ngMocks_${e}__origin`]&&(o[`__ngMocks_${e}__origin`]=void 0),t[e]=r};return(0,core_define_property.A)(r,"__ngMocksProxy",!0),r},extractAllKeys=e=>[...helper_mock_service.A.extractPropertiesFromPrototype(Object.getPrototypeOf(e)),...helper_mock_service.A.extractMethodsFromPrototype(Object.getPrototypeOf(e)),...Object.keys(e)],extractOwnKeys=e=>[...Object.getOwnPropertyNames(e),...Object.keys(e)],func_install_prop_reader=(e,o,t,r=!1)=>{if(!o)return;(0,core_define_property.A)(e,"__ngMocks__source",o);const n=extractOwnKeys(e),s=[...extractAllKeys(o),...t];for(const t of s)(r||-1===n.indexOf(t))&&((0,helper_define_property_descriptor.A)(e,t,{get:createPropertyGet(t,e,o),set:createPropertySet(t,e,o)}),n.push(t))},registerTemplateMiddleware=(e,o)=>{const t=(0,core_helpers.He)(e),r={provide:e,useExisting:t};o.providers=[...o.providers||[],r];let n={};try{const t=testing_.TestBed.ngMocksOverrides,{override:s}=t.get(e);n=Object.assign({},s.set),n.providers=n.providers?[...n.providers,r]:o.providers}catch(e){}const s=!0===o.__ngMocksStandalone;((0,func_is_ng_def.p)(e,"c")?core_.Component:core_.Directive)(Object.assign(Object.assign(Object.assign({},o),n),s?{standalone:s}:{}))(t),testing_.TestBed.configureTestingModule({[s?"imports":"declarations"]:[t]})},func_reflect_template=e=>{var o;if(!(0,func_is_ng_def.p)(e,"c")&&!(0,func_is_ng_def.p)(e,"d"))return{};const t=core_reflect_directive_resolve(e),r={};for(const e of Object.keys(t))"standalone"!==e?r[e]=t[e]:(0,core_define_property.A)(r,"__ngMocksStandalone",!!t[e]);return r.selector&&/[\s,[\]]/.test(r.selector)&&(r.selector=""),r.selector||(r.selector=(null===(o=testing_.TestBed.ngMocksSelectors)||void 0===o?void 0:o.get(e))||"",r.selector||(r.selector=`ng-mocks-${e.name}`,registerTemplateMiddleware(e,r),testing_.TestBed.ngMocksSelectors&&testing_.TestBed.ngMocksSelectors.set(e,r.selector))),r},renderDeclaration=(e,o,t)=>{e.point=e.debugElement.children[0]&&"#text"!==e.debugElement.children[0].nativeElement.nodeName&&"#comment"!==e.debugElement.children[0].nativeElement.nodeName?e.debugElement.children[0]:e.debugElement,(0,func_is_ng_def.p)(o,"d")?(0,helper_define_property_descriptor.A)(e.point,"componentInstance",{get:()=>ngMocks.get(e.point,o)}):(0,func_is_ng_def.p)(o,"p")&&(0,helper_define_property_descriptor.A)(e.point,"componentInstance",{get:()=>ngMocks.findInstance(e.point,o)}),tryWhen(!t,(()=>func_install_prop_reader(e.componentInstance,e.point.componentInstance,[])))},renderInjection=(e,o,t)=>{let r;try{r=(0,core_helpers.Ah)(o)}catch(e){if((0,func_is_ng_def.p)(o,"p"))throw new Error([`Cannot render ${(0,func_get_name.A)(o)}.`,"Did you forget to set $implicit param, or add the pipe to providers?","https://ng-mocks.sudo.eu/guides/pipe"].join(" "));throw e}t&&ngMocks.stub(r,t),e.point=(0,mock_service.K)(core_.DebugElement,{childNodes:[],children:[],componentInstance:r,nativeElement:(0,mock_service.K)(HTMLElement)}),func_install_prop_reader(e.componentInstance,e.point.componentInstance,[],!0)},tryWhen=(e,o)=>{if(e)try{o()}catch(e){}},fixtureMessage=["Forgot to flush TestBed?","MockRender cannot be used without a reset after TestBed.get / TestBed.inject / TestBed.createComponent and another MockRender in the same test.","If you want to mock a service before rendering, consider usage of MockRenderFactory or MockInstance.","To flush TestBed, add a call of ngMocks.flushTestBed() before the call of MockRender, or pass `reset: true` to MockRender options."].join(" "),handleFixtureError=e=>{const o=new Error(fixtureMessage);throw(0,core_define_property.A)(o,"parent",e),o},flushTestBed=e=>{const o=ng_mocks_universe.A.global.get("flags"),t=(0,testing_.getTestBed)();e.reset||!t._instantiated&&!t._testModuleRef?ngMocks.flushTestBed():"throw"!==o.onTestBedFlushNeed&&(t._instantiated||t._testModuleRef)&&("warn"===o.onTestBedFlushNeed&&console.warn(fixtureMessage),ngMocks.flushTestBed())},generateFactoryInstall=(e,o)=>()=>{var t;const r=(0,testing_.getTestBed)(),n=(null===(t=r._compiler)||void 0===t?void 0:t.declarations)||r.declarations||r._declarations;if(!n||-1===n.indexOf(e)){flushTestBed(o);try{const o=[];e.providers&&o.push(e.providers),o.push(e),testing_.TestBed.configureTestingModule({declarations:o})}catch(e){handleFixtureError(e)}}},generateFactory=(e,o,t,r)=>{const n=(r,s)=>{n.configureTestBed();const c=testing_.TestBed.createComponent(e);return func_install_prop_reader(c.componentInstance,null!=r?r:{},null!=o?o:[]),(0,core_define_property.A)(c,"ngMocksStackId",ng_mocks_universe.A.global.get("bullet:stack:id")),(void 0===s||s)&&c.detectChanges(),"string"==typeof t||(0,func_is_ng_def.p)(t,"c")||(0,func_is_ng_def.p)(t,"d")||e.tpl&&(0,func_is_ng_def.p)(t,"p")?renderDeclaration(c,t,r):renderInjection(c,t,r),c};return n.declaration=e,n.bindings=o,n.configureTestBed=generateFactoryInstall(e,r),n};function MockRenderFactory(e,o,t={}){func_import_exists(e,"MockRender");const r="string"==typeof e||(0,func_is_ng_def.p)(e,"t")?{}:func_reflect_template(e),n=func_create_wrapper(e,r,o,t),s=generateFactory(n,o,e,t);return"root"!==ng_mocks_stack.current().level&&!1!==t.configureTestBed&&s.configureTestBed(),s}function MockRender(e,o,t=!0){const r=0===arguments.length?"":e,n=o&&"object"==typeof o?Object.keys(o):o,s="boolean"==typeof t?{detectChanges:t}:Object.assign({},t);return MockRenderFactory(r,n,s)(o,s.detectChanges)}var __webpack_exports__IMockBuilder=__webpack_exports__.rX,__webpack_exports__IMockBuilderConfig=__webpack_exports__.HA,__webpack_exports__IMockBuilderConfigAll=__webpack_exports__.Wn,__webpack_exports__IMockBuilderConfigComponent=__webpack_exports__.Me,__webpack_exports__IMockBuilderConfigDirective=__webpack_exports__.I7,__webpack_exports__IMockBuilderConfigModule=__webpack_exports__.tv,__webpack_exports__IMockBuilderExtended=__webpack_exports__.OG,__webpack_exports__IMockBuilderProvider=__webpack_exports__.sF,__webpack_exports__IMockBuilderResult=__webpack_exports__.me,__webpack_exports__LegacyControlValueAccessor=__webpack_exports__.bk,__webpack_exports__Mock=__webpack_exports__.JT,__webpack_exports__MockBuilder=__webpack_exports__._V,__webpack_exports__MockComponent=__webpack_exports__.Am,__webpack_exports__MockComponents=__webpack_exports__.$u,__webpack_exports__MockControlValueAccessor=__webpack_exports__.D2,__webpack_exports__MockDeclaration=__webpack_exports__.dw,__webpack_exports__MockDeclarations=__webpack_exports__.uV,__webpack_exports__MockDirective=__webpack_exports__.Cc,__webpack_exports__MockDirectives=__webpack_exports__.nr,__webpack_exports__MockInstance=__webpack_exports__.Wm,__webpack_exports__MockModule=__webpack_exports__.BN,__webpack_exports__MockPipe=__webpack_exports__.ZJ,__webpack_exports__MockPipes=__webpack_exports__.yI,__webpack_exports__MockProvider=__webpack_exports__.Qo,__webpack_exports__MockProviders=__webpack_exports__.dD,__webpack_exports__MockRender=__webpack_exports__.Ty,__webpack_exports__MockRenderFactory=__webpack_exports__.P0,__webpack_exports__MockReset=__webpack_exports__.mB,__webpack_exports__MockService=__webpack_exports__.KH,__webpack_exports__MockValidator=__webpack_exports__.b6,__webpack_exports__MockedComponent=__webpack_exports__.Je,__webpack_exports__MockedDirective=__webpack_exports__.T4,__webpack_exports__MockedModule=__webpack_exports__.qZ,__webpack_exports__MockedPipe=__webpack_exports__.cm,__webpack_exports__NG_MOCKS=__webpack_exports__.en,__webpack_exports__NG_MOCKS_GUARDS=__webpack_exports__.ZG,__webpack_exports__NG_MOCKS_INTERCEPTORS=__webpack_exports__.rO,__webpack_exports__NG_MOCKS_OVERRIDES=__webpack_exports__.So,__webpack_exports__NG_MOCKS_RESOLVERS=__webpack_exports__.C3,__webpack_exports__NG_MOCKS_ROOT_PROVIDERS=__webpack_exports__.gG,__webpack_exports__NG_MOCKS_TOUCHES=__webpack_exports__.Em,__webpack_exports__getInjection=__webpack_exports__.Ah,__webpack_exports__getMockedNgDefOf=__webpack_exports__.xz,__webpack_exports__getSourceOfMock=__webpack_exports__.VK,__webpack_exports__getTestBedInjection=__webpack_exports__.d5,__webpack_exports__isMockControlValueAccessor=__webpack_exports__.IA,__webpack_exports__isMockNgDef=__webpack_exports__.Bt,__webpack_exports__isMockOf=__webpack_exports__.AW,__webpack_exports__isMockValidator=__webpack_exports__.lt,__webpack_exports__isMockedNgDefOf=__webpack_exports__.Fk,__webpack_exports__isNgDef=__webpack_exports__.pA,__webpack_exports__isNgInjectionToken=__webpack_exports__.SM,__webpack_exports__ngMocks=__webpack_exports__.H5;export{__webpack_exports__IMockBuilder as IMockBuilder,__webpack_exports__IMockBuilderConfig as IMockBuilderConfig,__webpack_exports__IMockBuilderConfigAll as IMockBuilderConfigAll,__webpack_exports__IMockBuilderConfigComponent as IMockBuilderConfigComponent,__webpack_exports__IMockBuilderConfigDirective as IMockBuilderConfigDirective,__webpack_exports__IMockBuilderConfigModule as IMockBuilderConfigModule,__webpack_exports__IMockBuilderExtended as IMockBuilderExtended,__webpack_exports__IMockBuilderProvider as IMockBuilderProvider,__webpack_exports__IMockBuilderResult as IMockBuilderResult,__webpack_exports__LegacyControlValueAccessor as LegacyControlValueAccessor,__webpack_exports__Mock as Mock,__webpack_exports__MockBuilder as MockBuilder,__webpack_exports__MockComponent as MockComponent,__webpack_exports__MockComponents as MockComponents,__webpack_exports__MockControlValueAccessor as MockControlValueAccessor,__webpack_exports__MockDeclaration as MockDeclaration,__webpack_exports__MockDeclarations as MockDeclarations,__webpack_exports__MockDirective as MockDirective,__webpack_exports__MockDirectives as MockDirectives,__webpack_exports__MockInstance as MockInstance,__webpack_exports__MockModule as MockModule,__webpack_exports__MockPipe as MockPipe,__webpack_exports__MockPipes as MockPipes,__webpack_exports__MockProvider as MockProvider,__webpack_exports__MockProviders as MockProviders,__webpack_exports__MockRender as MockRender,__webpack_exports__MockRenderFactory as MockRenderFactory,__webpack_exports__MockReset as MockReset,__webpack_exports__MockService as MockService,__webpack_exports__MockValidator as MockValidator,__webpack_exports__MockedComponent as MockedComponent,__webpack_exports__MockedDirective as MockedDirective,__webpack_exports__MockedModule as MockedModule,__webpack_exports__MockedPipe as MockedPipe,__webpack_exports__NG_MOCKS as NG_MOCKS,__webpack_exports__NG_MOCKS_GUARDS as NG_MOCKS_GUARDS,__webpack_exports__NG_MOCKS_INTERCEPTORS as NG_MOCKS_INTERCEPTORS,__webpack_exports__NG_MOCKS_OVERRIDES as NG_MOCKS_OVERRIDES,__webpack_exports__NG_MOCKS_RESOLVERS as NG_MOCKS_RESOLVERS,__webpack_exports__NG_MOCKS_ROOT_PROVIDERS as NG_MOCKS_ROOT_PROVIDERS,__webpack_exports__NG_MOCKS_TOUCHES as NG_MOCKS_TOUCHES,__webpack_exports__getInjection as getInjection,__webpack_exports__getMockedNgDefOf as getMockedNgDefOf,__webpack_exports__getSourceOfMock as getSourceOfMock,__webpack_exports__getTestBedInjection as getTestBedInjection,__webpack_exports__isMockControlValueAccessor as isMockControlValueAccessor,__webpack_exports__isMockNgDef as isMockNgDef,__webpack_exports__isMockOf as isMockOf,__webpack_exports__isMockValidator as isMockValidator,__webpack_exports__isMockedNgDefOf as isMockedNgDefOf,__webpack_exports__isNgDef as isNgDef,__webpack_exports__isNgInjectionToken as isNgInjectionToken,__webpack_exports__ngMocks as ngMocks};
+ //# sourceMappingURL=index.mjs.map
diff --git a/proxy.conf.mjs b/proxy.conf.mjs
index 9a1ecebc4a3d..53e4497d75ea 100644
--- a/proxy.conf.mjs
+++ b/proxy.conf.mjs
@@ -2,22 +2,23 @@
 export default [
     {
         context: [
-            "/api",
-            "/services",
-            "/management",
-            "/swagger-resources",
-            "/v3/api-docs",
-            "/h2-console",
-            "/auth",
-            "/health",
-            "/public",
-            "/.well-known"
+            "/api/",
+            "/services/",
+            "/management/",
+            "^/management$",
+            "/swagger-resources/",
+            "/v3/api-docs/",
+            "/h2-console/",
+            "/auth/",
+            "/health/",
+            "/public/",
+            "/.well-known/"
         ],
         target: `http://localhost:8080`,
         secure: false
     },
     {
-        context: ["/websocket"],
+        context: ["/websocket/"],
         target: "ws://127.0.0.1:8080",
         ws: true
     }
diff --git a/src/main/webapp/app/account/activate/activate.component.ts b/src/main/webapp/app/account/activate/activate.component.ts
index a05a908b695d..10ec25c6ad93 100644
--- a/src/main/webapp/app/account/activate/activate.component.ts
+++ b/src/main/webapp/app/account/activate/activate.component.ts
@@ -9,7 +9,6 @@ import { TranslateDirective } from 'app/shared/language/translate.directive';
 @Component({
     selector: 'jhi-activate',
     templateUrl: './activate.component.html',
-    standalone: true,
     imports: [TranslateDirective, RouterLink, ArtemisSharedModule],
 })
 export class ActivateComponent implements OnInit {
diff --git a/src/main/webapp/app/account/password-reset/external/external-user-password-reset-modal.component.ts b/src/main/webapp/app/account/password-reset/external/external-user-password-reset-modal.component.ts
index d122291f564d..3b5dd7ed9c7c 100644
--- a/src/main/webapp/app/account/password-reset/external/external-user-password-reset-modal.component.ts
+++ b/src/main/webapp/app/account/password-reset/external/external-user-password-reset-modal.component.ts
@@ -6,7 +6,6 @@ import { ArtemisSharedModule } from 'app/shared/shared.module';
 @Component({
     selector: 'jhi-external-user-password-reset-modal',
     templateUrl: './external-user-password-reset-modal.component.html',
-    standalone: true,
     imports: [TranslateDirective, ArtemisSharedModule],
 })
 export class ExternalUserPasswordResetModalComponent {
diff --git a/src/main/webapp/app/account/password-reset/finish/password-reset-finish.component.ts b/src/main/webapp/app/account/password-reset/finish/password-reset-finish.component.ts
index 35cbb5f0483c..a5aeac5c6e03 100644
--- a/src/main/webapp/app/account/password-reset/finish/password-reset-finish.component.ts
+++ b/src/main/webapp/app/account/password-reset/finish/password-reset-finish.component.ts
@@ -11,7 +11,6 @@ import { ArtemisSharedCommonModule } from 'app/shared/shared-common.module';
 @Component({
     selector: 'jhi-password-reset-finish',
     templateUrl: './password-reset-finish.component.html',
-    standalone: true,
     imports: [TranslateDirective, RouterLink, FormsModule, ReactiveFormsModule, PasswordStrengthBarComponent, ArtemisSharedCommonModule, ArtemisSharedModule],
 })
 export class PasswordResetFinishComponent implements OnInit, AfterViewInit {
diff --git a/src/main/webapp/app/account/password-reset/init/password-reset-init.component.ts b/src/main/webapp/app/account/password-reset/init/password-reset-init.component.ts
index 3e245c20e2b6..5823df8e2f4e 100644
--- a/src/main/webapp/app/account/password-reset/init/password-reset-init.component.ts
+++ b/src/main/webapp/app/account/password-reset/init/password-reset-init.component.ts
@@ -15,7 +15,6 @@ import { ArtemisSharedCommonModule } from 'app/shared/shared-common.module';
 @Component({
     selector: 'jhi-password-reset-init',
     templateUrl: './password-reset-init.component.html',
-    standalone: true,
     imports: [TranslateDirective, FormsModule, ArtemisSharedCommonModule, ArtemisSharedModule],
 })
 export class PasswordResetInitComponent implements OnInit, AfterViewInit {
diff --git a/src/main/webapp/app/account/password/password-strength-bar.component.ts b/src/main/webapp/app/account/password/password-strength-bar.component.ts
index d09537aedab9..c3ae5cf17397 100644
--- a/src/main/webapp/app/account/password/password-strength-bar.component.ts
+++ b/src/main/webapp/app/account/password/password-strength-bar.component.ts
@@ -15,7 +15,6 @@ import { ArtemisSharedModule } from 'app/shared/shared.module';
         </ul>
     </div>`,
     styleUrls: ['password-strength-bar.scss'],
-    standalone: true,
     imports: [TranslateDirective, ArtemisSharedModule],
 })
 export class PasswordStrengthBarComponent {
diff --git a/src/main/webapp/app/account/password/password.component.ts b/src/main/webapp/app/account/password/password.component.ts
index b2a600dd97bb..4b614de2e14a 100644
--- a/src/main/webapp/app/account/password/password.component.ts
+++ b/src/main/webapp/app/account/password/password.component.ts
@@ -12,7 +12,6 @@ import { ArtemisSharedCommonModule } from 'app/shared/shared-common.module';
 @Component({
     selector: 'jhi-password',
     templateUrl: './password.component.html',
-    standalone: true,
     imports: [TranslateDirective, FormsModule, ReactiveFormsModule, PasswordStrengthBarComponent, ArtemisSharedCommonModule, ArtemisSharedModule],
 })
 export class PasswordComponent implements OnInit {
diff --git a/src/main/webapp/app/account/register/register.component.ts b/src/main/webapp/app/account/register/register.component.ts
index 15ea460bfb73..a63fa4ba3901 100644
--- a/src/main/webapp/app/account/register/register.component.ts
+++ b/src/main/webapp/app/account/register/register.component.ts
@@ -15,7 +15,6 @@ import { ArtemisSharedCommonModule } from 'app/shared/shared-common.module';
 @Component({
     selector: 'jhi-register',
     templateUrl: './register.component.html',
-    standalone: true,
     imports: [TranslateDirective, FormsModule, ReactiveFormsModule, PasswordStrengthBarComponent, ArtemisSharedCommonModule, ArtemisSharedModule],
 })
 export class RegisterComponent implements OnInit, AfterViewInit {
diff --git a/src/main/webapp/app/account/settings/settings.component.ts b/src/main/webapp/app/account/settings/settings.component.ts
index 75e9187aa1bf..a6d8c02835b8 100644
--- a/src/main/webapp/app/account/settings/settings.component.ts
+++ b/src/main/webapp/app/account/settings/settings.component.ts
@@ -12,7 +12,6 @@ import { ArtemisSharedModule } from 'app/shared/shared.module';
 @Component({
     selector: 'jhi-settings',
     templateUrl: './settings.component.html',
-    standalone: true,
     imports: [TranslateDirective, FormsModule, ReactiveFormsModule, ArtemisSharedCommonModule, ArtemisSharedModule],
 })
 export class SettingsComponent implements OnInit {
diff --git a/src/main/webapp/app/admin/admin.module.ts b/src/main/webapp/app/admin/admin.module.ts
index 0a236665c96d..c3dff04c1312 100644
--- a/src/main/webapp/app/admin/admin.module.ts
+++ b/src/main/webapp/app/admin/admin.module.ts
@@ -1,5 +1,6 @@
 import { NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
+import { ArtemisFormsModule } from 'app/forms/artemis-forms.module';
 import { adminState } from './admin.route';
 import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { FormDateTimePickerModule } from 'app/shared/date-time-picker/date-time-picker.module';
@@ -56,6 +57,7 @@ const ENTITY_STATES = [...adminState];
         RouterModule.forChild(ENTITY_STATES),
         ArtemisSharedModule,
         FormDateTimePickerModule,
+        ArtemisFormsModule,
         NgxDatatableModule,
         ArtemisDataTableModule,
         ArtemisChartsModule,
@@ -78,8 +80,6 @@ const ENTITY_STATES = [...adminState];
         AdminImportStandardizedCompetenciesComponent,
         BuildAgentSummaryComponent,
         BuildAgentDetailsComponent,
-    ],
-    declarations: [
         AuditsComponent,
         UserManagementComponent,
         UserManagementDetailComponent,
diff --git a/src/main/webapp/app/admin/admin.route.ts b/src/main/webapp/app/admin/admin.route.ts
index 992b20b48c2b..10b4e283d310 100644
--- a/src/main/webapp/app/admin/admin.route.ts
+++ b/src/main/webapp/app/admin/admin.route.ts
@@ -4,23 +4,12 @@ import { userManagementRoute } from 'app/admin/user-management/user-management.r
 import { systemNotificationManagementRoute } from 'app/admin/system-notification-management/system-notification-management.route';
 import { Authority } from 'app/shared/constants/authority.constants';
 import { upcomingExamsAndExercisesRoute } from 'app/admin/upcoming-exams-and-exercises/upcoming-exams-and-exercises.route';
-import { AuditsComponent } from 'app/admin/audits/audits.component';
-import { ConfigurationComponent } from 'app/admin/configuration/configuration.component';
-import { AdminFeatureToggleComponent } from 'app/admin/features/admin-feature-toggle.component';
-import { HealthComponent } from 'app/admin/health/health.component';
-import { LogsComponent } from 'app/admin/logs/logs.component';
-import { StatisticsComponent } from 'app/admin/statistics/statistics.component';
-import { DocsComponent } from 'app/admin/docs/docs.component';
+
 import { organizationMgmtRoute } from 'app/admin/organization-management/organization-management.route';
-import { MetricsComponent } from 'app/admin/metrics/metrics.component';
-import { BuildQueueComponent } from 'app/localci/build-queue/build-queue.component';
+
 import { LocalCIGuard } from 'app/localci/localci-guard.service';
 import { ltiConfigurationRoute } from 'app/admin/lti-configuration/lti-configuration.route';
-import { BuildAgentSummaryComponent } from 'app/localci/build-agents/build-agent-summary/build-agent-summary.component';
-import { StandardizedCompetencyManagementComponent } from 'app/admin/standardized-competencies/standardized-competency-management.component';
-import { BuildAgentDetailsComponent } from 'app/localci/build-agents/build-agent-details/build-agent-details/build-agent-details.component';
-import { AdminImportStandardizedCompetenciesComponent } from 'app/admin/standardized-competencies/import/admin-import-standardized-competencies.component';
-import { CleanupServiceComponent } from 'app/admin/cleanup-service/cleanup-service.component';
+
 import { PendingChangesGuard } from 'app/shared/guard/pending-changes.guard';
 
 export const adminState: Routes = [
@@ -33,7 +22,7 @@ export const adminState: Routes = [
         children: [
             {
                 path: 'audits',
-                component: AuditsComponent,
+                loadComponent: () => import('app/admin/audits/audits.component').then((m) => m.AuditsComponent),
                 data: {
                     pageTitle: 'audits.title',
                     defaultSort: 'auditEventDate,desc',
@@ -41,56 +30,56 @@ export const adminState: Routes = [
             },
             {
                 path: 'configuration',
-                component: ConfigurationComponent,
+                loadComponent: () => import('app/admin/configuration/configuration.component').then((m) => m.ConfigurationComponent),
                 data: {
                     pageTitle: 'configuration.title',
                 },
             },
             {
                 path: 'feature-toggles',
-                component: AdminFeatureToggleComponent,
+                loadComponent: () => import('app/admin/features/admin-feature-toggle.component').then((m) => m.AdminFeatureToggleComponent),
                 data: {
                     pageTitle: 'featureToggles.title',
                 },
             },
             {
                 path: 'health',
-                component: HealthComponent,
+                loadComponent: () => import('app/admin/health/health.component').then((m) => m.HealthComponent),
                 data: {
                     pageTitle: 'health.title',
                 },
             },
             {
                 path: 'logs',
-                component: LogsComponent,
+                loadComponent: () => import('app/admin/logs/logs.component').then((m) => m.LogsComponent),
                 data: {
                     pageTitle: 'logs.title',
                 },
             },
             {
                 path: 'docs',
-                component: DocsComponent,
+                loadComponent: () => import('app/admin/docs/docs.component').then((m) => m.DocsComponent),
                 data: {
                     pageTitle: 'global.menu.admin.apidocs',
                 },
             },
             {
                 path: 'metrics',
-                component: MetricsComponent,
+                loadComponent: () => import('app/admin/metrics/metrics.component').then((m) => m.MetricsComponent),
                 data: {
                     pageTitle: 'metrics.title',
                 },
             },
             {
                 path: 'user-statistics',
-                component: StatisticsComponent,
+                loadComponent: () => import('app/admin/statistics/statistics.component').then((m) => m.StatisticsComponent),
                 data: {
                     pageTitle: 'statistics.title',
                 },
             },
             {
                 path: 'build-queue',
-                component: BuildQueueComponent,
+                loadComponent: () => import('app/localci/build-queue/build-queue.component').then((m) => m.BuildQueueComponent),
                 data: {
                     pageTitle: 'artemisApp.buildQueue.title',
                 },
@@ -98,7 +87,7 @@ export const adminState: Routes = [
             },
             {
                 path: 'build-agents',
-                component: BuildAgentSummaryComponent,
+                loadComponent: () => import('app/localci/build-agents/build-agent-summary/build-agent-summary.component').then((m) => m.BuildAgentSummaryComponent),
                 data: {
                     pageTitle: 'artemisApp.buildAgents.title',
                 },
@@ -106,7 +95,8 @@ export const adminState: Routes = [
             },
             {
                 path: 'build-agents/details',
-                component: BuildAgentDetailsComponent,
+                loadComponent: () =>
+                    import('app/localci/build-agents/build-agent-details/build-agent-details/build-agent-details.component').then((m) => m.BuildAgentDetailsComponent),
                 data: {
                     pageTitle: 'artemisApp.buildAgents.title',
                 },
@@ -114,7 +104,8 @@ export const adminState: Routes = [
             },
             {
                 path: 'standardized-competencies',
-                component: StandardizedCompetencyManagementComponent,
+                loadComponent: () =>
+                    import('app/admin/standardized-competencies/standardized-competency-management.component').then((m) => m.StandardizedCompetencyManagementComponent),
                 data: {
                     pageTitle: 'artemisApp.standardizedCompetency.title',
                 },
@@ -129,7 +120,10 @@ export const adminState: Routes = [
                 children: [
                     {
                         path: 'import',
-                        component: AdminImportStandardizedCompetenciesComponent,
+                        loadComponent: () =>
+                            import('app/admin/standardized-competencies/import/admin-import-standardized-competencies.component').then(
+                                (m) => m.AdminImportStandardizedCompetenciesComponent,
+                            ),
                         data: {
                             pageTitle: 'artemisApp.standardizedCompetency.import.title',
                         },
@@ -153,7 +147,7 @@ export const adminState: Routes = [
             },
             {
                 path: 'cleanup-service',
-                component: CleanupServiceComponent,
+                loadComponent: () => import('app/admin/cleanup-service/cleanup-service.component').then((m) => m.CleanupServiceComponent),
                 data: {
                     pageTitle: 'cleanupService.title',
                 },
diff --git a/src/main/webapp/app/admin/audits/audits.component.ts b/src/main/webapp/app/admin/audits/audits.component.ts
index 7f98a7fbe09f..9422cfc0176a 100644
--- a/src/main/webapp/app/admin/audits/audits.component.ts
+++ b/src/main/webapp/app/admin/audits/audits.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { HttpHeaders, HttpResponse } from '@angular/common/http';
 import { DatePipe } from '@angular/common';
 import { ActivatedRoute, Router } from '@angular/router';
@@ -8,12 +8,26 @@ import { ITEMS_PER_PAGE } from 'app/shared/constants/pagination.constants';
 import { Audit } from './audit.model';
 import { AuditsService } from './audits.service';
 import { faSort } from '@fortawesome/free-solid-svg-icons';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FormsModule } from '@angular/forms';
+import { SortDirective } from 'app/shared/sort/sort.directive';
+import { SortByDirective } from 'app/shared/sort/sort-by.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ItemCountComponent } from 'app/shared/pagination/item-count.component';
+import { NgbPagination } from '@ng-bootstrap/ng-bootstrap';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
 
 @Component({
     selector: 'jhi-audit',
     templateUrl: './audits.component.html',
+    imports: [TranslateDirective, FormsModule, SortDirective, SortByDirective, FaIconComponent, ItemCountComponent, NgbPagination, ArtemisDatePipe],
 })
 export class AuditsComponent implements OnInit {
+    private auditsService = inject(AuditsService);
+    private activatedRoute = inject(ActivatedRoute);
+    private datePipe = inject(DatePipe);
+    private router = inject(Router);
+
     audits?: Audit[];
     fromDate = '';
     predicate!: string;
@@ -31,13 +45,6 @@ export class AuditsComponent implements OnInit {
     // Icon
     faSort = faSort;
 
-    constructor(
-        private auditsService: AuditsService,
-        private activatedRoute: ActivatedRoute,
-        private datePipe: DatePipe,
-        private router: Router,
-    ) {}
-
     ngOnInit(): void {
         this.toDate = this.today();
         this.fromDate = this.previousMonth();
diff --git a/src/main/webapp/app/admin/audits/audits.service.ts b/src/main/webapp/app/admin/audits/audits.service.ts
index cfefe048cf85..e72793f459e4 100644
--- a/src/main/webapp/app/admin/audits/audits.service.ts
+++ b/src/main/webapp/app/admin/audits/audits.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpParams, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { createRequestOption } from 'app/shared/util/request.util';
@@ -6,7 +6,7 @@ import { Audit } from 'app/admin/audits/audit.model';
 
 @Injectable({ providedIn: 'root' })
 export class AuditsService {
-    constructor(private http: HttpClient) {}
+    private http = inject(HttpClient);
 
     query(req: any): Observable<HttpResponse<Audit[]>> {
         const params: HttpParams = createRequestOption(req);
diff --git a/src/main/webapp/app/admin/cleanup-service/cleanup-operation-modal.component.ts b/src/main/webapp/app/admin/cleanup-service/cleanup-operation-modal.component.ts
index be398b021798..34d948f59464 100644
--- a/src/main/webapp/app/admin/cleanup-service/cleanup-operation-modal.component.ts
+++ b/src/main/webapp/app/admin/cleanup-service/cleanup-operation-modal.component.ts
@@ -11,7 +11,6 @@ import { faCheckCircle, faTimes } from '@fortawesome/free-solid-svg-icons';
 @Component({
     selector: 'jhi-cleanup-operation-modal',
     templateUrl: './cleanup-operation-modal.component.html',
-    standalone: true,
     imports: [TranslateDirective, ArtemisSharedModule],
 })
 export class CleanupOperationModalComponent implements OnInit {
diff --git a/src/main/webapp/app/admin/cleanup-service/cleanup-service.component.ts b/src/main/webapp/app/admin/cleanup-service/cleanup-service.component.ts
index 00a6965915d5..5a8d663607e6 100644
--- a/src/main/webapp/app/admin/cleanup-service/cleanup-service.component.ts
+++ b/src/main/webapp/app/admin/cleanup-service/cleanup-service.component.ts
@@ -14,7 +14,6 @@ import { CleanupOperationModalComponent } from 'app/admin/cleanup-service/cleanu
 @Component({
     selector: 'jhi-cleanup-service',
     templateUrl: './cleanup-service.component.html',
-    standalone: true,
     imports: [FormDateTimePickerModule, ArtemisSharedModule, ArtemisSharedComponentModule],
 })
 export class CleanupServiceComponent implements OnInit {
diff --git a/src/main/webapp/app/admin/configuration/configuration.component.ts b/src/main/webapp/app/admin/configuration/configuration.component.ts
index 9888e69646ac..6beb882fab6d 100644
--- a/src/main/webapp/app/admin/configuration/configuration.component.ts
+++ b/src/main/webapp/app/admin/configuration/configuration.component.ts
@@ -1,14 +1,23 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 
 import { ConfigurationService } from './configuration.service';
 import { Bean, PropertySource } from './configuration.model';
 import { faSort } from '@fortawesome/free-solid-svg-icons';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FormsModule } from '@angular/forms';
+import { SortDirective } from 'app/shared/sort/sort.directive';
+import { SortByDirective } from 'app/shared/sort/sort-by.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { JsonPipe, KeyValuePipe } from '@angular/common';
 
 @Component({
     selector: 'jhi-configuration',
     templateUrl: './configuration.component.html',
+    imports: [TranslateDirective, FormsModule, SortDirective, SortByDirective, FaIconComponent, JsonPipe, KeyValuePipe],
 })
 export class ConfigurationComponent implements OnInit {
+    private configurationService = inject(ConfigurationService);
+
     allBeans!: Bean[];
     beans: Bean[] = [];
     beansFilter = '';
@@ -18,8 +27,6 @@ export class ConfigurationComponent implements OnInit {
     // Icons
     faSort = faSort;
 
-    constructor(private configurationService: ConfigurationService) {}
-
     ngOnInit(): void {
         this.configurationService.getBeans().subscribe((beans) => {
             this.allBeans = beans;
diff --git a/src/main/webapp/app/admin/configuration/configuration.service.ts b/src/main/webapp/app/admin/configuration/configuration.service.ts
index 8705370fbf44..7863392edd10 100644
--- a/src/main/webapp/app/admin/configuration/configuration.service.ts
+++ b/src/main/webapp/app/admin/configuration/configuration.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { map } from 'rxjs/operators';
@@ -7,7 +7,7 @@ import { Bean, Beans, ConfigProps, Env, PropertySource } from './configuration.m
 
 @Injectable({ providedIn: 'root' })
 export class ConfigurationService {
-    constructor(private http: HttpClient) {}
+    private http = inject(HttpClient);
 
     getBeans(): Observable<Bean[]> {
         return this.http.get<ConfigProps>('management/configprops').pipe(
diff --git a/src/main/webapp/app/admin/features/admin-feature-toggle.component.ts b/src/main/webapp/app/admin/features/admin-feature-toggle.component.ts
index 185801509cc9..998b8f4aec19 100644
--- a/src/main/webapp/app/admin/features/admin-feature-toggle.component.ts
+++ b/src/main/webapp/app/admin/features/admin-feature-toggle.component.ts
@@ -1,6 +1,7 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { FeatureToggle, FeatureToggleService } from 'app/shared/feature-toggle/feature-toggle.service';
 import { tap } from 'rxjs/operators';
+import { NgxDatatableModule } from '@siemens/ngx-datatable';
 
 type FeatureToggleState = {
     index: number;
@@ -24,11 +25,12 @@ type FeatureToggleState = {
             </ngx-datatable-column>
         </ngx-datatable>
     `,
+    imports: [NgxDatatableModule],
 })
 export class AdminFeatureToggleComponent implements OnInit {
-    public availableToggles: FeatureToggleState[] = [];
+    private featureToggleService = inject(FeatureToggleService);
 
-    constructor(private featureToggleService: FeatureToggleService) {}
+    public availableToggles: FeatureToggleState[] = [];
 
     ngOnInit(): void {
         this.featureToggleService
diff --git a/src/main/webapp/app/admin/health/health-modal.component.ts b/src/main/webapp/app/admin/health/health-modal.component.ts
index 37efaebe3c34..62b69c7e82f2 100644
--- a/src/main/webapp/app/admin/health/health-modal.component.ts
+++ b/src/main/webapp/app/admin/health/health-modal.component.ts
@@ -1,15 +1,19 @@
-import { Component } from '@angular/core';
+import { Component, inject } from '@angular/core';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { HealthDetails, HealthKey } from 'app/admin/health/health.model';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { KeyValuePipe } from '@angular/common';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-health-modal',
     templateUrl: './health-modal.component.html',
+    imports: [TranslateDirective, KeyValuePipe, ArtemisTranslatePipe],
 })
 export class HealthModalComponent {
-    health?: { key: HealthKey; value: HealthDetails };
+    private activeModal = inject(NgbActiveModal);
 
-    constructor(private activeModal: NgbActiveModal) {}
+    health?: { key: HealthKey; value: HealthDetails };
 
     readableValue(value: any): string {
         if (this.health?.key === 'diskSpace') {
diff --git a/src/main/webapp/app/admin/health/health.component.ts b/src/main/webapp/app/admin/health/health.component.ts
index d07c215f787a..f2e3eba43a7a 100644
--- a/src/main/webapp/app/admin/health/health.component.ts
+++ b/src/main/webapp/app/admin/health/health.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { HttpErrorResponse } from '@angular/common/http';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 
@@ -6,23 +6,27 @@ import { HealthService } from './health.service';
 import { HealthModalComponent } from './health-modal.component';
 import { Health, HealthDetails, HealthStatus } from 'app/admin/health/health.model';
 import { faEye, faSync } from '@fortawesome/free-solid-svg-icons';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { KeyValuePipe, NgClass } from '@angular/common';
+import { JhiConnectionStatusComponent } from 'app/shared/connection-status/connection-status.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-health',
     templateUrl: './health.component.html',
+    imports: [TranslateDirective, FaIconComponent, NgClass, JhiConnectionStatusComponent, KeyValuePipe, ArtemisTranslatePipe],
 })
 export class HealthComponent implements OnInit {
+    private modalService = inject(NgbModal);
+    private healthService = inject(HealthService);
+
     health?: Health;
 
     // Icons
     faSync = faSync;
     faEye = faEye;
 
-    constructor(
-        private modalService: NgbModal,
-        private healthService: HealthService,
-    ) {}
-
     ngOnInit() {
         this.refresh();
     }
diff --git a/src/main/webapp/app/admin/health/health.service.ts b/src/main/webapp/app/admin/health/health.service.ts
index b89c85e3d215..d76710012e46 100644
--- a/src/main/webapp/app/admin/health/health.service.ts
+++ b/src/main/webapp/app/admin/health/health.service.ts
@@ -1,16 +1,13 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
+import { Health } from 'app/admin/health/health.model';
 import { Observable } from 'rxjs';
 
 @Injectable({ providedIn: 'root' })
 export class HealthService {
-    separator: string;
+    private http = inject(HttpClient);
 
-    constructor(private http: HttpClient) {
-        this.separator = '.';
-    }
-
-    checkHealth(): Observable<any> {
-        return this.http.get('management/health');
+    checkHealth(): Observable<Health> {
+        return this.http.get<Health>('management/health');
     }
 }
diff --git a/src/main/webapp/app/admin/legal/legal-document-update-routing.module.ts b/src/main/webapp/app/admin/legal/legal-document-update-routing.module.ts
index 3eca238a3e17..5facd71ddbb9 100644
--- a/src/main/webapp/app/admin/legal/legal-document-update-routing.module.ts
+++ b/src/main/webapp/app/admin/legal/legal-document-update-routing.module.ts
@@ -1,13 +1,12 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 
-import { LegalDocumentUpdateComponent } from 'app/admin/legal/legal-document-update.component';
 import { Authority } from 'app/shared/constants/authority.constants';
 
 const routes: Routes = [
     {
         path: '',
-        component: LegalDocumentUpdateComponent,
+        loadComponent: () => import('app/admin/legal/legal-document-update.component').then((m) => m.LegalDocumentUpdateComponent),
         data: {
             authorities: [Authority.ADMIN],
         },
diff --git a/src/main/webapp/app/admin/legal/legal-document-update.component.ts b/src/main/webapp/app/admin/legal/legal-document-update.component.ts
index 63541a0c97dc..53a56df95509 100644
--- a/src/main/webapp/app/admin/legal/legal-document-update.component.ts
+++ b/src/main/webapp/app/admin/legal/legal-document-update.component.ts
@@ -1,20 +1,31 @@
-import { AfterContentChecked, ChangeDetectorRef, Component, OnInit, ViewChild } from '@angular/core';
+import { AfterContentChecked, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core';
 import { faBan, faCheckCircle, faCircleNotch, faExclamationTriangle, faSave } from '@fortawesome/free-solid-svg-icons';
 import { LegalDocumentService } from 'app/shared/service/legal-document.service';
-import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
+import { NgbModal, NgbModalRef, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 import { UnsavedChangesWarningComponent } from 'app/admin/legal/unsaved-changes-warning/unsaved-changes-warning.component';
 import { LegalDocument, LegalDocumentLanguage, LegalDocumentType } from 'app/entities/legal-document.model';
 import { ActivatedRoute } from '@angular/router';
 import { Observable, tap } from 'rxjs';
 import { JhiLanguageHelper } from 'app/core/language/language.helper';
 import { MarkdownEditorHeight, MarkdownEditorMonacoComponent } from 'app/shared/markdown-editor/monaco/markdown-editor-monaco.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ModePickerComponent } from 'app/exercises/shared/mode-picker/mode-picker.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-privacy-statement-update-component',
     styleUrls: ['./legal-document-update.component.scss'],
     templateUrl: './legal-document-update.component.html',
+    imports: [TranslateDirective, MarkdownEditorMonacoComponent, FaIconComponent, NgbTooltip, ModePickerComponent, ArtemisTranslatePipe],
 })
 export class LegalDocumentUpdateComponent implements OnInit, AfterContentChecked {
+    private legalDocumentService = inject(LegalDocumentService);
+    private modalService = inject(NgbModal);
+    private route = inject(ActivatedRoute);
+    private languageHelper = inject(JhiLanguageHelper);
+    private changeDetectorRef = inject(ChangeDetectorRef);
+
     readonly SUPPORTED_LANGUAGES: LegalDocumentLanguage[] = [LegalDocumentLanguage.GERMAN, LegalDocumentLanguage.ENGLISH];
     readonly faBan = faBan;
     readonly faSave = faSave;
@@ -41,14 +52,6 @@ export class LegalDocumentUpdateComponent implements OnInit, AfterContentChecked
     unsavedChangesWarning: NgbModalRef;
     titleKey: string;
 
-    constructor(
-        private legalDocumentService: LegalDocumentService,
-        private modalService: NgbModal,
-        private route: ActivatedRoute,
-        private languageHelper: JhiLanguageHelper,
-        private changeDetectorRef: ChangeDetectorRef,
-    ) {}
-
     ngOnInit() {
         // Tap the URL to determine, if it's the imprint or the privacy statement
         // we need the parent URL, because the imprint and privacy statement are children of the admin component and their path is specified there because they are lazy loaded
diff --git a/src/main/webapp/app/admin/legal/legal-update.module.ts b/src/main/webapp/app/admin/legal/legal-update.module.ts
index 26660839ca8a..460998bbfff6 100644
--- a/src/main/webapp/app/admin/legal/legal-update.module.ts
+++ b/src/main/webapp/app/admin/legal/legal-update.module.ts
@@ -16,7 +16,7 @@ import { LegalDocumentUnsavedChangesWarningModule } from 'app/admin/legal/unsave
         ArtemisMarkdownEditorModule,
         ArtemisModePickerModule,
         LegalDocumentUnsavedChangesWarningModule,
+        LegalDocumentUpdateComponent,
     ],
-    declarations: [LegalDocumentUpdateComponent],
 })
 export class LegalUpdateModule {}
diff --git a/src/main/webapp/app/admin/legal/unsaved-changes-warning/legal-document-unsaved-changes-warning.module.ts b/src/main/webapp/app/admin/legal/unsaved-changes-warning/legal-document-unsaved-changes-warning.module.ts
index 23d07213db6d..4bddb4e7a740 100644
--- a/src/main/webapp/app/admin/legal/unsaved-changes-warning/legal-document-unsaved-changes-warning.module.ts
+++ b/src/main/webapp/app/admin/legal/unsaved-changes-warning/legal-document-unsaved-changes-warning.module.ts
@@ -4,7 +4,6 @@ import { ArtemisSharedComponentModule } from 'app/shared/components/shared-compo
 import { ArtemisSharedCommonModule } from 'app/shared/shared-common.module';
 
 @NgModule({
-    imports: [ArtemisSharedComponentModule, ArtemisSharedCommonModule],
-    declarations: [UnsavedChangesWarningComponent],
+    imports: [ArtemisSharedComponentModule, ArtemisSharedCommonModule, UnsavedChangesWarningComponent],
 })
 export class LegalDocumentUnsavedChangesWarningModule {}
diff --git a/src/main/webapp/app/admin/legal/unsaved-changes-warning/unsaved-changes-warning.component.ts b/src/main/webapp/app/admin/legal/unsaved-changes-warning/unsaved-changes-warning.component.ts
index 3314f37adf15..70f31dd4b621 100644
--- a/src/main/webapp/app/admin/legal/unsaved-changes-warning/unsaved-changes-warning.component.ts
+++ b/src/main/webapp/app/admin/legal/unsaved-changes-warning/unsaved-changes-warning.component.ts
@@ -1,16 +1,20 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, inject } from '@angular/core';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
+import { FormsModule } from '@angular/forms';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ButtonComponent } from 'app/shared/components/button.component';
 
 @Component({
     selector: 'jhi-unsaved-changes-warning',
     templateUrl: './unsaved-changes-warning.component.html',
+    imports: [FormsModule, TranslateDirective, ButtonComponent],
 })
 export class UnsavedChangesWarningComponent {
+    private activeModal = inject(NgbActiveModal);
+
     @Input()
     textMessage: string;
 
-    constructor(private activeModal: NgbActiveModal) {}
-
     /**
      * Closes the modal in which the warning is shown and discards the changes
      *
diff --git a/src/main/webapp/app/admin/logs/logs.component.ts b/src/main/webapp/app/admin/logs/logs.component.ts
index 8f24d4fed3fa..17862729e58c 100644
--- a/src/main/webapp/app/admin/logs/logs.component.ts
+++ b/src/main/webapp/app/admin/logs/logs.component.ts
@@ -1,14 +1,23 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { faSort } from '@fortawesome/free-solid-svg-icons';
 import { Level, Log, LoggersResponse } from 'app/admin/logs/log.model';
 import { LogsService } from 'app/admin/logs/logs.service';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FormsModule } from '@angular/forms';
+import { SortDirective } from 'app/shared/sort/sort.directive';
+import { SortByDirective } from 'app/shared/sort/sort-by.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgClass, SlicePipe } from '@angular/common';
 
 @Component({
     selector: 'jhi-logs',
     templateUrl: './logs.component.html',
     styleUrls: ['./logs.component.scss'],
+    imports: [TranslateDirective, FormsModule, SortDirective, SortByDirective, FaIconComponent, NgClass, SlicePipe],
 })
 export class LogsComponent implements OnInit {
+    private logsService = inject(LogsService);
+
     loggers?: Log[];
     filteredAndOrderedLoggers?: Log[];
     filter = '';
@@ -18,8 +27,6 @@ export class LogsComponent implements OnInit {
     // Icons
     faSort = faSort;
 
-    constructor(private logsService: LogsService) {}
-
     /**
      * Subscribe to the logsService to retrieve all logs
      */
diff --git a/src/main/webapp/app/admin/logs/logs.service.ts b/src/main/webapp/app/admin/logs/logs.service.ts
index 73b2ddd7635e..65f2cf6f26de 100644
--- a/src/main/webapp/app/admin/logs/logs.service.ts
+++ b/src/main/webapp/app/admin/logs/logs.service.ts
@@ -1,11 +1,11 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { Level, LoggersResponse } from './log.model';
 
 @Injectable({ providedIn: 'root' })
 export class LogsService {
-    constructor(private http: HttpClient) {}
+    private http = inject(HttpClient);
 
     changeLevel(name: string, configuredLevel: Level): Observable<any> {
         return this.http.post(`management/loggers/${name}`, { configuredLevel });
diff --git a/src/main/webapp/app/admin/lti-configuration/edit-lti-configuration.component.ts b/src/main/webapp/app/admin/lti-configuration/edit-lti-configuration.component.ts
index 6f65f9c87969..f130ccf06b82 100644
--- a/src/main/webapp/app/admin/lti-configuration/edit-lti-configuration.component.ts
+++ b/src/main/webapp/app/admin/lti-configuration/edit-lti-configuration.component.ts
@@ -2,14 +2,18 @@ import { AlertService } from 'app/core/util/alert.service';
 import { Component, OnInit, inject } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { finalize } from 'rxjs';
-import { FormControl, FormGroup } from '@angular/forms';
+import { FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { faBan, faPlus, faSave } from '@fortawesome/free-solid-svg-icons';
 import { LtiPlatformConfiguration } from 'app/admin/lti-configuration/lti-configuration.model';
 import { LtiConfigurationService } from 'app/admin/lti-configuration/lti-configuration.service';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 @Component({
     selector: 'jhi-edit-lti-configuration',
     templateUrl: './edit-lti-configuration.component.html',
+    imports: [FormsModule, ReactiveFormsModule, TranslateDirective, HelpIconComponent, FaIconComponent],
 })
 export class EditLtiConfigurationComponent implements OnInit {
     private route = inject(ActivatedRoute);
diff --git a/src/main/webapp/app/admin/lti-configuration/lti-configuration.component.ts b/src/main/webapp/app/admin/lti-configuration/lti-configuration.component.ts
index a18fbb8f602c..cf7cbb55d0ea 100644
--- a/src/main/webapp/app/admin/lti-configuration/lti-configuration.component.ts
+++ b/src/main/webapp/app/admin/lti-configuration/lti-configuration.component.ts
@@ -1,5 +1,5 @@
 import { Component, OnInit, inject } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 import { Course } from 'app/entities/course.model';
 import { faExclamationTriangle, faPencilAlt, faPlus, faSort, faTrash, faWrench } from '@fortawesome/free-solid-svg-icons';
 import { LtiPlatformConfiguration } from 'app/admin/lti-configuration/lti-configuration.model';
@@ -11,10 +11,39 @@ import { AlertService } from 'app/core/util/alert.service';
 import { LTI_URLS } from 'app/admin/lti-configuration/lti-configuration.urls';
 import { ITEMS_PER_PAGE } from 'app/shared/constants/pagination.constants';
 import { combineLatest } from 'rxjs';
+import { FormsModule } from '@angular/forms';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgbNav, NgbNavContent, NgbNavItem, NgbNavLink, NgbNavLinkBase, NgbNavOutlet, NgbPagination } from '@ng-bootstrap/ng-bootstrap';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { CopyIconButtonComponent } from 'app/shared/components/copy-icon-button/copy-icon-button.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { SortDirective } from 'app/shared/sort/sort.directive';
+import { SortByDirective } from 'app/shared/sort/sort-by.directive';
+import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
+import { ItemCountComponent } from 'app/shared/pagination/item-count.component';
 
 @Component({
     selector: 'jhi-lti-configuration',
     templateUrl: './lti-configuration.component.html',
+    imports: [
+        FormsModule,
+        TranslateDirective,
+        NgbNav,
+        NgbNavItem,
+        NgbNavLink,
+        NgbNavLinkBase,
+        NgbNavContent,
+        HelpIconComponent,
+        CopyIconButtonComponent,
+        RouterLink,
+        FaIconComponent,
+        SortDirective,
+        SortByDirective,
+        DeleteButtonDirective,
+        ItemCountComponent,
+        NgbPagination,
+        NgbNavOutlet,
+    ],
 })
 export class LtiConfigurationComponent implements OnInit {
     private router = inject(Router);
diff --git a/src/main/webapp/app/admin/lti-configuration/lti-configuration.route.ts b/src/main/webapp/app/admin/lti-configuration/lti-configuration.route.ts
index aa663034e8bf..b4d81dd451d5 100644
--- a/src/main/webapp/app/admin/lti-configuration/lti-configuration.route.ts
+++ b/src/main/webapp/app/admin/lti-configuration/lti-configuration.route.ts
@@ -1,13 +1,12 @@
 import { Routes } from '@angular/router';
-import { LtiConfigurationComponent } from 'app/admin/lti-configuration/lti-configuration.component';
-import { EditLtiConfigurationComponent } from 'app/admin/lti-configuration/edit-lti-configuration.component';
+
 import { Authority } from 'app/shared/constants/authority.constants';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
 
 export const ltiConfigurationRoute: Routes = [
     {
         path: 'lti-configuration',
-        component: LtiConfigurationComponent,
+        loadComponent: () => import('app/admin/lti-configuration/lti-configuration.component').then((m) => m.LtiConfigurationComponent),
         data: {
             pageTitle: 'global.menu.admin.lti',
             defaultSort: 'id,desc',
@@ -21,7 +20,7 @@ export const ltiConfigurationRoute: Routes = [
         children: [
             {
                 path: 'new',
-                component: EditLtiConfigurationComponent,
+                loadComponent: () => import('app/admin/lti-configuration/edit-lti-configuration.component').then((m) => m.EditLtiConfigurationComponent),
                 data: {
                     authorities: [Authority.ADMIN],
                     pageTitle: 'artemisApp.lti.addOrEditLtiPlatform',
@@ -36,7 +35,7 @@ export const ltiConfigurationRoute: Routes = [
                 children: [
                     {
                         path: 'edit',
-                        component: EditLtiConfigurationComponent,
+                        loadComponent: () => import('app/admin/lti-configuration/edit-lti-configuration.component').then((m) => m.EditLtiConfigurationComponent),
                         data: {
                             authorities: [Authority.ADMIN],
                             pageTitle: 'artemisApp.lti.addOrEditLtiPlatform',
diff --git a/src/main/webapp/app/admin/metrics/blocks/jvm-memory/jvm-memory.component.ts b/src/main/webapp/app/admin/metrics/blocks/jvm-memory/jvm-memory.component.ts
index 7c3866f15985..46b8be5cdff0 100644
--- a/src/main/webapp/app/admin/metrics/blocks/jvm-memory/jvm-memory.component.ts
+++ b/src/main/webapp/app/admin/metrics/blocks/jvm-memory/jvm-memory.component.ts
@@ -9,7 +9,6 @@ import { DecimalPipe, KeyValuePipe } from '@angular/common';
     selector: 'jhi-jvm-memory',
     templateUrl: './jvm-memory.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
     imports: [TranslateDirective, NgbProgressbar, DecimalPipe, KeyValuePipe],
 })
 export class JvmMemoryComponent {
diff --git a/src/main/webapp/app/admin/metrics/blocks/jvm-threads/jvm-threads.component.ts b/src/main/webapp/app/admin/metrics/blocks/jvm-threads/jvm-threads.component.ts
index 9a087bdb855b..824ba0fa519b 100644
--- a/src/main/webapp/app/admin/metrics/blocks/jvm-threads/jvm-threads.component.ts
+++ b/src/main/webapp/app/admin/metrics/blocks/jvm-threads/jvm-threads.component.ts
@@ -10,7 +10,6 @@ import { DecimalPipe } from '@angular/common';
     selector: 'jhi-jvm-threads',
     templateUrl: './jvm-threads.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
     imports: [TranslateDirective, NgbProgressbar, DecimalPipe],
 })
 export class JvmThreadsComponent {
diff --git a/src/main/webapp/app/admin/metrics/blocks/metrics-cache/metrics-cache.component.ts b/src/main/webapp/app/admin/metrics/blocks/metrics-cache/metrics-cache.component.ts
index 83b5d464abe8..eb5320fcafde 100644
--- a/src/main/webapp/app/admin/metrics/blocks/metrics-cache/metrics-cache.component.ts
+++ b/src/main/webapp/app/admin/metrics/blocks/metrics-cache/metrics-cache.component.ts
@@ -8,7 +8,6 @@ import { DecimalPipe, KeyValuePipe } from '@angular/common';
     selector: 'jhi-metrics-cache',
     templateUrl: './metrics-cache.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
     imports: [TranslateDirective, DecimalPipe, KeyValuePipe],
 })
 export class MetricsCacheComponent {
diff --git a/src/main/webapp/app/admin/metrics/blocks/metrics-datasource/metrics-datasource.component.ts b/src/main/webapp/app/admin/metrics/blocks/metrics-datasource/metrics-datasource.component.ts
index 7c12eec1f89d..d8ff9cb81260 100644
--- a/src/main/webapp/app/admin/metrics/blocks/metrics-datasource/metrics-datasource.component.ts
+++ b/src/main/webapp/app/admin/metrics/blocks/metrics-datasource/metrics-datasource.component.ts
@@ -8,7 +8,6 @@ import { DecimalPipe } from '@angular/common';
     selector: 'jhi-metrics-datasource',
     templateUrl: './metrics-datasource.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
     imports: [TranslateDirective, DecimalPipe],
 })
 export class MetricsDatasourceComponent {
diff --git a/src/main/webapp/app/admin/metrics/blocks/metrics-endpoints-requests/metrics-endpoints-requests.component.ts b/src/main/webapp/app/admin/metrics/blocks/metrics-endpoints-requests/metrics-endpoints-requests.component.ts
index d4ac3e797630..85653844f7ec 100644
--- a/src/main/webapp/app/admin/metrics/blocks/metrics-endpoints-requests/metrics-endpoints-requests.component.ts
+++ b/src/main/webapp/app/admin/metrics/blocks/metrics-endpoints-requests/metrics-endpoints-requests.component.ts
@@ -6,7 +6,6 @@ import { DecimalPipe, KeyValuePipe } from '@angular/common';
     selector: 'jhi-metrics-endpoints-requests',
     templateUrl: './metrics-endpoints-requests.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
     imports: [DecimalPipe, KeyValuePipe],
 })
 export class MetricsEndpointsRequestsComponent {
diff --git a/src/main/webapp/app/admin/metrics/blocks/metrics-garbagecollector/metrics-garbagecollector.component.ts b/src/main/webapp/app/admin/metrics/blocks/metrics-garbagecollector/metrics-garbagecollector.component.ts
index e6482f229533..5fe766c0ba20 100644
--- a/src/main/webapp/app/admin/metrics/blocks/metrics-garbagecollector/metrics-garbagecollector.component.ts
+++ b/src/main/webapp/app/admin/metrics/blocks/metrics-garbagecollector/metrics-garbagecollector.component.ts
@@ -8,7 +8,6 @@ import { DecimalPipe } from '@angular/common';
     selector: 'jhi-metrics-garbagecollector',
     templateUrl: './metrics-garbagecollector.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
     imports: [TranslateDirective, NgbProgressbar, DecimalPipe],
 })
 export class MetricsGarbageCollectorComponent {
diff --git a/src/main/webapp/app/admin/metrics/blocks/metrics-modal-threads/metrics-modal-threads.component.ts b/src/main/webapp/app/admin/metrics/blocks/metrics-modal-threads/metrics-modal-threads.component.ts
index 202afdafae93..2ef85a0d981a 100644
--- a/src/main/webapp/app/admin/metrics/blocks/metrics-modal-threads/metrics-modal-threads.component.ts
+++ b/src/main/webapp/app/admin/metrics/blocks/metrics-modal-threads/metrics-modal-threads.component.ts
@@ -1,18 +1,17 @@
+import { NgClass } from '@angular/common';
 import { ChangeDetectionStrategy, Component, OnInit, inject } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { faCheck } from '@fortawesome/free-solid-svg-icons';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
-import { Thread, ThreadState } from '../../metrics.model';
 import { TranslateDirective } from 'app/shared/language/translate.directive';
-import { FaIconComponent } from '@fortawesome/angular-fontawesome';
-import { FormsModule } from '@angular/forms';
-import { NgClass } from '@angular/common';
 import { ArtemisSharedCommonModule } from 'app/shared/shared-common.module';
+import { Thread, ThreadState } from '../../metrics.model';
 
 @Component({
     selector: 'jhi-thread-modal',
     templateUrl: './metrics-modal-threads.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
     imports: [TranslateDirective, FaIconComponent, FormsModule, NgClass, ArtemisSharedCommonModule],
 })
 export class MetricsModalThreadsComponent implements OnInit {
diff --git a/src/main/webapp/app/admin/metrics/blocks/metrics-request/metrics-request.component.ts b/src/main/webapp/app/admin/metrics/blocks/metrics-request/metrics-request.component.ts
index bcb58fcb5775..138fa79ecdca 100644
--- a/src/main/webapp/app/admin/metrics/blocks/metrics-request/metrics-request.component.ts
+++ b/src/main/webapp/app/admin/metrics/blocks/metrics-request/metrics-request.component.ts
@@ -9,7 +9,6 @@ import { DecimalPipe, KeyValuePipe } from '@angular/common';
     selector: 'jhi-metrics-request',
     templateUrl: './metrics-request.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
     imports: [TranslateDirective, NgbProgressbar, DecimalPipe, KeyValuePipe],
 })
 export class MetricsRequestComponent {
diff --git a/src/main/webapp/app/admin/metrics/blocks/metrics-system/metrics-system.component.ts b/src/main/webapp/app/admin/metrics/blocks/metrics-system/metrics-system.component.ts
index 358eff4855ff..e55208f186d4 100644
--- a/src/main/webapp/app/admin/metrics/blocks/metrics-system/metrics-system.component.ts
+++ b/src/main/webapp/app/admin/metrics/blocks/metrics-system/metrics-system.component.ts
@@ -7,7 +7,6 @@ import { DatePipe, DecimalPipe } from '@angular/common';
     selector: 'jhi-metrics-system',
     templateUrl: './metrics-system.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
     imports: [NgbProgressbar, DecimalPipe, DatePipe],
 })
 export class MetricsSystemComponent {
diff --git a/src/main/webapp/app/admin/metrics/metrics.component.ts b/src/main/webapp/app/admin/metrics/metrics.component.ts
index 3cbe7f9f4b79..2d0197c67ca8 100644
--- a/src/main/webapp/app/admin/metrics/metrics.component.ts
+++ b/src/main/webapp/app/admin/metrics/metrics.component.ts
@@ -19,7 +19,6 @@ import { MetricsDatasourceComponent } from './blocks/metrics-datasource/metrics-
     selector: 'jhi-metrics',
     templateUrl: './metrics.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
     imports: [
         TranslateDirective,
         FaIconComponent,
diff --git a/src/main/webapp/app/admin/organization-management/organization-count-dto.model.ts b/src/main/webapp/app/admin/organization-management/organization-count-dto.model.ts
index 522200ab572f..a1416ff07c46 100644
--- a/src/main/webapp/app/admin/organization-management/organization-count-dto.model.ts
+++ b/src/main/webapp/app/admin/organization-management/organization-count-dto.model.ts
@@ -2,6 +2,4 @@ export class OrganizationCountDto {
     public organizationId: number;
     public numberOfUsers: number;
     public numberOfCourses: number;
-
-    constructor() {}
 }
diff --git a/src/main/webapp/app/admin/organization-management/organization-management-detail.component.ts b/src/main/webapp/app/admin/organization-management/organization-management-detail.component.ts
index 23f990728773..33b5532f77b7 100644
--- a/src/main/webapp/app/admin/organization-management/organization-management-detail.component.ts
+++ b/src/main/webapp/app/admin/organization-management/organization-management-detail.component.ts
@@ -1,5 +1,5 @@
-import { Component, OnInit, ViewChild } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
+import { Component, OnInit, ViewChild, inject } from '@angular/core';
+import { ActivatedRoute, RouterLink } from '@angular/router';
 import { HttpErrorResponse } from '@angular/common/http';
 import { Organization } from 'app/entities/organization.model';
 import { OrganizationManagementService } from 'app/admin/organization-management/organization-management.service';
@@ -12,6 +12,10 @@ import { iconsAsHTML } from 'app/utils/icons.utils';
 import { UserService } from 'app/core/user/user.service';
 import { DataTableComponent } from 'app/shared/data-table/data-table.component';
 import { faUserSlash } from '@fortawesome/free-solid-svg-icons';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgxDatatableModule } from '@siemens/ngx-datatable';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
 
 const cssClasses = {
     alreadyMember: 'already-member',
@@ -21,8 +25,14 @@ const cssClasses = {
 @Component({
     selector: 'jhi-organization-management-detail',
     templateUrl: './organization-management-detail.component.html',
+    imports: [TranslateDirective, RouterLink, DataTableComponent, NgxDatatableModule, FaIconComponent, DeleteButtonDirective],
 })
 export class OrganizationManagementDetailComponent implements OnInit {
+    private organizationService = inject(OrganizationManagementService);
+    private userService = inject(UserService);
+    private alertService = inject(AlertService);
+    private route = inject(ActivatedRoute);
+
     @ViewChild(DataTableComponent) dataTable: DataTableComponent;
     organization: Organization;
 
@@ -42,13 +52,6 @@ export class OrganizationManagementDetailComponent implements OnInit {
     // Icons
     faUserSlash = faUserSlash;
 
-    constructor(
-        private organizationService: OrganizationManagementService,
-        private userService: UserService,
-        private alertService: AlertService,
-        private route: ActivatedRoute,
-    ) {}
-
     /**
      * Retrieve the organization from the organization management activated route data subscription
      * and get the organization based on its id
diff --git a/src/main/webapp/app/admin/organization-management/organization-management-resolve.service.ts b/src/main/webapp/app/admin/organization-management/organization-management-resolve.service.ts
index 60277e2a3dc0..a9e42b5e99be 100644
--- a/src/main/webapp/app/admin/organization-management/organization-management-resolve.service.ts
+++ b/src/main/webapp/app/admin/organization-management/organization-management-resolve.service.ts
@@ -1,11 +1,11 @@
 import { Organization } from 'app/entities/organization.model';
 import { OrganizationManagementService } from 'app/admin/organization-management/organization-management.service';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ActivatedRouteSnapshot, Resolve } from '@angular/router';
 
 @Injectable({ providedIn: 'root' })
 export class OrganizationManagementResolve implements Resolve<Organization> {
-    constructor(private organizationManagementService: OrganizationManagementService) {}
+    private organizationManagementService = inject(OrganizationManagementService);
 
     resolve(route: ActivatedRouteSnapshot) {
         if (route.params['id']) {
diff --git a/src/main/webapp/app/admin/organization-management/organization-management-update.component.ts b/src/main/webapp/app/admin/organization-management/organization-management-update.component.ts
index 4eace90dca4a..262fb7b30adb 100644
--- a/src/main/webapp/app/admin/organization-management/organization-management-update.component.ts
+++ b/src/main/webapp/app/admin/organization-management/organization-management-update.component.ts
@@ -1,14 +1,22 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { Organization } from 'app/entities/organization.model';
 import { OrganizationManagementService } from 'app/admin/organization-management/organization-management.service';
 import { faBan, faSave } from '@fortawesome/free-solid-svg-icons';
+import { FormsModule } from '@angular/forms';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { CustomPatternValidatorDirective } from 'app/shared/validators/custom-pattern-validator.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 @Component({
     selector: 'jhi-organization-management-update',
     templateUrl: './organization-management-update.component.html',
+    imports: [FormsModule, TranslateDirective, CustomPatternValidatorDirective, FaIconComponent],
 })
 export class OrganizationManagementUpdateComponent implements OnInit {
+    private route = inject(ActivatedRoute);
+    private organizationService = inject(OrganizationManagementService);
+
     organization: Organization;
     isSaving: boolean;
 
@@ -16,11 +24,6 @@ export class OrganizationManagementUpdateComponent implements OnInit {
     faSave = faSave;
     faBan = faBan;
 
-    constructor(
-        private route: ActivatedRoute,
-        private organizationService: OrganizationManagementService,
-    ) {}
-
     /**
      * Enable subscriptions to retrieve the organization based on the activated route on init
      */
diff --git a/src/main/webapp/app/admin/organization-management/organization-management.component.ts b/src/main/webapp/app/admin/organization-management/organization-management.component.ts
index 9711658af330..c6473eebd30d 100644
--- a/src/main/webapp/app/admin/organization-management/organization-management.component.ts
+++ b/src/main/webapp/app/admin/organization-management/organization-management.component.ts
@@ -1,15 +1,22 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { HttpErrorResponse } from '@angular/common/http';
 import { Organization } from 'app/entities/organization.model';
 import { OrganizationManagementService } from 'app/admin/organization-management/organization-management.service';
 import { Subject } from 'rxjs';
 import { faEye, faPlus, faTimes, faWrench } from '@fortawesome/free-solid-svg-icons';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { RouterLink } from '@angular/router';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
 
 @Component({
     selector: 'jhi-organization-management',
     templateUrl: './organization-management.component.html',
+    imports: [TranslateDirective, RouterLink, FaIconComponent, DeleteButtonDirective],
 })
 export class OrganizationManagementComponent implements OnInit {
+    private organizationService = inject(OrganizationManagementService);
+
     organizations: Organization[];
 
     private dialogErrorSource = new Subject<string>();
@@ -21,8 +28,6 @@ export class OrganizationManagementComponent implements OnInit {
     faEye = faEye;
     faWrench = faWrench;
 
-    constructor(private organizationService: OrganizationManagementService) {}
-
     ngOnInit(): void {
         this.organizationService.getOrganizations().subscribe((organizations) => {
             this.organizations = organizations;
diff --git a/src/main/webapp/app/admin/organization-management/organization-management.route.ts b/src/main/webapp/app/admin/organization-management/organization-management.route.ts
index 6cedadd30b4c..a2f68870c6fb 100644
--- a/src/main/webapp/app/admin/organization-management/organization-management.route.ts
+++ b/src/main/webapp/app/admin/organization-management/organization-management.route.ts
@@ -1,13 +1,11 @@
 import { Route } from '@angular/router';
-import { OrganizationManagementComponent } from 'app/admin/organization-management/organization-management.component';
-import { OrganizationManagementUpdateComponent } from 'app/admin/organization-management/organization-management-update.component';
-import { OrganizationManagementDetailComponent } from 'app/admin/organization-management/organization-management-detail.component';
+
 import { OrganizationManagementResolve } from 'app/admin/organization-management/organization-management-resolve.service';
 
 export const organizationMgmtRoute: Route[] = [
     {
         path: 'organization-management',
-        component: OrganizationManagementComponent,
+        loadComponent: () => import('app/admin/organization-management/organization-management.component').then((m) => m.OrganizationManagementComponent),
         data: {
             pageTitle: 'artemisApp.organizationManagement.title',
         },
@@ -20,7 +18,7 @@ export const organizationMgmtRoute: Route[] = [
         children: [
             {
                 path: 'new',
-                component: OrganizationManagementUpdateComponent,
+                loadComponent: () => import('app/admin/organization-management/organization-management-update.component').then((m) => m.OrganizationManagementUpdateComponent),
                 resolve: {
                     organization: OrganizationManagementResolve,
                 },
@@ -30,7 +28,7 @@ export const organizationMgmtRoute: Route[] = [
             },
             {
                 path: ':id',
-                component: OrganizationManagementDetailComponent,
+                loadComponent: () => import('app/admin/organization-management/organization-management-detail.component').then((m) => m.OrganizationManagementDetailComponent),
                 resolve: {
                     organization: OrganizationManagementResolve,
                 },
@@ -50,7 +48,8 @@ export const organizationMgmtRoute: Route[] = [
                 children: [
                     {
                         path: 'edit',
-                        component: OrganizationManagementUpdateComponent,
+                        loadComponent: () =>
+                            import('app/admin/organization-management/organization-management-update.component').then((m) => m.OrganizationManagementUpdateComponent),
                         data: {
                             pageTitle: 'artemisApp.organizationManagement.addOrEditLabel',
                             breadcrumbLabelVariable: 'organization.id',
diff --git a/src/main/webapp/app/admin/organization-management/organization-management.service.ts b/src/main/webapp/app/admin/organization-management/organization-management.service.ts
index f488abe062b3..7b89d23a5ce1 100644
--- a/src/main/webapp/app/admin/organization-management/organization-management.service.ts
+++ b/src/main/webapp/app/admin/organization-management/organization-management.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { Observable, tap } from 'rxjs';
 
@@ -8,14 +8,12 @@ import { EntityTitleService, EntityType } from 'app/shared/layouts/navbar/entity
 
 @Injectable({ providedIn: 'root' })
 export class OrganizationManagementService {
+    private http = inject(HttpClient);
+    private entityTitleService = inject(EntityTitleService);
+
     public resourceUrl = 'api/organizations';
     public adminResourceUrl = 'api/admin/organizations';
 
-    constructor(
-        private http: HttpClient,
-        private entityTitleService: EntityTitleService,
-    ) {}
-
     /**
      * Send GET request to retrieve all organizations
      */
diff --git a/src/main/webapp/app/admin/standardized-competencies/import/admin-import-standardized-competencies.component.ts b/src/main/webapp/app/admin/standardized-competencies/import/admin-import-standardized-competencies.component.ts
index bd63f1306106..5355c7e853f8 100644
--- a/src/main/webapp/app/admin/standardized-competencies/import/admin-import-standardized-competencies.component.ts
+++ b/src/main/webapp/app/admin/standardized-competencies/import/admin-import-standardized-competencies.component.ts
@@ -24,6 +24,7 @@ import { ArtemisSharedComponentModule } from 'app/shared/components/shared-compo
 import { StandardizedCompetencyDetailComponent } from 'app/shared/standardized-competencies/standardized-competency-detail.component';
 import { KnowledgeAreaTreeComponent } from 'app/shared/standardized-competencies/knowledge-area-tree.component';
 import { ArtemisMarkdownModule } from 'app/shared/markdown.module';
+import { NgbCollapse } from '@ng-bootstrap/ng-bootstrap';
 
 interface ImportCount {
     knowledgeAreas: number;
@@ -32,9 +33,16 @@ interface ImportCount {
 
 @Component({
     selector: 'jhi-admin-import-standardized-competencies',
-    standalone: true,
     templateUrl: './admin-import-standardized-competencies.component.html',
-    imports: [ArtemisSharedModule, ArtemisSharedComponentModule, ArtemisMarkdownModule, FontAwesomeModule, StandardizedCompetencyDetailComponent, KnowledgeAreaTreeComponent],
+    imports: [
+        ArtemisSharedModule,
+        ArtemisSharedComponentModule,
+        ArtemisMarkdownModule,
+        FontAwesomeModule,
+        StandardizedCompetencyDetailComponent,
+        KnowledgeAreaTreeComponent,
+        NgbCollapse,
+    ],
 })
 export class AdminImportStandardizedCompetenciesComponent {
     protected isLoading = false;
@@ -60,7 +68,7 @@ export class AdminImportStandardizedCompetenciesComponent {
     protected readonly importExample = `\`\`\`
 {
     "knowledgeAreas": [{
-        "title": "Artifical Intelligence",
+        "title": "Artificial Intelligence",
         "shortTitle": "AI",
         "description": "AI is a field in computer science...", //(optional)
         "competencies": [{
diff --git a/src/main/webapp/app/admin/standardized-competencies/knowledge-area-edit.component.ts b/src/main/webapp/app/admin/standardized-competencies/knowledge-area-edit.component.ts
index 935b8ab26609..0ff068bee384 100644
--- a/src/main/webapp/app/admin/standardized-competencies/knowledge-area-edit.component.ts
+++ b/src/main/webapp/app/admin/standardized-competencies/knowledge-area-edit.component.ts
@@ -1,15 +1,24 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Component, EventEmitter, Input, Output, inject } from '@angular/core';
 import { faBan, faPencil, faPlus, faSave, faTrash } from '@fortawesome/free-solid-svg-icons';
 import { KnowledgeArea, KnowledgeAreaDTO, KnowledgeAreaValidators } from 'app/entities/competency/standardized-competency.model';
 import { ButtonSize, ButtonType } from 'app/shared/components/button.component';
-import { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';
+import { FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
 import { Observable } from 'rxjs';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ButtonComponent } from 'app/shared/components/button.component';
+import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { MarkdownEditorMonacoComponent } from 'app/shared/markdown-editor/monaco/markdown-editor-monaco.component';
+import { HtmlForMarkdownPipe } from 'app/shared/pipes/html-for-markdown.pipe';
 
 @Component({
     selector: 'jhi-knowledge-area-edit',
     templateUrl: './knowledge-area-edit.component.html',
+    imports: [TranslateDirective, ButtonComponent, DeleteButtonDirective, FaIconComponent, FormsModule, ReactiveFormsModule, MarkdownEditorMonacoComponent, HtmlForMarkdownPipe],
 })
 export class KnowledgeAreaEditComponent {
+    private formBuilder = inject(FormBuilder);
+
     // values for the knowledge area select
     @Input() knowledgeAreas: KnowledgeArea[] = [];
     @Input({ required: true }) set knowledgeArea(knowledgeArea: KnowledgeAreaDTO) {
@@ -72,8 +81,6 @@ export class KnowledgeAreaEditComponent {
     protected readonly ButtonType = ButtonType;
     protected readonly validators = KnowledgeAreaValidators;
 
-    constructor(private formBuilder: FormBuilder) {}
-
     save() {
         const updatedValues = this.form.getRawValue();
         const updatedKnowledgeArea: KnowledgeAreaDTO = { ...this.knowledgeArea, ...updatedValues };
@@ -128,7 +135,7 @@ export class KnowledgeAreaEditComponent {
         // if the knowledgeArea is new, no validator is needed.
         if (this.knowledgeArea.id === undefined) {
             // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            return (parentIdControl: FormControl<number | undefined>) => null;
+            return (_parentIdControl: FormControl<number | undefined>) => null;
         }
         return (parentIdControl: FormControl<number | undefined>) => {
             if (parentIdControl.value === undefined) {
diff --git a/src/main/webapp/app/admin/standardized-competencies/standardized-competency-edit.component.ts b/src/main/webapp/app/admin/standardized-competencies/standardized-competency-edit.component.ts
index 8644cbaacffd..d7fdab0f675b 100644
--- a/src/main/webapp/app/admin/standardized-competencies/standardized-competency-edit.component.ts
+++ b/src/main/webapp/app/admin/standardized-competencies/standardized-competency-edit.component.ts
@@ -1,16 +1,36 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Component, EventEmitter, Input, Output, inject } from '@angular/core';
 import { faBan, faPencil, faSave, faTrash } from '@fortawesome/free-solid-svg-icons';
 import { KnowledgeArea, Source, StandardizedCompetencyDTO, StandardizedCompetencyValidators } from 'app/entities/competency/standardized-competency.model';
 import { ButtonSize, ButtonType } from 'app/shared/components/button.component';
-import { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';
+import { FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
 import { CompetencyTaxonomy } from 'app/entities/competency.model';
 import { Observable } from 'rxjs';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ButtonComponent } from 'app/shared/components/button.component';
+import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { MarkdownEditorMonacoComponent } from 'app/shared/markdown-editor/monaco/markdown-editor-monaco.component';
+import { TaxonomySelectComponent } from 'app/course/competencies/taxonomy-select/taxonomy-select.component';
+import { HtmlForMarkdownPipe } from 'app/shared/pipes/html-for-markdown.pipe';
 
 @Component({
     selector: 'jhi-standardized-competency-edit',
     templateUrl: './standardized-competency-edit.component.html',
+    imports: [
+        TranslateDirective,
+        ButtonComponent,
+        DeleteButtonDirective,
+        FaIconComponent,
+        FormsModule,
+        ReactiveFormsModule,
+        MarkdownEditorMonacoComponent,
+        TaxonomySelectComponent,
+        HtmlForMarkdownPipe,
+    ],
 })
 export class StandardizedCompetencyEditComponent {
+    private formBuilder = inject(FormBuilder);
+
     // values for the knowledge area select
     @Input() knowledgeAreas: KnowledgeArea[] = [];
     // values for the source select
@@ -74,8 +94,6 @@ export class StandardizedCompetencyEditComponent {
     protected readonly ButtonType = ButtonType;
     protected readonly validators = StandardizedCompetencyValidators;
 
-    constructor(private formBuilder: FormBuilder) {}
-
     save() {
         const updatedValues = this.form.getRawValue();
         const updatedCompetency: StandardizedCompetencyDTO = { ...this.competency, ...updatedValues };
diff --git a/src/main/webapp/app/admin/standardized-competencies/standardized-competency-management.component.ts b/src/main/webapp/app/admin/standardized-competencies/standardized-competency-management.component.ts
index d23fe7213f6d..1d98957a1225 100644
--- a/src/main/webapp/app/admin/standardized-competencies/standardized-competency-management.component.ts
+++ b/src/main/webapp/app/admin/standardized-competencies/standardized-competency-management.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { faChevronRight, faDownLeftAndUpRightToCenter, faEye, faFileExport, faFileImport, faPlus, faUpRightAndDownLeftFromCenter } from '@fortawesome/free-solid-svg-icons';
 import {
     KnowledgeAreaDTO,
@@ -13,7 +13,7 @@ import { AdminStandardizedCompetencyService } from 'app/admin/standardized-compe
 import { HttpErrorResponse } from '@angular/common/http';
 import { AlertService } from 'app/core/util/alert.service';
 import { Subject, forkJoin, map } from 'rxjs';
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { NgbModal, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 import { ConfirmAutofocusModalComponent } from 'app/shared/components/confirm-autofocus-modal.component';
 import { getIcon } from 'app/entities/competency.model';
 import { ButtonSize, ButtonType } from 'app/shared/components/button.component';
@@ -22,14 +22,44 @@ import { StandardizedCompetencyFilterPageComponent } from 'app/shared/standardiz
 import { ComponentCanDeactivate } from 'app/shared/guard/can-deactivate.model';
 import { StandardizedCompetencyService } from 'app/shared/standardized-competencies/standardized-competency.service';
 import { DocumentationType } from 'app/shared/components/documentation-button/documentation-button.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { DocumentationButtonComponent } from 'app/shared/components/documentation-button/documentation-button.component';
+import { RouterLink } from '@angular/router';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { StandardizedCompetencyFilterComponent } from 'app/shared/standardized-competencies/standardized-competency-filter.component';
+import { ButtonComponent } from 'app/shared/components/button.component';
+import { KnowledgeAreaTreeComponent } from 'app/shared/standardized-competencies/knowledge-area-tree.component';
+import { StandardizedCompetencyEditComponent } from './standardized-competency-edit.component';
+import { KnowledgeAreaEditComponent } from './knowledge-area-edit.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-standardized-competency-management',
     templateUrl: './standardized-competency-management.component.html',
     styleUrls: ['standardized-competency-management.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [
+        TranslateDirective,
+        DocumentationButtonComponent,
+        RouterLink,
+        FaIconComponent,
+        StandardizedCompetencyFilterComponent,
+        ButtonComponent,
+        KnowledgeAreaTreeComponent,
+        NgbTooltip,
+        StandardizedCompetencyEditComponent,
+        KnowledgeAreaEditComponent,
+        ArtemisTranslatePipe,
+    ],
 })
 export class StandardizedCompetencyManagementComponent extends StandardizedCompetencyFilterPageComponent implements OnInit, OnDestroy, ComponentCanDeactivate {
+    private adminStandardizedCompetencyService = inject(AdminStandardizedCompetencyService);
+    private standardizedCompetencyService = inject(StandardizedCompetencyService);
+    private alertService = inject(AlertService);
+    private modalService = inject(NgbModal);
+    private translateService = inject(TranslateService);
+    private changeDetectorRef = inject(ChangeDetectorRef);
+
     protected isLoading = false;
     // true if a competency is getting edited in the detail component
     protected isEditing = false;
@@ -58,17 +88,6 @@ export class StandardizedCompetencyManagementComponent extends StandardizedCompe
     protected readonly getIcon = getIcon;
     readonly documentationType: DocumentationType = 'StandardizedCompetencies';
 
-    constructor(
-        private adminStandardizedCompetencyService: AdminStandardizedCompetencyService,
-        private standardizedCompetencyService: StandardizedCompetencyService,
-        private alertService: AlertService,
-        private modalService: NgbModal,
-        private translateService: TranslateService,
-        private changeDetectorRef: ChangeDetectorRef,
-    ) {
-        super();
-    }
-
     ngOnInit() {
         this.isLoading = true;
         const getKnowledgeAreasObservable = this.standardizedCompetencyService.getAllForTreeView();
diff --git a/src/main/webapp/app/admin/statistics/statistics.component.ts b/src/main/webapp/app/admin/statistics/statistics.component.ts
index ab7543bc028c..b9a3c2d0962f 100644
--- a/src/main/webapp/app/admin/statistics/statistics.component.ts
+++ b/src/main/webapp/app/admin/statistics/statistics.component.ts
@@ -1,9 +1,13 @@
 import { Component } from '@angular/core';
 import { Graphs, SpanType, StatisticsView } from 'app/entities/statistics.model';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { StatisticsGraphComponent } from 'app/shared/statistics-graph/statistics-graph.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-statistics',
     templateUrl: './statistics.component.html',
+    imports: [TranslateDirective, StatisticsGraphComponent, ArtemisTranslatePipe],
 })
 export class StatisticsComponent {
     // html properties
@@ -24,8 +28,6 @@ export class StatisticsComponent {
     currentSpan: SpanType = SpanType.WEEK;
     statisticsView: StatisticsView = StatisticsView.ARTEMIS;
 
-    constructor() {}
-
     onTabChanged(span: SpanType): void {
         this.currentSpan = span;
     }
diff --git a/src/main/webapp/app/admin/system-notification-management/system-notification-management-detail.component.ts b/src/main/webapp/app/admin/system-notification-management/system-notification-management-detail.component.ts
index 05c64dec18e7..9aa7d3a66f4c 100644
--- a/src/main/webapp/app/admin/system-notification-management/system-notification-management-detail.component.ts
+++ b/src/main/webapp/app/admin/system-notification-management/system-notification-management-detail.component.ts
@@ -1,24 +1,26 @@
-import { Component, OnInit } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
+import { Component, OnInit, inject } from '@angular/core';
+import { ActivatedRoute, Router, RouterLink, RouterOutlet } from '@angular/router';
 import { faWrench } from '@fortawesome/free-solid-svg-icons';
 import { SystemNotification } from 'app/entities/system-notification.model';
 import { SystemNotificationService } from 'app/shared/notification/system-notification/system-notification.service';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
 
 @Component({
     selector: 'jhi-system-notification-management-detail',
     templateUrl: './system-notification-management-detail.component.html',
+    imports: [TranslateDirective, RouterLink, FaIconComponent, RouterOutlet, ArtemisDatePipe],
 })
 export class SystemNotificationManagementDetailComponent implements OnInit {
+    private systemNotificationService = inject(SystemNotificationService);
+    private route = inject(ActivatedRoute);
+    private router = inject(Router);
+
     notification: SystemNotification;
     // Icons
     faWrench = faWrench;
 
-    constructor(
-        private systemNotificationService: SystemNotificationService,
-        private route: ActivatedRoute,
-        private router: Router,
-    ) {}
-
     /**
      * Assigns the subscription to system notification service
      */
diff --git a/src/main/webapp/app/admin/system-notification-management/system-notification-management-resolve.service.ts b/src/main/webapp/app/admin/system-notification-management/system-notification-management-resolve.service.ts
index e0741f531f38..37ed2da319b8 100644
--- a/src/main/webapp/app/admin/system-notification-management/system-notification-management-resolve.service.ts
+++ b/src/main/webapp/app/admin/system-notification-management/system-notification-management-resolve.service.ts
@@ -1,5 +1,5 @@
 import { HttpResponse } from '@angular/common/http';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ActivatedRouteSnapshot, Resolve } from '@angular/router';
 import { SystemNotification } from 'app/entities/system-notification.model';
 import { SystemNotificationService } from 'app/shared/notification/system-notification/system-notification.service';
@@ -7,7 +7,7 @@ import { filter, map } from 'rxjs/operators';
 
 @Injectable({ providedIn: 'root' })
 export class SystemNotificationManagementResolve implements Resolve<SystemNotification> {
-    constructor(private service: SystemNotificationService) {}
+    private service = inject(SystemNotificationService);
 
     /**
      * Resolves the route and initializes system notification from id route param
diff --git a/src/main/webapp/app/admin/system-notification-management/system-notification-management-update.component.ts b/src/main/webapp/app/admin/system-notification-management/system-notification-management-update.component.ts
index 75523020fa0d..18ca17c3372c 100644
--- a/src/main/webapp/app/admin/system-notification-management/system-notification-management-update.component.ts
+++ b/src/main/webapp/app/admin/system-notification-management/system-notification-management-update.component.ts
@@ -1,17 +1,27 @@
-import { Component, OnInit } from '@angular/core';
-import { FormControl, FormGroup, Validators } from '@angular/forms';
+import { Component, OnInit, inject } from '@angular/core';
+import { FormControl, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
 import { ActivatedRoute, Router } from '@angular/router';
 import { faBan, faSave } from '@fortawesome/free-solid-svg-icons';
 import { UserService } from 'app/core/user/user.service';
 import { SystemNotification, SystemNotificationType } from 'app/entities/system-notification.model';
 import dayjs from 'dayjs/esm';
 import { AdminSystemNotificationService } from 'app/shared/notification/system-notification/admin-system-notification.service';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FormDateTimePickerComponent } from 'app/shared/date-time-picker/date-time-picker.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-system-notification-management-update',
     templateUrl: './system-notification-management-update.component.html',
+    imports: [FormsModule, ReactiveFormsModule, TranslateDirective, FormDateTimePickerComponent, FaIconComponent, ArtemisTranslatePipe],
 })
 export class SystemNotificationManagementUpdateComponent implements OnInit {
+    private userService = inject(UserService);
+    private systemNotificationService = inject(AdminSystemNotificationService);
+    private route = inject(ActivatedRoute);
+    private router = inject(Router);
+
     notification: SystemNotification;
     isSaving: boolean;
 
@@ -26,13 +36,6 @@ export class SystemNotificationManagementUpdateComponent implements OnInit {
     faSave = faSave;
     faBan = faBan;
 
-    constructor(
-        private userService: UserService,
-        private systemNotificationService: AdminSystemNotificationService,
-        private route: ActivatedRoute,
-        private router: Router,
-    ) {}
-
     /**
      * Loads notification from route data
      */
diff --git a/src/main/webapp/app/admin/system-notification-management/system-notification-management.component.ts b/src/main/webapp/app/admin/system-notification-management/system-notification-management.component.ts
index 89d80d04b471..d6e44743fe9b 100644
--- a/src/main/webapp/app/admin/system-notification-management/system-notification-management.component.ts
+++ b/src/main/webapp/app/admin/system-notification-management/system-notification-management.component.ts
@@ -1,6 +1,6 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { HttpErrorResponse, HttpHeaders, HttpResponse } from '@angular/common/http';
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 import { Subject, Subscription } from 'rxjs';
 import { User } from 'app/core/user/user.model';
 import { AccountService } from 'app/core/auth/account.service';
@@ -14,6 +14,14 @@ import { EventManager } from 'app/core/util/event-manager.service';
 import { ParseLinks } from 'app/core/util/parse-links.service';
 import { faEye, faPlus, faSort, faTimes, faWrench } from '@fortawesome/free-solid-svg-icons';
 import { AdminSystemNotificationService } from 'app/shared/notification/system-notification/admin-system-notification.service';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { SortDirective } from 'app/shared/sort/sort.directive';
+import { SortByDirective } from 'app/shared/sort/sort-by.directive';
+import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
+import { ItemCountComponent } from 'app/shared/pagination/item-count.component';
+import { NgbPagination } from '@ng-bootstrap/ng-bootstrap';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
 
 enum NotificationState {
     SCHEDULED = 'SCHEDULED',
@@ -24,8 +32,18 @@ enum NotificationState {
 @Component({
     selector: 'jhi-system-notification-management',
     templateUrl: './system-notification-management.component.html',
+    imports: [TranslateDirective, RouterLink, FaIconComponent, SortDirective, SortByDirective, DeleteButtonDirective, ItemCountComponent, NgbPagination, ArtemisDatePipe],
 })
 export class SystemNotificationManagementComponent implements OnInit, OnDestroy {
+    private systemNotificationService = inject(SystemNotificationService);
+    private adminSystemNotificationService = inject(AdminSystemNotificationService);
+    private alertService = inject(AlertService);
+    private accountService = inject(AccountService);
+    private parseLinks = inject(ParseLinks);
+    private activatedRoute = inject(ActivatedRoute);
+    private router = inject(Router);
+    private eventManager = inject(EventManager);
+
     readonly SCHEDULED = NotificationState.SCHEDULED;
     readonly ACTIVE = NotificationState.ACTIVE;
     readonly EXPIRED = NotificationState.EXPIRED;
@@ -55,16 +73,7 @@ export class SystemNotificationManagementComponent implements OnInit, OnDestroy
     faEye = faEye;
     faWrench = faWrench;
 
-    constructor(
-        private systemNotificationService: SystemNotificationService,
-        private adminSystemNotificationService: AdminSystemNotificationService,
-        private alertService: AlertService,
-        private accountService: AccountService,
-        private parseLinks: ParseLinks,
-        private activatedRoute: ActivatedRoute,
-        private router: Router,
-        private eventManager: EventManager,
-    ) {
+    constructor() {
         this.routeData = this.activatedRoute.data.subscribe((data) => {
             const pagingParams = data['pagingParams'];
             if (pagingParams) {
diff --git a/src/main/webapp/app/admin/system-notification-management/system-notification-management.route.ts b/src/main/webapp/app/admin/system-notification-management/system-notification-management.route.ts
index 7a5b01f2d107..09ff2defee8a 100644
--- a/src/main/webapp/app/admin/system-notification-management/system-notification-management.route.ts
+++ b/src/main/webapp/app/admin/system-notification-management/system-notification-management.route.ts
@@ -1,13 +1,11 @@
 import { Route } from '@angular/router';
-import { SystemNotificationManagementUpdateComponent } from 'app/admin/system-notification-management/system-notification-management-update.component';
-import { SystemNotificationManagementComponent } from 'app/admin/system-notification-management/system-notification-management.component';
-import { SystemNotificationManagementDetailComponent } from 'app/admin/system-notification-management/system-notification-management-detail.component';
+
 import { SystemNotificationManagementResolve } from 'app/admin/system-notification-management/system-notification-management-resolve.service';
 
 export const systemNotificationManagementRoute: Route[] = [
     {
         path: 'system-notification-management',
-        component: SystemNotificationManagementComponent,
+        loadComponent: () => import('app/admin/system-notification-management/system-notification-management.component').then((m) => m.SystemNotificationManagementComponent),
         data: {
             pageTitle: 'artemisApp.systemNotification.systemNotifications',
             defaultSort: 'id,asc',
@@ -22,14 +20,16 @@ export const systemNotificationManagementRoute: Route[] = [
         children: [
             {
                 path: 'new',
-                component: SystemNotificationManagementUpdateComponent,
+                loadComponent: () =>
+                    import('app/admin/system-notification-management/system-notification-management-update.component').then((m) => m.SystemNotificationManagementUpdateComponent),
                 data: {
                     pageTitle: 'global.generic.create',
                 },
             },
             {
                 path: ':id',
-                component: SystemNotificationManagementDetailComponent,
+                loadComponent: () =>
+                    import('app/admin/system-notification-management/system-notification-management-detail.component').then((m) => m.SystemNotificationManagementDetailComponent),
                 resolve: {
                     notification: SystemNotificationManagementResolve,
                 },
@@ -50,7 +50,10 @@ export const systemNotificationManagementRoute: Route[] = [
                 children: [
                     {
                         path: 'edit',
-                        component: SystemNotificationManagementUpdateComponent,
+                        loadComponent: () =>
+                            import('app/admin/system-notification-management/system-notification-management-update.component').then(
+                                (m) => m.SystemNotificationManagementUpdateComponent,
+                            ),
                         data: {
                             pageTitle: 'global.generic.edit',
                             breadcrumbLabelVariable: '',
diff --git a/src/main/webapp/app/admin/upcoming-exams-and-exercises/upcoming-exams-and-exercises.component.ts b/src/main/webapp/app/admin/upcoming-exams-and-exercises/upcoming-exams-and-exercises.component.ts
index 8855ae1fb047..d1b8ee625bb0 100644
--- a/src/main/webapp/app/admin/upcoming-exams-and-exercises/upcoming-exams-and-exercises.component.ts
+++ b/src/main/webapp/app/admin/upcoming-exams-and-exercises/upcoming-exams-and-exercises.component.ts
@@ -1,29 +1,31 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { HttpResponse } from '@angular/common/http';
 import { EntityArrayResponseType as ExerciseEntityArrayResponseType, ExerciseService } from 'app/exercises/shared/exercise/exercise.service';
 import { Exercise } from 'app/entities/exercise.model';
 import { SortService } from 'app/shared/service/sort.service';
 import { Exam } from 'app/entities/exam/exam.model';
 import { ExamManagementService } from 'app/exam/manage/exam-management.service';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { RouterLink } from '@angular/router';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
 
 @Component({
     selector: 'jhi-upcoming-exams-and-exercises',
     templateUrl: './upcoming-exams-and-exercises.component.html',
     styles: ['.table {table-layout: fixed}'],
+    imports: [TranslateDirective, RouterLink, ArtemisDatePipe],
 })
 export class UpcomingExamsAndExercisesComponent implements OnInit {
+    private exerciseService = inject(ExerciseService);
+    private examManagementService = inject(ExamManagementService);
+    private sortService = inject(SortService);
+
     upcomingExercises: Exercise[] = [];
     upcomingExams: Exam[] = [];
 
     predicate: string;
     reverse: boolean;
 
-    constructor(
-        private exerciseService: ExerciseService,
-        private examManagementService: ExamManagementService,
-        private sortService: SortService,
-    ) {}
-
     ngOnInit(): void {
         this.exerciseService.getUpcomingExercises().subscribe((res: ExerciseEntityArrayResponseType) => {
             this.upcomingExercises = res.body ?? [];
diff --git a/src/main/webapp/app/admin/user-management/delete-users-button.component.ts b/src/main/webapp/app/admin/user-management/delete-users-button.component.ts
index 1a4bfdd17927..1ef962c85b3d 100644
--- a/src/main/webapp/app/admin/user-management/delete-users-button.component.ts
+++ b/src/main/webapp/app/admin/user-management/delete-users-button.component.ts
@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Output, WritableSignal, signal } from '@angular/core';
+import { Component, EventEmitter, Output, WritableSignal, inject, signal } from '@angular/core';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { faEraser } from '@fortawesome/free-solid-svg-icons';
 import { ArtemisSharedModule } from 'app/shared/shared.module';
@@ -16,12 +16,15 @@ import { ArtemisSharedComponentModule } from 'app/shared/components/shared-compo
  * that shows a list of the logins of the users which will be deleted.
  */
 @Component({
-    standalone: true,
     selector: 'jhi-delete-users-button',
     templateUrl: './delete-users-button.component.html',
     imports: [ArtemisSharedModule, ArtemisSharedComponentModule],
 })
 export class DeleteUsersButtonComponent {
+    private adminUserService = inject(AdminUserService);
+    private alertService = inject(AlertService);
+    private deleteDialogService = inject(DeleteDialogService);
+
     @Output() deletionCompleted = new EventEmitter<{ [key: string]: boolean }>();
 
     users: WritableSignal<string[] | undefined> = signal(undefined);
@@ -33,12 +36,6 @@ export class DeleteUsersButtonComponent {
     faEraser = faEraser;
     protected readonly ButtonType = ButtonType;
 
-    constructor(
-        private adminUserService: AdminUserService,
-        private alertService: AlertService,
-        private deleteDialogService: DeleteDialogService,
-    ) {}
-
     /**
      * Load the list of users to user confirmation and delete.
      */
diff --git a/src/main/webapp/app/admin/user-management/user-management-detail.component.ts b/src/main/webapp/app/admin/user-management/user-management-detail.component.ts
index f1393613b9aa..c00a1b42f177 100644
--- a/src/main/webapp/app/admin/user-management/user-management-detail.component.ts
+++ b/src/main/webapp/app/admin/user-management/user-management-detail.component.ts
@@ -1,19 +1,24 @@
-import { Component, OnInit } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
+import { Component, OnInit, inject } from '@angular/core';
+import { ActivatedRoute, RouterLink, RouterOutlet } from '@angular/router';
 import { faWrench } from '@fortawesome/free-solid-svg-icons';
 import { User } from 'app/core/user/user.model';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-user-management-detail',
     templateUrl: './user-management-detail.component.html',
+    imports: [TranslateDirective, RouterLink, FaIconComponent, RouterOutlet, ArtemisDatePipe, ArtemisTranslatePipe],
 })
 export class UserManagementDetailComponent implements OnInit {
+    private route = inject(ActivatedRoute);
+
     user: User;
     // Icons
     faWrench = faWrench;
 
-    constructor(private route: ActivatedRoute) {}
-
     /**
      * Retrieve the user from the user management activated route data subscription
      * and get the user based on the login string
diff --git a/src/main/webapp/app/admin/user-management/user-management-resolve.service.ts b/src/main/webapp/app/admin/user-management/user-management-resolve.service.ts
index 41e76ccc9a75..a0e4dd9396e2 100644
--- a/src/main/webapp/app/admin/user-management/user-management-resolve.service.ts
+++ b/src/main/webapp/app/admin/user-management/user-management-resolve.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ActivatedRouteSnapshot, Resolve } from '@angular/router';
 import { User } from 'app/core/user/user.model';
 import { Observable, of } from 'rxjs';
@@ -6,7 +6,7 @@ import { AdminUserService } from 'app/core/user/admin-user.service';
 
 @Injectable({ providedIn: 'root' })
 export class UserManagementResolve implements Resolve<User> {
-    constructor(private adminUserService: AdminUserService) {}
+    private adminUserService = inject(AdminUserService);
 
     /**
      * Resolve route to find the user before the route is activated
diff --git a/src/main/webapp/app/admin/user-management/user-management-update.component.ts b/src/main/webapp/app/admin/user-management/user-management-update.component.ts
index 2d7e318f9038..3ccd94670076 100644
--- a/src/main/webapp/app/admin/user-management/user-management-update.component.ts
+++ b/src/main/webapp/app/admin/user-management/user-management-update.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { User } from 'app/core/user/user.model';
 import { JhiLanguageHelper } from 'app/core/language/language.helper';
@@ -6,26 +6,64 @@ import { ArtemisNavigationUtilService } from 'app/utils/navigation.utils';
 import { OrganizationManagementService } from 'app/admin/organization-management/organization-management.service';
 import { OrganizationSelectorComponent } from 'app/shared/organization-selector/organization-selector.component';
 import { Organization } from 'app/entities/organization.model';
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { NgbModal, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 import { PASSWORD_MAX_LENGTH, PASSWORD_MIN_LENGTH, USERNAME_MAX_LENGTH, USERNAME_MIN_LENGTH } from 'app/app.constants';
 import { faBan, faSave, faTimes } from '@fortawesome/free-solid-svg-icons';
 import { COMMA, ENTER, TAB } from '@angular/cdk/keycodes';
-import { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';
-import { MatChipInputEvent } from '@angular/material/chips';
-import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
+import { FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
+import { MatChipGrid, MatChipInput, MatChipInputEvent, MatChipRemove, MatChipRow } from '@angular/material/chips';
+import { MatAutocomplete, MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';
 import { AlertService, AlertType } from 'app/core/util/alert.service';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 import { AdminUserService } from 'app/core/user/admin-user.service';
 import { Observable } from 'rxjs';
 import { map, startWith } from 'rxjs/operators';
 import { CourseAdminService } from 'app/course/manage/course-admin.service';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { MatFormField } from '@angular/material/form-field';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { MatOption } from '@angular/material/core';
+import { AsyncPipe } from '@angular/common';
+import { FindLanguageFromKeyPipe } from 'app/shared/language/find-language-from-key.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-user-management-update',
     templateUrl: './user-management-update.component.html',
     styleUrls: ['./user-management-update.component.scss'],
+    imports: [
+        FormsModule,
+        ReactiveFormsModule,
+        TranslateDirective,
+        NgbTooltip,
+        HelpIconComponent,
+        MatFormField,
+        MatChipGrid,
+        MatChipRow,
+        MatChipRemove,
+        FaIconComponent,
+        MatAutocompleteTrigger,
+        MatChipInput,
+        MatAutocomplete,
+        MatOption,
+        AsyncPipe,
+        FindLanguageFromKeyPipe,
+        ArtemisTranslatePipe,
+    ],
 })
 export class UserManagementUpdateComponent implements OnInit {
+    private languageHelper = inject(JhiLanguageHelper);
+    private userService = inject(AdminUserService);
+    private courseAdminService = inject(CourseAdminService);
+    private route = inject(ActivatedRoute);
+    private organizationService = inject(OrganizationManagementService);
+    private modalService = inject(NgbModal);
+    private navigationUtilService = inject(ArtemisNavigationUtilService);
+    private alertService = inject(AlertService);
+    private profileService = inject(ProfileService);
+    private fb = inject(FormBuilder);
+
     readonly USERNAME_MIN_LENGTH = USERNAME_MIN_LENGTH;
     readonly USERNAME_MAX_LENGTH = USERNAME_MAX_LENGTH;
     readonly PASSWORD_MIN_LENGTH = PASSWORD_MIN_LENGTH;
@@ -55,19 +93,6 @@ export class UserManagementUpdateComponent implements OnInit {
     private oldLogin?: string;
     private isJenkins: boolean;
 
-    constructor(
-        private languageHelper: JhiLanguageHelper,
-        private userService: AdminUserService,
-        private courseAdminService: CourseAdminService,
-        private route: ActivatedRoute,
-        private organizationService: OrganizationManagementService,
-        private modalService: NgbModal,
-        private navigationUtilService: ArtemisNavigationUtilService,
-        private alertService: AlertService,
-        private profileService: ProfileService,
-        private fb: FormBuilder,
-    ) {}
-
     /**
      * Enable subscriptions to retrieve the user based on the activated route, all authorities and all languages on init
      */
diff --git a/src/main/webapp/app/admin/user-management/user-management.component.ts b/src/main/webapp/app/admin/user-management/user-management.component.ts
index f7870f5369cf..56e4c06bf76f 100644
--- a/src/main/webapp/app/admin/user-management/user-management.component.ts
+++ b/src/main/webapp/app/admin/user-management/user-management.component.ts
@@ -1,6 +1,6 @@
-import { Component, OnDestroy, OnInit, TemplateRef, ViewChild } from '@angular/core';
+import { Component, OnDestroy, OnInit, TemplateRef, ViewChild, inject } from '@angular/core';
 import { HttpErrorResponse, HttpHeaders, HttpParams, HttpResponse } from '@angular/common/http';
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 import { Subject, Subscription, combineLatest } from 'rxjs';
 import { onError } from 'app/shared/util/global.utils';
 import { User } from 'app/core/user/user.model';
@@ -8,15 +8,28 @@ import { AccountService } from 'app/core/auth/account.service';
 import { AlertService } from 'app/core/util/alert.service';
 import { SortingOrder } from 'app/shared/table/pageable-table';
 import { switchMap, tap } from 'rxjs/operators';
-import { FormControl, FormGroup } from '@angular/forms';
+import { FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { EventManager } from 'app/core/util/event-manager.service';
 import { ASC, DESC, ITEMS_PER_PAGE, SORT } from 'app/shared/constants/pagination.constants';
 import { faEye, faFilter, faPlus, faSort, faTimes, faWrench } from '@fortawesome/free-solid-svg-icons';
 import { LocalStorageService } from 'ngx-webstorage';
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { NgbHighlight, NgbModal, NgbPagination } from '@ng-bootstrap/ng-bootstrap';
 import { ButtonSize, ButtonType } from 'app/shared/components/button.component';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 import { AdminUserService } from 'app/core/user/admin-user.service';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { UsersImportButtonComponent } from 'app/shared/user-import/users-import-button.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { DeleteUsersButtonComponent } from './delete-users-button.component';
+import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
+import { NgClass } from '@angular/common';
+import { SortDirective } from 'app/shared/sort/sort.directive';
+import { SortByDirective } from 'app/shared/sort/sort-by.directive';
+import { ProfilePictureComponent } from 'app/shared/profile-picture/profile-picture.component';
+import { ItemCountComponent } from 'app/shared/pagination/item-count.component';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 export class UserFilter {
     authorityFilter: Set<AuthorityFilter> = new Set();
@@ -86,8 +99,38 @@ type Filter = typeof AuthorityFilter | typeof OriginFilter | typeof StatusFilter
     selector: 'jhi-user-management',
     templateUrl: './user-management.component.html',
     styleUrls: ['./user-management.component.scss'],
+    imports: [
+        TranslateDirective,
+        UsersImportButtonComponent,
+        RouterLink,
+        FaIconComponent,
+        FormsModule,
+        ReactiveFormsModule,
+        DeleteUsersButtonComponent,
+        DeleteButtonDirective,
+        NgClass,
+        SortDirective,
+        SortByDirective,
+        ProfilePictureComponent,
+        NgbHighlight,
+        ItemCountComponent,
+        NgbPagination,
+        HelpIconComponent,
+        ArtemisDatePipe,
+        ArtemisTranslatePipe,
+    ],
 })
 export class UserManagementComponent implements OnInit, OnDestroy {
+    private adminUserService = inject(AdminUserService);
+    private alertService = inject(AlertService);
+    private accountService = inject(AccountService);
+    private activatedRoute = inject(ActivatedRoute);
+    private router = inject(Router);
+    private eventManager = inject(EventManager);
+    private localStorage = inject(LocalStorageService);
+    private modalService = inject(NgbModal);
+    private profileService = inject(ProfileService);
+
     @ViewChild('filterModal') filterModal: TemplateRef<any>;
 
     search = new Subject<void>();
@@ -127,18 +170,6 @@ export class UserManagementComponent implements OnInit, OnDestroy {
     readonly medium = ButtonSize.MEDIUM;
     readonly ButtonType = ButtonType;
 
-    constructor(
-        private adminUserService: AdminUserService,
-        private alertService: AlertService,
-        private accountService: AccountService,
-        private activatedRoute: ActivatedRoute,
-        private router: Router,
-        private eventManager: EventManager,
-        private localStorage: LocalStorageService,
-        private modalService: NgbModal,
-        private profileService: ProfileService,
-    ) {}
-
     /**
      * Retrieves the current user and calls the {@link loadAll} and {@link registerChangeInUsers} methods on init
      */
diff --git a/src/main/webapp/app/admin/user-management/user-management.route.ts b/src/main/webapp/app/admin/user-management/user-management.route.ts
index df2178c4a68b..8c0bec4dd6c6 100644
--- a/src/main/webapp/app/admin/user-management/user-management.route.ts
+++ b/src/main/webapp/app/admin/user-management/user-management.route.ts
@@ -1,13 +1,11 @@
 import { Route } from '@angular/router';
-import { UserManagementDetailComponent } from 'app/admin/user-management/user-management-detail.component';
-import { UserManagementComponent } from 'app/admin/user-management/user-management.component';
-import { UserManagementUpdateComponent } from 'app/admin/user-management/user-management-update.component';
+
 import { UserManagementResolve } from 'app/admin/user-management/user-management-resolve.service';
 
 export const userManagementRoute: Route[] = [
     {
         path: 'user-management',
-        component: UserManagementComponent,
+        loadComponent: () => import('app/admin/user-management/user-management.component').then((m) => m.UserManagementComponent),
         data: {
             pageTitle: 'artemisApp.userManagement.home.title',
             defaultSort: 'id,asc',
@@ -22,7 +20,7 @@ export const userManagementRoute: Route[] = [
         children: [
             {
                 path: 'new',
-                component: UserManagementUpdateComponent,
+                loadComponent: () => import('app/admin/user-management/user-management-update.component').then((m) => m.UserManagementUpdateComponent),
                 resolve: {
                     user: UserManagementResolve,
                 },
@@ -32,7 +30,7 @@ export const userManagementRoute: Route[] = [
             },
             {
                 path: ':login',
-                component: UserManagementDetailComponent,
+                loadComponent: () => import('app/admin/user-management/user-management-detail.component').then((m) => m.UserManagementDetailComponent),
                 resolve: {
                     user: UserManagementResolve,
                 },
@@ -49,7 +47,7 @@ export const userManagementRoute: Route[] = [
                 children: [
                     {
                         path: 'edit',
-                        component: UserManagementUpdateComponent,
+                        loadComponent: () => import('app/admin/user-management/user-management-update.component').then((m) => m.UserManagementUpdateComponent),
                         data: {
                             pageTitle: 'artemisApp.userManagement.home.editLabel',
                         },
diff --git a/src/main/webapp/app/app-routing.module.ts b/src/main/webapp/app/app-routing.module.ts
deleted file mode 100644
index 607fb3a3f6b8..000000000000
--- a/src/main/webapp/app/app-routing.module.ts
+++ /dev/null
@@ -1,198 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
-import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
-import { Authority } from 'app/shared/constants/authority.constants';
-import { navbarRoute } from 'app/shared/layouts/navbar/navbar.route';
-import { errorRoute } from 'app/shared/layouts/error/error.route';
-import { ArtemisNavigationUtilService } from 'app/utils/navigation.utils';
-
-const LAYOUT_ROUTES: Routes = [navbarRoute, ...errorRoute];
-
-@NgModule({
-    imports: [
-        RouterModule.forRoot(
-            [
-                ...LAYOUT_ROUTES,
-                {
-                    path: '',
-                    loadComponent: () => import('./home/home.component').then((m) => m.HomeComponent),
-                    data: {
-                        pageTitle: 'home.title',
-                    },
-                },
-                {
-                    path: 'admin',
-                    loadChildren: () => import('./admin/admin.module').then((m) => m.ArtemisAdminModule),
-                },
-                {
-                    path: 'privacy',
-                    loadChildren: () => import('./core/legal/privacy.module').then((m) => m.ArtemisPrivacyModule),
-                },
-                {
-                    path: 'imprint',
-                    loadChildren: () => import('./core/legal/imprint.module').then((m) => m.ArtemisImprintModule),
-                },
-                {
-                    path: 'about',
-                    loadChildren: () => import('./core/about-us/artemis-about-us.module').then((module) => module.ArtemisAboutUsModule),
-                },
-                // ===== TEAM ====
-                {
-                    path: 'course-management/:courseId/exercises/:exerciseId/teams',
-                    loadChildren: () => import('./exercises/shared/team/team.module').then((m) => m.ArtemisTeamModule),
-                },
-                {
-                    path: 'courses/:courseId/exercises/:exerciseId/teams',
-                    loadChildren: () => import('./exercises/shared/team/team.module').then((m) => m.ArtemisTeamModule),
-                },
-                // ===== ACCOUNT ====
-                {
-                    path: 'account',
-                    children: [
-                        {
-                            path: 'activate',
-                            pathMatch: 'full',
-                            loadComponent: () => import('./account/activate/activate.component').then((m) => m.ActivateComponent),
-                            data: {
-                                pageTitle: 'activate.title',
-                            },
-                        },
-                        {
-                            path: 'password',
-                            pathMatch: 'full',
-                            loadComponent: () => import('./account/password/password.component').then((m) => m.PasswordComponent),
-                            data: {
-                                authorities: [Authority.USER],
-                                pageTitle: 'global.menu.account.password',
-                            },
-                            canActivate: [UserRouteAccessService],
-                        },
-                        {
-                            path: 'reset/finish',
-                            pathMatch: 'full',
-                            loadComponent: () => import('./account/password-reset/finish/password-reset-finish.component').then((m) => m.PasswordResetFinishComponent),
-                            data: {
-                                pageTitle: 'global.menu.account.password',
-                            },
-                        },
-                        {
-                            path: 'reset/request',
-                            pathMatch: 'full',
-                            loadComponent: () => import('./account/password-reset/init/password-reset-init.component').then((m) => m.PasswordResetInitComponent),
-                            data: {
-                                pageTitle: 'global.menu.account.password',
-                            },
-                        },
-                        {
-                            path: 'register',
-                            pathMatch: 'full',
-                            loadComponent: () => import('./account/register/register.component').then((m) => m.RegisterComponent),
-                            data: {
-                                pageTitle: 'register.title',
-                            },
-                        },
-                        {
-                            path: 'settings',
-                            pathMatch: 'full',
-                            loadComponent: () => import('./account/settings/settings.component').then((m) => m.SettingsComponent),
-                            data: {
-                                authorities: [Authority.USER],
-                                pageTitle: 'global.menu.account.settings',
-                            },
-                            canActivate: [UserRouteAccessService],
-                        },
-                    ],
-                },
-                // ===== COURSE MANAGEMENT =====
-                {
-                    path: 'course-management',
-                    loadChildren: () => import('./course/manage/course-management.module').then((m) => m.ArtemisCourseManagementModule),
-                },
-                {
-                    path: 'course-management/:courseId/programming-exercises/:exerciseId/code-editor',
-                    loadChildren: () => import('./exercises/programming/manage/code-editor/code-editor-management.module').then((m) => m.ArtemisCodeEditorManagementModule),
-                },
-                {
-                    path: 'course-management/:courseId/text-exercises/:exerciseId',
-                    loadChildren: () => import('./exercises/text/assess/text-submission-assessment.module').then((m) => m.ArtemisTextSubmissionAssessmentModule),
-                },
-                {
-                    path: 'course-management/:courseId/text-exercises/:exerciseId/example-submissions/:exampleSubmissionId',
-                    loadChildren: () => import('./exercises/text/manage/example-text-submission/example-text-submission.module').then((m) => m.ArtemisExampleTextSubmissionModule),
-                },
-                {
-                    path: 'course-management/:courseId/programming-exercises/:exerciseId',
-                    loadChildren: () =>
-                        import('./exercises/programming/manage/programming-exercise-management-routing.module').then((m) => m.ArtemisProgrammingExerciseManagementRoutingModule),
-                },
-                {
-                    path: 'courses',
-                    loadChildren: () => import('./overview/courses.module').then((m) => m.ArtemisCoursesModule),
-                },
-                {
-                    path: 'course-management/:courseId/lectures/:lectureId/attachments/:attachmentId',
-                    pathMatch: 'full',
-                    loadComponent: () => import('./lecture/pdf-preview/pdf-preview.component').then((m) => m.PdfPreviewComponent),
-                },
-                // ===== GRADING SYSTEM =====
-                {
-                    path: 'courses/:courseId/grading-system',
-                    loadChildren: () => import('./grading-system/grading-system.module').then((m) => m.GradingSystemModule),
-                },
-
-                {
-                    path: 'courses/:courseId/exercises/:exerciseId/problem-statement',
-                    pathMatch: 'full',
-                    loadComponent: () => import('./overview/exercise-details/problem-statement/problem-statement.component').then((m) => m.ProblemStatementComponent),
-                },
-                {
-                    pathMatch: 'full',
-                    path: 'courses/:courseId/exercises/:exerciseId/problem-statement/:participationId',
-                    loadComponent: () => import('./overview/exercise-details/problem-statement/problem-statement.component').then((m) => m.ProblemStatementComponent),
-                },
-                {
-                    path: 'courses/:courseId/exercises/:exerciseId/participations/:participationId/results/:resultId/feedback',
-                    pathMatch: 'full',
-                    loadComponent: () => import('./exercises/shared/feedback/standalone-feedback/standalone-feedback.component').then((m) => m.StandaloneFeedbackComponent),
-                },
-
-                // ===== EXAM =====
-                {
-                    path: 'course-management/:courseId/exams',
-                    loadChildren: () => import('./exam/manage/exam-management.module').then((m) => m.ArtemisExamManagementModule),
-                },
-                {
-                    path: 'courses/:courseId/exams/:examId/grading-system',
-                    loadChildren: () => import('./grading-system/grading-system.module').then((m) => m.GradingSystemModule),
-                },
-                {
-                    path: 'courses/:courseId/exams/:examId/exercises/:exerciseId/repository',
-                    loadChildren: () =>
-                        import('./exercises/programming/participate/programming-repository-routing.module').then((m) => m.ArtemisProgrammingRepositoryRoutingModule),
-                },
-                {
-                    path: 'features',
-                    loadChildren: () => import('./feature-overview/feature-overview.module').then((m) => m.FeatureOverviewModule),
-                },
-                {
-                    path: 'lti',
-                    loadChildren: () => import('./lti/lti.module').then((m) => m.ArtemisLtiModule),
-                },
-                {
-                    path: 'about-iris',
-                    pathMatch: 'full',
-                    loadComponent: () => import('./iris/about-iris/about-iris.component').then((m) => m.AboutIrisComponent),
-                    data: {
-                        pageTitle: 'artemisApp.exerciseChatbot.title',
-                    },
-                },
-            ],
-            { enableTracing: false, onSameUrlNavigation: 'reload' },
-        ),
-    ],
-    exports: [RouterModule],
-})
-export class ArtemisAppRoutingModule {
-    // Ensure the service is initialized before any routing happens
-    constructor(private _: ArtemisNavigationUtilService) {}
-}
diff --git a/src/main/webapp/app/shared/layouts/main/main.component.html b/src/main/webapp/app/app.component.html
similarity index 100%
rename from src/main/webapp/app/shared/layouts/main/main.component.html
rename to src/main/webapp/app/app.component.html
diff --git a/src/main/webapp/app/shared/layouts/main/main.component.scss b/src/main/webapp/app/app.component.scss
similarity index 100%
rename from src/main/webapp/app/shared/layouts/main/main.component.scss
rename to src/main/webapp/app/app.component.scss
diff --git a/src/main/webapp/app/shared/layouts/main/main.component.ts b/src/main/webapp/app/app.component.ts
similarity index 76%
rename from src/main/webapp/app/shared/layouts/main/main.component.ts
rename to src/main/webapp/app/app.component.ts
index 299eebd09926..c09f0685cb86 100644
--- a/src/main/webapp/app/shared/layouts/main/main.component.ts
+++ b/src/main/webapp/app/app.component.ts
@@ -1,32 +1,49 @@
-import { Component, Inject, OnDestroy, OnInit, Renderer2 } from '@angular/core';
-import { ActivatedRouteSnapshot, NavigationEnd, NavigationError, NavigationStart, Router } from '@angular/router';
+import { Component, OnDestroy, OnInit, Renderer2, inject } from '@angular/core';
+import { ActivatedRouteSnapshot, NavigationEnd, NavigationError, NavigationStart, Router, RouterOutlet } from '@angular/router';
 import { JhiLanguageHelper } from 'app/core/language/language.helper';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 import { SentryErrorHandler } from 'app/core/sentry/sentry.error-handler';
 import { ThemeService } from 'app/core/theme/theme.service';
-import { DOCUMENT } from '@angular/common';
+import { DOCUMENT, NgClass, NgStyle } from '@angular/common';
 import { Subscription } from 'rxjs';
 import { ExamParticipationService } from 'app/exam/participate/exam-participation.service';
 import { CourseManagementService } from 'app/course/manage/course-management.service';
 import { LtiService } from 'app/shared/service/lti.service';
+import { AlertOverlayComponent } from './shared/alert/alert-overlay.component';
+import { CdkScrollable } from '@angular/cdk/scrolling';
+import { PageRibbonComponent } from './shared/layouts/profiles/page-ribbon.component';
+import { NotificationPopupComponent } from './shared/notification/notification-popup/notification-popup.component';
+import { FooterComponent } from './shared/layouts/footer/footer.component';
 
 @Component({
-    selector: 'jhi-main',
-    templateUrl: './main.component.html',
-    styleUrls: ['./main.component.scss'],
+    selector: 'jhi-app',
+    templateUrl: './app.component.html',
+    styleUrls: ['./app.component.scss'],
+    imports: [AlertOverlayComponent, CdkScrollable, NgClass, NgStyle, PageRibbonComponent, RouterOutlet, NotificationPopupComponent, FooterComponent],
 })
-export class JhiMainComponent implements OnInit, OnDestroy {
+export class AppComponent implements OnInit, OnDestroy {
+    private jhiLanguageHelper = inject(JhiLanguageHelper);
+    private router = inject(Router);
+    private profileService = inject(ProfileService);
+    private examParticipationService = inject(ExamParticipationService);
+    private sentryErrorHandler = inject(SentryErrorHandler);
+    private themeService = inject(ThemeService);
+    private document = inject<Document>(DOCUMENT);
+    private renderer = inject(Renderer2);
+    private courseService = inject(CourseManagementService);
+    private ltiService = inject(LtiService);
+
+    private profileSubscription: Subscription;
+    private examStartedSubscription: Subscription;
+    private courseOverviewSubscription: Subscription;
+    private testRunSubscription: Subscription;
+    private ltiSubscription: Subscription;
     /**
      * If the footer and header should be shown.
      * Only set to false on specific pages designed for the native Android and iOS applications where the footer and header are not wanted.
      * The decision on whether to show the skeleton or not for a specific route is defined in shouldShowSkeleton.
      */
-    public showSkeleton = true;
-    profileSubscription: Subscription;
-    examStartedSubscription: Subscription;
-    courseOverviewSubscription: Subscription;
-    testRunSubscription: Subscription;
-    ltiSubscription: Subscription;
+    showSkeleton = true;
     isProduction = true;
     isTestServer = false;
     isExamStarted = false;
@@ -34,19 +51,7 @@ export class JhiMainComponent implements OnInit, OnDestroy {
     isCourseOverview = false;
     isShownViaLti = false;
 
-    constructor(
-        private jhiLanguageHelper: JhiLanguageHelper,
-        private router: Router,
-        private profileService: ProfileService,
-        private examParticipationService: ExamParticipationService,
-        private sentryErrorHandler: SentryErrorHandler,
-        private themeService: ThemeService,
-        @Inject(DOCUMENT)
-        private document: Document,
-        private renderer: Renderer2,
-        private courseService: CourseManagementService,
-        private ltiService: LtiService,
-    ) {
+    constructor() {
         this.setupErrorHandling().then(undefined);
     }
 
diff --git a/src/main/webapp/app/app.config.ts b/src/main/webapp/app/app.config.ts
new file mode 100644
index 000000000000..90ee4be97e9f
--- /dev/null
+++ b/src/main/webapp/app/app.config.ts
@@ -0,0 +1,128 @@
+import './polyfills';
+import 'app/shared/util/array.extension';
+import 'app/shared/util/map.extension';
+import 'app/shared/util/string.extension';
+import 'app/core/config/dayjs';
+import { ScrollingModule } from '@angular/cdk/scrolling';
+import { DatePipe } from '@angular/common';
+import { HTTP_INTERCEPTORS, HttpClient, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
+import { ApplicationConfig, ErrorHandler, LOCALE_ID, importProvidersFrom, inject, provideAppInitializer } from '@angular/core';
+import { BrowserModule, Title } from '@angular/platform-browser';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { Router, RouterModule, provideRouter, withRouterConfig } from '@angular/router';
+import { ServiceWorkerModule } from '@angular/service-worker';
+import { NgbDateAdapter } from '@ng-bootstrap/ng-bootstrap';
+import { MissingTranslationHandler, TranslateLoader, TranslateModule } from '@ngx-translate/core';
+import * as Sentry from '@sentry/angular';
+import { TraceService } from '@sentry/angular';
+import routes from 'app/app.routes';
+import { NgbDateDayjsAdapter } from 'app/core/config/datepicker-adapter';
+import { missingTranslationHandler, translatePartialLoader } from 'app/core/config/translation.config';
+import { ArtemisVersionInterceptor, WINDOW_INJECTOR_TOKEN } from 'app/core/interceptor/artemis-version.interceptor';
+import { AuthExpiredInterceptor } from 'app/core/interceptor/auth-expired.interceptor';
+import { BrowserFingerprintInterceptor } from 'app/core/interceptor/browser-fingerprint.interceptor.service';
+import { ErrorHandlerInterceptor } from 'app/core/interceptor/errorhandler.interceptor';
+import { NotificationInterceptor } from 'app/core/interceptor/notification.interceptor';
+import { SentryErrorHandler } from 'app/core/sentry/sentry.error-handler';
+import { GuidedTourModule } from 'app/guided-tour/guided-tour.module';
+import { ArtemisSharedComponentModule } from 'app/shared/components/shared-component.module';
+import { LoadingNotificationInterceptor } from 'app/shared/notification/loading-notification/loading-notification.interceptor';
+import { OrionConnectorService } from 'app/shared/orion/orion-connector.service';
+import { ArtemisSharedModule } from 'app/shared/shared.module';
+import { UserSettingsModule } from 'app/shared/user-settings/user-settings.module';
+import { ArtemisNavigationUtilService } from 'app/utils/navigation.utils';
+import { provideNgxWebstorage, withLocalStorage, withNgxWebstorageConfig, withSessionStorage } from 'ngx-webstorage';
+
+export function initOrionConnector(connector: OrionConnectorService) {
+    return () => OrionConnectorService.initConnector(connector);
+}
+
+export const appConfig: ApplicationConfig = {
+    providers: [
+        importProvidersFrom(
+            // TODO: we should exclude modules here in the future
+            ArtemisSharedComponentModule,
+            ArtemisSharedModule,
+            BrowserAnimationsModule,
+            BrowserModule,
+            GuidedTourModule,
+            RouterModule,
+            ScrollingModule,
+            UserSettingsModule,
+            TranslateModule.forRoot({
+                loader: {
+                    provide: TranslateLoader,
+                    useFactory: translatePartialLoader,
+                    deps: [HttpClient],
+                },
+                missingTranslationHandler: {
+                    provide: MissingTranslationHandler,
+                    useFactory: missingTranslationHandler,
+                },
+            }),
+        ),
+
+        // TODO: we should add withComponentInputBinding here
+        //  this would set non-route inputs to undefined, which not all components can handle, currently
+        //  see https://angular.dev/api/router/withComponentInputBinding?tab=usage-notes
+        //  provideRouter(routes, withComponentInputBinding(), withRouterConfig({ onSameUrlNavigation: 'reload' })),
+        provideRouter(routes, withRouterConfig({ onSameUrlNavigation: 'reload' })),
+        // This enables service worker (PWA)
+        importProvidersFrom(ServiceWorkerModule.register('ngsw-worker.js', { enabled: true })),
+        provideHttpClient(withInterceptorsFromDi()),
+        provideNgxWebstorage(withNgxWebstorageConfig({ prefix: 'jhi', separator: '-' }), withLocalStorage(), withSessionStorage()),
+        Title,
+        { provide: LOCALE_ID, useValue: 'en' },
+        { provide: NgbDateAdapter, useClass: NgbDateDayjsAdapter },
+        { provide: Sentry.TraceService, deps: [Router] },
+        { provide: ErrorHandler, useClass: SentryErrorHandler },
+        { provide: WINDOW_INJECTOR_TOKEN, useValue: window },
+        DatePipe,
+        provideAppInitializer(() => {
+            inject(TraceService);
+            // Ensure the service is initialized before any routing happens
+            inject(ArtemisNavigationUtilService);
+            // Required, otherwise Orion will not work at all
+            initOrionConnector(inject(OrionConnectorService));
+        }),
+        /**
+         * @description Interceptor declarations:
+         * Interceptors are located at 'blocks/interceptor/.
+         * All of them implement the HttpInterceptor interface.
+         * They can be used to modify API calls or trigger additional function calls.
+         * Most interceptors will transform the outgoing request before passing it to
+         * the next interceptor in the chain, by calling next.handle(transformedReq).
+         * Documentation: https://angular.io/api/common/http/HttpInterceptor
+         */
+        {
+            provide: HTTP_INTERCEPTORS,
+            useClass: AuthExpiredInterceptor,
+            multi: true,
+        },
+        {
+            provide: HTTP_INTERCEPTORS,
+            useClass: ErrorHandlerInterceptor,
+            multi: true,
+        },
+        {
+            provide: HTTP_INTERCEPTORS,
+            useClass: BrowserFingerprintInterceptor,
+            multi: true,
+        },
+        {
+            provide: HTTP_INTERCEPTORS,
+            useClass: NotificationInterceptor,
+            multi: true,
+        },
+        {
+            provide: HTTP_INTERCEPTORS,
+            useClass: LoadingNotificationInterceptor,
+            multi: true,
+        },
+        {
+            provide: HTTP_INTERCEPTORS,
+            useClass: ArtemisVersionInterceptor,
+            multi: true,
+        },
+    ],
+};
diff --git a/src/main/webapp/app/app.main.ts b/src/main/webapp/app/app.main.ts
index 1c2b479d3a8a..cf1c49919310 100644
--- a/src/main/webapp/app/app.main.ts
+++ b/src/main/webapp/app/app.main.ts
@@ -1,16 +1,42 @@
-import './polyfills';
-import 'app/shared/util/array.extension';
-import 'app/shared/util/map.extension';
-import 'app/shared/util/string.extension';
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-import { ProdConfig } from './core/config/prod.config';
-import { ArtemisAppModule } from './app.module';
+import { bootstrapApplication } from '@angular/platform-browser';
+import { appConfig } from 'app/app.config';
 import { MonacoConfig } from 'app/core/config/monaco.config';
+import { ProdConfig } from 'app/core/config/prod.config';
+import { JhiLanguageHelper } from 'app/core/language/language.helper';
+import { artemisIconPack } from 'app/icons/icons';
+import { AppComponent } from './app.component';
+import { FaIconLibrary } from '@fortawesome/angular-fontawesome';
+import isMobile from 'ismobilejs-es5';
+import { registerLocaleData } from '@angular/common';
+import locale from '@angular/common/locales/en';
+import dayjs from 'dayjs/esm';
+import { NgbDatepickerConfig, NgbTooltipConfig } from '@ng-bootstrap/ng-bootstrap';
+import { TranslateService } from '@ngx-translate/core';
+import { SessionStorageService } from 'ngx-webstorage';
 
 ProdConfig();
 MonacoConfig();
 
-platformBrowserDynamic()
-    .bootstrapModule(ArtemisAppModule, { preserveWhitespaces: true })
-    .then(() => {})
+bootstrapApplication(AppComponent, appConfig)
+    .then((app) => {
+        // TODO: potentially move this code into AppComponent
+        const library = app.injector.get(FaIconLibrary);
+        library.addIconPacks(artemisIconPack);
+        const dpConfig = app.injector.get(NgbDatepickerConfig);
+        const tooltipConfig = app.injector.get(NgbTooltipConfig);
+        const translateService = app.injector.get(TranslateService);
+        const languageHelper = app.injector.get(JhiLanguageHelper);
+        const sessionStorageService = app.injector.get(SessionStorageService);
+
+        // Perform initialization logic
+        registerLocaleData(locale);
+        dpConfig.minDate = { year: dayjs().subtract(100, 'year').year(), month: 1, day: 1 };
+        translateService.setDefaultLang('en');
+        const languageKey = sessionStorageService.retrieve('locale') || languageHelper.determinePreferredLanguage();
+        translateService.use(languageKey);
+        tooltipConfig.container = 'body';
+        if (isMobile(window.navigator.userAgent).any ?? false) {
+            tooltipConfig.disableTooltip = true;
+        }
+    })
     .catch((err) => console.error(err));
diff --git a/src/main/webapp/app/app.module.ts b/src/main/webapp/app/app.module.ts
deleted file mode 100644
index 1e43beff4fc1..000000000000
--- a/src/main/webapp/app/app.module.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-import { NgModule } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-import { ServiceWorkerModule } from '@angular/service-worker';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { ArtemisSystemNotificationModule } from 'app/shared/notification/system-notification/system-notification.module';
-import { NavbarComponent } from 'app/shared/layouts/navbar/navbar.component';
-import { NotificationSidebarComponent } from 'app/shared/notification/notification-sidebar/notification-sidebar.component';
-import { PageRibbonComponent } from 'app/shared/layouts/profiles/page-ribbon.component';
-import { ArtemisHeaderExercisePageWithDetailsModule } from 'app/exercises/shared/exercise-headers/exercise-headers.module';
-import { SystemNotificationComponent } from 'app/shared/notification/system-notification/system-notification.component';
-import { ArtemisAppRoutingModule } from 'app/app-routing.module';
-import { JhiMainComponent } from 'app/shared/layouts/main/main.component';
-import { ArtemisSharedModule } from 'app/shared/shared.module';
-import { FooterComponent } from 'app/shared/layouts/footer/footer.component';
-import { ActiveMenuDirective } from 'app/shared/layouts/navbar/active-menu.directive';
-import { ErrorComponent } from 'app/shared/layouts/error/error.component';
-import { ArtemisCoreModule } from 'app/core/core.module';
-import { GuidedTourModule } from 'app/guided-tour/guided-tour.module';
-import { ArtemisComplaintsModule } from 'app/complaints/complaints.module';
-import { OrionOutdatedComponent } from 'app/shared/orion/outdated-plugin-warning/orion-outdated.component';
-import { LoadingNotificationComponent } from 'app/shared/notification/loading-notification/loading-notification.component';
-import { NotificationPopupComponent } from 'app/shared/notification/notification-popup/notification-popup.component';
-import { UserSettingsModule } from 'app/shared/user-settings/user-settings.module';
-import { ThemeSwitchComponent } from 'app/core/theme/theme-switch.component';
-import { ArtemisSharedComponentModule } from 'app/shared/components/shared-component.module';
-import { FaIconLibrary } from '@fortawesome/angular-fontawesome';
-import { artemisIconPack } from 'src/main/webapp/content/icons/icons';
-import { ScrollingModule } from '@angular/cdk/scrolling';
-
-// NOTE: this module should only include the most important modules for normal users, all course management, admin and account functionality should be lazy loaded if possible
-@NgModule({
-    imports: [
-        BrowserModule,
-        BrowserAnimationsModule,
-        // This enables service worker (PWA)
-        ServiceWorkerModule.register('ngsw-worker.js', { enabled: true }),
-        ArtemisSharedModule,
-        ArtemisCoreModule,
-        ArtemisAppRoutingModule,
-        GuidedTourModule,
-        ArtemisSystemNotificationModule,
-        ArtemisComplaintsModule,
-        ArtemisHeaderExercisePageWithDetailsModule,
-        UserSettingsModule,
-        ThemeSwitchComponent,
-        ArtemisSharedComponentModule,
-        ScrollingModule,
-    ],
-    declarations: [
-        JhiMainComponent,
-        NavbarComponent,
-        ErrorComponent,
-        OrionOutdatedComponent,
-        PageRibbonComponent,
-        ActiveMenuDirective,
-        FooterComponent,
-        NotificationPopupComponent,
-        NotificationSidebarComponent,
-        SystemNotificationComponent,
-        LoadingNotificationComponent,
-    ],
-    bootstrap: [JhiMainComponent],
-})
-export class ArtemisAppModule {
-    constructor(library: FaIconLibrary) {
-        library.addIconPacks(artemisIconPack);
-    }
-}
diff --git a/src/main/webapp/app/app.routes.ts b/src/main/webapp/app/app.routes.ts
new file mode 100644
index 000000000000..214a653bf01c
--- /dev/null
+++ b/src/main/webapp/app/app.routes.ts
@@ -0,0 +1,185 @@
+import { Routes } from '@angular/router';
+import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
+import { Authority } from 'app/shared/constants/authority.constants';
+import { navbarRoute } from 'app/shared/layouts/navbar/navbar.route';
+import { errorRoute } from 'app/shared/layouts/error/error.route';
+
+const LAYOUT_ROUTES: Routes = [navbarRoute, ...errorRoute];
+
+const routes: Routes = [
+    ...LAYOUT_ROUTES,
+    {
+        path: '',
+        loadComponent: () => import('./home/home.component').then((m) => m.HomeComponent),
+        data: {
+            pageTitle: 'home.title',
+        },
+    },
+    {
+        path: 'admin',
+        loadChildren: () => import('./admin/admin.module').then((m) => m.ArtemisAdminModule),
+    },
+    {
+        path: 'privacy',
+        loadChildren: () => import('./core/legal/privacy.module').then((m) => m.ArtemisPrivacyModule),
+    },
+    {
+        path: 'imprint',
+        loadChildren: () => import('./core/legal/imprint.module').then((m) => m.ArtemisImprintModule),
+    },
+    {
+        path: 'about',
+        loadChildren: () => import('./core/about-us/artemis-about-us.module').then((module) => module.ArtemisAboutUsModule),
+    },
+    // ===== TEAM ====
+    {
+        path: 'course-management/:courseId/exercises/:exerciseId/teams',
+        loadChildren: () => import('./exercises/shared/team/team.module').then((m) => m.ArtemisTeamModule),
+    },
+    {
+        path: 'courses/:courseId/exercises/:exerciseId/teams',
+        loadChildren: () => import('./exercises/shared/team/team.module').then((m) => m.ArtemisTeamModule),
+    },
+    // ===== ACCOUNT ====
+    {
+        path: 'account',
+        children: [
+            {
+                path: 'activate',
+                pathMatch: 'full',
+                loadComponent: () => import('./account/activate/activate.component').then((m) => m.ActivateComponent),
+                data: {
+                    pageTitle: 'activate.title',
+                },
+            },
+            {
+                path: 'password',
+                pathMatch: 'full',
+                loadComponent: () => import('./account/password/password.component').then((m) => m.PasswordComponent),
+                data: {
+                    authorities: [Authority.USER],
+                    pageTitle: 'global.menu.account.password',
+                },
+                canActivate: [UserRouteAccessService],
+            },
+            {
+                path: 'reset/finish',
+                pathMatch: 'full',
+                loadComponent: () => import('./account/password-reset/finish/password-reset-finish.component').then((m) => m.PasswordResetFinishComponent),
+                data: {
+                    pageTitle: 'global.menu.account.password',
+                },
+            },
+            {
+                path: 'reset/request',
+                pathMatch: 'full',
+                loadComponent: () => import('./account/password-reset/init/password-reset-init.component').then((m) => m.PasswordResetInitComponent),
+                data: {
+                    pageTitle: 'global.menu.account.password',
+                },
+            },
+            {
+                path: 'register',
+                pathMatch: 'full',
+                loadComponent: () => import('./account/register/register.component').then((m) => m.RegisterComponent),
+                data: {
+                    pageTitle: 'register.title',
+                },
+            },
+            {
+                path: 'settings',
+                pathMatch: 'full',
+                loadComponent: () => import('./account/settings/settings.component').then((m) => m.SettingsComponent),
+                data: {
+                    authorities: [Authority.USER],
+                    pageTitle: 'global.menu.account.settings',
+                },
+                canActivate: [UserRouteAccessService],
+            },
+        ],
+    },
+    // ===== COURSE MANAGEMENT =====
+    {
+        path: 'course-management',
+        loadChildren: () => import('./course/manage/course-management.module').then((m) => m.ArtemisCourseManagementModule),
+    },
+    {
+        path: 'course-management/:courseId/programming-exercises/:exerciseId/code-editor',
+        loadChildren: () => import('./exercises/programming/manage/code-editor/code-editor-management.module').then((m) => m.ArtemisCodeEditorManagementModule),
+    },
+    {
+        path: 'course-management/:courseId/text-exercises/:exerciseId',
+        loadChildren: () => import('./exercises/text/assess/text-submission-assessment.module').then((m) => m.ArtemisTextSubmissionAssessmentModule),
+    },
+    {
+        path: 'course-management/:courseId/text-exercises/:exerciseId/example-submissions/:exampleSubmissionId',
+        loadChildren: () => import('./exercises/text/manage/example-text-submission/example-text-submission.module').then((m) => m.ArtemisExampleTextSubmissionModule),
+    },
+    {
+        path: 'course-management/:courseId/programming-exercises/:exerciseId',
+        loadChildren: () =>
+            import('./exercises/programming/manage/programming-exercise-management-routing.module').then((m) => m.ArtemisProgrammingExerciseManagementRoutingModule),
+    },
+    {
+        path: 'courses',
+        loadChildren: () => import('./overview/courses.module').then((m) => m.ArtemisCoursesModule),
+    },
+    {
+        path: 'course-management/:courseId/lectures/:lectureId/attachments/:attachmentId',
+        pathMatch: 'full',
+        loadComponent: () => import('./lecture/pdf-preview/pdf-preview.component').then((m) => m.PdfPreviewComponent),
+    },
+    // ===== GRADING SYSTEM =====
+    {
+        path: 'courses/:courseId/grading-system',
+        loadChildren: () => import('./grading-system/grading-system.module').then((m) => m.GradingSystemModule),
+    },
+
+    {
+        path: 'courses/:courseId/exercises/:exerciseId/problem-statement',
+        pathMatch: 'full',
+        loadComponent: () => import('./overview/exercise-details/problem-statement/problem-statement.component').then((m) => m.ProblemStatementComponent),
+    },
+    {
+        pathMatch: 'full',
+        path: 'courses/:courseId/exercises/:exerciseId/problem-statement/:participationId',
+        loadComponent: () => import('./overview/exercise-details/problem-statement/problem-statement.component').then((m) => m.ProblemStatementComponent),
+    },
+    {
+        path: 'courses/:courseId/exercises/:exerciseId/participations/:participationId/results/:resultId/feedback',
+        pathMatch: 'full',
+        loadComponent: () => import('./exercises/shared/feedback/standalone-feedback/standalone-feedback.component').then((m) => m.StandaloneFeedbackComponent),
+    },
+
+    // ===== EXAM =====
+    {
+        path: 'course-management/:courseId/exams',
+        loadChildren: () => import('./exam/manage/exam-management.module').then((m) => m.ArtemisExamManagementModule),
+    },
+    {
+        path: 'courses/:courseId/exams/:examId/grading-system',
+        loadChildren: () => import('./grading-system/grading-system.module').then((m) => m.GradingSystemModule),
+    },
+    {
+        path: 'courses/:courseId/exams/:examId/exercises/:exerciseId/repository',
+        loadChildren: () => import('./exercises/programming/participate/programming-repository-routing.module').then((m) => m.ArtemisProgrammingRepositoryRoutingModule),
+    },
+    {
+        path: 'features',
+        loadChildren: () => import('./feature-overview/feature-overview.module').then((m) => m.FeatureOverviewModule),
+    },
+    {
+        path: 'lti',
+        loadChildren: () => import('./lti/lti.module').then((m) => m.ArtemisLtiModule),
+    },
+    {
+        path: 'about-iris',
+        pathMatch: 'full',
+        loadComponent: () => import('./iris/about-iris/about-iris.component').then((m) => m.AboutIrisComponent),
+        data: {
+            pageTitle: 'artemisApp.exerciseChatbot.title',
+        },
+    },
+];
+
+export default routes;
diff --git a/src/main/webapp/app/assessment/assessment-complaint-alert/assessment-complaint-alert.component.ts b/src/main/webapp/app/assessment/assessment-complaint-alert/assessment-complaint-alert.component.ts
index 96be65f50ded..55c048949f44 100644
--- a/src/main/webapp/app/assessment/assessment-complaint-alert/assessment-complaint-alert.component.ts
+++ b/src/main/webapp/app/assessment/assessment-complaint-alert/assessment-complaint-alert.component.ts
@@ -1,5 +1,6 @@
 import { Component, Input } from '@angular/core';
 import { Complaint, ComplaintType } from 'app/entities/complaint.model';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 /**
  * This shows an alert, notifying the assessor on possible complaints at the bottom of the page.
@@ -8,6 +9,7 @@ import { Complaint, ComplaintType } from 'app/entities/complaint.model';
     selector: 'jhi-assessment-complaint-alert',
     templateUrl: './assessment-complaint-alert.component.html',
     styleUrls: [],
+    imports: [TranslateDirective],
 })
 export class AssessmentComplaintAlertComponent {
     ComplaintType = ComplaintType;
diff --git a/src/main/webapp/app/assessment/assessment-header/assessment-header.component.ts b/src/main/webapp/app/assessment/assessment-header/assessment-header.component.ts
index 6e6dc93aff16..a3a87c32d514 100644
--- a/src/main/webapp/app/assessment/assessment-header/assessment-header.component.ts
+++ b/src/main/webapp/app/assessment/assessment-header/assessment-header.component.ts
@@ -1,14 +1,19 @@
-import { Component, EventEmitter, HostListener, Input, Output } from '@angular/core';
+import { Component, EventEmitter, HostListener, Input, Output, inject } from '@angular/core';
 import { Result } from 'app/entities/result.model';
 import { Exercise, ExerciseType } from 'app/entities/exercise.model';
 import { TextAssessmentAnalytics } from 'app/exercises/text/assess/analytics/text-assesment-analytics.service';
 import { TextAssessmentEventType } from 'app/entities/text/text-assesment-event.model';
-import { ActivatedRoute } from '@angular/router';
+import { ActivatedRoute, RouterLink } from '@angular/router';
 import { ComplaintType } from 'app/entities/complaint.model';
 import { AssessmentType } from 'app/entities/assessment-type.model';
 import { TranslateService } from '@ngx-translate/core';
 import { faSave, faSpinner } from '@fortawesome/free-solid-svg-icons';
 import { faSquareCaretRight } from '@fortawesome/free-regular-svg-icons';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgbAlert, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { AssessmentWarningComponent } from '../assessment-warning/assessment-warning.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 /**
  * The <jhi-assessment-header> component is used in the shared assessment layout.
@@ -20,8 +25,13 @@ import { faSquareCaretRight } from '@fortawesome/free-regular-svg-icons';
     selector: 'jhi-assessment-header',
     templateUrl: './assessment-header.component.html',
     styleUrls: ['./assessment-header.component.scss'],
+    imports: [TranslateDirective, NgbAlert, NgbTooltip, FaIconComponent, RouterLink, AssessmentWarningComponent, ArtemisTranslatePipe],
 })
 export class AssessmentHeaderComponent {
+    textAssessmentAnalytics = inject(TextAssessmentAnalytics);
+    protected route = inject(ActivatedRoute);
+    private translateService = inject(TranslateService);
+
     @Input() isLoading: boolean;
     @Input() saveBusy: boolean;
     @Input() submitBusy: boolean;
@@ -68,12 +78,8 @@ export class AssessmentHeaderComponent {
         this.highlightDifferencesChange.emit(this.highlightDifferences);
     }
 
-    constructor(
-        public textAssessmentAnalytics: TextAssessmentAnalytics,
-        protected route: ActivatedRoute,
-        private translateService: TranslateService,
-    ) {
-        textAssessmentAnalytics.setComponentRoute(route);
+    constructor() {
+        this.textAssessmentAnalytics.setComponentRoute(this.route);
     }
 
     get highlightDifferences() {
diff --git a/src/main/webapp/app/assessment/assessment-instructions/assessment-instructions.module.ts b/src/main/webapp/app/assessment/assessment-instructions/assessment-instructions.module.ts
index cbd75c22898e..94ccc9b6673c 100644
--- a/src/main/webapp/app/assessment/assessment-instructions/assessment-instructions.module.ts
+++ b/src/main/webapp/app/assessment/assessment-instructions/assessment-instructions.module.ts
@@ -23,8 +23,6 @@ import { OrionAssessmentInstructionsComponent } from 'app/orion/assessment/orion
         ArtemisAssessmentSharedModule,
         ArtemisSharedComponentModule,
         ArtemisMarkdownModule,
-    ],
-    declarations: [
         ExpandableSectionComponent,
         AssessmentInstructionsComponent,
         OrionAssessmentInstructionsComponent,
diff --git a/src/main/webapp/app/assessment/assessment-instructions/assessment-instructions/assessment-instructions.component.html b/src/main/webapp/app/assessment/assessment-instructions/assessment-instructions/assessment-instructions.component.html
index 7f1b0410c943..6a46e7df1762 100644
--- a/src/main/webapp/app/assessment/assessment-instructions/assessment-instructions/assessment-instructions.component.html
+++ b/src/main/webapp/app/assessment/assessment-instructions/assessment-instructions/assessment-instructions.component.html
@@ -12,7 +12,9 @@
         }
     </div>
 }
-<h3 *jhiExtensionPoint="overrideTitle">{{ exercise.title }}</h3>
+<!-- TODO: the extension point for Orion does not work with Angular 19, we need to find a different solution -->
+<!--<h3 *jhiExtensionPoint="overrideTitle">{{ exercise.title }}</h3>-->
+<h3>{{ exercise.title }}</h3>
 <jhi-expandable-section headerKey="artemisApp.assessmentInstructions.problemStatement">
     @switch (exercise.type) {
         @case (ExerciseType.PROGRAMMING) {
diff --git a/src/main/webapp/app/assessment/assessment-instructions/assessment-instructions/assessment-instructions.component.ts b/src/main/webapp/app/assessment/assessment-instructions/assessment-instructions/assessment-instructions.component.ts
index d854c6f7ad58..846f4a774e8d 100644
--- a/src/main/webapp/app/assessment/assessment-instructions/assessment-instructions/assessment-instructions.component.ts
+++ b/src/main/webapp/app/assessment/assessment-instructions/assessment-instructions/assessment-instructions.component.ts
@@ -1,4 +1,4 @@
-import { Component, ContentChild, Input, TemplateRef } from '@angular/core';
+import { Component, Input, inject } from '@angular/core';
 import { SafeHtml } from '@angular/platform-browser';
 import { UMLDiagramType, UMLModel } from '@ls1intum/apollon';
 import { ArtemisMarkdownService } from 'app/shared/markdown.service';
@@ -9,12 +9,32 @@ import { FileUploadExercise } from 'app/entities/file-upload-exercise.model';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { GradingCriterion } from 'app/exercises/shared/structured-grading-criterion/grading-criterion.model';
 import { ProgrammingExerciseStudentParticipation } from 'app/entities/participation/programming-exercise-student-participation.model';
+import { ExpandableSectionComponent } from '../expandable-section/expandable-section.component';
+import { StructuredGradingInstructionsAssessmentLayoutComponent } from '../../structured-grading-instructions-assessment-layout/structured-grading-instructions-assessment-layout.component';
+import { ProgrammingExerciseInstructionComponent } from 'app/exercises/programming/shared/instructions-render/programming-exercise-instruction.component';
+import { SecureLinkDirective } from 'app/shared/http/secure-link.directive';
+import { ButtonComponent } from 'app/shared/components/button.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ModelingEditorComponent } from 'app/exercises/modeling/shared/modeling-editor.component';
 
 @Component({
     selector: 'jhi-assessment-instructions',
     templateUrl: './assessment-instructions.component.html',
+    imports: [
+        ExpandableSectionComponent,
+        StructuredGradingInstructionsAssessmentLayoutComponent,
+        // TODO: the extension point for Orion does not work with Angular 19, we need to find a different solution
+        // ExtensionPointDirective,
+        ProgrammingExerciseInstructionComponent,
+        SecureLinkDirective,
+        ButtonComponent,
+        TranslateDirective,
+        ModelingEditorComponent,
+    ],
 })
 export class AssessmentInstructionsComponent {
+    private markdownService = inject(ArtemisMarkdownService);
+
     exercise: Exercise;
     programmingExercise?: ProgrammingExercise;
     problemStatement: SafeHtml;
@@ -34,9 +54,8 @@ export class AssessmentInstructionsComponent {
     readonly ExerciseType = ExerciseType;
 
     // extension points, see shared/extension-point
-    @ContentChild('overrideTitle') overrideTitle: TemplateRef<any>;
-
-    constructor(private markdownService: ArtemisMarkdownService) {}
+    // TODO: the extension point for Orion does not work with Angular 19, we need to find a different solution
+    // @ContentChild('overrideTitle') overrideTitle: TemplateRef<any>;
 
     // eslint-disable-next-line @angular-eslint/no-input-rename
     @Input('exercise') set exerciseInput(exercise: Exercise) {
diff --git a/src/main/webapp/app/assessment/assessment-instructions/collapsable-assessment-instructions/collapsable-assessment-instructions.component.ts b/src/main/webapp/app/assessment/assessment-instructions/collapsable-assessment-instructions/collapsable-assessment-instructions.component.ts
index 3d480876a182..6ff4469e71c1 100644
--- a/src/main/webapp/app/assessment/assessment-instructions/collapsable-assessment-instructions/collapsable-assessment-instructions.component.ts
+++ b/src/main/webapp/app/assessment/assessment-instructions/collapsable-assessment-instructions/collapsable-assessment-instructions.component.ts
@@ -3,11 +3,15 @@ import { faListAlt } from '@fortawesome/free-regular-svg-icons';
 import { faChevronLeft, faChevronRight, faGripLinesVertical } from '@fortawesome/free-solid-svg-icons';
 import { Exercise } from 'app/entities/exercise.model';
 import interact from 'interactjs';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { AssessmentInstructionsComponent } from '../assessment-instructions/assessment-instructions.component';
 
 @Component({
     selector: 'jhi-collapsable-assessment-instructions',
     templateUrl: './collapsable-assessment-instructions.component.html',
     styleUrls: ['./collapsable-assessment-instructions.scss'],
+    imports: [FaIconComponent, TranslateDirective, AssessmentInstructionsComponent],
 })
 export class CollapsableAssessmentInstructionsComponent implements AfterViewInit {
     @Input() isAssessmentTraining = false;
diff --git a/src/main/webapp/app/assessment/assessment-instructions/expandable-section/expandable-section.component.ts b/src/main/webapp/app/assessment/assessment-instructions/expandable-section/expandable-section.component.ts
index ff8cb7035f0f..8c5a88074148 100644
--- a/src/main/webapp/app/assessment/assessment-instructions/expandable-section/expandable-section.component.ts
+++ b/src/main/webapp/app/assessment/assessment-instructions/expandable-section/expandable-section.component.ts
@@ -1,12 +1,18 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input, OnInit, inject } from '@angular/core';
 import { faAngleDown, faAngleRight } from '@fortawesome/free-solid-svg-icons';
 import { LocalStorageService } from 'ngx-webstorage';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbCollapse } from '@ng-bootstrap/ng-bootstrap';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-expandable-section',
     templateUrl: './expandable-section.component.html',
+    imports: [FaIconComponent, NgbCollapse, ArtemisTranslatePipe],
 })
 export class ExpandableSectionComponent implements OnInit {
+    private localStorageService = inject(LocalStorageService);
+
     @Input() headerKey: string;
     @Input() hasTranslation = true;
     @Input() isSubHeader = false;
@@ -18,8 +24,6 @@ export class ExpandableSectionComponent implements OnInit {
 
     readonly PREFIX = 'collapsed.';
 
-    constructor(private localStorageService: LocalStorageService) {}
-
     ngOnInit(): void {
         this.isCollapsed = !!this.localStorageService.retrieve(this.storageKey);
         this.localStorageService.store(this.storageKey, this.isCollapsed);
diff --git a/src/main/webapp/app/assessment/assessment-layout/assessment-layout.component.ts b/src/main/webapp/app/assessment/assessment-layout/assessment-layout.component.ts
index b68902048248..e82b6597c9f0 100644
--- a/src/main/webapp/app/assessment/assessment-layout/assessment-layout.component.ts
+++ b/src/main/webapp/app/assessment/assessment-layout/assessment-layout.component.ts
@@ -5,6 +5,10 @@ import { Exercise } from 'app/entities/exercise.model';
 import { Submission } from 'app/entities/submission.model';
 import { AssessmentAfterComplaint } from 'app/complaints/complaints-for-tutor/complaints-for-tutor.component';
 import { AssessmentNote } from 'app/entities/assessment-note.model';
+import { AssessmentHeaderComponent } from '../assessment-header/assessment-header.component';
+import { AssessmentComplaintAlertComponent } from '../assessment-complaint-alert/assessment-complaint-alert.component';
+import { AssessmentNoteComponent } from '../assessment-note/assessment-note.component';
+import { ComplaintsForTutorComponent } from '../../complaints/complaints-for-tutor/complaints-for-tutor.component';
 
 /**
  * The <jhi-assessment-layout> component provides the basic layout for an assessment page.
@@ -16,6 +20,7 @@ import { AssessmentNote } from 'app/entities/assessment-note.model';
     selector: 'jhi-assessment-layout',
     templateUrl: './assessment-layout.component.html',
     styleUrls: ['./assessment-layout.component.scss'],
+    imports: [AssessmentHeaderComponent, AssessmentComplaintAlertComponent, AssessmentNoteComponent, ComplaintsForTutorComponent],
 })
 export class AssessmentLayoutComponent {
     @HostBinding('class.assessment-container') readonly assessmentContainerClass = true;
diff --git a/src/main/webapp/app/assessment/assessment-locks/assessment-locks.component.ts b/src/main/webapp/app/assessment/assessment-locks/assessment-locks.component.ts
index 78b63339c2ad..b44aeac5ba83 100644
--- a/src/main/webapp/app/assessment/assessment-locks/assessment-locks.component.ts
+++ b/src/main/webapp/app/assessment/assessment-locks/assessment-locks.component.ts
@@ -1,5 +1,5 @@
-import { Component, OnInit } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
+import { Component, OnInit, inject } from '@angular/core';
+import { ActivatedRoute, RouterLink } from '@angular/router';
 import { FileUploadAssessmentService } from 'app/exercises/file-upload/assess/file-upload-assessment.service';
 import { TranslateService } from '@ngx-translate/core';
 import { Submission, SubmissionExerciseType } from 'app/entities/submission.model';
@@ -14,12 +14,27 @@ import { ProgrammingAssessmentManualResultService } from 'app/exercises/programm
 import { ExamManagementService } from 'app/exam/manage/exam-management.service';
 import { faBan, faFolderOpen } from '@fortawesome/free-solid-svg-icons';
 import { combineLatest } from 'rxjs';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-assessment-locks',
     templateUrl: './assessment-locks.component.html',
+    imports: [TranslateDirective, FaIconComponent, NgbTooltip, RouterLink, ArtemisDatePipe, ArtemisTranslatePipe],
 })
 export class AssessmentLocksComponent implements OnInit {
+    private route = inject(ActivatedRoute);
+    private alertService = inject(AlertService);
+    private modelingAssessmentService = inject(ModelingAssessmentService);
+    private textAssessmentService = inject(TextAssessmentService);
+    private fileUploadAssessmentService = inject(FileUploadAssessmentService);
+    private programmingAssessmentService = inject(ProgrammingAssessmentManualResultService);
+    private courseService = inject(CourseManagementService);
+    private examManagementService = inject(ExamManagementService);
+
     readonly ExerciseType = ExerciseType;
 
     course: Course;
@@ -40,17 +55,8 @@ export class AssessmentLocksComponent implements OnInit {
     faBan = faBan;
     faFolderOpen = faFolderOpen;
 
-    constructor(
-        private route: ActivatedRoute,
-        private alertService: AlertService,
-        private modelingAssessmentService: ModelingAssessmentService,
-        private textAssessmentService: TextAssessmentService,
-        private fileUploadAssessmentService: FileUploadAssessmentService,
-        private programmingAssessmentService: ProgrammingAssessmentManualResultService,
-        translateService: TranslateService,
-        private courseService: CourseManagementService,
-        private examManagementService: ExamManagementService,
-    ) {
+    constructor() {
+        const translateService = inject(TranslateService);
         translateService.get('artemisApp.assessment.messages.confirmCancel').subscribe((text) => (this.cancelConfirmationText = text));
     }
 
diff --git a/src/main/webapp/app/assessment/assessment-locks/assessment-locks.route.ts b/src/main/webapp/app/assessment/assessment-locks/assessment-locks.route.ts
index c2d1221363fa..fa4b9e2319d2 100644
--- a/src/main/webapp/app/assessment/assessment-locks/assessment-locks.route.ts
+++ b/src/main/webapp/app/assessment/assessment-locks/assessment-locks.route.ts
@@ -1,13 +1,13 @@
 import { Routes } from '@angular/router';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
-import { AssessmentLocksComponent } from './assessment-locks.component';
+
 import { Authority } from 'app/shared/constants/authority.constants';
 import { CourseManagementResolve } from 'app/course/manage/course-management-resolve.service';
 
 export const assessmentLocksRoute: Routes = [
     {
         path: ':courseId/exams/:examId/assessment-locks',
-        component: AssessmentLocksComponent,
+        loadComponent: () => import('./assessment-locks.component').then((m) => m.AssessmentLocksComponent),
         resolve: {
             course: CourseManagementResolve,
         },
@@ -19,7 +19,7 @@ export const assessmentLocksRoute: Routes = [
     },
     {
         path: ':courseId/assessment-locks',
-        component: AssessmentLocksComponent,
+        loadComponent: () => import('./assessment-locks.component').then((m) => m.AssessmentLocksComponent),
         resolve: {
             course: CourseManagementResolve,
         },
diff --git a/src/main/webapp/app/assessment/assessment-note/assessment-note.component.ts b/src/main/webapp/app/assessment/assessment-note/assessment-note.component.ts
index f21ad66262cc..e545e745ecfa 100644
--- a/src/main/webapp/app/assessment/assessment-note/assessment-note.component.ts
+++ b/src/main/webapp/app/assessment/assessment-note/assessment-note.component.ts
@@ -1,10 +1,12 @@
 import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { AssessmentNote } from 'app/entities/assessment-note.model';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
     selector: 'jhi-assessment-note',
     templateUrl: './assessment-note.component.html',
     styleUrls: ['./assessment-note.component.scss'],
+    imports: [TranslateDirective],
 })
 export class AssessmentNoteComponent {
     private _assessmentNote: AssessmentNote;
diff --git a/src/main/webapp/app/assessment/assessment-shared.module.ts b/src/main/webapp/app/assessment/assessment-shared.module.ts
index fe386487df8c..0677f2d0c174 100644
--- a/src/main/webapp/app/assessment/assessment-shared.module.ts
+++ b/src/main/webapp/app/assessment/assessment-shared.module.ts
@@ -32,8 +32,6 @@ const ENTITY_STATES = [...assessmentLocksRoute];
         ArtemisFeedbackModule,
         FeedbackContentPipe,
         QuotePipe,
-    ],
-    declarations: [
         AssessmentHeaderComponent,
         AssessmentLayoutComponent,
         AssessmentComplaintAlertComponent,
diff --git a/src/main/webapp/app/assessment/assessment-warning/assessment-warning.component.ts b/src/main/webapp/app/assessment/assessment-warning/assessment-warning.component.ts
index 42120b935660..3a1eeb2f874e 100644
--- a/src/main/webapp/app/assessment/assessment-warning/assessment-warning.component.ts
+++ b/src/main/webapp/app/assessment/assessment-warning/assessment-warning.component.ts
@@ -3,6 +3,8 @@ import dayjs from 'dayjs/esm';
 import { Exercise } from 'app/entities/exercise.model';
 import { faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';
 import { Submission } from 'app/entities/submission.model';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 /**
  * Displays a warning for instructors on submission page, team page and the assessment page.
@@ -26,6 +28,7 @@ import { Submission } from 'app/entities/submission.model';
             }
         </h6>
     `,
+    imports: [FaIconComponent, TranslateDirective],
 })
 export class AssessmentWarningComponent implements OnChanges {
     @Input() exercise: Exercise;
@@ -40,7 +43,7 @@ export class AssessmentWarningComponent implements OnChanges {
     /**
      * Checks if the due date of the exercise is over
      */
-    ngOnChanges(): void {
+    ngOnChanges() {
         if (this.exercise.dueDate) {
             const now = dayjs();
             this.isBeforeExerciseDueDate = now.isBefore(this.exercise.dueDate);
diff --git a/src/main/webapp/app/assessment/athena.service.ts b/src/main/webapp/app/assessment/athena.service.ts
index 436330e568f2..0488997d035d 100644
--- a/src/main/webapp/app/assessment/athena.service.ts
+++ b/src/main/webapp/app/assessment/athena.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { Observable, map, of, switchMap } from 'rxjs';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
@@ -13,12 +13,10 @@ import { ModelingSubmission } from 'app/entities/modeling-submission.model';
 
 @Injectable({ providedIn: 'root' })
 export class AthenaService {
-    public resourceUrl = 'api/athena';
+    protected http = inject(HttpClient);
+    private profileService = inject(ProfileService);
 
-    constructor(
-        protected http: HttpClient,
-        private profileService: ProfileService,
-    ) {}
+    public resourceUrl = 'api/athena';
 
     /**
      * Determine if the Athena service is available based on whether the corresponding profile is active
diff --git a/src/main/webapp/app/assessment/structured-grading-instructions-assessment-layout/structured-grading-instructions-assessment-layout.component.ts b/src/main/webapp/app/assessment/structured-grading-instructions-assessment-layout/structured-grading-instructions-assessment-layout.component.ts
index 46be8ca706ce..5c2f2e447f45 100644
--- a/src/main/webapp/app/assessment/structured-grading-instructions-assessment-layout/structured-grading-instructions-assessment-layout.component.ts
+++ b/src/main/webapp/app/assessment/structured-grading-instructions-assessment-layout/structured-grading-instructions-assessment-layout.component.ts
@@ -4,11 +4,17 @@ import { AfterViewInit, Component, Input, OnInit, QueryList, ViewChildren } from
 import { faCompress, faExpand, faInfoCircle } from '@fortawesome/free-solid-svg-icons';
 import { ExpandableSectionComponent } from 'app/assessment/assessment-instructions/expandable-section/expandable-section.component';
 import { delay, startWith } from 'rxjs';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { HtmlForMarkdownPipe } from 'app/shared/pipes/html-for-markdown.pipe';
 
 @Component({
     selector: 'jhi-structured-grading-instructions-assessment-layout',
     templateUrl: './structured-grading-instructions-assessment-layout.component.html',
     styleUrls: ['./structured-grading-instructions-assessment-layout.component.scss'],
+    imports: [FaIconComponent, TranslateDirective, ExpandableSectionComponent, NgbTooltip, HelpIconComponent, HtmlForMarkdownPipe],
 })
 export class StructuredGradingInstructionsAssessmentLayoutComponent implements OnInit, AfterViewInit {
     @Input() public criteria: GradingCriterion[];
diff --git a/src/main/webapp/app/assessment/unreferenced-feedback-detail/assessment-correction-round-badge/assessment-correction-round-badge.component.ts b/src/main/webapp/app/assessment/unreferenced-feedback-detail/assessment-correction-round-badge/assessment-correction-round-badge.component.ts
index 63318de8c442..71efaf15d01c 100644
--- a/src/main/webapp/app/assessment/unreferenced-feedback-detail/assessment-correction-round-badge/assessment-correction-round-badge.component.ts
+++ b/src/main/webapp/app/assessment/unreferenced-feedback-detail/assessment-correction-round-badge/assessment-correction-round-badge.component.ts
@@ -1,10 +1,13 @@
 import { Component, Input } from '@angular/core';
 import { Feedback } from 'app/entities/feedback.model';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgStyle } from '@angular/common';
 
 @Component({
     selector: 'jhi-assessment-correction-round-badge',
     templateUrl: './assessment-correction-round-badge.component.html',
     styleUrls: ['./assessment-correction-round-badge.component.scss'],
+    imports: [TranslateDirective, NgStyle],
 })
 export class AssessmentCorrectionRoundBadgeComponent {
     @Input() feedback: Feedback;
diff --git a/src/main/webapp/app/assessment/unreferenced-feedback-detail/unreferenced-feedback-detail.component.ts b/src/main/webapp/app/assessment/unreferenced-feedback-detail/unreferenced-feedback-detail.component.ts
index 3b4308b752ab..483eebaf28f9 100644
--- a/src/main/webapp/app/assessment/unreferenced-feedback-detail/unreferenced-feedback-detail.component.ts
+++ b/src/main/webapp/app/assessment/unreferenced-feedback-detail/unreferenced-feedback-detail.component.ts
@@ -5,13 +5,40 @@ import { StructuredGradingCriterionService } from 'app/exercises/shared/structur
 import { ButtonSize } from 'app/shared/components/button.component';
 import { Subject } from 'rxjs';
 import { FeedbackService } from 'app/exercises/shared/feedback/feedback.service';
+import { FeedbackSuggestionBadgeComponent } from '../../exercises/shared/feedback/feedback-suggestion-badge/feedback-suggestion-badge.component';
+import { GradingInstructionLinkIconComponent } from 'app/shared/grading-instruction-link-icon/grading-instruction-link-icon.component';
+import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
+import { FaIconComponent, FaLayersComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FormsModule } from '@angular/forms';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { AssessmentCorrectionRoundBadgeComponent } from './assessment-correction-round-badge/assessment-correction-round-badge.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { FeedbackContentPipe } from 'app/shared/pipes/feedback-content.pipe';
+import { QuotePipe } from 'app/shared/pipes/quote.pipe';
 
 @Component({
     selector: 'jhi-unreferenced-feedback-detail',
     templateUrl: './unreferenced-feedback-detail.component.html',
     styleUrls: ['./unreferenced-feedback-detail.component.scss'],
+    imports: [
+        FeedbackSuggestionBadgeComponent,
+        GradingInstructionLinkIconComponent,
+        DeleteButtonDirective,
+        FaIconComponent,
+        TranslateDirective,
+        FormsModule,
+        NgbTooltip,
+        FaLayersComponent,
+        AssessmentCorrectionRoundBadgeComponent,
+        ArtemisTranslatePipe,
+        FeedbackContentPipe,
+        QuotePipe,
+    ],
 })
 export class UnreferencedFeedbackDetailComponent implements OnInit {
+    structuredGradingCriterionService = inject(StructuredGradingCriterionService);
+
     @Input() public feedback: Feedback;
     resultId: InputSignal<number> = input.required<number>();
     @Input() isSuggestion: boolean;
@@ -40,8 +67,6 @@ export class UnreferencedFeedbackDetailComponent implements OnInit {
     private dialogErrorSource = new Subject<string>();
     dialogError$ = this.dialogErrorSource.asObservable();
 
-    constructor(public structuredGradingCriterionService: StructuredGradingCriterionService) {}
-
     ngOnInit() {
         this.loadLongFeedback();
     }
diff --git a/src/main/webapp/app/complaints/complaints-for-students/complaints-student-view.component.ts b/src/main/webapp/app/complaints/complaints-for-students/complaints-student-view.component.ts
index ed0bef126614..65dca1ca7ad8 100644
--- a/src/main/webapp/app/complaints/complaints-for-students/complaints-student-view.component.ts
+++ b/src/main/webapp/app/complaints/complaints-for-students/complaints-student-view.component.ts
@@ -25,7 +25,6 @@ import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
     selector: 'jhi-complaint-student-view',
     templateUrl: './complaints-student-view.component.html',
     styleUrls: ['../complaints.scss'],
-    standalone: true,
     imports: [TranslateDirective, FaIconComponent, ComplaintsFormComponent, ComplaintRequestComponent, ComplaintResponseComponent, ArtemisTranslatePipe],
 })
 export class ComplaintsStudentViewComponent implements OnInit {
diff --git a/src/main/webapp/app/complaints/complaints-for-tutor/complaints-for-tutor.component.ts b/src/main/webapp/app/complaints/complaints-for-tutor/complaints-for-tutor.component.ts
index a98e34d60b17..8478a6080862 100644
--- a/src/main/webapp/app/complaints/complaints-for-tutor/complaints-for-tutor.component.ts
+++ b/src/main/webapp/app/complaints/complaints-for-tutor/complaints-for-tutor.component.ts
@@ -24,7 +24,6 @@ export type AssessmentAfterComplaint = { complaintResponse: ComplaintResponse; o
 @Component({
     selector: 'jhi-complaints-for-tutor-form',
     templateUrl: './complaints-for-tutor.component.html',
-    standalone: true,
     imports: [TranslateDirective, FormsModule, TextareaModule, ArtemisSharedCommonModule, ArtemisTranslatePipe],
 })
 export class ComplaintsForTutorComponent implements OnInit {
diff --git a/src/main/webapp/app/complaints/form/complaints-form.component.ts b/src/main/webapp/app/complaints/form/complaints-form.component.ts
index 5d5265a527e1..bcb6725b5fee 100644
--- a/src/main/webapp/app/complaints/form/complaints-form.component.ts
+++ b/src/main/webapp/app/complaints/form/complaints-form.component.ts
@@ -16,7 +16,6 @@ import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
     selector: 'jhi-complaint-form',
     templateUrl: './complaints-form.component.html',
     styleUrls: ['../complaints.scss'],
-    standalone: true,
     imports: [TranslateDirective, FormsModule, TextareaModule, ArtemisTranslatePipe],
 })
 export class ComplaintsFormComponent implements OnInit {
diff --git a/src/main/webapp/app/complaints/list-of-complaints/list-of-complaints.component.ts b/src/main/webapp/app/complaints/list-of-complaints/list-of-complaints.component.ts
index a2a3c2197a0b..9f150adfbbe0 100644
--- a/src/main/webapp/app/complaints/list-of-complaints/list-of-complaints.component.ts
+++ b/src/main/webapp/app/complaints/list-of-complaints/list-of-complaints.component.ts
@@ -24,7 +24,6 @@ import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 @Component({
     selector: 'jhi-complaint-list',
     templateUrl: './list-of-complaints.component.html',
-    standalone: true,
     imports: [TranslateDirective, FormsModule, ArtemisSharedCommonModule, FaIconComponent, NgbTooltip, ArtemisTranslatePipe],
 })
 export class ListOfComplaintsComponent implements OnInit {
diff --git a/src/main/webapp/app/complaints/list-of-complaints/list-of-complaints.route.ts b/src/main/webapp/app/complaints/list-of-complaints/list-of-complaints.route.ts
index fbce52b1377d..0058ab0a505c 100644
--- a/src/main/webapp/app/complaints/list-of-complaints/list-of-complaints.route.ts
+++ b/src/main/webapp/app/complaints/list-of-complaints/list-of-complaints.route.ts
@@ -1,6 +1,7 @@
 import { Routes } from '@angular/router';
-import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
 import { ListOfComplaintsComponent } from 'app/complaints/list-of-complaints/list-of-complaints.component';
+import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
+
 import { ComplaintType } from 'app/entities/complaint.model';
 import { Authority } from 'app/shared/constants/authority.constants';
 import { exerciseTypes } from 'app/entities/exercise.model';
@@ -9,7 +10,7 @@ import { CourseManagementResolve } from 'app/course/manage/course-management-res
 export const listOfComplaintsRoute: Routes = [
     {
         path: ':courseId/complaints',
-        component: ListOfComplaintsComponent,
+        loadComponent: () => import('app/complaints/list-of-complaints/list-of-complaints.component').then((m) => m.ListOfComplaintsComponent),
         resolve: {
             course: CourseManagementResolve,
         },
@@ -22,7 +23,7 @@ export const listOfComplaintsRoute: Routes = [
     },
     {
         path: ':courseId/exams/:examId/complaints',
-        component: ListOfComplaintsComponent,
+        loadComponent: () => import('app/complaints/list-of-complaints/list-of-complaints.component').then((m) => m.ListOfComplaintsComponent),
         resolve: {
             course: CourseManagementResolve,
         },
@@ -47,7 +48,7 @@ export const listOfComplaintsRoute: Routes = [
     }),
     {
         path: ':courseId/more-feedback-requests',
-        component: ListOfComplaintsComponent,
+        loadComponent: () => import('app/complaints/list-of-complaints/list-of-complaints.component').then((m) => m.ListOfComplaintsComponent),
         resolve: {
             course: CourseManagementResolve,
         },
diff --git a/src/main/webapp/app/complaints/request/complaint-request.component.ts b/src/main/webapp/app/complaints/request/complaint-request.component.ts
index 61065c172d4e..205cbe7910c1 100644
--- a/src/main/webapp/app/complaints/request/complaint-request.component.ts
+++ b/src/main/webapp/app/complaints/request/complaint-request.component.ts
@@ -9,7 +9,6 @@ import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 @Component({
     selector: 'jhi-complaint-request',
     templateUrl: './complaint-request.component.html',
-    standalone: true,
     imports: [NgbTooltip, TranslateDirective, FormsModule, ArtemisSharedCommonModule, ArtemisTranslatePipe],
 })
 export class ComplaintRequestComponent {
diff --git a/src/main/webapp/app/complaints/response/complaint-response.component.ts b/src/main/webapp/app/complaints/response/complaint-response.component.ts
index c2443cf7ea60..159a22226077 100644
--- a/src/main/webapp/app/complaints/response/complaint-response.component.ts
+++ b/src/main/webapp/app/complaints/response/complaint-response.component.ts
@@ -8,7 +8,6 @@ import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 @Component({
     selector: 'jhi-complaint-response',
     templateUrl: './complaint-response.component.html',
-    standalone: true,
     imports: [NgbTooltip, FormsModule, ArtemisSharedCommonModule, ArtemisTranslatePipe],
 })
 export class ComplaintResponseComponent {
diff --git a/src/main/webapp/app/core/about-us/about-us.component.ts b/src/main/webapp/app/core/about-us/about-us.component.ts
index 4fff2553b602..0c9d9a0c505b 100644
--- a/src/main/webapp/app/core/about-us/about-us.component.ts
+++ b/src/main/webapp/app/core/about-us/about-us.component.ts
@@ -1,17 +1,24 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 import { VERSION } from 'app/app.constants';
 import { StaticContentService } from 'app/shared/service/static-content.service';
 import { AboutUsModel } from 'app/core/about-us/models/about-us-model';
 import { ContributorModel } from 'app/core/about-us/models/contributor-model';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-about-us',
     templateUrl: './about-us.component.html',
     styleUrls: ['./about-us.component.scss'],
+    imports: [TranslateDirective, ArtemisTranslatePipe],
 })
 export class AboutUsComponent implements OnInit {
+    private route = inject(ActivatedRoute);
+    private profileService = inject(ProfileService);
+    private staticContentService = inject(StaticContentService);
+
     private readonly ISSUE_BASE_URL = 'https://github.com/ls1intum/Artemis/issues/new?projects=ls1intum/1';
     readonly BUG_REPORT_URL = `${this.ISSUE_BASE_URL}&labels=bug&template=bug-report.yml`;
     readonly FEATURE_REQUEST_URL = `${this.ISSUE_BASE_URL}&labels=feature&template=feature-request.yml`;
@@ -51,12 +58,6 @@ export class AboutUsComponent implements OnInit {
         ['openSource', { openSourceUrl: 'https://docs.artemis.cit.tum.de/dev/open-source/' }],
     ];
 
-    constructor(
-        private route: ActivatedRoute,
-        private profileService: ProfileService,
-        private staticContentService: StaticContentService,
-    ) {}
-
     /**
      * On init get the json file from the Artemis server and save it.
      * On init get the mail data needed for the contact
diff --git a/src/main/webapp/app/core/about-us/artemis-about-us.module.ts b/src/main/webapp/app/core/about-us/artemis-about-us.module.ts
index 057b2eda4540..f43f418f25f8 100644
--- a/src/main/webapp/app/core/about-us/artemis-about-us.module.ts
+++ b/src/main/webapp/app/core/about-us/artemis-about-us.module.ts
@@ -1,17 +1,17 @@
 import { NgModule } from '@angular/core';
-import { AboutUsComponent } from 'app/core/about-us/about-us.component';
+
 import { TranslateModule } from '@ngx-translate/core';
 import { CommonModule } from '@angular/common';
 import { RouterModule } from '@angular/router';
+import { AboutUsComponent } from 'app/core/about-us/about-us.component';
 import { ArtemisSharedModule } from 'app/shared/shared.module';
 
 @NgModule({
-    declarations: [AboutUsComponent],
     imports: [
         RouterModule.forChild([
             {
                 path: '',
-                component: AboutUsComponent,
+                loadComponent: () => import('app/core/about-us/about-us.component').then((m) => m.AboutUsComponent),
                 data: {
                     authorities: [],
                     pageTitle: 'overview.aboutUs',
@@ -21,6 +21,7 @@ import { ArtemisSharedModule } from 'app/shared/shared.module';
         TranslateModule,
         CommonModule,
         ArtemisSharedModule,
+        AboutUsComponent,
     ],
 })
 export class ArtemisAboutUsModule {}
diff --git a/src/main/webapp/app/core/core.module.ts b/src/main/webapp/app/core/core.module.ts
deleted file mode 100644
index 30c0442557b2..000000000000
--- a/src/main/webapp/app/core/core.module.ts
+++ /dev/null
@@ -1,117 +0,0 @@
-import { APP_INITIALIZER, ErrorHandler, LOCALE_ID, NgModule } from '@angular/core';
-import { DatePipe, registerLocaleData } from '@angular/common';
-import { HTTP_INTERCEPTORS, HttpClient, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
-import { Title } from '@angular/platform-browser';
-import { AuthExpiredInterceptor } from 'app/core/interceptor/auth-expired.interceptor';
-import { ErrorHandlerInterceptor } from 'app/core/interceptor/errorhandler.interceptor';
-import { NotificationInterceptor } from 'app/core/interceptor/notification.interceptor';
-import { NgbDateAdapter, NgbDatepickerConfig, NgbTooltipConfig } from '@ng-bootstrap/ng-bootstrap';
-import { SessionStorageService, provideNgxWebstorage, withLocalStorage, withNgxWebstorageConfig, withSessionStorage } from 'ngx-webstorage';
-import locale from '@angular/common/locales/en';
-import { MissingTranslationHandler, TranslateLoader, TranslateModule, TranslateService } from '@ngx-translate/core';
-import { SentryErrorHandler } from 'app/core/sentry/sentry.error-handler';
-import { LoadingNotificationInterceptor } from 'app/shared/notification/loading-notification/loading-notification.interceptor';
-import { BrowserFingerprintInterceptor } from 'app/core/interceptor/browser-fingerprint.interceptor.service';
-import { ArtemisVersionInterceptor, WINDOW_INJECTOR_TOKEN } from 'app/core/interceptor/artemis-version.interceptor';
-import { missingTranslationHandler, translatePartialLoader } from './config/translation.config';
-import dayjs from 'dayjs/esm';
-import './config/dayjs';
-import { NgbDateDayjsAdapter } from 'app/core/config/datepicker-adapter';
-import { JhiLanguageHelper } from 'app/core/language/language.helper';
-import { TraceService } from '@sentry/angular';
-import { Router } from '@angular/router';
-import isMobile from 'ismobilejs-es5';
-
-@NgModule({
-    imports: [
-        TranslateModule.forRoot({
-            loader: {
-                provide: TranslateLoader,
-                useFactory: translatePartialLoader,
-                deps: [HttpClient],
-            },
-            missingTranslationHandler: {
-                provide: MissingTranslationHandler,
-                useFactory: missingTranslationHandler,
-            },
-        }),
-    ],
-    providers: [
-        provideHttpClient(withInterceptorsFromDi()),
-        provideNgxWebstorage(withNgxWebstorageConfig({ prefix: 'jhi', separator: '-' }), withLocalStorage(), withSessionStorage()),
-        Title,
-        {
-            provide: LOCALE_ID,
-            useValue: 'en',
-        },
-        { provide: NgbDateAdapter, useClass: NgbDateDayjsAdapter },
-        { provide: TraceService, deps: [Router] },
-        { provide: ErrorHandler, useClass: SentryErrorHandler },
-        { provide: WINDOW_INJECTOR_TOKEN, useValue: window },
-        DatePipe,
-        {
-            provide: APP_INITIALIZER,
-            useFactory: () => () => {},
-            deps: [TraceService],
-            multi: true,
-        },
-        /**
-         * @description Interceptor declarations:
-         * Interceptors are located at 'blocks/interceptor/.
-         * All of them implement the HttpInterceptor interface.
-         * They can be used to modify API calls or trigger additional function calls.
-         * Most interceptors will transform the outgoing request before passing it to
-         * the next interceptor in the chain, by calling next.handle(transformedReq).
-         * Documentation: https://angular.io/api/common/http/HttpInterceptor
-         */
-        {
-            provide: HTTP_INTERCEPTORS,
-            useClass: AuthExpiredInterceptor,
-            multi: true,
-        },
-        {
-            provide: HTTP_INTERCEPTORS,
-            useClass: ErrorHandlerInterceptor,
-            multi: true,
-        },
-        {
-            provide: HTTP_INTERCEPTORS,
-            useClass: BrowserFingerprintInterceptor,
-            multi: true,
-        },
-        {
-            provide: HTTP_INTERCEPTORS,
-            useClass: NotificationInterceptor,
-            multi: true,
-        },
-        {
-            provide: HTTP_INTERCEPTORS,
-            useClass: LoadingNotificationInterceptor,
-            multi: true,
-        },
-        {
-            provide: HTTP_INTERCEPTORS,
-            useClass: ArtemisVersionInterceptor,
-            multi: true,
-        },
-    ],
-})
-export class ArtemisCoreModule {
-    constructor(
-        dpConfig: NgbDatepickerConfig,
-        tooltipConfig: NgbTooltipConfig,
-        translateService: TranslateService,
-        languageHelper: JhiLanguageHelper,
-        sessionStorageService: SessionStorageService,
-    ) {
-        registerLocaleData(locale);
-        dpConfig.minDate = { year: dayjs().subtract(100, 'year').year(), month: 1, day: 1 };
-        translateService.setDefaultLang('en');
-        const languageKey = sessionStorageService.retrieve('locale') || languageHelper.determinePreferredLanguage();
-        translateService.use(languageKey);
-        tooltipConfig.container = 'body';
-        if (isMobile(window.navigator.userAgent).any ?? false) {
-            tooltipConfig.disableTooltip = true;
-        }
-    }
-}
diff --git a/src/main/webapp/app/core/interceptor/artemis-version.interceptor.ts b/src/main/webapp/app/core/interceptor/artemis-version.interceptor.ts
index e68fa487ec2d..d06badde9302 100644
--- a/src/main/webapp/app/core/interceptor/artemis-version.interceptor.ts
+++ b/src/main/webapp/app/core/interceptor/artemis-version.interceptor.ts
@@ -1,4 +1,4 @@
-import { ApplicationRef, Inject, Injectable, InjectionToken } from '@angular/core';
+import { ApplicationRef, Injectable, InjectionToken, inject } from '@angular/core';
 import { HttpEvent, HttpHandler, HttpInterceptor, HttpRequest, HttpResponse } from '@angular/common/http';
 import { Observable, concat, interval, of } from 'rxjs';
 import { catchError, first, tap, timeout } from 'rxjs/operators';
@@ -11,18 +11,20 @@ export const WINDOW_INJECTOR_TOKEN = new InjectionToken<Window>('Window');
 
 @Injectable()
 export class ArtemisVersionInterceptor implements HttpInterceptor {
+    private appRef = inject(ApplicationRef);
+    private updates = inject(SwUpdate);
+    private serverDateService = inject(ArtemisServerDateService);
+    private alertService = inject(AlertService);
+    private injectedWindow = inject<Window>(WINDOW_INJECTOR_TOKEN);
+
     // The currently displayed alert
     private alert: Alert;
     // Indicates whether we ever saw an outdated state since last reload
     private hasSeenOutdatedInThisSession = false;
 
-    constructor(
-        private appRef: ApplicationRef,
-        private updates: SwUpdate,
-        private serverDateService: ArtemisServerDateService,
-        private alertService: AlertService,
-        @Inject(WINDOW_INJECTOR_TOKEN) private injectedWindow: Window,
-    ) {
+    constructor() {
+        const appRef = this.appRef;
+
         // Allow the app to stabilize first, before starting
         // polling for updates with `interval()`.
         const appIsStableOrTimeout = appRef.isStable.pipe(
diff --git a/src/main/webapp/app/core/interceptor/auth-expired.interceptor.ts b/src/main/webapp/app/core/interceptor/auth-expired.interceptor.ts
index 560b79ecfce6..ef73ff1f2bea 100644
--- a/src/main/webapp/app/core/interceptor/auth-expired.interceptor.ts
+++ b/src/main/webapp/app/core/interceptor/auth-expired.interceptor.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpErrorResponse, HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { tap } from 'rxjs/operators';
@@ -9,12 +9,10 @@ import { AccountService } from 'app/core/auth/account.service';
 
 @Injectable()
 export class AuthExpiredInterceptor implements HttpInterceptor {
-    constructor(
-        private loginService: LoginService,
-        private stateStorageService: StateStorageService,
-        private router: Router,
-        private accountService: AccountService,
-    ) {}
+    private loginService = inject(LoginService);
+    private stateStorageService = inject(StateStorageService);
+    private router = inject(Router);
+    private accountService = inject(AccountService);
 
     /**
      * Identifies and handles a given HTTP request. If the request's error status is 401, the current user will be logged out.
diff --git a/src/main/webapp/app/core/interceptor/browser-fingerprint.interceptor.service.ts b/src/main/webapp/app/core/interceptor/browser-fingerprint.interceptor.service.ts
index d51cca4a20d1..6933636e07ea 100644
--- a/src/main/webapp/app/core/interceptor/browser-fingerprint.interceptor.service.ts
+++ b/src/main/webapp/app/core/interceptor/browser-fingerprint.interceptor.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { BrowserFingerprintService } from 'app/shared/fingerprint/browser-fingerprint.service';
@@ -6,10 +6,14 @@ import { isRequestToArtemisServer } from './interceptor.util';
 
 @Injectable()
 export class BrowserFingerprintInterceptor implements HttpInterceptor {
+    private browserFingerprintService = inject(BrowserFingerprintService);
+
     private fingerprint?: string;
     private instanceIdentifier?: string;
 
-    constructor(private browserFingerprintService: BrowserFingerprintService) {
+    constructor() {
+        const browserFingerprintService = this.browserFingerprintService;
+
         browserFingerprintService.fingerprint.subscribe((fingerprint) => (this.fingerprint = fingerprint));
         browserFingerprintService.instanceIdentifier.subscribe((instanceIdentifier) => (this.instanceIdentifier = instanceIdentifier));
     }
diff --git a/src/main/webapp/app/core/interceptor/errorhandler.interceptor.ts b/src/main/webapp/app/core/interceptor/errorhandler.interceptor.ts
index 6b3b3ce0b9c5..8a3d009fd985 100644
--- a/src/main/webapp/app/core/interceptor/errorhandler.interceptor.ts
+++ b/src/main/webapp/app/core/interceptor/errorhandler.interceptor.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpErrorResponse, HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { tap } from 'rxjs/operators';
@@ -7,10 +7,8 @@ import { AccountService } from 'app/core/auth/account.service';
 
 @Injectable()
 export class ErrorHandlerInterceptor implements HttpInterceptor {
-    constructor(
-        private eventManager: EventManager,
-        private accountService: AccountService,
-    ) {}
+    private eventManager = inject(EventManager);
+    private accountService = inject(AccountService);
 
     /**
      * Identifies and handles a given HTTP request. If the request's error status is not 401 while the user is not
diff --git a/src/main/webapp/app/core/interceptor/notification.interceptor.ts b/src/main/webapp/app/core/interceptor/notification.interceptor.ts
index 60cbd80bf09a..e39212e9a8d9 100644
--- a/src/main/webapp/app/core/interceptor/notification.interceptor.ts
+++ b/src/main/webapp/app/core/interceptor/notification.interceptor.ts
@@ -1,12 +1,12 @@
 import { HttpEvent, HttpHandler, HttpInterceptor, HttpRequest, HttpResponse } from '@angular/common/http';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { Observable } from 'rxjs';
 import { tap } from 'rxjs/operators';
 import { AlertService } from 'app/core/util/alert.service';
 
 @Injectable()
 export class NotificationInterceptor implements HttpInterceptor {
-    constructor(private alertService: AlertService) {}
+    private alertService = inject(AlertService);
 
     /**
      * Identifies and handles a given HTTP request. If the event is a HttpResponse and contains an alert, the alert
diff --git a/src/main/webapp/app/core/language/language.helper.ts b/src/main/webapp/app/core/language/language.helper.ts
index 60cfe80b69c2..5d5673c77263 100644
--- a/src/main/webapp/app/core/language/language.helper.ts
+++ b/src/main/webapp/app/core/language/language.helper.ts
@@ -1,4 +1,4 @@
-import { Injectable, Renderer2, RendererFactory2 } from '@angular/core';
+import { Injectable, Renderer2, RendererFactory2, inject } from '@angular/core';
 import { Title } from '@angular/platform-browser';
 import { ActivatedRouteSnapshot, Router } from '@angular/router';
 import { TranslateService } from '@ngx-translate/core';
@@ -11,17 +11,18 @@ import { LocaleConversionService } from 'app/shared/service/locale-conversion.se
 
 @Injectable({ providedIn: 'root' })
 export class JhiLanguageHelper {
+    private translateService = inject(TranslateService);
+    private localeConversionService = inject(LocaleConversionService);
+    private titleService = inject(Title);
+    private router = inject(Router);
+    private sessionStorage = inject(SessionStorageService);
+
     private renderer: Renderer2;
     private _language: BehaviorSubject<string>;
 
-    constructor(
-        private translateService: TranslateService,
-        private localeConversionService: LocaleConversionService,
-        private titleService: Title,
-        private router: Router,
-        rootRenderer: RendererFactory2,
-        private sessionStorage: SessionStorageService,
-    ) {
+    constructor() {
+        const rootRenderer = inject(RendererFactory2);
+
         this._language = new BehaviorSubject<string>(this.translateService.currentLang);
         this.renderer = rootRenderer.createRenderer(document.querySelector('html'), null);
         this.init();
diff --git a/src/main/webapp/app/core/legal/data-export/confirmation/data-export-confirmation-dialog.component.ts b/src/main/webapp/app/core/legal/data-export/confirmation/data-export-confirmation-dialog.component.ts
index 9887df9239e3..aaa457e0927e 100644
--- a/src/main/webapp/app/core/legal/data-export/confirmation/data-export-confirmation-dialog.component.ts
+++ b/src/main/webapp/app/core/legal/data-export/confirmation/data-export-confirmation-dialog.component.ts
@@ -1,15 +1,23 @@
-import { Component, EventEmitter, OnDestroy, OnInit, Output, ViewChild } from '@angular/core';
+import { Component, EventEmitter, OnDestroy, OnInit, Output, ViewChild, inject } from '@angular/core';
 import { Observable, Subscription } from 'rxjs';
 import { AlertService } from 'app/core/util/alert.service';
-import { NgForm } from '@angular/forms';
+import { FormsModule, NgForm } from '@angular/forms';
 import { faBan, faCheck, faSpinner } from '@fortawesome/free-solid-svg-icons';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { TypeAheadUserSearchFieldComponent } from 'app/shared/type-ahead-search-field/type-ahead-user-search-field.component';
+import { ConfirmEntityNameComponent } from 'app/shared/confirm-entity-name/confirm-entity-name.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 @Component({
     selector: 'jhi-data-export-confirmation-dialog',
     templateUrl: './data-export-confirmation-dialog.component.html',
+    imports: [FormsModule, TranslateDirective, TypeAheadUserSearchFieldComponent, ConfirmEntityNameComponent, FaIconComponent],
 })
 export class DataExportConfirmationDialogComponent implements OnInit, OnDestroy {
+    private activeModal = inject(NgbActiveModal);
+    private alertService = inject(AlertService);
+
     private dialogErrorSubscription: Subscription;
     dialogError: Observable<string>;
     @Output() dataExportRequest: EventEmitter<void>;
@@ -31,11 +39,6 @@ export class DataExportConfirmationDialogComponent implements OnInit, OnDestroy
     faSpinner = faSpinner;
     faCheck = faCheck;
 
-    constructor(
-        private activeModal: NgbActiveModal,
-        private alertService: AlertService,
-    ) {}
-
     /**
      * Life cycle hook called by Angular to indicate that Angular is done creating the component
      */
diff --git a/src/main/webapp/app/core/legal/data-export/confirmation/data-export-confirmation-dialog.service.ts b/src/main/webapp/app/core/legal/data-export/confirmation/data-export-confirmation-dialog.service.ts
index f4d24980e435..ef6f6ea01b2f 100644
--- a/src/main/webapp/app/core/legal/data-export/confirmation/data-export-confirmation-dialog.service.ts
+++ b/src/main/webapp/app/core/legal/data-export/confirmation/data-export-confirmation-dialog.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { from } from 'rxjs';
 import { AlertService } from 'app/core/util/alert.service';
@@ -7,12 +7,10 @@ import { DataExportConfirmationDialogComponent } from 'app/core/legal/data-expor
 
 @Injectable({ providedIn: 'root' })
 export class DataExportConfirmationDialogService {
-    modalRef: NgbModalRef | null;
+    private modalService = inject(NgbModal);
+    alertService = inject(AlertService);
 
-    constructor(
-        private modalService: NgbModal,
-        public alertService: AlertService,
-    ) {}
+    modalRef: NgbModalRef | null;
 
     /**
      * Opens data export confirmation dialog
diff --git a/src/main/webapp/app/core/legal/data-export/confirmation/data-export-request-button.directive.ts b/src/main/webapp/app/core/legal/data-export/confirmation/data-export-request-button.directive.ts
index 9a56872cde64..f2134afd8bb7 100644
--- a/src/main/webapp/app/core/legal/data-export/confirmation/data-export-request-button.directive.ts
+++ b/src/main/webapp/app/core/legal/data-export/confirmation/data-export-request-button.directive.ts
@@ -1,4 +1,4 @@
-import { Directive, ElementRef, EventEmitter, HostListener, Input, OnInit, Output, Renderer2 } from '@angular/core';
+import { Directive, ElementRef, EventEmitter, HostListener, Input, OnInit, Output, Renderer2, inject } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import { Observable } from 'rxjs';
 import { DataExportConfirmationDialogData } from 'app/core/legal/data-export/confirmation/data-export-confirmation-dialog.model';
@@ -6,6 +6,11 @@ import { DataExportConfirmationDialogService } from 'app/core/legal/data-export/
 
 @Directive({ selector: '[jhiDataExportRequestButton]' })
 export class DataExportRequestButtonDirective implements OnInit {
+    private dataExportConfirmationDialogService = inject(DataExportConfirmationDialogService);
+    private renderer = inject(Renderer2);
+    private elementRef = inject(ElementRef);
+    private translateService = inject(TranslateService);
+
     @Input() expectedLogin: string;
     @Input() dialogError: Observable<string>;
     @Input() adminDialog = false;
@@ -13,13 +18,6 @@ export class DataExportRequestButtonDirective implements OnInit {
     @Output() dataExportRequestForAnotherUser = new EventEmitter<string>();
     private buttonText: HTMLElement;
 
-    constructor(
-        private dataExportConfirmationDialogService: DataExportConfirmationDialogService,
-        private renderer: Renderer2,
-        private elementRef: ElementRef,
-        private translateService: TranslateService,
-    ) {}
-
     /**
      * This method appends classes and type property to the button on which directive was used, additionally adds a span tag with delete text.
      * We can't use component, as Angular would wrap it in its own tag and this will break button grouping that we are using for other buttons.
diff --git a/src/main/webapp/app/core/legal/data-export/data-export.component.ts b/src/main/webapp/app/core/legal/data-export/data-export.component.ts
index 37b5de87c4e7..d402dc621668 100644
--- a/src/main/webapp/app/core/legal/data-export/data-export.component.ts
+++ b/src/main/webapp/app/core/legal/data-export/data-export.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { ActionType } from 'app/shared/delete-dialog/delete-dialog.model';
 import { Subject } from 'rxjs';
 import { ButtonSize, ButtonType } from 'app/shared/components/button.component';
@@ -9,12 +9,23 @@ import { AlertService } from 'app/core/util/alert.service';
 import { DataExport, DataExportState } from 'app/entities/data-export.model';
 import { ActivatedRoute } from '@angular/router';
 import { convertDateFromServer } from 'app/utils/date.utils';
+import { DataExportRequestButtonDirective } from './confirmation/data-export-request-button.directive';
+import { ButtonComponent } from 'app/shared/components/button.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-data-export',
     templateUrl: './data-export.component.html',
+    imports: [DataExportRequestButtonDirective, ButtonComponent, TranslateDirective, ArtemisDatePipe, ArtemisTranslatePipe],
 })
 export class DataExportComponent implements OnInit {
+    private dataExportService = inject(DataExportService);
+    private accountService = inject(AccountService);
+    private alertService = inject(AlertService);
+    private route = inject(ActivatedRoute);
+
     readonly ActionType = ActionType;
     readonly ButtonSize = ButtonSize;
     readonly ButtonType = ButtonType;
@@ -34,13 +45,6 @@ export class DataExportComponent implements OnInit {
     dataExport: DataExport = new DataExport();
     isAdmin = false;
 
-    constructor(
-        private dataExportService: DataExportService,
-        private accountService: AccountService,
-        private alertService: AlertService,
-        private route: ActivatedRoute,
-    ) {}
-
     ngOnInit() {
         this.currentLogin = this.accountService.userIdentity?.login;
         this.isAdmin = this.accountService.isAdmin();
diff --git a/src/main/webapp/app/core/legal/data-export/data-export.service.ts b/src/main/webapp/app/core/legal/data-export/data-export.service.ts
index f7b2ce5a8527..87296c4d7cd5 100644
--- a/src/main/webapp/app/core/legal/data-export/data-export.service.ts
+++ b/src/main/webapp/app/core/legal/data-export/data-export.service.ts
@@ -1,11 +1,11 @@
 import { HttpClient } from '@angular/common/http';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { Observable } from 'rxjs';
 import { DataExport } from 'app/entities/data-export.model';
 
 @Injectable({ providedIn: 'root' })
 export class DataExportService {
-    constructor(private http: HttpClient) {}
+    private http = inject(HttpClient);
 
     requestDataExport(): Observable<DataExport> {
         return this.http.post<DataExport>(`api/data-exports`, {});
diff --git a/src/main/webapp/app/core/legal/imprint-routing.module.ts b/src/main/webapp/app/core/legal/imprint-routing.module.ts
index 08ec21c8f666..9facac88ab95 100644
--- a/src/main/webapp/app/core/legal/imprint-routing.module.ts
+++ b/src/main/webapp/app/core/legal/imprint-routing.module.ts
@@ -1,8 +1,6 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 
-import { ImprintComponent } from 'app/core/legal/imprint.component';
-
 const routes: Routes = [
     {
         path: '',
@@ -10,7 +8,7 @@ const routes: Routes = [
             {
                 path: '',
                 pathMatch: 'full',
-                component: ImprintComponent,
+                loadComponent: () => import('app/core/legal/imprint.component').then((m) => m.ImprintComponent),
                 data: {
                     authorities: [],
                     pageTitle: 'artemisApp.legal.imprint.title',
@@ -18,7 +16,7 @@ const routes: Routes = [
             },
             {
                 path: ':fragment',
-                component: ImprintComponent,
+                loadComponent: () => import('app/core/legal/imprint.component').then((m) => m.ImprintComponent),
                 data: {
                     authorities: [],
                     pageTitle: 'artemisApp.legal.imprint.title',
diff --git a/src/main/webapp/app/core/legal/imprint.component.ts b/src/main/webapp/app/core/legal/imprint.component.ts
index c7b1ca5e2ff6..d86d46451247 100644
--- a/src/main/webapp/app/core/legal/imprint.component.ts
+++ b/src/main/webapp/app/core/legal/imprint.component.ts
@@ -1,24 +1,24 @@
-import { AfterViewInit, Component, OnDestroy, OnInit } from '@angular/core';
+import { AfterViewInit, Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { Subscription } from 'rxjs';
 import { JhiLanguageHelper } from 'app/core/language/language.helper';
 import { LegalDocumentLanguage } from 'app/entities/legal-document.model';
 import { LegalDocumentService } from 'app/shared/service/legal-document.service';
+import { HtmlForMarkdownPipe } from 'app/shared/pipes/html-for-markdown.pipe';
 
 @Component({
     selector: 'jhi-imprint',
     template: ` <div [innerHTML]="imprint | htmlForMarkdown"></div> `,
+    imports: [HtmlForMarkdownPipe],
 })
 export class ImprintComponent implements AfterViewInit, OnInit, OnDestroy {
+    private route = inject(ActivatedRoute);
+    private legalDocumentService = inject(LegalDocumentService);
+    private languageHelper = inject(JhiLanguageHelper);
+
     imprint?: string;
     private languageChangeSubscription?: Subscription;
 
-    constructor(
-        private route: ActivatedRoute,
-        private legalDocumentService: LegalDocumentService,
-        private languageHelper: JhiLanguageHelper,
-    ) {}
-
     /**
      * On init get the Imprint statement file from the Artemis server and set up a subscription to fetch the file again if the language was changed.
      */
diff --git a/src/main/webapp/app/core/legal/imprint.module.ts b/src/main/webapp/app/core/legal/imprint.module.ts
index 867b3209bdbb..d731771c22fd 100644
--- a/src/main/webapp/app/core/legal/imprint.module.ts
+++ b/src/main/webapp/app/core/legal/imprint.module.ts
@@ -7,7 +7,6 @@ import { ImprintComponent } from 'app/core/legal/imprint.component';
 import { ArtemisMarkdownModule } from 'app/shared/markdown.module';
 
 @NgModule({
-    declarations: [ImprintComponent],
-    imports: [CommonModule, ArtemisSharedModule, ImprintRoutingModule, ArtemisMarkdownModule],
+    imports: [CommonModule, ArtemisSharedModule, ImprintRoutingModule, ArtemisMarkdownModule, ImprintComponent],
 })
 export class ArtemisImprintModule {}
diff --git a/src/main/webapp/app/core/legal/privacy-routing.module.ts b/src/main/webapp/app/core/legal/privacy-routing.module.ts
index 4ea113f257b1..cae0efb8ebd4 100644
--- a/src/main/webapp/app/core/legal/privacy-routing.module.ts
+++ b/src/main/webapp/app/core/legal/privacy-routing.module.ts
@@ -1,15 +1,13 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 
-import { PrivacyComponent } from 'app/core/legal/privacy.component';
-import { DataExportComponent } from 'app/core/legal/data-export/data-export.component';
 import { Authority } from 'app/shared/constants/authority.constants';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
 
 const routes: Routes = [
     {
         path: 'data-exports/:id',
-        component: DataExportComponent,
+        loadComponent: () => import('app/core/legal/data-export/data-export.component').then((m) => m.DataExportComponent),
         data: {
             authorities: [Authority.USER],
             pageTitle: 'artemisApp.dataExport.title',
@@ -18,7 +16,7 @@ const routes: Routes = [
     },
     {
         path: 'data-exports',
-        component: DataExportComponent,
+        loadComponent: () => import('app/core/legal/data-export/data-export.component').then((m) => m.DataExportComponent),
         data: {
             authorities: [Authority.USER],
             pageTitle: 'artemisApp.dataExport.title',
@@ -31,7 +29,7 @@ const routes: Routes = [
             {
                 path: '',
                 pathMatch: 'full',
-                component: PrivacyComponent,
+                loadComponent: () => import('app/core/legal/privacy.component').then((m) => m.PrivacyComponent),
                 data: {
                     authorities: [],
                     pageTitle: 'artemisApp.legal.privacyStatement.title',
@@ -39,7 +37,7 @@ const routes: Routes = [
             },
             {
                 path: ':fragment',
-                component: PrivacyComponent,
+                loadComponent: () => import('app/core/legal/privacy.component').then((m) => m.PrivacyComponent),
                 data: {
                     authorities: [],
                     pageTitle: 'artemisApp.legal.privacyStatement.title',
diff --git a/src/main/webapp/app/core/legal/privacy.component.ts b/src/main/webapp/app/core/legal/privacy.component.ts
index 95a9b73eec9c..c7be0da1f787 100644
--- a/src/main/webapp/app/core/legal/privacy.component.ts
+++ b/src/main/webapp/app/core/legal/privacy.component.ts
@@ -1,10 +1,12 @@
-import { AfterViewInit, Component, OnDestroy, OnInit } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
+import { AfterViewInit, Component, OnDestroy, OnInit, inject } from '@angular/core';
+import { ActivatedRoute, RouterLink } from '@angular/router';
 import { Subscription } from 'rxjs';
 import { JhiLanguageHelper } from 'app/core/language/language.helper';
 import { AccountService } from 'app/core/auth/account.service';
 import { LegalDocumentService } from 'app/shared/service/legal-document.service';
 import { LegalDocumentLanguage } from 'app/entities/legal-document.model';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { HtmlForMarkdownPipe } from 'app/shared/pipes/html-for-markdown.pipe';
 
 @Component({
     selector: 'jhi-privacy',
@@ -14,19 +16,18 @@ import { LegalDocumentLanguage } from 'app/entities/legal-document.model';
             <a jhiTranslate="artemisApp.dataExport.title" [routerLink]="['/privacy/data-exports']"> </a>
         }
     `,
+    imports: [TranslateDirective, RouterLink, HtmlForMarkdownPipe],
 })
 export class PrivacyComponent implements AfterViewInit, OnInit, OnDestroy {
+    private route = inject(ActivatedRoute);
+    private legalDocumentService = inject(LegalDocumentService);
+    private languageHelper = inject(JhiLanguageHelper);
+    private accountService = inject(AccountService);
+
     privacyStatement?: string;
     private languageChangeSubscription?: Subscription;
     isAuthenticated: boolean;
 
-    constructor(
-        private route: ActivatedRoute,
-        private legalDocumentService: LegalDocumentService,
-        private languageHelper: JhiLanguageHelper,
-        private accountService: AccountService,
-    ) {}
-
     /**
      * On init get the privacy statement file from the Artemis server and set up a subscription to fetch the file again if the language was changed.
      */
diff --git a/src/main/webapp/app/core/legal/privacy.module.ts b/src/main/webapp/app/core/legal/privacy.module.ts
index 54f04bfe99df..2a7ac518f8c8 100644
--- a/src/main/webapp/app/core/legal/privacy.module.ts
+++ b/src/main/webapp/app/core/legal/privacy.module.ts
@@ -12,7 +12,17 @@ import { DataExportRequestButtonDirective } from 'app/core/legal/data-export/con
 import { TypeAheadUserSearchFieldModule } from 'app/shared/type-ahead-search-field/type-ahead-user-search-field.module';
 
 @NgModule({
-    declarations: [PrivacyComponent, DataExportComponent, DataExportConfirmationDialogComponent, DataExportRequestButtonDirective],
-    imports: [CommonModule, ArtemisSharedComponentModule, ArtemisSharedModule, PrivacyRoutingModule, ArtemisMarkdownModule, TypeAheadUserSearchFieldModule],
+    imports: [
+        CommonModule,
+        ArtemisSharedComponentModule,
+        ArtemisSharedModule,
+        PrivacyRoutingModule,
+        ArtemisMarkdownModule,
+        TypeAheadUserSearchFieldModule,
+        PrivacyComponent,
+        DataExportComponent,
+        DataExportConfirmationDialogComponent,
+        DataExportRequestButtonDirective,
+    ],
 })
 export class ArtemisPrivacyModule {}
diff --git a/src/main/webapp/app/core/sentry/sentry.error-handler.ts b/src/main/webapp/app/core/sentry/sentry.error-handler.ts
index be90f524d878..da452aee779d 100644
--- a/src/main/webapp/app/core/sentry/sentry.error-handler.ts
+++ b/src/main/webapp/app/core/sentry/sentry.error-handler.ts
@@ -35,10 +35,6 @@ export class SentryErrorHandler extends ErrorHandler {
         });
     }
 
-    constructor() {
-        super();
-    }
-
     /**
      * Send an HttpError to Sentry. Only if it's not in the range 400-499.
      * @param error
diff --git a/src/main/webapp/app/core/theme/theme-switch.component.ts b/src/main/webapp/app/core/theme/theme-switch.component.ts
index 2108bd3a0fb6..29c20a61a52b 100644
--- a/src/main/webapp/app/core/theme/theme-switch.component.ts
+++ b/src/main/webapp/app/core/theme/theme-switch.component.ts
@@ -20,7 +20,6 @@ import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
     styleUrls: ['theme-switch.component.scss'],
     imports: [TranslateModule, CommonModule, ArtemisSharedModule, NgbModule, FontAwesomeModule],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
 })
 export class ThemeSwitchComponent implements OnInit {
     protected readonly faSync = faSync;
diff --git a/src/main/webapp/app/core/user/admin-user.service.ts b/src/main/webapp/app/core/user/admin-user.service.ts
index 73e14d154597..a3d0efd1d496 100644
--- a/src/main/webapp/app/core/user/admin-user.service.ts
+++ b/src/main/webapp/app/core/user/admin-user.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
 
@@ -8,9 +8,9 @@ import { UserFilter } from 'app/admin/user-management/user-management.component'
 
 @Injectable({ providedIn: 'root' })
 export class AdminUserService {
-    public resourceUrl = 'api/admin/users';
+    private http = inject(HttpClient);
 
-    constructor(private http: HttpClient) {}
+    public resourceUrl = 'api/admin/users';
 
     /**
      * Create a user on the server.
diff --git a/src/main/webapp/app/core/user/user.service.ts b/src/main/webapp/app/core/user/user.service.ts
index 7544c8525fe0..63c7fea088b0 100644
--- a/src/main/webapp/app/core/user/user.service.ts
+++ b/src/main/webapp/app/core/user/user.service.ts
@@ -1,13 +1,13 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { User } from 'app/core/user/user.model';
 
 @Injectable({ providedIn: 'root' })
 export class UserService {
-    public resourceUrl = 'api/users';
+    private http = inject(HttpClient);
 
-    constructor(private http: HttpClient) {}
+    public resourceUrl = 'api/users';
 
     /**
      * Search for a user on the server by login or name.
diff --git a/src/main/webapp/app/core/util/alert.service.ts b/src/main/webapp/app/core/util/alert.service.ts
index a2052b623c6c..dbc534b0efdb 100644
--- a/src/main/webapp/app/core/util/alert.service.ts
+++ b/src/main/webapp/app/core/util/alert.service.ts
@@ -1,4 +1,4 @@
-import { Injectable, NgZone, SecurityContext } from '@angular/core';
+import { Injectable, NgZone, SecurityContext, inject } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
 import { TranslateService } from '@ngx-translate/core';
 import { translationNotFoundMessage } from 'app/core/config/translation.config';
@@ -57,6 +57,10 @@ const DEFAULT_DISMISSIBLE = true;
     providedIn: 'root',
 })
 export class AlertService {
+    private sanitizer = inject(DomSanitizer);
+    private ngZone = inject(NgZone);
+    private translateService = inject(TranslateService);
+
     private alerts: AlertInternal[] = [];
 
     errorListener: Subscription;
@@ -64,12 +68,9 @@ export class AlertService {
 
     readonly conflictErrorKeysToSkip: string[] = ['cannotRegisterInstructor'];
 
-    constructor(
-        private sanitizer: DomSanitizer,
-        private ngZone: NgZone,
-        private translateService: TranslateService,
-        eventManager: EventManager,
-    ) {
+    constructor() {
+        const eventManager = inject(EventManager);
+
         this.errorListener = eventManager.subscribe('artemisApp.error', (response: EventWithContent<unknown> | string) => {
             const errorResponse = (response as EventWithContent<AlertError>).content;
             this.addErrorAlert(errorResponse.message, errorResponse.translationKey, errorResponse.translationParams);
@@ -97,8 +98,8 @@ export class AlertService {
                             entityKey = httpErrorResponse.headers.get(entry);
                         }
                     });
-                    if (errorHeader && !translateService.instant(errorHeader).startsWith(translationNotFoundMessage)) {
-                        const entityName = translateService.instant('global.menu.entities.' + entityKey);
+                    if (errorHeader && !this.translateService.instant(errorHeader).startsWith(translationNotFoundMessage)) {
+                        const entityName = this.translateService.instant('global.menu.entities.' + entityKey);
                         this.addErrorAlert(errorHeader, errorHeader, { entityName, ...httpErrorResponse.error?.params });
                     } else if (httpErrorResponse.error && httpErrorResponse.error.fieldErrors) {
                         const fieldErrors = httpErrorResponse.error.fieldErrors;
@@ -110,7 +111,7 @@ export class AlertService {
                             }
                             // convert 'something[14].other[4].id' to 'something[].other[].id' so translations can be written to it
                             const convertedField = fieldError.field.replace(/\[\d*\]/g, '[]');
-                            const fieldName = translateService.instant('artemisApp.' + fieldError.objectName + '.' + convertedField);
+                            const fieldName = this.translateService.instant('artemisApp.' + fieldError.objectName + '.' + convertedField);
                             this.addErrorAlert('Error on field "' + fieldName + '"', 'error.' + fieldError.message, { fieldName });
                         }
                     } else if (httpErrorResponse.error && httpErrorResponse.error.title) {
diff --git a/src/main/webapp/app/course/competencies/competencies-popover/competencies-popover.component.ts b/src/main/webapp/app/course/competencies/competencies-popover/competencies-popover.component.ts
index bdc5747b4ed3..2ef00f2d3588 100644
--- a/src/main/webapp/app/course/competencies/competencies-popover/competencies-popover.component.ts
+++ b/src/main/webapp/app/course/competencies/competencies-popover/competencies-popover.component.ts
@@ -1,12 +1,17 @@
 import { Component, Input, OnInit, ViewEncapsulation } from '@angular/core';
 import { faFlag } from '@fortawesome/free-solid-svg-icons';
 import { CompetencyLectureUnitLink } from 'app/entities/competency.model';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { RouterLink } from '@angular/router';
+import { NgbPopover } from '@ng-bootstrap/ng-bootstrap';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 @Component({
     selector: 'jhi-competencies-popover',
     templateUrl: './competencies-popover.component.html',
     styleUrls: ['./competencies-popover.component.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [TranslateDirective, RouterLink, NgbPopover, FaIconComponent],
 })
 export class CompetenciesPopoverComponent implements OnInit {
     @Input()
@@ -21,8 +26,6 @@ export class CompetenciesPopoverComponent implements OnInit {
     // Icons
     faFlag = faFlag;
 
-    constructor() {}
-
     ngOnInit(): void {
         if (this.courseId) {
             switch (this.navigateTo) {
diff --git a/src/main/webapp/app/course/competencies/competency-accordion/competency-accordion.component.ts b/src/main/webapp/app/course/competencies/competency-accordion/competency-accordion.component.ts
index 51fd9e4ae16c..0049a4e749ee 100644
--- a/src/main/webapp/app/course/competencies/competency-accordion/competency-accordion.component.ts
+++ b/src/main/webapp/app/course/competencies/competency-accordion/competency-accordion.component.ts
@@ -1,15 +1,22 @@
-import { Component, EventEmitter, Input, OnChanges, Output, SimpleChanges } from '@angular/core';
+import { Component, EventEmitter, Input, OnChanges, Output, SimpleChanges, inject } from '@angular/core';
 import { faFile, faFilePdf, faList } from '@fortawesome/free-solid-svg-icons';
 import { MIN_SCORE_GREEN } from 'app/app.constants';
 import { Competency, CompetencyJol, CompetencyProgress, getConfidence, getIcon, getMastery, getProgress } from 'app/entities/competency.model';
 import { Course } from 'app/entities/course.model';
-import { Router } from '@angular/router';
+import { Router, RouterLink } from '@angular/router';
 import { CompetencyInformation, LectureUnitInformation, StudentMetrics } from 'app/entities/student-metrics.model';
 import { round } from 'app/shared/util/utils';
 import { Exercise } from 'app/entities/exercise.model';
 import dayjs from 'dayjs/esm';
 import { LectureUnitType, lectureUnitIcons, lectureUnitTooltips } from 'app/entities/lecture-unit/lectureUnit.model';
 import { isStartPracticeAvailable } from 'app/exercises/shared/exercise/exercise.utils';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbProgressbar, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { CompetencyRingsComponent } from '../competency-rings/competency-rings.component';
+import { JudgementOfLearningRatingComponent } from '../judgement-of-learning-rating/judgement-of-learning-rating.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { CourseExerciseRowComponent } from 'app/overview/course-exercises/course-exercise-row.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 export interface CompetencyAccordionToggleEvent {
     opened: boolean;
@@ -20,8 +27,21 @@ export interface CompetencyAccordionToggleEvent {
     selector: 'jhi-competency-accordion',
     templateUrl: './competency-accordion.component.html',
     styleUrl: './competency-accordion.component.scss',
+    imports: [
+        FaIconComponent,
+        NgbTooltip,
+        NgbProgressbar,
+        CompetencyRingsComponent,
+        JudgementOfLearningRatingComponent,
+        TranslateDirective,
+        CourseExerciseRowComponent,
+        RouterLink,
+        ArtemisTranslatePipe,
+    ],
 })
 export class CompetencyAccordionComponent implements OnChanges {
+    private router = inject(Router);
+
     @Input() course: Course | undefined;
     @Input() competency: CompetencyInformation;
     @Input() metrics: StudentMetrics;
@@ -53,8 +73,6 @@ export class CompetencyAccordionComponent implements OnChanges {
     protected readonly getMastery = getMastery;
     protected readonly round = round;
 
-    constructor(private router: Router) {}
-
     ngOnChanges(changes: SimpleChanges) {
         if (changes.openedIndex && this.index !== this.openedIndex) {
             this.open = false;
diff --git a/src/main/webapp/app/course/competencies/competency-card/competency-card.component.ts b/src/main/webapp/app/course/competencies/competency-card/competency-card.component.ts
index 462369931d12..6a3293bd12af 100644
--- a/src/main/webapp/app/course/competencies/competency-card/competency-card.component.ts
+++ b/src/main/webapp/app/course/competencies/competency-card/competency-card.component.ts
@@ -1,14 +1,26 @@
 import dayjs from 'dayjs/esm';
-import { Component, input } from '@angular/core';
+import { Component, inject, input } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import { CompetencyProgress, CourseCompetency, getIcon, getMastery, getProgress } from 'app/entities/competency.model';
+import { RouterLink } from '@angular/router';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgClass } from '@angular/common';
+import { CompetencyRingsComponent } from '../competency-rings/competency-rings.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { ArtemisTimeAgoPipe } from 'app/shared/pipes/artemis-time-ago.pipe';
+import { HtmlForMarkdownPipe } from 'app/shared/pipes/html-for-markdown.pipe';
 
 @Component({
     selector: 'jhi-competency-card',
     templateUrl: './competency-card.component.html',
     styleUrls: ['../../../overview/course-exercises/course-exercise-row.scss'],
+    imports: [RouterLink, FaIconComponent, NgbTooltip, TranslateDirective, NgClass, CompetencyRingsComponent, ArtemisTranslatePipe, ArtemisTimeAgoPipe, HtmlForMarkdownPipe],
 })
 export class CompetencyCardComponent {
+    translateService = inject(TranslateService);
+
     courseId = input<number | undefined>();
     competency = input<CourseCompetency>();
     isPrerequisite = input<boolean>();
@@ -17,8 +29,6 @@ export class CompetencyCardComponent {
 
     protected readonly getIcon = getIcon;
 
-    constructor(public translateService: TranslateService) {}
-
     getUserProgress(): CompetencyProgress {
         const userProgress = this.competency()?.userProgress?.first();
         if (userProgress) {
diff --git a/src/main/webapp/app/course/competencies/competency-management/competency-management-table.component.ts b/src/main/webapp/app/course/competencies/competency-management/competency-management-table.component.ts
index 7d939bdf5c67..ba3cc6666a17 100644
--- a/src/main/webapp/app/course/competencies/competency-management/competency-management-table.component.ts
+++ b/src/main/webapp/app/course/competencies/competency-management/competency-management-table.component.ts
@@ -7,7 +7,7 @@ import { filter, map } from 'rxjs/operators';
 import { onError } from 'app/shared/util/global.utils';
 import { Subject } from 'rxjs';
 import { faFileImport, faPencilAlt, faPlus, faTrash } from '@fortawesome/free-solid-svg-icons';
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { NgbDropdown, NgbDropdownMenu, NgbDropdownToggle, NgbModal, NgbProgressbar } from '@ng-bootstrap/ng-bootstrap';
 import { ImportAllCompetenciesComponent, ImportAllFromCourseResult } from 'app/course/competencies/competency-management/import-all-competencies.component';
 import { PrerequisiteService } from 'app/course/competencies/prerequisite.service';
 import { ArtemisSharedModule } from 'app/shared/shared.module';
@@ -16,16 +16,16 @@ import { ArtemisMarkdownModule } from 'app/shared/markdown.module';
 @Component({
     selector: 'jhi-competency-management-table',
     templateUrl: './competency-management-table.component.html',
-    standalone: true,
-    imports: [ArtemisSharedModule, ArtemisMarkdownModule],
+    imports: [ArtemisSharedModule, ArtemisMarkdownModule, NgbProgressbar, NgbDropdown, NgbDropdownMenu, NgbDropdownToggle],
 })
 export class CompetencyManagementTableComponent implements OnInit, OnDestroy {
     @Input() courseId: number;
     @Input() courseCompetencies: CourseCompetency[] = [];
-    allCompetencies = model.required<CourseCompetency[]>();
     @Input() competencyType: CourseCompetencyType;
     @Input() standardizedCompetenciesEnabled: boolean;
 
+    allCompetencies = model.required<CourseCompetency[]>();
+
     @Output() competencyDeleted = new EventEmitter<number>();
 
     service: CompetencyService | PrerequisiteService;
diff --git a/src/main/webapp/app/course/competencies/competency-management/competency-management.component.ts b/src/main/webapp/app/course/competencies/competency-management/competency-management.component.ts
index c0c3c3936f71..2b80ae142184 100644
--- a/src/main/webapp/app/course/competencies/competency-management/competency-management.component.ts
+++ b/src/main/webapp/app/course/competencies/competency-management/competency-management.component.ts
@@ -26,7 +26,6 @@ import { toSignal } from '@angular/core/rxjs-interop';
 @Component({
     selector: 'jhi-competency-management',
     templateUrl: './competency-management.component.html',
-    standalone: true,
     imports: [CompetencyManagementTableComponent, TranslateDirective, FontAwesomeModule, RouterModule, ArtemisSharedComponentModule],
 })
 export class CompetencyManagementComponent implements OnInit {
diff --git a/src/main/webapp/app/course/competencies/competency-management/import-all-competencies.component.ts b/src/main/webapp/app/course/competencies/competency-management/import-all-competencies.component.ts
index 9774c03a1bbe..ead28d847b8f 100644
--- a/src/main/webapp/app/course/competencies/competency-management/import-all-competencies.component.ts
+++ b/src/main/webapp/app/course/competencies/competency-management/import-all-competencies.component.ts
@@ -1,13 +1,11 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, inject } from '@angular/core';
 import { Course, CourseForImportDTO } from 'app/entities/course.model';
-import { SortService } from 'app/shared/service/sort.service';
-import { Router } from '@angular/router';
-import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
-import { CourseForImportDTOPagingService } from 'app/course/course-for-import-dto-paging-service';
 import { Column, ImportComponent } from 'app/shared/import/import.component';
 import { ArtemisSharedCommonModule } from 'app/shared/shared-common.module';
 import { ArtemisSharedComponentModule } from 'app/shared/components/shared-component.module';
 import { CourseCompetencyType } from 'app/entities/competency.model';
+import { NgbPagination } from '@ng-bootstrap/ng-bootstrap';
+import { CourseForImportDTOPagingService } from 'app/course/course-for-import-dto-paging-service';
 
 const tableColumns: Column<Course>[] = [
     {
@@ -38,8 +36,7 @@ export type ImportAllFromCourseResult = {
 @Component({
     selector: 'jhi-import-all-competencies',
     templateUrl: './import-all-competencies.component.html',
-    standalone: true,
-    imports: [ArtemisSharedCommonModule, ArtemisSharedComponentModule],
+    imports: [ArtemisSharedCommonModule, ArtemisSharedComponentModule, NgbPagination],
 })
 export class ImportAllCompetenciesComponent extends ImportComponent<CourseForImportDTO> {
     //import relations by default
@@ -47,8 +44,9 @@ export class ImportAllCompetenciesComponent extends ImportComponent<CourseForImp
 
     @Input() public competencyType: CourseCompetencyType | 'courseCompetency' = CourseCompetencyType.COMPETENCY;
 
-    constructor(router: Router, sortService: SortService, activeModal: NgbActiveModal, pagingService: CourseForImportDTOPagingService) {
-        super(router, sortService, activeModal, pagingService);
+    constructor() {
+        const pagingService = inject(CourseForImportDTOPagingService);
+        super(pagingService);
         this.columns = tableColumns;
     }
 
diff --git a/src/main/webapp/app/course/competencies/competency-rings/competency-rings.component.ts b/src/main/webapp/app/course/competencies/competency-rings/competency-rings.component.ts
index c19c46903a21..4b1cc665e800 100644
--- a/src/main/webapp/app/course/competencies/competency-rings/competency-rings.component.ts
+++ b/src/main/webapp/app/course/competencies/competency-rings/competency-rings.component.ts
@@ -1,10 +1,14 @@
 import { Component, Input } from '@angular/core';
 import { faQuestion } from '@fortawesome/free-solid-svg-icons';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-competency-rings',
     templateUrl: './competency-rings.component.html',
     styleUrls: ['./competency-rings.component.scss'],
+    imports: [NgbTooltip, FaIconComponent, ArtemisTranslatePipe],
 })
 export class CompetencyRingsComponent {
     @Input() progress = 0;
diff --git a/src/main/webapp/app/course/competencies/competency.module.ts b/src/main/webapp/app/course/competencies/competency.module.ts
index 6065b7e90ccb..d4a8c5d95d8b 100644
--- a/src/main/webapp/app/course/competencies/competency.module.ts
+++ b/src/main/webapp/app/course/competencies/competency.module.ts
@@ -41,8 +41,6 @@ import { ArtemisMarkdownEditorModule } from 'app/shared/markdown-editor/markdown
         JudgementOfLearningRatingComponent,
         CompetencyManagementTableComponent,
         ArtemisMarkdownEditorModule,
-    ],
-    declarations: [
         CompetencyRingsComponent,
         CompetencySearchComponent,
         CompetencyRecommendationDetailComponent,
diff --git a/src/main/webapp/app/course/competencies/competency.service.ts b/src/main/webapp/app/course/competencies/competency.service.ts
index 31fd10c6abb1..a85d193a1596 100644
--- a/src/main/webapp/app/course/competencies/competency.service.ts
+++ b/src/main/webapp/app/course/competencies/competency.service.ts
@@ -1,11 +1,8 @@
 import { Injectable } from '@angular/core';
-import { HttpClient, HttpParams, HttpResponse } from '@angular/common/http';
+import { HttpParams, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { Competency, CompetencyImportResponseDTO, CompetencyWithTailRelationDTO, CourseCompetency, CourseCompetencyImportOptionsDTO } from 'app/entities/competency.model';
-import { LectureUnitService } from 'app/lecture/lecture-unit/lecture-unit-management/lectureUnit.service';
 import { map, tap } from 'rxjs/operators';
-import { EntityTitleService } from 'app/shared/layouts/navbar/entity-title.service';
-import { AccountService } from 'app/core/auth/account.service';
 import { CourseCompetencyService } from 'app/course/competencies/course-competency.service';
 
 type EntityResponseType = HttpResponse<Competency>;
@@ -15,10 +12,6 @@ type EntityArrayResponseType = HttpResponse<Competency[]>;
     providedIn: 'root',
 })
 export class CompetencyService extends CourseCompetencyService {
-    constructor(httpClient: HttpClient, entityTitleService: EntityTitleService, lectureUnitService: LectureUnitService, accountService: AccountService) {
-        super(httpClient, entityTitleService, lectureUnitService, accountService);
-    }
-
     getAllForCourse(courseId: number): Observable<EntityArrayResponseType> {
         return this.httpClient.get<Competency[]>(`${this.resourceURL}/courses/${courseId}/competencies`, { observe: 'response' }).pipe(
             map((res: EntityArrayResponseType) => this.convertArrayResponseDatesFromServer(res)),
diff --git a/src/main/webapp/app/course/competencies/components/course-competencies-relation-graph/course-competencies-relation-graph.component.ts b/src/main/webapp/app/course/competencies/components/course-competencies-relation-graph/course-competencies-relation-graph.component.ts
index 448d2e4b1d77..1c247e9d1f15 100644
--- a/src/main/webapp/app/course/competencies/components/course-competencies-relation-graph/course-competencies-relation-graph.component.ts
+++ b/src/main/webapp/app/course/competencies/components/course-competencies-relation-graph/course-competencies-relation-graph.component.ts
@@ -11,7 +11,6 @@ import { CourseCompetencyRelationNodeComponent } from 'app/course/competencies/c
 
 @Component({
     selector: 'jhi-course-competencies-relation-graph',
-    standalone: true,
     imports: [FontAwesomeModule, NgbAccordionModule, NgxGraphModule, ArtemisSharedModule, CourseCompetencyRelationNodeComponent],
     templateUrl: './course-competencies-relation-graph.component.html',
     styleUrl: './course-competencies-relation-graph.component.scss',
@@ -44,23 +43,20 @@ export class CourseCompetenciesRelationGraphComponent {
     });
 
     constructor() {
-        effect(
-            () => {
-                return this.nodes.set(
-                    this.courseCompetencies().map(
-                        (courseCompetency): Node => ({
-                            id: courseCompetency.id!.toString(),
-                            label: courseCompetency.title,
-                            data: {
-                                id: courseCompetency.id,
-                                type: courseCompetency.type,
-                            },
-                        }),
-                    ),
-                );
-            },
-            { allowSignalWrites: true },
-        );
+        effect(() => {
+            return this.nodes.set(
+                this.courseCompetencies().map(
+                    (courseCompetency): Node => ({
+                        id: courseCompetency.id!.toString(),
+                        label: courseCompetency.title,
+                        data: {
+                            id: courseCompetency.id,
+                            type: courseCompetency.type,
+                        },
+                    }),
+                ),
+            );
+        });
     }
 
     protected selectRelation(relationId: number): void {
diff --git a/src/main/webapp/app/course/competencies/components/course-competencies-relation-modal/course-competencies-relation-modal.component.ts b/src/main/webapp/app/course/competencies/components/course-competencies-relation-modal/course-competencies-relation-modal.component.ts
index df0547c57a44..ac2a68f7a312 100644
--- a/src/main/webapp/app/course/competencies/components/course-competencies-relation-modal/course-competencies-relation-modal.component.ts
+++ b/src/main/webapp/app/course/competencies/components/course-competencies-relation-modal/course-competencies-relation-modal.component.ts
@@ -4,15 +4,13 @@ import { CompetencyRelationDTO, CourseCompetency } from 'app/entities/competency
 import { AlertService } from 'app/core/util/alert.service';
 import { onError } from 'app/shared/util/global.utils';
 import { ArtemisSharedCommonModule } from 'app/shared/shared-common.module';
-import { CompetencyGraphComponent } from 'app/course/learning-paths/components/competency-graph/competency-graph.component';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { CourseCompetencyRelationFormComponent } from 'app/course/competencies/components/course-competency-relation-form/course-competency-relation-form.component';
 import { CourseCompetenciesRelationGraphComponent } from '../course-competencies-relation-graph/course-competencies-relation-graph.component';
 
 @Component({
     selector: 'jhi-course-competencies-relation-modal',
-    standalone: true,
-    imports: [ArtemisSharedCommonModule, CompetencyGraphComponent, CourseCompetenciesRelationGraphComponent, CourseCompetencyRelationFormComponent],
+    imports: [ArtemisSharedCommonModule, CourseCompetenciesRelationGraphComponent, CourseCompetencyRelationFormComponent],
     templateUrl: './course-competencies-relation-modal.component.html',
     styleUrl: './course-competencies-relation-modal.component.scss',
 })
@@ -32,7 +30,7 @@ export class CourseCompetenciesRelationModalComponent {
     readonly relations = signal<CompetencyRelationDTO[]>([]);
 
     constructor() {
-        effect(() => this.loadRelations(this.courseId()), { allowSignalWrites: true });
+        effect(() => this.loadRelations(this.courseId()));
     }
 
     private async loadRelations(courseId: number): Promise<void> {
diff --git a/src/main/webapp/app/course/competencies/components/course-competency-explanation-modal/course-competency-explanation-modal.component.ts b/src/main/webapp/app/course/competencies/components/course-competency-explanation-modal/course-competency-explanation-modal.component.ts
index 8cd333d439f3..44176e8f570f 100644
--- a/src/main/webapp/app/course/competencies/components/course-competency-explanation-modal/course-competency-explanation-modal.component.ts
+++ b/src/main/webapp/app/course/competencies/components/course-competency-explanation-modal/course-competency-explanation-modal.component.ts
@@ -2,13 +2,11 @@ import { Component, inject } from '@angular/core';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { faXmark } from '@fortawesome/free-solid-svg-icons';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
-import { CompetencyGraphComponent } from 'app/course/learning-paths/components/competency-graph/competency-graph.component';
 import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
     selector: 'jhi-course-competency-explanation-modal',
-    standalone: true,
-    imports: [CompetencyGraphComponent, TranslateDirective, FontAwesomeModule],
+    imports: [TranslateDirective, FontAwesomeModule],
     templateUrl: './course-competency-explanation-modal.component.html',
     styleUrl: './course-competency-explanation-modal.component.scss',
 })
diff --git a/src/main/webapp/app/course/competencies/components/course-competency-relation-form/course-competency-relation-form.component.ts b/src/main/webapp/app/course/competencies/components/course-competency-relation-form/course-competency-relation-form.component.ts
index 7f173f4968a3..9a3fb9df3760 100644
--- a/src/main/webapp/app/course/competencies/components/course-competency-relation-form/course-competency-relation-form.component.ts
+++ b/src/main/webapp/app/course/competencies/components/course-competency-relation-form/course-competency-relation-form.component.ts
@@ -7,7 +7,6 @@ import { faSpinner } from '@fortawesome/free-solid-svg-icons';
 
 @Component({
     selector: 'jhi-course-competency-relation-form',
-    standalone: true,
     imports: [ArtemisSharedCommonModule],
     templateUrl: './course-competency-relation-form.component.html',
     styleUrl: './course-competency-relation-form.component.scss',
@@ -44,7 +43,7 @@ export class CourseCompetencyRelationFormComponent {
     readonly showCircularDependencyError = computed(() => this.tailCompetencyId() && !this.selectableTailCourseCompetencyIds().includes(this.tailCompetencyId()!));
 
     constructor() {
-        effect(() => this.selectRelation(this.selectedRelationId()), { allowSignalWrites: true });
+        effect(() => this.selectRelation(this.selectedRelationId()));
     }
 
     protected isCourseCompetencySelectable(courseCompetencyId: number): boolean {
diff --git a/src/main/webapp/app/course/competencies/components/course-competency-relation-node/course-competency-relation-node.component.ts b/src/main/webapp/app/course/competencies/components/course-competency-relation-node/course-competency-relation-node.component.ts
index 48708b6ed23c..97dd903908f7 100644
--- a/src/main/webapp/app/course/competencies/components/course-competency-relation-node/course-competency-relation-node.component.ts
+++ b/src/main/webapp/app/course/competencies/components/course-competency-relation-node/course-competency-relation-node.component.ts
@@ -9,7 +9,6 @@ import { ArtemisSharedModule } from 'app/shared/shared.module';
 
 @Component({
     selector: 'jhi-course-competency-relation-node',
-    standalone: true,
     imports: [NgClass, TranslateDirective, NgbTooltipModule, ArtemisSharedModule],
     templateUrl: './course-competency-relation-node.component.html',
     styleUrl: './course-competency-relation-node.component.scss',
diff --git a/src/main/webapp/app/course/competencies/components/import-all-course-competencies-modal/import-all-course-competencies-modal.component.ts b/src/main/webapp/app/course/competencies/components/import-all-course-competencies-modal/import-all-course-competencies-modal.component.ts
index 5ef319c926d2..b4f5b880d434 100644
--- a/src/main/webapp/app/course/competencies/components/import-all-course-competencies-modal/import-all-course-competencies-modal.component.ts
+++ b/src/main/webapp/app/course/competencies/components/import-all-course-competencies-modal/import-all-course-competencies-modal.component.ts
@@ -12,6 +12,7 @@ import {
     ImportCourseCompetenciesSettingsComponent,
 } from 'app/course/competencies/components/import-course-competencies-settings/import-course-competencies-settings.component';
 import { CourseCompetencyImportOptionsDTO } from 'app/entities/competency.model';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 const tableColumns: Column<Course>[] = [
     {
@@ -35,8 +36,7 @@ export interface ImportAllCourseCompetenciesResult {
 
 @Component({
     selector: 'jhi-import-all-course-competencies-modal',
-    standalone: true,
-    imports: [ArtemisSharedCommonModule, ImportTableComponent, ImportCourseCompetenciesSettingsComponent],
+    imports: [ArtemisSharedCommonModule, ImportTableComponent, ImportCourseCompetenciesSettingsComponent, FaIconComponent],
     providers: [
         {
             provide: PagingService,
@@ -55,7 +55,7 @@ export class ImportAllCourseCompetenciesModalComponent {
     readonly courseId = input.required<number>();
     readonly disabledIds = computed(() => [+this.courseId()]);
 
-    readonly importSettings = signal<CourseCompetencyImportSettings>(new CourseCompetencyImportSettings());
+    importSettings = signal<CourseCompetencyImportSettings>(new CourseCompetencyImportSettings());
 
     public selectCourse(course: Course): void {
         const courseCompetencyImportOptions = <CourseCompetencyImportOptionsDTO>{
diff --git a/src/main/webapp/app/course/competencies/components/import-course-competencies-settings/import-course-competencies-settings.component.ts b/src/main/webapp/app/course/competencies/components/import-course-competencies-settings/import-course-competencies-settings.component.ts
index 18ad7e777499..641b41b90334 100644
--- a/src/main/webapp/app/course/competencies/components/import-course-competencies-settings/import-course-competencies-settings.component.ts
+++ b/src/main/webapp/app/course/competencies/components/import-course-competencies-settings/import-course-competencies-settings.component.ts
@@ -1,10 +1,10 @@
 import { CommonModule } from '@angular/common';
 import { Component, computed, model } from '@angular/core';
+import { FormsModule } from '@angular/forms';
 import { OwlDateTimeModule, OwlNativeDateTimeModule } from '@danielmoncada/angular-datetime-picker';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { faCalendarAlt, faCircleXmark, faQuestionCircle } from '@fortawesome/free-solid-svg-icons';
 import { FormDateTimePickerModule } from 'app/shared/date-time-picker/date-time-picker.module';
-import { FormsModule } from 'app/forms/forms.module';
 import { ArtemisSharedModule } from 'app/shared/shared.module';
 
 export class CourseCompetencyImportSettings {
@@ -17,7 +17,6 @@ export class CourseCompetencyImportSettings {
 
 @Component({
     selector: 'jhi-import-course-competencies-settings',
-    standalone: true,
     imports: [FormDateTimePickerModule, FormsModule, CommonModule, FontAwesomeModule, OwlDateTimeModule, OwlNativeDateTimeModule, ArtemisSharedModule],
     templateUrl: './import-course-competencies-settings.component.html',
     styleUrl: './import-course-competencies-settings.component.scss',
diff --git a/src/main/webapp/app/course/competencies/course-competency.service.ts b/src/main/webapp/app/course/competencies/course-competency.service.ts
index 6e2f4c4046a8..aec314d7516c 100644
--- a/src/main/webapp/app/course/competencies/course-competency.service.ts
+++ b/src/main/webapp/app/course/competencies/course-competency.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import {
@@ -40,14 +40,12 @@ type CompetencyJolMapResponseType = HttpResponse<{
     providedIn: 'root',
 })
 export class CourseCompetencyService {
-    protected resourceURL = 'api';
+    protected httpClient = inject(HttpClient);
+    protected entityTitleService = inject(EntityTitleService);
+    protected lectureUnitService = inject(LectureUnitService);
+    protected accountService = inject(AccountService);
 
-    constructor(
-        protected httpClient: HttpClient,
-        protected entityTitleService: EntityTitleService,
-        protected lectureUnitService: LectureUnitService,
-        protected accountService: AccountService,
-    ) {}
+    protected resourceURL = 'api';
 
     getForImport(pageable: CompetencyPageableSearch) {
         const params = this.createCompetencySearchHttpParams(pageable);
diff --git a/src/main/webapp/app/course/competencies/create/create-competency.component.ts b/src/main/webapp/app/course/competencies/create/create-competency.component.ts
index 267d9016631c..60e33916c93f 100644
--- a/src/main/webapp/app/course/competencies/create/create-competency.component.ts
+++ b/src/main/webapp/app/course/competencies/create/create-competency.component.ts
@@ -1,12 +1,9 @@
-import { Component } from '@angular/core';
+import { Component, inject } from '@angular/core';
 import { onError } from 'app/shared/util/global.utils';
 import { Competency } from 'app/entities/competency.model';
-import { ActivatedRoute, Router } from '@angular/router';
-import { AlertService } from 'app/core/util/alert.service';
 import { CompetencyService } from 'app/course/competencies/competency.service';
 import { finalize } from 'rxjs/operators';
 import { HttpErrorResponse } from '@angular/common/http';
-import { LectureService } from 'app/lecture/lecture.service';
 import { CompetencyFormComponent } from 'app/course/competencies/forms/competency/competency-form.component';
 import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { ArtemisSharedComponentModule } from 'app/shared/components/shared-component.module';
@@ -16,22 +13,12 @@ import { CourseCompetencyFormData } from 'app/course/competencies/forms/course-c
 @Component({
     selector: 'jhi-create-competency',
     templateUrl: './create-competency.component.html',
-    styles: [],
-    standalone: true,
     imports: [ArtemisSharedModule, CompetencyFormComponent, ArtemisSharedComponentModule],
 })
 export class CreateCompetencyComponent extends CreateCourseCompetencyComponent {
-    competencyToCreate: Competency = new Competency();
+    private competencyService = inject(CompetencyService);
 
-    constructor(
-        activatedRoute: ActivatedRoute,
-        router: Router,
-        alertService: AlertService,
-        lectureService: LectureService,
-        private competencyService: CompetencyService,
-    ) {
-        super(activatedRoute, router, alertService, lectureService);
-    }
+    competencyToCreate: Competency = new Competency();
 
     createCompetency(formData: CourseCompetencyFormData) {
         if (!formData?.title) {
diff --git a/src/main/webapp/app/course/competencies/create/create-course-competency.component.ts b/src/main/webapp/app/course/competencies/create/create-course-competency.component.ts
index 0f7884c980df..f79e6cb7288e 100644
--- a/src/main/webapp/app/course/competencies/create/create-course-competency.component.ts
+++ b/src/main/webapp/app/course/competencies/create/create-course-competency.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { onError } from 'app/shared/util/global.utils';
 import { ActivatedRoute, Router } from '@angular/router';
 import { AlertService } from 'app/core/util/alert.service';
@@ -8,21 +8,21 @@ import { LectureService } from 'app/lecture/lecture.service';
 import { Lecture } from 'app/entities/lecture.model';
 import { DocumentationType } from 'app/shared/components/documentation-button/documentation-button.component';
 
-@Component({ template: '' })
+@Component({
+    template: '',
+})
 export abstract class CreateCourseCompetencyComponent implements OnInit {
+    protected activatedRoute = inject(ActivatedRoute);
+    protected router = inject(Router);
+    protected alertService = inject(AlertService);
+    protected lectureService = inject(LectureService);
+
     readonly documentationType: DocumentationType = 'Competencies';
 
     isLoading: boolean;
     courseId: number;
     lecturesWithLectureUnits: Lecture[] = [];
 
-    constructor(
-        protected activatedRoute: ActivatedRoute,
-        protected router: Router,
-        protected alertService: AlertService,
-        protected lectureService: LectureService,
-    ) {}
-
     ngOnInit(): void {
         this.isLoading = true;
         this.activatedRoute
diff --git a/src/main/webapp/app/course/competencies/create/create-prerequisite.component.ts b/src/main/webapp/app/course/competencies/create/create-prerequisite.component.ts
index befbdfb3478e..f369a6670ed2 100644
--- a/src/main/webapp/app/course/competencies/create/create-prerequisite.component.ts
+++ b/src/main/webapp/app/course/competencies/create/create-prerequisite.component.ts
@@ -1,14 +1,11 @@
-import { Component } from '@angular/core';
+import { Component, inject } from '@angular/core';
 import { onError } from 'app/shared/util/global.utils';
-import { ActivatedRoute, Router } from '@angular/router';
-import { AlertService } from 'app/core/util/alert.service';
 import { finalize } from 'rxjs/operators';
 import { HttpErrorResponse } from '@angular/common/http';
 import { Prerequisite } from 'app/entities/prerequisite.model';
 import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { PrerequisiteFormComponent } from 'app/course/competencies/forms/prerequisite/prerequisite-form.component';
 import { CreateCourseCompetencyComponent } from 'app/course/competencies/create/create-course-competency.component';
-import { LectureService } from 'app/lecture/lecture.service';
 import { PrerequisiteService } from 'app/course/competencies/prerequisite.service';
 import { ArtemisSharedComponentModule } from 'app/shared/components/shared-component.module';
 import { CourseCompetencyFormData } from 'app/course/competencies/forms/course-competency-form.component';
@@ -16,21 +13,12 @@ import { CourseCompetencyFormData } from 'app/course/competencies/forms/course-c
 @Component({
     selector: 'jhi-create-prerequisite',
     templateUrl: './create-prerequisite.component.html',
-    standalone: true,
     imports: [ArtemisSharedModule, PrerequisiteFormComponent, ArtemisSharedComponentModule],
 })
 export class CreatePrerequisiteComponent extends CreateCourseCompetencyComponent {
-    prerequisiteToCreate: Prerequisite = new Prerequisite();
+    private prerequisiteService = inject(PrerequisiteService);
 
-    constructor(
-        activatedRoute: ActivatedRoute,
-        router: Router,
-        alertService: AlertService,
-        lectureService: LectureService,
-        private prerequisiteService: PrerequisiteService,
-    ) {
-        super(activatedRoute, router, alertService, lectureService);
-    }
+    prerequisiteToCreate: Prerequisite = new Prerequisite();
 
     createPrerequisite(formData: CourseCompetencyFormData) {
         if (!formData?.title) {
diff --git a/src/main/webapp/app/course/competencies/edit/edit-competency.component.ts b/src/main/webapp/app/course/competencies/edit/edit-competency.component.ts
index 7ea6f4b22b76..0f3648211cf2 100644
--- a/src/main/webapp/app/course/competencies/edit/edit-competency.component.ts
+++ b/src/main/webapp/app/course/competencies/edit/edit-competency.component.ts
@@ -1,12 +1,9 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { onError } from 'app/shared/util/global.utils';
 import { Competency } from 'app/entities/competency.model';
-import { ActivatedRoute, Router } from '@angular/router';
-import { AlertService } from 'app/core/util/alert.service';
 import { finalize, switchMap, take } from 'rxjs/operators';
 import { CompetencyService } from 'app/course/competencies/competency.service';
 import { HttpErrorResponse } from '@angular/common/http';
-import { LectureService } from 'app/lecture/lecture.service';
 import { combineLatest, forkJoin } from 'rxjs';
 import { CompetencyFormComponent } from 'app/course/competencies/forms/competency/competency-form.component';
 import { ArtemisSharedModule } from 'app/shared/shared.module';
@@ -16,23 +13,14 @@ import { CourseCompetencyFormData } from 'app/course/competencies/forms/course-c
 @Component({
     selector: 'jhi-edit-competency',
     templateUrl: './edit-competency.component.html',
-    standalone: true,
     imports: [ArtemisSharedModule, CompetencyFormComponent],
 })
 export class EditCompetencyComponent extends EditCourseCompetencyComponent implements OnInit {
+    private competencyService = inject(CompetencyService);
+
     competency: Competency;
     formData: CourseCompetencyFormData;
 
-    constructor(
-        activatedRoute: ActivatedRoute,
-        lectureService: LectureService,
-        router: Router,
-        alertService: AlertService,
-        private competencyService: CompetencyService,
-    ) {
-        super(activatedRoute, lectureService, router, alertService);
-    }
-
     ngOnInit(): void {
         super.ngOnInit();
 
diff --git a/src/main/webapp/app/course/competencies/edit/edit-course-competency.component.ts b/src/main/webapp/app/course/competencies/edit/edit-course-competency.component.ts
index d44a05d3cf25..1d370bd85791 100644
--- a/src/main/webapp/app/course/competencies/edit/edit-course-competency.component.ts
+++ b/src/main/webapp/app/course/competencies/edit/edit-course-competency.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { onError } from 'app/shared/util/global.utils';
 import { ActivatedRoute, Router } from '@angular/router';
 import { AlertService } from 'app/core/util/alert.service';
@@ -8,19 +8,19 @@ import { LectureService } from 'app/lecture/lecture.service';
 import { Lecture } from 'app/entities/lecture.model';
 import { LectureUnitType } from 'app/entities/lecture-unit/lectureUnit.model';
 
-@Component({ template: '' })
+@Component({
+    template: '',
+})
 export abstract class EditCourseCompetencyComponent implements OnInit {
+    protected activatedRoute = inject(ActivatedRoute);
+    protected lectureService = inject(LectureService);
+    protected router = inject(Router);
+    protected alertService = inject(AlertService);
+
     isLoading = false;
     lecturesWithLectureUnits: Lecture[] = [];
     courseId: number;
 
-    constructor(
-        protected activatedRoute: ActivatedRoute,
-        protected lectureService: LectureService,
-        protected router: Router,
-        protected alertService: AlertService,
-    ) {}
-
     ngOnInit(): void {
         this.isLoading = true;
         this.activatedRoute.parent?.parent?.paramMap
diff --git a/src/main/webapp/app/course/competencies/edit/edit-prerequisite.component.ts b/src/main/webapp/app/course/competencies/edit/edit-prerequisite.component.ts
index d11ecd71c7fb..c8cf992c24b5 100644
--- a/src/main/webapp/app/course/competencies/edit/edit-prerequisite.component.ts
+++ b/src/main/webapp/app/course/competencies/edit/edit-prerequisite.component.ts
@@ -1,10 +1,7 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { onError } from 'app/shared/util/global.utils';
-import { ActivatedRoute, Router } from '@angular/router';
-import { AlertService } from 'app/core/util/alert.service';
 import { finalize, switchMap, take } from 'rxjs/operators';
 import { HttpErrorResponse } from '@angular/common/http';
-import { LectureService } from 'app/lecture/lecture.service';
 import { combineLatest, forkJoin } from 'rxjs';
 import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { EditCourseCompetencyComponent } from 'app/course/competencies/edit/edit-course-competency.component';
@@ -16,23 +13,14 @@ import { CourseCompetencyFormData } from 'app/course/competencies/forms/course-c
 @Component({
     selector: 'jhi-edit-prerequisite',
     templateUrl: './edit-prerequisite.component.html',
-    standalone: true,
     imports: [ArtemisSharedModule, PrerequisiteFormComponent],
 })
 export class EditPrerequisiteComponent extends EditCourseCompetencyComponent implements OnInit {
+    private prerequisiteService = inject(PrerequisiteService);
+
     prerequisite: Prerequisite;
     formData: CourseCompetencyFormData;
 
-    constructor(
-        activatedRoute: ActivatedRoute,
-        lectureService: LectureService,
-        router: Router,
-        alertService: AlertService,
-        private prerequisiteService: PrerequisiteService,
-    ) {
-        super(activatedRoute, lectureService, router, alertService);
-    }
-
     ngOnInit(): void {
         super.ngOnInit();
 
diff --git a/src/main/webapp/app/course/competencies/forms/common-course-competency-form.component.ts b/src/main/webapp/app/course/competencies/forms/common-course-competency-form.component.ts
index e7c2cadf3ad4..9b52ec609d18 100644
--- a/src/main/webapp/app/course/competencies/forms/common-course-competency-form.component.ts
+++ b/src/main/webapp/app/course/competencies/forms/common-course-competency-form.component.ts
@@ -1,8 +1,7 @@
-import { Component, EventEmitter, Input, OnChanges, OnInit, Output } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
+import { Component, EventEmitter, Input, OnChanges, OnInit, Output, inject } from '@angular/core';
+import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
 import { Lecture } from 'app/entities/lecture.model';
 import { TranslateService } from '@ngx-translate/core';
-import { LectureUnitService } from 'app/lecture/lecture-unit/lecture-unit-management/lectureUnit.service';
 import { CompetencyTaxonomy, CourseCompetency, CourseCompetencyValidators, DEFAULT_MASTERY_THRESHOLD } from 'app/entities/competency.model';
 import { faQuestionCircle, faTimes } from '@fortawesome/free-solid-svg-icons';
 import { CourseCompetencyFormData } from 'app/course/competencies/forms/course-competency-form.component';
@@ -10,49 +9,42 @@ import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { FormDateTimePickerModule } from 'app/shared/date-time-picker/date-time-picker.module';
 import { ArtemisMarkdownModule } from 'app/shared/markdown.module';
 import { NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap';
-import { FormsModule } from 'app/forms/forms.module';
 import { ArtemisCompetenciesModule } from 'app/course/competencies/competency.module';
 import { ArtemisSharedComponentModule } from 'app/shared/components/shared-component.module';
 import { merge } from 'rxjs';
 import { ArtemisMarkdownEditorModule } from 'app/shared/markdown-editor/markdown-editor.module';
 import { DateTimePickerType } from 'app/shared/date-time-picker/date-time-picker.component';
+import { ArtemisFormsModule } from 'app/forms/artemis-forms.module';
 
 @Component({
     selector: 'jhi-common-course-competency-form',
     templateUrl: './common-course-competency-form.component.html',
     styleUrls: ['./common-course-competency-form.component.scss'],
-    standalone: true,
     imports: [
         ArtemisSharedModule,
         FormDateTimePickerModule,
         ArtemisMarkdownModule,
         NgbDropdownModule,
-        FormsModule,
+        ArtemisFormsModule,
+        ReactiveFormsModule,
         ArtemisCompetenciesModule,
         ArtemisSharedComponentModule,
         ArtemisMarkdownEditorModule,
     ],
 })
 export class CommonCourseCompetencyFormComponent implements OnInit, OnChanges {
-    @Input()
-    formData: CourseCompetencyFormData;
-    @Input()
-    isEditMode = false;
-    @Input()
-    isInConnectMode = false;
-    @Input()
-    isInSingleLectureMode = false;
-    @Input()
-    lecturesOfCourseWithLectureUnits: Lecture[] = [];
-    @Input()
-    averageStudentScore?: number;
-    @Input()
-    form: FormGroup;
-    @Input()
-    courseCompetency: CourseCompetency;
+    private translateService = inject(TranslateService);
 
-    @Output()
-    onTitleOrDescriptionChange = new EventEmitter<void>();
+    @Input() formData: CourseCompetencyFormData;
+    @Input() isEditMode = false;
+    @Input() isInConnectMode = false;
+    @Input() isInSingleLectureMode = false;
+    @Input() lecturesOfCourseWithLectureUnits: Lecture[] = [];
+    @Input() averageStudentScore?: number;
+    @Input() form: FormGroup;
+    @Input() courseCompetency: CourseCompetency;
+
+    @Output() onTitleOrDescriptionChange = new EventEmitter<void>();
 
     protected readonly competencyValidators = CourseCompetencyValidators;
     protected readonly DateTimePickerType = DateTimePickerType;
@@ -66,11 +58,6 @@ export class CommonCourseCompetencyFormComponent implements OnInit, OnChanges {
     protected readonly DEFAULT_MASTERY_THRESHOLD = DEFAULT_MASTERY_THRESHOLD;
     protected readonly competencyTaxonomy = CompetencyTaxonomy;
 
-    constructor(
-        private translateService: TranslateService,
-        public lectureUnitService: LectureUnitService,
-    ) {}
-
     get titleControl() {
         return this.form.get('title');
     }
@@ -79,14 +66,6 @@ export class CommonCourseCompetencyFormComponent implements OnInit, OnChanges {
         return this.form.get('description');
     }
 
-    get softDueDateControl() {
-        return this.form.get('softDueDate');
-    }
-
-    get optionalControl() {
-        return this.form.get('optional');
-    }
-
     get masteryThresholdControl() {
         return this.form.get('masteryThreshold');
     }
@@ -104,11 +83,11 @@ export class CommonCourseCompetencyFormComponent implements OnInit, OnChanges {
         this.descriptionControl?.markAsDirty();
     }
 
-    ngOnInit(): void {
+    ngOnInit() {
         merge(this.titleControl!.valueChanges, this.descriptionControl!.valueChanges).subscribe(() => this.suggestTaxonomies());
     }
 
-    ngOnChanges(): void {
+    ngOnChanges() {
         if (this.isEditMode && this.formData) {
             this.setFormValues(this.formData);
         }
diff --git a/src/main/webapp/app/course/competencies/forms/competency/competency-form.component.ts b/src/main/webapp/app/course/competencies/forms/competency/competency-form.component.ts
index 7468236ef661..cd92a95f0c7e 100644
--- a/src/main/webapp/app/course/competencies/forms/competency/competency-form.component.ts
+++ b/src/main/webapp/app/course/competencies/forms/competency/competency-form.component.ts
@@ -1,23 +1,18 @@
 import { Component, EventEmitter, Input, OnChanges, OnInit, Output } from '@angular/core';
-import { FormBuilder } from '@angular/forms';
-import { CompetencyService } from 'app/course/competencies/competency.service';
-import { LectureUnitService } from 'app/lecture/lecture-unit/lecture-unit-management/lectureUnit.service';
 import { CourseCompetencyFormComponent, CourseCompetencyFormData } from 'app/course/competencies/forms/course-competency-form.component';
-import { TranslateService } from '@ngx-translate/core';
 import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { CommonCourseCompetencyFormComponent } from 'app/course/competencies/forms/common-course-competency-form.component';
 import { Competency } from 'app/entities/competency.model';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 
 @Component({
     selector: 'jhi-competency-form',
     templateUrl: './competency-form.component.html',
     styleUrls: ['./competency-form.component.scss'],
-    standalone: true,
-    imports: [ArtemisSharedModule, CommonCourseCompetencyFormComponent],
+    imports: [ArtemisSharedModule, CommonCourseCompetencyFormComponent, FormsModule, ReactiveFormsModule],
 })
 export class CompetencyFormComponent extends CourseCompetencyFormComponent implements OnInit, OnChanges {
-    @Input()
-    formData: CourseCompetencyFormData = {
+    @Input() formData: CourseCompetencyFormData = {
         id: undefined,
         title: undefined,
         description: undefined,
@@ -26,24 +21,18 @@ export class CompetencyFormComponent extends CourseCompetencyFormComponent imple
         masteryThreshold: undefined,
         optional: false,
     };
-    @Input()
-    competency: Competency;
+    @Input() competency: Competency;
 
-    @Output()
-    formSubmitted: EventEmitter<CourseCompetencyFormData> = new EventEmitter<CourseCompetencyFormData>();
+    @Output() formSubmitted: EventEmitter<CourseCompetencyFormData> = new EventEmitter<CourseCompetencyFormData>();
 
-    constructor(fb: FormBuilder, lectureUnitService: LectureUnitService, competencyService: CompetencyService, translateService: TranslateService) {
-        super(fb, lectureUnitService, competencyService, translateService);
-    }
-
-    ngOnChanges(): void {
+    ngOnChanges() {
         this.initializeForm();
         if (this.isEditMode && this.formData) {
             this.setFormValues(this.formData);
         }
     }
 
-    ngOnInit(): void {
+    ngOnInit() {
         this.initializeForm();
     }
 
diff --git a/src/main/webapp/app/course/competencies/forms/course-competency-form.component.ts b/src/main/webapp/app/course/competencies/forms/course-competency-form.component.ts
index ab3a23b96d90..c05e338df3d4 100644
--- a/src/main/webapp/app/course/competencies/forms/course-competency-form.component.ts
+++ b/src/main/webapp/app/course/competencies/forms/course-competency-form.component.ts
@@ -1,14 +1,12 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Component, EventEmitter, Input, Output, inject } from '@angular/core';
 import { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';
 import { of } from 'rxjs';
 import { catchError, delay, map, switchMap } from 'rxjs/operators';
 import { Lecture } from 'app/entities/lecture.model';
-import { LectureUnitService } from 'app/lecture/lecture-unit/lecture-unit-management/lectureUnit.service';
 import { CompetencyTaxonomy, DEFAULT_MASTERY_THRESHOLD } from 'app/entities/competency.model';
 import { faQuestionCircle, faTimes } from '@fortawesome/free-solid-svg-icons';
 import dayjs from 'dayjs/esm';
 import { CourseCompetencyService } from 'app/course/competencies/course-competency.service';
-import { TranslateService } from '@ngx-translate/core';
 
 /**
  * Async Validator to make sure that a competency title is unique within a course
@@ -49,29 +47,25 @@ export interface CourseCompetencyFormData {
     masteryThreshold?: number;
 }
 
-@Component({ template: '' })
+@Component({
+    template: '',
+})
 export abstract class CourseCompetencyFormComponent {
     abstract formData: CourseCompetencyFormData;
 
-    @Input()
-    isEditMode = false;
-    @Input()
-    isInConnectMode = false;
-    @Input()
-    isInSingleLectureMode = false;
-    @Input()
-    courseId: number;
-    @Input()
-    lecturesOfCourseWithLectureUnits: Lecture[] = [];
-    @Input()
-    averageStudentScore?: number;
-    @Input()
-    hasCancelButton: boolean;
-
-    @Output()
-    onCancel: EventEmitter<any> = new EventEmitter<any>();
-    @Output()
-    formSubmitted: EventEmitter<CourseCompetencyFormData> = new EventEmitter<CourseCompetencyFormData>();
+    private fb = inject(FormBuilder);
+    private courseCompetencyService = inject(CourseCompetencyService);
+
+    @Input() isEditMode = false;
+    @Input() isInConnectMode = false;
+    @Input() isInSingleLectureMode = false;
+    @Input() courseId: number;
+    @Input() lecturesOfCourseWithLectureUnits: Lecture[] = [];
+    @Input() averageStudentScore?: number;
+    @Input() hasCancelButton: boolean;
+
+    @Output() onCancel: EventEmitter<any> = new EventEmitter<any>();
+    @Output() formSubmitted: EventEmitter<CourseCompetencyFormData> = new EventEmitter<CourseCompetencyFormData>();
 
     form: FormGroup;
 
@@ -79,13 +73,6 @@ export abstract class CourseCompetencyFormComponent {
     protected readonly faTimes = faTimes;
     protected readonly faQuestionCircle = faQuestionCircle;
 
-    protected constructor(
-        protected fb: FormBuilder,
-        protected lectureUnitService: LectureUnitService,
-        protected courseCompetencyService: CourseCompetencyService,
-        protected translateService: TranslateService,
-    ) {}
-
     get titleControl() {
         return this.form.get('title');
     }
diff --git a/src/main/webapp/app/course/competencies/forms/prerequisite/prerequisite-form.component.ts b/src/main/webapp/app/course/competencies/forms/prerequisite/prerequisite-form.component.ts
index 9ce65f93af81..afafc4d406ce 100644
--- a/src/main/webapp/app/course/competencies/forms/prerequisite/prerequisite-form.component.ts
+++ b/src/main/webapp/app/course/competencies/forms/prerequisite/prerequisite-form.component.ts
@@ -1,24 +1,19 @@
 import { Component, EventEmitter, Input, OnChanges, OnInit, Output } from '@angular/core';
-import { FormBuilder } from '@angular/forms';
-import { LectureUnitService } from 'app/lecture/lecture-unit/lecture-unit-management/lectureUnit.service';
 import { CourseCompetencyFormComponent, CourseCompetencyFormData } from 'app/course/competencies/forms/course-competency-form.component';
-import { TranslateService } from '@ngx-translate/core';
 import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { CommonCourseCompetencyFormComponent } from 'app/course/competencies/forms/common-course-competency-form.component';
 import { CourseCompetencyType } from 'app/entities/competency.model';
-import { PrerequisiteService } from 'app/course/competencies/prerequisite.service';
 import { Prerequisite } from 'app/entities/prerequisite.model';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 
 @Component({
     selector: 'jhi-prerequisite-form',
     templateUrl: './prerequisite-form.component.html',
     styleUrls: ['./prerequisite-form.component.scss'],
-    standalone: true,
-    imports: [ArtemisSharedModule, CommonCourseCompetencyFormComponent],
+    imports: [ArtemisSharedModule, CommonCourseCompetencyFormComponent, FormsModule, ReactiveFormsModule],
 })
 export class PrerequisiteFormComponent extends CourseCompetencyFormComponent implements OnInit, OnChanges {
-    @Input()
-    formData: CourseCompetencyFormData = {
+    @Input() formData: CourseCompetencyFormData = {
         id: undefined,
         title: undefined,
         description: undefined,
@@ -27,26 +22,20 @@ export class PrerequisiteFormComponent extends CourseCompetencyFormComponent imp
         masteryThreshold: undefined,
         optional: false,
     };
-    @Input()
-    prerequisite: Prerequisite;
+    @Input() prerequisite: Prerequisite;
 
-    @Output()
-    formSubmitted: EventEmitter<CourseCompetencyFormData> = new EventEmitter<CourseCompetencyFormData>();
+    @Output() formSubmitted: EventEmitter<CourseCompetencyFormData> = new EventEmitter<CourseCompetencyFormData>();
 
     readonly CourseCompetencyType = CourseCompetencyType;
 
-    constructor(fb: FormBuilder, lectureUnitService: LectureUnitService, prerequisiteService: PrerequisiteService, translateService: TranslateService) {
-        super(fb, lectureUnitService, prerequisiteService, translateService);
-    }
-
-    ngOnChanges(): void {
+    ngOnChanges() {
         this.initializeForm();
         if (this.isEditMode && this.formData) {
             this.setFormValues(this.formData);
         }
     }
 
-    ngOnInit(): void {
+    ngOnInit() {
         this.initializeForm();
     }
 
diff --git a/src/main/webapp/app/course/competencies/generate-competencies/competency-recommendation-detail.component.ts b/src/main/webapp/app/course/competencies/generate-competencies/competency-recommendation-detail.component.ts
index 5e44f690d966..1a7eac6e42fa 100644
--- a/src/main/webapp/app/course/competencies/generate-competencies/competency-recommendation-detail.component.ts
+++ b/src/main/webapp/app/course/competencies/generate-competencies/competency-recommendation-detail.component.ts
@@ -2,13 +2,31 @@ import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { CourseCompetencyValidators } from 'app/entities/competency.model';
 import { faChevronRight, faPencilAlt, faSave, faTrash, faWrench } from '@fortawesome/free-solid-svg-icons';
 import { ButtonSize, ButtonType } from 'app/shared/components/button.component';
-import { FormGroup, Validators } from '@angular/forms';
+import { FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
 import { CompetencyFormControlsWithViewed } from 'app/course/competencies/generate-competencies/generate-competencies.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ButtonComponent } from 'app/shared/components/button.component';
+import { NgbCollapse } from '@ng-bootstrap/ng-bootstrap';
+import { MarkdownEditorMonacoComponent } from 'app/shared/markdown-editor/monaco/markdown-editor-monaco.component';
+import { TaxonomySelectComponent } from '../taxonomy-select/taxonomy-select.component';
+import { HtmlForMarkdownPipe } from 'app/shared/pipes/html-for-markdown.pipe';
 
 @Component({
     selector: 'jhi-competency-recommendation',
     templateUrl: './competency-recommendation-detail.component.html',
     styleUrls: ['competency-recommendation-detail.component.scss'],
+    imports: [
+        FormsModule,
+        ReactiveFormsModule,
+        FaIconComponent,
+        TranslateDirective,
+        ButtonComponent,
+        NgbCollapse,
+        MarkdownEditorMonacoComponent,
+        TaxonomySelectComponent,
+        HtmlForMarkdownPipe,
+    ],
 })
 export class CompetencyRecommendationDetailComponent implements OnInit {
     @Input({ required: true }) form: FormGroup<CompetencyFormControlsWithViewed>;
diff --git a/src/main/webapp/app/course/competencies/generate-competencies/course-description-form.component.ts b/src/main/webapp/app/course/competencies/generate-competencies/course-description-form.component.ts
index a466747c670b..803812f6a915 100644
--- a/src/main/webapp/app/course/competencies/generate-competencies/course-description-form.component.ts
+++ b/src/main/webapp/app/course/competencies/generate-competencies/course-description-form.component.ts
@@ -1,13 +1,21 @@
-import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
-import { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';
+import { Component, EventEmitter, Input, OnInit, Output, inject } from '@angular/core';
+import { FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
 import { faQuestionCircle } from '@fortawesome/free-solid-svg-icons';
 import { ButtonType } from 'app/shared/components/button.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { IrisLogoButtonComponent } from 'app/iris/iris-logo-button/iris-logo-button.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-course-description-form',
     templateUrl: './course-description-form.component.html',
+    imports: [FormsModule, ReactiveFormsModule, TranslateDirective, FaIconComponent, NgbTooltip, IrisLogoButtonComponent, ArtemisTranslatePipe],
 })
 export class CourseDescriptionFormComponent implements OnInit {
+    private formBuilder = inject(FormBuilder);
+
     @Input() isLoading = false;
     @Input() placeholder = '';
     @Output() formSubmitted: EventEmitter<string> = new EventEmitter<string>();
@@ -23,8 +31,6 @@ export class CourseDescriptionFormComponent implements OnInit {
     protected readonly DESCRIPTION_MIN = 100;
     protected readonly ButtonType = ButtonType;
 
-    constructor(private formBuilder: FormBuilder) {}
-
     ngOnInit(): void {
         this.form = this.formBuilder.group({
             courseDescription: [this.placeholder, [Validators.required, Validators.minLength(this.DESCRIPTION_MIN), Validators.maxLength(this.DESCRIPTION_MAX)]],
diff --git a/src/main/webapp/app/course/competencies/generate-competencies/generate-competencies.component.ts b/src/main/webapp/app/course/competencies/generate-competencies/generate-competencies.component.ts
index 19d3d33b6124..65256d6ed5b8 100644
--- a/src/main/webapp/app/course/competencies/generate-competencies/generate-competencies.component.ts
+++ b/src/main/webapp/app/course/competencies/generate-competencies/generate-competencies.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit, ViewChild } from '@angular/core';
+import { Component, OnInit, ViewChild, inject } from '@angular/core';
 import { CompetencyService } from 'app/course/competencies/competency.service';
 import { AlertService } from 'app/core/util/alert.service';
 import { onError } from 'app/shared/util/global.utils';
@@ -6,7 +6,7 @@ import { HttpErrorResponse } from '@angular/common/http';
 import { Competency, CompetencyTaxonomy } from 'app/entities/competency.model';
 import { ActivatedRoute, Router } from '@angular/router';
 import { faBan, faSave, faTimes } from '@fortawesome/free-solid-svg-icons';
-import { FormArray, FormBuilder, FormControl, FormGroup } from '@angular/forms';
+import { FormArray, FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { ButtonType } from 'app/shared/components/button.component';
 import { ComponentCanDeactivate } from 'app/shared/guard/can-deactivate.model';
 import { ConfirmAutofocusModalComponent } from 'app/shared/components/confirm-autofocus-modal.component';
@@ -49,15 +49,26 @@ type CompetencyGenerationStatusUpdate = {
 @Component({
     selector: 'jhi-generate-competencies',
     templateUrl: './generate-competencies.component.html',
-    standalone: true,
-    imports: [ArtemisSharedCommonModule, ArtemisSharedComponentModule, ArtemisCompetenciesModule],
+    imports: [ArtemisSharedCommonModule, ArtemisSharedComponentModule, ArtemisCompetenciesModule, FormsModule, ReactiveFormsModule],
 })
 export class GenerateCompetenciesComponent implements OnInit, ComponentCanDeactivate {
+    private courseManagementService = inject(CourseManagementService);
+    private courseCompetencyService = inject(CourseCompetencyService);
+    private competencyService = inject(CompetencyService);
+    private alertService = inject(AlertService);
+    private activatedRoute = inject(ActivatedRoute);
+    private router = inject(Router);
+    private formBuilder = inject(FormBuilder);
+    private modalService = inject(NgbModal);
+    private artemisTranslatePipe = inject(ArtemisTranslatePipe);
+    private translateService = inject(TranslateService);
+    private jhiWebsocketService = inject(JhiWebsocketService);
+
     @ViewChild(CourseDescriptionFormComponent) courseDescriptionForm: CourseDescriptionFormComponent;
 
     courseId: number;
     isLoading = false;
-    submitted: boolean = false;
+    submitted = false;
     form = new FormGroup({ competencies: new FormArray<FormGroup<CompetencyFormControlsWithViewed>>([]) });
 
     //Icons
@@ -69,20 +80,6 @@ export class GenerateCompetenciesComponent implements OnInit, ComponentCanDeacti
     protected readonly ButtonType = ButtonType;
     readonly documentationType: DocumentationType = 'GenerateCompetencies';
 
-    constructor(
-        private courseManagementService: CourseManagementService,
-        private courseCompetencyService: CourseCompetencyService,
-        private competencyService: CompetencyService,
-        private alertService: AlertService,
-        private activatedRoute: ActivatedRoute,
-        private router: Router,
-        private formBuilder: FormBuilder,
-        private modalService: NgbModal,
-        private artemisTranslatePipe: ArtemisTranslatePipe,
-        private translateService: TranslateService,
-        private jhiWebsocketService: JhiWebsocketService,
-    ) {}
-
     ngOnInit(): void {
         this.activatedRoute.params.subscribe((params) => {
             this.courseId = Number(params['courseId']);
diff --git a/src/main/webapp/app/course/competencies/import-standardized-competencies/course-import-standardized-competencies.component.ts b/src/main/webapp/app/course/competencies/import-standardized-competencies/course-import-standardized-competencies.component.ts
index 7186b318de76..19c516b94442 100644
--- a/src/main/webapp/app/course/competencies/import-standardized-competencies/course-import-standardized-competencies.component.ts
+++ b/src/main/webapp/app/course/competencies/import-standardized-competencies/course-import-standardized-competencies.component.ts
@@ -1,9 +1,4 @@
-import { ActivatedRoute, Router } from '@angular/router';
-import { Component } from '@angular/core';
-import { AlertService } from 'app/core/util/alert.service';
-import { TranslateService } from '@ngx-translate/core';
-import { SortService } from 'app/shared/service/sort.service';
-import { StandardizedCompetencyService } from 'app/shared/standardized-competencies/standardized-competency.service';
+import { Component, inject } from '@angular/core';
 import { CompetencyService } from 'app/course/competencies/competency.service';
 import { CourseImportStandardizedCourseCompetenciesComponent } from 'app/course/competencies/import-standardized-competencies/course-import-standardized-course-competencies.component';
 import { ArtemisSharedComponentModule } from 'app/shared/components/shared-component.module';
@@ -16,7 +11,6 @@ import { KnowledgeAreaTreeComponent } from 'app/shared/standardized-competencies
 @Component({
     selector: 'jhi-course-import-standardized-competencies',
     templateUrl: './course-import-standardized-competencies.component.html',
-    standalone: true,
     imports: [
         ArtemisSharedCommonModule,
         ArtemisSharedComponentModule,
@@ -27,17 +21,7 @@ import { KnowledgeAreaTreeComponent } from 'app/shared/standardized-competencies
     ],
 })
 export class CourseImportStandardizedCompetenciesComponent extends CourseImportStandardizedCourseCompetenciesComponent {
-    constructor(
-        router: Router,
-        activatedRoute: ActivatedRoute,
-        standardizedCompetencyService: StandardizedCompetencyService,
-        alertService: AlertService,
-        translateService: TranslateService,
-        sortService: SortService,
-        private competencyService: CompetencyService,
-    ) {
-        super(router, activatedRoute, standardizedCompetencyService, alertService, translateService, sortService);
-    }
+    private competencyService = inject(CompetencyService);
 
     protected importCompetencies() {
         super.importCompetencies(this.competencyService);
diff --git a/src/main/webapp/app/course/competencies/import-standardized-competencies/course-import-standardized-course-competencies.component.ts b/src/main/webapp/app/course/competencies/import-standardized-competencies/course-import-standardized-course-competencies.component.ts
index 63b74465efe7..280cdf5f0f80 100644
--- a/src/main/webapp/app/course/competencies/import-standardized-competencies/course-import-standardized-course-competencies.component.ts
+++ b/src/main/webapp/app/course/competencies/import-standardized-competencies/course-import-standardized-course-competencies.component.ts
@@ -10,7 +10,7 @@ import {
 } from 'app/entities/competency/standardized-competency.model';
 import { faBan, faDownLeftAndUpRightToCenter, faFileImport, faSort, faTrash, faUpRightAndDownLeftFromCenter } from '@fortawesome/free-solid-svg-icons';
 import { ActivatedRoute, Router } from '@angular/router';
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { onError } from 'app/shared/util/global.utils';
 import { forkJoin, map } from 'rxjs';
 import { HttpErrorResponse } from '@angular/common/http';
@@ -34,8 +34,17 @@ interface KnowledgeAreaForImport extends KnowledgeAreaForTree {
     competencies?: StandardizedCompetencyForImport[];
 }
 
-@Component({ template: '' })
+@Component({
+    template: '',
+})
 export abstract class CourseImportStandardizedCourseCompetenciesComponent extends StandardizedCompetencyFilterPageComponent implements OnInit, ComponentCanDeactivate {
+    protected router = inject(Router);
+    protected activatedRoute = inject(ActivatedRoute);
+    protected standardizedCompetencyService = inject(StandardizedCompetencyService);
+    protected alertService = inject(AlertService);
+    protected translateService = inject(TranslateService);
+    protected sortService = inject(SortService);
+
     protected selectedCompetencies: StandardizedCompetencyForImport[] = [];
     protected selectedCompetency?: StandardizedCompetencyForImport;
     protected sourceString = '';
@@ -57,17 +66,6 @@ export abstract class CourseImportStandardizedCourseCompetenciesComponent extend
     protected readonly faTrash = faTrash;
     protected readonly faSort = faSort;
 
-    constructor(
-        protected router: Router,
-        protected activatedRoute: ActivatedRoute,
-        protected standardizedCompetencyService: StandardizedCompetencyService,
-        protected alertService: AlertService,
-        protected translateService: TranslateService,
-        protected sortService: SortService,
-    ) {
-        super();
-    }
-
     ngOnInit(): void {
         this.isLoading = true;
         const getKnowledgeAreasObservable = this.standardizedCompetencyService.getAllForTreeView();
diff --git a/src/main/webapp/app/course/competencies/import-standardized-competencies/course-import-standardized-prerequisites.component.ts b/src/main/webapp/app/course/competencies/import-standardized-competencies/course-import-standardized-prerequisites.component.ts
index ed3e19ff65cc..cad9f80d38f3 100644
--- a/src/main/webapp/app/course/competencies/import-standardized-competencies/course-import-standardized-prerequisites.component.ts
+++ b/src/main/webapp/app/course/competencies/import-standardized-competencies/course-import-standardized-prerequisites.component.ts
@@ -1,9 +1,4 @@
-import { ActivatedRoute, Router } from '@angular/router';
-import { Component } from '@angular/core';
-import { AlertService } from 'app/core/util/alert.service';
-import { TranslateService } from '@ngx-translate/core';
-import { SortService } from 'app/shared/service/sort.service';
-import { StandardizedCompetencyService } from 'app/shared/standardized-competencies/standardized-competency.service';
+import { Component, inject } from '@angular/core';
 import { PrerequisiteService } from 'app/course/competencies/prerequisite.service';
 import { CourseImportStandardizedCourseCompetenciesComponent } from 'app/course/competencies/import-standardized-competencies/course-import-standardized-course-competencies.component';
 import { ArtemisSharedComponentModule } from 'app/shared/components/shared-component.module';
@@ -12,11 +7,13 @@ import { StandardizedCompetencyDetailComponent } from 'app/shared/standardized-c
 import { ArtemisSharedCommonModule } from 'app/shared/shared-common.module';
 import { ArtemisMarkdownModule } from 'app/shared/markdown.module';
 import { KnowledgeAreaTreeComponent } from 'app/shared/standardized-competencies/knowledge-area-tree.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
+import { FormsModule } from '@angular/forms';
 
 @Component({
     selector: 'jhi-course-import-standardized-prerequisites',
     templateUrl: './course-import-standardized-prerequisites.component.html',
-    standalone: true,
     imports: [
         ArtemisSharedCommonModule,
         ArtemisSharedComponentModule,
@@ -24,20 +21,13 @@ import { KnowledgeAreaTreeComponent } from 'app/shared/standardized-competencies
         StandardizedCompetencyFilterComponent,
         StandardizedCompetencyDetailComponent,
         KnowledgeAreaTreeComponent,
+        FaIconComponent,
+        FormsModule,
+        NgbTooltipModule,
     ],
 })
 export class CourseImportStandardizedPrerequisitesComponent extends CourseImportStandardizedCourseCompetenciesComponent {
-    constructor(
-        router: Router,
-        activatedRoute: ActivatedRoute,
-        standardizedCompetencyService: StandardizedCompetencyService,
-        alertService: AlertService,
-        translateService: TranslateService,
-        sortService: SortService,
-        private prerequisiteService: PrerequisiteService,
-    ) {
-        super(router, activatedRoute, standardizedCompetencyService, alertService, translateService, sortService);
-    }
+    private prerequisiteService = inject(PrerequisiteService);
 
     protected importCompetencies() {
         super.importCompetencies(this.prerequisiteService);
diff --git a/src/main/webapp/app/course/competencies/import/competency-search.component.ts b/src/main/webapp/app/course/competencies/import/competency-search.component.ts
index 24b924a45c37..b740becc121e 100644
--- a/src/main/webapp/app/course/competencies/import/competency-search.component.ts
+++ b/src/main/webapp/app/course/competencies/import/competency-search.component.ts
@@ -3,10 +3,16 @@ import { faChevronDown, faChevronUp } from '@fortawesome/free-solid-svg-icons';
 import { ButtonType } from 'app/shared/components/button.component';
 import { getSemesters } from 'app/utils/semester-utils';
 import { CourseCompetencyFilter } from 'app/shared/table/pageable-table';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FormsModule } from '@angular/forms';
+import { NgbCollapse } from '@ng-bootstrap/ng-bootstrap';
+import { ButtonComponent } from 'app/shared/components/button.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 @Component({
     selector: 'jhi-competency-search',
     templateUrl: './competency-search.component.html',
+    imports: [TranslateDirective, FormsModule, NgbCollapse, ButtonComponent, FaIconComponent],
 })
 export class CompetencySearchComponent {
     @Input() search: CourseCompetencyFilter;
diff --git a/src/main/webapp/app/course/competencies/import/import-competencies-table.component.ts b/src/main/webapp/app/course/competencies/import/import-competencies-table.component.ts
index 9b97b7547193..87146057a246 100644
--- a/src/main/webapp/app/course/competencies/import/import-competencies-table.component.ts
+++ b/src/main/webapp/app/course/competencies/import/import-competencies-table.component.ts
@@ -2,10 +2,18 @@ import { Component, ContentChild, EventEmitter, Input, OnInit, Output, TemplateR
 import { faSort } from '@fortawesome/free-solid-svg-icons';
 import { PageableSearch, SearchResult, SortingOrder } from 'app/shared/table/pageable-table';
 import { Competency } from 'app/entities/competency.model';
+import { SortDirective } from 'app/shared/sort/sort.directive';
+import { SortByDirective } from 'app/shared/sort/sort-by.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgTemplateOutlet } from '@angular/common';
+import { NgbPagination } from '@ng-bootstrap/ng-bootstrap';
+import { HtmlForMarkdownPipe } from 'app/shared/pipes/html-for-markdown.pipe';
 
 @Component({
     selector: 'jhi-import-competencies-table',
     templateUrl: './import-competencies-table.component.html',
+    imports: [SortDirective, SortByDirective, FaIconComponent, TranslateDirective, NgTemplateOutlet, NgbPagination, HtmlForMarkdownPipe],
 })
 export class ImportCompetenciesTableComponent implements OnInit {
     @Input() content: SearchResult<Competency>;
diff --git a/src/main/webapp/app/course/competencies/import/import-competencies.component.ts b/src/main/webapp/app/course/competencies/import/import-competencies.component.ts
index a9adf3785ee5..9dd6cf1181b9 100644
--- a/src/main/webapp/app/course/competencies/import/import-competencies.component.ts
+++ b/src/main/webapp/app/course/competencies/import/import-competencies.component.ts
@@ -11,7 +11,6 @@ import { CourseCompetencyType } from 'app/entities/competency.model';
 @Component({
     selector: 'jhi-import-competencies',
     templateUrl: './import-course-competencies.component.html',
-    standalone: true,
     imports: [ArtemisSharedCommonModule, ArtemisSharedComponentModule, ArtemisCompetenciesModule],
 })
 export class ImportCompetenciesComponent extends ImportCourseCompetenciesComponent {
diff --git a/src/main/webapp/app/course/competencies/import/import-course-competencies.component.ts b/src/main/webapp/app/course/competencies/import/import-course-competencies.component.ts
index 0190d71b8b5e..c368991bedc4 100644
--- a/src/main/webapp/app/course/competencies/import/import-course-competencies.component.ts
+++ b/src/main/webapp/app/course/competencies/import/import-course-competencies.component.ts
@@ -16,12 +16,14 @@ import { CourseCompetencyService } from 'app/course/competencies/course-competen
  * An abstract component used to import course competencies. Its concrete implementations are
  * {@link ImportCompetenciesComponent} and {@link ImportPrerequisitesComponent}
  */
-@Component({ template: '' })
+@Component({
+    template: '',
+})
 export abstract class ImportCourseCompetenciesComponent implements OnInit, ComponentCanDeactivate {
     // this attribute has to be set when using the common template (import-course-competencies.component.html)
     abstract entityType: string;
     // set this attribute to hide the options to import relation
-    allowRelationImport: boolean = false;
+    allowRelationImport = false;
 
     courseId: number;
     isLoading = false;
diff --git a/src/main/webapp/app/course/competencies/import/import-prerequisites.component.ts b/src/main/webapp/app/course/competencies/import/import-prerequisites.component.ts
index 660c12d399b2..554807741494 100644
--- a/src/main/webapp/app/course/competencies/import/import-prerequisites.component.ts
+++ b/src/main/webapp/app/course/competencies/import/import-prerequisites.component.ts
@@ -11,7 +11,6 @@ import { CourseCompetencyType } from 'app/entities/competency.model';
 @Component({
     selector: 'jhi-import-prerequisites',
     templateUrl: './import-course-competencies.component.html',
-    standalone: true,
     imports: [ArtemisSharedCommonModule, ArtemisSharedComponentModule, ArtemisCompetenciesModule],
 })
 export class ImportPrerequisitesComponent extends ImportCourseCompetenciesComponent {
diff --git a/src/main/webapp/app/course/competencies/judgement-of-learning-rating/judgement-of-learning-rating.component.ts b/src/main/webapp/app/course/competencies/judgement-of-learning-rating/judgement-of-learning-rating.component.ts
index 92fa6f2d63e7..e02ce29d0bb3 100644
--- a/src/main/webapp/app/course/competencies/judgement-of-learning-rating/judgement-of-learning-rating.component.ts
+++ b/src/main/webapp/app/course/competencies/judgement-of-learning-rating/judgement-of-learning-rating.component.ts
@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Component, EventEmitter, Input, Output, inject } from '@angular/core';
 import { RatingModule } from 'app/exercises/shared/rating/rating.module';
 import { StarRatingComponent } from 'app/exercises/shared/rating/star-rating/star-rating.component';
 import { ArtemisSharedCommonModule } from 'app/shared/shared-common.module';
@@ -8,11 +8,13 @@ import { CourseCompetencyService } from 'app/course/competencies/course-competen
 
 @Component({
     selector: 'jhi-judgement-of-learning-rating',
-    standalone: true,
     imports: [RatingModule, ArtemisSharedCommonModule, ArtemisSharedComponentModule],
     templateUrl: './judgement-of-learning-rating.component.html',
 })
 export class JudgementOfLearningRatingComponent {
+    private courseCompetencyService = inject(CourseCompetencyService);
+    private alertService = inject(AlertService);
+
     @Input() courseId: number | undefined;
     @Input() competencyId: number;
     @Input() rating: number | undefined;
@@ -20,11 +22,6 @@ export class JudgementOfLearningRatingComponent {
 
     @Output() ratingChange = new EventEmitter<number>();
 
-    constructor(
-        private courseCompetencyService: CourseCompetencyService,
-        private alertService: AlertService,
-    ) {}
-
     /**
      * Handle the event when a new rating is selected.
      * @param event - starRating component that holds the new rating value
diff --git a/src/main/webapp/app/course/competencies/prerequisite.service.ts b/src/main/webapp/app/course/competencies/prerequisite.service.ts
index 3554ef546f38..ff75cfc5fa73 100644
--- a/src/main/webapp/app/course/competencies/prerequisite.service.ts
+++ b/src/main/webapp/app/course/competencies/prerequisite.service.ts
@@ -1,11 +1,8 @@
-import { HttpClient, HttpResponse } from '@angular/common/http';
+import { HttpResponse } from '@angular/common/http';
 import { Injectable } from '@angular/core';
 import { Observable } from 'rxjs';
 import { map, tap } from 'rxjs/operators';
 import { CompetencyImportResponseDTO, CompetencyWithTailRelationDTO, CourseCompetency, CourseCompetencyImportOptionsDTO } from 'app/entities/competency.model';
-import { EntityTitleService } from 'app/shared/layouts/navbar/entity-title.service';
-import { LectureUnitService } from 'app/lecture/lecture-unit/lecture-unit-management/lectureUnit.service';
-import { AccountService } from 'app/core/auth/account.service';
 import { Prerequisite } from 'app/entities/prerequisite.model';
 import { CourseCompetencyService } from 'app/course/competencies/course-competency.service';
 
@@ -16,10 +13,6 @@ type EntityArrayResponseType = HttpResponse<Prerequisite[]>;
     providedIn: 'root',
 })
 export class PrerequisiteService extends CourseCompetencyService {
-    constructor(httpClient: HttpClient, entityTitleService: EntityTitleService, lectureUnitService: LectureUnitService, accountService: AccountService) {
-        super(httpClient, entityTitleService, lectureUnitService, accountService);
-    }
-
     getAllForCourse(courseId: number): Observable<EntityArrayResponseType> {
         return this.httpClient.get<Prerequisite[]>(`${this.resourceURL}/courses/${courseId}/prerequisites`, { observe: 'response' }).pipe(
             map((res: EntityArrayResponseType) => this.convertArrayResponseDatesFromServer(res)),
diff --git a/src/main/webapp/app/course/competencies/taxonomy-select/taxonomy-select.component.ts b/src/main/webapp/app/course/competencies/taxonomy-select/taxonomy-select.component.ts
index 653b5993ff6c..2bcb8e5b0467 100644
--- a/src/main/webapp/app/course/competencies/taxonomy-select/taxonomy-select.component.ts
+++ b/src/main/webapp/app/course/competencies/taxonomy-select/taxonomy-select.component.ts
@@ -1,10 +1,13 @@
 import { Component, Input } from '@angular/core';
-import { FormControl } from '@angular/forms';
+import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { CompetencyTaxonomy } from 'app/entities/competency.model';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { KeyValuePipe } from '@angular/common';
 
 @Component({
     selector: 'jhi-taxonomy-select',
     templateUrl: './taxonomy-select.component.html',
+    imports: [FormsModule, ReactiveFormsModule, TranslateDirective, KeyValuePipe],
 })
 export class TaxonomySelectComponent {
     /**
diff --git a/src/main/webapp/app/course/course-access-storage.service.ts b/src/main/webapp/app/course/course-access-storage.service.ts
index dcbf08e519df..e4a85450c000 100644
--- a/src/main/webapp/app/course/course-access-storage.service.ts
+++ b/src/main/webapp/app/course/course-access-storage.service.ts
@@ -1,18 +1,18 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { LocalStorageService } from 'ngx-webstorage';
 
 @Injectable({
     providedIn: 'root',
 })
 export class CourseAccessStorageService {
+    private localStorage = inject(LocalStorageService);
+
     public static readonly STORAGE_KEY = 'artemis.courseAccess';
     public static readonly STORAGE_KEY_DROPDOWN = 'artemis.courseAccessDropdown';
     public static readonly MAX_DISPLAYED_RECENTLY_ACCESSED_COURSES_OVERVIEW = 3;
     // Maximum number of recently accessed courses displayed in the dropdown, including the current course. The current course will be removed before displaying the dropdown so only 6 - 1 courses will be displayed in the dropdown.
     public static readonly MAX_DISPLAYED_RECENTLY_ACCESSED_COURSES_DROPDOWN = 6;
 
-    constructor(private localStorage: LocalStorageService) {}
-
     onCourseAccessed(courseId: number, storageKey: string, maxAccessedCourses: number): void {
         const courseAccessMap: { [key: number]: number } = this.localStorage.retrieve(storageKey) || {};
 
diff --git a/src/main/webapp/app/course/course-for-import-dto-paging-service.ts b/src/main/webapp/app/course/course-for-import-dto-paging-service.ts
index 6b311405c5de..c332daaa0128 100644
--- a/src/main/webapp/app/course/course-for-import-dto-paging-service.ts
+++ b/src/main/webapp/app/course/course-for-import-dto-paging-service.ts
@@ -1,5 +1,5 @@
 import { HttpClient, HttpResponse } from '@angular/common/http';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { PagingService } from 'app/exercises/shared/manage/paging.service';
 import { SearchResult, SearchTermPageableSearch } from 'app/shared/table/pageable-table';
 import { Observable } from 'rxjs';
@@ -10,9 +10,11 @@ type EntityResponseType = SearchResult<CourseForImportDTO>;
 
 @Injectable({ providedIn: 'root' })
 export class CourseForImportDTOPagingService extends PagingService<CourseForImportDTO> {
+    private http = inject(HttpClient);
+
     private readonly RESOURCE_URL = 'api/courses';
 
-    constructor(private http: HttpClient) {
+    constructor() {
         super();
     }
 
diff --git a/src/main/webapp/app/course/course-scores/course-scores-routing.module.ts b/src/main/webapp/app/course/course-scores/course-scores-routing.module.ts
index eb2b5374af44..5f6227f0a7fb 100644
--- a/src/main/webapp/app/course/course-scores/course-scores-routing.module.ts
+++ b/src/main/webapp/app/course/course-scores/course-scores-routing.module.ts
@@ -1,19 +1,18 @@
 import { RouterModule, Routes } from '@angular/router';
-import { CourseScoresComponent } from 'app/course/course-scores/course-scores.component';
+
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
 import { NgModule } from '@angular/core';
 import { Authority } from 'app/shared/constants/authority.constants';
 import { CourseManagementResolve } from 'app/course/manage/course-management-resolve.service';
-import { CourseManagementTabBarComponent } from 'app/course/manage/course-management-tab-bar/course-management-tab-bar.component';
 
 const routes: Routes = [
     {
         path: ':courseId/scores',
-        component: CourseManagementTabBarComponent,
+        loadComponent: () => import('app/course/manage/course-management-tab-bar/course-management-tab-bar.component').then((m) => m.CourseManagementTabBarComponent),
         children: [
             {
                 path: '',
-                component: CourseScoresComponent,
+                loadComponent: () => import('app/course/course-scores/course-scores.component').then((m) => m.CourseScoresComponent),
                 resolve: {
                     course: CourseManagementResolve,
                 },
diff --git a/src/main/webapp/app/course/course-scores/course-scores.component.ts b/src/main/webapp/app/course/course-scores/course-scores.component.ts
index 530e70f9ab0e..29ebd7eebb16 100644
--- a/src/main/webapp/app/course/course-scores/course-scores.component.ts
+++ b/src/main/webapp/app/course/course-scores/course-scores.component.ts
@@ -1,6 +1,6 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { Subscription, forkJoin, of } from 'rxjs';
-import { ActivatedRoute } from '@angular/router';
+import { ActivatedRoute, RouterLink } from '@angular/router';
 import dayjs from 'dayjs/esm';
 import { sum } from 'lodash-es';
 import { StudentParticipation } from 'app/entities/participation/student-participation.model';
@@ -48,6 +48,15 @@ import { PlagiarismCasesService } from 'app/course/plagiarism-cases/shared/plagi
 import { GradeStep } from 'app/entities/grade-step.model';
 import { PlagiarismCase } from 'app/exercises/shared/plagiarism/types/PlagiarismCase';
 import { PlagiarismVerdict } from 'app/exercises/shared/plagiarism/types/PlagiarismVerdict';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ParticipantScoresDistributionComponent } from 'app/shared/participant-scores/participant-scores-distribution/participant-scores-distribution.component';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { NgClass } from '@angular/common';
+import { ExportButtonComponent } from 'app/shared/export/export-button.component';
+import { SortDirective } from 'app/shared/sort/sort.directive';
+import { SortByDirective } from 'app/shared/sort/sort-by.directive';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 export enum HighlightType {
     AVERAGE = 'average',
@@ -60,8 +69,31 @@ export enum HighlightType {
     templateUrl: './course-scores.component.html',
     styleUrls: ['./course-scores.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [
+        TranslateDirective,
+        RouterLink,
+        FaIconComponent,
+        ParticipantScoresDistributionComponent,
+        NgbTooltip,
+        NgClass,
+        ExportButtonComponent,
+        SortDirective,
+        SortByDirective,
+        ArtemisTranslatePipe,
+    ],
 })
 export class CourseScoresComponent implements OnInit, OnDestroy {
+    private route = inject(ActivatedRoute);
+    private courseService = inject(CourseManagementService);
+    private sortService = inject(SortService);
+    private changeDetector = inject(ChangeDetectorRef);
+    private languageHelper = inject(JhiLanguageHelper);
+    private localeConversionService = inject(LocaleConversionService);
+    private participantScoresService = inject(ParticipantScoresService);
+    private gradingSystemService = inject(GradingSystemService);
+    private navigationUtilService = inject(ArtemisNavigationUtilService);
+    private plagiarismCasesService = inject(PlagiarismCasesService);
+
     private paramSub: Subscription;
     private languageChangeSubscription?: Subscription;
 
@@ -132,18 +164,7 @@ export class CourseScoresComponent implements OnInit, OnDestroy {
     faSpinner = faSpinner;
     faClipboard = faClipboard;
 
-    constructor(
-        private route: ActivatedRoute,
-        private courseService: CourseManagementService,
-        private sortService: SortService,
-        private changeDetector: ChangeDetectorRef,
-        private languageHelper: JhiLanguageHelper,
-        private localeConversionService: LocaleConversionService,
-        private participantScoresService: ParticipantScoresService,
-        private gradingSystemService: GradingSystemService,
-        private navigationUtilService: ArtemisNavigationUtilService,
-        private plagiarismCasesService: PlagiarismCasesService,
-    ) {
+    constructor() {
         this.reverse = false;
         this.predicate = 'id';
     }
diff --git a/src/main/webapp/app/course/course-scores/course-scores.module.ts b/src/main/webapp/app/course/course-scores/course-scores.module.ts
index 23b0e3417817..3936ab34157d 100644
--- a/src/main/webapp/app/course/course-scores/course-scores.module.ts
+++ b/src/main/webapp/app/course/course-scores/course-scores.module.ts
@@ -6,7 +6,6 @@ import { ArtemisParticipantScoresModule } from 'app/shared/participant-scores/pa
 import { ExportModule } from 'app/shared/export/export.module';
 
 @NgModule({
-    imports: [ArtemisSharedModule, ArtemisCourseScoresRoutingModule, ArtemisParticipantScoresModule, ExportModule],
-    declarations: [CourseScoresComponent],
+    imports: [ArtemisSharedModule, ArtemisCourseScoresRoutingModule, ArtemisParticipantScoresModule, ExportModule, CourseScoresComponent],
 })
 export class ArtemisCourseScoresModule {}
diff --git a/src/main/webapp/app/course/dashboards/assessment-dashboard/assessment-dashboard-information.component.ts b/src/main/webapp/app/course/dashboards/assessment-dashboard/assessment-dashboard-information.component.ts
index 36819ac62b0f..773fa015051c 100644
--- a/src/main/webapp/app/course/dashboards/assessment-dashboard/assessment-dashboard-information.component.ts
+++ b/src/main/webapp/app/course/dashboards/assessment-dashboard/assessment-dashboard-information.component.ts
@@ -37,7 +37,6 @@ export class AssessmentDashboardInformationEntry {
     selector: 'jhi-assessment-dashboard-information',
     templateUrl: './assessment-dashboard-information.component.html',
     styleUrls: ['./assessment-dashboard-information.component.scss'],
-    standalone: true,
     imports: [TranslateDirective, PieChartModule, ArtemisSidePanelModule, RouterLink, ArtemisTranslatePipe],
 })
 export class AssessmentDashboardInformationComponent implements OnInit, OnChanges, OnDestroy {
@@ -97,11 +96,11 @@ export class AssessmentDashboardInformationComponent implements OnInit, OnChange
         ];
     }
 
-    ngOnChanges(): void {
+    ngOnChanges() {
         this.setup();
     }
 
-    ngOnDestroy(): void {
+    ngOnDestroy() {
         this.themeSubscription?.unsubscribe();
     }
 
diff --git a/src/main/webapp/app/course/dashboards/assessment-dashboard/assessment-dashboard.component.ts b/src/main/webapp/app/course/dashboards/assessment-dashboard/assessment-dashboard.component.ts
index 8ada9ad9321b..0678c09f3f34 100644
--- a/src/main/webapp/app/course/dashboards/assessment-dashboard/assessment-dashboard.component.ts
+++ b/src/main/webapp/app/course/dashboards/assessment-dashboard/assessment-dashboard.component.ts
@@ -39,7 +39,6 @@ import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
     templateUrl: './assessment-dashboard.component.html',
     styleUrls: ['./exam-assessment-buttons/exam-assessment-buttons.component.scss'],
     providers: [CourseManagementService],
-    standalone: true,
     imports: [
         ArtemisSharedComponentModule,
         RouterLink,
diff --git a/src/main/webapp/app/course/dashboards/assessment-dashboard/assessment-dashboard.route.ts b/src/main/webapp/app/course/dashboards/assessment-dashboard/assessment-dashboard.route.ts
index 178648a1d3b4..bc5742db0660 100644
--- a/src/main/webapp/app/course/dashboards/assessment-dashboard/assessment-dashboard.route.ts
+++ b/src/main/webapp/app/course/dashboards/assessment-dashboard/assessment-dashboard.route.ts
@@ -1,18 +1,17 @@
 import { Routes } from '@angular/router';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
-import { AssessmentDashboardComponent } from './assessment-dashboard.component';
+
 import { Authority } from 'app/shared/constants/authority.constants';
 import { CourseManagementResolve } from 'app/course/manage/course-management-resolve.service';
-import { CourseManagementTabBarComponent } from 'app/course/manage/course-management-tab-bar/course-management-tab-bar.component';
 
 export const assessmentDashboardRoute: Routes = [
     {
         path: ':courseId/assessment-dashboard',
-        component: CourseManagementTabBarComponent,
+        loadComponent: () => import('app/course/manage/course-management-tab-bar/course-management-tab-bar.component').then((m) => m.CourseManagementTabBarComponent),
         children: [
             {
                 path: '',
-                component: AssessmentDashboardComponent,
+                loadComponent: () => import('./assessment-dashboard.component').then((m) => m.AssessmentDashboardComponent),
                 resolve: {
                     course: CourseManagementResolve,
                 },
diff --git a/src/main/webapp/app/course/dashboards/assessment-dashboard/exam-assessment-buttons/exam-assessment-buttons.component.ts b/src/main/webapp/app/course/dashboards/assessment-dashboard/exam-assessment-buttons/exam-assessment-buttons.component.ts
index de7010811fae..4014718b261b 100644
--- a/src/main/webapp/app/course/dashboards/assessment-dashboard/exam-assessment-buttons/exam-assessment-buttons.component.ts
+++ b/src/main/webapp/app/course/dashboards/assessment-dashboard/exam-assessment-buttons/exam-assessment-buttons.component.ts
@@ -21,7 +21,6 @@ import { TranslateDirective } from 'app/shared/language/translate.directive';
 @Component({
     selector: 'jhi-exam-assessment-buttons',
     templateUrl: './exam-assessment-buttons.component.html',
-    standalone: true,
     imports: [RouterLink, FaIconComponent, TranslateDirective],
 })
 export class ExamAssessmentButtonsComponent implements OnInit {
diff --git a/src/main/webapp/app/course/dashboards/due-date-stat.model.ts b/src/main/webapp/app/course/dashboards/due-date-stat.model.ts
index bcf244fc9fcb..727c63fcd25a 100644
--- a/src/main/webapp/app/course/dashboards/due-date-stat.model.ts
+++ b/src/main/webapp/app/course/dashboards/due-date-stat.model.ts
@@ -6,8 +6,6 @@ export class DueDateStat {
     public inTime = 0;
     public late = 0;
 
-    constructor() {}
-
     /**
      * Computed property to get the total number of
      * both properties, inTime and late members.
diff --git a/src/main/webapp/app/course/dashboards/stats-for-dashboard.model.ts b/src/main/webapp/app/course/dashboards/stats-for-dashboard.model.ts
index 2af8e2ed1c02..e46452e5a0d4 100644
--- a/src/main/webapp/app/course/dashboards/stats-for-dashboard.model.ts
+++ b/src/main/webapp/app/course/dashboards/stats-for-dashboard.model.ts
@@ -20,8 +20,6 @@ export class StatsForDashboard {
 
     public tutorLeaderboardEntries: TutorLeaderboardElement[] = [];
 
-    constructor() {}
-
     /**
      * Correctly initializes a class instance from a typecasted object.
      * Returns a 'real' class instance that supports all class methods.
diff --git a/src/main/webapp/app/course/learning-paths/components/competency-graph-modal/competency-graph-modal.component.ts b/src/main/webapp/app/course/learning-paths/components/competency-graph-modal/competency-graph-modal.component.ts
index 28594a2f49d9..0a076f93aa71 100644
--- a/src/main/webapp/app/course/learning-paths/components/competency-graph-modal/competency-graph-modal.component.ts
+++ b/src/main/webapp/app/course/learning-paths/components/competency-graph-modal/competency-graph-modal.component.ts
@@ -10,7 +10,6 @@ import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
     selector: 'jhi-competency-graph-modal',
-    standalone: true,
     changeDetection: ChangeDetectionStrategy.OnPush,
     imports: [FontAwesomeModule, CompetencyGraphComponent, TranslateDirective],
     templateUrl: './competency-graph-modal.component.html',
@@ -29,13 +28,10 @@ export class CompetencyGraphModalComponent {
     private readonly activeModal: NgbActiveModal = inject(NgbActiveModal);
 
     constructor() {
-        effect(
-            () => {
-                const learningPathId = this.learningPathId();
-                untracked(() => this.loadCompetencyGraph(learningPathId));
-            },
-            { allowSignalWrites: true },
-        );
+        effect(() => {
+            const learningPathId = this.learningPathId();
+            untracked(() => this.loadCompetencyGraph(learningPathId));
+        });
     }
 
     private async loadCompetencyGraph(learningPathId: number): Promise<void> {
diff --git a/src/main/webapp/app/course/learning-paths/components/competency-graph/competency-graph.component.ts b/src/main/webapp/app/course/learning-paths/components/competency-graph/competency-graph.component.ts
index bf177640eb57..91030c0983cf 100644
--- a/src/main/webapp/app/course/learning-paths/components/competency-graph/competency-graph.component.ts
+++ b/src/main/webapp/app/course/learning-paths/components/competency-graph/competency-graph.component.ts
@@ -6,7 +6,6 @@ import { CompetencyNodeComponent, SizeUpdate } from 'app/course/learning-paths/c
 
 @Component({
     selector: 'jhi-competency-graph',
-    standalone: true,
     changeDetection: ChangeDetectionStrategy.OnPush,
     imports: [CompetencyNodeComponent, NgxGraphModule],
     templateUrl: './competency-graph.component.html',
@@ -34,7 +33,7 @@ export class CompetencyGraphComponent {
     readonly zoomToFit$ = new Subject<NgxGraphZoomOptions>();
 
     constructor() {
-        effect(() => this.internalCompetencyGraph.set(this.competencyGraph()), { allowSignalWrites: true });
+        effect(() => this.internalCompetencyGraph.set(this.competencyGraph()));
     }
 
     setNodeDimension(sizeUpdate: SizeUpdate): void {
diff --git a/src/main/webapp/app/course/learning-paths/components/competency-node/competency-node.component.ts b/src/main/webapp/app/course/learning-paths/components/competency-node/competency-node.component.ts
index e4d60b32ef47..c4e951137203 100644
--- a/src/main/webapp/app/course/learning-paths/components/competency-node/competency-node.component.ts
+++ b/src/main/webapp/app/course/learning-paths/components/competency-node/competency-node.component.ts
@@ -12,7 +12,6 @@ export interface SizeUpdate {
 
 @Component({
     selector: 'jhi-learning-path-competency-node',
-    standalone: true,
     changeDetection: ChangeDetectionStrategy.OnPush,
     imports: [NgbDropdownModule, FontAwesomeModule, NgbAccordionModule, CommonModule],
     templateUrl: './competency-node.component.html',
diff --git a/src/main/webapp/app/course/learning-paths/components/learning-path-exercise/learning-path-exercise.component.ts b/src/main/webapp/app/course/learning-paths/components/learning-path-exercise/learning-path-exercise.component.ts
index 99f230ce1938..028748ebf32f 100644
--- a/src/main/webapp/app/course/learning-paths/components/learning-path-exercise/learning-path-exercise.component.ts
+++ b/src/main/webapp/app/course/learning-paths/components/learning-path-exercise/learning-path-exercise.component.ts
@@ -4,7 +4,6 @@ import { CourseExerciseDetailsModule } from 'app/overview/exercise-details/cours
 
 @Component({
     selector: 'jhi-learning-path-exercise',
-    standalone: true,
     changeDetection: ChangeDetectionStrategy.OnPush,
     imports: [CourseExerciseDetailsModule],
     templateUrl: './learning-path-exercise.component.html',
diff --git a/src/main/webapp/app/course/learning-paths/components/learning-path-lecture-unit/learning-path-lecture-unit.component.ts b/src/main/webapp/app/course/learning-paths/components/learning-path-lecture-unit/learning-path-lecture-unit.component.ts
index 04822ff754d8..a8303af06344 100644
--- a/src/main/webapp/app/course/learning-paths/components/learning-path-lecture-unit/learning-path-lecture-unit.component.ts
+++ b/src/main/webapp/app/course/learning-paths/components/learning-path-lecture-unit/learning-path-lecture-unit.component.ts
@@ -16,7 +16,6 @@ import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
     selector: 'jhi-learning-path-lecture-unit',
-    standalone: true,
     changeDetection: ChangeDetectionStrategy.OnPush,
     imports: [ArtemisLectureUnitsModule, VideoUnitComponent, TextUnitComponent, AttachmentUnitComponent, OnlineUnitComponent, DiscussionSectionComponent, TranslateDirective],
     templateUrl: './learning-path-lecture-unit.component.html',
@@ -37,13 +36,10 @@ export class LearningPathLectureUnitComponent {
     readonly isCommunicationEnabled = computed(() => isCommunicationEnabled(this.lecture()?.course));
 
     constructor() {
-        effect(
-            () => {
-                const lectureUnitId = this.lectureUnitId();
-                untracked(() => this.loadLectureUnit(lectureUnitId));
-            },
-            { allowSignalWrites: true },
-        );
+        effect(() => {
+            const lectureUnitId = this.lectureUnitId();
+            untracked(() => this.loadLectureUnit(lectureUnitId));
+        });
     }
 
     async loadLectureUnit(lectureUnitId: number): Promise<void> {
diff --git a/src/main/webapp/app/course/learning-paths/components/learning-path-nav-overview-learning-objects/learning-path-nav-overview-learning-objects.component.ts b/src/main/webapp/app/course/learning-paths/components/learning-path-nav-overview-learning-objects/learning-path-nav-overview-learning-objects.component.ts
index 21c0fa4c1c32..3ca8225316d4 100644
--- a/src/main/webapp/app/course/learning-paths/components/learning-path-nav-overview-learning-objects/learning-path-nav-overview-learning-objects.component.ts
+++ b/src/main/webapp/app/course/learning-paths/components/learning-path-nav-overview-learning-objects/learning-path-nav-overview-learning-objects.component.ts
@@ -11,7 +11,6 @@ import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
     selector: 'jhi-learning-path-nav-overview-learning-objects',
-    standalone: true,
     changeDetection: ChangeDetectionStrategy.OnPush,
     imports: [NgbAccordionModule, FontAwesomeModule, CommonModule, TranslateDirective],
     templateUrl: './learning-path-nav-overview-learning-objects.component.html',
@@ -41,12 +40,9 @@ export class LearningPathNavOverviewLearningObjectsComponent {
     readonly onLearningObjectSelected = output<void>();
 
     constructor() {
-        effect(
-            () => {
-                untracked(() => this.loadLearningObjects());
-            },
-            { allowSignalWrites: true },
-        );
+        effect(() => {
+            untracked(() => this.loadLearningObjects());
+        });
     }
 
     async loadLearningObjects(): Promise<void> {
diff --git a/src/main/webapp/app/course/learning-paths/components/learning-path-nav-overview/learning-path-nav-overview.component.ts b/src/main/webapp/app/course/learning-paths/components/learning-path-nav-overview/learning-path-nav-overview.component.ts
index 6bf5c49cea7a..746874759930 100644
--- a/src/main/webapp/app/course/learning-paths/components/learning-path-nav-overview/learning-path-nav-overview.component.ts
+++ b/src/main/webapp/app/course/learning-paths/components/learning-path-nav-overview/learning-path-nav-overview.component.ts
@@ -13,7 +13,6 @@ import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
     selector: 'jhi-learning-path-nav-overview',
-    standalone: true,
     changeDetection: ChangeDetectionStrategy.OnPush,
     imports: [FontAwesomeModule, CommonModule, NgbDropdownModule, NgbAccordionModule, LearningPathNavOverviewLearningObjectsComponent, TranslateDirective],
     templateUrl: './learning-path-nav-overview.component.html',
@@ -41,13 +40,10 @@ export class LearningPathNavOverviewComponent {
     readonly currentCompetencyOnPath = computed(() => this.competencies()?.find((competency) => competency.masteryProgress < 1));
 
     constructor() {
-        effect(
-            () => {
-                const learningPathId = this.learningPathId();
-                untracked(() => this.loadCompetencies(learningPathId));
-            },
-            { allowSignalWrites: true },
-        );
+        effect(() => {
+            const learningPathId = this.learningPathId();
+            untracked(() => this.loadCompetencies(learningPathId));
+        });
     }
 
     async loadCompetencies(learningPathId: number): Promise<void> {
diff --git a/src/main/webapp/app/course/learning-paths/components/learning-path-student-nav/learning-path-student-nav.component.ts b/src/main/webapp/app/course/learning-paths/components/learning-path-student-nav/learning-path-student-nav.component.ts
index dd938e28bd80..c04025d5dec8 100644
--- a/src/main/webapp/app/course/learning-paths/components/learning-path-student-nav/learning-path-student-nav.component.ts
+++ b/src/main/webapp/app/course/learning-paths/components/learning-path-student-nav/learning-path-student-nav.component.ts
@@ -10,7 +10,6 @@ import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
     selector: 'jhi-learning-path-student-nav',
-    standalone: true,
     changeDetection: ChangeDetectionStrategy.OnPush,
     imports: [CommonModule, NgbDropdownModule, NgbAccordionModule, FontAwesomeModule, LearningPathNavOverviewComponent, TranslateDirective],
     templateUrl: './learning-path-student-nav.component.html',
@@ -41,13 +40,10 @@ export class LearningPathNavComponent {
     readonly isDropdownOpen = signal<boolean>(false);
 
     constructor() {
-        effect(
-            () => {
-                const learningPathId = this.learningPathId();
-                untracked(() => this.learningPathNavigationService.loadLearningPathNavigation(learningPathId));
-            },
-            { allowSignalWrites: true },
-        );
+        effect(() => {
+            const learningPathId = this.learningPathId();
+            untracked(() => this.learningPathNavigationService.loadLearningPathNavigation(learningPathId));
+        });
     }
 
     async selectLearningObject(selectedLearningObject: LearningPathNavigationObjectDTO, isSuccessor: boolean): Promise<void> {
diff --git a/src/main/webapp/app/course/learning-paths/components/learning-paths-analytics/learning-paths-analytics.component.ts b/src/main/webapp/app/course/learning-paths/components/learning-paths-analytics/learning-paths-analytics.component.ts
index 6c2678d30c5a..c35168f82977 100644
--- a/src/main/webapp/app/course/learning-paths/components/learning-paths-analytics/learning-paths-analytics.component.ts
+++ b/src/main/webapp/app/course/learning-paths/components/learning-paths-analytics/learning-paths-analytics.component.ts
@@ -9,7 +9,6 @@ import { CommonModule } from '@angular/common';
 
 @Component({
     selector: 'jhi-learning-paths-analytics',
-    standalone: true,
     changeDetection: ChangeDetectionStrategy.OnPush,
     imports: [CompetencyGraphComponent, TranslateDirective, CommonModule],
     templateUrl: './learning-paths-analytics.component.html',
@@ -29,13 +28,10 @@ export class LearningPathsAnalyticsComponent {
     readonly valueSelection = signal<CompetencyGraphNodeValueType>(CompetencyGraphNodeValueType.AVERAGE_MASTERY_PROGRESS);
 
     constructor() {
-        effect(
-            () => {
-                const courseId = this.courseId();
-                untracked(() => this.loadInstructionCompetencyGraph(courseId));
-            },
-            { allowSignalWrites: true },
-        );
+        effect(() => {
+            const courseId = this.courseId();
+            untracked(() => this.loadInstructionCompetencyGraph(courseId));
+        });
     }
 
     private async loadInstructionCompetencyGraph(courseId: number): Promise<void> {
diff --git a/src/main/webapp/app/course/learning-paths/components/learning-paths-configuration/learning-paths-configuration.component.ts b/src/main/webapp/app/course/learning-paths/components/learning-paths-configuration/learning-paths-configuration.component.ts
index 6f2d305f54cc..107c7e493a21 100644
--- a/src/main/webapp/app/course/learning-paths/components/learning-paths-configuration/learning-paths-configuration.component.ts
+++ b/src/main/webapp/app/course/learning-paths/components/learning-paths-configuration/learning-paths-configuration.component.ts
@@ -10,7 +10,6 @@ import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
     selector: 'jhi-learning-paths-configuration',
-    standalone: true,
     changeDetection: ChangeDetectionStrategy.OnPush,
     imports: [FontAwesomeModule, ArtemisSharedComponentModule, TranslateDirective],
     templateUrl: './learning-paths-configuration.component.html',
@@ -33,13 +32,10 @@ export class LearningPathsConfigurationComponent {
     readonly includeAllGradedExercisesEnabled = computed(() => this.learningPathsConfiguration()?.includeAllGradedExercises ?? false);
 
     constructor() {
-        effect(
-            () => {
-                const courseId = this.courseId();
-                untracked(() => this.loadLearningPathsConfiguration(courseId));
-            },
-            { allowSignalWrites: true },
-        );
+        effect(() => {
+            const courseId = this.courseId();
+            untracked(() => this.loadLearningPathsConfiguration(courseId));
+        });
     }
 
     private async loadLearningPathsConfiguration(courseId: number): Promise<void> {
diff --git a/src/main/webapp/app/course/learning-paths/components/learning-paths-state/learning-paths-state.component.ts b/src/main/webapp/app/course/learning-paths/components/learning-paths-state/learning-paths-state.component.ts
index a8460830ca71..20fbb7a8e094 100644
--- a/src/main/webapp/app/course/learning-paths/components/learning-paths-state/learning-paths-state.component.ts
+++ b/src/main/webapp/app/course/learning-paths/components/learning-paths-state/learning-paths-state.component.ts
@@ -11,7 +11,6 @@ import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 
 @Component({
     selector: 'jhi-learning-paths-state',
-    standalone: true,
     changeDetection: ChangeDetectionStrategy.OnPush,
     imports: [TranslateDirective, CommonModule, FontAwesomeModule],
     templateUrl: './learning-paths-state.component.html',
@@ -45,13 +44,10 @@ export class LearningPathsStateComponent {
     readonly learningPathHealthState = computed(() => this.learningPathHealth()?.status ?? []);
 
     constructor() {
-        effect(
-            () => {
-                const courseId = this.courseId();
-                untracked(() => this.loadLearningPathHealthState(courseId));
-            },
-            { allowSignalWrites: true },
-        );
+        effect(() => {
+            const courseId = this.courseId();
+            untracked(() => this.loadLearningPathHealthState(courseId));
+        });
     }
 
     protected async loadLearningPathHealthState(courseId: number): Promise<void> {
diff --git a/src/main/webapp/app/course/learning-paths/components/learning-paths-table/learning-paths-table.component.ts b/src/main/webapp/app/course/learning-paths/components/learning-paths-table/learning-paths-table.component.ts
index 4fe183acd1a5..4043a22c2035 100644
--- a/src/main/webapp/app/course/learning-paths/components/learning-paths-table/learning-paths-table.component.ts
+++ b/src/main/webapp/app/course/learning-paths/components/learning-paths-table/learning-paths-table.component.ts
@@ -21,7 +21,6 @@ enum TableColumn {
 
 @Component({
     selector: 'jhi-learning-paths-table',
-    standalone: true,
     changeDetection: ChangeDetectionStrategy.OnPush,
     imports: [NgbPaginationModule, NgbTypeaheadModule, FormsModule, FontAwesomeModule, ArtemisSharedModule],
     templateUrl: './learning-paths-table.component.html',
@@ -51,14 +50,11 @@ export class LearningPathsTableComponent {
     private readonly debounceLoadLearningPaths = BaseApiHttpService.debounce(this.loadLearningPaths.bind(this), 300);
 
     constructor() {
-        effect(
-            () => {
-                // Load learning paths whenever the courseId changes
-                const courseId = this.courseId();
-                untracked(() => this.loadLearningPaths(courseId));
-            },
-            { allowSignalWrites: true },
-        );
+        effect(() => {
+            // Load learning paths whenever the courseId changes
+            const courseId = this.courseId();
+            untracked(() => this.loadLearningPaths(courseId));
+        });
     }
 
     private async loadLearningPaths(courseId: number): Promise<void> {
diff --git a/src/main/webapp/app/course/learning-paths/pages/learning-path-instructor-page/learning-path-instructor-page.component.ts b/src/main/webapp/app/course/learning-paths/pages/learning-path-instructor-page/learning-path-instructor-page.component.ts
index dcd31ceae3a9..7496f4fdd15c 100644
--- a/src/main/webapp/app/course/learning-paths/pages/learning-path-instructor-page/learning-path-instructor-page.component.ts
+++ b/src/main/webapp/app/course/learning-paths/pages/learning-path-instructor-page/learning-path-instructor-page.component.ts
@@ -1,7 +1,6 @@
 import { ChangeDetectionStrategy, Component, computed, effect, inject, signal, untracked } from '@angular/core';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { ActivatedRoute } from '@angular/router';
-import { LearningPathsConfigurationComponent } from 'app/course/learning-paths/components/learning-paths-configuration/learning-paths-configuration.component';
 import { lastValueFrom, map } from 'rxjs';
 import { LearningPathApiService } from 'app/course/learning-paths/services/learning-path-api.service';
 import { AlertService } from 'app/core/util/alert.service';
@@ -15,9 +14,8 @@ import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
     selector: 'jhi-learning-path-instructor-page',
-    standalone: true,
     changeDetection: ChangeDetectionStrategy.OnPush,
-    imports: [LearningPathsConfigurationComponent, LearningPathsStateComponent, LearningPathsTableComponent, LearningPathsAnalyticsComponent, TranslateDirective],
+    imports: [LearningPathsStateComponent, LearningPathsTableComponent, LearningPathsAnalyticsComponent, TranslateDirective],
     templateUrl: './learning-path-instructor-page.component.html',
     styleUrl: './learning-path-instructor-page.component.scss',
 })
@@ -34,13 +32,10 @@ export class LearningPathInstructorPageComponent {
     readonly isLoading = signal<boolean>(false);
 
     constructor() {
-        effect(
-            () => {
-                const courseId = this.courseId();
-                untracked(() => this.loadCourse(courseId));
-            },
-            { allowSignalWrites: true },
-        );
+        effect(() => {
+            const courseId = this.courseId();
+            untracked(() => this.loadCourse(courseId));
+        });
     }
 
     private async loadCourse(courseId: number): Promise<void> {
diff --git a/src/main/webapp/app/course/learning-paths/pages/learning-path-student-page/learning-path-student-page.component.ts b/src/main/webapp/app/course/learning-paths/pages/learning-path-student-page/learning-path-student-page.component.ts
index 72c77fbf2d40..bf5f11f1f219 100644
--- a/src/main/webapp/app/course/learning-paths/pages/learning-path-student-page/learning-path-student-page.component.ts
+++ b/src/main/webapp/app/course/learning-paths/pages/learning-path-student-page/learning-path-student-page.component.ts
@@ -17,7 +17,6 @@ import { TranslateDirective } from 'app/shared/language/translate.directive';
     templateUrl: './learning-path-student-page.component.html',
     styleUrl: './learning-path-student-page.component.scss',
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
     imports: [LearningPathNavComponent, LearningPathLectureUnitComponent, LearningPathExerciseComponent, TranslateDirective],
 })
 export class LearningPathStudentPageComponent {
@@ -35,13 +34,10 @@ export class LearningPathStudentPageComponent {
     readonly isLearningPathNavigationLoading = this.learningPathNavigationService.isLoading;
 
     constructor() {
-        effect(
-            () => {
-                const courseId = this.courseId();
-                untracked(() => this.loadLearningPath(courseId));
-            },
-            { allowSignalWrites: true },
-        );
+        effect(() => {
+            const courseId = this.courseId();
+            untracked(() => this.loadLearningPath(courseId));
+        });
     }
 
     private async loadLearningPath(courseId: number): Promise<void> {
diff --git a/src/main/webapp/app/course/manage/course-admin.service.ts b/src/main/webapp/app/course/manage/course-admin.service.ts
index 1185c439a8d2..fb28f13466dc 100644
--- a/src/main/webapp/app/course/manage/course-admin.service.ts
+++ b/src/main/webapp/app/course/manage/course-admin.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { map } from 'rxjs/operators';
@@ -12,12 +12,10 @@ export type EntityArrayResponseType = HttpResponse<Course[]>;
 
 @Injectable({ providedIn: 'root' })
 export class CourseAdminService {
-    private resourceUrl = 'api/admin/courses';
+    private http = inject(HttpClient);
+    private courseManagementService = inject(CourseManagementService);
 
-    constructor(
-        private http: HttpClient,
-        private courseManagementService: CourseManagementService,
-    ) {}
+    private resourceUrl = 'api/admin/courses';
 
     /**
      * finds all groups for all courses using a GET request
diff --git a/src/main/webapp/app/course/manage/course-exercise-card.component.ts b/src/main/webapp/app/course/manage/course-exercise-card.component.ts
index b2fbbff8b5b1..85a1e3842dbd 100644
--- a/src/main/webapp/app/course/manage/course-exercise-card.component.ts
+++ b/src/main/webapp/app/course/manage/course-exercise-card.component.ts
@@ -1,11 +1,15 @@
 import { Component, Input } from '@angular/core';
 import { faAngleDown, faAngleRight } from '@fortawesome/free-solid-svg-icons';
 import { Course } from 'app/entities/course.model';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbCollapse } from '@ng-bootstrap/ng-bootstrap';
 
 @Component({
     selector: 'jhi-course-exercise-card',
     templateUrl: './course-exercise-card.component.html',
     styleUrls: ['./course-exercise-card.component.scss', '../../exercises/quiz/shared/quiz.scss'],
+    imports: [TranslateDirective, FaIconComponent, NgbCollapse],
 })
 export class CourseExerciseCardComponent {
     @Input() headingJhiTranslate: string;
diff --git a/src/main/webapp/app/course/manage/course-for-dashboard-dto.ts b/src/main/webapp/app/course/manage/course-for-dashboard-dto.ts
index 67cc0c6bed68..322557637962 100644
--- a/src/main/webapp/app/course/manage/course-for-dashboard-dto.ts
+++ b/src/main/webapp/app/course/manage/course-for-dashboard-dto.ts
@@ -13,13 +13,10 @@ export class CourseForDashboardDTO {
     quizScores: CourseScores;
 
     participationResults: ParticipationResultDTO[];
-
-    constructor() {}
 }
 
 export class ParticipationResultDTO {
     score?: number;
     rated?: boolean;
     participationId: number;
-    constructor() {}
 }
diff --git a/src/main/webapp/app/course/manage/course-group-membership/course-group-membership.component.ts b/src/main/webapp/app/course/manage/course-group-membership/course-group-membership.component.ts
index 0b9626661fa4..4e605fc6d9a1 100644
--- a/src/main/webapp/app/course/manage/course-group-membership/course-group-membership.component.ts
+++ b/src/main/webapp/app/course/manage/course-group-membership/course-group-membership.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { Course, CourseGroup, courseGroups } from 'app/entities/course.model';
 import { User } from 'app/core/user/user.model';
 import { AccountService } from 'app/core/auth/account.service';
@@ -9,12 +9,23 @@ import { CourseManagementService } from 'app/course/manage/course-management.ser
 import { UserService } from 'app/core/user/user.service';
 import { Subscription } from 'rxjs';
 import { capitalize } from 'lodash-es';
+import { CourseGroupComponent } from 'app/shared/course-group/course-group.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
     selector: 'jhi-course-group-membership',
     templateUrl: './course-group-membership.component.html',
+    imports: [CourseGroupComponent, TranslateDirective],
 })
 export class CourseGroupMembershipComponent implements OnInit {
+    private router = inject(Router);
+    private route = inject(ActivatedRoute);
+    private alertService = inject(AlertService);
+    private eventManager = inject(EventManager);
+    private courseService = inject(CourseManagementService);
+    private userService = inject(UserService);
+    private accountService = inject(AccountService);
+
     allCourseGroupUsers: User[] = [];
     course: Course;
     courseGroup: CourseGroup;
@@ -25,16 +36,6 @@ export class CourseGroupMembershipComponent implements OnInit {
 
     readonly capitalize = capitalize;
 
-    constructor(
-        private router: Router,
-        private route: ActivatedRoute,
-        private alertService: AlertService,
-        private eventManager: EventManager,
-        private courseService: CourseManagementService,
-        private userService: UserService,
-        private accountService: AccountService,
-    ) {}
-
     ngOnInit(): void {
         this.loadAll();
     }
diff --git a/src/main/webapp/app/course/manage/course-lti-configuration/course-lti-configuration.component.ts b/src/main/webapp/app/course/manage/course-lti-configuration/course-lti-configuration.component.ts
index d91fcf8469b2..cdcc305d2a82 100644
--- a/src/main/webapp/app/course/manage/course-lti-configuration/course-lti-configuration.component.ts
+++ b/src/main/webapp/app/course/manage/course-lti-configuration/course-lti-configuration.component.ts
@@ -7,17 +7,16 @@ import { Exercise } from 'app/entities/exercise.model';
 import { faExclamationTriangle, faSort, faWrench } from '@fortawesome/free-solid-svg-icons';
 import { SortService } from 'app/shared/service/sort.service';
 import { FormsModule } from '@angular/forms';
-import { TranslateDirective } from '../../../shared/language/translate.directive';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { NgbNav, NgbNavContent, NgbNavItem, NgbNavLink, NgbNavLinkBase, NgbNavOutlet, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
-import { ArtemisSharedComponentModule } from '../../../shared/components/shared-component.module';
-import { ArtemisSharedCommonModule } from '../../../shared/shared-common.module';
-import { ArtemisTranslatePipe } from '../../../shared/pipes/artemis-translate.pipe';
+import { ArtemisSharedComponentModule } from 'app/shared/components/shared-component.module';
+import { ArtemisSharedCommonModule } from 'app/shared/shared-common.module';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-course-lti-configuration',
     templateUrl: './course-lti-configuration.component.html',
-    standalone: true,
     imports: [
         FormsModule,
         TranslateDirective,
diff --git a/src/main/webapp/app/course/manage/course-lti-configuration/edit-course-lti-configuration.component.ts b/src/main/webapp/app/course/manage/course-lti-configuration/edit-course-lti-configuration.component.ts
index 78f46c1f410d..28d581d5e346 100644
--- a/src/main/webapp/app/course/manage/course-lti-configuration/edit-course-lti-configuration.component.ts
+++ b/src/main/webapp/app/course/manage/course-lti-configuration/edit-course-lti-configuration.component.ts
@@ -1,6 +1,7 @@
 import { Component, ElementRef, OnInit, ViewChild, inject } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { Course } from 'app/entities/course.model';
+import { HasAnyAuthorityDirective } from 'app/shared/auth/has-any-authority.directive';
 import { finalize } from 'rxjs';
 import { OnlineCourseConfiguration } from 'app/entities/online-course-configuration.model';
 import { FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
@@ -13,19 +14,18 @@ import { LtiConfigurationService } from 'app/admin/lti-configuration/lti-configu
 import { ITEMS_PER_PAGE } from 'app/shared/constants/pagination.constants';
 import { HttpHeaders, HttpResponse } from '@angular/common/http';
 import { combineLatest } from 'rxjs';
-import { TranslateDirective } from '../../../shared/language/translate.directive';
-import { ArtemisSharedComponentModule } from '../../../shared/components/shared-component.module';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ArtemisSharedComponentModule } from 'app/shared/components/shared-component.module';
 import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { NgbDropdown, NgbDropdownButtonItem, NgbDropdownItem, NgbDropdownMenu, NgbDropdownToggle, NgbPagination, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { KeyValuePipe } from '@angular/common';
-import { ArtemisTranslatePipe } from '../../../shared/pipes/artemis-translate.pipe';
-import { ArtemisSharedPipesModule } from '../../../shared/pipes/shared-pipes.module';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { ArtemisSharedPipesModule } from 'app/shared/pipes/shared-pipes.module';
 
 @Component({
     selector: 'jhi-edit-course-lti-configuration',
     templateUrl: './edit-course-lti-configuration.component.html',
-    standalone: true,
     imports: [
         FormsModule,
         ReactiveFormsModule,
@@ -43,6 +43,8 @@ import { ArtemisSharedPipesModule } from '../../../shared/pipes/shared-pipes.mod
         KeyValuePipe,
         ArtemisTranslatePipe,
         ArtemisSharedPipesModule,
+        // NOTE: this is actually used in the html template, otherwise *jhiHasAnyAuthority would not work
+        HasAnyAuthorityDirective,
     ],
 })
 export class EditCourseLtiConfigurationComponent implements OnInit {
diff --git a/src/main/webapp/app/course/manage/course-management-detail-view-dto.model.ts b/src/main/webapp/app/course/manage/course-management-detail-view-dto.model.ts
index e262f717a7de..4e8983fe099f 100644
--- a/src/main/webapp/app/course/manage/course-management-detail-view-dto.model.ts
+++ b/src/main/webapp/app/course/manage/course-management-detail-view-dto.model.ts
@@ -28,6 +28,4 @@ export class CourseManagementDetailViewDto {
 
     // LLM Stats
     currentTotalLlmCostInEur: number;
-
-    constructor() {}
 }
diff --git a/src/main/webapp/app/course/manage/course-management-exercises-search.component.ts b/src/main/webapp/app/course/manage/course-management-exercises-search.component.ts
index aeb057ef6e2a..bbc433ad8aba 100644
--- a/src/main/webapp/app/course/manage/course-management-exercises-search.component.ts
+++ b/src/main/webapp/app/course/manage/course-management-exercises-search.component.ts
@@ -1,11 +1,15 @@
 import { Component, EventEmitter, OnInit, Output } from '@angular/core';
 import { ExerciseFilter } from 'app/entities/exercise-filter.model';
 import { exerciseTypes } from 'app/entities/exercise.model';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FormsModule } from '@angular/forms';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-course-management-exercises-search',
     templateUrl: './course-management-exercises-search.component.html',
     styleUrls: ['./course-management-exercises-search.component.scss'],
+    imports: [TranslateDirective, FormsModule, ArtemisTranslatePipe],
 })
 export class CourseManagementExercisesSearchComponent implements OnInit {
     typeOptions: string[];
diff --git a/src/main/webapp/app/course/manage/course-management-exercises.component.html b/src/main/webapp/app/course/manage/course-management-exercises.component.html
index 51f7c1ecfb10..176580fff610 100644
--- a/src/main/webapp/app/course/manage/course-management-exercises.component.html
+++ b/src/main/webapp/app/course/manage/course-management-exercises.component.html
@@ -27,19 +27,32 @@ <h3>
         [hidden]="shouldHideExerciseCard('programming')"
         [course]="course"
     >
-        <jhi-programming-exercise-create-buttons exerciseCreateButtons *jhiExtensionPoint="overrideGenerateAndImportButton" [course]="course" />
+        <!-- TODO: the extension point for Orion does not work with Angular 19, we need to find a different solution -->
+        <!--        <jhi-programming-exercise-create-buttons exerciseCreateButtons-->
+        <!--                                                 *jhiExtensionPoint="overrideGenerateAndImportButton"-->
+        <!--                                                 [course]="course" />-->
+        <jhi-programming-exercise-create-buttons exerciseCreateButtons [course]="course" />
+        <!-- TODO: the extension point for Orion does not work with Angular 19, we need to find a different solution -->
+        <!--        <jhi-programming-exercise-->
+        <!--            exercises-->
+        <!--            *jhiExtensionPoint="-->
+        <!--                overrideProgrammingExerciseCard;-->
+        <!--                context: {-->
+        <!--                    embedded: true,-->
+        <!--                    course: course,-->
+        <!--                    programmingExerciseCountCallback: setProgrammingExerciseCount.bind(this),-->
+        <!--                    exerciseFilter: exerciseFilter,-->
+        <!--                    filteredProgrammingExercisesCountCallback: setFilteredProgrammingExerciseCount.bind(this),-->
+        <!--                }-->
+        <!--            "-->
+        <!--            [embedded]="true"-->
+        <!--            [course]="course"-->
+        <!--            [exerciseFilter]="exerciseFilter"-->
+        <!--            (exerciseCount)="programmingExercisesCount = $event"-->
+        <!--            (filteredExerciseCount)="filteredProgrammingExercisesCount = $event"-->
+        <!--        />-->
         <jhi-programming-exercise
             exercises
-            *jhiExtensionPoint="
-                overrideProgrammingExerciseCard;
-                context: {
-                    embedded: true,
-                    course: course,
-                    programmingExerciseCountCallback: setProgrammingExerciseCount.bind(this),
-                    exerciseFilter: exerciseFilter,
-                    filteredProgrammingExercisesCountCallback: setFilteredProgrammingExerciseCount.bind(this),
-                }
-            "
             [embedded]="true"
             [course]="course"
             [exerciseFilter]="exerciseFilter"
@@ -47,8 +60,15 @@ <h3>
             (filteredExerciseCount)="filteredProgrammingExercisesCount = $event"
         />
     </jhi-course-exercise-card>
+    <!-- TODO: the extension point for Orion does not work with Angular 19, we need to find a different solution -->
+    <!--    <jhi-course-exercise-card-->
+    <!--        *jhiExtensionPoint="overrideNonProgrammingExerciseCard"-->
+    <!--        [headingJhiTranslate]="'artemisApp.course.quizExercises'"-->
+    <!--        [exerciseCount]="quizExercisesCount"-->
+    <!--        [hidden]="shouldHideExerciseCard('quiz')"-->
+    <!--        [course]="course"-->
+    <!--    >-->
     <jhi-course-exercise-card
-        *jhiExtensionPoint="overrideNonProgrammingExerciseCard"
         [headingJhiTranslate]="'artemisApp.course.quizExercises'"
         [exerciseCount]="quizExercisesCount"
         [hidden]="shouldHideExerciseCard('quiz')"
@@ -64,8 +84,15 @@ <h3>
             (filteredExerciseCount)="filteredQuizExercisesCount = $event"
         />
     </jhi-course-exercise-card>
+    <!-- TODO: the extension point for Orion does not work with Angular 19, we need to find a different solution -->
+    <!--    <jhi-course-exercise-card-->
+    <!--        *jhiExtensionPoint="overrideNonProgrammingExerciseCard"-->
+    <!--        [headingJhiTranslate]="'artemisApp.course.modelingExercises'"-->
+    <!--        [exerciseCount]="modelingExercisesCount"-->
+    <!--        [hidden]="shouldHideExerciseCard('modeling')"-->
+    <!--        [course]="course"-->
+    <!--    >-->
     <jhi-course-exercise-card
-        *jhiExtensionPoint="overrideNonProgrammingExerciseCard"
         [headingJhiTranslate]="'artemisApp.course.modelingExercises'"
         [exerciseCount]="modelingExercisesCount"
         [hidden]="shouldHideExerciseCard('modeling')"
@@ -81,8 +108,15 @@ <h3>
             (filteredExerciseCount)="filteredModelingExercisesCount = $event"
         />
     </jhi-course-exercise-card>
+    <!-- TODO: the extension point for Orion does not work with Angular 19, we need to find a different solution -->
+    <!--    <jhi-course-exercise-card-->
+    <!--        *jhiExtensionPoint="overrideNonProgrammingExerciseCard"-->
+    <!--        [headingJhiTranslate]="'artemisApp.course.textExercises'"-->
+    <!--        [exerciseCount]="textExercisesCount"-->
+    <!--        [hidden]="shouldHideExerciseCard('text')"-->
+    <!--        [course]="course"-->
+    <!--    >-->
     <jhi-course-exercise-card
-        *jhiExtensionPoint="overrideNonProgrammingExerciseCard"
         [headingJhiTranslate]="'artemisApp.course.textExercises'"
         [exerciseCount]="textExercisesCount"
         [hidden]="shouldHideExerciseCard('text')"
@@ -98,8 +132,15 @@ <h3>
             (filteredExerciseCount)="filteredTextExercisesCount = $event"
         />
     </jhi-course-exercise-card>
+    <!-- TODO: the extension point for Orion does not work with Angular 19, we need to find a different solution -->
+    <!--    <jhi-course-exercise-card-->
+    <!--        *jhiExtensionPoint="overrideNonProgrammingExerciseCard"-->
+    <!--        [headingJhiTranslate]="'artemisApp.course.fileUploadExercises'"-->
+    <!--        [exerciseCount]="fileUploadExercisesCount"-->
+    <!--        [hidden]="shouldHideExerciseCard('file-upload')"-->
+    <!--        [course]="course"-->
+    <!--    >-->
     <jhi-course-exercise-card
-        *jhiExtensionPoint="overrideNonProgrammingExerciseCard"
         [headingJhiTranslate]="'artemisApp.course.fileUploadExercises'"
         [exerciseCount]="fileUploadExercisesCount"
         [hidden]="shouldHideExerciseCard('file-upload')"
diff --git a/src/main/webapp/app/course/manage/course-management-exercises.component.ts b/src/main/webapp/app/course/manage/course-management-exercises.component.ts
index 70afc4bd3471..50ed633b48c5 100644
--- a/src/main/webapp/app/course/manage/course-management-exercises.component.ts
+++ b/src/main/webapp/app/course/manage/course-management-exercises.component.ts
@@ -1,13 +1,43 @@
-import { Component, ContentChild, OnInit, TemplateRef, inject } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { Course } from 'app/entities/course.model';
 import { ActivatedRoute } from '@angular/router';
 import { ExerciseFilter } from 'app/entities/exercise-filter.model';
 import { DocumentationType } from 'app/shared/components/documentation-button/documentation-button.component';
 import { ExerciseType } from 'app/entities/exercise.model';
+import { DocumentationButtonComponent } from 'app/shared/components/documentation-button/documentation-button.component';
+import { CourseManagementExercisesSearchComponent } from './course-management-exercises-search.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { CourseExerciseCardComponent } from './course-exercise-card.component';
+import { ProgrammingExerciseCreateButtonsComponent } from 'app/exercises/programming/manage/programming-exercise-create-buttons.component';
+import { ProgrammingExerciseComponent } from 'app/exercises/programming/manage/programming-exercise.component';
+import { QuizExerciseCreateButtonsComponent } from 'app/exercises/quiz/manage/quiz-exercise-create-buttons.component';
+import { QuizExerciseComponent } from 'app/exercises/quiz/manage/quiz-exercise.component';
+import { ExerciseCreateButtonsComponent } from 'app/exercises/shared/manage/exercise-create-buttons.component';
+import { ModelingExerciseComponent } from 'app/exercises/modeling/manage/modeling-exercise.component';
+import { TextExerciseComponent } from 'app/exercises/text/manage/text-exercise/text-exercise.component';
+import { FileUploadExerciseComponent } from 'app/exercises/file-upload/manage/file-upload-exercise.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-course-management-exercises',
     templateUrl: './course-management-exercises.component.html',
+    imports: [
+        DocumentationButtonComponent,
+        CourseManagementExercisesSearchComponent,
+        TranslateDirective,
+        CourseExerciseCardComponent,
+        // TODO: the extension point for Orion does not work with Angular 19, we need to find a different solution
+        // ExtensionPointDirective,
+        ProgrammingExerciseCreateButtonsComponent,
+        ProgrammingExerciseComponent,
+        QuizExerciseCreateButtonsComponent,
+        QuizExerciseComponent,
+        ExerciseCreateButtonsComponent,
+        ModelingExerciseComponent,
+        TextExerciseComponent,
+        FileUploadExerciseComponent,
+        ArtemisTranslatePipe,
+    ],
 })
 export class CourseManagementExercisesComponent implements OnInit {
     readonly ExerciseType = ExerciseType;
@@ -28,9 +58,10 @@ export class CourseManagementExercisesComponent implements OnInit {
     exerciseFilter: ExerciseFilter;
 
     // extension points, see shared/extension-point
-    @ContentChild('overrideGenerateAndImportButton') overrideGenerateAndImportButton: TemplateRef<any>;
-    @ContentChild('overrideProgrammingExerciseCard') overrideProgrammingExerciseCard: TemplateRef<any>;
-    @ContentChild('overrideNonProgrammingExerciseCard') overrideNonProgrammingExerciseCard: TemplateRef<any>;
+    // TODO: the extension point for Orion does not work with Angular 19, we need to find a different solution
+    // @ContentChild('overrideGenerateAndImportButton') overrideGenerateAndImportButton: TemplateRef<any>;
+    // @ContentChild('overrideProgrammingExerciseCard') overrideProgrammingExerciseCard: TemplateRef<any>;
+    // @ContentChild('overrideNonProgrammingExerciseCard') overrideNonProgrammingExerciseCard: TemplateRef<any>;
 
     private readonly route = inject(ActivatedRoute);
 
diff --git a/src/main/webapp/app/course/manage/course-management-resolve.service.ts b/src/main/webapp/app/course/manage/course-management-resolve.service.ts
index 1e789622ccbb..ebebf754ba8f 100644
--- a/src/main/webapp/app/course/manage/course-management-resolve.service.ts
+++ b/src/main/webapp/app/course/manage/course-management-resolve.service.ts
@@ -1,13 +1,13 @@
 import { Course } from 'app/entities/course.model';
 import { CourseManagementService } from 'app/course/manage/course-management.service';
 import { ActivatedRouteSnapshot, Resolve } from '@angular/router';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { Observable, filter, map, of } from 'rxjs';
 import { HttpResponse } from '@angular/common/http';
 
 @Injectable({ providedIn: 'root' })
 export class CourseManagementResolve implements Resolve<Course> {
-    constructor(private service: CourseManagementService) {}
+    private service = inject(CourseManagementService);
 
     /**
      * Resolves the route by extracting the courseId and returns the course with that Id if it exists
diff --git a/src/main/webapp/app/course/manage/course-management-statistics-dto.ts b/src/main/webapp/app/course/manage/course-management-statistics-dto.ts
index adc705057731..3aba5cd52140 100644
--- a/src/main/webapp/app/course/manage/course-management-statistics-dto.ts
+++ b/src/main/webapp/app/course/manage/course-management-statistics-dto.ts
@@ -3,6 +3,4 @@ import { CourseManagementStatisticsModel } from 'app/entities/quiz/course-manage
 export class CourseManagementStatisticsDTO {
     averageScoreOfCourse: number;
     averageScoresOfExercises: CourseManagementStatisticsModel[];
-
-    constructor() {}
 }
diff --git a/src/main/webapp/app/course/manage/course-management-statistics.component.ts b/src/main/webapp/app/course/manage/course-management-statistics.component.ts
index 4b2dbf79b37d..516dc03f2555 100644
--- a/src/main/webapp/app/course/manage/course-management-statistics.component.ts
+++ b/src/main/webapp/app/course/manage/course-management-statistics.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { Graphs, SpanType, StatisticsView } from 'app/entities/statistics.model';
 import { Subscription } from 'rxjs';
@@ -6,13 +6,22 @@ import { StatisticsService } from 'app/shared/statistics-graph/statistics.servic
 import { CourseManagementStatisticsDTO } from './course-management-statistics-dto';
 import { DocumentationType } from 'app/shared/components/documentation-button/documentation-button.component';
 import { Course, isCommunicationEnabled } from 'app/entities/course.model';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { DocumentationButtonComponent } from 'app/shared/components/documentation-button/documentation-button.component';
+import { StatisticsAverageScoreGraphComponent } from 'app/shared/statistics-graph/statistics-average-score-graph.component';
+import { StatisticsGraphComponent } from 'app/shared/statistics-graph/statistics-graph.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-course-management-statistics',
     templateUrl: './course-management-statistics.component.html',
     styleUrls: ['./course-management-statistics.component.scss'],
+    imports: [TranslateDirective, DocumentationButtonComponent, StatisticsAverageScoreGraphComponent, StatisticsGraphComponent, ArtemisTranslatePipe],
 })
 export class CourseManagementStatisticsComponent implements OnInit {
+    private service = inject(StatisticsService);
+    private route = inject(ActivatedRoute);
+
     readonly documentationType: DocumentationType = 'Statistics';
     // html properties
     SpanType = SpanType;
@@ -40,11 +49,6 @@ export class CourseManagementStatisticsComponent implements OnInit {
 
     courseStatistics: CourseManagementStatisticsDTO;
 
-    constructor(
-        private service: StatisticsService,
-        private route: ActivatedRoute,
-    ) {}
-
     ngOnInit() {
         this.paramSub = this.route.params.subscribe((params) => {
             this.courseId = params['courseId'];
diff --git a/src/main/webapp/app/course/manage/course-management-tab-bar/course-management-tab-bar.component.ts b/src/main/webapp/app/course/manage/course-management-tab-bar/course-management-tab-bar.component.ts
index 8e15c55fbd28..ef7b8075ba02 100644
--- a/src/main/webapp/app/course/manage/course-management-tab-bar/course-management-tab-bar.component.ts
+++ b/src/main/webapp/app/course/manage/course-management-tab-bar/course-management-tab-bar.component.ts
@@ -1,6 +1,7 @@
-import { AfterViewInit, Component, OnDestroy, OnInit } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
+import { AfterViewInit, Component, OnDestroy, OnInit, inject } from '@angular/core';
+import { ActivatedRoute, Router, RouterLink, RouterLinkActive, RouterOutlet } from '@angular/router';
 import { HttpErrorResponse } from '@angular/common/http';
+import { HasAnyAuthorityDirective } from 'app/shared/auth/has-any-authority.directive';
 import { Observable, Subject, Subscription, map, of } from 'rxjs';
 import { Course, isCommunicationEnabled } from 'app/entities/course.model';
 import { CourseManagementService } from 'app/course/manage/course-management.service';
@@ -29,20 +30,48 @@ import {
 } from '@fortawesome/free-solid-svg-icons';
 import { FeatureToggle } from 'app/shared/feature-toggle/feature-toggle.service';
 import { CourseAdminService } from 'app/course/manage/course-admin.service';
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 import { PROFILE_IRIS, PROFILE_LOCALCI, PROFILE_LTI } from 'app/app.constants';
 import { CourseAccessStorageService } from 'app/course/course-access-storage.service';
 import { scrollToTopOfPage } from 'app/shared/util/utils';
 import { ExerciseType } from 'app/entities/exercise.model';
 import { EntitySummary } from 'app/shared/delete-dialog/delete-dialog.model';
+import { HeaderCourseComponent } from 'app/overview/header-course.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FeatureToggleLinkDirective } from 'app/shared/feature-toggle/feature-toggle-link.directive';
+import { FeatureToggleHideDirective } from 'app/shared/feature-toggle/feature-toggle-hide.directive';
+import { CourseExamArchiveButtonComponent } from 'app/shared/components/course-exam-archive-button/course-exam-archive-button.component';
+import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
 
 @Component({
     selector: 'jhi-course-management-tab-bar',
     templateUrl: './course-management-tab-bar.component.html',
     styleUrls: ['./course-management-tab-bar.component.scss'],
+    imports: [
+        HeaderCourseComponent,
+        RouterLinkActive,
+        RouterLink,
+        FaIconComponent,
+        TranslateDirective,
+        FeatureToggleLinkDirective,
+        FeatureToggleHideDirective,
+        CourseExamArchiveButtonComponent,
+        DeleteButtonDirective,
+        RouterOutlet,
+        // NOTE: this is actually used in the html template, otherwise *jhiHasAnyAuthority would not work
+        HasAnyAuthorityDirective,
+    ],
 })
 export class CourseManagementTabBarComponent implements OnInit, OnDestroy, AfterViewInit {
+    private eventManager = inject(EventManager);
+    private courseManagementService = inject(CourseManagementService);
+    private courseAdminService = inject(CourseAdminService);
+    private route = inject(ActivatedRoute);
+    private router = inject(Router);
+    private profileService = inject(ProfileService);
+    private courseAccessStorageService = inject(CourseAccessStorageService);
+
     readonly FeatureToggle = FeatureToggle;
     readonly ButtonSize = ButtonSize;
 
@@ -52,7 +81,7 @@ export class CourseManagementTabBarComponent implements OnInit, OnDestroy, After
     private courseSub?: Subscription;
     private eventSubscriber: Subscription;
 
-    localCIActive: boolean = false;
+    localCIActive = false;
 
     private dialogErrorSource = new Subject<string>();
     dialogError$ = this.dialogErrorSource.asObservable();
@@ -83,17 +112,6 @@ export class CourseManagementTabBarComponent implements OnInit, OnDestroy, After
     irisEnabled = false;
     ltiEnabled = false;
 
-    constructor(
-        private eventManager: EventManager,
-        private courseManagementService: CourseManagementService,
-        private courseAdminService: CourseAdminService,
-        private route: ActivatedRoute,
-        private router: Router,
-        private modalService: NgbModal,
-        private profileService: ProfileService,
-        private courseAccessStorageService: CourseAccessStorageService,
-    ) {}
-
     /**
      * On init load the course information and subscribe to listen for changes in course.
      */
diff --git a/src/main/webapp/app/course/manage/course-management.component.ts b/src/main/webapp/app/course/manage/course-management.component.ts
index e6706bd2b2ee..f5970f30cba4 100644
--- a/src/main/webapp/app/course/manage/course-management.component.ts
+++ b/src/main/webapp/app/course/manage/course-management.component.ts
@@ -1,4 +1,4 @@
-import { AfterViewInit, Component, OnDestroy, OnInit } from '@angular/core';
+import { AfterViewInit, Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { Subject, Subscription } from 'rxjs';
 import { Course } from 'app/entities/course.model';
@@ -12,14 +12,39 @@ import { EventManager } from 'app/core/util/event-manager.service';
 import { faAngleDown, faAngleUp, faPlus } from '@fortawesome/free-solid-svg-icons';
 import { DocumentationType } from 'app/shared/components/documentation-button/documentation-button.component';
 import { CourseAccessStorageService } from 'app/course/course-access-storage.service';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { DocumentationButtonComponent } from 'app/shared/components/documentation-button/documentation-button.component';
+import { HasAnyAuthorityDirective } from 'app/shared/auth/has-any-authority.directive';
+import { OrionFilterDirective } from 'app/shared/orion/orion-filter.directive';
+import { RouterLink } from '@angular/router';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { CourseManagementCardComponent } from './overview/course-management-card.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-course',
     templateUrl: './course-management.component.html',
     styles: ['.course-table {padding-bottom: 5rem}'],
     styleUrls: ['./course-management.component.scss'],
+    imports: [
+        TranslateDirective,
+        DocumentationButtonComponent,
+        // NOTE: this is actually used in the html template, otherwise *jhiHasAnyAuthority would not work
+        HasAnyAuthorityDirective,
+        OrionFilterDirective,
+        RouterLink,
+        FaIconComponent,
+        CourseManagementCardComponent,
+        ArtemisTranslatePipe,
+    ],
 })
 export class CourseManagementComponent implements OnInit, OnDestroy, AfterViewInit {
+    private courseManagementService = inject(CourseManagementService);
+    private alertService = inject(AlertService);
+    private eventManager = inject(EventManager);
+    private guidedTourService = inject(GuidedTourService);
+    private courseAccessStorageService = inject(CourseAccessStorageService);
+
     showOnlyActive = true;
 
     courses: Course[];
@@ -42,14 +67,6 @@ export class CourseManagementComponent implements OnInit, OnDestroy, AfterViewIn
     faAngleDown = faAngleDown;
     faAngleUp = faAngleUp;
 
-    constructor(
-        private courseManagementService: CourseManagementService,
-        private alertService: AlertService,
-        private eventManager: EventManager,
-        private guidedTourService: GuidedTourService,
-        private courseAccessStorageService: CourseAccessStorageService,
-    ) {}
-
     /**
      * loads all courses and subscribes to courseListModification
      */
diff --git a/src/main/webapp/app/course/manage/course-management.module.ts b/src/main/webapp/app/course/manage/course-management.module.ts
index 3aeca48c59d3..bf0afc89a1d2 100644
--- a/src/main/webapp/app/course/manage/course-management.module.ts
+++ b/src/main/webapp/app/course/manage/course-management.module.ts
@@ -49,11 +49,11 @@ import { CourseManagementExercisesSearchComponent } from 'app/course/manage/cour
 import { LineChartModule, PieChartModule } from '@swimlane/ngx-charts';
 import { ArtemisPlagiarismModule } from 'app/exercises/shared/plagiarism/plagiarism.module';
 import { ArtemisChartsModule } from 'app/shared/chart/artemis-charts.module';
-import { ImageCropperModule } from 'app/shared/image-cropper/image-cropper.module';
+
 import { ArtemisFullscreenModule } from 'app/shared/fullscreen/fullscreen.module';
 import { ArtemisCourseGroupModule } from 'app/shared/course-group/course-group.module';
 import { CourseGroupMembershipComponent } from './course-group-membership/course-group-membership.component';
-import { FeatureToggleModule } from 'app/shared/feature-toggle/feature-toggle.module';
+
 import { CourseLtiConfigurationComponent } from 'app/course/manage/course-lti-configuration/course-lti-configuration.component';
 import { EditCourseLtiConfigurationComponent } from 'app/course/manage/course-lti-configuration/edit-course-lti-configuration.component';
 import { NgbNavModule } from '@ng-bootstrap/ng-bootstrap';
@@ -75,7 +75,6 @@ import { ComplaintsForTutorComponent } from 'app/complaints/complaints-for-tutor
         RouterModule.forChild(courseManagementState),
         FormDateTimePickerModule,
         ReactiveFormsModule,
-        ImageCropperModule,
         OrionModule,
         MatChipsModule,
         ArtemisExerciseModule,
@@ -112,7 +111,6 @@ import { ComplaintsForTutorComponent } from 'app/complaints/complaints-for-tutor
         ArtemisPlagiarismModule,
         ArtemisChartsModule,
         ArtemisCourseGroupModule,
-        FeatureToggleModule,
         ExerciseCategoriesModule,
         NgbNavModule,
         ArtemisExerciseCreateButtonsModule,
@@ -122,8 +120,6 @@ import { ComplaintsForTutorComponent } from 'app/complaints/complaints-for-tutor
         ArtemisMarkdownEditorModule,
         CourseLtiConfigurationComponent,
         EditCourseLtiConfigurationComponent,
-    ],
-    declarations: [
         CourseManagementComponent,
         CourseDetailComponent,
         CourseUpdateComponent,
diff --git a/src/main/webapp/app/course/manage/course-management.route.ts b/src/main/webapp/app/course/manage/course-management.route.ts
index 9d00cb7cc48f..cf0b92a77ecc 100644
--- a/src/main/webapp/app/course/manage/course-management.route.ts
+++ b/src/main/webapp/app/course/manage/course-management.route.ts
@@ -1,46 +1,17 @@
 import { Routes } from '@angular/router';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
-import { CourseManagementComponent } from './course-management.component';
-import { CourseDetailComponent } from './detail/course-detail.component';
-import { CourseUpdateComponent } from './course-update.component';
-import { CourseManagementExercisesComponent } from './course-management-exercises.component';
 import { Authority } from 'app/shared/constants/authority.constants';
-import { RatingListComponent } from 'app/exercises/shared/rating/rating-list/rating-list.component';
-import { CompetencyManagementComponent } from 'app/course/competencies/competency-management/competency-management.component';
-import { CreateCompetencyComponent } from 'app/course/competencies/create/create-competency.component';
-import { EditCompetencyComponent } from 'app/course/competencies/edit/edit-competency.component';
-import { GenerateCompetenciesComponent } from 'app/course/competencies/generate-competencies/generate-competencies.component';
-import { CourseManagementStatisticsComponent } from './course-management-statistics.component';
-import { GradingSystemComponent } from 'app/grading-system/grading-system.component';
-import { isOrion } from 'app/shared/orion/orion';
-import { OrionCourseManagementExercisesComponent } from 'app/orion/management/orion-course-management-exercises.component';
 import { CourseManagementResolve } from 'app/course/manage/course-management-resolve.service';
-import { CourseGroupMembershipComponent } from 'app/course/manage/course-group-membership/course-group-membership.component';
 import { TutorialGroupManagementResolve } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-group-management-resolve.service';
-import { TutorialGroupsChecklistComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-groups-checklist/tutorial-groups-checklist.component';
-import { CreateTutorialGroupsConfigurationComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-groups-configuration/crud/create-tutorial-groups-configuration/create-tutorial-groups-configuration.component';
-import { CourseLtiConfigurationComponent } from 'app/course/manage/course-lti-configuration/course-lti-configuration.component';
-import { EditCourseLtiConfigurationComponent } from 'app/course/manage/course-lti-configuration/edit-course-lti-configuration.component';
-import { CourseManagementTabBarComponent } from 'app/course/manage/course-management-tab-bar/course-management-tab-bar.component';
 import { PendingChangesGuard } from 'app/shared/guard/pending-changes.guard';
-import { BuildQueueComponent } from 'app/localci/build-queue/build-queue.component';
-import { ImportCompetenciesComponent } from 'app/course/competencies/import/import-competencies.component';
 import { LocalCIGuard } from 'app/localci/localci-guard.service';
 import { IrisGuard } from 'app/iris/iris-guard.service';
-import { CourseImportStandardizedCompetenciesComponent } from 'app/course/competencies/import-standardized-competencies/course-import-standardized-competencies.component';
-import { ImportPrerequisitesComponent } from 'app/course/competencies/import/import-prerequisites.component';
-import { CreatePrerequisiteComponent } from 'app/course/competencies/create/create-prerequisite.component';
-import { EditPrerequisiteComponent } from 'app/course/competencies/edit/edit-prerequisite.component';
-import { CourseImportStandardizedPrerequisitesComponent } from 'app/course/competencies/import-standardized-competencies/course-import-standardized-prerequisites.component';
-import { LearningPathInstructorPageComponent } from 'app/course/learning-paths/pages/learning-path-instructor-page/learning-path-instructor-page.component';
-import { FaqComponent } from 'app/faq/faq.component';
-import { FaqUpdateComponent } from 'app/faq/faq-update.component';
 import { FaqResolve } from 'app/faq/faq.routes';
 
 export const courseManagementState: Routes = [
     {
         path: '',
-        component: CourseManagementComponent,
+        loadComponent: () => import('./course-management.component').then((m) => m.CourseManagementComponent),
         data: {
             authorities: [Authority.TA, Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.course.home.title',
@@ -49,7 +20,7 @@ export const courseManagementState: Routes = [
     },
     {
         path: 'new',
-        component: CourseUpdateComponent,
+        loadComponent: () => import('./course-update.component').then((m) => m.CourseUpdateComponent),
         data: {
             authorities: [Authority.ADMIN],
             pageTitle: 'global.generic.create',
@@ -58,11 +29,11 @@ export const courseManagementState: Routes = [
     },
     {
         path: '',
-        component: CourseManagementTabBarComponent,
+        loadComponent: () => import('app/course/manage/course-management-tab-bar/course-management-tab-bar.component').then((m) => m.CourseManagementTabBarComponent),
         children: [
             {
                 path: ':courseId',
-                component: CourseDetailComponent,
+                loadComponent: () => import('./detail/course-detail.component').then((m) => m.CourseDetailComponent),
                 resolve: {
                     course: CourseManagementResolve,
                 },
@@ -74,7 +45,7 @@ export const courseManagementState: Routes = [
             },
             {
                 path: ':courseId/grading-system',
-                component: GradingSystemComponent,
+                loadComponent: () => import('app/grading-system/grading-system.component').then((m) => m.GradingSystemComponent),
                 data: {
                     authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
                     pageTitle: 'artemisApp.course.gradingSystem',
@@ -109,7 +80,10 @@ export const courseManagementState: Routes = [
             },
             {
                 path: ':courseId/tutorial-groups-checklist',
-                component: TutorialGroupsChecklistComponent,
+                loadComponent: () =>
+                    import('app/course/tutorial-groups/tutorial-groups-management/tutorial-groups-checklist/tutorial-groups-checklist.component').then(
+                        (m) => m.TutorialGroupsChecklistComponent,
+                    ),
                 data: {
                     authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
                     pageTitle: 'artemisApp.pages.checklist.title',
@@ -118,7 +92,10 @@ export const courseManagementState: Routes = [
             },
             {
                 path: ':courseId/create-tutorial-groups-configuration',
-                component: CreateTutorialGroupsConfigurationComponent,
+                loadComponent: () =>
+                    import(
+                        'app/course/tutorial-groups/tutorial-groups-management/tutorial-groups-configuration/crud/create-tutorial-groups-configuration/create-tutorial-groups-configuration.component'
+                    ).then((m) => m.CreateTutorialGroupsConfigurationComponent),
                 data: {
                     authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
                     pageTitle: 'artemisApp.pages.createTutorialGroupsConfiguration.title',
@@ -127,7 +104,7 @@ export const courseManagementState: Routes = [
             },
             {
                 path: ':courseId/lti-configuration',
-                component: CourseLtiConfigurationComponent,
+                loadComponent: () => import('app/course/manage/course-lti-configuration/course-lti-configuration.component').then((m) => m.CourseLtiConfigurationComponent),
                 resolve: {
                     course: CourseManagementResolve,
                 },
@@ -139,7 +116,8 @@ export const courseManagementState: Routes = [
             },
             {
                 path: ':courseId/lti-configuration/edit',
-                component: EditCourseLtiConfigurationComponent,
+                loadComponent: () =>
+                    import('app/course/manage/course-lti-configuration/edit-course-lti-configuration.component').then((m) => m.EditCourseLtiConfigurationComponent),
                 resolve: {
                     course: CourseManagementResolve,
                 },
@@ -158,7 +136,7 @@ export const courseManagementState: Routes = [
                 children: [
                     {
                         path: 'exercises',
-                        component: !isOrion ? CourseManagementExercisesComponent : OrionCourseManagementExercisesComponent,
+                        loadComponent: () => import('app/orion/management/orion-course-management-exercises.component').then((m) => m.OrionCourseManagementExercisesComponent),
                         data: {
                             authorities: [Authority.TA, Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
                             pageTitle: 'artemisApp.course.exercises',
@@ -167,7 +145,7 @@ export const courseManagementState: Routes = [
                     },
                     {
                         path: 'course-statistics',
-                        component: CourseManagementStatisticsComponent,
+                        loadComponent: () => import('./course-management-statistics.component').then((m) => m.CourseManagementStatisticsComponent),
                         data: {
                             authorities: [Authority.TA, Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
                             pageTitle: 'artemisApp.courseStatistics.statistics',
@@ -177,7 +155,7 @@ export const courseManagementState: Routes = [
                     },
                     {
                         path: 'edit',
-                        component: CourseUpdateComponent,
+                        loadComponent: () => import('./course-update.component').then((m) => m.CourseUpdateComponent),
                         data: {
                             authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
                             pageTitle: 'artemisApp.course.home.editLabel',
@@ -186,7 +164,7 @@ export const courseManagementState: Routes = [
                     },
                     {
                         path: 'groups/:courseGroup',
-                        component: CourseGroupMembershipComponent,
+                        loadComponent: () => import('app/course/manage/course-group-membership/course-group-membership.component').then((m) => m.CourseGroupMembershipComponent),
                         data: {
                             authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
                             pageTitle: 'artemisApp.userManagement.groups',
@@ -195,7 +173,7 @@ export const courseManagementState: Routes = [
                     },
                     {
                         path: 'ratings',
-                        component: RatingListComponent,
+                        loadComponent: () => import('app/exercises/shared/rating/rating-list/rating-list.component').then((m) => m.RatingListComponent),
                         data: {
                             authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
                             pageTitle: 'artemisApp.ratingList.pageTitle',
@@ -204,7 +182,7 @@ export const courseManagementState: Routes = [
                     },
                     {
                         path: 'competency-management',
-                        component: CompetencyManagementComponent,
+                        loadComponent: () => import('app/course/competencies/competency-management/competency-management.component').then((m) => m.CompetencyManagementComponent),
                         data: {
                             authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
                             pageTitle: 'artemisApp.competency.manage.title',
@@ -220,7 +198,7 @@ export const courseManagementState: Routes = [
                         children: [
                             {
                                 path: 'create',
-                                component: CreateCompetencyComponent,
+                                loadComponent: () => import('app/course/competencies/create/create-competency.component').then((m) => m.CreateCompetencyComponent),
                                 data: {
                                     authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
                                     pageTitle: 'artemisApp.competency.create.title',
@@ -229,7 +207,7 @@ export const courseManagementState: Routes = [
                             },
                             {
                                 path: ':competencyId/edit',
-                                component: EditCompetencyComponent,
+                                loadComponent: () => import('app/course/competencies/edit/edit-competency.component').then((m) => m.EditCompetencyComponent),
                                 data: {
                                     authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
                                     pageTitle: 'artemisApp.competency.editCompetency.title',
@@ -238,7 +216,7 @@ export const courseManagementState: Routes = [
                             },
                             {
                                 path: 'import',
-                                component: ImportCompetenciesComponent,
+                                loadComponent: () => import('app/course/competencies/import/import-competencies.component').then((m) => m.ImportCompetenciesComponent),
                                 data: {
                                     authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
                                     pageTitle: 'artemisApp.competency.import.title',
@@ -248,7 +226,10 @@ export const courseManagementState: Routes = [
                             },
                             {
                                 path: 'import-standardized',
-                                component: CourseImportStandardizedCompetenciesComponent,
+                                loadComponent: () =>
+                                    import('app/course/competencies/import-standardized-competencies/course-import-standardized-competencies.component').then(
+                                        (m) => m.CourseImportStandardizedCompetenciesComponent,
+                                    ),
                                 data: {
                                     authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
                                     pageTitle: 'artemisApp.competency.import.title',
@@ -258,7 +239,8 @@ export const courseManagementState: Routes = [
                             },
                             {
                                 path: 'generate',
-                                component: GenerateCompetenciesComponent,
+                                loadComponent: () =>
+                                    import('app/course/competencies/generate-competencies/generate-competencies.component').then((m) => m.GenerateCompetenciesComponent),
                                 data: {
                                     authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
                                     pageTitle: 'artemisApp.competency.generate.title',
@@ -281,7 +263,7 @@ export const courseManagementState: Routes = [
                         children: [
                             {
                                 path: 'create',
-                                component: CreatePrerequisiteComponent,
+                                loadComponent: () => import('app/course/competencies/create/create-prerequisite.component').then((m) => m.CreatePrerequisiteComponent),
                                 data: {
                                     authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
                                     pageTitle: 'artemisApp.prerequisite.createPrerequisite.title',
@@ -290,7 +272,7 @@ export const courseManagementState: Routes = [
                             },
                             {
                                 path: ':prerequisiteId/edit',
-                                component: EditPrerequisiteComponent,
+                                loadComponent: () => import('app/course/competencies/edit/edit-prerequisite.component').then((m) => m.EditPrerequisiteComponent),
                                 data: {
                                     authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
                                     pageTitle: 'artemisApp.prerequisite.editPrerequisite.title',
@@ -299,7 +281,7 @@ export const courseManagementState: Routes = [
                             },
                             {
                                 path: 'import',
-                                component: ImportPrerequisitesComponent,
+                                loadComponent: () => import('app/course/competencies/import/import-prerequisites.component').then((m) => m.ImportPrerequisitesComponent),
                                 data: {
                                     authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
                                     pageTitle: 'artemisApp.prerequisite.import.title',
@@ -309,7 +291,10 @@ export const courseManagementState: Routes = [
                             },
                             {
                                 path: 'import-standardized',
-                                component: CourseImportStandardizedPrerequisitesComponent,
+                                loadComponent: () =>
+                                    import('app/course/competencies/import-standardized-competencies/course-import-standardized-prerequisites.component').then(
+                                        (m) => m.CourseImportStandardizedPrerequisitesComponent,
+                                    ),
                                 data: {
                                     authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
                                     pageTitle: 'artemisApp.prerequisite.import.title',
@@ -321,7 +306,10 @@ export const courseManagementState: Routes = [
                     },
                     {
                         path: 'learning-path-management',
-                        component: LearningPathInstructorPageComponent,
+                        loadComponent: () =>
+                            import('app/course/learning-paths/pages/learning-path-instructor-page/learning-path-instructor-page.component').then(
+                                (m) => m.LearningPathInstructorPageComponent,
+                            ),
                         data: {
                             authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
                             pageTitle: 'artemisApp.learningPath.manageLearningPaths.title',
@@ -330,7 +318,7 @@ export const courseManagementState: Routes = [
                     },
                     {
                         path: 'build-queue',
-                        component: BuildQueueComponent,
+                        loadComponent: () => import('app/localci/build-queue/build-queue.component').then((m) => m.BuildQueueComponent),
                         data: {
                             authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
                             pageTitle: 'artemisApp.buildQueue.title',
@@ -342,7 +330,7 @@ export const courseManagementState: Routes = [
                         children: [
                             {
                                 path: '',
-                                component: FaqComponent,
+                                loadComponent: () => import('app/faq/faq.component').then((m) => m.FaqComponent),
                                 resolve: {
                                     course: CourseManagementResolve,
                                 },
@@ -361,7 +349,7 @@ export const courseManagementState: Routes = [
                                 children: [
                                     {
                                         path: 'new',
-                                        component: FaqUpdateComponent,
+                                        loadComponent: () => import('app/faq/faq-update.component').then((m) => m.FaqUpdateComponent),
                                         data: {
                                             authorities: [Authority.TA, Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
                                             pageTitle: 'global.generic.create',
@@ -376,7 +364,7 @@ export const courseManagementState: Routes = [
                                         children: [
                                             {
                                                 path: 'edit',
-                                                component: FaqUpdateComponent,
+                                                loadComponent: () => import('app/faq/faq-update.component').then((m) => m.FaqUpdateComponent),
                                                 data: {
                                                     authorities: [Authority.TA, Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
                                                     pageTitle: 'global.generic.edit',
diff --git a/src/main/webapp/app/course/manage/course-management.service.ts b/src/main/webapp/app/course/manage/course-management.service.ts
index 7aeb99ef0c0b..895d180db81a 100644
--- a/src/main/webapp/app/course/manage/course-management.service.ts
+++ b/src/main/webapp/app/course/manage/course-management.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpParams, HttpResponse } from '@angular/common/http';
 import { CoursesForDashboardDTO } from 'app/course/manage/courses-for-dashboard-dto';
 import { BehaviorSubject, Observable } from 'rxjs';
@@ -36,6 +36,15 @@ export type RoleGroup = 'tutors' | 'students' | 'instructors' | 'editors';
 
 @Injectable({ providedIn: 'root' })
 export class CourseManagementService {
+    private http = inject(HttpClient);
+    private courseStorageService = inject(CourseStorageService);
+    private lectureService = inject(LectureService);
+    private accountService = inject(AccountService);
+    private entityTitleService = inject(EntityTitleService);
+    private tutorialGroupsConfigurationService = inject(TutorialGroupsConfigurationService);
+    private tutorialGroupsService = inject(TutorialGroupsService);
+    private scoresStorageService = inject(ScoresStorageService);
+
     private resourceUrl = 'api/courses';
 
     private coursesForNotifications: BehaviorSubject<Course[] | undefined> = new BehaviorSubject<Course[] | undefined>(undefined);
@@ -45,17 +54,6 @@ export class CourseManagementService {
     private courseOverviewSubject = new BehaviorSubject<boolean>(false);
     isCourseOverview$ = this.courseOverviewSubject.asObservable();
 
-    constructor(
-        private http: HttpClient,
-        private courseStorageService: CourseStorageService,
-        private lectureService: LectureService,
-        private accountService: AccountService,
-        private entityTitleService: EntityTitleService,
-        private tutorialGroupsConfigurationService: TutorialGroupsConfigurationService,
-        private tutorialGroupsService: TutorialGroupsService,
-        private scoresStorageService: ScoresStorageService,
-    ) {}
-
     /**
      * updates a course using a PUT request
      * @param courseId - the id of the course to be updated
diff --git a/src/main/webapp/app/course/manage/course-update.component.ts b/src/main/webapp/app/course/manage/course-update.component.ts
index 8922497168dd..5fcde16d3efb 100644
--- a/src/main/webapp/app/course/manage/course-update.component.ts
+++ b/src/main/webapp/app/course/manage/course-update.component.ts
@@ -1,8 +1,9 @@
 import { ActivatedRoute, Router } from '@angular/router';
 import { Component, ElementRef, OnInit, ViewChild, inject } from '@angular/core';
-import { FormControl, FormGroup, ValidatorFn, Validators } from '@angular/forms';
+import { FormControl, FormGroup, FormsModule, ReactiveFormsModule, ValidatorFn, Validators } from '@angular/forms';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { AlertService, AlertType } from 'app/core/util/alert.service';
+import { HasAnyAuthorityDirective } from 'app/shared/auth/has-any-authority.directive';
 import { Observable, OperatorFunction, Subject, debounceTime, distinctUntilChanged, filter, map, merge, tap } from 'rxjs';
 import { regexValidator } from 'app/shared/form/shortname-validator.directive';
 import { Course, CourseInformationSharingConfiguration, isCommunicationEnabled, isMessagingEnabled } from 'app/entities/course.model';
@@ -15,12 +16,11 @@ import dayjs from 'dayjs/esm';
 import { ArtemisNavigationUtilService } from 'app/utils/navigation.utils';
 import { SHORT_NAME_PATTERN } from 'app/shared/constants/input.constants';
 import { Organization } from 'app/entities/organization.model';
-import { NgbModal, NgbTypeahead } from '@ng-bootstrap/ng-bootstrap';
+import { NgbModal, NgbTooltip, NgbTypeahead } from '@ng-bootstrap/ng-bootstrap';
 import { OrganizationManagementService } from 'app/admin/organization-management/organization-management.service';
 import { OrganizationSelectorComponent } from 'app/shared/organization-selector/organization-selector.component';
 import { faBan, faExclamationTriangle, faPen, faQuestionCircle, faSave, faTimes, faTrash } from '@fortawesome/free-solid-svg-icons';
 import { base64StringToBlob } from 'app/utils/blob-util';
-import { ImageCroppedEvent } from 'app/shared/image-cropper/interfaces/image-cropped-event.interface';
 import { ProgrammingLanguage } from 'app/entities/programming/programming-exercise.model';
 import { CourseAdminService } from 'app/course/manage/course-admin.service';
 import { FeatureToggle, FeatureToggleService } from 'app/shared/feature-toggle/feature-toggle.service';
@@ -32,6 +32,16 @@ import { getSemesters } from 'app/utils/semester-utils';
 import { ImageCropperModalComponent } from 'app/course/manage/image-cropper-modal.component';
 import { scrollToTopOfPage } from 'app/shared/util/utils';
 import { CourseStorageService } from 'app/course/manage/course-storage.service';
+import { SecuredImageComponent } from 'app/shared/image/secured-image.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { KeyValuePipe, NgClass, NgStyle, NgTemplateOutlet } from '@angular/common';
+import { FormDateTimePickerComponent } from 'app/shared/date-time-picker/date-time-picker.component';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { MarkdownEditorMonacoComponent } from 'app/shared/markdown-editor/monaco/markdown-editor-monaco.component';
+import { FeatureToggleHideDirective } from 'app/shared/feature-toggle/feature-toggle-hide.directive';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { RemoveKeysPipe } from 'app/shared/pipes/remove-keys.pipe';
 
 const DEFAULT_CUSTOM_GROUP_NAME = 'artemis-dev';
 
@@ -39,20 +49,58 @@ const DEFAULT_CUSTOM_GROUP_NAME = 'artemis-dev';
     selector: 'jhi-course-update',
     templateUrl: './course-update.component.html',
     styleUrls: ['./course-update.component.scss'],
+    imports: [
+        FormsModule,
+        ReactiveFormsModule,
+        SecuredImageComponent,
+        FaIconComponent,
+        TranslateDirective,
+        NgStyle,
+        ColorSelectorComponent,
+        NgClass,
+        NgbTooltip,
+        FormDateTimePickerComponent,
+        HelpIconComponent,
+        MarkdownEditorMonacoComponent,
+        FeatureToggleHideDirective,
+        NgbTypeahead,
+        NgTemplateOutlet,
+        KeyValuePipe,
+        ArtemisTranslatePipe,
+        RemoveKeysPipe,
+        // NOTE: this is actually used in the html template, otherwise *jhiHasAnyAuthority would not work
+        HasAnyAuthorityDirective,
+    ],
 })
 export class CourseUpdateComponent implements OnInit {
+    private eventManager = inject(EventManager);
+    private courseManagementService = inject(CourseManagementService);
+    private courseAdminService = inject(CourseAdminService);
+    private activatedRoute = inject(ActivatedRoute);
+    private fileService = inject(FileService);
+    private alertService = inject(AlertService);
+    private profileService = inject(ProfileService);
+    private organizationService = inject(OrganizationManagementService);
+    private modalService = inject(NgbModal);
+    private navigationUtilService = inject(ArtemisNavigationUtilService);
+    private router = inject(Router);
+    private featureToggleService = inject(FeatureToggleService);
+    private accountService = inject(AccountService);
+
     CachingStrategy = CachingStrategy;
     ProgrammingLanguage = ProgrammingLanguage;
 
+    @ViewChild('fileInput', { static: false }) fileInput: ElementRef<HTMLInputElement>;
+    @ViewChild(ColorSelectorComponent, { static: false }) colorSelector: ColorSelectorComponent;
     @ViewChild('timeZoneInput') tzTypeAhead: NgbTypeahead;
+
     tzFocus$ = new Subject<string>();
     tzClick$ = new Subject<string>();
     timeZones: string[] = [];
     originalTimeZone?: string;
 
-    @ViewChild('fileInput', { static: false }) fileInput: ElementRef<HTMLInputElement>;
-    @ViewChild(ColorSelectorComponent, { static: false }) colorSelector: ColorSelectorComponent;
     readonly ARTEMIS_DEFAULT_COLOR = ARTEMIS_DEFAULT_COLOR;
+
     courseForm: FormGroup;
     course: Course;
     isSaving: boolean;
@@ -79,7 +127,7 @@ export class CourseUpdateComponent implements OnInit {
     isAthenaEnabled = false;
     tutorialGroupsFeatureActivated = false;
 
-    private courseStorageServivce = inject(CourseStorageService);
+    private courseStorageService = inject(CourseStorageService);
 
     readonly semesters = getSemesters();
 
@@ -88,25 +136,8 @@ export class CourseUpdateComponent implements OnInit {
     // Currently set to 65535 as this is the limit of TEXT
     readonly COMPLAINT_RESPONSE_TEXT_LIMIT = 65535;
     readonly COMPLAINT_TEXT_LIMIT = 65535;
-
     readonly COURSE_TITLE_LIMIT = 255;
 
-    constructor(
-        private eventManager: EventManager,
-        private courseManagementService: CourseManagementService,
-        private courseAdminService: CourseAdminService,
-        private activatedRoute: ActivatedRoute,
-        private fileService: FileService,
-        private alertService: AlertService,
-        private profileService: ProfileService,
-        private organizationService: OrganizationManagementService,
-        private modalService: NgbModal,
-        private navigationUtilService: ArtemisNavigationUtilService,
-        private router: Router,
-        private featureToggleService: FeatureToggleService,
-        private accountService: AccountService,
-    ) {}
-
     ngOnInit() {
         this.timeZones = (Intl as any).supportedValuesOf('timeZone');
         this.isSaving = false;
@@ -347,7 +378,7 @@ export class CourseUpdateComponent implements OnInit {
                 name: 'courseModification',
                 content: 'Changed a course',
             });
-            this.courseStorageServivce.updateCourse(updatedCourse!);
+            this.courseStorageService.updateCourse(updatedCourse!);
         }
 
         this.router.navigate(['course-management', updatedCourse?.id?.toString()]);
@@ -367,13 +398,6 @@ export class CourseUpdateComponent implements OnInit {
         element.value = '';
     }
 
-    /**
-     * @param event
-     */
-    imageCropped(event: ImageCroppedEvent) {
-        this.croppedImage = event.base64;
-    }
-
     /**
      * Action on unsuccessful course creation or edit
      * @param error The error for providing feedback
diff --git a/src/main/webapp/app/course/manage/courses-for-dashboard-dto.ts b/src/main/webapp/app/course/manage/courses-for-dashboard-dto.ts
index 123e334cca33..ad0b6d4a0a01 100644
--- a/src/main/webapp/app/course/manage/courses-for-dashboard-dto.ts
+++ b/src/main/webapp/app/course/manage/courses-for-dashboard-dto.ts
@@ -4,6 +4,4 @@ import { Exam } from 'app/entities/exam/exam.model';
 export class CoursesForDashboardDTO {
     courses: CourseForDashboardDTO[];
     activeExams: Exam[];
-
-    constructor() {}
 }
diff --git a/src/main/webapp/app/course/manage/detail/course-detail-doughnut-chart.component.ts b/src/main/webapp/app/course/manage/detail/course-detail-doughnut-chart.component.ts
index 6e842fdd4309..cc6d936bb531 100644
--- a/src/main/webapp/app/course/manage/detail/course-detail-doughnut-chart.component.ts
+++ b/src/main/webapp/app/course/manage/detail/course-detail-doughnut-chart.component.ts
@@ -1,12 +1,15 @@
-import { Component, Input, OnChanges, OnInit } from '@angular/core';
+import { Component, Input, OnChanges, OnInit, inject } from '@angular/core';
 import { roundValueSpecifiedByCourseSettings } from 'app/shared/util/utils';
 import { DoughnutChartType } from './course-detail.component';
-import { Router } from '@angular/router';
+import { Router, RouterLink } from '@angular/router';
 import { Course } from 'app/entities/course.model';
-import { Color, ScaleType } from '@swimlane/ngx-charts';
+import { Color, PieChartModule, ScaleType } from '@swimlane/ngx-charts';
 import { faSpinner } from '@fortawesome/free-solid-svg-icons';
 import { NgxChartsSingleSeriesDataEntry } from 'app/shared/chart/ngx-charts-datatypes';
 import { GraphColors } from 'app/entities/statistics.model';
+import { NgClass } from '@angular/common';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 const PIE_CHART_NA_FALLBACK_VALUE = [0, 0, 1];
 
@@ -14,8 +17,11 @@ const PIE_CHART_NA_FALLBACK_VALUE = [0, 0, 1];
     selector: 'jhi-course-detail-doughnut-chart',
     templateUrl: './course-detail-doughnut-chart.component.html',
     styleUrls: ['./course-detail-doughnut-chart.component.scss'],
+    imports: [RouterLink, NgClass, FaIconComponent, PieChartModule, ArtemisTranslatePipe],
 })
 export class CourseDetailDoughnutChartComponent implements OnChanges, OnInit {
+    private router = inject(Router);
+
     @Input() contentType: DoughnutChartType;
     @Input() currentPercentage?: number;
     @Input() currentAbsolute?: number;
@@ -31,8 +37,6 @@ export class CourseDetailDoughnutChartComponent implements OnChanges, OnInit {
     // Icons
     faSpinner = faSpinner;
 
-    constructor(private router: Router) {}
-
     // ngx-charts
     ngxData: NgxChartsSingleSeriesDataEntry[] = [
         { name: 'Done', value: 0 },
@@ -47,7 +51,7 @@ export class CourseDetailDoughnutChartComponent implements OnChanges, OnInit {
     } as Color;
     bindFormatting = this.valueFormatting.bind(this);
 
-    ngOnChanges(): void {
+    ngOnChanges() {
         // [0, 0, 0] will lead to the chart not being displayed,
         // assigning [0, 0, 1] (PIE_CHART_NA_FALLBACK_VALUE) works around this issue and displays 0 %, 0 / 0 with a grey circle
         if (this.currentAbsolute == undefined && !this.receivedStats && !this.showText) {
diff --git a/src/main/webapp/app/course/manage/detail/course-detail-line-chart.component.ts b/src/main/webapp/app/course/manage/detail/course-detail-line-chart.component.ts
index 60c30010f7de..17a273f95704 100644
--- a/src/main/webapp/app/course/manage/detail/course-detail-line-chart.component.ts
+++ b/src/main/webapp/app/course/manage/detail/course-detail-line-chart.component.ts
@@ -1,8 +1,8 @@
-import { Component, Input, OnChanges } from '@angular/core';
+import { Component, Input, OnChanges, inject } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import dayjs from 'dayjs/esm';
 import { CourseManagementService } from '../course-management.service';
-import { Color, ScaleType } from '@swimlane/ngx-charts';
+import { Color, LineChartModule, ScaleType } from '@swimlane/ngx-charts';
 import { roundScorePercentSpecifiedByCourseSettings } from 'app/shared/util/utils';
 import { Course } from 'app/entities/course.model';
 import { faArrowLeft, faArrowRight, faSpinner } from '@fortawesome/free-solid-svg-icons';
@@ -10,6 +10,13 @@ import * as shape from 'd3-shape';
 import { GraphColors } from 'app/entities/statistics.model';
 import { ActiveStudentsChart } from 'app/shared/chart/active-students-chart';
 import { mean } from 'simple-statistics';
+import { RouterLink } from '@angular/router';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 export enum SwitchTimeSpanDirection {
     LEFT,
@@ -20,8 +27,12 @@ export enum SwitchTimeSpanDirection {
     selector: 'jhi-course-detail-line-chart',
     templateUrl: './course-detail-line-chart.component.html',
     styleUrls: ['./course-detail-line-chart.component.scss'],
+    imports: [RouterLink, TranslateDirective, HelpIconComponent, NgbTooltip, FaIconComponent, LineChartModule, ArtemisDatePipe, ArtemisTranslatePipe],
 })
 export class CourseDetailLineChartComponent extends ActiveStudentsChart implements OnChanges {
+    private service = inject(CourseManagementService);
+    private translateService = inject(TranslateService);
+
     @Input()
     course: Course;
     @Input()
@@ -70,10 +81,7 @@ export class CourseDetailLineChartComponent extends ActiveStudentsChart implemen
     faArrowLeft = faArrowLeft;
     faArrowRight = faArrowRight;
 
-    constructor(
-        private service: CourseManagementService,
-        private translateService: TranslateService,
-    ) {
+    constructor() {
         super();
         this.translateService.onLangChange.subscribe(() => {
             this.loadTranslations();
diff --git a/src/main/webapp/app/course/manage/detail/course-detail.component.ts b/src/main/webapp/app/course/manage/detail/course-detail.component.ts
index 4b5ecc80b629..b9e4057208cf 100644
--- a/src/main/webapp/app/course/manage/detail/course-detail.component.ts
+++ b/src/main/webapp/app/course/manage/detail/course-detail.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { PROFILE_ATHENA, PROFILE_IRIS, PROFILE_LTI } from 'app/app.constants';
@@ -19,6 +19,9 @@ import { DetailOverviewSection, DetailType } from 'app/detail-overview-list/deta
 import { ArtemisMarkdownService } from 'app/shared/markdown.service';
 import { IrisSubSettingsType } from 'app/entities/iris/settings/iris-sub-settings.model';
 import { Detail } from 'app/detail-overview-list/detail.model';
+import { CourseDetailDoughnutChartComponent } from './course-detail-doughnut-chart.component';
+import { CourseDetailLineChartComponent } from './course-detail-line-chart.component';
+import { DetailOverviewListComponent } from 'app/detail-overview-list/detail-overview-list.component';
 
 export enum DoughnutChartType {
     ASSESSMENT = 'ASSESSMENT',
@@ -35,8 +38,20 @@ export enum DoughnutChartType {
     selector: 'jhi-course-detail',
     templateUrl: './course-detail.component.html',
     styleUrls: ['./course-detail.component.scss'],
+    imports: [CourseDetailDoughnutChartComponent, CourseDetailLineChartComponent, DetailOverviewListComponent],
 })
 export class CourseDetailComponent implements OnInit, OnDestroy {
+    private eventManager = inject(EventManager);
+    private courseManagementService = inject(CourseManagementService);
+    private organizationService = inject(OrganizationManagementService);
+    private route = inject(ActivatedRoute);
+    private alertService = inject(AlertService);
+    private profileService = inject(ProfileService);
+    private accountService = inject(AccountService);
+    private irisSettingsService = inject(IrisSettingsService);
+    private markdownService = inject(ArtemisMarkdownService);
+    private featureToggleService = inject(FeatureToggleService);
+
     readonly DoughnutChartType = DoughnutChartType;
     readonly FeatureToggle = FeatureToggle;
 
@@ -69,19 +84,6 @@ export class CourseDetailComponent implements OnInit, OnDestroy {
     faChartBar = faChartBar;
     faClipboard = faClipboard;
 
-    constructor(
-        private eventManager: EventManager,
-        private courseManagementService: CourseManagementService,
-        private organizationService: OrganizationManagementService,
-        private route: ActivatedRoute,
-        private alertService: AlertService,
-        private profileService: ProfileService,
-        private accountService: AccountService,
-        private irisSettingsService: IrisSettingsService,
-        private markdownService: ArtemisMarkdownService,
-        private featureToggleService: FeatureToggleService,
-    ) {}
-
     /**
      * On init load the course information and subscribe to listen for changes in courses.
      */
diff --git a/src/main/webapp/app/course/manage/image-cropper-modal.component.ts b/src/main/webapp/app/course/manage/image-cropper-modal.component.ts
index 12944633f6e0..d327a064c8bb 100644
--- a/src/main/webapp/app/course/manage/image-cropper-modal.component.ts
+++ b/src/main/webapp/app/course/manage/image-cropper-modal.component.ts
@@ -1,20 +1,23 @@
-import { Component } from '@angular/core';
+import { Component, inject } from '@angular/core';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { ImageCroppedEvent } from 'app/shared/image-cropper/interfaces/image-cropped-event.interface';
 import { OutputFormat } from 'app/shared/image-cropper/interfaces/cropper-options.interface';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ImageCropperComponent } from 'app/shared/image-cropper/component/image-cropper.component';
 
 @Component({
     selector: 'jhi-image-cropper-modal',
     templateUrl: './image-cropper-modal.component.html',
+    imports: [TranslateDirective, ImageCropperComponent],
 })
 export class ImageCropperModalComponent {
+    private activeModal = inject(NgbActiveModal);
+
     uploadFile?: File;
     croppedImage?: string;
     roundCropper = true;
     fileFormat: OutputFormat = 'png';
 
-    constructor(private activeModal: NgbActiveModal) {}
-
     /**
      * Called when an image is cropped.
      * @param event The event containing the cropped image data.
diff --git a/src/main/webapp/app/course/manage/overview/course-management-card.component.ts b/src/main/webapp/app/course/manage/overview/course-management-card.component.ts
index 2fd25af861ed..436def467956 100644
--- a/src/main/webapp/app/course/manage/overview/course-management-card.component.ts
+++ b/src/main/webapp/app/course/manage/overview/course-management-card.component.ts
@@ -25,12 +25,38 @@ import {
     faUserCheck,
 } from '@fortawesome/free-solid-svg-icons';
 import { FeatureToggle } from 'app/shared/feature-toggle/feature-toggle.service';
+import { NgStyle } from '@angular/common';
+import { RouterLink } from '@angular/router';
+import { SecuredImageComponent } from 'app/shared/image/secured-image.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { CourseManagementExerciseRowComponent } from './course-management-exercise-row.component';
+import { CourseManagementOverviewStatisticsComponent } from './course-management-overview-statistics.component';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { FeatureToggleLinkDirective } from 'app/shared/feature-toggle/feature-toggle-link.directive';
+import { FeatureToggleHideDirective } from 'app/shared/feature-toggle/feature-toggle-hide.directive';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-course-management-card',
     templateUrl: './course-management-card.component.html',
     styleUrls: ['course-management-card.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [
+        NgStyle,
+        RouterLink,
+        SecuredImageComponent,
+        TranslateDirective,
+        FaIconComponent,
+        CourseManagementExerciseRowComponent,
+        CourseManagementOverviewStatisticsComponent,
+        NgbTooltip,
+        FeatureToggleLinkDirective,
+        FeatureToggleHideDirective,
+        ArtemisDatePipe,
+        ArtemisTranslatePipe,
+    ],
 })
 export class CourseManagementCardComponent implements OnChanges {
     readonly ARTEMIS_DEFAULT_COLOR = ARTEMIS_DEFAULT_COLOR;
diff --git a/src/main/webapp/app/course/manage/overview/course-management-exercise-row.component.ts b/src/main/webapp/app/course/manage/overview/course-management-exercise-row.component.ts
index 1a2b62285a3a..c69035905d6a 100644
--- a/src/main/webapp/app/course/manage/overview/course-management-exercise-row.component.ts
+++ b/src/main/webapp/app/course/manage/overview/course-management-exercise-row.component.ts
@@ -6,6 +6,16 @@ import { Course } from 'app/entities/course.model';
 import { roundValueSpecifiedByCourseSettings } from 'app/shared/util/utils';
 import { faBook, faExclamationTriangle, faFileSignature, faTable, faTimes, faUsers, faWrench } from '@fortawesome/free-solid-svg-icons';
 import { faCalendarAlt } from '@fortawesome/free-regular-svg-icons';
+import { RouterLink } from '@angular/router';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { ExerciseCategoriesComponent } from 'app/shared/exercise-categories/exercise-categories.component';
+import { NgClass } from '@angular/common';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ProgressBarComponent } from 'app/shared/dashboards/tutor-participation-graph/progress-bar/progress-bar.component';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { ArtemisTimeAgoPipe } from 'app/shared/pipes/artemis-time-ago.pipe';
 
 export enum ExerciseRowType {
     FUTURE = 'future',
@@ -19,6 +29,18 @@ export enum ExerciseRowType {
     templateUrl: './course-management-exercise-row.component.html',
     styleUrls: ['course-management-exercise-row.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [
+        RouterLink,
+        FaIconComponent,
+        NgbTooltip,
+        ExerciseCategoriesComponent,
+        NgClass,
+        TranslateDirective,
+        ProgressBarComponent,
+        ArtemisDatePipe,
+        ArtemisTranslatePipe,
+        ArtemisTimeAgoPipe,
+    ],
 })
 export class CourseManagementExerciseRowComponent implements OnChanges {
     @Input() course: Course;
@@ -57,8 +79,6 @@ export class CourseManagementExerciseRowComponent implements OnChanges {
     faExclamationTriangle = faExclamationTriangle;
     faFileSignature = faFileSignature;
 
-    constructor() {}
-
     ngOnChanges() {
         if (this.details && !this.detailsLoaded) {
             this.detailsLoaded = true;
diff --git a/src/main/webapp/app/course/manage/overview/course-management-overview-exercise-statistics-dto.model.ts b/src/main/webapp/app/course/manage/overview/course-management-overview-exercise-statistics-dto.model.ts
index 7780cdcdd19c..3738b17e0e01 100644
--- a/src/main/webapp/app/course/manage/overview/course-management-overview-exercise-statistics-dto.model.ts
+++ b/src/main/webapp/app/course/manage/overview/course-management-overview-exercise-statistics-dto.model.ts
@@ -9,6 +9,4 @@ export class CourseManagementOverviewExerciseStatisticsDTO {
     public noOfRatedAssessments?: number;
     public noOfSubmissionsInTime?: number;
     public noOfAssessmentsDoneInPercent?: number;
-
-    constructor() {}
 }
diff --git a/src/main/webapp/app/course/manage/overview/course-management-overview-statistics-dto.model.ts b/src/main/webapp/app/course/manage/overview/course-management-overview-statistics-dto.model.ts
index 4195209c07e7..7540cf386005 100644
--- a/src/main/webapp/app/course/manage/overview/course-management-overview-statistics-dto.model.ts
+++ b/src/main/webapp/app/course/manage/overview/course-management-overview-statistics-dto.model.ts
@@ -4,6 +4,4 @@ export class CourseManagementOverviewStatisticsDto {
     public courseId?: number;
     public exerciseDTOS: CourseManagementOverviewExerciseStatisticsDTO[];
     public activeStudents?: number[];
-
-    constructor() {}
 }
diff --git a/src/main/webapp/app/course/manage/overview/course-management-overview-statistics.component.ts b/src/main/webapp/app/course/manage/overview/course-management-overview-statistics.component.ts
index 1d155291a83b..8fbb9f5b03e4 100644
--- a/src/main/webapp/app/course/manage/overview/course-management-overview-statistics.component.ts
+++ b/src/main/webapp/app/course/manage/overview/course-management-overview-statistics.component.ts
@@ -1,18 +1,25 @@
-import { Component, Input, OnChanges, OnInit } from '@angular/core';
+import { Component, Input, OnChanges, OnInit, inject } from '@angular/core';
 import { GraphColors, Graphs } from 'app/entities/statistics.model';
 import { TranslateService } from '@ngx-translate/core';
-import { Color, ScaleType } from '@swimlane/ngx-charts';
+import { Color, LineChartModule, ScaleType } from '@swimlane/ngx-charts';
 import { faSpinner } from '@fortawesome/free-solid-svg-icons';
 import { Course } from 'app/entities/course.model';
 import * as shape from 'd3-shape';
 import { ActiveStudentsChart } from 'app/shared/chart/active-students-chart';
+import { RouterLink } from '@angular/router';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
 
 @Component({
     selector: 'jhi-course-management-overview-statistics',
     templateUrl: './course-management-overview-statistics.component.html',
     styleUrls: ['./course-management-overview-statistics.component.scss', '../detail/course-detail-line-chart.component.scss'],
+    imports: [RouterLink, TranslateDirective, HelpIconComponent, LineChartModule, ArtemisDatePipe],
 })
 export class CourseManagementOverviewStatisticsComponent extends ActiveStudentsChart implements OnInit, OnChanges {
+    private translateService = inject(TranslateService);
+
     @Input()
     amountOfStudentsInCourse: number;
 
@@ -39,7 +46,7 @@ export class CourseManagementOverviewStatisticsComponent extends ActiveStudentsC
     // Icons
     faSpinner = faSpinner;
 
-    constructor(private translateService: TranslateService) {
+    constructor() {
         super();
     }
 
diff --git a/src/main/webapp/app/course/plagiarism-cases/instructor-view/detail-view/plagiarism-case-instructor-detail-view.component.ts b/src/main/webapp/app/course/plagiarism-cases/instructor-view/detail-view/plagiarism-case-instructor-detail-view.component.ts
index 1b2265a266aa..3249ffdc298c 100644
--- a/src/main/webapp/app/course/plagiarism-cases/instructor-view/detail-view/plagiarism-case-instructor-detail-view.component.ts
+++ b/src/main/webapp/app/course/plagiarism-cases/instructor-view/detail-view/plagiarism-case-instructor-detail-view.component.ts
@@ -1,7 +1,9 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Component, OnDestroy, OnInit, inject } from '@angular/core';
+import { PlagiarismCaseReviewComponent } from 'app/course/plagiarism-cases/shared/review/plagiarism-case-review.component';
+import { PlagiarismCaseVerdictComponent } from 'app/course/plagiarism-cases/shared/verdict/plagiarism-case-verdict.component';
 import { PlagiarismCase } from 'app/exercises/shared/plagiarism/types/PlagiarismCase';
 import { PlagiarismCasesService } from 'app/course/plagiarism-cases/shared/plagiarism-cases.service';
-import { ActivatedRoute } from '@angular/router';
+import { ActivatedRoute, RouterLink } from '@angular/router';
 import { TranslateService } from '@ngx-translate/core';
 import { HttpResponse } from '@angular/common/http';
 import { getCourseFromExercise, getExerciseUrlSegment, getIcon } from 'app/entities/exercise.model';
@@ -17,14 +19,63 @@ import { abbreviateString } from 'app/utils/text.utils';
 import { AccountService } from 'app/core/auth/account.service';
 import { User } from 'app/core/user/user.model';
 import dayjs from 'dayjs/esm';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import {
+    NgbDropdown,
+    NgbDropdownItem,
+    NgbDropdownMenu,
+    NgbDropdownToggle,
+    NgbNav,
+    NgbNavContent,
+    NgbNavItem,
+    NgbNavItemRole,
+    NgbNavLink,
+    NgbNavLinkBase,
+    NgbNavOutlet,
+} from '@ng-bootstrap/ng-bootstrap';
+import { PostingThreadComponent } from 'app/shared/metis/posting-thread/posting-thread.component';
+import { PostCreateEditModalComponent } from 'app/shared/metis/posting-create-edit-modal/post-create-edit-modal/post-create-edit-modal.component';
+import { ConfirmAutofocusButtonComponent } from 'app/shared/components/confirm-autofocus-button.component';
+import { FormsModule } from '@angular/forms';
 
 @Component({
     selector: 'jhi-plagiarism-case-instructor-detail-view',
     templateUrl: './plagiarism-case-instructor-detail-view.component.html',
     styleUrls: ['./plagiarism-case-instructor-detail-view.component.scss'],
     providers: [MetisService],
+    imports: [
+        TranslateDirective,
+        PlagiarismCaseVerdictComponent,
+        FaIconComponent,
+        RouterLink,
+        NgbDropdown,
+        NgbDropdownToggle,
+        NgbDropdownMenu,
+        NgbDropdownItem,
+        PostingThreadComponent,
+        PostCreateEditModalComponent,
+        NgbNav,
+        NgbNavItem,
+        NgbNavItemRole,
+        NgbNavLink,
+        NgbNavLinkBase,
+        NgbNavContent,
+        ConfirmAutofocusButtonComponent,
+        FormsModule,
+        NgbNavOutlet,
+        PlagiarismCaseReviewComponent,
+    ],
 })
 export class PlagiarismCaseInstructorDetailViewComponent implements OnInit, OnDestroy {
+    protected metisService = inject(MetisService);
+    private plagiarismCasesService = inject(PlagiarismCasesService);
+    private route = inject(ActivatedRoute);
+    private alertService = inject(AlertService);
+    private translateService = inject(TranslateService);
+    private themeService = inject(ThemeService);
+    private accountService = inject(AccountService);
+
     courseId: number;
     plagiarismCaseId: number;
     plagiarismCase: PlagiarismCase;
@@ -47,16 +98,6 @@ export class PlagiarismCaseInstructorDetailViewComponent implements OnInit, OnDe
     private postsSubscription: Subscription;
     posts: Post[];
 
-    constructor(
-        protected metisService: MetisService,
-        private plagiarismCasesService: PlagiarismCasesService,
-        private route: ActivatedRoute,
-        private alertService: AlertService,
-        private translateService: TranslateService,
-        private themeService: ThemeService,
-        private accountService: AccountService,
-    ) {}
-
     ngOnInit(): void {
         this.courseId = Number(this.route.snapshot.paramMap.get('courseId'));
         this.plagiarismCaseId = Number(this.route.snapshot.paramMap.get('plagiarismCaseId'));
diff --git a/src/main/webapp/app/course/plagiarism-cases/instructor-view/plagiarism-cases-instructor-view.component.ts b/src/main/webapp/app/course/plagiarism-cases/instructor-view/plagiarism-cases-instructor-view.component.ts
index efa0d14d147e..3a4137a35740 100644
--- a/src/main/webapp/app/course/plagiarism-cases/instructor-view/plagiarism-cases-instructor-view.component.ts
+++ b/src/main/webapp/app/course/plagiarism-cases/instructor-view/plagiarism-cases-instructor-view.component.ts
@@ -1,6 +1,6 @@
 import { HttpResponse } from '@angular/common/http';
-import { Component, OnInit } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
+import { Component, OnInit, inject } from '@angular/core';
+import { ActivatedRoute, RouterLink } from '@angular/router';
 import { PlagiarismCasesService } from 'app/course/plagiarism-cases/shared/plagiarism-cases.service';
 import { PlagiarismCase } from 'app/exercises/shared/plagiarism/types/PlagiarismCase';
 import { Exercise, getExerciseUrlSegment, getIcon } from 'app/entities/exercise.model';
@@ -8,13 +8,34 @@ import { downloadFile } from 'app/shared/util/download.util';
 import { DocumentationType } from 'app/shared/components/documentation-button/documentation-button.component';
 import { GroupedPlagiarismCases } from 'app/exercises/shared/plagiarism/types/GroupedPlagiarismCase';
 import { AlertService } from 'app/core/util/alert.service';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { DocumentationButtonComponent } from 'app/shared/components/documentation-button/documentation-button.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ProgressBarComponent } from 'app/shared/dashboards/tutor-participation-graph/progress-bar/progress-bar.component';
+import { PlagiarismCaseVerdictComponent } from '../shared/verdict/plagiarism-case-verdict.component';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-plagiarism-cases-instructor-view',
     templateUrl: './plagiarism-cases-instructor-view.component.html',
     styleUrls: ['./plagiarism-cases-instructor-view.component.scss'],
+    imports: [
+        TranslateDirective,
+        DocumentationButtonComponent,
+        FaIconComponent,
+        RouterLink,
+        ProgressBarComponent,
+        PlagiarismCaseVerdictComponent,
+        ArtemisDatePipe,
+        ArtemisTranslatePipe,
+    ],
 })
 export class PlagiarismCasesInstructorViewComponent implements OnInit {
+    private plagiarismCasesService = inject(PlagiarismCasesService);
+    private route = inject(ActivatedRoute);
+    private alertService = inject(AlertService);
+
     courseId: number;
     examId?: number;
     plagiarismCases: PlagiarismCase[] = [];
@@ -28,12 +49,6 @@ export class PlagiarismCasesInstructorViewComponent implements OnInit {
     readonly getIcon = getIcon;
     readonly documentationType: DocumentationType = 'PlagiarismChecks';
 
-    constructor(
-        private plagiarismCasesService: PlagiarismCasesService,
-        private route: ActivatedRoute,
-        private alertService: AlertService,
-    ) {}
-
     ngOnInit(): void {
         this.courseId = Number(this.route.snapshot.paramMap.get('courseId'));
         this.examId = Number(this.route.snapshot.paramMap.get('examId'));
diff --git a/src/main/webapp/app/course/plagiarism-cases/instructor-view/plagiarism-cases-instructor-view.module.ts b/src/main/webapp/app/course/plagiarism-cases/instructor-view/plagiarism-cases-instructor-view.module.ts
index 4c4241f2da8d..014af93d4b6b 100644
--- a/src/main/webapp/app/course/plagiarism-cases/instructor-view/plagiarism-cases-instructor-view.module.ts
+++ b/src/main/webapp/app/course/plagiarism-cases/instructor-view/plagiarism-cases-instructor-view.module.ts
@@ -1,7 +1,8 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
-import { PlagiarismCasesInstructorViewComponent } from 'app/course/plagiarism-cases/instructor-view/plagiarism-cases-instructor-view.component';
 import { PlagiarismCaseInstructorDetailViewComponent } from 'app/course/plagiarism-cases/instructor-view/detail-view/plagiarism-case-instructor-detail-view.component';
+import { PlagiarismCasesInstructorViewComponent } from 'app/course/plagiarism-cases/instructor-view/plagiarism-cases-instructor-view.component';
+
 import { Authority } from 'app/shared/constants/authority.constants';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
 import { ArtemisPlagiarismCasesSharedModule } from 'app/course/plagiarism-cases/shared/plagiarism-cases-shared.module';
@@ -9,7 +10,7 @@ import { ArtemisPlagiarismCasesSharedModule } from 'app/course/plagiarism-cases/
 const routes: Routes = [
     {
         path: '',
-        component: PlagiarismCasesInstructorViewComponent,
+        loadComponent: () => import('app/course/plagiarism-cases/instructor-view/plagiarism-cases-instructor-view.component').then((m) => m.PlagiarismCasesInstructorViewComponent),
         data: {
             authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.plagiarism.cases.pageTitle',
@@ -18,7 +19,10 @@ const routes: Routes = [
     },
     {
         path: ':plagiarismCaseId',
-        component: PlagiarismCaseInstructorDetailViewComponent,
+        loadComponent: () =>
+            import('app/course/plagiarism-cases/instructor-view/detail-view/plagiarism-case-instructor-detail-view.component').then(
+                (m) => m.PlagiarismCaseInstructorDetailViewComponent,
+            ),
         data: {
             authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.plagiarism.cases.pageTitle',
@@ -28,7 +32,6 @@ const routes: Routes = [
 ];
 
 @NgModule({
-    imports: [RouterModule.forChild(routes), ArtemisPlagiarismCasesSharedModule],
-    declarations: [PlagiarismCasesInstructorViewComponent, PlagiarismCaseInstructorDetailViewComponent],
+    imports: [RouterModule.forChild(routes), ArtemisPlagiarismCasesSharedModule, PlagiarismCasesInstructorViewComponent, PlagiarismCaseInstructorDetailViewComponent],
 })
 export class ArtemisPlagiarismCasesInstructorViewModule {}
diff --git a/src/main/webapp/app/course/plagiarism-cases/shared/plagiarism-cases-shared.module.ts b/src/main/webapp/app/course/plagiarism-cases/shared/plagiarism-cases-shared.module.ts
index f21a9fc2cd06..c0397b829ac0 100644
--- a/src/main/webapp/app/course/plagiarism-cases/shared/plagiarism-cases-shared.module.ts
+++ b/src/main/webapp/app/course/plagiarism-cases/shared/plagiarism-cases-shared.module.ts
@@ -8,8 +8,15 @@ import { PlagiarismCaseReviewComponent } from 'app/course/plagiarism-cases/share
 import { MetisModule } from 'app/shared/metis/metis.module';
 
 @NgModule({
-    imports: [ArtemisSharedModule, ArtemisSharedComponentModule, ArtemisPlagiarismModule, ArtemisTutorParticipationGraphModule, MetisModule],
-    declarations: [PlagiarismCaseVerdictComponent, PlagiarismCaseReviewComponent],
+    imports: [
+        ArtemisSharedModule,
+        ArtemisSharedComponentModule,
+        ArtemisPlagiarismModule,
+        ArtemisTutorParticipationGraphModule,
+        MetisModule,
+        PlagiarismCaseVerdictComponent,
+        PlagiarismCaseReviewComponent,
+    ],
     exports: [
         PlagiarismCaseVerdictComponent,
         PlagiarismCaseReviewComponent,
diff --git a/src/main/webapp/app/course/plagiarism-cases/shared/plagiarism-cases.service.ts b/src/main/webapp/app/course/plagiarism-cases/shared/plagiarism-cases.service.ts
index e4041a996cf4..c3fea5b08795 100644
--- a/src/main/webapp/app/course/plagiarism-cases/shared/plagiarism-cases.service.ts
+++ b/src/main/webapp/app/course/plagiarism-cases/shared/plagiarism-cases.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpParams, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { PlagiarismCase } from 'app/exercises/shared/plagiarism/types/PlagiarismCase';
@@ -15,11 +15,11 @@ export type Comparison = PlagiarismComparison<PlagiarismSubmissionElement>;
 
 @Injectable({ providedIn: 'root' })
 export class PlagiarismCasesService {
+    private http = inject(HttpClient);
+
     private resourceUrl = 'api/courses';
     private resourceUrlExercises = 'api/exercises';
 
-    constructor(private http: HttpClient) {}
-
     /* Instructor */
 
     /**
diff --git a/src/main/webapp/app/course/plagiarism-cases/shared/plagiarism-results.service.ts b/src/main/webapp/app/course/plagiarism-cases/shared/plagiarism-results.service.ts
index 28652db616eb..4626a00ad485 100644
--- a/src/main/webapp/app/course/plagiarism-cases/shared/plagiarism-results.service.ts
+++ b/src/main/webapp/app/course/plagiarism-cases/shared/plagiarism-results.service.ts
@@ -1,12 +1,12 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
 import { Observable } from 'rxjs';
 
 @Injectable({ providedIn: 'root' })
 export class PlagiarismResultsService {
-    private resourceUrlExercises = 'api/exercises';
+    private http = inject(HttpClient);
 
-    constructor(private http: HttpClient) {}
+    private resourceUrlExercises = 'api/exercises';
 
     getNumberOfPlagiarismResultsForExercise(exerciseId: number): Observable<number> {
         return this.http.get<number>(`${this.resourceUrlExercises}/${exerciseId}/potential-plagiarism-count`);
diff --git a/src/main/webapp/app/course/plagiarism-cases/shared/review/plagiarism-case-review.component.ts b/src/main/webapp/app/course/plagiarism-cases/shared/review/plagiarism-case-review.component.ts
index a8ed39faa5d0..67037909c24c 100644
--- a/src/main/webapp/app/course/plagiarism-cases/shared/review/plagiarism-case-review.component.ts
+++ b/src/main/webapp/app/course/plagiarism-cases/shared/review/plagiarism-case-review.component.ts
@@ -1,10 +1,14 @@
 import { Component, Input } from '@angular/core';
 import { PlagiarismCase } from 'app/exercises/shared/plagiarism/types/PlagiarismCase';
 import { Subject } from 'rxjs';
+import { NgbNav, NgbNavContent, NgbNavItem, NgbNavItemRole, NgbNavLink, NgbNavLinkBase, NgbNavOutlet } from '@ng-bootstrap/ng-bootstrap';
+import { PlagiarismSplitViewComponent } from 'app/exercises/shared/plagiarism/plagiarism-split-view/plagiarism-split-view.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-plagiarism-case-review',
     templateUrl: './plagiarism-case-review.component.html',
+    imports: [NgbNav, NgbNavItem, NgbNavItemRole, NgbNavLink, NgbNavLinkBase, NgbNavContent, PlagiarismSplitViewComponent, NgbNavOutlet, ArtemisTranslatePipe],
 })
 export class PlagiarismCaseReviewComponent {
     @Input() plagiarismCase: PlagiarismCase;
diff --git a/src/main/webapp/app/course/plagiarism-cases/shared/verdict/plagiarism-case-verdict.component.ts b/src/main/webapp/app/course/plagiarism-cases/shared/verdict/plagiarism-case-verdict.component.ts
index f1b404044906..d2d0d1a5c2d6 100644
--- a/src/main/webapp/app/course/plagiarism-cases/shared/verdict/plagiarism-case-verdict.component.ts
+++ b/src/main/webapp/app/course/plagiarism-cases/shared/verdict/plagiarism-case-verdict.component.ts
@@ -1,10 +1,14 @@
 import { Component, Input } from '@angular/core';
 import { PlagiarismCase } from 'app/exercises/shared/plagiarism/types/PlagiarismCase';
 import { PlagiarismVerdict } from 'app/exercises/shared/plagiarism/types/PlagiarismVerdict';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-plagiarism-case-verdict',
     templateUrl: './plagiarism-case-verdict.component.html',
+    imports: [NgbTooltip, ArtemisDatePipe, ArtemisTranslatePipe],
 })
 export class PlagiarismCaseVerdictComponent {
     @Input() plagiarismCase: PlagiarismCase;
diff --git a/src/main/webapp/app/course/plagiarism-cases/student-view/detail-view/plagiarism-case-student-detail-view.component.ts b/src/main/webapp/app/course/plagiarism-cases/student-view/detail-view/plagiarism-case-student-detail-view.component.ts
index feb0bf3c8d02..30fe9f16082c 100644
--- a/src/main/webapp/app/course/plagiarism-cases/student-view/detail-view/plagiarism-case-student-detail-view.component.ts
+++ b/src/main/webapp/app/course/plagiarism-cases/student-view/detail-view/plagiarism-case-student-detail-view.component.ts
@@ -1,7 +1,9 @@
-import { Component, OnDestroy, OnInit, ViewChild } from '@angular/core';
+import { Component, OnDestroy, OnInit, ViewChild, inject } from '@angular/core';
+import { PlagiarismCaseReviewComponent } from 'app/course/plagiarism-cases/shared/review/plagiarism-case-review.component';
+import { PlagiarismCaseVerdictComponent } from 'app/course/plagiarism-cases/shared/verdict/plagiarism-case-verdict.component';
 import { PlagiarismCase } from 'app/exercises/shared/plagiarism/types/PlagiarismCase';
 import { PlagiarismCasesService } from 'app/course/plagiarism-cases/shared/plagiarism-cases.service';
-import { ActivatedRoute, Params } from '@angular/router';
+import { ActivatedRoute, Params, RouterLink } from '@angular/router';
 import { HttpResponse } from '@angular/common/http';
 import { getCourseFromExercise, getIcon } from 'app/entities/exercise.model';
 import { Subscription, combineLatest } from 'rxjs';
@@ -13,14 +15,23 @@ import { PlagiarismVerdict } from 'app/exercises/shared/plagiarism/types/Plagiar
 import { PostComponent } from 'app/shared/metis/post/post.component';
 import { ButtonType } from 'app/shared/components/button.component';
 import dayjs from 'dayjs/esm';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ButtonComponent } from 'app/shared/components/button.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-plagiarism-case-student-detail-view',
     templateUrl: './plagiarism-case-student-detail-view.component.html',
     styleUrls: ['./plagiarism-case-student-detail-view.component.scss'],
     providers: [MetisService],
+    imports: [TranslateDirective, PlagiarismCaseVerdictComponent, FaIconComponent, RouterLink, PostComponent, ButtonComponent, PlagiarismCaseReviewComponent, ArtemisTranslatePipe],
 })
 export class PlagiarismCaseStudentDetailViewComponent implements OnInit, OnDestroy {
+    protected metisService = inject(MetisService);
+    private plagiarismCasesService = inject(PlagiarismCasesService);
+    private activatedRoute = inject(ActivatedRoute);
+
     @ViewChild('post') postComponent: PostComponent;
     readonly ButtonType = ButtonType;
 
@@ -44,12 +55,6 @@ export class PlagiarismCaseStudentDetailViewComponent implements OnInit, OnDestr
 
     readonly dayjs = dayjs;
 
-    constructor(
-        protected metisService: MetisService,
-        private plagiarismCasesService: PlagiarismCasesService,
-        private activatedRoute: ActivatedRoute,
-    ) {}
-
     ngOnInit(): void {
         this.paramSubscription = combineLatest({
             ancestorParams: this.activatedRoute.parent!.parent!.params,
diff --git a/src/main/webapp/app/course/plagiarism-cases/student-view/plagiarism-cases-student-view.module.ts b/src/main/webapp/app/course/plagiarism-cases/student-view/plagiarism-cases-student-view.module.ts
index 373e04e0616a..081f4156c14e 100644
--- a/src/main/webapp/app/course/plagiarism-cases/student-view/plagiarism-cases-student-view.module.ts
+++ b/src/main/webapp/app/course/plagiarism-cases/student-view/plagiarism-cases-student-view.module.ts
@@ -1,6 +1,7 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { PlagiarismCaseStudentDetailViewComponent } from 'app/course/plagiarism-cases/student-view/detail-view/plagiarism-case-student-detail-view.component';
+
 import { Authority } from 'app/shared/constants/authority.constants';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
 import { ArtemisPlagiarismCasesSharedModule } from 'app/course/plagiarism-cases/shared/plagiarism-cases-shared.module';
@@ -8,7 +9,8 @@ import { ArtemisPlagiarismCasesSharedModule } from 'app/course/plagiarism-cases/
 const routes: Routes = [
     {
         path: ':plagiarismCaseId',
-        component: PlagiarismCaseStudentDetailViewComponent,
+        loadComponent: () =>
+            import('app/course/plagiarism-cases/student-view/detail-view/plagiarism-case-student-detail-view.component').then((m) => m.PlagiarismCaseStudentDetailViewComponent),
         data: {
             authorities: [Authority.USER, Authority.ADMIN],
             pageTitle: 'artemisApp.plagiarism.cases.pageTitle',
@@ -18,7 +20,6 @@ const routes: Routes = [
 ];
 
 @NgModule({
-    imports: [RouterModule.forChild(routes), ArtemisPlagiarismCasesSharedModule],
-    declarations: [PlagiarismCaseStudentDetailViewComponent],
+    imports: [RouterModule.forChild(routes), ArtemisPlagiarismCasesSharedModule, PlagiarismCaseStudentDetailViewComponent],
 })
 export class ArtemisPlagiarismCasesStudentViewModule {}
diff --git a/src/main/webapp/app/course/tutorial-groups/shared/meeting-pattern.pipe.ts b/src/main/webapp/app/course/tutorial-groups/shared/meeting-pattern.pipe.ts
index 2cd9b89c262c..cff6004c3e11 100644
--- a/src/main/webapp/app/course/tutorial-groups/shared/meeting-pattern.pipe.ts
+++ b/src/main/webapp/app/course/tutorial-groups/shared/meeting-pattern.pipe.ts
@@ -9,13 +9,12 @@ import { RemoveSecondsPipe } from 'app/course/tutorial-groups/shared/remove-seco
  * Example: 'Every Week, Monday from 14:00 to 15:00' English
  * Example: 'Jede Woche, Montag von 14:00 bis 15:00' German
  */
-@Pipe({
-    name: 'meetingPattern',
-})
+@Pipe({ name: 'meetingPattern' })
 export class MeetingPatternPipe implements PipeTransform {
     removeSecondsPipe = new RemoveSecondsPipe();
 
     constructor(private translateService: TranslateService) {}
+
     /**
      * Transforms a tutorial group schedule to a translated meeting pattern.
      * @param schedule The tutorial group schedule to transform.
diff --git a/src/main/webapp/app/course/tutorial-groups/shared/remove-seconds.pipe.ts b/src/main/webapp/app/course/tutorial-groups/shared/remove-seconds.pipe.ts
index af351b9d516c..5817338b88e0 100644
--- a/src/main/webapp/app/course/tutorial-groups/shared/remove-seconds.pipe.ts
+++ b/src/main/webapp/app/course/tutorial-groups/shared/remove-seconds.pipe.ts
@@ -3,9 +3,7 @@ import { Pipe, PipeTransform } from '@angular/core';
 /**
  * A pipe that removes the seconds information from a time string in the format '14:00:00'.
  */
-@Pipe({
-    name: 'removeSeconds',
-})
+@Pipe({ name: 'removeSeconds' })
 export class RemoveSecondsPipe implements PipeTransform {
     /**
      * Transforms a time string in the format '14:00:00' to a string without seconds, e.g. '14:00'.
diff --git a/src/main/webapp/app/course/tutorial-groups/shared/tutorial-group-detail/tutorial-group-detail.component.ts b/src/main/webapp/app/course/tutorial-groups/shared/tutorial-group-detail/tutorial-group-detail.component.ts
index 2b3adc91f4e3..97f692fb8d54 100644
--- a/src/main/webapp/app/course/tutorial-groups/shared/tutorial-group-detail/tutorial-group-detail.component.ts
+++ b/src/main/webapp/app/course/tutorial-groups/shared/tutorial-group-detail/tutorial-group-detail.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, Component, ContentChild, Input, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
+import { ChangeDetectorRef, Component, ContentChild, Input, OnChanges, SimpleChanges, TemplateRef, inject } from '@angular/core';
 import { TutorialGroup } from 'app/entities/tutorial-group/tutorial-group.model';
 import { Course, isMessagingEnabled } from 'app/entities/course.model';
 import { SafeHtml } from '@angular/platform-browser';
@@ -9,13 +9,40 @@ import { TranslateService } from '@ngx-translate/core';
 import { faCircle, faCircleInfo, faCircleXmark, faPercent, faQuestionCircle, faUserCheck } from '@fortawesome/free-solid-svg-icons';
 import dayjs from 'dayjs/esm';
 import { SortService } from 'app/shared/service/sort.service';
+import { NgClass, NgStyle, NgTemplateOutlet } from '@angular/common';
+import { IconCardComponent } from 'app/shared/icon-card/icon-card.component';
+import { ProfilePictureComponent } from 'app/shared/profile-picture/profile-picture.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { RouterLink } from '@angular/router';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { TutorialGroupSessionsTableComponent } from '../tutorial-group-sessions-table/tutorial-group-sessions-table.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-tutorial-group-detail',
     templateUrl: './tutorial-group-detail.component.html',
     styleUrls: ['./tutorial-group-detail.component.scss'],
+    imports: [
+        NgTemplateOutlet,
+        IconCardComponent,
+        ProfilePictureComponent,
+        TranslateDirective,
+        RouterLink,
+        FaIconComponent,
+        NgbTooltip,
+        NgClass,
+        NgStyle,
+        TutorialGroupSessionsTableComponent,
+        ArtemisTranslatePipe,
+    ],
 })
 export class TutorialGroupDetailComponent implements OnChanges {
+    private artemisMarkdownService = inject(ArtemisMarkdownService);
+    private changeDetectorRef = inject(ChangeDetectorRef);
+    private translateService = inject(TranslateService);
+    private sortService = inject(SortService);
+
     @ContentChild(TemplateRef, { static: true }) header: TemplateRef<any>;
 
     @Input()
@@ -44,13 +71,6 @@ export class TutorialGroupDetailComponent implements OnChanges {
     readonly faCircle = faCircle;
     readonly faCircleXmark = faCircleXmark;
 
-    constructor(
-        private artemisMarkdownService: ArtemisMarkdownService,
-        private changeDetectorRef: ChangeDetectorRef,
-        private translateService: TranslateService,
-        private sortService: SortService,
-    ) {}
-
     ngOnChanges(changes: SimpleChanges) {
         for (const propName in changes) {
             if (changes.hasOwnProperty(propName) && propName === 'tutorialGroup') {
diff --git a/src/main/webapp/app/course/tutorial-groups/shared/tutorial-group-free-days-overview/tutorial-group-free-days-overview.component.ts b/src/main/webapp/app/course/tutorial-groups/shared/tutorial-group-free-days-overview/tutorial-group-free-days-overview.component.ts
index 97226684b4a0..b23b5b89e17a 100644
--- a/src/main/webapp/app/course/tutorial-groups/shared/tutorial-group-free-days-overview/tutorial-group-free-days-overview.component.ts
+++ b/src/main/webapp/app/course/tutorial-groups/shared/tutorial-group-free-days-overview/tutorial-group-free-days-overview.component.ts
@@ -1,19 +1,24 @@
-import { ChangeDetectionStrategy, Component, DoCheck, Input, IterableDiffer, IterableDiffers, OnInit } from '@angular/core';
+import { ChangeDetectionStrategy, Component, DoCheck, Input, IterableDiffer, IterableDiffers, OnInit, inject } from '@angular/core';
 import { TutorialGroupFreePeriod } from 'app/entities/tutorial-group/tutorial-group-free-day.model';
 import { SortService } from 'app/shared/service/sort.service';
 import dayjs from 'dayjs/esm';
+import { SidePanelComponent } from 'app/shared/side-panel/side-panel.component';
+import { NgClass } from '@angular/common';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgbPopover } from '@ng-bootstrap/ng-bootstrap';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-tutorial-group-free-days-overview',
     templateUrl: './tutorial-group-free-days-overview.component.html',
     styleUrls: ['./tutorial-group-free-days-overview.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [SidePanelComponent, NgClass, TranslateDirective, NgbPopover, ArtemisDatePipe, ArtemisTranslatePipe],
 })
 export class TutorialGroupFreeDaysOverviewComponent implements OnInit, DoCheck {
-    constructor(
-        private sortService: SortService,
-        private iterableDiffers: IterableDiffers,
-    ) {}
+    private sortService = inject(SortService);
+    private iterableDiffers = inject(IterableDiffers);
 
     @Input()
     tutorialGroupFreeDays: TutorialGroupFreePeriod[] = [];
diff --git a/src/main/webapp/app/course/tutorial-groups/shared/tutorial-group-sessions-table/tutorial-group-session-row/tutorial-group-session-row.component.ts b/src/main/webapp/app/course/tutorial-groups/shared/tutorial-group-sessions-table/tutorial-group-session-row/tutorial-group-session-row.component.ts
index 02fe89acac8b..bb28f1a9e113 100644
--- a/src/main/webapp/app/course/tutorial-groups/shared/tutorial-group-sessions-table/tutorial-group-session-row/tutorial-group-session-row.component.ts
+++ b/src/main/webapp/app/course/tutorial-groups/shared/tutorial-group-sessions-table/tutorial-group-session-row/tutorial-group-session-row.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, HostBinding, Input, OnChanges, Output, TemplateRef, ViewEncapsulation } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, HostBinding, Input, OnChanges, Output, TemplateRef, ViewEncapsulation, inject } from '@angular/core';
 import { faUmbrellaBeach } from '@fortawesome/free-solid-svg-icons';
 import { TutorialGroupSession, TutorialGroupSessionStatus } from 'app/entities/tutorial-group/tutorial-group-session.model';
 import { TutorialGroup } from 'app/entities/tutorial-group/tutorial-group.model';
@@ -7,17 +7,28 @@ import { onError } from 'app/shared/util/global.utils';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { AlertService } from 'app/core/util/alert.service';
 import { map } from 'rxjs';
+import { NgbPopover } from '@ng-bootstrap/ng-bootstrap';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { FormsModule } from '@angular/forms';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgTemplateOutlet } from '@angular/common';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     // this is intended and an attribute selector because otherwise the rendered table breaks
-    // eslint-disable-next-line @angular-eslint/component-selector
     selector: '[jhi-session-row]',
     templateUrl: './tutorial-group-session-row.component.html',
     styleUrls: ['./tutorial-group-session-row.component.scss'],
     encapsulation: ViewEncapsulation.None,
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [NgbPopover, FaIconComponent, FormsModule, TranslateDirective, NgTemplateOutlet, ArtemisDatePipe, ArtemisTranslatePipe],
 })
 export class TutorialGroupSessionRowComponent implements OnChanges {
+    private changeDetectorRef = inject(ChangeDetectorRef);
+    private tutorialGroupSessionService = inject(TutorialGroupSessionService);
+    private alertService = inject(AlertService);
+
     @HostBinding('class') class = 'tutorial-group-session-row';
 
     @Input()
@@ -48,12 +59,6 @@ export class TutorialGroupSessionRowComponent implements OnChanges {
 
     hasSchedule = false;
 
-    constructor(
-        private changeDetectorRef: ChangeDetectorRef,
-        private tutorialGroupSessionService: TutorialGroupSessionService,
-        private alertService: AlertService,
-    ) {}
-
     ngOnChanges() {
         if (this.session) {
             this.isCancelled = this.session.status === TutorialGroupSessionStatus.CANCELLED;
diff --git a/src/main/webapp/app/course/tutorial-groups/shared/tutorial-group-sessions-table/tutorial-group-sessions-table.component.ts b/src/main/webapp/app/course/tutorial-groups/shared/tutorial-group-sessions-table/tutorial-group-sessions-table.component.ts
index f21326185326..f94d5feb4a88 100644
--- a/src/main/webapp/app/course/tutorial-groups/shared/tutorial-group-sessions-table/tutorial-group-sessions-table.component.ts
+++ b/src/main/webapp/app/course/tutorial-groups/shared/tutorial-group-sessions-table/tutorial-group-sessions-table.component.ts
@@ -10,11 +10,16 @@ import {
     SimpleChanges,
     TemplateRef,
     ViewEncapsulation,
+    inject,
 } from '@angular/core';
 import { TutorialGroupSession } from 'app/entities/tutorial-group/tutorial-group-session.model';
 import { TutorialGroup } from 'app/entities/tutorial-group/tutorial-group.model';
 import { SortService } from 'app/shared/service/sort.service';
 import dayjs from 'dayjs/esm';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { TutorialGroupSessionRowComponent } from './tutorial-group-session-row/tutorial-group-session-row.component';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-tutorial-group-sessions-table',
@@ -22,8 +27,12 @@ import dayjs from 'dayjs/esm';
     styleUrls: ['./tutorial-group-sessions-table.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
     encapsulation: ViewEncapsulation.None,
+    imports: [TranslateDirective, TutorialGroupSessionRowComponent, ArtemisDatePipe, ArtemisTranslatePipe],
 })
 export class TutorialGroupSessionsTableComponent implements OnChanges {
+    private sortService = inject(SortService);
+    private changeDetectorRef = inject(ChangeDetectorRef);
+
     @ContentChild(TemplateRef, { static: true }) extraColumn: TemplateRef<any>;
 
     @Input()
@@ -62,11 +71,6 @@ export class TutorialGroupSessionsTableComponent implements OnChanges {
         return numberOfColumns;
     }
 
-    constructor(
-        private sortService: SortService,
-        private changeDetectorRef: ChangeDetectorRef,
-    ) {}
-
     ngOnChanges(changes: SimpleChanges) {
         for (const propName in changes) {
             if (changes.hasOwnProperty(propName)) {
diff --git a/src/main/webapp/app/course/tutorial-groups/shared/tutorial-group-utilization-indicator/tutorial-group-utilization-indicator.component.ts b/src/main/webapp/app/course/tutorial-groups/shared/tutorial-group-utilization-indicator/tutorial-group-utilization-indicator.component.ts
index e6a34005ba84..00507fe08da5 100644
--- a/src/main/webapp/app/course/tutorial-groups/shared/tutorial-group-utilization-indicator/tutorial-group-utilization-indicator.component.ts
+++ b/src/main/webapp/app/course/tutorial-groups/shared/tutorial-group-utilization-indicator/tutorial-group-utilization-indicator.component.ts
@@ -1,11 +1,14 @@
 import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 import { TutorialGroup } from 'app/entities/tutorial-group/tutorial-group.model';
+import { VerticalProgressBarComponent } from 'app/shared/vertical-progress-bar/vertical-progress-bar.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-tutorial-group-utilization-indicator',
     templateUrl: './tutorial-group-utilization-indicator.component.html',
     styleUrls: ['./tutorial-group-utilization-indicator.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [VerticalProgressBarComponent, ArtemisTranslatePipe],
 })
 export class TutorialGroupUtilizationIndicatorComponent {
     readonly Math = Math;
diff --git a/src/main/webapp/app/course/tutorial-groups/shared/tutorial-groups-shared.module.ts b/src/main/webapp/app/course/tutorial-groups/shared/tutorial-groups-shared.module.ts
index 3c1417c6a2b6..47820f440d42 100644
--- a/src/main/webapp/app/course/tutorial-groups/shared/tutorial-groups-shared.module.ts
+++ b/src/main/webapp/app/course/tutorial-groups/shared/tutorial-groups-shared.module.ts
@@ -8,7 +8,7 @@ import { TutorialGroupSessionRowComponent } from 'app/course/tutorial-groups/sha
 import { TutorialGroupFreeDaysOverviewComponent } from './tutorial-group-free-days-overview/tutorial-group-free-days-overview.component';
 import { ArtemisSidePanelModule } from 'app/shared/side-panel/side-panel.module';
 import { TutorialGroupRowComponent } from './tutorial-groups-table/tutorial-group-row/tutorial-group-row.component';
-import { VerticalProgressBarModule } from 'app/shared/vertical-progress-bar/vertical-progress-bar.module';
+
 import { TutorialGroupUtilizationIndicatorComponent } from './tutorial-group-utilization-indicator/tutorial-group-utilization-indicator.component';
 import { RemoveSecondsPipe } from 'app/course/tutorial-groups/shared/remove-seconds.pipe';
 import { MeetingPatternPipe } from 'app/course/tutorial-groups/shared/meeting-pattern.pipe';
@@ -17,8 +17,13 @@ import { IconCardComponent } from 'app/shared/icon-card/icon-card.component';
 import { ProfilePictureComponent } from 'app/shared/profile-picture/profile-picture.component';
 
 @NgModule({
-    imports: [ArtemisSharedModule, RouterModule, ArtemisSidePanelModule, VerticalProgressBarModule, DetailModule, IconCardComponent, ProfilePictureComponent],
-    declarations: [
+    imports: [
+        ArtemisSharedModule,
+        RouterModule,
+        ArtemisSidePanelModule,
+        DetailModule,
+        IconCardComponent,
+        ProfilePictureComponent,
         TutorialGroupsTableComponent,
         TutorialGroupDetailComponent,
         TutorialGroupSessionsTableComponent,
diff --git a/src/main/webapp/app/course/tutorial-groups/shared/tutorial-groups-table/tutorial-group-row/tutorial-group-row.component.ts b/src/main/webapp/app/course/tutorial-groups/shared/tutorial-groups-table/tutorial-group-row/tutorial-group-row.component.ts
index 4c8d5dd58a4d..15c240ac3263 100644
--- a/src/main/webapp/app/course/tutorial-groups/shared/tutorial-groups-table/tutorial-group-row/tutorial-group-row.component.ts
+++ b/src/main/webapp/app/course/tutorial-groups/shared/tutorial-groups-table/tutorial-group-row/tutorial-group-row.component.ts
@@ -1,14 +1,21 @@
 import { ChangeDetectionStrategy, Component, HostBinding, Input, TemplateRef, ViewEncapsulation } from '@angular/core';
 import { TutorialGroup } from 'app/entities/tutorial-group/tutorial-group.model';
 import { Course } from 'app/entities/course.model';
+import { RouterLink } from '@angular/router';
+import { TutorialGroupUtilizationIndicatorComponent } from '../../tutorial-group-utilization-indicator/tutorial-group-utilization-indicator.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgTemplateOutlet } from '@angular/common';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { MeetingPatternPipe } from 'app/course/tutorial-groups/shared/meeting-pattern.pipe';
 
 @Component({
-    // eslint-disable-next-line @angular-eslint/component-selector
     selector: '[jhi-tutorial-group-row]',
     templateUrl: './tutorial-group-row.component.html',
     styleUrls: ['./tutorial-group-row.component.scss'],
     encapsulation: ViewEncapsulation.None,
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [RouterLink, TutorialGroupUtilizationIndicatorComponent, TranslateDirective, NgTemplateOutlet, ArtemisDatePipe, ArtemisTranslatePipe, MeetingPatternPipe],
 })
 export class TutorialGroupRowComponent {
     readonly Math = Math;
diff --git a/src/main/webapp/app/course/tutorial-groups/shared/tutorial-groups-table/tutorial-groups-table.component.ts b/src/main/webapp/app/course/tutorial-groups/shared/tutorial-groups-table/tutorial-groups-table.component.ts
index abcec9dd4824..cd667462b5da 100644
--- a/src/main/webapp/app/course/tutorial-groups/shared/tutorial-groups-table/tutorial-groups-table.component.ts
+++ b/src/main/webapp/app/course/tutorial-groups/shared/tutorial-groups-table/tutorial-groups-table.component.ts
@@ -1,17 +1,30 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, Input, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, Input, OnChanges, SimpleChanges, TemplateRef, inject } from '@angular/core';
 import { faQuestionCircle, faSort } from '@fortawesome/free-solid-svg-icons';
 import { TutorialGroup } from 'app/entities/tutorial-group/tutorial-group.model';
 import { SortService } from 'app/shared/service/sort.service';
 import { Course } from 'app/entities/course.model';
 import dayjs from 'dayjs/esm';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { SortDirective } from 'app/shared/sort/sort.directive';
+import { SortByDirective } from 'app/shared/sort/sort-by.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { RouterLink } from '@angular/router';
+import { TutorialGroupRowComponent } from './tutorial-group-row/tutorial-group-row.component';
+import { NgClass } from '@angular/common';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-tutorial-groups-table',
     templateUrl: './tutorial-groups-table.component.html',
     styleUrls: ['./tutorial-groups-table.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [TranslateDirective, SortDirective, SortByDirective, FaIconComponent, NgbTooltip, RouterLink, TutorialGroupRowComponent, NgClass, ArtemisTranslatePipe],
 })
 export class TutorialGroupsTableComponent implements OnChanges {
+    private sortService = inject(SortService);
+    private cdr = inject(ChangeDetectorRef);
+
     @ContentChild(TemplateRef, { static: true }) extraColumn: TemplateRef<any>;
 
     @Input()
@@ -50,11 +63,6 @@ export class TutorialGroupsTableComponent implements OnChanges {
      */
     mifOfDifferentLanguages = false;
 
-    constructor(
-        private sortService: SortService,
-        private cdr: ChangeDetectorRef,
-    ) {}
-
     trackId(index: number, item: TutorialGroup) {
         return item.id;
     }
diff --git a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/registered-students/registered-students.component.ts b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/registered-students/registered-students.component.ts
index eafa6e8710ce..46ceddc68c67 100644
--- a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/registered-students/registered-students.component.ts
+++ b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/registered-students/registered-students.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnDestroy } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnDestroy, inject } from '@angular/core';
 import { TutorialGroup } from 'app/entities/tutorial-group/tutorial-group.model';
 import { TutorialGroupsService } from 'app/course/tutorial-groups/services/tutorial-groups.service';
 import { AlertService } from 'app/core/util/alert.service';
@@ -11,13 +11,24 @@ import { AccountService } from 'app/core/auth/account.service';
 import { CourseManagementService } from 'app/course/manage/course-management.service';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { Subject } from 'rxjs';
+import { LoadingIndicatorContainerComponent } from 'app/shared/loading-indicator-container/loading-indicator-container.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { CourseGroupComponent } from 'app/shared/course-group/course-group.component';
 
 @Component({
     selector: 'jhi-registered-students',
     templateUrl: './registered-students.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [LoadingIndicatorContainerComponent, TranslateDirective, CourseGroupComponent],
 })
 export class RegisteredStudentsComponent implements OnDestroy {
+    private activeModal = inject(NgbActiveModal);
+    private tutorialGroupService = inject(TutorialGroupsService);
+    private alertService = inject(AlertService);
+    private accountService = inject(AccountService);
+    private courseService = inject(CourseManagementService);
+    private cdr = inject(ChangeDetectorRef);
+
     @Input()
     course: Course;
 
@@ -48,15 +59,6 @@ export class RegisteredStudentsComponent implements OnDestroy {
         }
     }
 
-    constructor(
-        private activeModal: NgbActiveModal,
-        private tutorialGroupService: TutorialGroupsService,
-        private alertService: AlertService,
-        private accountService: AccountService,
-        private courseService: CourseManagementService,
-        private cdr: ChangeDetectorRef,
-    ) {}
-
     ngOnDestroy(): void {
         this.ngUnsubscribe.next();
         this.ngUnsubscribe.complete();
diff --git a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/crud/create-tutorial-group-free-period/create-tutorial-group-free-period.component.ts b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/crud/create-tutorial-group-free-period/create-tutorial-group-free-period.component.ts
index 11c86fc7af6c..24258f9a6e5f 100644
--- a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/crud/create-tutorial-group-free-period/create-tutorial-group-free-period.component.ts
+++ b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/crud/create-tutorial-group-free-period/create-tutorial-group-free-period.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, Input, OnDestroy } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input, OnDestroy, inject } from '@angular/core';
 import { TutorialGroupFreePeriodDTO, TutorialGroupFreePeriodService } from 'app/course/tutorial-groups/services/tutorial-group-free-period.service';
 import { TutorialGroupFreePeriodFormData } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/crud/tutorial-free-period-form/tutorial-group-free-period-form.component';
 import { finalize, takeUntil } from 'rxjs/operators';
@@ -9,13 +9,21 @@ import { Course } from 'app/entities/course.model';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { Subject } from 'rxjs';
 import { captureException } from '@sentry/angular';
+import { LoadingIndicatorContainerComponent } from 'app/shared/loading-indicator-container/loading-indicator-container.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { TutorialGroupFreePeriodFormComponent } from '../tutorial-free-period-form/tutorial-group-free-period-form.component';
 
 @Component({
     selector: 'jhi-create-tutorial-group-free-day',
     templateUrl: './create-tutorial-group-free-period.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [LoadingIndicatorContainerComponent, TranslateDirective, TutorialGroupFreePeriodFormComponent],
 })
 export class CreateTutorialGroupFreePeriodComponent implements OnDestroy {
+    private activeModal = inject(NgbActiveModal);
+    private tutorialGroupFreePeriodService = inject(TutorialGroupFreePeriodService);
+    private alertService = inject(AlertService);
+
     ngUnsubscribe = new Subject<void>();
 
     tutorialGroupFreePeriodToCreate: TutorialGroupFreePeriodDTO = new TutorialGroupFreePeriodDTO();
@@ -29,12 +37,6 @@ export class CreateTutorialGroupFreePeriodComponent implements OnDestroy {
 
     isInitialized = false;
 
-    constructor(
-        private activeModal: NgbActiveModal,
-        private tutorialGroupFreePeriodService: TutorialGroupFreePeriodService,
-        private alertService: AlertService,
-    ) {}
-
     initialize() {
         if (!this.tutorialGroupConfigurationId || !this.course) {
             console.error('Error: Component not fully configured');
diff --git a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/crud/edit-tutorial-group-free-period/edit-tutorial-group-free-period.component.ts b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/crud/edit-tutorial-group-free-period/edit-tutorial-group-free-period.component.ts
index 2b345504a615..b9d7fa038e14 100644
--- a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/crud/edit-tutorial-group-free-period/edit-tutorial-group-free-period.component.ts
+++ b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/crud/edit-tutorial-group-free-period/edit-tutorial-group-free-period.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, Input, OnDestroy } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input, OnDestroy, inject } from '@angular/core';
 import { TutorialGroupsConfiguration } from 'app/entities/tutorial-group/tutorial-groups-configuration.model';
 import { AlertService } from 'app/core/util/alert.service';
 import { onError } from 'app/shared/util/global.utils';
@@ -12,13 +12,21 @@ import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { takeUntil } from 'rxjs/operators';
 import { CreateTutorialGroupFreePeriodComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/crud/create-tutorial-group-free-period/create-tutorial-group-free-period.component';
 import { TutorialGroupFreePeriodsManagementComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/tutorial-free-periods-management/tutorial-group-free-periods-management.component';
+import { LoadingIndicatorContainerComponent } from 'app/shared/loading-indicator-container/loading-indicator-container.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { TutorialGroupFreePeriodFormComponent } from '../tutorial-free-period-form/tutorial-group-free-period-form.component';
 
 @Component({
     selector: 'jhi-edit-tutorial-group-free-period',
     templateUrl: './edit-tutorial-group-free-period.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [LoadingIndicatorContainerComponent, TranslateDirective, TutorialGroupFreePeriodFormComponent],
 })
 export class EditTutorialGroupFreePeriodComponent implements OnDestroy {
+    private activeModal = inject(NgbActiveModal);
+    private tutorialGroupFreePeriodService = inject(TutorialGroupFreePeriodService);
+    private alertService = inject(AlertService);
+
     isLoading = false;
 
     @Input()
@@ -34,11 +42,6 @@ export class EditTutorialGroupFreePeriodComponent implements OnDestroy {
 
     ngUnsubscribe = new Subject<void>();
     formData: TutorialGroupFreePeriodFormData;
-    constructor(
-        private activeModal: NgbActiveModal,
-        private tutorialGroupFreePeriodService: TutorialGroupFreePeriodService,
-        private alertService: AlertService,
-    ) {}
 
     /**
      * Initializes the component by setting up the form data based on the tutorial group free period, course, and tutorial groups configuration.
diff --git a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/crud/tutorial-free-period-form/tutorial-group-free-period-form.component.ts b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/crud/tutorial-free-period-form/tutorial-group-free-period-form.component.ts
index 3bf9198265bd..f09b6861ef13 100644
--- a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/crud/tutorial-free-period-form/tutorial-group-free-period-form.component.ts
+++ b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/crud/tutorial-free-period-form/tutorial-group-free-period-form.component.ts
@@ -1,7 +1,12 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnChanges, OnInit, Output } from '@angular/core';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnChanges, OnInit, Output, inject } from '@angular/core';
+import { FormBuilder, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
 import { faCalendarAlt } from '@fortawesome/free-solid-svg-icons';
-import { OWL_DATE_TIME_FORMATS } from '@danielmoncada/angular-datetime-picker';
+import { OWL_DATE_TIME_FORMATS, OwlDateTimeModule } from '@danielmoncada/angular-datetime-picker';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgClass } from '@angular/common';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 export const MY_NATIVE_FORMATS = {
     datePickerInput: { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' },
@@ -34,8 +39,11 @@ export enum TimeFrame {
     templateUrl: './tutorial-group-free-period-form.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [{ provide: OWL_DATE_TIME_FORMATS, useValue: MY_NATIVE_FORMATS }],
+    imports: [TranslateDirective, FormsModule, ReactiveFormsModule, OwlDateTimeModule, NgClass, FaIconComponent, ArtemisDatePipe, ArtemisTranslatePipe],
 })
 export class TutorialGroupFreePeriodFormComponent implements OnInit, OnChanges {
+    private fb = inject(FormBuilder);
+
     @Input()
     formData: TutorialGroupFreePeriodFormData = {
         startDate: undefined,
@@ -93,9 +101,21 @@ export class TutorialGroupFreePeriodFormComponent implements OnInit, OnChanges {
      */
     get isStartBeforeEnd(): boolean {
         if (this.timeFrame === TimeFrame.PeriodWithinDay && this.endTimeControl?.value && this.startTimeControl?.value) {
-            return this.endTimeControl.value.setSeconds(0, 0) > this.startTimeControl.value.setSeconds(0, 0);
+            const endTime = new Date(this.endTimeControl.value.getTime());
+            const startTime = new Date(this.startTimeControl.value.getTime());
+
+            endTime.setSeconds(0, 0);
+            startTime.setSeconds(0, 0);
+
+            return endTime > startTime;
         } else if (this.timeFrame === TimeFrame.Period && this.endDateControl?.value && this.startDateControl?.value) {
-            return this.endDateControl.value.setHours(0, 0, 0, 0) > this.startDateControl.value.setHours(0, 0, 0, 0);
+            const endDate = new Date(this.endDateControl.value.getTime());
+            const startDate = new Date(this.startDateControl.value.getTime());
+
+            endDate.setHours(0, 0, 0, 0);
+            startDate.setHours(0, 0, 0, 0);
+
+            return endDate > startDate;
         }
         return true;
     }
@@ -150,13 +170,11 @@ export class TutorialGroupFreePeriodFormComponent implements OnInit, OnChanges {
         return false;
     }
 
-    constructor(private fb: FormBuilder) {}
-
     ngOnInit(): void {
         this.initializeForm();
     }
 
-    ngOnChanges(): void {
+    ngOnChanges() {
         this.initializeForm();
         if (this.isEditMode && this.formData) {
             this.setFormValues(this.formData);
diff --git a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/tutorial-free-periods-management/tutorial-group-free-period-row-buttons/tutorial-group-free-period-row-buttons.component.ts b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/tutorial-free-periods-management/tutorial-group-free-period-row-buttons/tutorial-group-free-period-row-buttons.component.ts
index c841ff877284..9354d920a7fc 100644
--- a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/tutorial-free-periods-management/tutorial-group-free-period-row-buttons/tutorial-group-free-period-row-buttons.component.ts
+++ b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/tutorial-free-periods-management/tutorial-group-free-period-row-buttons/tutorial-group-free-period-row-buttons.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnDestroy, Output } from '@angular/core';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnDestroy, Output, inject } from '@angular/core';
 import { TutorialGroupFreePeriod } from 'app/entities/tutorial-group/tutorial-group-free-day.model';
 import { TutorialGroupFreePeriodService } from 'app/course/tutorial-groups/services/tutorial-group-free-period.service';
 import { HttpErrorResponse } from '@angular/common/http';
@@ -9,13 +9,21 @@ import { Course } from 'app/entities/course.model';
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { EditTutorialGroupFreePeriodComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/crud/edit-tutorial-group-free-period/edit-tutorial-group-free-period.component';
 import { catchError, takeUntil } from 'rxjs/operators';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
 
 @Component({
     selector: 'jhi-tutorial-group-free-period-row-buttons',
     templateUrl: './tutorial-group-free-period-row-buttons.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [FaIconComponent, TranslateDirective, DeleteButtonDirective, ArtemisDatePipe],
 })
 export class TutorialGroupFreePeriodRowButtonsComponent implements OnDestroy {
+    private tutorialGroupFreePeriodService = inject(TutorialGroupFreePeriodService);
+    private modalService = inject(NgbModal);
+
     @Input() course: Course;
     @Input() tutorialGroupConfiguration: TutorialGroupsConfiguration;
     @Input() tutorialFreePeriod: TutorialGroupFreePeriod;
@@ -31,11 +39,6 @@ export class TutorialGroupFreePeriodRowButtonsComponent implements OnDestroy {
     faUsers = faUsers;
     faTrash = faTrash;
 
-    constructor(
-        private tutorialGroupFreePeriodService: TutorialGroupFreePeriodService,
-        private modalService: NgbModal,
-    ) {}
-
     deleteTutorialFreePeriod = () => {
         this.tutorialGroupFreePeriodService
             .delete(this.course.id!, this.tutorialGroupConfiguration.id!, this.tutorialFreePeriod.id!)
diff --git a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/tutorial-free-periods-management/tutorial-group-free-periods-management.component.ts b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/tutorial-free-periods-management/tutorial-group-free-periods-management.component.ts
index 9dffbe4b5727..a27bb05b3c0d 100644
--- a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/tutorial-free-periods-management/tutorial-group-free-periods-management.component.ts
+++ b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/tutorial-free-periods-management/tutorial-group-free-periods-management.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { onError } from 'app/shared/util/global.utils';
 import { TutorialGroupsConfiguration } from 'app/entities/tutorial-group/tutorial-groups-configuration.model';
 import { EMPTY, Subject, combineLatest, finalize, from, switchMap, take } from 'rxjs';
@@ -14,14 +14,27 @@ import dayjs from 'dayjs/esm';
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { CreateTutorialGroupFreePeriodComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/crud/create-tutorial-group-free-period/create-tutorial-group-free-period.component';
 import { catchError, takeUntil } from 'rxjs/operators';
+import { LoadingIndicatorContainerComponent } from 'app/shared/loading-indicator-container/loading-indicator-container.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TutorialGroupFreePeriodsTableComponent } from './tutorial-group-free-periods-table/tutorial-group-free-periods-table.component';
 
 @Component({
     selector: 'jhi-tutorial-free-periods',
     templateUrl: './tutorial-group-free-periods-management.component.html',
     styleUrls: ['./tutorial-group-free-periods-management.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [LoadingIndicatorContainerComponent, TranslateDirective, FaIconComponent, TutorialGroupFreePeriodsTableComponent],
 })
 export class TutorialGroupFreePeriodsManagementComponent implements OnInit, OnDestroy {
+    private activatedRoute = inject(ActivatedRoute);
+    private router = inject(Router);
+    private tutorialGroupsConfigurationService = inject(TutorialGroupsConfigurationService);
+    private alertService = inject(AlertService);
+    private sortService = inject(SortService);
+    private modalService = inject(NgbModal);
+    private cdr = inject(ChangeDetectorRef);
+
     isLoading = false;
     tutorialGroupsConfiguration: TutorialGroupsConfiguration;
     tutorialGroupFreePeriods: TutorialGroupFreePeriod[] = [];
@@ -34,16 +47,6 @@ export class TutorialGroupFreePeriodsManagementComponent implements OnInit, OnDe
 
     ngUnsubscribe = new Subject<void>();
 
-    constructor(
-        private activatedRoute: ActivatedRoute,
-        private router: Router,
-        private tutorialGroupsConfigurationService: TutorialGroupsConfigurationService,
-        private alertService: AlertService,
-        private sortService: SortService,
-        private modalService: NgbModal,
-        private cdr: ChangeDetectorRef,
-    ) {}
-
     ngOnInit(): void {
         this.loadAll();
     }
diff --git a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/tutorial-free-periods-management/tutorial-group-free-periods-table/tutorial-group-free-periods-table.component.ts b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/tutorial-free-periods-management/tutorial-group-free-periods-table/tutorial-group-free-periods-table.component.ts
index e662adb9bffe..2a70480390fb 100644
--- a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/tutorial-free-periods-management/tutorial-group-free-periods-table/tutorial-group-free-periods-table.component.ts
+++ b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/tutorial-free-periods-management/tutorial-group-free-periods-table/tutorial-group-free-periods-table.component.ts
@@ -4,12 +4,18 @@ import { Course } from 'app/entities/course.model';
 import { TutorialGroupsConfiguration } from 'app/entities/tutorial-group/tutorial-groups-configuration.model';
 import dayjs from 'dayjs/esm';
 import { TutorialGroupFreePeriodsManagementComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/tutorial-free-periods-management/tutorial-group-free-periods-management.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgClass } from '@angular/common';
+import { TutorialGroupFreePeriodRowButtonsComponent } from '../tutorial-group-free-period-row-buttons/tutorial-group-free-period-row-buttons.component';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-tutorial-group-free-periods-table',
     templateUrl: './tutorial-group-free-periods-table.component.html',
     styleUrls: ['../tutorial-group-free-periods-management.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [TranslateDirective, NgClass, TutorialGroupFreePeriodRowButtonsComponent, ArtemisDatePipe, ArtemisTranslatePipe],
 })
 export class TutorialGroupFreePeriodsTableComponent {
     @Input() course: Course;
diff --git a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-group-management-resolve.service.ts b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-group-management-resolve.service.ts
index 862c1bfae9b4..55c86c31eaf1 100644
--- a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-group-management-resolve.service.ts
+++ b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-group-management-resolve.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ActivatedRouteSnapshot, Resolve, Router, RouterStateSnapshot } from '@angular/router';
 import { Course } from 'app/entities/course.model';
 import { CourseManagementService } from 'app/course/manage/course-management.service';
@@ -8,10 +8,8 @@ import { tap } from 'rxjs/operators';
 
 @Injectable({ providedIn: 'root' })
 export class TutorialGroupManagementResolve implements Resolve<Course> {
-    constructor(
-        private service: CourseManagementService,
-        private router: Router,
-    ) {}
+    private service = inject(CourseManagementService);
+    private router = inject(Router);
 
     resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<Course> {
         return this.service.find(route.params['courseId']).pipe(
diff --git a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/crud/create-tutorial-group-session/create-tutorial-group-session.component.ts b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/crud/create-tutorial-group-session/create-tutorial-group-session.component.ts
index 36158766cdaa..0da7cb2344fc 100644
--- a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/crud/create-tutorial-group-session/create-tutorial-group-session.component.ts
+++ b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/crud/create-tutorial-group-session/create-tutorial-group-session.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, Input, OnDestroy } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input, OnDestroy, inject } from '@angular/core';
 import { TutorialGroup } from 'app/entities/tutorial-group/tutorial-group.model';
 import { AlertService } from 'app/core/util/alert.service';
 import { finalize, takeUntil } from 'rxjs/operators';
@@ -8,13 +8,21 @@ import { TutorialGroupSessionDTO, TutorialGroupSessionService } from 'app/course
 import { Course } from 'app/entities/course.model';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { Subject } from 'rxjs';
+import { LoadingIndicatorContainerComponent } from 'app/shared/loading-indicator-container/loading-indicator-container.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { TutorialGroupSessionFormComponent } from '../tutorial-group-session-form/tutorial-group-session-form.component';
 
 @Component({
     selector: 'jhi-create-tutorial-group-session',
     templateUrl: './create-tutorial-group-session.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [LoadingIndicatorContainerComponent, TranslateDirective, TutorialGroupSessionFormComponent],
 })
 export class CreateTutorialGroupSessionComponent implements OnDestroy {
+    private activeModal = inject(NgbActiveModal);
+    private tutorialGroupSessionService = inject(TutorialGroupSessionService);
+    private alertService = inject(AlertService);
+
     ngUnsubscribe = new Subject<void>();
 
     tutorialGroupSessionToCreate: TutorialGroupSessionDTO = new TutorialGroupSessionDTO();
@@ -28,12 +36,6 @@ export class CreateTutorialGroupSessionComponent implements OnDestroy {
 
     isInitialized = false;
 
-    constructor(
-        private activeModal: NgbActiveModal,
-        private tutorialGroupSessionService: TutorialGroupSessionService,
-        private alertService: AlertService,
-    ) {}
-
     initialize() {
         if (!this.course || !this.tutorialGroup) {
             console.error('Error: Component not fully configured');
diff --git a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/crud/edit-tutorial-group-session/edit-tutorial-group-session.component.ts b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/crud/edit-tutorial-group-session/edit-tutorial-group-session.component.ts
index 974395b1ff47..1f6383bfa8f1 100644
--- a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/crud/edit-tutorial-group-session/edit-tutorial-group-session.component.ts
+++ b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/crud/edit-tutorial-group-session/edit-tutorial-group-session.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, Input, OnDestroy } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input, OnDestroy, inject } from '@angular/core';
 import { TutorialGroupSession } from 'app/entities/tutorial-group/tutorial-group-session.model';
 import { TutorialGroupSessionFormData } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/crud/tutorial-group-session-form/tutorial-group-session-form.component';
 import { AlertService } from 'app/core/util/alert.service';
@@ -9,13 +9,21 @@ import { Course } from 'app/entities/course.model';
 import { TutorialGroup } from 'app/entities/tutorial-group/tutorial-group.model';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { Subject } from 'rxjs';
+import { LoadingIndicatorContainerComponent } from 'app/shared/loading-indicator-container/loading-indicator-container.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { TutorialGroupSessionFormComponent } from '../tutorial-group-session-form/tutorial-group-session-form.component';
 
 @Component({
     selector: 'jhi-edit-tutorial-group-session',
     templateUrl: './edit-tutorial-group-session.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [LoadingIndicatorContainerComponent, TranslateDirective, TutorialGroupSessionFormComponent],
 })
 export class EditTutorialGroupSessionComponent implements OnDestroy {
+    private activeModal = inject(NgbActiveModal);
+    private tutorialGroupSessionService = inject(TutorialGroupSessionService);
+    private alertService = inject(AlertService);
+
     ngUnsubscribe = new Subject<void>();
 
     @Input()
@@ -32,12 +40,6 @@ export class EditTutorialGroupSessionComponent implements OnDestroy {
 
     isInitialized = false;
 
-    constructor(
-        private activeModal: NgbActiveModal,
-        private tutorialGroupSessionService: TutorialGroupSessionService,
-        private alertService: AlertService,
-    ) {}
-
     initialize() {
         if (!this.tutorialGroupSession || !this.course || !this.tutorialGroup) {
             console.error('Error: Component not fully configured');
diff --git a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/crud/tutorial-group-session-form/tutorial-group-session-form.component.ts b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/crud/tutorial-group-session-form/tutorial-group-session-form.component.ts
index 8a4c7e1ded95..52c7b6d1981d 100644
--- a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/crud/tutorial-group-session-form/tutorial-group-session-form.component.ts
+++ b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/crud/tutorial-group-session-form/tutorial-group-session-form.component.ts
@@ -1,9 +1,14 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnChanges, OnInit, Output } from '@angular/core';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
-import { NgbTimeAdapter } from '@ng-bootstrap/ng-bootstrap';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnChanges, OnInit, Output, inject } from '@angular/core';
+import { FormBuilder, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
+import { NgbTimeAdapter, NgbTimepicker } from '@ng-bootstrap/ng-bootstrap';
 import { faCalendarAlt } from '@fortawesome/free-solid-svg-icons';
 import { NgbTimeStringAdapter } from 'app/course/tutorial-groups/shared/ngbTimeStringAdapter';
 import { validTimeRange } from 'app/course/tutorial-groups/shared/timeRangeValidator';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { OwlDateTimeModule } from '@danielmoncada/angular-datetime-picker';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 export interface TutorialGroupSessionFormData {
     date?: Date;
@@ -17,8 +22,11 @@ export interface TutorialGroupSessionFormData {
     templateUrl: './tutorial-group-session-form.component.html',
     providers: [{ provide: NgbTimeAdapter, useClass: NgbTimeStringAdapter }],
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [TranslateDirective, FormsModule, ReactiveFormsModule, OwlDateTimeModule, FaIconComponent, NgbTimepicker, ArtemisDatePipe, ArtemisTranslatePipe],
 })
 export class TutorialGroupSessionFormComponent implements OnInit, OnChanges {
+    private fb = inject(FormBuilder);
+
     @Input()
     formData: TutorialGroupSessionFormData = {
         date: undefined,
@@ -67,13 +75,11 @@ export class TutorialGroupSessionFormComponent implements OnInit, OnChanges {
         return !this.form.invalid;
     }
 
-    constructor(private fb: FormBuilder) {}
-
     ngOnInit(): void {
         this.initializeForm();
     }
 
-    ngOnChanges(): void {
+    ngOnChanges() {
         this.initializeForm();
         if (this.isEditMode && this.formData) {
             this.setFormValues(this.formData);
diff --git a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/tutorial-group-sessions-management/cancellation-modal/cancellation-modal.component.ts b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/tutorial-group-sessions-management/cancellation-modal/cancellation-modal.component.ts
index 912ecaeb810e..f600c8ba859e 100644
--- a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/tutorial-group-sessions-management/cancellation-modal/cancellation-modal.component.ts
+++ b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/tutorial-group-sessions-management/cancellation-modal/cancellation-modal.component.ts
@@ -1,21 +1,29 @@
-import { ChangeDetectionStrategy, Component, Input, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input, OnDestroy, OnInit, inject } from '@angular/core';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { TutorialGroupSession, TutorialGroupSessionStatus } from 'app/entities/tutorial-group/tutorial-group-session.model';
 import { onError } from 'app/shared/util/global.utils';
 import { TutorialGroupSessionService } from 'app/course/tutorial-groups/services/tutorial-group-session.service';
 import { HttpErrorResponse } from '@angular/common/http';
 import { AlertService } from 'app/core/util/alert.service';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { FormBuilder, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
 import { Course } from 'app/entities/course.model';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-cancellation-modal',
     templateUrl: './cancellation-modal.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [FormsModule, ReactiveFormsModule, TranslateDirective, ArtemisTranslatePipe],
 })
 export class CancellationModalComponent implements OnInit, OnDestroy {
+    activeModal = inject(NgbActiveModal);
+    private tutorialGroupSessionService = inject(TutorialGroupSessionService);
+    private alertService = inject(AlertService);
+    private fb = inject(FormBuilder);
+
     ngUnsubscribe = new Subject<void>();
 
     tutorialGroupSessionStatus = TutorialGroupSessionStatus;
@@ -30,13 +38,6 @@ export class CancellationModalComponent implements OnInit, OnDestroy {
     @Input()
     tutorialGroupSession: TutorialGroupSession;
 
-    constructor(
-        public activeModal: NgbActiveModal,
-        private tutorialGroupSessionService: TutorialGroupSessionService,
-        private alertService: AlertService,
-        private fb: FormBuilder,
-    ) {}
-
     ngOnInit(): void {
         this.initializeForm();
     }
diff --git a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/tutorial-group-sessions-management/tutorial-group-session-row-buttons/tutorial-group-session-row-buttons.component.ts b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/tutorial-group-sessions-management/tutorial-group-session-row-buttons/tutorial-group-session-row-buttons.component.ts
index 3e037d4c89b6..916f8889b70d 100644
--- a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/tutorial-group-sessions-management/tutorial-group-session-row-buttons/tutorial-group-session-row-buttons.component.ts
+++ b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/tutorial-group-sessions-management/tutorial-group-session-row-buttons/tutorial-group-session-row-buttons.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnDestroy, Output } from '@angular/core';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnDestroy, Output, inject } from '@angular/core';
 import { EMPTY, Subject, from } from 'rxjs';
 import { faTrash, faUsers, faWrench } from '@fortawesome/free-solid-svg-icons';
 import { TutorialGroupSessionService } from 'app/course/tutorial-groups/services/tutorial-group-session.service';
@@ -10,13 +10,22 @@ import { Course } from 'app/entities/course.model';
 import { TutorialGroup } from 'app/entities/tutorial-group/tutorial-group.model';
 import { EditTutorialGroupSessionComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/crud/edit-tutorial-group-session/edit-tutorial-group-session.component';
 import { catchError, takeUntil } from 'rxjs/operators';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-tutorial-group-session-row-buttons',
     templateUrl: './tutorial-group-session-row-buttons.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [FaIconComponent, TranslateDirective, DeleteButtonDirective, ArtemisDatePipe, ArtemisTranslatePipe],
 })
 export class TutorialGroupSessionRowButtonsComponent implements OnDestroy {
+    private tutorialGroupSessionService = inject(TutorialGroupSessionService);
+    private modalService = inject(NgbModal);
+
     ngUnsubscribe = new Subject<void>();
 
     @Input() course: Course;
@@ -35,11 +44,6 @@ export class TutorialGroupSessionRowButtonsComponent implements OnDestroy {
     faUsers = faUsers;
     faTrash = faTrash;
 
-    constructor(
-        private tutorialGroupSessionService: TutorialGroupSessionService,
-        private modalService: NgbModal,
-    ) {}
-
     deleteTutorialGroupSession = () => {
         this.tutorialGroupSessionService
             .delete(this.course.id!, this.tutorialGroup.id!, this.tutorialGroupSession.id!)
diff --git a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/tutorial-group-sessions-management/tutorial-group-sessions-management.component.ts b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/tutorial-group-sessions-management/tutorial-group-sessions-management.component.ts
index 4dc520b817c9..4cc9264d423c 100644
--- a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/tutorial-group-sessions-management/tutorial-group-sessions-management.component.ts
+++ b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/tutorial-group-sessions-management/tutorial-group-sessions-management.component.ts
@@ -1,6 +1,7 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnDestroy, ViewEncapsulation } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnDestroy, ViewEncapsulation, inject } from '@angular/core';
 import { TutorialGroupsService } from 'app/course/tutorial-groups/services/tutorial-groups.service';
 import { AlertService } from 'app/core/util/alert.service';
+import { TutorialGroupSessionsTableComponent } from 'app/course/tutorial-groups/shared/tutorial-group-sessions-table/tutorial-group-sessions-table.component';
 import { EMPTY, Subject, from } from 'rxjs';
 import { catchError, finalize, map, takeUntil } from 'rxjs/operators';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
@@ -13,6 +14,12 @@ import { TutorialGroupSession } from 'app/entities/tutorial-group/tutorial-group
 import { getDayTranslationKey } from 'app/course/tutorial-groups/shared/weekdays';
 import { NgbActiveModal, NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { CreateTutorialGroupSessionComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/crud/create-tutorial-group-session/create-tutorial-group-session.component';
+import { LoadingIndicatorContainerComponent } from 'app/shared/loading-indicator-container/loading-indicator-container.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TutorialGroupSessionRowButtonsComponent } from './tutorial-group-session-row-buttons/tutorial-group-session-row-buttons.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { RemoveSecondsPipe } from 'app/course/tutorial-groups/shared/remove-seconds.pipe';
 
 @Component({
     selector: 'jhi-session-management',
@@ -20,8 +27,23 @@ import { CreateTutorialGroupSessionComponent } from 'app/course/tutorial-groups/
     styleUrls: ['./tutorial-group-sessions-management.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
     encapsulation: ViewEncapsulation.None,
+    imports: [
+        LoadingIndicatorContainerComponent,
+        TranslateDirective,
+        FaIconComponent,
+        TutorialGroupSessionsTableComponent,
+        TutorialGroupSessionRowButtonsComponent,
+        ArtemisTranslatePipe,
+        RemoveSecondsPipe,
+    ],
 })
 export class TutorialGroupSessionsManagementComponent implements OnDestroy {
+    private tutorialGroupService = inject(TutorialGroupsService);
+    private alertService = inject(AlertService);
+    private modalService = inject(NgbModal);
+    private activeModal = inject(NgbActiveModal);
+    private cdr = inject(ChangeDetectorRef);
+
     ngUnsubscribe = new Subject<void>();
 
     isLoading = false;
@@ -39,14 +61,6 @@ export class TutorialGroupSessionsManagementComponent implements OnDestroy {
 
     isInitialized = false;
 
-    constructor(
-        private tutorialGroupService: TutorialGroupsService,
-        private alertService: AlertService,
-        private modalService: NgbModal,
-        private activeModal: NgbActiveModal,
-        private cdr: ChangeDetectorRef,
-    ) {}
-
     initialize() {
         if (!this.tutorialGroupId || !this.course) {
             console.error('Error: Component not fully configured');
diff --git a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups-checklist/tutorial-groups-checklist.component.ts b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups-checklist/tutorial-groups-checklist.component.ts
index 8f18bbb4a7d4..aa6a810aa7a7 100644
--- a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups-checklist/tutorial-groups-checklist.component.ts
+++ b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups-checklist/tutorial-groups-checklist.component.ts
@@ -1,5 +1,5 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnDestroy, OnInit, inject } from '@angular/core';
+import { ActivatedRoute, RouterLink } from '@angular/router';
 import { CourseManagementService } from 'app/course/manage/course-management.service';
 import { Course } from 'app/entities/course.model';
 import { AlertService } from 'app/core/util/alert.service';
@@ -9,13 +9,24 @@ import { HttpErrorResponse } from '@angular/common/http';
 import { faPlus, faWrench } from '@fortawesome/free-solid-svg-icons';
 import { TutorialGroupsConfigurationService } from 'app/course/tutorial-groups/services/tutorial-groups-configuration.service';
 import { takeUntil } from 'rxjs/operators';
+import { LoadingIndicatorContainerComponent } from 'app/shared/loading-indicator-container/loading-indicator-container.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ChecklistCheckComponent } from 'app/shared/components/checklist-check/checklist-check.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 @Component({
     selector: 'jhi-tutorial-groups-checklist',
     templateUrl: './tutorial-groups-checklist.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [LoadingIndicatorContainerComponent, TranslateDirective, ChecklistCheckComponent, RouterLink, FaIconComponent],
 })
 export class TutorialGroupsChecklistComponent implements OnInit, OnDestroy {
+    private activatedRoute = inject(ActivatedRoute);
+    private courseManagementService = inject(CourseManagementService);
+    private alertService = inject(AlertService);
+    private tutorialGroupsConfigurationService = inject(TutorialGroupsConfigurationService);
+    private cdr = inject(ChangeDetectorRef);
+
     isLoading = false;
     course: Course;
     isTimeZoneConfigured = false;
@@ -25,13 +36,6 @@ export class TutorialGroupsChecklistComponent implements OnInit, OnDestroy {
     faPlus = faPlus;
 
     ngUnsubscribe = new Subject<void>();
-    constructor(
-        private activatedRoute: ActivatedRoute,
-        private courseManagementService: CourseManagementService,
-        private alertService: AlertService,
-        private tutorialGroupsConfigurationService: TutorialGroupsConfigurationService,
-        private cdr: ChangeDetectorRef,
-    ) {}
 
     get isFullyConfigured(): boolean {
         return this.isTimeZoneConfigured && this.isTutorialGroupConfigurationCreated;
diff --git a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups-configuration/crud/create-tutorial-groups-configuration/create-tutorial-groups-configuration.component.ts b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups-configuration/crud/create-tutorial-groups-configuration/create-tutorial-groups-configuration.component.ts
index 9686406a47e2..36392e841ab7 100644
--- a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups-configuration/crud/create-tutorial-groups-configuration/create-tutorial-groups-configuration.component.ts
+++ b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups-configuration/crud/create-tutorial-groups-configuration/create-tutorial-groups-configuration.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { AlertService } from 'app/core/util/alert.service';
 import { ActivatedRoute, Router } from '@angular/router';
 import { TutorialGroupsConfiguration } from 'app/entities/tutorial-group/tutorial-groups-configuration.model';
@@ -11,30 +11,31 @@ import { CourseManagementService } from 'app/course/manage/course-management.ser
 import { Course } from 'app/entities/course.model';
 import { Subject } from 'rxjs';
 import { CourseStorageService } from 'app/course/manage/course-storage.service';
+import { LoadingIndicatorContainerComponent } from 'app/shared/loading-indicator-container/loading-indicator-container.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { TutorialGroupsConfigurationFormComponent } from '../tutorial-groups-configuration-form/tutorial-groups-configuration-form.component';
 
 @Component({
     selector: 'jhi-create-tutorial-groups-configuration',
     templateUrl: './create-tutorial-groups-configuration.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [LoadingIndicatorContainerComponent, TranslateDirective, TutorialGroupsConfigurationFormComponent],
 })
 export class CreateTutorialGroupsConfigurationComponent implements OnInit, OnDestroy {
+    private activatedRoute = inject(ActivatedRoute);
+    private router = inject(Router);
+    private tutorialGroupsConfigurationService = inject(TutorialGroupsConfigurationService);
+    private courseManagementService = inject(CourseManagementService);
+    private alertService = inject(AlertService);
+    private courseStorageService = inject(CourseStorageService);
+    private cdr = inject(ChangeDetectorRef);
+
     ngUnsubscribe = new Subject<void>();
 
     newTutorialGroupsConfiguration = new TutorialGroupsConfiguration();
     isLoading: boolean;
     course: Course;
 
-    constructor(
-        private activatedRoute: ActivatedRoute,
-        private router: Router,
-        private tutorialGroupsConfigurationService: TutorialGroupsConfigurationService,
-        private courseManagementService: CourseManagementService,
-        private alertService: AlertService,
-        private courseStorageService: CourseStorageService,
-
-        private cdr: ChangeDetectorRef,
-    ) {}
-
     ngOnInit(): void {
         this.isLoading = true;
         this.activatedRoute.paramMap
diff --git a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups-configuration/crud/edit-tutorial-groups-configuration/edit-tutorial-groups-configuration.component.ts b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups-configuration/crud/edit-tutorial-groups-configuration/edit-tutorial-groups-configuration.component.ts
index 0998e7060f03..f34a351447d3 100644
--- a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups-configuration/crud/edit-tutorial-groups-configuration/edit-tutorial-groups-configuration.component.ts
+++ b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups-configuration/crud/edit-tutorial-groups-configuration/edit-tutorial-groups-configuration.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { TutorialGroupsConfiguration } from 'app/entities/tutorial-group/tutorial-groups-configuration.model';
 import { TutorialGroupsConfigurationFormData } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-groups-configuration/crud/tutorial-groups-configuration-form/tutorial-groups-configuration-form.component';
 import { AlertService } from 'app/core/util/alert.service';
@@ -10,13 +10,24 @@ import { finalize, switchMap, take, takeUntil } from 'rxjs/operators';
 import { HttpErrorResponse } from '@angular/common/http';
 import { Course } from 'app/entities/course.model';
 import { CourseStorageService } from 'app/course/manage/course-storage.service';
+import { LoadingIndicatorContainerComponent } from 'app/shared/loading-indicator-container/loading-indicator-container.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { TutorialGroupsConfigurationFormComponent } from '../tutorial-groups-configuration-form/tutorial-groups-configuration-form.component';
 
 @Component({
     selector: 'jhi-edit-tutorial-groups-configuration',
     templateUrl: './edit-tutorial-groups-configuration.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [LoadingIndicatorContainerComponent, TranslateDirective, TutorialGroupsConfigurationFormComponent],
 })
 export class EditTutorialGroupsConfigurationComponent implements OnInit, OnDestroy {
+    private activatedRoute = inject(ActivatedRoute);
+    private router = inject(Router);
+    private tutorialGroupsConfigurationService = inject(TutorialGroupsConfigurationService);
+    private courseStorageService = inject(CourseStorageService);
+    private alertService = inject(AlertService);
+    private cdr = inject(ChangeDetectorRef);
+
     ngUnsubscribe = new Subject<void>();
 
     isLoading = false;
@@ -25,16 +36,6 @@ export class EditTutorialGroupsConfigurationComponent implements OnInit, OnDestr
     course: Course;
     tutorialGroupConfigurationId: number;
 
-    constructor(
-        private activatedRoute: ActivatedRoute,
-        private router: Router,
-        private tutorialGroupsConfigurationService: TutorialGroupsConfigurationService,
-        private courseStorageService: CourseStorageService,
-        private alertService: AlertService,
-
-        private cdr: ChangeDetectorRef,
-    ) {}
-
     ngOnInit(): void {
         this.isLoading = true;
         combineLatest([this.activatedRoute.paramMap, this.activatedRoute.data])
diff --git a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups-configuration/crud/tutorial-groups-configuration-form/tutorial-groups-configuration-form.component.ts b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups-configuration/crud/tutorial-groups-configuration-form/tutorial-groups-configuration-form.component.ts
index 65309727c283..4c6ec6bedc7c 100644
--- a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups-configuration/crud/tutorial-groups-configuration-form/tutorial-groups-configuration-form.component.ts
+++ b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups-configuration/crud/tutorial-groups-configuration-form/tutorial-groups-configuration-form.component.ts
@@ -1,7 +1,11 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnChanges, OnInit, Output } from '@angular/core';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnChanges, OnInit, Output, inject } from '@angular/core';
+import { FormBuilder, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
 import { faCalendarAlt } from '@fortawesome/free-solid-svg-icons';
 import { Course, isMessagingEnabled } from 'app/entities/course.model';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { OwlDateTimeModule } from '@danielmoncada/angular-datetime-picker';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisDateRangePipe } from 'app/shared/pipes/artemis-date-range.pipe';
 
 export interface TutorialGroupsConfigurationFormData {
     period?: Date[];
@@ -14,8 +18,11 @@ export interface TutorialGroupsConfigurationFormData {
     templateUrl: './tutorial-groups-configuration-form.component.html',
     styleUrls: ['./tutorial-groups-configuration-form.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [FormsModule, ReactiveFormsModule, TranslateDirective, OwlDateTimeModule, FaIconComponent, ArtemisDateRangePipe],
 })
 export class TutorialGroupsConfigurationFormComponent implements OnInit, OnChanges {
+    private fb = inject(FormBuilder);
+
     @Input()
     formData: TutorialGroupsConfigurationFormData = {
         period: undefined,
@@ -36,8 +43,6 @@ export class TutorialGroupsConfigurationFormComponent implements OnInit, OnChang
 
     form: FormGroup;
 
-    constructor(private fb: FormBuilder) {}
-
     get periodControl() {
         return this.form.get('period');
     }
@@ -57,7 +62,7 @@ export class TutorialGroupsConfigurationFormComponent implements OnInit, OnChang
     ngOnInit(): void {
         this.initializeForm();
     }
-    ngOnChanges(): void {
+    ngOnChanges() {
         this.initializeForm();
         if (this.isEditMode && this.formData) {
             this.setFormValues(this.formData);
diff --git a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups-management.module.ts b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups-management.module.ts
index aaeac91ae070..6f952dcbf621 100644
--- a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups-management.module.ts
+++ b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups-management.module.ts
@@ -53,8 +53,6 @@ import { ArtemisMarkdownEditorModule } from 'app/shared/markdown-editor/markdown
         ArtemisSidePanelModule,
         ArtemisSharedComponentModule,
         ArtemisMarkdownEditorModule,
-    ],
-    declarations: [
         TutorialGroupsManagementComponent,
         TutorialGroupFormComponent,
         CreateTutorialGroupComponent,
diff --git a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups-management.route.ts b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups-management.route.ts
index 2b48dcfd4a48..c35051014537 100644
--- a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups-management.route.ts
+++ b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups-management.route.ts
@@ -3,18 +3,16 @@
  */
 import { Authority } from 'app/shared/constants/authority.constants';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
-import { TutorialGroupFreePeriodsManagementComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/tutorial-free-periods-management/tutorial-group-free-periods-management.component';
-import { TutorialGroupManagementDetailComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/detail/tutorial-group-management-detail.component';
-import { TutorialGroupsManagementComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-management.component';
-import { EditTutorialGroupComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/edit-tutorial-group/edit-tutorial-group.component';
-import { CreateTutorialGroupComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/create-tutorial-group/create-tutorial-group.component';
-import { EditTutorialGroupsConfigurationComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-groups-configuration/crud/edit-tutorial-groups-configuration/edit-tutorial-groups-configuration.component';
+
 import { Routes } from '@angular/router';
 
 export const tutorialGroupManagementRoutes: Routes = [
     {
         path: '',
-        component: TutorialGroupsManagementComponent,
+        loadComponent: () =>
+            import('app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-management.component').then(
+                (m) => m.TutorialGroupsManagementComponent,
+            ),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR, Authority.EDITOR, Authority.TA],
             pageTitle: 'artemisApp.pages.tutorialGroupsManagement.title',
@@ -23,7 +21,10 @@ export const tutorialGroupManagementRoutes: Routes = [
     },
     {
         path: 'configuration',
-        component: TutorialGroupsManagementComponent,
+        loadComponent: () =>
+            import('app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-management.component').then(
+                (m) => m.TutorialGroupsManagementComponent,
+            ),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR],
             pageTitle: 'artemisApp.pages.tutorialGroupsManagement.title',
@@ -32,7 +33,10 @@ export const tutorialGroupManagementRoutes: Routes = [
     },
     {
         path: 'configuration/:tutorialGroupsConfigurationId/edit',
-        component: EditTutorialGroupsConfigurationComponent,
+        loadComponent: () =>
+            import(
+                'app/course/tutorial-groups/tutorial-groups-management/tutorial-groups-configuration/crud/edit-tutorial-groups-configuration/edit-tutorial-groups-configuration.component'
+            ).then((m) => m.EditTutorialGroupsConfigurationComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR],
             pageTitle: 'artemisApp.pages.editTutorialGroupsConfiguration.title',
@@ -41,7 +45,10 @@ export const tutorialGroupManagementRoutes: Routes = [
     },
     {
         path: 'configuration/:tutorialGroupsConfigurationId/tutorial-free-days',
-        component: TutorialGroupFreePeriodsManagementComponent,
+        loadComponent: () =>
+            import(
+                'app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/tutorial-free-periods-management/tutorial-group-free-periods-management.component'
+            ).then((m) => m.TutorialGroupFreePeriodsManagementComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR],
             pageTitle: 'artemisApp.pages.tutorialFreePeriodsManagement.title',
@@ -50,7 +57,10 @@ export const tutorialGroupManagementRoutes: Routes = [
     },
     {
         path: 'create',
-        component: CreateTutorialGroupComponent,
+        loadComponent: () =>
+            import('app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/create-tutorial-group/create-tutorial-group.component').then(
+                (m) => m.CreateTutorialGroupComponent,
+            ),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR],
             pageTitle: 'artemisApp.pages.createTutorialGroup.title',
@@ -59,7 +69,10 @@ export const tutorialGroupManagementRoutes: Routes = [
     },
     {
         path: ':tutorialGroupId/edit',
-        component: EditTutorialGroupComponent,
+        loadComponent: () =>
+            import('app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/edit-tutorial-group/edit-tutorial-group.component').then(
+                (m) => m.EditTutorialGroupComponent,
+            ),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR],
             pageTitle: 'artemisApp.pages.editTutorialGroup.title',
@@ -68,7 +81,10 @@ export const tutorialGroupManagementRoutes: Routes = [
     },
     {
         path: ':tutorialGroupId',
-        component: TutorialGroupManagementDetailComponent,
+        loadComponent: () =>
+            import('app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/detail/tutorial-group-management-detail.component').then(
+                (m) => m.TutorialGroupManagementDetailComponent,
+            ),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR, Authority.EDITOR, Authority.TA],
             pageTitle: 'artemisApp.pages.tutorialGroupDetail.title',
diff --git a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/create-tutorial-group/create-tutorial-group.component.ts b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/create-tutorial-group/create-tutorial-group.component.ts
index 8d08d128296f..71d51d5c1247 100644
--- a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/create-tutorial-group/create-tutorial-group.component.ts
+++ b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/create-tutorial-group/create-tutorial-group.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectionStrategy, Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { AlertService } from 'app/core/util/alert.service';
 import { ActivatedRoute, Router } from '@angular/router';
 import { TutorialGroupsService } from 'app/course/tutorial-groups/services/tutorial-groups.service';
@@ -11,24 +11,27 @@ import { TutorialGroupSchedule } from 'app/entities/tutorial-group/tutorial-grou
 import dayjs from 'dayjs/esm';
 import { Course } from 'app/entities/course.model';
 import { Subject } from 'rxjs';
+import { LoadingIndicatorContainerComponent } from 'app/shared/loading-indicator-container/loading-indicator-container.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { TutorialGroupFormComponent } from '../tutorial-group-form/tutorial-group-form.component';
 
 @Component({
     selector: 'jhi-create-tutorial-group',
     templateUrl: './create-tutorial-group.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [LoadingIndicatorContainerComponent, TranslateDirective, TutorialGroupFormComponent],
 })
 export class CreateTutorialGroupComponent implements OnInit, OnDestroy {
+    private activatedRoute = inject(ActivatedRoute);
+    private router = inject(Router);
+    private tutorialGroupService = inject(TutorialGroupsService);
+    private alertService = inject(AlertService);
+
     tutorialGroupToCreate: TutorialGroup = new TutorialGroup();
     isLoading: boolean;
     course: Course;
 
     ngUnsubscribe = new Subject<void>();
-    constructor(
-        private activatedRoute: ActivatedRoute,
-        private router: Router,
-        private tutorialGroupService: TutorialGroupsService,
-        private alertService: AlertService,
-    ) {}
 
     ngOnInit(): void {
         this.activatedRoute.data.pipe(takeUntil(this.ngUnsubscribe)).subscribe(({ course }) => {
diff --git a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/edit-tutorial-group/edit-tutorial-group.component.ts b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/edit-tutorial-group/edit-tutorial-group.component.ts
index 0d8d24df7b38..2be9e266f3a5 100644
--- a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/edit-tutorial-group/edit-tutorial-group.component.ts
+++ b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/edit-tutorial-group/edit-tutorial-group.component.ts
@@ -1,7 +1,7 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { TutorialGroup } from 'app/entities/tutorial-group/tutorial-group.model';
-import { TutorialGroupFormData } from '../tutorial-group-form/tutorial-group-form.component';
+import { TutorialGroupFormComponent, TutorialGroupFormData } from '../tutorial-group-form/tutorial-group-form.component';
 import { onError } from 'app/shared/util/global.utils';
 import { Subject, combineLatest } from 'rxjs';
 import { finalize, switchMap, take, takeUntil } from 'rxjs/operators';
@@ -11,13 +11,22 @@ import { AlertService } from 'app/core/util/alert.service';
 import { TutorialGroupSchedule } from 'app/entities/tutorial-group/tutorial-group-schedule.model';
 import dayjs from 'dayjs/esm';
 import { Course } from 'app/entities/course.model';
+import { LoadingIndicatorContainerComponent } from 'app/shared/loading-indicator-container/loading-indicator-container.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
     selector: 'jhi-edit-tutorial-group',
     templateUrl: './edit-tutorial-group.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [LoadingIndicatorContainerComponent, TranslateDirective, TutorialGroupFormComponent],
 })
 export class EditTutorialGroupComponent implements OnInit, OnDestroy {
+    private activatedRoute = inject(ActivatedRoute);
+    private router = inject(Router);
+    private tutorialGroupService = inject(TutorialGroupsService);
+    private alertService = inject(AlertService);
+    private cdr = inject(ChangeDetectorRef);
+
     ngUnsubscribe = new Subject<void>();
 
     isLoading = false;
@@ -27,14 +36,6 @@ export class EditTutorialGroupComponent implements OnInit, OnDestroy {
     tutorialGroupId: number;
     course: Course;
 
-    constructor(
-        private activatedRoute: ActivatedRoute,
-        private router: Router,
-        private tutorialGroupService: TutorialGroupsService,
-        private alertService: AlertService,
-        private cdr: ChangeDetectorRef,
-    ) {}
-
     ngOnInit(): void {
         this.isLoading = true;
         combineLatest([this.activatedRoute.paramMap, this.activatedRoute.data])
diff --git a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/tutorial-group-form/schedule-form/schedule-form.component.ts b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/tutorial-group-form/schedule-form/schedule-form.component.ts
index 31e3b2bcc1c6..f81db6d68366 100644
--- a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/tutorial-group-form/schedule-form/schedule-form.component.ts
+++ b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/tutorial-group-form/schedule-form/schedule-form.component.ts
@@ -1,7 +1,7 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit } from '@angular/core';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit, inject } from '@angular/core';
+import { FormBuilder, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
 import { faCalendarAlt } from '@fortawesome/free-solid-svg-icons';
-import { NgbDateParserFormatter, NgbTimeAdapter } from '@ng-bootstrap/ng-bootstrap';
+import { NgbDateParserFormatter, NgbTimeAdapter, NgbTimepicker } from '@ng-bootstrap/ng-bootstrap';
 import { weekDays } from 'app/course/tutorial-groups/shared/weekdays';
 import { Course } from 'app/entities/course.model';
 import * as _ from 'lodash-es';
@@ -9,6 +9,12 @@ import dayjs from 'dayjs/esm';
 import { dayOfWeekZeroSundayToZeroMonday } from 'app/utils/date.utils';
 import { NgbTimeStringAdapter } from 'app/course/tutorial-groups/shared/ngbTimeStringAdapter';
 import { validTimeRange } from 'app/course/tutorial-groups/shared/timeRangeValidator';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { OwlDateTimeModule } from '@danielmoncada/angular-datetime-picker';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisDateRangePipe } from 'app/shared/pipes/artemis-date-range.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 export interface ScheduleFormData {
     dayOfWeek?: number;
@@ -25,8 +31,13 @@ export interface ScheduleFormData {
     styleUrls: ['./schedule-form.component.scss'],
     providers: [{ provide: NgbTimeAdapter, useClass: NgbTimeStringAdapter }],
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [FormsModule, ReactiveFormsModule, TranslateDirective, NgbTimepicker, OwlDateTimeModule, FaIconComponent, ArtemisDatePipe, ArtemisDateRangePipe, ArtemisTranslatePipe],
 })
 export class ScheduleFormComponent implements OnInit {
+    private fb = inject(FormBuilder);
+    formatter = inject(NgbDateParserFormatter);
+    cdr = inject(ChangeDetectorRef);
+
     @Input() course: Course;
     @Input() parentFormGroup: FormGroup;
     formGroup: FormGroup;
@@ -87,12 +98,6 @@ export class ScheduleFormComponent implements OnInit {
         return sessions;
     }
 
-    constructor(
-        private fb: FormBuilder,
-        public formatter: NgbDateParserFormatter,
-        public cdr: ChangeDetectorRef,
-    ) {}
-
     ngOnInit(): void {
         if (this.course.tutorialGroupsConfiguration) {
             const { tutorialPeriodStartInclusive, tutorialPeriodEndInclusive } = this.course.tutorialGroupsConfiguration;
diff --git a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/tutorial-group-form/tutorial-group-form.component.html b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/tutorial-group-form/tutorial-group-form.component.html
index 881abff7acd5..b3edd62913e1 100644
--- a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/tutorial-group-form/tutorial-group-form.component.html
+++ b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/tutorial-group-form/tutorial-group-form.component.html
@@ -163,7 +163,7 @@
                 </div>
                 <hr />
                 <div class="form-check">
-                    <input class="form-check-input" type="checkbox" [(ngModel)]="configureSchedule" id="configureSchedule" [ngModelOptions]="{ standalone: true }" />
+                    <input class="form-check-input" type="checkbox" [(ngModel)]="configureSchedule" [ngModelOptions]="{ standalone: true }" id="configureSchedule" />
                     <label class="form-check-label" for="configureSchedule" jhiTranslate="artemisApp.forms.scheduleForm.configureRecurringSchedule"></label>
                 </div>
                 @if (showScheduledChangedWarning) {
diff --git a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/tutorial-group-form/tutorial-group-form.component.ts b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/tutorial-group-form/tutorial-group-form.component.ts
index c4d619a8869d..11c61a3acbd8 100644
--- a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/tutorial-group-form/tutorial-group-form.component.ts
+++ b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/tutorial-group-form/tutorial-group-form.component.ts
@@ -1,5 +1,5 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Output, ViewChild } from '@angular/core';
-import { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Output, ViewChild, inject } from '@angular/core';
+import { FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
 import { CourseManagementService } from 'app/course/manage/course-management.service';
 import { Course, CourseGroup } from 'app/entities/course.model';
 import { User } from 'app/core/user/user.model';
@@ -16,6 +16,10 @@ import {
 import { isEqual } from 'lodash-es';
 import { TutorialGroupsService } from 'app/course/tutorial-groups/services/tutorial-groups.service';
 import { faSave } from '@fortawesome/free-solid-svg-icons';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { MarkdownEditorMonacoComponent } from 'app/shared/markdown-editor/monaco/markdown-editor-monaco.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 export interface TutorialGroupFormData {
     title?: string;
@@ -40,8 +44,14 @@ export const titleRegex = new RegExp('^[a-zA-Z0-9]{1}[a-zA-Z0-9- ]{0,19}$');
     selector: 'jhi-tutorial-group-form',
     templateUrl: './tutorial-group-form.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [FormsModule, ReactiveFormsModule, TranslateDirective, NgbTypeahead, MarkdownEditorMonacoComponent, ScheduleFormComponent, FaIconComponent, ArtemisTranslatePipe],
 })
 export class TutorialGroupFormComponent implements OnInit, OnChanges, OnDestroy {
+    private fb = inject(FormBuilder);
+    private courseManagementService = inject(CourseManagementService);
+    private tutorialGroupService = inject(TutorialGroupsService);
+    private alertService = inject(AlertService);
+
     @Input()
     formData: TutorialGroupFormData = {
         title: undefined,
@@ -89,13 +99,6 @@ export class TutorialGroupFormComponent implements OnInit, OnChanges, OnDestroy
 
     ngUnsubscribe = new Subject<void>();
 
-    constructor(
-        private fb: FormBuilder,
-        private courseManagementService: CourseManagementService,
-        private tutorialGroupService: TutorialGroupsService,
-        private alertService: AlertService,
-    ) {}
-
     get titleControl() {
         return this.form.get('title');
     }
@@ -196,7 +199,7 @@ export class TutorialGroupFormComponent implements OnInit, OnChanges, OnDestroy
         this.ngUnsubscribe.complete();
     }
 
-    ngOnChanges(): void {
+    ngOnChanges() {
         this.initializeForm();
         if (this.isEditMode && this.formData) {
             this.setFormValues(this.formData);
diff --git a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/detail/tutorial-group-management-detail.component.ts b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/detail/tutorial-group-management-detail.component.ts
index 010ae59754e1..1c10cda81c6d 100644
--- a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/detail/tutorial-group-management-detail.component.ts
+++ b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/detail/tutorial-group-management-detail.component.ts
@@ -1,4 +1,5 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnDestroy, OnInit, inject } from '@angular/core';
+import { TutorialGroupDetailComponent } from 'app/course/tutorial-groups/shared/tutorial-group-detail/tutorial-group-detail.component';
 import { TutorialGroup } from 'app/entities/tutorial-group/tutorial-group.model';
 import { onError } from 'app/shared/util/global.utils';
 import { Subject, combineLatest, finalize, switchMap, take } from 'rxjs';
@@ -8,13 +9,22 @@ import { ActivatedRoute, Router } from '@angular/router';
 import { HttpErrorResponse } from '@angular/common/http';
 import { Course } from 'app/entities/course.model';
 import { takeUntil } from 'rxjs/operators';
+import { LoadingIndicatorContainerComponent } from 'app/shared/loading-indicator-container/loading-indicator-container.component';
+import { TutorialGroupRowButtonsComponent } from '../tutorial-groups-management/tutorial-group-row-buttons/tutorial-group-row-buttons.component';
 
 @Component({
     selector: 'jhi-tutorial-group-management-detail',
     templateUrl: './tutorial-group-management-detail.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [LoadingIndicatorContainerComponent, TutorialGroupDetailComponent, TutorialGroupRowButtonsComponent],
 })
 export class TutorialGroupManagementDetailComponent implements OnInit, OnDestroy {
+    private activatedRoute = inject(ActivatedRoute);
+    private router = inject(Router);
+    private tutorialGroupService = inject(TutorialGroupsService);
+    private alertService = inject(AlertService);
+    private cdr = inject(ChangeDetectorRef);
+
     ngUnsubscribe = new Subject<void>();
 
     isLoading = false;
@@ -23,14 +33,6 @@ export class TutorialGroupManagementDetailComponent implements OnInit, OnDestroy
     tutorialGroupId: number;
     isAtLeastInstructor = false;
 
-    constructor(
-        private activatedRoute: ActivatedRoute,
-        private router: Router,
-        private tutorialGroupService: TutorialGroupsService,
-        private alertService: AlertService,
-        private cdr: ChangeDetectorRef,
-    ) {}
-
     ngOnInit(): void {
         this.isLoading = true;
         combineLatest([this.activatedRoute.paramMap, this.activatedRoute.data])
diff --git a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-group-row-buttons/tutorial-group-row-buttons.component.ts b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-group-row-buttons/tutorial-group-row-buttons.component.ts
index 143e1782d996..49c1724b10b5 100644
--- a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-group-row-buttons/tutorial-group-row-buttons.component.ts
+++ b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-group-row-buttons/tutorial-group-row-buttons.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnDestroy, Output } from '@angular/core';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnDestroy, Output, inject } from '@angular/core';
 import { TutorialGroup } from 'app/entities/tutorial-group/tutorial-group.model';
 import { faCalendarAlt, faTrash, faUsers, faWrench } from '@fortawesome/free-solid-svg-icons';
 import { EMPTY, Subject, from } from 'rxjs';
@@ -9,13 +9,21 @@ import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { RegisteredStudentsComponent } from 'app/course/tutorial-groups/tutorial-groups-management/registered-students/registered-students.component';
 import { TutorialGroupSessionsManagementComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/tutorial-group-sessions-management/tutorial-group-sessions-management.component';
 import { catchError, takeUntil } from 'rxjs/operators';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { RouterLink } from '@angular/router';
+import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
 
 @Component({
     selector: 'jhi-tutorial-group-row-buttons',
     templateUrl: './tutorial-group-row-buttons.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [FaIconComponent, TranslateDirective, RouterLink, DeleteButtonDirective],
 })
 export class TutorialGroupRowButtonsComponent implements OnDestroy {
+    private tutorialGroupsService = inject(TutorialGroupsService);
+    private modalService = inject(NgbModal);
+
     ngUnsubscribe = new Subject<void>();
 
     @Input() isAtLeastInstructor = false;
@@ -34,10 +42,7 @@ export class TutorialGroupRowButtonsComponent implements OnDestroy {
     faTrash = faTrash;
     faCalendar = faCalendarAlt;
 
-    public constructor(
-        private tutorialGroupsService: TutorialGroupsService,
-        private modalService: NgbModal,
-    ) {}
+    public constructor() {}
 
     openSessionDialog(event: MouseEvent) {
         event.stopPropagation();
diff --git a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-course-information/tutorial-groups-course-information.component.ts b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-course-information/tutorial-groups-course-information.component.ts
index 18bb6955bd0d..7f9738d0b1ee 100644
--- a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-course-information/tutorial-groups-course-information.component.ts
+++ b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-course-information/tutorial-groups-course-information.component.ts
@@ -1,10 +1,14 @@
 import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 import { TutorialGroup } from 'app/entities/tutorial-group/tutorial-group.model';
+import { SidePanelComponent } from 'app/shared/side-panel/side-panel.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-tutorial-groups-course-information',
     templateUrl: './tutorial-groups-course-information.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [SidePanelComponent, TranslateDirective, ArtemisTranslatePipe],
 })
 export class TutorialGroupsCourseInformationComponent {
     @Input()
diff --git a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-export-button.component/tutorial-groups-export-button.component.ts b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-export-button.component/tutorial-groups-export-button.component.ts
index e8e5c16d4449..98413ced01f0 100644
--- a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-export-button.component/tutorial-groups-export-button.component.ts
+++ b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-export-button.component/tutorial-groups-export-button.component.ts
@@ -1,16 +1,23 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnDestroy, Output, TemplateRef, ViewChild } from '@angular/core';
-import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnDestroy, Output, TemplateRef, ViewChild, inject } from '@angular/core';
+import { NgbDropdownButtonItem, NgbDropdownItem, NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { EMPTY, Subject, from } from 'rxjs';
 import { catchError, takeUntil } from 'rxjs/operators';
 import { TutorialGroupsService } from 'app/course/tutorial-groups/services/tutorial-groups.service';
 import { AlertService } from 'app/core/util/alert.service';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FormsModule } from '@angular/forms';
 
 @Component({
     selector: 'jhi-tutorial-groups-export-button',
     templateUrl: './tutorial-groups-export-button.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [NgbDropdownButtonItem, NgbDropdownItem, TranslateDirective, FormsModule],
 })
 export class TutorialGroupsExportButtonComponent implements OnDestroy {
+    private modalService = inject(NgbModal);
+    private tutorialGroupsService = inject(TutorialGroupsService);
+    private alertService = inject(AlertService);
+
     ngUnsubscribe = new Subject<void>();
 
     @ViewChild('exportDialog') exportDialogRef: TemplateRef<any>;
@@ -37,12 +44,6 @@ export class TutorialGroupsExportButtonComponent implements OnDestroy {
         { value: 'Students', selected: false },
     ];
 
-    constructor(
-        private modalService: NgbModal,
-        private tutorialGroupsService: TutorialGroupsService,
-        private alertService: AlertService,
-    ) {}
-
     openExportDialog(event: MouseEvent) {
         event.stopPropagation();
         const modalRef: NgbModalRef = this.modalService.open(this.exportDialogRef, {
diff --git a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-import-button/tutorial-groups-import-button.component.ts b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-import-button/tutorial-groups-import-button.component.ts
index c26904bcfccd..72d5cc30d44c 100644
--- a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-import-button/tutorial-groups-import-button.component.ts
+++ b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-import-button/tutorial-groups-import-button.component.ts
@@ -1,15 +1,19 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnDestroy, Output, TemplateRef, ViewChild } from '@angular/core';
-import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnDestroy, Output, TemplateRef, ViewChild, inject } from '@angular/core';
+import { NgbDropdownButtonItem, NgbDropdownItem, NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { TutorialGroupsRegistrationImportDialogComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-import-dialog/tutorial-groups-registration-import-dialog.component';
 import { EMPTY, Subject, from } from 'rxjs';
 import { catchError, takeUntil } from 'rxjs/operators';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
     selector: 'jhi-tutorial-groups-import-button',
     templateUrl: './tutorial-groups-import-button.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [NgbDropdownButtonItem, NgbDropdownItem, TranslateDirective],
 })
 export class TutorialGroupsImportButtonComponent implements OnDestroy {
+    private modalService = inject(NgbModal);
+
     ngUnsubscribe = new Subject<void>();
 
     @ViewChild('warning')
@@ -19,8 +23,6 @@ export class TutorialGroupsImportButtonComponent implements OnDestroy {
 
     @Output() importFinished: EventEmitter<void> = new EventEmitter();
 
-    constructor(private modalService: NgbModal) {}
-
     openTutorialGroupImportDialog(event: MouseEvent) {
         event.stopPropagation();
         const modalRef: NgbModalRef = this.modalService.open(TutorialGroupsRegistrationImportDialogComponent, {
diff --git a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-import-dialog/tutorial-groups-registration-import-dialog.component.ts b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-import-dialog/tutorial-groups-registration-import-dialog.component.ts
index 2f48df4e9970..f8aa6f625e7a 100644
--- a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-import-dialog/tutorial-groups-registration-import-dialog.component.ts
+++ b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-import-dialog/tutorial-groups-registration-import-dialog.component.ts
@@ -1,4 +1,4 @@
-import { Component, ElementRef, Input, OnDestroy, OnInit, ViewChild } from '@angular/core';
+import { Component, ElementRef, Input, OnDestroy, OnInit, ViewChild, inject } from '@angular/core';
 import { faBan, faCheck, faCircleNotch, faFileImport, faSpinner } from '@fortawesome/free-solid-svg-icons';
 import { TutorialGroupRegistrationImportDTO } from 'app/entities/tutorial-group/tutorial-group-import-dto.model';
 import { cleanString } from 'app/shared/util/utils';
@@ -9,11 +9,14 @@ import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { Subject } from 'rxjs';
 import { StudentDTO } from 'app/entities/student-dto.model';
 import { HttpResponse } from '@angular/common/http';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { FormBuilder, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
 import { TranslateService } from '@ngx-translate/core';
 import { titleRegex } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/tutorial-group-form/tutorial-group-form.component';
 import { takeUntil } from 'rxjs/operators';
 import { CsvDownloadService } from 'app/shared/util/CsvDownloadService';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 /**
  * Each row is a object with the structure
@@ -42,8 +45,16 @@ type filterValues = 'all' | 'onlyImported' | 'onlyNotImported';
     selector: 'jhi-tutorial-groups-import-dialog',
     templateUrl: './tutorial-groups-registration-import-dialog.component.html',
     styleUrls: ['./tutorial-groups-registration-import-dialog.component.scss'],
+    imports: [TranslateDirective, FaIconComponent, FormsModule, ReactiveFormsModule, ArtemisTranslatePipe],
 })
 export class TutorialGroupsRegistrationImportDialogComponent implements OnInit, OnDestroy {
+    private fb = inject(FormBuilder);
+    private translateService = inject(TranslateService);
+    private activeModal = inject(NgbActiveModal);
+    private alertService = inject(AlertService);
+    private tutorialGroupService = inject(TutorialGroupsService);
+    private csvDownloadService = inject(CsvDownloadService);
+
     ngUnsubscribe = new Subject<void>();
 
     @ViewChild('fileInput') fileInput: ElementRef<HTMLInputElement>;
@@ -92,15 +103,6 @@ export class TutorialGroupsRegistrationImportDialogComponent implements OnInit,
     faFileImport = faFileImport;
     selectedFilter: filterValues = 'all';
 
-    constructor(
-        private fb: FormBuilder,
-        private translateService: TranslateService,
-        private activeModal: NgbActiveModal,
-        private alertService: AlertService,
-        private tutorialGroupService: TutorialGroupsService,
-        private csvDownloadService: CsvDownloadService,
-    ) {}
-
     ngOnDestroy(): void {
         this.ngUnsubscribe.next();
         this.ngUnsubscribe.complete();
diff --git a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-management.component.ts b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-management.component.ts
index 932eecba9484..1f6c0f0c3f11 100644
--- a/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-management.component.ts
+++ b/src/main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-management.component.ts
@@ -1,6 +1,8 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnDestroy, OnInit, inject } from '@angular/core';
+import { TutorialGroupFreeDaysOverviewComponent } from 'app/course/tutorial-groups/shared/tutorial-group-free-days-overview/tutorial-group-free-days-overview.component';
+import { TutorialGroupsTableComponent } from 'app/course/tutorial-groups/shared/tutorial-groups-table/tutorial-groups-table.component';
 import { TutorialGroup } from 'app/entities/tutorial-group/tutorial-group.model';
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute, RouterLink } from '@angular/router';
 import { TutorialGroupsService } from 'app/course/tutorial-groups/services/tutorial-groups.service';
 import { HttpErrorResponse } from '@angular/common/http';
 import { Subject, combineLatest, finalize } from 'rxjs';
@@ -12,13 +14,46 @@ import { TutorialGroupFreePeriod } from 'app/entities/tutorial-group/tutorial-gr
 import { TutorialGroupsConfigurationService } from 'app/course/tutorial-groups/services/tutorial-groups-configuration.service';
 import { takeUntil } from 'rxjs/operators';
 import { TutorialGroupsConfiguration } from 'app/entities/tutorial-group/tutorial-groups-configuration.model';
+import { LoadingIndicatorContainerComponent } from 'app/shared/loading-indicator-container/loading-indicator-container.component';
+import { NgbDropdown, NgbDropdownItem, NgbDropdownMenu, NgbDropdownToggle, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { TutorialGroupsImportButtonComponent } from './tutorial-groups-import-button/tutorial-groups-import-button.component';
+import { TutorialGroupsExportButtonComponent } from './tutorial-groups-export-button.component/tutorial-groups-export-button.component';
+import { TutorialGroupRowButtonsComponent } from './tutorial-group-row-buttons/tutorial-group-row-buttons.component';
+import { TutorialGroupsCourseInformationComponent } from './tutorial-groups-course-information/tutorial-groups-course-information.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-tutorial-groups-management',
     templateUrl: './tutorial-groups-management.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [
+        LoadingIndicatorContainerComponent,
+        NgbTooltip,
+        RouterLink,
+        FaIconComponent,
+        TranslateDirective,
+        NgbDropdown,
+        NgbDropdownToggle,
+        NgbDropdownMenu,
+        NgbDropdownItem,
+        TutorialGroupsImportButtonComponent,
+        TutorialGroupsExportButtonComponent,
+        TutorialGroupsTableComponent,
+        TutorialGroupRowButtonsComponent,
+        TutorialGroupsCourseInformationComponent,
+        TutorialGroupFreeDaysOverviewComponent,
+        ArtemisTranslatePipe,
+    ],
 })
 export class TutorialGroupsManagementComponent implements OnInit, OnDestroy {
+    private tutorialGroupService = inject(TutorialGroupsService);
+    private activatedRoute = inject(ActivatedRoute);
+    private alertService = inject(AlertService);
+    private tutorialGroupsConfigurationService = inject(TutorialGroupsConfigurationService);
+    private cdr = inject(ChangeDetectorRef);
+
     ngUnsubscribe = new Subject<void>();
 
     courseId: number;
@@ -36,15 +71,6 @@ export class TutorialGroupsManagementComponent implements OnInit, OnDestroy {
 
     tutorialGroupFreeDays: TutorialGroupFreePeriod[] = [];
 
-    constructor(
-        private tutorialGroupService: TutorialGroupsService,
-        private router: Router,
-        private activatedRoute: ActivatedRoute,
-        private alertService: AlertService,
-        private tutorialGroupsConfigurationService: TutorialGroupsConfigurationService,
-        private cdr: ChangeDetectorRef,
-    ) {}
-
     ngOnInit(): void {
         this.activatedRoute.data.pipe(takeUntil(this.ngUnsubscribe)).subscribe(({ course }) => {
             if (course) {
diff --git a/src/main/webapp/app/detail-overview-list/components/boolean-detail/boolean-detail.component.ts b/src/main/webapp/app/detail-overview-list/components/boolean-detail/boolean-detail.component.ts
index 4f4adffe1461..42c2eab9890b 100644
--- a/src/main/webapp/app/detail-overview-list/components/boolean-detail/boolean-detail.component.ts
+++ b/src/main/webapp/app/detail-overview-list/components/boolean-detail/boolean-detail.component.ts
@@ -1,13 +1,11 @@
 import { Component, Input } from '@angular/core';
 import type { BooleanDetail } from 'app/detail-overview-list/detail.model';
-import { NoDataComponent } from 'app/shared/no-data-component';
 import { ArtemisSharedComponentModule } from 'app/shared/components/shared-component.module';
 
 @Component({
     selector: 'jhi-boolean-detail',
     templateUrl: 'boolean-detail.component.html',
-    standalone: true,
-    imports: [NoDataComponent, ArtemisSharedComponentModule],
+    imports: [ArtemisSharedComponentModule],
 })
 export class BooleanDetailComponent {
     @Input() detail: BooleanDetail;
diff --git a/src/main/webapp/app/detail-overview-list/components/date-detail/date-detail.component.ts b/src/main/webapp/app/detail-overview-list/components/date-detail/date-detail.component.ts
index cddb968cde85..ea6dc8a51126 100644
--- a/src/main/webapp/app/detail-overview-list/components/date-detail/date-detail.component.ts
+++ b/src/main/webapp/app/detail-overview-list/components/date-detail/date-detail.component.ts
@@ -6,7 +6,6 @@ import { ArtemisSharedModule } from 'app/shared/shared.module';
 @Component({
     selector: 'jhi-date-detail',
     templateUrl: 'date-detail.component.html',
-    standalone: true,
     imports: [NoDataComponent, ArtemisSharedModule],
 })
 export class DateDetailComponent {
diff --git a/src/main/webapp/app/detail-overview-list/components/link-detail/link-detail.component.ts b/src/main/webapp/app/detail-overview-list/components/link-detail/link-detail.component.ts
index a0367d87c622..84c5faa0e0fd 100644
--- a/src/main/webapp/app/detail-overview-list/components/link-detail/link-detail.component.ts
+++ b/src/main/webapp/app/detail-overview-list/components/link-detail/link-detail.component.ts
@@ -6,7 +6,6 @@ import { RouterModule } from '@angular/router';
 @Component({
     selector: 'jhi-link-detail',
     templateUrl: 'link-detail.component.html',
-    standalone: true,
     imports: [NoDataComponent, RouterModule],
 })
 export class LinkDetailComponent {
diff --git a/src/main/webapp/app/detail-overview-list/components/programming-auxiliary-repository-buttons-detail/programming-auxiliary-repository-buttons-detail.component.ts b/src/main/webapp/app/detail-overview-list/components/programming-auxiliary-repository-buttons-detail/programming-auxiliary-repository-buttons-detail.component.ts
index e44170601ac7..26cb40817d45 100644
--- a/src/main/webapp/app/detail-overview-list/components/programming-auxiliary-repository-buttons-detail/programming-auxiliary-repository-buttons-detail.component.ts
+++ b/src/main/webapp/app/detail-overview-list/components/programming-auxiliary-repository-buttons-detail/programming-auxiliary-repository-buttons-detail.component.ts
@@ -1,5 +1,4 @@
 import { Component, Input } from '@angular/core';
-import { NoDataComponent } from 'app/shared/no-data-component';
 import { RouterModule } from '@angular/router';
 import { ArtemisSharedComponentModule } from 'app/shared/components/shared-component.module';
 import { ArtemisProgrammingExerciseActionsModule } from 'app/exercises/programming/shared/actions/programming-exercise-actions.module';
@@ -10,8 +9,7 @@ import { ArtemisSharedModule } from 'app/shared/shared.module';
 @Component({
     selector: 'jhi-programming-auxiliary-repository-buttons-detail',
     templateUrl: 'programming-auxiliary-repository-buttons-detail.component.html',
-    standalone: true,
-    imports: [NoDataComponent, RouterModule, ArtemisSharedComponentModule, ArtemisProgrammingExerciseActionsModule, ArtemisSharedModule],
+    imports: [RouterModule, ArtemisSharedComponentModule, ArtemisProgrammingExerciseActionsModule, ArtemisSharedModule],
 })
 export class ProgrammingAuxiliaryRepositoryButtonsDetailComponent {
     @Input() detail: ProgrammingAuxiliaryRepositoryButtonsDetail;
diff --git a/src/main/webapp/app/detail-overview-list/components/programming-diff-report-detail/programming-diff-report-detail.component.ts b/src/main/webapp/app/detail-overview-list/components/programming-diff-report-detail/programming-diff-report-detail.component.ts
index 46999aa24a27..c059cbe34571 100644
--- a/src/main/webapp/app/detail-overview-list/components/programming-diff-report-detail/programming-diff-report-detail.component.ts
+++ b/src/main/webapp/app/detail-overview-list/components/programming-diff-report-detail/programming-diff-report-detail.component.ts
@@ -13,7 +13,6 @@ import { GitDiffLineStatComponent } from 'app/exercises/programming/git-diff-rep
 @Component({
     selector: 'jhi-programming-diff-report-detail',
     templateUrl: 'programming-diff-report-detail.component.html',
-    standalone: true,
     imports: [ArtemisSharedModule, ArtemisSharedComponentModule, GitDiffLineStatComponent],
 })
 export class ProgrammingDiffReportDetailComponent implements OnDestroy {
diff --git a/src/main/webapp/app/detail-overview-list/components/programming-repository-buttons-detail/programming-repository-buttons-detail.component.ts b/src/main/webapp/app/detail-overview-list/components/programming-repository-buttons-detail/programming-repository-buttons-detail.component.ts
index 21676685fed1..58528fe13578 100644
--- a/src/main/webapp/app/detail-overview-list/components/programming-repository-buttons-detail/programming-repository-buttons-detail.component.ts
+++ b/src/main/webapp/app/detail-overview-list/components/programming-repository-buttons-detail/programming-repository-buttons-detail.component.ts
@@ -8,7 +8,6 @@ import { ArtemisProgrammingExerciseActionsModule } from 'app/exercises/programmi
 @Component({
     selector: 'jhi-programming-repository-buttons-detail',
     templateUrl: 'programming-repository-buttons-detail.component.html',
-    standalone: true,
     imports: [NoDataComponent, RouterModule, ArtemisSharedComponentModule, ArtemisProgrammingExerciseActionsModule],
 })
 export class ProgrammingRepositoryButtonsDetailComponent {
diff --git a/src/main/webapp/app/detail-overview-list/components/programming-test-status-detail/programming-test-status-detail.component.ts b/src/main/webapp/app/detail-overview-list/components/programming-test-status-detail/programming-test-status-detail.component.ts
index 89a43fb9aee3..47667bf81352 100644
--- a/src/main/webapp/app/detail-overview-list/components/programming-test-status-detail/programming-test-status-detail.component.ts
+++ b/src/main/webapp/app/detail-overview-list/components/programming-test-status-detail/programming-test-status-detail.component.ts
@@ -10,7 +10,6 @@ import { ProgrammingExerciseParticipationType } from 'app/entities/programming/p
 @Component({
     selector: 'jhi-programming-test-status-detail',
     templateUrl: 'programming-test-status-detail.component.html',
-    standalone: true,
     imports: [RouterModule, ArtemisProgrammingExerciseActionsModule, SubmissionResultStatusModule, ArtemisProgrammingExerciseStatusModule, TranslateDirective],
 })
 export class ProgrammingTestStatusDetailComponent {
diff --git a/src/main/webapp/app/detail-overview-list/components/text-detail/text-detail.component.ts b/src/main/webapp/app/detail-overview-list/components/text-detail/text-detail.component.ts
index a2e56d418816..2e285aedd7f7 100644
--- a/src/main/webapp/app/detail-overview-list/components/text-detail/text-detail.component.ts
+++ b/src/main/webapp/app/detail-overview-list/components/text-detail/text-detail.component.ts
@@ -5,7 +5,6 @@ import { NoDataComponent } from 'app/shared/no-data-component';
 @Component({
     selector: 'jhi-text-detail',
     templateUrl: 'text-detail.component.html',
-    standalone: true,
     imports: [NoDataComponent],
 })
 export class TextDetailComponent {
diff --git a/src/main/webapp/app/detail-overview-list/detail-overview-list.component.html b/src/main/webapp/app/detail-overview-list/detail-overview-list.component.html
index ba2349c564d3..3d9de756c038 100644
--- a/src/main/webapp/app/detail-overview-list/detail-overview-list.component.html
+++ b/src/main/webapp/app/detail-overview-list/detail-overview-list.component.html
@@ -120,7 +120,7 @@ <h3 class="section-headline" [id]="headlinesRecord[section.headline]">{{ section
                                 [programmingExercise]="detail.data.exercise"
                                 [programmingLanguage]="detail.data.programmingLanguage"
                                 [isLocal]="detail.data.isLocal"
-                                [checkoutSolutionRepository]="detail.data.exercise.buildConfig?.checkoutSolutionRepository"
+                                [checkoutSolutionRepository]="detail.data.exercise.buildConfig?.checkoutSolutionRepository || false"
                             />
                         </dd>
                     }
diff --git a/src/main/webapp/app/detail-overview-list/detail-overview-list.component.ts b/src/main/webapp/app/detail-overview-list/detail-overview-list.component.ts
index 27eeca162243..f10239706aa0 100644
--- a/src/main/webapp/app/detail-overview-list/detail-overview-list.component.ts
+++ b/src/main/webapp/app/detail-overview-list/detail-overview-list.component.ts
@@ -11,6 +11,19 @@ import { UMLModel } from '@ls1intum/apollon';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 import { Subscription } from 'rxjs';
 import { PROFILE_LOCALVC } from 'app/app.constants';
+import { DetailOverviewNavigationBarComponent } from '../shared/detail-overview-navigation-bar/detail-overview-navigation-bar.component';
+import { HelpIconComponent } from '../shared/components/help-icon.component';
+import { ProgrammingExerciseInstructionComponent } from '../exercises/programming/shared/instructions-render/programming-exercise-instruction.component';
+import { ProgrammingExerciseLifecycleComponent } from '../exercises/programming/shared/lifecycle/programming-exercise-lifecycle.component';
+import { DecimalPipe, NgStyle, NgTemplateOutlet } from '@angular/common';
+import { StructuredGradingInstructionsAssessmentLayoutComponent } from '../assessment/structured-grading-instructions-assessment-layout/structured-grading-instructions-assessment-layout.component';
+import { TranslateDirective } from '../shared/language/translate.directive';
+import { IrisEnabledComponent } from '../iris/settings/shared/iris-enabled.component';
+import { ModelingEditorComponent } from '../exercises/modeling/shared/modeling-editor.component';
+import { ProgrammingExerciseRepositoryAndBuildPlanDetailsComponent } from '../exercises/programming/shared/build-details/programming-exercise-repository-and-build-plan-details.component';
+import { ExerciseDetailDirective } from './exercise-detail.directive';
+import { NoDataComponent } from '../shared/no-data-component';
+import { ArtemisTranslatePipe } from '../shared/pipes/artemis-translate.pipe';
 
 export interface DetailOverviewSection {
     headline: string;
@@ -43,6 +56,23 @@ export enum DetailType {
     templateUrl: './detail-overview-list.component.html',
     styleUrls: ['./detail-overview-list.component.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [
+        DetailOverviewNavigationBarComponent,
+        HelpIconComponent,
+        ProgrammingExerciseInstructionComponent,
+        ProgrammingExerciseLifecycleComponent,
+        NgTemplateOutlet,
+        StructuredGradingInstructionsAssessmentLayoutComponent,
+        TranslateDirective,
+        IrisEnabledComponent,
+        ModelingEditorComponent,
+        ProgrammingExerciseRepositoryAndBuildPlanDetailsComponent,
+        NgStyle,
+        ExerciseDetailDirective,
+        NoDataComponent,
+        DecimalPipe,
+        ArtemisTranslatePipe,
+    ],
 })
 export class DetailOverviewListComponent implements OnInit, OnDestroy {
     protected readonly isEmpty = isEmpty;
diff --git a/src/main/webapp/app/detail-overview-list/detail.module.ts b/src/main/webapp/app/detail-overview-list/detail.module.ts
index c661ae788647..cbc9acfd2aa7 100644
--- a/src/main/webapp/app/detail-overview-list/detail.module.ts
+++ b/src/main/webapp/app/detail-overview-list/detail.module.ts
@@ -33,8 +33,8 @@ import { NoDataComponent } from 'app/shared/no-data-component';
         ProgrammingExerciseRepositoryAndBuildPlanDetailsComponent,
         ExerciseDetailDirective,
         NoDataComponent,
+        DetailOverviewListComponent,
     ],
-    declarations: [DetailOverviewListComponent],
     exports: [DetailOverviewListComponent],
 })
 export class DetailModule {}
diff --git a/src/main/webapp/app/detail-overview-list/exercise-detail.directive.ts b/src/main/webapp/app/detail-overview-list/exercise-detail.directive.ts
index 2bacb55c076b..f26902a73590 100644
--- a/src/main/webapp/app/detail-overview-list/exercise-detail.directive.ts
+++ b/src/main/webapp/app/detail-overview-list/exercise-detail.directive.ts
@@ -1,4 +1,4 @@
-import { ComponentRef, Directive, Input, OnDestroy, OnInit, Type, ViewContainerRef } from '@angular/core';
+import { ComponentRef, Directive, Input, OnDestroy, OnInit, Type, ViewContainerRef, inject } from '@angular/core';
 import type { Detail, ShownDetail } from 'app/detail-overview-list/detail.model';
 import { DetailType } from 'app/detail-overview-list/detail-overview-list.component';
 import { TextDetailComponent } from 'app/detail-overview-list/components/text-detail/text-detail.component';
@@ -12,15 +12,14 @@ import { ProgrammingDiffReportDetailComponent } from 'app/detail-overview-list/c
 
 @Directive({
     selector: '[jhiExerciseDetail]',
-    standalone: true,
 })
 export class ExerciseDetailDirective implements OnInit, OnDestroy {
+    viewContainerRef = inject(ViewContainerRef);
+
     @Input() detail: Detail;
 
     private componentRef: ComponentRef<any>;
 
-    constructor(public viewContainerRef: ViewContainerRef) {}
-
     ngOnInit() {
         if (!this.isShownDetail()) {
             return;
diff --git a/src/main/webapp/app/entities/bonus.model.ts b/src/main/webapp/app/entities/bonus.model.ts
index b40d156545ca..ea7b1cd4a55a 100644
--- a/src/main/webapp/app/entities/bonus.model.ts
+++ b/src/main/webapp/app/entities/bonus.model.ts
@@ -8,8 +8,6 @@ export class Bonus implements BaseEntity {
     public weight?: number;
     public sourceGradingScale?: GradingScale;
     public bonusToGradingScale?: GradingScale;
-
-    constructor() {}
 }
 
 export enum BonusStrategy {
@@ -41,6 +39,4 @@ export class BonusResult {
     public mostSeverePlagiarismVerdict?: PlagiarismVerdict;
     public achievedPresentationScore?: number;
     public presentationScoreThreshold?: number;
-
-    constructor() {}
 }
diff --git a/src/main/webapp/app/entities/competency.model.ts b/src/main/webapp/app/entities/competency.model.ts
index c130b3a24a67..f6fa260f7876 100644
--- a/src/main/webapp/app/entities/competency.model.ts
+++ b/src/main/webapp/app/entities/competency.model.ts
@@ -188,8 +188,6 @@ export class CompetencyProgress {
     public progress?: number;
     public confidence?: number;
     public confidenceReason?: ConfidenceReason;
-
-    constructor() {}
 }
 
 export class CourseCompetencyProgress {
@@ -197,8 +195,6 @@ export class CourseCompetencyProgress {
     numberOfStudents?: number;
     numberOfMasteredStudents?: number;
     averageStudentScore?: number;
-
-    constructor() {}
 }
 
 export class CompetencyRelation implements BaseEntity {
@@ -242,8 +238,6 @@ export function dtoToCompetencyRelation(competencyRelationDTO: CompetencyRelatio
 export class CompetencyWithTailRelationDTO {
     competency?: CourseCompetency;
     tailRelations?: CompetencyRelationDTO[];
-
-    constructor() {}
 }
 
 export function getIcon(competencyTaxonomy?: CompetencyTaxonomy): IconProp {
diff --git a/src/main/webapp/app/entities/competency/learning-path.model.ts b/src/main/webapp/app/entities/competency/learning-path.model.ts
index 576afd4e75a5..e431d8c399eb 100644
--- a/src/main/webapp/app/entities/competency/learning-path.model.ts
+++ b/src/main/webapp/app/entities/competency/learning-path.model.ts
@@ -11,8 +11,6 @@ export class LearningPath implements BaseEntity {
     public user?: User;
     public course?: Course;
     public competencies?: CourseCompetency[];
-
-    constructor() {}
 }
 
 export class LearningPathInformationDTO {
diff --git a/src/main/webapp/app/entities/complaint-response.model.ts b/src/main/webapp/app/entities/complaint-response.model.ts
index 0dca177c0b1f..a2af4ad1d28d 100644
--- a/src/main/webapp/app/entities/complaint-response.model.ts
+++ b/src/main/webapp/app/entities/complaint-response.model.ts
@@ -14,6 +14,4 @@ export class ComplaintResponse implements BaseEntity {
     public isCurrentlyLocked?: boolean;
     // transient property that will be calculated on the server
     public lockEndDate?: dayjs.Dayjs;
-
-    constructor() {}
 }
diff --git a/src/main/webapp/app/entities/complaint.model.ts b/src/main/webapp/app/entities/complaint.model.ts
index e8f4f79a7d18..2d21c7092ed2 100644
--- a/src/main/webapp/app/entities/complaint.model.ts
+++ b/src/main/webapp/app/entities/complaint.model.ts
@@ -21,6 +21,4 @@ export class Complaint implements BaseEntity {
     public team?: Team;
     public complaintType?: ComplaintType;
     public complaintResponse?: ComplaintResponse;
-
-    constructor() {}
 }
diff --git a/src/main/webapp/app/entities/course.model.ts b/src/main/webapp/app/entities/course.model.ts
index f3084853431a..db224001c721 100644
--- a/src/main/webapp/app/entities/course.model.ts
+++ b/src/main/webapp/app/entities/course.model.ts
@@ -169,8 +169,6 @@ export class CourseForImportDTO {
     title?: string;
     shortName?: string;
     semester?: string;
-
-    constructor() {}
 }
 
 export const enum CourseGroup {
diff --git a/src/main/webapp/app/entities/example-submission.model.ts b/src/main/webapp/app/entities/example-submission.model.ts
index 75bea8e597bb..d0f05067f8b4 100644
--- a/src/main/webapp/app/entities/example-submission.model.ts
+++ b/src/main/webapp/app/entities/example-submission.model.ts
@@ -11,8 +11,6 @@ export class ExampleSubmission implements BaseEntity {
     public submission?: Submission;
     public tutorParticipations?: TutorParticipation[];
     public assessmentExplanation?: string;
-
-    constructor() {}
 }
 
 export enum ExampleSubmissionMode {
diff --git a/src/main/webapp/app/entities/lecture.model.ts b/src/main/webapp/app/entities/lecture.model.ts
index d213ed53de1d..cfe447f755e9 100644
--- a/src/main/webapp/app/entities/lecture.model.ts
+++ b/src/main/webapp/app/entities/lecture.model.ts
@@ -23,6 +23,4 @@ export class Lecture implements BaseEntity {
     isAtLeastEditor?: boolean;
     isAtLeastInstructor?: boolean;
     ingested?: IngestionState;
-
-    constructor() {}
 }
diff --git a/src/main/webapp/app/entities/metis/post.model.ts b/src/main/webapp/app/entities/metis/post.model.ts
index 39950a74af0b..b203a3e4f8b0 100644
--- a/src/main/webapp/app/entities/metis/post.model.ts
+++ b/src/main/webapp/app/entities/metis/post.model.ts
@@ -5,7 +5,6 @@ import { PlagiarismCase } from 'app/exercises/shared/plagiarism/types/Plagiarism
 
 export class Post extends Posting {
     public title?: string;
-    public visibleForStudents?: boolean;
     public answers?: AnswerPost[];
     public tags?: string[];
     public plagiarismCase?: PlagiarismCase;
@@ -16,7 +15,6 @@ export class Post extends Posting {
     constructor() {
         super();
         // set default values
-        this.visibleForStudents = true;
         this.displayPriority = DisplayPriority.NONE;
     }
 }
diff --git a/src/main/webapp/app/entities/participation/tutor-participation.model.ts b/src/main/webapp/app/entities/participation/tutor-participation.model.ts
index 234b49451458..99ce4666014f 100644
--- a/src/main/webapp/app/entities/participation/tutor-participation.model.ts
+++ b/src/main/webapp/app/entities/participation/tutor-participation.model.ts
@@ -17,6 +17,4 @@ export class TutorParticipation implements BaseEntity {
     public assessedExercise?: Exercise;
     public tutor?: User;
     public trainedExampleSubmissions?: ExampleSubmission[];
-
-    constructor() {}
 }
diff --git a/src/main/webapp/app/entities/programming-exercise-git-diff-entry.model.ts b/src/main/webapp/app/entities/programming-exercise-git-diff-entry.model.ts
index c06f8c7ea50c..2ee6c1d884da 100644
--- a/src/main/webapp/app/entities/programming-exercise-git-diff-entry.model.ts
+++ b/src/main/webapp/app/entities/programming-exercise-git-diff-entry.model.ts
@@ -9,6 +9,4 @@ export class ProgrammingExerciseGitDiffEntry implements BaseEntity {
     public startLine?: number;
     public previousLineCount?: number;
     public lineCount?: number;
-
-    constructor() {}
 }
diff --git a/src/main/webapp/app/entities/programming-exercise-git-diff-report.model.ts b/src/main/webapp/app/entities/programming-exercise-git-diff-report.model.ts
index d688911d1ccd..ecce60142a47 100644
--- a/src/main/webapp/app/entities/programming-exercise-git-diff-report.model.ts
+++ b/src/main/webapp/app/entities/programming-exercise-git-diff-report.model.ts
@@ -13,6 +13,4 @@ export class ProgrammingExerciseGitDiffReport implements BaseEntity {
     public participationIdForRightCommit?: number;
     public templateRepositoryCommitHash?: string;
     public solutionRepositoryCommitHash?: string;
-
-    constructor() {}
 }
diff --git a/src/main/webapp/app/entities/quiz/course-management-statistics-model.ts b/src/main/webapp/app/entities/quiz/course-management-statistics-model.ts
index 2d4a583c1837..154b4aa6e8ef 100644
--- a/src/main/webapp/app/entities/quiz/course-management-statistics-model.ts
+++ b/src/main/webapp/app/entities/quiz/course-management-statistics-model.ts
@@ -9,6 +9,4 @@ export class CourseManagementStatisticsModel {
     public averageScore: number;
     public exerciseType: ExerciseType;
     public categories?: ExerciseCategory[];
-
-    constructor() {}
 }
diff --git a/src/main/webapp/app/entities/quiz/quiz-statistic-counter.model.ts b/src/main/webapp/app/entities/quiz/quiz-statistic-counter.model.ts
index 4b2e0baa0475..1b9d0eae7060 100644
--- a/src/main/webapp/app/entities/quiz/quiz-statistic-counter.model.ts
+++ b/src/main/webapp/app/entities/quiz/quiz-statistic-counter.model.ts
@@ -4,6 +4,4 @@ export class QuizStatisticCounter implements BaseEntity {
     public id?: number;
     public ratedCounter?: number;
     public unRatedCounter?: number;
-
-    constructor() {}
 }
diff --git a/src/main/webapp/app/entities/tutorial-group/tutorial-group-registration.model.ts b/src/main/webapp/app/entities/tutorial-group/tutorial-group-registration.model.ts
index 0ff00c9f2b8a..393964bb8341 100644
--- a/src/main/webapp/app/entities/tutorial-group/tutorial-group-registration.model.ts
+++ b/src/main/webapp/app/entities/tutorial-group/tutorial-group-registration.model.ts
@@ -12,6 +12,4 @@ export class TutorialGroupRegistration implements BaseEntity {
     public student?: User;
     public tutorialGroup?: TutorialGroup;
     public type?: TutorialGroupRegistrationType;
-
-    constructor() {}
 }
diff --git a/src/main/webapp/app/exam/exam-scores/exam-score-dtos.model.ts b/src/main/webapp/app/exam/exam-scores/exam-score-dtos.model.ts
index a11b03282410..5afc37f0cbcc 100644
--- a/src/main/webapp/app/exam/exam-scores/exam-score-dtos.model.ts
+++ b/src/main/webapp/app/exam/exam-scores/exam-score-dtos.model.ts
@@ -12,8 +12,6 @@ export class ExamScoreDTO {
     public hasSecondCorrectionAndStarted: boolean;
     public exerciseGroups: ExerciseGroup[];
     public studentResults: StudentResult[];
-
-    constructor() {}
 }
 
 export class ExerciseGroup {
@@ -22,8 +20,6 @@ export class ExerciseGroup {
     public maxPoints: number;
     public numberOfParticipants: number;
     public containedExercises: ExerciseInfo[];
-
-    constructor() {}
 }
 
 export class ExerciseInfo {
@@ -32,8 +28,6 @@ export class ExerciseInfo {
     public maxPoints: number;
     public numberOfParticipants: number;
     public exerciseType: string;
-
-    constructor() {}
 }
 
 export class StudentResult {
@@ -52,8 +46,6 @@ export class StudentResult {
     public gradeWithBonus?: BonusResult;
     public exerciseGroupIdToExerciseResult: { [key: number]: ExerciseResult };
     public mostSeverePlagiarismVerdict?: PlagiarismVerdict;
-
-    constructor() {}
 }
 
 export class StudentExamWithGradeDTO {
@@ -72,8 +64,6 @@ export class ExerciseResult {
     public achievedScore?: number;
     public achievedPoints?: number;
     public hasNonEmptySubmission: boolean;
-
-    constructor() {}
 }
 
 export class AggregatedExamResult {
@@ -164,8 +154,6 @@ export class AggregatedExamResult {
     public standardGradeDeviationTotalInFirstCorrection?: number;
     public standardGradeDeviationNonEmptyInFirstCorrection?: number;
     public standardGradeDeviationSubmittedAndNonEmptyInFirstCorrection?: number;
-
-    constructor() {}
 }
 
 export class AggregatedExerciseGroupResult {
diff --git a/src/main/webapp/app/exam/exam-scores/exam-scores-average-scores-graph.component.ts b/src/main/webapp/app/exam/exam-scores/exam-scores-average-scores-graph.component.ts
index a76a05026816..822cd14cc06b 100644
--- a/src/main/webapp/app/exam/exam-scores/exam-scores-average-scores-graph.component.ts
+++ b/src/main/webapp/app/exam/exam-scores/exam-scores-average-scores-graph.component.ts
@@ -1,6 +1,4 @@
 import { Component, OnInit, inject, input } from '@angular/core';
-import { StatisticsService } from 'app/shared/statistics-graph/statistics.service';
-import { TranslateService } from '@ngx-translate/core';
 import { GraphColors } from 'app/entities/statistics.model';
 import { AggregatedExerciseGroupResult } from 'app/exam/exam-scores/exam-score-dtos.model';
 import { LocaleConversionService } from 'app/shared/service/locale-conversion.service';
@@ -20,14 +18,11 @@ type NameToValueMap = { [name: string]: any };
 @Component({
     selector: 'jhi-exam-scores-average-scores-graph',
     templateUrl: './exam-scores-average-scores-graph.component.html',
-    standalone: true,
     imports: [TranslateDirective, BarChartModule, ArtemisSharedCommonModule],
 })
 export class ExamScoresAverageScoresGraphComponent implements OnInit {
     private navigationUtilService = inject(ArtemisNavigationUtilService);
     private activatedRoute = inject(ActivatedRoute);
-    private service = inject(StatisticsService);
-    private translateService = inject(TranslateService);
     private localeConversionService = inject(LocaleConversionService);
 
     averageScores = input.required<AggregatedExerciseGroupResult>();
diff --git a/src/main/webapp/app/exam/exam-scores/exam-scores.component.ts b/src/main/webapp/app/exam/exam-scores/exam-scores.component.ts
index 97bb7fb19d39..8a92155a2700 100644
--- a/src/main/webapp/app/exam/exam-scores/exam-scores.component.ts
+++ b/src/main/webapp/app/exam/exam-scores/exam-scores.component.ts
@@ -75,7 +75,6 @@ export enum MedianType {
     templateUrl: './exam-scores.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     styleUrls: ['./exam-scores.component.scss', '../../shared/chart/vertical-bar-chart.scss'],
-    standalone: true,
     imports: [RouterLink, ArtemisSharedComponentModule, ArtemisSharedCommonModule, ExamScoresAverageScoresGraphComponent, ArtemisParticipantScoresModule, ExportModule],
 })
 export class ExamScoresComponent implements OnInit, OnDestroy {
diff --git a/src/main/webapp/app/exam/exam-scores/exam-scores.route.ts b/src/main/webapp/app/exam/exam-scores/exam-scores.route.ts
index c0b815477e42..ac35ee9c1370 100644
--- a/src/main/webapp/app/exam/exam-scores/exam-scores.route.ts
+++ b/src/main/webapp/app/exam/exam-scores/exam-scores.route.ts
@@ -1,12 +1,12 @@
 import { Route, Routes } from '@angular/router';
-import { ExamScoresComponent } from 'app/exam/exam-scores/exam-scores.component';
+
 import { Authority } from 'app/shared/constants/authority.constants';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
 
 export const examScoresRoute: Route[] = [
     {
         path: ':examId/scores',
-        component: ExamScoresComponent,
+        loadComponent: () => import('app/exam/exam-scores/exam-scores.component').then((m) => m.ExamScoresComponent),
     },
 ];
 
diff --git a/src/main/webapp/app/exam/manage/exam-exercise-update.service.ts b/src/main/webapp/app/exam/manage/exam-exercise-update.service.ts
index 79b53329ac10..ec9530e1735e 100644
--- a/src/main/webapp/app/exam/manage/exam-exercise-update.service.ts
+++ b/src/main/webapp/app/exam/manage/exam-exercise-update.service.ts
@@ -14,8 +14,6 @@ export class ExamExerciseUpdateService {
     private examExerciseIdForNavigationSource = new BehaviorSubject<number>(-1);
     currentExerciseIdForNavigation = this.examExerciseIdForNavigationSource.asObservable();
 
-    constructor() {}
-
     navigateToExamExercise(exerciseId: number) {
         this.examExerciseIdForNavigationSource.next(exerciseId);
     }
diff --git a/src/main/webapp/app/exam/manage/exam-management-resolve.service.ts b/src/main/webapp/app/exam/manage/exam-management-resolve.service.ts
index e33354d96359..525e29e024c3 100644
--- a/src/main/webapp/app/exam/manage/exam-management-resolve.service.ts
+++ b/src/main/webapp/app/exam/manage/exam-management-resolve.service.ts
@@ -3,7 +3,7 @@ import { Exam } from 'app/entities/exam/exam.model';
 import { ExamManagementService } from 'app/exam/manage/exam-management.service';
 import { ExerciseGroup } from 'app/entities/exercise-group.model';
 import { ExerciseGroupService } from 'app/exam/manage/exercise-groups/exercise-group.service';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ActivatedRouteSnapshot, Resolve } from '@angular/router';
 import { Observable, filter, map, of } from 'rxjs';
 import { HttpResponse } from '@angular/common/http';
@@ -14,7 +14,7 @@ import { catchError } from 'rxjs/operators';
 
 @Injectable({ providedIn: 'root' })
 export class CourseResolve implements Resolve<Course | null> {
-    constructor(private courseManagementService: CourseManagementService) {}
+    private courseManagementService = inject(CourseManagementService);
 
     resolve(route: ActivatedRouteSnapshot): Observable<Course | null> {
         const courseId = route.params['courseId'];
@@ -32,7 +32,7 @@ export class CourseResolve implements Resolve<Course | null> {
 
 @Injectable({ providedIn: 'root' })
 export class ExamResolve implements Resolve<Exam> {
-    constructor(private examManagementService: ExamManagementService) {}
+    private examManagementService = inject(ExamManagementService);
 
     /**
      * Resolves the route by extracting the examId and returns the exam with that id if it exists
@@ -64,7 +64,7 @@ export class ExamResolve implements Resolve<Exam> {
 
 @Injectable({ providedIn: 'root' })
 export class ExerciseGroupResolve implements Resolve<ExerciseGroup> {
-    constructor(private exerciseGroupService: ExerciseGroupService) {}
+    private exerciseGroupService = inject(ExerciseGroupService);
 
     /**
      * Resolves the route by extracting the exerciseGroupId and returns the exercise group with that id if it exists
@@ -87,7 +87,7 @@ export class ExerciseGroupResolve implements Resolve<ExerciseGroup> {
 
 @Injectable({ providedIn: 'root' })
 export class StudentExamResolve implements Resolve<StudentExamWithGradeDTO> {
-    constructor(private studentExamService: StudentExamService) {}
+    private studentExamService = inject(StudentExamService);
 
     /**
      * Resolves the route by extracting the studentExamId and returns the student exam with that id if it exists
diff --git a/src/main/webapp/app/exam/manage/exam-management.component.ts b/src/main/webapp/app/exam/manage/exam-management.component.ts
index bd55ca990c1c..0bec4752d1c2 100644
--- a/src/main/webapp/app/exam/manage/exam-management.component.ts
+++ b/src/main/webapp/app/exam/manage/exam-management.component.ts
@@ -1,6 +1,6 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 import { Subject, Subscription } from 'rxjs';
 import { ExamManagementService } from 'app/exam/manage/exam-management.service';
 import { Exam } from 'app/entities/exam/exam.model';
@@ -17,13 +17,30 @@ import { faClipboard, faEye, faFileImport, faListAlt, faPlus, faSort, faThList,
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 import { ExamImportComponent } from 'app/exam/manage/exams/exam-import/exam-import.component';
 import { DocumentationType } from 'app/shared/components/documentation-button/documentation-button.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { DocumentationButtonComponent } from 'app/shared/components/documentation-button/documentation-button.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { SortDirective } from 'app/shared/sort/sort.directive';
+import { SortByDirective } from 'app/shared/sort/sort-by.directive';
+import { ExamStatusComponent } from './exam-status.component';
 
 @Component({
     selector: 'jhi-exam-management',
     templateUrl: './exam-management.component.html',
     styleUrls: ['./exam-management.component.scss'],
+    imports: [TranslateDirective, DocumentationButtonComponent, FaIconComponent, RouterLink, SortDirective, SortByDirective, ExamStatusComponent],
 })
 export class ExamManagementComponent implements OnInit, OnDestroy {
+    private route = inject(ActivatedRoute);
+    private courseService = inject(CourseManagementService);
+    private examManagementService = inject(ExamManagementService);
+    private eventManager = inject(EventManager);
+    private accountService = inject(AccountService);
+    private alertService = inject(AlertService);
+    private sortService = inject(SortService);
+    private modalService = inject(NgbModal);
+    private router = inject(Router);
+
     readonly documentationType: DocumentationType = 'Exams';
 
     course: Course;
@@ -47,17 +64,7 @@ export class ExamManagementComponent implements OnInit, OnDestroy {
     faClipboard = faClipboard;
     faThList = faThList;
 
-    constructor(
-        private route: ActivatedRoute,
-        private courseService: CourseManagementService,
-        private examManagementService: ExamManagementService,
-        private eventManager: EventManager,
-        private accountService: AccountService,
-        private alertService: AlertService,
-        private sortService: SortService,
-        private modalService: NgbModal,
-        private router: Router,
-    ) {
+    constructor() {
         this.predicate = 'id';
         this.ascending = true;
     }
diff --git a/src/main/webapp/app/exam/manage/exam-management.module.ts b/src/main/webapp/app/exam/manage/exam-management.module.ts
index d3e3677195d2..1422935400c5 100644
--- a/src/main/webapp/app/exam/manage/exam-management.module.ts
+++ b/src/main/webapp/app/exam/manage/exam-management.module.ts
@@ -48,7 +48,7 @@ import { ArtemisExamModePickerModule } from 'app/exam/manage/exams/exam-mode-pic
 import { ExamImportComponent } from 'app/exam/manage/exams/exam-import/exam-import.component';
 import { ArtemisHeaderExercisePageWithDetailsModule } from 'app/exercises/shared/exercise-headers/exercise-headers.module';
 import { ExamExerciseImportComponent } from 'app/exam/manage/exams/exam-exercise-import/exam-exercise-import.component';
-import { FeatureToggleModule } from 'app/shared/feature-toggle/feature-toggle.module';
+
 import { BonusComponent } from 'app/grading-system/bonus/bonus.component';
 import { ArtemisModePickerModule } from 'app/exercises/shared/mode-picker/mode-picker.module';
 import { StudentExamTimelineComponent } from './student-exams/student-exam-timeline/student-exam-timeline.component';
@@ -99,7 +99,6 @@ const ENTITY_STATES = [...examManagementState, ...examScoresState];
         ArtemisExamModePickerModule,
         ArtemisHeaderExercisePageWithDetailsModule,
         BarChartModule,
-        FeatureToggleModule,
         ArtemisModePickerModule,
         StudentsUploadImagesModule,
         TitleChannelNameModule,
@@ -113,8 +112,6 @@ const ENTITY_STATES = [...examManagementState, ...examScoresState];
         SafeHtmlPipe,
         GradeStepBoundsPipe,
         BonusComponent,
-    ],
-    declarations: [
         ExamManagementComponent,
         ExamUpdateComponent,
         ExamDetailComponent,
diff --git a/src/main/webapp/app/exam/manage/exam-management.route.ts b/src/main/webapp/app/exam/manage/exam-management.route.ts
index 16f0a8e2a5ca..6b8cd746e9ae 100644
--- a/src/main/webapp/app/exam/manage/exam-management.route.ts
+++ b/src/main/webapp/app/exam/manage/exam-management.route.ts
@@ -1,76 +1,36 @@
 import { Routes } from '@angular/router';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
-import { ExamManagementComponent } from 'app/exam/manage/exam-management.component';
-import { ExamUpdateComponent } from 'app/exam/manage/exams/exam-update.component';
-import { ExamDetailComponent } from 'app/exam/manage/exams/exam-detail.component';
-import { ExerciseGroupsComponent } from 'app/exam/manage/exercise-groups/exercise-groups.component';
-import { ExerciseGroupUpdateComponent } from 'app/exam/manage/exercise-groups/exercise-group-update.component';
-import { ExamStudentsComponent } from 'app/exam/manage/students/exam-students.component';
-import { StudentExamsComponent } from 'app/exam/manage/student-exams/student-exams.component';
-import { StudentExamDetailComponent } from 'app/exam/manage/student-exams/student-exam-detail.component';
-import { ExamStudentsAttendanceCheckComponent } from 'app/exam/manage/students/verify-attendance-check/exam-students-attendance-check.component';
-import { TextExerciseUpdateComponent } from 'app/exercises/text/manage/text-exercise/text-exercise-update.component';
+
 import { TextExerciseResolver } from 'app/exercises/text/manage/text-exercise/text-exercise.route';
-import { FileUploadExerciseUpdateComponent } from 'app/exercises/file-upload/manage/file-upload-exercise-update.component';
-import { QuizExerciseUpdateComponent } from 'app/exercises/quiz/manage/quiz-exercise-update.component';
-import { ProgrammingExerciseUpdateComponent } from 'app/exercises/programming/manage/update/programming-exercise-update.component';
+
 import { ProgrammingExerciseResolve } from 'app/exercises/programming/manage/programming-exercise-management-routing.module';
-import { ModelingExerciseUpdateComponent } from 'app/exercises/modeling/manage/modeling-exercise-update.component';
-import { StudentExamSummaryComponent } from 'app/exam/manage/student-exams/student-exam-summary.component';
-import { AssessmentDashboardComponent } from 'app/course/dashboards/assessment-dashboard/assessment-dashboard.component';
-import { TestRunManagementComponent } from 'app/exam/manage/test-runs/test-run-management.component';
-import { ExamParticipationComponent } from 'app/exam/participate/exam-participation.component';
+
 import { PendingChangesGuard } from 'app/shared/guard/pending-changes.guard';
 import { Authority } from 'app/shared/constants/authority.constants';
 import { ExerciseAssessmentDashboardComponent } from 'app/exercises/shared/dashboards/tutor/exercise-assessment-dashboard.component';
 import { ParticipationSubmissionComponent } from 'app/exercises/shared/participation-submission/participation-submission.component';
-import { FileUploadAssessmentComponent } from 'app/exercises/file-upload/assess/file-upload-assessment.component';
+
 import { ParticipationComponent } from 'app/exercises/shared/participation/participation.component';
 import { ExerciseScoresComponent } from 'app/exercises/shared/exercise-scores/exercise-scores.component';
-import { ModelingAssessmentEditorComponent } from 'app/exercises/modeling/assess/modeling-assessment-editor/modeling-assessment-editor.component';
+
 import { CodeEditorTutorAssessmentContainerComponent } from 'app/exercises/programming/assess/code-editor-tutor-assessment-container.component';
 import { exerciseTypes } from 'app/entities/exercise.model';
-import { FileUploadExerciseDetailComponent } from 'app/exercises/file-upload/manage/file-upload-exercise-detail.component';
-import { ModelingExerciseDetailComponent } from 'app/exercises/modeling/manage/modeling-exercise-detail.component';
-import { ProgrammingExerciseDetailComponent } from 'app/exercises/programming/manage/programming-exercise-detail.component';
-import { TextExerciseDetailComponent } from 'app/exercises/text/manage/text-exercise/text-exercise-detail.component';
-import { PlagiarismInspectorComponent } from 'app/exercises/shared/plagiarism/plagiarism-inspector/plagiarism-inspector.component';
-import { GradingSystemComponent } from 'app/grading-system/grading-system.component';
-import { ExampleSubmissionsComponent } from 'app/exercises/shared/example-submission/example-submissions.component';
-import { GradingKeyOverviewComponent } from 'app/grading-system/grading-key-overview/grading-key-overview.component';
+
 import { ExerciseStatisticsComponent } from 'app/exercises/shared/statistics/exercise-statistics.component';
-import { ProgrammingExerciseConfigureGradingComponent } from 'app/exercises/programming/manage/grading/programming-exercise-configure-grading.component';
-import { ExampleModelingSubmissionComponent } from 'app/exercises/modeling/manage/example-modeling/example-modeling-submission.component';
-import { QuizParticipationComponent } from 'app/exercises/quiz/participate/quiz-participation.component';
-import { QuizReEvaluateComponent } from 'app/exercises/quiz/manage/re-evaluate/quiz-re-evaluate.component';
-import { QuizPointStatisticComponent } from 'app/exercises/quiz/manage/statistics/quiz-point-statistic/quiz-point-statistic.component';
-import { QuizStatisticComponent } from 'app/exercises/quiz/manage/statistics/quiz-statistic/quiz-statistic.component';
-import { MultipleChoiceQuestionStatisticComponent } from 'app/exercises/quiz/manage/statistics/multiple-choice-question-statistic/multiple-choice-question-statistic.component';
-import { DragAndDropQuestionStatisticComponent } from 'app/exercises/quiz/manage/statistics/drag-and-drop-question-statistic/drag-and-drop-question-statistic.component';
-import { ShortAnswerQuestionStatisticComponent } from 'app/exercises/quiz/manage/statistics/short-answer-question-statistic/short-answer-question-statistic.component';
+
 import { OrionExerciseAssessmentDashboardComponent } from 'app/orion/assessment/orion-exercise-assessment-dashboard.component';
 import { OrionTutorAssessmentComponent } from 'app/orion/assessment/orion-tutor-assessment.component';
 import { isOrion } from 'app/shared/orion/orion';
 import { FileUploadExerciseManagementResolve } from 'app/exercises/file-upload/manage/file-upload-exercise-management-resolve.service';
 import { ModelingExerciseResolver } from 'app/exercises/modeling/manage/modeling-exercise-resolver.service';
 import { CourseResolve, ExamResolve, ExerciseGroupResolve, StudentExamResolve } from 'app/exam/manage/exam-management-resolve.service';
-import { BonusComponent } from 'app/grading-system/bonus/bonus.component';
-import { SuspiciousBehaviorComponent } from 'app/exam/manage/suspicious-behavior/suspicious-behavior.component';
-import { SuspiciousSessionsOverviewComponent } from 'app/exam/manage/suspicious-behavior/suspicious-sessions-overview/suspicious-sessions-overview.component';
-import { StudentExamTimelineComponent } from 'app/exam/manage/student-exams/student-exam-timeline/student-exam-timeline.component';
-import { QuizPoolComponent } from 'app/exercises/quiz/manage/quiz-pool.component';
-import { BuildPlanEditorComponent } from 'app/exercises/programming/manage/build-plan-editor.component';
-import { QuizExerciseDetailComponent } from 'app/exercises/quiz/manage/quiz-exercise-detail.component';
-import { RepositoryViewComponent } from 'app/localvc/repository-view/repository-view.component';
+
 import { LocalVCGuard } from 'app/localvc/localvc-guard.service';
-import { CommitHistoryComponent } from 'app/localvc/commit-history/commit-history.component';
-import { CommitDetailsViewComponent } from 'app/localvc/commit-details-view/commit-details-view.component';
-import { VcsRepositoryAccessLogViewComponent } from 'app/localvc/vcs-repository-access-log-view/vcs-repository-access-log-view.component';
 
 export const examManagementRoute: Routes = [
     {
         path: '',
-        component: ExamManagementComponent,
+        loadComponent: () => import('app/exam/manage/exam-management.component').then((m) => m.ExamManagementComponent),
         data: {
             authorities: [Authority.TA, Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.examManagement.title',
@@ -79,7 +39,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: 'new',
-        component: ExamUpdateComponent,
+        loadComponent: () => import('app/exam/manage/exams/exam-update.component').then((m) => m.ExamUpdateComponent),
         resolve: {
             exam: ExamResolve,
             course: CourseResolve,
@@ -92,7 +52,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/edit',
-        component: ExamUpdateComponent,
+        loadComponent: () => import('app/exam/manage/exams/exam-update.component').then((m) => m.ExamUpdateComponent),
         resolve: {
             exam: ExamResolve,
             course: CourseResolve,
@@ -105,7 +65,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId',
-        component: ExamDetailComponent,
+        loadComponent: () => import('app/exam/manage/exams/exam-detail.component').then((m) => m.ExamDetailComponent),
         resolve: {
             exam: ExamResolve,
         },
@@ -121,7 +81,7 @@ export const examManagementRoute: Routes = [
     // Exam Import
     {
         path: 'import/:examId',
-        component: ExamUpdateComponent,
+        loadComponent: () => import('app/exam/manage/exams/exam-update.component').then((m) => m.ExamUpdateComponent),
         resolve: {
             exam: ExamResolve,
             course: CourseResolve,
@@ -137,7 +97,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/exercise-groups',
-        component: ExerciseGroupsComponent,
+        loadComponent: () => import('app/exam/manage/exercise-groups/exercise-groups.component').then((m) => m.ExerciseGroupsComponent),
         data: {
             authorities: [Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.examManagement.title',
@@ -146,7 +106,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/exercise-groups/new',
-        component: ExerciseGroupUpdateComponent,
+        loadComponent: () => import('app/exam/manage/exercise-groups/exercise-group-update.component').then((m) => m.ExerciseGroupUpdateComponent),
         resolve: {
             exam: ExamResolve,
             exerciseGroup: ExerciseGroupResolve,
@@ -159,7 +119,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/exercise-groups/:exerciseGroupId/edit',
-        component: ExerciseGroupUpdateComponent,
+        loadComponent: () => import('app/exam/manage/exercise-groups/exercise-group-update.component').then((m) => m.ExerciseGroupUpdateComponent),
         resolve: {
             exam: ExamResolve,
             exerciseGroup: ExerciseGroupResolve,
@@ -176,7 +136,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/students',
-        component: ExamStudentsComponent,
+        loadComponent: () => import('app/exam/manage/students/exam-students.component').then((m) => m.ExamStudentsComponent),
         resolve: {
             exam: ExamResolve,
         },
@@ -191,7 +151,8 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/students/verify-attendance',
-        component: ExamStudentsAttendanceCheckComponent,
+        loadComponent: () =>
+            import('app/exam/manage/students/verify-attendance-check/exam-students-attendance-check.component').then((m) => m.ExamStudentsAttendanceCheckComponent),
         resolve: {
             exam: ExamResolve,
         },
@@ -203,7 +164,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/student-exams',
-        component: StudentExamsComponent,
+        loadComponent: () => import('app/exam/manage/student-exams/student-exams.component').then((m) => m.StudentExamsComponent),
         data: {
             authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.examManagement.title',
@@ -212,7 +173,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/grading-system',
-        component: GradingSystemComponent,
+        loadComponent: () => import('app/grading-system/grading-system.component').then((m) => m.GradingSystemComponent),
         data: {
             authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.examManagement.gradingSystem',
@@ -222,7 +183,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/bonus',
-        component: BonusComponent,
+        loadComponent: () => import('app/grading-system/bonus/bonus.component').then((m) => m.BonusComponent),
         data: {
             authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.bonus.title',
@@ -231,7 +192,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/suspicious-behavior',
-        component: SuspiciousBehaviorComponent,
+        loadComponent: () => import('app/exam/manage/suspicious-behavior/suspicious-behavior.component').then((m) => m.SuspiciousBehaviorComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR],
             pageTitle: 'artemisApp.examManagement.suspiciousBehavior.title',
@@ -240,7 +201,8 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/suspicious-behavior/suspicious-sessions',
-        component: SuspiciousSessionsOverviewComponent,
+        loadComponent: () =>
+            import('app/exam/manage/suspicious-behavior/suspicious-sessions-overview/suspicious-sessions-overview.component').then((m) => m.SuspiciousSessionsOverviewComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR],
             pageTitle: 'artemisApp.examManagement.suspiciousBehavior.suspiciousSessions.title',
@@ -249,7 +211,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/test-runs',
-        component: TestRunManagementComponent,
+        loadComponent: () => import('app/exam/manage/test-runs/test-run-management.component').then((m) => m.TestRunManagementComponent),
         resolve: {
             exam: ExamResolve,
         },
@@ -261,7 +223,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/test-runs/assess',
-        component: AssessmentDashboardComponent,
+        loadComponent: () => import('app/course/dashboards/assessment-dashboard/assessment-dashboard.component').then((m) => m.AssessmentDashboardComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR, Authority.TA],
             pageTitle: 'artemisApp.examManagement.assessmentDashboard',
@@ -270,7 +232,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/test-runs/:studentExamId',
-        component: StudentExamDetailComponent,
+        loadComponent: () => import('app/exam/manage/student-exams/student-exam-detail.component').then((m) => m.StudentExamDetailComponent),
         resolve: {
             studentExam: StudentExamResolve,
         },
@@ -282,7 +244,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/student-exams/:studentExamId',
-        component: StudentExamDetailComponent,
+        loadComponent: () => import('app/exam/manage/student-exams/student-exam-detail.component').then((m) => m.StudentExamDetailComponent),
         resolve: {
             studentExam: StudentExamResolve,
         },
@@ -294,7 +256,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/student-exams/:studentExamId/summary',
-        component: StudentExamSummaryComponent,
+        loadComponent: () => import('app/exam/manage/student-exams/student-exam-summary.component').then((m) => m.StudentExamSummaryComponent),
         resolve: {
             studentExam: StudentExamResolve,
         },
@@ -306,7 +268,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/student-exams/:studentExamId/summary/exercises/:exerciseId/repository/:participationId',
-        component: RepositoryViewComponent,
+        loadComponent: () => import('app/localvc/repository-view/repository-view.component').then((m) => m.RepositoryViewComponent),
         data: {
             authorities: [Authority.TA, Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.repository.title',
@@ -315,7 +277,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/student-exams/:studentExamId/summary/exercises/:exerciseId/repository/:participationId/commit-history',
-        component: CommitHistoryComponent,
+        loadComponent: () => import('app/localvc/commit-history/commit-history.component').then((m) => m.CommitHistoryComponent),
         data: {
             authorities: [Authority.TA, Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.repository.commitHistory.title',
@@ -324,7 +286,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/student-exams/:studentExamId/summary/exercises/:exerciseId/repository/:participationId/commit-history/:commitHash',
-        component: CommitDetailsViewComponent,
+        loadComponent: () => import('app/localvc/commit-details-view/commit-details-view.component').then((m) => m.CommitDetailsViewComponent),
         data: {
             authorities: [Authority.TA, Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.repository.commitHistory.commitDetails.title',
@@ -333,7 +295,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/student-exams/:studentExamId/exam-timeline',
-        component: StudentExamTimelineComponent,
+        loadComponent: () => import('app/exam/manage/student-exams/student-exam-timeline/student-exam-timeline.component').then((m) => m.StudentExamTimelineComponent),
         resolve: {
             studentExam: StudentExamResolve,
         },
@@ -345,7 +307,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/student-exams/:studentExamId/summary/overview/grading-key',
-        component: GradingKeyOverviewComponent,
+        loadComponent: () => import('app/grading-system/grading-key-overview/grading-key-overview.component').then((m) => m.GradingKeyOverviewComponent),
         data: {
             authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.examManagement.title',
@@ -354,7 +316,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/student-exams/:studentExamId/summary/overview/bonus-grading-key',
-        component: GradingKeyOverviewComponent,
+        loadComponent: () => import('app/grading-system/grading-key-overview/grading-key-overview.component').then((m) => m.GradingKeyOverviewComponent),
         data: {
             authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.examManagement.title',
@@ -364,7 +326,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/test-runs/:testRunId/conduction',
-        component: ExamParticipationComponent,
+        loadComponent: () => import('app/exam/participate/exam-participation.component').then((m) => m.ExamParticipationComponent),
         data: {
             authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.exam.title',
@@ -374,7 +336,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/test-runs/:studentExamId/summary',
-        component: StudentExamSummaryComponent,
+        loadComponent: () => import('app/exam/manage/student-exams/student-exam-summary.component').then((m) => m.StudentExamSummaryComponent),
         resolve: {
             studentExam: StudentExamResolve,
         },
@@ -387,7 +349,7 @@ export const examManagementRoute: Routes = [
     // Create Modeling Exercise
     {
         path: ':examId/exercise-groups/:exerciseGroupId/modeling-exercises/new',
-        component: ModelingExerciseUpdateComponent,
+        loadComponent: () => import('app/exercises/modeling/manage/modeling-exercise-update.component').then((m) => m.ModelingExerciseUpdateComponent),
         resolve: {
             modelingExercise: ModelingExerciseResolver,
         },
@@ -400,7 +362,7 @@ export const examManagementRoute: Routes = [
     // Import Modeling Exercise
     {
         path: ':examId/exercise-groups/:exerciseGroupId/modeling-exercises/import/:exerciseId',
-        component: ModelingExerciseUpdateComponent,
+        loadComponent: () => import('app/exercises/modeling/manage/modeling-exercise-update.component').then((m) => m.ModelingExerciseUpdateComponent),
         resolve: {
             modelingExercise: ModelingExerciseResolver,
         },
@@ -413,7 +375,7 @@ export const examManagementRoute: Routes = [
     // Edit Modeling Exercise
     {
         path: ':examId/exercise-groups/:exerciseGroupId/modeling-exercises/:exerciseId/edit',
-        component: ModelingExerciseUpdateComponent,
+        loadComponent: () => import('app/exercises/modeling/manage/modeling-exercise-update.component').then((m) => m.ModelingExerciseUpdateComponent),
         resolve: {
             modelingExercise: ModelingExerciseResolver,
         },
@@ -426,7 +388,7 @@ export const examManagementRoute: Routes = [
     // Create Text Exercise
     {
         path: ':examId/exercise-groups/:exerciseGroupId/text-exercises/new',
-        component: TextExerciseUpdateComponent,
+        loadComponent: () => import('app/exercises/text/manage/text-exercise/text-exercise-update.component').then((m) => m.TextExerciseUpdateComponent),
         resolve: {
             textExercise: TextExerciseResolver,
         },
@@ -439,7 +401,7 @@ export const examManagementRoute: Routes = [
     // Import Text Exercise
     {
         path: ':examId/exercise-groups/:exerciseGroupId/text-exercises/import/:exerciseId',
-        component: TextExerciseUpdateComponent,
+        loadComponent: () => import('app/exercises/text/manage/text-exercise/text-exercise-update.component').then((m) => m.TextExerciseUpdateComponent),
         resolve: {
             textExercise: TextExerciseResolver,
         },
@@ -452,7 +414,7 @@ export const examManagementRoute: Routes = [
     // Edit Text Exercise
     {
         path: ':examId/exercise-groups/:exerciseGroupId/text-exercises/:exerciseId/edit',
-        component: TextExerciseUpdateComponent,
+        loadComponent: () => import('app/exercises/text/manage/text-exercise/text-exercise-update.component').then((m) => m.TextExerciseUpdateComponent),
         resolve: {
             textExercise: TextExerciseResolver,
         },
@@ -465,7 +427,7 @@ export const examManagementRoute: Routes = [
     // Create File Upload Exercise
     {
         path: ':examId/exercise-groups/:exerciseGroupId/file-upload-exercises/new',
-        component: FileUploadExerciseUpdateComponent,
+        loadComponent: () => import('app/exercises/file-upload/manage/file-upload-exercise-update.component').then((m) => m.FileUploadExerciseUpdateComponent),
         resolve: {
             fileUploadExercise: FileUploadExerciseManagementResolve,
         },
@@ -478,7 +440,7 @@ export const examManagementRoute: Routes = [
     // Edit File Upload Exercise
     {
         path: ':examId/exercise-groups/:exerciseGroupId/file-upload-exercises/:exerciseId/edit',
-        component: FileUploadExerciseUpdateComponent,
+        loadComponent: () => import('app/exercises/file-upload/manage/file-upload-exercise-update.component').then((m) => m.FileUploadExerciseUpdateComponent),
         resolve: {
             fileUploadExercise: FileUploadExerciseManagementResolve,
         },
@@ -491,7 +453,7 @@ export const examManagementRoute: Routes = [
     // Quiz Pool Configuration
     {
         path: ':examId/quiz-pool',
-        component: QuizPoolComponent,
+        loadComponent: () => import('app/exercises/quiz/manage/quiz-pool.component').then((m) => m.QuizPoolComponent),
         data: {
             authorities: [Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.quizExercise.home.title',
@@ -501,7 +463,7 @@ export const examManagementRoute: Routes = [
     // Import File Upload Exercise
     {
         path: ':examId/exercise-groups/:exerciseGroupId/file-upload-exercises/import/:exerciseId',
-        component: FileUploadExerciseUpdateComponent,
+        loadComponent: () => import('app/exercises/file-upload/manage/file-upload-exercise-update.component').then((m) => m.FileUploadExerciseUpdateComponent),
         resolve: {
             fileUploadExercise: FileUploadExerciseManagementResolve,
         },
@@ -514,7 +476,7 @@ export const examManagementRoute: Routes = [
     // Create Quiz Exercise
     {
         path: ':examId/exercise-groups/:exerciseGroupId/quiz-exercises/new',
-        component: QuizExerciseUpdateComponent,
+        loadComponent: () => import('app/exercises/quiz/manage/quiz-exercise-update.component').then((m) => m.QuizExerciseUpdateComponent),
         data: {
             authorities: [Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.quizExercise.home.title',
@@ -524,7 +486,7 @@ export const examManagementRoute: Routes = [
     // Import Quiz Exercise
     {
         path: ':examId/exercise-groups/:exerciseGroupId/quiz-exercises/import/:exerciseId',
-        component: QuizExerciseUpdateComponent,
+        loadComponent: () => import('app/exercises/quiz/manage/quiz-exercise-update.component').then((m) => m.QuizExerciseUpdateComponent),
         data: {
             authorities: [Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.quizExercise.home.title',
@@ -534,7 +496,7 @@ export const examManagementRoute: Routes = [
     // Edit Quiz Exercise
     {
         path: ':examId/exercise-groups/:exerciseGroupId/quiz-exercises/:exerciseId/edit',
-        component: QuizExerciseUpdateComponent,
+        loadComponent: () => import('app/exercises/quiz/manage/quiz-exercise-update.component').then((m) => m.QuizExerciseUpdateComponent),
         data: {
             authorities: [Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.quizExercise.home.title',
@@ -544,7 +506,7 @@ export const examManagementRoute: Routes = [
     // Create Programming Exercise
     {
         path: ':examId/exercise-groups/:exerciseGroupId/programming-exercises/new',
-        component: ProgrammingExerciseUpdateComponent,
+        loadComponent: () => import('app/exercises/programming/manage/update/programming-exercise-update.component').then((m) => m.ProgrammingExerciseUpdateComponent),
         resolve: {
             programmingExercise: ProgrammingExerciseResolve,
         },
@@ -557,7 +519,7 @@ export const examManagementRoute: Routes = [
     // Import programming exercise
     {
         path: ':examId/exercise-groups/:exerciseGroupId/programming-exercises/import/:exerciseId',
-        component: ProgrammingExerciseUpdateComponent,
+        loadComponent: () => import('app/exercises/programming/manage/update/programming-exercise-update.component').then((m) => m.ProgrammingExerciseUpdateComponent),
         resolve: {
             programmingExercise: ProgrammingExerciseResolve,
         },
@@ -570,7 +532,7 @@ export const examManagementRoute: Routes = [
     // Import programming exercise from file
     {
         path: ':examId/exercise-groups/:exerciseGroupId/programming-exercises/import-from-file',
-        component: ProgrammingExerciseUpdateComponent,
+        loadComponent: () => import('app/exercises/programming/manage/update/programming-exercise-update.component').then((m) => m.ProgrammingExerciseUpdateComponent),
         resolve: {
             programmingExercise: ProgrammingExerciseResolve,
         },
@@ -583,7 +545,7 @@ export const examManagementRoute: Routes = [
     // Edit Programming Exercise
     {
         path: ':examId/exercise-groups/:exerciseGroupId/programming-exercises/:exerciseId/edit',
-        component: ProgrammingExerciseUpdateComponent,
+        loadComponent: () => import('app/exercises/programming/manage/update/programming-exercise-update.component').then((m) => m.ProgrammingExerciseUpdateComponent),
         resolve: {
             programmingExercise: ProgrammingExerciseResolve,
         },
@@ -595,7 +557,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/exercise-groups/:exerciseGroupId/text-exercises/:exerciseId',
-        component: TextExerciseDetailComponent,
+        loadComponent: () => import('app/exercises/text/manage/text-exercise/text-exercise-detail.component').then((m) => m.TextExerciseDetailComponent),
         data: {
             authorities: [Authority.TA, Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.textExercise.home.title',
@@ -604,7 +566,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/exercise-groups/:exerciseGroupId/file-upload-exercises/:exerciseId',
-        component: FileUploadExerciseDetailComponent,
+        loadComponent: () => import('app/exercises/file-upload/manage/file-upload-exercise-detail.component').then((m) => m.FileUploadExerciseDetailComponent),
         data: {
             authorities: [Authority.TA, Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.fileUploadExercise.home.title',
@@ -613,7 +575,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/exercise-groups/:exerciseGroupId/modeling-exercises/:exerciseId',
-        component: ModelingExerciseDetailComponent,
+        loadComponent: () => import('app/exercises/modeling/manage/modeling-exercise-detail.component').then((m) => m.ModelingExerciseDetailComponent),
         data: {
             authorities: [Authority.TA, Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.modelingExercise.home.title',
@@ -622,7 +584,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/exercise-groups/:exerciseGroupId/programming-exercises/:exerciseId',
-        component: ProgrammingExerciseDetailComponent,
+        loadComponent: () => import('app/exercises/programming/manage/programming-exercise-detail.component').then((m) => m.ProgrammingExerciseDetailComponent),
         resolve: {
             programmingExercise: ProgrammingExerciseResolve,
         },
@@ -634,7 +596,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/exercise-groups/:exerciseGroupId/programming-exercises/:exerciseId/repository/:repositoryType',
-        component: RepositoryViewComponent,
+        loadComponent: () => import('app/localvc/repository-view/repository-view.component').then((m) => m.RepositoryViewComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR, Authority.EDITOR, Authority.TA],
             pageTitle: 'artemisApp.repository.title',
@@ -643,7 +605,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/exercise-groups/:exerciseGroupId/programming-exercises/:exerciseId/repository/:repositoryType/vcs-access-log',
-        component: VcsRepositoryAccessLogViewComponent,
+        loadComponent: () => import('app/localvc/vcs-repository-access-log-view/vcs-repository-access-log-view.component').then((m) => m.VcsRepositoryAccessLogViewComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR],
             pageTitle: 'artemisApp.repository.title',
@@ -652,7 +614,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/exercise-groups/:exerciseGroupId/programming-exercises/:exerciseId/repository/:repositoryType/repo/:repositoryId',
-        component: RepositoryViewComponent,
+        loadComponent: () => import('app/localvc/repository-view/repository-view.component').then((m) => m.RepositoryViewComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR, Authority.EDITOR, Authority.TA],
             pageTitle: 'artemisApp.repository.title',
@@ -661,7 +623,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/exercise-groups/:exerciseGroupId/programming-exercises/:exerciseId/repository/:repositoryType/commit-history',
-        component: CommitHistoryComponent,
+        loadComponent: () => import('app/localvc/commit-history/commit-history.component').then((m) => m.CommitHistoryComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR, Authority.EDITOR, Authority.TA],
             pageTitle: 'artemisApp.repository.title',
@@ -670,7 +632,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/exercise-groups/:exerciseGroupId/programming-exercises/:exerciseId/repository/:repositoryType/commit-history/:commitHash',
-        component: CommitDetailsViewComponent,
+        loadComponent: () => import('app/localvc/commit-details-view/commit-details-view.component').then((m) => m.CommitDetailsViewComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR, Authority.EDITOR, Authority.TA],
             pageTitle: 'artemisApp.repository.title',
@@ -679,7 +641,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/exercise-groups/:exerciseGroupId/programming-exercises/:exerciseId/participations/:participationId/repository',
-        component: RepositoryViewComponent,
+        loadComponent: () => import('app/localvc/repository-view/repository-view.component').then((m) => m.RepositoryViewComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR, Authority.EDITOR, Authority.TA],
             pageTitle: 'artemisApp.repository.title',
@@ -688,7 +650,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/exercise-groups/:exerciseGroupId/programming-exercises/:exerciseId/participations/:participationId/repository/vcs-access-log',
-        component: VcsRepositoryAccessLogViewComponent,
+        loadComponent: () => import('app/localvc/vcs-repository-access-log-view/vcs-repository-access-log-view.component').then((m) => m.VcsRepositoryAccessLogViewComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR],
             pageTitle: 'artemisApp.repository.title',
@@ -697,7 +659,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/exercise-groups/:exerciseGroupId/programming-exercises/:exerciseId/participations/:participationId/repository/commit-history',
-        component: CommitHistoryComponent,
+        loadComponent: () => import('app/localvc/commit-history/commit-history.component').then((m) => m.CommitHistoryComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR, Authority.EDITOR, Authority.TA],
             pageTitle: 'artemisApp.repository.title',
@@ -706,7 +668,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/exercise-groups/:exerciseGroupId/programming-exercises/:exerciseId/participations/:participationId/repository/commit-history/:commitHash',
-        component: CommitDetailsViewComponent,
+        loadComponent: () => import('app/localvc/commit-details-view/commit-details-view.component').then((m) => m.CommitDetailsViewComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR, Authority.EDITOR, Authority.TA],
             pageTitle: 'artemisApp.repository.title',
@@ -715,7 +677,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/exercise-groups/:exerciseGroupId/quiz-exercises/:exerciseId',
-        component: QuizExerciseDetailComponent,
+        loadComponent: () => import('app/exercises/quiz/manage/quiz-exercise-detail.component').then((m) => m.QuizExerciseDetailComponent),
         data: {
             authorities: [Authority.TA, Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.quizExercise.home.title',
@@ -724,7 +686,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/exercise-groups/:exerciseGroupId/modeling-exercises/:exerciseId/plagiarism',
-        component: PlagiarismInspectorComponent,
+        loadComponent: () => import('app/exercises/shared/plagiarism/plagiarism-inspector/plagiarism-inspector.component').then((m) => m.PlagiarismInspectorComponent),
         resolve: {
             exercise: ModelingExerciseResolver,
         },
@@ -736,7 +698,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/exercise-groups/:exerciseGroupId/text-exercises/:exerciseId/plagiarism',
-        component: PlagiarismInspectorComponent,
+        loadComponent: () => import('app/exercises/shared/plagiarism/plagiarism-inspector/plagiarism-inspector.component').then((m) => m.PlagiarismInspectorComponent),
         resolve: {
             exercise: TextExerciseResolver,
         },
@@ -748,7 +710,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/exercise-groups/:exerciseGroupId/programming-exercises/:exerciseId/plagiarism',
-        component: PlagiarismInspectorComponent,
+        loadComponent: () => import('app/exercises/shared/plagiarism/plagiarism-inspector/plagiarism-inspector.component').then((m) => m.PlagiarismInspectorComponent),
         resolve: {
             exercise: ProgrammingExerciseResolve,
         },
@@ -760,7 +722,8 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/exercise-groups/:exerciseGroupId/programming-exercises/:exerciseId/grading/:tab',
-        component: ProgrammingExerciseConfigureGradingComponent,
+        loadComponent: () =>
+            import('app/exercises/programming/manage/grading/programming-exercise-configure-grading.component').then((m) => m.ProgrammingExerciseConfigureGradingComponent),
         data: {
             authorities: [Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.programmingExercise.home.title',
@@ -769,7 +732,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/exercise-groups/:exerciseGroupId/programming-exercises/:exerciseId/edit-build-plan',
-        component: BuildPlanEditorComponent,
+        loadComponent: () => import('app/exercises/programming/manage/build-plan-editor.component').then((m) => m.BuildPlanEditorComponent),
         data: {
             authorities: [Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.programmingExercise.buildPlanEditor',
@@ -778,7 +741,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/exercise-groups/:exerciseGroupId/quiz-exercises/:exerciseId/preview',
-        component: QuizParticipationComponent,
+        loadComponent: () => import('app/exercises/quiz/participate/quiz-participation.component').then((m) => m.QuizParticipationComponent),
         data: {
             authorities: [Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.quizExercise.home.title',
@@ -788,7 +751,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/exercise-groups/:exerciseGroupId/quiz-exercises/:exerciseId/solution',
-        component: QuizParticipationComponent,
+        loadComponent: () => import('app/exercises/quiz/participate/quiz-participation.component').then((m) => m.QuizParticipationComponent),
         data: {
             authorities: [Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.quizExercise.home.title',
@@ -798,7 +761,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/exercise-groups/:exerciseGroupId/quiz-exercises/:exerciseId/re-evaluate',
-        component: QuizReEvaluateComponent,
+        loadComponent: () => import('app/exercises/quiz/manage/re-evaluate/quiz-re-evaluate.component').then((m) => m.QuizReEvaluateComponent),
         data: {
             authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.quizExercise.home.title',
@@ -807,7 +770,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/exercise-groups/:exerciseGroupId/quiz-exercises/:exerciseId/quiz-point-statistic',
-        component: QuizPointStatisticComponent,
+        loadComponent: () => import('app/exercises/quiz/manage/statistics/quiz-point-statistic/quiz-point-statistic.component').then((m) => m.QuizPointStatisticComponent),
         data: {
             authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.course.home.title',
@@ -816,7 +779,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/exercise-groups/:exerciseGroupId/quiz-exercises/:exerciseId/quiz-statistic',
-        component: QuizStatisticComponent,
+        loadComponent: () => import('app/exercises/quiz/manage/statistics/quiz-statistic/quiz-statistic.component').then((m) => m.QuizStatisticComponent),
         data: {
             authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.course.home.title',
@@ -825,7 +788,10 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/exercise-groups/:exerciseGroupId/quiz-exercises/:exerciseId/mc-question-statistic/:questionId',
-        component: MultipleChoiceQuestionStatisticComponent,
+        loadComponent: () =>
+            import('app/exercises/quiz/manage/statistics/multiple-choice-question-statistic/multiple-choice-question-statistic.component').then(
+                (m) => m.MultipleChoiceQuestionStatisticComponent,
+            ),
         data: {
             authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.course.home.title',
@@ -834,7 +800,10 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/exercise-groups/:exerciseGroupId/quiz-exercises/:exerciseId/dnd-question-statistic/:questionId',
-        component: DragAndDropQuestionStatisticComponent,
+        loadComponent: () =>
+            import('app/exercises/quiz/manage/statistics/drag-and-drop-question-statistic/drag-and-drop-question-statistic.component').then(
+                (m) => m.DragAndDropQuestionStatisticComponent,
+            ),
         data: {
             authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.course.home.title',
@@ -843,7 +812,10 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/exercise-groups/:exerciseGroupId/quiz-exercises/:exerciseId/sa-question-statistic/:questionId',
-        component: ShortAnswerQuestionStatisticComponent,
+        loadComponent: () =>
+            import('app/exercises/quiz/manage/statistics/short-answer-question-statistic/short-answer-question-statistic.component').then(
+                (m) => m.ShortAnswerQuestionStatisticComponent,
+            ),
         data: {
             authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.course.home.title',
@@ -852,7 +824,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/assessment-dashboard',
-        component: AssessmentDashboardComponent,
+        loadComponent: () => import('app/course/dashboards/assessment-dashboard/assessment-dashboard.component').then((m) => m.AssessmentDashboardComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR, Authority.EDITOR, Authority.TA],
             pageTitle: 'artemisApp.examManagement.assessmentDashboard',
@@ -923,7 +895,7 @@ export const examManagementRoute: Routes = [
     }),
     {
         path: ':examId/exercise-groups/:exerciseGroupId/text-exercises/:exerciseId/example-submissions',
-        component: ExampleSubmissionsComponent,
+        loadComponent: () => import('app/exercises/shared/example-submission/example-submissions.component').then((m) => m.ExampleSubmissionsComponent),
         resolve: {
             exercise: TextExerciseResolver,
         },
@@ -947,7 +919,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/exercise-groups/:exerciseGroupId/modeling-exercises/:exerciseId/example-submissions',
-        component: ExampleSubmissionsComponent,
+        loadComponent: () => import('app/exercises/shared/example-submission/example-submissions.component').then((m) => m.ExampleSubmissionsComponent),
         resolve: {
             exercise: ModelingExerciseResolver,
         },
@@ -959,7 +931,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/exercise-groups/:exerciseGroupId/modeling-exercises/:exerciseId/example-submissions/:exampleSubmissionId',
-        component: ExampleModelingSubmissionComponent,
+        loadComponent: () => import('app/exercises/modeling/manage/example-modeling/example-modeling-submission.component').then((m) => m.ExampleModelingSubmissionComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR, Authority.EDITOR, Authority.TA],
             pageTitle: 'artemisApp.exampleSubmission.home.editor',
@@ -968,7 +940,8 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/exercise-groups/:exerciseGroupId/modeling-exercises/:exerciseId/submissions/:submissionId/assessment',
-        component: ModelingAssessmentEditorComponent,
+        loadComponent: () =>
+            import('app/exercises/modeling/assess/modeling-assessment-editor/modeling-assessment-editor.component').then((m) => m.ModelingAssessmentEditorComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR, Authority.EDITOR, Authority.TA],
             pageTitle: 'artemisApp.apollonDiagram.detail.title',
@@ -995,7 +968,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/exercise-groups/:exerciseGroupId/file-upload-exercises/:exerciseId/submissions/:submissionId/assessment',
-        component: FileUploadAssessmentComponent,
+        loadComponent: () => import('app/exercises/file-upload/assess/file-upload-assessment.component').then((m) => m.FileUploadAssessmentComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR, Authority.EDITOR, Authority.TA],
             pageTitle: 'artemisApp.fileUploadExercise.home.title',
@@ -1004,7 +977,7 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/exercise-groups/:exerciseGroupId/file-upload-exercises/:exerciseId/submissions/:submissionId/assessments/:resultId',
-        component: FileUploadAssessmentComponent,
+        loadComponent: () => import('app/exercises/file-upload/assess/file-upload-assessment.component').then((m) => m.FileUploadAssessmentComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR, Authority.EDITOR, Authority.TA],
             pageTitle: 'artemisApp.fileUploadExercise.home.title',
@@ -1013,7 +986,8 @@ export const examManagementRoute: Routes = [
     },
     {
         path: ':examId/exercise-groups/:exerciseGroupId/modeling-exercises/:exerciseId/submissions/:submissionId/assessments/:resultId',
-        component: ModelingAssessmentEditorComponent,
+        loadComponent: () =>
+            import('app/exercises/modeling/assess/modeling-assessment-editor/modeling-assessment-editor.component').then((m) => m.ModelingAssessmentEditorComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR],
             usePathForBreadcrumbs: true,
diff --git a/src/main/webapp/app/exam/manage/exam-management.service.ts b/src/main/webapp/app/exam/manage/exam-management.service.ts
index 24425d3a530e..3617e77917db 100644
--- a/src/main/webapp/app/exam/manage/exam-management.service.ts
+++ b/src/main/webapp/app/exam/manage/exam-management.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ExamUserDTO } from 'app/entities/exam/exam-user-dto.model';
 import { ExamUserAttendanceCheckDTO } from 'app/entities/exam/exam-users-attendance-check-dto.model';
 import { filter, map, tap } from 'rxjs/operators';
@@ -28,15 +28,13 @@ type EntityArrayResponseType = HttpResponse<Exam[]>;
 
 @Injectable({ providedIn: 'root' })
 export class ExamManagementService {
+    private http = inject(HttpClient);
+    private accountService = inject(AccountService);
+    private entityTitleService = inject(EntityTitleService);
+
     public resourceUrl = 'api/courses';
     public adminResourceUrl = 'api/admin/courses';
 
-    constructor(
-        private http: HttpClient,
-        private accountService: AccountService,
-        private entityTitleService: EntityTitleService,
-    ) {}
-
     /**
      * Create an exam on the server using a POST request.
      * @param courseId The course id.
diff --git a/src/main/webapp/app/exam/manage/exam-status.component.ts b/src/main/webapp/app/exam/manage/exam-status.component.ts
index fafa2f201137..3becf156aa5a 100644
--- a/src/main/webapp/app/exam/manage/exam-status.component.ts
+++ b/src/main/webapp/app/exam/manage/exam-status.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnChanges, OnDestroy, OnInit } from '@angular/core';
+import { Component, Input, OnChanges, OnDestroy, OnInit, inject } from '@angular/core';
 import { faArrowRight, faCheckCircle, faCircleExclamation, faDotCircle, faTimes, faTimesCircle } from '@fortawesome/free-solid-svg-icons';
 import { Exam } from 'app/entities/exam/exam.model';
 import { ExamChecklistService } from 'app/exam/manage/exams/exam-checklist-component/exam-checklist.service';
@@ -7,6 +7,12 @@ import dayjs from 'dayjs/esm';
 import { round } from 'app/shared/util/utils';
 import { Course } from 'app/entities/course.model';
 import { JhiWebsocketService } from 'app/core/websocket/websocket.service';
+import { NgClass } from '@angular/common';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { ArtemisDurationFromSecondsPipe } from 'app/shared/pipes/artemis-duration-from-seconds.pipe';
 
 export enum ExamReviewState {
     UNSET = 'unset',
@@ -26,8 +32,12 @@ export enum ExamConductionState {
     selector: 'jhi-exam-status',
     templateUrl: './exam-status.component.html',
     styleUrls: ['./exam-status.component.scss'],
+    imports: [NgClass, FaIconComponent, TranslateDirective, ArtemisDatePipe, ArtemisTranslatePipe, ArtemisDurationFromSecondsPipe],
 })
 export class ExamStatusComponent implements OnChanges, OnInit, OnDestroy {
+    private examChecklistService = inject(ExamChecklistService);
+    private websocketService = inject(JhiWebsocketService);
+
     @Input()
     public exam: Exam;
     @Input()
@@ -68,11 +78,6 @@ export class ExamStatusComponent implements OnChanges, OnInit, OnDestroy {
     faDotCircle = faDotCircle;
     faCircleExclamation = faCircleExclamation;
 
-    constructor(
-        private examChecklistService: ExamChecklistService,
-        private websocketService: JhiWebsocketService,
-    ) {}
-
     ngOnInit() {
         const submittedTopic = this.examChecklistService.getSubmittedTopic(this.exam);
         this.websocketService.subscribe(submittedTopic);
@@ -82,7 +87,7 @@ export class ExamStatusComponent implements OnChanges, OnInit, OnDestroy {
         this.websocketService.receive(startedTopic).subscribe(() => (this.numberOfStarted += 1));
     }
 
-    ngOnChanges(): void {
+    ngOnChanges() {
         this.examChecklistService.getExamStatistics(this.exam).subscribe((examStats) => {
             this.examChecklist = examStats;
             this.numberOfGeneratedStudentExams = this.examChecklist.numberOfGeneratedStudentExams ?? 0;
diff --git a/src/main/webapp/app/exam/manage/exams/exam-checklist-component/exam-announcement-dialog/exam-live-announcement-create-button.component.ts b/src/main/webapp/app/exam/manage/exams/exam-checklist-component/exam-announcement-dialog/exam-live-announcement-create-button.component.ts
index 826a85b0a83d..8433bcbc1f59 100644
--- a/src/main/webapp/app/exam/manage/exams/exam-checklist-component/exam-announcement-dialog/exam-live-announcement-create-button.component.ts
+++ b/src/main/webapp/app/exam/manage/exams/exam-checklist-component/exam-announcement-dialog/exam-live-announcement-create-button.component.ts
@@ -1,5 +1,5 @@
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
-import { Component, Input, OnDestroy, OnInit } from '@angular/core';
+import { Component, Input, OnDestroy, OnInit, inject } from '@angular/core';
 import { faBullhorn } from '@fortawesome/free-solid-svg-icons';
 import dayjs from 'dayjs/esm';
 import { Subscription, from } from 'rxjs';
@@ -7,12 +7,18 @@ import { Subscription, from } from 'rxjs';
 import { Exam } from 'app/entities/exam/exam.model';
 import { AlertService } from 'app/core/util/alert.service';
 import { ExamLiveAnnouncementCreateModalComponent } from 'app/exam/manage/exams/exam-checklist-component/exam-announcement-dialog/exam-live-announcement-create-modal.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
     selector: 'jhi-exam-live-announcement-create-button',
     templateUrl: './exam-live-announcement-create-button.component.html',
+    imports: [FaIconComponent, TranslateDirective],
 })
 export class ExamLiveAnnouncementCreateButtonComponent implements OnInit, OnDestroy {
+    private modalService = inject(NgbModal);
+    alertService = inject(AlertService);
+
     @Input() exam: Exam;
 
     faBullhorn = faBullhorn;
@@ -22,11 +28,6 @@ export class ExamLiveAnnouncementCreateButtonComponent implements OnInit, OnDest
     private timeoutRef: any;
     private subscription: Subscription;
 
-    constructor(
-        private modalService: NgbModal,
-        public alertService: AlertService,
-    ) {}
-
     ngOnInit() {
         this.checkAnnouncementCreationAllowed();
     }
diff --git a/src/main/webapp/app/exam/manage/exams/exam-checklist-component/exam-announcement-dialog/exam-live-announcement-create-modal.component.ts b/src/main/webapp/app/exam/manage/exams/exam-checklist-component/exam-announcement-dialog/exam-live-announcement-create-modal.component.ts
index 371492f0bcfc..55f5b643f701 100644
--- a/src/main/webapp/app/exam/manage/exams/exam-checklist-component/exam-announcement-dialog/exam-live-announcement-create-modal.component.ts
+++ b/src/main/webapp/app/exam/manage/exams/exam-checklist-component/exam-announcement-dialog/exam-live-announcement-create-modal.component.ts
@@ -1,10 +1,11 @@
-import { Component } from '@angular/core';
+import { Component, inject } from '@angular/core';
 import { SafeHtml } from '@angular/platform-browser';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { ExamManagementService } from 'app/exam/manage/exam-management.service';
 import { ExamLiveEventType, ExamWideAnnouncementEvent } from 'app/exam/participate/exam-participation-live-events.service';
 import { faCheckCircle, faSpinner } from '@fortawesome/free-solid-svg-icons';
 import { AccountService } from 'app/core/auth/account.service';
+import { ExamLiveEventComponent } from 'app/exam/shared/events/exam-live-event.component';
 import dayjs from 'dayjs/esm';
 import { BoldAction } from 'app/shared/monaco-editor/model/actions/bold.action';
 import { ItalicAction } from 'app/shared/monaco-editor/model/actions/italic.action';
@@ -12,13 +13,22 @@ import { UnderlineAction } from 'app/shared/monaco-editor/model/actions/underlin
 import { CodeAction } from 'app/shared/monaco-editor/model/actions/code.action';
 import { CodeBlockAction } from 'app/shared/monaco-editor/model/actions/code-block.action';
 import { OrderedListAction } from 'app/shared/monaco-editor/model/actions/ordered-list.action';
+import { FormsModule } from '@angular/forms';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { MarkdownEditorMonacoComponent } from 'app/shared/markdown-editor/monaco/markdown-editor-monaco.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 @Component({
     selector: 'jhi-exam-live-announcement-create-modal',
     templateUrl: './exam-live-announcement-create-modal.component.html',
     styleUrls: ['./exam-live-announcement-create-modal.component.scss'],
+    imports: [FormsModule, TranslateDirective, MarkdownEditorMonacoComponent, ExamLiveEventComponent, FaIconComponent],
 })
 export class ExamLiveAnnouncementCreateModalComponent {
+    private activeModal = inject(NgbActiveModal);
+    private examManagementService = inject(ExamManagementService);
+    private accountService = inject(AccountService);
+
     actions = [new BoldAction(), new ItalicAction(), new UnderlineAction(), new CodeAction(), new CodeBlockAction(), new OrderedListAction(), new OrderedListAction()];
 
     courseId: number;
@@ -35,12 +45,6 @@ export class ExamLiveAnnouncementCreateModalComponent {
     faSpinner = faSpinner;
     faCheckCircle = faCheckCircle;
 
-    constructor(
-        private activeModal: NgbActiveModal,
-        private examManagementService: ExamManagementService,
-        private accountService: AccountService,
-    ) {}
-
     submitAnnouncement() {
         this.status = 'submitting';
         this.examManagementService.createAnnouncement(this.courseId, this.examId, this.textContent).subscribe({
diff --git a/src/main/webapp/app/exam/manage/exams/exam-checklist-component/exam-checklist-exercisegroup-table/exam-checklist-exercisegroup-table.component.ts b/src/main/webapp/app/exam/manage/exams/exam-checklist-component/exam-checklist-exercisegroup-table/exam-checklist-exercisegroup-table.component.ts
index fcbd6ec73144..5b5bf049f4e6 100644
--- a/src/main/webapp/app/exam/manage/exams/exam-checklist-component/exam-checklist-exercisegroup-table/exam-checklist-exercisegroup-table.component.ts
+++ b/src/main/webapp/app/exam/manage/exams/exam-checklist-component/exam-checklist-exercisegroup-table/exam-checklist-exercisegroup-table.component.ts
@@ -3,11 +3,17 @@ import { ExerciseGroup } from 'app/entities/exercise-group.model';
 import { ExerciseType, getIcon, getIconTooltip } from 'app/entities/exercise.model';
 import { ExerciseGroupVariantColumn } from 'app/entities/exercise-group-variant-column.model';
 import { faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NoDataComponent } from 'app/shared/no-data-component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-exam-checklist-exercisegroup-table',
     templateUrl: './exam-checklist-exercisegroup-table.component.html',
     styleUrls: ['./exam-checklist-exercisegroup-table.component.scss'],
+    imports: [TranslateDirective, NgbTooltip, FaIconComponent, NoDataComponent, ArtemisTranslatePipe],
 })
 export class ExamChecklistExerciseGroupTableComponent implements OnChanges {
     @Input() quizExamMaxPoints: number;
diff --git a/src/main/webapp/app/exam/manage/exams/exam-checklist-component/exam-checklist.component.ts b/src/main/webapp/app/exam/manage/exams/exam-checklist-component/exam-checklist.component.ts
index f873b396b058..88e6412574a4 100644
--- a/src/main/webapp/app/exam/manage/exams/exam-checklist-component/exam-checklist.component.ts
+++ b/src/main/webapp/app/exam/manage/exams/exam-checklist-component/exam-checklist.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnChanges, OnDestroy, OnInit } from '@angular/core';
+import { Component, Input, OnChanges, OnDestroy, OnInit, inject } from '@angular/core';
 import { Exam } from 'app/entities/exam/exam.model';
 import { ExamChecklist } from 'app/entities/exam/exam-checklist.model';
 import { faChartBar, faEye, faListAlt, faThList, faUser, faWrench } from '@fortawesome/free-solid-svg-icons';
@@ -11,12 +11,40 @@ import dayjs from 'dayjs/esm';
 import { StudentExamService } from 'app/exam/manage/student-exams/student-exam.service';
 import { Subject, Subscription } from 'rxjs';
 import { captureException } from '@sentry/angular';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ChecklistCheckComponent } from 'app/shared/components/checklist-check/checklist-check.component';
+import { ExamChecklistExerciseGroupTableComponent } from './exam-checklist-exercisegroup-table/exam-checklist-exercisegroup-table.component';
+import { RouterLink } from '@angular/router';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ProgressBarComponent } from 'app/shared/dashboards/tutor-participation-graph/progress-bar/progress-bar.component';
+import { ExamEditWorkingTimeComponent } from './exam-edit-workingtime-dialog/exam-edit-working-time.component';
+import { ExamLiveAnnouncementCreateButtonComponent } from './exam-announcement-dialog/exam-live-announcement-create-button.component';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-exam-checklist',
     templateUrl: './exam-checklist.component.html',
+    imports: [
+        TranslateDirective,
+        ChecklistCheckComponent,
+        ExamChecklistExerciseGroupTableComponent,
+        RouterLink,
+        FaIconComponent,
+        ProgressBarComponent,
+        ExamEditWorkingTimeComponent,
+        ExamLiveAnnouncementCreateButtonComponent,
+        ArtemisDatePipe,
+        ArtemisTranslatePipe,
+    ],
 })
 export class ExamChecklistComponent implements OnChanges, OnInit, OnDestroy {
+    private examChecklistService = inject(ExamChecklistService);
+    private websocketService = inject(JhiWebsocketService);
+    private examManagementService = inject(ExamManagementService);
+    private alertService = inject(AlertService);
+    private studentExamService = inject(StudentExamService);
+
     @Input() exam: Exam;
     @Input() getExamRoutesByIdentifier: any;
     private longestWorkingTimeSub: Subscription | null = null;
@@ -54,14 +82,6 @@ export class ExamChecklistComponent implements OnChanges, OnInit, OnDestroy {
     private dialogErrorSource = new Subject<string>();
     dialogError$ = this.dialogErrorSource.asObservable();
 
-    constructor(
-        private examChecklistService: ExamChecklistService,
-        private websocketService: JhiWebsocketService,
-        private examManagementService: ExamManagementService,
-        private alertService: AlertService,
-        private studentExamService: StudentExamService,
-    ) {}
-
     ngOnInit() {
         const submittedTopic = this.examChecklistService.getSubmittedTopic(this.exam);
         this.websocketService.subscribe(submittedTopic);
diff --git a/src/main/webapp/app/exam/manage/exams/exam-checklist-component/exam-checklist.service.ts b/src/main/webapp/app/exam/manage/exams/exam-checklist-component/exam-checklist.service.ts
index ac6133a43d76..b71d5b8d3c58 100644
--- a/src/main/webapp/app/exam/manage/exams/exam-checklist-component/exam-checklist.service.ts
+++ b/src/main/webapp/app/exam/manage/exams/exam-checklist-component/exam-checklist.service.ts
@@ -1,5 +1,5 @@
 import { HttpResponse } from '@angular/common/http';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ExamChecklist } from 'app/entities/exam/exam-checklist.model';
 import { Exam } from 'app/entities/exam/exam.model';
 import { ExamManagementService } from 'app/exam/manage/exam-management.service';
@@ -8,7 +8,7 @@ import { filter, map } from 'rxjs/operators';
 
 @Injectable({ providedIn: 'root' })
 export class ExamChecklistService {
-    constructor(private examService: ExamManagementService) {}
+    private examService = inject(ExamManagementService);
 
     /**
      * indicates whether all student exams are generated
diff --git a/src/main/webapp/app/exam/manage/exams/exam-checklist-component/exam-edit-workingtime-dialog/exam-edit-working-time-dialog.component.ts b/src/main/webapp/app/exam/manage/exams/exam-checklist-component/exam-edit-workingtime-dialog/exam-edit-working-time-dialog.component.ts
index a1bb4e17c565..2c010341ab59 100644
--- a/src/main/webapp/app/exam/manage/exams/exam-checklist-component/exam-edit-workingtime-dialog/exam-edit-working-time-dialog.component.ts
+++ b/src/main/webapp/app/exam/manage/exams/exam-checklist-component/exam-edit-workingtime-dialog/exam-edit-working-time-dialog.component.ts
@@ -1,17 +1,27 @@
 import { HttpResponse } from '@angular/common/http';
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Component, EventEmitter, Input, Output, inject } from '@angular/core';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { faBan, faCheck, faSpinner } from '@fortawesome/free-solid-svg-icons';
 
 import { Exam } from 'app/entities/exam/exam.model';
 import { ExamManagementService } from 'app/exam/manage/exam-management.service';
 import { examWorkingTime } from 'app/exam/participate/exam.utils';
+import { FormsModule } from '@angular/forms';
+import { WorkingTimeChangeComponent } from 'app/exam/shared/working-time-change/working-time-change.component';
+import { WorkingTimeControlComponent } from 'app/exam/shared/working-time-control/working-time-control.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ConfirmEntityNameComponent } from 'app/shared/confirm-entity-name/confirm-entity-name.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 @Component({
     selector: 'jhi-edit-working-time-dialog',
     templateUrl: './exam-edit-working-time-dialog.component.html',
+    imports: [FormsModule, TranslateDirective, WorkingTimeControlComponent, WorkingTimeChangeComponent, ConfirmEntityNameComponent, FaIconComponent],
 })
 export class ExamEditWorkingTimeDialogComponent {
+    private activeModal = inject(NgbActiveModal);
+    private examManagementService = inject(ExamManagementService);
+
     @Input() exam: Exam;
     @Output() examChange = new EventEmitter<Exam>();
 
@@ -32,11 +42,6 @@ export class ExamEditWorkingTimeDialogComponent {
         return this.oldWorkingTime ? this.oldWorkingTime + this.workingTimeSeconds : undefined;
     }
 
-    constructor(
-        private activeModal: NgbActiveModal,
-        private examManagementService: ExamManagementService,
-    ) {}
-
     clear(): void {
         this.activeModal.close();
     }
diff --git a/src/main/webapp/app/exam/manage/exams/exam-checklist-component/exam-edit-workingtime-dialog/exam-edit-working-time.component.ts b/src/main/webapp/app/exam/manage/exams/exam-checklist-component/exam-edit-workingtime-dialog/exam-edit-working-time.component.ts
index 4024634666c9..fa54b2b2c421 100644
--- a/src/main/webapp/app/exam/manage/exams/exam-checklist-component/exam-edit-workingtime-dialog/exam-edit-working-time.component.ts
+++ b/src/main/webapp/app/exam/manage/exams/exam-checklist-component/exam-edit-workingtime-dialog/exam-edit-working-time.component.ts
@@ -1,5 +1,5 @@
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
-import { Component, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';
+import { Component, EventEmitter, Input, OnDestroy, OnInit, Output, inject } from '@angular/core';
 import { faHourglassHalf } from '@fortawesome/free-solid-svg-icons';
 import dayjs from 'dayjs/esm';
 import { Subscription, from } from 'rxjs';
@@ -7,12 +7,18 @@ import { Subscription, from } from 'rxjs';
 import { Exam } from 'app/entities/exam/exam.model';
 import { AlertService } from 'app/core/util/alert.service';
 import { ExamEditWorkingTimeDialogComponent } from './exam-edit-working-time-dialog.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
     selector: 'jhi-exam-edit-working-time',
     templateUrl: './exam-edit-working-time.component.html',
+    imports: [FaIconComponent, TranslateDirective],
 })
 export class ExamEditWorkingTimeComponent implements OnInit, OnDestroy {
+    private modalService = inject(NgbModal);
+    alertService = inject(AlertService);
+
     @Input() exam: Exam;
     @Output() examChange = new EventEmitter<Exam>();
 
@@ -23,11 +29,6 @@ export class ExamEditWorkingTimeComponent implements OnInit, OnDestroy {
     private timeoutRef: any;
     private subscription: Subscription;
 
-    constructor(
-        private modalService: NgbModal,
-        public alertService: AlertService,
-    ) {}
-
     ngOnInit() {
         this.checkWorkingTimeChangeAllowed();
     }
diff --git a/src/main/webapp/app/exam/manage/exams/exam-detail.component.ts b/src/main/webapp/app/exam/manage/exams/exam-detail.component.ts
index c0f4130e83c1..cbf58cbb97b2 100644
--- a/src/main/webapp/app/exam/manage/exams/exam-detail.component.ts
+++ b/src/main/webapp/app/exam/manage/exams/exam-detail.component.ts
@@ -1,5 +1,5 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
+import { Component, OnDestroy, OnInit, inject } from '@angular/core';
+import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 import { SafeHtml } from '@angular/platform-browser';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { Observable, Subject, map } from 'rxjs';
@@ -18,12 +18,28 @@ import { DetailOverviewSection, DetailType } from 'app/detail-overview-list/deta
 import { ArtemisDurationFromSecondsPipe } from 'app/shared/pipes/artemis-duration-from-seconds.pipe';
 import { scrollToTopOfPage } from 'app/shared/util/utils';
 import { ExerciseType } from 'app/entities/exercise.model';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
+import { CourseExamArchiveButtonComponent } from 'app/shared/components/course-exam-archive-button/course-exam-archive-button.component';
+import { ExamChecklistComponent } from './exam-checklist-component/exam-checklist.component';
+import { DetailOverviewListComponent } from 'app/detail-overview-list/detail-overview-list.component';
 
 @Component({
     selector: 'jhi-exam-detail',
     templateUrl: './exam-detail.component.html',
+    imports: [TranslateDirective, RouterLink, FaIconComponent, DeleteButtonDirective, CourseExamArchiveButtonComponent, ExamChecklistComponent, DetailOverviewListComponent],
 })
 export class ExamDetailComponent implements OnInit, OnDestroy {
+    private route = inject(ActivatedRoute);
+    private artemisMarkdown = inject(ArtemisMarkdownService);
+    private accountService = inject(AccountService);
+    private examManagementService = inject(ExamManagementService);
+    private router = inject(Router);
+    private alertService = inject(AlertService);
+    private gradingSystemService = inject(GradingSystemService);
+    private artemisDurationFromSecondsPipe = inject(ArtemisDurationFromSecondsPipe);
+
     exam: Exam;
     formattedStartText?: SafeHtml;
     formattedConfirmationStartText?: SafeHtml;
@@ -53,17 +69,6 @@ export class ExamDetailComponent implements OnInit, OnDestroy {
 
     examDetailSections: DetailOverviewSection[];
 
-    constructor(
-        private route: ActivatedRoute,
-        private artemisMarkdown: ArtemisMarkdownService,
-        private accountService: AccountService,
-        private examManagementService: ExamManagementService,
-        private router: Router,
-        private alertService: AlertService,
-        private gradingSystemService: GradingSystemService,
-        private artemisDurationFromSecondsPipe: ArtemisDurationFromSecondsPipe,
-    ) {}
-
     /**
      * Initialize the exam
      */
diff --git a/src/main/webapp/app/exam/manage/exams/exam-exercise-import/exam-exercise-import.component.ts b/src/main/webapp/app/exam/manage/exams/exam-exercise-import/exam-exercise-import.component.ts
index 9739343cb687..02cf547cfff6 100644
--- a/src/main/webapp/app/exam/manage/exams/exam-exercise-import/exam-exercise-import.component.ts
+++ b/src/main/webapp/app/exam/manage/exams/exam-exercise-import/exam-exercise-import.component.ts
@@ -4,11 +4,18 @@ import { faCheckDouble, faFont } from '@fortawesome/free-solid-svg-icons';
 import { Exercise, ExerciseType, getIcon } from 'app/entities/exercise.model';
 import { ExerciseGroup } from 'app/entities/exercise-group.model';
 import { EXERCISE_TITLE_NAME_REGEX, SHORT_NAME_PATTERN } from 'app/shared/constants/input.constants';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { FormsModule } from '@angular/forms';
+import { NgClass } from '@angular/common';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { DifficultyBadgeComponent } from 'app/exercises/shared/exercise-headers/difficulty-badge.component';
 
 @Component({
     selector: 'jhi-exam-exercise-import',
     templateUrl: './exam-exercise-import.component.html',
     styleUrls: ['./exam-exercise-import.component.scss'],
+    imports: [TranslateDirective, HelpIconComponent, FormsModule, NgClass, FaIconComponent, DifficultyBadgeComponent],
 })
 export class ExamExerciseImportComponent implements OnInit {
     @Input() exam: Exam;
@@ -41,8 +48,6 @@ export class ExamExerciseImportComponent implements OnInit {
 
     getExerciseIcon = getIcon;
 
-    constructor() {}
-
     ngOnInit(): void {
         this.initializeSelectedExercisesAndContainsProgrammingExercisesMaps();
         // If the exam is imported into the same course, the title + shortName of Programming Exercises must be changed
diff --git a/src/main/webapp/app/exam/manage/exams/exam-import/exam-import-paging.service.ts b/src/main/webapp/app/exam/manage/exams/exam-import/exam-import-paging.service.ts
index ca9bcbf3f1fc..6ab2aabd2d7f 100644
--- a/src/main/webapp/app/exam/manage/exams/exam-import/exam-import-paging.service.ts
+++ b/src/main/webapp/app/exam/manage/exams/exam-import/exam-import-paging.service.ts
@@ -1,5 +1,5 @@
 import { HttpClient, HttpResponse } from '@angular/common/http';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { Exam } from 'app/entities/exam/exam.model';
 import { PagingService } from 'app/exercises/shared/manage/paging.service';
 import { SearchResult, SearchTermPageableSearch } from 'app/shared/table/pageable-table';
@@ -10,9 +10,11 @@ type EntityResponseType = SearchResult<Exam>;
 
 @Injectable({ providedIn: 'root' })
 export class ExamImportPagingService extends PagingService<Exam> {
+    private http = inject(HttpClient);
+
     private static readonly RESOURCE_URL = 'api/exams';
 
-    constructor(private http: HttpClient) {
+    constructor() {
         super();
     }
 
diff --git a/src/main/webapp/app/exam/manage/exams/exam-import/exam-import.component.ts b/src/main/webapp/app/exam/manage/exams/exam-import/exam-import.component.ts
index f97c8c3d537b..d813eac2dd2b 100644
--- a/src/main/webapp/app/exam/manage/exams/exam-import/exam-import.component.ts
+++ b/src/main/webapp/app/exam/manage/exams/exam-import/exam-import.component.ts
@@ -1,22 +1,30 @@
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
-import { Component, Input, ViewChild } from '@angular/core';
-import { Router } from '@angular/router';
-import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
+import { Component, Input, ViewChild, inject } from '@angular/core';
 import { AlertService } from 'app/core/util/alert.service';
 import { Exam } from 'app/entities/exam/exam.model';
 import { ExerciseGroup } from 'app/entities/exercise-group.model';
 import { ExamManagementService } from 'app/exam/manage/exam-management.service';
 import { ExamExerciseImportComponent } from 'app/exam/manage/exams/exam-exercise-import/exam-exercise-import.component';
-import { ExamImportPagingService } from 'app/exam/manage/exams/exam-import/exam-import-paging.service';
 import { ImportComponent } from 'app/shared/import/import.component';
-import { SortService } from 'app/shared/service/sort.service';
 import { onError } from 'app/shared/util/global.utils';
+import { FormsModule } from '@angular/forms';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { SortDirective } from 'app/shared/sort/sort.directive';
+import { SortByDirective } from 'app/shared/sort/sort-by.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbHighlight, NgbPagination } from '@ng-bootstrap/ng-bootstrap';
+import { ButtonComponent } from 'app/shared/components/button.component';
+import { ExamImportPagingService } from 'app/exam/manage/exams/exam-import/exam-import-paging.service';
 
 @Component({
     selector: 'jhi-exam-import',
     templateUrl: './exam-import.component.html',
+    imports: [FormsModule, TranslateDirective, SortDirective, SortByDirective, FaIconComponent, NgbHighlight, ButtonComponent, NgbPagination, ExamExerciseImportComponent],
 })
 export class ExamImportComponent extends ImportComponent<Exam> {
+    private examManagementService = inject(ExamManagementService);
+    private alertService = inject(AlertService);
+
     // boolean to indicate, if the import modal should include the exerciseGroup selection subsequently.
     @Input() subsequentExerciseGroupSelection: boolean;
     // Values to specify the target of the exercise group import
@@ -30,15 +38,9 @@ export class ExamImportComponent extends ImportComponent<Exam> {
     isImportingExercises = false;
     isImportInSameCourse = false;
 
-    constructor(
-        router: Router,
-        sortService: SortService,
-        activeModal: NgbActiveModal,
-        pagingService: ExamImportPagingService,
-        private examManagementService: ExamManagementService,
-        private alertService: AlertService,
-    ) {
-        super(router, sortService, activeModal, pagingService);
+    constructor() {
+        const pagingService = inject(ExamImportPagingService);
+        super(pagingService);
     }
 
     /**
diff --git a/src/main/webapp/app/exam/manage/exams/exam-mode-picker/exam-mode-picker.component.ts b/src/main/webapp/app/exam/manage/exams/exam-mode-picker/exam-mode-picker.component.ts
index c022b55ec428..d3e4a19ee370 100644
--- a/src/main/webapp/app/exam/manage/exams/exam-mode-picker/exam-mode-picker.component.ts
+++ b/src/main/webapp/app/exam/manage/exams/exam-mode-picker/exam-mode-picker.component.ts
@@ -1,10 +1,13 @@
 import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { Exam } from 'app/entities/exam/exam.model';
+import { NgClass } from '@angular/common';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
     selector: 'jhi-exam-mode-picker',
     templateUrl: './exam-mode-picker.component.html',
     styleUrls: ['./exam-mode-picker.component.scss'],
+    imports: [NgClass, TranslateDirective],
 })
 export class ExamModePickerComponent {
     @Input() exam: Exam;
diff --git a/src/main/webapp/app/exam/manage/exams/exam-mode-picker/exam-mode-picker.module.ts b/src/main/webapp/app/exam/manage/exams/exam-mode-picker/exam-mode-picker.module.ts
index 4fbbcc666a8c..50ab25c83469 100644
--- a/src/main/webapp/app/exam/manage/exams/exam-mode-picker/exam-mode-picker.module.ts
+++ b/src/main/webapp/app/exam/manage/exams/exam-mode-picker/exam-mode-picker.module.ts
@@ -4,8 +4,7 @@ import { ExamModePickerComponent } from 'app/exam/manage/exams/exam-mode-picker/
 import { ArtemisSharedModule } from 'app/shared/shared.module';
 
 @NgModule({
-    imports: [ArtemisSharedModule],
-    declarations: [ExamModePickerComponent],
+    imports: [ArtemisSharedModule, ExamModePickerComponent],
     exports: [ExamModePickerComponent],
 })
 export class ArtemisExamModePickerModule {}
diff --git a/src/main/webapp/app/exam/manage/exams/exam-update.component.ts b/src/main/webapp/app/exam/manage/exams/exam-update.component.ts
index 610798664c76..548d37ab5a33 100644
--- a/src/main/webapp/app/exam/manage/exams/exam-update.component.ts
+++ b/src/main/webapp/app/exam/manage/exams/exam-update.component.ts
@@ -1,10 +1,11 @@
+import { WorkingTimeChangeComponent } from 'app/exam/shared/working-time-change/working-time-change.component';
 import dayjs from 'dayjs/esm';
 import { omit } from 'lodash-es';
 import { combineLatest, takeWhile } from 'rxjs';
 import { map } from 'rxjs/operators';
-import { Component, OnDestroy, OnInit, TemplateRef, ViewChild } from '@angular/core';
+import { Component, OnDestroy, OnInit, TemplateRef, ViewChild, inject } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { NgbModal, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 import { faBan, faExclamationTriangle, faSave } from '@fortawesome/free-solid-svg-icons';
 import { Exam } from 'app/entities/exam/exam.model';
 import { ExamManagementService } from 'app/exam/manage/exam-management.service';
@@ -18,12 +19,48 @@ import { DocumentationType } from 'app/shared/components/documentation-button/do
 import { ConfirmAutofocusModalComponent } from 'app/shared/components/confirm-autofocus-modal.component';
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { examWorkingTime, normalWorkingTime } from 'app/exam/participate/exam.utils';
+import { FormsModule } from '@angular/forms';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { DocumentationButtonComponent } from 'app/shared/components/documentation-button/documentation-button.component';
+import { TitleChannelNameComponent } from 'app/shared/form/title-channel-name/title-channel-name.component';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { ExamModePickerComponent } from './exam-mode-picker/exam-mode-picker.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { FormDateTimePickerComponent } from 'app/shared/date-time-picker/date-time-picker.component';
+import { CustomMinDirective } from 'app/shared/validators/custom-min-validator.directive';
+import { CustomMaxDirective } from 'app/shared/validators/custom-max-validator.directive';
+import { MarkdownEditorMonacoComponent } from 'app/shared/markdown-editor/monaco/markdown-editor-monaco.component';
 
 @Component({
     selector: 'jhi-exam-update',
     templateUrl: './exam-update.component.html',
+    imports: [
+        FormsModule,
+        TranslateDirective,
+        DocumentationButtonComponent,
+        TitleChannelNameComponent,
+        HelpIconComponent,
+        ExamModePickerComponent,
+        NgbTooltip,
+        FaIconComponent,
+        WorkingTimeChangeComponent,
+        FormDateTimePickerComponent,
+        CustomMinDirective,
+        CustomMaxDirective,
+        ExamExerciseImportComponent,
+        MarkdownEditorMonacoComponent,
+        ArtemisTranslatePipe,
+    ],
 })
 export class ExamUpdateComponent implements OnInit, OnDestroy {
+    private route = inject(ActivatedRoute);
+    private examManagementService = inject(ExamManagementService);
+    private alertService = inject(AlertService);
+    private navigationUtilService = inject(ArtemisNavigationUtilService);
+    private modalService = inject(NgbModal);
+    private router = inject(Router);
+    private artemisTranslatePipe = inject(ArtemisTranslatePipe);
+
     protected readonly faSave = faSave;
     protected readonly faBan = faBan;
     protected readonly faExclamationTriangle = faExclamationTriangle;
@@ -46,16 +83,6 @@ export class ExamUpdateComponent implements OnInit, OnDestroy {
 
     @ViewChild('workingTimeConfirmationContent') public workingTimeConfirmationContent: TemplateRef<any>;
 
-    constructor(
-        private route: ActivatedRoute,
-        private examManagementService: ExamManagementService,
-        private alertService: AlertService,
-        private navigationUtilService: ArtemisNavigationUtilService,
-        private modalService: NgbModal,
-        private router: Router,
-        private artemisTranslatePipe: ArtemisTranslatePipe,
-    ) {}
-
     ngOnInit(): void {
         combineLatest([this.route.url, this.route.data])
             .pipe(takeWhile(() => this.componentActive))
diff --git a/src/main/webapp/app/exam/manage/exercise-groups/exercise-group-update.component.ts b/src/main/webapp/app/exam/manage/exercise-groups/exercise-group-update.component.ts
index 7acfb1fac6a6..d4a951a34a1f 100644
--- a/src/main/webapp/app/exam/manage/exercise-groups/exercise-group-update.component.ts
+++ b/src/main/webapp/app/exam/manage/exercise-groups/exercise-group-update.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { AlertService } from 'app/core/util/alert.service';
@@ -8,12 +8,22 @@ import { ExerciseGroupService } from 'app/exam/manage/exercise-groups/exercise-g
 import { Exam } from 'app/entities/exam/exam.model';
 import { onError } from 'app/shared/util/global.utils';
 import { faBan, faSave } from '@fortawesome/free-solid-svg-icons';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FormsModule } from '@angular/forms';
+import { NgbAlert } from '@ng-bootstrap/ng-bootstrap';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 @Component({
     selector: 'jhi-exercise-group-update',
     templateUrl: './exercise-group-update.component.html',
+    imports: [TranslateDirective, FormsModule, NgbAlert, FaIconComponent],
 })
 export class ExerciseGroupUpdateComponent implements OnInit {
+    private route = inject(ActivatedRoute);
+    private router = inject(Router);
+    private exerciseGroupService = inject(ExerciseGroupService);
+    private alertService = inject(AlertService);
+
     readonly alertType = 'info';
     courseId: number;
     exam: Exam;
@@ -23,13 +33,6 @@ export class ExerciseGroupUpdateComponent implements OnInit {
     faBan = faBan;
     faSave = faSave;
 
-    constructor(
-        private route: ActivatedRoute,
-        private router: Router,
-        private exerciseGroupService: ExerciseGroupService,
-        private alertService: AlertService,
-    ) {}
-
     /**
      * Initialize the courseId and exerciseGroup
      */
diff --git a/src/main/webapp/app/exam/manage/exercise-groups/exercise-group.service.ts b/src/main/webapp/app/exam/manage/exercise-groups/exercise-group.service.ts
index 2481ccc98dbd..6d749e09796e 100644
--- a/src/main/webapp/app/exam/manage/exercise-groups/exercise-group.service.ts
+++ b/src/main/webapp/app/exam/manage/exercise-groups/exercise-group.service.ts
@@ -1,5 +1,4 @@
-import { Injectable } from '@angular/core';
-import { Router } from '@angular/router';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpParams, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { ExerciseGroup } from 'app/entities/exercise-group.model';
@@ -9,12 +8,9 @@ type EntityArrayResponseType = HttpResponse<ExerciseGroup[]>;
 
 @Injectable({ providedIn: 'root' })
 export class ExerciseGroupService {
-    public resourceUrl = 'api/courses';
+    private http = inject(HttpClient);
 
-    constructor(
-        private router: Router,
-        private http: HttpClient,
-    ) {}
+    public resourceUrl = 'api/courses';
 
     /**
      * Create an exercise group on the server using a POST request.
diff --git a/src/main/webapp/app/exam/manage/exercise-groups/exercise-groups.component.ts b/src/main/webapp/app/exam/manage/exercise-groups/exercise-groups.component.ts
index 8fcac15d391b..63a43da95f72 100644
--- a/src/main/webapp/app/exam/manage/exercise-groups/exercise-groups.component.ts
+++ b/src/main/webapp/app/exam/manage/exercise-groups/exercise-groups.component.ts
@@ -1,5 +1,5 @@
-import { Component, OnInit } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
+import { Component, OnInit, inject } from '@angular/core';
+import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 import { Subject, forkJoin, of } from 'rxjs';
 import { catchError } from 'rxjs/operators';
 import { ExerciseGroupService } from 'app/exam/manage/exercise-groups/exercise-group.service';
@@ -13,7 +13,6 @@ import { Course } from 'app/entities/course.model';
 import { Exam } from 'app/entities/exam/exam.model';
 import dayjs from 'dayjs/esm';
 import { ExerciseService } from 'app/exercises/shared/exercise/exercise.service';
-import { ProgrammingExerciseParticipationType } from 'app/entities/programming/programming-exercise-participation.model';
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
 import { AlertService } from 'app/core/util/alert.service';
 import { EventManager } from 'app/core/util/event-manager.service';
@@ -34,14 +33,48 @@ import { ExamImportComponent } from 'app/exam/manage/exams/exam-import/exam-impo
 import { ExerciseImportWrapperComponent } from 'app/exercises/shared/import/exercise-import-wrapper/exercise-import-wrapper.component';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 import { PROFILE_LOCALCI, PROFILE_LOCALVC } from 'app/app.constants';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
+import { ProgrammingExerciseGroupCellComponent } from './programming-exercise-cell/programming-exercise-group-cell.component';
+import { QuizExerciseGroupCellComponent } from './quiz-exercise-cell/quiz-exercise-group-cell.component';
+import { ModelingExerciseGroupCellComponent } from './modeling-exercise-cell/modeling-exercise-group-cell.component';
+import { FileUploadExerciseGroupCellComponent } from './file-upload-exercise-cell/file-upload-exercise-group-cell.component';
+import { ExamExerciseRowButtonsComponent } from 'app/exercises/shared/exam-exercise-row-buttons/exam-exercise-row-buttons.component';
+import { LowerCasePipe } from '@angular/common';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-exercise-groups',
     templateUrl: './exercise-groups.component.html',
     styleUrls: ['./exercise-groups.component.scss'],
+    imports: [
+        TranslateDirective,
+        FaIconComponent,
+        RouterLink,
+        HelpIconComponent,
+        DeleteButtonDirective,
+        ProgrammingExerciseGroupCellComponent,
+        QuizExerciseGroupCellComponent,
+        ModelingExerciseGroupCellComponent,
+        FileUploadExerciseGroupCellComponent,
+        ExamExerciseRowButtonsComponent,
+        LowerCasePipe,
+        ArtemisTranslatePipe,
+    ],
 })
 export class ExerciseGroupsComponent implements OnInit {
-    participationType = ProgrammingExerciseParticipationType;
+    private route = inject(ActivatedRoute);
+    private exerciseGroupService = inject(ExerciseGroupService);
+    exerciseService = inject(ExerciseService);
+    private examManagementService = inject(ExamManagementService);
+    private eventManager = inject(EventManager);
+    private alertService = inject(AlertService);
+    private modalService = inject(NgbModal);
+    private router = inject(Router);
+    private profileService = inject(ProfileService);
+
     courseId: number;
     course: Course;
     examId: number;
@@ -69,18 +102,6 @@ export class ExerciseGroupsComponent implements OnInit {
     faAngleDown = faAngleDown;
     faFileImport = faFileImport;
 
-    constructor(
-        private route: ActivatedRoute,
-        private exerciseGroupService: ExerciseGroupService,
-        public exerciseService: ExerciseService,
-        private examManagementService: ExamManagementService,
-        private eventManager: EventManager,
-        private alertService: AlertService,
-        private modalService: NgbModal,
-        private router: Router,
-        private profileService: ProfileService,
-    ) {}
-
     /**
      * Initialize the courseId and examId. Get all exercise groups for the exam. Setup dictionary for exercise groups which contain programming exercises.
      * See {@link setupExerciseGroupToExerciseTypesDict}.
diff --git a/src/main/webapp/app/exam/manage/exercise-groups/modeling-exercise-cell/modeling-exercise-group-cell.component.ts b/src/main/webapp/app/exam/manage/exercise-groups/modeling-exercise-cell/modeling-exercise-group-cell.component.ts
index 53966e6022df..327e5e041320 100644
--- a/src/main/webapp/app/exam/manage/exercise-groups/modeling-exercise-cell/modeling-exercise-group-cell.component.ts
+++ b/src/main/webapp/app/exam/manage/exercise-groups/modeling-exercise-cell/modeling-exercise-group-cell.component.ts
@@ -1,11 +1,13 @@
 import { Component, Input } from '@angular/core';
 import { Exercise, ExerciseType } from 'app/entities/exercise.model';
 import { ModelingExercise } from 'app/entities/modeling-exercise.model';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-modeling-exercise-group-cell',
     templateUrl: './modeling-exercise-group-cell.component.html',
     styles: [':host{display: contents}'],
+    imports: [ArtemisTranslatePipe],
 })
 export class ModelingExerciseGroupCellComponent {
     exerciseType = ExerciseType;
diff --git a/src/main/webapp/app/exam/manage/exercise-groups/programming-exercise-cell/programming-exercise-group-cell.component.ts b/src/main/webapp/app/exam/manage/exercise-groups/programming-exercise-cell/programming-exercise-group-cell.component.ts
index a171fc11d30e..95128f04f992 100644
--- a/src/main/webapp/app/exam/manage/exercise-groups/programming-exercise-cell/programming-exercise-group-cell.component.ts
+++ b/src/main/webapp/app/exam/manage/exercise-groups/programming-exercise-cell/programming-exercise-group-cell.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input, OnInit, inject } from '@angular/core';
 import { HttpResponse } from '@angular/common/http';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { ProgrammingExerciseParticipationType } from 'app/entities/programming/programming-exercise-participation.model';
@@ -10,13 +10,22 @@ import { downloadZipFileFromResponse } from 'app/shared/util/download.util';
 import { AlertService } from 'app/core/util/alert.service';
 import { faDownload } from '@fortawesome/free-solid-svg-icons';
 import { PROFILE_LOCALVC, PROFILE_THEIA } from 'app/app.constants';
+import { RouterLink } from '@angular/router';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ProgrammingExerciseInstructorStatusComponent } from 'app/exercises/programming/manage/status/programming-exercise-instructor-status.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
     selector: 'jhi-programming-exercise-group-cell',
     templateUrl: './programming-exercise-group-cell.component.html',
     styles: [':host{display: contents}'],
+    imports: [RouterLink, FaIconComponent, ProgrammingExerciseInstructorStatusComponent, TranslateDirective],
 })
 export class ProgrammingExerciseGroupCellComponent implements OnInit {
+    private profileService = inject(ProfileService);
+    private programmingExerciseService = inject(ProgrammingExerciseService);
+    private alertService = inject(AlertService);
+
     participationType = ProgrammingExerciseParticipationType;
 
     programmingExercise: ProgrammingExercise;
@@ -40,12 +49,6 @@ export class ProgrammingExerciseGroupCellComponent implements OnInit {
 
     faDownload = faDownload;
 
-    constructor(
-        private profileService: ProfileService,
-        private programmingExerciseService: ProgrammingExerciseService,
-        private alertService: AlertService,
-    ) {}
-
     ngOnInit(): void {
         this.profileService.getProfileInfo().subscribe((profileInfo) => {
             this.localVCEnabled = profileInfo.activeProfiles.includes(PROFILE_LOCALVC);
diff --git a/src/main/webapp/app/exam/manage/student-exams/student-exam-detail-table-row/student-exam-detail-table-row.component.ts b/src/main/webapp/app/exam/manage/student-exams/student-exam-detail-table-row/student-exam-detail-table-row.component.ts
index fd2f3fe264ca..8bdaacb89d04 100644
--- a/src/main/webapp/app/exam/manage/student-exams/student-exam-detail-table-row/student-exam-detail-table-row.component.ts
+++ b/src/main/webapp/app/exam/manage/student-exams/student-exam-detail-table-row/student-exam-detail-table-row.component.ts
@@ -7,12 +7,16 @@ import { Course } from 'app/entities/course.model';
 import { Result } from 'app/entities/result.model';
 import { StudentExam } from 'app/entities/student-exam.model';
 import { faFolderOpen } from '@fortawesome/free-solid-svg-icons';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { RouterLink } from '@angular/router';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
-    /* eslint-disable-next-line  @angular-eslint/component-selector */
     selector: '[jhi-student-exam-detail-table-row]',
     templateUrl: './student-exam-detail-table-row.component.html',
     providers: [],
+    imports: [FaIconComponent, TranslateDirective, RouterLink, ArtemisTranslatePipe],
 })
 export class StudentExamDetailTableRowComponent implements OnChanges {
     @Input() exercise: Exercise;
diff --git a/src/main/webapp/app/exam/manage/student-exams/student-exam-detail.component.html b/src/main/webapp/app/exam/manage/student-exams/student-exam-detail.component.html
index 7b825a7471e5..790a185740b4 100644
--- a/src/main/webapp/app/exam/manage/student-exams/student-exam-detail.component.html
+++ b/src/main/webapp/app/exam/manage/student-exams/student-exam-detail.component.html
@@ -70,7 +70,7 @@ <h5 jhiTranslate="artemisApp.studentExams.workingTime"></h5>
             <div class="mb-3">
                 <h5 jhiTranslate="artemisApp.studentExams.workingTime"></h5>
                 <span jhiTranslate="artemisApp.studentExams.usedWorkingTime"></span>:
-                <jhi-testexam-working-time [studentExam]="studentExam" />
+                <jhi-test-exam-working-time [studentExam]="studentExam" />
             </div>
         }
         <div class="mb-3">
diff --git a/src/main/webapp/app/exam/manage/student-exams/student-exam-detail.component.ts b/src/main/webapp/app/exam/manage/student-exams/student-exam-detail.component.ts
index 8d8a79acccfb..1adc225e67ce 100644
--- a/src/main/webapp/app/exam/manage/student-exams/student-exam-detail.component.ts
+++ b/src/main/webapp/app/exam/manage/student-exams/student-exam-detail.component.ts
@@ -1,25 +1,50 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
+import { Component, OnDestroy, OnInit, inject } from '@angular/core';
+import { ActivatedRoute, RouterLink } from '@angular/router';
 import { StudentExam } from 'app/entities/student-exam.model';
 import { StudentExamService } from 'app/exam/manage/student-exams/student-exam.service';
 import { Course } from 'app/entities/course.model';
 import { User } from 'app/core/user/user.model';
 import { AlertService } from 'app/core/util/alert.service';
+import { TestExamWorkingTimeComponent } from 'app/exam/shared/testExam-workingTime/test-exam-working-time.component';
+import { WorkingTimeControlComponent } from 'app/exam/shared/working-time-control/working-time-control.component';
 import dayjs from 'dayjs/esm';
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { NgbModal, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 import { getLatestSubmissionResult, setLatestSubmissionResult } from 'app/entities/submission.model';
 import { GradeType } from 'app/entities/grading-scale.model';
 import { faSave } from '@fortawesome/free-solid-svg-icons';
 import { Exercise } from 'app/entities/exercise.model';
 import { StudentExamWithGradeDTO } from 'app/exam/exam-scores/exam-score-dtos.model';
 import { combineLatest, takeWhile } from 'rxjs';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FormsModule } from '@angular/forms';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { StudentExamDetailTableRowComponent } from './student-exam-detail-table-row/student-exam-detail-table-row.component';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-student-exam-detail',
     templateUrl: './student-exam-detail.component.html',
     styleUrls: ['./student-exam-detail.component.scss'],
+    imports: [
+        TranslateDirective,
+        FormsModule,
+        WorkingTimeControlComponent,
+        FaIconComponent,
+        TestExamWorkingTimeComponent,
+        NgbTooltip,
+        RouterLink,
+        StudentExamDetailTableRowComponent,
+        ArtemisDatePipe,
+        ArtemisTranslatePipe,
+    ],
 })
 export class StudentExamDetailComponent implements OnInit, OnDestroy {
+    private route = inject(ActivatedRoute);
+    private studentExamService = inject(StudentExamService);
+    private alertService = inject(AlertService);
+    private modalService = inject(NgbModal);
+
     examId: number;
     courseId: number;
     studentExam: StudentExam;
@@ -47,13 +72,6 @@ export class StudentExamDetailComponent implements OnInit, OnDestroy {
 
     private componentActive = true;
 
-    constructor(
-        private route: ActivatedRoute,
-        private studentExamService: StudentExamService,
-        private alertService: AlertService,
-        private modalService: NgbModal,
-    ) {}
-
     /**
      * Initialize the courseId and studentExam
      */
diff --git a/src/main/webapp/app/exam/manage/student-exams/student-exam-status/student-exam-status.component.ts b/src/main/webapp/app/exam/manage/student-exams/student-exam-status/student-exam-status.component.ts
index 2793d9ec48c5..1ed4390a80d3 100644
--- a/src/main/webapp/app/exam/manage/student-exams/student-exam-status/student-exam-status.component.ts
+++ b/src/main/webapp/app/exam/manage/student-exams/student-exam-status/student-exam-status.component.ts
@@ -1,5 +1,9 @@
 import { Component, Input } from '@angular/core';
 import { faCheckCircle, faExclamationTriangle, faInfoCircle } from '@fortawesome/free-solid-svg-icons';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 /**
  * Status indicator for student exams
@@ -8,6 +12,7 @@ import { faCheckCircle, faExclamationTriangle, faInfoCircle } from '@fortawesome
 @Component({
     selector: 'jhi-student-exam-status',
     templateUrl: `./student-exam-status.component.html`,
+    imports: [FaIconComponent, TranslateDirective, NgbTooltip, ArtemisTranslatePipe],
 })
 export class StudentExamStatusComponent {
     @Input() hasStudentsWithoutExam: boolean;
diff --git a/src/main/webapp/app/exam/manage/student-exams/student-exam-summary.component.ts b/src/main/webapp/app/exam/manage/student-exams/student-exam-summary.component.ts
index f6b73dac9994..db06641c336f 100644
--- a/src/main/webapp/app/exam/manage/student-exams/student-exam-summary.component.ts
+++ b/src/main/webapp/app/exam/manage/student-exams/student-exam-summary.component.ts
@@ -1,15 +1,17 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { StudentExam } from 'app/entities/student-exam.model';
+import { ExamResultSummaryComponent } from '../../participate/summary/exam-result-summary.component';
 
 @Component({
     selector: 'jhi-student-exam-summary',
     template: '<jhi-exam-participation-summary [studentExam]="studentExam" [instructorView]="true" />',
+    imports: [ExamResultSummaryComponent],
 })
 export class StudentExamSummaryComponent implements OnInit {
-    studentExam: StudentExam;
+    private route = inject(ActivatedRoute);
 
-    constructor(private route: ActivatedRoute) {}
+    studentExam: StudentExam;
 
     /**
      * Initialize the studentExam
diff --git a/src/main/webapp/app/exam/manage/student-exams/student-exam-timeline/programming-exam-diff/programming-exercise-exam-diff.component.ts b/src/main/webapp/app/exam/manage/student-exams/student-exam-timeline/programming-exam-diff/programming-exercise-exam-diff.component.ts
index c3979797994f..e7c8c01f3003 100644
--- a/src/main/webapp/app/exam/manage/student-exams/student-exam-timeline/programming-exam-diff/programming-exercise-exam-diff.component.ts
+++ b/src/main/webapp/app/exam/manage/student-exams/student-exam-timeline/programming-exam-diff/programming-exercise-exam-diff.component.ts
@@ -1,27 +1,37 @@
-import { ChangeDetectorRef, Component, EventEmitter, Input, OnDestroy, OnInit, Output, signal } from '@angular/core';
+import { Component, EventEmitter, Input, OnDestroy, OnInit, Output, inject, signal } from '@angular/core';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { ProgrammingSubmission } from 'app/entities/programming/programming-submission.model';
 import { FeatureToggle } from 'app/shared/feature-toggle/feature-toggle.service';
 import { ButtonSize } from 'app/shared/components/button.component';
 import { GitDiffReportModalComponent } from 'app/exercises/programming/git-diff-report/git-diff-report-modal.component';
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { NgbModal, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 import { ProgrammingExerciseService } from 'app/exercises/programming/manage/services/programming-exercise.service';
-import { Exercise, IncludedInOverallScore } from 'app/entities/exercise.model';
+import { IncludedInOverallScore } from 'app/entities/exercise.model';
 import { ExamSubmissionComponent } from 'app/exam/participate/exercises/exam-submission.component';
-import { Submission } from 'app/entities/submission.model';
 import { ProgrammingExerciseStudentParticipation } from 'app/entities/participation/programming-exercise-student-participation.model';
 import { faCodeCompare } from '@fortawesome/free-solid-svg-icons';
 import { ProgrammingExerciseGitDiffReport } from 'app/entities/programming-exercise-git-diff-report.model';
 import { ExamPageComponent } from 'app/exam/participate/exercises/exam-page.component';
 import { Observable, Subject, Subscription, debounceTime, take } from 'rxjs';
 import { CachedRepositoryFilesService } from 'app/exercises/programming/manage/services/cached-repository-files.service';
+import { IncludedInScoreBadgeComponent } from 'app/exercises/shared/exercise-headers/included-in-score-badge.component';
+import { CommitsInfoComponent } from 'app/exercises/programming/shared/commits-info/commits-info.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { GitDiffLineStatComponent } from 'app/exercises/programming/git-diff-report/git-diff-line-stat.component';
+import { ButtonComponent } from 'app/shared/components/button.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-programming-exam-diff',
     templateUrl: './programming-exercise-exam-diff.component.html',
     providers: [{ provide: ExamSubmissionComponent, useExisting: ProgrammingExerciseExamDiffComponent }],
+    imports: [IncludedInScoreBadgeComponent, CommitsInfoComponent, TranslateDirective, GitDiffLineStatComponent, NgbTooltip, ButtonComponent, ArtemisTranslatePipe],
 })
 export class ProgrammingExerciseExamDiffComponent extends ExamPageComponent implements OnInit, OnDestroy {
+    private programmingExerciseService = inject(ProgrammingExerciseService);
+    private modalService = inject(NgbModal);
+    private cachedRepositoryFilesService = inject(CachedRepositoryFilesService);
+
     @Input() exercise: ProgrammingExercise;
     @Input() previousSubmission: ProgrammingSubmission | undefined;
     @Input() currentSubmission: ProgrammingSubmission;
@@ -30,6 +40,7 @@ export class ProgrammingExerciseExamDiffComponent extends ExamPageComponent impl
     @Input() cachedDiffReports: Map<string, ProgrammingExerciseGitDiffReport> = new Map<string, ProgrammingExerciseGitDiffReport>();
     @Output() cachedDiffReportsChange = new EventEmitter<Map<string, ProgrammingExerciseGitDiffReport>>();
     @Input() exerciseIdSubject: Subject<number> = new Subject<number>();
+
     isLoadingDiffReport: boolean;
     addedLineCount: number;
     removedLineCount: number;
@@ -42,15 +53,6 @@ export class ProgrammingExerciseExamDiffComponent extends ExamPageComponent impl
     readonly faCodeCompare = faCodeCompare;
     readonly IncludedInOverallScore = IncludedInOverallScore;
 
-    constructor(
-        protected changeDetectorReference: ChangeDetectorRef,
-        private programmingExerciseService: ProgrammingExerciseService,
-        private modalService: NgbModal,
-        private cachedRepositoryFilesService: CachedRepositoryFilesService,
-    ) {
-        super(changeDetectorReference);
-    }
-
     ngOnInit() {
         // we subscribe to the exercise id because this allows us to avoid reloading the diff report every time the user switches between submission timestamps
         this.exerciseIdSubscription = this.exerciseIdSubject.pipe(debounceTime(200)).subscribe(() => {
@@ -132,14 +134,6 @@ export class ProgrammingExerciseExamDiffComponent extends ExamPageComponent impl
         });
     }
 
-    getSubmission(): Submission | undefined {
-        return this.currentSubmission;
-    }
-
-    getExercise(): Exercise {
-        return this.exercise;
-    }
-
     private calculateMapKey() {
         return JSON.stringify([this.previousSubmission?.id, this.currentSubmission.id!]);
     }
diff --git a/src/main/webapp/app/exam/manage/student-exams/student-exam-timeline/student-exam-timeline.component.ts b/src/main/webapp/app/exam/manage/student-exams/student-exam-timeline/student-exam-timeline.component.ts
index ac7f501a52d5..4b8a63f9dd8c 100644
--- a/src/main/webapp/app/exam/manage/student-exams/student-exam-timeline/student-exam-timeline.component.ts
+++ b/src/main/webapp/app/exam/manage/student-exams/student-exam-timeline/student-exam-timeline.component.ts
@@ -1,10 +1,13 @@
-import { AfterViewInit, ChangeDetectorRef, Component, OnDestroy, OnInit, QueryList, ViewChild, ViewChildren } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, Component, OnDestroy, OnInit, QueryList, ViewChild, ViewChildren, inject } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { StudentExam } from 'app/entities/student-exam.model';
 import { Exercise, ExerciseType } from 'app/entities/exercise.model';
 import { ExamPage } from 'app/entities/exam/exam-page.model';
 import { ExamSubmissionComponent } from 'app/exam/participate/exercises/exam-submission.component';
 import { ExamNavigationBarComponent } from 'app/exam/participate/exam-navigation-bar/exam-navigation-bar.component';
+import { ModelingExamSubmissionComponent } from 'app/exam/participate/exercises/modeling/modeling-exam-submission.component';
+import { QuizExamSubmissionComponent } from 'app/exam/participate/exercises/quiz/quiz-exam-submission.component';
+import { TextExamSubmissionComponent } from 'app/exam/participate/exercises/text/text-exam-submission.component';
 import { SubmissionService } from 'app/exercises/shared/submission/submission.service';
 import dayjs from 'dayjs/esm';
 import { SubmissionVersion } from 'app/entities/submission-version.model';
@@ -15,16 +18,35 @@ import { FileUploadSubmission } from 'app/entities/file-upload-submission.model'
 import { FileUploadExamSubmissionComponent } from 'app/exam/participate/exercises/file-upload/file-upload-exam-submission.component';
 import { SubmissionVersionService } from 'app/exercises/shared/submission-version/submission-version.service';
 import { ProgrammingExerciseExamDiffComponent } from 'app/exam/manage/student-exams/student-exam-timeline/programming-exam-diff/programming-exercise-exam-diff.component';
-import { ProgrammingExerciseParticipationService } from 'app/exercises/programming/manage/services/programming-exercise-participation.service';
 import { ExamPageComponent } from 'app/exam/participate/exercises/exam-page.component';
 import { ProgrammingExerciseGitDiffReport } from 'app/entities/programming-exercise-git-diff-report.model';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { MatSlider, MatSliderThumb } from '@angular/material/slider';
+import { FormsModule } from '@angular/forms';
 
 @Component({
     selector: 'jhi-student-exam-timeline',
     templateUrl: './student-exam-timeline.component.html',
     styleUrls: ['./student-exam-timeline.component.scss'],
+    imports: [
+        TranslateDirective,
+        MatSlider,
+        MatSliderThumb,
+        FormsModule,
+        ExamNavigationBarComponent,
+        QuizExamSubmissionComponent,
+        FileUploadExamSubmissionComponent,
+        TextExamSubmissionComponent,
+        ModelingExamSubmissionComponent,
+        ProgrammingExerciseExamDiffComponent,
+    ],
 })
 export class StudentExamTimelineComponent implements OnInit, AfterViewInit, OnDestroy {
+    private activatedRoute = inject(ActivatedRoute);
+    private submissionService = inject(SubmissionService);
+    private submissionVersionService = inject(SubmissionVersionService);
+    private cdr = inject(ChangeDetectorRef);
+
     readonly ExerciseType = ExerciseType;
     readonly SubmissionVersion = SubmissionVersion;
 
@@ -52,14 +74,6 @@ export class StudentExamTimelineComponent implements OnInit, AfterViewInit, OnDe
 
     private activatedRouteSubscription: Subscription;
 
-    constructor(
-        private activatedRoute: ActivatedRoute,
-        private submissionService: SubmissionService,
-        private submissionVersionService: SubmissionVersionService,
-        private programmingExerciseParticipationService: ProgrammingExerciseParticipationService,
-        private cdr: ChangeDetectorRef,
-    ) {}
-
     ngOnInit(): void {
         this.activatedRouteSubscription = this.activatedRoute.data.subscribe(({ studentExam: studentExamWithGrade }) => {
             this.studentExam = studentExamWithGrade.studentExam;
diff --git a/src/main/webapp/app/exam/manage/student-exams/student-exam.service.ts b/src/main/webapp/app/exam/manage/student-exams/student-exam.service.ts
index 8d2196806de9..6a10d4325a96 100644
--- a/src/main/webapp/app/exam/manage/student-exams/student-exam.service.ts
+++ b/src/main/webapp/app/exam/manage/student-exams/student-exam.service.ts
@@ -1,5 +1,4 @@
-import { Injectable } from '@angular/core';
-import { Router } from '@angular/router';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { Observable, map, tap } from 'rxjs';
 import { StudentExam } from 'app/entities/student-exam.model';
@@ -11,13 +10,10 @@ type EntityArrayResponseType = HttpResponse<StudentExam[]>;
 
 @Injectable({ providedIn: 'root' })
 export class StudentExamService {
-    public resourceUrl = 'api/courses';
+    private http = inject(HttpClient);
+    private accountService = inject(AccountService);
 
-    constructor(
-        private router: Router,
-        private http: HttpClient,
-        private accountService: AccountService,
-    ) {}
+    public resourceUrl = 'api/courses';
 
     /**
      * Find a student exam on the server using a GET request.
diff --git a/src/main/webapp/app/exam/manage/student-exams/student-exams.component.html b/src/main/webapp/app/exam/manage/student-exams/student-exams.component.html
index 5b85ae4215cd..9b670704024e 100644
--- a/src/main/webapp/app/exam/manage/student-exams/student-exams.component.html
+++ b/src/main/webapp/app/exam/manage/student-exams/student-exams.component.html
@@ -162,7 +162,7 @@ <h2>
                 </ng-template>
                 <ng-template ngx-datatable-cell-template let-value="value" let-row="row">
                     @if (isTestExam) {
-                        <jhi-testexam-working-time [studentExam]="row" />
+                        <jhi-test-exam-working-time [studentExam]="row" />
                     }
                     @if (!isTestExam) {
                         <jhi-student-exam-working-time [studentExam]="row" />
diff --git a/src/main/webapp/app/exam/manage/student-exams/student-exams.component.ts b/src/main/webapp/app/exam/manage/student-exams/student-exams.component.ts
index f10fc54ecf2a..e1f30113fd9b 100644
--- a/src/main/webapp/app/exam/manage/student-exams/student-exams.component.ts
+++ b/src/main/webapp/app/exam/manage/student-exams/student-exams.component.ts
@@ -1,7 +1,9 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { Component, OnDestroy, OnInit, inject } from '@angular/core';
+import { ActivatedRoute, RouterLink } from '@angular/router';
+import { NgbModal, NgbProgressbar } from '@ng-bootstrap/ng-bootstrap';
 import { StudentExamService } from 'app/exam/manage/student-exams/student-exam.service';
+import { StudentExamWorkingTimeComponent } from 'app/exam/shared/student-exam-working-time/student-exam-working-time.component';
+import { TestExamWorkingTimeComponent } from 'app/exam/shared/testExam-workingTime/test-exam-working-time.component';
 import { Subscription } from 'rxjs';
 import { tap } from 'rxjs/operators';
 import { StudentExam } from 'app/entities/student-exam.model';
@@ -21,6 +23,12 @@ import { JhiWebsocketService } from 'app/core/websocket/websocket.service';
 import { convertDateFromServer } from 'app/utils/date.utils';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 import { PROFILE_LOCALVC } from 'app/app.constants';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { StudentExamStatusComponent } from './student-exam-status/student-exam-status.component';
+import { DataTableComponent } from 'app/shared/data-table/data-table.component';
+import { NgxDatatableModule } from '@siemens/ngx-datatable';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
 
 const getWebsocketChannel = (examId: number) => `/topic/exams/${examId}/exercise-start-status`;
 
@@ -35,8 +43,32 @@ export type ExamExerciseStartPreparationStatus = {
 @Component({
     selector: 'jhi-student-exams',
     templateUrl: './student-exams.component.html',
+    imports: [
+        TranslateDirective,
+        FaIconComponent,
+        StudentExamStatusComponent,
+        NgbProgressbar,
+        DataTableComponent,
+        NgxDatatableModule,
+        RouterLink,
+        TestExamWorkingTimeComponent,
+        StudentExamWorkingTimeComponent,
+        ArtemisDatePipe,
+        ArtemisTranslatePipe,
+    ],
 })
 export class StudentExamsComponent implements OnInit, OnDestroy {
+    private route = inject(ActivatedRoute);
+    private examManagementService = inject(ExamManagementService);
+    private studentExamService = inject(StudentExamService);
+    private courseService = inject(CourseManagementService);
+    private alertService = inject(AlertService);
+    private modalService = inject(NgbModal);
+    private accountService = inject(AccountService);
+    private artemisTranslatePipe = inject(ArtemisTranslatePipe);
+    private websocketService = inject(JhiWebsocketService);
+    private profileService = inject(ProfileService);
+
     courseId: number;
     examId: number;
     studentExams: StudentExam[] = [];
@@ -63,19 +95,6 @@ export class StudentExamsComponent implements OnInit, OnDestroy {
     // Icons
     faExclamationTriangle = faExclamationTriangle;
 
-    constructor(
-        private route: ActivatedRoute,
-        private examManagementService: ExamManagementService,
-        private studentExamService: StudentExamService,
-        private courseService: CourseManagementService,
-        private alertService: AlertService,
-        private modalService: NgbModal,
-        private accountService: AccountService,
-        private artemisTranslatePipe: ArtemisTranslatePipe,
-        private websocketService: JhiWebsocketService,
-        private profileService: ProfileService,
-    ) {}
-
     /**
      * Initialize the courseId and examId
      */
diff --git a/src/main/webapp/app/exam/manage/students/exam-students.component.ts b/src/main/webapp/app/exam/manage/students/exam-students.component.ts
index ccc0f9e42671..1d5ea4f81858 100644
--- a/src/main/webapp/app/exam/manage/students/exam-students.component.ts
+++ b/src/main/webapp/app/exam/manage/students/exam-students.component.ts
@@ -1,8 +1,8 @@
-import { Component, OnDestroy, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
+import { Component, OnDestroy, OnInit, ViewChild, ViewEncapsulation, inject } from '@angular/core';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { ExamUser } from 'app/entities/exam/exam-user.model';
 import { Observable, Subject, Subscription, of } from 'rxjs';
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute, RouterLink } from '@angular/router';
 import { User } from 'app/core/user/user.model';
 import { ActionType } from 'app/shared/delete-dialog/delete-dialog.model';
 import { catchError, map, switchMap, tap } from 'rxjs/operators';
@@ -14,10 +14,16 @@ import { ExamManagementService } from 'app/exam/manage/exam-management.service';
 import { ButtonSize, ButtonType } from 'app/shared/components/button.component';
 import { AccountService } from 'app/core/auth/account.service';
 import { AlertService } from 'app/core/util/alert.service';
-import { EventManager } from 'app/core/util/event-manager.service';
 import { faCheck, faInfoCircle, faPlus, faTimes, faUpload, faUserSlash, faUserTimes } from '@fortawesome/free-solid-svg-icons';
 import dayjs from 'dayjs/esm';
 import { StudentExamService } from 'app/exam/manage/student-exams/student-exam.service';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { UsersImportButtonComponent } from 'app/shared/user-import/users-import-button.component';
+import { StudentsUploadImagesButtonComponent } from './upload-images/students-upload-images-button.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
+import { NgxDatatableModule } from '@siemens/ngx-datatable';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 const cssClasses = {
     alreadyRegistered: 'already-registered',
@@ -29,8 +35,26 @@ const cssClasses = {
     templateUrl: './exam-students.component.html',
     styleUrls: ['./exam-students.component.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [
+        TranslateDirective,
+        UsersImportButtonComponent,
+        StudentsUploadImagesButtonComponent,
+        FaIconComponent,
+        RouterLink,
+        DeleteButtonDirective,
+        DataTableComponent,
+        NgxDatatableModule,
+        ArtemisTranslatePipe,
+    ],
 })
 export class ExamStudentsComponent implements OnInit, OnDestroy {
+    private route = inject(ActivatedRoute);
+    private alertService = inject(AlertService);
+    private examManagementService = inject(ExamManagementService);
+    private userService = inject(UserService);
+    private accountService = inject(AccountService);
+    private studentExamService = inject(StudentExamService);
+
     @ViewChild(DataTableComponent) dataTable: DataTableComponent;
 
     readonly ButtonType = ButtonType;
@@ -67,16 +91,6 @@ export class ExamStudentsComponent implements OnInit, OnDestroy {
     faUpload = faUpload;
     faCheck = faCheck;
     faTimes = faTimes;
-    constructor(
-        private router: Router,
-        private route: ActivatedRoute,
-        private alertService: AlertService,
-        private eventManager: EventManager,
-        private examManagementService: ExamManagementService,
-        private userService: UserService,
-        private accountService: AccountService,
-        private studentExamService: StudentExamService,
-    ) {}
 
     ngOnInit() {
         this.isLoading = true;
diff --git a/src/main/webapp/app/exam/manage/students/upload-images/students-upload-images-button.component.ts b/src/main/webapp/app/exam/manage/students/upload-images/students-upload-images-button.component.ts
index 16b03fe9bbcd..a3d42089b84f 100644
--- a/src/main/webapp/app/exam/manage/students/upload-images/students-upload-images-button.component.ts
+++ b/src/main/webapp/app/exam/manage/students/upload-images/students-upload-images-button.component.ts
@@ -1,9 +1,10 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Component, EventEmitter, Input, Output, inject } from '@angular/core';
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { StudentsUploadImagesDialogComponent } from 'app/exam/manage/students/upload-images/students-upload-images-dialog.component';
 import { ButtonSize, ButtonType } from 'app/shared/components/button.component';
 import { Exam } from 'app/entities/exam/exam.model';
 import { faPlus, faUpload } from '@fortawesome/free-solid-svg-icons';
+import { ButtonComponent } from 'app/shared/components/button.component';
 
 @Component({
     selector: 'jhi-student-upload-images-button',
@@ -16,8 +17,11 @@ import { faPlus, faUpload } from '@fortawesome/free-solid-svg-icons';
             (onClick)="openUploadImagesDialog($event)"
         />
     `,
+    imports: [ButtonComponent],
 })
 export class StudentsUploadImagesButtonComponent {
+    private modalService = inject(NgbModal);
+
     ButtonType = ButtonType;
     ButtonSize = ButtonSize;
 
@@ -31,8 +35,6 @@ export class StudentsUploadImagesButtonComponent {
     faPlus = faPlus;
     faUpload = faUpload;
 
-    constructor(private modalService: NgbModal) {}
-
     /**
      * Open up upload dialog for exam users image upload
      * @param {Event} event - Mouse Event which invoked the opening
diff --git a/src/main/webapp/app/exam/manage/students/upload-images/students-upload-images-dialog.component.ts b/src/main/webapp/app/exam/manage/students/upload-images/students-upload-images-dialog.component.ts
index f94e4b9f836c..08cd57979d45 100644
--- a/src/main/webapp/app/exam/manage/students/upload-images/students-upload-images-dialog.component.ts
+++ b/src/main/webapp/app/exam/manage/students/upload-images/students-upload-images-dialog.component.ts
@@ -1,5 +1,5 @@
-import { Component, Input, OnDestroy, ViewChild, ViewEncapsulation } from '@angular/core';
-import { NgForm } from '@angular/forms';
+import { Component, Input, OnDestroy, ViewChild, ViewEncapsulation, inject } from '@angular/core';
+import { FormsModule, NgForm } from '@angular/forms';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { AlertService } from 'app/core/util/alert.service';
 import { HttpErrorResponse } from '@angular/common/http';
@@ -9,6 +9,11 @@ import { Exam } from 'app/entities/exam/exam.model';
 import { ExamManagementService } from 'app/exam/manage/exam-management.service';
 import { faArrowRight, faBan, faCheck, faCircleNotch, faSpinner, faUpload } from '@fortawesome/free-solid-svg-icons';
 import { onError } from 'app/shared/util/global.utils';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgClass } from '@angular/common';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 class NotFoundExamUserType {
     numberOfUsersNotFound: number;
@@ -19,8 +24,13 @@ class NotFoundExamUserType {
     selector: 'jhi-student-upload-images-dialog',
     templateUrl: './students-upload-images-dialog.component.html',
     encapsulation: ViewEncapsulation.None,
+    imports: [FormsModule, TranslateDirective, HelpIconComponent, FaIconComponent, NgClass, ArtemisTranslatePipe],
 })
 export class StudentsUploadImagesDialogComponent implements OnDestroy {
+    private activeModal = inject(NgbActiveModal);
+    private alertService = inject(AlertService);
+    private examManagementService = inject(ExamManagementService);
+
     readonly ActionType = ActionType;
 
     @ViewChild('importForm', { static: false }) importForm: NgForm;
@@ -44,12 +54,6 @@ export class StudentsUploadImagesDialogComponent implements OnDestroy {
     faUpload = faUpload;
     faArrowRight = faArrowRight;
 
-    constructor(
-        private activeModal: NgbActiveModal,
-        private alertService: AlertService,
-        private examManagementService: ExamManagementService,
-    ) {}
-
     ngOnDestroy(): void {
         this.dialogErrorSource.unsubscribe();
     }
diff --git a/src/main/webapp/app/exam/manage/students/upload-images/students-upload-images.module.ts b/src/main/webapp/app/exam/manage/students/upload-images/students-upload-images.module.ts
index 59a8f087f2ff..cbad103c8eef 100644
--- a/src/main/webapp/app/exam/manage/students/upload-images/students-upload-images.module.ts
+++ b/src/main/webapp/app/exam/manage/students/upload-images/students-upload-images.module.ts
@@ -5,8 +5,7 @@ import { ArtemisSharedComponentModule } from 'app/shared/components/shared-compo
 import { ArtemisSharedCommonModule } from 'app/shared/shared-common.module';
 
 @NgModule({
-    imports: [ArtemisSharedComponentModule, ArtemisSharedCommonModule],
-    declarations: [StudentsUploadImagesDialogComponent, StudentsUploadImagesButtonComponent],
+    imports: [ArtemisSharedComponentModule, ArtemisSharedCommonModule, StudentsUploadImagesDialogComponent, StudentsUploadImagesButtonComponent],
     exports: [StudentsUploadImagesDialogComponent, StudentsUploadImagesButtonComponent],
 })
 export class StudentsUploadImagesModule {}
diff --git a/src/main/webapp/app/exam/manage/students/verify-attendance-check/exam-students-attendance-check.component.ts b/src/main/webapp/app/exam/manage/students/verify-attendance-check/exam-students-attendance-check.component.ts
index e8cfdfa14426..519614190490 100644
--- a/src/main/webapp/app/exam/manage/students/verify-attendance-check/exam-students-attendance-check.component.ts
+++ b/src/main/webapp/app/exam/manage/students/verify-attendance-check/exam-students-attendance-check.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnDestroy, OnInit, ViewEncapsulation } from '@angular/core';
+import { Component, OnDestroy, OnInit, ViewEncapsulation, inject } from '@angular/core';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { ExamUserAttendanceCheckDTO } from 'app/entities/exam/exam-users-attendance-check-dto.model';
 import { SortService } from 'app/shared/service/sort.service';
@@ -14,13 +14,27 @@ import { AlertService } from 'app/core/util/alert.service';
 import { EventManager } from 'app/core/util/event-manager.service';
 import { faCheck, faInfoCircle, faPlus, faSort, faTimes, faUpload, faUserSlash, faXmark } from '@fortawesome/free-solid-svg-icons';
 import dayjs from 'dayjs/esm';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { SortDirective } from 'app/shared/sort/sort.directive';
+import { SortByDirective } from 'app/shared/sort/sort-by.directive';
 
 @Component({
     selector: 'jhi-exam-students-attendance-check',
     templateUrl: './exam-students-attendance-check.component.html',
     encapsulation: ViewEncapsulation.None,
+    imports: [TranslateDirective, FaIconComponent, SortDirective, SortByDirective],
 })
 export class ExamStudentsAttendanceCheckComponent implements OnInit, OnDestroy {
+    private router = inject(Router);
+    private route = inject(ActivatedRoute);
+    private alertService = inject(AlertService);
+    private eventManager = inject(EventManager);
+    private examManagementService = inject(ExamManagementService);
+    private userService = inject(UserService);
+    private accountService = inject(AccountService);
+    private sortService = inject(SortService);
+
     readonly ButtonType = ButtonType;
     readonly ButtonSize = ButtonSize;
     readonly ActionType = ActionType;
@@ -57,17 +71,6 @@ export class ExamStudentsAttendanceCheckComponent implements OnInit, OnDestroy {
     faXmark = faXmark;
     faSort = faSort;
 
-    constructor(
-        private router: Router,
-        private route: ActivatedRoute,
-        private alertService: AlertService,
-        private eventManager: EventManager,
-        private examManagementService: ExamManagementService,
-        private userService: UserService,
-        private accountService: AccountService,
-        private sortService: SortService,
-    ) {}
-
     ngOnInit() {
         this.isLoading = true;
         this.courseId = Number(this.route.snapshot.paramMap.get('courseId'));
diff --git a/src/main/webapp/app/exam/manage/suspicious-behavior/plagiarism-cases-overview/plagiarism-cases-overview.component.ts b/src/main/webapp/app/exam/manage/suspicious-behavior/plagiarism-cases-overview/plagiarism-cases-overview.component.ts
index 5f9d2c05a2bd..45d0b248c0bf 100644
--- a/src/main/webapp/app/exam/manage/suspicious-behavior/plagiarism-cases-overview/plagiarism-cases-overview.component.ts
+++ b/src/main/webapp/app/exam/manage/suspicious-behavior/plagiarism-cases-overview/plagiarism-cases-overview.component.ts
@@ -6,7 +6,6 @@ import { TranslateDirective } from 'app/shared/language/translate.directive';
 @Component({
     selector: 'jhi-plagiarism-cases-overview',
     templateUrl: './plagiarism-cases-overview.component.html',
-    standalone: true,
     imports: [TranslateDirective],
 })
 export class PlagiarismCasesOverviewComponent {
diff --git a/src/main/webapp/app/exam/manage/suspicious-behavior/suspicious-behavior.component.ts b/src/main/webapp/app/exam/manage/suspicious-behavior/suspicious-behavior.component.ts
index 0fc847d95581..2fe3406fe655 100644
--- a/src/main/webapp/app/exam/manage/suspicious-behavior/suspicious-behavior.component.ts
+++ b/src/main/webapp/app/exam/manage/suspicious-behavior/suspicious-behavior.component.ts
@@ -16,7 +16,6 @@ import { FormsModule } from '@angular/forms';
 @Component({
     selector: 'jhi-suspicious-behavior',
     templateUrl: './suspicious-behavior.component.html',
-    standalone: true,
     imports: [FormsModule, TranslateDirective, ArtemisTranslatePipe, ArtemisSharedComponentModule, PlagiarismCasesOverviewComponent],
 })
 export class SuspiciousBehaviorComponent implements OnInit {
diff --git a/src/main/webapp/app/exam/manage/suspicious-behavior/suspicious-sessions-overview/suspicious-sessions-overview.component.ts b/src/main/webapp/app/exam/manage/suspicious-behavior/suspicious-sessions-overview/suspicious-sessions-overview.component.ts
index 0626bb6d8911..fa02409b274d 100644
--- a/src/main/webapp/app/exam/manage/suspicious-behavior/suspicious-sessions-overview/suspicious-sessions-overview.component.ts
+++ b/src/main/webapp/app/exam/manage/suspicious-behavior/suspicious-sessions-overview/suspicious-sessions-overview.component.ts
@@ -9,7 +9,6 @@ import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
     selector: 'jhi-suspicious-sessions-overview',
     templateUrl: './suspicious-sessions-overview.component.html',
     styleUrls: ['./suspicious-sessions-overview.component.scss'],
-    standalone: true,
     imports: [SuspiciousSessionsComponent, TranslateDirective, ArtemisTranslatePipe],
 })
 export class SuspiciousSessionsOverviewComponent implements OnInit {
diff --git a/src/main/webapp/app/exam/manage/suspicious-behavior/suspicious-sessions/suspicious-sessions.component.ts b/src/main/webapp/app/exam/manage/suspicious-behavior/suspicious-sessions/suspicious-sessions.component.ts
index 7e153d9faaad..8cbbe3c92b89 100644
--- a/src/main/webapp/app/exam/manage/suspicious-behavior/suspicious-sessions/suspicious-sessions.component.ts
+++ b/src/main/webapp/app/exam/manage/suspicious-behavior/suspicious-sessions/suspicious-sessions.component.ts
@@ -5,11 +5,9 @@ import { ArtemisSharedModule } from 'app/shared/shared.module';
 
 @Component({
     // this is intended and an attribute selector because otherwise the rendered table breaks
-    // eslint-disable-next-line @angular-eslint/component-selector
     selector: '[jhi-suspicious-sessions]',
     templateUrl: './suspicious-sessions.component.html',
     styleUrls: ['./suspicious-sessions.component.scss'],
-    standalone: true,
     imports: [ArtemisSharedModule],
 })
 export class SuspiciousSessionsComponent implements OnInit {
diff --git a/src/main/webapp/app/exam/manage/test-runs/create-test-run-modal.component.ts b/src/main/webapp/app/exam/manage/test-runs/create-test-run-modal.component.ts
index a43fa4a9e41c..29e5e47640a0 100644
--- a/src/main/webapp/app/exam/manage/test-runs/create-test-run-modal.component.ts
+++ b/src/main/webapp/app/exam/manage/test-runs/create-test-run-modal.component.ts
@@ -1,28 +1,28 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { StudentExam } from 'app/entities/student-exam.model';
 import { Exam } from 'app/entities/exam/exam.model';
 import { Exercise } from 'app/entities/exercise.model';
 import { ExerciseGroup } from 'app/entities/exercise-group.model';
-import { FormControl, FormGroup, Validators } from '@angular/forms';
+import { FormControl, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
 import { ArtemisDurationFromSecondsPipe } from 'app/shared/pipes/artemis-duration-from-seconds.pipe';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
     selector: 'jhi-create-test-run-modal',
     templateUrl: './create-test-run-modal.component.html',
     providers: [ArtemisDurationFromSecondsPipe],
     styles: ['.table tr.active td { background-color:#3e8acc; color: white; }'],
+    imports: [TranslateDirective, FormsModule, ReactiveFormsModule],
 })
 export class CreateTestRunModalComponent implements OnInit {
+    private activeModal = inject(NgbActiveModal);
+    private artemisDurationFromSecondsPipe = inject(ArtemisDurationFromSecondsPipe);
+
     exam: Exam;
     workingTimeForm: FormGroup;
     testRunConfiguration: { [id: number]: Exercise } = {};
 
-    constructor(
-        private activeModal: NgbActiveModal,
-        private artemisDurationFromSecondsPipe: ArtemisDurationFromSecondsPipe,
-    ) {}
-
     ngOnInit(): void {
         this.initWorkingTimeForm();
         this.ignoreEmptyExerciseGroups();
diff --git a/src/main/webapp/app/exam/manage/test-runs/test-run-management.component.html b/src/main/webapp/app/exam/manage/test-runs/test-run-management.component.html
index 988dcfa83074..6f4971128eac 100644
--- a/src/main/webapp/app/exam/manage/test-runs/test-run-management.component.html
+++ b/src/main/webapp/app/exam/manage/test-runs/test-run-management.component.html
@@ -113,7 +113,7 @@ <h2><span jhiTranslate="artemisApp.examManagement.testRun.title"></span>{{ exam?
                                             }
                                             <a
                                                 class="manage-worktime btn btn-primary btn-sm me-1 mb-1"
-                                                [routerLink]="['/course-management', course.id, 'exams', exam.id, 'test-runs', this.testRun.id]"
+                                                [routerLink]="['/course-management', course.id, 'exams', exam.id, 'test-runs', testRun.id]"
                                                 [class.disabled]="testRun.started"
                                             >
                                                 <span jhiTranslate="artemisApp.examManagement.testRun.manage"></span>
diff --git a/src/main/webapp/app/exam/manage/test-runs/test-run-management.component.ts b/src/main/webapp/app/exam/manage/test-runs/test-run-management.component.ts
index 06d0196d6ba9..0492d8d6ac18 100644
--- a/src/main/webapp/app/exam/manage/test-runs/test-run-management.component.ts
+++ b/src/main/webapp/app/exam/manage/test-runs/test-run-management.component.ts
@@ -1,12 +1,12 @@
-import { Component, OnInit } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
+import { Component, OnInit, inject } from '@angular/core';
+import { ActivatedRoute, RouterLink } from '@angular/router';
 import { Course } from 'app/entities/course.model';
 import { StudentExam } from 'app/entities/student-exam.model';
 import { SortService } from 'app/shared/service/sort.service';
 import { Exam } from 'app/entities/exam/exam.model';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { AlertService } from 'app/core/util/alert.service';
-import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
+import { NgbModal, NgbModalRef, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 import { CreateTestRunModalComponent } from 'app/exam/manage/test-runs/create-test-run-modal.component';
 import { ExamManagementService } from 'app/exam/manage/exam-management.service';
 import { AccountService } from 'app/core/auth/account.service';
@@ -14,12 +14,39 @@ import { Subject } from 'rxjs';
 import { User } from 'app/core/user/user.model';
 import { onError } from 'app/shared/util/global.utils';
 import { faSort, faTimes } from '@fortawesome/free-solid-svg-icons';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { SortDirective } from 'app/shared/sort/sort.directive';
+import { SortByDirective } from 'app/shared/sort/sort-by.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { ArtemisDurationFromSecondsPipe } from 'app/shared/pipes/artemis-duration-from-seconds.pipe';
 
 @Component({
     selector: 'jhi-test-run-management',
     templateUrl: './test-run-management.component.html',
+    imports: [
+        TranslateDirective,
+        NgbTooltip,
+        RouterLink,
+        SortDirective,
+        SortByDirective,
+        FaIconComponent,
+        DeleteButtonDirective,
+        ArtemisDatePipe,
+        ArtemisTranslatePipe,
+        ArtemisDurationFromSecondsPipe,
+    ],
 })
 export class TestRunManagementComponent implements OnInit {
+    private route = inject(ActivatedRoute);
+    private alertService = inject(AlertService);
+    private examManagementService = inject(ExamManagementService);
+    private accountService = inject(AccountService);
+    private sortService = inject(SortService);
+    private modalService = inject(NgbModal);
+
     course: Course;
     exam: Exam;
     isLoading: boolean;
@@ -35,14 +62,7 @@ export class TestRunManagementComponent implements OnInit {
     faSort = faSort;
     faTimes = faTimes;
 
-    constructor(
-        private route: ActivatedRoute,
-        private alertService: AlertService,
-        private examManagementService: ExamManagementService,
-        private accountService: AccountService,
-        private sortService: SortService,
-        private modalService: NgbModal,
-    ) {
+    constructor() {
         this.predicate = 'id';
         this.ascending = true;
     }
diff --git a/src/main/webapp/app/exam/manage/test-runs/test-run-ribbon.component.ts b/src/main/webapp/app/exam/manage/test-runs/test-run-ribbon.component.ts
index c2d0b5f5e366..c14f8155ae79 100644
--- a/src/main/webapp/app/exam/manage/test-runs/test-run-ribbon.component.ts
+++ b/src/main/webapp/app/exam/manage/test-runs/test-run-ribbon.component.ts
@@ -1,4 +1,5 @@
 import { Component } from '@angular/core';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
     selector: 'jhi-test-run-ribbon',
@@ -10,5 +11,6 @@ import { Component } from '@angular/core';
         </div>
     `,
     styleUrls: ['../../../shared/layouts/profiles/page-ribbon.scss'],
+    imports: [TranslateDirective],
 })
 export class TestRunRibbonComponent {}
diff --git a/src/main/webapp/app/exam/participate/events/exam-live-events-button.component.ts b/src/main/webapp/app/exam/participate/events/exam-live-events-button.component.ts
index 8659685258a2..91a0fcf88fa8 100644
--- a/src/main/webapp/app/exam/participate/events/exam-live-events-button.component.ts
+++ b/src/main/webapp/app/exam/participate/events/exam-live-events-button.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnDestroy, OnInit, ViewEncapsulation } from '@angular/core';
+import { Component, Input, OnDestroy, OnInit, ViewEncapsulation, inject } from '@angular/core';
 import { faBullhorn } from '@fortawesome/free-solid-svg-icons';
 import { AlertService } from 'app/core/util/alert.service';
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
@@ -6,6 +6,7 @@ import { Subscription, from } from 'rxjs';
 import { ExamLiveEvent, ExamLiveEventType, ExamParticipationLiveEventsService } from 'app/exam/participate/exam-participation-live-events.service';
 import { ExamLiveEventsOverlayComponent } from 'app/exam/participate/events/exam-live-events-overlay.component';
 import dayjs from 'dayjs/esm';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 export const USER_DISPLAY_RELEVANT_EVENTS = [
     ExamLiveEventType.EXAM_WIDE_ANNOUNCEMENT,
@@ -20,8 +21,13 @@ export const USER_DISPLAY_RELEVANT_EVENTS_REOPEN = [ExamLiveEventType.EXAM_WIDE_
     templateUrl: './exam-live-events-button.component.html',
     styleUrls: ['./exam-live-events-button.component.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [FaIconComponent],
 })
 export class ExamLiveEventsButtonComponent implements OnInit, OnDestroy {
+    private alertService = inject(AlertService);
+    private modalService = inject(NgbModal);
+    private liveEventsService = inject(ExamParticipationLiveEventsService);
+
     private modalRef?: NgbModalRef;
     private liveEventsSubscription?: Subscription;
     private allEventsSubscription?: Subscription;
@@ -31,12 +37,6 @@ export class ExamLiveEventsButtonComponent implements OnInit, OnDestroy {
     // Icons
     faBullhorn = faBullhorn;
 
-    constructor(
-        private alertService: AlertService,
-        private modalService: NgbModal,
-        private liveEventsService: ExamParticipationLiveEventsService,
-    ) {}
-
     ngOnInit(): void {
         this.allEventsSubscription = this.liveEventsService.observeAllEvents(USER_DISPLAY_RELEVANT_EVENTS_REOPEN).subscribe((events: ExamLiveEvent[]) => {
             // do not count the problem statements events that are made before the start of the exam
diff --git a/src/main/webapp/app/exam/participate/events/exam-live-events-overlay.component.ts b/src/main/webapp/app/exam/participate/events/exam-live-events-overlay.component.ts
index cf24ccb614e4..b1c1e7f99c1c 100644
--- a/src/main/webapp/app/exam/participate/events/exam-live-events-overlay.component.ts
+++ b/src/main/webapp/app/exam/participate/events/exam-live-events-overlay.component.ts
@@ -1,18 +1,26 @@
-import { Component, Input, OnDestroy, OnInit } from '@angular/core';
+import { Component, Input, OnDestroy, OnInit, inject } from '@angular/core';
 import { faCheck } from '@fortawesome/free-solid-svg-icons';
+import { ExamLiveEventComponent } from 'app/exam/shared/events/exam-live-event.component';
 import { Subscription } from 'rxjs';
 import { ExamLiveEvent, ExamLiveEventType, ExamParticipationLiveEventsService, ProblemStatementUpdateEvent } from 'app/exam/participate/exam-participation-live-events.service';
 import { USER_DISPLAY_RELEVANT_EVENTS, USER_DISPLAY_RELEVANT_EVENTS_REOPEN } from 'app/exam/participate/events/exam-live-events-button.component';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { ExamExerciseUpdateService } from 'app/exam/manage/exam-exercise-update.service';
 import dayjs from 'dayjs/esm';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
     selector: 'jhi-exam-live-events-overlay',
     templateUrl: './exam-live-events-overlay.component.html',
     styleUrls: ['./exam-live-events-overlay.component.scss'],
+    imports: [ExamLiveEventComponent, FaIconComponent, TranslateDirective],
 })
 export class ExamLiveEventsOverlayComponent implements OnInit, OnDestroy {
+    private liveEventsService = inject(ExamParticipationLiveEventsService);
+    private activeModal = inject(NgbActiveModal);
+    private examExerciseUpdateService = inject(ExamExerciseUpdateService);
+
     private allLiveEventsSubscription?: Subscription;
     private newLiveEventsSubscription?: Subscription;
 
@@ -26,12 +34,6 @@ export class ExamLiveEventsOverlayComponent implements OnInit, OnDestroy {
 
     protected readonly ExamLiveEventType = ExamLiveEventType;
 
-    constructor(
-        private liveEventsService: ExamParticipationLiveEventsService,
-        private activeModal: NgbActiveModal,
-        private examExerciseUpdateService: ExamExerciseUpdateService,
-    ) {}
-
     ngOnDestroy(): void {
         this.allLiveEventsSubscription?.unsubscribe();
         this.newLiveEventsSubscription?.unsubscribe();
diff --git a/src/main/webapp/app/exam/participate/events/exam-live-events.module.ts b/src/main/webapp/app/exam/participate/events/exam-live-events.module.ts
index ef1a24e8e765..cc805d9c46f0 100644
--- a/src/main/webapp/app/exam/participate/events/exam-live-events.module.ts
+++ b/src/main/webapp/app/exam/participate/events/exam-live-events.module.ts
@@ -7,8 +7,7 @@ import { ExamLiveEventsOverlayComponent } from 'app/exam/participate/events/exam
 import { ArtemisExamSharedModule } from 'app/exam/shared/exam-shared.module';
 
 @NgModule({
-    declarations: [ExamLiveEventsButtonComponent, ExamLiveEventsOverlayComponent],
-    imports: [CommonModule, ArtemisSharedCommonModule, ArtemisExamTimerModule, ArtemisExamSharedModule],
+    imports: [CommonModule, ArtemisSharedCommonModule, ArtemisExamTimerModule, ArtemisExamSharedModule, ExamLiveEventsButtonComponent, ExamLiveEventsOverlayComponent],
     exports: [ExamLiveEventsButtonComponent, ExamLiveEventsOverlayComponent],
 })
 export class ArtemisExamLiveEventsModule {}
diff --git a/src/main/webapp/app/exam/participate/exam-bar/exam-bar.component.ts b/src/main/webapp/app/exam/participate/exam-bar/exam-bar.component.ts
index daf2532e3b15..e4c0b2afacf5 100644
--- a/src/main/webapp/app/exam/participate/exam-bar/exam-bar.component.ts
+++ b/src/main/webapp/app/exam/participate/exam-bar/exam-bar.component.ts
@@ -1,4 +1,4 @@
-import { AfterViewInit, Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { AfterViewInit, Component, ElementRef, EventEmitter, Input, OnInit, Output, inject } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { ArtemisSharedCommonModule } from 'app/shared/shared-common.module';
 import { ArtemisExamTimerModule } from 'app/exam/participate/timer/exam-timer.module';
@@ -12,12 +12,13 @@ import { StudentExam } from 'app/entities/student-exam.model';
 
 @Component({
     selector: 'jhi-exam-bar',
-    standalone: true,
     imports: [CommonModule, ArtemisSharedCommonModule, ArtemisExamTimerModule, ArtemisExamLiveEventsModule],
     templateUrl: './exam-bar.component.html',
     styleUrl: './exam-bar.component.scss',
 })
 export class ExamBarComponent implements AfterViewInit, OnInit {
+    private elementRef = inject(ElementRef);
+
     @Output() onExamHandInEarly = new EventEmitter<void>();
     @Output() examAboutToEnd = new EventEmitter<void>();
     @Output() heightChange = new EventEmitter<number>();
@@ -41,8 +42,6 @@ export class ExamBarComponent implements AfterViewInit, OnInit {
     examTitle: string;
     exercises: Exercise[] = [];
 
-    constructor(private elementRef: ElementRef) {}
-
     ngOnInit(): void {
         this.examTitle = this.exam.title ?? '';
         this.exercises = this.studentExam.exercises ?? [];
diff --git a/src/main/webapp/app/exam/participate/exam-cover/exam-participation-cover.component.ts b/src/main/webapp/app/exam/participate/exam-cover/exam-participation-cover.component.ts
index 090588335574..80c1d82d931d 100644
--- a/src/main/webapp/app/exam/participate/exam-cover/exam-participation-cover.component.ts
+++ b/src/main/webapp/app/exam/participate/exam-cover/exam-participation-cover.component.ts
@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Output } from '@angular/core';
+import { Component, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Output, inject } from '@angular/core';
 import { SafeHtml } from '@angular/platform-browser';
 import { ArtemisMarkdownService } from 'app/shared/markdown.service';
 import { CourseManagementService } from 'app/course/manage/course-management.service';
@@ -14,13 +14,29 @@ import { EXAM_START_WAIT_TIME_MINUTES } from 'app/app.constants';
 import { UI_RELOAD_TIME } from 'app/shared/constants/exercise-exam-constants';
 import { faArrowLeft, faCircleExclamation, faDoorClosed, faSpinner } from '@fortawesome/free-solid-svg-icons';
 import { Subscription } from 'rxjs';
+import { NgClass } from '@angular/common';
+import { ExamLiveEventsButtonComponent } from '../events/exam-live-events-button.component';
+import { ExamStartInformationComponent } from '../exam-start-information/exam-start-information.component';
+import { FormsModule } from '@angular/forms';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-exam-participation-cover',
     templateUrl: './exam-participation-cover.component.html',
     styleUrls: ['./exam-participation-cover.scss'],
+    imports: [NgClass, ExamLiveEventsButtonComponent, ExamStartInformationComponent, FormsModule, TranslateDirective, FaIconComponent, ArtemisDatePipe, ArtemisTranslatePipe],
 })
 export class ExamParticipationCoverComponent implements OnChanges, OnDestroy, OnInit {
+    private courseService = inject(CourseManagementService);
+    private artemisMarkdown = inject(ArtemisMarkdownService);
+    private translateService = inject(TranslateService);
+    private accountService = inject(AccountService);
+    private examParticipationService = inject(ExamParticipationService);
+    private serverDateService = inject(ArtemisServerDateService);
+
     /**
      * if startView is set to true: startText and confirmationStartText will be displayed
      * if startView is set to false: endText and confirmationEndText will be displayed
@@ -65,15 +81,6 @@ export class ExamParticipationCoverComponent implements OnChanges, OnDestroy, On
     faCircleExclamation = faCircleExclamation;
     faDoorClosed = faDoorClosed;
 
-    constructor(
-        private courseService: CourseManagementService,
-        private artemisMarkdown: ArtemisMarkdownService,
-        private translateService: TranslateService,
-        private accountService: AccountService,
-        private examParticipationService: ExamParticipationService,
-        private serverDateService: ArtemisServerDateService,
-    ) {}
-
     ngOnInit(): void {
         this.isAttendanceChecked = this.exam.testExam || !this.exam.examWithAttendanceCheck || this.attendanceChecked;
     }
@@ -83,7 +90,7 @@ export class ExamParticipationCoverComponent implements OnChanges, OnDestroy, On
      * changes in the exam and subscription is handled in the exam-participation.component
      * if the student exam changes, we need to update the displayed times
      */
-    ngOnChanges(): void {
+    ngOnChanges() {
         this.confirmed = false;
         this.startEnabled = false;
         this.testRun = this.studentExam.testRun;
diff --git a/src/main/webapp/app/exam/participate/exam-navigation-bar/exam-navigation-bar.component.ts b/src/main/webapp/app/exam/participate/exam-navigation-bar/exam-navigation-bar.component.ts
index 800285feeda1..28aab3a490b3 100644
--- a/src/main/webapp/app/exam/participate/exam-navigation-bar/exam-navigation-bar.component.ts
+++ b/src/main/webapp/app/exam/participate/exam-navigation-bar/exam-navigation-bar.component.ts
@@ -1,4 +1,4 @@
-import { AfterViewInit, Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { AfterViewInit, Component, EventEmitter, Input, OnInit, Output, inject } from '@angular/core';
 import { Exercise, ExerciseType } from 'app/entities/exercise.model';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { LayoutService } from 'app/shared/breakpoints/layout.service';
@@ -17,13 +17,27 @@ import { faBars, faCheck, faEdit } from '@fortawesome/free-solid-svg-icons';
 import { ProgrammingSubmission } from 'app/entities/programming/programming-submission.model';
 import { SubmissionVersion } from 'app/entities/submission-version.model';
 import { FileUploadSubmission } from 'app/entities/file-upload-submission.model';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ExamLiveEventsButtonComponent } from '../events/exam-live-events-button.component';
+import { NgClass } from '@angular/common';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ExamTimerComponent } from '../timer/exam-timer.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-exam-navigation-bar',
     templateUrl: './exam-navigation-bar.component.html',
     styleUrls: ['./exam-navigation-bar.component.scss'],
+    imports: [TranslateDirective, ExamLiveEventsButtonComponent, NgClass, NgbTooltip, FaIconComponent, ExamTimerComponent, ArtemisTranslatePipe],
 })
 export class ExamNavigationBarComponent implements OnInit, AfterViewInit {
+    private layoutService = inject(LayoutService);
+    private examParticipationService = inject(ExamParticipationService);
+    private examExerciseUpdateService = inject(ExamExerciseUpdateService);
+    private repositoryService = inject(CodeEditorRepositoryService);
+    private conflictService = inject(CodeEditorConflictStateService);
+
     @Input() exercises: Exercise[] = [];
     @Input() exerciseIndex = 0;
     @Input() endDate: dayjs.Dayjs;
@@ -51,14 +65,6 @@ export class ExamNavigationBarComponent implements OnInit, AfterViewInit {
     // Icons
     faBars = faBars;
 
-    constructor(
-        private layoutService: LayoutService,
-        private examParticipationService: ExamParticipationService,
-        private examExerciseUpdateService: ExamExerciseUpdateService,
-        private repositoryService: CodeEditorRepositoryService,
-        private conflictService: CodeEditorConflictStateService,
-    ) {}
-
     ngOnInit(): void {
         if (!this.examTimeLineView) {
             this.subscriptionToLiveExamExerciseUpdates = this.examExerciseUpdateService.currentExerciseIdForNavigation.subscribe((exerciseIdToNavigateTo) => {
diff --git a/src/main/webapp/app/exam/participate/exam-navigation-bar/exam-navigation-bar.module.ts b/src/main/webapp/app/exam/participate/exam-navigation-bar/exam-navigation-bar.module.ts
index 1dedc313ae2e..e56eeac54ab9 100644
--- a/src/main/webapp/app/exam/participate/exam-navigation-bar/exam-navigation-bar.module.ts
+++ b/src/main/webapp/app/exam/participate/exam-navigation-bar/exam-navigation-bar.module.ts
@@ -6,8 +6,7 @@ import { ArtemisExamTimerModule } from 'app/exam/participate/timer/exam-timer.mo
 import { ArtemisExamLiveEventsModule } from 'app/exam/participate/events/exam-live-events.module';
 
 @NgModule({
-    declarations: [ExamNavigationBarComponent],
-    imports: [CommonModule, ArtemisSharedCommonModule, ArtemisExamTimerModule, ArtemisExamLiveEventsModule],
+    imports: [CommonModule, ArtemisSharedCommonModule, ArtemisExamTimerModule, ArtemisExamLiveEventsModule, ExamNavigationBarComponent],
     exports: [ExamNavigationBarComponent],
 })
 export class ArtemisExamNavigationBarModule {}
diff --git a/src/main/webapp/app/exam/participate/exam-navigation-sidebar/exam-navigation-sidebar.component.ts b/src/main/webapp/app/exam/participate/exam-navigation-sidebar/exam-navigation-sidebar.component.ts
index 93bcecfa27ae..adbfb0e9ca91 100644
--- a/src/main/webapp/app/exam/participate/exam-navigation-sidebar/exam-navigation-sidebar.component.ts
+++ b/src/main/webapp/app/exam/participate/exam-navigation-sidebar/exam-navigation-sidebar.component.ts
@@ -1,7 +1,6 @@
-import { Component, EventEmitter, HostListener, Input, OnDestroy, OnInit, Output } from '@angular/core';
+import { Component, EventEmitter, HostListener, Input, OnDestroy, OnInit, Output, inject } from '@angular/core';
 import { ArtemisSidebarModule } from 'app/shared/sidebar/sidebar.module';
 import { ArtemisSharedModule } from 'app/shared/shared.module';
-import { SidebarCardDirective } from 'app/shared/sidebar/sidebar-card.directive';
 import { Subscription } from 'rxjs';
 import { SidebarEventService } from 'app/shared/sidebar/sidebar-event.service';
 import { SidebarData } from 'app/types/sidebar';
@@ -20,8 +19,8 @@ import { CommitState, DomainChange, DomainType } from 'app/exercises/programming
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
 import { faChevronRight, faFileLines, faHourglassHalf } from '@fortawesome/free-solid-svg-icons';
-import { facSaveSuccess, facSaveWarning } from '../../../../content/icons/icons';
 import { getIconTooltip } from 'app/entities/exercise.model';
+import { facSaveSuccess, facSaveWarning } from 'app/icons/icons';
 
 export enum ExerciseButtonStatus {
     Synced = 'synced',
@@ -31,12 +30,18 @@ export enum ExerciseButtonStatus {
 
 @Component({
     selector: 'jhi-exam-navigation-sidebar',
-    standalone: true,
-    imports: [ArtemisSidebarModule, ArtemisSharedModule, SidebarCardDirective],
+    imports: [ArtemisSidebarModule, ArtemisSharedModule],
     templateUrl: './exam-navigation-sidebar.component.html',
     styleUrl: './exam-navigation-sidebar.component.scss',
 })
 export class ExamNavigationSidebarComponent implements OnDestroy, OnInit {
+    private profileService = inject(ProfileService);
+    private sidebarEventService = inject(SidebarEventService);
+    private examParticipationService = inject(ExamParticipationService);
+    private examExerciseUpdateService = inject(ExamExerciseUpdateService);
+    private repositoryService = inject(CodeEditorRepositoryService);
+    private conflictService = inject(CodeEditorConflictStateService);
+
     @Input() sidebarData: SidebarData;
     @Input() exercises: Exercise[] = [];
     @Input() exerciseIndex = 0;
@@ -61,24 +66,14 @@ export class ExamNavigationSidebarComponent implements OnDestroy, OnInit {
     icon: IconProp;
     readonly faFileLines = faFileLines;
     readonly faChevronRight = faChevronRight;
-    readonly ExerciseButtonStatus = ExerciseButtonStatus;
 
     profileSubscription?: Subscription;
     isProduction = true;
     isTestServer = false;
-    isCollapsed: boolean = false;
+    isCollapsed = false;
     exerciseId: string;
     numberOfSavedExercises: number = 0;
 
-    constructor(
-        private profileService: ProfileService,
-        private sidebarEventService: SidebarEventService,
-        private examParticipationService: ExamParticipationService,
-        private examExerciseUpdateService: ExamExerciseUpdateService,
-        private repositoryService: CodeEditorRepositoryService,
-        private conflictService: CodeEditorConflictStateService,
-    ) {}
-
     ngOnInit(): void {
         this.profileSubscription = this.profileService.getProfileInfo()?.subscribe((profileInfo) => {
             this.isProduction = profileInfo?.inProduction;
@@ -92,6 +87,7 @@ export class ExamNavigationSidebarComponent implements OnDestroy, OnInit {
             });
         }
 
+        // TODO: avoid duplicated code
         const isInitialSession = this.examSessions && this.examSessions.length > 0 && this.examSessions[0].initialSession;
         if (isInitialSession || isInitialSession == undefined) {
             return;
@@ -134,9 +130,9 @@ export class ExamNavigationSidebarComponent implements OnDestroy, OnInit {
     }
 
     /**
-     * @param overviewPage: user wants to switch to the overview page
-     * @param exerciseIndex: index of the exercise to switch to, if it should not be used, you can pass -1
-     * @param forceSave: true if forceSave shall be used.
+     * @param overviewPage user wants to switch to the overview page
+     * @param exerciseIndex index of the exercise to switch to, if it should not be used, you can pass -1
+     * @param forceSave true if forceSave shall be used.
      * @param submission the submission to be viewed, used in the exam timeline
      */
     changePage(overviewPage: boolean, exerciseIndex: number, forceSave?: boolean, submission?: SubmissionVersion | ProgrammingSubmission | FileUploadSubmission): void {
diff --git a/src/main/webapp/app/exam/participate/exam-participation-live-events.service.ts b/src/main/webapp/app/exam/participate/exam-participation-live-events.service.ts
index 63e5c7cf0ec8..1058fb8fbbba 100644
--- a/src/main/webapp/app/exam/participate/exam-participation-live-events.service.ts
+++ b/src/main/webapp/app/exam/participate/exam-participation-live-events.service.ts
@@ -1,5 +1,5 @@
 import { HttpClient } from '@angular/common/http';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ConnectionState, JhiWebsocketService } from 'app/core/websocket/websocket.service';
 import { ExamParticipationService } from 'app/exam/participate/exam-participation.service';
 import dayjs from 'dayjs/esm';
@@ -54,6 +54,11 @@ export type ProblemStatementUpdateEvent = ExamLiveEvent & {
 
 @Injectable({ providedIn: 'root' })
 export class ExamParticipationLiveEventsService {
+    private websocketService = inject(JhiWebsocketService);
+    private examParticipationService = inject(ExamParticipationService);
+    private localStorageService = inject(LocalStorageService);
+    private httpClient = inject(HttpClient);
+
     private courseId?: number;
     private examId?: number;
     private studentExamId?: number;
@@ -74,12 +79,7 @@ export class ExamParticipationLiveEventsService {
     // Subject that emits all events when the array of events changes
     private allEventsSubject = new BehaviorSubject<ExamLiveEvent[]>([]);
 
-    constructor(
-        private websocketService: JhiWebsocketService,
-        private examParticipationService: ExamParticipationService,
-        private localStorageService: LocalStorageService,
-        private httpClient: HttpClient,
-    ) {
+    constructor() {
         this.clearOldAcknowledgement();
 
         // Listen to updates of the connection state; if we reconnect, we should fetch the list of events
diff --git a/src/main/webapp/app/exam/participate/exam-participation.component.ts b/src/main/webapp/app/exam/participate/exam-participation.component.ts
index 7871ce88d681..c4b8c658aff2 100644
--- a/src/main/webapp/app/exam/participate/exam-participation.component.ts
+++ b/src/main/webapp/app/exam/participate/exam-participation.component.ts
@@ -1,5 +1,5 @@
-import { Component, OnDestroy, OnInit, QueryList, ViewChildren } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
+import { Component, OnDestroy, OnInit, QueryList, ViewChildren, inject } from '@angular/core';
+import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 import { JhiWebsocketService } from 'app/core/websocket/websocket.service';
 import { ExamParticipationService } from 'app/exam/participate/exam-participation.service';
 import { StudentExam } from 'app/entities/student-exam.model';
@@ -45,6 +45,22 @@ import {
 import { ExamExerciseUpdateService } from 'app/exam/manage/exam-exercise-update.service';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 import { SidebarCardElement, SidebarData } from 'app/types/sidebar';
+import { TestRunRibbonComponent } from '../manage/test-runs/test-run-ribbon.component';
+import { ExamParticipationCoverComponent } from './exam-cover/exam-participation-cover.component';
+import { AsyncPipe, NgClass } from '@angular/common';
+import { ExamBarComponent } from './exam-bar/exam-bar.component';
+import { ExamNavigationSidebarComponent } from './exam-navigation-sidebar/exam-navigation-sidebar.component';
+import { ExamExerciseOverviewPageComponent } from './exercises/exercise-overview-page/exam-exercise-overview-page.component';
+import { QuizExamSubmissionComponent } from './exercises/quiz/quiz-exam-submission.component';
+import { FileUploadExamSubmissionComponent } from './exercises/file-upload/file-upload-exam-submission.component';
+import { TextExamSubmissionComponent } from './exercises/text/text-exam-submission.component';
+import { ModelingExamSubmissionComponent } from './exercises/modeling/modeling-exam-submission.component';
+import { ProgrammingExamSubmissionComponent } from './exercises/programming/programming-exam-submission.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { JhiConnectionStatusComponent } from 'app/shared/connection-status/connection-status.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ExamResultSummaryComponent } from './summary/exam-result-summary.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 type GenerateParticipationStatus = 'generating' | 'failed' | 'success';
 
@@ -52,8 +68,46 @@ type GenerateParticipationStatus = 'generating' | 'failed' | 'success';
     selector: 'jhi-exam-participation',
     templateUrl: './exam-participation.component.html',
     styleUrls: ['./exam-participation.scss'],
+    imports: [
+        TestRunRibbonComponent,
+        ExamParticipationCoverComponent,
+        NgClass,
+        ExamBarComponent,
+        ExamNavigationSidebarComponent,
+        ExamExerciseOverviewPageComponent,
+        QuizExamSubmissionComponent,
+        FileUploadExamSubmissionComponent,
+        TextExamSubmissionComponent,
+        ModelingExamSubmissionComponent,
+        ProgrammingExamSubmissionComponent,
+        TranslateDirective,
+        JhiConnectionStatusComponent,
+        FaIconComponent,
+        ExamResultSummaryComponent,
+        RouterLink,
+        AsyncPipe,
+        ArtemisTranslatePipe,
+    ],
 })
 export class ExamParticipationComponent implements OnInit, OnDestroy, ComponentCanDeactivate {
+    private websocketService = inject(JhiWebsocketService);
+    private route = inject(ActivatedRoute);
+    private router = inject(Router);
+    private examParticipationService = inject(ExamParticipationService);
+    private modelingSubmissionService = inject(ModelingSubmissionService);
+    private programmingSubmissionService = inject(ProgrammingSubmissionService);
+    private textSubmissionService = inject(TextSubmissionService);
+    private serverDateService = inject(ArtemisServerDateService);
+    private translateService = inject(TranslateService);
+    private alertService = inject(AlertService);
+    private courseExerciseService = inject(CourseExerciseService);
+    private liveEventsService = inject(ExamParticipationLiveEventsService);
+    private courseService = inject(CourseManagementService);
+    private courseStorageService = inject(CourseStorageService);
+    private examExerciseUpdateService = inject(ExamExerciseUpdateService);
+    private examManagementService = inject(ExamManagementService);
+    private profileService = inject(ProfileService);
+
     @ViewChildren(ExamSubmissionComponent)
     currentPageComponents: QueryList<ExamSubmissionComponent>;
 
@@ -145,25 +199,7 @@ export class ExamParticipationComponent implements OnInit, OnDestroy, ComponentC
     // Icons
     faGraduationCap = faGraduationCap;
 
-    constructor(
-        private websocketService: JhiWebsocketService,
-        private route: ActivatedRoute,
-        private router: Router,
-        private examParticipationService: ExamParticipationService,
-        private modelingSubmissionService: ModelingSubmissionService,
-        private programmingSubmissionService: ProgrammingSubmissionService,
-        private textSubmissionService: TextSubmissionService,
-        private serverDateService: ArtemisServerDateService,
-        private translateService: TranslateService,
-        private alertService: AlertService,
-        private courseExerciseService: CourseExerciseService,
-        private liveEventsService: ExamParticipationLiveEventsService,
-        private courseService: CourseManagementService,
-        private courseStorageService: CourseStorageService,
-        private examExerciseUpdateService: ExamExerciseUpdateService,
-        private examManagementService: ExamManagementService,
-        private profileService: ProfileService,
-    ) {
+    constructor() {
         // show only one synchronization error every 5s
         this.errorSubscription = this.synchronizationAlert.pipe(throttleTime(5000)).subscribe(() => {
             this.alertService.error('artemisApp.examParticipation.saveSubmissionError');
diff --git a/src/main/webapp/app/exam/participate/exam-participation.module.ts b/src/main/webapp/app/exam/participate/exam-participation.module.ts
index 2aac8a643f4f..2ba50e3dd5d1 100644
--- a/src/main/webapp/app/exam/participate/exam-participation.module.ts
+++ b/src/main/webapp/app/exam/participate/exam-participation.module.ts
@@ -64,7 +64,9 @@ const ENTITY_STATES = [...examParticipationState];
         ArtemisSidebarModule,
         ExamNavigationSidebarComponent,
         ExamBarComponent,
+        ExamParticipationComponent,
+        ExamParticipationCoverComponent,
+        ExamExerciseOverviewPageComponent,
     ],
-    declarations: [ExamParticipationComponent, ExamParticipationCoverComponent, ExamExerciseOverviewPageComponent],
 })
 export class ArtemisExamParticipationModule {}
diff --git a/src/main/webapp/app/exam/participate/exam-participation.route.ts b/src/main/webapp/app/exam/participate/exam-participation.route.ts
index a104b0ad964e..dfced7d039e0 100644
--- a/src/main/webapp/app/exam/participate/exam-participation.route.ts
+++ b/src/main/webapp/app/exam/participate/exam-participation.route.ts
@@ -1,15 +1,13 @@
 import { Routes } from '@angular/router';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
-import { ExamParticipationComponent } from 'app/exam/participate/exam-participation.component';
+
 import { PendingChangesGuard } from 'app/shared/guard/pending-changes.guard';
 import { Authority } from 'app/shared/constants/authority.constants';
-import { GradingKeyOverviewComponent } from 'app/grading-system/grading-key-overview/grading-key-overview.component';
-import { ExampleSolutionComponent } from 'app/exercises/shared/example-solution/example-solution.component';
 
 export const examParticipationRoute: Routes = [
     {
         path: '',
-        component: ExamParticipationComponent,
+        loadComponent: () => import('app/exam/participate/exam-participation.component').then((m) => m.ExamParticipationComponent),
         data: {
             authorities: [Authority.USER],
             pageTitle: 'artemisApp.exam.title',
@@ -18,7 +16,7 @@ export const examParticipationRoute: Routes = [
     },
     {
         path: 'overview/grading-key',
-        component: GradingKeyOverviewComponent,
+        loadComponent: () => import('app/grading-system/grading-key-overview/grading-key-overview.component').then((m) => m.GradingKeyOverviewComponent),
         data: {
             authorities: [Authority.USER],
             pageTitle: 'artemisApp.exam.title',
@@ -27,7 +25,7 @@ export const examParticipationRoute: Routes = [
     },
     {
         path: 'overview/bonus-grading-key',
-        component: GradingKeyOverviewComponent,
+        loadComponent: () => import('app/grading-system/grading-key-overview/grading-key-overview.component').then((m) => m.GradingKeyOverviewComponent),
         data: {
             authorities: [Authority.USER],
             pageTitle: 'artemisApp.exam.title',
@@ -37,7 +35,7 @@ export const examParticipationRoute: Routes = [
     },
     {
         path: 'test-exam/:studentExamId',
-        component: ExamParticipationComponent,
+        loadComponent: () => import('app/exam/participate/exam-participation.component').then((m) => m.ExamParticipationComponent),
         data: {
             authorities: [Authority.USER],
             pageTitle: 'artemisApp.exam.title',
@@ -47,7 +45,7 @@ export const examParticipationRoute: Routes = [
     },
     {
         path: 'exercises/:exerciseId/example-solution',
-        component: ExampleSolutionComponent,
+        loadComponent: () => import('app/exercises/shared/example-solution/example-solution.component').then((m) => m.ExampleSolutionComponent),
         data: {
             authorities: [Authority.USER],
             pageTitle: 'artemisApp.exam.title',
diff --git a/src/main/webapp/app/exam/participate/exam-participation.service.ts b/src/main/webapp/app/exam/participate/exam-participation.service.ts
index 5e125f6b1288..4add2a0fd022 100644
--- a/src/main/webapp/app/exam/participate/exam-participation.service.ts
+++ b/src/main/webapp/app/exam/participate/exam-participation.service.ts
@@ -1,5 +1,5 @@
 import { HttpClient, HttpErrorResponse, HttpParams, HttpResponse } from '@angular/common/http';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { faLightbulb } from '@fortawesome/free-solid-svg-icons';
 import { captureException } from '@sentry/angular';
 import { Exam } from 'app/entities/exam/exam.model';
@@ -22,6 +22,10 @@ export type ButtonTooltipType = 'submitted' | 'submittedSubmissionLimitReached'
 
 @Injectable({ providedIn: 'root' })
 export class ExamParticipationService {
+    private httpClient = inject(HttpClient);
+    private localStorageService = inject(LocalStorageService);
+    private sessionStorage = inject(SessionStorageService);
+
     public currentlyLoadedStudentExam = new Subject<StudentExam>();
 
     private examIsStartedSubject = new BehaviorSubject<boolean>(false);
@@ -37,12 +41,6 @@ export class ExamParticipationService {
         return `api/courses/${courseId}/exams/${examId}`;
     }
 
-    constructor(
-        private httpClient: HttpClient,
-        private localStorageService: LocalStorageService,
-        private sessionStorage: SessionStorageService,
-    ) {}
-
     private static getLocalStorageKeyForStudentExam(courseId: number, examId: number): string {
         const prefix = 'artemis_student_exam';
         return `${prefix}_${courseId}_${examId}`;
diff --git a/src/main/webapp/app/exam/participate/exam-start-information/exam-start-information.component.ts b/src/main/webapp/app/exam/participate/exam-start-information/exam-start-information.component.ts
index 3f02da6bab2b..6e56677edc85 100644
--- a/src/main/webapp/app/exam/participate/exam-start-information/exam-start-information.component.ts
+++ b/src/main/webapp/app/exam/participate/exam-start-information/exam-start-information.component.ts
@@ -10,7 +10,6 @@ import { SafeHtml } from '@angular/platform-browser';
 
 @Component({
     selector: 'jhi-exam-start-information',
-    standalone: true,
     imports: [ArtemisSharedModule, ArtemisSharedComponentModule, InformationBoxComponent, ArtemisExamSharedModule],
     templateUrl: './exam-start-information.component.html',
 })
diff --git a/src/main/webapp/app/exam/participate/exercises/exam-exercise-update-highlighter/exam-exercise-update-highlighter.component.ts b/src/main/webapp/app/exam/participate/exercises/exam-exercise-update-highlighter/exam-exercise-update-highlighter.component.ts
index e841254ef587..35ad5bd48745 100644
--- a/src/main/webapp/app/exam/participate/exercises/exam-exercise-update-highlighter/exam-exercise-update-highlighter.component.ts
+++ b/src/main/webapp/app/exam/participate/exercises/exam-exercise-update-highlighter/exam-exercise-update-highlighter.component.ts
@@ -1,16 +1,20 @@
-import { Component, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';
+import { Component, EventEmitter, Input, OnDestroy, OnInit, Output, inject } from '@angular/core';
 import { Subscription } from 'rxjs';
 import { ExamExerciseUpdateService } from 'app/exam/manage/exam-exercise-update.service';
 import { Exercise, ExerciseType } from 'app/entities/exercise.model';
 import { htmlForMarkdown } from 'app/shared/util/markdown.conversion.util';
 import diff from 'html-diff-ts';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-exam-exercise-update-highlighter',
     templateUrl: './exam-exercise-update-highlighter.component.html',
     styleUrls: ['./exam-exercise-update-highlighter.component.scss'],
+    imports: [ArtemisTranslatePipe],
 })
 export class ExamExerciseUpdateHighlighterComponent implements OnInit, OnDestroy {
+    private examExerciseUpdateService = inject(ExamExerciseUpdateService);
+
     subscriptionToLiveExamExerciseUpdates: Subscription;
     themeSubscription: Subscription;
     updatedProblemStatementHTML: string;
@@ -23,8 +27,6 @@ export class ExamExerciseUpdateHighlighterComponent implements OnInit, OnDestroy
 
     @Output() problemStatementUpdateEvent: EventEmitter<string> = new EventEmitter<string>();
 
-    constructor(private examExerciseUpdateService: ExamExerciseUpdateService) {}
-
     ngOnInit(): void {
         this.subscriptionToLiveExamExerciseUpdates = this.examExerciseUpdateService.currentExerciseIdAndProblemStatement.subscribe((update) => {
             if (update) {
diff --git a/src/main/webapp/app/exam/participate/exercises/exam-exercise-update-highlighter/exam-exercise-update-highlighter.module.ts b/src/main/webapp/app/exam/participate/exercises/exam-exercise-update-highlighter/exam-exercise-update-highlighter.module.ts
index 30e5255744b1..e915682f2001 100644
--- a/src/main/webapp/app/exam/participate/exercises/exam-exercise-update-highlighter/exam-exercise-update-highlighter.module.ts
+++ b/src/main/webapp/app/exam/participate/exercises/exam-exercise-update-highlighter/exam-exercise-update-highlighter.module.ts
@@ -3,8 +3,7 @@ import { ArtemisSharedCommonModule } from 'app/shared/shared-common.module';
 import { ExamExerciseUpdateHighlighterComponent } from 'app/exam/participate/exercises/exam-exercise-update-highlighter/exam-exercise-update-highlighter.component';
 
 @NgModule({
-    declarations: [ExamExerciseUpdateHighlighterComponent],
-    imports: [ArtemisSharedCommonModule],
+    imports: [ArtemisSharedCommonModule, ExamExerciseUpdateHighlighterComponent],
     exports: [ExamExerciseUpdateHighlighterComponent],
 })
 export class ExamExerciseUpdateHighlighterModule {}
diff --git a/src/main/webapp/app/exam/participate/exercises/exam-page.component.ts b/src/main/webapp/app/exam/participate/exercises/exam-page.component.ts
index d587462715b6..cf2130c6236a 100644
--- a/src/main/webapp/app/exam/participate/exercises/exam-page.component.ts
+++ b/src/main/webapp/app/exam/participate/exercises/exam-page.component.ts
@@ -1,8 +1,8 @@
-import { ChangeDetectorRef, Directive } from '@angular/core';
+import { ChangeDetectorRef, Directive, inject } from '@angular/core';
 
 @Directive()
 export abstract class ExamPageComponent {
-    protected constructor(protected changeDetectorReference: ChangeDetectorRef) {}
+    protected changeDetectorReference = inject(ChangeDetectorRef);
 
     /**
      * Should be called when the component becomes active / visible. It activates Angular's change detection for this component.
diff --git a/src/main/webapp/app/exam/participate/exercises/exam-submission-components.module.ts b/src/main/webapp/app/exam/participate/exercises/exam-submission-components.module.ts
index 72fb6667e806..9d374e6f90b0 100644
--- a/src/main/webapp/app/exam/participate/exercises/exam-submission-components.module.ts
+++ b/src/main/webapp/app/exam/participate/exercises/exam-submission-components.module.ts
@@ -21,13 +21,6 @@ import { ArtemisProgrammingSubmissionPolicyStatusModule } from 'app/exercises/pr
 import { ExerciseSaveButtonComponent } from './exercise-save-button/exercise-save-button.component';
 
 @NgModule({
-    declarations: [
-        FileUploadExamSubmissionComponent,
-        QuizExamSubmissionComponent,
-        ProgrammingExamSubmissionComponent,
-        TextExamSubmissionComponent,
-        ModelingExamSubmissionComponent,
-    ],
     imports: [
         CommonModule,
         ArtemisSharedModule,
@@ -44,6 +37,11 @@ import { ExerciseSaveButtonComponent } from './exercise-save-button/exercise-sav
         ArtemisProgrammingSubmissionPolicyStatusModule,
         ExamExerciseUpdateHighlighterModule,
         ExerciseSaveButtonComponent,
+        FileUploadExamSubmissionComponent,
+        QuizExamSubmissionComponent,
+        ProgrammingExamSubmissionComponent,
+        TextExamSubmissionComponent,
+        ModelingExamSubmissionComponent,
     ],
     exports: [FileUploadExamSubmissionComponent, QuizExamSubmissionComponent, ProgrammingExamSubmissionComponent, TextExamSubmissionComponent, ModelingExamSubmissionComponent],
 })
diff --git a/src/main/webapp/app/exam/participate/exercises/exercise-overview-page/exam-exercise-overview-page.component.ts b/src/main/webapp/app/exam/participate/exercises/exercise-overview-page/exam-exercise-overview-page.component.ts
index 483891aba2c1..3d6d75aaca8b 100644
--- a/src/main/webapp/app/exam/participate/exercises/exercise-overview-page/exam-exercise-overview-page.component.ts
+++ b/src/main/webapp/app/exam/participate/exercises/exercise-overview-page/exam-exercise-overview-page.component.ts
@@ -1,35 +1,36 @@
-import { ChangeDetectorRef, Component, EventEmitter, Input, OnChanges, OnInit, Output } from '@angular/core';
+import { Component, EventEmitter, Input, OnChanges, OnInit, Output, inject } from '@angular/core';
 import { Exercise, ExerciseType, getIcon, getIconTooltip } from 'app/entities/exercise.model';
 import { ExamPageComponent } from 'app/exam/participate/exercises/exam-page.component';
 import { StudentExam } from 'app/entities/student-exam.model';
 import { ExamExerciseOverviewItem } from 'app/entities/exam/exam-exercise-overview-item.model';
 import { ButtonTooltipType, ExamParticipationService } from 'app/exam/participate/exam-participation.service';
 import { faHourglassHalf } from '@fortawesome/free-solid-svg-icons';
-import { facSaveSuccess, facSaveWarning } from '../../../../../content/icons/icons';
 import { ExerciseButtonStatus } from 'app/exam/participate/exam-navigation-sidebar/exam-navigation-sidebar.component';
+import { facSaveSuccess, facSaveWarning } from 'app/icons/icons';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { NgClass } from '@angular/common';
+import { UpdatingResultComponent } from 'app/exercises/shared/result/updating-result.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-exam-exercise-overview-page',
     templateUrl: './exam-exercise-overview-page.component.html',
     styleUrls: ['./exam-exercise-overview-page.scss', '../../exam-navigation-sidebar/exam-navigation-sidebar.component.scss'],
+    imports: [TranslateDirective, FaIconComponent, NgbTooltip, NgClass, UpdatingResultComponent, ArtemisTranslatePipe],
 })
 export class ExamExerciseOverviewPageComponent extends ExamPageComponent implements OnInit, OnChanges {
+    private examParticipationService = inject(ExamParticipationService);
+
     @Input() studentExam: StudentExam;
     @Output() onPageChanged = new EventEmitter<{ overViewChange: boolean; exercise: Exercise; forceSave: boolean }>();
     getIcon = getIcon;
     getIconTooltip = getIconTooltip;
-    readonly ExerciseButtonStatus = ExerciseButtonStatus;
     showResultWidth = 10;
 
     examExerciseOverviewItems: ExamExerciseOverviewItem[] = [];
 
-    constructor(
-        protected changeDetectorReference: ChangeDetectorRef,
-        private examParticipationService: ExamParticipationService,
-    ) {
-        super(changeDetectorReference);
-    }
-
     ngOnInit() {
         this.studentExam.exercises?.forEach((exercise) => {
             const item = new ExamExerciseOverviewItem();
diff --git a/src/main/webapp/app/exam/participate/exercises/exercise-save-button/exercise-save-button.component.ts b/src/main/webapp/app/exam/participate/exercises/exercise-save-button/exercise-save-button.component.ts
index 01e627a6941f..74fb67154b1e 100644
--- a/src/main/webapp/app/exam/participate/exercises/exercise-save-button/exercise-save-button.component.ts
+++ b/src/main/webapp/app/exam/participate/exercises/exercise-save-button/exercise-save-button.component.ts
@@ -1,7 +1,7 @@
 import { Component, input, output } from '@angular/core';
 import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { faFloppyDisk } from '@fortawesome/free-solid-svg-icons';
-import { facSaveSuccess } from '../../../../../content/icons/icons';
+import { facSaveSuccess } from 'app/icons/icons';
 import { Submission } from 'app/entities/submission.model';
 import { TranslateDirective } from 'app/shared/language/translate.directive';
 
@@ -9,7 +9,6 @@ import { TranslateDirective } from 'app/shared/language/translate.directive';
     selector: 'jhi-exercise-save-button',
     templateUrl: './exercise-save-button.component.html',
     styleUrls: ['./exercise-save-button.component.scss'],
-    standalone: true,
     imports: [FaIconComponent, TranslateDirective],
 })
 export class ExerciseSaveButtonComponent {
diff --git a/src/main/webapp/app/exam/participate/exercises/file-upload/file-upload-exam-submission.component.ts b/src/main/webapp/app/exam/participate/exercises/file-upload/file-upload-exam-submission.component.ts
index cec4402861c4..3f16c4b89c92 100644
--- a/src/main/webapp/app/exam/participate/exercises/file-upload/file-upload-exam-submission.component.ts
+++ b/src/main/webapp/app/exam/participate/exercises/file-upload/file-upload-exam-submission.component.ts
@@ -1,16 +1,12 @@
-import { ChangeDetectorRef, Component, ElementRef, Input, OnInit, ViewChild } from '@angular/core';
-import { Location } from '@angular/common';
+import { Component, ElementRef, Input, OnInit, ViewChild, inject } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
-import { ActivatedRoute } from '@angular/router';
 import { AlertService } from 'app/core/util/alert.service';
 import dayjs from 'dayjs/esm';
 import { StudentParticipation } from 'app/entities/participation/student-participation.model';
 import { FileUploadSubmissionService } from 'app/exercises/file-upload/participate/file-upload-submission.service';
-import { FileUploaderService } from 'app/shared/http/file-uploader.service';
 import { MAX_SUBMISSION_FILE_SIZE } from 'app/shared/constants/input.constants';
 import { FileUploadExercise } from 'app/entities/file-upload-exercise.model';
 import { FileService } from 'app/shared/http/file.service';
-import { ResultService } from 'app/exercises/shared/result/result.service';
 import { FileUploadSubmission } from 'app/entities/file-upload-submission.model';
 import { ButtonType } from 'app/shared/components/button.component';
 import { Result } from 'app/entities/result.model';
@@ -20,22 +16,40 @@ import { Submission } from 'app/entities/submission.model';
 import { faListAlt } from '@fortawesome/free-regular-svg-icons';
 import { SubmissionVersion } from 'app/entities/submission-version.model';
 import { htmlForMarkdown } from 'app/shared/util/markdown.conversion.util';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { IncludedInScoreBadgeComponent } from 'app/exercises/shared/exercise-headers/included-in-score-badge.component';
+import { ResizeableContainerComponent } from 'app/shared/resizeable-container/resizeable-container.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ExamExerciseUpdateHighlighterComponent } from '../exam-exercise-update-highlighter/exam-exercise-update-highlighter.component';
+import { UpperCasePipe } from '@angular/common';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-file-upload-submission-exam',
     templateUrl: './file-upload-exam-submission.component.html',
     providers: [{ provide: ExamSubmissionComponent, useExisting: FileUploadExamSubmissionComponent }],
-    // change deactivation must be triggered manually
+    imports: [
+        TranslateDirective,
+        IncludedInScoreBadgeComponent,
+        ResizeableContainerComponent,
+        FaIconComponent,
+        ExamExerciseUpdateHighlighterComponent,
+        UpperCasePipe,
+        ArtemisTranslatePipe,
+    ],
 })
 export class FileUploadExamSubmissionComponent extends ExamSubmissionComponent implements OnInit {
+    private fileUploadSubmissionService = inject(FileUploadSubmissionService);
+    private alertService = inject(AlertService);
+    private translateService = inject(TranslateService);
+    private fileService = inject(FileService);
+
     exerciseType = ExerciseType.FILE_UPLOAD;
 
     @ViewChild('fileInput', { static: false }) fileInput: ElementRef;
 
-    @Input()
-    studentSubmission: FileUploadSubmission;
-    @Input()
-    exercise: FileUploadExercise;
+    @Input() studentSubmission: FileUploadSubmission;
+    @Input() exercise: FileUploadExercise;
     problemStatementHtml: string;
 
     submittedFileName: string;
@@ -52,20 +66,6 @@ export class FileUploadExamSubmissionComponent extends ExamSubmissionComponent i
     // Icons
     farListAlt = faListAlt;
 
-    constructor(
-        private route: ActivatedRoute,
-        private fileUploadSubmissionService: FileUploadSubmissionService,
-        private fileUploaderService: FileUploaderService,
-        private resultService: ResultService,
-        private alertService: AlertService,
-        private location: Location,
-        private translateService: TranslateService,
-        private fileService: FileService,
-        changeDetectorReference: ChangeDetectorRef,
-    ) {
-        super(changeDetectorReference);
-    }
-
     /**
      * Initializes data for file upload editor
      */
diff --git a/src/main/webapp/app/exam/participate/exercises/modeling/modeling-exam-submission.component.ts b/src/main/webapp/app/exam/participate/exercises/modeling/modeling-exam-submission.component.ts
index d16f4d56ff6d..fb5f8c062970 100644
--- a/src/main/webapp/app/exam/participate/exercises/modeling/modeling-exam-submission.component.ts
+++ b/src/main/webapp/app/exam/participate/exercises/modeling/modeling-exam-submission.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit, ViewChild, input, output } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input, OnInit, ViewChild, input, output } from '@angular/core';
 import { UMLModel } from '@ls1intum/apollon';
 import dayjs from 'dayjs/esm';
 import { ModelingSubmission } from 'app/entities/modeling-submission.model';
@@ -10,6 +10,14 @@ import { Exercise, ExerciseType, IncludedInOverallScore } from 'app/entities/exe
 import { faListAlt } from '@fortawesome/free-regular-svg-icons';
 import { SubmissionVersion } from 'app/entities/submission-version.model';
 import { htmlForMarkdown } from 'app/shared/util/markdown.conversion.util';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { IncludedInScoreBadgeComponent } from 'app/exercises/shared/exercise-headers/included-in-score-badge.component';
+import { ExerciseSaveButtonComponent } from '../exercise-save-button/exercise-save-button.component';
+import { ResizeableContainerComponent } from 'app/shared/resizeable-container/resizeable-container.component';
+import { FullscreenComponent } from 'app/shared/fullscreen/fullscreen.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ExamExerciseUpdateHighlighterComponent } from '../exam-exercise-update-highlighter/exam-exercise-update-highlighter.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-modeling-submission-exam',
@@ -18,20 +26,28 @@ import { htmlForMarkdown } from 'app/shared/util/markdown.conversion.util';
     styleUrls: ['./modeling-exam-submission.component.scss'],
     // change deactivation must be triggered manually
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [
+        TranslateDirective,
+        IncludedInScoreBadgeComponent,
+        ExerciseSaveButtonComponent,
+        ResizeableContainerComponent,
+        FullscreenComponent,
+        ModelingEditorComponent,
+        FaIconComponent,
+        ExamExerciseUpdateHighlighterComponent,
+        ArtemisTranslatePipe,
+    ],
 })
 export class ModelingExamSubmissionComponent extends ExamSubmissionComponent implements OnInit {
     exerciseType = ExerciseType.MODELING;
 
-    @ViewChild(ModelingEditorComponent, { static: false })
-    modelingEditor: ModelingEditorComponent;
+    @ViewChild(ModelingEditorComponent, { static: false }) modelingEditor: ModelingEditorComponent;
 
     // IMPORTANT: this reference must be contained in this.studentParticipation.submissions[0] otherwise the parent component will not be able to react to changes
-    @Input()
-    studentSubmission: ModelingSubmission;
+    @Input() studentSubmission: ModelingSubmission;
     problemStatementHtml: string;
 
-    @Input()
-    exercise: ModelingExercise;
+    @Input() exercise: ModelingExercise;
     umlModel: UMLModel; // input model for Apollon+
 
     // explicitly needed to track if submission.isSynced is changed, otherwise component
@@ -46,10 +62,6 @@ export class ModelingExamSubmissionComponent extends ExamSubmissionComponent imp
     // Icons
     protected readonly faListAlt = faListAlt;
 
-    constructor(changeDetectorReference: ChangeDetectorRef) {
-        super(changeDetectorReference);
-    }
-
     ngOnInit(): void {
         // show submission answers in UI
         this.problemStatementHtml = htmlForMarkdown(this.exercise?.problemStatement);
@@ -122,7 +134,7 @@ export class ModelingExamSubmissionComponent extends ExamSubmissionComponent imp
     }
 
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    modelChanged(model: UMLModel) {
+    modelChanged(_model: UMLModel) {
         this.studentSubmission.isSynced = false;
     }
 
diff --git a/src/main/webapp/app/exam/participate/exercises/programming/programming-exam-submission.component.ts b/src/main/webapp/app/exam/participate/exercises/programming/programming-exam-submission.component.ts
index 7b18cda9e20a..0b9116699d02 100644
--- a/src/main/webapp/app/exam/participate/exercises/programming/programming-exam-submission.component.ts
+++ b/src/main/webapp/app/exam/participate/exercises/programming/programming-exam-submission.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, Component, Input, OnChanges, OnInit, ViewChild } from '@angular/core';
+import { Component, Input, OnChanges, OnInit, ViewChild, inject } from '@angular/core';
 import { Submission } from 'app/entities/submission.model';
 import { ExamSubmissionComponent } from 'app/exam/participate/exercises/exam-submission.component';
 import { ProgrammingExerciseStudentParticipation } from 'app/entities/participation/programming-exercise-student-participation.model';
@@ -19,6 +19,13 @@ import {
     CodeEditorRepositoryService,
 } from 'app/exercises/programming/shared/code-editor/service/code-editor-repository.service';
 import { SubmissionVersion } from 'app/entities/submission-version.model';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { IncludedInScoreBadgeComponent } from 'app/exercises/shared/exercise-headers/included-in-score-badge.component';
+import { ProgrammingSubmissionPolicyStatusComponent } from 'app/exercises/programming/participate/programming-submission-policy-status';
+import { ExerciseDetailsStudentActionsComponent } from 'app/overview/exercise-details/exercise-details-student-actions.component';
+import { CodeEditorRepositoryIsLockedComponent } from 'app/exercises/programming/shared/code-editor/layout/code-editor-repository-is-locked.component';
+import { UpdatingResultComponent } from 'app/exercises/shared/result/updating-result.component';
+import { ProgrammingExerciseStudentTriggerBuildButtonComponent } from 'app/exercises/programming/shared/actions/programming-exercise-student-trigger-build-button.component';
 
 @Component({
     selector: 'jhi-programming-submission-exam',
@@ -32,20 +39,30 @@ import { SubmissionVersion } from 'app/entities/submission-version.model';
         CodeEditorRepositoryService,
     ],
     styleUrls: ['./programming-exam-submission.component.scss'],
+    imports: [
+        TranslateDirective,
+        IncludedInScoreBadgeComponent,
+        CodeEditorContainerComponent,
+        ProgrammingSubmissionPolicyStatusComponent,
+        ExerciseDetailsStudentActionsComponent,
+        CodeEditorRepositoryIsLockedComponent,
+        UpdatingResultComponent,
+        ProgrammingExerciseStudentTriggerBuildButtonComponent,
+        ProgrammingExerciseInstructionComponent,
+    ],
 })
 export class ProgrammingExamSubmissionComponent extends ExamSubmissionComponent implements OnChanges, OnInit {
+    private domainService = inject(DomainService);
+
     exerciseType = ExerciseType.PROGRAMMING;
 
     @ViewChild(CodeEditorContainerComponent, { static: false }) codeEditorContainer: CodeEditorContainerComponent;
     @ViewChild(ProgrammingExerciseInstructionComponent, { static: false }) instructions: ProgrammingExerciseInstructionComponent;
 
     // IMPORTANT: this reference must be activeExercise.studentParticipation[0] otherwise the parent component will not be able to react to change
-    @Input()
-    studentParticipation: ProgrammingExerciseStudentParticipation;
-    @Input()
-    exercise: ProgrammingExercise;
-    @Input()
-    courseId: number;
+    @Input() studentParticipation: ProgrammingExerciseStudentParticipation;
+    @Input() exercise: ProgrammingExercise;
+    @Input() courseId: number;
 
     showEditorInstructions = true;
     hasSubmittedOnce = false;
@@ -75,13 +92,6 @@ export class ProgrammingExamSubmissionComponent extends ExamSubmissionComponent
     readonly ButtonType = ButtonType;
     readonly ButtonSize = ButtonSize;
 
-    constructor(
-        private domainService: DomainService,
-        changeDetectorReference: ChangeDetectorRef,
-    ) {
-        super(changeDetectorReference);
-    }
-
     /**
      * On init set up the route param subscription.
      * Will load the participation according to participation Id with the latest result and result details.
@@ -91,7 +101,7 @@ export class ProgrammingExamSubmissionComponent extends ExamSubmissionComponent
         this.setSubmissionCountAndLockIfNeeded();
     }
 
-    ngOnChanges(): void {
+    ngOnChanges() {
         this.setSubmissionCountAndLockIfNeeded();
     }
 
diff --git a/src/main/webapp/app/exam/participate/exercises/quiz/quiz-exam-submission.component.ts b/src/main/webapp/app/exam/participate/exercises/quiz/quiz-exam-submission.component.ts
index 26aa88a762d5..deff24ba6ecc 100644
--- a/src/main/webapp/app/exam/participate/exercises/quiz/quiz-exam-submission.component.ts
+++ b/src/main/webapp/app/exam/participate/exercises/quiz/quiz-exam-submission.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, Component, Input, OnInit, QueryList, ViewChildren, output } from '@angular/core';
+import { Component, Input, OnInit, QueryList, ViewChildren, inject, output } from '@angular/core';
 import { Exercise, ExerciseType, IncludedInOverallScore } from 'app/entities/exercise.model';
 import { AbstractQuizSubmission } from 'app/entities/quiz/abstract-quiz-exam-submission.model';
 import { AnswerOption } from 'app/entities/quiz/answer-option.model';
@@ -20,14 +20,33 @@ import { ButtonSize, ButtonType } from 'app/shared/components/button.component';
 import { ArtemisQuizService } from 'app/shared/quiz/quiz.service';
 import { cloneDeep } from 'lodash-es';
 import * as smoothscroll from 'smoothscroll-polyfill';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { IncludedInScoreBadgeComponent } from 'app/exercises/shared/exercise-headers/included-in-score-badge.component';
+import { ExerciseSaveButtonComponent } from '../exercise-save-button/exercise-save-button.component';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { NgClass } from '@angular/common';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-quiz-submission-exam',
     templateUrl: './quiz-exam-submission.component.html',
     providers: [{ provide: ExamSubmissionComponent, useExisting: QuizExamSubmissionComponent }],
     styleUrls: ['./quiz-exam-submission.component.scss'],
+    imports: [
+        TranslateDirective,
+        IncludedInScoreBadgeComponent,
+        ExerciseSaveButtonComponent,
+        NgbTooltip,
+        NgClass,
+        MultipleChoiceQuestionComponent,
+        DragAndDropQuestionComponent,
+        ShortAnswerQuestionComponent,
+        ArtemisTranslatePipe,
+    ],
 })
 export class QuizExamSubmissionComponent extends ExamSubmissionComponent implements OnInit {
+    private quizService = inject(ArtemisQuizService);
+
     exerciseType = ExerciseType.QUIZ;
 
     // make constants available to html for comparison
@@ -38,14 +57,9 @@ export class QuizExamSubmissionComponent extends ExamSubmissionComponent impleme
     readonly ButtonType = ButtonType;
     readonly IncludedInOverallScore = IncludedInOverallScore;
 
-    @ViewChildren(MultipleChoiceQuestionComponent)
-    mcQuestionComponents: QueryList<MultipleChoiceQuestionComponent>;
-
-    @ViewChildren(DragAndDropQuestionComponent)
-    dndQuestionComponents: QueryList<DragAndDropQuestionComponent>;
-
-    @ViewChildren(ShortAnswerQuestionComponent)
-    shortAnswerQuestionComponents: QueryList<ShortAnswerQuestionComponent>;
+    @ViewChildren(MultipleChoiceQuestionComponent) mcQuestionComponents: QueryList<MultipleChoiceQuestionComponent>;
+    @ViewChildren(DragAndDropQuestionComponent) dndQuestionComponents: QueryList<DragAndDropQuestionComponent>;
+    @ViewChildren(ShortAnswerQuestionComponent) shortAnswerQuestionComponents: QueryList<ShortAnswerQuestionComponent>;
 
     // IMPORTANT: this reference must be contained in this.studentParticipation.submissions[0] otherwise the parent component will not be able to react to changes
     @Input() studentSubmission: AbstractQuizSubmission;
@@ -59,15 +73,8 @@ export class QuizExamSubmissionComponent extends ExamSubmissionComponent impleme
     dragAndDropMappings = new Map<number, DragAndDropMapping[]>();
     shortAnswerSubmittedTexts = new Map<number, ShortAnswerSubmittedText[]>();
 
-    constructor(
-        private quizService: ArtemisQuizService,
-        changeDetectorReference: ChangeDetectorRef,
-    ) {
-        super(changeDetectorReference);
-        smoothscroll.polyfill();
-    }
-
     ngOnInit(): void {
+        smoothscroll.polyfill();
         this.initQuiz();
         this.updateViewFromSubmission();
     }
diff --git a/src/main/webapp/app/exam/participate/exercises/text/text-exam-submission.component.ts b/src/main/webapp/app/exam/participate/exercises/text/text-exam-submission.component.ts
index cb2dc3c0fd51..317eae54f8e4 100644
--- a/src/main/webapp/app/exam/participate/exercises/text/text-exam-submission.component.ts
+++ b/src/main/webapp/app/exam/participate/exercises/text/text-exam-submission.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, Component, Input, OnInit, output } from '@angular/core';
+import { Component, Input, OnInit, inject, output } from '@angular/core';
 import { TextEditorService } from 'app/exercises/text/participate/text-editor.service';
 import { Subject } from 'rxjs';
 import { TextSubmission } from 'app/entities/text/text-submission.model';
@@ -10,21 +10,41 @@ import { faListAlt } from '@fortawesome/free-solid-svg-icons';
 import { MAX_SUBMISSION_TEXT_LENGTH } from 'app/shared/constants/input.constants';
 import { SubmissionVersion } from 'app/entities/submission-version.model';
 import { htmlForMarkdown } from 'app/shared/util/markdown.conversion.util';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { IncludedInScoreBadgeComponent } from 'app/exercises/shared/exercise-headers/included-in-score-badge.component';
+import { ExerciseSaveButtonComponent } from '../exercise-save-button/exercise-save-button.component';
+import { ResizeableContainerComponent } from 'app/shared/resizeable-container/resizeable-container.component';
+import { FormsModule } from '@angular/forms';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ExamExerciseUpdateHighlighterComponent } from '../exam-exercise-update-highlighter/exam-exercise-update-highlighter.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { onTextEditorTab } from 'app/utils/text.utils';
 
 @Component({
     selector: 'jhi-text-editor-exam',
     templateUrl: './text-exam-submission.component.html',
     providers: [{ provide: ExamSubmissionComponent, useExisting: TextExamSubmissionComponent }],
     styleUrls: ['./text-exam-submission.component.scss'],
+    imports: [
+        TranslateDirective,
+        IncludedInScoreBadgeComponent,
+        ExerciseSaveButtonComponent,
+        ResizeableContainerComponent,
+        FormsModule,
+        FaIconComponent,
+        ExamExerciseUpdateHighlighterComponent,
+        ArtemisTranslatePipe,
+    ],
 })
 export class TextExamSubmissionComponent extends ExamSubmissionComponent implements OnInit {
+    private textService = inject(TextEditorService);
+    private stringCountService = inject(StringCountService);
+
     exerciseType = ExerciseType.TEXT;
 
     // IMPORTANT: this reference must be contained in this.studentParticipation.submissions[0] otherwise the parent component will not be able to react to changes
-    @Input()
-    studentSubmission: TextSubmission;
-    @Input()
-    exercise: Exercise;
+    @Input() studentSubmission: TextSubmission;
+    @Input() exercise: Exercise;
 
     saveCurrentExercise = output<void>();
 
@@ -39,13 +59,8 @@ export class TextExamSubmissionComponent extends ExamSubmissionComponent impleme
     // Icons
     protected readonly faListAlt = faListAlt;
 
-    constructor(
-        private textService: TextEditorService,
-        private stringCountService: StringCountService,
-        changeDetectorReference: ChangeDetectorRef,
-    ) {
-        super(changeDetectorReference);
-    }
+    // used in the html template
+    protected readonly onTextEditorTab = onTextEditorTab;
 
     ngOnInit(): void {
         // show submission answers in UI
@@ -95,16 +110,6 @@ export class TextExamSubmissionComponent extends ExamSubmissionComponent impleme
         return this.stringCountService.countCharacters(this.answer);
     }
 
-    onTextEditorTab(editor: HTMLTextAreaElement, event: Event) {
-        event.preventDefault();
-        const value = editor.value;
-        const start = editor.selectionStart;
-        const end = editor.selectionEnd;
-
-        editor.value = value.substring(0, start) + '\t' + value.substring(end);
-        editor.selectionStart = editor.selectionEnd = start + 1;
-    }
-
     onTextEditorInput(event: Event) {
         this.studentSubmission.isSynced = false;
         this.textEditorInput.next((<HTMLTextAreaElement>event.target).value);
diff --git a/src/main/webapp/app/exam/participate/general-information/exam-general-information.component.html b/src/main/webapp/app/exam/participate/general-information/exam-general-information.component.html
index d6b4a6cd2c74..ec867ce353cd 100644
--- a/src/main/webapp/app/exam/participate/general-information/exam-general-information.component.html
+++ b/src/main/webapp/app/exam/participate/general-information/exam-general-information.component.html
@@ -119,7 +119,7 @@ <h3 id="general-information-title" jhiTranslate="artemisApp.exam.examSummary.gen
                         <tr>
                             <th>{{ 'artemisApp.exam.overview.testExam.workingTimeCalculated' | artemisTranslate }} :</th>
                             <td>
-                                <jhi-testexam-working-time [studentExam]="studentExam" />
+                                <jhi-test-exam-working-time [studentExam]="studentExam" />
                             </td>
                         </tr>
                     }
diff --git a/src/main/webapp/app/exam/participate/general-information/exam-general-information.component.ts b/src/main/webapp/app/exam/participate/general-information/exam-general-information.component.ts
index 89dc3774bf64..d8b5a79c7933 100644
--- a/src/main/webapp/app/exam/participate/general-information/exam-general-information.component.ts
+++ b/src/main/webapp/app/exam/participate/general-information/exam-general-information.component.ts
@@ -2,23 +2,30 @@ import { Component, Input, OnChanges } from '@angular/core';
 import { StudentExam } from 'app/entities/student-exam.model';
 import { Exam } from 'app/entities/exam/exam.model';
 import { endTime, examWorkingTime, getAdditionalWorkingTime, isExamOverMultipleDays } from 'app/exam/participate/exam.utils';
+import { StudentExamWorkingTimeComponent } from 'app/exam/shared/student-exam-working-time/student-exam-working-time.component';
+import { TestExamWorkingTimeComponent } from 'app/exam/shared/testExam-workingTime/test-exam-working-time.component';
 import dayjs from 'dayjs/esm';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { ArtemisDurationFromSecondsPipe } from 'app/shared/pipes/artemis-duration-from-seconds.pipe';
 
 @Component({
     selector: 'jhi-exam-general-information',
     styleUrls: ['./exam-general-information.component.scss'],
     templateUrl: './exam-general-information.component.html',
+    imports: [TranslateDirective, StudentExamWorkingTimeComponent, TestExamWorkingTimeComponent, ArtemisDatePipe, ArtemisTranslatePipe, ArtemisDurationFromSecondsPipe],
 })
 export class ExamGeneralInformationComponent implements OnChanges {
     @Input() exam: Exam;
     @Input() studentExam: StudentExam;
-    @Input() reviewIsOpen?: boolean = false;
+    @Input() reviewIsOpen = false;
 
     /**
      * The exam cover will contain e.g. the number of exercises which is hidden in the exam summary as
      * the information is shown in the {@link ExamResultOverviewComponent}
      */
-    @Input() displayOnExamCover?: boolean = false;
+    @Input() displayOnExamCover = false;
 
     examEndDate?: dayjs.Dayjs;
     normalWorkingTime?: number;
@@ -27,7 +34,7 @@ export class ExamGeneralInformationComponent implements OnChanges {
     isTestExam?: boolean;
     currentDate?: dayjs.Dayjs;
 
-    ngOnChanges(): void {
+    ngOnChanges() {
         this.examEndDate = endTime(this.exam, this.studentExam);
         this.normalWorkingTime = examWorkingTime(this.exam);
         this.additionalWorkingTime = getAdditionalWorkingTime(this.exam, this.studentExam);
diff --git a/src/main/webapp/app/exam/participate/summary/collapsible-card.component.ts b/src/main/webapp/app/exam/participate/summary/collapsible-card.component.ts
index 8fd6833375fe..6d1eeceb1933 100644
--- a/src/main/webapp/app/exam/participate/summary/collapsible-card.component.ts
+++ b/src/main/webapp/app/exam/participate/summary/collapsible-card.component.ts
@@ -1,10 +1,13 @@
 import { Component, Input } from '@angular/core';
 import { faAngleRight } from '@fortawesome/free-solid-svg-icons';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbCollapse } from '@ng-bootstrap/ng-bootstrap';
 
 @Component({
     selector: 'jhi-collapsible-card',
     templateUrl: './collapsible-card.component.html',
     styleUrls: ['../../../course/manage/course-exercise-card.component.scss', '../../../exercises/quiz/shared/quiz.scss', 'exam-result-summary.component.scss'],
+    imports: [FaIconComponent, NgbCollapse],
 })
 export class CollapsibleCardComponent {
     @Input() isCardContentCollapsed: boolean;
diff --git a/src/main/webapp/app/exam/participate/summary/exam-result-summary.component.html b/src/main/webapp/app/exam/participate/summary/exam-result-summary.component.html
index 44eea193c092..dbf401451af5 100644
--- a/src/main/webapp/app/exam/participate/summary/exam-result-summary.component.html
+++ b/src/main/webapp/app/exam/participate/summary/exam-result-summary.component.html
@@ -19,7 +19,7 @@ <h2>
         <jhi-exam-general-information
             [exam]="studentExam.exam!"
             [studentExam]="studentExam"
-            [reviewIsOpen]="studentExam?.exam && isBeforeStudentReviewEnd && isAfterStudentReviewStart && !isTestRun"
+            [reviewIsOpen]="(studentExam?.exam || false) && isBeforeStudentReviewEnd && isAfterStudentReviewStart && !isTestRun"
         />
     </div>
 }
diff --git a/src/main/webapp/app/exam/participate/summary/exam-result-summary.component.ts b/src/main/webapp/app/exam/participate/summary/exam-result-summary.component.ts
index dc3af180c411..3f2988b91922 100644
--- a/src/main/webapp/app/exam/participate/summary/exam-result-summary.component.ts
+++ b/src/main/webapp/app/exam/participate/summary/exam-result-summary.component.ts
@@ -1,8 +1,8 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input, OnInit, inject } from '@angular/core';
 import { StudentExam } from 'app/entities/student-exam.model';
 import { Exercise, ExerciseType, IncludedInOverallScore, getIcon } from 'app/entities/exercise.model';
 import dayjs from 'dayjs/esm';
-import { ActivatedRoute } from '@angular/router';
+import { ActivatedRoute, RouterLink } from '@angular/router';
 import { ArtemisServerDateService } from 'app/shared/server-date.service';
 import { Exam } from 'app/entities/exam/exam.model';
 import { AssessmentType } from 'app/entities/assessment-type.model';
@@ -25,6 +25,23 @@ import { AlertService } from 'app/core/util/alert.service';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { isExamResultPublished } from 'app/exam/participate/exam.utils';
 import { Course } from 'app/entities/course.model';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ExamGeneralInformationComponent } from '../general-information/exam-general-information.component';
+import { ExamResultOverviewComponent } from './result-overview/exam-result-overview.component';
+import { CollapsibleCardComponent } from './collapsible-card.component';
+import { ExamResultSummaryExerciseCardHeaderComponent } from './exercises/header/exam-result-summary-exercise-card-header.component';
+import { NgClass } from '@angular/common';
+import { ProgrammingExerciseExampleSolutionRepoDownloadComponent } from 'app/exercises/programming/shared/actions/programming-exercise-example-solution-repo-download.component';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { ExampleSolutionComponent } from 'app/exercises/shared/example-solution/example-solution.component';
+import { TextExamSummaryComponent } from './exercises/text-exam-summary/text-exam-summary.component';
+import { ModelingExamSummaryComponent } from './exercises/modeling-exam-summary/modeling-exam-summary.component';
+import { QuizExamSummaryComponent } from './exercises/quiz-exam-summary/quiz-exam-summary.component';
+import { FileUploadExamSummaryComponent } from './exercises/file-upload-exam-summary/file-upload-exam-summary.component';
+import { ComplaintsStudentViewComponent } from 'app/complaints/complaints-for-students/complaints-student-view.component';
+import { ProgrammingExamSummaryComponent } from './exercises/programming-exam-summary/programming-exam-summary.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 export type ResultSummaryExerciseInfo = {
     icon: IconProp;
@@ -50,8 +67,35 @@ type StateBeforeResetting = {
     selector: 'jhi-exam-participation-summary',
     templateUrl: './exam-result-summary.component.html',
     styleUrls: ['../../../course/manage/course-exercise-card.component.scss', '../../../exercises/quiz/shared/quiz.scss', 'exam-result-summary.component.scss'],
+    imports: [
+        FaIconComponent,
+        TranslateDirective,
+        ExamGeneralInformationComponent,
+        ExamResultOverviewComponent,
+        CollapsibleCardComponent,
+        ExamResultSummaryExerciseCardHeaderComponent,
+        NgClass,
+        RouterLink,
+        ProgrammingExerciseExampleSolutionRepoDownloadComponent,
+        NgbTooltip,
+        ExampleSolutionComponent,
+        TextExamSummaryComponent,
+        ModelingExamSummaryComponent,
+        QuizExamSummaryComponent,
+        FileUploadExamSummaryComponent,
+        ComplaintsStudentViewComponent,
+        ProgrammingExamSummaryComponent,
+        ArtemisTranslatePipe,
+    ],
 })
 export class ExamResultSummaryComponent implements OnInit {
+    private route = inject(ActivatedRoute);
+    private serverDateService = inject(ArtemisServerDateService);
+    private themeService = inject(ThemeService);
+    private examParticipationService = inject(ExamParticipationService);
+    private plagiarismCasesService = inject(PlagiarismCasesService);
+    private alertService = inject(AlertService);
+
     // make constants available to html for comparison
     readonly TEXT = ExerciseType.TEXT;
     readonly QUIZ = ExerciseType.QUIZ;
@@ -95,8 +139,8 @@ export class ExamResultSummaryComponent implements OnInit {
      */
     studentExamGradeInfoDTO: StudentExamWithGradeDTO;
 
-    isGradingKeyCollapsed: boolean = true;
-    isBonusGradingKeyCollapsed: boolean = true;
+    isGradingKeyCollapsed = true;
+    isBonusGradingKeyCollapsed = true;
 
     @Input()
     instructorView = false;
@@ -132,15 +176,6 @@ export class ExamResultSummaryComponent implements OnInit {
      */
     expandProblemStatement = false;
 
-    constructor(
-        private route: ActivatedRoute,
-        private serverDateService: ArtemisServerDateService,
-        private themeService: ThemeService,
-        private examParticipationService: ExamParticipationService,
-        private plagiarismCasesService: PlagiarismCasesService,
-        private alertService: AlertService,
-    ) {}
-
     /**
      * Initialise the courseId from the current url
      */
diff --git a/src/main/webapp/app/exam/participate/summary/exam-result-summary.module.ts b/src/main/webapp/app/exam/participate/summary/exam-result-summary.module.ts
index e3dada84b5e5..6ee8ac047277 100644
--- a/src/main/webapp/app/exam/participate/summary/exam-result-summary.module.ts
+++ b/src/main/webapp/app/exam/participate/summary/exam-result-summary.module.ts
@@ -57,8 +57,6 @@ import { NoDataComponent } from 'app/shared/no-data-component';
         ArtemisFileUploadParticipationModule,
         ArtemisFeedbackModule,
         NoDataComponent,
-    ],
-    declarations: [
         ExamResultSummaryComponent,
         ProgrammingExamSummaryComponent,
         ModelingExamSummaryComponent,
diff --git a/src/main/webapp/app/exam/participate/summary/exercises/file-upload-exam-summary/file-upload-exam-summary.component.ts b/src/main/webapp/app/exam/participate/summary/exercises/file-upload-exam-summary/file-upload-exam-summary.component.ts
index 0137462b144c..608f6e292c44 100644
--- a/src/main/webapp/app/exam/participate/summary/exercises/file-upload-exam-summary/file-upload-exam-summary.component.ts
+++ b/src/main/webapp/app/exam/participate/summary/exercises/file-upload-exam-summary/file-upload-exam-summary.component.ts
@@ -1,17 +1,16 @@
 import { Component, Input } from '@angular/core';
 import { FileUploadSubmission } from 'app/entities/file-upload-submission.model';
 import { Exercise } from 'app/entities/exercise.model';
+import { FileUploadSubmissionComponent } from 'app/exercises/file-upload/participate/file-upload-submission.component';
 
 @Component({
     selector: 'jhi-file-upload-exam-summary',
     templateUrl: './file-upload-exam-summary.component.html',
+    imports: [FileUploadSubmissionComponent],
 })
 export class FileUploadExamSummaryComponent {
     @Input() submission: FileUploadSubmission;
-
     @Input() exercise: Exercise;
-
-    @Input() expandProblemStatement?: boolean = false;
-
-    @Input() isAfterResultsArePublished?: boolean = false;
+    @Input() expandProblemStatement = false;
+    @Input() isAfterResultsArePublished = false;
 }
diff --git a/src/main/webapp/app/exam/participate/summary/exercises/header/exam-result-summary-exercise-card-header.component.ts b/src/main/webapp/app/exam/participate/summary/exercises/header/exam-result-summary-exercise-card-header.component.ts
index 9002b2cdfe30..185360ff0a15 100644
--- a/src/main/webapp/app/exam/participate/summary/exercises/header/exam-result-summary-exercise-card-header.component.ts
+++ b/src/main/webapp/app/exam/participate/summary/exercises/header/exam-result-summary-exercise-card-header.component.ts
@@ -2,10 +2,15 @@ import { Component, Input } from '@angular/core';
 import { Exercise } from 'app/entities/exercise.model';
 import { ResultSummaryExerciseInfo } from 'app/exam/participate/summary/exam-result-summary.component';
 import { SubmissionType } from 'app/entities/submission.model';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgClass } from '@angular/common';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-result-summary-exercise-card-header',
     templateUrl: './exam-result-summary-exercise-card-header.component.html',
+    imports: [FaIconComponent, NgClass, TranslateDirective, ArtemisTranslatePipe],
 })
 export class ExamResultSummaryExerciseCardHeaderComponent {
     @Input() index: number;
diff --git a/src/main/webapp/app/exam/participate/summary/exercises/modeling-exam-summary/modeling-exam-summary.component.ts b/src/main/webapp/app/exam/participate/summary/exercises/modeling-exam-summary/modeling-exam-summary.component.ts
index b8cafb1dda8b..e582e40860b1 100644
--- a/src/main/webapp/app/exam/participate/summary/exercises/modeling-exam-summary/modeling-exam-summary.component.ts
+++ b/src/main/webapp/app/exam/participate/summary/exercises/modeling-exam-summary/modeling-exam-summary.component.ts
@@ -1,15 +1,17 @@
 import { Component, Input } from '@angular/core';
 import { ModelingSubmission } from 'app/entities/modeling-submission.model';
 import { ModelingExercise } from 'app/entities/modeling-exercise.model';
+import { ModelingSubmissionComponent } from 'app/exercises/modeling/participate/modeling-submission.component';
 
 @Component({
     selector: 'jhi-modeling-exam-summary',
     templateUrl: './modeling-exam-summary.component.html',
+    imports: [ModelingSubmissionComponent],
 })
 export class ModelingExamSummaryComponent {
     @Input() exercise: ModelingExercise;
     @Input() submission: ModelingSubmission;
-    @Input() isPrinting?: boolean = false;
-    @Input() expandProblemStatement?: boolean = false;
-    @Input() isAfterResultsArePublished?: boolean = false;
+    @Input() isPrinting = false;
+    @Input() expandProblemStatement = false;
+    @Input() isAfterResultsArePublished = false;
 }
diff --git a/src/main/webapp/app/exam/participate/summary/exercises/programming-exam-summary/programming-exam-summary.component.ts b/src/main/webapp/app/exam/participate/summary/exercises/programming-exam-summary/programming-exam-summary.component.ts
index 5ffdffc38018..46a6c4e93cba 100644
--- a/src/main/webapp/app/exam/participate/summary/exercises/programming-exam-summary/programming-exam-summary.component.ts
+++ b/src/main/webapp/app/exam/participate/summary/exercises/programming-exam-summary/programming-exam-summary.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnInit, Optional } from '@angular/core';
+import { Component, Input, OnInit, inject } from '@angular/core';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { ProgrammingExerciseStudentParticipation } from 'app/entities/participation/programming-exercise-student-participation.model';
 import { ProgrammingSubmission } from 'app/entities/programming/programming-submission.model';
@@ -12,34 +12,45 @@ import { ExerciseCacheService } from 'app/exercises/shared/exercise/exercise-cac
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 import { Result } from 'app/entities/result.model';
 import { createCommitUrl } from 'app/exercises/programming/shared/utils/programming-exercise.utils';
-import { faCodeBranch } from '@fortawesome/free-solid-svg-icons';
 import { Router } from '@angular/router';
 import { PROFILE_LOCALVC } from 'app/app.constants';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { CodeButtonComponent } from 'app/shared/components/code-button/code-button.component';
+import { FeedbackComponent } from 'app/exercises/shared/feedback/feedback.component';
+import { ProgrammingExerciseInstructionComponent } from 'app/exercises/programming/shared/instructions-render/programming-exercise-instruction.component';
+import { ComplaintsStudentViewComponent } from 'app/complaints/complaints-for-students/complaints-student-view.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-programming-exam-summary',
     templateUrl: './programming-exam-summary.component.html',
+    imports: [TranslateDirective, CodeButtonComponent, FeedbackComponent, ProgrammingExerciseInstructionComponent, ComplaintsStudentViewComponent, ArtemisTranslatePipe],
 })
 export class ProgrammingExamSummaryComponent implements OnInit {
+    private exerciseService = inject(ExerciseService);
+    private exerciseCacheService = inject(ExerciseCacheService, { optional: true });
+    private profileService = inject(ProfileService);
+    private router = inject(Router);
+
     @Input() exercise: ProgrammingExercise;
 
     @Input() participation: ProgrammingExerciseStudentParticipation;
 
     @Input() submission: ProgrammingSubmission;
 
-    @Input() isTestRun?: boolean = false;
+    @Input() isTestRun = false;
 
     @Input() exam: Exam;
 
-    @Input() isAfterStudentReviewStart?: boolean = false;
+    @Input() isAfterStudentReviewStart = false;
 
-    @Input() resultsPublished?: boolean = false;
+    @Input() resultsPublished = false;
 
-    @Input() isPrinting?: boolean = false;
+    @Input() isPrinting = false;
 
-    @Input() isAfterResultsArePublished?: boolean = false;
+    @Input() isAfterResultsArePublished = false;
 
-    @Input() instructorView?: boolean = false;
+    @Input() instructorView = false;
 
     readonly PROGRAMMING: ExerciseType = ExerciseType.PROGRAMMING;
 
@@ -53,18 +64,10 @@ export class ProgrammingExamSummaryComponent implements OnInit {
 
     commitUrl: string | undefined;
     commitHash: string | undefined;
-    faCodeBranch = faCodeBranch;
 
     routerLink: string;
     localVCEnabled = false;
 
-    constructor(
-        private exerciseService: ExerciseService,
-        @Optional() private exerciseCacheService: ExerciseCacheService,
-        private profileService: ProfileService,
-        private router: Router,
-    ) {}
-
     ngOnInit() {
         this.routerLink = this.router.url;
         this.result = this.participation.results?.[0];
diff --git a/src/main/webapp/app/exam/participate/summary/exercises/quiz-exam-summary/quiz-exam-summary.component.ts b/src/main/webapp/app/exam/participate/summary/exercises/quiz-exam-summary/quiz-exam-summary.component.ts
index 217925a8e230..e29723a3585c 100644
--- a/src/main/webapp/app/exam/participate/summary/exercises/quiz-exam-summary/quiz-exam-summary.component.ts
+++ b/src/main/webapp/app/exam/participate/summary/exercises/quiz-exam-summary/quiz-exam-summary.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnChanges } from '@angular/core';
+import { Component, Input, OnChanges, inject } from '@angular/core';
 import dayjs from 'dayjs/esm';
 import { QuizQuestionType } from 'app/entities/quiz/quiz-question.model';
 import { QuizSubmission } from 'app/entities/quiz/quiz-submission.model';
@@ -8,18 +8,24 @@ import { ShortAnswerSubmittedText } from 'app/entities/quiz/short-answer-submitt
 import { MultipleChoiceSubmittedAnswer } from 'app/entities/quiz/multiple-choice-submitted-answer.model';
 import { DragAndDropSubmittedAnswer } from 'app/entities/quiz/drag-and-drop-submitted-answer.model';
 import { ShortAnswerSubmittedAnswer } from 'app/entities/quiz/short-answer-submitted-answer.model';
-import { QuizExerciseService } from 'app/exercises/quiz/manage/quiz-exercise.service';
 import { Exam } from 'app/entities/exam/exam.model';
 import { ArtemisServerDateService } from 'app/shared/server-date.service';
 import { Result } from 'app/entities/result.model';
 import { roundValueSpecifiedByCourseSettings } from 'app/shared/util/utils';
 import { QuizParticipation } from 'app/entities/quiz/quiz-participation.model';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { MultipleChoiceQuestionComponent } from 'app/exercises/quiz/shared/questions/multiple-choice-question/multiple-choice-question.component';
+import { DragAndDropQuestionComponent } from 'app/exercises/quiz/shared/questions/drag-and-drop-question/drag-and-drop-question.component';
+import { ShortAnswerQuestionComponent } from 'app/exercises/quiz/shared/questions/short-answer-question/short-answer-question.component';
 
 @Component({
     selector: 'jhi-quiz-exam-summary',
     templateUrl: './quiz-exam-summary.component.html',
+    imports: [TranslateDirective, MultipleChoiceQuestionComponent, DragAndDropQuestionComponent, ShortAnswerQuestionComponent],
 })
 export class QuizExamSummaryComponent implements OnChanges {
+    private serverDateService = inject(ArtemisServerDateService);
+
     readonly DRAG_AND_DROP = QuizQuestionType.DRAG_AND_DROP;
     readonly MULTIPLE_CHOICE = QuizQuestionType.MULTIPLE_CHOICE;
     readonly SHORT_ANSWER = QuizQuestionType.SHORT_ANSWER;
@@ -28,26 +34,14 @@ export class QuizExamSummaryComponent implements OnChanges {
     dragAndDropMappings = new Map<number, DragAndDropMapping[]>();
     shortAnswerSubmittedTexts = new Map<number, ShortAnswerSubmittedText[]>();
 
-    @Input()
-    quizParticipation: QuizParticipation;
-
-    @Input()
-    submission: QuizSubmission;
-
-    @Input()
-    resultsPublished: boolean;
-
-    @Input()
-    exam: Exam;
+    @Input() quizParticipation: QuizParticipation;
+    @Input() submission: QuizSubmission;
+    @Input() resultsPublished: boolean;
+    @Input() exam: Exam;
 
     result?: Result;
 
-    constructor(
-        private exerciseService: QuizExerciseService,
-        private serverDateService: ArtemisServerDateService,
-    ) {}
-
-    ngOnChanges(): void {
+    ngOnChanges() {
         this.updateViewFromSubmission();
         if (this.quizParticipation.studentParticipations) {
             this.result =
diff --git a/src/main/webapp/app/exam/participate/summary/exercises/text-exam-summary/text-exam-summary.component.ts b/src/main/webapp/app/exam/participate/summary/exercises/text-exam-summary/text-exam-summary.component.ts
index a1dcf5c9de34..d66da8d336e0 100644
--- a/src/main/webapp/app/exam/participate/summary/exercises/text-exam-summary/text-exam-summary.component.ts
+++ b/src/main/webapp/app/exam/participate/summary/exercises/text-exam-summary/text-exam-summary.component.ts
@@ -1,14 +1,16 @@
 import { Component, Input } from '@angular/core';
 import { TextSubmission } from 'app/entities/text/text-submission.model';
 import { Exercise } from 'app/entities/exercise.model';
+import { TextEditorComponent } from 'app/exercises/text/participate/text-editor.component';
 
 @Component({
     selector: 'jhi-text-exam-summary',
     templateUrl: './text-exam-summary.component.html',
+    imports: [TextEditorComponent],
 })
 export class TextExamSummaryComponent {
     @Input() exercise: Exercise;
     @Input() submission: TextSubmission;
-    @Input() expandProblemStatement?: boolean = false;
-    @Input() isAfterResultsArePublished?: boolean = false;
+    @Input() expandProblemStatement = false;
+    @Input() isAfterResultsArePublished = false;
 }
diff --git a/src/main/webapp/app/exam/participate/summary/result-overview/exam-result-overview.component.ts b/src/main/webapp/app/exam/participate/summary/result-overview/exam-result-overview.component.ts
index 86b3ae75d78a..ed923b879e6b 100644
--- a/src/main/webapp/app/exam/participate/summary/result-overview/exam-result-overview.component.ts
+++ b/src/main/webapp/app/exam/participate/summary/result-overview/exam-result-overview.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, Component, Input, OnChanges, OnInit } from '@angular/core';
+import { ChangeDetectorRef, Component, Input, OnChanges, OnInit, inject } from '@angular/core';
 import { IncludedInOverallScore } from 'app/entities/exercise.model';
 import { ArtemisServerDateService } from 'app/shared/server-date.service';
 import { ExerciseService } from 'app/exercises/shared/exercise/exercise.service';
@@ -11,6 +11,13 @@ import { roundScorePercentSpecifiedByCourseSettings } from 'app/shared/util/util
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
 import { captureException } from '@sentry/angular';
 import { isExamResultPublished } from 'app/exam/participate/exam.utils';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { CollapsibleCardComponent } from '../collapsible-card.component';
+import { NgClass } from '@angular/common';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NoDataComponent } from 'app/shared/no-data-component';
+import { GradingKeyTableComponent } from 'app/grading-system/grading-key-overview/grading-key/grading-key-table.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 type ExerciseInfo = {
     icon: IconProp;
@@ -24,16 +31,21 @@ type ResultOverviewSection = 'grading-table' | 'grading-key' | 'bonus-grading-ke
     selector: 'jhi-exam-result-overview',
     styleUrls: ['./exam-result-overview.component.scss'],
     templateUrl: './exam-result-overview.component.html',
+    imports: [TranslateDirective, CollapsibleCardComponent, NgClass, FaIconComponent, NoDataComponent, GradingKeyTableComponent, ArtemisTranslatePipe],
 })
 export class ExamResultOverviewComponent implements OnInit, OnChanges {
+    private serverDateService = inject(ArtemisServerDateService);
+    exerciseService = inject(ExerciseService);
+    private changeDetector = inject(ChangeDetectorRef);
+
     readonly IncludedInOverallScore = IncludedInOverallScore;
     readonly BonusStrategy = BonusStrategy;
 
     @Input() studentExamWithGrade: StudentExamWithGradeDTO;
-    @Input() isGradingKeyCollapsed: boolean = true;
-    @Input() isBonusGradingKeyCollapsed: boolean = true;
+    @Input() isGradingKeyCollapsed = true;
+    @Input() isBonusGradingKeyCollapsed = true;
     @Input() exerciseInfos: Record<number, ExerciseInfo>;
-    @Input() isTestRun: boolean = false;
+    @Input() isTestRun = false;
 
     gradingScaleExists = false;
     isBonus = false;
@@ -69,12 +81,6 @@ export class ExamResultOverviewComponent implements OnInit, OnChanges {
         'bonus-grading-key': true,
     };
 
-    constructor(
-        private serverDateService: ArtemisServerDateService,
-        public exerciseService: ExerciseService,
-        private changeDetector: ChangeDetectorRef,
-    ) {}
-
     ngOnInit() {
         if (this.areResultsPublished()) {
             this.setExamGrade();
@@ -220,14 +226,6 @@ export class ExamResultOverviewComponent implements OnInit, OnChanges {
         return false;
     }
 
-    toggleGradingKey(): void {
-        this.isGradingKeyCollapsed = !this.isGradingKeyCollapsed;
-    }
-
-    toggleBonusGradingKey(): void {
-        this.isBonusGradingKeyCollapsed = !this.isBonusGradingKeyCollapsed;
-    }
-
     toggleCollapse(resultOverviewSection: ResultOverviewSection) {
         return () => (this.isCollapsed[resultOverviewSection] = !this.isCollapsed[resultOverviewSection]);
     }
diff --git a/src/main/webapp/app/exam/participate/timer/exam-timer.component.ts b/src/main/webapp/app/exam/participate/timer/exam-timer.component.ts
index 0df96822e1aa..1a5a53cf4d95 100644
--- a/src/main/webapp/app/exam/participate/timer/exam-timer.component.ts
+++ b/src/main/webapp/app/exam/participate/timer/exam-timer.component.ts
@@ -1,4 +1,4 @@
-import { Component, EventEmitter, HostBinding, Input, OnDestroy, OnInit, Output } from '@angular/core';
+import { Component, EventEmitter, HostBinding, Input, OnDestroy, OnInit, Output, inject } from '@angular/core';
 import { Observable, Subject, timer } from 'rxjs';
 import { distinctUntilChanged, first, map, takeUntil } from 'rxjs/operators';
 import dayjs from 'dayjs/esm';
@@ -6,13 +6,18 @@ import { ArtemisServerDateService } from 'app/shared/server-date.service';
 import { cloneDeep } from 'lodash-es';
 import { ArtemisDurationFromSecondsPipe } from 'app/shared/pipes/artemis-duration-from-seconds.pipe';
 import { round } from 'app/shared/util/utils';
+import { AsyncPipe } from '@angular/common';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-exam-timer',
     templateUrl: './exam-timer.component.html',
     styleUrls: ['./exam-timer.scss'],
+    imports: [AsyncPipe, ArtemisTranslatePipe],
 })
 export class ExamTimerComponent implements OnInit, OnDestroy {
+    private serverDateService = inject(ArtemisServerDateService);
+
     @HostBinding('class.row') readonly row = true;
 
     @Input()
@@ -39,7 +44,7 @@ export class ExamTimerComponent implements OnInit, OnDestroy {
 
     timePipe: ArtemisDurationFromSecondsPipe = new ArtemisDurationFromSecondsPipe();
 
-    constructor(private serverDateService: ArtemisServerDateService) {
+    constructor() {
         this.timer
             .pipe(
                 map((timeLeft: plugin.Duration) => timeLeft.asSeconds()),
diff --git a/src/main/webapp/app/exam/participate/timer/exam-timer.module.ts b/src/main/webapp/app/exam/participate/timer/exam-timer.module.ts
index b04ff5ab7a30..94c53564d044 100644
--- a/src/main/webapp/app/exam/participate/timer/exam-timer.module.ts
+++ b/src/main/webapp/app/exam/participate/timer/exam-timer.module.ts
@@ -4,8 +4,7 @@ import { ExamTimerComponent } from 'app/exam/participate/timer/exam-timer.compon
 import { ArtemisSharedCommonModule } from 'app/shared/shared-common.module';
 
 @NgModule({
-    declarations: [ExamTimerComponent],
-    imports: [CommonModule, ArtemisSharedCommonModule],
+    imports: [CommonModule, ArtemisSharedCommonModule, ExamTimerComponent],
     exports: [ExamTimerComponent],
 })
 export class ArtemisExamTimerModule {}
diff --git a/src/main/webapp/app/exam/shared/events/exam-live-event.component.ts b/src/main/webapp/app/exam/shared/events/exam-live-event.component.ts
index ae2422c4f91f..64e4b60b1b0d 100644
--- a/src/main/webapp/app/exam/shared/events/exam-live-event.component.ts
+++ b/src/main/webapp/app/exam/shared/events/exam-live-event.component.ts
@@ -8,18 +8,26 @@ import {
     ProblemStatementUpdateEvent,
     WorkingTimeUpdateEvent,
 } from 'app/exam/participate/exam-participation-live-events.service';
+import { NgClass } from '@angular/common';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { WorkingTimeChangeComponent } from '../working-time-change/working-time-change.component';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { HtmlForMarkdownPipe } from 'app/shared/pipes/html-for-markdown.pipe';
 
 @Component({
     selector: 'jhi-exam-live-event',
     templateUrl: './exam-live-event.component.html',
     styleUrls: ['./exam-live-event.component.scss'],
+    imports: [NgClass, TranslateDirective, FaIconComponent, WorkingTimeChangeComponent, ArtemisDatePipe, ArtemisTranslatePipe, HtmlForMarkdownPipe],
 })
 export class ExamLiveEventComponent {
     @Input()
     event: ExamLiveEvent;
 
     @Input()
-    showAcknowledge: boolean = false;
+    showAcknowledge = false;
 
     @Output()
     onAcknowledge = new EventEmitter<ExamLiveEvent>();
diff --git a/src/main/webapp/app/exam/shared/exam-shared.module.ts b/src/main/webapp/app/exam/shared/exam-shared.module.ts
index 9b4db9b8f43b..68d31244d222 100644
--- a/src/main/webapp/app/exam/shared/exam-shared.module.ts
+++ b/src/main/webapp/app/exam/shared/exam-shared.module.ts
@@ -1,15 +1,22 @@
 import { NgModule } from '@angular/core';
 import { StudentExamWorkingTimeComponent } from 'app/exam/shared/student-exam-working-time/student-exam-working-time.component';
 import { ArtemisSharedCommonModule } from 'app/shared/shared-common.module';
-import { TestexamWorkingTimeComponent } from 'app/exam/shared/testExam-workingTime/testexam-working-time.component';
+import { TestExamWorkingTimeComponent } from 'app/exam/shared/testExam-workingTime/test-exam-working-time.component';
 import { WorkingTimeControlComponent } from 'app/exam/shared/working-time-control/working-time-control.component';
 import { ExamLiveEventComponent } from 'app/exam/shared/events/exam-live-event.component';
 import { ArtemisMarkdownModule } from 'app/shared/markdown.module';
 import { WorkingTimeChangeComponent } from 'app/exam/shared/working-time-change/working-time-change.component';
 
 @NgModule({
-    imports: [ArtemisSharedCommonModule, ArtemisMarkdownModule],
-    declarations: [StudentExamWorkingTimeComponent, TestexamWorkingTimeComponent, WorkingTimeControlComponent, WorkingTimeChangeComponent, ExamLiveEventComponent],
-    exports: [StudentExamWorkingTimeComponent, TestexamWorkingTimeComponent, WorkingTimeControlComponent, WorkingTimeChangeComponent, ExamLiveEventComponent],
+    imports: [
+        ArtemisSharedCommonModule,
+        ArtemisMarkdownModule,
+        StudentExamWorkingTimeComponent,
+        TestExamWorkingTimeComponent,
+        WorkingTimeControlComponent,
+        WorkingTimeChangeComponent,
+        ExamLiveEventComponent,
+    ],
+    exports: [StudentExamWorkingTimeComponent, TestExamWorkingTimeComponent, WorkingTimeControlComponent, WorkingTimeChangeComponent, ExamLiveEventComponent],
 })
 export class ArtemisExamSharedModule {}
diff --git a/src/main/webapp/app/exam/shared/student-exam-working-time/student-exam-working-time.component.ts b/src/main/webapp/app/exam/shared/student-exam-working-time/student-exam-working-time.component.ts
index e32a0ae2afb2..e9e086cb872b 100644
--- a/src/main/webapp/app/exam/shared/student-exam-working-time/student-exam-working-time.component.ts
+++ b/src/main/webapp/app/exam/shared/student-exam-working-time/student-exam-working-time.component.ts
@@ -1,11 +1,13 @@
 import { Component, Input, OnInit } from '@angular/core';
 import { StudentExam } from 'app/entities/student-exam.model';
 import { getRelativeWorkingTimeExtension } from 'app/exam/participate/exam.utils';
+import { ArtemisDurationFromSecondsPipe } from 'app/shared/pipes/artemis-duration-from-seconds.pipe';
 
 @Component({
     selector: 'jhi-student-exam-working-time',
     templateUrl: './student-exam-working-time.component.html',
     providers: [],
+    imports: [ArtemisDurationFromSecondsPipe],
 })
 export class StudentExamWorkingTimeComponent implements OnInit {
     @Input() studentExam: StudentExam;
diff --git a/src/main/webapp/app/exam/shared/testExam-workingTime/testexam-working-time.component.html b/src/main/webapp/app/exam/shared/testExam-workingTime/test-exam-working-time.component.html
similarity index 100%
rename from src/main/webapp/app/exam/shared/testExam-workingTime/testexam-working-time.component.html
rename to src/main/webapp/app/exam/shared/testExam-workingTime/test-exam-working-time.component.html
diff --git a/src/main/webapp/app/exam/shared/testExam-workingTime/testexam-working-time.component.ts b/src/main/webapp/app/exam/shared/testExam-workingTime/test-exam-working-time.component.ts
similarity index 81%
rename from src/main/webapp/app/exam/shared/testExam-workingTime/testexam-working-time.component.ts
rename to src/main/webapp/app/exam/shared/testExam-workingTime/test-exam-working-time.component.ts
index 0de8831f3fbe..e7b8bca26088 100644
--- a/src/main/webapp/app/exam/shared/testExam-workingTime/testexam-working-time.component.ts
+++ b/src/main/webapp/app/exam/shared/testExam-workingTime/test-exam-working-time.component.ts
@@ -2,13 +2,15 @@ import { Component, Input, OnInit } from '@angular/core';
 import { StudentExam } from 'app/entities/student-exam.model';
 import { round } from 'app/shared/util/utils';
 import dayjs from 'dayjs/esm';
+import { ArtemisDurationFromSecondsPipe } from 'app/shared/pipes/artemis-duration-from-seconds.pipe';
 
 @Component({
-    selector: 'jhi-testexam-working-time',
-    templateUrl: './testexam-working-time.component.html',
+    selector: 'jhi-test-exam-working-time',
+    templateUrl: './test-exam-working-time.component.html',
     providers: [],
+    imports: [ArtemisDurationFromSecondsPipe],
 })
-export class TestexamWorkingTimeComponent implements OnInit {
+export class TestExamWorkingTimeComponent implements OnInit {
     @Input() studentExam: StudentExam;
 
     percentUsedWorkingTime = 0;
diff --git a/src/main/webapp/app/exam/shared/working-time-change/working-time-change.component.ts b/src/main/webapp/app/exam/shared/working-time-change/working-time-change.component.ts
index c5eec114e2e6..919ee6a667be 100644
--- a/src/main/webapp/app/exam/shared/working-time-change/working-time-change.component.ts
+++ b/src/main/webapp/app/exam/shared/working-time-change/working-time-change.component.ts
@@ -1,8 +1,11 @@
 import { Component, Input } from '@angular/core';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ArtemisDurationFromSecondsPipe } from 'app/shared/pipes/artemis-duration-from-seconds.pipe';
 
 @Component({
     selector: 'jhi-working-time-change',
     templateUrl: './working-time-change.component.html',
+    imports: [TranslateDirective, ArtemisDurationFromSecondsPipe],
 })
 export class WorkingTimeChangeComponent {
     @Input() oldWorkingTime: number;
diff --git a/src/main/webapp/app/exam/shared/working-time-control/working-time-control.component.ts b/src/main/webapp/app/exam/shared/working-time-control/working-time-control.component.ts
index 4d90cf31e917..4250a0f3c727 100644
--- a/src/main/webapp/app/exam/shared/working-time-control/working-time-control.component.ts
+++ b/src/main/webapp/app/exam/shared/working-time-control/working-time-control.component.ts
@@ -1,10 +1,11 @@
-import { Component, Input } from '@angular/core';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { Component, Input, inject } from '@angular/core';
+import { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
 
 import { Exam } from 'app/entities/exam/exam.model';
 import { round } from 'app/shared/util/utils';
 import { ArtemisDurationFromSecondsPipe } from 'app/shared/pipes/artemis-duration-from-seconds.pipe';
 import { getRelativeWorkingTimeExtension } from 'app/exam/participate/exam.utils';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
     selector: 'jhi-working-time-control',
@@ -18,8 +19,11 @@ import { getRelativeWorkingTimeExtension } from 'app/exam/participate/exam.utils
             useExisting: WorkingTimeControlComponent,
         },
     ],
+    imports: [TranslateDirective, FormsModule],
 })
 export class WorkingTimeControlComponent implements ControlValueAccessor {
+    private artemisDurationFromSecondsPipe = inject(ArtemisDurationFromSecondsPipe);
+
     // Control disabled state
     @Input() disabled = false;
     @Input() allowNegative = false;
@@ -56,8 +60,6 @@ export class WorkingTimeControlComponent implements ControlValueAccessor {
     private onTouched = () => {};
     private onChange: (_: number) => void = () => {};
 
-    constructor(private artemisDurationFromSecondsPipe: ArtemisDurationFromSecondsPipe) {}
-
     /**
      * Updates the working time duration inputs whenever
      * the value of the form control changes.
diff --git a/src/main/webapp/app/exercises/file-upload/assess/file-upload-assessment.component.ts b/src/main/webapp/app/exercises/file-upload/assess/file-upload-assessment.component.ts
index e259fd3ea284..1a75f8c43aec 100644
--- a/src/main/webapp/app/exercises/file-upload/assess/file-upload-assessment.component.ts
+++ b/src/main/webapp/app/exercises/file-upload/assess/file-upload-assessment.component.ts
@@ -1,7 +1,7 @@
-import { Location } from '@angular/common';
+import { Location, UpperCasePipe } from '@angular/common';
 import { HttpErrorResponse } from '@angular/common/http';
-import { ChangeDetectorRef, Component, OnDestroy, OnInit, ViewEncapsulation } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
+import { ChangeDetectorRef, Component, OnDestroy, OnInit, ViewEncapsulation, inject } from '@angular/core';
+import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 import { faListAlt } from '@fortawesome/free-regular-svg-icons';
 import { TranslateService } from '@ngx-translate/core';
 import { isAllowedToModifyFeedback } from 'app/assessment/assessment.service';
@@ -24,19 +24,51 @@ import { getPositiveAndCappedTotalScore, getTotalMaxPoints } from 'app/exercises
 import { assessmentNavigateBack } from 'app/exercises/shared/navigate-back.util';
 import { StructuredGradingCriterionService } from 'app/exercises/shared/structured-grading-criterion/structured-grading-criterion.service';
 import { SubmissionService } from 'app/exercises/shared/submission/submission.service';
+import { UnreferencedFeedbackComponent } from 'app/exercises/shared/unreferenced-feedback/unreferenced-feedback.component';
 import { FileService } from 'app/shared/http/file.service';
 import { onError } from 'app/shared/util/global.utils';
 import { getExerciseDashboardLink, getLinkToSubmissionAssessment } from 'app/utils/navigation.utils';
 import dayjs from 'dayjs/esm';
 import { filter, finalize } from 'rxjs/operators';
+import { AssessmentLayoutComponent } from 'app/assessment/assessment-layout/assessment-layout.component';
+import { ResizeableContainerComponent } from 'app/shared/resizeable-container/resizeable-container.component';
+import { ScoreDisplayComponent } from 'app/shared/score-display/score-display.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { AssessmentInstructionsComponent } from 'app/assessment/assessment-instructions/assessment-instructions/assessment-instructions.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     providers: [FileUploadAssessmentService],
     templateUrl: './file-upload-assessment.component.html',
-    styles: [],
     encapsulation: ViewEncapsulation.None,
+    imports: [
+        AssessmentLayoutComponent,
+        ResizeableContainerComponent,
+        ScoreDisplayComponent,
+        TranslateDirective,
+        FaIconComponent,
+        AssessmentInstructionsComponent,
+        UnreferencedFeedbackComponent,
+        RouterLink,
+        UpperCasePipe,
+        ArtemisTranslatePipe,
+    ],
 })
 export class FileUploadAssessmentComponent implements OnInit, OnDestroy {
+    private changeDetectorRef = inject(ChangeDetectorRef);
+    private alertService = inject(AlertService);
+    private router = inject(Router);
+    private route = inject(ActivatedRoute);
+    private fileUploadAssessmentService = inject(FileUploadAssessmentService);
+    private accountService = inject(AccountService);
+    private location = inject(Location);
+    private fileUploadSubmissionService = inject(FileUploadSubmissionService);
+    private complaintService = inject(ComplaintService);
+    private fileService = inject(FileService);
+    structuredGradingCriterionService = inject(StructuredGradingCriterionService);
+    submissionService = inject(SubmissionService);
+
     text: string;
     participation: StudentParticipation;
     submission?: FileUploadSubmission;
@@ -73,21 +105,9 @@ export class FileUploadAssessmentComponent implements OnInit, OnDestroy {
     // Icons
     farListAlt = faListAlt;
 
-    constructor(
-        private changeDetectorRef: ChangeDetectorRef,
-        private alertService: AlertService,
-        private router: Router,
-        private route: ActivatedRoute,
-        private fileUploadAssessmentService: FileUploadAssessmentService,
-        private accountService: AccountService,
-        private location: Location,
-        private fileUploadSubmissionService: FileUploadSubmissionService,
-        private complaintService: ComplaintService,
-        private fileService: FileService,
-        public structuredGradingCriterionService: StructuredGradingCriterionService,
-        public submissionService: SubmissionService,
-        translateService: TranslateService,
-    ) {
+    constructor() {
+        const translateService = inject(TranslateService);
+
         this.assessmentsAreValid = false;
         translateService.get('artemisApp.assessment.messages.confirmCancel').subscribe((text) => (this.cancelConfirmationText = text));
     }
diff --git a/src/main/webapp/app/exercises/file-upload/assess/file-upload-assessment.module.ts b/src/main/webapp/app/exercises/file-upload/assess/file-upload-assessment.module.ts
index bb16e7ebf643..7a65e727ac23 100644
--- a/src/main/webapp/app/exercises/file-upload/assess/file-upload-assessment.module.ts
+++ b/src/main/webapp/app/exercises/file-upload/assess/file-upload-assessment.module.ts
@@ -21,7 +21,7 @@ import { ArtemisAssessmentProgressLabelModule } from 'app/exercises/shared/asses
         ArtemisMarkdownModule,
         SubmissionResultStatusModule,
         ArtemisAssessmentProgressLabelModule,
+        FileUploadAssessmentComponent,
     ],
-    declarations: [FileUploadAssessmentComponent],
 })
 export class ArtemisFileUploadAssessmentModule {}
diff --git a/src/main/webapp/app/exercises/file-upload/assess/file-upload-assessment.route.ts b/src/main/webapp/app/exercises/file-upload/assess/file-upload-assessment.route.ts
index 7043cf832c72..1acf7913fb87 100644
--- a/src/main/webapp/app/exercises/file-upload/assess/file-upload-assessment.route.ts
+++ b/src/main/webapp/app/exercises/file-upload/assess/file-upload-assessment.route.ts
@@ -1,13 +1,13 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
-import { FileUploadAssessmentComponent } from 'app/exercises/file-upload/assess/file-upload-assessment.component';
+
 import { Authority } from 'app/shared/constants/authority.constants';
 
 export const routes: Routes = [
     {
         path: ':courseId/file-upload-exercises/:exerciseId/submissions/:submissionId/assessment',
-        component: FileUploadAssessmentComponent,
+        loadComponent: () => import('app/exercises/file-upload/assess/file-upload-assessment.component').then((m) => m.FileUploadAssessmentComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR, Authority.EDITOR, Authority.TA],
             pageTitle: 'artemisApp.fileUploadExercise.home.title',
@@ -16,7 +16,7 @@ export const routes: Routes = [
     },
     {
         path: ':courseId/file-upload-exercises/:exerciseId/submissions/:submissionId/assessments/:resultId',
-        component: FileUploadAssessmentComponent,
+        loadComponent: () => import('app/exercises/file-upload/assess/file-upload-assessment.component').then((m) => m.FileUploadAssessmentComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR, Authority.EDITOR, Authority.TA],
             pageTitle: 'artemisApp.fileUploadExercise.home.title',
diff --git a/src/main/webapp/app/exercises/file-upload/assess/file-upload-assessment.service.ts b/src/main/webapp/app/exercises/file-upload/assess/file-upload-assessment.service.ts
index b109fcb079b9..a2265eb1c59e 100644
--- a/src/main/webapp/app/exercises/file-upload/assess/file-upload-assessment.service.ts
+++ b/src/main/webapp/app/exercises/file-upload/assess/file-upload-assessment.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpParams, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { ComplaintResponse } from 'app/entities/complaint-response.model';
@@ -14,9 +14,9 @@ type FileUploadAssessmentDTO = { feedbacks: Feedback[]; assessmentNote?: string
     providedIn: 'root',
 })
 export class FileUploadAssessmentService {
-    private resourceUrl = 'api';
+    private http = inject(HttpClient);
 
-    constructor(private http: HttpClient) {}
+    private resourceUrl = 'api';
 
     saveAssessment(feedbacks: Feedback[], submissionId: number, assessmentNote: string | undefined, submit = false): Observable<Result> {
         let params = new HttpParams();
diff --git a/src/main/webapp/app/exercises/file-upload/manage/file-upload-exercise-detail.component.ts b/src/main/webapp/app/exercises/file-upload/manage/file-upload-exercise-detail.component.ts
index abb0c24df3ba..e23ce8f5d636 100644
--- a/src/main/webapp/app/exercises/file-upload/manage/file-upload-exercise-detail.component.ts
+++ b/src/main/webapp/app/exercises/file-upload/manage/file-upload-exercise-detail.component.ts
@@ -1,7 +1,9 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { SafeHtml } from '@angular/platform-browser';
+import { NonProgrammingExerciseDetailCommonActionsComponent } from 'app/exercises/shared/exercise-detail-common-actions/non-programming-exercise-detail-common-actions.component';
+import { ExerciseDetailStatisticsComponent } from 'app/exercises/shared/statistics/exercise-detail-statistics.component';
 import { Subscription } from 'rxjs';
 import { FileUploadExercise } from 'app/entities/file-upload-exercise.model';
 import { FileUploadExerciseService } from './file-upload-exercise.service';
@@ -25,12 +27,23 @@ import {
     getExerciseProblemDetailSection,
 } from 'app/exercises/shared/utils';
 import { ArtemisMarkdownService } from 'app/shared/markdown.service';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { DocumentationButtonComponent } from 'app/shared/components/documentation-button/documentation-button.component';
+import { DetailOverviewListComponent } from 'app/detail-overview-list/detail-overview-list.component';
 
 @Component({
     selector: 'jhi-file-upload-exercise-detail',
     templateUrl: './file-upload-exercise-detail.component.html',
+    imports: [TranslateDirective, DocumentationButtonComponent, NonProgrammingExerciseDetailCommonActionsComponent, ExerciseDetailStatisticsComponent, DetailOverviewListComponent],
 })
 export class FileUploadExerciseDetailComponent implements OnInit, OnDestroy {
+    private eventManager = inject(EventManager);
+    private fileUploadExerciseService = inject(FileUploadExerciseService);
+    private route = inject(ActivatedRoute);
+    private alertService = inject(AlertService);
+    private statisticsService = inject(StatisticsService);
+    private artemisMarkdown = inject(ArtemisMarkdownService);
+
     readonly documentationType: DocumentationType = 'FileUpload';
     readonly ExerciseType = ExerciseType;
     readonly dayjs = dayjs;
@@ -47,15 +60,6 @@ export class FileUploadExerciseDetailComponent implements OnInit, OnDestroy {
     formattedExampleSolution: SafeHtml | null;
     formattedGradingInstructions: SafeHtml | null;
 
-    constructor(
-        private eventManager: EventManager,
-        private fileUploadExerciseService: FileUploadExerciseService,
-        private route: ActivatedRoute,
-        private alertService: AlertService,
-        private statisticsService: StatisticsService,
-        private artemisMarkdown: ArtemisMarkdownService,
-    ) {}
-
     /**
      * Initializes subscription for file upload exercise
      */
diff --git a/src/main/webapp/app/exercises/file-upload/manage/file-upload-exercise-management-resolve.service.ts b/src/main/webapp/app/exercises/file-upload/manage/file-upload-exercise-management-resolve.service.ts
index ae506ef9ffa6..353bf5a1c5b1 100644
--- a/src/main/webapp/app/exercises/file-upload/manage/file-upload-exercise-management-resolve.service.ts
+++ b/src/main/webapp/app/exercises/file-upload/manage/file-upload-exercise-management-resolve.service.ts
@@ -4,18 +4,16 @@ import { CourseManagementService } from 'app/course/manage/course-management.ser
 import { ExerciseGroupService } from 'app/exam/manage/exercise-groups/exercise-group.service';
 import { ExerciseGroup } from 'app/entities/exercise-group.model';
 import { Course } from 'app/entities/course.model';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ActivatedRouteSnapshot, Resolve } from '@angular/router';
 import { HttpResponse } from '@angular/common/http';
 import { filter, map, of } from 'rxjs';
 
 @Injectable({ providedIn: 'root' })
 export class FileUploadExerciseManagementResolve implements Resolve<FileUploadExercise> {
-    constructor(
-        private fileUploadExerciseService: FileUploadExerciseService,
-        private courseService: CourseManagementService,
-        private exerciseGroupService: ExerciseGroupService,
-    ) {}
+    private fileUploadExerciseService = inject(FileUploadExerciseService);
+    private courseService = inject(CourseManagementService);
+    private exerciseGroupService = inject(ExerciseGroupService);
 
     /**
      * Resolves the route and initializes file upload exercise either from exerciseId (existing exercise) or
diff --git a/src/main/webapp/app/exercises/file-upload/manage/file-upload-exercise-management.module.ts b/src/main/webapp/app/exercises/file-upload/manage/file-upload-exercise-management.module.ts
index be4a8a832e6f..2b9a93a12606 100644
--- a/src/main/webapp/app/exercises/file-upload/manage/file-upload-exercise-management.module.ts
+++ b/src/main/webapp/app/exercises/file-upload/manage/file-upload-exercise-management.module.ts
@@ -22,7 +22,7 @@ import { ExerciseTitleChannelNameModule } from 'app/exercises/shared/exercise-ti
 import { ExerciseUpdateNotificationModule } from 'app/exercises/shared/exercise-update-notification/exercise-update-notification.module';
 import { DetailModule } from 'app/detail-overview-list/detail.module';
 import { ArtemisExerciseModule } from 'app/exercises/shared/exercise/exercise.module';
-import { FormsModule } from 'app/forms/forms.module';
+import { ArtemisFormsModule } from 'app/forms/artemis-forms.module';
 
 @NgModule({
     imports: [
@@ -46,9 +46,11 @@ import { FormsModule } from 'app/forms/forms.module';
         ExerciseTitleChannelNameModule,
         ExerciseUpdateNotificationModule,
         DetailModule,
-        FormsModule,
+        ArtemisFormsModule,
+        FileUploadExerciseComponent,
+        FileUploadExerciseDetailComponent,
+        FileUploadExerciseUpdateComponent,
     ],
-    declarations: [FileUploadExerciseComponent, FileUploadExerciseDetailComponent, FileUploadExerciseUpdateComponent],
     exports: [FileUploadExerciseComponent],
 })
 export class ArtemisFileUploadExerciseManagementModule {}
diff --git a/src/main/webapp/app/exercises/file-upload/manage/file-upload-exercise-management.route.ts b/src/main/webapp/app/exercises/file-upload/manage/file-upload-exercise-management.route.ts
index 30a829a6ebc5..115357a32ba6 100644
--- a/src/main/webapp/app/exercises/file-upload/manage/file-upload-exercise-management.route.ts
+++ b/src/main/webapp/app/exercises/file-upload/manage/file-upload-exercise-management.route.ts
@@ -1,16 +1,16 @@
 import { RouterModule, Routes } from '@angular/router';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
-import { FileUploadExerciseDetailComponent } from './file-upload-exercise-detail.component';
+
 import { NgModule } from '@angular/core';
-import { FileUploadExerciseUpdateComponent } from 'app/exercises/file-upload/manage/file-upload-exercise-update.component';
+
 import { Authority } from 'app/shared/constants/authority.constants';
-import { ExerciseStatisticsComponent } from 'app/exercises/shared/statistics/exercise-statistics.component';
+
 import { FileUploadExerciseManagementResolve } from 'app/exercises/file-upload/manage/file-upload-exercise-management-resolve.service';
 
 const routes: Routes = [
     {
         path: ':courseId/file-upload-exercises/new',
-        component: FileUploadExerciseUpdateComponent,
+        loadComponent: () => import('app/exercises/file-upload/manage/file-upload-exercise-update.component').then((m) => m.FileUploadExerciseUpdateComponent),
         resolve: {
             fileUploadExercise: FileUploadExerciseManagementResolve,
         },
@@ -22,7 +22,7 @@ const routes: Routes = [
     },
     {
         path: ':courseId/file-upload-exercises/:exerciseId/import',
-        component: FileUploadExerciseUpdateComponent,
+        loadComponent: () => import('app/exercises/file-upload/manage/file-upload-exercise-update.component').then((m) => m.FileUploadExerciseUpdateComponent),
         resolve: {
             fileUploadExercise: FileUploadExerciseManagementResolve,
         },
@@ -35,7 +35,7 @@ const routes: Routes = [
 
     {
         path: ':courseId/file-upload-exercises/:exerciseId/edit',
-        component: FileUploadExerciseUpdateComponent,
+        loadComponent: () => import('app/exercises/file-upload/manage/file-upload-exercise-update.component').then((m) => m.FileUploadExerciseUpdateComponent),
         resolve: {
             fileUploadExercise: FileUploadExerciseManagementResolve,
         },
@@ -47,7 +47,7 @@ const routes: Routes = [
     },
     {
         path: ':courseId/file-upload-exercises/:exerciseId',
-        component: FileUploadExerciseDetailComponent,
+        loadComponent: () => import('./file-upload-exercise-detail.component').then((m) => m.FileUploadExerciseDetailComponent),
         data: {
             authorities: [Authority.TA, Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.fileUploadExercise.home.title',
@@ -60,7 +60,7 @@ const routes: Routes = [
     },
     {
         path: ':courseId/file-upload-exercises/:exerciseId/exercise-statistics',
-        component: ExerciseStatisticsComponent,
+        loadComponent: () => import('app/exercises/shared/statistics/exercise-statistics.component').then((m) => m.ExerciseStatisticsComponent),
         resolve: {
             fileUploadExercise: FileUploadExerciseManagementResolve,
         },
diff --git a/src/main/webapp/app/exercises/file-upload/manage/file-upload-exercise-paging.service.ts b/src/main/webapp/app/exercises/file-upload/manage/file-upload-exercise-paging.service.ts
index e2d97cfa5934..cf144194dd52 100644
--- a/src/main/webapp/app/exercises/file-upload/manage/file-upload-exercise-paging.service.ts
+++ b/src/main/webapp/app/exercises/file-upload/manage/file-upload-exercise-paging.service.ts
@@ -1,5 +1,5 @@
 import { HttpClient } from '@angular/common/http';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ExercisePagingService } from 'app/exercises/shared/manage/exercise-paging.service';
 import { FileUploadExercise } from 'app/entities/file-upload-exercise.model';
 
@@ -7,7 +7,9 @@ import { FileUploadExercise } from 'app/entities/file-upload-exercise.model';
 export class FileUploadExercisePagingService extends ExercisePagingService<FileUploadExercise> {
     private static readonly RESOURCE_URL = 'api/file-upload-exercises';
 
-    constructor(http: HttpClient) {
+    constructor() {
+        const http = inject(HttpClient);
+
         super(http, FileUploadExercisePagingService.RESOURCE_URL);
     }
 }
diff --git a/src/main/webapp/app/exercises/file-upload/manage/file-upload-exercise-update.component.ts b/src/main/webapp/app/exercises/file-upload/manage/file-upload-exercise-update.component.ts
index 798a1d50f57d..cf61a8e45700 100644
--- a/src/main/webapp/app/exercises/file-upload/manage/file-upload-exercise-update.component.ts
+++ b/src/main/webapp/app/exercises/file-upload/manage/file-upload-exercise-update.component.ts
@@ -1,7 +1,11 @@
-import { AfterViewInit, ChangeDetectionStrategy, Component, OnDestroy, OnInit, ViewChild } from '@angular/core';
+import { AfterViewInit, ChangeDetectionStrategy, Component, OnDestroy, OnInit, ViewChild, inject } from '@angular/core';
 import { ActivatedRoute, Params } from '@angular/router';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { AlertService, AlertType } from 'app/core/util/alert.service';
+import { DifficultyPickerComponent } from 'app/exercises/shared/difficulty-picker/difficulty-picker.component';
+import { IncludedInOverallScorePickerComponent } from 'app/exercises/shared/included-in-overall-score-picker/included-in-overall-score-picker.component';
+import { PresentationScoreComponent } from 'app/exercises/shared/presentation-score/presentation-score.component';
+import { GradingInstructionsDetailsComponent } from 'app/exercises/shared/structured-grading-criterion/grading-instructions-details/grading-instructions-details.component';
 import { FileUploadExerciseService } from './file-upload-exercise.service';
 import { FileUploadExercise } from 'app/entities/file-upload-exercise.model';
 import { CourseManagementService } from 'app/course/manage/course-management.service';
@@ -10,7 +14,7 @@ import { Exercise, ExerciseMode, IncludedInOverallScore, getCourseId, resetForIm
 import { ArtemisNavigationUtilService } from 'app/utils/navigation.utils';
 import { ExerciseCategory } from 'app/entities/exercise-category.model';
 import { cloneDeep } from 'lodash-es';
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { NgbModal, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 import { ExerciseUpdateWarningService } from 'app/exercises/shared/exercise-update-warning/exercise-update-warning.service';
 import { onError } from 'app/shared/util/global.utils';
 import { EditType, SaveExerciseCommand } from 'app/exercises/shared/exercise/exercise.utils';
@@ -22,17 +26,62 @@ import { scrollToTopOfPage } from 'app/shared/util/utils';
 import { FormDateTimePickerComponent } from 'app/shared/date-time-picker/date-time-picker.component';
 import { ExerciseTitleChannelNameComponent } from 'app/exercises/shared/exercise-title-channel-name/exercise-title-channel-name.component';
 import { TeamConfigFormGroupComponent } from 'app/exercises/shared/team-config-form-group/team-config-form-group.component';
-import { NgModel } from '@angular/forms';
+import { FormsModule, NgModel } from '@angular/forms';
 import { Subscription } from 'rxjs';
 import { FormSectionStatus } from 'app/forms/form-status-bar/form-status-bar.component';
 import { FormulaAction } from 'app/shared/monaco-editor/model/actions/formula.action';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { DocumentationButtonComponent } from 'app/shared/components/documentation-button/documentation-button.component';
+import { FormStatusBarComponent } from 'app/forms/form-status-bar/form-status-bar.component';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { CategorySelectorComponent } from 'app/shared/category-selector/category-selector.component';
+import { MarkdownEditorMonacoComponent } from 'app/shared/markdown-editor/monaco/markdown-editor-monaco.component';
+import { CompetencySelectionComponent } from 'app/shared/competency-selection/competency-selection.component';
+import { CustomMinDirective } from 'app/shared/validators/custom-min-validator.directive';
+import { CustomMaxDirective } from 'app/shared/validators/custom-max-validator.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { FormFooterComponent } from 'app/forms/form-footer/form-footer.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-file-upload-exercise-update',
     templateUrl: './file-upload-exercise-update.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [
+        FormsModule,
+        TranslateDirective,
+        DocumentationButtonComponent,
+        FormStatusBarComponent,
+        ExerciseTitleChannelNameComponent,
+        HelpIconComponent,
+        CategorySelectorComponent,
+        DifficultyPickerComponent,
+        TeamConfigFormGroupComponent,
+        MarkdownEditorMonacoComponent,
+        CompetencySelectionComponent,
+        FormDateTimePickerComponent,
+        IncludedInOverallScorePickerComponent,
+        CustomMinDirective,
+        CustomMaxDirective,
+        FaIconComponent,
+        NgbTooltip,
+        PresentationScoreComponent,
+        GradingInstructionsDetailsComponent,
+        FormFooterComponent,
+        ArtemisTranslatePipe,
+    ],
 })
 export class FileUploadExerciseUpdateComponent implements AfterViewInit, OnDestroy, OnInit {
+    private fileUploadExerciseService = inject(FileUploadExerciseService);
+    private modalService = inject(NgbModal);
+    private popupService = inject(ExerciseUpdateWarningService);
+    private activatedRoute = inject(ActivatedRoute);
+    private courseService = inject(CourseManagementService);
+    private exerciseService = inject(ExerciseService);
+    private alertService = inject(AlertService);
+    private navigationUtilService = inject(ArtemisNavigationUtilService);
+    private exerciseGroupService = inject(ExerciseGroupService);
+
     protected readonly faQuestionCircle = faQuestionCircle;
 
     readonly IncludedInOverallScore = IncludedInOverallScore;
@@ -68,18 +117,6 @@ export class FileUploadExerciseUpdateComponent implements AfterViewInit, OnDestr
     bonusPointsSubscription?: Subscription;
     teamSubscription?: Subscription;
 
-    constructor(
-        private fileUploadExerciseService: FileUploadExerciseService,
-        private modalService: NgbModal,
-        private popupService: ExerciseUpdateWarningService,
-        private activatedRoute: ActivatedRoute,
-        private courseService: CourseManagementService,
-        private exerciseService: ExerciseService,
-        private alertService: AlertService,
-        private navigationUtilService: ArtemisNavigationUtilService,
-        private exerciseGroupService: ExerciseGroupService,
-    ) {}
-
     get editType(): EditType {
         if (this.isImport) {
             return EditType.IMPORT;
diff --git a/src/main/webapp/app/exercises/file-upload/manage/file-upload-exercise.component.ts b/src/main/webapp/app/exercises/file-upload/manage/file-upload-exercise.component.ts
index 0874dea0faf6..9d6e49fad41a 100644
--- a/src/main/webapp/app/exercises/file-upload/manage/file-upload-exercise.component.ts
+++ b/src/main/webapp/app/exercises/file-upload/manage/file-upload-exercise.component.ts
@@ -12,10 +12,20 @@ import { AlertService } from 'app/core/util/alert.service';
 import { faBook, faPlus, faSort, faTable, faTrash, faUsers, faWrench } from '@fortawesome/free-solid-svg-icons';
 import { faListAlt } from '@fortawesome/free-regular-svg-icons';
 import { CourseExerciseService } from 'app/exercises/shared/course-exercises/course-exercise.service';
+import { SortDirective } from 'app/shared/sort/sort.directive';
+import { FormsModule } from '@angular/forms';
+import { SortByDirective } from 'app/shared/sort/sort-by.directive';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { RouterLink } from '@angular/router';
+import { ExerciseCategoriesComponent } from 'app/shared/exercise-categories/exercise-categories.component';
+import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
 
 @Component({
     selector: 'jhi-file-upload-exercise',
     templateUrl: './file-upload-exercise.component.html',
+    imports: [SortDirective, FormsModule, SortByDirective, TranslateDirective, FaIconComponent, RouterLink, ExerciseCategoriesComponent, DeleteButtonDirective, ArtemisDatePipe],
 })
 export class FileUploadExerciseComponent extends ExerciseComponent {
     protected exerciseService = inject(ExerciseService);
diff --git a/src/main/webapp/app/exercises/file-upload/manage/file-upload-exercise.service.ts b/src/main/webapp/app/exercises/file-upload/manage/file-upload-exercise.service.ts
index cd19cb977939..06339252611e 100644
--- a/src/main/webapp/app/exercises/file-upload/manage/file-upload-exercise.service.ts
+++ b/src/main/webapp/app/exercises/file-upload/manage/file-upload-exercise.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { map } from 'rxjs/operators';
@@ -12,12 +12,10 @@ export type EntityArrayResponseType = HttpResponse<FileUploadExercise[]>;
 
 @Injectable({ providedIn: 'root' })
 export class FileUploadExerciseService implements ExerciseServicable<FileUploadExercise> {
-    private resourceUrl = 'api/file-upload-exercises';
+    private http = inject(HttpClient);
+    private exerciseService = inject(ExerciseService);
 
-    constructor(
-        private http: HttpClient,
-        private exerciseService: ExerciseService,
-    ) {}
+    private resourceUrl = 'api/file-upload-exercises';
 
     /**
      * Sends request to create new file upload exercise
diff --git a/src/main/webapp/app/exercises/file-upload/participate/file-upload-participation.module.ts b/src/main/webapp/app/exercises/file-upload/participate/file-upload-participation.module.ts
index 19a5d3e8d7fe..26f24f2ea86e 100644
--- a/src/main/webapp/app/exercises/file-upload/participate/file-upload-participation.module.ts
+++ b/src/main/webapp/app/exercises/file-upload/participate/file-upload-participation.module.ts
@@ -19,8 +19,8 @@ import { ArtemisMarkdownModule } from 'app/shared/markdown.module';
         ArtemisHeaderExercisePageWithDetailsModule,
         RatingModule,
         ArtemisMarkdownModule,
+        FileUploadSubmissionComponent,
     ],
-    declarations: [FileUploadSubmissionComponent],
     exports: [FileUploadSubmissionComponent],
 })
 export class ArtemisFileUploadParticipationModule {}
diff --git a/src/main/webapp/app/exercises/file-upload/participate/file-upload-participation.route.ts b/src/main/webapp/app/exercises/file-upload/participate/file-upload-participation.route.ts
index 7cfcb7220534..5b047f5097a0 100644
--- a/src/main/webapp/app/exercises/file-upload/participate/file-upload-participation.route.ts
+++ b/src/main/webapp/app/exercises/file-upload/participate/file-upload-participation.route.ts
@@ -2,13 +2,13 @@ import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
 import { PendingChangesGuard } from 'app/shared/guard/pending-changes.guard';
-import { FileUploadSubmissionComponent } from 'app/exercises/file-upload/participate/file-upload-submission.component';
+
 import { Authority } from 'app/shared/constants/authority.constants';
 
 export const routes: Routes = [
     {
         path: 'participate/:participationId',
-        component: FileUploadSubmissionComponent,
+        loadComponent: () => import('app/exercises/file-upload/participate/file-upload-submission.component').then((m) => m.FileUploadSubmissionComponent),
         data: {
             authorities: [Authority.USER],
             pageTitle: 'artemisApp.fileUploadExercise.home.title',
diff --git a/src/main/webapp/app/exercises/file-upload/participate/file-upload-submission.component.ts b/src/main/webapp/app/exercises/file-upload/participate/file-upload-submission.component.ts
index 2157ebc343b1..f4d6c3121f61 100644
--- a/src/main/webapp/app/exercises/file-upload/participate/file-upload-submission.component.ts
+++ b/src/main/webapp/app/exercises/file-upload/participate/file-upload-submission.component.ts
@@ -1,9 +1,11 @@
-import { Component, ElementRef, Input, OnInit, ViewChild } from '@angular/core';
-import { Location } from '@angular/common';
+import { Component, ElementRef, Input, OnInit, ViewChild, inject } from '@angular/core';
+import { Location, UpperCasePipe } from '@angular/common';
 import { TranslateService } from '@ngx-translate/core';
 import { ActivatedRoute } from '@angular/router';
 import { HttpErrorResponse } from '@angular/common/http';
 import { AlertService } from 'app/core/util/alert.service';
+import { HeaderParticipationPageComponent } from 'app/exercises/shared/exercise-headers/header-participation-page.component';
+import { RatingComponent } from 'app/exercises/shared/rating/rating.component';
 import dayjs from 'dayjs/esm';
 import { StudentParticipation } from 'app/entities/participation/student-participation.model';
 import { FileUploadSubmissionService } from 'app/exercises/file-upload/participate/file-upload-submission.service';
@@ -29,19 +31,56 @@ import { getCourseFromExercise } from 'app/entities/exercise.model';
 import { Course } from 'app/entities/course.model';
 import { faListAlt } from '@fortawesome/free-regular-svg-icons';
 import { faDownload } from '@fortawesome/free-solid-svg-icons';
+import { ButtonComponent } from 'app/shared/components/button.component';
+import { ResizeableContainerComponent } from 'app/shared/resizeable-container/resizeable-container.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ExerciseActionButtonComponent } from 'app/shared/components/exercise-action-button.component';
+import { AdditionalFeedbackComponent } from 'app/shared/additional-feedback/additional-feedback.component';
+import { ComplaintsStudentViewComponent } from 'app/complaints/complaints-for-students/complaints-student-view.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { ArtemisTimeAgoPipe } from 'app/shared/pipes/artemis-time-ago.pipe';
+import { HtmlForMarkdownPipe } from 'app/shared/pipes/html-for-markdown.pipe';
 
 @Component({
     selector: 'jhi-file-upload-submission',
     templateUrl: './file-upload-submission.component.html',
+    imports: [
+        HeaderParticipationPageComponent,
+        ButtonComponent,
+        ResizeableContainerComponent,
+        TranslateDirective,
+        ExerciseActionButtonComponent,
+        AdditionalFeedbackComponent,
+        RatingComponent,
+        ComplaintsStudentViewComponent,
+        FaIconComponent,
+        UpperCasePipe,
+        ArtemisTranslatePipe,
+        ArtemisTimeAgoPipe,
+        HtmlForMarkdownPipe,
+    ],
 })
 export class FileUploadSubmissionComponent implements OnInit, ComponentCanDeactivate {
+    private route = inject(ActivatedRoute);
+    private fileUploadSubmissionService = inject(FileUploadSubmissionService);
+    private fileUploaderService = inject(FileUploaderService);
+    private resultService = inject(ResultService);
+    private alertService = inject(AlertService);
+    private location = inject(Location);
+    private translateService = inject(TranslateService);
+    private fileService = inject(FileService);
+    private participationWebsocketService = inject(ParticipationWebsocketService);
+    private fileUploadAssessmentService = inject(FileUploadAssessmentService);
+    private accountService = inject(AccountService);
+
     readonly addParticipationToResult = addParticipationToResult;
     @ViewChild('fileInput', { static: false }) fileInput: ElementRef;
 
     @Input() participationId?: number;
-    @Input() displayHeader: boolean = true;
-    @Input() expandProblemStatement?: boolean = true;
-    @Input() displayedInExamSummary?: boolean = false;
+    @Input() displayHeader = true;
+    @Input() expandProblemStatement = true;
+    @Input() displayedInExamSummary = false;
 
     @Input() inputExercise?: FileUploadExercise;
     @Input() inputSubmission?: FileUploadSubmission;
@@ -74,19 +113,9 @@ export class FileUploadSubmissionComponent implements OnInit, ComponentCanDeacti
     // Icons
     farListAlt = faListAlt;
 
-    constructor(
-        private route: ActivatedRoute,
-        private fileUploadSubmissionService: FileUploadSubmissionService,
-        private fileUploaderService: FileUploaderService,
-        private resultService: ResultService,
-        private alertService: AlertService,
-        private location: Location,
-        private translateService: TranslateService,
-        private fileService: FileService,
-        private participationWebsocketService: ParticipationWebsocketService,
-        private fileUploadAssessmentService: FileUploadAssessmentService,
-        private accountService: AccountService,
-    ) {
+    constructor() {
+        const translateService = this.translateService;
+
         translateService.get('artemisApp.fileUploadSubmission.confirmSubmission').subscribe((text) => (this.submissionConfirmationText = text));
     }
 
diff --git a/src/main/webapp/app/exercises/file-upload/participate/file-upload-submission.service.ts b/src/main/webapp/app/exercises/file-upload/participate/file-upload-submission.service.ts
index b685eae92bc2..0d961a76caaa 100644
--- a/src/main/webapp/app/exercises/file-upload/participate/file-upload-submission.service.ts
+++ b/src/main/webapp/app/exercises/file-upload/participate/file-upload-submission.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpParams, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { map } from 'rxjs/operators';
@@ -12,10 +12,8 @@ export type EntityResponseType = HttpResponse<FileUploadSubmission>;
 
 @Injectable({ providedIn: 'root' })
 export class FileUploadSubmissionService {
-    constructor(
-        private http: HttpClient,
-        private submissionService: SubmissionService,
-    ) {}
+    private http = inject(HttpClient);
+    private submissionService = inject(SubmissionService);
 
     /**
      * Updates File Upload submission on the server
diff --git a/src/main/webapp/app/exercises/modeling/assess/modeling-assessment-editor/modeling-assessment-editor.component.ts b/src/main/webapp/app/exercises/modeling/assess/modeling-assessment-editor/modeling-assessment-editor.component.ts
index fe7a6017459f..9b30052e6905 100644
--- a/src/main/webapp/app/exercises/modeling/assess/modeling-assessment-editor/modeling-assessment-editor.component.ts
+++ b/src/main/webapp/app/exercises/modeling/assess/modeling-assessment-editor/modeling-assessment-editor.component.ts
@@ -1,9 +1,10 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { Location } from '@angular/common';
+import { UnreferencedFeedbackComponent } from 'app/exercises/shared/unreferenced-feedback/unreferenced-feedback.component';
 import { firstValueFrom } from 'rxjs';
 import { AlertService } from 'app/core/util/alert.service';
 import { UMLDiagramType, UMLModel } from '@ls1intum/apollon';
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 import { AccountService } from 'app/core/auth/account.service';
 import { HttpErrorResponse } from '@angular/common/http';
 import { TranslateService } from '@ngx-translate/core';
@@ -31,13 +32,45 @@ import { isAllowedToModifyFeedback } from 'app/assessment/assessment.service';
 import { AssessmentAfterComplaint } from 'app/complaints/complaints-for-tutor/complaints-for-tutor.component';
 import { AthenaService } from 'app/assessment/athena.service';
 import { faCircleNotch, faQuestionCircle } from '@fortawesome/free-solid-svg-icons';
+import { AssessmentLayoutComponent } from 'app/assessment/assessment-layout/assessment-layout.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ModelingAssessmentComponent } from '../modeling-assessment.component';
+import { CollapsableAssessmentInstructionsComponent } from 'app/assessment/assessment-instructions/collapsable-assessment-instructions/collapsable-assessment-instructions.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-modeling-assessment-editor',
     templateUrl: './modeling-assessment-editor.component.html',
     styleUrls: ['./modeling-assessment-editor.component.scss'],
+    imports: [
+        AssessmentLayoutComponent,
+        TranslateDirective,
+        NgbTooltip,
+        FaIconComponent,
+        ModelingAssessmentComponent,
+        CollapsableAssessmentInstructionsComponent,
+        UnreferencedFeedbackComponent,
+        RouterLink,
+        ArtemisTranslatePipe,
+    ],
 })
 export class ModelingAssessmentEditorComponent implements OnInit {
+    private alertService = inject(AlertService);
+    private router = inject(Router);
+    private route = inject(ActivatedRoute);
+    private modelingSubmissionService = inject(ModelingSubmissionService);
+    private modelingAssessmentService = inject(ModelingAssessmentService);
+    private accountService = inject(AccountService);
+    private location = inject(Location);
+    private translateService = inject(TranslateService);
+    private complaintService = inject(ComplaintService);
+    private structuredGradingCriterionService = inject(StructuredGradingCriterionService);
+    private submissionService = inject(SubmissionService);
+    private exampleSubmissionService = inject(ExampleSubmissionService);
+    private athenaService = inject(AthenaService);
+
     totalScore = 0;
     submission?: ModelingSubmission;
     model?: UMLModel;
@@ -78,21 +111,9 @@ export class ModelingAssessmentEditorComponent implements OnInit {
     protected readonly faCircleNotch = faCircleNotch;
     protected readonly faQuestionCircle = faQuestionCircle;
 
-    constructor(
-        private alertService: AlertService,
-        private router: Router,
-        private route: ActivatedRoute,
-        private modelingSubmissionService: ModelingSubmissionService,
-        private modelingAssessmentService: ModelingAssessmentService,
-        private accountService: AccountService,
-        private location: Location,
-        private translateService: TranslateService,
-        private complaintService: ComplaintService,
-        private structuredGradingCriterionService: StructuredGradingCriterionService,
-        private submissionService: SubmissionService,
-        private exampleSubmissionService: ExampleSubmissionService,
-        private athenaService: AthenaService,
-    ) {
+    constructor() {
+        const translateService = this.translateService;
+
         translateService.get('artemisApp.modelingAssessmentEditor.messages.confirmCancel').subscribe((text) => (this.cancelConfirmationText = text));
     }
 
diff --git a/src/main/webapp/app/exercises/modeling/assess/modeling-assessment-editor/modeling-assessment-editor.module.ts b/src/main/webapp/app/exercises/modeling/assess/modeling-assessment-editor/modeling-assessment-editor.module.ts
index b52ddeaee956..f7b7326a1670 100644
--- a/src/main/webapp/app/exercises/modeling/assess/modeling-assessment-editor/modeling-assessment-editor.module.ts
+++ b/src/main/webapp/app/exercises/modeling/assess/modeling-assessment-editor/modeling-assessment-editor.module.ts
@@ -21,8 +21,8 @@ import { ArtemisAssessmentProgressLabelModule } from 'app/exercises/shared/asses
         ModelingAssessmentModule,
         SubmissionResultStatusModule,
         ArtemisAssessmentProgressLabelModule,
+        ModelingAssessmentEditorComponent,
     ],
-    declarations: [ModelingAssessmentEditorComponent],
     exports: [ModelingAssessmentEditorComponent],
 })
 export class ArtemisModelingAssessmentEditorModule {}
diff --git a/src/main/webapp/app/exercises/modeling/assess/modeling-assessment-editor/modeling-assessment-editor.route.ts b/src/main/webapp/app/exercises/modeling/assess/modeling-assessment-editor/modeling-assessment-editor.route.ts
index 526c30454334..2c21e3200e1a 100644
--- a/src/main/webapp/app/exercises/modeling/assess/modeling-assessment-editor/modeling-assessment-editor.route.ts
+++ b/src/main/webapp/app/exercises/modeling/assess/modeling-assessment-editor/modeling-assessment-editor.route.ts
@@ -1,13 +1,14 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
-import { ModelingAssessmentEditorComponent } from 'app/exercises/modeling/assess/modeling-assessment-editor/modeling-assessment-editor.component';
+
 import { Authority } from 'app/shared/constants/authority.constants';
 
 export const routes: Routes = [
     {
         path: ':courseId/modeling-exercises/:exerciseId/submissions/:submissionId/assessment',
-        component: ModelingAssessmentEditorComponent,
+        loadComponent: () =>
+            import('app/exercises/modeling/assess/modeling-assessment-editor/modeling-assessment-editor.component').then((m) => m.ModelingAssessmentEditorComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR, Authority.EDITOR, Authority.TA],
             pageTitle: 'artemisApp.modelingExercise.home.title',
@@ -16,7 +17,8 @@ export const routes: Routes = [
     },
     {
         path: ':courseId/modeling-exercises/:exerciseId/submissions/:submissionId/assessments/:resultId',
-        component: ModelingAssessmentEditorComponent,
+        loadComponent: () =>
+            import('app/exercises/modeling/assess/modeling-assessment-editor/modeling-assessment-editor.component').then((m) => m.ModelingAssessmentEditorComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR],
             usePathForBreadcrumbs: true,
diff --git a/src/main/webapp/app/exercises/modeling/assess/modeling-assessment.component.ts b/src/main/webapp/app/exercises/modeling/assess/modeling-assessment.component.ts
index d39b9a9f1830..0944dd628d07 100644
--- a/src/main/webapp/app/exercises/modeling/assess/modeling-assessment.component.ts
+++ b/src/main/webapp/app/exercises/modeling/assess/modeling-assessment.component.ts
@@ -1,4 +1,4 @@
-import { AfterViewInit, Component, EventEmitter, Input, OnChanges, OnDestroy, Output, SimpleChanges } from '@angular/core';
+import { AfterViewInit, Component, EventEmitter, Input, OnChanges, OnDestroy, Output, SimpleChanges, inject } from '@angular/core';
 import { ApollonEditor, ApollonMode, Assessment, Selection, UMLDiagramType, UMLElementType, UMLModel, UMLRelationshipType, addOrUpdateAssessment } from '@ls1intum/apollon';
 import { Feedback, FeedbackType } from 'app/entities/feedback.model';
 import { ModelElementCount } from 'app/entities/modeling-submission.model';
@@ -7,6 +7,9 @@ import { Course } from 'app/entities/course.model';
 import { GradingInstruction } from 'app/exercises/shared/structured-grading-criterion/grading-instruction.model';
 import { ModelingComponent } from 'app/exercises/modeling/shared/modeling.component';
 import { filterInvalidFeedback } from 'app/exercises/modeling/assess/modeling-assessment.util';
+import { ScoreDisplayComponent } from 'app/shared/score-display/score-display.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ModelingExplanationEditorComponent } from '../shared/modeling-explanation-editor.component';
 
 export interface DropInfo {
     instruction: GradingInstruction;
@@ -19,8 +22,11 @@ export interface DropInfo {
     selector: 'jhi-modeling-assessment',
     templateUrl: './modeling-assessment.component.html',
     styleUrls: ['./modeling-assessment.component.scss'],
+    imports: [ScoreDisplayComponent, FaIconComponent, ModelingExplanationEditorComponent],
 })
 export class ModelingAssessmentComponent extends ModelingComponent implements AfterViewInit, OnDestroy, OnChanges {
+    private artemisTranslatePipe = inject(ArtemisTranslatePipe);
+
     @Input() maxScore: number;
     @Input() maxBonusPoints = 0;
     @Input() totalScore: number;
@@ -49,7 +55,7 @@ export class ModelingAssessmentComponent extends ModelingComponent implements Af
     firstCorrectionRoundColor = '#3e8acc';
     secondCorrectionRoundColor = '#ffa561';
 
-    constructor(private artemisTranslatePipe: ArtemisTranslatePipe) {
+    constructor() {
         super();
     }
 
diff --git a/src/main/webapp/app/exercises/modeling/assess/modeling-assessment.module.ts b/src/main/webapp/app/exercises/modeling/assess/modeling-assessment.module.ts
index c9e898bcb860..d324b46c1484 100644
--- a/src/main/webapp/app/exercises/modeling/assess/modeling-assessment.module.ts
+++ b/src/main/webapp/app/exercises/modeling/assess/modeling-assessment.module.ts
@@ -5,8 +5,7 @@ import { ArtemisAssessmentSharedModule } from 'app/assessment/assessment-shared.
 import { ArtemisModelingEditorModule } from 'app/exercises/modeling/shared/modeling-editor.module';
 
 @NgModule({
-    imports: [ArtemisSharedModule, ArtemisAssessmentSharedModule, ArtemisModelingEditorModule],
-    declarations: [ModelingAssessmentComponent],
+    imports: [ArtemisSharedModule, ArtemisAssessmentSharedModule, ArtemisModelingEditorModule, ModelingAssessmentComponent],
     exports: [ModelingAssessmentComponent],
 })
 export class ModelingAssessmentModule {}
diff --git a/src/main/webapp/app/exercises/modeling/assess/modeling-assessment.service.ts b/src/main/webapp/app/exercises/modeling/assess/modeling-assessment.service.ts
index d03f7f22adcc..7f5c89709873 100644
--- a/src/main/webapp/app/exercises/modeling/assess/modeling-assessment.service.ts
+++ b/src/main/webapp/app/exercises/modeling/assess/modeling-assessment.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpParams, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { ComplaintResponse } from 'app/entities/complaint-response.model';
@@ -12,12 +12,12 @@ type ModelingAssessmentDTO = { feedbacks: Feedback[]; assessmentNote?: string };
 
 @Injectable({ providedIn: 'root' })
 export class ModelingAssessmentService {
+    private http = inject(HttpClient);
+
     private readonly MAX_FEEDBACK_TEXT_LENGTH = 500;
     private readonly MAX_FEEDBACK_DETAIL_TEXT_LENGTH = 5000;
     private resourceUrl = 'api';
 
-    constructor(private http: HttpClient) {}
-
     saveAssessment(resultId: number, feedbacks: Feedback[], submissionId: number, assessmentNote?: string, submit = false): Observable<Result> {
         let params = new HttpParams();
         if (submit) {
diff --git a/src/main/webapp/app/exercises/modeling/manage/example-modeling/example-modeling-submission.component.ts b/src/main/webapp/app/exercises/modeling/manage/example-modeling/example-modeling-submission.component.ts
index 27d7cd03894d..1533b9407188 100644
--- a/src/main/webapp/app/exercises/modeling/manage/example-modeling/example-modeling-submission.component.ts
+++ b/src/main/webapp/app/exercises/modeling/manage/example-modeling/example-modeling-submission.component.ts
@@ -14,6 +14,7 @@ import { ModelingAssessmentService } from 'app/exercises/modeling/assess/modelin
 import { ModelingSubmission } from 'app/entities/modeling-submission.model';
 import { ModelingExercise } from 'app/entities/modeling-exercise.model';
 import { ModelingAssessmentComponent } from 'app/exercises/modeling/assess/modeling-assessment.component';
+import { UnreferencedFeedbackComponent } from 'app/exercises/shared/unreferenced-feedback/unreferenced-feedback.component';
 import { catchError, concatMap, map, tap } from 'rxjs/operators';
 import { getLatestSubmissionResult, setLatestSubmissionResult } from 'app/entities/submission.model';
 import { getPositiveAndCappedTotalScore, getTotalMaxPoints } from 'app/exercises/shared/exercise/exercise.utils';
@@ -28,13 +29,39 @@ import { forkJoin } from 'rxjs';
 import { filterInvalidFeedback } from 'app/exercises/modeling/assess/modeling-assessment.util';
 import { Theme, ThemeService } from 'app/core/theme/theme.service';
 import { scrollToTopOfPage } from 'app/shared/util/utils';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { FormsModule } from '@angular/forms';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { CollapsableAssessmentInstructionsComponent } from 'app/assessment/assessment-instructions/collapsable-assessment-instructions/collapsable-assessment-instructions.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-example-modeling-submission',
     templateUrl: './example-modeling-submission.component.html',
     styleUrls: ['./example-modeling-submission.component.scss'],
+    imports: [
+        TranslateDirective,
+        HelpIconComponent,
+        FormsModule,
+        FaIconComponent,
+        ModelingEditorComponent,
+        ModelingAssessmentComponent,
+        UnreferencedFeedbackComponent,
+        CollapsableAssessmentInstructionsComponent,
+        ArtemisTranslatePipe,
+    ],
 })
 export class ExampleModelingSubmissionComponent implements OnInit, FeedbackMarker {
+    private exerciseService = inject(ExerciseService);
+    private exampleSubmissionService = inject(ExampleSubmissionService);
+    private modelingAssessmentService = inject(ModelingAssessmentService);
+    private tutorParticipationService = inject(TutorParticipationService);
+    private alertService = inject(AlertService);
+    private route = inject(ActivatedRoute);
+    private router = inject(Router);
+    private navigationUtilService = inject(ArtemisNavigationUtilService);
+
     @ViewChild(ModelingEditorComponent, { static: false })
     modelingEditor: ModelingEditorComponent;
     @ViewChild(ModelingAssessmentComponent, { static: false })
@@ -106,16 +133,7 @@ export class ExampleModelingSubmissionComponent implements OnInit, FeedbackMarke
     faCodeBranch = faCodeBranch;
     faChalkboardTeacher = faChalkboardTeacher;
 
-    constructor(
-        private exerciseService: ExerciseService,
-        private exampleSubmissionService: ExampleSubmissionService,
-        private modelingAssessmentService: ModelingAssessmentService,
-        private tutorParticipationService: TutorParticipationService,
-        private alertService: AlertService,
-        private route: ActivatedRoute,
-        private router: Router,
-        private navigationUtilService: ArtemisNavigationUtilService,
-    ) {
+    constructor() {
         effect(() => {
             // Update highlighted elements as soon as current theme changes
             const highlightColor = this.highlightColor();
diff --git a/src/main/webapp/app/exercises/modeling/manage/example-modeling/example-modeling-submission.module.ts b/src/main/webapp/app/exercises/modeling/manage/example-modeling/example-modeling-submission.module.ts
index b3dca289b27a..6d6b50342419 100644
--- a/src/main/webapp/app/exercises/modeling/manage/example-modeling/example-modeling-submission.module.ts
+++ b/src/main/webapp/app/exercises/modeling/manage/example-modeling/example-modeling-submission.module.ts
@@ -19,7 +19,7 @@ import { ArtemisSharedComponentModule } from 'app/shared/components/shared-compo
         ArtemisAssessmentSharedModule,
         AssessmentInstructionsModule,
         ArtemisSharedComponentModule,
+        ExampleModelingSubmissionComponent,
     ],
-    declarations: [ExampleModelingSubmissionComponent],
 })
 export class ArtemisExampleModelingSubmissionModule {}
diff --git a/src/main/webapp/app/exercises/modeling/manage/example-modeling/example-modeling-submission.route.ts b/src/main/webapp/app/exercises/modeling/manage/example-modeling/example-modeling-submission.route.ts
index c1bee6307701..387a5d3ec926 100644
--- a/src/main/webapp/app/exercises/modeling/manage/example-modeling/example-modeling-submission.route.ts
+++ b/src/main/webapp/app/exercises/modeling/manage/example-modeling/example-modeling-submission.route.ts
@@ -1,13 +1,13 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
-import { ExampleModelingSubmissionComponent } from './example-modeling-submission.component';
+
 import { Authority } from 'app/shared/constants/authority.constants';
 
 export const routes: Routes = [
     {
         path: ':courseId/modeling-exercises/:exerciseId/example-submissions/:exampleSubmissionId',
-        component: ExampleModelingSubmissionComponent,
+        loadComponent: () => import('./example-modeling-submission.component').then((m) => m.ExampleModelingSubmissionComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR, Authority.EDITOR, Authority.TA],
             pageTitle: 'artemisApp.exampleSubmission.home.editor',
diff --git a/src/main/webapp/app/exercises/modeling/manage/modeling-exercise-detail.component.ts b/src/main/webapp/app/exercises/modeling/manage/modeling-exercise-detail.component.ts
index 487d9213e763..42c7363b1c28 100644
--- a/src/main/webapp/app/exercises/modeling/manage/modeling-exercise-detail.component.ts
+++ b/src/main/webapp/app/exercises/modeling/manage/modeling-exercise-detail.component.ts
@@ -1,8 +1,10 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { SafeHtml } from '@angular/platform-browser';
 import { ActivatedRoute } from '@angular/router';
 import { HttpResponse } from '@angular/common/http';
 import { UMLModel } from '@ls1intum/apollon';
+import { NonProgrammingExerciseDetailCommonActionsComponent } from 'app/exercises/shared/exercise-detail-common-actions/non-programming-exercise-detail-common-actions.component';
+import { ExerciseDetailStatisticsComponent } from 'app/exercises/shared/statistics/exercise-detail-statistics.component';
 import { Subscription } from 'rxjs';
 import { ModelingExercise } from 'app/entities/modeling-exercise.model';
 import { ModelingExerciseService } from './modeling-exercise.service';
@@ -25,12 +27,25 @@ import {
     getExerciseProblemDetailSection,
 } from 'app/exercises/shared/utils';
 import { DetailOverviewSection, DetailType } from 'app/detail-overview-list/detail-overview-list.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { DocumentationButtonComponent } from 'app/shared/components/documentation-button/documentation-button.component';
+import { DetailOverviewListComponent } from 'app/detail-overview-list/detail-overview-list.component';
 
 @Component({
     selector: 'jhi-modeling-exercise-detail',
     templateUrl: './modeling-exercise-detail.component.html',
+    imports: [TranslateDirective, DocumentationButtonComponent, NonProgrammingExerciseDetailCommonActionsComponent, ExerciseDetailStatisticsComponent, DetailOverviewListComponent],
 })
 export class ModelingExerciseDetailComponent implements OnInit, OnDestroy {
+    private eventManager = inject(EventManager);
+    private modelingExerciseService = inject(ModelingExerciseService);
+    private route = inject(ActivatedRoute);
+    private artemisMarkdown = inject(ArtemisMarkdownService);
+    private alertService = inject(AlertService);
+    private statisticsService = inject(StatisticsService);
+    private accountService = inject(AccountService);
+    private profileService = inject(ProfileService);
+
     readonly documentationType: DocumentationType = 'Model';
     readonly ExerciseType = ExerciseType;
     readonly dayjs = dayjs;
@@ -52,17 +67,6 @@ export class ModelingExerciseDetailComponent implements OnInit, OnDestroy {
     isAdmin = false;
     isApollonProfileActive = false;
 
-    constructor(
-        private eventManager: EventManager,
-        private modelingExerciseService: ModelingExerciseService,
-        private route: ActivatedRoute,
-        private artemisMarkdown: ArtemisMarkdownService,
-        private alertService: AlertService,
-        private statisticsService: StatisticsService,
-        private accountService: AccountService,
-        private profileService: ProfileService,
-    ) {}
-
     ngOnInit() {
         this.isAdmin = this.accountService.isAdmin();
         this.subscription = this.route.params.subscribe((params) => {
diff --git a/src/main/webapp/app/exercises/modeling/manage/modeling-exercise-paging.service.ts b/src/main/webapp/app/exercises/modeling/manage/modeling-exercise-paging.service.ts
index d7038c75bad7..33b28ca196dd 100644
--- a/src/main/webapp/app/exercises/modeling/manage/modeling-exercise-paging.service.ts
+++ b/src/main/webapp/app/exercises/modeling/manage/modeling-exercise-paging.service.ts
@@ -1,5 +1,5 @@
 import { HttpClient } from '@angular/common/http';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ModelingExercise } from 'app/entities/modeling-exercise.model';
 import { ExercisePagingService } from 'app/exercises/shared/manage/exercise-paging.service';
 
@@ -7,7 +7,9 @@ import { ExercisePagingService } from 'app/exercises/shared/manage/exercise-pagi
 export class ModelingExercisePagingService extends ExercisePagingService<ModelingExercise> {
     private static readonly RESOURCE_URL = 'api/modeling-exercises';
 
-    constructor(http: HttpClient) {
+    constructor() {
+        const http = inject(HttpClient);
+
         super(http, ModelingExercisePagingService.RESOURCE_URL);
     }
 }
diff --git a/src/main/webapp/app/exercises/modeling/manage/modeling-exercise-resolver.service.ts b/src/main/webapp/app/exercises/modeling/manage/modeling-exercise-resolver.service.ts
index 3744c119d2bc..7fa79cb8a351 100644
--- a/src/main/webapp/app/exercises/modeling/manage/modeling-exercise-resolver.service.ts
+++ b/src/main/webapp/app/exercises/modeling/manage/modeling-exercise-resolver.service.ts
@@ -5,7 +5,7 @@ import { ExerciseGroupService } from 'app/exam/manage/exercise-groups/exercise-g
 import { ExerciseGroup } from 'app/entities/exercise-group.model';
 import { Course } from 'app/entities/course.model';
 import { ActivatedRouteSnapshot, Resolve } from '@angular/router';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpResponse } from '@angular/common/http';
 import { filter, map } from 'rxjs/operators';
 import { of } from 'rxjs';
@@ -13,11 +13,9 @@ import { UMLDiagramType } from '@ls1intum/apollon';
 
 @Injectable({ providedIn: 'root' })
 export class ModelingExerciseResolver implements Resolve<ModelingExercise> {
-    constructor(
-        private modelingExerciseService: ModelingExerciseService,
-        private courseService: CourseManagementService,
-        private exerciseGroupService: ExerciseGroupService,
-    ) {}
+    private modelingExerciseService = inject(ModelingExerciseService);
+    private courseService = inject(CourseManagementService);
+    private exerciseGroupService = inject(ExerciseGroupService);
 
     resolve(route: ActivatedRouteSnapshot) {
         if (route.params['exerciseId']) {
diff --git a/src/main/webapp/app/exercises/modeling/manage/modeling-exercise-update.component.ts b/src/main/webapp/app/exercises/modeling/manage/modeling-exercise-update.component.ts
index 18faee221f26..e5fb402000db 100644
--- a/src/main/webapp/app/exercises/modeling/manage/modeling-exercise-update.component.ts
+++ b/src/main/webapp/app/exercises/modeling/manage/modeling-exercise-update.component.ts
@@ -1,7 +1,12 @@
-import { AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild } from '@angular/core';
+import { AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild, inject } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { HttpErrorResponse } from '@angular/common/http';
 import { ModelingExercise } from 'app/entities/modeling-exercise.model';
+import { DifficultyPickerComponent } from 'app/exercises/shared/difficulty-picker/difficulty-picker.component';
+import { ExerciseFeedbackSuggestionOptionsComponent } from 'app/exercises/shared/feedback-suggestion/exercise-feedback-suggestion-options.component';
+import { IncludedInOverallScorePickerComponent } from 'app/exercises/shared/included-in-overall-score-picker/included-in-overall-score-picker.component';
+import { PresentationScoreComponent } from 'app/exercises/shared/presentation-score/presentation-score.component';
+import { GradingInstructionsDetailsComponent } from 'app/exercises/shared/structured-grading-criterion/grading-instructions-details/grading-instructions-details.component';
 import { ModelingExerciseService } from './modeling-exercise.service';
 import { CourseManagementService } from 'app/course/manage/course-management.service';
 import { ExerciseService } from 'app/exercises/shared/exercise/exercise.service';
@@ -26,23 +31,69 @@ import { loadCourseExerciseCategories } from 'app/exercises/shared/course-exerci
 import { FormSectionStatus } from 'app/forms/form-status-bar/form-status-bar.component';
 import { Subscription } from 'rxjs';
 import { ExerciseTitleChannelNameComponent } from 'app/exercises/shared/exercise-title-channel-name/exercise-title-channel-name.component';
-import { NgModel } from '@angular/forms';
+import { FormsModule, NgModel } from '@angular/forms';
 import { ExerciseUpdatePlagiarismComponent } from 'app/exercises/shared/plagiarism/exercise-update-plagiarism/exercise-update-plagiarism.component';
 import { TeamConfigFormGroupComponent } from 'app/exercises/shared/team-config-form-group/team-config-form-group.component';
 import { FormDateTimePickerComponent } from 'app/shared/date-time-picker/date-time-picker.component';
 import { FormulaAction } from 'app/shared/monaco-editor/model/actions/formula.action';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { DocumentationButtonComponent } from 'app/shared/components/documentation-button/documentation-button.component';
+import { FormStatusBarComponent } from 'app/forms/form-status-bar/form-status-bar.component';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { CategorySelectorComponent } from 'app/shared/category-selector/category-selector.component';
+import { MarkdownEditorMonacoComponent } from 'app/shared/markdown-editor/monaco/markdown-editor-monaco.component';
+import { CompetencySelectionComponent } from 'app/shared/competency-selection/competency-selection.component';
+import { CustomMinDirective } from 'app/shared/validators/custom-min-validator.directive';
+import { CustomMaxDirective } from 'app/shared/validators/custom-max-validator.directive';
+import { FormFooterComponent } from 'app/forms/form-footer/form-footer.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-modeling-exercise-update',
     templateUrl: './modeling-exercise-update.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [
+        FormsModule,
+        TranslateDirective,
+        DocumentationButtonComponent,
+        FormStatusBarComponent,
+        ExerciseTitleChannelNameComponent,
+        HelpIconComponent,
+        CategorySelectorComponent,
+        DifficultyPickerComponent,
+        TeamConfigFormGroupComponent,
+        MarkdownEditorMonacoComponent,
+        CompetencySelectionComponent,
+        ModelingEditorComponent,
+        FormDateTimePickerComponent,
+        IncludedInOverallScorePickerComponent,
+        CustomMinDirective,
+        CustomMaxDirective,
+        ExerciseFeedbackSuggestionOptionsComponent,
+        ExerciseUpdatePlagiarismComponent,
+        PresentationScoreComponent,
+        GradingInstructionsDetailsComponent,
+        FormFooterComponent,
+        ArtemisTranslatePipe,
+    ],
 })
 export class ModelingExerciseUpdateComponent implements AfterViewInit, OnDestroy, OnInit {
+    private alertService = inject(AlertService);
+    private modelingExerciseService = inject(ModelingExerciseService);
+    private modalService = inject(NgbModal);
+    private popupService = inject(ExerciseUpdateWarningService);
+    private courseService = inject(CourseManagementService);
+    private exerciseService = inject(ExerciseService);
+    private exerciseGroupService = inject(ExerciseGroupService);
+    private eventManager = inject(EventManager);
+    private activatedRoute = inject(ActivatedRoute);
+    private navigationUtilService = inject(ArtemisNavigationUtilService);
+    private changeDetectorRef = inject(ChangeDetectorRef);
+
     @ViewChild(ExerciseTitleChannelNameComponent) exerciseTitleChannelNameComponent: ExerciseTitleChannelNameComponent;
     @ViewChild(ExerciseUpdatePlagiarismComponent) exerciseUpdatePlagiarismComponent?: ExerciseUpdatePlagiarismComponent;
     @ViewChild(TeamConfigFormGroupComponent) teamConfigFormGroupComponent?: TeamConfigFormGroupComponent;
-    @ViewChild(ModelingEditorComponent, { static: false })
-    modelingEditor?: ModelingEditorComponent;
+    @ViewChild(ModelingEditorComponent, { static: false }) modelingEditor?: ModelingEditorComponent;
     @ViewChild('bonusPoints') bonusPoints?: NgModel;
     @ViewChild('points') points?: NgModel;
     @ViewChild('solutionPublicationDate') solutionPublicationDateField?: FormDateTimePickerComponent;
@@ -80,20 +131,6 @@ export class ModelingExerciseUpdateComponent implements AfterViewInit, OnDestroy
     plagiarismSubscription?: Subscription;
     teamSubscription?: Subscription;
 
-    constructor(
-        private alertService: AlertService,
-        private modelingExerciseService: ModelingExerciseService,
-        private modalService: NgbModal,
-        private popupService: ExerciseUpdateWarningService,
-        private courseService: CourseManagementService,
-        private exerciseService: ExerciseService,
-        private exerciseGroupService: ExerciseGroupService,
-        private eventManager: EventManager,
-        private activatedRoute: ActivatedRoute,
-        private navigationUtilService: ArtemisNavigationUtilService,
-        private changeDetectorRef: ChangeDetectorRef,
-    ) {}
-
     get editType(): EditType {
         if (this.isImport) {
             return EditType.IMPORT;
diff --git a/src/main/webapp/app/exercises/modeling/manage/modeling-exercise.component.ts b/src/main/webapp/app/exercises/modeling/manage/modeling-exercise.component.ts
index e1ea83ce136e..070f9134faf9 100644
--- a/src/main/webapp/app/exercises/modeling/manage/modeling-exercise.component.ts
+++ b/src/main/webapp/app/exercises/modeling/manage/modeling-exercise.component.ts
@@ -11,10 +11,20 @@ import { AlertService } from 'app/core/util/alert.service';
 import { faBook, faPlus, faSort, faTable, faTimes, faTrash, faUsers, faWrench } from '@fortawesome/free-solid-svg-icons';
 import { faListAlt } from '@fortawesome/free-regular-svg-icons';
 import { CourseExerciseService } from 'app/exercises/shared/course-exercises/course-exercise.service';
+import { SortDirective } from 'app/shared/sort/sort.directive';
+import { FormsModule } from '@angular/forms';
+import { SortByDirective } from 'app/shared/sort/sort-by.directive';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { RouterLink } from '@angular/router';
+import { ExerciseCategoriesComponent } from 'app/shared/exercise-categories/exercise-categories.component';
+import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
 
 @Component({
     selector: 'jhi-modeling-exercise',
     templateUrl: './modeling-exercise.component.html',
+    imports: [SortDirective, FormsModule, SortByDirective, TranslateDirective, FaIconComponent, RouterLink, ExerciseCategoriesComponent, DeleteButtonDirective, ArtemisDatePipe],
 })
 export class ModelingExerciseComponent extends ExerciseComponent {
     protected exerciseService = inject(ExerciseService);
diff --git a/src/main/webapp/app/exercises/modeling/manage/modeling-exercise.module.ts b/src/main/webapp/app/exercises/modeling/manage/modeling-exercise.module.ts
index 752915ce1096..3e5a9684b5b4 100644
--- a/src/main/webapp/app/exercises/modeling/manage/modeling-exercise.module.ts
+++ b/src/main/webapp/app/exercises/modeling/manage/modeling-exercise.module.ts
@@ -26,7 +26,7 @@ import { ExerciseUpdateNotificationModule } from 'app/exercises/shared/exercise-
 import { ExerciseUpdatePlagiarismModule } from 'app/exercises/shared/plagiarism/exercise-update-plagiarism/exercise-update-plagiarism.module';
 import { DetailModule } from 'app/detail-overview-list/detail.module';
 import { ArtemisExerciseModule } from 'app/exercises/shared/exercise/exercise.module';
-import { FormsModule } from 'app/forms/forms.module';
+import { ArtemisFormsModule } from 'app/forms/artemis-forms.module';
 import { ExerciseFeedbackSuggestionOptionsModule } from 'app/exercises/shared/feedback-suggestion/exercise-feedback-suggestion-options.module';
 
 @NgModule({
@@ -56,9 +56,11 @@ import { ExerciseFeedbackSuggestionOptionsModule } from 'app/exercises/shared/fe
         ExerciseUpdatePlagiarismModule,
         ExerciseFeedbackSuggestionOptionsModule,
         DetailModule,
-        FormsModule,
+        ArtemisFormsModule,
+        ModelingExerciseComponent,
+        ModelingExerciseDetailComponent,
+        ModelingExerciseUpdateComponent,
     ],
-    declarations: [ModelingExerciseComponent, ModelingExerciseDetailComponent, ModelingExerciseUpdateComponent],
     exports: [ModelingExerciseComponent],
 })
 export class ArtemisModelingExerciseModule {}
diff --git a/src/main/webapp/app/exercises/modeling/manage/modeling-exercise.route.ts b/src/main/webapp/app/exercises/modeling/manage/modeling-exercise.route.ts
index 01b6d2a081bd..aae78b63a80b 100644
--- a/src/main/webapp/app/exercises/modeling/manage/modeling-exercise.route.ts
+++ b/src/main/webapp/app/exercises/modeling/manage/modeling-exercise.route.ts
@@ -1,18 +1,15 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
-import { ModelingExerciseDetailComponent } from './modeling-exercise-detail.component';
-import { ModelingExerciseUpdateComponent } from 'app/exercises/modeling/manage/modeling-exercise-update.component';
-import { PlagiarismInspectorComponent } from 'app/exercises/shared/plagiarism/plagiarism-inspector/plagiarism-inspector.component';
+
 import { Authority } from 'app/shared/constants/authority.constants';
-import { ExerciseStatisticsComponent } from 'app/exercises/shared/statistics/exercise-statistics.component';
-import { ExampleSubmissionsComponent } from 'app/exercises/shared/example-submission/example-submissions.component';
+
 import { ModelingExerciseResolver } from 'app/exercises/modeling/manage/modeling-exercise-resolver.service';
 
 export const routes: Routes = [
     {
         path: ':courseId/modeling-exercises/new',
-        component: ModelingExerciseUpdateComponent,
+        loadComponent: () => import('app/exercises/modeling/manage/modeling-exercise-update.component').then((m) => m.ModelingExerciseUpdateComponent),
         resolve: {
             modelingExercise: ModelingExerciseResolver,
         },
@@ -24,7 +21,7 @@ export const routes: Routes = [
     },
     {
         path: ':courseId/modeling-exercises/:exerciseId/edit',
-        component: ModelingExerciseUpdateComponent,
+        loadComponent: () => import('app/exercises/modeling/manage/modeling-exercise-update.component').then((m) => m.ModelingExerciseUpdateComponent),
         resolve: {
             modelingExercise: ModelingExerciseResolver,
         },
@@ -36,7 +33,7 @@ export const routes: Routes = [
     },
     {
         path: ':courseId/modeling-exercises/:exerciseId/import',
-        component: ModelingExerciseUpdateComponent,
+        loadComponent: () => import('app/exercises/modeling/manage/modeling-exercise-update.component').then((m) => m.ModelingExerciseUpdateComponent),
         resolve: {
             modelingExercise: ModelingExerciseResolver,
         },
@@ -48,7 +45,7 @@ export const routes: Routes = [
     },
     {
         path: ':courseId/modeling-exercises/:exerciseId',
-        component: ModelingExerciseDetailComponent,
+        loadComponent: () => import('./modeling-exercise-detail.component').then((m) => m.ModelingExerciseDetailComponent),
         data: {
             authorities: [Authority.TA, Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.modelingExercise.home.title',
@@ -57,7 +54,7 @@ export const routes: Routes = [
     },
     {
         path: ':courseId/modeling-exercises/:exerciseId/example-submissions',
-        component: ExampleSubmissionsComponent,
+        loadComponent: () => import('app/exercises/shared/example-submission/example-submissions.component').then((m) => m.ExampleSubmissionsComponent),
         resolve: {
             exercise: ModelingExerciseResolver,
         },
@@ -69,7 +66,7 @@ export const routes: Routes = [
     },
     {
         path: ':courseId/modeling-exercises/:exerciseId/plagiarism',
-        component: PlagiarismInspectorComponent,
+        loadComponent: () => import('app/exercises/shared/plagiarism/plagiarism-inspector/plagiarism-inspector.component').then((m) => m.PlagiarismInspectorComponent),
         resolve: {
             exercise: ModelingExerciseResolver,
         },
@@ -85,7 +82,7 @@ export const routes: Routes = [
     },
     {
         path: ':courseId/modeling-exercises/:exerciseId/exercise-statistics',
-        component: ExerciseStatisticsComponent,
+        loadComponent: () => import('app/exercises/shared/statistics/exercise-statistics.component').then((m) => m.ExerciseStatisticsComponent),
         resolve: {
             exercise: ModelingExerciseResolver,
         },
diff --git a/src/main/webapp/app/exercises/modeling/manage/modeling-exercise.service.ts b/src/main/webapp/app/exercises/modeling/manage/modeling-exercise.service.ts
index a56210f6e655..da4833981af3 100644
--- a/src/main/webapp/app/exercises/modeling/manage/modeling-exercise.service.ts
+++ b/src/main/webapp/app/exercises/modeling/manage/modeling-exercise.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { map, tap } from 'rxjs/operators';
@@ -15,13 +15,15 @@ export type EntityArrayResponseType = HttpResponse<ModelingExercise[]>;
 
 @Injectable({ providedIn: 'root' })
 export class ModelingExerciseService implements ExerciseServicable<ModelingExercise> {
+    private http = inject(HttpClient);
+    private exerciseService = inject(ExerciseService);
+
     public resourceUrl = 'api/modeling-exercises';
     public adminResourceUrl = 'api/admin/modeling-exercises';
 
-    constructor(
-        private http: HttpClient,
-        private exerciseService: ExerciseService,
-    ) {
+    constructor() {
+        const exerciseService = this.exerciseService;
+
         this.exerciseService = exerciseService;
     }
 
diff --git a/src/main/webapp/app/exercises/modeling/participate/modeling-participation.module.ts b/src/main/webapp/app/exercises/modeling/participate/modeling-participation.module.ts
index f558adc3103e..be5a3969b048 100644
--- a/src/main/webapp/app/exercises/modeling/participate/modeling-participation.module.ts
+++ b/src/main/webapp/app/exercises/modeling/participate/modeling-participation.module.ts
@@ -8,7 +8,7 @@ import { ArtemisModelingEditorModule } from 'app/exercises/modeling/shared/model
 import { ModelingAssessmentModule } from 'app/exercises/modeling/assess/modeling-assessment.module';
 import { ArtemisModelingParticipationRoutingModule } from 'app/exercises/modeling/participate/modeling-participation.route';
 import { ArtemisHeaderExercisePageWithDetailsModule } from 'app/exercises/shared/exercise-headers/exercise-headers.module';
-import { ArtemisTeamSubmissionSyncModule } from 'app/exercises/shared/team-submission-sync/team-submission-sync.module';
+
 import { ArtemisFullscreenModule } from 'app/shared/fullscreen/fullscreen.module';
 import { RatingModule } from 'app/exercises/shared/rating/rating.module';
 import { ArtemisMarkdownModule } from 'app/shared/markdown.module';
@@ -25,14 +25,13 @@ import { RequestFeedbackButtonComponent } from 'app/overview/exercise-details/re
         ArtemisModelingParticipationRoutingModule,
         ArtemisHeaderExercisePageWithDetailsModule,
         ModelingAssessmentModule,
-        ArtemisTeamSubmissionSyncModule,
         ArtemisFullscreenModule,
         RatingModule,
         ArtemisMarkdownModule,
         ArtemisTeamParticipeModule,
         RequestFeedbackButtonComponent,
+        ModelingSubmissionComponent,
     ],
-    declarations: [ModelingSubmissionComponent],
     exports: [ModelingSubmissionComponent],
 })
 export class ArtemisModelingParticipationModule {}
diff --git a/src/main/webapp/app/exercises/modeling/participate/modeling-participation.route.ts b/src/main/webapp/app/exercises/modeling/participate/modeling-participation.route.ts
index 1c460eee70b0..d8cdb2396651 100644
--- a/src/main/webapp/app/exercises/modeling/participate/modeling-participation.route.ts
+++ b/src/main/webapp/app/exercises/modeling/participate/modeling-participation.route.ts
@@ -2,13 +2,13 @@ import { NgModule } from '@angular/core';
 import { PendingChangesGuard } from 'app/shared/guard/pending-changes.guard';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
 import { RouterModule, Routes } from '@angular/router';
-import { ModelingSubmissionComponent } from './modeling-submission.component';
+
 import { Authority } from 'app/shared/constants/authority.constants';
 
 export const routes: Routes = [
     {
         path: 'participate/:participationId',
-        component: ModelingSubmissionComponent,
+        loadComponent: () => import('./modeling-submission.component').then((m) => m.ModelingSubmissionComponent),
         data: {
             authorities: [Authority.USER],
             pageTitle: 'artemisApp.modelingExercise.home.title',
@@ -18,7 +18,7 @@ export const routes: Routes = [
     },
     {
         path: 'participate/:participationId/submission/:submissionId',
-        component: ModelingSubmissionComponent,
+        loadComponent: () => import('./modeling-submission.component').then((m) => m.ModelingSubmissionComponent),
         data: {
             authorities: [Authority.USER],
             pageTitle: 'artemisApp.modelingExercise.home.title',
diff --git a/src/main/webapp/app/exercises/modeling/participate/modeling-submission.component.ts b/src/main/webapp/app/exercises/modeling/participate/modeling-submission.component.ts
index b77b05f098dd..a896d312a93e 100644
--- a/src/main/webapp/app/exercises/modeling/participate/modeling-submission.component.ts
+++ b/src/main/webapp/app/exercises/modeling/participate/modeling-submission.component.ts
@@ -1,8 +1,7 @@
 import { HttpErrorResponse } from '@angular/common/http';
-import { Component, Input, OnDestroy, OnInit, ViewChild } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
+import { Component, Input, OnDestroy, OnInit, ViewChild, inject } from '@angular/core';
+import { ActivatedRoute, RouterLink } from '@angular/router';
 import { Patch, Selection, UMLDiagramType, UMLElementType, UMLModel, UMLRelationshipType } from '@ls1intum/apollon';
-import { TranslateService } from '@ngx-translate/core';
 import { JhiWebsocketService } from 'app/core/websocket/websocket.service';
 import { ComplaintType } from 'app/entities/complaint.model';
 import { Feedback, buildFeedbackTextForReview, checkSubsequentFeedbackInAssessment } from 'app/entities/feedback.model';
@@ -14,9 +13,13 @@ import { getFirstResultWithComplaint, getLatestSubmissionResult } from 'app/enti
 import { ModelingAssessmentService } from 'app/exercises/modeling/assess/modeling-assessment.service';
 import { ModelingSubmissionService } from 'app/exercises/modeling/participate/modeling-submission.service';
 import { ModelingEditorComponent } from 'app/exercises/modeling/shared/modeling-editor.component';
+import { HeaderParticipationPageComponent } from 'app/exercises/shared/exercise-headers/header-participation-page.component';
 import { getExerciseDueDate, hasExerciseDueDatePassed } from 'app/exercises/shared/exercise/exercise.utils';
+import { RatingComponent } from 'app/exercises/shared/rating/rating.component';
 import { addParticipationToResult, getUnreferencedFeedback } from 'app/exercises/shared/result/result.utils';
 import { AccountService } from 'app/core/auth/account.service';
+import { TeamSubmissionSyncComponent } from 'app/exercises/shared/team-submission-sync/team-submission-sync.component';
+import { TeamParticipateInfoBoxComponent } from 'app/exercises/shared/team/team-participate/team-participate-info-box.component';
 import { GuidedTourService } from 'app/guided-tour/guided-tour.service';
 import { modelingTour } from 'app/guided-tour/tours/modeling-tour';
 import { ParticipationWebsocketService } from 'app/overview/participation-websocket.service';
@@ -39,29 +42,74 @@ import { AssessmentType } from 'app/entities/assessment-type.model';
 import { catchError, filter, skip, switchMap, tap } from 'rxjs/operators';
 import { onError } from 'app/shared/util/global.utils';
 import { of } from 'rxjs';
+import { ButtonComponent } from 'app/shared/components/button.component';
+import { RequestFeedbackButtonComponent } from 'app/overview/exercise-details/request-feedback-button/request-feedback-button.component';
+import { ResultHistoryComponent } from 'app/overview/result-history/result-history.component';
+import { ResizeableContainerComponent } from 'app/shared/resizeable-container/resizeable-container.component';
+import { FullscreenComponent } from 'app/shared/fullscreen/fullscreen.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ModelingAssessmentComponent } from '../assess/modeling-assessment.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { DecimalPipe, NgClass } from '@angular/common';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { AdditionalFeedbackComponent } from 'app/shared/additional-feedback/additional-feedback.component';
+import { ComplaintsStudentViewComponent } from 'app/complaints/complaints-for-students/complaints-student-view.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { HtmlForMarkdownPipe } from 'app/shared/pipes/html-for-markdown.pipe';
 
 @Component({
     selector: 'jhi-modeling-submission',
     templateUrl: './modeling-submission.component.html',
     styleUrls: ['./modeling-submission.component.scss'],
+    imports: [
+        HeaderParticipationPageComponent,
+        ButtonComponent,
+        RouterLink,
+        RequestFeedbackButtonComponent,
+        ResultHistoryComponent,
+        ResizeableContainerComponent,
+        TeamParticipateInfoBoxComponent,
+        FullscreenComponent,
+        ModelingEditorComponent,
+        FaIconComponent,
+        TeamSubmissionSyncComponent,
+        ModelingAssessmentComponent,
+        TranslateDirective,
+        NgClass,
+        NgbTooltip,
+        AdditionalFeedbackComponent,
+        RatingComponent,
+        ComplaintsStudentViewComponent,
+        DecimalPipe,
+        ArtemisTranslatePipe,
+        HtmlForMarkdownPipe,
+    ],
 })
 export class ModelingSubmissionComponent implements OnInit, OnDestroy, ComponentCanDeactivate {
+    private jhiWebsocketService = inject(JhiWebsocketService);
+    private modelingSubmissionService = inject(ModelingSubmissionService);
+    private modelingAssessmentService = inject(ModelingAssessmentService);
+    private alertService = inject(AlertService);
+    private route = inject(ActivatedRoute);
+    private participationWebsocketService = inject(ParticipationWebsocketService);
+    private guidedTourService = inject(GuidedTourService);
+    private accountService = inject(AccountService);
+
     readonly addParticipationToResult = addParticipationToResult;
     readonly buildFeedbackTextForReview = buildFeedbackTextForReview;
+    readonly ButtonType = ButtonType;
 
-    @ViewChild(ModelingEditorComponent, { static: false })
-    modelingEditor: ModelingEditorComponent;
-    ButtonType = ButtonType;
+    @ViewChild(ModelingEditorComponent, { static: false }) modelingEditor: ModelingEditorComponent;
 
     @Input() participationId?: number;
-    @Input() displayHeader: boolean = true;
-    @Input() isPrinting?: boolean = false;
-    @Input() expandProblemStatement?: boolean = false;
-
     @Input() inputExercise?: ModelingExercise;
     @Input() inputSubmission?: ModelingSubmission;
     @Input() inputParticipation?: StudentParticipation;
+
     @Input() isExamSummary = false;
+    @Input() displayHeader = true;
+    @Input() isPrinting = false;
+    @Input() expandProblemStatement = false;
 
     private subscription: Subscription;
     private manualResultUpdateListener: Subscription;
@@ -91,11 +139,11 @@ export class ModelingSubmissionComponent implements OnInit, OnDestroy, Component
 
     umlModel: UMLModel; // input model for Apollon
     hasElements = false; // indicates if the current model has at least one element
-    isSaving: boolean;
+    isSaving = false;
     isChanged: boolean;
     retryStarted = false;
     autoSaveInterval: number;
-    autoSaveTimer: number;
+    autoSaveTimer = 0;
 
     explanation: string; // current explanation on text editor
 
@@ -103,7 +151,7 @@ export class ModelingSubmissionComponent implements OnInit, OnDestroy, Component
 
     // indicates if the assessment due date is in the past. the assessment will not be loaded and displayed to the student if it is not.
     isAfterAssessmentDueDate: boolean;
-    isLoading: boolean;
+    isLoading = true;
     isLate: boolean; // indicates if the submission is late
     isGeneratingFeedback: boolean;
     ComplaintType = ComplaintType;
@@ -111,8 +159,8 @@ export class ModelingSubmissionComponent implements OnInit, OnDestroy, Component
 
     // submission sync with team members
     private submissionChange = new Subject<ModelingSubmission>();
-    submissionObservable = this.submissionChange.asObservable();
-    submissionPatchObservable = new Subject<SubmissionPatch>();
+    protected submissionObservable = this.submissionChange.asObservable();
+    protected submissionPatchObservable = new Subject<SubmissionPatch>();
 
     // private modelingEditorInitialized = new ReplaySubject<void>();
     resizeOptions = { verticalResize: true };
@@ -124,24 +172,8 @@ export class ModelingSubmissionComponent implements OnInit, OnDestroy, Component
     faTimeline = faTimeline;
 
     // mode
-    isFeedbackView: boolean = false;
-    showResultHistory: boolean = false;
-
-    constructor(
-        private jhiWebsocketService: JhiWebsocketService,
-        private modelingSubmissionService: ModelingSubmissionService,
-        private modelingAssessmentService: ModelingAssessmentService,
-        private alertService: AlertService,
-        private route: ActivatedRoute,
-        private translateService: TranslateService,
-        private participationWebsocketService: ParticipationWebsocketService,
-        private guidedTourService: GuidedTourService,
-        private accountService: AccountService,
-    ) {
-        this.isSaving = false;
-        this.autoSaveTimer = 0;
-        this.isLoading = true;
-    }
+    isFeedbackView = false;
+    showResultHistory = false;
 
     ngOnInit(): void {
         if (this.inputValuesArePresent()) {
@@ -255,11 +287,7 @@ export class ModelingSubmissionComponent implements OnInit, OnDestroy, Component
             this.participation = this.inputParticipation;
         }
 
-        if (this.submission.model) {
-            this.umlModel = JSON.parse(this.submission.model);
-            this.hasElements = this.umlModel.elements && Object.values(this.umlModel.elements).length !== 0;
-        }
-        this.explanation = this.submission.explanationText ?? '';
+        this.updateModelAndExplanation();
     }
 
     /**
@@ -314,11 +342,9 @@ export class ModelingSubmissionComponent implements OnInit, OnDestroy, Component
             dayjs(this.participation.initializationDate).isAfter(getExerciseDueDate(this.modelingExercise, this.participation));
 
         this.isAfterAssessmentDueDate = !this.modelingExercise.assessmentDueDate || dayjs().isAfter(this.modelingExercise.assessmentDueDate);
-        if (this.submission.model) {
-            this.umlModel = JSON.parse(this.submission.model);
-            this.hasElements = this.umlModel.elements && Object.values(this.umlModel.elements).length !== 0;
-        }
-        this.explanation = this.submission.explanationText ?? '';
+
+        this.updateModelAndExplanation();
+
         this.subscribeToWebsockets();
         if ((getLatestSubmissionResult(this.submission) && this.isAfterAssessmentDueDate) || this.isFeedbackView) {
             this.result = getLatestSubmissionResult(this.submission);
@@ -342,6 +368,14 @@ export class ModelingSubmissionComponent implements OnInit, OnDestroy, Component
         this.guidedTourService.enableTourForExercise(this.modelingExercise, modelingTour, true);
     }
 
+    private updateModelAndExplanation(): void {
+        if (this.submission.model) {
+            this.umlModel = JSON.parse(this.submission.model);
+            this.hasElements = this.umlModel.elements && Object.values(this.umlModel.elements).length !== 0;
+        }
+        this.explanation = this.submission.explanationText ?? '';
+    }
+
     /**
      * If the submission is submitted, subscribe to new results for the participation.
      * Otherwise, subscribe to the automatic submission (which happens when the submission is un-submitted and the exercise due date is over).
diff --git a/src/main/webapp/app/exercises/modeling/participate/modeling-submission.service.ts b/src/main/webapp/app/exercises/modeling/participate/modeling-submission.service.ts
index 9da063181dbe..2fb2188d001c 100644
--- a/src/main/webapp/app/exercises/modeling/participate/modeling-submission.service.ts
+++ b/src/main/webapp/app/exercises/modeling/participate/modeling-submission.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpParams, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { map } from 'rxjs/operators';
@@ -12,12 +12,10 @@ export type EntityResponseType = HttpResponse<ModelingSubmission>;
 
 @Injectable({ providedIn: 'root' })
 export class ModelingSubmissionService {
-    public resourceUrl = 'api';
+    private http = inject(HttpClient);
+    private submissionService = inject(SubmissionService);
 
-    constructor(
-        private http: HttpClient,
-        private submissionService: SubmissionService,
-    ) {}
+    public resourceUrl = 'api';
 
     /**
      * Create a new modeling submission
diff --git a/src/main/webapp/app/exercises/modeling/shared/modeling-editor.component.ts b/src/main/webapp/app/exercises/modeling/shared/modeling-editor.component.ts
index f9e488df0298..09c5b76ce6b3 100644
--- a/src/main/webapp/app/exercises/modeling/shared/modeling-editor.component.ts
+++ b/src/main/webapp/app/exercises/modeling/shared/modeling-editor.component.ts
@@ -1,4 +1,4 @@
-import { AfterViewInit, Component, EventEmitter, Input, OnChanges, OnDestroy, Output, SimpleChanges, ViewEncapsulation } from '@angular/core';
+import { AfterViewInit, Component, EventEmitter, Input, OnChanges, OnDestroy, Output, SimpleChanges, ViewEncapsulation, inject } from '@angular/core';
 import { ApollonEditor, ApollonMode, SVG, UMLDiagramType, UMLElementType, UMLModel, UMLRelationship, UMLRelationshipType } from '@ls1intum/apollon';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 import { associationUML, personUML, studentUML } from 'app/guided-tour/guided-tour-task.model';
@@ -9,14 +9,23 @@ import { faQuestionCircle } from '@fortawesome/free-regular-svg-icons';
 import { ModelingComponent } from 'app/exercises/modeling/shared/modeling.component';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import { Patch } from '@ls1intum/apollon';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgClass, NgStyle } from '@angular/common';
+import { ModelingExplanationEditorComponent } from './modeling-explanation-editor.component';
 
 @Component({
     selector: 'jhi-modeling-editor',
     templateUrl: './modeling-editor.component.html',
     styleUrls: ['./modeling-editor.component.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [TranslateDirective, FaIconComponent, NgStyle, NgClass, ModelingExplanationEditorComponent],
 })
 export class ModelingEditorComponent extends ModelingComponent implements AfterViewInit, OnDestroy, OnChanges {
+    private modalService = inject(NgbModal);
+    private guidedTourService = inject(GuidedTourService);
+    private sanitizer = inject(DomSanitizer);
+
     @Input() showHelpButton = true;
     @Input() withExplanation = false;
     @Input() savedStatus?: { isChanged?: boolean; isSaving?: boolean };
@@ -42,11 +51,7 @@ export class ModelingEditorComponent extends ModelingComponent implements AfterV
     readonlyApollonDiagram?: SVG;
     readOnlySVG?: SafeHtml;
 
-    constructor(
-        private modalService: NgbModal,
-        private guidedTourService: GuidedTourService,
-        private sanitizer: DomSanitizer,
-    ) {
+    constructor() {
         super();
     }
 
diff --git a/src/main/webapp/app/exercises/modeling/shared/modeling-editor.module.ts b/src/main/webapp/app/exercises/modeling/shared/modeling-editor.module.ts
index 832db40470c3..6567fa4b7efb 100644
--- a/src/main/webapp/app/exercises/modeling/shared/modeling-editor.module.ts
+++ b/src/main/webapp/app/exercises/modeling/shared/modeling-editor.module.ts
@@ -4,8 +4,7 @@ import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { ModelingExplanationEditorComponent } from './modeling-explanation-editor.component';
 
 @NgModule({
-    imports: [ArtemisSharedModule],
-    declarations: [ModelingEditorComponent, ModelingExplanationEditorComponent],
+    imports: [ArtemisSharedModule, ModelingEditorComponent, ModelingExplanationEditorComponent],
     exports: [ModelingEditorComponent, ModelingExplanationEditorComponent],
 })
 export class ArtemisModelingEditorModule {}
diff --git a/src/main/webapp/app/exercises/modeling/shared/modeling-explanation-editor.component.ts b/src/main/webapp/app/exercises/modeling/shared/modeling-explanation-editor.component.ts
index 3319f4d2b399..079c59238e8b 100644
--- a/src/main/webapp/app/exercises/modeling/shared/modeling-explanation-editor.component.ts
+++ b/src/main/webapp/app/exercises/modeling/shared/modeling-explanation-editor.component.ts
@@ -1,33 +1,24 @@
 import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { MAX_SUBMISSION_TEXT_LENGTH } from 'app/shared/constants/input.constants';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FormsModule } from '@angular/forms';
+import { onTextEditorTab } from 'app/utils/text.utils';
 
 @Component({
     selector: 'jhi-modeling-explanation-editor',
     templateUrl: './modeling-explanation-editor.component.html',
     styleUrls: ['./modeling-explanation-editor.component.scss'],
+    imports: [TranslateDirective, FormsModule],
 })
 export class ModelingExplanationEditorComponent {
-    @Input()
-    readOnly = false;
-
-    @Input()
-    explanation: string;
-
-    @Output()
-    explanationChange = new EventEmitter();
+    @Input() readOnly = false;
+    @Input() explanation: string;
+    @Output() explanationChange = new EventEmitter();
 
     readonly maxCharacterCount = MAX_SUBMISSION_TEXT_LENGTH;
 
-    // Add tab to the value of textarea instead of moving to the next element in DOM
-    onTextEditorTab(editor: HTMLTextAreaElement, event: Event) {
-        event.preventDefault();
-        const value = editor.value;
-        const start = editor.selectionStart;
-        const end = editor.selectionEnd;
-
-        editor.value = value.substring(0, start) + '\t' + value.substring(end);
-        editor.selectionStart = editor.selectionEnd = start + 1;
-    }
+    // used in the html template
+    protected readonly onTextEditorTab = onTextEditorTab;
 
     onExplanationInput(newValue: string) {
         this.explanationChange.emit(newValue);
diff --git a/src/main/webapp/app/exercises/modeling/shared/modeling.component.ts b/src/main/webapp/app/exercises/modeling/shared/modeling.component.ts
index 51d061c46cdc..667f25718fc6 100644
--- a/src/main/webapp/app/exercises/modeling/shared/modeling.component.ts
+++ b/src/main/webapp/app/exercises/modeling/shared/modeling.component.ts
@@ -4,7 +4,9 @@ import { ApollonEditor, UMLDiagramType, UMLModel } from '@ls1intum/apollon';
 import { MODELING_EDITOR_MAX_HEIGHT, MODELING_EDITOR_MAX_WIDTH, MODELING_EDITOR_MIN_HEIGHT, MODELING_EDITOR_MIN_WIDTH } from 'app/shared/constants/modeling.constants';
 import interact from 'interactjs';
 
-@Component({ template: '' })
+@Component({
+    template: '',
+})
 export abstract class ModelingComponent {
     @ViewChild('editorContainer', { static: false }) editorContainer: ElementRef;
     @ViewChild('resizeContainer', { static: false }) resizeContainer: ElementRef;
@@ -20,8 +22,6 @@ export abstract class ModelingComponent {
     faGripLines = faGripLines;
     faGripLinesVertical = faGripLinesVertical;
 
-    protected constructor() {}
-
     protected setupInteract(): void {
         if (this.resizeOptions) {
             interact('.resizable')
diff --git a/src/main/webapp/app/exercises/programming/assess/code-editor-tutor-assessment-container.component.html b/src/main/webapp/app/exercises/programming/assess/code-editor-tutor-assessment-container.component.html
index 9382ac324adf..0ce53d07531a 100644
--- a/src/main/webapp/app/exercises/programming/assess/code-editor-tutor-assessment-container.component.html
+++ b/src/main/webapp/app/exercises/programming/assess/code-editor-tutor-assessment-container.component.html
@@ -52,35 +52,36 @@
     </jhi-assessment-layout>
 
     <ng-template #assessment>
-        <ng-container
-            *jhiExtensionPoint="
-                overrideCodeEditor;
-                context: { title: editorTitle, toolbar: editorToolbar, feedback: editorBottom, exercise: exercise, participation: participation }
-            "
-        >
-            @if (!loadingParticipation && !participationCouldNotBeFetched) {
-                <jhi-code-editor-container
-                    [editable]="false"
-                    [participation]="participation"
-                    [feedbackSuggestions]="feedbackSuggestions"
-                    [showEditorInstructions]="showEditorInstructions"
-                    [isTutorAssessment]="true"
-                    [highlightFileChanges]="true"
-                    [readOnlyManualFeedback]="readOnly()"
-                    [highlightDifferences]="highlightDifferences"
-                    [course]="getCourseFromExercise(exercise)"
-                    (onUpdateFeedback)="onUpdateFeedback($event)"
-                    (onAcceptSuggestion)="removeSuggestion($event)"
-                    (onDiscardSuggestion)="removeSuggestion($event)"
-                    (onFileLoad)="highlightChangedLines($event)"
-                >
-                    <div editorTitle *ngTemplateOutlet="editorTitle"></div>
-                    <div editorToolbar *ngTemplateOutlet="editorToolbar"></div>
-                    <ng-container editorSidebar *ngTemplateOutlet="editorSidebar" />
-                    <div class="mt-3" *ngTemplateOutlet="editorBottom" editorBottom></div>
-                </jhi-code-editor-container>
-            }
-        </ng-container>
+        <!-- TODO: the extension point for Orion does not work with Angular 19, we need to find a different solution -->
+        <!--        <ng-container-->
+        <!--            *jhiExtensionPoint="-->
+        <!--                overrideCodeEditor;-->
+        <!--                context: { title: editorTitle, toolbar: editorToolbar, feedback: editorBottom, exercise: exercise, participation: participation }-->
+        <!--            "-->
+        <!--        >-->
+        @if (!loadingParticipation && !participationCouldNotBeFetched) {
+            <jhi-code-editor-container
+                [editable]="false"
+                [participation]="participation"
+                [feedbackSuggestions]="feedbackSuggestions"
+                [showEditorInstructions]="showEditorInstructions"
+                [isTutorAssessment]="true"
+                [highlightFileChanges]="true"
+                [readOnlyManualFeedback]="readOnly()"
+                [highlightDifferences]="highlightDifferences"
+                [course]="getCourseFromExercise(exercise)"
+                (onUpdateFeedback)="onUpdateFeedback($event)"
+                (onAcceptSuggestion)="removeSuggestion($event)"
+                (onDiscardSuggestion)="removeSuggestion($event)"
+                (onFileLoad)="highlightChangedLines($event)"
+            >
+                <div editorTitle *ngTemplateOutlet="editorTitle"></div>
+                <div editorToolbar *ngTemplateOutlet="editorToolbar"></div>
+                <ng-container editorSidebar *ngTemplateOutlet="editorSidebar" />
+                <div class="mt-3" *ngTemplateOutlet="editorBottom" editorBottom></div>
+            </jhi-code-editor-container>
+        }
+        <!--        </ng-container>-->
         <!-- The templates must be outside of the ng-container, otherwise it cannot be transferred via the context -->
         <ng-template #editorTitle>
             <span>
@@ -97,28 +98,29 @@
             </span>
         </ng-template>
         <ng-template #editorToolbar>
-            <ng-container *jhiExtensionPoint="overrideExportGoToRepository">
-                @if (isAtLeastEditor && localVCEnabled && !isTestRun) {
-                    <a class="btn btn-secondary btn-sm me-2 open-repository-button" [routerLink]="localRepositoryLink" target="_blank" rel="noopener noreferrer">
-                        <fa-icon [icon]="faExternalLink" />
-                        <span jhiTranslate="artemisApp.exerciseAssessmentDashboard.programmingExercise.goToRepo"></span>
-                    </a>
-                }
-                <jhi-programming-assessment-repo-export
-                    [programmingExercises]="[exercise]"
-                    [singleParticipantMode]="true"
-                    [participationIdList]="participation ? [participation!.id!] : []"
-                />
-                @if (isAtLeastEditor && !localVCEnabled) {
-                    <a
-                        class="ms-2 me-5"
-                        href="{{ participation?.userIndependentRepositoryUri }}"
-                        target="_blank"
-                        rel="noopener noreferrer"
-                        jhiTranslate="artemisApp.exerciseAssessmentDashboard.programmingExercise.goToRepo"
-                    ></a>
-                }
-            </ng-container>
+            <!-- TODO: the extension point for Orion does not work with Angular 19, we need to find a different solution -->
+            <!--            <ng-container *jhiExtensionPoint="overrideExportGoToRepository">-->
+            @if (isAtLeastEditor && localVCEnabled && !isTestRun) {
+                <a class="btn btn-secondary btn-sm me-2 open-repository-button" [routerLink]="localRepositoryLink" target="_blank" rel="noopener noreferrer">
+                    <fa-icon [icon]="faExternalLink" />
+                    <span jhiTranslate="artemisApp.exerciseAssessmentDashboard.programmingExercise.goToRepo"></span>
+                </a>
+            }
+            <jhi-programming-assessment-repo-export
+                [programmingExercises]="[exercise]"
+                [singleParticipantMode]="true"
+                [participationIdList]="participation ? [participation!.id!] : []"
+            />
+            @if (isAtLeastEditor && !localVCEnabled) {
+                <a
+                    class="ms-2 me-5"
+                    href="{{ participation?.userIndependentRepositoryUri }}"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    jhiTranslate="artemisApp.exerciseAssessmentDashboard.programmingExercise.goToRepo"
+                ></a>
+            }
+            <!--            </ng-container>-->
             @if (participation) {
                 <jhi-result
                     [result]="manualResult"
diff --git a/src/main/webapp/app/exercises/programming/assess/code-editor-tutor-assessment-container.component.ts b/src/main/webapp/app/exercises/programming/assess/code-editor-tutor-assessment-container.component.ts
index d4100c9b0ca4..64efa9a46134 100644
--- a/src/main/webapp/app/exercises/programming/assess/code-editor-tutor-assessment-container.component.ts
+++ b/src/main/webapp/app/exercises/programming/assess/code-editor-tutor-assessment-container.component.ts
@@ -1,8 +1,11 @@
-import { Component, ContentChild, EventEmitter, Input, OnDestroy, OnInit, Output, TemplateRef, ViewChild } from '@angular/core';
+import { Component, EventEmitter, Input, OnDestroy, OnInit, Output, ViewChild, inject } from '@angular/core';
+import { IncludedInScoreBadgeComponent } from 'app/exercises/shared/exercise-headers/included-in-score-badge.component';
+import { ResultComponent } from 'app/exercises/shared/result/result.component';
+import { UnreferencedFeedbackComponent } from 'app/exercises/shared/unreferenced-feedback/unreferenced-feedback.component';
 import { Observable, Subscription, firstValueFrom } from 'rxjs';
 import dayjs from 'dayjs/esm';
 import { TranslateService } from '@ngx-translate/core';
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 import { AlertService } from 'app/core/util/alert.service';
 import { ButtonSize } from 'app/shared/components/button.component';
 import { DomainService } from 'app/exercises/programming/shared/code-editor/service/code-editor-domain.service';
@@ -15,7 +18,7 @@ import { Complaint } from 'app/entities/complaint.model';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { ProgrammingAssessmentManualResultService } from 'app/exercises/programming/assess/manual-result/programming-assessment-manual-result.service';
 import { ProgrammingSubmission } from 'app/entities/programming/programming-submission.model';
-import { Location } from '@angular/common';
+import { Location, NgTemplateOutlet } from '@angular/common';
 import { AccountService } from 'app/core/auth/account.service';
 import { ProgrammingSubmissionService } from 'app/exercises/programming/participate/programming-submission.service';
 import { ComplaintService } from 'app/complaints/complaint.service';
@@ -41,12 +44,48 @@ import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 import { AthenaService } from 'app/assessment/athena.service';
 import { FeedbackSuggestionsPendingConfirmationDialogComponent } from 'app/exercises/shared/feedback/feedback-suggestions-pending-confirmation-dialog/feedback-suggestions-pending-confirmation-dialog.component';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { AssessmentLayoutComponent } from 'app/assessment/assessment-layout/assessment-layout.component';
+import { ProgrammingAssessmentRepoExportButtonComponent } from './repo-export/programming-assessment-repo-export-button.component';
+import { AssessmentInstructionsComponent } from 'app/assessment/assessment-instructions/assessment-instructions/assessment-instructions.component';
 
 @Component({
     selector: 'jhi-code-editor-tutor-assessment',
     templateUrl: './code-editor-tutor-assessment-container.component.html',
+    imports: [
+        FaIconComponent,
+        TranslateDirective,
+        AssessmentLayoutComponent,
+        NgTemplateOutlet,
+        CodeEditorContainerComponent,
+        IncludedInScoreBadgeComponent,
+        RouterLink,
+        ProgrammingAssessmentRepoExportButtonComponent,
+        ResultComponent,
+        AssessmentInstructionsComponent,
+        UnreferencedFeedbackComponent,
+        // TODO: the extension point for Orion does not work with Angular 19, we need to find a different solution
+        // ExtensionPointDirective,
+    ],
 })
 export class CodeEditorTutorAssessmentContainerComponent implements OnInit, OnDestroy {
+    private manualResultService = inject(ProgrammingAssessmentManualResultService);
+    private router = inject(Router);
+    private location = inject(Location);
+    private accountService = inject(AccountService);
+    private programmingSubmissionService = inject(ProgrammingSubmissionService);
+    private domainService = inject(DomainService);
+    private complaintService = inject(ComplaintService);
+    private route = inject(ActivatedRoute);
+    private alertService = inject(AlertService);
+    private structuredGradingCriterionService = inject(StructuredGradingCriterionService);
+    private repositoryFileService = inject(CodeEditorRepositoryFileService);
+    private programmingExerciseService = inject(ProgrammingExerciseService);
+    private profileService = inject(ProfileService);
+    private modalService = inject(NgbModal);
+    private athenaService = inject(AthenaService);
+
     @ViewChild(CodeEditorContainerComponent, { static: false }) codeEditorContainer: CodeEditorContainerComponent;
     ButtonSize = ButtonSize;
     PROGRAMMING = ExerciseType.PROGRAMMING;
@@ -104,8 +143,9 @@ export class CodeEditorTutorAssessmentContainerComponent implements OnInit, OnDe
     templateFileSession: { [fileName: string]: string } = {};
 
     // extension points, see shared/extension-point
-    @ContentChild('overrideCodeEditor') overrideCodeEditor: TemplateRef<any>;
-    @ContentChild('overrideExportGoToRepository') overrideExportGoToRepository: TemplateRef<any>;
+    // TODO: the extension point for Orion does not work with Angular 19, we need to find a different solution
+    // @ContentChild('overrideCodeEditor') overrideCodeEditor: TemplateRef<any>;
+    // @ContentChild('overrideExportGoToRepository') overrideExportGoToRepository: TemplateRef<any>;
     // listener, will get notified upon loading of feedback
     @Output() onFeedbackLoaded = new EventEmitter();
     // function override, if set will be executed instead of going to the next submission page
@@ -122,24 +162,9 @@ export class CodeEditorTutorAssessmentContainerComponent implements OnInit, OnDe
         return this.feedbackSuggestions.filter((feedback) => !feedback.reference);
     }
 
-    constructor(
-        private manualResultService: ProgrammingAssessmentManualResultService,
-        private router: Router,
-        private location: Location,
-        private accountService: AccountService,
-        private programmingSubmissionService: ProgrammingSubmissionService,
-        private domainService: DomainService,
-        private complaintService: ComplaintService,
-        private route: ActivatedRoute,
-        private alertService: AlertService,
-        private structuredGradingCriterionService: StructuredGradingCriterionService,
-        private repositoryFileService: CodeEditorRepositoryFileService,
-        private programmingExerciseService: ProgrammingExerciseService,
-        private profileService: ProfileService,
-        private modalService: NgbModal,
-        private athenaService: AthenaService,
-        translateService: TranslateService,
-    ) {
+    constructor() {
+        const translateService = inject(TranslateService);
+
         translateService.get('artemisApp.assessment.messages.confirmCancel').subscribe((text) => (this.cancelConfirmationText = text));
         translateService.get('artemisApp.assessment.messages.acceptComplaintWithoutMoreScore').subscribe((text) => (this.acceptComplaintWithoutMoreScoreText = text));
     }
diff --git a/src/main/webapp/app/exercises/programming/assess/code-editor-tutor-assessment-inline-feedback-suggestion.component.ts b/src/main/webapp/app/exercises/programming/assess/code-editor-tutor-assessment-inline-feedback-suggestion.component.ts
index 5bef12933962..f15f909d7bff 100644
--- a/src/main/webapp/app/exercises/programming/assess/code-editor-tutor-assessment-inline-feedback-suggestion.component.ts
+++ b/src/main/webapp/app/exercises/programming/assess/code-editor-tutor-assessment-inline-feedback-suggestion.component.ts
@@ -1,13 +1,17 @@
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, Output, inject } from '@angular/core';
 import { Feedback, buildFeedbackTextForReview } from 'app/entities/feedback.model';
+import { FeedbackSuggestionBadgeComponent } from 'app/exercises/shared/feedback/feedback-suggestion-badge/feedback-suggestion-badge.component';
 import { roundValueSpecifiedByCourseSettings } from 'app/shared/util/utils';
 import { Course } from 'app/entities/course.model';
 import { faCheck, faTrash } from '@fortawesome/free-solid-svg-icons';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 @Component({
     selector: 'jhi-code-editor-tutor-assessment-inline-feedback-suggestion',
     templateUrl: './code-editor-tutor-assessment-inline-feedback-suggestion.component.html',
     styleUrls: ['./code-editor-tutor-assessment-inline-feedback-suggestion.component.scss'],
+    imports: [FeedbackSuggestionBadgeComponent, TranslateDirective, FaIconComponent],
 })
 export class CodeEditorTutorAssessmentInlineFeedbackSuggestionComponent {
     @Input()
@@ -30,9 +34,12 @@ export class CodeEditorTutorAssessmentInlineFeedbackSuggestionComponent {
     faCheck = faCheck;
     faTrash = faTrash;
 
-    public elementRef: ElementRef; // Needed for the outer editor to access the DOM node of this component
+    public elementRef: ElementRef;
+    // Needed for the outer editor to access the DOM node of this component
+
+    constructor() {
+        const elementRef = inject(ElementRef);
 
-    constructor(elementRef: ElementRef) {
         this.elementRef = elementRef;
     }
 }
diff --git a/src/main/webapp/app/exercises/programming/assess/code-editor-tutor-assessment-inline-feedback.component.ts b/src/main/webapp/app/exercises/programming/assess/code-editor-tutor-assessment-inline-feedback.component.ts
index 1687051aa12e..f1eae56d3400 100644
--- a/src/main/webapp/app/exercises/programming/assess/code-editor-tutor-assessment-inline-feedback.component.ts
+++ b/src/main/webapp/app/exercises/programming/assess/code-editor-tutor-assessment-inline-feedback.component.ts
@@ -1,5 +1,6 @@
-import { Component, ElementRef, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, Output, ViewChild, inject } from '@angular/core';
 import { Feedback, FeedbackType, buildFeedbackTextForReview } from 'app/entities/feedback.model';
+import { FeedbackSuggestionBadgeComponent } from 'app/exercises/shared/feedback/feedback-suggestion-badge/feedback-suggestion-badge.component';
 import { ButtonSize } from 'app/shared/components/button.component';
 import { cloneDeep } from 'lodash-es';
 import { TranslateService } from '@ngx-translate/core';
@@ -8,12 +9,38 @@ import { roundValueSpecifiedByCourseSettings } from 'app/shared/util/utils';
 import { Course } from 'app/entities/course.model';
 import { faBan, faExclamationTriangle, faPencilAlt, faQuestionCircle, faSave, faTrashAlt } from '@fortawesome/free-solid-svg-icons';
 import { Subject } from 'rxjs';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { GradingInstructionLinkIconComponent } from 'app/shared/grading-instruction-link-icon/grading-instruction-link-icon.component';
+import { FormsModule } from '@angular/forms';
+import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
+import { AssessmentCorrectionRoundBadgeComponent } from 'app/assessment/unreferenced-feedback-detail/assessment-correction-round-badge/assessment-correction-round-badge.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { FeedbackContentPipe } from 'app/shared/pipes/feedback-content.pipe';
+import { QuotePipe } from 'app/shared/pipes/quote.pipe';
 
 @Component({
     selector: 'jhi-code-editor-tutor-assessment-inline-feedback',
     templateUrl: './code-editor-tutor-assessment-inline-feedback.component.html',
+    imports: [
+        FeedbackSuggestionBadgeComponent,
+        TranslateDirective,
+        FaIconComponent,
+        NgbTooltip,
+        GradingInstructionLinkIconComponent,
+        FormsModule,
+        DeleteButtonDirective,
+        AssessmentCorrectionRoundBadgeComponent,
+        ArtemisTranslatePipe,
+        FeedbackContentPipe,
+        QuotePipe,
+    ],
 })
 export class CodeEditorTutorAssessmentInlineFeedbackComponent {
+    private translateService = inject(TranslateService);
+    structuredGradingCriterionService = inject(StructuredGradingCriterionService);
+
     @Input()
     get feedback(): Feedback {
         return this._feedback;
@@ -66,11 +93,9 @@ export class CodeEditorTutorAssessmentInlineFeedbackComponent {
     faTrashAlt = faTrashAlt;
     faExclamationTriangle = faExclamationTriangle;
 
-    constructor(
-        private translateService: TranslateService,
-        public structuredGradingCriterionService: StructuredGradingCriterionService,
-        elementRef: ElementRef,
-    ) {
+    constructor() {
+        const elementRef = inject(ElementRef);
+
         this.elementRef = elementRef;
     }
 
diff --git a/src/main/webapp/app/exercises/programming/assess/manual-result/programming-assessment-manual-result.service.ts b/src/main/webapp/app/exercises/programming/assess/manual-result/programming-assessment-manual-result.service.ts
index 220f3818fddf..251aa5892a57 100644
--- a/src/main/webapp/app/exercises/programming/assess/manual-result/programming-assessment-manual-result.service.ts
+++ b/src/main/webapp/app/exercises/programming/assess/manual-result/programming-assessment-manual-result.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { Observable } from 'rxjs';
 import { HttpClient, HttpParams } from '@angular/common/http';
 import { ComplaintResponse } from 'app/entities/complaint-response.model';
@@ -9,12 +9,12 @@ import { map } from 'rxjs/operators';
 
 @Injectable({ providedIn: 'root' })
 export class ProgrammingAssessmentManualResultService {
+    private http = inject(HttpClient);
+    private resultService = inject(ResultService);
+
     private resourceUrl = 'api';
+
     // TODO: It would be good to refactor the convertDate methods into a separate service, so that we don't have to import the result service here.
-    constructor(
-        private http: HttpClient,
-        private resultService: ResultService,
-    ) {}
 
     /**
      * Saves a new manual result and stores it in the server
diff --git a/src/main/webapp/app/exercises/programming/assess/programming-assessment.module.ts b/src/main/webapp/app/exercises/programming/assess/programming-assessment.module.ts
index 7ae991b6ac22..af0ce2f667ea 100644
--- a/src/main/webapp/app/exercises/programming/assess/programming-assessment.module.ts
+++ b/src/main/webapp/app/exercises/programming/assess/programming-assessment.module.ts
@@ -3,7 +3,7 @@ import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { ArtemisSharedComponentModule } from 'app/shared/components/shared-component.module';
 import { FormDateTimePickerModule } from 'app/shared/date-time-picker/date-time-picker.module';
 import { FormsModule } from '@angular/forms';
-import { FeatureToggleModule } from 'app/shared/feature-toggle/feature-toggle.module';
+
 import { ProgrammingAssessmentRepoExportButtonComponent } from 'app/exercises/programming/assess/repo-export/programming-assessment-repo-export-button.component';
 import { ProgrammingAssessmentRepoExportDialogComponent } from 'app/exercises/programming/assess/repo-export/programming-assessment-repo-export-dialog.component';
 import { ArtemisProgrammingAssessmentRoutingModule } from 'app/exercises/programming/assess/programming-assessment.route';
@@ -25,7 +25,6 @@ import { ComplaintsForTutorComponent } from 'app/complaints/complaints-for-tutor
         ArtemisSharedComponentModule,
         FormDateTimePickerModule,
         FormsModule,
-        FeatureToggleModule,
         ComplaintsForTutorComponent,
         ArtemisProgrammingAssessmentRoutingModule,
         ArtemisAssessmentSharedModule,
@@ -36,8 +35,6 @@ import { ComplaintsForTutorComponent } from 'app/complaints/complaints-for-tutor
         AssessmentInstructionsModule,
         ArtemisHeaderExercisePageWithDetailsModule,
         SubmissionResultStatusModule,
-    ],
-    declarations: [
         ProgrammingAssessmentRepoExportButtonComponent,
         ProgrammingAssessmentRepoExportDialogComponent,
         CodeEditorTutorAssessmentContainerComponent,
diff --git a/src/main/webapp/app/exercises/programming/assess/programming-manual-assessment.module.ts b/src/main/webapp/app/exercises/programming/assess/programming-manual-assessment.module.ts
index c33d739891c9..d53486a4a31a 100644
--- a/src/main/webapp/app/exercises/programming/assess/programming-manual-assessment.module.ts
+++ b/src/main/webapp/app/exercises/programming/assess/programming-manual-assessment.module.ts
@@ -20,8 +20,9 @@ import { QuotePipe } from 'app/shared/pipes/quote.pipe';
         ArtemisFeedbackModule,
         FeedbackContentPipe,
         QuotePipe,
+        CodeEditorTutorAssessmentInlineFeedbackComponent,
+        CodeEditorTutorAssessmentInlineFeedbackSuggestionComponent,
     ],
-    declarations: [CodeEditorTutorAssessmentInlineFeedbackComponent, CodeEditorTutorAssessmentInlineFeedbackSuggestionComponent],
     exports: [CodeEditorTutorAssessmentInlineFeedbackComponent, CodeEditorTutorAssessmentInlineFeedbackSuggestionComponent],
 })
 export class ArtemisProgrammingManualAssessmentModule {}
diff --git a/src/main/webapp/app/exercises/programming/assess/repo-export/programming-assessment-repo-export-button.component.ts b/src/main/webapp/app/exercises/programming/assess/repo-export/programming-assessment-repo-export-button.component.ts
index 9a2b5af07fb0..38cc387c67a4 100644
--- a/src/main/webapp/app/exercises/programming/assess/repo-export/programming-assessment-repo-export-button.component.ts
+++ b/src/main/webapp/app/exercises/programming/assess/repo-export/programming-assessment-repo-export-button.component.ts
@@ -1,10 +1,11 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Component, EventEmitter, Input, Output, inject } from '@angular/core';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 import { ProgrammingAssessmentRepoExportDialogComponent } from 'app/exercises/programming/assess/repo-export/programming-assessment-repo-export-dialog.component';
 import { FeatureToggle } from 'app/shared/feature-toggle/feature-toggle.service';
 import { ButtonSize, ButtonType } from 'app/shared/components/button.component';
 import { faDownload } from '@fortawesome/free-solid-svg-icons';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
+import { ButtonComponent } from 'app/shared/components/button.component';
 
 @Component({
     selector: 'jhi-programming-assessment-repo-export',
@@ -20,8 +21,11 @@ import { ProgrammingExercise } from 'app/entities/programming/programming-exerci
             (onClick)="openRepoExportDialog($event)"
         />
     `,
+    imports: [ButtonComponent],
 })
 export class ProgrammingAssessmentRepoExportButtonComponent {
+    private modalService = inject(NgbModal);
+
     readonly ButtonType = ButtonType;
     readonly ButtonSize = ButtonSize;
     readonly FeatureToggle = FeatureToggle;
@@ -36,8 +40,6 @@ export class ProgrammingAssessmentRepoExportButtonComponent {
     // Icons
     faDownload = faDownload;
 
-    constructor(private modalService: NgbModal) {}
-
     /**
      * Stops the propagation of the mouse event and updates the component instance
      * of the modalRef with this instance's values
diff --git a/src/main/webapp/app/exercises/programming/assess/repo-export/programming-assessment-repo-export-dialog.component.ts b/src/main/webapp/app/exercises/programming/assess/repo-export/programming-assessment-repo-export-dialog.component.ts
index e61c909e6893..41451632ef5e 100644
--- a/src/main/webapp/app/exercises/programming/assess/repo-export/programming-assessment-repo-export-dialog.component.ts
+++ b/src/main/webapp/app/exercises/programming/assess/repo-export/programming-assessment-repo-export-dialog.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input, OnInit, inject } from '@angular/core';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { AlertService } from 'app/core/util/alert.service';
 import { ProgrammingAssessmentRepoExportService, RepositoryExportOptions } from 'app/exercises/programming/assess/repo-export/programming-assessment-repo-export.service';
@@ -8,13 +8,25 @@ import { ProgrammingExercise } from 'app/entities/programming/programming-exerci
 import { ExerciseService } from 'app/exercises/shared/exercise/exercise.service';
 import { downloadZipFileFromResponse } from 'app/shared/util/download.util';
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons';
+import { FormsModule } from '@angular/forms';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { FormDateTimePickerComponent } from 'app/shared/date-time-picker/date-time-picker.component';
+import { FeatureToggleDirective } from 'app/shared/feature-toggle/feature-toggle.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 @Component({
     selector: 'jhi-exercise-scores-repo-export-dialog',
     templateUrl: './programming-assessment-repo-export-dialog.component.html',
     styles: ['textarea { width: 100%; }'],
+    imports: [FormsModule, TranslateDirective, HelpIconComponent, FormDateTimePickerComponent, FeatureToggleDirective, FaIconComponent],
 })
 export class ProgrammingAssessmentRepoExportDialogComponent implements OnInit {
+    private exerciseService = inject(ExerciseService);
+    private repoExportService = inject(ProgrammingAssessmentRepoExportService);
+    activeModal = inject(NgbActiveModal);
+    private alertService = inject(AlertService);
+
     @Input() programmingExercises: ProgrammingExercise[];
     // Either a participationId list or a participantIdentifier (student login or team short name) list can be provided that is used for exporting the repos.
     // Priority: participationId >> participantIdentifier.
@@ -31,13 +43,6 @@ export class ProgrammingAssessmentRepoExportDialogComponent implements OnInit {
     // Icons
     faCircleNotch = faCircleNotch;
 
-    constructor(
-        private exerciseService: ExerciseService,
-        private repoExportService: ProgrammingAssessmentRepoExportService,
-        public activeModal: NgbActiveModal,
-        private alertService: AlertService,
-    ) {}
-
     ngOnInit() {
         this.isLoading = true;
         this.exportInProgress = false;
diff --git a/src/main/webapp/app/exercises/programming/assess/repo-export/programming-assessment-repo-export.service.ts b/src/main/webapp/app/exercises/programming/assess/repo-export/programming-assessment-repo-export.service.ts
index 03a0e49a2bdb..83045e49cf77 100644
--- a/src/main/webapp/app/exercises/programming/assess/repo-export/programming-assessment-repo-export.service.ts
+++ b/src/main/webapp/app/exercises/programming/assess/repo-export/programming-assessment-repo-export.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import dayjs from 'dayjs/esm';
@@ -16,11 +16,11 @@ export type RepositoryExportOptions = {
 
 @Injectable({ providedIn: 'root' })
 export class ProgrammingAssessmentRepoExportService {
+    private http = inject(HttpClient);
+
     // TODO: We should move this endpoint to api/programming-exercises.
     public resourceUrl = 'api/programming-exercises';
 
-    constructor(private http: HttpClient) {}
-
     /**
      * Exports repositories to the server by their participant identifiers
      * @param {number} exerciseId - Id of the exercise
diff --git a/src/main/webapp/app/exercises/programming/git-diff-report/git-diff-file-panel-title.component.ts b/src/main/webapp/app/exercises/programming/git-diff-report/git-diff-file-panel-title.component.ts
index 74b0f35dfab0..4ff117dc795b 100644
--- a/src/main/webapp/app/exercises/programming/git-diff-report/git-diff-file-panel-title.component.ts
+++ b/src/main/webapp/app/exercises/programming/git-diff-report/git-diff-file-panel-title.component.ts
@@ -12,7 +12,6 @@ enum FileStatus {
     selector: 'jhi-git-diff-file-panel-title',
     templateUrl: './git-diff-file-panel-title.component.html',
     styleUrls: ['./git-diff-file-panel-title.component.scss'],
-    standalone: true,
     changeDetection: ChangeDetectionStrategy.OnPush,
     imports: [TranslateDirective, CommonModule],
 })
diff --git a/src/main/webapp/app/exercises/programming/git-diff-report/git-diff-file-panel.component.ts b/src/main/webapp/app/exercises/programming/git-diff-report/git-diff-file-panel.component.ts
index 0417e9239618..8f3ae5c388f7 100644
--- a/src/main/webapp/app/exercises/programming/git-diff-report/git-diff-file-panel.component.ts
+++ b/src/main/webapp/app/exercises/programming/git-diff-report/git-diff-file-panel.component.ts
@@ -5,15 +5,15 @@ import { GitDiffFilePanelTitleComponent } from 'app/exercises/programming/git-di
 import { GitDiffLineStatComponent } from 'app/exercises/programming/git-diff-report/git-diff-line-stat.component';
 import { GitDiffFileComponent } from 'app/exercises/programming/git-diff-report/git-diff-file.component';
 import { ArtemisSharedModule } from 'app/shared/shared.module';
+import { NgbAccordionModule, NgbCollapse } from '@ng-bootstrap/ng-bootstrap';
 
 @Component({
     selector: 'jhi-git-diff-file-panel',
     templateUrl: './git-diff-file-panel.component.html',
     styleUrls: ['./git-diff-file-panel.component.scss'],
     encapsulation: ViewEncapsulation.None,
-    standalone: true,
     changeDetection: ChangeDetectionStrategy.OnPush,
-    imports: [GitDiffFilePanelTitleComponent, GitDiffLineStatComponent, GitDiffFileComponent, ArtemisSharedModule],
+    imports: [GitDiffFilePanelTitleComponent, GitDiffLineStatComponent, GitDiffFileComponent, ArtemisSharedModule, NgbAccordionModule, NgbCollapse],
 })
 export class GitDiffFilePanelComponent {
     protected readonly faAngleUp = faAngleUp;
diff --git a/src/main/webapp/app/exercises/programming/git-diff-report/git-diff-file.component.ts b/src/main/webapp/app/exercises/programming/git-diff-report/git-diff-file.component.ts
index 055875de5a6a..5125c6078782 100644
--- a/src/main/webapp/app/exercises/programming/git-diff-report/git-diff-file.component.ts
+++ b/src/main/webapp/app/exercises/programming/git-diff-report/git-diff-file.component.ts
@@ -7,7 +7,6 @@ import { TranslateDirective } from 'app/shared/language/translate.directive';
     selector: 'jhi-git-diff-file',
     templateUrl: './git-diff-file.component.html',
     encapsulation: ViewEncapsulation.None,
-    standalone: true,
     changeDetection: ChangeDetectionStrategy.OnPush,
     imports: [MonacoDiffEditorComponent, TranslateDirective],
 })
diff --git a/src/main/webapp/app/exercises/programming/git-diff-report/git-diff-line-stat.component.ts b/src/main/webapp/app/exercises/programming/git-diff-report/git-diff-line-stat.component.ts
index b82ab8d02c02..4711b1fef884 100644
--- a/src/main/webapp/app/exercises/programming/git-diff-report/git-diff-line-stat.component.ts
+++ b/src/main/webapp/app/exercises/programming/git-diff-report/git-diff-line-stat.component.ts
@@ -4,7 +4,6 @@ import { ChangeDetectionStrategy, Component, computed, input } from '@angular/co
     selector: 'jhi-git-diff-line-stat',
     templateUrl: './git-diff-line-stat.component.html',
     styleUrls: ['./git-diff-line-stat.component.scss'],
-    standalone: true,
     changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class GitDiffLineStatComponent {
diff --git a/src/main/webapp/app/exercises/programming/git-diff-report/git-diff-report-modal.component.ts b/src/main/webapp/app/exercises/programming/git-diff-report/git-diff-report-modal.component.ts
index 96a16d6986ee..268a63c97a24 100644
--- a/src/main/webapp/app/exercises/programming/git-diff-report/git-diff-report-modal.component.ts
+++ b/src/main/webapp/app/exercises/programming/git-diff-report/git-diff-report-modal.component.ts
@@ -11,7 +11,6 @@ import { TranslateDirective } from 'app/shared/language/translate.directive';
 @Component({
     selector: 'jhi-git-diff-report-modal',
     templateUrl: './git-diff-report-modal.component.html',
-    standalone: true,
     changeDetection: ChangeDetectionStrategy.OnPush,
     imports: [GitDiffReportComponent, TranslateDirective],
 })
@@ -32,21 +31,18 @@ export class GitDiffReportModalComponent {
     readonly rightCommitFileContentByPath = signal<Map<string, string> | undefined>(undefined);
 
     constructor() {
-        effect(
-            () => {
-                // We call the signal here to ensure the effect always runs when the report changes.
-                this.report();
-                const diffBetweenTemplateAndSolution = this.diffForTemplateAndSolution();
-                untracked(async () => {
-                    if (diffBetweenTemplateAndSolution) {
-                        await this.loadFilesForTemplateAndSolution();
-                    } else {
-                        await this.loadRepositoryFilesForParticipationsFromCacheIfAvailable();
-                    }
-                });
-            },
-            { allowSignalWrites: true },
-        );
+        effect(() => {
+            // We call the signal here to ensure the effect always runs when the report changes.
+            this.report();
+            const diffBetweenTemplateAndSolution = this.diffForTemplateAndSolution();
+            untracked(async () => {
+                if (diffBetweenTemplateAndSolution) {
+                    await this.loadFilesForTemplateAndSolution();
+                } else {
+                    await this.loadRepositoryFilesForParticipationsFromCacheIfAvailable();
+                }
+            });
+        });
     }
 
     private async loadFilesForTemplateAndSolution(): Promise<void> {
diff --git a/src/main/webapp/app/exercises/programming/git-diff-report/git-diff-report.component.ts b/src/main/webapp/app/exercises/programming/git-diff-report/git-diff-report.component.ts
index 7edc4f32aaf3..c3e200845b9f 100644
--- a/src/main/webapp/app/exercises/programming/git-diff-report/git-diff-report.component.ts
+++ b/src/main/webapp/app/exercises/programming/git-diff-report/git-diff-report.component.ts
@@ -19,7 +19,6 @@ interface DiffInformation {
 @Component({
     selector: 'jhi-git-diff-report',
     templateUrl: './git-diff-report.component.html',
-    standalone: true,
     changeDetection: ChangeDetectionStrategy.OnPush,
     imports: [GitDiffLineStatComponent, ArtemisSharedModule, ArtemisSharedComponentModule, GitDiffFilePanelComponent],
 })
diff --git a/src/main/webapp/app/exercises/programming/manage/build-plan-editor.component.ts b/src/main/webapp/app/exercises/programming/manage/build-plan-editor.component.ts
index b160bf88b2be..a85a4ad265b9 100644
--- a/src/main/webapp/app/exercises/programming/manage/build-plan-editor.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/build-plan-editor.component.ts
@@ -1,5 +1,6 @@
-import { AfterViewInit, Component, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
+import { AfterViewInit, Component, OnInit, ViewChild, ViewEncapsulation, inject } from '@angular/core';
 import { faCircleNotch, faPlayCircle } from '@fortawesome/free-solid-svg-icons';
+import { UpdatingResultComponent } from 'app/exercises/shared/result/updating-result.component';
 import { onError } from 'app/shared/util/global.utils';
 import { AlertService } from 'app/core/util/alert.service';
 import { BuildPlanService } from 'app/exercises/programming/manage/services/build-plan.service';
@@ -8,14 +9,25 @@ import { ActivatedRoute } from '@angular/router';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { ProgrammingExerciseService } from 'app/exercises/programming/manage/services/programming-exercise.service';
 import { MonacoEditorComponent } from 'app/shared/monaco-editor/monaco-editor.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { CodeEditorHeaderComponent } from '../shared/code-editor/header/code-editor-header.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-build-plan-editor',
     templateUrl: './build-plan-editor.component.html',
     styleUrls: ['./build-plan-editor.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [TranslateDirective, UpdatingResultComponent, NgbTooltip, FaIconComponent, CodeEditorHeaderComponent, MonacoEditorComponent, ArtemisTranslatePipe],
 })
 export class BuildPlanEditorComponent implements AfterViewInit, OnInit {
+    private buildPlanService = inject(BuildPlanService);
+    private programmingExerciseService = inject(ProgrammingExerciseService);
+    private alertService = inject(AlertService);
+    private activatedRoute = inject(ActivatedRoute);
+
     // Icons
     readonly faCircleNotch = faCircleNotch;
     readonly farPlayCircle = faPlayCircle;
@@ -29,13 +41,6 @@ export class BuildPlanEditorComponent implements AfterViewInit, OnInit {
     programmingExercise: ProgrammingExercise;
     buildPlan: BuildPlan | undefined;
 
-    constructor(
-        private buildPlanService: BuildPlanService,
-        private programmingExerciseService: ProgrammingExerciseService,
-        private alertService: AlertService,
-        private activatedRoute: ActivatedRoute,
-    ) {}
-
     /**
      * @function ngOnInit
      * Sets the exercise and corresponding build plan based on the exerciseId in the current URL.
diff --git a/src/main/webapp/app/exercises/programming/manage/code-editor/code-editor-instructor-and-editor-container.component.ts b/src/main/webapp/app/exercises/programming/manage/code-editor/code-editor-instructor-and-editor-container.component.ts
index f7fd38dc5515..3f73de34af1f 100644
--- a/src/main/webapp/app/exercises/programming/manage/code-editor/code-editor-instructor-and-editor-container.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/code-editor/code-editor-instructor-and-editor-container.component.ts
@@ -1,23 +1,37 @@
 import { Component, ViewChild } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
-import { Location } from '@angular/common';
-import { AlertService } from 'app/core/util/alert.service';
+import { ProgrammingExerciseStudentTriggerBuildButtonComponent } from 'app/exercises/programming/shared/actions/programming-exercise-student-trigger-build-button.component';
+import { CodeEditorContainerComponent } from 'app/exercises/programming/shared/code-editor/container/code-editor-container.component';
+import { IncludedInScoreBadgeComponent } from 'app/exercises/shared/exercise-headers/included-in-score-badge.component';
 import { UpdatingResultComponent } from 'app/exercises/shared/result/updating-result.component';
 import { CodeEditorInstructorBaseContainerComponent } from 'app/exercises/programming/manage/code-editor/code-editor-instructor-base-container.component';
-import { DomainService } from 'app/exercises/programming/shared/code-editor/service/code-editor-domain.service';
-import { ProgrammingExerciseParticipationService } from 'app/exercises/programming/manage/services/programming-exercise-participation.service';
-import { ProgrammingExerciseService } from 'app/exercises/programming/manage/services/programming-exercise.service';
-import { ParticipationService } from 'app/exercises/shared/participation/participation.service';
 import { ProgrammingExerciseEditableInstructionComponent } from 'app/exercises/programming/manage/instructions-editor/programming-exercise-editable-instruction.component';
 import { IncludedInOverallScore } from 'app/entities/exercise.model';
 import { faCircleNotch, faPlus, faTimes, faTimesCircle } from '@fortawesome/free-solid-svg-icons';
-import { CourseExerciseService } from 'app/exercises/shared/course-exercises/course-exercise.service';
 import { IrisSettings } from 'app/entities/iris/settings/iris-settings.model';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ProgrammingExerciseInstructorExerciseStatusComponent } from '../status/programming-exercise-instructor-exercise-status.component';
+import { NgbDropdown, NgbDropdownButtonItem, NgbDropdownItem, NgbDropdownMenu, NgbDropdownToggle } from '@ng-bootstrap/ng-bootstrap';
 
 @Component({
     selector: 'jhi-code-editor-instructor',
     templateUrl: './code-editor-instructor-and-editor-container.component.html',
     styleUrl: 'code-editor-instructor-and-editor-container.scss',
+    imports: [
+        FaIconComponent,
+        TranslateDirective,
+        CodeEditorContainerComponent,
+        IncludedInScoreBadgeComponent,
+        ProgrammingExerciseInstructorExerciseStatusComponent,
+        NgbDropdown,
+        NgbDropdownToggle,
+        NgbDropdownMenu,
+        NgbDropdownButtonItem,
+        NgbDropdownItem,
+        UpdatingResultComponent,
+        ProgrammingExerciseStudentTriggerBuildButtonComponent,
+        ProgrammingExerciseEditableInstructionComponent,
+    ],
 })
 export class CodeEditorInstructorAndEditorContainerComponent extends CodeEditorInstructorBaseContainerComponent {
     @ViewChild(UpdatingResultComponent, { static: false }) resultComp: UpdatingResultComponent;
@@ -32,18 +46,4 @@ export class CodeEditorInstructorAndEditorContainerComponent extends CodeEditorI
     faTimesCircle = faTimesCircle;
 
     irisSettings?: IrisSettings;
-
-    constructor(
-        router: Router,
-        exerciseService: ProgrammingExerciseService,
-        courseExerciseService: CourseExerciseService,
-        domainService: DomainService,
-        programmingExerciseParticipationService: ProgrammingExerciseParticipationService,
-        location: Location,
-        participationService: ParticipationService,
-        route: ActivatedRoute,
-        alertService: AlertService,
-    ) {
-        super(router, exerciseService, courseExerciseService, domainService, programmingExerciseParticipationService, location, participationService, route, alertService);
-    }
 }
diff --git a/src/main/webapp/app/exercises/programming/manage/code-editor/code-editor-instructor-base-container.component.ts b/src/main/webapp/app/exercises/programming/manage/code-editor/code-editor-instructor-base-container.component.ts
index 0b6e1efd5d89..ccc3557d3f11 100644
--- a/src/main/webapp/app/exercises/programming/manage/code-editor/code-editor-instructor-base-container.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/code-editor/code-editor-instructor-base-container.component.ts
@@ -1,4 +1,5 @@
-import { Component, OnDestroy, OnInit, ViewChild } from '@angular/core';
+import { Component, OnDestroy, OnInit, ViewChild, inject } from '@angular/core';
+import { CodeEditorContainerComponent } from 'app/exercises/programming/shared/code-editor/container/code-editor-container.component';
 import { Observable, Subscription, of, throwError } from 'rxjs';
 import { ActivatedRoute, Router } from '@angular/router';
 import { Location } from '@angular/common';
@@ -9,14 +10,12 @@ import { Participation } from 'app/entities/participation/participation.model';
 import { ButtonSize } from 'app/shared/components/button.component';
 import { DomainService } from 'app/exercises/programming/shared/code-editor/service/code-editor-domain.service';
 import { TemplateProgrammingExerciseParticipation } from 'app/entities/participation/template-programming-exercise-participation.model';
-import { ProgrammingExerciseParticipationService } from 'app/exercises/programming/manage/services/programming-exercise-participation.service';
 import { ExerciseType } from 'app/entities/exercise.model';
 import { ProgrammingExerciseService } from 'app/exercises/programming/manage/services/programming-exercise.service';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { ProgrammingExerciseStudentParticipation } from 'app/entities/participation/programming-exercise-student-participation.model';
 import { SolutionProgrammingExerciseParticipation } from 'app/entities/participation/solution-programming-exercise-participation.model';
 import { DomainChange, DomainType } from 'app/exercises/programming/shared/code-editor/model/code-editor.model';
-import { CodeEditorContainerComponent } from '../../shared/code-editor/container/code-editor-container.component';
 import { Course } from 'app/entities/course.model';
 import { CourseExerciseService } from 'app/exercises/shared/course-exercises/course-exercise.service';
 
@@ -42,10 +41,21 @@ export enum LOADING_STATE {
     DELETING_ASSIGNMENT_REPO = 'DELETING_ASSIGNMENT_REPO',
 }
 
-@Component({ template: '' })
+@Component({
+    template: '',
+})
 export abstract class CodeEditorInstructorBaseContainerComponent implements OnInit, OnDestroy {
     @ViewChild(CodeEditorContainerComponent, { static: false }) codeEditorContainer: CodeEditorContainerComponent;
 
+    private router = inject(Router);
+    private exerciseService = inject(ProgrammingExerciseService);
+    private courseExerciseService = inject(CourseExerciseService);
+    private domainService = inject(DomainService);
+    private location = inject(Location);
+    private participationService = inject(ParticipationService);
+    private route = inject(ActivatedRoute);
+    private alertService = inject(AlertService);
+
     ButtonSize = ButtonSize;
     REPOSITORY = REPOSITORY;
     LOADING_STATE = LOADING_STATE;
@@ -75,18 +85,6 @@ export abstract class CodeEditorInstructorBaseContainerComponent implements OnIn
     // State variables
     loadingState = LOADING_STATE.CLEAR;
 
-    protected constructor(
-        protected router: Router,
-        private exerciseService: ProgrammingExerciseService,
-        private courseExerciseService: CourseExerciseService,
-        private domainService: DomainService,
-        private programmingExerciseParticipationService: ProgrammingExerciseParticipationService,
-        private location: Location,
-        private participationService: ParticipationService,
-        protected route: ActivatedRoute,
-        private alertService: AlertService,
-    ) {}
-
     /**
      * Initialize the route params subscription.
      * On route param change load the exercise and the selected participation OR the test repository.
diff --git a/src/main/webapp/app/exercises/programming/manage/code-editor/code-editor-management-routing.module.ts b/src/main/webapp/app/exercises/programming/manage/code-editor/code-editor-management-routing.module.ts
index f2b7ac2605a5..a009e0ff1a75 100644
--- a/src/main/webapp/app/exercises/programming/manage/code-editor/code-editor-management-routing.module.ts
+++ b/src/main/webapp/app/exercises/programming/manage/code-editor/code-editor-management-routing.module.ts
@@ -1,14 +1,17 @@
 import { RouterModule, Routes } from '@angular/router';
-import { CodeEditorInstructorAndEditorContainerComponent } from 'app/exercises/programming/manage/code-editor/code-editor-instructor-and-editor-container.component';
+
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
-import { CodeEditorInstructorAndEditorOrionContainerComponent } from 'app/orion/management/code-editor-instructor-and-editor-orion-container.component';
+
 import { NgModule } from '@angular/core';
 import { Authority } from 'app/shared/constants/authority.constants';
 
 const routes: Routes = [
     {
         path: 'test',
-        component: CodeEditorInstructorAndEditorContainerComponent,
+        loadComponent: () =>
+            import('app/exercises/programming/manage/code-editor/code-editor-instructor-and-editor-container.component').then(
+                (m) => m.CodeEditorInstructorAndEditorContainerComponent,
+            ),
         data: {
             authorities: [Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.editor.home.title',
@@ -17,7 +20,8 @@ const routes: Routes = [
     },
     {
         path: 'ide/test',
-        component: CodeEditorInstructorAndEditorOrionContainerComponent,
+        loadComponent: () =>
+            import('app/orion/management/code-editor-instructor-and-editor-orion-container.component').then((m) => m.CodeEditorInstructorAndEditorOrionContainerComponent),
         data: {
             authorities: [Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.editor.home.title',
@@ -26,7 +30,8 @@ const routes: Routes = [
     },
     {
         path: 'ide/:participationId',
-        component: CodeEditorInstructorAndEditorOrionContainerComponent,
+        loadComponent: () =>
+            import('app/orion/management/code-editor-instructor-and-editor-orion-container.component').then((m) => m.CodeEditorInstructorAndEditorOrionContainerComponent),
         data: {
             authorities: [Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.editor.home.title',
@@ -35,7 +40,10 @@ const routes: Routes = [
     },
     {
         path: ':participationId',
-        component: CodeEditorInstructorAndEditorContainerComponent,
+        loadComponent: () =>
+            import('app/exercises/programming/manage/code-editor/code-editor-instructor-and-editor-container.component').then(
+                (m) => m.CodeEditorInstructorAndEditorContainerComponent,
+            ),
         data: {
             authorities: [Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.editor.home.title',
@@ -44,7 +52,10 @@ const routes: Routes = [
     },
     {
         path: 'auxiliary/:repositoryId',
-        component: CodeEditorInstructorAndEditorContainerComponent,
+        loadComponent: () =>
+            import('app/exercises/programming/manage/code-editor/code-editor-instructor-and-editor-container.component').then(
+                (m) => m.CodeEditorInstructorAndEditorContainerComponent,
+            ),
         data: {
             authorities: [Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.editor.home.title',
diff --git a/src/main/webapp/app/exercises/programming/manage/code-editor/code-editor-management.module.ts b/src/main/webapp/app/exercises/programming/manage/code-editor/code-editor-management.module.ts
index 4eb51f50768f..d00b4c8d9978 100644
--- a/src/main/webapp/app/exercises/programming/manage/code-editor/code-editor-management.module.ts
+++ b/src/main/webapp/app/exercises/programming/manage/code-editor/code-editor-management.module.ts
@@ -28,7 +28,8 @@ import { IrisModule } from 'app/iris/iris.module';
         SubmissionResultStatusModule,
         ArtemisSharedComponentModule,
         IrisModule,
+        CodeEditorInstructorAndEditorContainerComponent,
+        CodeEditorInstructorAndEditorOrionContainerComponent,
     ],
-    declarations: [CodeEditorInstructorAndEditorContainerComponent, CodeEditorInstructorAndEditorOrionContainerComponent],
 })
 export class ArtemisCodeEditorManagementModule {}
diff --git a/src/main/webapp/app/exercises/programming/manage/grading/charts/category-issues-chart.component.ts b/src/main/webapp/app/exercises/programming/manage/grading/charts/category-issues-chart.component.ts
index 236a85bf0cce..124a9a93658b 100644
--- a/src/main/webapp/app/exercises/programming/manage/grading/charts/category-issues-chart.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/grading/charts/category-issues-chart.component.ts
@@ -1,6 +1,7 @@
 import { Component, Input, OnChanges } from '@angular/core';
 import { IssuesMap } from 'app/entities/programming/programming-exercise-test-case-statistics.model';
 import { StaticCodeAnalysisCategory, StaticCodeAnalysisCategoryState } from 'app/entities/programming/static-code-analysis-category.model';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 
 export class IssueColumn {
     w: string;
@@ -22,6 +23,7 @@ export class IssueColumn {
             </div>
         </div>
     `,
+    imports: [NgbTooltip],
 })
 export class CategoryIssuesChartComponent implements OnChanges {
     @Input() issuesMap?: IssuesMap;
@@ -32,7 +34,7 @@ export class CategoryIssuesChartComponent implements OnChanges {
 
     columns: IssueColumn[] = [];
 
-    ngOnChanges(): void {
+    ngOnChanges() {
         // set a minimum of 10 columns
         const numColumns = Math.max(this.maxNumberOfIssues, 10) + 1;
 
diff --git a/src/main/webapp/app/exercises/programming/manage/grading/charts/sca-category-distribution-chart.component.ts b/src/main/webapp/app/exercises/programming/manage/grading/charts/sca-category-distribution-chart.component.ts
index 58e2d7aa9dd3..4e08cc5727e9 100644
--- a/src/main/webapp/app/exercises/programming/manage/grading/charts/sca-category-distribution-chart.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/grading/charts/sca-category-distribution-chart.component.ts
@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, OnChanges, Output } from '@angular/core';
+import { Component, EventEmitter, Input, OnChanges, Output, inject } from '@angular/core';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { StaticCodeAnalysisCategory, StaticCodeAnalysisCategoryState } from 'app/entities/programming/static-code-analysis-category.model';
 import { CategoryIssuesMap } from 'app/entities/programming/programming-exercise-test-case-statistics.model';
@@ -7,6 +7,9 @@ import { getColor } from 'app/exercises/programming/manage/grading/charts/progra
 import { ProgrammingGradingChartsDirective } from 'app/exercises/programming/manage/grading/charts/programming-grading-charts.directive';
 import { NgxChartsMultiSeriesDataEntry } from 'app/shared/chart/ngx-charts-datatypes';
 import { ArtemisNavigationUtilService } from 'app/utils/navigation.utils';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { BarChartModule } from '@swimlane/ngx-charts';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 enum ScaChartBarTitle {
     PENALTY = 'Penalty',
@@ -83,8 +86,12 @@ enum ScaChartBarTitle {
             </div>
         </div>
     `,
+    imports: [TranslateDirective, BarChartModule, ArtemisTranslatePipe],
 })
 export class ScaCategoryDistributionChartComponent extends ProgrammingGradingChartsDirective implements OnChanges {
+    private translateService = inject(TranslateService);
+    private navigationUtilsService = inject(ArtemisNavigationUtilService);
+
     @Input() categories: StaticCodeAnalysisCategory[];
     @Input() categoryIssuesMap?: CategoryIssuesMap;
     @Input() exercise: ProgrammingExercise;
@@ -97,17 +104,16 @@ export class ScaCategoryDistributionChartComponent extends ProgrammingGradingCha
     // ngx
     ngxData: NgxChartsMultiSeriesDataEntry[] = [];
 
-    constructor(
-        private translateService: TranslateService,
-        private navigationUtilsService: ArtemisNavigationUtilService,
-    ) {
+    constructor() {
         super();
+        const translateService = this.translateService;
+
         translateService.onLangChange.subscribe(() => {
             this.updateTranslations();
         });
     }
 
-    ngOnChanges(): void {
+    ngOnChanges() {
         this.ngxData = [];
         this.ngxColors.domain = [];
         // update colors for category table
diff --git a/src/main/webapp/app/exercises/programming/manage/grading/charts/test-case-distribution-chart.component.ts b/src/main/webapp/app/exercises/programming/manage/grading/charts/test-case-distribution-chart.component.ts
index 568402289fca..4bf9f20c9e82 100644
--- a/src/main/webapp/app/exercises/programming/manage/grading/charts/test-case-distribution-chart.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/grading/charts/test-case-distribution-chart.component.ts
@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, OnChanges, OnInit, Output } from '@angular/core';
+import { Component, EventEmitter, Input, OnChanges, OnInit, Output, inject } from '@angular/core';
 import { ProgrammingExerciseTestCase, Visibility } from 'app/entities/programming/programming-exercise-test-case.model';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { TestCaseStatsMap } from 'app/entities/programming/programming-exercise-test-case-statistics.model';
@@ -8,6 +8,9 @@ import { ProgrammingGradingChartsDirective } from 'app/exercises/programming/man
 import { getTotalMaxPoints } from 'app/exercises/shared/exercise/exercise.utils';
 import { NgxChartsMultiSeriesDataEntry } from 'app/shared/chart/ngx-charts-datatypes';
 import { ArtemisNavigationUtilService } from 'app/utils/navigation.utils';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { BarChartModule } from '@swimlane/ngx-charts';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 enum TestCaseBarTitle {
     WEIGHT_EN = 'Weight',
@@ -24,8 +27,12 @@ type TestCaseColors = {
     selector: 'jhi-test-case-distribution-chart',
     styleUrls: ['./sca-category-distribution-chart.scss'],
     templateUrl: './test-case-distribution-chart.component.html',
+    imports: [TranslateDirective, BarChartModule, ArtemisTranslatePipe],
 })
 export class TestCaseDistributionChartComponent extends ProgrammingGradingChartsDirective implements OnInit, OnChanges {
+    private translateService = inject(TranslateService);
+    private navigationUtilService = inject(ArtemisNavigationUtilService);
+
     @Input() testCases: ProgrammingExerciseTestCase[];
     @Input() testCaseStatsMap?: TestCaseStatsMap;
     @Input() totalParticipations?: number;
@@ -47,10 +54,7 @@ export class TestCaseDistributionChartComponent extends ProgrammingGradingCharts
     // array containing the ngx-dedicated objects in order to display the points chart
     ngxPointsData: NgxChartsMultiSeriesDataEntry[] = [{ name: '', series: [] as any[] }];
 
-    constructor(
-        private translateService: TranslateService,
-        private navigationUtilService: ArtemisNavigationUtilService,
-    ) {
+    constructor() {
         super();
 
         this.translateService.onLangChange.subscribe(() => {
@@ -62,7 +66,7 @@ export class TestCaseDistributionChartComponent extends ProgrammingGradingCharts
         this.updateTranslation();
     }
 
-    ngOnChanges(): void {
+    ngOnChanges() {
         if (this.testCases == undefined) {
             this.testCases = [];
         }
diff --git a/src/main/webapp/app/exercises/programming/manage/grading/charts/test-case-passed-builds-chart.component.ts b/src/main/webapp/app/exercises/programming/manage/grading/charts/test-case-passed-builds-chart.component.ts
index 03e4a076bc58..d1d4874de33e 100644
--- a/src/main/webapp/app/exercises/programming/manage/grading/charts/test-case-passed-builds-chart.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/grading/charts/test-case-passed-builds-chart.component.ts
@@ -1,6 +1,7 @@
 import { Component, Input, OnChanges } from '@angular/core';
 import { TestCaseStats } from 'app/entities/programming/programming-exercise-test-case-statistics.model';
 import { round } from 'app/shared/util/utils';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 
 @Component({
     selector: 'jhi-test-case-passed-builds-chart',
@@ -15,6 +16,7 @@ import { round } from 'app/shared/util/utils';
         '.passed-bar { position: absolute; top: 0; left: 0; height: 10px; background-color: #28a745 }',
         '.failed-bar { position: absolute; top: 0; height: 10px; background-color: #dc3545 }',
     ],
+    imports: [NgbTooltip],
 })
 export class TestCasePassedBuildsChartComponent implements OnChanges {
     @Input() testCaseStats?: TestCaseStats;
@@ -24,7 +26,7 @@ export class TestCasePassedBuildsChartComponent implements OnChanges {
     failedPercent = 0;
     tooltip = '';
 
-    ngOnChanges(): void {
+    ngOnChanges() {
         const totalPassedAndFailed = (this.testCaseStats?.numPassed ?? 0) + (this.testCaseStats?.numFailed ?? 0);
         if (totalPassedAndFailed > this.totalParticipations) {
             this.totalParticipations = totalPassedAndFailed;
diff --git a/src/main/webapp/app/exercises/programming/manage/grading/feedback-analysis/Modal/confirm-feedback-channel-creation-modal.component.ts b/src/main/webapp/app/exercises/programming/manage/grading/feedback-analysis/Modal/confirm-feedback-channel-creation-modal.component.ts
index 4a31192b6299..4beca713648e 100644
--- a/src/main/webapp/app/exercises/programming/manage/grading/feedback-analysis/Modal/confirm-feedback-channel-creation-modal.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/grading/feedback-analysis/Modal/confirm-feedback-channel-creation-modal.component.ts
@@ -6,7 +6,6 @@ import { ArtemisSharedCommonModule } from 'app/shared/shared-common.module';
     selector: 'jhi-confirm-feedback-channel-creation-modal',
     templateUrl: './confirm-feedback-channel-creation-modal.component.html',
     imports: [ArtemisSharedCommonModule],
-    standalone: true,
 })
 export class ConfirmFeedbackChannelCreationModalComponent {
     protected readonly TRANSLATION_BASE = 'artemisApp.programmingExercise.configureGrading.feedbackAnalysis.feedbackDetailChannel.confirmationModal';
diff --git a/src/main/webapp/app/exercises/programming/manage/grading/feedback-analysis/Modal/feedback-affected-students-modal.component.ts b/src/main/webapp/app/exercises/programming/manage/grading/feedback-analysis/Modal/feedback-affected-students-modal.component.ts
index ed5b2d2fb36a..4cc518982ea2 100644
--- a/src/main/webapp/app/exercises/programming/manage/grading/feedback-analysis/Modal/feedback-affected-students-modal.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/grading/feedback-analysis/Modal/feedback-affected-students-modal.component.ts
@@ -11,7 +11,6 @@ import { faSpinner } from '@fortawesome/free-solid-svg-icons';
     templateUrl: './feedback-affected-students-modal.component.html',
     imports: [ArtemisSharedCommonModule, ArtemisSharedComponentModule],
     providers: [FeedbackAnalysisService],
-    standalone: true,
 })
 export class AffectedStudentsModalComponent {
     courseId = input.required<number>();
diff --git a/src/main/webapp/app/exercises/programming/manage/grading/feedback-analysis/Modal/feedback-detail-channel-modal.component.ts b/src/main/webapp/app/exercises/programming/manage/grading/feedback-analysis/Modal/feedback-detail-channel-modal.component.ts
index 5e9577ea889d..5d40561709ee 100644
--- a/src/main/webapp/app/exercises/programming/manage/grading/feedback-analysis/Modal/feedback-detail-channel-modal.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/grading/feedback-analysis/Modal/feedback-detail-channel-modal.component.ts
@@ -1,5 +1,5 @@
 import { Component, inject, input, output, signal } from '@angular/core';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { FormBuilder, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
 import { NgbActiveModal, NgbModal } from '@ng-bootstrap/ng-bootstrap';
 import { ChannelDTO } from 'app/entities/metis/conversation/channel.model';
 import { FeedbackDetail } from 'app/exercises/programming/manage/grading/feedback-analysis/feedback-analysis.service';
@@ -10,8 +10,7 @@ import { AlertService } from 'app/core/util/alert.service';
 @Component({
     selector: 'jhi-feedback-detail-channel-modal',
     templateUrl: './feedback-detail-channel-modal.component.html',
-    imports: [ArtemisSharedCommonModule],
-    standalone: true,
+    imports: [ArtemisSharedCommonModule, FormsModule, ReactiveFormsModule],
 })
 export class FeedbackDetailChannelModalComponent {
     protected readonly TRANSLATION_BASE = 'artemisApp.programmingExercise.configureGrading.feedbackAnalysis.feedbackDetailChannel';
diff --git a/src/main/webapp/app/exercises/programming/manage/grading/feedback-analysis/Modal/feedback-filter-modal.component.ts b/src/main/webapp/app/exercises/programming/manage/grading/feedback-analysis/Modal/feedback-filter-modal.component.ts
index cf7632c82337..c5a20a3941a6 100644
--- a/src/main/webapp/app/exercises/programming/manage/grading/feedback-analysis/Modal/feedback-filter-modal.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/grading/feedback-analysis/Modal/feedback-filter-modal.component.ts
@@ -17,7 +17,6 @@ export interface FilterData {
     templateUrl: './feedback-filter-modal.component.html',
     imports: [RangeSliderComponent, ArtemisSharedCommonModule],
     providers: [FeedbackAnalysisService],
-    standalone: true,
 })
 export class FeedbackFilterModalComponent {
     private localStorage = inject(LocalStorageService);
diff --git a/src/main/webapp/app/exercises/programming/manage/grading/feedback-analysis/Modal/feedback-modal.component.ts b/src/main/webapp/app/exercises/programming/manage/grading/feedback-analysis/Modal/feedback-modal.component.ts
index af60c0af8569..abbead9b4518 100644
--- a/src/main/webapp/app/exercises/programming/manage/grading/feedback-analysis/Modal/feedback-modal.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/grading/feedback-analysis/Modal/feedback-modal.component.ts
@@ -7,7 +7,6 @@ import { ArtemisSharedCommonModule } from 'app/shared/shared-common.module';
     selector: 'jhi-feedback-modal',
     templateUrl: './feedback-modal.component.html',
     imports: [ArtemisSharedCommonModule],
-    standalone: true,
 })
 export class FeedbackModalComponent {
     feedbackDetail = input.required<FeedbackDetail>();
diff --git a/src/main/webapp/app/exercises/programming/manage/grading/feedback-analysis/feedback-analysis.component.ts b/src/main/webapp/app/exercises/programming/manage/grading/feedback-analysis/feedback-analysis.component.ts
index a787eeecf13a..c740ebbcd9ab 100644
--- a/src/main/webapp/app/exercises/programming/manage/grading/feedback-analysis/feedback-analysis.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/grading/feedback-analysis/feedback-analysis.component.ts
@@ -1,9 +1,8 @@
 import { Component, computed, effect, inject, input, signal, untracked } from '@angular/core';
 import { FeedbackAnalysisService, FeedbackChannelRequestDTO, FeedbackDetail } from './feedback-analysis.service';
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { NgbModal, NgbModule, NgbPagination } from '@ng-bootstrap/ng-bootstrap';
 import { AlertService } from 'app/core/util/alert.service';
-import { faCircleQuestion, faFilter, faMessage, faSort, faSortDown, faSortUp, faSpinner, faUsers } from '@fortawesome/free-solid-svg-icons';
-import { facDetails } from '../../../../../../content/icons/icons';
+import { faCircleQuestion, faFilter, faMessage, faSort, faSpinner, faUsers } from '@fortawesome/free-solid-svg-icons';
 import { SearchResult, SortingOrder } from 'app/shared/table/pageable-table';
 import { ArtemisSharedCommonModule } from 'app/shared/shared-common.module';
 import { FeedbackModalComponent } from 'app/exercises/programming/manage/grading/feedback-analysis/Modal/feedback-modal.component';
@@ -15,13 +14,13 @@ import { AffectedStudentsModalComponent } from 'app/exercises/programming/manage
 import { FeedbackDetailChannelModalComponent } from 'app/exercises/programming/manage/grading/feedback-analysis/Modal/feedback-detail-channel-modal.component';
 import { ChannelDTO } from 'app/entities/metis/conversation/channel.model';
 import { Router } from '@angular/router';
+import { facDetails } from 'app/icons/icons';
 
 @Component({
     selector: 'jhi-feedback-analysis',
     templateUrl: './feedback-analysis.component.html',
     styleUrls: ['./feedback-analysis.component.scss'],
-    standalone: true,
-    imports: [ArtemisSharedCommonModule, SortIconComponent],
+    imports: [ArtemisSharedCommonModule, SortIconComponent, NgbModule, NgbPagination],
     providers: [FeedbackAnalysisService],
 })
 export class FeedbackAnalysisComponent {
@@ -48,8 +47,6 @@ export class FeedbackAnalysisComponent {
 
     readonly TRANSLATION_BASE = 'artemisApp.programmingExercise.configureGrading.feedbackAnalysis';
     readonly faSort = faSort;
-    readonly faSortUp = faSortUp;
-    readonly faSortDown = faSortDown;
     readonly faFilter = faFilter;
     readonly facDetails = facDetails;
     readonly faUsers = faUsers;
diff --git a/src/main/webapp/app/exercises/programming/manage/grading/programming-exercise-configure-grading-actions.component.ts b/src/main/webapp/app/exercises/programming/manage/grading/programming-exercise-configure-grading-actions.component.ts
index 6c91acef5676..7f38b3748fab 100644
--- a/src/main/webapp/app/exercises/programming/manage/grading/programming-exercise-configure-grading-actions.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/grading/programming-exercise-configure-grading-actions.component.ts
@@ -1,5 +1,7 @@
 import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
+import { ProgrammingExerciseReEvaluateButtonComponent } from 'app/exercises/programming/shared/actions/programming-exercise-re-evaluate-button.component';
+import { ProgrammingExerciseTriggerAllButtonComponent } from 'app/exercises/programming/shared/actions/programming-exercise-trigger-all-button.component';
 
 /**
  * The actions of the grading page:
@@ -12,6 +14,7 @@ import { ProgrammingExercise } from 'app/entities/programming/programming-exerci
         <jhi-programming-exercise-re-evaluate-button [exercise]="exercise" [disabled]="isSaving" />
         <jhi-programming-exercise-trigger-all-button [exercise]="exercise" [disabled]="isSaving" (onBuildTriggered)="onBuildTriggered.emit()" />
     `,
+    imports: [ProgrammingExerciseReEvaluateButtonComponent, ProgrammingExerciseTriggerAllButtonComponent],
 })
 export class ProgrammingExerciseConfigureGradingActionsComponent {
     @Input() exercise: ProgrammingExercise;
diff --git a/src/main/webapp/app/exercises/programming/manage/grading/programming-exercise-configure-grading-status.component.ts b/src/main/webapp/app/exercises/programming/manage/grading/programming-exercise-configure-grading-status.component.ts
index cf73c3a9e075..8d3d5b687b86 100644
--- a/src/main/webapp/app/exercises/programming/manage/grading/programming-exercise-configure-grading-status.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/grading/programming-exercise-configure-grading-status.component.ts
@@ -1,5 +1,9 @@
 import { Component, Input } from '@angular/core';
 import { faCheckCircle, faExclamationTriangle, faQuestionCircle } from '@fortawesome/free-solid-svg-icons';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 /**
  * Two status indicators for the test case table:
@@ -79,6 +83,7 @@ import { faCheckCircle, faExclamationTriangle, faQuestionCircle } from '@fortawe
             </ng-template>
         </div>
     `,
+    imports: [FaIconComponent, TranslateDirective, NgbTooltip, ArtemisTranslatePipe],
 })
 export class ProgrammingExerciseConfigureGradingStatusComponent {
     @Input() exerciseIsReleasedAndHasResults: boolean;
diff --git a/src/main/webapp/app/exercises/programming/manage/grading/programming-exercise-configure-grading.component.ts b/src/main/webapp/app/exercises/programming/manage/grading/programming-exercise-configure-grading.component.ts
index 13ce8237d382..f864a080c423 100644
--- a/src/main/webapp/app/exercises/programming/manage/grading/programming-exercise-configure-grading.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/grading/programming-exercise-configure-grading.component.ts
@@ -1,5 +1,5 @@
-import { Location } from '@angular/common';
-import { Component, OnDestroy, OnInit, ViewEncapsulation } from '@angular/core';
+import { Location, NgClass, NgTemplateOutlet } from '@angular/common';
+import { Component, OnDestroy, OnInit, ViewEncapsulation, inject } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { faQuestionCircle, faSort, faSortDown, faSortUp, faSquare } from '@fortawesome/free-solid-svg-icons';
 import { TranslateService } from '@ngx-translate/core';
@@ -17,12 +17,29 @@ import { ProgrammingExerciseGradingService, StaticCodeAnalysisCategoryUpdate } f
 import { ProgrammingExerciseWebsocketService } from 'app/exercises/programming/manage/services/programming-exercise-websocket.service';
 import { ProgrammingExerciseService } from 'app/exercises/programming/manage/services/programming-exercise.service';
 import { SubmissionPolicyService } from 'app/exercises/programming/manage/services/submission-policy.service';
+import { SubmissionPolicyUpdateComponent } from 'app/exercises/shared/submission-policy/submission-policy-update.component';
 import { ComponentCanDeactivate } from 'app/shared/guard/can-deactivate.model';
 import { roundValueSpecifiedByCourseSettings } from 'app/shared/util/utils';
 import { differenceBy as _differenceBy, differenceWith as _differenceWith, intersectionWith as _intersectionWith, unionBy as _unionBy } from 'lodash-es';
 import { Observable, Subscription, of, zip } from 'rxjs';
 import { catchError, distinctUntilChanged, map, take, tap } from 'rxjs/operators';
 import { ProgrammingExerciseTaskService } from 'app/exercises/programming/manage/grading/tasks/programming-exercise-task.service';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ProgrammingExerciseConfigureGradingStatusComponent } from './programming-exercise-configure-grading-status.component';
+import { ProgrammingExerciseConfigureGradingActionsComponent } from './programming-exercise-configure-grading-actions.component';
+import { ProgrammingExerciseGradingSubmissionPolicyConfigurationActionsComponent } from './programming-exercise-grading-submission-policy-configuration-actions.component';
+import { NgbAlert, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { ProgrammingExerciseGradingTasksTableComponent } from './tasks/programming-exercise-grading-tasks-table.component';
+import { TestCaseDistributionChartComponent } from './charts/test-case-distribution-chart.component';
+import { ProgrammingExerciseGradingTableActionsComponent } from './programming-exercise-grading-table-actions.component';
+import { NgxDatatableModule } from '@siemens/ngx-datatable';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { FormsModule } from '@angular/forms';
+import { TableEditableFieldComponent } from 'app/shared/table/table-editable-field.component';
+import { CategoryIssuesChartComponent } from './charts/category-issues-chart.component';
+import { ScaCategoryDistributionChartComponent } from './charts/sca-category-distribution-chart.component';
+import { FeedbackAnalysisComponent } from './feedback-analysis/feedback-analysis.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 /**
  * Describes the editableField
@@ -65,8 +82,43 @@ export type Table = 'testCases' | 'codeAnalysis';
     styleUrls: ['./programming-exercise-configure-grading.scss'],
     encapsulation: ViewEncapsulation.None,
     providers: [ProgrammingExerciseTaskService],
+    imports: [
+        NgClass,
+        TranslateDirective,
+        NgTemplateOutlet,
+        ProgrammingExerciseConfigureGradingStatusComponent,
+        ProgrammingExerciseConfigureGradingActionsComponent,
+        ProgrammingExerciseGradingSubmissionPolicyConfigurationActionsComponent,
+        SubmissionPolicyUpdateComponent,
+        NgbAlert,
+        ProgrammingExerciseGradingTasksTableComponent,
+        TestCaseDistributionChartComponent,
+        ProgrammingExerciseGradingTableActionsComponent,
+        NgxDatatableModule,
+        FaIconComponent,
+        NgbTooltip,
+        FormsModule,
+        TableEditableFieldComponent,
+        CategoryIssuesChartComponent,
+        ScaCategoryDistributionChartComponent,
+        FeedbackAnalysisComponent,
+        ArtemisTranslatePipe,
+    ],
 })
 export class ProgrammingExerciseConfigureGradingComponent implements OnInit, OnDestroy, ComponentCanDeactivate {
+    private accountService = inject(AccountService);
+    private gradingService = inject(ProgrammingExerciseGradingService);
+    private programmingExerciseService = inject(ProgrammingExerciseService);
+    private programmingExerciseSubmissionPolicyService = inject(SubmissionPolicyService);
+    private programmingExerciseWebsocketService = inject(ProgrammingExerciseWebsocketService);
+    private programmingExerciseTaskService = inject(ProgrammingExerciseTaskService);
+    private route = inject(ActivatedRoute);
+    private alertService = inject(AlertService);
+    private translateService = inject(TranslateService);
+    private location = inject(Location);
+    private router = inject(Router);
+    private courseManagementService = inject(CourseManagementService);
+
     readonly EditableField = EditableField;
     readonly CategoryState = StaticCodeAnalysisCategoryState;
     readonly Visibility = Visibility;
@@ -161,21 +213,6 @@ export class ProgrammingExerciseConfigureGradingComponent implements OnInit, OnD
         this.updateTestCaseFilter();
     }
 
-    constructor(
-        private accountService: AccountService,
-        private gradingService: ProgrammingExerciseGradingService,
-        private programmingExerciseService: ProgrammingExerciseService,
-        private programmingExerciseSubmissionPolicyService: SubmissionPolicyService,
-        private programmingExerciseWebsocketService: ProgrammingExerciseWebsocketService,
-        private programmingExerciseTaskService: ProgrammingExerciseTaskService,
-        private route: ActivatedRoute,
-        private alertService: AlertService,
-        private translateService: TranslateService,
-        private location: Location,
-        private router: Router,
-        private courseManagementService: CourseManagementService,
-    ) {}
-
     /**
      * Subscribes to the route params to get the current exerciseId.
      * Uses the exerciseId to subscribe to the newest value of the exercise's test cases.
diff --git a/src/main/webapp/app/exercises/programming/manage/grading/programming-exercise-grading-dirty-warning.component.ts b/src/main/webapp/app/exercises/programming/manage/grading/programming-exercise-grading-dirty-warning.component.ts
index 197d3501fae6..a20231c7616f 100644
--- a/src/main/webapp/app/exercises/programming/manage/grading/programming-exercise-grading-dirty-warning.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/grading/programming-exercise-grading-dirty-warning.component.ts
@@ -1,8 +1,11 @@
-import { Component, Input, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { Component, Input, OnChanges, OnDestroy, SimpleChanges, inject } from '@angular/core';
 import { ProgrammingExerciseWebsocketService } from 'app/exercises/programming/manage/services/programming-exercise-websocket.service';
 import { tap } from 'rxjs/operators';
 import { Subscription } from 'rxjs';
 import { faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 /**
  * Two status indicators for the test case table:
@@ -21,8 +24,11 @@ import { faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';
             />
         }
     `,
+    imports: [FaIconComponent, NgbTooltip, ArtemisTranslatePipe],
 })
 export class ProgrammingExerciseGradingDirtyWarningComponent implements OnChanges, OnDestroy {
+    private programmingExerciseWebsocketService = inject(ProgrammingExerciseWebsocketService);
+
     @Input() programmingExerciseId: number;
     @Input() hasUpdatedGradingConfigInitialValue: boolean;
 
@@ -32,8 +38,6 @@ export class ProgrammingExerciseGradingDirtyWarningComponent implements OnChange
     // Icons
     faExclamationTriangle = faExclamationTriangle;
 
-    constructor(private programmingExerciseWebsocketService: ProgrammingExerciseWebsocketService) {}
-
     /**
      * Set the initial updated test case value on the first change of the property.
      * Subscribe for the test case state. This component is only visible if the programming exercise has updated (= dirty) test cases.
diff --git a/src/main/webapp/app/exercises/programming/manage/grading/programming-exercise-grading-submission-policy-configuration-actions.component.ts b/src/main/webapp/app/exercises/programming/manage/grading/programming-exercise-grading-submission-policy-configuration-actions.component.ts
index 7e5156faaa52..6b6ad0c342cf 100644
--- a/src/main/webapp/app/exercises/programming/manage/grading/programming-exercise-grading-submission-policy-configuration-actions.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/grading/programming-exercise-grading-submission-policy-configuration-actions.component.ts
@@ -3,6 +3,7 @@ import { faSave } from '@fortawesome/free-solid-svg-icons';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { SubmissionPolicyType } from 'app/entities/submission-policy.model';
 import { ButtonType } from 'app/shared/components/button.component';
+import { ButtonComponent } from 'app/shared/components/button.component';
 
 /**
  * The actions of the submission policy configuration:
@@ -43,6 +44,7 @@ import { ButtonType } from 'app/shared/components/button.component';
             }
         </div>
     `,
+    imports: [ButtonComponent],
 })
 export class ProgrammingExerciseGradingSubmissionPolicyConfigurationActionsComponent {
     readonly ButtonType = ButtonType;
diff --git a/src/main/webapp/app/exercises/programming/manage/grading/programming-exercise-grading-table-actions.component.ts b/src/main/webapp/app/exercises/programming/manage/grading/programming-exercise-grading-table-actions.component.ts
index ae956e5b7a96..ee6496ae7ff4 100644
--- a/src/main/webapp/app/exercises/programming/manage/grading/programming-exercise-grading-table-actions.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/grading/programming-exercise-grading-table-actions.component.ts
@@ -1,10 +1,12 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Component, EventEmitter, Input, Output, inject } from '@angular/core';
 import { faCopy } from '@fortawesome/free-solid-svg-icons';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 import { ExerciseType } from 'app/entities/exercise.model';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { GradingTab } from 'app/exercises/programming/manage/grading/programming-exercise-configure-grading.component';
 import { ExerciseImportWrapperComponent } from 'app/exercises/shared/import/exercise-import-wrapper/exercise-import-wrapper.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 /**
  * The actions of the test case table:
@@ -14,8 +16,11 @@ import { ExerciseImportWrapperComponent } from 'app/exercises/shared/import/exer
 @Component({
     selector: 'jhi-programming-exercise-grading-table-actions',
     templateUrl: './programming-exercise-grading-table-actions.component.html',
+    imports: [FaIconComponent, TranslateDirective],
 })
 export class ProgrammingExerciseGradingTableActionsComponent {
+    private modalService = inject(NgbModal);
+
     readonly faCopy = faCopy;
     @Input() exercise: ProgrammingExercise;
     @Input() hasUnsavedChanges: boolean;
@@ -26,8 +31,6 @@ export class ProgrammingExerciseGradingTableActionsComponent {
     @Output() onReset = new EventEmitter();
     @Output() onCategoryImport = new EventEmitter<number>();
 
-    constructor(private modalService: NgbModal) {}
-
     openImportModal() {
         const modalRef = this.modalService.open(ExerciseImportWrapperComponent, { size: 'lg', backdrop: 'static' });
         modalRef.componentInstance.exerciseType = ExerciseType.PROGRAMMING;
diff --git a/src/main/webapp/app/exercises/programming/manage/grading/programming-exercise-grading.module.ts b/src/main/webapp/app/exercises/programming/manage/grading/programming-exercise-grading.module.ts
index 705638a44789..d8dd1a51f35a 100644
--- a/src/main/webapp/app/exercises/programming/manage/grading/programming-exercise-grading.module.ts
+++ b/src/main/webapp/app/exercises/programming/manage/grading/programming-exercise-grading.module.ts
@@ -35,8 +35,6 @@ import { FeedbackAnalysisComponent } from 'app/exercises/programming/manage/grad
         SubmissionPolicyUpdateModule,
         BarChartModule,
         FeedbackAnalysisComponent,
-    ],
-    declarations: [
         ProgrammingExerciseConfigureGradingComponent,
         ProgrammingExerciseConfigureGradingStatusComponent,
         ProgrammingExerciseConfigureGradingActionsComponent,
diff --git a/src/main/webapp/app/exercises/programming/manage/grading/tasks/programming-exercise-grading-tasks-table.component.ts b/src/main/webapp/app/exercises/programming/manage/grading/tasks/programming-exercise-grading-tasks-table.component.ts
index ec88a4dc9ae1..c5f037d7151a 100644
--- a/src/main/webapp/app/exercises/programming/manage/grading/tasks/programming-exercise-grading-tasks-table.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/grading/tasks/programming-exercise-grading-tasks-table.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input, OnInit, inject } from '@angular/core';
 import { ProgrammingExerciseTaskService } from 'app/exercises/programming/manage/grading/tasks/programming-exercise-task.service';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { Course } from 'app/entities/course.model';
@@ -9,6 +9,13 @@ import { Observable, Subject } from 'rxjs';
 import { ProgrammingExerciseTestCase } from 'app/entities/programming/programming-exercise-test-case.model';
 import { isExamExercise } from 'app/shared/util/utils';
 import { ProgrammingExerciseServerSideTask } from 'app/entities/programming-exercise-task.model';
+import { ButtonComponent } from 'app/shared/components/button.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FormsModule } from '@angular/forms';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ProgrammingExerciseTaskComponent } from './programming-exercise-task/programming-exercise-task.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 type Sort = {
     by: 'name' | 'weight' | 'multiplier' | 'bonusPoints' | 'visibility' | 'resulting' | 'type';
@@ -21,8 +28,11 @@ type TaskComparator = (a: ProgrammingExerciseTask | ProgrammingExerciseTestCase,
     selector: 'jhi-programming-exercise-grading-tasks-table',
     templateUrl: './programming-exercise-grading-tasks-table.component.html',
     styleUrls: ['./programming-exercise-grading-tasks-table.scss'],
+    imports: [ButtonComponent, TranslateDirective, FormsModule, NgbTooltip, FaIconComponent, ProgrammingExerciseTaskComponent, ArtemisTranslatePipe],
 })
 export class ProgrammingExerciseGradingTasksTableComponent implements OnInit {
+    private taskService = inject(ProgrammingExerciseTaskService);
+
     @Input() exercise: ProgrammingExercise;
     @Input() course: Course;
     @Input() gradingStatisticsObservable: Observable<ProgrammingExerciseGradingStatistics>;
@@ -41,14 +51,12 @@ export class ProgrammingExerciseGradingTasksTableComponent implements OnInit {
 
     currentSort: Sort | undefined;
 
-    isExamExercise: boolean = false;
+    isExamExercise = false;
 
     get ignoreInactive() {
         return this.taskService.ignoreInactive;
     }
 
-    constructor(private taskService: ProgrammingExerciseTaskService) {}
-
     ngOnInit(): void {
         this.allTasksExpandedSubject = new Subject();
         this.gradingStatisticsObservable.subscribe((gradingStatistics) => {
diff --git a/src/main/webapp/app/exercises/programming/manage/grading/tasks/programming-exercise-task.service.ts b/src/main/webapp/app/exercises/programming/manage/grading/tasks/programming-exercise-task.service.ts
index 3021e5e548f2..9c9fd15cbd65 100644
--- a/src/main/webapp/app/exercises/programming/manage/grading/tasks/programming-exercise-task.service.ts
+++ b/src/main/webapp/app/exercises/programming/manage/grading/tasks/programming-exercise-task.service.ts
@@ -1,5 +1,5 @@
 import { HttpClient, HttpErrorResponse } from '@angular/common/http';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ProgrammingExerciseServerSideTask } from 'app/entities/programming-exercise-task.model';
 import { Observable, catchError, of, tap } from 'rxjs';
 import { Exercise } from 'app/entities/exercise.model';
@@ -15,6 +15,10 @@ import { map, mergeMap } from 'rxjs/operators';
 
 @Injectable()
 export class ProgrammingExerciseTaskService {
+    private http = inject(HttpClient);
+    private alertService = inject(AlertService);
+    private gradingService = inject(ProgrammingExerciseGradingService);
+
     exercise: ProgrammingExercise;
     course: Course;
     gradingStatistics: ProgrammingExerciseGradingStatistics;
@@ -28,12 +32,6 @@ export class ProgrammingExerciseTaskService {
 
     public resourceUrl = 'api/programming-exercises';
 
-    constructor(
-        private http: HttpClient,
-        private alertService: AlertService,
-        private gradingService: ProgrammingExerciseGradingService,
-    ) {}
-
     get totalWeights() {
         return sum(this.testCases.map(({ weight }) => weight ?? 0));
     }
diff --git a/src/main/webapp/app/exercises/programming/manage/grading/tasks/programming-exercise-task/programming-exercise-task.component.ts b/src/main/webapp/app/exercises/programming/manage/grading/tasks/programming-exercise-task/programming-exercise-task.component.ts
index 837c0210f76d..9ad4da1ce5b5 100644
--- a/src/main/webapp/app/exercises/programming/manage/grading/tasks/programming-exercise-task/programming-exercise-task.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/grading/tasks/programming-exercise-task/programming-exercise-task.component.ts
@@ -1,16 +1,23 @@
-import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { Component, EventEmitter, Input, OnInit, Output, inject } from '@angular/core';
 import { faAngleDown, faAngleRight } from '@fortawesome/free-solid-svg-icons';
 import { ProgrammingExerciseTask } from 'app/exercises/programming/manage/grading/tasks/programming-exercise-task';
 import { ProgrammingExerciseTestCase, Visibility } from 'app/entities/programming/programming-exercise-test-case.model';
 import { ProgrammingExerciseTaskService } from '../programming-exercise-task.service';
 import { Subject } from 'rxjs';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { FormsModule } from '@angular/forms';
+import { TestCasePassedBuildsChartComponent } from '../../charts/test-case-passed-builds-chart.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-programming-exercise-task',
     templateUrl: './programming-exercise-task.component.html',
     styleUrls: ['../programming-exercise-grading-tasks-table.scss'],
+    imports: [FaIconComponent, FormsModule, TestCasePassedBuildsChartComponent, ArtemisTranslatePipe],
 })
 export class ProgrammingExerciseTaskComponent implements OnInit {
+    private programmingExerciseTaskService = inject(ProgrammingExerciseTaskService);
+
     @Input() index: number;
     @Input() task: ProgrammingExerciseTask;
     @Input() openSubject: Subject<boolean>;
@@ -31,8 +38,6 @@ export class ProgrammingExerciseTaskComponent implements OnInit {
         return this.programmingExerciseTaskService?.gradingStatistics?.numParticipations ?? 0;
     }
 
-    constructor(private programmingExerciseTaskService: ProgrammingExerciseTaskService) {}
-
     ngOnInit(): void {
         this.openSubject.subscribe((open) => (this.open = open));
 
diff --git a/src/main/webapp/app/exercises/programming/manage/instructions-editor/analysis/programming-exercise-instruction-analysis.component.ts b/src/main/webapp/app/exercises/programming/manage/instructions-editor/analysis/programming-exercise-instruction-analysis.component.ts
index 026a37bbdc0d..0a3581a8062f 100644
--- a/src/main/webapp/app/exercises/programming/manage/instructions-editor/analysis/programming-exercise-instruction-analysis.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/instructions-editor/analysis/programming-exercise-instruction-analysis.component.ts
@@ -1,15 +1,23 @@
-import { Component, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Output, SimpleChanges } from '@angular/core';
+import { Component, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Output, SimpleChanges, inject } from '@angular/core';
 import { Subject, Subscription } from 'rxjs';
 import { debounceTime, map, tap } from 'rxjs/operators';
 import { ProgrammingExerciseInstructionAnalysisService } from 'app/exercises/programming/manage/instructions-editor/analysis/programming-exercise-instruction-analysis.service';
 import { ProblemStatementAnalysis } from 'app/exercises/programming/manage/instructions-editor/analysis/programming-exercise-instruction-analysis.model';
 import { faCheckCircle, faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { TaskCountWarningComponent } from './task-count-warning/task-count-warning.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-programming-exercise-instruction-instructor-analysis',
     templateUrl: './programming-exercise-instruction-analysis.component.html',
+    imports: [FaIconComponent, NgbTooltip, TranslateDirective, TaskCountWarningComponent, ArtemisTranslatePipe],
 })
 export class ProgrammingExerciseInstructionAnalysisComponent implements OnInit, OnChanges, OnDestroy {
+    private analysisService = inject(ProgrammingExerciseInstructionAnalysisService);
+
     @Input() exerciseTestCases: string[];
     @Input() problemStatement: string;
     @Input() taskRegex: RegExp;
@@ -27,8 +35,6 @@ export class ProgrammingExerciseInstructionAnalysisComponent implements OnInit,
     faCheckCircle = faCheckCircle;
     faExclamationTriangle = faExclamationTriangle;
 
-    constructor(private analysisService: ProgrammingExerciseInstructionAnalysisService) {}
-
     ngOnInit(): void {
         this.analysisSubscription = this.delayedAnalysisSubject
             .pipe(
diff --git a/src/main/webapp/app/exercises/programming/manage/instructions-editor/analysis/programming-exercise-instruction-analysis.service.ts b/src/main/webapp/app/exercises/programming/manage/instructions-editor/analysis/programming-exercise-instruction-analysis.service.ts
index 14f8dc19b04a..d65778147c7c 100644
--- a/src/main/webapp/app/exercises/programming/manage/instructions-editor/analysis/programming-exercise-instruction-analysis.service.ts
+++ b/src/main/webapp/app/exercises/programming/manage/instructions-editor/analysis/programming-exercise-instruction-analysis.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import { uniq } from 'lodash-es';
 import { RegExpLineNumberMatchArray, matchRegexWithLineNumbers } from 'app/shared/util/global.utils';
@@ -17,7 +17,7 @@ const REPEATED_TEST_CASE_TRANSLATION = 'artemisApp.programmingExercise.testCaseA
  */
 @Injectable()
 export class ProgrammingExerciseInstructionAnalysisService {
-    constructor(private translateService: TranslateService) {}
+    private translateService = inject(TranslateService);
 
     /**
      * Given a programming exercise's problem statement, analyze the test cases contained (or not contained!) in it.
diff --git a/src/main/webapp/app/exercises/programming/manage/instructions-editor/analysis/task-count-warning/task-count-warning.component.ts b/src/main/webapp/app/exercises/programming/manage/instructions-editor/analysis/task-count-warning/task-count-warning.component.ts
index 1fd2ec9f876e..e6b6f52c532b 100644
--- a/src/main/webapp/app/exercises/programming/manage/instructions-editor/analysis/task-count-warning/task-count-warning.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/instructions-editor/analysis/task-count-warning/task-count-warning.component.ts
@@ -1,9 +1,13 @@
 import { Component, Input } from '@angular/core';
 import { faCheckCircle, faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
     selector: 'jhi-task-count-warning',
     templateUrl: './task-count-warning.component.html',
+    imports: [FaIconComponent, NgbTooltip, TranslateDirective],
 })
 export class TaskCountWarningComponent {
     readonly faExclamationTriangle = faExclamationTriangle;
diff --git a/src/main/webapp/app/exercises/programming/manage/instructions-editor/programming-exercise-editable-instruction.component.ts b/src/main/webapp/app/exercises/programming/manage/instructions-editor/programming-exercise-editable-instruction.component.ts
index f945acc5a972..c755be38732a 100644
--- a/src/main/webapp/app/exercises/programming/manage/instructions-editor/programming-exercise-editable-instruction.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/instructions-editor/programming-exercise-editable-instruction.component.ts
@@ -1,5 +1,6 @@
-import { AfterViewInit, Component, EventEmitter, HostListener, Input, OnChanges, OnDestroy, Output, SimpleChanges, ViewChild, ViewEncapsulation } from '@angular/core';
+import { AfterViewInit, Component, EventEmitter, HostListener, Input, OnChanges, OnDestroy, Output, SimpleChanges, ViewChild, ViewEncapsulation, inject } from '@angular/core';
 import { AlertService } from 'app/core/util/alert.service';
+import { ProgrammingExerciseInstructionComponent } from 'app/exercises/programming/shared/instructions-render/programming-exercise-instruction.component';
 import { Observable, Subject, Subscription, of, throwError } from 'rxjs';
 import { catchError, map as rxMap, switchMap, tap } from 'rxjs/operators';
 import { ProgrammingExerciseTestCase } from 'app/entities/programming/programming-exercise-test-case.model';
@@ -18,14 +19,35 @@ import { FormulaAction } from 'app/shared/monaco-editor/model/actions/formula.ac
 import { TaskAction } from 'app/shared/monaco-editor/model/actions/task.action';
 import { TestCaseAction } from 'app/shared/monaco-editor/model/actions/test-case.action';
 import { TextEditorDomainAction } from 'app/shared/monaco-editor/model/actions/text-editor-domain-action.model';
+import { NgClass } from '@angular/common';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { ProgrammingExerciseInstructionAnalysisComponent } from './analysis/programming-exercise-instruction-analysis.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-programming-exercise-editable-instructions',
     templateUrl: './programming-exercise-editable-instruction.component.html',
     styleUrls: ['./programming-exercise-editable-instruction.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [
+        MarkdownEditorMonacoComponent,
+        ProgrammingExerciseInstructionComponent,
+        NgClass,
+        FaIconComponent,
+        TranslateDirective,
+        NgbTooltip,
+        ProgrammingExerciseInstructionAnalysisComponent,
+        ArtemisTranslatePipe,
+    ],
 })
 export class ProgrammingExerciseEditableInstructionComponent implements AfterViewInit, OnChanges, OnDestroy {
+    private programmingExerciseService = inject(ProgrammingExerciseService);
+    private alertService = inject(AlertService);
+    private programmingExerciseParticipationService = inject(ProgrammingExerciseParticipationService);
+    private testCaseService = inject(ProgrammingExerciseGradingService);
+
     participationValue: Participation;
     programmingExercise: ProgrammingExercise;
 
@@ -95,13 +117,6 @@ export class ProgrammingExerciseEditableInstructionComponent implements AfterVie
 
     protected readonly MarkdownEditorHeight = MarkdownEditorHeight;
 
-    constructor(
-        private programmingExerciseService: ProgrammingExerciseService,
-        private alertService: AlertService,
-        private programmingExerciseParticipationService: ProgrammingExerciseParticipationService,
-        private testCaseService: ProgrammingExerciseGradingService,
-    ) {}
-
     ngOnChanges(changes: SimpleChanges): void {
         if (hasExerciseChanged(changes)) {
             this.setupTestCaseSubscription();
diff --git a/src/main/webapp/app/exercises/programming/manage/instructions-editor/programming-exercise-instructions-editor.module.ts b/src/main/webapp/app/exercises/programming/manage/instructions-editor/programming-exercise-instructions-editor.module.ts
index 5507f89b908c..61b8b32a15c2 100644
--- a/src/main/webapp/app/exercises/programming/manage/instructions-editor/programming-exercise-instructions-editor.module.ts
+++ b/src/main/webapp/app/exercises/programming/manage/instructions-editor/programming-exercise-instructions-editor.module.ts
@@ -9,8 +9,15 @@ import { ProgrammingExerciseInstructionAnalysisService } from 'app/exercises/pro
 import { TaskCountWarningComponent } from './analysis/task-count-warning/task-count-warning.component';
 
 @NgModule({
-    imports: [ArtemisSharedModule, ArtemisProgrammingExerciseInstructionsRenderModule, ArtemisMarkdownEditorModule, ArtemisProgrammingExerciseStatusModule],
-    declarations: [ProgrammingExerciseEditableInstructionComponent, ProgrammingExerciseInstructionAnalysisComponent, TaskCountWarningComponent],
+    imports: [
+        ArtemisSharedModule,
+        ArtemisProgrammingExerciseInstructionsRenderModule,
+        ArtemisMarkdownEditorModule,
+        ArtemisProgrammingExerciseStatusModule,
+        ProgrammingExerciseEditableInstructionComponent,
+        ProgrammingExerciseInstructionAnalysisComponent,
+        TaskCountWarningComponent,
+    ],
     providers: [ProgrammingExerciseInstructionAnalysisService],
     exports: [ArtemisProgrammingExerciseInstructionsRenderModule, ProgrammingExerciseEditableInstructionComponent],
 })
diff --git a/src/main/webapp/app/exercises/programming/manage/programming-exercise-create-buttons.component.ts b/src/main/webapp/app/exercises/programming/manage/programming-exercise-create-buttons.component.ts
index 9c842a025b85..b07cbb6b9082 100644
--- a/src/main/webapp/app/exercises/programming/manage/programming-exercise-create-buttons.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/programming-exercise-create-buttons.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, inject } from '@angular/core';
 import { Course } from 'app/entities/course.model';
 import { FeatureToggle } from 'app/shared/feature-toggle/feature-toggle.service';
 import { faFileImport, faKeyboard, faPlus } from '@fortawesome/free-solid-svg-icons';
@@ -6,13 +6,21 @@ import { ExerciseImportWrapperComponent } from 'app/exercises/shared/import/exer
 import { ExerciseType } from 'app/entities/exercise.model';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
-import { Router } from '@angular/router';
+import { Router, RouterLink } from '@angular/router';
+import { FeatureToggleLinkDirective } from 'app/shared/feature-toggle/feature-toggle-link.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FeatureToggleDirective } from 'app/shared/feature-toggle/feature-toggle.directive';
 
 @Component({
     selector: 'jhi-programming-exercise-create-buttons',
     templateUrl: './programming-exercise-create-buttons.component.html',
+    imports: [FeatureToggleLinkDirective, RouterLink, FaIconComponent, TranslateDirective, FeatureToggleDirective],
 })
 export class ProgrammingExerciseCreateButtonsComponent {
+    private router = inject(Router);
+    private modalService = inject(NgbModal);
+
     readonly FeatureToggle = FeatureToggle;
 
     @Input()
@@ -22,11 +30,6 @@ export class ProgrammingExerciseCreateButtonsComponent {
     faFileImport = faFileImport;
     faKeyboard = faKeyboard;
 
-    constructor(
-        private router: Router,
-        private modalService: NgbModal,
-    ) {}
-
     openImportModal() {
         const modalRef = this.modalService.open(ExerciseImportWrapperComponent, { size: 'lg', backdrop: 'static' });
         modalRef.componentInstance.exerciseType = ExerciseType.PROGRAMMING;
diff --git a/src/main/webapp/app/exercises/programming/manage/programming-exercise-detail.component.ts b/src/main/webapp/app/exercises/programming/manage/programming-exercise-detail.component.ts
index a7ae630cfa52..c3eff649807f 100644
--- a/src/main/webapp/app/exercises/programming/manage/programming-exercise-detail.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/programming-exercise-detail.component.ts
@@ -1,7 +1,8 @@
-import { Component, OnDestroy, OnInit, ViewEncapsulation } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
+import { Component, OnDestroy, OnInit, ViewEncapsulation, inject } from '@angular/core';
+import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 import { SafeHtml } from '@angular/platform-browser';
 import { ProgrammingExerciseBuildConfig } from 'app/entities/programming/programming-exercise-build.config';
+import { ExerciseDetailStatisticsComponent } from 'app/exercises/shared/statistics/exercise-detail-statistics.component';
 import { Subject, Subscription, of } from 'rxjs';
 import { ProgrammingExercise, ProgrammingLanguage } from 'app/entities/programming/programming-exercise.model';
 import { ProgrammingExerciseService } from 'app/exercises/programming/manage/services/programming-exercise.service';
@@ -13,7 +14,7 @@ import { ActionType } from 'app/shared/delete-dialog/delete-dialog.model';
 import { FeatureToggle } from 'app/shared/feature-toggle/feature-toggle.service';
 import { ExerciseService } from 'app/exercises/shared/exercise/exercise.service';
 import { ExerciseType, IncludedInOverallScore } from 'app/entities/exercise.model';
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { NgbModal, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 import { ConfirmAutofocusModalComponent } from 'app/shared/components/confirm-autofocus-modal.component';
 import { TranslateService } from '@ngx-translate/core';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
@@ -58,14 +59,59 @@ import { AeolusService } from 'app/exercises/programming/shared/service/aeolus.s
 import { catchError, mergeMap, tap } from 'rxjs/operators';
 import { ProgrammingExerciseGitDiffReport } from 'app/entities/programming-exercise-git-diff-report.model';
 import { BuildLogStatisticsDTO } from 'app/entities/programming/build-log-statistics-dto';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { DocumentationButtonComponent } from 'app/shared/components/documentation-button/documentation-button.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { OrionFilterDirective } from 'app/shared/orion/orion-filter.directive';
+import { FeatureToggleLinkDirective } from 'app/shared/feature-toggle/feature-toggle-link.directive';
+import { ProgrammingExerciseInstructorExerciseDownloadComponent } from '../shared/actions/programming-exercise-instructor-exercise-download.component';
+import { FeatureToggleDirective } from 'app/shared/feature-toggle/feature-toggle.directive';
+import { ProgrammingExerciseResetButtonDirective } from './reset/programming-exercise-reset-button.directive';
+import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
+import { DetailOverviewListComponent } from 'app/detail-overview-list/detail-overview-list.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-programming-exercise-detail',
     templateUrl: './programming-exercise-detail.component.html',
     styleUrls: ['./programming-exercise-detail.component.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [
+        TranslateDirective,
+        DocumentationButtonComponent,
+        RouterLink,
+        FaIconComponent,
+        OrionFilterDirective,
+        FeatureToggleLinkDirective,
+        NgbTooltip,
+        ProgrammingExerciseInstructorExerciseDownloadComponent,
+        FeatureToggleDirective,
+        ProgrammingExerciseResetButtonDirective,
+        DeleteButtonDirective,
+        ExerciseDetailStatisticsComponent,
+        DetailOverviewListComponent,
+        ArtemisTranslatePipe,
+    ],
 })
 export class ProgrammingExerciseDetailComponent implements OnInit, OnDestroy {
+    private activatedRoute = inject(ActivatedRoute);
+    private accountService = inject(AccountService);
+    private programmingExerciseService = inject(ProgrammingExerciseService);
+    exerciseService = inject(ExerciseService);
+    private artemisMarkdown = inject(ArtemisMarkdownService);
+    private alertService = inject(AlertService);
+    private programmingExerciseSubmissionPolicyService = inject(SubmissionPolicyService);
+    private eventManager = inject(EventManager);
+    modalService = inject(NgbModal);
+    private translateService = inject(TranslateService);
+    private profileService = inject(ProfileService);
+    private statisticsService = inject(StatisticsService);
+    private router = inject(Router);
+    private programmingLanguageFeatureService = inject(ProgrammingLanguageFeatureService);
+    private consistencyCheckService = inject(ConsistencyCheckService);
+    private irisSettingsService = inject(IrisSettingsService);
+    private aeolusService = inject(AeolusService);
+
     protected readonly dayjs = dayjs;
     protected readonly ActionType = ActionType;
     protected readonly ProgrammingExerciseParticipationType = ProgrammingExerciseParticipationType;
@@ -131,26 +177,6 @@ export class ProgrammingExerciseDetailComponent implements OnInit, OnDestroy {
 
     exerciseDetailSections: DetailOverviewSection[];
 
-    constructor(
-        private activatedRoute: ActivatedRoute,
-        private accountService: AccountService,
-        private programmingExerciseService: ProgrammingExerciseService,
-        public exerciseService: ExerciseService,
-        private artemisMarkdown: ArtemisMarkdownService,
-        private alertService: AlertService,
-        private programmingExerciseSubmissionPolicyService: SubmissionPolicyService,
-        private eventManager: EventManager,
-        public modalService: NgbModal,
-        private translateService: TranslateService,
-        private profileService: ProfileService,
-        private statisticsService: StatisticsService,
-        private router: Router,
-        private programmingLanguageFeatureService: ProgrammingLanguageFeatureService,
-        private consistencyCheckService: ConsistencyCheckService,
-        private irisSettingsService: IrisSettingsService,
-        private aeolusService: AeolusService,
-    ) {}
-
     ngOnInit() {
         this.checkBuildPlanEditable();
 
diff --git a/src/main/webapp/app/exercises/programming/manage/programming-exercise-edit-selected.component.ts b/src/main/webapp/app/exercises/programming/manage/programming-exercise-edit-selected.component.ts
index 287e50b11913..0761976562a0 100644
--- a/src/main/webapp/app/exercises/programming/manage/programming-exercise-edit-selected.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/programming-exercise-edit-selected.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { TranslateService } from '@ngx-translate/core';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
@@ -8,12 +8,25 @@ import { ProgrammingExerciseService } from 'app/exercises/programming/manage/ser
 import { AlertService, AlertType } from 'app/core/util/alert.service';
 import { faSave } from '@fortawesome/free-solid-svg-icons';
 import { ExerciseService } from 'app/exercises/shared/exercise/exercise.service';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FormsModule } from '@angular/forms';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { ProgrammingExerciseLifecycleComponent } from '../shared/lifecycle/programming-exercise-lifecycle.component';
+import { ButtonComponent } from 'app/shared/components/button.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 @Component({
     selector: 'jhi-programming-exercise-edit-selected',
     templateUrl: './programming-exercise-edit-selected.component.html',
+    imports: [TranslateDirective, FormsModule, HelpIconComponent, ProgrammingExerciseLifecycleComponent, ButtonComponent, FaIconComponent],
 })
 export class ProgrammingExerciseEditSelectedComponent implements OnInit {
+    private activeModal = inject(NgbActiveModal);
+    private translateService = inject(TranslateService);
+    private alertService = inject(AlertService);
+    private programmingExerciseService = inject(ProgrammingExerciseService);
+    private exerciseService = inject(ExerciseService);
+
     newProgrammingExercise: ProgrammingExercise;
     selectedProgrammingExercises: ProgrammingExercise[];
 
@@ -27,14 +40,6 @@ export class ProgrammingExerciseEditSelectedComponent implements OnInit {
     // Icons
     faSave = faSave;
 
-    constructor(
-        private activeModal: NgbActiveModal,
-        private translateService: TranslateService,
-        private alertService: AlertService,
-        private programmingExerciseService: ProgrammingExerciseService,
-        private exerciseService: ExerciseService,
-    ) {}
-
     ngOnInit(): void {
         this.notificationText = undefined;
         this.newProgrammingExercise = new ProgrammingExercise(undefined, undefined);
diff --git a/src/main/webapp/app/exercises/programming/manage/programming-exercise-management-routing.module.ts b/src/main/webapp/app/exercises/programming/manage/programming-exercise-management-routing.module.ts
index bda9a0f7860c..c44e83c4b563 100644
--- a/src/main/webapp/app/exercises/programming/manage/programming-exercise-management-routing.module.ts
+++ b/src/main/webapp/app/exercises/programming/manage/programming-exercise-management-routing.module.ts
@@ -1,27 +1,20 @@
 import { ActivatedRouteSnapshot, Resolve, RouterModule, Routes } from '@angular/router';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
-import { Injectable, NgModule } from '@angular/core';
-import { ProgrammingExerciseDetailComponent } from 'app/exercises/programming/manage/programming-exercise-detail.component';
-import { ProgrammingExerciseUpdateComponent } from 'app/exercises/programming/manage/update/programming-exercise-update.component';
+import { Injectable, NgModule, inject } from '@angular/core';
+
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { ProgrammingExerciseService } from 'app/exercises/programming/manage/services/programming-exercise.service';
 import { map } from 'rxjs/operators';
 import { HttpResponse } from '@angular/common/http';
 import { of } from 'rxjs';
-import { ProgrammingExerciseConfigureGradingComponent } from 'app/exercises/programming/manage/grading/programming-exercise-configure-grading.component';
+
 import { Authority } from 'app/shared/constants/authority.constants';
-import { PlagiarismInspectorComponent } from 'app/exercises/shared/plagiarism/plagiarism-inspector/plagiarism-inspector.component';
-import { ExerciseStatisticsComponent } from 'app/exercises/shared/statistics/exercise-statistics.component';
-import { BuildPlanEditorComponent } from 'app/exercises/programming/manage/build-plan-editor.component';
-import { RepositoryViewComponent } from 'app/localvc/repository-view/repository-view.component';
-import { CommitHistoryComponent } from 'app/localvc/commit-history/commit-history.component';
-import { CommitDetailsViewComponent } from 'app/localvc/commit-details-view/commit-details-view.component';
+
 import { LocalVCGuard } from 'app/localvc/localvc-guard.service';
-import { VcsRepositoryAccessLogViewComponent } from 'app/localvc/vcs-repository-access-log-view/vcs-repository-access-log-view.component';
 
 @Injectable({ providedIn: 'root' })
 export class ProgrammingExerciseResolve implements Resolve<ProgrammingExercise> {
-    constructor(private service: ProgrammingExerciseService) {}
+    private service = inject(ProgrammingExerciseService);
 
     resolve(route: ActivatedRouteSnapshot) {
         const exerciseId = route.params['exerciseId'] ? route.params['exerciseId'] : undefined;
@@ -35,7 +28,7 @@ export class ProgrammingExerciseResolve implements Resolve<ProgrammingExercise>
 export const routes: Routes = [
     {
         path: ':courseId/programming-exercises/new',
-        component: ProgrammingExerciseUpdateComponent,
+        loadComponent: () => import('app/exercises/programming/manage/update/programming-exercise-update.component').then((m) => m.ProgrammingExerciseUpdateComponent),
         resolve: {
             programmingExercise: ProgrammingExerciseResolve,
         },
@@ -47,7 +40,7 @@ export const routes: Routes = [
     },
     {
         path: ':courseId/programming-exercises/:exerciseId/edit',
-        component: ProgrammingExerciseUpdateComponent,
+        loadComponent: () => import('app/exercises/programming/manage/update/programming-exercise-update.component').then((m) => m.ProgrammingExerciseUpdateComponent),
         resolve: {
             programmingExercise: ProgrammingExerciseResolve,
         },
@@ -59,7 +52,7 @@ export const routes: Routes = [
     },
     {
         path: ':courseId/programming-exercises/import/:exerciseId',
-        component: ProgrammingExerciseUpdateComponent,
+        loadComponent: () => import('app/exercises/programming/manage/update/programming-exercise-update.component').then((m) => m.ProgrammingExerciseUpdateComponent),
         resolve: {
             programmingExercise: ProgrammingExerciseResolve,
         },
@@ -71,7 +64,7 @@ export const routes: Routes = [
     },
     {
         path: ':courseId/programming-exercises/import-from-file',
-        component: ProgrammingExerciseUpdateComponent,
+        loadComponent: () => import('app/exercises/programming/manage/update/programming-exercise-update.component').then((m) => m.ProgrammingExerciseUpdateComponent),
         resolve: {
             programmingExercise: ProgrammingExerciseResolve,
         },
@@ -83,7 +76,7 @@ export const routes: Routes = [
     },
     {
         path: ':courseId/programming-exercises/:exerciseId',
-        component: ProgrammingExerciseDetailComponent,
+        loadComponent: () => import('app/exercises/programming/manage/programming-exercise-detail.component').then((m) => m.ProgrammingExerciseDetailComponent),
         resolve: {
             programmingExercise: ProgrammingExerciseResolve,
         },
@@ -95,7 +88,7 @@ export const routes: Routes = [
     },
     {
         path: ':courseId/programming-exercises/:exerciseId/plagiarism',
-        component: PlagiarismInspectorComponent,
+        loadComponent: () => import('app/exercises/shared/plagiarism/plagiarism-inspector/plagiarism-inspector.component').then((m) => m.PlagiarismInspectorComponent),
         resolve: {
             exercise: ProgrammingExerciseResolve,
         },
@@ -107,7 +100,8 @@ export const routes: Routes = [
     },
     {
         path: ':courseId/programming-exercises/:exerciseId/grading/:tab',
-        component: ProgrammingExerciseConfigureGradingComponent,
+        loadComponent: () =>
+            import('app/exercises/programming/manage/grading/programming-exercise-configure-grading.component').then((m) => m.ProgrammingExerciseConfigureGradingComponent),
         data: {
             authorities: [Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.programmingExercise.home.title',
@@ -120,7 +114,7 @@ export const routes: Routes = [
     },
     {
         path: ':courseId/programming-exercises/:exerciseId/exercise-statistics',
-        component: ExerciseStatisticsComponent,
+        loadComponent: () => import('app/exercises/shared/statistics/exercise-statistics.component').then((m) => m.ExerciseStatisticsComponent),
         resolve: {
             exercise: ProgrammingExerciseResolve,
         },
@@ -137,7 +131,7 @@ export const routes: Routes = [
     },
     {
         path: ':courseId/programming-exercises/:exerciseId/edit-build-plan',
-        component: BuildPlanEditorComponent,
+        loadComponent: () => import('app/exercises/programming/manage/build-plan-editor.component').then((m) => m.BuildPlanEditorComponent),
         resolve: {
             exercise: ProgrammingExerciseResolve,
         },
@@ -149,7 +143,7 @@ export const routes: Routes = [
     },
     {
         path: ':courseId/programming-exercises/:exerciseId/repository/:repositoryType',
-        component: RepositoryViewComponent,
+        loadComponent: () => import('app/localvc/repository-view/repository-view.component').then((m) => m.RepositoryViewComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR, Authority.EDITOR, Authority.TA],
             pageTitle: 'artemisApp.repository.title',
@@ -158,7 +152,7 @@ export const routes: Routes = [
     },
     {
         path: ':courseId/programming-exercises/:exerciseId/repository/:repositoryType/repo/:repositoryId',
-        component: RepositoryViewComponent,
+        loadComponent: () => import('app/localvc/repository-view/repository-view.component').then((m) => m.RepositoryViewComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR, Authority.EDITOR, Authority.TA],
             pageTitle: 'artemisApp.repository.title',
@@ -167,7 +161,7 @@ export const routes: Routes = [
     },
     {
         path: ':courseId/programming-exercises/:exerciseId/repository/:repositoryType/commit-history',
-        component: CommitHistoryComponent,
+        loadComponent: () => import('app/localvc/commit-history/commit-history.component').then((m) => m.CommitHistoryComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR, Authority.EDITOR],
             pageTitle: 'artemisApp.repository.title',
@@ -176,7 +170,7 @@ export const routes: Routes = [
     },
     {
         path: ':courseId/programming-exercises/:exerciseId/repository/:repositoryType/repo/:repositoryId/commit-history',
-        component: CommitHistoryComponent,
+        loadComponent: () => import('app/localvc/commit-history/commit-history.component').then((m) => m.CommitHistoryComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR, Authority.EDITOR],
             pageTitle: 'artemisApp.repository.title',
@@ -185,7 +179,7 @@ export const routes: Routes = [
     },
     {
         path: ':courseId/programming-exercises/:exerciseId/repository/:repositoryType/vcs-access-log',
-        component: VcsRepositoryAccessLogViewComponent,
+        loadComponent: () => import('app/localvc/vcs-repository-access-log-view/vcs-repository-access-log-view.component').then((m) => m.VcsRepositoryAccessLogViewComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR],
             pageTitle: 'artemisApp.repository.title',
@@ -194,7 +188,7 @@ export const routes: Routes = [
     },
     {
         path: ':courseId/programming-exercises/:exerciseId/repository/:repositoryType/repo/:repositoryId/vcs-access-log',
-        component: VcsRepositoryAccessLogViewComponent,
+        loadComponent: () => import('app/localvc/vcs-repository-access-log-view/vcs-repository-access-log-view.component').then((m) => m.VcsRepositoryAccessLogViewComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR],
             pageTitle: 'artemisApp.repository.title',
@@ -203,7 +197,7 @@ export const routes: Routes = [
     },
     {
         path: ':courseId/programming-exercises/:exerciseId/repository/:repositoryType/commit-history/:commitHash',
-        component: CommitDetailsViewComponent,
+        loadComponent: () => import('app/localvc/commit-details-view/commit-details-view.component').then((m) => m.CommitDetailsViewComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR, Authority.EDITOR],
             pageTitle: 'artemisApp.repository.title',
@@ -212,7 +206,7 @@ export const routes: Routes = [
     },
     {
         path: ':courseId/programming-exercises/:exerciseId/participations/:participationId/repository',
-        component: RepositoryViewComponent,
+        loadComponent: () => import('app/localvc/repository-view/repository-view.component').then((m) => m.RepositoryViewComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR, Authority.EDITOR, Authority.TA],
             pageTitle: 'artemisApp.repository.title',
@@ -221,7 +215,7 @@ export const routes: Routes = [
     },
     {
         path: ':courseId/programming-exercises/:exerciseId/participations/:participationId/repository/commit-history',
-        component: CommitHistoryComponent,
+        loadComponent: () => import('app/localvc/commit-history/commit-history.component').then((m) => m.CommitHistoryComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR, Authority.EDITOR, Authority.TA],
             pageTitle: 'artemisApp.repository.title',
@@ -230,7 +224,7 @@ export const routes: Routes = [
     },
     {
         path: ':courseId/programming-exercises/:exerciseId/participations/:participationId/repository/vcs-access-log',
-        component: VcsRepositoryAccessLogViewComponent,
+        loadComponent: () => import('app/localvc/vcs-repository-access-log-view/vcs-repository-access-log-view.component').then((m) => m.VcsRepositoryAccessLogViewComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR],
             pageTitle: 'artemisApp.repository.title',
@@ -239,7 +233,7 @@ export const routes: Routes = [
     },
     {
         path: ':courseId/programming-exercises/:exerciseId/participations/:participationId/repository/commit-history/:commitHash',
-        component: CommitDetailsViewComponent,
+        loadComponent: () => import('app/localvc/commit-details-view/commit-details-view.component').then((m) => m.CommitDetailsViewComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR, Authority.EDITOR, Authority.TA],
             pageTitle: 'artemisApp.repository.title',
diff --git a/src/main/webapp/app/exercises/programming/manage/programming-exercise-management.module.ts b/src/main/webapp/app/exercises/programming/manage/programming-exercise-management.module.ts
index d7aa345e3758..a0b4f6cf625d 100644
--- a/src/main/webapp/app/exercises/programming/manage/programming-exercise-management.module.ts
+++ b/src/main/webapp/app/exercises/programming/manage/programming-exercise-management.module.ts
@@ -10,7 +10,7 @@ import { ArtemisProgrammingExerciseInstructionsEditorModule } from 'app/exercise
 import { ArtemisProgrammingExerciseUpdateModule } from 'app/exercises/programming/manage/update/programming-exercise-update.module';
 import { ArtemisSharedComponentModule } from 'app/shared/components/shared-component.module';
 import { ArtemisProgrammingExerciseStatusModule } from 'app/exercises/programming/manage/status/programming-exercise-status.module';
-import { FeatureToggleModule } from 'app/shared/feature-toggle/feature-toggle.module';
+
 import { ArtemisProgrammingExerciseModule } from 'app/exercises/programming/shared/programming-exercise.module';
 import { AssessmentInstructionsModule } from 'app/assessment/assessment-instructions/assessment-instructions.module';
 import { ProgrammingExerciseEditSelectedComponent } from 'app/exercises/programming/manage/programming-exercise-edit-selected.component';
@@ -42,7 +42,6 @@ import { CodeEditorHeaderComponent } from 'app/exercises/programming/shared/code
         ArtemisProgrammingExerciseInstructionsEditorModule,
         ArtemisProgrammingExerciseUpdateModule,
         ArtemisProgrammingExerciseStatusModule,
-        FeatureToggleModule,
         AssessmentInstructionsModule,
         OrionModule,
         ArtemisProgrammingExerciseLifecycleModule,
@@ -53,8 +52,6 @@ import { CodeEditorHeaderComponent } from 'app/exercises/programming/shared/code
         IrisModule,
         MonacoEditorComponent,
         CodeEditorHeaderComponent,
-    ],
-    declarations: [
         ProgrammingExerciseDetailComponent,
         ProgrammingExerciseEditSelectedComponent,
         ProgrammingExerciseInstructorExerciseDownloadComponent,
diff --git a/src/main/webapp/app/exercises/programming/manage/programming-exercise.component.html b/src/main/webapp/app/exercises/programming/manage/programming-exercise.component.html
index fd15337f32c2..3b507c6750dd 100644
--- a/src/main/webapp/app/exercises/programming/manage/programming-exercise.component.html
+++ b/src/main/webapp/app/exercises/programming/manage/programming-exercise.component.html
@@ -16,10 +16,11 @@
                     <th class="d-md-table-cell" jhiSortBy="maxPoints"><span jhiTranslate="artemisApp.exercise.points"></span>&nbsp;<fa-icon [icon]="faSort" /></th>
                     <th jhiSortBy="bonusPoints"><span jhiTranslate="artemisApp.exercise.bonus"></span>&nbsp;<fa-icon [icon]="faSort" /></th>
                     <th jhiSortBy="includedInOverallScore"><span jhiTranslate="artemisApp.exercise.includedCompletely"></span>&nbsp;<fa-icon [icon]="faSort" /></th>
-                    <th *jhiExtensionPoint="overrideRepositoryAndBuildPlan"><span jhiTranslate="artemisApp.programmingExercise.repositories"></span></th>
-                    @if (!localVCEnabled) {
-                        <th *jhiExtensionPoint="overrideRepositoryAndBuildPlan"><span jhiTranslate="artemisApp.programmingExercise.buildplans"></span>&nbsp;</th>
-                    }
+                    <!-- TODO: the extension point for Orion does not work with Angular 19, we need to find a different solution -->
+                    <!--                    <th *jhiExtensionPoint="overrideRepositoryAndBuildPlan"><span jhiTranslate="artemisApp.programmingExercise.repositories"></span></th>-->
+                    <!--                    @if (!localVCEnabled) {-->
+                    <!--                        <th *jhiExtensionPoint="overrideRepositoryAndBuildPlan"><span jhiTranslate="artemisApp.programmingExercise.buildplans"></span>&nbsp;</th>-->
+                    <!--                    }-->
                     <th class="d-md-table-cell">
                         <span jhiTranslate="artemisApp.exercise.mode"></span>
                     </th>
@@ -76,7 +77,9 @@
                         <td class="d-md-table-cell">{{ programmingExercise.maxPoints }}</td>
                         <td>{{ programmingExercise.bonusPoints }}</td>
                         <td>{{ exerciseService.isIncludedInScore(programmingExercise) }}</td>
-                        <td *jhiExtensionPoint="overrideRepositoryAndBuildPlan">
+                        <!-- TODO: the extension point for Orion does not work with Angular 19, we need to find a different solution -->
+                        <!--                        <td *jhiExtensionPoint="overrideRepositoryAndBuildPlan">-->
+                        <td>
                             <div class="d-flex justify-content-between">
                                 @if (programmingExercise.templateParticipation && programmingExercise.templateParticipation.repositoryUri) {
                                     <span>
@@ -128,7 +131,9 @@
                             </div>
                         </td>
                         @if (!localVCEnabled) {
-                            <td *jhiExtensionPoint="overrideRepositoryAndBuildPlan">
+                            <!-- TODO: the extension point for Orion does not work with Angular 19, we need to find a different solution -->
+                            <!--                            <td *jhiExtensionPoint="overrideRepositoryAndBuildPlan">-->
+                            <td>
                                 @if (programmingExercise.templateParticipation?.buildPlanId) {
                                     <span> <a target="_blank" rel="noreferrer" href="{{ programmingExercise.templateParticipation!.buildPlanUrl }}">Template</a> </span>
                                 }
@@ -159,7 +164,9 @@
                         <td class="d-md-table-cell">
                             <jhi-exercise-categories [exercise]="programmingExercise" />
                         </td>
-                        <td *jhiExtensionPoint="overrideButtons; context: { exercise: programmingExercise }" class="text-end">
+                        <!-- TODO: the extension point for Orion does not work with Angular 19, we need to find a different solution -->
+                        <!--                        <td *jhiExtensionPoint="overrideButtons; context: { exercise: programmingExercise }" class="text-end">-->
+                        <td class="text-end">
                             <div class="btn-group flex-btn-group-container">
                                 <div class="btn-group-vertical me-1 mb-auto">
                                     @if (programmingExercise.teamMode && programmingExercise.isAtLeastTutor) {
diff --git a/src/main/webapp/app/exercises/programming/manage/programming-exercise.component.ts b/src/main/webapp/app/exercises/programming/manage/programming-exercise.component.ts
index 3a33c7b88f83..57220812410c 100644
--- a/src/main/webapp/app/exercises/programming/manage/programming-exercise.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/programming-exercise.component.ts
@@ -1,5 +1,6 @@
-import { Component, ContentChild, Input, OnDestroy, OnInit, TemplateRef, inject } from '@angular/core';
+import { Component, Input, OnDestroy, OnInit, inject } from '@angular/core';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
+import { ExerciseScoresExportButtonComponent } from 'app/exercises/shared/exercise-scores/exercise-scores-export-button.component';
 import { merge } from 'rxjs';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { ProgrammingExerciseInstructorRepositoryType, ProgrammingExerciseService } from './services/programming-exercise.service';
@@ -22,7 +23,6 @@ import {
     faCheckDouble,
     faDownload,
     faFileSignature,
-    faLightbulb,
     faListAlt,
     faPencilAlt,
     faPlus,
@@ -36,10 +36,47 @@ import {
 import { CourseExerciseService } from 'app/exercises/shared/course-exercises/course-exercise.service';
 import { downloadZipFileFromResponse } from 'app/shared/util/download.util';
 import { PROFILE_LOCALCI, PROFILE_LOCALVC, PROFILE_THEIA } from 'app/app.constants';
+import { SortDirective } from 'app/shared/sort/sort.directive';
+import { FormsModule } from '@angular/forms';
+import { SortByDirective } from 'app/shared/sort/sort-by.directive';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { RouterLink } from '@angular/router';
+import { ProgrammingExerciseGradingDirtyWarningComponent } from './grading/programming-exercise-grading-dirty-warning.component';
+import { ProgrammingExerciseInstructorStatusComponent } from './status/programming-exercise-instructor-status.component';
+import { ExerciseCategoriesComponent } from 'app/shared/exercise-categories/exercise-categories.component';
+import { FeatureToggleLinkDirective } from 'app/shared/feature-toggle/feature-toggle-link.directive';
+import { ProgrammingExerciseResetButtonDirective } from './reset/programming-exercise-reset-button.directive';
+import { FeatureToggleDirective } from 'app/shared/feature-toggle/feature-toggle.directive';
+import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
+import { ProgrammingAssessmentRepoExportButtonComponent } from '../assess/repo-export/programming-assessment-repo-export-button.component';
+import { SlicePipe } from '@angular/common';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
 
 @Component({
     selector: 'jhi-programming-exercise',
     templateUrl: './programming-exercise.component.html',
+    imports: [
+        SortDirective,
+        FormsModule,
+        SortByDirective,
+        TranslateDirective,
+        FaIconComponent,
+        RouterLink,
+        ProgrammingExerciseGradingDirtyWarningComponent,
+        ProgrammingExerciseInstructorStatusComponent,
+        ExerciseCategoriesComponent,
+        FeatureToggleLinkDirective,
+        ProgrammingExerciseResetButtonDirective,
+        FeatureToggleDirective,
+        DeleteButtonDirective,
+        ProgrammingAssessmentRepoExportButtonComponent,
+        ExerciseScoresExportButtonComponent,
+        SlicePipe,
+        ArtemisDatePipe,
+        // TODO: the extension point for Orion does not work with Angular 19, we need to find a different solution
+        // ExtensionPointDirective,
+    ],
 })
 export class ProgrammingExerciseComponent extends ExerciseComponent implements OnInit, OnDestroy {
     protected exerciseService = inject(ExerciseService);
@@ -63,8 +100,9 @@ export class ProgrammingExerciseComponent extends ExerciseComponent implements O
     onlineIdeEnabled = false;
 
     // extension points, see shared/extension-point
-    @ContentChild('overrideRepositoryAndBuildPlan') overrideRepositoryAndBuildPlan: TemplateRef<any>;
-    @ContentChild('overrideButtons') overrideButtons: TemplateRef<any>;
+    // TODO: the extension point for Orion does not work with Angular 19, we need to find a different solution
+    // @ContentChild('overrideRepositoryAndBuildPlan') overrideRepositoryAndBuildPlan: TemplateRef<any>;
+    // @ContentChild('overrideButtons') overrideButtons: TemplateRef<any>;
     private buildPlanLinkTemplate: string;
 
     // Icons
@@ -79,7 +117,6 @@ export class ProgrammingExerciseComponent extends ExerciseComponent implements O
     faTable = faTable;
     faTrash = faTrash;
     faListAlt = faListAlt;
-    faLightbulb = faLightbulb;
     faPencilAlt = faPencilAlt;
     faFileSignature = faFileSignature;
 
@@ -135,7 +172,7 @@ export class ProgrammingExerciseComponent extends ExerciseComponent implements O
         this.emitFilteredExerciseCount(this.filteredProgrammingExercises.length);
     }
 
-    trackId(index: number, item: ProgrammingExercise) {
+    trackId(_index: number, item: ProgrammingExercise) {
         return item.id;
     }
 
diff --git a/src/main/webapp/app/exercises/programming/manage/reset/programming-exercise-reset-button.directive.ts b/src/main/webapp/app/exercises/programming/manage/reset/programming-exercise-reset-button.directive.ts
index f249959c63b5..dc1a02192c7c 100644
--- a/src/main/webapp/app/exercises/programming/manage/reset/programming-exercise-reset-button.directive.ts
+++ b/src/main/webapp/app/exercises/programming/manage/reset/programming-exercise-reset-button.directive.ts
@@ -1,19 +1,15 @@
-import { Directive, ElementRef, HostListener, Input, OnInit, Renderer2 } from '@angular/core';
+import { Directive, ElementRef, HostListener, Input, OnInit, Renderer2, inject } from '@angular/core';
 import { ProgrammingExerciseResetDialogComponent } from 'app/exercises/programming/manage/reset/programming-exercise-reset-dialog.component';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 
-@Directive({
-    selector: '[jhiProgrammingExerciseResetButton]',
-})
+@Directive({ selector: '[jhiProgrammingExerciseResetButton]' })
 export class ProgrammingExerciseResetButtonDirective implements OnInit {
-    @Input() programmingExercise: ProgrammingExercise;
+    private modalService = inject(NgbModal);
+    private renderer = inject(Renderer2);
+    private elementRef = inject(ElementRef);
 
-    constructor(
-        private modalService: NgbModal,
-        private renderer: Renderer2,
-        private elementRef: ElementRef,
-    ) {}
+    @Input() programmingExercise: ProgrammingExercise;
 
     ngOnInit() {
         this.renderer.addClass(this.elementRef.nativeElement, 'btn');
diff --git a/src/main/webapp/app/exercises/programming/manage/reset/programming-exercise-reset-dialog.component.html b/src/main/webapp/app/exercises/programming/manage/reset/programming-exercise-reset-dialog.component.html
index aab1fee57223..677358ac3321 100644
--- a/src/main/webapp/app/exercises/programming/manage/reset/programming-exercise-reset-dialog.component.html
+++ b/src/main/webapp/app/exercises/programming/manage/reset/programming-exercise-reset-dialog.component.html
@@ -118,8 +118,8 @@ <h4 class="modal-title" jhiTranslate="entity.resetProgrammingExercise.title"></h
             <button type="button" class="btn btn-secondary" data-dismiss="modal" (click)="clear()" [disabled]="resetInProgress">
                 <fa-icon [icon]="faBan" />&nbsp;<span jhiTranslate="entity.action.cancel"></span>
             </button>
-            <div [style.cursor]="this.resetForm.form.invalid || !this.canSubmit ? 'not-allowed' : 'pointer'">
-                <button type="submit" class="btn btn-danger" [disabled]="this.resetForm.form.invalid || !this.canSubmit">
+            <div [style.cursor]="resetForm.form.invalid || !this.canSubmit ? 'not-allowed' : 'pointer'">
+                <button type="submit" class="btn btn-danger" [disabled]="resetForm.form.invalid || !this.canSubmit">
                     @if (resetInProgress) {
                         <span><fa-icon [icon]="faSpinner" animation="spin" />&nbsp;</span>
                     }
diff --git a/src/main/webapp/app/exercises/programming/manage/reset/programming-exercise-reset-dialog.component.ts b/src/main/webapp/app/exercises/programming/manage/reset/programming-exercise-reset-dialog.component.ts
index f064e177d1ff..9d0972acc037 100644
--- a/src/main/webapp/app/exercises/programming/manage/reset/programming-exercise-reset-dialog.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/reset/programming-exercise-reset-dialog.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input, OnInit, inject } from '@angular/core';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { AlertService } from 'app/core/util/alert.service';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
@@ -7,13 +7,22 @@ import { ProgrammingExercise } from 'app/entities/programming/programming-exerci
 import { ProgrammingExerciseResetOptions, ProgrammingExerciseService } from 'app/exercises/programming/manage/services/programming-exercise.service';
 import { faBan, faCircleNotch, faSpinner, faUndo } from '@fortawesome/free-solid-svg-icons';
 import { PROFILE_AEOLUS, PROFILE_LOCALCI } from 'app/app.constants';
+import { FormsModule } from '@angular/forms';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 @Component({
     selector: 'jhi-programming-exercise-reset-dialog',
     templateUrl: './programming-exercise-reset-dialog.component.html',
     styles: ['textarea { width: 100%; }'],
+    imports: [FormsModule, TranslateDirective, FaIconComponent],
 })
 export class ProgrammingExerciseResetDialogComponent implements OnInit {
+    private alertService = inject(AlertService);
+    private profileService = inject(ProfileService);
+    private programmingExerciseService = inject(ProgrammingExerciseService);
+    activeModal = inject(NgbActiveModal);
+
     readonly FeatureToggle = FeatureToggle;
 
     @Input() programmingExercise: ProgrammingExercise;
@@ -33,13 +42,6 @@ export class ProgrammingExerciseResetDialogComponent implements OnInit {
     faSpinner = faSpinner;
     faUndo = faUndo;
 
-    constructor(
-        private alertService: AlertService,
-        private profileService: ProfileService,
-        private programmingExerciseService: ProgrammingExerciseService,
-        public activeModal: NgbActiveModal,
-    ) {}
-
     ngOnInit() {
         this.isLoading = true;
         this.profileService.getProfileInfo().subscribe((profileInfo) => {
diff --git a/src/main/webapp/app/exercises/programming/manage/services/build-plan.service.ts b/src/main/webapp/app/exercises/programming/manage/services/build-plan.service.ts
index 49f0aa9dcbff..3cc8b407d830 100644
--- a/src/main/webapp/app/exercises/programming/manage/services/build-plan.service.ts
+++ b/src/main/webapp/app/exercises/programming/manage/services/build-plan.service.ts
@@ -1,5 +1,5 @@
 import { HttpClient, HttpResponse } from '@angular/common/http';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { Observable } from 'rxjs';
 import { BuildPlan } from 'app/entities/programming/build-plan.model';
 
@@ -7,9 +7,9 @@ export type EntityResponseType = HttpResponse<BuildPlan>;
 
 @Injectable({ providedIn: 'root' })
 export class BuildPlanService {
-    public resourceUrl = `/api/programming-exercises`;
+    private http = inject(HttpClient);
 
-    constructor(private http: HttpClient) {}
+    public resourceUrl = `/api/programming-exercises`;
 
     getBuildPlan(programmingExerciseId: number): Observable<EntityResponseType> {
         return this.http.get<BuildPlan>(`${this.resourceUrl}/${programmingExerciseId}/build-plan/for-editor`, { observe: 'response' });
diff --git a/src/main/webapp/app/exercises/programming/manage/services/code-analysis-paging.service.ts b/src/main/webapp/app/exercises/programming/manage/services/code-analysis-paging.service.ts
index 39fe777826e6..3415806cf7cc 100644
--- a/src/main/webapp/app/exercises/programming/manage/services/code-analysis-paging.service.ts
+++ b/src/main/webapp/app/exercises/programming/manage/services/code-analysis-paging.service.ts
@@ -1,12 +1,14 @@
 import { HttpClient } from '@angular/common/http';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { ProgrammingExercisePagingService } from 'app/exercises/programming/manage/services/programming-exercise-paging.service';
 import { ExercisePagingService } from 'app/exercises/shared/manage/exercise-paging.service';
 
 @Injectable({ providedIn: 'root' })
 export class CodeAnalysisPagingService extends ExercisePagingService<ProgrammingExercise> {
-    constructor(http: HttpClient) {
+    constructor() {
+        const http = inject(HttpClient);
+
         super(http, ProgrammingExercisePagingService.RESOURCE_URL + '/with-sca');
     }
 }
diff --git a/src/main/webapp/app/exercises/programming/manage/services/programming-exercise-grading.service.ts b/src/main/webapp/app/exercises/programming/manage/services/programming-exercise-grading.service.ts
index f2ebc62a33f7..9150326c5570 100644
--- a/src/main/webapp/app/exercises/programming/manage/services/programming-exercise-grading.service.ts
+++ b/src/main/webapp/app/exercises/programming/manage/services/programming-exercise-grading.service.ts
@@ -1,4 +1,4 @@
-import { Injectable, OnDestroy } from '@angular/core';
+import { Injectable, OnDestroy, inject } from '@angular/core';
 import { HttpClient, HttpParams } from '@angular/common/http';
 import { BehaviorSubject, Observable, of } from 'rxjs';
 import { catchError, map, switchMap, tap } from 'rxjs/operators';
@@ -47,17 +47,15 @@ export interface IProgrammingExerciseGradingService {
 
 @Injectable({ providedIn: 'root' })
 export class ProgrammingExerciseGradingService implements IProgrammingExerciseGradingService, OnDestroy {
+    private jhiWebsocketService = inject(JhiWebsocketService);
+    private http = inject(HttpClient);
+
     public resourceUrl = 'api/programming-exercises';
 
     private connections: { [exerciseId: string]: string } = {};
     private subjects: { [exerciseId: string]: BehaviorSubject<ProgrammingExerciseTestCase[] | undefined> } = {};
     private testCases: Map<number, ProgrammingExerciseTestCase[]> = new Map();
 
-    constructor(
-        private jhiWebsocketService: JhiWebsocketService,
-        private http: HttpClient,
-    ) {}
-
     /**
      * On destroy unsubscribe all connections.
      */
diff --git a/src/main/webapp/app/exercises/programming/manage/services/programming-exercise-paging.service.ts b/src/main/webapp/app/exercises/programming/manage/services/programming-exercise-paging.service.ts
index 08012217fb18..34f8dac16904 100644
--- a/src/main/webapp/app/exercises/programming/manage/services/programming-exercise-paging.service.ts
+++ b/src/main/webapp/app/exercises/programming/manage/services/programming-exercise-paging.service.ts
@@ -1,5 +1,5 @@
 import { HttpClient } from '@angular/common/http';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { ExercisePagingService } from 'app/exercises/shared/manage/exercise-paging.service';
 
@@ -7,7 +7,9 @@ import { ExercisePagingService } from 'app/exercises/shared/manage/exercise-pagi
 export class ProgrammingExercisePagingService extends ExercisePagingService<ProgrammingExercise> {
     public static readonly RESOURCE_URL = 'api/programming-exercises';
 
-    constructor(http: HttpClient) {
+    constructor() {
+        const http = inject(HttpClient);
+
         super(http, ProgrammingExercisePagingService.RESOURCE_URL);
     }
 }
diff --git a/src/main/webapp/app/exercises/programming/manage/services/programming-exercise-participation.service.ts b/src/main/webapp/app/exercises/programming/manage/services/programming-exercise-participation.service.ts
index b44b87386158..dc569e147ab6 100644
--- a/src/main/webapp/app/exercises/programming/manage/services/programming-exercise-participation.service.ts
+++ b/src/main/webapp/app/exercises/programming/manage/services/programming-exercise-participation.service.ts
@@ -1,5 +1,5 @@
 import { HttpClient, HttpParams, HttpResponse } from '@angular/common/http';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { AccountService } from 'app/core/auth/account.service';
 import { Participation } from 'app/entities/participation/participation.model';
 import { ProgrammingExerciseStudentParticipation } from 'app/entities/participation/programming-exercise-student-participation.model';
@@ -18,15 +18,13 @@ export interface IProgrammingExerciseParticipationService {
 
 @Injectable({ providedIn: 'root' })
 export class ProgrammingExerciseParticipationService implements IProgrammingExerciseParticipationService {
+    private http = inject(HttpClient);
+    private entityTitleService = inject(EntityTitleService);
+    private accountService = inject(AccountService);
+
     public resourceUrlParticipations = 'api/programming-exercise-participations/';
     public resourceUrl = 'api/programming-exercise/';
 
-    constructor(
-        private http: HttpClient,
-        private entityTitleService: EntityTitleService,
-        private accountService: AccountService,
-    ) {}
-
     getLatestResultWithFeedback(participationId: number, withSubmission = false): Observable<Result | undefined> {
         const options = createRequestOption({ withSubmission });
         return this.http.get<Result | undefined>(this.resourceUrlParticipations + participationId + '/latest-result-with-feedbacks', { params: options }).pipe(
diff --git a/src/main/webapp/app/exercises/programming/manage/services/programming-exercise-websocket.service.ts b/src/main/webapp/app/exercises/programming/manage/services/programming-exercise-websocket.service.ts
index 30d8f11507b7..125d0c0397a2 100644
--- a/src/main/webapp/app/exercises/programming/manage/services/programming-exercise-websocket.service.ts
+++ b/src/main/webapp/app/exercises/programming/manage/services/programming-exercise-websocket.service.ts
@@ -1,4 +1,4 @@
-import { Injectable, OnDestroy } from '@angular/core';
+import { Injectable, OnDestroy, inject } from '@angular/core';
 import { HttpResponse } from '@angular/common/http';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { filter, tap } from 'rxjs/operators';
@@ -20,12 +20,12 @@ export interface IProgrammingExerciseWebsocketService {
 
 @Injectable({ providedIn: 'root' })
 export class ProgrammingExerciseWebsocketService implements OnDestroy, IProgrammingExerciseWebsocketService {
+    private websocketService = inject(JhiWebsocketService);
+
     private connections: string[] = [];
     // Uses undefined for initial value.
     private subjects: { [programmingExerciseId: number]: BehaviorSubject<boolean | undefined> } = {};
 
-    constructor(private websocketService: JhiWebsocketService) {}
-
     /**
      * On destroy unsubscribe all connections.
      */
diff --git a/src/main/webapp/app/exercises/programming/manage/services/programming-exercise.service.ts b/src/main/webapp/app/exercises/programming/manage/services/programming-exercise.service.ts
index 0ce5e833273f..b62c290fbd14 100644
--- a/src/main/webapp/app/exercises/programming/manage/services/programming-exercise.service.ts
+++ b/src/main/webapp/app/exercises/programming/manage/services/programming-exercise.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import dayjs from 'dayjs/esm';
 import { HttpClient, HttpParams, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
@@ -45,13 +45,11 @@ export type ProgrammingExerciseInstructorRepositoryType = 'TEMPLATE' | 'SOLUTION
 
 @Injectable({ providedIn: 'root' })
 export class ProgrammingExerciseService {
-    public resourceUrl = 'api/programming-exercises';
+    private http = inject(HttpClient);
+    private exerciseService = inject(ExerciseService);
+    private sortService = inject(SortService);
 
-    constructor(
-        private http: HttpClient,
-        private exerciseService: ExerciseService,
-        private sortService: SortService,
-    ) {}
+    public resourceUrl = 'api/programming-exercises';
 
     /**
      * Sets a new programming exercise up
diff --git a/src/main/webapp/app/exercises/programming/manage/services/submission-policy.service.ts b/src/main/webapp/app/exercises/programming/manage/services/submission-policy.service.ts
index 9817563677b8..652f0e1fbd48 100644
--- a/src/main/webapp/app/exercises/programming/manage/services/submission-policy.service.ts
+++ b/src/main/webapp/app/exercises/programming/manage/services/submission-policy.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpParams, HttpResponse } from '@angular/common/http';
 import { Observable, map } from 'rxjs';
 import { SubmissionPolicy } from 'app/entities/submission-policy.model';
@@ -14,9 +14,9 @@ export interface ISubmissionPolicyService {
 
 @Injectable({ providedIn: 'root' })
 export class SubmissionPolicyService implements ISubmissionPolicyService {
-    public baseResourceUrl = 'api/programming-exercises/{exerciseId}/submission-policy';
+    private http = inject(HttpClient);
 
-    constructor(private http: HttpClient) {}
+    public baseResourceUrl = 'api/programming-exercises/{exerciseId}/submission-policy';
 
     /**
      * Returns the observable of the submission policy of the programming exercise with the id that
diff --git a/src/main/webapp/app/exercises/programming/manage/status/programming-exercise-instructor-exercise-status.component.ts b/src/main/webapp/app/exercises/programming/manage/status/programming-exercise-instructor-exercise-status.component.ts
index f9bd6758fd23..a812f8d737d9 100644
--- a/src/main/webapp/app/exercises/programming/manage/status/programming-exercise-instructor-exercise-status.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/status/programming-exercise-instructor-exercise-status.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';
+import { Component, Input, OnChanges, SimpleChanges, inject } from '@angular/core';
 import { Subscription } from 'rxjs';
 import { filter, tap } from 'rxjs/operators';
 import { ParticipationWebsocketService } from 'app/overview/participation-websocket.service';
@@ -7,6 +7,9 @@ import { ProgrammingExercise } from 'app/entities/programming/programming-exerci
 import { findLatestResult } from 'app/shared/util/utils';
 import { faCheckCircle, faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';
 import { hasSolutionParticipationChanged, hasTemplateParticipationChanged } from 'app/exercises/shared/participation/participation.utils';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 /**
  * Describes programming exercise issues
@@ -19,8 +22,11 @@ enum ProgrammingExerciseIssues {
 @Component({
     selector: 'jhi-programming-exercise-instructor-exercise-status',
     templateUrl: './programming-exercise-instructor-exercise-status.component.html',
+    imports: [FaIconComponent, NgbTooltip, TranslateDirective],
 })
 export class ProgrammingExerciseInstructorExerciseStatusComponent implements OnChanges {
+    private participationWebsocketService = inject(ParticipationWebsocketService);
+
     ProgrammingExerciseIssues = ProgrammingExerciseIssues;
     @Input() templateParticipation: Participation;
     @Input() solutionParticipation: Participation;
@@ -34,8 +40,6 @@ export class ProgrammingExerciseInstructorExerciseStatusComponent implements OnC
     faExclamationTriangle = faExclamationTriangle;
     faCheckCircle = faCheckCircle;
 
-    constructor(private participationWebsocketService: ParticipationWebsocketService) {}
-
     /**
      * If there are changes for the template or solution participation, check if there are issues
      * for the results of the template or solution participation
diff --git a/src/main/webapp/app/exercises/programming/manage/status/programming-exercise-instructor-status.component.ts b/src/main/webapp/app/exercises/programming/manage/status/programming-exercise-instructor-status.component.ts
index 9ad6970303a1..139958ebcee8 100644
--- a/src/main/webapp/app/exercises/programming/manage/status/programming-exercise-instructor-status.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/status/programming-exercise-instructor-status.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { Component, Input, OnChanges, OnDestroy, SimpleChanges, inject } from '@angular/core';
 import { Subscription } from 'rxjs';
 import { filter } from 'rxjs/operators';
 import { ParticipationWebsocketService } from 'app/overview/participation-websocket.service';
@@ -11,12 +11,18 @@ import { SolutionProgrammingExerciseParticipation } from 'app/entities/participa
 import { TemplateProgrammingExerciseParticipation } from 'app/entities/participation/template-programming-exercise-participation.model';
 import { faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';
 import { hasParticipationChanged } from 'app/exercises/shared/participation/participation.utils';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-programming-exercise-instructor-status',
     templateUrl: './programming-exercise-instructor-status.component.html',
+    imports: [FaIconComponent, NgbTooltip, ArtemisTranslatePipe],
 })
 export class ProgrammingExerciseInstructorStatusComponent implements OnChanges, OnDestroy {
+    private participationWebsocketService = inject(ParticipationWebsocketService);
+
     ProgrammingExerciseParticipationType = ProgrammingExerciseParticipationType;
 
     @Input()
@@ -32,8 +38,6 @@ export class ProgrammingExerciseInstructorStatusComponent implements OnChanges,
     // Icons
     faExclamationTriangle = faExclamationTriangle;
 
-    constructor(private participationWebsocketService: ParticipationWebsocketService) {}
-
     /**
      * When the participation changes, get the latestResult from it and setup the result subscription for new results.
      * @param changes
diff --git a/src/main/webapp/app/exercises/programming/manage/status/programming-exercise-status.module.ts b/src/main/webapp/app/exercises/programming/manage/status/programming-exercise-status.module.ts
index d5bed80f9fab..817f300b07be 100644
--- a/src/main/webapp/app/exercises/programming/manage/status/programming-exercise-status.module.ts
+++ b/src/main/webapp/app/exercises/programming/manage/status/programming-exercise-status.module.ts
@@ -4,8 +4,7 @@ import { ProgrammingExerciseInstructorStatusComponent } from 'app/exercises/prog
 import { ProgrammingExerciseInstructorExerciseStatusComponent } from 'app/exercises/programming/manage/status/programming-exercise-instructor-exercise-status.component';
 
 @NgModule({
-    imports: [ArtemisSharedModule],
-    declarations: [ProgrammingExerciseInstructorStatusComponent, ProgrammingExerciseInstructorExerciseStatusComponent],
+    imports: [ArtemisSharedModule, ProgrammingExerciseInstructorStatusComponent, ProgrammingExerciseInstructorExerciseStatusComponent],
     exports: [ProgrammingExerciseInstructorStatusComponent, ProgrammingExerciseInstructorExerciseStatusComponent],
 })
 export class ArtemisProgrammingExerciseStatusModule {}
diff --git a/src/main/webapp/app/exercises/programming/manage/update/add-auxiliary-repository-button.component.ts b/src/main/webapp/app/exercises/programming/manage/update/add-auxiliary-repository-button.component.ts
index e913910c0b29..303a05bf4f84 100644
--- a/src/main/webapp/app/exercises/programming/manage/update/add-auxiliary-repository-button.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/update/add-auxiliary-repository-button.component.ts
@@ -3,6 +3,7 @@ import { ButtonSize, ButtonType } from 'app/shared/components/button.component';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { AuxiliaryRepository } from 'app/entities/programming/programming-exercise-auxiliary-repository-model';
 import { faPlus } from '@fortawesome/free-solid-svg-icons';
+import { ButtonComponent } from 'app/shared/components/button.component';
 
 @Component({
     selector: 'jhi-add-auxiliary-repository-button',
@@ -15,6 +16,7 @@ import { faPlus } from '@fortawesome/free-solid-svg-icons';
             (onClick)="addAuxiliaryRepositoryRow()"
         />
     `,
+    imports: [ButtonComponent],
 })
 export class AddAuxiliaryRepositoryButtonComponent {
     protected readonly ButtonType = ButtonType;
diff --git a/src/main/webapp/app/exercises/programming/manage/update/programming-exercise-update.component.ts b/src/main/webapp/app/exercises/programming/manage/update/programming-exercise-update.component.ts
index 02d2035b582c..732a969f49b0 100644
--- a/src/main/webapp/app/exercises/programming/manage/update/programming-exercise-update.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/update/programming-exercise-update.component.ts
@@ -1,5 +1,5 @@
 import { ActivatedRoute, Params } from '@angular/router';
-import { AfterViewInit, Component, OnDestroy, OnInit, ViewChild, computed, effect, signal } from '@angular/core';
+import { AfterViewInit, Component, OnDestroy, OnInit, ViewChild, computed, effect, inject, signal } from '@angular/core';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { AlertService, AlertType } from 'app/core/util/alert.service';
 import { ProgrammingExerciseBuildConfig } from 'app/entities/programming/programming-exercise-build.config';
@@ -48,6 +48,12 @@ import { ProgrammingExerciseGradingComponent } from 'app/exercises/programming/m
 import { ExerciseUpdatePlagiarismComponent } from 'app/exercises/shared/plagiarism/exercise-update-plagiarism/exercise-update-plagiarism.component';
 import { ImportOptions } from 'app/types/programming-exercises';
 import { IS_DISPLAYED_IN_SIMPLE_MODE, ProgrammingExerciseInputField } from 'app/exercises/programming/manage/update/programming-exercise-update.helper';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { DocumentationButtonComponent } from 'app/shared/components/documentation-button/documentation-button.component';
+import { FormStatusBarComponent } from 'app/forms/form-status-bar/form-status-bar.component';
+import { FormsModule } from '@angular/forms';
+import { ProgrammingExerciseProblemComponent } from './update-components/problem/programming-exercise-problem.component';
+import { FormFooterComponent } from 'app/forms/form-footer/form-footer.component';
 
 export const LOCAL_STORAGE_KEY_IS_SIMPLE_MODE = 'isSimpleMode';
 
@@ -55,8 +61,36 @@ export const LOCAL_STORAGE_KEY_IS_SIMPLE_MODE = 'isSimpleMode';
     selector: 'jhi-programming-exercise-update',
     templateUrl: './programming-exercise-update.component.html',
     styleUrls: ['../programming-exercise-form.scss'],
+    imports: [
+        TranslateDirective,
+        DocumentationButtonComponent,
+        FormStatusBarComponent,
+        FormsModule,
+        ProgrammingExerciseInformationComponent,
+        ProgrammingExerciseModeComponent,
+        ProgrammingExerciseLanguageComponent,
+        ProgrammingExerciseProblemComponent,
+        ProgrammingExerciseGradingComponent,
+        ExerciseUpdatePlagiarismComponent,
+        FormFooterComponent,
+    ],
 })
 export class ProgrammingExerciseUpdateComponent implements AfterViewInit, OnDestroy, OnInit {
+    private programmingExerciseService = inject(ProgrammingExerciseService);
+    private modalService = inject(NgbModal);
+    private popupService = inject(ExerciseUpdateWarningService);
+    private courseService = inject(CourseManagementService);
+    private alertService = inject(AlertService);
+    private exerciseService = inject(ExerciseService);
+    private fileService = inject(FileService);
+    private activatedRoute = inject(ActivatedRoute);
+    private translateService = inject(TranslateService);
+    private profileService = inject(ProfileService);
+    private exerciseGroupService = inject(ExerciseGroupService);
+    private programmingLanguageFeatureService = inject(ProgrammingLanguageFeatureService);
+    private navigationUtilService = inject(ArtemisNavigationUtilService);
+    private aeolusService = inject(AeolusService);
+
     protected readonly documentationType: DocumentationType = 'Programming';
     protected readonly maxPenaltyPattern = MAX_PENALTY_PATTERN;
     protected readonly invalidRepositoryNamePattern = INVALID_REPOSITORY_NAME_PATTERN;
@@ -163,29 +197,13 @@ export class ProgrammingExerciseUpdateComponent implements AfterViewInit, OnDest
 
     public modePickerOptions?: ModePickerOption<ProjectType>[] = [];
 
-    constructor(
-        private programmingExerciseService: ProgrammingExerciseService,
-        private modalService: NgbModal,
-        private popupService: ExerciseUpdateWarningService,
-        private courseService: CourseManagementService,
-        private alertService: AlertService,
-        private exerciseService: ExerciseService,
-        private fileService: FileService,
-        private activatedRoute: ActivatedRoute,
-        private translateService: TranslateService,
-        private profileService: ProfileService,
-        private exerciseGroupService: ExerciseGroupService,
-        private programmingLanguageFeatureService: ProgrammingLanguageFeatureService,
-        private navigationUtilService: ArtemisNavigationUtilService,
-        private aeolusService: AeolusService,
-    ) {
+    constructor() {
         effect(
             function updateStatusBarSectionsWhenEditModeChanges() {
                 if (this.isSimpleMode()) {
                     this.calculateFormStatusSections();
                 }
             }.bind(this),
-            { allowSignalWrites: true },
         );
 
         effect(
@@ -198,7 +216,6 @@ export class ProgrammingExerciseUpdateComponent implements AfterViewInit, OnDest
                     this.isSimpleMode.set(DEFAULT_EDIT_MODE_IS_SIMPLE_MODE);
                 }
             }.bind(this),
-            { allowSignalWrites: true },
         );
     }
 
diff --git a/src/main/webapp/app/exercises/programming/manage/update/programming-exercise-update.module.ts b/src/main/webapp/app/exercises/programming/manage/update/programming-exercise-update.module.ts
index fb2cd4485455..b952a3fb98fe 100644
--- a/src/main/webapp/app/exercises/programming/manage/update/programming-exercise-update.module.ts
+++ b/src/main/webapp/app/exercises/programming/manage/update/programming-exercise-update.module.ts
@@ -28,7 +28,7 @@ import { ExerciseUpdatePlagiarismModule } from 'app/exercises/shared/plagiarism/
 import { ProgrammingExerciseCustomAeolusBuildPlanComponent } from 'app/exercises/programming/manage/update/update-components/custom-build-plans/programming-exercise-custom-aeolus-build-plan.component';
 import { ProgrammingExerciseCustomBuildPlanComponent } from 'app/exercises/programming/manage/update/update-components/custom-build-plans/programming-exercise-custom-build-plan.component';
 import { ProgrammingExerciseBuildConfigurationComponent } from 'app/exercises/programming/manage/update/update-components/custom-build-plans/programming-exercise-build-configuration/programming-exercise-build-configuration.component';
-import { FormsModule } from 'app/forms/forms.module';
+import { ArtemisFormsModule } from 'app/forms/artemis-forms.module';
 import { ProgrammingExerciseBuildPlanCheckoutDirectoriesComponent } from 'app/exercises/programming/shared/build-details/programming-exercise-build-plan-checkout-directories.component';
 import { ProgrammingExerciseRepositoryAndBuildPlanDetailsComponent } from 'app/exercises/programming/shared/build-details/programming-exercise-repository-and-build-plan-details.component';
 import { ProgrammingExerciseTheiaComponent } from 'app/exercises/programming/manage/update/update-components/theia/programming-exercise-theia.component';
@@ -59,7 +59,7 @@ import { CustomNotIncludedInValidatorDirective } from 'app/shared/validators/cus
         ExerciseTitleChannelNameModule,
         ExerciseUpdateNotificationModule,
         ExerciseUpdatePlagiarismModule,
-        FormsModule,
+        ArtemisFormsModule,
         ProgrammingExerciseBuildPlanCheckoutDirectoriesComponent,
         ProgrammingExerciseRepositoryAndBuildPlanDetailsComponent,
         MonacoEditorComponent,
@@ -69,8 +69,6 @@ import { CustomNotIncludedInValidatorDirective } from 'app/shared/validators/cus
         SwitchEditModeButtonComponent,
         TitleChannelNameModule,
         CustomNotIncludedInValidatorDirective,
-    ],
-    declarations: [
         ProgrammingExerciseUpdateComponent,
         ProgrammingExerciseInformationComponent,
         ProgrammingExerciseModeComponent,
diff --git a/src/main/webapp/app/exercises/programming/manage/update/remove-auxiliary-repository-button.component.ts b/src/main/webapp/app/exercises/programming/manage/update/remove-auxiliary-repository-button.component.ts
index 2ce643767155..7cdc69691179 100644
--- a/src/main/webapp/app/exercises/programming/manage/update/remove-auxiliary-repository-button.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/update/remove-auxiliary-repository-button.component.ts
@@ -3,12 +3,14 @@ import { ButtonSize, ButtonType } from 'app/shared/components/button.component';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { AuxiliaryRepository } from 'app/entities/programming/programming-exercise-auxiliary-repository-model';
 import { faTrash } from '@fortawesome/free-solid-svg-icons';
+import { ButtonComponent } from 'app/shared/components/button.component';
 
 @Component({
     selector: 'jhi-remove-auxiliary-repository-button',
     template: `
         <jhi-button [btnType]="ButtonType.ERROR" [btnSize]="ButtonSize.SMALL" [icon]="faTrash" [title]="'entity.action.remove'" (onClick)="removeAuxiliaryRepository()" />
     `,
+    imports: [ButtonComponent],
 })
 export class RemoveAuxiliaryRepositoryButtonComponent {
     ButtonType = ButtonType;
diff --git a/src/main/webapp/app/exercises/programming/manage/update/switch-edit-mode-button/switch-edit-mode-button.component.ts b/src/main/webapp/app/exercises/programming/manage/update/switch-edit-mode-button/switch-edit-mode-button.component.ts
index 2487314232f4..a74a9cab5ed0 100644
--- a/src/main/webapp/app/exercises/programming/manage/update/switch-edit-mode-button/switch-edit-mode-button.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/update/switch-edit-mode-button/switch-edit-mode-button.component.ts
@@ -6,7 +6,6 @@ import { ArtemisSharedComponentModule } from 'app/shared/components/shared-compo
 
 @Component({
     selector: 'jhi-switch-edit-mode-button',
-    standalone: true,
     templateUrl: './switch-edit-mode-button.component.html',
     imports: [ArtemisSharedCommonModule, ArtemisSharedComponentModule],
 })
diff --git a/src/main/webapp/app/exercises/programming/manage/update/update-components/custom-build-plans/programming-exercise-build-configuration/programming-exercise-build-configuration.component.ts b/src/main/webapp/app/exercises/programming/manage/update/update-components/custom-build-plans/programming-exercise-build-configuration/programming-exercise-build-configuration.component.ts
index 8ab31c1a7c5b..75cfc82a4961 100644
--- a/src/main/webapp/app/exercises/programming/manage/update/update-components/custom-build-plans/programming-exercise-build-configuration/programming-exercise-build-configuration.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/update/update-components/custom-build-plans/programming-exercise-build-configuration/programming-exercise-build-configuration.component.ts
@@ -1,8 +1,13 @@
 import { Component, OnInit, effect, inject, input, output, viewChild } from '@angular/core';
-import { NgModel } from '@angular/forms';
+import { FormsModule, NgModel } from '@angular/forms';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 import { ProgrammingExercise, ProgrammingLanguage } from 'app/entities/programming/programming-exercise.model';
 import { faPlus, faTrash } from '@fortawesome/free-solid-svg-icons';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { NgxDatatableModule } from '@siemens/ngx-datatable';
+import { TableEditableFieldComponent } from 'app/shared/table/table-editable-field.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 const NOT_SUPPORTED_NETWORK_DISABLED_LANGUAGES = [ProgrammingLanguage.SWIFT, ProgrammingLanguage.HASKELL, ProgrammingLanguage.EMPTY];
 
@@ -15,6 +20,7 @@ interface DockerFlags {
     selector: 'jhi-programming-exercise-build-configuration',
     templateUrl: './programming-exercise-build-configuration.component.html',
     styleUrls: ['../../../../programming-exercise-form.scss'],
+    imports: [TranslateDirective, HelpIconComponent, FormsModule, NgxDatatableModule, TableEditableFieldComponent, FaIconComponent],
 })
 export class ProgrammingExerciseBuildConfigurationComponent implements OnInit {
     private profileService = inject(ProfileService);
@@ -39,7 +45,7 @@ export class ProgrammingExerciseBuildConfigurationComponent implements OnInit {
     timeoutMaxValue?: number;
     timeoutDefaultValue?: number;
 
-    isLanguageSupported: boolean = false;
+    isLanguageSupported = false;
 
     faPlus = faPlus;
     faTrash = faTrash;
diff --git a/src/main/webapp/app/exercises/programming/manage/update/update-components/custom-build-plans/programming-exercise-custom-aeolus-build-plan.component.ts b/src/main/webapp/app/exercises/programming/manage/update/update-components/custom-build-plans/programming-exercise-custom-aeolus-build-plan.component.ts
index 0ee09f4dc80b..4f68c86aa2bc 100644
--- a/src/main/webapp/app/exercises/programming/manage/update/update-components/custom-build-plans/programming-exercise-custom-aeolus-build-plan.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/update/update-components/custom-build-plans/programming-exercise-custom-aeolus-build-plan.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnChanges, SimpleChanges, ViewChild } from '@angular/core';
+import { Component, Input, OnChanges, SimpleChanges, ViewChild, inject } from '@angular/core';
 import { BuildAction, ScriptAction } from 'app/entities/programming/build.action';
 import { ProgrammingExercise, ProgrammingLanguage, ProjectType } from 'app/entities/programming/programming-exercise.model';
 import { faQuestionCircle } from '@fortawesome/free-solid-svg-icons';
@@ -6,13 +6,21 @@ import { ProgrammingExerciseCreationConfig } from 'app/exercises/programming/man
 import { AeolusService } from 'app/exercises/programming/shared/service/aeolus.service';
 import { ProgrammingExerciseBuildConfigurationComponent } from 'app/exercises/programming/manage/update/update-components/custom-build-plans/programming-exercise-build-configuration/programming-exercise-build-configuration.component';
 import { MonacoEditorComponent } from 'app/shared/monaco-editor/monaco-editor.component';
+import { FormsModule } from '@angular/forms';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { NgClass } from '@angular/common';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-programming-exercise-custom-aeolus-build-plan',
     templateUrl: './programming-exercise-custom-aeolus-build-plan.component.html',
     styleUrls: ['../../../programming-exercise-form.scss'],
+    imports: [FormsModule, TranslateDirective, HelpIconComponent, ProgrammingExerciseBuildConfigurationComponent, NgClass, MonacoEditorComponent, ArtemisTranslatePipe],
 })
 export class ProgrammingExerciseCustomAeolusBuildPlanComponent implements OnChanges {
+    private aeolusService = inject(AeolusService);
+
     @Input() programmingExercise: ProgrammingExercise;
     @Input() programmingExerciseCreationConfig: ProgrammingExerciseCreationConfig;
 
@@ -23,11 +31,9 @@ export class ProgrammingExerciseCustomAeolusBuildPlanComponent implements OnChan
     staticCodeAnalysisEnabled?: boolean;
     sequentialTestRuns?: boolean;
 
-    constructor(private aeolusService: AeolusService) {}
-
     code: string = '#!/bin/bash\n\n# Add your custom build plan action here';
     active?: BuildAction = undefined;
-    isScriptAction: boolean = false;
+    isScriptAction = false;
 
     private _editor?: MonacoEditorComponent;
 
diff --git a/src/main/webapp/app/exercises/programming/manage/update/update-components/custom-build-plans/programming-exercise-custom-build-plan.component.ts b/src/main/webapp/app/exercises/programming/manage/update/update-components/custom-build-plans/programming-exercise-custom-build-plan.component.ts
index d98a3ff8d01d..a8434db437ce 100644
--- a/src/main/webapp/app/exercises/programming/manage/update/update-components/custom-build-plans/programming-exercise-custom-build-plan.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/update/update-components/custom-build-plans/programming-exercise-custom-build-plan.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnChanges, SimpleChanges, ViewChild } from '@angular/core';
+import { Component, Input, OnChanges, SimpleChanges, ViewChild, inject } from '@angular/core';
 import { ProgrammingExercise, ProgrammingLanguage, ProjectType } from 'app/entities/programming/programming-exercise.model';
 import { faQuestionCircle } from '@fortawesome/free-solid-svg-icons';
 import { ProgrammingExerciseCreationConfig } from 'app/exercises/programming/manage/update/programming-exercise-creation-config';
@@ -6,13 +6,19 @@ import { AeolusService } from 'app/exercises/programming/shared/service/aeolus.s
 import { ProgrammingExerciseBuildConfigurationComponent } from 'app/exercises/programming/manage/update/update-components/custom-build-plans/programming-exercise-build-configuration/programming-exercise-build-configuration.component';
 import { MonacoEditorComponent } from 'app/shared/monaco-editor/monaco-editor.component';
 import { ASSIGNMENT_REPO_NAME, TEST_REPO_NAME } from 'app/shared/constants/input.constants';
+import { FormsModule } from '@angular/forms';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
 
 @Component({
     selector: 'jhi-programming-exercise-custom-build-plan',
     templateUrl: './programming-exercise-custom-build-plan.component.html',
     styleUrls: ['../../../programming-exercise-form.scss'],
+    imports: [FormsModule, TranslateDirective, HelpIconComponent, ProgrammingExerciseBuildConfigurationComponent, MonacoEditorComponent],
 })
 export class ProgrammingExerciseCustomBuildPlanComponent implements OnChanges {
+    private aeolusService = inject(AeolusService);
+
     @Input() programmingExercise: ProgrammingExercise;
     @Input() programmingExerciseCreationConfig: ProgrammingExerciseCreationConfig;
 
@@ -22,9 +28,7 @@ export class ProgrammingExerciseCustomBuildPlanComponent implements OnChanges {
     projectType?: ProjectType;
     staticCodeAnalysisEnabled?: boolean;
     sequentialTestRuns?: boolean;
-    isImportFromFile: boolean = false;
-
-    constructor(private aeolusService: AeolusService) {}
+    isImportFromFile = false;
 
     code: string = '#!/bin/bash\n\n# Add your custom build plan action here';
     private _editor?: MonacoEditorComponent;
diff --git a/src/main/webapp/app/exercises/programming/manage/update/update-components/difficulty/programming-exercise-difficulty.component.ts b/src/main/webapp/app/exercises/programming/manage/update/update-components/difficulty/programming-exercise-difficulty.component.ts
index 1fb82744ccf8..472a24ccc647 100644
--- a/src/main/webapp/app/exercises/programming/manage/update/update-components/difficulty/programming-exercise-difficulty.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/update/update-components/difficulty/programming-exercise-difficulty.component.ts
@@ -5,7 +5,6 @@ import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
     selector: 'jhi-programming-exercise-difficulty',
-    standalone: true,
     templateUrl: './programming-exercise-difficulty.component.html',
     styleUrls: ['../../../programming-exercise-form.scss'],
     imports: [ArtemisDifficultyPickerModule, TranslateDirective],
diff --git a/src/main/webapp/app/exercises/programming/manage/update/update-components/grading/programming-exercise-grading.component.ts b/src/main/webapp/app/exercises/programming/manage/update/update-components/grading/programming-exercise-grading.component.ts
index 09c4b8a3ef60..e5432e11dd68 100644
--- a/src/main/webapp/app/exercises/programming/manage/update/update-components/grading/programming-exercise-grading.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/update/update-components/grading/programming-exercise-grading.component.ts
@@ -1,4 +1,4 @@
-import { AfterViewInit, Component, Input, OnDestroy, ViewChild, input, signal } from '@angular/core';
+import { AfterContentInit, Component, Input, OnDestroy, ViewChild, inject, input, signal } from '@angular/core';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { AssessmentType } from 'app/entities/assessment-type.model';
 import { SubmissionPolicyType } from 'app/entities/submission-policy.model';
@@ -6,19 +6,49 @@ import { TranslateService } from '@ngx-translate/core';
 import { IncludedInOverallScore, getCourseFromExercise } from 'app/entities/exercise.model';
 import { faQuestionCircle } from '@fortawesome/free-solid-svg-icons';
 import { ProgrammingExerciseCreationConfig } from 'app/exercises/programming/manage/update/programming-exercise-creation-config';
+import { IncludedInOverallScorePickerComponent } from 'app/exercises/shared/included-in-overall-score-picker/included-in-overall-score-picker.component';
+import { PresentationScoreComponent } from 'app/exercises/shared/presentation-score/presentation-score.component';
+import { GradingInstructionsDetailsComponent } from 'app/exercises/shared/structured-grading-criterion/grading-instructions-details/grading-instructions-details.component';
 import { Subject, Subscription } from 'rxjs';
-import { NgModel } from '@angular/forms';
+import { FormsModule, NgModel } from '@angular/forms';
 import { SubmissionPolicyUpdateComponent } from 'app/exercises/shared/submission-policy/submission-policy-update.component';
 import { ProgrammingExerciseLifecycleComponent } from 'app/exercises/programming/shared/lifecycle/programming-exercise-lifecycle.component';
 import { ImportOptions } from 'app/types/programming-exercises';
 import { ProgrammingExerciseInputField } from 'app/exercises/programming/manage/update/programming-exercise-update.helper';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { CustomMinDirective } from 'app/shared/validators/custom-min-validator.directive';
+import { CustomMaxDirective } from 'app/shared/validators/custom-max-validator.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbAlert, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { KeyValuePipe } from '@angular/common';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-programming-exercise-grading',
     templateUrl: './programming-exercise-grading.component.html',
     styleUrls: ['../../../programming-exercise-form.scss'],
+    imports: [
+        TranslateDirective,
+        IncludedInOverallScorePickerComponent,
+        FormsModule,
+        CustomMinDirective,
+        CustomMaxDirective,
+        FaIconComponent,
+        NgbTooltip,
+        SubmissionPolicyUpdateComponent,
+        NgbAlert,
+        HelpIconComponent,
+        ProgrammingExerciseLifecycleComponent,
+        GradingInstructionsDetailsComponent,
+        PresentationScoreComponent,
+        KeyValuePipe,
+        ArtemisTranslatePipe,
+    ],
 })
-export class ProgrammingExerciseGradingComponent implements AfterViewInit, OnDestroy {
+export class ProgrammingExerciseGradingComponent implements AfterContentInit, OnDestroy {
+    private translateService = inject(TranslateService);
+
     protected readonly IncludedInOverallScore = IncludedInOverallScore;
     protected readonly AssessmentType = AssessmentType;
     protected readonly faQuestionCircle = faQuestionCircle;
@@ -46,9 +76,7 @@ export class ProgrammingExerciseGradingComponent implements AfterViewInit, OnDes
 
     editPolicyUrl: string;
 
-    constructor(private translateService: TranslateService) {}
-
-    ngAfterViewInit(): void {
+    ngAfterContentInit(): void {
         this.inputFieldSubscriptions.push(this.maxScoreField?.valueChanges?.subscribe(() => this.calculateFormStatus()));
         this.inputFieldSubscriptions.push(this.bonusPointsField?.valueChanges?.subscribe(() => this.calculateFormStatus()));
         this.inputFieldSubscriptions.push(this.maxPenaltyField?.valueChanges?.subscribe(() => this.calculateFormStatus()));
diff --git a/src/main/webapp/app/exercises/programming/manage/update/update-components/information/programming-exercise-information.component.html b/src/main/webapp/app/exercises/programming/manage/update/update-components/information/programming-exercise-information.component.html
index 79658f67ec1d..c23c642e9aa6 100644
--- a/src/main/webapp/app/exercises/programming/manage/update/update-components/information/programming-exercise-information.component.html
+++ b/src/main/webapp/app/exercises/programming/manage/update/update-components/information/programming-exercise-information.component.html
@@ -62,7 +62,7 @@
                 [programmingExercise]="programmingExercise()"
                 [programmingLanguage]="programmingExerciseCreationConfig.selectedProgrammingLanguage"
                 [isLocal]="isLocal()"
-                [checkoutSolutionRepository]="programmingExercise().buildConfig?.checkoutSolutionRepository"
+                [checkoutSolutionRepository]="programmingExercise().buildConfig?.checkoutSolutionRepository || false"
                 (submissionBuildPlanEvent)="updateSubmissionBuildPlanCheckoutDirectories($event)"
                 [isCreateOrEdit]="true"
                 [isEditMode]="programmingExerciseCreationConfig.isEdit"
diff --git a/src/main/webapp/app/exercises/programming/manage/update/update-components/information/programming-exercise-information.component.ts b/src/main/webapp/app/exercises/programming/manage/update/update-components/information/programming-exercise-information.component.ts
index 6893eef163cf..4c2982ecbd3f 100644
--- a/src/main/webapp/app/exercises/programming/manage/update/update-components/information/programming-exercise-information.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/update/update-components/information/programming-exercise-information.component.ts
@@ -15,9 +15,10 @@ import {
     signal,
     viewChild,
 } from '@angular/core';
-import { NgModel } from '@angular/forms';
+import { FormsModule, NgModel } from '@angular/forms';
 import { ProgrammingExercise, ProjectType } from 'app/entities/programming/programming-exercise.model';
 import { ProgrammingExerciseCreationConfig } from 'app/exercises/programming/manage/update/programming-exercise-creation-config';
+import { ProgrammingExerciseRepositoryAndBuildPlanDetailsComponent } from 'app/exercises/programming/shared/build-details/programming-exercise-repository-and-build-plan-details.component';
 import { ExerciseTitleChannelNameComponent } from 'app/exercises/shared/exercise-title-channel-name/exercise-title-channel-name.component';
 import { Subject, Subscription } from 'rxjs';
 import { TableEditableFieldComponent } from 'app/shared/table/table-editable-field.component';
@@ -32,6 +33,19 @@ import { ButtonSize, ButtonType } from 'app/shared/components/button.component';
 import { faPlus } from '@fortawesome/free-solid-svg-icons';
 import { ProgrammingExerciseEditCheckoutDirectoriesComponent } from 'app/exercises/programming/shared/build-details/programming-exercise-edit-checkout-directories/programming-exercise-edit-checkout-directories.component';
 import { BuildPlanCheckoutDirectoriesDTO } from 'app/entities/programming/build-plan-checkout-directories-dto';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { CustomNotIncludedInValidatorDirective } from 'app/shared/validators/custom-not-included-in-validator.directive';
+import { NgxDatatableModule } from '@siemens/ngx-datatable';
+import { RemoveAuxiliaryRepositoryButtonComponent } from '../../remove-auxiliary-repository-button.component';
+import { NgbAlert } from '@ng-bootstrap/ng-bootstrap';
+import { ButtonComponent } from 'app/shared/components/button.component';
+import { AddAuxiliaryRepositoryButtonComponent } from '../../add-auxiliary-repository-button.component';
+import { CategorySelectorComponent } from 'app/shared/category-selector/category-selector.component';
+import { ProgrammingExerciseDifficultyComponent } from '../difficulty/programming-exercise-difficulty.component';
+import { KeyValuePipe } from '@angular/common';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { RemoveKeysPipe } from 'app/shared/pipes/remove-keys.pipe';
 
 const MAXIMUM_TRIES_TO_GENERATE_UNIQUE_SHORT_NAME = 200;
 
@@ -39,6 +53,26 @@ const MAXIMUM_TRIES_TO_GENERATE_UNIQUE_SHORT_NAME = 200;
     selector: 'jhi-programming-exercise-info',
     templateUrl: './programming-exercise-information.component.html',
     styleUrls: ['../../../programming-exercise-form.scss', 'programming-exercise-information.component.scss'],
+    imports: [
+        TranslateDirective,
+        HelpIconComponent,
+        ExerciseTitleChannelNameComponent,
+        FormsModule,
+        CustomNotIncludedInValidatorDirective,
+        ProgrammingExerciseRepositoryAndBuildPlanDetailsComponent,
+        ProgrammingExerciseEditCheckoutDirectoriesComponent,
+        NgxDatatableModule,
+        TableEditableFieldComponent,
+        RemoveAuxiliaryRepositoryButtonComponent,
+        NgbAlert,
+        ButtonComponent,
+        AddAuxiliaryRepositoryButtonComponent,
+        CategorySelectorComponent,
+        ProgrammingExerciseDifficultyComponent,
+        KeyValuePipe,
+        ArtemisTranslatePipe,
+        RemoveKeysPipe,
+    ],
 })
 export class ProgrammingExerciseInformationComponent implements AfterViewInit, OnChanges, OnDestroy {
     protected readonly ProjectType = ProjectType;
@@ -83,23 +117,17 @@ export class ProgrammingExerciseInformationComponent implements AfterViewInit, O
 
     exerciseTitle = signal<string | undefined>(undefined);
 
-    editRepositoryCheckoutPath: boolean = false;
+    editRepositoryCheckoutPath = false;
     submissionBuildPlanCheckoutRepositories: BuildPlanCheckoutDirectoriesDTO;
 
     constructor() {
-        effect(
-            () => {
-                this.defineShortNameOnEditModeChangeIfNotDefinedInAdvancedMode();
-            },
-            { allowSignalWrites: true },
-        );
+        effect(() => {
+            this.defineShortNameOnEditModeChangeIfNotDefinedInAdvancedMode();
+        });
 
-        effect(
-            () => {
-                this.generateShortNameWhenInSimpleMode();
-            },
-            { allowSignalWrites: true },
-        );
+        effect(() => {
+            this.generateShortNameWhenInSimpleMode();
+        });
 
         effect(() => {
             this.registerInputFieldsWhenChildComponentsAreReady();
diff --git a/src/main/webapp/app/exercises/programming/manage/update/update-components/language/programming-exercise-language.component.ts b/src/main/webapp/app/exercises/programming/manage/update/update-components/language/programming-exercise-language.component.ts
index 859919615142..b53b41602e57 100644
--- a/src/main/webapp/app/exercises/programming/manage/update/update-components/language/programming-exercise-language.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/update/update-components/language/programming-exercise-language.component.ts
@@ -3,18 +3,36 @@ import { ProgrammingExercise, ProgrammingLanguage, ProjectType } from 'app/entit
 import { faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';
 import { ProgrammingExerciseCreationConfig } from 'app/exercises/programming/manage/update/programming-exercise-creation-config';
 import { PROFILE_AEOLUS, PROFILE_LOCALCI } from 'app/app.constants';
-import { NgModel } from '@angular/forms';
+import { FormsModule, NgModel } from '@angular/forms';
+import { ModePickerComponent } from 'app/exercises/shared/mode-picker/mode-picker.component';
 import { Subject, Subscription } from 'rxjs';
 import { ProgrammingExerciseCustomAeolusBuildPlanComponent } from 'app/exercises/programming/manage/update/update-components/custom-build-plans/programming-exercise-custom-aeolus-build-plan.component';
 import { ProgrammingExerciseCustomBuildPlanComponent } from 'app/exercises/programming/manage/update/update-components/custom-build-plans/programming-exercise-custom-build-plan.component';
 import { ProgrammingExerciseTheiaComponent } from 'app/exercises/programming/manage/update/update-components/theia/programming-exercise-theia.component';
 import { ProgrammingExerciseInputField } from 'app/exercises/programming/manage/update/programming-exercise-update.helper';
 import { APP_NAME_PATTERN_FOR_SWIFT } from 'app/shared/constants/input.constants';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { KeyValuePipe } from '@angular/common';
+import { RemoveKeysPipe } from 'app/shared/pipes/remove-keys.pipe';
 
 @Component({
     selector: 'jhi-programming-exercise-language',
     templateUrl: './programming-exercise-language.component.html',
     styleUrls: ['../../../programming-exercise-form.scss'],
+    imports: [
+        TranslateDirective,
+        FormsModule,
+        ModePickerComponent,
+        HelpIconComponent,
+        FaIconComponent,
+        ProgrammingExerciseTheiaComponent,
+        ProgrammingExerciseCustomBuildPlanComponent,
+        ProgrammingExerciseCustomAeolusBuildPlanComponent,
+        KeyValuePipe,
+        RemoveKeysPipe,
+    ],
 })
 export class ProgrammingExerciseLanguageComponent implements AfterViewChecked, AfterViewInit, OnDestroy {
     readonly ProgrammingLanguage = ProgrammingLanguage;
diff --git a/src/main/webapp/app/exercises/programming/manage/update/update-components/mode/programming-exercise-mode.component.ts b/src/main/webapp/app/exercises/programming/manage/update/update-components/mode/programming-exercise-mode.component.ts
index 979bf6652364..d7af5ed81de6 100644
--- a/src/main/webapp/app/exercises/programming/manage/update/update-components/mode/programming-exercise-mode.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/update/update-components/mode/programming-exercise-mode.component.ts
@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, OnInit, Output, ViewChild, input } from '@angular/core';
+import { Component, EventEmitter, Input, OnInit, Output, ViewChild, inject, input } from '@angular/core';
 import { ProgrammingExercise, ProjectType } from 'app/entities/programming/programming-exercise.model';
 import { faQuestionCircle } from '@fortawesome/free-solid-svg-icons';
 import { ProgrammingExerciseCreationConfig } from 'app/exercises/programming/manage/update/programming-exercise-creation-config';
@@ -6,13 +6,32 @@ import { TeamConfigFormGroupComponent } from 'app/exercises/shared/team-config-f
 import { PROFILE_THEIA } from 'app/app.constants';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 import { ProgrammingExerciseInputField } from 'app/exercises/programming/manage/update/programming-exercise-update.helper';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ProgrammingExerciseDifficultyComponent } from '../difficulty/programming-exercise-difficulty.component';
+import { FormsModule } from '@angular/forms';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-programming-exercise-mode',
     templateUrl: './programming-exercise-mode.component.html',
     styleUrls: ['../../../programming-exercise-form.scss'],
+    imports: [
+        TranslateDirective,
+        ProgrammingExerciseDifficultyComponent,
+        TeamConfigFormGroupComponent,
+        FormsModule,
+        FaIconComponent,
+        NgbTooltip,
+        HelpIconComponent,
+        ArtemisTranslatePipe,
+    ],
 })
 export class ProgrammingExerciseModeComponent implements OnInit {
+    private profileService = inject(ProfileService);
+
     protected readonly ProjectType = ProjectType;
     protected readonly faQuestionCircle = faQuestionCircle;
 
@@ -24,9 +43,7 @@ export class ProgrammingExerciseModeComponent implements OnInit {
 
     @Output() triggerValidation = new EventEmitter<void>();
 
-    theiaEnabled: boolean = false;
-
-    constructor(private profileService: ProfileService) {}
+    theiaEnabled = false;
 
     ngOnInit(): void {
         this.profileService.getProfileInfo().subscribe((profileInfo) => {
diff --git a/src/main/webapp/app/exercises/programming/manage/update/update-components/problem/programming-exercise-problem.component.ts b/src/main/webapp/app/exercises/programming/manage/update/update-components/problem/programming-exercise-problem.component.ts
index a11f6b730698..65783d8ac28b 100644
--- a/src/main/webapp/app/exercises/programming/manage/update/update-components/problem/programming-exercise-problem.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/update/update-components/problem/programming-exercise-problem.component.ts
@@ -2,14 +2,30 @@ import { Component, EventEmitter, Input, Output, input } from '@angular/core';
 import { ProgrammingExercise, ProgrammingLanguage, ProjectType } from 'app/entities/programming/programming-exercise.model';
 import { AssessmentType } from 'app/entities/assessment-type.model';
 import { faQuestionCircle } from '@fortawesome/free-solid-svg-icons';
+import { ProgrammingExerciseEditableInstructionComponent } from 'app/exercises/programming/manage/instructions-editor/programming-exercise-editable-instruction.component';
 import { ProgrammingExerciseCreationConfig } from 'app/exercises/programming/manage/update/programming-exercise-creation-config';
+import { ProgrammingExerciseInstructionComponent } from 'app/exercises/programming/shared/instructions-render/programming-exercise-instruction.component';
 import { MarkdownEditorHeight } from 'app/shared/markdown-editor/monaco/markdown-editor-monaco.component';
 import { ProgrammingExerciseInputField } from 'app/exercises/programming/manage/update/programming-exercise-update.helper';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgbAlert } from '@ng-bootstrap/ng-bootstrap';
+import { CompetencySelectionComponent } from 'app/shared/competency-selection/competency-selection.component';
+import { FormsModule } from '@angular/forms';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-programming-exercise-problem',
     templateUrl: './programming-exercise-problem.component.html',
     styleUrls: ['../../../programming-exercise-form.scss'],
+    imports: [
+        TranslateDirective,
+        NgbAlert,
+        ProgrammingExerciseInstructionComponent,
+        ProgrammingExerciseEditableInstructionComponent,
+        CompetencySelectionComponent,
+        FormsModule,
+        ArtemisTranslatePipe,
+    ],
 })
 export class ProgrammingExerciseProblemComponent {
     protected readonly ProgrammingLanguage = ProgrammingLanguage;
diff --git a/src/main/webapp/app/exercises/programming/manage/update/update-components/theia/programming-exercise-theia.component.ts b/src/main/webapp/app/exercises/programming/manage/update/update-components/theia/programming-exercise-theia.component.ts
index b516009846ed..55867d4c7b1f 100644
--- a/src/main/webapp/app/exercises/programming/manage/update/update-components/theia/programming-exercise-theia.component.ts
+++ b/src/main/webapp/app/exercises/programming/manage/update/update-components/theia/programming-exercise-theia.component.ts
@@ -1,25 +1,25 @@
-import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';
+import { KeyValuePipe } from '@angular/common';
+import { Component, Input, OnChanges, SimpleChanges, inject } from '@angular/core';
+import { FormsModule } from '@angular/forms';
 import { ProgrammingExercise, ProgrammingLanguage } from 'app/entities/programming/programming-exercise.model';
 import { ProgrammingExerciseCreationConfig } from 'app/exercises/programming/manage/update/programming-exercise-creation-config';
 import { TheiaService } from 'app/exercises/programming/shared/service/theia.service';
-import { ArtemisSharedLibsModule } from 'app/shared/shared-libs.module';
 
 @Component({
     selector: 'jhi-programming-exercise-theia',
     templateUrl: './programming-exercise-theia.component.html',
     styleUrls: ['../../../programming-exercise-form.scss'],
-    standalone: true,
-    imports: [ArtemisSharedLibsModule],
+    imports: [FormsModule, KeyValuePipe],
 })
 export class ProgrammingExerciseTheiaComponent implements OnChanges {
+    private theiaService = inject(TheiaService);
+
     @Input() programmingExercise: ProgrammingExercise;
     @Input() programmingExerciseCreationConfig: ProgrammingExerciseCreationConfig;
 
     programmingLanguage?: ProgrammingLanguage;
     theiaImages = {};
 
-    constructor(private theiaService: TheiaService) {}
-
     ngOnChanges(changes: SimpleChanges) {
         if ((changes.programmingExerciseCreationConfig || changes.programmingExercise) && this.shouldReloadTemplate()) {
             this.loadTheiaImages();
diff --git a/src/main/webapp/app/exercises/programming/participate/code-editor-student-container.component.ts b/src/main/webapp/app/exercises/programming/participate/code-editor-student-container.component.ts
index bb9a508331d6..a42dd14c5133 100644
--- a/src/main/webapp/app/exercises/programming/participate/code-editor-student-container.component.ts
+++ b/src/main/webapp/app/exercises/programming/participate/code-editor-student-container.component.ts
@@ -1,4 +1,6 @@
-import { Component, OnDestroy, OnInit, ViewChild } from '@angular/core';
+import { Component, OnDestroy, OnInit, ViewChild, inject } from '@angular/core';
+import { IncludedInScoreBadgeComponent } from 'app/exercises/shared/exercise-headers/included-in-score-badge.component';
+import { UpdatingResultComponent } from 'app/exercises/shared/result/updating-result.component';
 import { Observable, Subscription } from 'rxjs';
 import { map, tap } from 'rxjs/operators';
 import { ProgrammingExerciseParticipationService } from 'app/exercises/programming/manage/services/programming-exercise-participation.service';
@@ -22,12 +24,35 @@ import { SubmissionPolicyService } from 'app/exercises/programming/manage/servic
 import { hasExerciseDueDatePassed } from 'app/exercises/shared/exercise/exercise.utils';
 import { faCircleNotch, faTimesCircle } from '@fortawesome/free-solid-svg-icons';
 import { isManualResult as isManualResultFunction } from 'app/exercises/shared/result/result.utils';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { CodeEditorRepositoryIsLockedComponent } from '../shared/code-editor/layout/code-editor-repository-is-locked.component';
+import { ProgrammingExerciseStudentTriggerBuildButtonComponent } from '../shared/actions/programming-exercise-student-trigger-build-button.component';
+import { ProgrammingExerciseInstructionComponent } from '../shared/instructions-render/programming-exercise-instruction.component';
+import { AdditionalFeedbackComponent } from 'app/shared/additional-feedback/additional-feedback.component';
 
 @Component({
     selector: 'jhi-code-editor-student',
     templateUrl: './code-editor-student-container.component.html',
+    imports: [
+        FaIconComponent,
+        TranslateDirective,
+        CodeEditorContainerComponent,
+        IncludedInScoreBadgeComponent,
+        CodeEditorRepositoryIsLockedComponent,
+        UpdatingResultComponent,
+        ProgrammingExerciseStudentTriggerBuildButtonComponent,
+        ProgrammingExerciseInstructionComponent,
+        AdditionalFeedbackComponent,
+    ],
 })
 export class CodeEditorStudentContainerComponent implements OnInit, OnDestroy {
+    private domainService = inject(DomainService);
+    private programmingExerciseParticipationService = inject(ProgrammingExerciseParticipationService);
+    private guidedTourService = inject(GuidedTourService);
+    private submissionPolicyService = inject(SubmissionPolicyService);
+    private route = inject(ActivatedRoute);
+
     @ViewChild(CodeEditorContainerComponent, { static: false }) codeEditorContainer: CodeEditorContainerComponent;
     readonly IncludedInOverallScore = IncludedInOverallScore;
     readonly SubmissionPolicyType = SubmissionPolicyType;
@@ -54,14 +79,6 @@ export class CodeEditorStudentContainerComponent implements OnInit, OnDestroy {
     faCircleNotch = faCircleNotch;
     faTimesCircle = faTimesCircle;
 
-    constructor(
-        private domainService: DomainService,
-        private programmingExerciseParticipationService: ProgrammingExerciseParticipationService,
-        private guidedTourService: GuidedTourService,
-        private submissionPolicyService: SubmissionPolicyService,
-        private route: ActivatedRoute,
-    ) {}
-
     /**
      * On init set up the route param subscription.
      * Will load the participation according to participation Id with the latest result and result details.
diff --git a/src/main/webapp/app/exercises/programming/participate/programming-build-run.service.ts b/src/main/webapp/app/exercises/programming/participate/programming-build-run.service.ts
index 1581a137b4ea..88ef2c010196 100644
--- a/src/main/webapp/app/exercises/programming/participate/programming-build-run.service.ts
+++ b/src/main/webapp/app/exercises/programming/participate/programming-build-run.service.ts
@@ -1,4 +1,4 @@
-import { Injectable, OnDestroy } from '@angular/core';
+import { Injectable, OnDestroy, inject } from '@angular/core';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { filter, tap } from 'rxjs/operators';
 import { JhiWebsocketService } from 'app/core/websocket/websocket.service';
@@ -24,14 +24,14 @@ export interface IProgrammingBuildRunService {
  */
 @Injectable({ providedIn: 'root' })
 export class ProgrammingBuildRunService implements OnDestroy {
+    private websocketService = inject(JhiWebsocketService);
+
     // Boolean subject: true == build is running, false == build is not running.
     private buildRunSubjects: { [programmingExerciseId: number]: BehaviorSubject<BuildRunState | undefined> } = {};
     private buildRunTopics: { [programmingExerciseId: number]: string } = {};
 
     private BUILD_RUN_TEMPLATE_TOPIC = '/topic/programming-exercises/%programmingExerciseId%/all-builds-triggered';
 
-    constructor(private websocketService: JhiWebsocketService) {}
-
     /**
      * Unsubscribe all buildRunSubjects
      */
diff --git a/src/main/webapp/app/exercises/programming/participate/programming-participation-routing.module.ts b/src/main/webapp/app/exercises/programming/participate/programming-participation-routing.module.ts
index 55f0d5bd5a17..380615ca8fda 100644
--- a/src/main/webapp/app/exercises/programming/participate/programming-participation-routing.module.ts
+++ b/src/main/webapp/app/exercises/programming/participate/programming-participation-routing.module.ts
@@ -1,5 +1,5 @@
 import { RouterModule, Routes } from '@angular/router';
-import { CodeEditorStudentContainerComponent } from 'app/exercises/programming/participate/code-editor-student-container.component';
+
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
 import { NgModule } from '@angular/core';
 import { Authority } from 'app/shared/constants/authority.constants';
@@ -7,7 +7,7 @@ import { Authority } from 'app/shared/constants/authority.constants';
 const routes: Routes = [
     {
         path: ':participationId',
-        component: CodeEditorStudentContainerComponent,
+        loadComponent: () => import('app/exercises/programming/participate/code-editor-student-container.component').then((m) => m.CodeEditorStudentContainerComponent),
         data: {
             authorities: [Authority.USER],
             pageTitle: 'artemisApp.editor.home.title',
diff --git a/src/main/webapp/app/exercises/programming/participate/programming-participation.module.ts b/src/main/webapp/app/exercises/programming/participate/programming-participation.module.ts
index 441bd55da951..18e25df055d5 100644
--- a/src/main/webapp/app/exercises/programming/participate/programming-participation.module.ts
+++ b/src/main/webapp/app/exercises/programming/participate/programming-participation.module.ts
@@ -25,7 +25,7 @@ import { ArtemisProgrammingSubmissionPolicyStatusModule } from 'app/exercises/pr
         SubmissionResultStatusModule,
         ArtemisSharedComponentModule,
         ArtemisProgrammingSubmissionPolicyStatusModule,
+        CodeEditorStudentContainerComponent,
     ],
-    declarations: [CodeEditorStudentContainerComponent],
 })
 export class ArtemisProgrammingParticipationModule {}
diff --git a/src/main/webapp/app/exercises/programming/participate/programming-repository-routing.module.ts b/src/main/webapp/app/exercises/programming/participate/programming-repository-routing.module.ts
index 155f8ac14580..2b962a822dac 100644
--- a/src/main/webapp/app/exercises/programming/participate/programming-repository-routing.module.ts
+++ b/src/main/webapp/app/exercises/programming/participate/programming-repository-routing.module.ts
@@ -1,15 +1,13 @@
 import { RouterModule, Routes } from '@angular/router';
 import { NgModule } from '@angular/core';
 import { Authority } from 'app/shared/constants/authority.constants';
-import { RepositoryViewComponent } from 'app/localvc/repository-view/repository-view.component';
-import { CommitHistoryComponent } from 'app/localvc/commit-history/commit-history.component';
-import { CommitDetailsViewComponent } from 'app/localvc/commit-details-view/commit-details-view.component';
+
 import { LocalVCGuard } from 'app/localvc/localvc-guard.service';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
 const routes: Routes = [
     {
         path: ':participationId',
-        component: RepositoryViewComponent,
+        loadComponent: () => import('app/localvc/repository-view/repository-view.component').then((m) => m.RepositoryViewComponent),
         data: {
             authorities: [Authority.USER],
             pageTitle: 'artemisApp.repository.title',
@@ -18,7 +16,7 @@ const routes: Routes = [
     },
     {
         path: ':participationId/commit-history',
-        component: CommitHistoryComponent,
+        loadComponent: () => import('app/localvc/commit-history/commit-history.component').then((m) => m.CommitHistoryComponent),
         data: {
             authorities: [Authority.USER],
             pageTitle: 'artemisApp.repository.commitHistory.title',
@@ -27,7 +25,7 @@ const routes: Routes = [
     },
     {
         path: ':participationId/commit-history/:commitHash',
-        component: CommitDetailsViewComponent,
+        loadComponent: () => import('app/localvc/commit-details-view/commit-details-view.component').then((m) => m.CommitDetailsViewComponent),
         data: {
             authorities: [Authority.USER],
             pageTitle: 'artemisApp.repository.commitHistory.commitDetails.title',
@@ -36,7 +34,7 @@ const routes: Routes = [
     },
     {
         path: ':repositoryType',
-        component: RepositoryViewComponent,
+        loadComponent: () => import('app/localvc/repository-view/repository-view.component').then((m) => m.RepositoryViewComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR, Authority.TA],
             pageTitle: 'artemisApp.repository.title',
diff --git a/src/main/webapp/app/exercises/programming/participate/programming-repository.module.ts b/src/main/webapp/app/exercises/programming/participate/programming-repository.module.ts
index 3728c10c582c..e0c011794a11 100644
--- a/src/main/webapp/app/exercises/programming/participate/programming-repository.module.ts
+++ b/src/main/webapp/app/exercises/programming/participate/programming-repository.module.ts
@@ -9,7 +9,7 @@ import { ArtemisSharedComponentModule } from 'app/shared/components/shared-compo
 import { RepositoryViewComponent } from 'app/localvc/repository-view/repository-view.component';
 import { ArtemisProgrammingRepositoryRoutingModule } from 'app/exercises/programming/participate/programming-repository-routing.module';
 import { FormDateTimePickerModule } from 'app/shared/date-time-picker/date-time-picker.module';
-import { FeatureToggleModule } from 'app/shared/feature-toggle/feature-toggle.module';
+
 import { ArtemisAssessmentSharedModule } from 'app/assessment/assessment-shared.module';
 import { ArtemisProgrammingManualAssessmentModule } from 'app/exercises/programming/assess/programming-manual-assessment.module';
 import { AssessmentInstructionsModule } from 'app/assessment/assessment-instructions/assessment-instructions.module';
@@ -27,7 +27,6 @@ import { ComplaintsForTutorComponent } from 'app/complaints/complaints-for-tutor
         ArtemisSharedComponentModule,
         FormDateTimePickerModule,
         FormsModule,
-        FeatureToggleModule,
         ComplaintsForTutorComponent,
         ArtemisProgrammingRepositoryRoutingModule,
         ArtemisAssessmentSharedModule,
@@ -41,8 +40,10 @@ import { ComplaintsForTutorComponent } from 'app/complaints/complaints-for-tutor
         ArtemisProgrammingExerciseModule,
         ArtemisProgrammingExerciseActionsModule,
         GitDiffReportComponent,
+        RepositoryViewComponent,
+        CommitHistoryComponent,
+        CommitDetailsViewComponent,
     ],
-    declarations: [RepositoryViewComponent, CommitHistoryComponent, CommitDetailsViewComponent],
     exports: [RepositoryViewComponent],
 })
 export class ArtemisProgrammingRepositoryModule {}
diff --git a/src/main/webapp/app/exercises/programming/participate/programming-submission-policy-status.module.ts b/src/main/webapp/app/exercises/programming/participate/programming-submission-policy-status.module.ts
index 81f21d065b7a..bab23c57dc9f 100644
--- a/src/main/webapp/app/exercises/programming/participate/programming-submission-policy-status.module.ts
+++ b/src/main/webapp/app/exercises/programming/participate/programming-submission-policy-status.module.ts
@@ -4,8 +4,7 @@ import { ArtemisSharedCommonModule } from 'app/shared/shared-common.module';
 import { ProgrammingSubmissionPolicyStatusComponent } from 'app/exercises/programming/participate/programming-submission-policy-status';
 
 @NgModule({
-    declarations: [ProgrammingSubmissionPolicyStatusComponent],
-    imports: [CommonModule, ArtemisSharedCommonModule],
+    imports: [CommonModule, ArtemisSharedCommonModule, ProgrammingSubmissionPolicyStatusComponent],
     exports: [ProgrammingSubmissionPolicyStatusComponent],
 })
 export class ArtemisProgrammingSubmissionPolicyStatusModule {}
diff --git a/src/main/webapp/app/exercises/programming/participate/programming-submission-policy-status.ts b/src/main/webapp/app/exercises/programming/participate/programming-submission-policy-status.ts
index 826437a4ce28..302390fb38f8 100644
--- a/src/main/webapp/app/exercises/programming/participate/programming-submission-policy-status.ts
+++ b/src/main/webapp/app/exercises/programming/participate/programming-submission-policy-status.ts
@@ -1,6 +1,7 @@
 import { Component, Input } from '@angular/core';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { SubmissionPolicyType } from 'app/entities/submission-policy.model';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
     selector: 'jhi-programming-submission-policy-status',
@@ -20,6 +21,7 @@ import { SubmissionPolicyType } from 'app/entities/submission-policy.model';
             </div>
         }
     `,
+    imports: [TranslateDirective],
 })
 export class ProgrammingSubmissionPolicyStatusComponent {
     @Input()
diff --git a/src/main/webapp/app/exercises/programming/participate/programming-submission.service.ts b/src/main/webapp/app/exercises/programming/participate/programming-submission.service.ts
index 4b5e60dd22d8..655c4d7dab6b 100644
--- a/src/main/webapp/app/exercises/programming/participate/programming-submission.service.ts
+++ b/src/main/webapp/app/exercises/programming/participate/programming-submission.service.ts
@@ -1,4 +1,4 @@
-import { Injectable, OnDestroy } from '@angular/core';
+import { Injectable, OnDestroy, inject } from '@angular/core';
 import { HttpClient, HttpParams, HttpResponse } from '@angular/common/http';
 import { BehaviorSubject, Observable, Subject, Subscription, from, merge, of, timer } from 'rxjs';
 import { catchError, distinctUntilChanged, filter, map, reduce, switchMap, tap } from 'rxjs/operators';
@@ -66,6 +66,12 @@ export interface IProgrammingSubmissionService {
 
 @Injectable({ providedIn: 'root' })
 export class ProgrammingSubmissionService implements IProgrammingSubmissionService, OnDestroy {
+    private websocketService = inject(JhiWebsocketService);
+    private http = inject(HttpClient);
+    private participationWebsocketService = inject(ParticipationWebsocketService);
+    private participationService = inject(ProgrammingExerciseParticipationService);
+    private profileService = inject(ProfileService);
+
     public SUBMISSION_RESOURCE_URL = 'api/programming-submissions/';
     public PROGRAMMING_EXERCISE_RESOURCE_URL = 'api/programming-exercises/';
     // Default value: 2 minutes.
@@ -104,13 +110,7 @@ export class ProgrammingSubmissionService implements IProgrammingSubmissionServi
     private isLocalCIProfile?: boolean = undefined;
     private profileServiceSubscription: Subscription;
 
-    constructor(
-        private websocketService: JhiWebsocketService,
-        private http: HttpClient,
-        private participationWebsocketService: ParticipationWebsocketService,
-        private participationService: ProgrammingExerciseParticipationService,
-        private profileService: ProfileService,
-    ) {
+    constructor() {
         this.profileServiceSubscription = this.profileService.getProfileInfo().subscribe((profileInfo) => {
             this.setLocalCIProfile(!!profileInfo?.activeProfiles.includes(PROFILE_LOCALCI));
         });
diff --git a/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-actions.module.ts b/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-actions.module.ts
index 2dbfbbdb5de0..07b21de20752 100644
--- a/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-actions.module.ts
+++ b/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-actions.module.ts
@@ -9,13 +9,14 @@ import {
 } from 'app/exercises/programming/shared/actions/programming-exercise-trigger-all-button.component';
 import { ProgrammingExerciseReEvaluateButtonComponent } from 'app/exercises/programming/shared/actions/programming-exercise-re-evaluate-button.component';
 import { ArtemisSharedComponentModule } from 'app/shared/components/shared-component.module';
-import { FeatureToggleModule } from 'app/shared/feature-toggle/feature-toggle.module';
+
 import { ProgrammingExerciseInstructorRepoDownloadComponent } from 'app/exercises/programming/shared/actions/programming-exercise-instructor-repo-download.component';
 import { ProgrammingExerciseStudentRepoDownloadComponent } from 'app/exercises/programming/shared/actions/programming-exercise-student-repo-download.component';
 
 @NgModule({
-    imports: [ArtemisSharedModule, ArtemisSharedComponentModule, FeatureToggleModule],
-    declarations: [
+    imports: [
+        ArtemisSharedModule,
+        ArtemisSharedComponentModule,
         ProgrammingExerciseInstructorTriggerBuildButtonComponent,
         ProgrammingExerciseStudentTriggerBuildButtonComponent,
         ProgrammingExerciseInstructorSubmissionStateComponent,
diff --git a/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-example-solution-repo-download.component.ts b/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-example-solution-repo-download.component.ts
index 493688bff21a..c5045093837f 100644
--- a/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-example-solution-repo-download.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-example-solution-repo-download.component.ts
@@ -1,6 +1,7 @@
 import { Component, Input } from '@angular/core';
 import { downloadZipFileFromResponse } from 'app/shared/util/download.util';
 import { ProgrammingExerciseInstructorRepoDownloadComponent } from 'app/exercises/programming/shared/actions/programming-exercise-instructor-repo-download.component';
+import { ButtonComponent } from 'app/shared/components/button.component';
 
 @Component({
     selector: 'jhi-programming-exercise-example-solution-repo-download',
@@ -14,11 +15,12 @@ import { ProgrammingExerciseInstructorRepoDownloadComponent } from 'app/exercise
         [title]="title"
         (onClick)="exportRepository()"
     />`,
+    imports: [ButtonComponent],
 })
 export class ProgrammingExerciseExampleSolutionRepoDownloadComponent extends ProgrammingExerciseInstructorRepoDownloadComponent {
     @Input() includeTests?: boolean;
 
-    @Input() displayedOnExamSummary: boolean = false;
+    @Input() displayedOnExamSummary = false;
 
     exportRepository() {
         if (this.exerciseId) {
diff --git a/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-instructor-exercise-download.component.ts b/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-instructor-exercise-download.component.ts
index 093bf3942a13..6bd5fb87c7f8 100644
--- a/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-instructor-exercise-download.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-instructor-exercise-download.component.ts
@@ -1,10 +1,11 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, inject } from '@angular/core';
 import { ButtonSize, ButtonType } from 'app/shared/components/button.component';
 import { FeatureToggle } from 'app/shared/feature-toggle/feature-toggle.service';
 import { ProgrammingExerciseService } from 'app/exercises/programming/manage/services/programming-exercise.service';
 import { downloadZipFileFromResponse } from 'app/shared/util/download.util';
 import { AlertService } from 'app/core/util/alert.service';
 import { faDownload } from '@fortawesome/free-solid-svg-icons';
+import { ButtonComponent } from 'app/shared/components/button.component';
 
 @Component({
     selector: 'jhi-programming-exercise-instructor-exercise-download',
@@ -20,8 +21,12 @@ import { faDownload } from '@fortawesome/free-solid-svg-icons';
             (onClick)="exportExercise()"
         />
     `,
+    imports: [ButtonComponent],
 })
 export class ProgrammingExerciseInstructorExerciseDownloadComponent {
+    private programmingExerciseService = inject(ProgrammingExerciseService);
+    private alertService = inject(AlertService);
+
     ButtonType = ButtonType;
     ButtonSize = ButtonSize;
     readonly FeatureToggle = FeatureToggle;
@@ -32,11 +37,6 @@ export class ProgrammingExerciseInstructorExerciseDownloadComponent {
     // Icons
     faDownload = faDownload;
 
-    constructor(
-        private programmingExerciseService: ProgrammingExerciseService,
-        private alertService: AlertService,
-    ) {}
-
     exportExercise() {
         if (this.exerciseId) {
             this.programmingExerciseService.exportInstructorExercise(this.exerciseId).subscribe(
diff --git a/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-instructor-repo-download.component.ts b/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-instructor-repo-download.component.ts
index 4159969605fa..aa675d56f14b 100644
--- a/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-instructor-repo-download.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-instructor-repo-download.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, inject } from '@angular/core';
 import { ButtonSize, ButtonType } from 'app/shared/components/button.component';
 import { FeatureToggle } from 'app/shared/feature-toggle/feature-toggle.service';
 import { ProgrammingExerciseInstructorRepositoryType, ProgrammingExerciseService } from 'app/exercises/programming/manage/services/programming-exercise.service';
@@ -7,12 +7,17 @@ import { AlertService } from 'app/core/util/alert.service';
 import { faDownload } from '@fortawesome/free-solid-svg-icons';
 import { catchError } from 'rxjs/operators';
 import { of } from 'rxjs';
+import { ButtonComponent } from 'app/shared/components/button.component';
 
 @Component({
     selector: 'jhi-programming-exercise-instructor-repo-download',
     templateUrl: './programming-exercise-instructor-repo-download.component.html',
+    imports: [ButtonComponent],
 })
 export class ProgrammingExerciseInstructorRepoDownloadComponent {
+    protected programmingExerciseService = inject(ProgrammingExerciseService);
+    protected alertService = inject(AlertService);
+
     ButtonType = ButtonType;
     ButtonSize = ButtonSize;
     readonly FeatureToggle = FeatureToggle;
@@ -35,11 +40,6 @@ export class ProgrammingExerciseInstructorRepoDownloadComponent {
     // Icons
     faDownload = faDownload;
 
-    constructor(
-        protected programmingExerciseService: ProgrammingExerciseService,
-        protected alertService: AlertService,
-    ) {}
-
     exportRepository() {
         if (this.exerciseId && this.repositoryType) {
             this.programmingExerciseService
diff --git a/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-instructor-submission-state.component.ts b/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-instructor-submission-state.component.ts
index 60081cc274f3..604cdd068d56 100644
--- a/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-instructor-submission-state.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-instructor-submission-state.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { Component, Input, OnChanges, OnInit, SimpleChanges, inject } from '@angular/core';
 import { debounceTime, map, tap } from 'rxjs/operators';
 import { ExerciseSubmissionState, ProgrammingSubmissionService, ProgrammingSubmissionState } from 'app/exercises/programming/participate/programming-submission.service';
 import { Subscription } from 'rxjs';
@@ -7,6 +7,13 @@ import { ProgrammingExercise } from 'app/entities/programming/programming-exerci
 import { hasExerciseChanged } from 'app/exercises/shared/exercise/exercise.utils';
 import { ButtonType } from 'app/shared/components/button.component';
 import { faCircleNotch, faClock, faRedo } from '@fortawesome/free-solid-svg-icons';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { NgClass } from '@angular/common';
+import { ProgrammingExerciseTriggerAllButtonComponent } from './programming-exercise-trigger-all-button.component';
+import { ButtonComponent } from 'app/shared/components/button.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { DurationPipe } from 'app/shared/pipes/duration.pipe';
 
 /**
  * This components provides two buttons to the instructor to interact with the students' submissions:
@@ -18,8 +25,11 @@ import { faCircleNotch, faClock, faRedo } from '@fortawesome/free-solid-svg-icon
 @Component({
     selector: 'jhi-programming-exercise-instructor-submission-state',
     templateUrl: './programming-exercise-instructor-submission-state.component.html',
+    imports: [FaIconComponent, NgbTooltip, NgClass, ProgrammingExerciseTriggerAllButtonComponent, ButtonComponent, ArtemisTranslatePipe, DurationPipe],
 })
 export class ProgrammingExerciseInstructorSubmissionStateComponent implements OnChanges, OnInit {
+    private programmingSubmissionService = inject(ProgrammingSubmissionService);
+
     FeatureToggle = FeatureToggle;
     ButtonType = ButtonType;
     ProgrammingSubmissionState = ProgrammingSubmissionState;
@@ -41,8 +51,6 @@ export class ProgrammingExerciseInstructorSubmissionStateComponent implements On
     faCircleNotch = faCircleNotch;
     faRedo = faRedo;
 
-    constructor(private programmingSubmissionService: ProgrammingSubmissionService) {}
-
     ngOnInit(): void {
         this.resultEtaSubscription = this.programmingSubmissionService.getResultEtaInMs().subscribe((resultEta) => (this.resultEtaInMs = resultEta));
     }
diff --git a/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-instructor-trigger-build-button.component.ts b/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-instructor-trigger-build-button.component.ts
index 91ced7a711aa..8118890fa027 100644
--- a/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-instructor-trigger-build-button.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-instructor-trigger-build-button.component.ts
@@ -1,30 +1,26 @@
-import { Component } from '@angular/core';
+import { Component, inject } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import { ProgrammingExerciseTriggerBuildButtonComponent } from './programming-exercise-trigger-build-button.component';
-import { ProgrammingSubmissionService } from 'app/exercises/programming/participate/programming-submission.service';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
-import { ParticipationWebsocketService } from 'app/overview/participation-websocket.service';
-import { AlertService } from 'app/core/util/alert.service';
 import { SubmissionType } from 'app/entities/submission.model';
 import { ConfirmAutofocusModalComponent } from 'app/shared/components/confirm-autofocus-modal.component';
 import { faRedo } from '@fortawesome/free-solid-svg-icons';
+import { ButtonComponent } from 'app/shared/components/button.component';
 
 @Component({
     selector: 'jhi-programming-exercise-instructor-trigger-build-button',
     templateUrl: './programming-exercise-trigger-build-button.component.html',
+    imports: [ButtonComponent],
 })
 export class ProgrammingExerciseInstructorTriggerBuildButtonComponent extends ProgrammingExerciseTriggerBuildButtonComponent {
+    private translateService = inject(TranslateService);
+    private modalService = inject(NgbModal);
+
     // Icons
     faRedo = faRedo;
 
-    constructor(
-        submissionService: ProgrammingSubmissionService,
-        alertService: AlertService,
-        participationWebsocketService: ParticipationWebsocketService,
-        private translateService: TranslateService,
-        private modalService: NgbModal,
-    ) {
-        super(submissionService, participationWebsocketService, alertService);
+    constructor() {
+        super();
         this.showForSuccessfulSubmissions = true;
         this.personalParticipation = false;
     }
diff --git a/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-re-evaluate-button.component.ts b/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-re-evaluate-button.component.ts
index 2d1710b1b692..5f2e99ab3d7c 100644
--- a/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-re-evaluate-button.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-re-evaluate-button.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, inject } from '@angular/core';
 import { HttpErrorResponse } from '@angular/common/http';
 import { AlertService } from 'app/core/util/alert.service';
 import { ProgrammingExerciseGradingService } from 'app/exercises/programming/manage/services/programming-exercise-grading.service';
@@ -6,6 +6,7 @@ import { FeatureToggle } from 'app/shared/feature-toggle/feature-toggle.service'
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { ButtonType } from 'app/shared/components/button.component';
 import { faRedo } from '@fortawesome/free-solid-svg-icons';
+import { ButtonComponent } from 'app/shared/components/button.component';
 
 /**
  * A button that re-evaluates all latest automatic results of the given programming exercise.
@@ -26,8 +27,12 @@ import { faRedo } from '@fortawesome/free-solid-svg-icons';
             (onClick)="triggerReEvaluate()"
         />
     `,
+    imports: [ButtonComponent],
 })
 export class ProgrammingExerciseReEvaluateButtonComponent {
+    private testCaseService = inject(ProgrammingExerciseGradingService);
+    private alertService = inject(AlertService);
+
     FeatureToggle = FeatureToggle;
     ButtonType = ButtonType;
     @Input() exercise: ProgrammingExercise;
@@ -38,11 +43,6 @@ export class ProgrammingExerciseReEvaluateButtonComponent {
     // Icons
     faRedo = faRedo;
 
-    constructor(
-        private testCaseService: ProgrammingExerciseGradingService,
-        private alertService: AlertService,
-    ) {}
-
     /**
      * Triggers the re-evaluation of the programming exercise and displays the result in the end using an alert.
      */
diff --git a/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-student-repo-download.component.ts b/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-student-repo-download.component.ts
index 420104a21c0d..069852da3ef3 100644
--- a/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-student-repo-download.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-student-repo-download.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, inject } from '@angular/core';
 import { ButtonSize, ButtonType } from 'app/shared/components/button.component';
 import { FeatureToggle } from 'app/shared/feature-toggle/feature-toggle.service';
 import { ProgrammingExerciseService } from 'app/exercises/programming/manage/services/programming-exercise.service';
@@ -6,12 +6,17 @@ import { downloadZipFileFromResponse } from 'app/shared/util/download.util';
 import { AlertService } from 'app/core/util/alert.service';
 import { faDownload } from '@fortawesome/free-solid-svg-icons';
 import { take } from 'rxjs';
+import { ButtonComponent } from 'app/shared/components/button.component';
 
 @Component({
     selector: 'jhi-programming-exercise-student-repo-download',
     templateUrl: './programming-exercise-student-repo-download.component.html',
+    imports: [ButtonComponent],
 })
 export class ProgrammingExerciseStudentRepoDownloadComponent {
+    protected programmingExerciseService = inject(ProgrammingExerciseService);
+    protected alertService = inject(AlertService);
+
     ButtonType = ButtonType;
     ButtonSize = ButtonSize;
     readonly FeatureToggle = FeatureToggle;
@@ -31,11 +36,6 @@ export class ProgrammingExerciseStudentRepoDownloadComponent {
     // Icons
     faDownload = faDownload;
 
-    constructor(
-        protected programmingExerciseService: ProgrammingExerciseService,
-        protected alertService: AlertService,
-    ) {}
-
     exportRepository() {
         if (this.exerciseId && this.participationId) {
             this.programmingExerciseService
diff --git a/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-student-trigger-build-button.component.ts b/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-student-trigger-build-button.component.ts
index 7a159e5d022e..4c55f8067294 100644
--- a/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-student-trigger-build-button.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-student-trigger-build-button.component.ts
@@ -1,25 +1,26 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, inject } from '@angular/core';
 import { ProgrammingExerciseTriggerBuildButtonComponent } from './programming-exercise-trigger-build-button.component';
-import { ProgrammingSubmissionService } from 'app/exercises/programming/participate/programming-submission.service';
-import { ParticipationWebsocketService } from 'app/overview/participation-websocket.service';
 import { AlertService } from 'app/core/util/alert.service';
 import { catchError } from 'rxjs/operators';
 import { of } from 'rxjs';
 import { SubmissionType } from 'app/entities/submission.model';
 import { faRedo } from '@fortawesome/free-solid-svg-icons';
+import { ButtonComponent } from 'app/shared/components/button.component';
 
 @Component({
     selector: 'jhi-programming-exercise-student-trigger-build-button',
     templateUrl: './programming-exercise-trigger-build-button.component.html',
+    imports: [ButtonComponent],
 })
 export class ProgrammingExerciseStudentTriggerBuildButtonComponent extends ProgrammingExerciseTriggerBuildButtonComponent {
+    private alertService = inject(AlertService);
     @Input() triggerLastGraded = false;
 
     // Icons
     faRedo = faRedo;
 
-    constructor(submissionService: ProgrammingSubmissionService, alertService: AlertService, participationWebsocketService: ParticipationWebsocketService) {
-        super(submissionService, participationWebsocketService, alertService);
+    constructor() {
+        super();
         this.personalParticipation = true;
     }
 
diff --git a/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-trigger-all-button.component.ts b/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-trigger-all-button.component.ts
index 28454d8c0e72..f0f6537b56c0 100644
--- a/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-trigger-all-button.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-trigger-all-button.component.ts
@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { Component, EventEmitter, Input, OnInit, Output, inject } from '@angular/core';
 import { catchError, tap } from 'rxjs/operators';
 import { ProgrammingSubmissionService } from 'app/exercises/programming/participate/programming-submission.service';
 import { of } from 'rxjs';
@@ -9,6 +9,10 @@ import { FeatureToggle } from 'app/shared/feature-toggle/feature-toggle.service'
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { ButtonType } from 'app/shared/components/button.component';
 import { faBan, faRedo, faTimes } from '@fortawesome/free-solid-svg-icons';
+import { FormsModule } from '@angular/forms';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ButtonComponent } from 'app/shared/components/button.component';
 
 /**
  * A button that triggers the build for all participations of the given programming exercise.
@@ -29,8 +33,13 @@ import { faBan, faRedo, faTimes } from '@fortawesome/free-solid-svg-icons';
             (onClick)="openTriggerAllModal()"
         />
     `,
+    imports: [ButtonComponent],
 })
 export class ProgrammingExerciseTriggerAllButtonComponent implements OnInit {
+    private submissionService = inject(ProgrammingSubmissionService);
+    private programmingBuildRunService = inject(ProgrammingBuildRunService);
+    private modalService = inject(NgbModal);
+
     FeatureToggle = FeatureToggle;
     ButtonType = ButtonType;
     @Input() exercise: ProgrammingExercise;
@@ -40,12 +49,6 @@ export class ProgrammingExerciseTriggerAllButtonComponent implements OnInit {
     // Icons
     faRedo = faRedo;
 
-    constructor(
-        private submissionService: ProgrammingSubmissionService,
-        private programmingBuildRunService: ProgrammingBuildRunService,
-        private modalService: NgbModal,
-    ) {}
-
     ngOnInit() {
         // The info that the builds were triggered comes from a websocket channel.
         this.subscribeBuildRunUpdates();
@@ -110,8 +113,11 @@ export class ProgrammingExerciseTriggerAllButtonComponent implements OnInit {
             </div>
         </form>
     `,
+    imports: [FormsModule, TranslateDirective, FaIconComponent],
 })
 export class ProgrammingExerciseInstructorTriggerAllDialogComponent {
+    private activeModal = inject(NgbActiveModal);
+
     @Input() exerciseId: number;
     @Input() dueDatePassed: boolean;
 
@@ -119,8 +125,6 @@ export class ProgrammingExerciseInstructorTriggerAllDialogComponent {
     faBan = faBan;
     faTimes = faTimes;
 
-    constructor(private activeModal: NgbActiveModal) {}
-
     cancel() {
         this.activeModal.dismiss('cancel');
     }
diff --git a/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-trigger-build-button.component.ts b/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-trigger-build-button.component.ts
index 1431ad0bfe38..14ff2154ed02 100644
--- a/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-trigger-build-button.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/actions/programming-exercise-trigger-build-button.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { Component, Input, OnChanges, OnDestroy, SimpleChanges, inject } from '@angular/core';
 import { filter, tap } from 'rxjs/operators';
 import { Subscription } from 'rxjs';
 import { head, orderBy } from 'lodash-es';
@@ -11,7 +11,6 @@ import { Result } from 'app/entities/result.model';
 import { FeatureToggle } from 'app/shared/feature-toggle/feature-toggle.service';
 import { SubmissionType } from 'app/entities/submission.model';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
-import { AlertService } from 'app/core/util/alert.service';
 import { hasParticipationChanged } from 'app/exercises/shared/participation/participation.utils';
 import { isManualResult } from 'app/exercises/shared/result/result.utils';
 
@@ -20,11 +19,16 @@ import { isManualResult } from 'app/exercises/shared/result/result.utils';
  * The participation given as input needs to have the results attached as this component checks if there is at least one result.
  * If there is no result, the button is disabled because this would mean that the student has not made a commit yet.
  */
-@Component({ template: '' })
+@Component({
+    template: '',
+})
 export abstract class ProgrammingExerciseTriggerBuildButtonComponent implements OnChanges, OnDestroy {
     FeatureToggle = FeatureToggle;
     ButtonType = ButtonType;
 
+    private submissionService = inject(ProgrammingSubmissionService);
+    private participationWebsocketService = inject(ParticipationWebsocketService);
+
     @Input() exercise: ProgrammingExercise;
     @Input() participation: Participation;
     @Input() btnSize = ButtonSize.SMALL;
@@ -44,12 +48,6 @@ export abstract class ProgrammingExerciseTriggerBuildButtonComponent implements
     // True if the student triggers. false if an instructor triggers it
     protected personalParticipation: boolean;
 
-    protected constructor(
-        protected submissionService: ProgrammingSubmissionService,
-        protected participationWebsocketService: ParticipationWebsocketService,
-        protected alertService: AlertService,
-    ) {}
-
     /**
      * Check if the participation has changed, if so set up the websocket connections.
      *
diff --git a/src/main/webapp/app/exercises/programming/shared/build-details/programming-exercise-build-plan-checkout-directories.component.ts b/src/main/webapp/app/exercises/programming/shared/build-details/programming-exercise-build-plan-checkout-directories.component.ts
index d1932dc53ff3..d5233d052bed 100644
--- a/src/main/webapp/app/exercises/programming/shared/build-details/programming-exercise-build-plan-checkout-directories.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/build-details/programming-exercise-build-plan-checkout-directories.component.ts
@@ -6,7 +6,6 @@ import { AuxiliaryRepository } from 'app/entities/programming/programming-exerci
     selector: 'jhi-programming-exercise-build-plan-checkout-directories',
     templateUrl: './programming-exercise-build-plan-checkout-directories.component.html',
     styleUrls: ['../../manage/programming-exercise-form.scss'],
-    standalone: true,
 })
 export class ProgrammingExerciseBuildPlanCheckoutDirectoriesComponent {
     @Input() checkoutDirectories?: BuildPlanCheckoutDirectoriesDTO;
diff --git a/src/main/webapp/app/exercises/programming/shared/build-details/programming-exercise-edit-checkout-directories/programming-exercise-edit-checkout-directories.component.ts b/src/main/webapp/app/exercises/programming/shared/build-details/programming-exercise-edit-checkout-directories/programming-exercise-edit-checkout-directories.component.ts
index 460a48c84aea..751db4de032c 100644
--- a/src/main/webapp/app/exercises/programming/shared/build-details/programming-exercise-edit-checkout-directories/programming-exercise-edit-checkout-directories.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/build-details/programming-exercise-edit-checkout-directories/programming-exercise-edit-checkout-directories.component.ts
@@ -8,7 +8,6 @@ import { NgModel } from '@angular/forms';
 
 @Component({
     selector: 'jhi-programming-exercise-edit-checkout-directories',
-    standalone: true,
     imports: [ArtemisSharedComponentModule, ArtemisSharedCommonModule],
     templateUrl: './programming-exercise-edit-checkout-directories.component.html',
     styleUrls: ['../../../manage/programming-exercise-form.scss'],
@@ -25,11 +24,11 @@ export class ProgrammingExerciseEditCheckoutDirectoriesComponent {
     testCheckoutPath: string;
     solutionCheckoutPath: string;
 
-    isAssigmentRepositoryEditable: boolean = false;
-    isTestRepositoryEditable: boolean = false;
-    isSolutionRepositoryEditable: boolean = false;
+    isAssigmentRepositoryEditable = false;
+    isTestRepositoryEditable = false;
+    isSolutionRepositoryEditable = false;
 
-    formValid: boolean = true;
+    formValid = true;
     formValidChanges = new Subject();
 
     field_assignmentRepositoryCheckoutPath = viewChild<NgModel>('field_assignmentRepositoryCheckoutPath');
diff --git a/src/main/webapp/app/exercises/programming/shared/build-details/programming-exercise-repository-and-build-plan-details.component.ts b/src/main/webapp/app/exercises/programming/shared/build-details/programming-exercise-repository-and-build-plan-details.component.ts
index ae0a3a091ca6..86ce68ae1b09 100644
--- a/src/main/webapp/app/exercises/programming/shared/build-details/programming-exercise-repository-and-build-plan-details.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/build-details/programming-exercise-repository-and-build-plan-details.component.ts
@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Output, SimpleChanges } from '@angular/core';
+import { Component, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Output, SimpleChanges, inject } from '@angular/core';
 import { getCourseFromExercise } from 'app/entities/exercise.model';
 import type { ProgrammingExercise, ProgrammingLanguage } from 'app/entities/programming/programming-exercise.model';
 import { ProgrammingExerciseBuildConfig } from 'app/entities/programming/programming-exercise-build.config';
@@ -14,21 +14,20 @@ import { BuildPlanCheckoutDirectoriesDTO } from 'app/entities/programming/build-
     selector: 'jhi-programming-exercise-repository-and-build-plan-details',
     templateUrl: './programming-exercise-repository-and-build-plan-details.component.html',
     styleUrls: ['../../manage/programming-exercise-form.scss'],
-    standalone: true,
     imports: [ArtemisSharedComponentModule, ArtemisSharedCommonModule, ProgrammingExerciseBuildPlanCheckoutDirectoriesComponent],
 })
 export class ProgrammingExerciseRepositoryAndBuildPlanDetailsComponent implements OnInit, OnChanges, OnDestroy {
+    private programmingExerciseService = inject(ProgrammingExerciseService);
+
     @Input() programmingExercise: ProgrammingExercise;
     @Input() programmingExerciseBuildConfig?: ProgrammingExerciseBuildConfig;
     @Input() programmingLanguage?: ProgrammingLanguage;
     @Input() isLocal: boolean;
-    @Input() checkoutSolutionRepository?: boolean = true;
+    @Input() checkoutSolutionRepository = true;
     @Input() isCreateOrEdit = false;
     @Input() isEditMode = false;
     @Output() submissionBuildPlanEvent = new EventEmitter<BuildPlanCheckoutDirectoriesDTO>();
 
-    constructor(private programmingExerciseService: ProgrammingExerciseService) {}
-
     checkoutDirectorySubscription?: Subscription;
 
     courseShortName?: string;
diff --git a/src/main/webapp/app/exercises/programming/shared/code-editor/actions/code-editor-actions.component.ts b/src/main/webapp/app/exercises/programming/shared/code-editor/actions/code-editor-actions.component.ts
index 2eafc4badde4..aa6558311aa9 100644
--- a/src/main/webapp/app/exercises/programming/shared/code-editor/actions/code-editor-actions.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/code-editor/actions/code-editor-actions.component.ts
@@ -1,6 +1,6 @@
-import { Component, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Output, SimpleChanges, input } from '@angular/core';
+import { Component, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Output, SimpleChanges, inject, input } from '@angular/core';
 import { HttpErrorResponse } from '@angular/common/http';
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { NgbModal, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 import { catchError, switchMap, tap } from 'rxjs/operators';
 import { Observable, Subscription, of, throwError } from 'rxjs';
 import { isEmpty as _isEmpty } from 'lodash-es';
@@ -15,12 +15,24 @@ import { AUTOSAVE_CHECK_INTERVAL, AUTOSAVE_EXERCISE_INTERVAL } from 'app/shared/
 import { faCircleNotch, faSync, faTimes } from '@fortawesome/free-solid-svg-icons';
 import { faPlayCircle } from '@fortawesome/free-regular-svg-icons';
 import { Participation } from 'app/entities/participation/participation.model';
+import { RequestFeedbackButtonComponent } from 'app/overview/exercise-details/request-feedback-button/request-feedback-button.component';
+import { FeatureToggleDirective } from 'app/shared/feature-toggle/feature-toggle.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-code-editor-actions',
     templateUrl: './code-editor-actions.component.html',
+    imports: [RequestFeedbackButtonComponent, FeatureToggleDirective, NgbTooltip, FaIconComponent, TranslateDirective, ArtemisTranslatePipe],
 })
 export class CodeEditorActionsComponent implements OnInit, OnDestroy, OnChanges {
+    private repositoryService = inject(CodeEditorRepositoryService);
+    private repositoryFileService = inject(CodeEditorRepositoryFileService);
+    private conflictService = inject(CodeEditorConflictStateService);
+    private modalService = inject(NgbModal);
+    private submissionService = inject(CodeEditorSubmissionService);
+
     CommitState = CommitState;
     EditorState = EditorState;
     FeatureToggle = FeatureToggle;
@@ -72,14 +84,6 @@ export class CodeEditorActionsComponent implements OnInit, OnDestroy, OnChanges
         this.editorStateChange.emit(editorState);
     }
 
-    constructor(
-        private repositoryService: CodeEditorRepositoryService,
-        private repositoryFileService: CodeEditorRepositoryFileService,
-        private conflictService: CodeEditorConflictStateService,
-        private modalService: NgbModal,
-        private submissionService: CodeEditorSubmissionService,
-    ) {}
-
     ngOnInit(): void {
         this.conflictStateSubscription = this.conflictService.subscribeConflictState().subscribe((gitConflictState: GitConflictState) => {
             // When the conflict is encountered when opening the code-editor, setting the commitState here could cause an uncheckedException.
@@ -171,7 +175,7 @@ export class CodeEditorActionsComponent implements OnInit, OnDestroy, OnChanges
     }
 
     /**
-     * @function saveFiles
+     * @param andCommit whether the saved changed in the files should be committed or not
      * @desc Saves all files that have unsaved changes in the editor.
      */
     saveChangedFiles(andCommit = false): Observable<any> {
diff --git a/src/main/webapp/app/exercises/programming/shared/code-editor/actions/code-editor-confirm-refresh-modal.component.ts b/src/main/webapp/app/exercises/programming/shared/code-editor/actions/code-editor-confirm-refresh-modal.component.ts
index c74bd5cee679..de69a79d85c8 100644
--- a/src/main/webapp/app/exercises/programming/shared/code-editor/actions/code-editor-confirm-refresh-modal.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/code-editor/actions/code-editor-confirm-refresh-modal.component.ts
@@ -1,27 +1,29 @@
-import { Component, EventEmitter } from '@angular/core';
+import { Component, EventEmitter, inject } from '@angular/core';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { CodeEditorRepositoryFileService, CodeEditorRepositoryService } from 'app/exercises/programming/shared/code-editor/service/code-editor-repository.service';
 import { CodeEditorConflictStateService } from 'app/exercises/programming/shared/code-editor/service/code-editor-conflict-state.service';
 import { faBan, faExclamationTriangle, faTimes } from '@fortawesome/free-solid-svg-icons';
+import { FormsModule } from '@angular/forms';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 @Component({
     selector: 'jhi-code-editor-confirm-refresh-modal',
     templateUrl: './code-editor-confirm-refresh-modal.component.html',
     styleUrls: ['./code-editor-resolve-conflict-modal.scss'],
     providers: [CodeEditorRepositoryFileService],
+    imports: [FormsModule, TranslateDirective, FaIconComponent],
 })
 export class CodeEditorConfirmRefreshModalComponent {
+    activeModal = inject(NgbActiveModal);
+    private repositoryService = inject(CodeEditorRepositoryService);
+    private conflictService = inject(CodeEditorConflictStateService);
+
     // Icons
     faExclamationTriangle = faExclamationTriangle;
     faBan = faBan;
     faTimes = faTimes;
 
-    constructor(
-        public activeModal: NgbActiveModal,
-        private repositoryService: CodeEditorRepositoryService,
-        private conflictService: CodeEditorConflictStateService,
-    ) {}
-
     shouldRefresh: EventEmitter<void> = new EventEmitter<void>();
 
     /**
diff --git a/src/main/webapp/app/exercises/programming/shared/code-editor/actions/code-editor-resolve-conflict-modal.component.ts b/src/main/webapp/app/exercises/programming/shared/code-editor/actions/code-editor-resolve-conflict-modal.component.ts
index 013b41adfea5..68934a3d9dde 100644
--- a/src/main/webapp/app/exercises/programming/shared/code-editor/actions/code-editor-resolve-conflict-modal.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/code-editor/actions/code-editor-resolve-conflict-modal.component.ts
@@ -1,20 +1,24 @@
-import { Component, EventEmitter } from '@angular/core';
+import { Component, EventEmitter, inject } from '@angular/core';
 import { faBan, faExclamationTriangle, faTimes } from '@fortawesome/free-solid-svg-icons';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
+import { FormsModule } from '@angular/forms';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 @Component({
     selector: 'jhi-code-editor-resolve-conflict-modal',
     templateUrl: './code-editor-resolve-conflict-modal.component.html',
     styleUrls: ['./code-editor-resolve-conflict-modal.scss'],
+    imports: [FormsModule, TranslateDirective, FaIconComponent],
 })
 export class CodeEditorResolveConflictModalComponent {
+    activeModal = inject(NgbActiveModal);
+
     // Icons
     faBan = faBan;
     faTimes = faTimes;
     faExclamationTriangle = faExclamationTriangle;
 
-    constructor(public activeModal: NgbActiveModal) {}
-
     shouldReset: EventEmitter<void> = new EventEmitter<void>();
 
     /**
diff --git a/src/main/webapp/app/exercises/programming/shared/code-editor/build-output/code-editor-build-output.component.ts b/src/main/webapp/app/exercises/programming/shared/code-editor/build-output/code-editor-build-output.component.ts
index 1c7535cbc9d6..d055b35bb665 100644
--- a/src/main/webapp/app/exercises/programming/shared/code-editor/build-output/code-editor-build-output.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/code-editor/build-output/code-editor-build-output.component.ts
@@ -1,5 +1,5 @@
 import { ParticipationWebsocketService } from 'app/overview/participation-websocket.service';
-import { AfterViewInit, Component, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Output, SimpleChanges } from '@angular/core';
+import { AfterViewInit, Component, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Output, SimpleChanges, inject } from '@angular/core';
 import { Observable, Subscription, of } from 'rxjs';
 import { catchError, filter, map, switchMap, tap } from 'rxjs/operators';
 import { BuildLogEntry, BuildLogEntryArray } from 'app/entities/programming/build-log.model';
@@ -19,13 +19,22 @@ import { faChevronDown, faCircleNotch, faTerminal } from '@fortawesome/free-soli
 import { hasParticipationChanged } from 'app/exercises/shared/participation/participation.utils';
 import { AssessmentType } from 'app/entities/assessment-type.model';
 import { Annotation } from '../monaco/code-editor-monaco.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
 
 @Component({
     selector: 'jhi-code-editor-build-output',
     templateUrl: './code-editor-build-output.component.html',
     styleUrls: ['./code-editor-build-output.scss'],
+    imports: [FaIconComponent, TranslateDirective, ArtemisDatePipe],
 })
 export class CodeEditorBuildOutputComponent implements AfterViewInit, OnInit, OnChanges, OnDestroy {
+    private buildLogService = inject(CodeEditorBuildLogService);
+    private resultService = inject(ResultService);
+    private participationWebsocketService = inject(ParticipationWebsocketService);
+    private submissionService = inject(CodeEditorSubmissionService);
+
     @Input()
     participation: Participation;
 
@@ -52,13 +61,6 @@ export class CodeEditorBuildOutputComponent implements AfterViewInit, OnInit, On
     faCircleNotch = faCircleNotch;
     faTerminal = faTerminal;
 
-    constructor(
-        private buildLogService: CodeEditorBuildLogService,
-        private resultService: ResultService,
-        private participationWebsocketService: ParticipationWebsocketService,
-        private submissionService: CodeEditorSubmissionService,
-    ) {}
-
     ngOnInit(): void {
         this.setupSubmissionWebsocket();
     }
diff --git a/src/main/webapp/app/exercises/programming/shared/code-editor/code-editor.module.ts b/src/main/webapp/app/exercises/programming/shared/code-editor/code-editor.module.ts
index a7d5af4a1cfc..9b42929ee85a 100644
--- a/src/main/webapp/app/exercises/programming/shared/code-editor/code-editor.module.ts
+++ b/src/main/webapp/app/exercises/programming/shared/code-editor/code-editor.module.ts
@@ -13,7 +13,7 @@ import { CodeEditorFileBrowserCreateNodeComponent } from 'app/exercises/programm
 import { CodeEditorFileBrowserFileComponent } from 'app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-file.component';
 import { CodeEditorFileBrowserComponent } from 'app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser.component';
 import { CodeEditorStatusComponent } from 'app/exercises/programming/shared/code-editor/status/code-editor-status.component';
-import { FeatureToggleModule } from 'app/shared/feature-toggle/feature-toggle.module';
+
 import { CodeEditorConfirmRefreshModalComponent } from 'app/exercises/programming/shared/code-editor/actions/code-editor-confirm-refresh-modal.component';
 import { CodeEditorContainerComponent } from 'app/exercises/programming/shared/code-editor/container/code-editor-container.component';
 import { ArtemisProgrammingManualAssessmentModule } from 'app/exercises/programming/assess/programming-manual-assessment.module';
@@ -29,7 +29,6 @@ import { MonacoEditorComponent } from 'app/shared/monaco-editor/monaco-editor.co
     imports: [
         NgbModule,
         ArtemisSharedModule,
-        FeatureToggleModule,
         TreeviewModule.forRoot(),
         ArtemisProgrammingExerciseInstructionsEditorModule,
         ArtemisProgrammingManualAssessmentModule,
@@ -37,8 +36,6 @@ import { MonacoEditorComponent } from 'app/shared/monaco-editor/monaco-editor.co
         ArtemisSharedComponentModule,
         RequestFeedbackButtonComponent,
         CodeEditorMonacoComponent,
-    ],
-    declarations: [
         CodeEditorGridComponent,
         CodeEditorRepositoryIsLockedComponent,
         CodeEditorFileBrowserComponent,
diff --git a/src/main/webapp/app/exercises/programming/shared/code-editor/container/code-editor-container.component.ts b/src/main/webapp/app/exercises/programming/shared/code-editor/container/code-editor-container.component.ts
index b2b81406b23a..30e1e4ed83e4 100644
--- a/src/main/webapp/app/exercises/programming/shared/code-editor/container/code-editor-container.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/code-editor/container/code-editor-container.component.ts
@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, OnChanges, Output, SimpleChanges, ViewChild } from '@angular/core';
+import { Component, EventEmitter, Input, OnChanges, Output, SimpleChanges, ViewChild, inject } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import { isEmpty as _isEmpty, fromPairs, toPairs, uniq } from 'lodash-es';
 import { CodeEditorFileService } from 'app/exercises/programming/shared/code-editor/service/code-editor-file.service';
@@ -24,6 +24,7 @@ import { Feedback } from 'app/entities/feedback.model';
 import { Course } from 'app/entities/course.model';
 import { ConnectionError } from 'app/exercises/programming/shared/code-editor/service/code-editor-repository.service';
 import { Annotation, CodeEditorMonacoComponent } from 'app/exercises/programming/shared/code-editor/monaco/code-editor-monaco.component';
+import { KeysPipe } from 'app/shared/pipes/keys.pipe';
 
 export enum CollapsableCodeEditorElement {
     FileBrowser,
@@ -35,8 +36,21 @@ export enum CollapsableCodeEditorElement {
     selector: 'jhi-code-editor-container',
     templateUrl: './code-editor-container.component.html',
     styleUrls: ['./code-editor-container.component.scss'],
+    imports: [
+        CodeEditorGridComponent,
+        CodeEditorActionsComponent,
+        CodeEditorFileBrowserComponent,
+        CodeEditorMonacoComponent,
+        CodeEditorInstructionsComponent,
+        CodeEditorBuildOutputComponent,
+        KeysPipe,
+    ],
 })
 export class CodeEditorContainerComponent implements OnChanges {
+    private translateService = inject(TranslateService);
+    private alertService = inject(AlertService);
+    private fileService = inject(CodeEditorFileService);
+
     readonly CommitState = CommitState;
     readonly EditorState = EditorState;
     readonly CollapsableCodeEditorElement = CollapsableCodeEditorElement;
@@ -107,11 +121,7 @@ export class CodeEditorContainerComponent implements OnChanges {
     errorFiles: string[] = [];
     annotations: Array<Annotation> = [];
 
-    constructor(
-        private translateService: TranslateService,
-        private alertService: AlertService,
-        private fileService: CodeEditorFileService,
-    ) {
+    constructor() {
         this.initializeProperties();
     }
 
diff --git a/src/main/webapp/app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-badge.component.ts b/src/main/webapp/app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-badge.component.ts
index ea851defda95..9ec1808cc524 100644
--- a/src/main/webapp/app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-badge.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-badge.component.ts
@@ -1,20 +1,23 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, inject } from '@angular/core';
 import { IconDefinition, faLightbulb } from '@fortawesome/free-solid-svg-icons';
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { NgbModal, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 import { TranslateService } from '@ngx-translate/core';
 import { FileBadge, FileBadgeType } from 'app/exercises/programming/shared/code-editor/model/code-editor.model';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 @Component({
     selector: 'jhi-file-browser-badge',
     templateUrl: './code-editor-file-browser-badge.component.html',
     styleUrls: ['./code-editor-file-browser-badge.component.scss'],
     providers: [NgbModal],
+    imports: [NgbTooltip, FaIconComponent],
 })
 export class CodeEditorFileBrowserBadgeComponent {
-    @Input() badge: FileBadge;
-    @Input() onColoredBackground: boolean = false; // Only slightly darken the background and use white text
+    private translateService = inject(TranslateService);
 
-    constructor(private translateService: TranslateService) {}
+    @Input() badge: FileBadge;
+    @Input() onColoredBackground = false;
+    // Only slightly darken the background and use white text
 
     get tooltip(): string | undefined {
         switch (this.badge.type) {
diff --git a/src/main/webapp/app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-create-node.component.ts b/src/main/webapp/app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-create-node.component.ts
index c90d2c4272bc..5b2dbbd20a8c 100644
--- a/src/main/webapp/app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-create-node.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-create-node.component.ts
@@ -2,12 +2,14 @@ import { AfterViewInit, Component, ElementRef, EventEmitter, Input, Output, View
 import { faFile, faFolder } from '@fortawesome/free-solid-svg-icons';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 import { FileType } from 'app/exercises/programming/shared/code-editor/model/code-editor.model';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 @Component({
     selector: 'jhi-code-editor-file-browser-create-node',
     templateUrl: './code-editor-file-browser-create-node.component.html',
     styleUrls: ['./code-editor-file-browser-create-node.component.scss'],
     providers: [NgbModal],
+    imports: [FaIconComponent],
 })
 export class CodeEditorFileBrowserCreateNodeComponent implements AfterViewInit {
     FileType = FileType;
diff --git a/src/main/webapp/app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-delete.ts b/src/main/webapp/app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-delete.ts
index e393b4b81bee..35a5f759508c 100644
--- a/src/main/webapp/app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-delete.ts
+++ b/src/main/webapp/app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-delete.ts
@@ -1,18 +1,26 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input, OnInit, inject } from '@angular/core';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { DeleteFileChange, FileType } from 'app/exercises/programming/shared/code-editor/model/code-editor.model';
 import { CodeEditorRepositoryFileService } from 'app/exercises/programming/shared/code-editor/service/code-editor-repository.service';
 import { IFileDeleteDelegate } from 'app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-on-file-delete-delegate';
 import { captureException } from '@sentry/angular';
 import { faBan, faTrashAlt } from '@fortawesome/free-solid-svg-icons';
+import { FormsModule } from '@angular/forms';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 // Modal -> Delete repository file
 @Component({
     selector: 'jhi-code-editor-file-browser-delete',
     templateUrl: './code-editor-file-browser-delete.component.html',
     providers: [CodeEditorRepositoryFileService],
+    imports: [FormsModule, TranslateDirective, FaIconComponent, ArtemisTranslatePipe],
 })
 export class CodeEditorFileBrowserDeleteComponent implements OnInit {
+    activeModal = inject(NgbActiveModal);
+    private repositoryFileService = inject(CodeEditorRepositoryFileService);
+
     @Input() fileNameToDelete: string;
     @Input() parent: IFileDeleteDelegate;
     @Input() fileType: FileType;
@@ -23,11 +31,6 @@ export class CodeEditorFileBrowserDeleteComponent implements OnInit {
     faBan = faBan;
     faTrashAlt = faTrashAlt;
 
-    constructor(
-        public activeModal: NgbActiveModal,
-        private repositoryFileService: CodeEditorRepositoryFileService,
-    ) {}
-
     /**
      * @function ngOnInit
      * @desc Initializes variables
diff --git a/src/main/webapp/app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-file.component.ts b/src/main/webapp/app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-file.component.ts
index b5738903dd33..ac3878a170d4 100644
--- a/src/main/webapp/app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-file.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-file.component.ts
@@ -3,11 +3,16 @@ import { faEdit, faFile, faTrash } from '@fortawesome/free-solid-svg-icons';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 import { CodeEditorFileBrowserNodeComponent } from 'app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-node.component';
 import { FileBadge } from 'app/exercises/programming/shared/code-editor/model/code-editor.model';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgClass } from '@angular/common';
+import { CodeEditorFileBrowserBadgeComponent } from './code-editor-file-browser-badge.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-code-editor-file-browser-file',
     templateUrl: './code-editor-file-browser-file.component.html',
     providers: [NgbModal],
+    imports: [FaIconComponent, NgClass, CodeEditorFileBrowserBadgeComponent, ArtemisTranslatePipe],
 })
 export class CodeEditorFileBrowserFileComponent extends CodeEditorFileBrowserNodeComponent {
     @Input() disableActions: boolean;
diff --git a/src/main/webapp/app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-folder.component.ts b/src/main/webapp/app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-folder.component.ts
index d1693b244d82..bc824e76f760 100644
--- a/src/main/webapp/app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-folder.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-folder.component.ts
@@ -4,11 +4,15 @@ import { FileBadge, FileType } from 'app/exercises/programming/shared/code-edito
 import { CodeEditorFileBrowserNodeComponent } from 'app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-node.component';
 import { faChevronDown, faChevronRight, faEdit, faFile, faFolder, faFolderOpen, faTrash } from '@fortawesome/free-solid-svg-icons';
 import { TreeviewItem } from 'app/exercises/programming/shared/code-editor/treeview/models/treeview-item';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { CodeEditorFileBrowserBadgeComponent } from './code-editor-file-browser-badge.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-code-editor-file-browser-folder',
     templateUrl: './code-editor-file-browser-folder.component.html',
     providers: [NgbModal],
+    imports: [FaIconComponent, CodeEditorFileBrowserBadgeComponent, ArtemisTranslatePipe],
 })
 export class CodeEditorFileBrowserFolderComponent extends CodeEditorFileBrowserNodeComponent {
     @Input() onCollapseExpand: () => void;
diff --git a/src/main/webapp/app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-node.component.ts b/src/main/webapp/app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-node.component.ts
index afe9806ffece..dbd4f7ac93b5 100644
--- a/src/main/webapp/app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-node.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-node.component.ts
@@ -2,7 +2,9 @@ import { Component, ElementRef, EventEmitter, Input, OnChanges, Output, SimpleCh
 import { FileType } from 'app/exercises/programming/shared/code-editor/model/code-editor.model';
 import { TreeviewItem } from 'app/exercises/programming/shared/code-editor/treeview/models/treeview-item';
 
-@Component({ template: '' })
+@Component({
+    template: '',
+})
 export abstract class CodeEditorFileBrowserNodeComponent implements OnChanges {
     FileType = FileType;
 
diff --git a/src/main/webapp/app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser.component.ts b/src/main/webapp/app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser.component.ts
index 158129a2dab8..cfa724dad377 100644
--- a/src/main/webapp/app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser.component.ts
@@ -1,4 +1,4 @@
-import { AfterViewInit, Component, ElementRef, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges, ViewChild } from '@angular/core';
+import { AfterViewInit, Component, ElementRef, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges, ViewChild, inject } from '@angular/core';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 import { Observable, Subscription, of, throwError } from 'rxjs';
 import { catchError, map as rxMap, switchMap, tap } from 'rxjs/operators';
@@ -27,6 +27,13 @@ import { TreeItem, TreeviewItem } from 'app/exercises/programming/shared/code-ed
 import { TreeviewComponent } from 'app/exercises/programming/shared/code-editor/treeview/components/treeview/treeview.component';
 import { findItemInList } from 'app/exercises/programming/shared/code-editor/treeview/helpers/treeview-helper';
 import { TEXT_FILE_EXTENSIONS } from 'app/shared/constants/file-extensions.constants';
+import { NgStyle } from '@angular/common';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { CodeEditorFileBrowserCreateNodeComponent } from './code-editor-file-browser-create-node.component';
+import { CodeEditorFileBrowserFolderComponent } from './code-editor-file-browser-folder.component';
+import { CodeEditorFileBrowserFileComponent } from './code-editor-file-browser-file.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 export type InteractableEvent = {
     // Click event object; contains target information
@@ -47,8 +54,25 @@ export interface FileTreeItem extends TreeItem<string> {
     templateUrl: './code-editor-file-browser.component.html',
     styleUrls: ['./code-editor-file-browser.scss'],
     providers: [NgbModal],
+    imports: [
+        NgStyle,
+        FaIconComponent,
+        TranslateDirective,
+        CodeEditorFileBrowserCreateNodeComponent,
+        TreeviewComponent,
+        CodeEditorStatusComponent,
+        CodeEditorFileBrowserFolderComponent,
+        CodeEditorFileBrowserFileComponent,
+        ArtemisTranslatePipe,
+    ],
 })
 export class CodeEditorFileBrowserComponent implements OnInit, OnChanges, AfterViewInit, IFileDeleteDelegate {
+    modalService = inject(NgbModal);
+    private repositoryFileService = inject(CodeEditorRepositoryFileService);
+    private repositoryService = inject(CodeEditorRepositoryService);
+    private fileService = inject(CodeEditorFileService);
+    private conflictService = inject(CodeEditorConflictStateService);
+
     CommitState = CommitState;
     FileType = FileType;
 
@@ -142,14 +166,6 @@ export class CodeEditorFileBrowserComponent implements OnInit, OnChanges, AfterV
         this.commitStateChange.emit(commitState);
     }
 
-    constructor(
-        public modalService: NgbModal,
-        private repositoryFileService: CodeEditorRepositoryFileService,
-        private repositoryService: CodeEditorRepositoryService,
-        private fileService: CodeEditorFileService,
-        private conflictService: CodeEditorConflictStateService,
-    ) {}
-
     ngOnInit(): void {
         this.conflictSubscription = this.conflictService.subscribeConflictState().subscribe((gitConflictState: GitConflictState) => {
             // When the git conflict was resolved, unset the selectedFile, as it can't be assured that it still exists.
diff --git a/src/main/webapp/app/exercises/programming/shared/code-editor/header/code-editor-header.component.ts b/src/main/webapp/app/exercises/programming/shared/code-editor/header/code-editor-header.component.ts
index 63ec5588aa4d..b3e6abc479f2 100644
--- a/src/main/webapp/app/exercises/programming/shared/code-editor/header/code-editor-header.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/code-editor/header/code-editor-header.component.ts
@@ -1,14 +1,14 @@
 import { ChangeDetectionStrategy, Component, input, model, output } from '@angular/core';
 import { faFileAlt } from '@fortawesome/free-regular-svg-icons';
 import { faCircleNotch, faGear } from '@fortawesome/free-solid-svg-icons';
+import { NgbDropdown } from '@ng-bootstrap/ng-bootstrap';
 import { MAX_TAB_SIZE } from 'app/shared/monaco-editor/monaco-editor.component';
 import { ArtemisSharedModule } from 'app/shared/shared.module';
 
 @Component({
     selector: 'jhi-code-editor-header',
     templateUrl: './code-editor-header.component.html',
-    imports: [ArtemisSharedModule],
-    standalone: true,
+    imports: [ArtemisSharedModule, NgbDropdown],
     changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class CodeEditorHeaderComponent {
diff --git a/src/main/webapp/app/exercises/programming/shared/code-editor/instructions/code-editor-instructions.component.ts b/src/main/webapp/app/exercises/programming/shared/code-editor/instructions/code-editor-instructions.component.ts
index 2739d8504f12..9a8c234b471e 100644
--- a/src/main/webapp/app/exercises/programming/shared/code-editor/instructions/code-editor-instructions.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/code-editor/instructions/code-editor-instructions.component.ts
@@ -3,11 +3,15 @@ import { faListAlt } from '@fortawesome/free-regular-svg-icons';
 import { faChevronLeft, faChevronRight } from '@fortawesome/free-solid-svg-icons';
 import { Interactable } from '@interactjs/core/Interactable';
 import interact from 'interactjs';
+import { NgStyle } from '@angular/common';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
     selector: 'jhi-code-editor-instructions',
     styleUrls: ['./code-editor-instructions.scss'],
     templateUrl: './code-editor-instructions.component.html',
+    imports: [NgStyle, FaIconComponent, TranslateDirective],
 })
 export class CodeEditorInstructionsComponent implements AfterViewInit {
     @Output()
@@ -27,8 +31,6 @@ export class CodeEditorInstructionsComponent implements AfterViewInit {
     faChevronLeft = faChevronLeft;
     farListAlt = faListAlt;
 
-    constructor() {}
-
     /**
      * After the view was initialized, we create an interact.js resizable object,
      * designate the edges which can be used to resize the target element and set min and max values.
diff --git a/src/main/webapp/app/exercises/programming/shared/code-editor/layout/code-editor-grid.component.ts b/src/main/webapp/app/exercises/programming/shared/code-editor/layout/code-editor-grid.component.ts
index f770dd7de1ba..0ae80b132b95 100644
--- a/src/main/webapp/app/exercises/programming/shared/code-editor/layout/code-editor-grid.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/code-editor/layout/code-editor-grid.component.ts
@@ -1,18 +1,22 @@
-import { AfterViewInit, Component, ContentChild, ElementRef, EventEmitter, Input, Output, Renderer2, ViewChild, ViewEncapsulation } from '@angular/core';
+import { AfterViewInit, Component, ContentChild, ElementRef, EventEmitter, Input, Output, Renderer2, ViewChild, ViewEncapsulation, inject } from '@angular/core';
 import { Interactable } from '@interactjs/core/Interactable';
 import interact from 'interactjs';
 import { ResizeType } from 'app/exercises/programming/shared/code-editor/model/code-editor.model';
 import { InteractableEvent } from 'app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser.component';
 import { faGripLines, faGripLinesVertical } from '@fortawesome/free-solid-svg-icons';
 import { CollapsableCodeEditorElement } from 'app/exercises/programming/shared/code-editor/container/code-editor-container.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 @Component({
     selector: 'jhi-code-editor-grid',
     templateUrl: './code-editor-grid.component.html',
     styleUrls: ['./code-editor-grid.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [FaIconComponent],
 })
 export class CodeEditorGridComponent implements AfterViewInit {
+    private renderer = inject(Renderer2);
+
     @ContentChild('editorSidebarRight', { static: false }) editorSidebarRight: ElementRef;
     @ContentChild('editorSidebarLeft', { static: false }) editorSidebarLeft: ElementRef;
     @ContentChild('editorBottomArea', { static: false }) editorBottomArea: ElementRef;
@@ -48,8 +52,6 @@ export class CodeEditorGridComponent implements AfterViewInit {
     faGripLines = faGripLines;
     faGripLinesVertical = faGripLinesVertical;
 
-    constructor(private renderer: Renderer2) {}
-
     /**
      * After the view was initialized, we create an interact.js resizable object,
      * designate the edges which can be used to resize the target element and set min and max values.
diff --git a/src/main/webapp/app/exercises/programming/shared/code-editor/layout/code-editor-repository-is-locked.component.ts b/src/main/webapp/app/exercises/programming/shared/code-editor/layout/code-editor-repository-is-locked.component.ts
index 312443f90241..0c27d6a5e22d 100644
--- a/src/main/webapp/app/exercises/programming/shared/code-editor/layout/code-editor-repository-is-locked.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/code-editor/layout/code-editor-repository-is-locked.component.ts
@@ -1,5 +1,9 @@
 import { Component } from '@angular/core';
 import { faInfoCircle } from '@fortawesome/free-solid-svg-icons';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-code-editor-repository-is-locked',
@@ -16,6 +20,7 @@ import { faInfoCircle } from '@fortawesome/free-solid-svg-icons';
         </span>
     `,
     styles: ['.locked-lable {font-size: 1.2rem; color: white}'],
+    imports: [FaIconComponent, TranslateDirective, NgbTooltip, ArtemisTranslatePipe],
 })
 export class CodeEditorRepositoryIsLockedComponent {
     // Icons
diff --git a/src/main/webapp/app/exercises/programming/shared/code-editor/monaco/code-editor-monaco.component.ts b/src/main/webapp/app/exercises/programming/shared/code-editor/monaco/code-editor-monaco.component.ts
index 60ea6ca7fa0e..008f3355249e 100644
--- a/src/main/webapp/app/exercises/programming/shared/code-editor/monaco/code-editor-monaco.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/code-editor/monaco/code-editor-monaco.component.ts
@@ -52,7 +52,6 @@ export type Annotation = { fileName: string; row: number; column: number; text:
     encapsulation: ViewEncapsulation.None,
     imports: [ArtemisSharedModule, ArtemisProgrammingManualAssessmentModule, MonacoEditorComponent, CodeEditorHeaderComponent],
     providers: [RepositoryFileService],
-    standalone: true,
     changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class CodeEditorMonacoComponent implements OnChanges {
@@ -128,19 +127,13 @@ export class CodeEditorMonacoComponent implements OnChanges {
     annotationsArray: Array<Annotation> = [];
 
     constructor() {
-        effect(
-            () => {
-                this.feedbackInternal.set(this.feedbacks());
-            },
-            { allowSignalWrites: true },
-        );
+        effect(() => {
+            this.feedbackInternal.set(this.feedbacks());
+        });
 
-        effect(
-            () => {
-                this.feedbackSuggestionsInternal.set(this.feedbackSuggestions());
-            },
-            { allowSignalWrites: true },
-        );
+        effect(() => {
+            this.feedbackSuggestionsInternal.set(this.feedbackSuggestions());
+        });
 
         effect(() => {
             const annotations = this.buildAnnotations();
diff --git a/src/main/webapp/app/exercises/programming/shared/code-editor/service/code-editor-conflict-state.service.ts b/src/main/webapp/app/exercises/programming/shared/code-editor/service/code-editor-conflict-state.service.ts
index a045a3b2b62b..e3429e7e4901 100644
--- a/src/main/webapp/app/exercises/programming/shared/code-editor/service/code-editor-conflict-state.service.ts
+++ b/src/main/webapp/app/exercises/programming/shared/code-editor/service/code-editor-conflict-state.service.ts
@@ -1,8 +1,7 @@
 import { BehaviorSubject, Observable } from 'rxjs';
-import { Injectable, OnDestroy } from '@angular/core';
+import { Injectable, OnDestroy, inject } from '@angular/core';
 import { distinctUntilChanged } from 'rxjs/operators';
 import { JhiWebsocketService } from 'app/core/websocket/websocket.service';
-import { DomainService } from 'app/exercises/programming/shared/code-editor/service/code-editor-domain.service';
 import { DomainType, GitConflictState } from 'app/exercises/programming/shared/code-editor/model/code-editor.model';
 import { DomainDependentService } from 'app/exercises/programming/shared/code-editor/service/code-editor-domain-dependent.service';
 
@@ -17,14 +16,13 @@ export interface IConflictStateService {
  */
 @Injectable({ providedIn: 'root' })
 export class CodeEditorConflictStateService extends DomainDependentService implements IConflictStateService, OnDestroy {
+    private jhiWebsocketService = inject(JhiWebsocketService);
+
     private conflictSubjects: Map<string, BehaviorSubject<GitConflictState>> = new Map();
     private websocketConnections: Map<string, string> = new Map();
 
-    constructor(
-        domainService: DomainService,
-        private jhiWebsocketService: JhiWebsocketService,
-    ) {
-        super(domainService);
+    constructor() {
+        super();
         this.initDomainSubscription();
     }
 
diff --git a/src/main/webapp/app/exercises/programming/shared/code-editor/service/code-editor-domain-dependent-endpoint.service.ts b/src/main/webapp/app/exercises/programming/shared/code-editor/service/code-editor-domain-dependent-endpoint.service.ts
index b124042fec13..bd34fcd567a0 100644
--- a/src/main/webapp/app/exercises/programming/shared/code-editor/service/code-editor-domain-dependent-endpoint.service.ts
+++ b/src/main/webapp/app/exercises/programming/shared/code-editor/service/code-editor-domain-dependent-endpoint.service.ts
@@ -2,20 +2,18 @@ import { DomainDependentService } from 'app/exercises/programming/shared/code-ed
 import { HttpClient } from '@angular/common/http';
 import { JhiWebsocketService } from 'app/core/websocket/websocket.service';
 import { DomainChange, DomainType } from 'app/exercises/programming/shared/code-editor/model/code-editor.model';
-import { DomainService } from 'app/exercises/programming/shared/code-editor/service/code-editor-domain.service';
+import { inject } from '@angular/core';
 
 /**
  * Service that can be extended to update rest endpoint urls with the received domain information.
  */
 export abstract class DomainDependentEndpointService extends DomainDependentService {
     protected restResourceUrl?: string;
+    protected http = inject(HttpClient);
+    protected jhiWebsocketService = inject(JhiWebsocketService);
 
-    protected constructor(
-        protected http: HttpClient,
-        protected jhiWebsocketService: JhiWebsocketService,
-        domainService: DomainService,
-    ) {
-        super(domainService);
+    protected constructor() {
+        super();
         this.initDomainSubscription();
     }
 
diff --git a/src/main/webapp/app/exercises/programming/shared/code-editor/service/code-editor-domain-dependent.service.ts b/src/main/webapp/app/exercises/programming/shared/code-editor/service/code-editor-domain-dependent.service.ts
index 2445d8f9d351..9b259a208d9a 100644
--- a/src/main/webapp/app/exercises/programming/shared/code-editor/service/code-editor-domain-dependent.service.ts
+++ b/src/main/webapp/app/exercises/programming/shared/code-editor/service/code-editor-domain-dependent.service.ts
@@ -1,4 +1,4 @@
-import { Injectable, OnDestroy } from '@angular/core';
+import { Injectable, OnDestroy, inject } from '@angular/core';
 import { DomainChange } from 'app/exercises/programming/shared/code-editor/model/code-editor.model';
 import { Subscription } from 'rxjs';
 import { filter, tap } from 'rxjs/operators';
@@ -9,11 +9,11 @@ import { DomainService } from 'app/exercises/programming/shared/code-editor/serv
  */
 @Injectable({ providedIn: 'root' })
 export abstract class DomainDependentService implements OnDestroy {
+    private domainService = inject(DomainService);
+
     protected domain: DomainChange;
     protected domainChangeSubscription: Subscription;
 
-    protected constructor(private domainService: DomainService) {}
-
     /**
      * Initializes a domain subscription.
      */
diff --git a/src/main/webapp/app/exercises/programming/shared/code-editor/service/code-editor-domain.service.ts b/src/main/webapp/app/exercises/programming/shared/code-editor/service/code-editor-domain.service.ts
index cebaae778af9..21213d9df226 100644
--- a/src/main/webapp/app/exercises/programming/shared/code-editor/service/code-editor-domain.service.ts
+++ b/src/main/webapp/app/exercises/programming/shared/code-editor/service/code-editor-domain.service.ts
@@ -16,8 +16,6 @@ export class DomainService {
     protected domain: DomainChange;
     private subject = new BehaviorSubject<DomainParticipationChange | DomainTestRepositoryChange | DomainAuxiliaryRepositoryChange | undefined>(undefined);
 
-    constructor() {}
-
     /**
      * Sets domain and subject.next according to parameter.
      * @param domain - defines new domain of the service.
diff --git a/src/main/webapp/app/exercises/programming/shared/code-editor/service/code-editor-repository.service.ts b/src/main/webapp/app/exercises/programming/shared/code-editor/service/code-editor-repository.service.ts
index 172146cafe15..11fb43e73077 100644
--- a/src/main/webapp/app/exercises/programming/shared/code-editor/service/code-editor-repository.service.ts
+++ b/src/main/webapp/app/exercises/programming/shared/code-editor/service/code-editor-repository.service.ts
@@ -1,5 +1,5 @@
-import { HttpClient, HttpErrorResponse, HttpParams } from '@angular/common/http';
-import { Injectable, OnDestroy } from '@angular/core';
+import { HttpErrorResponse, HttpParams } from '@angular/common/http';
+import { Injectable, OnDestroy, inject } from '@angular/core';
 import { Observable, Subject, UnaryFunction, of, pipe, throwError } from 'rxjs';
 import { catchError, map, tap } from 'rxjs/operators';
 import {
@@ -14,8 +14,6 @@ import {
 } from 'app/exercises/programming/shared/code-editor/model/code-editor.model';
 import { CodeEditorConflictStateService } from 'app/exercises/programming/shared/code-editor/service/code-editor-conflict-state.service';
 import { BuildLogService } from 'app/exercises/programming/shared/service/build-log.service';
-import { JhiWebsocketService } from 'app/core/websocket/websocket.service';
-import { DomainService } from 'app/exercises/programming/shared/code-editor/service/code-editor-domain.service';
 import { DomainDependentEndpointService } from 'app/exercises/programming/shared/code-editor/service/code-editor-domain-dependent-endpoint.service';
 import { downloadFile } from 'app/shared/util/download.util';
 
@@ -79,13 +77,11 @@ const handleErrorResponse = <T>(conflictService: CodeEditorConflictStateService)
 
 @Injectable({ providedIn: 'root' })
 export class CodeEditorRepositoryService extends DomainDependentEndpointService implements ICodeEditorRepositoryService {
-    constructor(
-        http: HttpClient,
-        jhiWebsocketService: JhiWebsocketService,
-        domainService: DomainService,
-        private conflictService: CodeEditorConflictStateService,
-    ) {
-        super(http, jhiWebsocketService, domainService);
+    private conflictService = inject(CodeEditorConflictStateService);
+
+    // necessary to be used in providers array in component
+    constructor() {
+        super();
     }
 
     getStatus = () => {
@@ -118,13 +114,11 @@ export class CodeEditorRepositoryService extends DomainDependentEndpointService
 
 @Injectable({ providedIn: 'root' })
 export class CodeEditorBuildLogService extends DomainDependentEndpointService {
-    constructor(
-        private buildLogService: BuildLogService,
-        http: HttpClient,
-        jhiWebsocketService: JhiWebsocketService,
-        domainService: DomainService,
-    ) {
-        super(http, jhiWebsocketService, domainService);
+    private buildLogService = inject(BuildLogService);
+
+    // necessary to be used in providers array in component
+    constructor() {
+        super();
     }
 
     getBuildLogs = () => {
@@ -138,14 +132,13 @@ export class CodeEditorBuildLogService extends DomainDependentEndpointService {
 
 @Injectable({ providedIn: 'root' })
 export class CodeEditorRepositoryFileService extends DomainDependentEndpointService implements ICodeEditorRepositoryFileService, OnDestroy {
+    private conflictService = inject(CodeEditorConflictStateService);
+
     fileUpdateSubject = new Subject<FileSubmission>();
-    constructor(
-        http: HttpClient,
-        jhiWebsocketService: JhiWebsocketService,
-        domainService: DomainService,
-        private conflictService: CodeEditorConflictStateService,
-    ) {
-        super(http, jhiWebsocketService, domainService);
+
+    // necessary to be used in providers array in component
+    constructor() {
+        super();
     }
 
     /**
diff --git a/src/main/webapp/app/exercises/programming/shared/code-editor/service/code-editor-submission.service.ts b/src/main/webapp/app/exercises/programming/shared/code-editor/service/code-editor-submission.service.ts
index 31be0e3ab0e4..9b6dc3c6f120 100644
--- a/src/main/webapp/app/exercises/programming/shared/code-editor/service/code-editor-submission.service.ts
+++ b/src/main/webapp/app/exercises/programming/shared/code-editor/service/code-editor-submission.service.ts
@@ -1,8 +1,7 @@
-import { Injectable, OnDestroy } from '@angular/core';
+import { Injectable, OnDestroy, inject } from '@angular/core';
 import { AlertService } from 'app/core/util/alert.service';
 import { Subject, Subscription } from 'rxjs';
 import { map, tap } from 'rxjs/operators';
-import { DomainService } from 'app/exercises/programming/shared/code-editor/service/code-editor-domain.service';
 import { ProgrammingSubmissionService, ProgrammingSubmissionState } from 'app/exercises/programming/participate/programming-submission.service';
 import { StudentParticipation } from 'app/entities/participation/student-participation.model';
 import { SolutionProgrammingExerciseParticipation } from 'app/entities/participation/solution-programming-exercise-participation.model';
@@ -14,17 +13,16 @@ import { DomainDependentService } from 'app/exercises/programming/shared/code-ed
  */
 @Injectable({ providedIn: 'root' })
 export class CodeEditorSubmissionService extends DomainDependentService implements OnDestroy {
+    private submissionService = inject(ProgrammingSubmissionService);
+    private alertService = inject(AlertService);
+
     private participationId?: number;
     private exerciseId?: number;
     private isBuildingSubject = new Subject<boolean>();
     private submissionSubscription: Subscription;
 
-    constructor(
-        domainService: DomainService,
-        private submissionService: ProgrammingSubmissionService,
-        private alertService: AlertService,
-    ) {
-        super(domainService);
+    constructor() {
+        super();
         this.initDomainSubscription();
     }
 
diff --git a/src/main/webapp/app/exercises/programming/shared/code-editor/status/code-editor-status.component.ts b/src/main/webapp/app/exercises/programming/shared/code-editor/status/code-editor-status.component.ts
index 4547d93259bc..da1342e39ac7 100644
--- a/src/main/webapp/app/exercises/programming/shared/code-editor/status/code-editor-status.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/code-editor/status/code-editor-status.component.ts
@@ -1,11 +1,16 @@
 import { Component, Input } from '@angular/core';
 import { faCheckCircle, faCircleNotch, faExclamationTriangle, faTimesCircle } from '@fortawesome/free-solid-svg-icons';
 import { CommitState, EditorState } from 'app/exercises/programming/shared/code-editor/model/code-editor.model';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-code-editor-status',
     templateUrl: './code-editor-status.component.html',
     providers: [],
+    imports: [NgbTooltip, FaIconComponent, TranslateDirective, ArtemisTranslatePipe],
 })
 export class CodeEditorStatusComponent {
     CommitState = CommitState;
diff --git a/src/main/webapp/app/exercises/programming/shared/code-editor/treeview/components/treeview-item/treeview-item.component.ts b/src/main/webapp/app/exercises/programming/shared/code-editor/treeview/components/treeview-item/treeview-item.component.ts
index bb8d03651e73..4a82fd6234a1 100644
--- a/src/main/webapp/app/exercises/programming/shared/code-editor/treeview/components/treeview-item/treeview-item.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/code-editor/treeview/components/treeview-item/treeview-item.component.ts
@@ -1,12 +1,13 @@
 import { Component, EventEmitter, Input, Output, TemplateRef } from '@angular/core';
 import { TreeviewItem } from '../../models/treeview-item';
 import { TreeviewItemTemplateContext } from '../../models/treeview-item-template-context';
+import { NgTemplateOutlet } from '@angular/common';
 
 @Component({
-    // eslint-disable-next-line @angular-eslint/component-selector
     selector: 'treeview-item',
     templateUrl: './treeview-item.component.html',
     styleUrls: ['./treeview-item.component.scss'],
+    imports: [NgTemplateOutlet],
 })
 export class TreeviewItemComponent<T> {
     @Input() template: TemplateRef<TreeviewItemTemplateContext<T>>;
diff --git a/src/main/webapp/app/exercises/programming/shared/code-editor/treeview/components/treeview/treeview.component.ts b/src/main/webapp/app/exercises/programming/shared/code-editor/treeview/components/treeview/treeview.component.ts
index 6eaec7181425..13a8fba38ca6 100644
--- a/src/main/webapp/app/exercises/programming/shared/code-editor/treeview/components/treeview/treeview.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/code-editor/treeview/components/treeview/treeview.component.ts
@@ -1,12 +1,14 @@
 import { Component, EventEmitter, Input, Output, TemplateRef } from '@angular/core';
 import { TreeviewItem } from '../../models/treeview-item';
 import { TreeviewItemTemplateContext } from '../../models/treeview-item-template-context';
+import { FormsModule } from '@angular/forms';
+import { TreeviewItemComponent } from '../treeview-item/treeview-item.component';
 
 @Component({
-    // eslint-disable-next-line @angular-eslint/component-selector
     selector: 'treeview',
     templateUrl: './treeview.component.html',
     styleUrls: ['./treeview.component.scss'],
+    imports: [FormsModule, TreeviewItemComponent],
 })
 export class TreeviewComponent<T> {
     @Input() itemTemplate: TemplateRef<TreeviewItemTemplateContext<T>>;
diff --git a/src/main/webapp/app/exercises/programming/shared/code-editor/treeview/treeview.module.ts b/src/main/webapp/app/exercises/programming/shared/code-editor/treeview/treeview.module.ts
index 3c229ba788c4..0642b734b261 100644
--- a/src/main/webapp/app/exercises/programming/shared/code-editor/treeview/treeview.module.ts
+++ b/src/main/webapp/app/exercises/programming/shared/code-editor/treeview/treeview.module.ts
@@ -5,8 +5,7 @@ import { TreeviewComponent } from './components/treeview/treeview.component';
 import { TreeviewItemComponent } from './components/treeview-item/treeview-item.component';
 
 @NgModule({
-    imports: [FormsModule, CommonModule],
-    declarations: [TreeviewComponent, TreeviewItemComponent],
+    imports: [FormsModule, CommonModule, TreeviewComponent, TreeviewItemComponent],
     exports: [TreeviewComponent],
 })
 export class TreeviewModule {
diff --git a/src/main/webapp/app/exercises/programming/shared/commits-info/commits-info-group/commits-info-group.component.ts b/src/main/webapp/app/exercises/programming/shared/commits-info/commits-info-group/commits-info-group.component.ts
index 64ed91bab723..9c69a23ff4f3 100644
--- a/src/main/webapp/app/exercises/programming/shared/commits-info/commits-info-group/commits-info-group.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/commits-info/commits-info-group/commits-info-group.component.ts
@@ -1,9 +1,12 @@
 import { Component, Input } from '@angular/core';
 import type { CommitInfo } from 'app/entities/programming/programming-submission.model';
+import { CommitsInfoRowComponent } from './commits-info-row/commits-info-row.component';
+import { NgStyle } from '@angular/common';
 
 @Component({
     selector: 'jhi-commits-info-group',
     templateUrl: './commits-info-group.component.html',
+    imports: [CommitsInfoRowComponent, NgStyle],
 })
 export class CommitsInfoGroupComponent {
     @Input() commits: CommitInfo[];
diff --git a/src/main/webapp/app/exercises/programming/shared/commits-info/commits-info-group/commits-info-row/commits-info-row.component.ts b/src/main/webapp/app/exercises/programming/shared/commits-info/commits-info-group/commits-info-row/commits-info-row.component.ts
index a944e452e1b4..dc2435949768 100644
--- a/src/main/webapp/app/exercises/programming/shared/commits-info/commits-info-group/commits-info-row/commits-info-row.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/commits-info/commits-info-group/commits-info-row/commits-info-row.component.ts
@@ -2,10 +2,18 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
 import type { CommitInfo } from 'app/entities/programming/programming-submission.model';
 import { faCircle } from '@fortawesome/free-regular-svg-icons';
 import { faAngleDown, faAngleLeft } from '@fortawesome/free-solid-svg-icons';
+import { RouterLink } from '@angular/router';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ResultComponent } from 'app/exercises/shared/result/result.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { TruncatePipe } from 'app/shared/pipes/truncate.pipe';
 
 @Component({
     selector: 'jhi-commits-info-row',
     templateUrl: './commits-info-row.component.html',
+    imports: [RouterLink, NgbTooltip, ResultComponent, FaIconComponent, TranslateDirective, ArtemisDatePipe, TruncatePipe],
 })
 export class CommitsInfoRowComponent {
     @Input() commit: CommitInfo;
diff --git a/src/main/webapp/app/exercises/programming/shared/commits-info/commits-info.component.ts b/src/main/webapp/app/exercises/programming/shared/commits-info/commits-info.component.ts
index 28a46506caab..61d629913bd7 100644
--- a/src/main/webapp/app/exercises/programming/shared/commits-info/commits-info.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/commits-info/commits-info.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnDestroy, OnInit } from '@angular/core';
+import { Component, Input, OnDestroy, OnInit, inject } from '@angular/core';
 import { CommitInfo, ProgrammingSubmission } from 'app/entities/programming/programming-submission.model';
 import { ProgrammingExerciseParticipationService } from 'app/exercises/programming/manage/services/programming-exercise-participation.service';
 import dayjs from 'dayjs/esm';
@@ -6,12 +6,19 @@ import { createCommitUrl } from 'app/exercises/programming/shared/utils/programm
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 import { PROFILE_LOCALVC } from 'app/app.constants';
 import { Subscription } from 'rxjs';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { CommitsInfoGroupComponent } from './commits-info-group/commits-info-group.component';
+import { NgStyle } from '@angular/common';
 
 @Component({
     selector: 'jhi-commits-info',
     templateUrl: './commits-info.component.html',
+    imports: [TranslateDirective, CommitsInfoGroupComponent, NgStyle],
 })
 export class CommitsInfoComponent implements OnInit, OnDestroy {
+    private programmingExerciseParticipationService = inject(ProgrammingExerciseParticipationService);
+    private profileService = inject(ProfileService);
+
     @Input() commits?: CommitInfo[];
     @Input() currentSubmissionHash?: string;
     @Input() previousSubmissionHash?: string;
@@ -28,11 +35,6 @@ export class CommitsInfoComponent implements OnInit, OnDestroy {
 
     localVC = false;
 
-    constructor(
-        private programmingExerciseParticipationService: ProgrammingExerciseParticipationService,
-        private profileService: ProfileService,
-    ) {}
-
     ngOnInit(): void {
         if (!this.commits) {
             if (this.participationId) {
diff --git a/src/main/webapp/app/exercises/programming/shared/instructions-render/extensions/programming-exercise-plant-uml.extension.ts b/src/main/webapp/app/exercises/programming/shared/instructions-render/extensions/programming-exercise-plant-uml.extension.ts
index 886520d929f4..7b691d4dccee 100644
--- a/src/main/webapp/app/exercises/programming/shared/instructions-render/extensions/programming-exercise-plant-uml.extension.ts
+++ b/src/main/webapp/app/exercises/programming/shared/instructions-render/extensions/programming-exercise-plant-uml.extension.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ProgrammingExerciseTestCase } from 'app/entities/programming/programming-exercise-test-case.model';
 import { ArtemisTextReplacementPlugin } from 'app/shared/markdown-editor/extensions/ArtemisTextReplacementPlugin';
 import { escapeStringForUseInRegex } from 'app/shared/util/global.utils';
@@ -14,6 +14,9 @@ const testsColorRegex = /testsColor\((\s*[^()\s]+(\([^()]*\))?)\)/g;
 
 @Injectable({ providedIn: 'root' })
 export class ProgrammingExercisePlantUmlExtensionWrapper extends ArtemisTextReplacementPlugin {
+    private programmingExerciseInstructionService = inject(ProgrammingExerciseInstructionService);
+    private plantUmlService = inject(ProgrammingExercisePlantUmlService);
+
     private latestResult?: Result;
     private testCases?: ProgrammingExerciseTestCase[];
     private injectableElementsFoundSubject = new Subject<() => void>();
@@ -21,10 +24,7 @@ export class ProgrammingExercisePlantUmlExtensionWrapper extends ArtemisTextRepl
     // unique index, even if multiple plant uml diagrams are shown from different problem statements on the same page (in different tabs)
     private plantUmlIndex = 0;
 
-    constructor(
-        private programmingExerciseInstructionService: ProgrammingExerciseInstructionService,
-        private plantUmlService: ProgrammingExercisePlantUmlService,
-    ) {
+    constructor() {
         super();
     }
 
diff --git a/src/main/webapp/app/exercises/programming/shared/instructions-render/programming-exercise-instruction.component.html b/src/main/webapp/app/exercises/programming/shared/instructions-render/programming-exercise-instruction.component.html
index 6172aa304cf8..9c9fa0b791d4 100644
--- a/src/main/webapp/app/exercises/programming/shared/instructions-render/programming-exercise-instruction.component.html
+++ b/src/main/webapp/app/exercises/programming/shared/instructions-render/programming-exercise-instruction.component.html
@@ -1,6 +1,6 @@
 @if (!isLoading) {
     <div class="instructions__content border-0">
-        <jhi-programming-exercise-instructions-step-wizard [exercise]="exercise" [latestResult]="latestResult" [tasks]="tasks" />
+        <jhi-programming-exercise-instructions-step-wizard [exercise]="exercise" [latestResult]="latestResultValue" [tasks]="tasks" />
         <!-- problem statement update & difference highlighter -->
         @if (exercise && exercise.exerciseGroup) {
             <jhi-exam-exercise-update-highlighter [exercise]="exercise" (problemStatementUpdateEvent)="renderUpdatedProblemStatement()" />
diff --git a/src/main/webapp/app/exercises/programming/shared/instructions-render/programming-exercise-instruction.component.ts b/src/main/webapp/app/exercises/programming/shared/instructions-render/programming-exercise-instruction.component.ts
index b978289acf7d..332213c6ae4b 100644
--- a/src/main/webapp/app/exercises/programming/shared/instructions-render/programming-exercise-instruction.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/instructions-render/programming-exercise-instruction.component.ts
@@ -41,32 +41,46 @@ import { ProgrammingExerciseInstructionService } from 'app/exercises/programming
 import { escapeStringForUseInRegex } from 'app/shared/util/global.utils';
 import { ProgrammingExerciseInstructionTaskStatusComponent } from 'app/exercises/programming/shared/instructions-render/task/programming-exercise-instruction-task-status.component';
 import { toObservable } from '@angular/core/rxjs-interop';
+import { ProgrammingExerciseInstructionStepWizardComponent } from './step-wizard/programming-exercise-instruction-step-wizard.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 @Component({
     selector: 'jhi-programming-exercise-instructions',
     templateUrl: './programming-exercise-instruction.component.html',
     styleUrls: ['./programming-exercise-instruction.scss'],
+    imports: [ProgrammingExerciseInstructionStepWizardComponent, ExamExerciseUpdateHighlighterComponent, FaIconComponent],
 })
 export class ProgrammingExerciseInstructionComponent implements OnChanges, OnDestroy {
+    private viewContainerRef = inject(ViewContainerRef);
+    private resultService = inject(ResultService);
+    private participationWebsocketService = inject(ParticipationWebsocketService);
+    private programmingExerciseTaskWrapper = inject(ProgrammingExerciseTaskExtensionWrapper);
+    private programmingExercisePlantUmlWrapper = inject(ProgrammingExercisePlantUmlExtensionWrapper);
+    private programmingExerciseParticipationService = inject(ProgrammingExerciseParticipationService);
+    private programmingExerciseGradingService = inject(ProgrammingExerciseGradingService);
+    private sanitizer = inject(DomSanitizer);
+    private programmingExerciseInstructionService = inject(ProgrammingExerciseInstructionService);
+    private appRef = inject(ApplicationRef);
+    private injector = inject(EnvironmentInjector);
     private themeService = inject(ThemeService);
 
     @Input() public exercise: ProgrammingExercise;
     @Input() public participation: Participation;
     @Input() generateHtmlEvents: Observable<void>;
     @Input() personalParticipation: boolean;
+
     // Emits an event if the instructions are not available via the problemStatement
-    @Output()
-    public onNoInstructionsAvailable = new EventEmitter();
+    @Output() public onNoInstructionsAvailable = new EventEmitter();
 
     @ViewChild(ExamExerciseUpdateHighlighterComponent) examExerciseUpdateHighlighterComponent: ExamExerciseUpdateHighlighterComponent;
 
-    public problemStatement: string;
-    public participationSubscription?: Subscription;
+    private problemStatement: string;
+    private participationSubscription?: Subscription;
     private testCasesSubscription?: Subscription;
 
     public isInitial = true;
     public isLoading: boolean;
-    public latestResultValue?: Result;
+    latestResultValue?: Result;
     // unique index, even if multiple tasks are shown from different problem statements on the same page (in different tabs)
     private taskIndex = 0;
     public tasks: TaskArray;
@@ -77,7 +91,7 @@ export class ProgrammingExerciseInstructionComponent implements OnChanges, OnDes
 
     set latestResult(result: Result | undefined) {
         this.latestResultValue = result;
-        this.programmingExercisePlantUmlWrapper.setLatestResult(this.latestResult);
+        this.programmingExercisePlantUmlWrapper.setLatestResult(this.latestResultValue);
         this.programmingExercisePlantUmlWrapper.setTestCases(this.testCases);
     }
 
@@ -86,7 +100,6 @@ export class ProgrammingExerciseInstructionComponent implements OnChanges, OnDes
 
     markdownExtensions: PluginSimple[];
     private injectableContentFoundSubscription: Subscription;
-    private tasksSubscription: Subscription;
     private generateHtmlSubscription: Subscription;
     private testCases?: ProgrammingExerciseTestCase[];
     private themeChangeSubscription = toObservable(this.themeService.currentTheme).subscribe(() => {
@@ -98,19 +111,7 @@ export class ProgrammingExerciseInstructionComponent implements OnChanges, OnDes
     // Icons
     faSpinner = faSpinner;
 
-    constructor(
-        public viewContainerRef: ViewContainerRef,
-        private resultService: ResultService,
-        private participationWebsocketService: ParticipationWebsocketService,
-        private programmingExerciseTaskWrapper: ProgrammingExerciseTaskExtensionWrapper,
-        private programmingExercisePlantUmlWrapper: ProgrammingExercisePlantUmlExtensionWrapper,
-        private programmingExerciseParticipationService: ProgrammingExerciseParticipationService,
-        private programmingExerciseGradingService: ProgrammingExerciseGradingService,
-        private sanitizer: DomSanitizer,
-        private programmingExerciseInstructionService: ProgrammingExerciseInstructionService,
-        private appRef: ApplicationRef,
-        private injector: EnvironmentInjector,
-    ) {
+    constructor() {
         this.programmingExerciseTaskWrapper.viewContainerRef = this.viewContainerRef;
     }
 
@@ -119,7 +120,7 @@ export class ProgrammingExerciseInstructionComponent implements OnChanges, OnDes
      * subscription for the participation's result needs to be set up.
      * @param changes
      */
-    public ngOnChanges(changes: SimpleChanges) {
+    ngOnChanges(changes: SimpleChanges) {
         if (this.exercise?.isAtLeastTutor) {
             if (this.testCasesSubscription) {
                 this.testCasesSubscription.unsubscribe();
@@ -232,10 +233,10 @@ export class ProgrammingExerciseInstructionComponent implements OnChanges, OnDes
     /**
      * Render the markdown into html.
      */
-    updateMarkdown(): void {
+    updateMarkdown() {
         // make sure that always the correct result is set, before updating markdown
         // looks weird, but in setter of latestResult are setters of sub components invoked
-        this.latestResult = this.latestResult;
+        this.latestResult = this.latestResultValue;
 
         this.injectableContentForMarkdownCallbacks = [];
         this.renderMarkdown();
diff --git a/src/main/webapp/app/exercises/programming/shared/instructions-render/programming-exercise-instructions-render.module.ts b/src/main/webapp/app/exercises/programming/shared/instructions-render/programming-exercise-instructions-render.module.ts
index fbfc110d7304..6ae307eb4875 100644
--- a/src/main/webapp/app/exercises/programming/shared/instructions-render/programming-exercise-instructions-render.module.ts
+++ b/src/main/webapp/app/exercises/programming/shared/instructions-render/programming-exercise-instructions-render.module.ts
@@ -9,8 +9,16 @@ import { ExamExerciseUpdateHighlighterModule } from 'app/exam/participate/exerci
 import { SafeHtmlPipe } from 'app/shared/pipes/safe-html.pipe';
 
 @NgModule({
-    imports: [ArtemisSharedModule, ArtemisResultModule, ArtemisMarkdownModule, ExamExerciseUpdateHighlighterModule, SafeHtmlPipe],
-    declarations: [ProgrammingExerciseInstructionComponent, ProgrammingExerciseInstructionStepWizardComponent, ProgrammingExerciseInstructionTaskStatusComponent],
+    imports: [
+        ArtemisSharedModule,
+        ArtemisResultModule,
+        ArtemisMarkdownModule,
+        ExamExerciseUpdateHighlighterModule,
+        SafeHtmlPipe,
+        ProgrammingExerciseInstructionComponent,
+        ProgrammingExerciseInstructionStepWizardComponent,
+        ProgrammingExerciseInstructionTaskStatusComponent,
+    ],
     exports: [ProgrammingExerciseInstructionComponent],
 })
 export class ArtemisProgrammingExerciseInstructionsRenderModule {}
diff --git a/src/main/webapp/app/exercises/programming/shared/instructions-render/step-wizard/programming-exercise-instruction-step-wizard.component.ts b/src/main/webapp/app/exercises/programming/shared/instructions-render/step-wizard/programming-exercise-instruction-step-wizard.component.ts
index 4bd4d7cea397..e5d5deda1062 100644
--- a/src/main/webapp/app/exercises/programming/shared/instructions-render/step-wizard/programming-exercise-instruction-step-wizard.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/instructions-render/step-wizard/programming-exercise-instruction-step-wizard.component.ts
@@ -1,18 +1,24 @@
-import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { Component, Input, OnChanges, SimpleChanges, inject } from '@angular/core';
+import { NgbModal, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 import { ProgrammingExerciseInstructionService, TestCaseState } from 'app/exercises/programming/shared/instructions-render/service/programming-exercise-instruction.service';
 import { TaskArray } from 'app/exercises/programming/shared/instructions-render/task/programming-exercise-task.model';
 import { FeedbackComponent } from 'app/exercises/shared/feedback/feedback.component';
 import { Exercise, ExerciseType } from 'app/entities/exercise.model';
 import { Result } from 'app/entities/result.model';
 import { faCheck, faCircle, faTimes } from '@fortawesome/free-solid-svg-icons';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 @Component({
     selector: 'jhi-programming-exercise-instructions-step-wizard',
     templateUrl: './programming-exercise-instruction-step-wizard.component.html',
     styleUrls: ['./programming-exercise-instruction-step-wizard.scss'],
+    imports: [TranslateDirective, NgbTooltip, FaIconComponent],
 })
 export class ProgrammingExerciseInstructionStepWizardComponent implements OnChanges {
+    private modalService = inject(NgbModal);
+    private instructionService = inject(ProgrammingExerciseInstructionService);
+
     TestCaseState = TestCaseState;
 
     @Input() exercise: Exercise;
@@ -26,11 +32,6 @@ export class ProgrammingExerciseInstructionStepWizardComponent implements OnChan
     faCheck = faCheck;
     faCircle = faCircle;
 
-    constructor(
-        private modalService: NgbModal,
-        private instructionService: ProgrammingExerciseInstructionService,
-    ) {}
-
     /**
      * Life cycle hook called by Angular to indicate that changes are detected.
      * @param changes - change that is detected.
diff --git a/src/main/webapp/app/exercises/programming/shared/instructions-render/task/programming-exercise-instruction-task-status.component.ts b/src/main/webapp/app/exercises/programming/shared/instructions-render/task/programming-exercise-instruction-task-status.component.ts
index e85002c954af..68192ebc955c 100644
--- a/src/main/webapp/app/exercises/programming/shared/instructions-render/task/programming-exercise-instruction-task-status.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/instructions-render/task/programming-exercise-instruction-task-status.component.ts
@@ -1,17 +1,24 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, inject } from '@angular/core';
 import { faCheckCircle, faCircleDot, faTimesCircle } from '@fortawesome/free-regular-svg-icons';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 import { Exercise, ExerciseType } from 'app/entities/exercise.model';
 import { Result } from 'app/entities/result.model';
 import { ProgrammingExerciseInstructionService, TestCaseState } from 'app/exercises/programming/shared/instructions-render/service/programming-exercise-instruction.service';
 import { FeedbackComponent } from 'app/exercises/shared/feedback/feedback.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { SafeHtmlPipe } from 'app/shared/pipes/safe-html.pipe';
 
 @Component({
     selector: 'jhi-programming-exercise-instructions-task-status',
     templateUrl: './programming-exercise-instruction-task-status.component.html',
     styleUrls: ['./programming-exercise-instruction-task-status.scss'],
+    imports: [FaIconComponent, ArtemisTranslatePipe, SafeHtmlPipe],
 })
 export class ProgrammingExerciseInstructionTaskStatusComponent {
+    private programmingExerciseInstructionService = inject(ProgrammingExerciseInstructionService);
+    private modalService = inject(NgbModal);
+
     TestCaseState = TestCaseState;
     translationBasePath = 'artemisApp.editor.testStatusLabels.';
 
@@ -44,11 +51,6 @@ export class ProgrammingExerciseInstructionTaskStatusComponent {
     farCheckCircle = faCheckCircle;
     farTimesCircle = faTimesCircle;
 
-    constructor(
-        private programmingExerciseInstructionService: ProgrammingExerciseInstructionService,
-        private modalService: NgbModal,
-    ) {}
-
     set testIds(testIds: number[]) {
         this.testIdsValue = testIds;
         const {
diff --git a/src/main/webapp/app/exercises/programming/shared/lifecycle/programming-exercise-lifecycle.component.ts b/src/main/webapp/app/exercises/programming/shared/lifecycle/programming-exercise-lifecycle.component.ts
index d1506497f4d6..366bb456e8d4 100644
--- a/src/main/webapp/app/exercises/programming/shared/lifecycle/programming-exercise-lifecycle.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/lifecycle/programming-exercise-lifecycle.component.ts
@@ -1,4 +1,5 @@
-import { AfterViewInit, Component, Input, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges, ViewChildren, input } from '@angular/core';
+import { AfterViewInit, Component, Input, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges, ViewChildren, inject, input } from '@angular/core';
+import { ExerciseFeedbackSuggestionOptionsComponent } from 'app/exercises/shared/feedback-suggestion/exercise-feedback-suggestion-options.component';
 import dayjs from 'dayjs/esm';
 import { TranslateService } from '@ngx-translate/core';
 import { AssessmentType } from 'app/entities/assessment-type.model';
@@ -14,13 +15,35 @@ import { ActivatedRoute } from '@angular/router';
 import { tap } from 'rxjs/operators';
 import { ImportOptions } from 'app/types/programming-exercises';
 import { ProgrammingExerciseInputField } from 'app/exercises/programming/manage/update/programming-exercise-update.helper';
+import { FormsModule } from '@angular/forms';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { AsyncPipe, NgStyle } from '@angular/common';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-programming-exercise-lifecycle',
     templateUrl: './programming-exercise-lifecycle.component.html',
     styleUrls: ['./programming-exercise-test-schedule-picker.scss'],
+    imports: [
+        ProgrammingExerciseTestScheduleDatePickerComponent,
+        FormsModule,
+        TranslateDirective,
+        HelpIconComponent,
+        FaIconComponent,
+        NgStyle,
+        ExerciseFeedbackSuggestionOptionsComponent,
+        AsyncPipe,
+        ArtemisTranslatePipe,
+    ],
 })
 export class ProgrammingExerciseLifecycleComponent implements AfterViewInit, OnDestroy, OnInit, OnChanges {
+    private translateService = inject(TranslateService);
+    private exerciseService = inject(ExerciseService);
+    private athenaService = inject(AthenaService);
+    private activatedRoute = inject(ActivatedRoute);
+
     protected readonly assessmentType = AssessmentType;
     protected readonly IncludedInOverallScore = IncludedInOverallScore;
     protected readonly faCogs = faCogs;
@@ -44,16 +67,9 @@ export class ProgrammingExerciseLifecycleComponent implements AfterViewInit, OnD
 
     isAthenaEnabled$: Observable<boolean> | undefined;
 
-    isImport: boolean = false;
+    isImport = false;
     private urlSubscription: Subscription;
 
-    constructor(
-        private translateService: TranslateService,
-        private exerciseService: ExerciseService,
-        private athenaService: AthenaService,
-        private activatedRoute: ActivatedRoute,
-    ) {}
-
     /**
      * If the programming exercise does not have an id, set the assessment Type to AUTOMATIC
      */
diff --git a/src/main/webapp/app/exercises/programming/shared/lifecycle/programming-exercise-lifecycle.module.ts b/src/main/webapp/app/exercises/programming/shared/lifecycle/programming-exercise-lifecycle.module.ts
index 3a6a81c38b82..6e05465983bc 100644
--- a/src/main/webapp/app/exercises/programming/shared/lifecycle/programming-exercise-lifecycle.module.ts
+++ b/src/main/webapp/app/exercises/programming/shared/lifecycle/programming-exercise-lifecycle.module.ts
@@ -7,8 +7,14 @@ import { OwlDateTimeModule } from '@danielmoncada/angular-datetime-picker';
 import { ExerciseFeedbackSuggestionOptionsModule } from 'app/exercises/shared/feedback-suggestion/exercise-feedback-suggestion-options.module';
 
 @NgModule({
-    imports: [ArtemisSharedComponentModule, OwlDateTimeModule, ArtemisSharedModule, ExerciseFeedbackSuggestionOptionsModule],
-    declarations: [ProgrammingExerciseLifecycleComponent, ProgrammingExerciseTestScheduleDatePickerComponent],
+    imports: [
+        ArtemisSharedComponentModule,
+        OwlDateTimeModule,
+        ArtemisSharedModule,
+        ExerciseFeedbackSuggestionOptionsModule,
+        ProgrammingExerciseLifecycleComponent,
+        ProgrammingExerciseTestScheduleDatePickerComponent,
+    ],
     exports: [ProgrammingExerciseLifecycleComponent],
 })
 export class ArtemisProgrammingExerciseLifecycleModule {}
diff --git a/src/main/webapp/app/exercises/programming/shared/lifecycle/programming-exercise-test-schedule-date-picker.component.ts b/src/main/webapp/app/exercises/programming/shared/lifecycle/programming-exercise-test-schedule-date-picker.component.ts
index e0766b849452..20e118b715d7 100644
--- a/src/main/webapp/app/exercises/programming/shared/lifecycle/programming-exercise-test-schedule-date-picker.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/lifecycle/programming-exercise-test-schedule-date-picker.component.ts
@@ -1,8 +1,13 @@
 import { Component, EventEmitter, Input, Output, ViewChild, forwardRef } from '@angular/core';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR, NgModel } from '@angular/forms';
+import { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR, NgModel } from '@angular/forms';
 import dayjs from 'dayjs/esm';
 import { isDate } from 'app/shared/util/utils';
 import { faCalendarCheck, faCalendarMinus, faCalendarPlus } from '@fortawesome/free-solid-svg-icons';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { OwlDateTimeModule } from '@danielmoncada/angular-datetime-picker';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
 
 @Component({
     selector: 'jhi-programming-exercise-test-schedule-date-picker',
@@ -15,6 +20,7 @@ import { faCalendarCheck, faCalendarMinus, faCalendarPlus } from '@fortawesome/f
         },
     ],
     styleUrls: ['./programming-exercise-test-schedule-picker.scss'],
+    imports: [TranslateDirective, HelpIconComponent, FormsModule, OwlDateTimeModule, FaIconComponent, ArtemisDatePipe],
 })
 export class ProgrammingExerciseTestScheduleDatePickerComponent implements ControlValueAccessor {
     @ViewChild('dateInput', { static: false }) dateInput: NgModel;
diff --git a/src/main/webapp/app/exercises/programming/shared/programming-exercise.module.ts b/src/main/webapp/app/exercises/programming/shared/programming-exercise.module.ts
index 9953a9f5aa84..a9afe6cd545f 100644
--- a/src/main/webapp/app/exercises/programming/shared/programming-exercise.module.ts
+++ b/src/main/webapp/app/exercises/programming/shared/programming-exercise.module.ts
@@ -5,7 +5,7 @@ import { OrionModule } from 'app/shared/orion/orion.module';
 import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { RouterModule } from '@angular/router';
 import { ArtemisProgrammingExerciseGradingModule } from 'app/exercises/programming/manage/grading/programming-exercise-grading.module';
-import { FeatureToggleModule } from 'app/shared/feature-toggle/feature-toggle.module';
+
 import { ArtemisExerciseScoresModule } from 'app/exercises/shared/exercise-scores/exercise-scores.module';
 import { OrionProgrammingExerciseComponent } from 'app/orion/management/orion-programming-exercise.component';
 import { ArtemisProgrammingAssessmentModule } from 'app/exercises/programming/assess/programming-assessment.module';
@@ -21,7 +21,6 @@ import { CommitsInfoRowComponent } from 'app/exercises/programming/shared/commit
 @NgModule({
     imports: [
         ArtemisSharedModule,
-        FeatureToggleModule,
         RouterModule,
         OrionModule,
         ArtemisProgrammingExerciseStatusModule,
@@ -30,8 +29,6 @@ import { CommitsInfoRowComponent } from 'app/exercises/programming/shared/commit
         ArtemisProgrammingAssessmentModule,
         ExerciseCategoriesModule,
         SubmissionResultStatusModule,
-    ],
-    declarations: [
         ProgrammingExerciseComponent,
         ProgrammingExerciseCreateButtonsComponent,
         OrionProgrammingExerciseComponent,
diff --git a/src/main/webapp/app/exercises/programming/shared/service/aeolus.service.ts b/src/main/webapp/app/exercises/programming/shared/service/aeolus.service.ts
index 9c07e5caee1f..528be78989c1 100644
--- a/src/main/webapp/app/exercises/programming/shared/service/aeolus.service.ts
+++ b/src/main/webapp/app/exercises/programming/shared/service/aeolus.service.ts
@@ -1,5 +1,5 @@
 import { HttpClient } from '@angular/common/http';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { BuildAction, PlatformAction, ScriptAction } from 'app/entities/programming/build.action';
 import { WindFile } from 'app/entities/programming/wind.file';
 import { Observable } from 'rxjs';
@@ -8,9 +8,9 @@ import { ProgrammingLanguage, ProjectType } from 'app/entities/programming/progr
 
 @Injectable({ providedIn: 'root' })
 export class AeolusService {
-    private resourceUrl = 'api/aeolus';
+    private http = inject(HttpClient);
 
-    constructor(private http: HttpClient) {}
+    private resourceUrl = 'api/aeolus';
 
     /**
      * Fetches the aeolus template file for the given programming language
diff --git a/src/main/webapp/app/exercises/programming/shared/service/build-log.service.ts b/src/main/webapp/app/exercises/programming/shared/service/build-log.service.ts
index 3f749357f188..74926345a2c0 100644
--- a/src/main/webapp/app/exercises/programming/shared/service/build-log.service.ts
+++ b/src/main/webapp/app/exercises/programming/shared/service/build-log.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { Observable } from 'rxjs';
 import { HttpClient, HttpParams } from '@angular/common/http';
 import { BuildLogEntry } from 'app/entities/programming/build-log.model';
@@ -9,9 +9,9 @@ export interface IBuildLogService {
 
 @Injectable({ providedIn: 'root' })
 export class BuildLogService implements IBuildLogService {
-    private assignmentResourceUrl = 'api/repository';
+    private http = inject(HttpClient);
 
-    constructor(private http: HttpClient) {}
+    private assignmentResourceUrl = 'api/repository';
 
     /**
      * Retrieves the build logs for a given participation and optionally, a given result.
diff --git a/src/main/webapp/app/exercises/programming/shared/service/file-type.service.ts b/src/main/webapp/app/exercises/programming/shared/service/file-type.service.ts
index cce6e02d4b2e..a656b814f4db 100644
--- a/src/main/webapp/app/exercises/programming/shared/service/file-type.service.ts
+++ b/src/main/webapp/app/exercises/programming/shared/service/file-type.service.ts
@@ -9,8 +9,6 @@ const IGNORED_CHAR_CODES = [CHAR_CODE_TAB, CHAR_CODE_LINE_FEED, CHAR_CODE_CARRIA
     providedIn: 'root',
 })
 export class FileTypeService {
-    constructor() {}
-
     /**
      * Determines for a string whether it represents the content of a binary file.
      * This is done by checking for characters that would not typically be found in plain text files, e.g. the 0-byte.
diff --git a/src/main/webapp/app/exercises/programming/shared/service/programming-language-feature/programming-language-feature.service.ts b/src/main/webapp/app/exercises/programming/shared/service/programming-language-feature/programming-language-feature.service.ts
index e535502030ef..9188c2afaea0 100644
--- a/src/main/webapp/app/exercises/programming/shared/service/programming-language-feature/programming-language-feature.service.ts
+++ b/src/main/webapp/app/exercises/programming/shared/service/programming-language-feature/programming-language-feature.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ProgrammingLanguage, ProjectType } from 'app/entities/programming/programming-exercise.model';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 
@@ -19,9 +19,11 @@ export type ProgrammingLanguageFeature = {
 
 @Injectable({ providedIn: 'root' })
 export class ProgrammingLanguageFeatureService {
+    private profileService = inject(ProfileService);
+
     private programmingLanguageFeatures: Map<ProgrammingLanguage, ProgrammingLanguageFeature> = new Map<ProgrammingLanguage, ProgrammingLanguageFeature>();
 
-    constructor(private profileService: ProfileService) {
+    constructor() {
         this.profileService.getProfileInfo().subscribe((profileInfo) => {
             profileInfo.programmingLanguageFeatures.forEach((programmingLanguageFeature) => {
                 this.programmingLanguageFeatures.set(programmingLanguageFeature.programmingLanguage, programmingLanguageFeature);
diff --git a/src/main/webapp/app/exercises/programming/shared/service/theia.service.ts b/src/main/webapp/app/exercises/programming/shared/service/theia.service.ts
index 3165730ddab7..c82734db10b9 100644
--- a/src/main/webapp/app/exercises/programming/shared/service/theia.service.ts
+++ b/src/main/webapp/app/exercises/programming/shared/service/theia.service.ts
@@ -1,14 +1,14 @@
 import { HttpClient } from '@angular/common/http';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { Observable } from 'rxjs';
 
 import { ProgrammingLanguage } from 'app/entities/programming/programming-exercise.model';
 
 @Injectable({ providedIn: 'root' })
 export class TheiaService {
-    private resourceUrl = 'api/theia';
+    private http = inject(HttpClient);
 
-    constructor(private http: HttpClient) {}
+    private resourceUrl = 'api/theia';
 
     /**
      * Fetches the theia images for the given programming language
diff --git a/src/main/webapp/app/exercises/quiz/manage/apollon-diagrams/apollon-diagram-create-form.component.ts b/src/main/webapp/app/exercises/quiz/manage/apollon-diagrams/apollon-diagram-create-form.component.ts
index 64cd23e5d90d..96f4e84bbd71 100644
--- a/src/main/webapp/app/exercises/quiz/manage/apollon-diagrams/apollon-diagram-create-form.component.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/apollon-diagrams/apollon-diagram-create-form.component.ts
@@ -1,16 +1,24 @@
-import { AfterViewInit, Component, ElementRef, ViewChild } from '@angular/core';
+import { AfterViewInit, Component, ElementRef, ViewChild, inject } from '@angular/core';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { AlertService } from 'app/core/util/alert.service';
 import { ApollonDiagramService } from 'app/exercises/quiz/manage/apollon-diagrams/apollon-diagram.service';
 import { ApollonDiagram } from 'app/entities/apollon-diagram.model';
 import { faSave } from '@fortawesome/free-solid-svg-icons';
+import { FormsModule } from '@angular/forms';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 @Component({
     selector: 'jhi-apollon-diagram-create-form',
     templateUrl: './apollon-diagram-create-form.component.html',
     providers: [ApollonDiagramService],
+    imports: [FormsModule, TranslateDirective, FaIconComponent],
 })
 export class ApollonDiagramCreateFormComponent implements AfterViewInit {
+    private activeModal = inject(NgbActiveModal);
+    private apollonDiagramService = inject(ApollonDiagramService);
+    private alertService = inject(AlertService);
+
     apollonDiagram: ApollonDiagram;
     isSaving: boolean;
     @ViewChild('titleInput', { static: false }) titleInput: ElementRef;
@@ -18,12 +26,6 @@ export class ApollonDiagramCreateFormComponent implements AfterViewInit {
     // Icons
     faSave = faSave;
 
-    constructor(
-        private activeModal: NgbActiveModal,
-        private apollonDiagramService: ApollonDiagramService,
-        private alertService: AlertService,
-    ) {}
-
     /**
      * Adds focus on the title input field
      */
diff --git a/src/main/webapp/app/exercises/quiz/manage/apollon-diagrams/apollon-diagram-detail.component.ts b/src/main/webapp/app/exercises/quiz/manage/apollon-diagrams/apollon-diagram-detail.component.ts
index ef93f826cc49..d245860e8084 100644
--- a/src/main/webapp/app/exercises/quiz/manage/apollon-diagrams/apollon-diagram-detail.component.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/apollon-diagrams/apollon-diagram-detail.component.ts
@@ -1,7 +1,7 @@
-import { Component, ElementRef, EventEmitter, Input, OnDestroy, OnInit, Output, ViewChild } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnDestroy, OnInit, Output, ViewChild, inject } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { ApollonEditor, ApollonMode, Locale, UMLModel } from '@ls1intum/apollon';
-import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
+import { NgbModal, NgbModalRef, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 import { JhiLanguageHelper } from 'app/core/language/language.helper';
 import { convertRenderedSVGToPNG } from './exercise-generation/svg-renderer';
 import { ApollonDiagramService } from 'app/exercises/quiz/manage/apollon-diagrams/apollon-diagram.service';
@@ -16,14 +16,26 @@ import { CourseManagementService } from 'app/course/manage/course-management.ser
 import { DragAndDropQuestion } from 'app/entities/quiz/drag-and-drop-question.model';
 import { ConfirmAutofocusModalComponent } from 'app/shared/components/confirm-autofocus-modal.component';
 import { lastValueFrom } from 'rxjs';
-import { NgModel } from '@angular/forms';
+import { FormsModule, NgModel } from '@angular/forms';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-apollon-diagram-detail',
     templateUrl: './apollon-diagram-detail.component.html',
     providers: [ApollonDiagramService],
+    imports: [TranslateDirective, FaIconComponent, FormsModule, NgbTooltip, ArtemisTranslatePipe],
 })
 export class ApollonDiagramDetailComponent implements OnInit, OnDestroy {
+    private apollonDiagramService = inject(ApollonDiagramService);
+    private courseService = inject(CourseManagementService);
+    private alertService = inject(AlertService);
+    private translateService = inject(TranslateService);
+    private languageHelper = inject(JhiLanguageHelper);
+    private modalService = inject(NgbModal);
+    private route = inject(ActivatedRoute);
+
     @ViewChild('editorContainer', { static: false }) editorContainer: ElementRef;
     @ViewChild('titleField') titleField?: NgModel;
 
@@ -38,7 +50,7 @@ export class ApollonDiagramDetailComponent implements OnInit, OnDestroy {
     apollonDiagram?: ApollonDiagram;
     apollonEditor?: ApollonEditor;
 
-    isSaved: boolean = true;
+    isSaved = true;
 
     /**  */
     autoSaveInterval: number;
@@ -71,16 +83,6 @@ export class ApollonDiagramDetailComponent implements OnInit, OnDestroy {
     faArrow = faArrowLeft;
     faX = faX;
 
-    constructor(
-        private apollonDiagramService: ApollonDiagramService,
-        private courseService: CourseManagementService,
-        private alertService: AlertService,
-        private translateService: TranslateService,
-        private languageHelper: JhiLanguageHelper,
-        private modalService: NgbModal,
-        private route: ActivatedRoute,
-    ) {}
-
     /**
      * Initializes Apollon Editor and sets auto save timer
      */
diff --git a/src/main/webapp/app/exercises/quiz/manage/apollon-diagrams/apollon-diagram-import-dialog.component.ts b/src/main/webapp/app/exercises/quiz/manage/apollon-diagrams/apollon-diagram-import-dialog.component.ts
index 6f62cf1de360..edc94bcea84d 100644
--- a/src/main/webapp/app/exercises/quiz/manage/apollon-diagrams/apollon-diagram-import-dialog.component.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/apollon-diagrams/apollon-diagram-import-dialog.component.ts
@@ -1,22 +1,25 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, inject } from '@angular/core';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { ApollonDiagramService } from 'app/exercises/quiz/manage/apollon-diagrams/apollon-diagram.service';
 import { DragAndDropQuestion } from 'app/entities/quiz/drag-and-drop-question.model';
+import { ApollonDiagramListComponent } from './apollon-diagram-list.component';
+import { ApollonDiagramDetailComponent } from './apollon-diagram-detail.component';
 
 @Component({
     selector: 'jhi-apollon-diagram-import-dialog',
     templateUrl: './apollon-diagram-import-dialog.component.html',
     providers: [ApollonDiagramService],
+    imports: [ApollonDiagramListComponent, ApollonDiagramDetailComponent],
 })
 export class ApollonDiagramImportDialogComponent {
+    private activeModal = inject(NgbActiveModal);
+
     @Input()
     courseId: number;
 
     isInEditView = false;
     apollonDiagramDetailId: number;
 
-    constructor(private activeModal: NgbActiveModal) {}
-
     handleDetailOpen(id: number) {
         this.isInEditView = true;
         this.apollonDiagramDetailId = id;
diff --git a/src/main/webapp/app/exercises/quiz/manage/apollon-diagrams/apollon-diagram-list.component.ts b/src/main/webapp/app/exercises/quiz/manage/apollon-diagrams/apollon-diagram-list.component.ts
index fbcb1c0fb0b2..97e729b61d97 100644
--- a/src/main/webapp/app/exercises/quiz/manage/apollon-diagrams/apollon-diagram-list.component.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/apollon-diagrams/apollon-diagram-list.component.ts
@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { Component, EventEmitter, Input, OnInit, Output, inject } from '@angular/core';
 import { HttpResponse } from '@angular/common/http';
 import { ActivatedRoute } from '@angular/router';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
@@ -14,13 +14,27 @@ import { Course } from 'app/entities/course.model';
 import { faPlus, faSort, faTimes, faX } from '@fortawesome/free-solid-svg-icons';
 import { ButtonSize } from 'app/shared/components/button.component';
 import { UMLDiagramType } from '@ls1intum/apollon';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { SortDirective } from 'app/shared/sort/sort.directive';
+import { SortByDirective } from 'app/shared/sort/sort-by.directive';
+import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
 
 @Component({
     selector: 'jhi-apollon-diagram-list',
     templateUrl: './apollon-diagram-list.component.html',
     providers: [ApollonDiagramService],
+    imports: [TranslateDirective, FaIconComponent, SortDirective, SortByDirective, DeleteButtonDirective],
 })
 export class ApollonDiagramListComponent implements OnInit {
+    private apollonDiagramsService = inject(ApollonDiagramService);
+    private alertService = inject(AlertService);
+    private modalService = inject(NgbModal);
+    private sortService = inject(SortService);
+    private route = inject(ActivatedRoute);
+    private courseService = inject(CourseManagementService);
+    private accountService = inject(AccountService);
+
     apollonDiagrams: ApollonDiagram[] = [];
     predicate: string;
     reverse: boolean;
@@ -43,15 +57,7 @@ export class ApollonDiagramListComponent implements OnInit {
 
     ButtonSize = ButtonSize;
 
-    constructor(
-        private apollonDiagramsService: ApollonDiagramService,
-        private alertService: AlertService,
-        private modalService: NgbModal,
-        private sortService: SortService,
-        private route: ActivatedRoute,
-        private courseService: CourseManagementService,
-        private accountService: AccountService,
-    ) {
+    constructor() {
         this.predicate = 'id';
         this.reverse = true;
     }
diff --git a/src/main/webapp/app/exercises/quiz/manage/apollon-diagrams/apollon-diagram.module.ts b/src/main/webapp/app/exercises/quiz/manage/apollon-diagrams/apollon-diagram.module.ts
index fb7448499f4c..b9104e1d2bc5 100644
--- a/src/main/webapp/app/exercises/quiz/manage/apollon-diagrams/apollon-diagram.module.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/apollon-diagrams/apollon-diagram.module.ts
@@ -6,7 +6,6 @@ import { ApollonDiagramListComponent } from './apollon-diagram-list.component';
 import { ArtemisSharedModule } from 'app/shared/shared.module';
 
 @NgModule({
-    imports: [ArtemisSharedModule],
-    declarations: [ApollonDiagramCreateFormComponent, ApollonDiagramDetailComponent, ApollonDiagramListComponent, ApollonDiagramImportDialogComponent],
+    imports: [ArtemisSharedModule, ApollonDiagramCreateFormComponent, ApollonDiagramDetailComponent, ApollonDiagramListComponent, ApollonDiagramImportDialogComponent],
 })
 export class ArtemisApollonDiagramsModule {}
diff --git a/src/main/webapp/app/exercises/quiz/manage/apollon-diagrams/apollon-diagram.service.ts b/src/main/webapp/app/exercises/quiz/manage/apollon-diagrams/apollon-diagram.service.ts
index fd6fd5cb1fd7..f99733ab4681 100644
--- a/src/main/webapp/app/exercises/quiz/manage/apollon-diagrams/apollon-diagram.service.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/apollon-diagrams/apollon-diagram.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { Observable, tap } from 'rxjs';
 
@@ -10,12 +10,10 @@ export type EntityResponseType = HttpResponse<ApollonDiagram>;
 
 @Injectable({ providedIn: 'root' })
 export class ApollonDiagramService {
-    private resourceUrl = 'api';
+    private http = inject(HttpClient);
+    private entityTitleService = inject(EntityTitleService);
 
-    constructor(
-        private http: HttpClient,
-        private entityTitleService: EntityTitleService,
-    ) {}
+    private resourceUrl = 'api';
 
     /**
      * Creates diagram.
diff --git a/src/main/webapp/app/exercises/quiz/manage/drag-and-drop-question/drag-and-drop-question-edit.component.ts b/src/main/webapp/app/exercises/quiz/manage/drag-and-drop-question/drag-and-drop-question-edit.component.ts
index 56ec3e7aaaec..ddb1427917b2 100644
--- a/src/main/webapp/app/exercises/quiz/manage/drag-and-drop-question/drag-and-drop-question-edit.component.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/drag-and-drop-question/drag-and-drop-question-edit.component.ts
@@ -11,22 +11,37 @@ import {
     SimpleChanges,
     ViewChild,
     ViewEncapsulation,
+    inject,
 } from '@angular/core';
 import { DragAndDropQuestionUtil } from 'app/exercises/quiz/shared/drag-and-drop-question-util.service';
 import { DragAndDropMouseEvent } from 'app/exercises/quiz/manage/drag-and-drop-question/drag-and-drop-mouse-event.class';
 import { DragState } from 'app/entities/quiz/drag-state.enum';
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { NgbCollapse, NgbModal, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 import { DragAndDropMapping } from 'app/entities/quiz/drag-and-drop-mapping.model';
 import { DragAndDropQuestion } from 'app/entities/quiz/drag-and-drop-question.model';
 import { DragItem } from 'app/entities/quiz/drag-item.model';
 import { DropLocation } from 'app/entities/quiz/drop-location.model';
 import { QuizQuestionEdit } from 'app/exercises/quiz/manage/quiz-question-edit.interface';
+import { DragAndDropQuestionComponent } from 'app/exercises/quiz/shared/questions/drag-and-drop-question/drag-and-drop-question.component';
 import { cloneDeep } from 'lodash-es';
 import { round } from 'app/shared/util/utils';
 import { MAX_SIZE_UNIT } from 'app/exercises/quiz/manage/apollon-diagrams/exercise-generation/quiz-exercise-generator';
 import { debounceTime, filter } from 'rxjs/operators';
 import { ImageLoadingStatus, SecuredImageComponent } from 'app/shared/image/secured-image.component';
 import { generateExerciseHintExplanation } from 'app/shared/util/markdown.util';
+import { faFileImage } from '@fortawesome/free-regular-svg-icons';
+import { CdkDrag, CdkDragDrop, CdkDragPlaceholder, CdkDragPreview, CdkDropList, CdkDropListGroup } from '@angular/cdk/drag-drop';
+import { MAX_QUIZ_QUESTION_POINTS } from 'app/shared/constants/input.constants';
+import { FileService } from 'app/shared/http/file.service';
+import { QuizHintAction } from 'app/shared/monaco-editor/model/actions/quiz/quiz-hint.action';
+import { QuizExplanationAction } from 'app/shared/monaco-editor/model/actions/quiz/quiz-explanation.action';
+import { MarkdownEditorMonacoComponent, TextWithDomainAction } from 'app/shared/markdown-editor/monaco/markdown-editor-monaco.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { FormsModule } from '@angular/forms';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { QuizScoringInfoModalComponent } from '../quiz-scoring-info-modal/quiz-scoring-info-modal.component';
+import { NgClass, NgStyle, NgTemplateOutlet } from '@angular/common';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import {
     faAngleDown,
     faAngleRight,
@@ -45,13 +60,6 @@ import {
     faUnlink,
     faUpload,
 } from '@fortawesome/free-solid-svg-icons';
-import { faFileImage } from '@fortawesome/free-regular-svg-icons';
-import { CdkDragDrop } from '@angular/cdk/drag-drop';
-import { MAX_QUIZ_QUESTION_POINTS } from 'app/shared/constants/input.constants';
-import { FileService } from 'app/shared/http/file.service';
-import { QuizHintAction } from 'app/shared/monaco-editor/model/actions/quiz/quiz-hint.action';
-import { QuizExplanationAction } from 'app/shared/monaco-editor/model/actions/quiz/quiz-explanation.action';
-import { MarkdownEditorMonacoComponent, TextWithDomainAction } from 'app/shared/markdown-editor/monaco/markdown-editor-monaco.component';
 
 @Component({
     selector: 'jhi-drag-and-drop-question-edit',
@@ -59,8 +67,33 @@ import { MarkdownEditorMonacoComponent, TextWithDomainAction } from 'app/shared/
     providers: [DragAndDropQuestionUtil],
     styleUrls: ['./drag-and-drop-question-edit.component.scss', '../quiz-exercise.scss', '../../shared/quiz.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [
+        FaIconComponent,
+        FormsModule,
+        TranslateDirective,
+        NgbTooltip,
+        NgbCollapse,
+        QuizScoringInfoModalComponent,
+        MarkdownEditorMonacoComponent,
+        CdkDropListGroup,
+        SecuredImageComponent,
+        NgClass,
+        CdkDropList,
+        NgStyle,
+        CdkDrag,
+        CdkDragPreview,
+        NgTemplateOutlet,
+        CdkDragPlaceholder,
+        DragAndDropQuestionComponent,
+        ArtemisTranslatePipe,
+    ],
 })
 export class DragAndDropQuestionEditComponent implements OnInit, OnChanges, AfterViewInit, QuizQuestionEdit {
+    private dragAndDropQuestionUtil = inject(DragAndDropQuestionUtil);
+    private modalService = inject(NgbModal);
+    private changeDetector = inject(ChangeDetectorRef);
+    private fileService = inject(FileService);
+
     @ViewChild('clickLayer', { static: false }) private clickLayer: ElementRef;
     @ViewChild('backgroundImage ', { static: false }) private backgroundImage: SecuredImageComponent;
     @ViewChild('markdownEditor', { static: false }) private markdownEditor: MarkdownEditorMonacoComponent;
@@ -131,13 +164,6 @@ export class DragAndDropQuestionEditComponent implements OnInit, OnChanges, Afte
 
     readonly MAX_POINTS = MAX_QUIZ_QUESTION_POINTS;
 
-    constructor(
-        private dragAndDropQuestionUtil: DragAndDropQuestionUtil,
-        private modalService: NgbModal,
-        private changeDetector: ChangeDetectorRef,
-        private fileService: FileService,
-    ) {}
-
     /**
      * Actions when initializing component.
      */
diff --git a/src/main/webapp/app/exercises/quiz/manage/match-percentage-info-modal/match-percentage-info-modal.component.ts b/src/main/webapp/app/exercises/quiz/manage/match-percentage-info-modal/match-percentage-info-modal.component.ts
index 447ea315e40b..07f4c1477bfd 100644
--- a/src/main/webapp/app/exercises/quiz/manage/match-percentage-info-modal/match-percentage-info-modal.component.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/match-percentage-info-modal/match-percentage-info-modal.component.ts
@@ -1,15 +1,19 @@
-import { Component } from '@angular/core';
+import { Component, inject } from '@angular/core';
 import { faQuestionCircle } from '@fortawesome/free-regular-svg-icons';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 @Component({
     selector: 'jhi-match-percentage-info-modal',
     templateUrl: './match-percentage-info-modal.component.html',
+    imports: [TranslateDirective, FaIconComponent],
 })
 export class MatchPercentageInfoModalComponent {
+    private modalService = inject(NgbModal);
+
     // Icons
     farQuestionCircle = faQuestionCircle;
-    constructor(private modalService: NgbModal) {}
 
     /**
      * Open a large modal with the given content.
diff --git a/src/main/webapp/app/exercises/quiz/manage/multiple-choice-question/multiple-choice-question-edit.component.ts b/src/main/webapp/app/exercises/quiz/manage/multiple-choice-question/multiple-choice-question-edit.component.ts
index 553aa5f3edf8..5d917c4a0c49 100644
--- a/src/main/webapp/app/exercises/quiz/manage/multiple-choice-question/multiple-choice-question-edit.component.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/multiple-choice-question/multiple-choice-question-edit.component.ts
@@ -1,8 +1,9 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, OnInit, Output, ViewChild, ViewEncapsulation } from '@angular/core';
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, OnInit, Output, ViewChild, ViewEncapsulation, inject } from '@angular/core';
+import { NgbCollapse, NgbModal, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 import { AnswerOption } from 'app/entities/quiz/answer-option.model';
 import { MultipleChoiceQuestion } from 'app/entities/quiz/multiple-choice-question.model';
 import { QuizQuestionEdit } from 'app/exercises/quiz/manage/quiz-question-edit.interface';
+import { MultipleChoiceQuestionComponent } from 'app/exercises/quiz/shared/questions/multiple-choice-question/multiple-choice-question.component';
 import { generateExerciseHintExplanation } from 'app/shared/util/markdown.util';
 import { faAngleDown, faAngleRight, faQuestionCircle, faTrash } from '@fortawesome/free-solid-svg-icons';
 import { ScoringType } from 'app/entities/quiz/quiz-question.model';
@@ -13,6 +14,11 @@ import { CorrectMultipleChoiceAnswerAction } from 'app/shared/monaco-editor/mode
 import { QuizExplanationAction } from 'app/shared/monaco-editor/model/actions/quiz/quiz-explanation.action';
 import { MarkdownEditorMonacoComponent, TextWithDomainAction } from 'app/shared/markdown-editor/monaco/markdown-editor-monaco.component';
 import { MultipleChoiceVisualQuestionComponent } from 'app/exercises/quiz/shared/questions/multiple-choice-question/multiple-choice-visual-question.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { FormsModule } from '@angular/forms';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { QuizScoringInfoModalComponent } from '../quiz-scoring-info-modal/quiz-scoring-info-modal.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-multiple-choice-question-edit',
@@ -20,8 +26,23 @@ import { MultipleChoiceVisualQuestionComponent } from 'app/exercises/quiz/shared
     styleUrls: ['../quiz-exercise.scss', '../../shared/quiz.scss'],
     encapsulation: ViewEncapsulation.None,
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [
+        FaIconComponent,
+        FormsModule,
+        TranslateDirective,
+        NgbCollapse,
+        QuizScoringInfoModalComponent,
+        NgbTooltip,
+        MarkdownEditorMonacoComponent,
+        MultipleChoiceQuestionComponent,
+        MultipleChoiceVisualQuestionComponent,
+        ArtemisTranslatePipe,
+    ],
 })
 export class MultipleChoiceQuestionEditComponent implements OnInit, QuizQuestionEdit {
+    private modalService = inject(NgbModal);
+    private changeDetector = inject(ChangeDetectorRef);
+
     @ViewChild('markdownEditor', { static: false })
     private markdownEditor: MarkdownEditorMonacoComponent;
 
@@ -63,11 +84,6 @@ export class MultipleChoiceQuestionEditComponent implements OnInit, QuizQuestion
 
     readonly MAX_POINTS = MAX_QUIZ_QUESTION_POINTS;
 
-    constructor(
-        private modalService: NgbModal,
-        private changeDetector: ChangeDetectorRef,
-    ) {}
-
     /**
      * Init the question editor text by parsing the markdown.
      */
diff --git a/src/main/webapp/app/exercises/quiz/manage/quiz-confirm-import-invalid-questions-modal.component.ts b/src/main/webapp/app/exercises/quiz/manage/quiz-confirm-import-invalid-questions-modal.component.ts
index 9c690f072e19..a4bb1ee35156 100644
--- a/src/main/webapp/app/exercises/quiz/manage/quiz-confirm-import-invalid-questions-modal.component.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/quiz-confirm-import-invalid-questions-modal.component.ts
@@ -1,21 +1,26 @@
-import { Component, EventEmitter } from '@angular/core';
+import { Component, EventEmitter, inject } from '@angular/core';
 import { faBan, faExclamationTriangle, faTimes } from '@fortawesome/free-solid-svg-icons';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { ValidationReason } from 'app/entities/exercise.model';
+import { FormsModule } from '@angular/forms';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { JsonPipe } from '@angular/common';
 
 @Component({
     selector: 'jhi-quiz-confirm-import-invalid-questions-modal',
     templateUrl: './quiz-confirm-import-invalid-questions-modal.component.html',
     styleUrls: ['./quiz-confirm-import-invalid-questions-modal.scss'],
+    imports: [FormsModule, TranslateDirective, FaIconComponent, JsonPipe],
 })
 export class QuizConfirmImportInvalidQuestionsModalComponent {
+    activeModal = inject(NgbActiveModal);
+
     // Icons
     faBan = faBan;
     faTimes = faTimes;
     faExclamationTriangle = faExclamationTriangle;
 
-    constructor(public activeModal: NgbActiveModal) {}
-
     invalidFlaggedQuestions: ValidationReason[];
     shouldImport: EventEmitter<void> = new EventEmitter<void>();
 
diff --git a/src/main/webapp/app/exercises/quiz/manage/quiz-exercise-create-buttons.component.ts b/src/main/webapp/app/exercises/quiz/manage/quiz-exercise-create-buttons.component.ts
index 80924d7e8254..fb7b697885cd 100644
--- a/src/main/webapp/app/exercises/quiz/manage/quiz-exercise-create-buttons.component.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/quiz-exercise-create-buttons.component.ts
@@ -1,17 +1,23 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, inject } from '@angular/core';
 import { Course } from 'app/entities/course.model';
 import { faCheckDouble, faFileExport, faFileImport, faPlus } from '@fortawesome/free-solid-svg-icons';
 import { ExerciseImportWrapperComponent } from 'app/exercises/shared/import/exercise-import-wrapper/exercise-import-wrapper.component';
 import { ExerciseType } from 'app/entities/exercise.model';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
-import { Router } from '@angular/router';
+import { Router, RouterLink } from '@angular/router';
 import { QuizExercise } from 'app/entities/quiz/quiz-exercise.model';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
     selector: 'jhi-quiz-exercise-create-buttons',
     templateUrl: './quiz-exercise-create-buttons.component.html',
+    imports: [RouterLink, FaIconComponent, TranslateDirective],
 })
 export class QuizExerciseCreateButtonsComponent {
+    private router = inject(Router);
+    private modalService = inject(NgbModal);
+
     @Input() course: Course;
 
     @Input() quizExercisesCount: number;
@@ -21,11 +27,6 @@ export class QuizExerciseCreateButtonsComponent {
     faFileExport = faFileExport;
     faCheckDouble = faCheckDouble;
 
-    constructor(
-        private router: Router,
-        private modalService: NgbModal,
-    ) {}
-
     /**
      * Opens the import modal for a quiz exercise
      */
diff --git a/src/main/webapp/app/exercises/quiz/manage/quiz-exercise-detail.component.ts b/src/main/webapp/app/exercises/quiz/manage/quiz-exercise-detail.component.ts
index 77166e7bfb2b..e12d777b0826 100644
--- a/src/main/webapp/app/exercises/quiz/manage/quiz-exercise-detail.component.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/quiz-exercise-detail.component.ts
@@ -1,5 +1,6 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
+import { ExerciseDetailStatisticsComponent } from 'app/exercises/shared/statistics/exercise-detail-statistics.component';
 import dayjs from 'dayjs/esm';
 import { QuizExerciseService } from 'app/exercises/quiz/manage/quiz-exercise.service';
 import { QuizExercise } from 'app/entities/quiz/quiz-exercise.model';
@@ -13,12 +14,30 @@ import { ExerciseManagementStatisticsDto } from 'app/exercises/shared/statistics
 import { StatisticsService } from 'app/shared/statistics-graph/statistics.service';
 import { TranslateService } from '@ngx-translate/core';
 import { QuizQuestionType } from 'app/entities/quiz/quiz-question.model';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { DocumentationButtonComponent } from 'app/shared/components/documentation-button/documentation-button.component';
+import { QuizExerciseManageButtonsComponent } from './quiz-exercise-manage-buttons.component';
+import { QuizExerciseLifecycleButtonsComponent } from './quiz-exercise-lifecycle-buttons.component';
+import { DetailOverviewListComponent } from 'app/detail-overview-list/detail-overview-list.component';
 
 @Component({
     selector: 'jhi-quiz-exercise-detail',
     templateUrl: './quiz-exercise-detail.component.html',
+    imports: [
+        TranslateDirective,
+        DocumentationButtonComponent,
+        QuizExerciseManageButtonsComponent,
+        QuizExerciseLifecycleButtonsComponent,
+        ExerciseDetailStatisticsComponent,
+        DetailOverviewListComponent,
+    ],
 })
 export class QuizExerciseDetailComponent implements OnInit {
+    private route = inject(ActivatedRoute);
+    private quizExerciseService = inject(QuizExerciseService);
+    private statisticsService = inject(StatisticsService);
+    private translateService = inject(TranslateService);
+
     readonly documentationType: DocumentationType = 'Quiz';
     readonly dayjs = dayjs;
 
@@ -33,13 +52,6 @@ export class QuizExerciseDetailComponent implements OnInit {
 
     detailOverviewSections: DetailOverviewSection[];
 
-    constructor(
-        private route: ActivatedRoute,
-        private quizExerciseService: QuizExerciseService,
-        private statisticsService: StatisticsService,
-        private translateService: TranslateService,
-    ) {}
-
     /**
      * Load the quizzes of the course for export on init.
      */
diff --git a/src/main/webapp/app/exercises/quiz/manage/quiz-exercise-export.component.ts b/src/main/webapp/app/exercises/quiz/manage/quiz-exercise-export.component.ts
index 149419c039ca..816f33e08c60 100644
--- a/src/main/webapp/app/exercises/quiz/manage/quiz-exercise-export.component.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/quiz-exercise-export.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { TranslateService } from '@ngx-translate/core';
@@ -10,26 +10,27 @@ import { CourseManagementService } from 'app/course/manage/course-management.ser
 import { QuizQuestion } from 'app/entities/quiz/quiz-question.model';
 import { Course } from 'app/entities/course.model';
 import { onError } from 'app/shared/util/global.utils';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FormsModule } from '@angular/forms';
 
 @Component({
     selector: 'jhi-quiz-exercise-export',
     templateUrl: './quiz-exercise-export.component.html',
     styleUrls: ['./quiz-exercise-export.component.scss', '../shared/quiz.scss'],
+    imports: [TranslateDirective, FormsModule],
 })
 export class QuizExerciseExportComponent implements OnInit {
+    private route = inject(ActivatedRoute);
+    private quizExerciseService = inject(QuizExerciseService);
+    private courseService = inject(CourseManagementService);
+    private alertService = inject(AlertService);
+    private router = inject(Router);
+    private translateService = inject(TranslateService);
+
     questions: QuizQuestion[] = new Array(0);
     courseId: number;
     course: Course;
 
-    constructor(
-        private route: ActivatedRoute,
-        private quizExerciseService: QuizExerciseService,
-        private courseService: CourseManagementService,
-        private alertService: AlertService,
-        private router: Router,
-        private translateService: TranslateService,
-    ) {}
-
     /**
      * Load the quizzes of the course for export on init.
      */
diff --git a/src/main/webapp/app/exercises/quiz/manage/quiz-exercise-lifecycle-buttons.component.ts b/src/main/webapp/app/exercises/quiz/manage/quiz-exercise-lifecycle-buttons.component.ts
index 8732f2f297ff..bbd9a2b84872 100644
--- a/src/main/webapp/app/exercises/quiz/manage/quiz-exercise-lifecycle-buttons.component.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/quiz-exercise-lifecycle-buttons.component.ts
@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Component, EventEmitter, Input, Output, inject } from '@angular/core';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { QuizExercise, QuizMode, QuizStatus } from 'app/entities/quiz/quiz-exercise.model';
 import { QuizExerciseService } from './quiz-exercise.service';
@@ -6,12 +6,19 @@ import { ActionType } from 'app/shared/delete-dialog/delete-dialog.model';
 import { AlertService } from 'app/core/util/alert.service';
 import { faEye, faFileExport, faPlayCircle, faPlus, faSignal, faSort, faStopCircle, faTable, faTimes, faWrench } from '@fortawesome/free-solid-svg-icons';
 import { Subject } from 'rxjs';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
 
 @Component({
     selector: 'jhi-quiz-exercise-lifecycle-buttons',
     templateUrl: './quiz-exercise-lifecycle-buttons.component.html',
+    imports: [FaIconComponent, TranslateDirective, DeleteButtonDirective],
 })
 export class QuizExerciseLifecycleButtonsComponent {
+    private quizExerciseService = inject(QuizExerciseService);
+    private alertService = inject(AlertService);
+
     protected readonly QuizMode = QuizMode;
     protected readonly QuizStatus = QuizStatus;
     protected readonly ActionType = ActionType;
@@ -40,11 +47,6 @@ export class QuizExerciseLifecycleButtonsComponent {
     @Output()
     handleNewQuizExercise = new EventEmitter<QuizExercise>();
 
-    constructor(
-        private quizExerciseService: QuizExerciseService,
-        private alertService: AlertService,
-    ) {}
-
     /**
      * Set the quiz open for practice
      */
diff --git a/src/main/webapp/app/exercises/quiz/manage/quiz-exercise-manage-buttons.component.ts b/src/main/webapp/app/exercises/quiz/manage/quiz-exercise-manage-buttons.component.ts
index 3575e81897b1..b7184d99cbe9 100644
--- a/src/main/webapp/app/exercises/quiz/manage/quiz-exercise-manage-buttons.component.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/quiz-exercise-manage-buttons.component.ts
@@ -1,8 +1,8 @@
-import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { Component, EventEmitter, Input, OnInit, Output, inject } from '@angular/core';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { QuizExercise } from 'app/entities/quiz/quiz-exercise.model';
 import { QuizExerciseService } from './quiz-exercise.service';
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 import { ActionType } from 'app/shared/delete-dialog/delete-dialog.model';
 import { ExerciseService } from 'app/exercises/shared/exercise/exercise.service';
 import { AlertService } from 'app/core/util/alert.service';
@@ -10,12 +10,24 @@ import { EventManager } from 'app/core/util/event-manager.service';
 import { faClipboardCheck, faEye, faFileExport, faListAlt, faSignal, faTable, faTrash, faUndo, faWrench } from '@fortawesome/free-solid-svg-icons';
 import { Subject } from 'rxjs';
 import { ButtonSize, ButtonType } from 'app/shared/components/button.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ButtonComponent } from 'app/shared/components/button.component';
+import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
 
 @Component({
     selector: 'jhi-quiz-exercise-manage-buttons',
     templateUrl: './quiz-exercise-manage-buttons.component.html',
+    imports: [RouterLink, FaIconComponent, TranslateDirective, ButtonComponent, DeleteButtonDirective],
 })
 export class QuizExerciseManageButtonsComponent implements OnInit {
+    private quizExerciseService = inject(QuizExerciseService);
+    private eventManager = inject(EventManager);
+    private alertService = inject(AlertService);
+    private exerciseService = inject(ExerciseService);
+    private route = inject(ActivatedRoute);
+    private router = inject(Router);
+
     protected readonly ActionType = ActionType;
     readonly faEye = faEye;
     readonly faSignal = faSignal;
@@ -40,15 +52,6 @@ export class QuizExerciseManageButtonsComponent implements OnInit {
     baseUrl: string;
     isEvaluatingQuizExercise: boolean;
 
-    constructor(
-        private quizExerciseService: QuizExerciseService,
-        private eventManager: EventManager,
-        private alertService: AlertService,
-        private exerciseService: ExerciseService,
-        private route: ActivatedRoute,
-        private router: Router,
-    ) {}
-
     @Input()
     isDetailPage: boolean;
 
diff --git a/src/main/webapp/app/exercises/quiz/manage/quiz-exercise-paging.service.ts b/src/main/webapp/app/exercises/quiz/manage/quiz-exercise-paging.service.ts
index 305f36c48fbb..1dfaa760e998 100644
--- a/src/main/webapp/app/exercises/quiz/manage/quiz-exercise-paging.service.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/quiz-exercise-paging.service.ts
@@ -1,12 +1,15 @@
 import { HttpClient } from '@angular/common/http';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { QuizExercise } from 'app/entities/quiz/quiz-exercise.model';
 import { ExercisePagingService } from 'app/exercises/shared/manage/exercise-paging.service';
 
 @Injectable({ providedIn: 'root' })
 export class QuizExercisePagingService extends ExercisePagingService<QuizExercise> {
     private static readonly RESOURCE_URL = 'api/quiz-exercises';
-    constructor(http: HttpClient) {
+
+    constructor() {
+        const http = inject(HttpClient);
+
         super(http, QuizExercisePagingService.RESOURCE_URL);
     }
 }
diff --git a/src/main/webapp/app/exercises/quiz/manage/quiz-exercise-popup.service.ts b/src/main/webapp/app/exercises/quiz/manage/quiz-exercise-popup.service.ts
index dcbfdc19ae4f..a16d2d65df21 100644
--- a/src/main/webapp/app/exercises/quiz/manage/quiz-exercise-popup.service.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/quiz-exercise-popup.service.ts
@@ -1,4 +1,4 @@
-import { Component, Injectable } from '@angular/core';
+import { Component, Injectable, inject } from '@angular/core';
 import { Router } from '@angular/router';
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { QuizExerciseService } from './quiz-exercise.service';
@@ -6,13 +6,13 @@ import { QuizExercise } from 'app/entities/quiz/quiz-exercise.model';
 
 @Injectable({ providedIn: 'root' })
 export class QuizExercisePopupService {
+    private modalService = inject(NgbModal);
+    private router = inject(Router);
+    private quizExerciseService = inject(QuizExerciseService);
+
     private ngbModalRef: NgbModalRef | null;
 
-    constructor(
-        private modalService: NgbModal,
-        private router: Router,
-        private quizExerciseService: QuizExerciseService,
-    ) {
+    constructor() {
         this.ngbModalRef = null;
     }
 
diff --git a/src/main/webapp/app/exercises/quiz/manage/quiz-exercise-update.component.ts b/src/main/webapp/app/exercises/quiz/manage/quiz-exercise-update.component.ts
index 0c03bd54d888..1e9e3761cb47 100644
--- a/src/main/webapp/app/exercises/quiz/manage/quiz-exercise-update.component.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/quiz-exercise-update.component.ts
@@ -1,4 +1,7 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnChanges, OnInit, SimpleChanges, ViewChild, ViewEncapsulation } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnChanges, OnInit, SimpleChanges, ViewChild, ViewEncapsulation, inject } from '@angular/core';
+import { DifficultyPickerComponent } from 'app/exercises/shared/difficulty-picker/difficulty-picker.component';
+import { ExerciseTitleChannelNameComponent } from 'app/exercises/shared/exercise-title-channel-name/exercise-title-channel-name.component';
+import { IncludedInOverallScorePickerComponent } from 'app/exercises/shared/included-in-overall-score-picker/included-in-overall-score-picker.component';
 import { QuizExerciseService } from './quiz-exercise.service';
 import { ActivatedRoute, Router } from '@angular/router';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
@@ -8,7 +11,7 @@ import { DragAndDropQuestionUtil } from 'app/exercises/quiz/shared/drag-and-drop
 import { ShortAnswerQuestionUtil } from 'app/exercises/quiz/shared/short-answer-question-util.service';
 import { TranslateService } from '@ngx-translate/core';
 import { Duration } from './quiz-exercise-interfaces';
-import { NgbDate, NgbModal, NgbModalOptions, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
+import { NgbDate, NgbModal, NgbModalOptions, NgbModalRef, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 import dayjs from 'dayjs/esm';
 import { AlertService } from 'app/core/util/alert.service';
 import { ComponentCanDeactivate } from 'app/shared/guard/can-deactivate.model';
@@ -33,6 +36,17 @@ import { QuizQuestionListEditComponent } from 'app/exercises/quiz/manage/quiz-qu
 import { DragAndDropQuestion } from 'app/entities/quiz/drag-and-drop-question.model';
 import { GenericConfirmationDialogComponent } from 'app/overview/course-conversations/dialogs/generic-confirmation-dialog/generic-confirmation-dialog.component';
 import { ShortAnswerQuestion } from 'app/entities/quiz/short-answer-question.model';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { DocumentationButtonComponent } from 'app/shared/components/documentation-button/documentation-button.component';
+import { FormsModule } from '@angular/forms';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { CategorySelectorComponent } from 'app/shared/category-selector/category-selector.component';
+import { FormDateTimePickerComponent } from 'app/shared/date-time-picker/date-time-picker.component';
+import { ButtonComponent } from 'app/shared/components/button.component';
+import { CompetencySelectionComponent } from 'app/shared/competency-selection/competency-selection.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { JsonPipe, NgClass } from '@angular/common';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-quiz-exercise-detail',
@@ -41,8 +55,39 @@ import { ShortAnswerQuestion } from 'app/entities/quiz/short-answer-question.mod
     providers: [DragAndDropQuestionUtil, ShortAnswerQuestionUtil],
     styleUrls: ['./quiz-exercise-update.component.scss', '../shared/quiz.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [
+        TranslateDirective,
+        DocumentationButtonComponent,
+        FormsModule,
+        ExerciseTitleChannelNameComponent,
+        HelpIconComponent,
+        CategorySelectorComponent,
+        DifficultyPickerComponent,
+        FormDateTimePickerComponent,
+        ButtonComponent,
+        IncludedInOverallScorePickerComponent,
+        CompetencySelectionComponent,
+        QuizQuestionListEditComponent,
+        NgbTooltip,
+        FaIconComponent,
+        NgClass,
+        JsonPipe,
+        ArtemisTranslatePipe,
+    ],
 })
 export class QuizExerciseUpdateComponent extends QuizExerciseValidationDirective implements OnInit, OnChanges, ComponentCanDeactivate {
+    private route = inject(ActivatedRoute);
+    private courseService = inject(CourseManagementService);
+    private quizExerciseService = inject(QuizExerciseService);
+    private router = inject(Router);
+    private translateService = inject(TranslateService);
+    private exerciseService = inject(ExerciseService);
+    private alertService = inject(AlertService);
+    private changeDetector = inject(ChangeDetectorRef);
+    private exerciseGroupService = inject(ExerciseGroupService);
+    private navigationUtilService = inject(ArtemisNavigationUtilService);
+    private modalService = inject(NgbModal);
+
     @ViewChild('quizQuestionsEdit')
     quizQuestionListEditComponent: QuizQuestionListEditComponent;
 
@@ -101,24 +146,6 @@ export class QuizExerciseUpdateComponent extends QuizExerciseValidationDirective
         centered: true,
     };
 
-    constructor(
-        private route: ActivatedRoute,
-        private courseService: CourseManagementService,
-        private quizExerciseService: QuizExerciseService,
-        private router: Router,
-        private translateService: TranslateService,
-        private exerciseService: ExerciseService,
-        private alertService: AlertService,
-        public changeDetector: ChangeDetectorRef,
-        private exerciseGroupService: ExerciseGroupService,
-        private navigationUtilService: ArtemisNavigationUtilService,
-        dragAndDropQuestionUtil: DragAndDropQuestionUtil,
-        shortAnswerQuestionUtil: ShortAnswerQuestionUtil,
-        private modalService: NgbModal,
-    ) {
-        super(dragAndDropQuestionUtil, shortAnswerQuestionUtil);
-    }
-
     /**
      * Initialize variables and load course and quiz from server.
      */
diff --git a/src/main/webapp/app/exercises/quiz/manage/quiz-exercise-validation.directive.ts b/src/main/webapp/app/exercises/quiz/manage/quiz-exercise-validation.directive.ts
index c32fa0d96453..a476655f060c 100644
--- a/src/main/webapp/app/exercises/quiz/manage/quiz-exercise-validation.directive.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/quiz-exercise-validation.directive.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, Directive } from '@angular/core';
+import { ChangeDetectorRef, Directive, inject } from '@angular/core';
 import { QuizExercise, QuizMode } from 'app/entities/quiz/quiz-exercise.model';
 import { QuizQuestion, QuizQuestionType } from 'app/entities/quiz/quiz-question.model';
 import { MultipleChoiceQuestion } from 'app/entities/quiz/multiple-choice-question.model';
@@ -16,6 +16,9 @@ import { ShortAnswerQuestionUtil } from 'app/exercises/quiz/shared/short-answer-
 
 @Directive()
 export abstract class QuizExerciseValidationDirective {
+    protected dragAndDropQuestionUtil = inject(DragAndDropQuestionUtil);
+    protected shortAnswerQuestionUtil = inject(ShortAnswerQuestionUtil);
+
     // Make constants available to html for comparison
     readonly DRAG_AND_DROP = QuizQuestionType.DRAG_AND_DROP;
     readonly MULTIPLE_CHOICE = QuizQuestionType.MULTIPLE_CHOICE;
@@ -37,11 +40,6 @@ export abstract class QuizExerciseValidationDirective {
     protected invalidFlaggedQuestions: InvalidFlaggedQuestions = {};
     pendingChangesCache: boolean;
 
-    protected constructor(
-        protected dragAndDropQuestionUtil: DragAndDropQuestionUtil,
-        protected shortAnswerQuestionUtil: ShortAnswerQuestionUtil,
-    ) {}
-
     /**
      * 1. Check whether the inputs in the quiz are valid
      * 2. Check if warning are needed for the inputs
diff --git a/src/main/webapp/app/exercises/quiz/manage/quiz-exercise.component.ts b/src/main/webapp/app/exercises/quiz/manage/quiz-exercise.component.ts
index 22ac2e1a7685..3b219c2f8626 100644
--- a/src/main/webapp/app/exercises/quiz/manage/quiz-exercise.component.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/quiz-exercise.component.ts
@@ -10,10 +10,34 @@ import { ExerciseService } from 'app/exercises/shared/exercise/exercise.service'
 import { AlertService } from 'app/core/util/alert.service';
 import { faSort, faTrash } from '@fortawesome/free-solid-svg-icons';
 import { isQuizEditable } from 'app/exercises/quiz/shared/quiz-manage-util.service';
+import { SortDirective } from 'app/shared/sort/sort.directive';
+import { FormsModule } from '@angular/forms';
+import { SortByDirective } from 'app/shared/sort/sort-by.directive';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { RouterLink } from '@angular/router';
+import { QuizExerciseLifecycleButtonsComponent } from './quiz-exercise-lifecycle-buttons.component';
+import { ExerciseCategoriesComponent } from 'app/shared/exercise-categories/exercise-categories.component';
+import { QuizExerciseManageButtonsComponent } from './quiz-exercise-manage-buttons.component';
+import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
 
 @Component({
     selector: 'jhi-quiz-exercise',
     templateUrl: './quiz-exercise.component.html',
+    imports: [
+        SortDirective,
+        FormsModule,
+        SortByDirective,
+        TranslateDirective,
+        FaIconComponent,
+        RouterLink,
+        QuizExerciseLifecycleButtonsComponent,
+        ExerciseCategoriesComponent,
+        QuizExerciseManageButtonsComponent,
+        DeleteButtonDirective,
+        ArtemisDatePipe,
+    ],
 })
 export class QuizExerciseComponent extends ExerciseComponent {
     protected exerciseService = inject(ExerciseService);
diff --git a/src/main/webapp/app/exercises/quiz/manage/quiz-exercise.service.ts b/src/main/webapp/app/exercises/quiz/manage/quiz-exercise.service.ts
index 91a252bd6eb3..6a3dfb64b5c9 100644
--- a/src/main/webapp/app/exercises/quiz/manage/quiz-exercise.service.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/quiz-exercise.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { map } from 'rxjs/operators';
@@ -17,13 +17,11 @@ export type EntityArrayResponseType = HttpResponse<QuizExercise[]>;
 
 @Injectable({ providedIn: 'root' })
 export class QuizExerciseService {
+    private http = inject(HttpClient);
+    private exerciseService = inject(ExerciseService);
+    private fileService = inject(FileService);
     private resourceUrl = 'api/quiz-exercises';
 
-    constructor(
-        private http: HttpClient,
-        private exerciseService: ExerciseService,
-    ) {}
-
     /**
      * Create the given quiz exercise
      * @param quizExercise the quiz exercise that should be created
@@ -297,8 +295,7 @@ export class QuizExerciseService {
      * @param filePath the internal path of the file to be fetched
      */
     async fetchFilePromise(fileName: string, zip: JSZip, filePath: string) {
-        const fileService = new FileService(this.http);
-        return fileService
+        return this.fileService
             .getFile(filePath)
             .then((fileResult) => {
                 zip.file(fileName, fileResult);
diff --git a/src/main/webapp/app/exercises/quiz/manage/quiz-management.module.ts b/src/main/webapp/app/exercises/quiz/manage/quiz-management.module.ts
index 829eae9fbb76..a2cbf264690a 100644
--- a/src/main/webapp/app/exercises/quiz/manage/quiz-management.module.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/quiz-management.module.ts
@@ -1,7 +1,7 @@
 import { NgModule } from '@angular/core';
-import { MultipleChoiceQuestionEditComponent } from './multiple-choice-question/multiple-choice-question-edit.component';
-import { DragAndDropQuestionEditComponent } from './drag-and-drop-question/drag-and-drop-question-edit.component';
-import { ShortAnswerQuestionEditComponent } from './short-answer-question/short-answer-question-edit.component';
+import { MultipleChoiceQuestionEditComponent } from 'app/exercises/quiz/manage/multiple-choice-question/multiple-choice-question-edit.component';
+import { DragAndDropQuestionEditComponent } from 'app/exercises/quiz/manage/drag-and-drop-question/drag-and-drop-question-edit.component';
+import { ShortAnswerQuestionEditComponent } from 'app/exercises/quiz/manage/short-answer-question/short-answer-question-edit.component';
 import { ArtemisMarkdownEditorModule } from 'app/shared/markdown-editor/markdown-editor.module';
 import { DragDropModule } from '@angular/cdk/drag-drop';
 import { QuizScoringInfoModalComponent } from './quiz-scoring-info-modal/quiz-scoring-info-modal.component';
@@ -27,7 +27,7 @@ import { QuizConfirmImportInvalidQuestionsModalComponent } from 'app/exercises/q
 import { ArtemisIncludedInOverallScorePickerModule } from 'app/exercises/shared/included-in-overall-score-picker/included-in-overall-score-picker.module';
 import { MatchPercentageInfoModalComponent } from 'app/exercises/quiz/manage/match-percentage-info-modal/match-percentage-info-modal.component';
 import { ArtemisMarkdownModule } from 'app/shared/markdown.module';
-import { FitTextModule } from 'app/exercises/quiz/shared/fit-text/fit-text.module';
+
 import { ArtemisSharedComponentModule } from 'app/shared/components/shared-component.module';
 import { ExerciseCategoriesModule } from 'app/shared/exercise-categories/exercise-categories.module';
 import { QuizPoolMappingComponent } from 'app/exercises/quiz/manage/quiz-pool-mapping.component';
@@ -59,14 +59,11 @@ const ENTITY_STATES = [...quizManagementRoute];
         ArtemisIncludedInOverallScorePickerModule,
         ArtemisQuizParticipationModule,
         ArtemisMarkdownModule,
-        FitTextModule,
         ArtemisSharedComponentModule,
         ExerciseCategoriesModule,
         ExerciseTitleChannelNameModule,
         DetailModule,
         ArtemisExerciseModule,
-    ],
-    declarations: [
         QuizExerciseManageButtonsComponent,
         QuizExerciseComponent,
         QuizExerciseCreateButtonsComponent,
diff --git a/src/main/webapp/app/exercises/quiz/manage/quiz-management.route.ts b/src/main/webapp/app/exercises/quiz/manage/quiz-management.route.ts
index 8a7967a5c9c1..f80fb864a44b 100644
--- a/src/main/webapp/app/exercises/quiz/manage/quiz-management.route.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/quiz-management.route.ts
@@ -1,12 +1,9 @@
 import { Routes } from '@angular/router';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
-import { QuizExerciseUpdateComponent } from './quiz-exercise-update.component';
-import { QuizExerciseExportComponent } from './quiz-exercise-export.component';
+
 import { PendingChangesGuard } from 'app/shared/guard/pending-changes.guard';
-import { QuizReEvaluateComponent } from 'app/exercises/quiz/manage/re-evaluate/quiz-re-evaluate.component';
-import { QuizParticipationComponent } from 'app/exercises/quiz/participate/quiz-participation.component';
+
 import { Authority } from 'app/shared/constants/authority.constants';
-import { QuizExerciseDetailComponent } from 'app/exercises/quiz/manage/quiz-exercise-detail.component';
 
 export const quizManagementRoute: Routes = [
     {
@@ -15,7 +12,7 @@ export const quizManagementRoute: Routes = [
     },
     {
         path: ':courseId/quiz-exercises/new',
-        component: QuizExerciseUpdateComponent,
+        loadComponent: () => import('./quiz-exercise-update.component').then((m) => m.QuizExerciseUpdateComponent),
         data: {
             authorities: [Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.quizExercise.home.title',
@@ -25,7 +22,7 @@ export const quizManagementRoute: Routes = [
     },
     {
         path: ':courseId/quiz-exercises/export',
-        component: QuizExerciseExportComponent,
+        loadComponent: () => import('./quiz-exercise-export.component').then((m) => m.QuizExerciseExportComponent),
         data: {
             authorities: [Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.quizExercise.home.title',
@@ -34,7 +31,7 @@ export const quizManagementRoute: Routes = [
     },
     {
         path: ':courseId/quiz-exercises/:exerciseId',
-        component: QuizExerciseDetailComponent,
+        loadComponent: () => import('app/exercises/quiz/manage/quiz-exercise-detail.component').then((m) => m.QuizExerciseDetailComponent),
         data: {
             authorities: [Authority.TA, Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.quizExercise.home.title',
@@ -43,7 +40,7 @@ export const quizManagementRoute: Routes = [
     },
     {
         path: ':courseId/quiz-exercises/:exerciseId/re-evaluate',
-        component: QuizReEvaluateComponent,
+        loadComponent: () => import('app/exercises/quiz/manage/re-evaluate/quiz-re-evaluate.component').then((m) => m.QuizReEvaluateComponent),
         data: {
             authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.quizExercise.home.title',
@@ -52,7 +49,7 @@ export const quizManagementRoute: Routes = [
     },
     {
         path: ':courseId/quiz-exercises/:exerciseId/edit',
-        component: QuizExerciseUpdateComponent,
+        loadComponent: () => import('./quiz-exercise-update.component').then((m) => m.QuizExerciseUpdateComponent),
         data: {
             authorities: [Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.quizExercise.home.title',
@@ -62,7 +59,7 @@ export const quizManagementRoute: Routes = [
     },
     {
         path: ':courseId/quiz-exercises/:exerciseId/import',
-        component: QuizExerciseUpdateComponent,
+        loadComponent: () => import('./quiz-exercise-update.component').then((m) => m.QuizExerciseUpdateComponent),
         data: {
             authorities: [Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.quizExercise.home.importLabel',
@@ -72,7 +69,7 @@ export const quizManagementRoute: Routes = [
     },
     {
         path: ':courseId/quiz-exercises/:exerciseId/preview',
-        component: QuizParticipationComponent,
+        loadComponent: () => import('app/exercises/quiz/participate/quiz-participation.component').then((m) => m.QuizParticipationComponent),
         data: {
             authorities: [Authority.TA, Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.quizExercise.home.title',
@@ -82,7 +79,7 @@ export const quizManagementRoute: Routes = [
     },
     {
         path: ':courseId/quiz-exercises/:exerciseId/solution',
-        component: QuizParticipationComponent,
+        loadComponent: () => import('app/exercises/quiz/participate/quiz-participation.component').then((m) => m.QuizParticipationComponent),
         data: {
             authorities: [Authority.TA, Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.quizExercise.home.title',
diff --git a/src/main/webapp/app/exercises/quiz/manage/quiz-pool-mapping-question-list.component.ts b/src/main/webapp/app/exercises/quiz/manage/quiz-pool-mapping-question-list.component.ts
index 11f72daf4686..23d73f2b23cd 100644
--- a/src/main/webapp/app/exercises/quiz/manage/quiz-pool-mapping-question-list.component.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/quiz-pool-mapping-question-list.component.ts
@@ -1,13 +1,14 @@
 import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
 import { QuizQuestion } from 'app/entities/quiz/quiz-question.model';
 import { QuizQuestionType } from 'app/entities/quiz/quiz-question.model';
-import { CdkDragDrop, moveItemInArray, transferArrayItem } from '@angular/cdk/drag-drop';
+import { CdkDrag, CdkDragDrop, CdkDropList, moveItemInArray, transferArrayItem } from '@angular/cdk/drag-drop';
 
 @Component({
     selector: 'jhi-quiz-pool-mapping-question-list',
     templateUrl: './quiz-pool-mapping-question-list.component.html',
     styleUrls: ['./quiz-pool-mapping-question-list.component.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [CdkDropList, CdkDrag],
 })
 export class QuizPoolMappingQuestionListComponent {
     @Input() quizQuestions: Array<QuizQuestion>;
diff --git a/src/main/webapp/app/exercises/quiz/manage/quiz-pool-mapping.component.ts b/src/main/webapp/app/exercises/quiz/manage/quiz-pool-mapping.component.ts
index e4fd431ab46f..abb33d0ab04e 100644
--- a/src/main/webapp/app/exercises/quiz/manage/quiz-pool-mapping.component.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/quiz-pool-mapping.component.ts
@@ -1,16 +1,25 @@
-import { Component, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Output } from '@angular/core';
+import { Component, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Output, inject } from '@angular/core';
 import { faExclamationCircle, faPlus, faTimes } from '@fortawesome/free-solid-svg-icons';
 import { QuizGroup } from 'app/entities/quiz/quiz-group.model';
 import { Subject } from 'rxjs';
 import { QuizQuestion } from 'app/entities/quiz/quiz-question.model';
 import { AlertService } from 'app/core/util/alert.service';
+import { CdkDropListGroup } from '@angular/cdk/drag-drop';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { QuizPoolMappingQuestionListComponent } from './quiz-pool-mapping-question-list.component';
+import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
+import { NgStyle } from '@angular/common';
 
 @Component({
     selector: 'jhi-quiz-pool-mapping',
     templateUrl: './quiz-pool-mapping.component.html',
     styleUrls: ['./quiz-pool-mapping.component.scss'],
+    imports: [CdkDropListGroup, FaIconComponent, TranslateDirective, QuizPoolMappingQuestionListComponent, DeleteButtonDirective, NgStyle],
 })
 export class QuizPoolMappingComponent implements OnInit, OnChanges, OnDestroy {
+    private alertService = inject(AlertService);
+
     @Input() quizGroups: QuizGroup[] = [];
     @Input() quizQuestions: QuizQuestion[] = [];
     @Input() disabled = false;
@@ -28,13 +37,11 @@ export class QuizPoolMappingComponent implements OnInit, OnChanges, OnDestroy {
     protected dialogErrorSource = new Subject<string>();
     dialogError$ = this.dialogErrorSource.asObservable();
 
-    constructor(private alertService: AlertService) {}
-
     ngOnInit(): void {
         this.handleUpdate();
     }
 
-    ngOnChanges(): void {
+    ngOnChanges() {
         this.handleUpdate();
     }
 
diff --git a/src/main/webapp/app/exercises/quiz/manage/quiz-pool.component.ts b/src/main/webapp/app/exercises/quiz/manage/quiz-pool.component.ts
index ea04a7e2fe7f..85ee99f058e4 100644
--- a/src/main/webapp/app/exercises/quiz/manage/quiz-pool.component.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/quiz-pool.component.ts
@@ -1,5 +1,5 @@
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit, ViewChild, ViewEncapsulation, inject } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { QuizPool } from 'app/entities/quiz/quiz-pool.model';
 import { QuizPoolService } from 'app/exercises/quiz/manage/quiz-pool.service';
@@ -17,6 +17,11 @@ import { computeQuizQuestionInvalidReason, isQuizQuestionValid } from 'app/exerc
 import { ExamManagementService } from 'app/exam/manage/exam-management.service';
 import { Exam } from 'app/entities/exam/exam.model';
 import dayjs from 'dayjs/esm';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FormsModule } from '@angular/forms';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { JsonPipe } from '@angular/common';
 
 @Component({
     selector: 'jhi-quiz-pool',
@@ -25,8 +30,17 @@ import dayjs from 'dayjs/esm';
     changeDetection: ChangeDetectionStrategy.OnPush,
     styleUrls: ['./quiz-pool.component.scss', '../shared/quiz.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [TranslateDirective, QuizPoolMappingComponent, FormsModule, QuizQuestionListEditComponent, NgbTooltip, FaIconComponent, JsonPipe],
 })
 export class QuizPoolComponent implements OnInit {
+    private route = inject(ActivatedRoute);
+    private quizPoolService = inject(QuizPoolService);
+    private examService = inject(ExamManagementService);
+    private changeDetectorRef = inject(ChangeDetectorRef);
+    private dragAndDropQuestionUtil = inject(DragAndDropQuestionUtil);
+    private shortAnswerQuestionUtil = inject(ShortAnswerQuestionUtil);
+    private alertService = inject(AlertService);
+
     @ViewChild('quizPoolQuestionMapping')
     quizPoolMappingComponent: QuizPoolMappingComponent;
     @ViewChild('quizQuestionsEdit')
@@ -46,16 +60,6 @@ export class QuizPoolComponent implements OnInit {
     examId: number;
     isExamStarted: boolean;
 
-    constructor(
-        private route: ActivatedRoute,
-        private quizPoolService: QuizPoolService,
-        private examService: ExamManagementService,
-        private changeDetectorRef: ChangeDetectorRef,
-        private dragAndDropQuestionUtil: DragAndDropQuestionUtil,
-        private shortAnswerQuestionUtil: ShortAnswerQuestionUtil,
-        private alertService: AlertService,
-    ) {}
-
     ngOnInit(): void {
         this.courseId = Number(this.route.snapshot.paramMap.get('courseId'));
         this.examId = Number(this.route.snapshot.paramMap.get('examId'));
diff --git a/src/main/webapp/app/exercises/quiz/manage/quiz-pool.service.ts b/src/main/webapp/app/exercises/quiz/manage/quiz-pool.service.ts
index c1b8e7cf4fae..f0c8944dafc1 100644
--- a/src/main/webapp/app/exercises/quiz/manage/quiz-pool.service.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/quiz-pool.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { QuizExercise } from 'app/entities/quiz/quiz-exercise.model';
@@ -10,7 +10,7 @@ export type EntityArrayResponseType = HttpResponse<QuizExercise[]>;
 
 @Injectable({ providedIn: 'root' })
 export class QuizPoolService {
-    constructor(private http: HttpClient) {}
+    private http = inject(HttpClient);
 
     /**
      * Update the given quiz pool that belongs to the given course id and exam id
diff --git a/src/main/webapp/app/exercises/quiz/manage/quiz-question-list-edit-existing.component.ts b/src/main/webapp/app/exercises/quiz/manage/quiz-question-list-edit-existing.component.ts
index 7dc2df7ed5d3..3a5689b8be8e 100644
--- a/src/main/webapp/app/exercises/quiz/manage/quiz-question-list-edit-existing.component.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/quiz-question-list-edit-existing.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, OnChanges, Output, ViewEncapsulation } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, OnChanges, Output, ViewEncapsulation, inject } from '@angular/core';
 import { QuizQuestion, QuizQuestionType } from 'app/entities/quiz/quiz-question.model';
 import { DragAndDropQuestion } from 'app/entities/quiz/drag-and-drop-question.model';
 import { MultipleChoiceQuestion } from 'app/entities/quiz/multiple-choice-question.model';
@@ -17,6 +17,9 @@ import { onError } from 'app/shared/util/global.utils';
 import { checkForInvalidFlaggedQuestions } from 'app/exercises/quiz/shared/quiz-manage-util.service';
 import { FileService } from 'app/shared/http/file.service';
 import JSZip from 'jszip';
+import { KeyValuePipe, NgClass } from '@angular/common';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FormsModule } from '@angular/forms';
 
 export enum State {
     COURSE = 'Course',
@@ -30,8 +33,17 @@ export enum State {
     changeDetection: ChangeDetectionStrategy.OnPush,
     styleUrls: ['../shared/quiz.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [NgClass, TranslateDirective, FormsModule, KeyValuePipe],
 })
 export class QuizQuestionListEditExistingComponent implements OnChanges {
+    private modalService = inject(NgbModal);
+    private fileService = inject(FileService);
+    private courseManagementService = inject(CourseManagementService);
+    private examManagementService = inject(ExamManagementService);
+    private quizExerciseService = inject(QuizExerciseService);
+    private alertService = inject(AlertService);
+    private changeDetectorRef = inject(ChangeDetectorRef);
+
     @Input() show: boolean;
     @Input() courseId: number;
     @Input() filePool: Map<string, { path?: string; file: File }>;
@@ -59,17 +71,7 @@ export class QuizQuestionListEditExistingComponent implements OnChanges {
     importFile?: File;
     importFileName: string;
 
-    constructor(
-        private modalService: NgbModal,
-        private fileService: FileService,
-        private courseManagementService: CourseManagementService,
-        private examManagementService: ExamManagementService,
-        private quizExerciseService: QuizExerciseService,
-        private alertService: AlertService,
-        private changeDetectorRef: ChangeDetectorRef,
-    ) {}
-
-    ngOnChanges(): void {
+    ngOnChanges() {
         if (this.show) {
             this.courseManagementService.getAllCoursesWithQuizExercises().subscribe((res: HttpResponse<Course[]>) => {
                 this.courses = res.body!;
diff --git a/src/main/webapp/app/exercises/quiz/manage/quiz-question-list-edit.component.ts b/src/main/webapp/app/exercises/quiz/manage/quiz-question-list-edit.component.ts
index 3d3da811b347..bff74eb3afd8 100644
--- a/src/main/webapp/app/exercises/quiz/manage/quiz-question-list-edit.component.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/quiz-question-list-edit.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, QueryList, ViewChildren, ViewEncapsulation } from '@angular/core';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, QueryList, ViewChildren, ViewEncapsulation, inject } from '@angular/core';
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { QuizQuestion, QuizQuestionType, ScoringType } from 'app/entities/quiz/quiz-question.model';
 import { MultipleChoiceQuestion } from 'app/entities/quiz/multiple-choice-question.model';
@@ -11,6 +11,10 @@ import { MultipleChoiceQuestionEditComponent } from 'app/exercises/quiz/manage/m
 import { DragAndDropQuestionEditComponent } from 'app/exercises/quiz/manage/drag-and-drop-question/drag-and-drop-question-edit.component';
 import { ShortAnswerQuestionEditComponent } from 'app/exercises/quiz/manage/short-answer-question/short-answer-question-edit.component';
 import { ApollonDiagramImportDialogComponent } from 'app/exercises/quiz/manage/apollon-diagrams/apollon-diagram-import-dialog.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgClass } from '@angular/common';
+import { QuizQuestionListEditExistingComponent } from './quiz-question-list-edit-existing.component';
 
 @Component({
     selector: 'jhi-quiz-question-list-edit',
@@ -18,8 +22,19 @@ import { ApollonDiagramImportDialogComponent } from 'app/exercises/quiz/manage/a
     changeDetection: ChangeDetectionStrategy.OnPush,
     styleUrls: ['./quiz-question-list-edit.component.scss', '../shared/quiz.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [
+        TranslateDirective,
+        MultipleChoiceQuestionEditComponent,
+        DragAndDropQuestionEditComponent,
+        ShortAnswerQuestionEditComponent,
+        FaIconComponent,
+        NgClass,
+        QuizQuestionListEditExistingComponent,
+    ],
 })
 export class QuizQuestionListEditComponent {
+    private modalService = inject(NgbModal);
+
     @Input() courseId: number;
     @Input() quizQuestions: QuizQuestion[] = [];
     @Input() disabled = false;
@@ -47,8 +62,6 @@ export class QuizQuestionListEditComponent {
 
     fileMap = new Map<string, { path?: string; file: File }>();
 
-    constructor(private modalService: NgbModal) {}
-
     /**
      * Emit onQuestionUpdated if there is an update of the question.
      */
diff --git a/src/main/webapp/app/exercises/quiz/manage/quiz-scoring-info-modal/quiz-scoring-info-modal.component.ts b/src/main/webapp/app/exercises/quiz/manage/quiz-scoring-info-modal/quiz-scoring-info-modal.component.ts
index d362837455f4..18d21089f3b9 100644
--- a/src/main/webapp/app/exercises/quiz/manage/quiz-scoring-info-modal/quiz-scoring-info-modal.component.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/quiz-scoring-info-modal/quiz-scoring-info-modal.component.ts
@@ -1,15 +1,19 @@
-import { Component } from '@angular/core';
+import { Component, inject } from '@angular/core';
 import { faQuestionCircle } from '@fortawesome/free-regular-svg-icons';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 @Component({
     selector: 'jhi-quiz-scoring-info-modal',
     templateUrl: './quiz-scoring-info-modal.component.html',
+    imports: [TranslateDirective, FaIconComponent],
 })
 export class QuizScoringInfoModalComponent {
+    private modalService = inject(NgbModal);
+
     // Icons
     farQuestionCircle = faQuestionCircle;
-    constructor(private modalService: NgbModal) {}
 
     /**
      * Open a large modal with the given content.
diff --git a/src/main/webapp/app/exercises/quiz/manage/re-evaluate/drag-and-drop-question/re-evaluate-drag-and-drop-question.component.ts b/src/main/webapp/app/exercises/quiz/manage/re-evaluate/drag-and-drop-question/re-evaluate-drag-and-drop-question.component.ts
index 1fd06c312206..0db02d8ebd73 100644
--- a/src/main/webapp/app/exercises/quiz/manage/re-evaluate/drag-and-drop-question/re-evaluate-drag-and-drop-question.component.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/re-evaluate/drag-and-drop-question/re-evaluate-drag-and-drop-question.component.ts
@@ -19,6 +19,7 @@ import { DragAndDropQuestionEditComponent } from 'app/exercises/quiz/manage/drag
         />
     `,
     providers: [],
+    imports: [DragAndDropQuestionEditComponent],
 })
 export class ReEvaluateDragAndDropQuestionComponent {
     /**
@@ -49,8 +50,6 @@ export class ReEvaluateDragAndDropQuestionComponent {
 
     fileMap = new Map<string, { path?: string; file: File }>();
 
-    constructor() {}
-
     /**
      * Add the given file to the fileMap for later upload.
      * @param event the event containing the file and its name. The name provided may be different from the actual file name but has to correspond to the name set in the entity object.
diff --git a/src/main/webapp/app/exercises/quiz/manage/re-evaluate/multiple-choice-question/re-evaluate-multiple-choice-question.component.ts b/src/main/webapp/app/exercises/quiz/manage/re-evaluate/multiple-choice-question/re-evaluate-multiple-choice-question.component.ts
index a9a0afae1077..fd1ddcf39660 100644
--- a/src/main/webapp/app/exercises/quiz/manage/re-evaluate/multiple-choice-question/re-evaluate-multiple-choice-question.component.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/re-evaluate/multiple-choice-question/re-evaluate-multiple-choice-question.component.ts
@@ -5,14 +5,21 @@ import { escapeStringForUseInRegex } from 'app/shared/util/global.utils';
 import { cloneDeep } from 'lodash-es';
 import { generateExerciseHintExplanation, parseExerciseHintExplanation } from 'app/shared/util/markdown.util';
 import { faAngleDown, faAngleRight, faArrowsAltV, faChevronDown, faChevronUp, faTrash, faUndo } from '@fortawesome/free-solid-svg-icons';
-import { CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';
+import { CdkDrag, CdkDragDrop, CdkDragHandle, CdkDropList, moveItemInArray } from '@angular/cdk/drag-drop';
 import { CorrectMultipleChoiceAnswerAction } from 'app/shared/monaco-editor/model/actions/quiz/correct-multiple-choice-answer.action';
 import { WrongMultipleChoiceAnswerAction } from 'app/shared/monaco-editor/model/actions/quiz/wrong-multiple-choice-answer.action';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { FormsModule } from '@angular/forms';
+import { NgbCollapse, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { MarkdownEditorMonacoComponent } from 'app/shared/markdown-editor/monaco/markdown-editor-monaco.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-re-evaluate-multiple-choice-question',
     templateUrl: './re-evaluate-multiple-choice-question.component.html',
     styleUrls: ['./re-evaluate-multiple-choice-question.component.scss', '../../../shared/quiz.scss'],
+    imports: [FaIconComponent, FormsModule, NgbTooltip, NgbCollapse, TranslateDirective, MarkdownEditorMonacoComponent, CdkDropList, CdkDrag, CdkDragHandle, ArtemisTranslatePipe],
 })
 export class ReEvaluateMultipleChoiceQuestionComponent implements OnInit {
     @Input() question: MultipleChoiceQuestion;
diff --git a/src/main/webapp/app/exercises/quiz/manage/re-evaluate/quiz-re-evaluate-warning.component.ts b/src/main/webapp/app/exercises/quiz/manage/re-evaluate/quiz-re-evaluate-warning.component.ts
index 6947cdbb1635..63ef0a60b647 100644
--- a/src/main/webapp/app/exercises/quiz/manage/re-evaluate/quiz-re-evaluate-warning.component.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/re-evaluate/quiz-re-evaluate-warning.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { QuizReEvaluateService } from './quiz-re-evaluate.service';
 import { ShortAnswerQuestion } from 'app/entities/quiz/short-answer-question.model';
@@ -10,13 +10,22 @@ import { QuizExercise } from 'app/entities/quiz/quiz-exercise.model';
 import { EventManager } from 'app/core/util/event-manager.service';
 import { faBan, faCheck, faCheckCircle, faSpinner, faTimes } from '@fortawesome/free-solid-svg-icons';
 import { ArtemisNavigationUtilService } from 'app/utils/navigation.utils';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 @Component({
     selector: 'jhi-quiz-re-evaluate-warning',
     templateUrl: './quiz-re-evaluate-warning.component.html',
     styleUrls: ['../../shared/quiz.scss'],
+    imports: [TranslateDirective, FaIconComponent],
 })
 export class QuizReEvaluateWarningComponent implements OnInit {
+    activeModal = inject(NgbActiveModal);
+    private eventManager = inject(EventManager);
+    private quizExerciseService = inject(QuizExerciseService);
+    private quizReEvaluateService = inject(QuizReEvaluateService);
+    private navigationUtilService = inject(ArtemisNavigationUtilService);
+
     isSaving: boolean;
 
     successful = false;
@@ -43,14 +52,6 @@ export class QuizReEvaluateWarningComponent implements OnInit {
     faCheck = faCheck;
     faCheckCircle = faCheckCircle;
 
-    constructor(
-        public activeModal: NgbActiveModal,
-        private eventManager: EventManager,
-        private quizExerciseService: QuizExerciseService,
-        private quizReEvaluateService: QuizReEvaluateService,
-        private navigationUtilService: ArtemisNavigationUtilService,
-    ) {}
-
     /**
      * Reset saving status, load the quiz by id and back it up.
      */
diff --git a/src/main/webapp/app/exercises/quiz/manage/re-evaluate/quiz-re-evaluate.component.ts b/src/main/webapp/app/exercises/quiz/manage/re-evaluate/quiz-re-evaluate.component.ts
index 22525d9e37a1..518e50f49ca0 100644
--- a/src/main/webapp/app/exercises/quiz/manage/re-evaluate/quiz-re-evaluate.component.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/re-evaluate/quiz-re-evaluate.component.ts
@@ -1,7 +1,8 @@
-import { ChangeDetectorRef, Component, OnChanges, OnDestroy, OnInit, SimpleChanges, ViewChildren, ViewEncapsulation } from '@angular/core';
+import { ChangeDetectorRef, Component, OnChanges, OnDestroy, OnInit, SimpleChanges, ViewChildren, ViewEncapsulation, inject } from '@angular/core';
+import { IncludedInOverallScorePickerComponent } from 'app/exercises/shared/included-in-overall-score-picker/included-in-overall-score-picker.component';
 import { Subscription } from 'rxjs';
 import { ActivatedRoute } from '@angular/router';
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { NgbModal, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 import { QuizReEvaluateWarningComponent } from './quiz-re-evaluate-warning.component';
 import { DragAndDropQuestionUtil } from 'app/exercises/quiz/shared/drag-and-drop-question-util.service';
 import { HttpResponse } from '@angular/common/http';
@@ -18,6 +19,14 @@ import { QuizExerciseValidationDirective } from 'app/exercises/quiz/manage/quiz-
 import { ShortAnswerQuestionUtil } from 'app/exercises/quiz/shared/short-answer-question-util.service';
 import { faExclamationCircle, faExclamationTriangle, faUndo } from '@fortawesome/free-solid-svg-icons';
 import { ReEvaluateDragAndDropQuestionComponent } from 'app/exercises/quiz/manage/re-evaluate/drag-and-drop-question/re-evaluate-drag-and-drop-question.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { FormsModule } from '@angular/forms';
+import { FormDateTimePickerComponent } from 'app/shared/date-time-picker/date-time-picker.component';
+import { ReEvaluateMultipleChoiceQuestionComponent } from './multiple-choice-question/re-evaluate-multiple-choice-question.component';
+import { ReEvaluateShortAnswerQuestionComponent } from './short-answer-question/re-evaluate-short-answer-question.component';
+import { JsonPipe } from '@angular/common';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-quiz-re-evaluate',
@@ -25,8 +34,28 @@ import { ReEvaluateDragAndDropQuestionComponent } from 'app/exercises/quiz/manag
     styleUrls: ['./quiz-re-evaluate.component.scss', '../../shared/quiz.scss'],
     encapsulation: ViewEncapsulation.None,
     providers: [DragAndDropQuestionUtil, ShortAnswerQuestionUtil],
+    imports: [
+        TranslateDirective,
+        FaIconComponent,
+        FormsModule,
+        NgbTooltip,
+        FormDateTimePickerComponent,
+        IncludedInOverallScorePickerComponent,
+        ReEvaluateMultipleChoiceQuestionComponent,
+        ReEvaluateDragAndDropQuestionComponent,
+        ReEvaluateShortAnswerQuestionComponent,
+        JsonPipe,
+        ArtemisTranslatePipe,
+    ],
 })
 export class QuizReEvaluateComponent extends QuizExerciseValidationDirective implements OnInit, OnChanges, OnDestroy {
+    private quizExerciseService = inject(QuizExerciseService);
+    private route = inject(ActivatedRoute);
+    private modalServiceC = inject(NgbModal);
+    private quizExercisePopupService = inject(QuizExercisePopupService);
+    private changeDetector = inject(ChangeDetectorRef);
+    private navigationUtilService = inject(ArtemisNavigationUtilService);
+
     private subscription: Subscription;
 
     @ViewChildren(ReEvaluateDragAndDropQuestionComponent)
@@ -43,19 +72,6 @@ export class QuizReEvaluateComponent extends QuizExerciseValidationDirective imp
     faExclamationCircle = faExclamationCircle;
     faExclamationTriangle = faExclamationTriangle;
 
-    constructor(
-        private quizExerciseService: QuizExerciseService,
-        private route: ActivatedRoute,
-        private modalServiceC: NgbModal,
-        private quizExercisePopupService: QuizExercisePopupService,
-        public changeDetector: ChangeDetectorRef,
-        private navigationUtilService: ArtemisNavigationUtilService,
-        dragAndDropQuestionUtil: DragAndDropQuestionUtil,
-        shortAnswerQuestionUtil: ShortAnswerQuestionUtil,
-    ) {
-        super(dragAndDropQuestionUtil, shortAnswerQuestionUtil);
-    }
-
     ngOnInit(): void {
         this.subscription = this.route.params.subscribe((params) => {
             this.quizExerciseService.find(params['exerciseId']).subscribe((response: HttpResponse<QuizExercise>) => {
diff --git a/src/main/webapp/app/exercises/quiz/manage/re-evaluate/quiz-re-evaluate.service.ts b/src/main/webapp/app/exercises/quiz/manage/re-evaluate/quiz-re-evaluate.service.ts
index 8a863a6906b7..4c43bc6b6fcf 100644
--- a/src/main/webapp/app/exercises/quiz/manage/re-evaluate/quiz-re-evaluate.service.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/re-evaluate/quiz-re-evaluate.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
 import { QuizExercise } from 'app/entities/quiz/quiz-exercise.model';
 import { ExerciseService } from 'app/exercises/shared/exercise/exercise.service';
@@ -6,9 +6,9 @@ import { objectToJsonBlob } from 'app/utils/blob-util';
 
 @Injectable({ providedIn: 'root' })
 export class QuizReEvaluateService {
-    private resourceUrl = 'api/quiz-exercises/';
+    private http = inject(HttpClient);
 
-    constructor(private http: HttpClient) {}
+    private resourceUrl = 'api/quiz-exercises/';
 
     reevaluate(quizExercise: QuizExercise, files: Map<string, Blob>) {
         const copy = this.convert(quizExercise);
diff --git a/src/main/webapp/app/exercises/quiz/manage/re-evaluate/short-answer-question/re-evaluate-short-answer-question.component.ts b/src/main/webapp/app/exercises/quiz/manage/re-evaluate/short-answer-question/re-evaluate-short-answer-question.component.ts
index 136135c58221..289b20cace34 100644
--- a/src/main/webapp/app/exercises/quiz/manage/re-evaluate/short-answer-question/re-evaluate-short-answer-question.component.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/re-evaluate/short-answer-question/re-evaluate-short-answer-question.component.ts
@@ -1,6 +1,7 @@
 import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { QuizQuestion } from 'app/entities/quiz/quiz-question.model';
 import { ShortAnswerQuestion } from 'app/entities/quiz/short-answer-question.model';
+import { ShortAnswerQuestionEditComponent } from '../../short-answer-question/short-answer-question-edit.component';
 
 @Component({
     selector: 'jhi-re-evaluate-short-answer-question',
@@ -16,6 +17,7 @@ import { ShortAnswerQuestion } from 'app/entities/quiz/short-answer-question.mod
         />
     `,
     providers: [],
+    imports: [ShortAnswerQuestionEditComponent],
 })
 export class ReEvaluateShortAnswerQuestionComponent {
     shortAnswerQuestion: ShortAnswerQuestion;
@@ -34,6 +36,4 @@ export class ReEvaluateShortAnswerQuestionComponent {
     questionMoveUp = new EventEmitter();
     @Output()
     questionMoveDown = new EventEmitter();
-
-    constructor() {}
 }
diff --git a/src/main/webapp/app/exercises/quiz/manage/short-answer-question/short-answer-question-edit.component.ts b/src/main/webapp/app/exercises/quiz/manage/short-answer-question/short-answer-question-edit.component.ts
index 896a6c743bbe..b71f3010f050 100644
--- a/src/main/webapp/app/exercises/quiz/manage/short-answer-question/short-answer-question-edit.component.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/short-answer-question/short-answer-question-edit.component.ts
@@ -11,9 +11,10 @@ import {
     SimpleChanges,
     ViewChild,
     ViewEncapsulation,
+    inject,
 } from '@angular/core';
 import { ShortAnswerQuestionUtil } from 'app/exercises/quiz/shared/short-answer-question-util.service';
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { NgbCollapse, NgbModal, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 import { ShortAnswerQuestion } from 'app/entities/quiz/short-answer-question.model';
 import { ShortAnswerMapping } from 'app/entities/quiz/short-answer-mapping.model';
 import { QuizQuestionEdit } from 'app/exercises/quiz/manage/quiz-question-edit.interface';
@@ -38,20 +39,45 @@ import { InsertShortAnswerSpotAction } from 'app/shared/monaco-editor/model/acti
 import { TextEditorAction } from 'app/shared/monaco-editor/model/actions/text-editor-action.model';
 import { InsertShortAnswerOptionAction } from 'app/shared/monaco-editor/model/actions/quiz/insert-short-answer-option.action';
 import { SHORT_ANSWER_QUIZ_QUESTION_EDITOR_OPTIONS } from 'app/shared/monaco-editor/monaco-editor-option.helper';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { FormsModule } from '@angular/forms';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { QuizScoringInfoModalComponent } from '../quiz-scoring-info-modal/quiz-scoring-info-modal.component';
+import { MatchPercentageInfoModalComponent } from '../match-percentage-info-modal/match-percentage-info-modal.component';
+import { CdkDrag, CdkDragPlaceholder, CdkDragPreview, CdkDropList, CdkDropListGroup } from '@angular/cdk/drag-drop';
+import { NgClass } from '@angular/common';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-short-answer-question-edit',
     templateUrl: './short-answer-question-edit.component.html',
     styleUrls: ['./short-answer-question-edit.component.scss', '../quiz-exercise.scss', '../../shared/quiz.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [
+        FaIconComponent,
+        FormsModule,
+        TranslateDirective,
+        NgbTooltip,
+        NgbCollapse,
+        QuizScoringInfoModalComponent,
+        MatchPercentageInfoModalComponent,
+        MarkdownEditorMonacoComponent,
+        CdkDropListGroup,
+        CdkDropList,
+        NgClass,
+        CdkDrag,
+        CdkDragPlaceholder,
+        CdkDragPreview,
+        ArtemisTranslatePipe,
+    ],
 })
 export class ShortAnswerQuestionEditComponent implements OnInit, OnChanges, AfterViewInit, QuizQuestionEdit {
-    @ViewChild('questionEditor', { static: false })
-    private questionEditor: MarkdownEditorMonacoComponent;
-    @ViewChild('clickLayer', { static: false })
-    private clickLayer: ElementRef;
-    @ViewChild('question', { static: false })
-    questionElement: ElementRef;
+    shortAnswerQuestionUtil = inject(ShortAnswerQuestionUtil);
+    private modalService = inject(NgbModal);
+    private changeDetector = inject(ChangeDetectorRef);
+
+    @ViewChild('questionEditor', { static: false }) private questionEditor: MarkdownEditorMonacoComponent;
+    @ViewChild('question', { static: false }) questionElement: ElementRef;
 
     markdownActions: TextEditorAction[];
     insertShortAnswerOptionAction = new InsertShortAnswerOptionAction();
@@ -112,12 +138,6 @@ export class ShortAnswerQuestionEditComponent implements OnInit, OnChanges, Afte
     protected readonly MAX_POINTS = MAX_QUIZ_QUESTION_POINTS;
     protected readonly MarkdownEditorHeight = MarkdownEditorHeight;
 
-    constructor(
-        public shortAnswerQuestionUtil: ShortAnswerQuestionUtil,
-        private modalService: NgbModal,
-        private changeDetector: ChangeDetectorRef,
-    ) {}
-
     ngOnInit(): void {
         this.markdownActions = [
             new BoldAction(),
@@ -137,7 +157,7 @@ export class ShortAnswerQuestionEditComponent implements OnInit, OnChanges, Afte
 
         /** We create now the structure on how to display the text of the question
          * 1. The question text is split at every new line. The first element of the array would be then the first line of the question text.
-         * 2. Now each line of the question text will be divided into each word (we use whitespace and the borders of spots as separator, see {@link #regex}).
+         * 2. Now each line of the question text will be divided into each word (we use whitespace and the borders of spots as separator, see regex).
          */
         this.textParts = this.parseQuestionTextIntoTextBlocks(this.shortAnswerQuestion.text!);
 
diff --git a/src/main/webapp/app/exercises/quiz/manage/statistics/drag-and-drop-question-statistic/drag-and-drop-question-statistic.component.ts b/src/main/webapp/app/exercises/quiz/manage/statistics/drag-and-drop-question-statistic/drag-and-drop-question-statistic.component.ts
index 2e0208207eeb..6965c21f0f58 100644
--- a/src/main/webapp/app/exercises/quiz/manage/statistics/drag-and-drop-question-statistic/drag-and-drop-question-statistic.component.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/statistics/drag-and-drop-question-statistic/drag-and-drop-question-statistic.component.ts
@@ -1,18 +1,20 @@
-import { ChangeDetectorRef, Component, ViewEncapsulation } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
-import { TranslateService } from '@ngx-translate/core';
+import { Component, ViewEncapsulation, inject } from '@angular/core';
+import { DragItemComponent } from 'app/exercises/quiz/shared/questions/drag-and-drop-question/drag-item.component';
 import { QuizStatisticUtil } from 'app/exercises/quiz/shared/quiz-statistic-util.service';
 import { DragAndDropQuestionUtil } from 'app/exercises/quiz/shared/drag-and-drop-question-util.service';
 import { ArtemisMarkdownService } from 'app/shared/markdown.service';
-import { AccountService } from 'app/core/auth/account.service';
-import { JhiWebsocketService } from 'app/core/websocket/websocket.service';
-import { QuizExerciseService } from 'app/exercises/quiz/manage/quiz-exercise.service';
 import { DragAndDropQuestion } from 'app/entities/quiz/drag-and-drop-question.model';
 import { DragAndDropQuestionStatistic } from 'app/entities/quiz/drag-and-drop-question-statistic.model';
 import { DropLocation } from 'app/entities/quiz/drop-location.model';
 import { QuizExercise } from 'app/entities/quiz/quiz-exercise.model';
 import { QuestionStatisticComponent, blueColor, greenColor } from 'app/exercises/quiz/manage/statistics/question-statistic.component';
 import { faCheckCircle, faSync, faTimesCircle } from '@fortawesome/free-solid-svg-icons';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { BarChartModule } from '@swimlane/ngx-charts';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { SecuredImageComponent } from 'app/shared/image/secured-image.component';
+import { NgStyle } from '@angular/common';
+import { QuizStatisticsFooterComponent } from '../quiz-statistics-footer/quiz-statistics-footer.component';
 
 @Component({
     selector: 'jhi-drag-and-drop-question-statistic',
@@ -24,8 +26,12 @@ import { faCheckCircle, faSync, faTimesCircle } from '@fortawesome/free-solid-sv
         './drag-and-drop-question-statistic.component.scss',
     ],
     encapsulation: ViewEncapsulation.None,
+    imports: [TranslateDirective, BarChartModule, FaIconComponent, SecuredImageComponent, NgStyle, DragItemComponent, QuizStatisticsFooterComponent],
 })
 export class DragAndDropQuestionStatisticComponent extends QuestionStatisticComponent {
+    private dragAndDropQuestionUtil = inject(DragAndDropQuestionUtil);
+    private artemisMarkdown = inject(ArtemisMarkdownService);
+
     declare question: DragAndDropQuestion;
 
     // Icons
@@ -33,27 +39,6 @@ export class DragAndDropQuestionStatisticComponent extends QuestionStatisticComp
     faCheckCircle = faCheckCircle;
     faTimesCircle = faTimesCircle;
 
-    constructor(
-        route: ActivatedRoute,
-        router: Router,
-        accountService: AccountService,
-        translateService: TranslateService,
-        quizExerciseService: QuizExerciseService,
-        jhiWebsocketService: JhiWebsocketService,
-        quizStatisticUtil: QuizStatisticUtil,
-        private dragAndDropQuestionUtil: DragAndDropQuestionUtil,
-        private artemisMarkdown: ArtemisMarkdownService,
-        protected changeDetector: ChangeDetectorRef,
-    ) {
-        super(route, router, accountService, translateService, quizExerciseService, jhiWebsocketService, changeDetector);
-    }
-
-    /**
-     * load the Quiz, which is necessary to build the Web-Template
-     *
-     * @param {QuizExercise} quiz: the quizExercise, which the selected question is part of.
-     * @param {boolean} refresh: true if method is called from Websocket
-     */
     loadQuiz(quiz: QuizExercise, refresh: boolean) {
         const updatedQuestion = super.loadQuizCommon(quiz);
         if (!updatedQuestion) {
@@ -75,7 +60,7 @@ export class DragAndDropQuestionStatisticComponent extends QuestionStatisticComp
         this.resetLabelsColors();
 
         // set label and background color based on the dropLocations
-        this.question.dropLocations!.forEach((dropLocation, i) => {
+        this.question.dropLocations!.forEach((_dropLocation, i) => {
             this.labels.push(this.getLetter(i) + '.');
             this.solutionLabels.push(this.getLetter(i) + '.');
             this.backgroundColors.push(blueColor);
@@ -127,8 +112,8 @@ export class DragAndDropQuestionStatisticComponent extends QuestionStatisticComp
     /**
      * Get the drag item that was mapped to the given drop location in the sample solution
      *
-     * @param dropLocation {object} the drop location that the drag item should be mapped to
-     * @return {DragItem | undefined} the mapped drag item, or undefined if no drag item has been mapped to this location
+     * @param dropLocation the drop location that the drag item should be mapped to
+     * @return the mapped drag item, or undefined if no drag item has been mapped to this location
      */
     correctDragItemForDropLocation(dropLocation: DropLocation) {
         const currMapping = this.dragAndDropQuestionUtil.solve(this.question, undefined).filter((mapping) => mapping.dropLocation!.id === dropLocation.id)[0];
diff --git a/src/main/webapp/app/exercises/quiz/manage/statistics/multiple-choice-question-statistic/multiple-choice-question-statistic.component.ts b/src/main/webapp/app/exercises/quiz/manage/statistics/multiple-choice-question-statistic/multiple-choice-question-statistic.component.ts
index b8071ce5823e..d294491f4881 100644
--- a/src/main/webapp/app/exercises/quiz/manage/statistics/multiple-choice-question-statistic/multiple-choice-question-statistic.component.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/statistics/multiple-choice-question-statistic/multiple-choice-question-statistic.component.ts
@@ -1,25 +1,26 @@
-import { ChangeDetectorRef, Component } from '@angular/core';
+import { Component, inject } from '@angular/core';
 import { SafeHtml } from '@angular/platform-browser';
-import { ActivatedRoute, Router } from '@angular/router';
-import { TranslateService } from '@ngx-translate/core';
 import { QuizStatisticUtil } from 'app/exercises/quiz/shared/quiz-statistic-util.service';
 import { ArtemisMarkdownService } from 'app/shared/markdown.service';
-import { AccountService } from 'app/core/auth/account.service';
-import { JhiWebsocketService } from 'app/core/websocket/websocket.service';
-import { QuizExerciseService } from 'app/exercises/quiz/manage/quiz-exercise.service';
 import { MultipleChoiceQuestionStatistic } from 'app/entities/quiz/multiple-choice-question-statistic.model';
 import { MultipleChoiceQuestion } from 'app/entities/quiz/multiple-choice-question.model';
 import { QuizExercise } from 'app/entities/quiz/quiz-exercise.model';
 import { QuestionStatisticComponent, blueColor, greenColor, redColor } from 'app/exercises/quiz/manage/statistics/question-statistic.component';
 import { faCheckCircle, faSync, faTimesCircle } from '@fortawesome/free-solid-svg-icons';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { BarChartModule } from '@swimlane/ngx-charts';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { QuizStatisticsFooterComponent } from '../quiz-statistics-footer/quiz-statistics-footer.component';
 
 @Component({
     selector: 'jhi-multiple-choice-question-statistic',
     templateUrl: './multiple-choice-question-statistic.component.html',
     styleUrls: ['../quiz-point-statistic/quiz-point-statistic.component.scss', '../../../../../shared/chart/vertical-bar-chart.scss'],
     providers: [QuizStatisticUtil],
+    imports: [TranslateDirective, BarChartModule, FaIconComponent, QuizStatisticsFooterComponent],
 })
 export class MultipleChoiceQuestionStatisticComponent extends QuestionStatisticComponent {
+    private artemisMarkdown = inject(ArtemisMarkdownService);
     declare question: MultipleChoiceQuestion;
 
     answerTextRendered: SafeHtml[];
@@ -29,26 +30,6 @@ export class MultipleChoiceQuestionStatisticComponent extends QuestionStatisticC
     faCheckCircle = faCheckCircle;
     faTimesCircle = faTimesCircle;
 
-    constructor(
-        route: ActivatedRoute,
-        router: Router,
-        accountService: AccountService,
-        translateService: TranslateService,
-        quizExerciseService: QuizExerciseService,
-        jhiWebsocketService: JhiWebsocketService,
-        private quizStatisticUtil: QuizStatisticUtil,
-        private artemisMarkdown: ArtemisMarkdownService,
-        protected changeDetector: ChangeDetectorRef,
-    ) {
-        super(route, router, accountService, translateService, quizExerciseService, jhiWebsocketService, changeDetector);
-    }
-
-    /**
-     * This functions loads the Quiz, which is necessary to build the Web-Template
-     *
-     * @param {QuizExercise} quiz: the quizExercise, which the selected question is part of.
-     * @param {boolean} refresh: true if method is called from Websocket
-     */
     loadQuiz(quiz: QuizExercise, refresh: boolean) {
         const updatedQuestion = super.loadQuizCommon(quiz);
         if (!updatedQuestion) {
@@ -73,7 +54,7 @@ export class MultipleChoiceQuestionStatisticComponent extends QuestionStatisticC
         const answerOptions = this.question.answerOptions!;
 
         // set label and background-Color based on the AnswerOptions
-        answerOptions.forEach((answerOption, i) => {
+        answerOptions.forEach((_answerOption, i) => {
             this.labels.push(this.getLetter(i) + '.');
             this.backgroundColors.push(blueColor);
         });
diff --git a/src/main/webapp/app/exercises/quiz/manage/statistics/question-statistic.component.ts b/src/main/webapp/app/exercises/quiz/manage/statistics/question-statistic.component.ts
index f483ce7c6059..7b79e4dfb324 100644
--- a/src/main/webapp/app/exercises/quiz/manage/statistics/question-statistic.component.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/statistics/question-statistic.component.ts
@@ -8,10 +8,9 @@ import { Authority } from 'app/shared/constants/authority.constants';
 import { Subscription } from 'rxjs';
 import { SafeHtml } from '@angular/platform-browser';
 import { ActivatedRoute, Router } from '@angular/router';
-import { TranslateService } from '@ngx-translate/core';
-import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { CanBecomeInvalid } from 'app/entities/quiz/drop-location.model';
-import { QuizStatistics } from 'app/exercises/quiz/manage/statistics/quiz-statistics';
+import { AbstractQuizStatisticComponent } from 'app/exercises/quiz/manage/statistics/quiz-statistics';
 
 export const redColor = '#d9534f';
 export const greenColor = '#5cb85c';
@@ -19,8 +18,17 @@ export const blueColor = '#428bca';
 export const lightBlueColor = '#5bc0de';
 export const greyColor = '#838383';
 
-@Component({ template: '' })
-export abstract class QuestionStatisticComponent extends QuizStatistics implements OnInit, OnDestroy {
+@Component({
+    template: '',
+})
+export abstract class QuestionStatisticComponent extends AbstractQuizStatisticComponent implements OnInit, OnDestroy {
+    protected route = inject(ActivatedRoute);
+    protected router = inject(Router);
+    protected accountService = inject(AccountService);
+    protected quizExerciseService = inject(QuizExerciseService);
+    protected jhiWebsocketService = inject(JhiWebsocketService);
+    protected changeDetector = inject(ChangeDetectorRef);
+
     question: QuizQuestion;
     questionStatistic: QuizQuestionStatistic;
 
@@ -45,22 +53,10 @@ export abstract class QuestionStatisticComponent extends QuizStatistics implemen
     backgroundColors: string[] = [];
     backgroundSolutionColors: string[] = [];
 
-    constructor(
-        protected route: ActivatedRoute,
-        protected router: Router,
-        protected accountService: AccountService,
-        protected translateService: TranslateService,
-        protected quizExerciseService: QuizExerciseService,
-        protected jhiWebsocketService: JhiWebsocketService,
-        protected changeDetector: ChangeDetectorRef,
-    ) {
-        super(translateService);
-        translateService.onLangChange.subscribe(() => {
+    ngOnInit() {
+        this.translateService.onLangChange.subscribe(() => {
             this.setAxisLabels('showStatistic.questionStatistic.xAxes', 'showStatistic.questionStatistic.yAxes');
         });
-    }
-
-    ngOnInit() {
         this.sub = this.route.params.subscribe((params) => {
             this.questionIdParam = +params['questionId'];
             // use different REST-call if the User is a Student
@@ -132,6 +128,12 @@ export abstract class QuestionStatisticComponent extends QuizStatistics implemen
         this.loadDataInDiagram();
     }
 
+    /**
+     * This functions loads the Quiz, which is necessary to build the Web-Template
+     *
+     * @param quiz the quizExercise, which the selected question is part of.
+     * @param refresh true if method is called from Websocket
+     */
     abstract loadQuiz(quiz: QuizExercise, refresh: boolean): void;
 
     loadQuizCommon(quiz: QuizExercise) {
diff --git a/src/main/webapp/app/exercises/quiz/manage/statistics/quiz-point-statistic/quiz-point-statistic.component.ts b/src/main/webapp/app/exercises/quiz/manage/statistics/quiz-point-statistic/quiz-point-statistic.component.ts
index bf9877902dfe..bb31e1baee65 100644
--- a/src/main/webapp/app/exercises/quiz/manage/statistics/quiz-point-statistic/quiz-point-statistic.component.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/statistics/quiz-point-statistic/quiz-point-statistic.component.ts
@@ -1,7 +1,6 @@
-import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
-import { Subscription } from 'rxjs';
-import { QuizStatisticUtil } from 'app/exercises/quiz/shared/quiz-statistic-util.service';
+import { AbstractQuizStatisticComponent } from 'app/exercises/quiz/manage/statistics/quiz-statistics';
 import { AccountService } from 'app/core/auth/account.service';
 import { JhiWebsocketService } from 'app/core/websocket/websocket.service';
 import { PointCounter } from 'app/entities/quiz/point-counter.model';
@@ -12,23 +11,34 @@ import { Authority } from 'app/shared/constants/authority.constants';
 import { blueColor } from 'app/exercises/quiz/manage/statistics/question-statistic.component';
 import { UI_RELOAD_TIME } from 'app/shared/constants/exercise-exam-constants';
 import { round } from 'app/shared/util/utils';
-import { QuizStatistics } from 'app/exercises/quiz/manage/statistics/quiz-statistics';
-import { TranslateService } from '@ngx-translate/core';
 import { faSync } from '@fortawesome/free-solid-svg-icons';
 import { calculateMaxScore } from 'app/exercises/quiz/manage/statistics/quiz-statistic/quiz-statistics.utils';
 import { ArtemisServerDateService } from 'app/shared/server-date.service';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { BarChartModule } from '@swimlane/ngx-charts';
+import { QuizStatisticsFooterComponent } from '../quiz-statistics-footer/quiz-statistics-footer.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-quiz-point-statistic',
     templateUrl: './quiz-point-statistic.component.html',
     styleUrls: ['./quiz-point-statistic.component.scss', '../../../../../shared/chart/vertical-bar-chart.scss'],
+    imports: [FaIconComponent, TranslateDirective, BarChartModule, QuizStatisticsFooterComponent, ArtemisTranslatePipe],
 })
-export class QuizPointStatisticComponent extends QuizStatistics implements OnInit, OnDestroy {
+export class QuizPointStatisticComponent extends AbstractQuizStatisticComponent implements OnInit, OnDestroy {
+    private route = inject(ActivatedRoute);
+    private router = inject(Router);
+    private accountService = inject(AccountService);
+    private quizExerciseService = inject(QuizExerciseService);
+    private jhiWebsocketService = inject(JhiWebsocketService);
+    private changeDetector = inject(ChangeDetectorRef);
+    private serverDateService = inject(ArtemisServerDateService);
+
     readonly round = round;
 
     quizExercise: QuizExercise;
     quizPointStatistic: QuizPointStatistic;
-    private sub: Subscription;
 
     labels: string[] = [];
 
@@ -48,7 +58,6 @@ export class QuizPointStatisticComponent extends QuizStatistics implements OnIni
     roundEdges = true;
     showDataLabel = true;
     height = 500;
-    tooltipDisabled = true;
     animations = false;
 
     // timer
@@ -60,25 +69,11 @@ export class QuizPointStatisticComponent extends QuizStatistics implements OnIni
     // Icons
     faSync = faSync;
 
-    constructor(
-        private route: ActivatedRoute,
-        private router: Router,
-        private accountService: AccountService,
-        protected translateService: TranslateService,
-        private quizExerciseService: QuizExerciseService,
-        private quizStatisticUtil: QuizStatisticUtil,
-        private jhiWebsocketService: JhiWebsocketService,
-        protected changeDetector: ChangeDetectorRef,
-        private serverDateService: ArtemisServerDateService,
-    ) {
-        super(translateService);
+    ngOnInit() {
         this.translateService.onLangChange.subscribe(() => {
             this.setAxisLabels('showStatistic.quizPointStatistic.xAxes', 'showStatistic.quizPointStatistic.yAxes');
         });
-    }
-
-    ngOnInit() {
-        this.sub = this.route.params.subscribe((params) => {
+        this.route.params.subscribe((params) => {
             // use different REST-call if the User is a Student
             if (this.accountService.hasAnyAuthorityDirect([Authority.ADMIN, Authority.INSTRUCTOR, Authority.EDITOR, Authority.TA])) {
                 this.quizExerciseService.find(params['exerciseId']).subscribe((res) => {
@@ -142,8 +137,8 @@ export class QuizPointStatisticComponent extends QuizStatistics implements OnIni
     /**
      * Express the given timespan as humanized text
      *
-     * @param remainingTimeSeconds {number} the amount of seconds to display
-     * @return {string} humanized text for the given amount of seconds
+     * @param remainingTimeSeconds the amount of seconds to display
+     * @return humanized text for the given amount of seconds
      */
     relativeTimeText(remainingTimeSeconds: number) {
         if (remainingTimeSeconds > 210) {
@@ -163,8 +158,7 @@ export class QuizPointStatisticComponent extends QuizStatistics implements OnIni
     /**
      * load the new quizPointStatistic from the server if the Websocket has been notified
      *
-     * @param {QuizPointStatistic} statistic: the new quizPointStatistic
-     *                                          from the server with the new Data.
+     * @param statistic the new quizPointStatistic from the server with the new Data.
      */
     loadNewData(statistic: QuizPointStatistic) {
         // if the Student finds a way to the Website
@@ -179,8 +173,7 @@ export class QuizPointStatisticComponent extends QuizStatistics implements OnIni
     /**
      * This functions loads the Quiz, which is necessary to build the Web-Template
      *
-     * @param {QuizExercise} quizExercise: the quizExercise,
-     *                              which this quiz-point-statistic presents.
+     * @param quizExercise the quizExercise, which this quiz-point-statistic presents.
      */
     loadQuizSuccess(quizExercise: QuizExercise) {
         // if the Student finds a way to the Website
diff --git a/src/main/webapp/app/exercises/quiz/manage/statistics/quiz-statistic.module.ts b/src/main/webapp/app/exercises/quiz/manage/statistics/quiz-statistic.module.ts
index e11918e73541..41dac88556de 100644
--- a/src/main/webapp/app/exercises/quiz/manage/statistics/quiz-statistic.module.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/statistics/quiz-statistic.module.ts
@@ -15,8 +15,12 @@ import { BarChartModule } from '@swimlane/ngx-charts';
 const ENTITY_STATES = [...quizStatisticRoute];
 
 @NgModule({
-    imports: [ArtemisSharedModule, RouterModule.forChild(ENTITY_STATES), ArtemisQuizQuestionTypesModule, ArtemisMarkdownModule, BarChartModule],
-    declarations: [
+    imports: [
+        ArtemisSharedModule,
+        RouterModule.forChild(ENTITY_STATES),
+        ArtemisQuizQuestionTypesModule,
+        ArtemisMarkdownModule,
+        BarChartModule,
         QuizStatisticComponent,
         QuizPointStatisticComponent,
         MultipleChoiceQuestionStatisticComponent,
diff --git a/src/main/webapp/app/exercises/quiz/manage/statistics/quiz-statistic.route.ts b/src/main/webapp/app/exercises/quiz/manage/statistics/quiz-statistic.route.ts
index 15b6ae44fbca..b25b085b3da4 100644
--- a/src/main/webapp/app/exercises/quiz/manage/statistics/quiz-statistic.route.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/statistics/quiz-statistic.route.ts
@@ -1,16 +1,12 @@
 import { Routes } from '@angular/router';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
-import { QuizStatisticComponent } from './quiz-statistic/quiz-statistic.component';
-import { QuizPointStatisticComponent } from './quiz-point-statistic/quiz-point-statistic.component';
-import { MultipleChoiceQuestionStatisticComponent } from './multiple-choice-question-statistic/multiple-choice-question-statistic.component';
-import { DragAndDropQuestionStatisticComponent } from './drag-and-drop-question-statistic/drag-and-drop-question-statistic.component';
-import { ShortAnswerQuestionStatisticComponent } from './short-answer-question-statistic/short-answer-question-statistic.component';
+
 import { Authority } from 'app/shared/constants/authority.constants';
 
 export const quizStatisticRoute: Routes = [
     {
         path: ':courseId/quiz-exercises/:exerciseId/quiz-statistic',
-        component: QuizStatisticComponent,
+        loadComponent: () => import('./quiz-statistic/quiz-statistic.component').then((m) => m.QuizStatisticComponent),
         data: {
             authorities: [Authority.USER],
             pageTitle: 'artemisApp.course.home.title',
@@ -19,7 +15,7 @@ export const quizStatisticRoute: Routes = [
     },
     {
         path: ':courseId/quiz-exercises/:exerciseId/quiz-point-statistic',
-        component: QuizPointStatisticComponent,
+        loadComponent: () => import('./quiz-point-statistic/quiz-point-statistic.component').then((m) => m.QuizPointStatisticComponent),
         data: {
             authorities: [Authority.USER],
             pageTitle: 'artemisApp.course.home.title',
@@ -28,7 +24,7 @@ export const quizStatisticRoute: Routes = [
     },
     {
         path: ':courseId/quiz-exercises/:exerciseId/mc-question-statistic/:questionId',
-        component: MultipleChoiceQuestionStatisticComponent,
+        loadComponent: () => import('./multiple-choice-question-statistic/multiple-choice-question-statistic.component').then((m) => m.MultipleChoiceQuestionStatisticComponent),
         data: {
             authorities: [Authority.USER],
             pageTitle: 'artemisApp.course.home.title',
@@ -37,7 +33,7 @@ export const quizStatisticRoute: Routes = [
     },
     {
         path: ':courseId/quiz-exercises/:exerciseId/dnd-question-statistic/:questionId',
-        component: DragAndDropQuestionStatisticComponent,
+        loadComponent: () => import('./drag-and-drop-question-statistic/drag-and-drop-question-statistic.component').then((m) => m.DragAndDropQuestionStatisticComponent),
         data: {
             authorities: [Authority.USER],
             pageTitle: 'artemisApp.course.home.title',
@@ -46,7 +42,7 @@ export const quizStatisticRoute: Routes = [
     },
     {
         path: ':courseId/quiz-exercises/:exerciseId/sa-question-statistic/:questionId',
-        component: ShortAnswerQuestionStatisticComponent,
+        loadComponent: () => import('./short-answer-question-statistic/short-answer-question-statistic.component').then((m) => m.ShortAnswerQuestionStatisticComponent),
         data: {
             authorities: [Authority.USER],
             pageTitle: 'artemisApp.course.home.title',
diff --git a/src/main/webapp/app/exercises/quiz/manage/statistics/quiz-statistic/quiz-statistic.component.ts b/src/main/webapp/app/exercises/quiz/manage/statistics/quiz-statistic/quiz-statistic.component.ts
index 9cea337abc1e..45b010a9e8df 100644
--- a/src/main/webapp/app/exercises/quiz/manage/statistics/quiz-statistic/quiz-statistic.component.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/statistics/quiz-statistic/quiz-statistic.component.ts
@@ -1,27 +1,35 @@
-import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
-import { TranslateService } from '@ngx-translate/core';
 import { HttpResponse } from '@angular/common/http';
-import { Subscription } from 'rxjs';
-import { QuizStatisticUtil } from 'app/exercises/quiz/shared/quiz-statistic-util.service';
 import { AccountService } from 'app/core/auth/account.service';
 import { JhiWebsocketService } from 'app/core/websocket/websocket.service';
 import { QuizExercise } from 'app/entities/quiz/quiz-exercise.model';
 import { QuizExerciseService } from 'app/exercises/quiz/manage/quiz-exercise.service';
 import { Authority } from 'app/shared/constants/authority.constants';
-import { QuizStatistics } from 'app/exercises/quiz/manage/statistics/quiz-statistics';
+import { AbstractQuizStatisticComponent } from 'app/exercises/quiz/manage/statistics/quiz-statistics';
 import { faSync } from '@fortawesome/free-solid-svg-icons';
 import { calculateMaxScore } from 'app/exercises/quiz/manage/statistics/quiz-statistic/quiz-statistics.utils';
 import { round } from 'app/shared/util/utils';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { BarChartModule } from '@swimlane/ngx-charts';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { QuizStatisticsFooterComponent } from '../quiz-statistics-footer/quiz-statistics-footer.component';
 
 @Component({
     selector: 'jhi-quiz-statistic',
     templateUrl: './quiz-statistic.component.html',
     styleUrls: ['../quiz-point-statistic/quiz-point-statistic.component.scss', '../../../../../shared/chart/vertical-bar-chart.scss'],
+    imports: [TranslateDirective, BarChartModule, FaIconComponent, QuizStatisticsFooterComponent],
 })
-export class QuizStatisticComponent extends QuizStatistics implements OnInit, OnDestroy {
+export class QuizStatisticComponent extends AbstractQuizStatisticComponent implements OnInit, OnDestroy {
+    private route = inject(ActivatedRoute);
+    private router = inject(Router);
+    private accountService = inject(AccountService);
+    private quizExerciseService = inject(QuizExerciseService);
+    private jhiWebsocketService = inject(JhiWebsocketService);
+    private changeDetector = inject(ChangeDetectorRef);
+
     quizExercise: QuizExercise;
-    private sub: Subscription;
 
     label: string[] = [];
     backgroundColor: string[] = [];
@@ -34,26 +42,13 @@ export class QuizStatisticComponent extends QuizStatistics implements OnInit, On
     // Icons
     faSync = faSync;
 
-    constructor(
-        private route: ActivatedRoute,
-        private router: Router,
-        private accountService: AccountService,
-        protected translateService: TranslateService,
-        private quizExerciseService: QuizExerciseService,
-        private quizStatisticUtil: QuizStatisticUtil,
-        private jhiWebsocketService: JhiWebsocketService,
-        private changeDetector: ChangeDetectorRef,
-    ) {
-        super(translateService);
+    ngOnInit() {
         this.translateService.onLangChange.subscribe(() => {
             this.setAxisLabels('showStatistic.quizStatistic.xAxes', 'showStatistic.quizStatistic.yAxes');
             this.ngxData[this.ngxData.length - 1].name = this.translateService.instant('showStatistic.quizStatistic.average');
             this.ngxData = [...this.ngxData];
         });
-    }
-
-    ngOnInit() {
-        this.sub = this.route.params.subscribe((params) => {
+        this.route.params.subscribe((params) => {
             // use different REST-call if the User is a Student
             if (this.accountService.hasAnyAuthorityDirect([Authority.ADMIN, Authority.INSTRUCTOR, Authority.EDITOR, Authority.TA])) {
                 this.quizExerciseService.find(params['exerciseId']).subscribe((res: HttpResponse<QuizExercise>) => {
@@ -85,7 +80,7 @@ export class QuizStatisticComponent extends QuizStatistics implements OnInit, On
      * This functions loads the Quiz, which is necessary to build the Web-Template
      * And it loads the new Data if the Websocket has been notified
      *
-     * @param {QuizExercise} quiz: the quizExercise, which this quiz-statistic presents.
+     * @param quiz the quizExercise, which this quiz-statistic presents.
      */
     loadQuizSuccess(quiz: QuizExercise) {
         // if the Student finds a way to the Website -> the Student will be sent back to Courses
diff --git a/src/main/webapp/app/exercises/quiz/manage/statistics/quiz-statistics-footer/quiz-statistics-footer.component.ts b/src/main/webapp/app/exercises/quiz/manage/statistics/quiz-statistics-footer/quiz-statistics-footer.component.ts
index 8765ef7488a4..f3cc4662659c 100644
--- a/src/main/webapp/app/exercises/quiz/manage/statistics/quiz-statistics-footer/quiz-statistics-footer.component.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/statistics/quiz-statistics-footer/quiz-statistics-footer.component.ts
@@ -1,5 +1,5 @@
-import { Component, Input, OnDestroy, OnInit } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
+import { Component, Input, OnDestroy, OnInit, inject } from '@angular/core';
+import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 import { QuizStatisticUtil } from 'app/exercises/quiz/shared/quiz-statistic-util.service';
 import { ShortAnswerQuestionUtil } from 'app/exercises/quiz/shared/short-answer-question-util.service';
 import { TranslateService } from '@ngx-translate/core';
@@ -16,14 +16,30 @@ import { Authority } from 'app/shared/constants/authority.constants';
 import { UI_RELOAD_TIME } from 'app/shared/constants/exercise-exam-constants';
 import { faListAlt } from '@fortawesome/free-regular-svg-icons';
 import { ArtemisServerDateService } from 'app/shared/server-date.service';
+import { NgbDropdown, NgbDropdownMenu, NgbDropdownToggle } from '@ng-bootstrap/ng-bootstrap';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgClass } from '@angular/common';
+import { JhiConnectionStatusComponent } from 'app/shared/connection-status/connection-status.component';
+import { TruncatePipe } from 'app/shared/pipes/truncate.pipe';
 
 @Component({
     selector: 'jhi-quiz-statistics-footer',
     templateUrl: './quiz-statistics-footer.component.html',
     providers: [QuizStatisticUtil, ShortAnswerQuestionUtil],
     styleUrls: ['./quiz-statistics-footer.component.scss', '../../../shared/quiz.scss'],
+    imports: [NgbDropdown, NgbDropdownToggle, FaIconComponent, TranslateDirective, NgbDropdownMenu, RouterLink, NgClass, JhiConnectionStatusComponent, TruncatePipe],
 })
 export class QuizStatisticsFooterComponent implements OnInit, OnDestroy {
+    private route = inject(ActivatedRoute);
+    private router = inject(Router);
+    private accountService = inject(AccountService);
+    private translateService = inject(TranslateService);
+    private quizExerciseService = inject(QuizExerciseService);
+    private quizStatisticUtil = inject(QuizStatisticUtil);
+    private jhiWebsocketService = inject(JhiWebsocketService);
+    private serverDateService = inject(ArtemisServerDateService);
+
     @Input() isQuizPointStatistic: boolean;
     @Input() isQuizStatistic: boolean;
 
@@ -47,17 +63,6 @@ export class QuizStatisticsFooterComponent implements OnInit, OnDestroy {
     // Icons
     farListAlt = faListAlt;
 
-    constructor(
-        private route: ActivatedRoute,
-        private router: Router,
-        private accountService: AccountService,
-        private translateService: TranslateService,
-        private quizExerciseService: QuizExerciseService,
-        private quizStatisticUtil: QuizStatisticUtil,
-        private jhiWebsocketService: JhiWebsocketService,
-        private serverDateService: ArtemisServerDateService,
-    ) {}
-
     ngOnInit() {
         this.sub = this.route.params.subscribe((params) => {
             this.questionIdParam = +params['questionId'];
diff --git a/src/main/webapp/app/exercises/quiz/manage/statistics/quiz-statistics.ts b/src/main/webapp/app/exercises/quiz/manage/statistics/quiz-statistics.ts
index 39feb170c584..6598c34e86b8 100644
--- a/src/main/webapp/app/exercises/quiz/manage/statistics/quiz-statistics.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/statistics/quiz-statistics.ts
@@ -1,11 +1,15 @@
-import { ChangeDetectorRef } from '@angular/core';
+import { ChangeDetectorRef, Component, inject } from '@angular/core';
 import { Color, ScaleType } from '@swimlane/ngx-charts';
 import { round } from 'app/shared/util/utils';
 import { QuizStatistic } from 'app/entities/quiz/quiz-statistic.model';
 import { TranslateService } from '@ngx-translate/core';
 import { NgxChartsSingleSeriesDataEntry } from 'app/shared/chart/ngx-charts-datatypes';
 
-export abstract class QuizStatistics {
+@Component({
+    template: '',
+})
+export abstract class AbstractQuizStatisticComponent {
+    protected translateService = inject(TranslateService);
     data: number[] = [];
     ratedData: number[] = [];
     unratedData: number[] = [];
@@ -26,8 +30,6 @@ export abstract class QuizStatistics {
     chartLabels: string[] = [];
     totalParticipants = 0;
 
-    constructor(protected translateService: TranslateService) {}
-
     /**
      * Depending on if the rated or unrated results should be displayed,
      * The amount of participants as well as the corresponding scores are set
diff --git a/src/main/webapp/app/exercises/quiz/manage/statistics/short-answer-question-statistic/short-answer-question-statistic.component.ts b/src/main/webapp/app/exercises/quiz/manage/statistics/short-answer-question-statistic/short-answer-question-statistic.component.ts
index 1f60773b9d81..401a339ed563 100644
--- a/src/main/webapp/app/exercises/quiz/manage/statistics/short-answer-question-statistic/short-answer-question-statistic.component.ts
+++ b/src/main/webapp/app/exercises/quiz/manage/statistics/short-answer-question-statistic/short-answer-question-statistic.component.ts
@@ -1,18 +1,17 @@
-import { ChangeDetectorRef, Component } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
-import { TranslateService } from '@ngx-translate/core';
+import { Component, inject } from '@angular/core';
 import { QuizStatisticUtil } from 'app/exercises/quiz/shared/quiz-statistic-util.service';
 import { ShortAnswerQuestionUtil } from 'app/exercises/quiz/shared/short-answer-question-util.service';
 import { ArtemisMarkdownService } from 'app/shared/markdown.service';
-import { AccountService } from 'app/core/auth/account.service';
-import { JhiWebsocketService } from 'app/core/websocket/websocket.service';
 import { ShortAnswerQuestion } from 'app/entities/quiz/short-answer-question.model';
-import { QuizExerciseService } from 'app/exercises/quiz/manage/quiz-exercise.service';
 import { ShortAnswerQuestionStatistic } from 'app/entities/quiz/short-answer-question-statistic.model';
 import { ShortAnswerSolution } from 'app/entities/quiz/short-answer-solution.model';
 import { QuizExercise } from 'app/entities/quiz/quiz-exercise.model';
 import { QuestionStatisticComponent, blueColor, greenColor } from 'app/exercises/quiz/manage/statistics/question-statistic.component';
 import { faCheckCircle, faSync, faTimesCircle } from '@fortawesome/free-solid-svg-icons';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { BarChartModule } from '@swimlane/ngx-charts';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { QuizStatisticsFooterComponent } from '../quiz-statistics-footer/quiz-statistics-footer.component';
 
 @Component({
     selector: 'jhi-short-answer-question-statistic',
@@ -23,8 +22,12 @@ import { faCheckCircle, faSync, faTimesCircle } from '@fortawesome/free-solid-sv
         '../quiz-point-statistic/quiz-point-statistic.component.scss',
         './short-answer-question-statistic.component.scss',
     ],
+    imports: [TranslateDirective, BarChartModule, FaIconComponent, QuizStatisticsFooterComponent],
 })
 export class ShortAnswerQuestionStatisticComponent extends QuestionStatisticComponent {
+    shortAnswerQuestionUtil = inject(ShortAnswerQuestionUtil);
+    private artemisMarkdown = inject(ArtemisMarkdownService);
+
     declare question: ShortAnswerQuestion;
 
     textParts: string[][];
@@ -37,27 +40,6 @@ export class ShortAnswerQuestionStatisticComponent extends QuestionStatisticComp
     faCheckCircle = faCheckCircle;
     faTimesCircle = faTimesCircle;
 
-    constructor(
-        route: ActivatedRoute,
-        router: Router,
-        accountService: AccountService,
-        translateService: TranslateService,
-        quizExerciseService: QuizExerciseService,
-        jhiWebsocketService: JhiWebsocketService,
-        quizStatisticUtil: QuizStatisticUtil,
-        public shortAnswerQuestionUtil: ShortAnswerQuestionUtil,
-        private artemisMarkdown: ArtemisMarkdownService,
-        protected changeDetector: ChangeDetectorRef,
-    ) {
-        super(route, router, accountService, translateService, quizExerciseService, jhiWebsocketService, changeDetector);
-    }
-
-    /**
-     * This functions loads the Quiz, which is necessary to build the Web-Template
-     *
-     * @param {QuizExercise} quiz: the quizExercise, which the selected question is part of.
-     * @param {boolean} refresh: true if method is called from Websocket
-     */
     loadQuiz(quiz: QuizExercise, refresh: boolean) {
         const updatedQuestion = super.loadQuizCommon(quiz);
         if (!updatedQuestion) {
@@ -102,8 +84,8 @@ export class ShortAnswerQuestionStatisticComponent extends QuestionStatisticComp
     loadLayout() {
         this.resetLabelsColors();
 
-        // set label and backgroundcolor based on the spots
-        this.question.spots!.forEach((spot, i) => {
+        // set label and background color based on the spots
+        this.question.spots!.forEach((_spot, i) => {
             this.labels.push(this.getLetter(i) + '.');
             this.solutionLabels.push(this.getLetter(i) + '.');
             this.backgroundColors.push(blueColor);
diff --git a/src/main/webapp/app/exercises/quiz/participate/quiz-participation.component.ts b/src/main/webapp/app/exercises/quiz/participate/quiz-participation.component.ts
index 599e48e43a22..70a3f28af980 100644
--- a/src/main/webapp/app/exercises/quiz/participate/quiz-participation.component.ts
+++ b/src/main/webapp/app/exercises/quiz/participate/quiz-participation.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnDestroy, OnInit, QueryList, ViewChildren } from '@angular/core';
+import { Component, OnDestroy, OnInit, QueryList, ViewChildren, inject } from '@angular/core';
 import dayjs from 'dayjs/esm';
 import isMobile from 'ismobilejs-es5';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
@@ -38,14 +38,49 @@ import { captureException } from '@sentry/angular';
 import { getCourseFromExercise } from 'app/entities/exercise.model';
 import { faCircleNotch, faSync } from '@fortawesome/free-solid-svg-icons';
 import { ArtemisServerDateService } from 'app/shared/server-date.service';
+import { NgClass, NgTemplateOutlet } from '@angular/common';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ButtonComponent } from 'app/shared/components/button.component';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { JhiConnectionStatusComponent } from 'app/shared/connection-status/connection-status.component';
+import { FormsModule } from '@angular/forms';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-quiz',
     templateUrl: './quiz-participation.component.html',
     providers: [ParticipationService],
     styleUrls: ['./quiz-participation.component.scss'],
+    imports: [
+        NgClass,
+        NgTemplateOutlet,
+        TranslateDirective,
+        ButtonComponent,
+        NgbTooltip,
+        MultipleChoiceQuestionComponent,
+        DragAndDropQuestionComponent,
+        ShortAnswerQuestionComponent,
+        JhiConnectionStatusComponent,
+        FormsModule,
+        FaIconComponent,
+        ArtemisDatePipe,
+        ArtemisTranslatePipe,
+    ],
 })
 export class QuizParticipationComponent implements OnInit, OnDestroy {
+    private jhiWebsocketService = inject(JhiWebsocketService);
+    private quizExerciseService = inject(QuizExerciseService);
+    private participationService = inject(ParticipationService);
+    private route = inject(ActivatedRoute);
+    private router = inject(Router);
+    private alertService = inject(AlertService);
+    private quizParticipationService = inject(QuizParticipationService);
+    private translateService = inject(TranslateService);
+    private quizService = inject(ArtemisQuizService);
+    private serverDateService = inject(ArtemisServerDateService);
+
     // make constants available to html for comparison
     readonly DRAG_AND_DROP = QuizQuestionType.DRAG_AND_DROP;
     readonly MULTIPLE_CHOICE = QuizQuestionType.MULTIPLE_CHOICE;
@@ -128,18 +163,7 @@ export class QuizParticipationComponent implements OnInit, OnDestroy {
     faSync = faSync;
     faCircleNotch = faCircleNotch;
 
-    constructor(
-        private jhiWebsocketService: JhiWebsocketService,
-        private quizExerciseService: QuizExerciseService,
-        private participationService: ParticipationService,
-        private route: ActivatedRoute,
-        private router: Router,
-        private alertService: AlertService,
-        private quizParticipationService: QuizParticipationService,
-        private translateService: TranslateService,
-        private quizService: ArtemisQuizService,
-        private serverDateService: ArtemisServerDateService,
-    ) {
+    constructor() {
         smoothscroll.polyfill();
     }
 
diff --git a/src/main/webapp/app/exercises/quiz/participate/quiz-participation.module.ts b/src/main/webapp/app/exercises/quiz/participate/quiz-participation.module.ts
index 596dcbec2306..30682ecaf6d2 100644
--- a/src/main/webapp/app/exercises/quiz/participate/quiz-participation.module.ts
+++ b/src/main/webapp/app/exercises/quiz/participate/quiz-participation.module.ts
@@ -1,13 +1,12 @@
 import { NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
-import { quizParticipationRoute } from './quiz-participation.route';
-import { QuizParticipationComponent } from './quiz-participation.component';
+import { quizParticipationRoute } from 'app/exercises/quiz/participate/quiz-participation.route';
+import { QuizParticipationComponent } from 'app/exercises/quiz/participate/quiz-participation.component';
 import { ArtemisSharedComponentModule } from 'app/shared/components/shared-component.module';
 import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { ArtemisQuizQuestionTypesModule } from 'app/exercises/quiz/shared/questions/artemis-quiz-question-types.module';
 
 @NgModule({
-    imports: [ArtemisSharedModule, RouterModule.forChild(quizParticipationRoute), ArtemisSharedComponentModule, ArtemisQuizQuestionTypesModule],
-    declarations: [QuizParticipationComponent],
+    imports: [ArtemisSharedModule, RouterModule.forChild(quizParticipationRoute), ArtemisSharedComponentModule, ArtemisQuizQuestionTypesModule, QuizParticipationComponent],
 })
 export class ArtemisQuizParticipationModule {}
diff --git a/src/main/webapp/app/exercises/quiz/participate/quiz-participation.route.ts b/src/main/webapp/app/exercises/quiz/participate/quiz-participation.route.ts
index 4c6e37d7b94e..48d5110a64b2 100644
--- a/src/main/webapp/app/exercises/quiz/participate/quiz-participation.route.ts
+++ b/src/main/webapp/app/exercises/quiz/participate/quiz-participation.route.ts
@@ -1,12 +1,11 @@
 import { Routes } from '@angular/router';
 
-import { QuizParticipationComponent } from './quiz-participation.component';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
 
 export const quizParticipationRoute: Routes = [
     {
         path: 'live',
-        component: QuizParticipationComponent,
+        loadComponent: () => import('./quiz-participation.component').then((m) => m.QuizParticipationComponent),
         data: {
             authorities: [],
             pageTitle: 'artemisApp.quizExercise.home.title',
@@ -16,7 +15,7 @@ export const quizParticipationRoute: Routes = [
     },
     {
         path: 'practice',
-        component: QuizParticipationComponent,
+        loadComponent: () => import('./quiz-participation.component').then((m) => m.QuizParticipationComponent),
         data: {
             authorities: [],
             pageTitle: 'artemisApp.quizExercise.home.title',
diff --git a/src/main/webapp/app/exercises/quiz/participate/quiz-participation.service.ts b/src/main/webapp/app/exercises/quiz/participate/quiz-participation.service.ts
index f6eb1bdc696c..5ccce2db131b 100644
--- a/src/main/webapp/app/exercises/quiz/participate/quiz-participation.service.ts
+++ b/src/main/webapp/app/exercises/quiz/participate/quiz-participation.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { QuizSubmission } from 'app/entities/quiz/quiz-submission.model';
@@ -11,10 +11,8 @@ export type ResultResponseType = HttpResponse<Result>;
 
 @Injectable({ providedIn: 'root' })
 export class QuizParticipationService {
-    constructor(
-        private http: HttpClient,
-        private submissionService: SubmissionService,
-    ) {}
+    private http = inject(HttpClient);
+    private submissionService = inject(SubmissionService);
 
     submitForPractice(quizSubmission: QuizSubmission, exerciseId: number): Observable<ResultResponseType> {
         const copy = this.submissionService.convert(quizSubmission);
diff --git a/src/main/webapp/app/exercises/quiz/shared/drag-and-drop-question-util.service.ts b/src/main/webapp/app/exercises/quiz/shared/drag-and-drop-question-util.service.ts
index 741254eb7446..73462d5e6752 100644
--- a/src/main/webapp/app/exercises/quiz/shared/drag-and-drop-question-util.service.ts
+++ b/src/main/webapp/app/exercises/quiz/shared/drag-and-drop-question-util.service.ts
@@ -6,8 +6,6 @@ import { BaseEntityWithTempId, DropLocation } from 'app/entities/quiz/drop-locat
 
 @Injectable({ providedIn: 'root' })
 export class DragAndDropQuestionUtil {
-    constructor() {}
-
     /**
      * Get a sample solution for the given drag and drop question
      *
diff --git a/src/main/webapp/app/exercises/quiz/shared/fit-text/fit-text.directive.ts b/src/main/webapp/app/exercises/quiz/shared/fit-text/fit-text.directive.ts
index eb0c9fc9ba89..b41c9d4b1924 100644
--- a/src/main/webapp/app/exercises/quiz/shared/fit-text/fit-text.directive.ts
+++ b/src/main/webapp/app/exercises/quiz/shared/fit-text/fit-text.directive.ts
@@ -1,10 +1,11 @@
-import { AfterViewInit, Directive, ElementRef, HostListener, Input, OnChanges, OnInit, Renderer2, SimpleChanges } from '@angular/core';
+import { AfterViewInit, Directive, ElementRef, HostListener, Input, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges, inject } from '@angular/core';
 
 // NOTE: this code was taken from https://github.com/sollenne/angular-fittext because the repository was not maintained any more since June 2018
 
-// eslint-disable-next-line @angular-eslint/directive-selector
 @Directive({ selector: '[fitText]' })
-export class FitTextDirective implements AfterViewInit, OnInit, OnChanges {
+export class FitTextDirective implements AfterViewInit, OnInit, OnChanges, OnDestroy {
+    private renderer = inject(Renderer2);
+
     @Input() fitText = true;
     @Input() compression = 1;
     @Input() activateOnResize = true;
@@ -23,12 +24,11 @@ export class FitTextDirective implements AfterViewInit, OnInit, OnChanges {
     private fitTextMinFontSize: number;
     private fitTextMaxFontSize: number;
     private calcSize = 10;
-    private resizeTimeout: any;
+    private resizeTimeout: NodeJS.Timeout;
+
+    constructor() {
+        const el = inject(ElementRef);
 
-    constructor(
-        private el: ElementRef,
-        private renderer: Renderer2,
-    ) {
         this.fitTextElement = el.nativeElement;
         this.fitTextParent = this.fitTextElement.parentElement!;
         this.computed = window.getComputedStyle(this.fitTextElement);
@@ -65,6 +65,10 @@ export class FitTextDirective implements AfterViewInit, OnInit, OnChanges {
         }
     }
 
+    public ngOnDestroy() {
+        clearTimeout(this.resizeTimeout);
+    }
+
     private setFontSize = (delay: number = this.delay): void => {
         this.resizeTimeout = setTimeout(() => {
             if (this.fitTextElement.offsetHeight * this.fitTextElement.offsetWidth !== 0) {
diff --git a/src/main/webapp/app/exercises/quiz/shared/fit-text/fit-text.module.ts b/src/main/webapp/app/exercises/quiz/shared/fit-text/fit-text.module.ts
deleted file mode 100644
index f2e9ed2dccdc..000000000000
--- a/src/main/webapp/app/exercises/quiz/shared/fit-text/fit-text.module.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { NgModule } from '@angular/core';
-import { FitTextDirective } from 'app/exercises/quiz/shared/fit-text/fit-text.directive';
-
-@NgModule({
-    declarations: [FitTextDirective],
-    exports: [FitTextDirective],
-})
-export class FitTextModule {}
diff --git a/src/main/webapp/app/exercises/quiz/shared/questions/artemis-quiz-question-types.module.ts b/src/main/webapp/app/exercises/quiz/shared/questions/artemis-quiz-question-types.module.ts
index 65ca1d3acea7..3d1bc34d5a45 100644
--- a/src/main/webapp/app/exercises/quiz/shared/questions/artemis-quiz-question-types.module.ts
+++ b/src/main/webapp/app/exercises/quiz/shared/questions/artemis-quiz-question-types.module.ts
@@ -7,12 +7,14 @@ import { DragItemComponent } from './drag-and-drop-question/drag-item.component'
 import { DragDropModule } from '@angular/cdk/drag-drop';
 import { QuizScoringInfoStudentModalComponent } from 'app/exercises/quiz/shared/questions/quiz-scoring-infostudent-modal/quiz-scoring-info-student-modal.component';
 import { ArtemisMarkdownModule } from 'app/shared/markdown.module';
-import { FitTextModule } from 'app/exercises/quiz/shared/fit-text/fit-text.module';
+
 import { MultipleChoiceVisualQuestionComponent } from 'app/exercises/quiz/shared/questions/multiple-choice-question/multiple-choice-visual-question.component';
 
 @NgModule({
-    imports: [ArtemisSharedModule, DragDropModule, ArtemisMarkdownModule, FitTextModule],
-    declarations: [
+    imports: [
+        ArtemisSharedModule,
+        DragDropModule,
+        ArtemisMarkdownModule,
         DragItemComponent,
         DragAndDropQuestionComponent,
         MultipleChoiceQuestionComponent,
diff --git a/src/main/webapp/app/exercises/quiz/shared/questions/drag-and-drop-question/drag-and-drop-question.component.ts b/src/main/webapp/app/exercises/quiz/shared/questions/drag-and-drop-question/drag-and-drop-question.component.ts
index 64275c7e790f..b935449e83f0 100644
--- a/src/main/webapp/app/exercises/quiz/shared/questions/drag-and-drop-question/drag-and-drop-question.component.ts
+++ b/src/main/webapp/app/exercises/quiz/shared/questions/drag-and-drop-question/drag-and-drop-question.component.ts
@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, OnChanges, OnInit, Output, ViewChild, ViewEncapsulation } from '@angular/core';
+import { Component, EventEmitter, Input, OnChanges, OnInit, Output, ViewChild, ViewEncapsulation, inject } from '@angular/core';
 import { ArtemisMarkdownService } from 'app/shared/markdown.service';
 import { DragAndDropQuestionUtil } from 'app/exercises/quiz/shared/drag-and-drop-question-util.service';
 import { polyfill } from 'mobile-drag-drop';
@@ -9,8 +9,14 @@ import { DragAndDropMapping } from 'app/entities/quiz/drag-and-drop-mapping.mode
 import { RenderedQuizQuestionMarkDownElement } from 'app/entities/quiz/quiz-question.model';
 import { DropLocation } from 'app/entities/quiz/drop-location.model';
 import { faExclamationCircle, faExclamationTriangle, faQuestionCircle, faSpinner } from '@fortawesome/free-solid-svg-icons';
-import { CdkDragDrop } from '@angular/cdk/drag-drop';
+import { CdkDragDrop, CdkDropList, CdkDropListGroup } from '@angular/cdk/drag-drop';
 import { DragItem } from 'app/entities/quiz/drag-item.model';
+import { NgClass, NgStyle } from '@angular/common';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgbPopover, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { QuizScoringInfoStudentModalComponent } from '../quiz-scoring-infostudent-modal/quiz-scoring-info-student-modal.component';
+import { DragItemComponent } from './drag-item.component';
 
 // options are optional ;)
 polyfill({
@@ -36,8 +42,24 @@ enum MappingResult {
     providers: [DragAndDropQuestionUtil],
     styleUrls: ['./drag-and-drop-question.component.scss', '../../../participate/quiz-participation.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [
+        NgClass,
+        FaIconComponent,
+        TranslateDirective,
+        NgbPopover,
+        QuizScoringInfoStudentModalComponent,
+        CdkDropListGroup,
+        SecuredImageComponent,
+        CdkDropList,
+        NgStyle,
+        DragItemComponent,
+        NgbTooltip,
+    ],
 })
 export class DragAndDropQuestionComponent implements OnChanges, OnInit {
+    private artemisMarkdown = inject(ArtemisMarkdownService);
+    private dragAndDropQuestionUtil = inject(DragAndDropQuestionUtil);
+
     /** needed to trigger a manual reload of the drag and drop background picture */
     @ViewChild(SecuredImageComponent, { static: false })
     secureImageComponent: SecuredImageComponent;
@@ -100,16 +122,11 @@ export class DragAndDropQuestionComponent implements OnChanges, OnInit {
     faExclamationTriangle = faExclamationTriangle;
     faExclamationCircle = faExclamationCircle;
 
-    constructor(
-        private artemisMarkdown: ArtemisMarkdownService,
-        private dragAndDropQuestionUtil: DragAndDropQuestionUtil,
-    ) {}
-
     ngOnInit(): void {
         this.evaluateDropLocations();
     }
 
-    ngOnChanges(): void {
+    ngOnChanges() {
         this.evaluateDropLocations();
     }
 
@@ -215,8 +232,8 @@ export class DragAndDropQuestionComponent implements OnChanges, OnInit {
     /**
      * Get the drag item that was mapped to the given drop location
      *
-     * @param dropLocation {object} the drop location that the drag item should be mapped to
-     * @return {object | undefined} the mapped drag item, or undefined, if no drag item has been mapped to this location
+     * @param dropLocation the drop location that the drag item should be mapped to
+     * @return the mapped drag item, or undefined, if no drag item has been mapped to this location
      */
     dragItemForDropLocation(dropLocation: DropLocation) {
         if (this.mappings) {
@@ -238,7 +255,7 @@ export class DragAndDropQuestionComponent implements OnChanges, OnInit {
     /**
      * Get all drag items that have not been assigned to a drop location yet
      *
-     * @return {Array} an array of all unassigned drag items
+     * @returnan array of all unassigned drag items
      */
     getUnassignedDragItems() {
         return this.question.dragItems?.filter((dragItem) => {
@@ -312,8 +329,8 @@ export class DragAndDropQuestionComponent implements OnChanges, OnInit {
     /**
      * Get the drag item that was mapped to the given drop location in the sample solution
      *
-     * @param dropLocation {object} the drop location that the drag item should be mapped to
-     * @return {DragItem | undefined} the mapped drag item, or undefined, if no drag item has been mapped to this location
+     * @param dropLocation the drop location that the drag item should be mapped to
+     * @return the mapped drag item, or undefined, if no drag item has been mapped to this location
      */
     correctDragItemForDropLocation(dropLocation: DropLocation) {
         const dragAndDropQuestionUtil = this.dragAndDropQuestionUtil;
diff --git a/src/main/webapp/app/exercises/quiz/shared/questions/drag-and-drop-question/drag-item.component.ts b/src/main/webapp/app/exercises/quiz/shared/questions/drag-and-drop-question/drag-item.component.ts
index 1d2b06714b93..3d4e920820d5 100644
--- a/src/main/webapp/app/exercises/quiz/shared/questions/drag-and-drop-question/drag-item.component.ts
+++ b/src/main/webapp/app/exercises/quiz/shared/questions/drag-and-drop-question/drag-item.component.ts
@@ -1,12 +1,18 @@
 import { Component, Input, OnInit, ViewEncapsulation } from '@angular/core';
 import isMobile from 'ismobilejs-es5';
 import { DragItem } from 'app/entities/quiz/drag-item.model';
+import { NgClass, NgStyle } from '@angular/common';
+import { CdkDrag, CdkDragPlaceholder, CdkDragPreview } from '@angular/cdk/drag-drop';
+import { SecuredImageComponent } from 'app/shared/image/secured-image.component';
+import { FitTextDirective } from '../../fit-text/fit-text.directive';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
     selector: 'jhi-drag-item',
     templateUrl: './drag-item.component.html',
     styleUrls: ['./drag-item.component.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [NgClass, NgStyle, CdkDrag, SecuredImageComponent, CdkDragPlaceholder, FitTextDirective, CdkDragPreview, TranslateDirective],
 })
 export class DragItemComponent implements OnInit {
     @Input() minWidth: string;
@@ -16,8 +22,6 @@ export class DragItemComponent implements OnInit {
     @Input() filePreviewPaths: Map<string, string> = new Map<string, string>();
     isMobile = false;
 
-    constructor() {}
-
     /**
      * Initializes device information and whether the device is a mobile device
      */
diff --git a/src/main/webapp/app/exercises/quiz/shared/questions/multiple-choice-question/multiple-choice-question.component.ts b/src/main/webapp/app/exercises/quiz/shared/questions/multiple-choice-question/multiple-choice-question.component.ts
index 183d2f78a897..26a84e2563d9 100644
--- a/src/main/webapp/app/exercises/quiz/shared/questions/multiple-choice-question/multiple-choice-question.component.ts
+++ b/src/main/webapp/app/exercises/quiz/shared/questions/multiple-choice-question/multiple-choice-question.component.ts
@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
+import { Component, EventEmitter, Input, Output, ViewEncapsulation, inject } from '@angular/core';
 import { ArtemisMarkdownService } from 'app/shared/markdown.service';
 import { AnswerOption } from 'app/entities/quiz/answer-option.model';
 import { MultipleChoiceQuestion } from 'app/entities/quiz/multiple-choice-question.model';
@@ -6,14 +6,23 @@ import { QuizQuestion, RenderedQuizQuestionMarkDownElement } from 'app/entities/
 import { Result } from 'app/entities/result.model';
 import { faExclamationCircle, faExclamationTriangle, faQuestionCircle } from '@fortawesome/free-solid-svg-icons';
 import { faCheckSquare, faCircle, faDotCircle, faSquare } from '@fortawesome/free-regular-svg-icons';
+import { NgClass } from '@angular/common';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgbPopover, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { QuizScoringInfoStudentModalComponent } from '../quiz-scoring-infostudent-modal/quiz-scoring-info-student-modal.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-multiple-choice-question',
     templateUrl: './multiple-choice-question.component.html',
     styleUrls: ['./multiple-choice-question.component.scss', '../../../participate/quiz-participation.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [NgClass, TranslateDirective, NgbPopover, FaIconComponent, QuizScoringInfoStudentModalComponent, NgbTooltip, ArtemisTranslatePipe],
 })
 export class MultipleChoiceQuestionComponent {
+    private artemisMarkdown = inject(ArtemisMarkdownService);
+
     _question: MultipleChoiceQuestion;
 
     @Input()
@@ -58,8 +67,6 @@ export class MultipleChoiceQuestionComponent {
     faCircle = faCircle;
     faDotCircle = faDotCircle;
 
-    constructor(private artemisMarkdown: ArtemisMarkdownService) {}
-
     /**
      * Update html for text, hint and explanation for the question and every answer option
      */
diff --git a/src/main/webapp/app/exercises/quiz/shared/questions/multiple-choice-question/multiple-choice-visual-question.component.ts b/src/main/webapp/app/exercises/quiz/shared/questions/multiple-choice-question/multiple-choice-visual-question.component.ts
index 5d3ce99651c3..2f8d68fe691e 100644
--- a/src/main/webapp/app/exercises/quiz/shared/questions/multiple-choice-question/multiple-choice-visual-question.component.ts
+++ b/src/main/webapp/app/exercises/quiz/shared/questions/multiple-choice-question/multiple-choice-visual-question.component.ts
@@ -3,12 +3,19 @@ import { MultipleChoiceQuestion } from 'app/entities/quiz/multiple-choice-questi
 import { faCheck, faExclamationCircle, faExclamationTriangle, faPlus, faQuestionCircle, faTrash, faXmark } from '@fortawesome/free-solid-svg-icons';
 import { faCircle } from '@fortawesome/free-regular-svg-icons';
 import { AnswerOption } from 'app/entities/quiz/answer-option.model';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FormsModule } from '@angular/forms';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { NgClass } from '@angular/common';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-multiple-choice-visual-question',
     templateUrl: './multiple-choice-visual-question.component.html',
     styleUrls: ['./multiple-choice-question.component.scss', '../../../participate/quiz-participation.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [TranslateDirective, FormsModule, FaIconComponent, NgbTooltip, NgClass, ArtemisTranslatePipe],
 })
 export class MultipleChoiceVisualQuestionComponent {
     _question: MultipleChoiceQuestion;
@@ -33,8 +40,6 @@ export class MultipleChoiceVisualQuestionComponent {
     faTrash = faTrash;
     faXmark = faXmark;
 
-    constructor() {}
-
     parseQuestion() {
         let markdown = this.question.text ?? '';
 
diff --git a/src/main/webapp/app/exercises/quiz/shared/questions/quiz-scoring-infostudent-modal/quiz-scoring-info-student-modal.component.ts b/src/main/webapp/app/exercises/quiz/shared/questions/quiz-scoring-infostudent-modal/quiz-scoring-info-student-modal.component.ts
index 5ac7d0af0c23..864d808ca87a 100644
--- a/src/main/webapp/app/exercises/quiz/shared/questions/quiz-scoring-infostudent-modal/quiz-scoring-info-student-modal.component.ts
+++ b/src/main/webapp/app/exercises/quiz/shared/questions/quiz-scoring-infostudent-modal/quiz-scoring-info-student-modal.component.ts
@@ -1,4 +1,4 @@
-import { AfterViewInit, Component, Input } from '@angular/core';
+import { AfterViewInit, Component, Input, inject } from '@angular/core';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 import { TranslateService } from '@ngx-translate/core';
 import { Result } from 'app/entities/result.model';
@@ -11,13 +11,20 @@ import { AnswerOption } from 'app/entities/quiz/answer-option.model';
 import { ShortAnswerSubmittedText } from 'app/entities/quiz/short-answer-submitted-text.model';
 import { MultipleChoiceQuestion } from 'app/entities/quiz/multiple-choice-question.model';
 import { faQuestionCircle } from '@fortawesome/free-regular-svg-icons';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgClass } from '@angular/common';
 
 @Component({
     selector: 'jhi-quiz-scoring-infostudent-modal',
     templateUrl: './quiz-scoring-info-student-modal.component.html',
     styleUrls: ['./quiz-scoring-info-student-modal.component.scss'],
+    imports: [TranslateDirective, FaIconComponent, NgClass],
 })
 export class QuizScoringInfoStudentModalComponent implements AfterViewInit {
+    private modalService = inject(NgbModal);
+    private translateService = inject(TranslateService);
+
     QuizQuestionType = QuizQuestionType;
     ScoringType = ScoringType;
 
@@ -68,11 +75,6 @@ export class QuizScoringInfoStudentModalComponent implements AfterViewInit {
     // Icons
     farQuestionCircle = faQuestionCircle;
 
-    constructor(
-        private modalService: NgbModal,
-        private translateService: TranslateService,
-    ) {}
-
     /**
      * Count the variables depending on the quiz question type
      */
diff --git a/src/main/webapp/app/exercises/quiz/shared/questions/short-answer-question/short-answer-question.component.ts b/src/main/webapp/app/exercises/quiz/shared/questions/short-answer-question/short-answer-question.component.ts
index 8d6e7a41e96e..523ac041f6a5 100644
--- a/src/main/webapp/app/exercises/quiz/shared/questions/short-answer-question/short-answer-question.component.ts
+++ b/src/main/webapp/app/exercises/quiz/shared/questions/short-answer-question/short-answer-question.component.ts
@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
+import { Component, EventEmitter, Input, Output, ViewEncapsulation, inject } from '@angular/core';
 import { ArtemisMarkdownService } from 'app/shared/markdown.service';
 import { ShortAnswerQuestionUtil } from 'app/exercises/quiz/shared/short-answer-question-util.service';
 import { ShortAnswerSolution } from 'app/entities/quiz/short-answer-solution.model';
@@ -8,6 +8,12 @@ import { QuizQuestion, RenderedQuizQuestionMarkDownElement } from 'app/entities/
 import { faExclamationCircle } from '@fortawesome/free-solid-svg-icons';
 import { faQuestionCircle } from '@fortawesome/free-regular-svg-icons';
 import { MAX_QUIZ_SHORT_ANSWER_TEXT_LENGTH } from 'app/shared/constants/input.constants';
+import { NgClass } from '@angular/common';
+import { NgbPopover, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { QuizScoringInfoStudentModalComponent } from '../quiz-scoring-infostudent-modal/quiz-scoring-info-student-modal.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-short-answer-question',
@@ -15,8 +21,12 @@ import { MAX_QUIZ_SHORT_ANSWER_TEXT_LENGTH } from 'app/shared/constants/input.co
     providers: [ShortAnswerQuestionUtil],
     styleUrls: ['./short-answer-question.component.scss', '../../../participate/quiz-participation.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [NgClass, NgbTooltip, TranslateDirective, NgbPopover, FaIconComponent, QuizScoringInfoStudentModalComponent, ArtemisTranslatePipe],
 })
 export class ShortAnswerQuestionComponent {
+    private artemisMarkdown = inject(ArtemisMarkdownService);
+    shortAnswerQuestionUtil = inject(ShortAnswerQuestionUtil);
+
     shortAnswerQuestion: ShortAnswerQuestion;
     _forceSampleSolution: boolean;
 
@@ -65,11 +75,6 @@ export class ShortAnswerQuestionComponent {
     faExclamationCircle = faExclamationCircle;
     farQuestionCircle = faQuestionCircle;
 
-    constructor(
-        private artemisMarkdown: ArtemisMarkdownService,
-        public shortAnswerQuestionUtil: ShortAnswerQuestionUtil,
-    ) {}
-
     /**
      * Update html for text, hint and explanation for the question and every answer option
      */
diff --git a/src/main/webapp/app/exercises/quiz/shared/quiz-statistic-util.service.ts b/src/main/webapp/app/exercises/quiz/shared/quiz-statistic-util.service.ts
index dc4464ed8fed..2a2f80ad30b6 100644
--- a/src/main/webapp/app/exercises/quiz/shared/quiz-statistic-util.service.ts
+++ b/src/main/webapp/app/exercises/quiz/shared/quiz-statistic-util.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { Router } from '@angular/router';
 import { QuizQuestion, QuizQuestionType } from 'app/entities/quiz/quiz-question.model';
 import { QuizExercise } from 'app/entities/quiz/quiz-exercise.model';
@@ -6,7 +6,7 @@ import { getCourseId } from 'app/entities/exercise.model';
 
 @Injectable({ providedIn: 'root' })
 export class QuizStatisticUtil {
-    constructor(private router: Router) {}
+    private router = inject(Router);
 
     /**
      * Gets the URL to the quiz exercise detail/edit view
diff --git a/src/main/webapp/app/exercises/quiz/shared/short-answer-question-util.service.ts b/src/main/webapp/app/exercises/quiz/shared/short-answer-question-util.service.ts
index 6e6aac7e24eb..232ba77bc1dc 100644
--- a/src/main/webapp/app/exercises/quiz/shared/short-answer-question-util.service.ts
+++ b/src/main/webapp/app/exercises/quiz/shared/short-answer-question-util.service.ts
@@ -8,8 +8,6 @@ import { htmlForMarkdown } from 'app/shared/util/markdown.conversion.util';
 
 @Injectable({ providedIn: 'root' })
 export class ShortAnswerQuestionUtil {
-    constructor() {}
-
     /**
      * Validate that no mapping exists that makes it impossible to solve the question.
      * We iterate through all spots and remove all possible mappings (solutions) for that spot.
diff --git a/src/main/webapp/app/exercises/shared/assessment-progress-label/assessment-progress-label.component.ts b/src/main/webapp/app/exercises/shared/assessment-progress-label/assessment-progress-label.component.ts
index 254a3b2a5f82..3b6942134bdb 100644
--- a/src/main/webapp/app/exercises/shared/assessment-progress-label/assessment-progress-label.component.ts
+++ b/src/main/webapp/app/exercises/shared/assessment-progress-label/assessment-progress-label.component.ts
@@ -1,10 +1,13 @@
 import { Component, Input, OnChanges } from '@angular/core';
 import { Submission, getLatestSubmissionResult } from 'app/entities/submission.model';
 import { isManualResult } from 'app/exercises/shared/result/result.utils';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { DecimalPipe, NgClass } from '@angular/common';
 
 @Component({
     selector: 'jhi-assessment-progress-label',
     templateUrl: './assessment-progress-label.component.html',
+    imports: [TranslateDirective, NgClass, DecimalPipe],
 })
 export class AssessmentProgressLabelComponent implements OnChanges {
     @Input()
diff --git a/src/main/webapp/app/exercises/shared/assessment-progress-label/assessment-progress-label.module.ts b/src/main/webapp/app/exercises/shared/assessment-progress-label/assessment-progress-label.module.ts
index 9b8bfa4925f0..8516a51d2e75 100644
--- a/src/main/webapp/app/exercises/shared/assessment-progress-label/assessment-progress-label.module.ts
+++ b/src/main/webapp/app/exercises/shared/assessment-progress-label/assessment-progress-label.module.ts
@@ -3,8 +3,7 @@ import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { AssessmentProgressLabelComponent } from 'app/exercises/shared/assessment-progress-label/assessment-progress-label.component';
 
 @NgModule({
-    imports: [ArtemisSharedModule],
-    declarations: [AssessmentProgressLabelComponent],
+    imports: [ArtemisSharedModule, AssessmentProgressLabelComponent],
     exports: [AssessmentProgressLabelComponent],
 })
 export class ArtemisAssessmentProgressLabelModule {}
diff --git a/src/main/webapp/app/exercises/shared/course-exercises/course-exercise.service.ts b/src/main/webapp/app/exercises/shared/course-exercises/course-exercise.service.ts
index c9ea1e512eb3..b467799e3adc 100644
--- a/src/main/webapp/app/exercises/shared/course-exercises/course-exercise.service.ts
+++ b/src/main/webapp/app/exercises/shared/course-exercises/course-exercise.service.ts
@@ -9,20 +9,18 @@ import { Exercise } from 'app/entities/exercise.model';
 import { StudentParticipation } from 'app/entities/participation/student-participation.model';
 import { Observable, map } from 'rxjs';
 import { HttpClient, HttpResponse } from '@angular/common/http';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { convertDateFromServer } from 'app/utils/date.utils';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 
 @Injectable({ providedIn: 'root' })
 export class CourseExerciseService {
-    private resourceUrl = `api/courses`;
+    private http = inject(HttpClient);
+    private participationWebsocketService = inject(ParticipationWebsocketService);
+    private accountService = inject(AccountService);
+    private profileService = inject(ProfileService);
 
-    constructor(
-        private http: HttpClient,
-        private participationWebsocketService: ParticipationWebsocketService,
-        private accountService: AccountService,
-        private profileService: ProfileService,
-    ) {}
+    private resourceUrl = `api/courses`;
 
     /**
      * returns all programming exercises for the course corresponding to courseId
diff --git a/src/main/webapp/app/exercises/shared/dashboards/tutor/exercise-assessment-dashboard.component.html b/src/main/webapp/app/exercises/shared/dashboards/tutor/exercise-assessment-dashboard.component.html
index b1b2e9295b76..fbfe3529f40c 100644
--- a/src/main/webapp/app/exercises/shared/dashboards/tutor/exercise-assessment-dashboard.component.html
+++ b/src/main/webapp/app/exercises/shared/dashboards/tutor/exercise-assessment-dashboard.component.html
@@ -258,7 +258,9 @@ <h4 jhiTranslate="artemisApp.exerciseAssessmentDashboard.structuredGradingInstru
 
         @if (tutorParticipationStatus !== NOT_PARTICIPATED || isTestRun) {
             <div class="d-flex">
-                <div *jhiExtensionPoint="overrideAssessmentTable" class="guided-tour-exercise-dashboard-table flex-grow-1">
+                <!-- TODO: the extension point for Orion does not work with Angular 19, we need to find a different solution -->
+                <!--                <div *jhiExtensionPoint="overrideAssessmentTable" class="guided-tour-exercise-dashboard-table flex-grow-1">-->
+                <div class="guided-tour-exercise-dashboard-table flex-grow-1">
                     @if (tutorParticipationStatus === REVIEWED_INSTRUCTIONS && !isTestRun) {
                         <div class="alert alert-warning row" role="alert">
                             <span
@@ -433,15 +435,25 @@ <h4 jhiTranslate="artemisApp.exerciseAssessmentDashboard.testRunSubmissions"></h
                                                                 </td>
                                                             }
                                                             <td>
+                                                                <!-- TODO: the extension point for Orion does not work with Angular 19, we need to find a different solution -->
+                                                                <!--                                                                <a-->
+                                                                <!--                                                                    *jhiExtensionPoint="-->
+                                                                <!--                                                                        overrideOpenAssessmentButton;-->
+                                                                <!--                                                                        context: {-->
+                                                                <!--                                                                            submission: 'new',-->
+                                                                <!--                                                                            queryParams: getAssessmentQueryParams(correctionRound),-->
+                                                                <!--                                                                            buttonLabel: 'startAssessment',-->
+                                                                <!--                                                                        }-->
+                                                                <!--                                                                    "-->
+                                                                <!--                                                                    id="start-new-assessment"-->
+                                                                <!--                                                                    class="btn btn-success btn-sm guided-tour-new-assessment-btn"-->
+                                                                <!--                                                                    [routerLink]="getAssessmentLink('new')"-->
+                                                                <!--                                                                    [queryParams]="getAssessmentQueryParams(correctionRound)"-->
+                                                                <!--                                                                    [class.disabled]="exercise === exerciseForGuidedTour || openingAssessmentEditorForNewSubmission"-->
+                                                                <!--                                                                    [class.guided-tour]="exercise === exerciseForGuidedTour"-->
+                                                                <!--                                                                    [ngStyle]="exercise === exerciseForGuidedTour ? { cursor: 'not-allowed' } : {}"-->
+                                                                <!--                                                                >-->
                                                                 <a
-                                                                    *jhiExtensionPoint="
-                                                                        overrideOpenAssessmentButton;
-                                                                        context: {
-                                                                            submission: 'new',
-                                                                            queryParams: getAssessmentQueryParams(correctionRound),
-                                                                            buttonLabel: 'startAssessment',
-                                                                        }
-                                                                    "
                                                                     id="start-new-assessment"
                                                                     class="btn btn-success btn-sm guided-tour-new-assessment-btn"
                                                                     [routerLink]="getAssessmentLink('new')"
@@ -477,44 +489,45 @@ <h4 jhiTranslate="artemisApp.exerciseAssessmentDashboard.testRunSubmissions"></h
                                                             }
                                                             <td>
                                                                 @if ((isTestRun && complaints.length === 0) || !isTestRun) {
-                                                                    <ng-container
-                                                                        *jhiExtensionPoint="
-                                                                            overrideOpenAssessmentButton;
-                                                                            context: {
-                                                                                submission: submission,
-                                                                                queryParams: getAssessmentQueryParams(correctionRound),
-                                                                                buttonLabel:
-                                                                                    submission && calculateSubmissionStatusIsDraft(submission, correctionRound)
-                                                                                        ? 'continueAssessment'
-                                                                                        : 'openAssessment',
-                                                                            }
-                                                                        "
-                                                                    >
-                                                                        @if (submission && calculateSubmissionStatusIsDraft(submission, correctionRound)) {
+                                                                    <!-- TODO: the extension point for Orion does not work with Angular 19, we need to find a different solution -->
+                                                                    <!--                                                                    <ng-container-->
+                                                                    <!--                                                                        *jhiExtensionPoint="-->
+                                                                    <!--                                                                            overrideOpenAssessmentButton;-->
+                                                                    <!--                                                                            context: {-->
+                                                                    <!--                                                                                submission: submission,-->
+                                                                    <!--                                                                                queryParams: getAssessmentQueryParams(correctionRound),-->
+                                                                    <!--                                                                                buttonLabel:-->
+                                                                    <!--                                                                                    submission && calculateSubmissionStatusIsDraft(submission, correctionRound)-->
+                                                                    <!--                                                                                        ? 'continueAssessment'-->
+                                                                    <!--                                                                                        : 'openAssessment',-->
+                                                                    <!--                                                                            }-->
+                                                                    <!--                                                                        "-->
+                                                                    <!--                                                                    >-->
+                                                                    @if (submission && calculateSubmissionStatusIsDraft(submission, correctionRound)) {
+                                                                        <a
+                                                                            [routerLink]="getAssessmentLink(submission)"
+                                                                            [queryParams]="getAssessmentQueryParams(correctionRound)"
+                                                                            class="btn btn-warning btn-sm"
+                                                                            id="continue-assessment"
+                                                                        >
+                                                                            <fa-icon [icon]="faFolderOpen" [fixedWidth]="true" />&nbsp;{{
+                                                                                'artemisApp.exerciseAssessmentDashboard.continueAssessment' | artemisTranslate
+                                                                            }}
+                                                                        </a>
+                                                                    } @else {
+                                                                        @if (!!submission.results && !!submission.results[correctionRound]) {
                                                                             <a
                                                                                 [routerLink]="getAssessmentLink(submission)"
                                                                                 [queryParams]="getAssessmentQueryParams(correctionRound)"
-                                                                                class="btn btn-warning btn-sm"
-                                                                                id="continue-assessment"
+                                                                                class="btn btn-primary btn-sm"
+                                                                                id="open-assessment"
                                                                             >
-                                                                                <fa-icon [icon]="faFolderOpen" [fixedWidth]="true" />&nbsp;{{
-                                                                                    'artemisApp.exerciseAssessmentDashboard.continueAssessment' | artemisTranslate
-                                                                                }}
+                                                                                <fa-icon [icon]="faFolderOpen" [fixedWidth]="true" />
+                                                                                &nbsp;{{ 'artemisApp.exerciseAssessmentDashboard.openAssessment' | artemisTranslate }}
                                                                             </a>
-                                                                        } @else {
-                                                                            @if (!!submission.results && !!submission.results[correctionRound]) {
-                                                                                <a
-                                                                                    [routerLink]="getAssessmentLink(submission)"
-                                                                                    [queryParams]="getAssessmentQueryParams(correctionRound)"
-                                                                                    class="btn btn-primary btn-sm"
-                                                                                    id="open-assessment"
-                                                                                >
-                                                                                    <fa-icon [icon]="faFolderOpen" [fixedWidth]="true" />
-                                                                                    &nbsp;{{ 'artemisApp.exerciseAssessmentDashboard.openAssessment' | artemisTranslate }}
-                                                                                </a>
-                                                                            }
                                                                         }
-                                                                    </ng-container>
+                                                                    }
+                                                                    <!--                                                                    </ng-container>-->
                                                                 }
                                                             </td>
                                                         </tr>
@@ -624,39 +637,40 @@ <h4 class="d-inline-block" jhiTranslate="artemisApp.exerciseAssessmentDashboard.
                                                     }
                                                 </td>
                                                 <td>
-                                                    <ng-container
-                                                        *jhiExtensionPoint="
-                                                            overrideOpenAssessmentButton;
-                                                            context: {
-                                                                submission: submissionWithComplaint.submission,
-                                                                queryParams: getComplaintQueryParams(submissionWithComplaint.complaint),
-                                                                disabled: isComplaintLocked(submissionWithComplaint.complaint),
-                                                                buttonLabel: submissionWithComplaint.complaint.accepted === undefined ? 'evaluateComplaint' : 'showComplaint',
-                                                            }
-                                                        "
-                                                    >
-                                                        @if (submissionWithComplaint.complaint.accepted === undefined) {
-                                                            <a
-                                                                [class.disabled]="isComplaintLocked(submissionWithComplaint.complaint)"
-                                                                [routerLink]="getAssessmentLink(submissionWithComplaint.submission)"
-                                                                [queryParams]="getComplaintQueryParams(submissionWithComplaint.complaint)"
-                                                                class="btn btn-success btn-sm"
-                                                                id="evaluate-complaint"
-                                                            >
-                                                                <fa-icon [icon]="faFolderOpen" [fixedWidth]="true" />
-                                                                {{ 'artemisApp.exerciseAssessmentDashboard.evaluateComplaint' | artemisTranslate }}
-                                                            </a>
-                                                        } @else {
-                                                            <a
-                                                                [routerLink]="getAssessmentLink(submissionWithComplaint.submission)"
-                                                                [queryParams]="getComplaintQueryParams(submissionWithComplaint.complaint)"
-                                                                class="btn btn-primary btn-sm"
-                                                            >
-                                                                <fa-icon [icon]="faFolderOpen" [fixedWidth]="true" />
-                                                                {{ 'artemisApp.exerciseAssessmentDashboard.showComplaint' | artemisTranslate }}
-                                                            </a>
-                                                        }
-                                                    </ng-container>
+                                                    <!-- TODO: the extension point for Orion does not work with Angular 19, we need to find a different solution -->
+                                                    <!--                                                    <ng-container-->
+                                                    <!--                                                        *jhiExtensionPoint="-->
+                                                    <!--                                                            overrideOpenAssessmentButton;-->
+                                                    <!--                                                            context: {-->
+                                                    <!--                                                                submission: submissionWithComplaint.submission,-->
+                                                    <!--                                                                queryParams: getComplaintQueryParams(submissionWithComplaint.complaint),-->
+                                                    <!--                                                                disabled: isComplaintLocked(submissionWithComplaint.complaint),-->
+                                                    <!--                                                                buttonLabel: submissionWithComplaint.complaint.accepted === undefined ? 'evaluateComplaint' : 'showComplaint',-->
+                                                    <!--                                                            }-->
+                                                    <!--                                                        "-->
+                                                    <!--                                                    >-->
+                                                    @if (submissionWithComplaint.complaint.accepted === undefined) {
+                                                        <a
+                                                            [class.disabled]="isComplaintLocked(submissionWithComplaint.complaint)"
+                                                            [routerLink]="getAssessmentLink(submissionWithComplaint.submission)"
+                                                            [queryParams]="getComplaintQueryParams(submissionWithComplaint.complaint)"
+                                                            class="btn btn-success btn-sm"
+                                                            id="evaluate-complaint"
+                                                        >
+                                                            <fa-icon [icon]="faFolderOpen" [fixedWidth]="true" />
+                                                            {{ 'artemisApp.exerciseAssessmentDashboard.evaluateComplaint' | artemisTranslate }}
+                                                        </a>
+                                                    } @else {
+                                                        <a
+                                                            [routerLink]="getAssessmentLink(submissionWithComplaint.submission)"
+                                                            [queryParams]="getComplaintQueryParams(submissionWithComplaint.complaint)"
+                                                            class="btn btn-primary btn-sm"
+                                                        >
+                                                            <fa-icon [icon]="faFolderOpen" [fixedWidth]="true" />
+                                                            {{ 'artemisApp.exerciseAssessmentDashboard.showComplaint' | artemisTranslate }}
+                                                        </a>
+                                                    }
+                                                    <!--                                                    </ng-container>-->
                                                 </td>
                                             </tr>
                                         }
@@ -736,40 +750,41 @@ <h4 class="d-inline-block" jhiTranslate="artemisApp.exerciseAssessmentDashboard.
                                                     }
                                                 </td>
                                                 <td>
-                                                    <ng-container
-                                                        *jhiExtensionPoint="
-                                                            overrideOpenAssessmentButton;
-                                                            context: {
-                                                                submission: moreFeedbackRequest.submission,
-                                                                queryParams: getComplaintQueryParams(moreFeedbackRequest.complaint),
-                                                                buttonLabel:
-                                                                    moreFeedbackRequest.complaint.accepted === undefined
-                                                                        ? 'evaluateMoreFeedbackRequest'
-                                                                        : 'showMoreFeedbackRequests',
-                                                            }
-                                                        "
-                                                    >
-                                                        @if (moreFeedbackRequest.complaint.accepted === undefined) {
-                                                            <a
-                                                                class="btn btn-success btn-sm"
-                                                                [class.disabled]="isComplaintLocked(moreFeedbackRequest.complaint)"
-                                                                [routerLink]="getAssessmentLink(moreFeedbackRequest.submission)"
-                                                                [queryParams]="getComplaintQueryParams(moreFeedbackRequest.complaint)"
-                                                            >
-                                                                <fa-icon [icon]="faFolderOpen" [fixedWidth]="true" />
-                                                                {{ 'artemisApp.exerciseAssessmentDashboard.evaluateMoreFeedbackRequest' | artemisTranslate }}
-                                                            </a>
-                                                        } @else {
-                                                            <button
-                                                                class="btn btn-primary btn-sm"
-                                                                [routerLink]="getAssessmentLink(moreFeedbackRequest.submission)"
-                                                                [queryParams]="getComplaintQueryParams(moreFeedbackRequest.complaint)"
-                                                            >
-                                                                <fa-icon [icon]="faFolderOpen" [fixedWidth]="true" />
-                                                                {{ 'artemisApp.exerciseAssessmentDashboard.showMoreFeedbackRequests' | artemisTranslate }}
-                                                            </button>
-                                                        }
-                                                    </ng-container>
+                                                    <!-- TODO: the extension point for Orion does not work with Angular 19, we need to find a different solution -->
+                                                    <!--                                                    <ng-container-->
+                                                    <!--                                                        *jhiExtensionPoint="-->
+                                                    <!--                                                            overrideOpenAssessmentButton;-->
+                                                    <!--                                                            context: {-->
+                                                    <!--                                                                submission: moreFeedbackRequest.submission,-->
+                                                    <!--                                                                queryParams: getComplaintQueryParams(moreFeedbackRequest.complaint),-->
+                                                    <!--                                                                buttonLabel:-->
+                                                    <!--                                                                    moreFeedbackRequest.complaint.accepted === undefined-->
+                                                    <!--                                                                        ? 'evaluateMoreFeedbackRequest'-->
+                                                    <!--                                                                        : 'showMoreFeedbackRequests',-->
+                                                    <!--                                                            }-->
+                                                    <!--                                                        "-->
+                                                    <!--                                                    >-->
+                                                    @if (moreFeedbackRequest.complaint.accepted === undefined) {
+                                                        <a
+                                                            class="btn btn-success btn-sm"
+                                                            [class.disabled]="isComplaintLocked(moreFeedbackRequest.complaint)"
+                                                            [routerLink]="getAssessmentLink(moreFeedbackRequest.submission)"
+                                                            [queryParams]="getComplaintQueryParams(moreFeedbackRequest.complaint)"
+                                                        >
+                                                            <fa-icon [icon]="faFolderOpen" [fixedWidth]="true" />
+                                                            {{ 'artemisApp.exerciseAssessmentDashboard.evaluateMoreFeedbackRequest' | artemisTranslate }}
+                                                        </a>
+                                                    } @else {
+                                                        <button
+                                                            class="btn btn-primary btn-sm"
+                                                            [routerLink]="getAssessmentLink(moreFeedbackRequest.submission)"
+                                                            [queryParams]="getComplaintQueryParams(moreFeedbackRequest.complaint)"
+                                                        >
+                                                            <fa-icon [icon]="faFolderOpen" [fixedWidth]="true" />
+                                                            {{ 'artemisApp.exerciseAssessmentDashboard.showMoreFeedbackRequests' | artemisTranslate }}
+                                                        </button>
+                                                    }
+                                                    <!--                                                    </ng-container>-->
                                                 </td>
                                             </tr>
                                         }
diff --git a/src/main/webapp/app/exercises/shared/dashboards/tutor/exercise-assessment-dashboard.component.ts b/src/main/webapp/app/exercises/shared/dashboards/tutor/exercise-assessment-dashboard.component.ts
index 63a23747c1f9..a7fa7728e0bc 100644
--- a/src/main/webapp/app/exercises/shared/dashboards/tutor/exercise-assessment-dashboard.component.ts
+++ b/src/main/webapp/app/exercises/shared/dashboards/tutor/exercise-assessment-dashboard.component.ts
@@ -1,10 +1,12 @@
-import { Component, ContentChild, OnInit, TemplateRef } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { SafeHtml } from '@angular/platform-browser';
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 import { CourseManagementService } from 'app/course/manage/course-management.service';
 import { AlertService } from 'app/core/util/alert.service';
 import { User } from 'app/core/user/user.model';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
+import { ModelingEditorComponent } from 'app/exercises/modeling/shared/modeling-editor.component';
+import { ProgrammingExerciseInstructionComponent } from 'app/exercises/programming/shared/instructions-render/programming-exercise-instruction.component';
 import { TutorParticipationService } from 'app/exercises/shared/dashboards/tutor/tutor-participation.service';
 import { TextSubmissionService } from 'app/exercises/text/participate/text-submission.service';
 import { ExampleSubmission } from 'app/entities/example-submission.model';
@@ -38,9 +40,9 @@ import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
 import { SortService } from 'app/shared/service/sort.service';
 import { onError } from 'app/shared/util/global.utils';
 import { roundValueSpecifiedByCourseSettings } from 'app/shared/util/utils';
-import { ArtemisNavigationUtilService, getLinkToSubmissionAssessment } from 'app/utils/navigation.utils';
+import { getLinkToSubmissionAssessment } from 'app/utils/navigation.utils';
 import { AssessmentType } from 'app/entities/assessment-type.model';
-import { LegendPosition } from '@swimlane/ngx-charts';
+import { LegendPosition, PieChartModule } from '@swimlane/ngx-charts';
 import { AssessmentDashboardInformationEntry } from 'app/course/dashboards/assessment-dashboard/assessment-dashboard-information.component';
 import dayjs from 'dayjs/esm';
 import { faCheckCircle, faExclamationTriangle, faFolderOpen, faListAlt, faQuestionCircle, faSort, faSpinner } from '@fortawesome/free-solid-svg-icons';
@@ -48,6 +50,28 @@ import { GraphColors } from 'app/entities/statistics.model';
 import { PROFILE_LOCALVC } from 'app/app.constants';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 import { isManualResult } from 'app/exercises/shared/result/result.utils';
+import { HeaderExercisePageWithDetailsComponent } from '../../exercise-headers/header-exercise-page-with-details.component';
+import { TutorParticipationGraphComponent } from 'app/shared/dashboards/tutor-participation-graph/tutor-participation-graph.component';
+import { SecondCorrectionEnableButtonComponent } from './second-correction-button/second-correction-enable-button.component';
+import { SidePanelComponent } from 'app/shared/side-panel/side-panel.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { InfoPanelComponent } from 'app/shared/info-panel/info-panel.component';
+import { SecureLinkDirective } from 'app/shared/http/secure-link.directive';
+import { ButtonComponent } from 'app/shared/components/button.component';
+import { CodeButtonComponent } from 'app/shared/components/code-button/code-button.component';
+import { StructuredGradingInstructionsAssessmentLayoutComponent } from 'app/assessment/structured-grading-instructions-assessment-layout/structured-grading-instructions-assessment-layout.component';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { SortDirective } from 'app/shared/sort/sort.directive';
+import { SortByDirective } from 'app/shared/sort/sort-by.directive';
+import { LanguageTableCellComponent } from './language-table-cell/language-table-cell.component';
+import { NgStyle } from '@angular/common';
+import { ResultComponent } from '../../result/result.component';
+import { AssessmentWarningComponent } from 'app/assessment/assessment-warning/assessment-warning.component';
+import { CollapsableAssessmentInstructionsComponent } from 'app/assessment/assessment-instructions/collapsable-assessment-instructions/collapsable-assessment-instructions.component';
+import { TutorLeaderboardComponent } from 'app/shared/dashboards/tutor-leaderboard/tutor-leaderboard.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { ArtemisDurationFromSecondsPipe } from 'app/shared/pipes/artemis-duration-from-seconds.pipe';
 
 export interface ExampleSubmissionQueryParams {
     readOnly?: boolean;
@@ -59,10 +83,60 @@ export interface ExampleSubmissionQueryParams {
     templateUrl: './exercise-assessment-dashboard.component.html',
     styleUrls: ['./exercise-assessment-dashboard.component.scss'],
     providers: [CourseManagementService],
+    imports: [
+        HeaderExercisePageWithDetailsComponent,
+        TutorParticipationGraphComponent,
+        SecondCorrectionEnableButtonComponent,
+        PieChartModule,
+        SidePanelComponent,
+        TranslateDirective,
+        RouterLink,
+        FaIconComponent,
+        InfoPanelComponent,
+        ProgrammingExerciseInstructionComponent,
+        ModelingEditorComponent,
+        SecureLinkDirective,
+        ButtonComponent,
+        CodeButtonComponent,
+        StructuredGradingInstructionsAssessmentLayoutComponent,
+        NgbTooltip,
+        SortDirective,
+        SortByDirective,
+        LanguageTableCellComponent,
+        NgStyle,
+        ResultComponent,
+        AssessmentWarningComponent,
+        CollapsableAssessmentInstructionsComponent,
+        TutorLeaderboardComponent,
+        ArtemisDatePipe,
+        ArtemisTranslatePipe,
+        ArtemisDurationFromSecondsPipe,
+        // TODO: the extension point for Orion does not work with Angular 19, we need to find a different solution
+        // ExtensionPointDirective,
+    ],
 })
 export class ExerciseAssessmentDashboardComponent implements OnInit {
+    complaintService = inject(ComplaintService);
+    private exerciseService = inject(ExerciseService);
+    private alertService = inject(AlertService);
+    private translateService = inject(TranslateService);
+    private accountService = inject(AccountService);
+    private route = inject(ActivatedRoute);
+    private tutorParticipationService = inject(TutorParticipationService);
+    private submissionService = inject(SubmissionService);
+    private textSubmissionService = inject(TextSubmissionService);
+    private modelingSubmissionService = inject(ModelingSubmissionService);
+    private fileUploadSubmissionService = inject(FileUploadSubmissionService);
+    private artemisMarkdown = inject(ArtemisMarkdownService);
+    private router = inject(Router);
+    private programmingSubmissionService = inject(ProgrammingSubmissionService);
+    private guidedTourService = inject(GuidedTourService);
+    private sortService = inject(SortService);
+    private profileService = inject(ProfileService);
+
     readonly roundScoreSpecifiedByCourseSettings = roundValueSpecifiedByCourseSettings;
     readonly getCourseFromExercise = getCourseFromExercise;
+
     exercise: Exercise;
     modelingExercise: ModelingExercise;
     programmingExercise: ProgrammingExercise;
@@ -111,7 +185,6 @@ export class ExerciseAssessmentDashboardComponent implements OnInit {
     getSubmissionResultByCorrectionRound = getSubmissionResultByCorrectionRound;
 
     // helper variables to display information message about why no new assessments are possible anymore
-    remainingAssessments: number[] = [];
     lockedSubmissionsByOtherTutor: number[] = [];
     notYetAssessed: number[] = [];
     firstRoundAssessments: number;
@@ -159,8 +232,9 @@ export class ExerciseAssessmentDashboardComponent implements OnInit {
     moreFeedbackRequestsLink: any[];
 
     // extension points, see shared/extension-point
-    @ContentChild('overrideAssessmentTable') overrideAssessmentTable: TemplateRef<any>;
-    @ContentChild('overrideOpenAssessmentButton') overrideOpenAssessmentButton: TemplateRef<any>;
+    // TODO: the extension point for Orion does not work with Angular 19, we need to find a different solution -->
+    // @ContentChild('overrideAssessmentTable') overrideAssessmentTable: TemplateRef<any>;
+    // @ContentChild('overrideOpenAssessmentButton') overrideOpenAssessmentButton: TemplateRef<any>;
 
     // Icons
     faSpinner = faSpinner;
@@ -171,28 +245,6 @@ export class ExerciseAssessmentDashboardComponent implements OnInit {
     faExclamationTriangle = faExclamationTriangle;
     faListAlt = faListAlt;
 
-    constructor(
-        public complaintService: ComplaintService,
-        private exerciseService: ExerciseService,
-        private alertService: AlertService,
-        private translateService: TranslateService,
-        private accountService: AccountService,
-        private route: ActivatedRoute,
-        private tutorParticipationService: TutorParticipationService,
-        private submissionService: SubmissionService,
-        private textSubmissionService: TextSubmissionService,
-        private modelingSubmissionService: ModelingSubmissionService,
-        private fileUploadSubmissionService: FileUploadSubmissionService,
-        private artemisMarkdown: ArtemisMarkdownService,
-        private router: Router,
-        private programmingSubmissionService: ProgrammingSubmissionService,
-        private guidedTourService: GuidedTourService,
-        private artemisDatePipe: ArtemisDatePipe,
-        private sortService: SortService,
-        private navigationUtilService: ArtemisNavigationUtilService,
-        private profileService: ProfileService,
-    ) {}
-
     /**
      * Extracts the course and exercise ids from the route params and fetches the exercise from the server
      */
diff --git a/src/main/webapp/app/exercises/shared/dashboards/tutor/exercise-assessment-dashboard.module.ts b/src/main/webapp/app/exercises/shared/dashboards/tutor/exercise-assessment-dashboard.module.ts
index 24a3fa815594..307c0c19dea2 100644
--- a/src/main/webapp/app/exercises/shared/dashboards/tutor/exercise-assessment-dashboard.module.ts
+++ b/src/main/webapp/app/exercises/shared/dashboards/tutor/exercise-assessment-dashboard.module.ts
@@ -45,8 +45,11 @@ const ENTITY_STATES = [...exerciseAssessmentDashboardRoute];
         OrionModule,
         SubmissionResultStatusModule,
         PieChartModule,
+        ExerciseAssessmentDashboardComponent,
+        OrionExerciseAssessmentDashboardComponent,
+        SecondCorrectionEnableButtonComponent,
+        LanguageTableCellComponent,
     ],
-    declarations: [ExerciseAssessmentDashboardComponent, OrionExerciseAssessmentDashboardComponent, SecondCorrectionEnableButtonComponent, LanguageTableCellComponent],
     providers: [],
     exports: [SecondCorrectionEnableButtonComponent, LanguageTableCellComponent],
 })
diff --git a/src/main/webapp/app/exercises/shared/dashboards/tutor/language-table-cell/language-table-cell.component.ts b/src/main/webapp/app/exercises/shared/dashboards/tutor/language-table-cell/language-table-cell.component.ts
index 96741ee28f37..014fe88c9d5a 100644
--- a/src/main/webapp/app/exercises/shared/dashboards/tutor/language-table-cell/language-table-cell.component.ts
+++ b/src/main/webapp/app/exercises/shared/dashboards/tutor/language-table-cell/language-table-cell.component.ts
@@ -1,10 +1,12 @@
 import { Component, Input } from '@angular/core';
 import { Submission } from 'app/entities/submission.model';
 import { TextSubmission } from 'app/entities/text/text-submission.model';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-language-table-cell',
     template: "<span>{{ 'artemisApp.exerciseAssessmentDashboard.languages.' + (textSubmission.language || 'UNKNOWN') | artemisTranslate }}</span>",
+    imports: [ArtemisTranslatePipe],
 })
 export class LanguageTableCellComponent {
     textSubmission: TextSubmission;
diff --git a/src/main/webapp/app/exercises/shared/dashboards/tutor/second-correction-button/second-correction-enable-button.component.ts b/src/main/webapp/app/exercises/shared/dashboards/tutor/second-correction-button/second-correction-enable-button.component.ts
index 2e5a8cfb2677..643c3dc9d671 100644
--- a/src/main/webapp/app/exercises/shared/dashboards/tutor/second-correction-button/second-correction-enable-button.component.ts
+++ b/src/main/webapp/app/exercises/shared/dashboards/tutor/second-correction-button/second-correction-enable-button.component.ts
@@ -1,10 +1,13 @@
 import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { faSpinner, faToggleOff, faToggleOn } from '@fortawesome/free-solid-svg-icons';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-second-correction-enable-button',
     templateUrl: './second-correction-enable-button.component.html',
     styles: ['div { cursor: pointer; }'],
+    imports: [FaIconComponent, ArtemisTranslatePipe],
 })
 export class SecondCorrectionEnableButtonComponent {
     @Input() secondCorrectionEnabled: boolean;
diff --git a/src/main/webapp/app/exercises/shared/dashboards/tutor/tutor-participation.service.ts b/src/main/webapp/app/exercises/shared/dashboards/tutor/tutor-participation.service.ts
index 81d63ac07188..739a49c77819 100644
--- a/src/main/webapp/app/exercises/shared/dashboards/tutor/tutor-participation.service.ts
+++ b/src/main/webapp/app/exercises/shared/dashboards/tutor/tutor-participation.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { ExampleSubmission } from 'app/entities/example-submission.model';
@@ -12,12 +12,10 @@ export type EntityArrayResponseType = HttpResponse<TutorParticipation[]>;
 
 @Injectable({ providedIn: 'root' })
 export class TutorParticipationService {
-    public resourceUrl = 'api/exercises';
+    private http = inject(HttpClient);
+    private accountService = inject(AccountService);
 
-    constructor(
-        private http: HttpClient,
-        private accountService: AccountService,
-    ) {}
+    public resourceUrl = 'api/exercises';
 
     /**
      * Starts the exercise with the given ID for the current tutor. A tutor participation will be created and returned
diff --git a/src/main/webapp/app/exercises/shared/difficulty-picker/difficulty-picker.component.ts b/src/main/webapp/app/exercises/shared/difficulty-picker/difficulty-picker.component.ts
index d3b785e821d0..8da18d7d5c14 100644
--- a/src/main/webapp/app/exercises/shared/difficulty-picker/difficulty-picker.component.ts
+++ b/src/main/webapp/app/exercises/shared/difficulty-picker/difficulty-picker.component.ts
@@ -1,10 +1,13 @@
 import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { DifficultyLevel, Exercise } from 'app/entities/exercise.model';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgClass } from '@angular/common';
 
 @Component({
     selector: 'jhi-difficulty-picker',
     templateUrl: './difficulty-picker.component.html',
     styles: ['div { cursor: pointer; }'],
+    imports: [TranslateDirective, NgClass],
 })
 export class DifficultyPickerComponent {
     readonly DifficultyLevel = DifficultyLevel;
diff --git a/src/main/webapp/app/exercises/shared/difficulty-picker/difficulty-picker.module.ts b/src/main/webapp/app/exercises/shared/difficulty-picker/difficulty-picker.module.ts
index 091ab70044f9..68e2b7ba16aa 100644
--- a/src/main/webapp/app/exercises/shared/difficulty-picker/difficulty-picker.module.ts
+++ b/src/main/webapp/app/exercises/shared/difficulty-picker/difficulty-picker.module.ts
@@ -4,8 +4,7 @@ import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { DifficultyPickerComponent } from 'app/exercises/shared/difficulty-picker/difficulty-picker.component';
 
 @NgModule({
-    imports: [ArtemisSharedModule],
-    declarations: [DifficultyPickerComponent],
+    imports: [ArtemisSharedModule, DifficultyPickerComponent],
     exports: [DifficultyPickerComponent],
 })
 export class ArtemisDifficultyPickerModule {}
diff --git a/src/main/webapp/app/exercises/shared/exam-exercise-row-buttons/exam-exercise-row-buttons.component.ts b/src/main/webapp/app/exercises/shared/exam-exercise-row-buttons/exam-exercise-row-buttons.component.ts
index 49a62930183d..66984147498e 100644
--- a/src/main/webapp/app/exercises/shared/exam-exercise-row-buttons/exam-exercise-row-buttons.component.ts
+++ b/src/main/webapp/app/exercises/shared/exam-exercise-row-buttons/exam-exercise-row-buttons.component.ts
@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { Component, EventEmitter, Input, OnInit, Output, inject } from '@angular/core';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { Subject } from 'rxjs';
 import { Exercise, ExerciseType } from 'app/entities/exercise.model';
@@ -16,12 +16,27 @@ import { faBook, faExclamationTriangle, faEye, faFileExport, faFileSignature, fa
 import { faListAlt } from '@fortawesome/free-regular-svg-icons';
 import { PROFILE_LOCALCI, PROFILE_LOCALVC } from 'app/app.constants';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
+import { RouterLink } from '@angular/router';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-exam-exercise-row-buttons',
     templateUrl: './exam-exercise-row-buttons.component.html',
+    imports: [RouterLink, FaIconComponent, TranslateDirective, NgbTooltip, DeleteButtonDirective, ArtemisTranslatePipe],
 })
 export class ExamExerciseRowButtonsComponent implements OnInit {
+    private textExerciseService = inject(TextExerciseService);
+    private fileUploadExerciseService = inject(FileUploadExerciseService);
+    private programmingExerciseService = inject(ProgrammingExerciseService);
+    private modelingExerciseService = inject(ModelingExerciseService);
+    private quizExerciseService = inject(QuizExerciseService);
+    private eventManager = inject(EventManager);
+    private profileService = inject(ProfileService);
+
     @Input() course: Course;
     @Input() exercise: Exercise;
     @Input() exam: Exam;
@@ -49,16 +64,6 @@ export class ExamExerciseRowButtonsComponent implements OnInit {
     localVCEnabled = false;
     localCIEnabled = false;
 
-    constructor(
-        private textExerciseService: TextExerciseService,
-        private fileUploadExerciseService: FileUploadExerciseService,
-        private programmingExerciseService: ProgrammingExerciseService,
-        private modelingExerciseService: ModelingExerciseService,
-        private quizExerciseService: QuizExerciseService,
-        private eventManager: EventManager,
-        private profileService: ProfileService,
-    ) {}
-
     ngOnInit(): void {
         this.profileService.getProfileInfo().subscribe((profileInfo) => {
             this.localVCEnabled = profileInfo.activeProfiles.includes(PROFILE_LOCALVC);
diff --git a/src/main/webapp/app/exercises/shared/example-solution/example-solution.component.ts b/src/main/webapp/app/exercises/shared/example-solution/example-solution.component.ts
index 803dc8b97127..6afa48f071f6 100644
--- a/src/main/webapp/app/exercises/shared/example-solution/example-solution.component.ts
+++ b/src/main/webapp/app/exercises/shared/example-solution/example-solution.component.ts
@@ -1,27 +1,31 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input, OnInit, inject } from '@angular/core';
 import { HttpResponse } from '@angular/common/http';
 import { ActivatedRoute } from '@angular/router';
 import { Exercise } from 'app/entities/exercise.model';
 import { ExampleSolutionInfo, ExerciseService } from 'app/exercises/shared/exercise/exercise.service';
 import { ArtemisMarkdownService } from 'app/shared/markdown.service';
+import { HeaderExercisePageWithDetailsComponent } from '../exercise-headers/header-exercise-page-with-details.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ModelingEditorComponent } from '../../modeling/shared/modeling-editor.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { HtmlForMarkdownPipe } from 'app/shared/pipes/html-for-markdown.pipe';
 
 @Component({
     selector: 'jhi-example-solution',
     templateUrl: './example-solution.component.html',
+    imports: [HeaderExercisePageWithDetailsComponent, TranslateDirective, ModelingEditorComponent, ArtemisTranslatePipe, HtmlForMarkdownPipe],
 })
 export class ExampleSolutionComponent implements OnInit {
+    private exerciseService = inject(ExerciseService);
+    private route = inject(ActivatedRoute);
+    private artemisMarkdown = inject(ArtemisMarkdownService);
+
     private displayedExerciseId: number;
     public exercise?: Exercise;
     public exampleSolutionInfo?: ExampleSolutionInfo;
 
     @Input() exerciseId?: number;
-    @Input() displayHeader?: boolean = true;
-
-    constructor(
-        private exerciseService: ExerciseService,
-        private route: ActivatedRoute,
-        private artemisMarkdown: ArtemisMarkdownService,
-    ) {}
+    @Input() displayHeader = true;
 
     ngOnInit() {
         this.route.params.subscribe((params) => {
diff --git a/src/main/webapp/app/exercises/shared/example-submission/example-submission-import/example-submission-import-paging.service.ts b/src/main/webapp/app/exercises/shared/example-submission/example-submission-import/example-submission-import-paging.service.ts
index 4b5424ee23a8..24f479957a54 100644
--- a/src/main/webapp/app/exercises/shared/example-submission/example-submission-import/example-submission-import-paging.service.ts
+++ b/src/main/webapp/app/exercises/shared/example-submission/example-submission-import/example-submission-import-paging.service.ts
@@ -1,5 +1,5 @@
 import { HttpClient, HttpResponse } from '@angular/common/http';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { Submission } from 'app/entities/submission.model';
 import { PagingService } from 'app/exercises/shared/manage/paging.service';
 import { SearchResult, SearchTermPageableSearch } from 'app/shared/table/pageable-table';
@@ -10,9 +10,11 @@ type EntityResponseType = SearchResult<Submission>;
 
 @Injectable({ providedIn: 'root' })
 export class ExampleSubmissionImportPagingService extends PagingService<Submission> {
+    private http = inject(HttpClient);
+
     private static readonly RESOURCE_URL = 'api/exercises';
 
-    constructor(private http: HttpClient) {
+    constructor() {
         super();
     }
 
diff --git a/src/main/webapp/app/exercises/shared/example-submission/example-submission-import/example-submission-import.component.ts b/src/main/webapp/app/exercises/shared/example-submission/example-submission-import/example-submission-import.component.ts
index 635fe6c1e8d1..41e74a42580c 100644
--- a/src/main/webapp/app/exercises/shared/example-submission/example-submission-import/example-submission-import.component.ts
+++ b/src/main/webapp/app/exercises/shared/example-submission/example-submission-import/example-submission-import.component.ts
@@ -1,32 +1,49 @@
-import { Component } from '@angular/core';
-import { Router } from '@angular/router';
+import { Component, inject } from '@angular/core';
 import { faQuestionCircle } from '@fortawesome/free-solid-svg-icons';
-import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { Exercise, ExerciseType } from 'app/entities/exercise.model';
 import { Submission } from 'app/entities/submission.model';
-import { ExampleSubmissionImportPagingService } from 'app/exercises/shared/example-submission/example-submission-import/example-submission-import-paging.service';
 import { ExampleSubmissionService } from 'app/exercises/shared/example-submission/example-submission.service';
 import { ImportComponent } from 'app/shared/import/import.component';
-import { SortService } from 'app/shared/service/sort.service';
+import { FormsModule } from '@angular/forms';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { SortDirective } from 'app/shared/sort/sort.directive';
+import { SortByDirective } from 'app/shared/sort/sort-by.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbPagination, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { ResultComponent } from '../../result/result.component';
+import { ButtonComponent } from 'app/shared/components/button.component';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { ExampleSubmissionImportPagingService } from 'app/exercises/shared/example-submission/example-submission-import/example-submission-import-paging.service';
 
 @Component({
     selector: 'jhi-example-submission-import',
     templateUrl: './example-submission-import.component.html',
+    imports: [
+        FormsModule,
+        TranslateDirective,
+        SortDirective,
+        SortByDirective,
+        FaIconComponent,
+        NgbTooltip,
+        ResultComponent,
+        ButtonComponent,
+        NgbPagination,
+        ArtemisDatePipe,
+        ArtemisTranslatePipe,
+    ],
 })
 export class ExampleSubmissionImportComponent extends ImportComponent<Submission> {
+    private exampleSubmissionService = inject(ExampleSubmissionService);
+
     exercise: Exercise;
 
     readonly faQuestionCircle = faQuestionCircle;
     readonly ExerciseType = ExerciseType;
 
-    constructor(
-        router: Router,
-        sortService: SortService,
-        activeModal: NgbActiveModal,
-        pagingService: ExampleSubmissionImportPagingService,
-        private exampleSubmissionService: ExampleSubmissionService,
-    ) {
-        super(router, sortService, activeModal, pagingService);
+    constructor() {
+        const pagingService = inject(ExampleSubmissionImportPagingService);
+        super(pagingService);
     }
 
     get searchTermEntered() {
diff --git a/src/main/webapp/app/exercises/shared/example-submission/example-submission.service.ts b/src/main/webapp/app/exercises/shared/example-submission/example-submission.service.ts
index 5fe845bfe309..a170773c1ace 100644
--- a/src/main/webapp/app/exercises/shared/example-submission/example-submission.service.ts
+++ b/src/main/webapp/app/exercises/shared/example-submission/example-submission.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { ExampleSubmission } from 'app/entities/example-submission.model';
@@ -14,10 +14,8 @@ export type EntityResponseType = HttpResponse<ExampleSubmission>;
 
 @Injectable({ providedIn: 'root' })
 export class ExampleSubmissionService {
-    constructor(
-        private http: HttpClient,
-        private stringCountService: StringCountService,
-    ) {}
+    private http = inject(HttpClient);
+    private stringCountService = inject(StringCountService);
 
     /**
      * Creates an example submission
diff --git a/src/main/webapp/app/exercises/shared/example-submission/example-submissions.component.ts b/src/main/webapp/app/exercises/shared/example-submission/example-submissions.component.ts
index 6c1eec63381f..e8e8995b4290 100644
--- a/src/main/webapp/app/exercises/shared/example-submission/example-submissions.component.ts
+++ b/src/main/webapp/app/exercises/shared/example-submission/example-submissions.component.ts
@@ -1,21 +1,33 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
+import { Component, OnDestroy, OnInit, inject } from '@angular/core';
+import { ActivatedRoute, RouterLink } from '@angular/router';
 import { HttpErrorResponse } from '@angular/common/http';
 import { AlertService } from 'app/core/util/alert.service';
 import { ExampleSubmissionService } from 'app/exercises/shared/example-submission/example-submission.service';
 import { Exercise, ExerciseType, getCourseFromExercise } from 'app/entities/exercise.model';
 import { CourseManagementService } from 'app/course/manage/course-management.service';
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { NgbModal, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 import { ExampleSubmissionImportComponent } from 'app/exercises/shared/example-submission/example-submission-import/example-submission-import.component';
 import { Submission } from 'app/entities/submission.model';
 import { onError } from 'app/shared/util/global.utils';
 import { AccountService } from 'app/core/auth/account.service';
 import { faExclamationTriangle, faFont, faPlus, faQuestionCircle, faTimes } from '@fortawesome/free-solid-svg-icons';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ResultComponent } from '../result/result.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     templateUrl: 'example-submissions.component.html',
+    imports: [TranslateDirective, RouterLink, FaIconComponent, NgbTooltip, ResultComponent, ArtemisTranslatePipe],
 })
 export class ExampleSubmissionsComponent implements OnInit, OnDestroy {
+    private alertService = inject(AlertService);
+    private exampleSubmissionService = inject(ExampleSubmissionService);
+    private activatedRoute = inject(ActivatedRoute);
+    private courseService = inject(CourseManagementService);
+    private modalService = inject(NgbModal);
+    private accountService = inject(AccountService);
+
     exercise: Exercise;
     readonly exerciseType = ExerciseType;
     createdExampleAssessment: boolean[];
@@ -27,15 +39,6 @@ export class ExampleSubmissionsComponent implements OnInit, OnDestroy {
     faQuestionCircle = faQuestionCircle;
     faExclamationTriangle = faExclamationTriangle;
 
-    constructor(
-        private alertService: AlertService,
-        private exampleSubmissionService: ExampleSubmissionService,
-        private activatedRoute: ActivatedRoute,
-        private courseService: CourseManagementService,
-        private modalService: NgbModal,
-        private accountService: AccountService,
-    ) {}
-
     /**
      * Initializes all relevant data for the exercise
      */
diff --git a/src/main/webapp/app/exercises/shared/example-submission/example-submissions.module.ts b/src/main/webapp/app/exercises/shared/example-submission/example-submissions.module.ts
index e6e936f1f64b..3c7c204d1417 100644
--- a/src/main/webapp/app/exercises/shared/example-submission/example-submissions.module.ts
+++ b/src/main/webapp/app/exercises/shared/example-submission/example-submissions.module.ts
@@ -13,7 +13,14 @@ import { SubmissionResultStatusModule } from 'app/overview/submission-result-sta
 const ENTITY_STATES = [...textExerciseRoutes, ...modelingExerciseRoutes];
 
 @NgModule({
-    imports: [ArtemisSharedModule, RouterModule.forChild(ENTITY_STATES), ArtemisSharedComponentModule, ArtemisResultModule, SubmissionResultStatusModule],
-    declarations: [ExampleSubmissionsComponent, ExampleSubmissionImportComponent],
+    imports: [
+        ArtemisSharedModule,
+        RouterModule.forChild(ENTITY_STATES),
+        ArtemisSharedComponentModule,
+        ArtemisResultModule,
+        SubmissionResultStatusModule,
+        ExampleSubmissionsComponent,
+        ExampleSubmissionImportComponent,
+    ],
 })
 export class ExampleSubmissionsModule {}
diff --git a/src/main/webapp/app/exercises/shared/exercise-detail-common-actions/non-programming-exercise-detail-common-actions.component.ts b/src/main/webapp/app/exercises/shared/exercise-detail-common-actions/non-programming-exercise-detail-common-actions.component.ts
index 93f06518d4e8..0836e4ccd797 100644
--- a/src/main/webapp/app/exercises/shared/exercise-detail-common-actions/non-programming-exercise-detail-common-actions.component.ts
+++ b/src/main/webapp/app/exercises/shared/exercise-detail-common-actions/non-programming-exercise-detail-common-actions.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input, OnInit, inject } from '@angular/core';
 import { Exercise, ExerciseType } from 'app/entities/exercise.model';
 import { Subject } from 'rxjs';
 import { TextExerciseService } from 'app/exercises/text/manage/text-exercise/text-exercise.service';
@@ -6,18 +6,31 @@ import { HttpErrorResponse } from '@angular/common/http';
 import { FileUploadExerciseService } from 'app/exercises/file-upload/manage/file-upload-exercise.service';
 import { ModelingExerciseService } from 'app/exercises/modeling/manage/modeling-exercise.service';
 import { Course } from 'app/entities/course.model';
-import { Router } from '@angular/router';
+import { Router, RouterLink } from '@angular/router';
 import { AssessmentType } from 'app/entities/assessment-type.model';
 import { EventManager } from 'app/core/util/event-manager.service';
 import { faBook, faChartBar, faListAlt, faRobot, faTable, faTrash, faUserCheck, faUsers, faWrench } from '@fortawesome/free-solid-svg-icons';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 import { PROFILE_IRIS } from 'app/app.constants';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-non-programming-exercise-detail-common-actions',
     templateUrl: './non-programming-exercise-detail-common-actions.component.html',
+    imports: [RouterLink, FaIconComponent, TranslateDirective, NgbTooltip, DeleteButtonDirective, ArtemisTranslatePipe],
 })
 export class NonProgrammingExerciseDetailCommonActionsComponent implements OnInit {
+    private textExerciseService = inject(TextExerciseService);
+    private fileUploadExerciseService = inject(FileUploadExerciseService);
+    private modelingExerciseService = inject(ModelingExerciseService);
+    private profileService = inject(ProfileService);
+    private eventManager = inject(EventManager);
+    private router = inject(Router);
+
     @Input()
     exercise: Exercise;
 
@@ -48,15 +61,6 @@ export class NonProgrammingExerciseDetailCommonActionsComponent implements OnIni
     faUserCheck = faUserCheck;
     faRobot = faRobot;
 
-    constructor(
-        private textExerciseService: TextExerciseService,
-        private fileUploadExerciseService: FileUploadExerciseService,
-        private modelingExerciseService: ModelingExerciseService,
-        private profileService: ProfileService,
-        private eventManager: EventManager,
-        private router: Router,
-    ) {}
-
     ngOnInit(): void {
         if (!this.isExamExercise) {
             this.baseResource = `/course-management/${this.course.id!}/${this.exercise.type}-exercises/${this.exercise.id}/`;
diff --git a/src/main/webapp/app/exercises/shared/exercise-detail-common-actions/non-programming-exercise-detail-common-actions.module.ts b/src/main/webapp/app/exercises/shared/exercise-detail-common-actions/non-programming-exercise-detail-common-actions.module.ts
index 66fe3ba3703c..feee6d25e7b8 100644
--- a/src/main/webapp/app/exercises/shared/exercise-detail-common-actions/non-programming-exercise-detail-common-actions.module.ts
+++ b/src/main/webapp/app/exercises/shared/exercise-detail-common-actions/non-programming-exercise-detail-common-actions.module.ts
@@ -7,8 +7,14 @@ import { RouterModule } from '@angular/router';
 import { ArtemisAssessmentSharedModule } from 'app/assessment/assessment-shared.module';
 
 @NgModule({
-    declarations: [NonProgrammingExerciseDetailCommonActionsComponent],
     exports: [NonProgrammingExerciseDetailCommonActionsComponent],
-    imports: [ArtemisSharedCommonModule, ArtemisExerciseScoresModule, ArtemisSharedModule, RouterModule, ArtemisAssessmentSharedModule],
+    imports: [
+        ArtemisSharedCommonModule,
+        ArtemisExerciseScoresModule,
+        ArtemisSharedModule,
+        RouterModule,
+        ArtemisAssessmentSharedModule,
+        NonProgrammingExerciseDetailCommonActionsComponent,
+    ],
 })
 export class NonProgrammingExerciseDetailCommonActionsModule {}
diff --git a/src/main/webapp/app/exercises/shared/exercise-headers/difficulty-badge.component.ts b/src/main/webapp/app/exercises/shared/exercise-headers/difficulty-badge.component.ts
index 89a305b9d378..5f79b045566b 100644
--- a/src/main/webapp/app/exercises/shared/exercise-headers/difficulty-badge.component.ts
+++ b/src/main/webapp/app/exercises/shared/exercise-headers/difficulty-badge.component.ts
@@ -1,21 +1,23 @@
-import { Component, Input, OnChanges, OnDestroy, OnInit } from '@angular/core';
+import { Component, Input, OnChanges, OnDestroy, OnInit, inject } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import { Subscription } from 'rxjs';
 import { DifficultyLevel, Exercise } from 'app/entities/exercise.model';
+import { NgClass } from '@angular/common';
 
 @Component({
     selector: 'jhi-difficulty-badge',
     templateUrl: './difficulty-badge.component.html',
+    imports: [NgClass],
 })
 export class DifficultyBadgeComponent implements OnInit, OnDestroy, OnChanges {
+    private translateService = inject(TranslateService);
+
     @Input() exercise: Exercise;
     @Input() showNoLevel: boolean;
     public translatedDifficulty: string;
     public badgeClass: string;
     private translateSubscription: Subscription;
 
-    constructor(private translateService: TranslateService) {}
-
     /**
      * Sets the badge attributes based on the exercise difficulty
      */
@@ -25,7 +27,7 @@ export class DifficultyBadgeComponent implements OnInit, OnDestroy, OnChanges {
         });
     }
 
-    ngOnChanges(): void {
+    ngOnChanges() {
         this.setBadgeAttributes();
     }
 
diff --git a/src/main/webapp/app/exercises/shared/exercise-headers/exercise-headers-information/exercise-headers-information.component.ts b/src/main/webapp/app/exercises/shared/exercise-headers/exercise-headers-information/exercise-headers-information.component.ts
index 57c245a224fa..50747da936a4 100644
--- a/src/main/webapp/app/exercises/shared/exercise-headers/exercise-headers-information/exercise-headers-information.component.ts
+++ b/src/main/webapp/app/exercises/shared/exercise-headers/exercise-headers-information/exercise-headers-information.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnChanges, OnInit } from '@angular/core';
+import { Component, Input, OnChanges, OnInit, inject } from '@angular/core';
 import { SortService } from 'app/shared/service/sort.service';
 import dayjs from 'dayjs/esm';
 import { Exercise, IncludedInOverallScore, getCourseFromExercise } from 'app/entities/exercise.model';
@@ -22,7 +22,6 @@ import { ArtemisServerDateService } from 'app/shared/server-date.service';
 @Component({
     selector: 'jhi-exercise-headers-information',
     templateUrl: './exercise-headers-information.component.html',
-    standalone: true,
     imports: [SubmissionResultStatusModule, ExerciseCategoriesModule, InformationBoxComponent, DifficultyLevelComponent, ArtemisSharedCommonModule],
     styleUrls: ['./exercise-headers-information.component.scss'],
     /* Our tsconfig file has `preserveWhitespaces: 'true'` which causes whitespace to affect content projection.
@@ -31,6 +30,9 @@ import { ArtemisServerDateService } from 'app/shared/server-date.service';
     preserveWhitespaces: false,
 })
 export class ExerciseHeadersInformationComponent implements OnInit, OnChanges {
+    private sortService = inject(SortService);
+    private serverDateService = inject(ArtemisServerDateService);
+
     readonly IncludedInOverallScore = IncludedInOverallScore;
     readonly dayjs = dayjs;
 
@@ -47,11 +49,6 @@ export class ExerciseHeadersInformationComponent implements OnInit, OnChanges {
     numberOfSubmissions: number;
     informationBoxItems: InformationBox[] = [];
 
-    constructor(
-        private sortService: SortService,
-        private serverDateService: ArtemisServerDateService,
-    ) {}
-
     ngOnInit() {
         this.dueDate = getExerciseDueDate(this.exercise, this.studentParticipation);
         this.now = this.serverDateService.now();
diff --git a/src/main/webapp/app/exercises/shared/exercise-headers/exercise-headers.module.ts b/src/main/webapp/app/exercises/shared/exercise-headers/exercise-headers.module.ts
index bc3d6fe70024..bdbb3f2b0707 100644
--- a/src/main/webapp/app/exercises/shared/exercise-headers/exercise-headers.module.ts
+++ b/src/main/webapp/app/exercises/shared/exercise-headers/exercise-headers.module.ts
@@ -7,8 +7,14 @@ import { SubmissionResultStatusModule } from 'app/overview/submission-result-sta
 import { ExerciseCategoriesModule } from 'app/shared/exercise-categories/exercise-categories.module';
 
 @NgModule({
-    imports: [ArtemisSharedModule, ArtemisSharedComponentModule, SubmissionResultStatusModule, ExerciseCategoriesModule],
-    declarations: [HeaderExercisePageWithDetailsComponent, HeaderParticipationPageComponent],
+    imports: [
+        ArtemisSharedModule,
+        ArtemisSharedComponentModule,
+        SubmissionResultStatusModule,
+        ExerciseCategoriesModule,
+        HeaderExercisePageWithDetailsComponent,
+        HeaderParticipationPageComponent,
+    ],
     exports: [HeaderExercisePageWithDetailsComponent, HeaderParticipationPageComponent],
 })
 export class ArtemisHeaderExercisePageWithDetailsModule {}
diff --git a/src/main/webapp/app/exercises/shared/exercise-headers/header-exercise-page-with-details.component.ts b/src/main/webapp/app/exercises/shared/exercise-headers/header-exercise-page-with-details.component.ts
index b89694846761..dc7a09231379 100644
--- a/src/main/webapp/app/exercises/shared/exercise-headers/header-exercise-page-with-details.component.ts
+++ b/src/main/webapp/app/exercises/shared/exercise-headers/header-exercise-page-with-details.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnChanges, OnInit } from '@angular/core';
+import { Component, Input, OnChanges, OnInit, inject } from '@angular/core';
 import { SortService } from 'app/shared/service/sort.service';
 import dayjs from 'dayjs/esm';
 import { Exercise, ExerciseType, IncludedInOverallScore, getCourseFromExercise, getIcon, getIconTooltip } from 'app/entities/exercise.model';
@@ -16,13 +16,35 @@ import { ComplaintService } from 'app/complaints/complaint.service';
 import { SubmissionType } from 'app/entities/submission.model';
 import { ProgrammingSubmission } from 'app/entities/programming/programming-submission.model';
 import { roundValueSpecifiedByCourseSettings } from 'app/shared/util/utils';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { ExerciseCategoriesComponent } from 'app/shared/exercise-categories/exercise-categories.component';
+import { NgClass } from '@angular/common';
+import { IncludedInScoreBadgeComponent } from './included-in-score-badge.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { ArtemisTimeAgoPipe } from 'app/shared/pipes/artemis-time-ago.pipe';
 
 @Component({
     selector: 'jhi-header-exercise-page-with-details',
     templateUrl: './header-exercise-page-with-details.component.html',
     styleUrls: ['./header-exercise-page-with-details.component.scss'],
+    imports: [
+        FaIconComponent,
+        NgbTooltip,
+        ExerciseCategoriesComponent,
+        NgClass,
+        IncludedInScoreBadgeComponent,
+        TranslateDirective,
+        ArtemisDatePipe,
+        ArtemisTranslatePipe,
+        ArtemisTimeAgoPipe,
+    ],
 })
 export class HeaderExercisePageWithDetailsComponent implements OnChanges, OnInit {
+    private sortService = inject(SortService);
+
     readonly IncludedInOverallScore = IncludedInOverallScore;
     readonly AssessmentType = AssessmentType;
     readonly ExerciseType = ExerciseType;
@@ -56,8 +78,6 @@ export class HeaderExercisePageWithDetailsComponent implements OnChanges, OnInit
     // Icons
     faQuestionCircle = faQuestionCircle;
 
-    constructor(private sortService: SortService) {}
-
     ngOnInit() {
         this.exerciseCategories = this.exercise.categories || [];
 
diff --git a/src/main/webapp/app/exercises/shared/exercise-headers/header-participation-page.component.ts b/src/main/webapp/app/exercises/shared/exercise-headers/header-participation-page.component.ts
index 975808bde2ce..3a181e33f0f4 100644
--- a/src/main/webapp/app/exercises/shared/exercise-headers/header-participation-page.component.ts
+++ b/src/main/webapp/app/exercises/shared/exercise-headers/header-participation-page.component.ts
@@ -6,12 +6,31 @@ import { ButtonType } from 'app/shared/components/button.component';
 import { ExerciseCategory } from 'app/entities/exercise-category.model';
 import { getExerciseDueDate, hasExerciseDueDatePassed } from 'app/exercises/shared/exercise/exercise.utils';
 import { roundValueSpecifiedByCourseSettings } from 'app/shared/util/utils';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgClass, NgStyle } from '@angular/common';
+import { DifficultyBadgeComponent } from './difficulty-badge.component';
+import { IncludedInScoreBadgeComponent } from './included-in-score-badge.component';
+import { SubmissionResultStatusComponent } from 'app/overview/submission-result-status.component';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { ArtemisTimeAgoPipe } from 'app/shared/pipes/artemis-time-ago.pipe';
 
 @Component({
     selector: 'jhi-header-participation-page',
     templateUrl: './header-participation-page.component.html',
     styleUrls: ['./header-participation-page.component.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [
+        TranslateDirective,
+        NgClass,
+        NgStyle,
+        DifficultyBadgeComponent,
+        IncludedInScoreBadgeComponent,
+        SubmissionResultStatusComponent,
+        ArtemisDatePipe,
+        ArtemisTranslatePipe,
+        ArtemisTimeAgoPipe,
+    ],
 })
 export class HeaderParticipationPageComponent implements OnInit, OnChanges {
     readonly ButtonType = ButtonType;
@@ -51,7 +70,7 @@ export class HeaderParticipationPageComponent implements OnInit, OnChanges {
     /**
      * Sets the status badge and categories of the exercise on changes
      */
-    ngOnChanges(): void {
+    ngOnChanges() {
         if (this.exercise) {
             this.exerciseStatusBadge = hasExerciseDueDatePassed(this.exercise, this.participation) ? 'bg-danger' : 'bg-success';
             this.exerciseCategories = this.exercise.categories || [];
diff --git a/src/main/webapp/app/exercises/shared/exercise-headers/included-in-score-badge.component.ts b/src/main/webapp/app/exercises/shared/exercise-headers/included-in-score-badge.component.ts
index f512f1dda52f..55e3b4ff954d 100644
--- a/src/main/webapp/app/exercises/shared/exercise-headers/included-in-score-badge.component.ts
+++ b/src/main/webapp/app/exercises/shared/exercise-headers/included-in-score-badge.component.ts
@@ -1,22 +1,25 @@
-import { Component, Input, OnChanges, OnDestroy, OnInit } from '@angular/core';
+import { Component, Input, OnChanges, OnDestroy, OnInit, inject } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import { IncludedInOverallScore } from 'app/entities/exercise.model';
 import { Subscription } from 'rxjs';
+import { NgClass } from '@angular/common';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 
 @Component({
     selector: 'jhi-included-in-score-badge',
     templateUrl: './included-in-score-badge.component.html',
     styleUrls: ['./included-in-score-badge.component.scss'],
+    imports: [NgClass, NgbTooltip],
 })
 export class IncludedInScoreBadgeComponent implements OnInit, OnDestroy, OnChanges {
+    private translateService = inject(TranslateService);
+
     @Input() includedInOverallScore: IncludedInOverallScore | undefined;
     public translatedEnum = '';
     public translatedTooltip = '';
     public badgeClass: string;
     private translateSubscription: Subscription;
 
-    constructor(private translateService: TranslateService) {}
-
     /**
      * Sets the badge attributes based on the included in score enum
      */
@@ -26,7 +29,7 @@ export class IncludedInScoreBadgeComponent implements OnInit, OnDestroy, OnChang
         });
     }
 
-    ngOnChanges(): void {
+    ngOnChanges() {
         this.setBadgeAttributes();
     }
 
diff --git a/src/main/webapp/app/exercises/shared/exercise-info/exercise-info.component.ts b/src/main/webapp/app/exercises/shared/exercise-info/exercise-info.component.ts
index 6a8ae197055f..ae91ae8ac766 100644
--- a/src/main/webapp/app/exercises/shared/exercise-info/exercise-info.component.ts
+++ b/src/main/webapp/app/exercises/shared/exercise-info/exercise-info.component.ts
@@ -5,11 +5,16 @@ import { getExerciseDueDate } from 'app/exercises/shared/exercise/exercise.utils
 import dayjs from 'dayjs/esm';
 import { ComplaintService } from 'app/complaints/complaint.service';
 import { AssessmentType } from 'app/entities/assessment-type.model';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgTemplateOutlet } from '@angular/common';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-exercise-info',
     templateUrl: './exercise-info.component.html',
     styleUrls: ['../../../shared/side-panel/side-panel.scss'],
+    imports: [TranslateDirective, NgTemplateOutlet, ArtemisDatePipe, ArtemisTranslatePipe],
 })
 export class ExerciseInfoComponent implements OnInit {
     @Input() exercise: Exercise;
diff --git a/src/main/webapp/app/exercises/shared/exercise-info/exercise-info.module.ts b/src/main/webapp/app/exercises/shared/exercise-info/exercise-info.module.ts
index 7df67b084660..68c22aa94c80 100644
--- a/src/main/webapp/app/exercises/shared/exercise-info/exercise-info.module.ts
+++ b/src/main/webapp/app/exercises/shared/exercise-info/exercise-info.module.ts
@@ -3,8 +3,7 @@ import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { ExerciseInfoComponent } from 'app/exercises/shared/exercise-info/exercise-info.component';
 
 @NgModule({
-    declarations: [ExerciseInfoComponent],
     exports: [ExerciseInfoComponent],
-    imports: [ArtemisSharedModule],
+    imports: [ArtemisSharedModule, ExerciseInfoComponent],
 })
 export class ArtemisExerciseInfoModule {}
diff --git a/src/main/webapp/app/exercises/shared/exercise-scores/exercise-scores-export-button.component.ts b/src/main/webapp/app/exercises/shared/exercise-scores/exercise-scores-export-button.component.ts
index 704737e2b4d0..6a9ecc90ccbe 100644
--- a/src/main/webapp/app/exercises/shared/exercise-scores/exercise-scores-export-button.component.ts
+++ b/src/main/webapp/app/exercises/shared/exercise-scores/exercise-scores-export-button.component.ts
@@ -3,7 +3,7 @@ import { roundValueSpecifiedByCourseSettings, scrollToTopOfPage } from 'app/shar
 import { AlertService } from 'app/core/util/alert.service';
 import { ProgrammingExerciseStudentParticipation } from 'app/entities/participation/programming-exercise-student-participation.model';
 import { Exercise, ExerciseType, getCourseFromExercise } from 'app/entities/exercise.model';
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input, OnInit, inject } from '@angular/core';
 import { ResultService } from 'app/exercises/shared/result/result.service';
 import { getTestCaseNamesFromResults, getTestCaseResults } from 'app/exercises/shared/result/result.utils';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
@@ -12,12 +12,20 @@ import { ResultWithPointsPerGradingCriterion } from 'app/entities/result-with-po
 import { faDownload } from '@fortawesome/free-solid-svg-icons';
 import { download, generateCsv, mkConfig } from 'export-to-csv';
 import { TestCaseResult } from 'app/entities/programming/test-case-result.model';
+import { NgbDropdown, NgbDropdownButtonItem, NgbDropdownItem, NgbDropdownMenu, NgbDropdownToggle, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-exercise-scores-export-button',
     templateUrl: './exercise-scores-export-button.component.html',
+    imports: [NgbDropdown, NgbDropdownToggle, FaIconComponent, TranslateDirective, NgbDropdownMenu, NgbDropdownButtonItem, NgbDropdownItem, NgbTooltip, ArtemisTranslatePipe],
 })
 export class ExerciseScoresExportButtonComponent implements OnInit {
+    private resultService = inject(ResultService);
+    private alertService = inject(AlertService);
+
     @Input() exercises: Exercise[] = []; // Used to export multiple scores together
     @Input() exercise: Exercise | ProgrammingExercise;
 
@@ -26,11 +34,6 @@ export class ExerciseScoresExportButtonComponent implements OnInit {
     // Icons
     faDownload = faDownload;
 
-    constructor(
-        private resultService: ResultService,
-        private alertService: AlertService,
-    ) {}
-
     ngOnInit(): void {
         this.isProgrammingExerciseResults = this.exercises.concat(this.exercise).every((exercise) => exercise?.type === ExerciseType.PROGRAMMING);
     }
diff --git a/src/main/webapp/app/exercises/shared/exercise-scores/exercise-scores.component.ts b/src/main/webapp/app/exercises/shared/exercise-scores/exercise-scores.component.ts
index 35b86f595fca..e51f1d0d5afd 100644
--- a/src/main/webapp/app/exercises/shared/exercise-scores/exercise-scores.component.ts
+++ b/src/main/webapp/app/exercises/shared/exercise-scores/exercise-scores.component.ts
@@ -1,9 +1,9 @@
-import { Component, OnDestroy, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
+import { Component, OnDestroy, OnInit, ViewChild, ViewEncapsulation, inject } from '@angular/core';
 import { HttpResponse } from '@angular/common/http';
 import { Participation } from 'app/entities/participation/participation.model';
 import { ParticipationService } from 'app/exercises/shared/participation/participation.service';
 import { Subscription, forkJoin } from 'rxjs';
-import { ActivatedRoute } from '@angular/router';
+import { ActivatedRoute, RouterLink } from '@angular/router';
 import { Course } from 'app/entities/course.model';
 import { CourseManagementService } from 'app/course/manage/course-management.service';
 import { FeatureToggle } from 'app/shared/feature-toggle/feature-toggle.service';
@@ -24,9 +24,27 @@ import { faFileCode } from '@fortawesome/free-regular-svg-icons';
 import { Range } from 'app/shared/util/utils';
 import dayjs from 'dayjs/esm';
 import { ExerciseCacheService } from 'app/exercises/shared/exercise/exercise-cache.service';
-import { NgbPopover } from '@ng-bootstrap/ng-bootstrap';
+import { NgbDropdown, NgbDropdownMenu, NgbDropdownToggle, NgbPopover, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 import { PROFILE_LOCALVC } from 'app/app.constants';
 import { isManualResult } from 'app/exercises/shared/result/result.utils';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { FormsModule } from '@angular/forms';
+import { ExternalSubmissionButtonComponent } from '../external-submission/external-submission-button.component';
+import { ExerciseActionButtonComponent } from 'app/shared/components/exercise-action-button.component';
+import { ExerciseScoresExportButtonComponent } from './exercise-scores-export-button.component';
+import { ProgrammingAssessmentRepoExportButtonComponent } from '../../programming/assess/repo-export/programming-assessment-repo-export-button.component';
+import { SubmissionExportButtonComponent } from '../submission-export/submission-export-button.component';
+import { DataTableComponent } from 'app/shared/data-table/data-table.component';
+import { NgxDatatableModule } from '@siemens/ngx-datatable';
+import { ResultComponent } from '../result/result.component';
+import { CodeButtonComponent } from 'app/shared/components/code-button/code-button.component';
+import { FeatureToggleLinkDirective } from 'app/shared/feature-toggle/feature-toggle-link.directive';
+import { ManageAssessmentButtonsComponent } from './manage-assessment-buttons.component';
+import { DecimalPipe, KeyValuePipe } from '@angular/common';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { ArtemisDurationFromSecondsPipe } from 'app/shared/pipes/artemis-duration-from-seconds.pipe';
 
 /**
  * Filter properties for a result
@@ -46,8 +64,43 @@ export enum FilterProp {
     templateUrl: './exercise-scores.component.html',
     providers: [ExerciseCacheService],
     encapsulation: ViewEncapsulation.None,
+    imports: [
+        TranslateDirective,
+        NgbDropdown,
+        NgbDropdownToggle,
+        FaIconComponent,
+        NgbDropdownMenu,
+        FormsModule,
+        RouterLink,
+        ExternalSubmissionButtonComponent,
+        ExerciseActionButtonComponent,
+        NgbPopover,
+        ExerciseScoresExportButtonComponent,
+        ProgrammingAssessmentRepoExportButtonComponent,
+        SubmissionExportButtonComponent,
+        DataTableComponent,
+        NgxDatatableModule,
+        ResultComponent,
+        NgbTooltip,
+        CodeButtonComponent,
+        FeatureToggleLinkDirective,
+        ManageAssessmentButtonsComponent,
+        DecimalPipe,
+        KeyValuePipe,
+        ArtemisDatePipe,
+        ArtemisTranslatePipe,
+        ArtemisDurationFromSecondsPipe,
+    ],
 })
 export class ExerciseScoresComponent implements OnInit, OnDestroy {
+    private route = inject(ActivatedRoute);
+    private courseService = inject(CourseManagementService);
+    private exerciseService = inject(ExerciseService);
+    private resultService = inject(ResultService);
+    private profileService = inject(ProfileService);
+    private programmingSubmissionService = inject(ProgrammingSubmissionService);
+    private participationService = inject(ParticipationService);
+
     // make constants available to html for comparison
     readonly FilterProp = FilterProp;
     readonly ExerciseType = ExerciseType;
@@ -99,16 +152,6 @@ export class ExerciseScoresComponent implements OnInit, OnDestroy {
     faFilter = faFilter;
     faComment = faComment;
 
-    constructor(
-        private route: ActivatedRoute,
-        private courseService: CourseManagementService,
-        private exerciseService: ExerciseService,
-        private resultService: ResultService,
-        private profileService: ProfileService,
-        private programmingSubmissionService: ProgrammingSubmissionService,
-        private participationService: ParticipationService,
-    ) {}
-
     /**
      * Fetches the course and exercise from the server
      */
diff --git a/src/main/webapp/app/exercises/shared/exercise-scores/exercise-scores.module.ts b/src/main/webapp/app/exercises/shared/exercise-scores/exercise-scores.module.ts
index dbfa425c801d..3175c9664bb6 100644
--- a/src/main/webapp/app/exercises/shared/exercise-scores/exercise-scores.module.ts
+++ b/src/main/webapp/app/exercises/shared/exercise-scores/exercise-scores.module.ts
@@ -6,7 +6,7 @@ import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
 import { ArtemisProgrammingAssessmentModule } from 'app/exercises/programming/assess/programming-assessment.module';
 import { NgxDatatableModule } from '@siemens/ngx-datatable';
 import { ArtemisDataTableModule } from 'app/shared/data-table/data-table.module';
-import { FeatureToggleModule } from 'app/shared/feature-toggle/feature-toggle.module';
+
 import { ArtemisResultModule } from 'app/exercises/shared/result/result.module';
 import { FormDateTimePickerModule } from 'app/shared/date-time-picker/date-time-picker.module';
 import { ArtemisExerciseScoresRoutingModule } from 'app/exercises/shared/exercise-scores/exercise-scores-routing.module';
@@ -29,12 +29,9 @@ import { ExternalSubmissionButtonComponent } from 'app/exercises/shared/external
         NgxDatatableModule,
         ArtemisDataTableModule,
         ArtemisProgrammingAssessmentModule,
-        FeatureToggleModule,
         ArtemisSharedComponentModule,
         SubmissionResultStatusModule,
         ArtemisMarkdownModule,
-    ],
-    declarations: [
         ExerciseScoresComponent,
         SubmissionExportButtonComponent,
         SubmissionExportDialogComponent,
diff --git a/src/main/webapp/app/exercises/shared/exercise-scores/manage-assessment-buttons.component.ts b/src/main/webapp/app/exercises/shared/exercise-scores/manage-assessment-buttons.component.ts
index 0a68b60efcab..abda4a9fad15 100644
--- a/src/main/webapp/app/exercises/shared/exercise-scores/manage-assessment-buttons.component.ts
+++ b/src/main/webapp/app/exercises/shared/exercise-scores/manage-assessment-buttons.component.ts
@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { Component, EventEmitter, Input, OnInit, Output, inject } from '@angular/core';
 import { faBan, faFolderOpen } from '@fortawesome/free-solid-svg-icons';
 import { TranslateService } from '@ngx-translate/core';
 import { AssessmentType } from 'app/entities/assessment-type.model';
@@ -13,12 +13,21 @@ import { ProgrammingAssessmentManualResultService } from 'app/exercises/programm
 import { areManualResultsAllowed } from 'app/exercises/shared/exercise/exercise.utils';
 import { TextAssessmentService } from 'app/exercises/text/assess/text-assessment.service';
 import { getLinkToSubmissionAssessment } from 'app/utils/navigation.utils';
+import { RouterLink } from '@angular/router';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-manage-assessment-buttons',
     templateUrl: './manage-assessment-buttons.component.html',
+    imports: [RouterLink, FaIconComponent, ArtemisTranslatePipe],
 })
 export class ManageAssessmentButtonsComponent implements OnInit {
+    private programmingAssessmentManualResultService = inject(ProgrammingAssessmentManualResultService);
+    private modelingAssessmentService = inject(ModelingAssessmentService);
+    private textAssessmentService = inject(TextAssessmentService);
+    private fileUploadAssessmentService = inject(FileUploadAssessmentService);
+
     @Input() exercise: Exercise;
     @Input() course: Course;
     @Input() participation: Participation;
@@ -28,20 +37,16 @@ export class ManageAssessmentButtonsComponent implements OnInit {
 
     correctionRoundIndices: number[];
     cancelConfirmationText: string;
-    newManualResultAllowed: boolean = false;
+    newManualResultAllowed = false;
     examMode = false;
 
     readonly faBan = faBan;
     readonly faFolderOpen = faFolderOpen;
     readonly AssessmentType = AssessmentType;
 
-    constructor(
-        translateService: TranslateService,
-        private programmingAssessmentManualResultService: ProgrammingAssessmentManualResultService,
-        private modelingAssessmentService: ModelingAssessmentService,
-        private textAssessmentService: TextAssessmentService,
-        private fileUploadAssessmentService: FileUploadAssessmentService,
-    ) {
+    constructor() {
+        const translateService = inject(TranslateService);
+
         translateService.get('artemisApp.programmingAssessment.confirmCancel').subscribe((text) => (this.cancelConfirmationText = text));
     }
 
diff --git a/src/main/webapp/app/exercises/shared/exercise-title-channel-name/exercise-title-channel-name.component.ts b/src/main/webapp/app/exercises/shared/exercise-title-channel-name/exercise-title-channel-name.component.ts
index 5b53397e616e..2b03093487df 100644
--- a/src/main/webapp/app/exercises/shared/exercise-title-channel-name/exercise-title-channel-name.component.ts
+++ b/src/main/webapp/app/exercises/shared/exercise-title-channel-name/exercise-title-channel-name.component.ts
@@ -8,40 +8,40 @@ import { CourseExistingExerciseDetailsType, ExerciseService } from 'app/exercise
 @Component({
     selector: 'jhi-exercise-title-channel-name',
     templateUrl: './exercise-title-channel-name.component.html',
+    imports: [TitleChannelNameComponent],
 })
 export class ExerciseTitleChannelNameComponent implements OnChanges {
-    @Input() exercise: Exercise;
     course = input<Course>();
+    isEditFieldDisplayedRecord = input<Record<ProgrammingExerciseInputField, boolean>>();
+    courseId = input<number>();
+
+    @Input() exercise: Exercise;
     @Input() titlePattern: string;
     @Input() minTitleLength: number;
     @Input() isExamMode: boolean;
     @Input() isImport: boolean;
     @Input() hideTitleLabel: boolean;
-    isEditFieldDisplayedRecord = input<Record<ProgrammingExerciseInputField, boolean>>();
-    courseId = input<number>();
 
     @ViewChild(TitleChannelNameComponent) titleChannelNameComponent: TitleChannelNameComponent;
 
     onTitleChange = output<string>();
     onChannelNameChange = output<string>();
 
-    private readonly exerciseService: ExerciseService = inject(ExerciseService);
-
     alreadyUsedExerciseNames = signal<Set<string>>(new Set());
 
     hideChannelNameInput = false;
 
     constructor() {
+        const exerciseService = inject(ExerciseService);
         effect(
             function fetchExistingExerciseNamesOnInit() {
                 const courseId = this.courseId() ?? this.course()?.id;
                 if (courseId && this.exercise.type) {
-                    this.exerciseService.getExistingExerciseDetailsInCourse(courseId, this.exercise.type).subscribe((exerciseDetails: CourseExistingExerciseDetailsType) => {
+                    exerciseService.getExistingExerciseDetailsInCourse(courseId, this.exercise.type).subscribe((exerciseDetails: CourseExistingExerciseDetailsType) => {
                         this.alreadyUsedExerciseNames.set(exerciseDetails.exerciseTitles ?? new Set());
                     });
                 }
             }.bind(this),
-            { allowSignalWrites: true },
         );
     }
 
diff --git a/src/main/webapp/app/exercises/shared/exercise-title-channel-name/exercise-title-channel-name.module.ts b/src/main/webapp/app/exercises/shared/exercise-title-channel-name/exercise-title-channel-name.module.ts
index 908bbf1b51ed..625d0fd3b433 100644
--- a/src/main/webapp/app/exercises/shared/exercise-title-channel-name/exercise-title-channel-name.module.ts
+++ b/src/main/webapp/app/exercises/shared/exercise-title-channel-name/exercise-title-channel-name.module.ts
@@ -3,8 +3,7 @@ import { ExerciseTitleChannelNameComponent } from './exercise-title-channel-name
 import { TitleChannelNameModule } from 'app/shared/form/title-channel-name/title-channel-name.module';
 
 @NgModule({
-    declarations: [ExerciseTitleChannelNameComponent],
-    imports: [TitleChannelNameModule],
+    imports: [TitleChannelNameModule, ExerciseTitleChannelNameComponent],
     exports: [ExerciseTitleChannelNameComponent],
 })
 export class ExerciseTitleChannelNameModule {}
diff --git a/src/main/webapp/app/exercises/shared/exercise-update-notification/exercise-update-notification.component.ts b/src/main/webapp/app/exercises/shared/exercise-update-notification/exercise-update-notification.component.ts
index 27207b1e2b78..a3dcb9b25f1c 100644
--- a/src/main/webapp/app/exercises/shared/exercise-update-notification/exercise-update-notification.component.ts
+++ b/src/main/webapp/app/exercises/shared/exercise-update-notification/exercise-update-notification.component.ts
@@ -1,11 +1,14 @@
 import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-exercise-update-notification',
     templateUrl: './exercise-update-notification.component.html',
+    imports: [FormsModule, ArtemisTranslatePipe],
 })
 export class ExerciseUpdateNotificationComponent {
-    @Input() isCreation: boolean = false;
+    @Input() isCreation = false;
     @Input() isImport: boolean;
     @Input() notificationText?: string;
     @Output() notificationTextChange: EventEmitter<string> = new EventEmitter<string>();
diff --git a/src/main/webapp/app/exercises/shared/exercise-update-notification/exercise-update-notification.module.ts b/src/main/webapp/app/exercises/shared/exercise-update-notification/exercise-update-notification.module.ts
index 49b8092e4df7..9f49b0c92b7a 100644
--- a/src/main/webapp/app/exercises/shared/exercise-update-notification/exercise-update-notification.module.ts
+++ b/src/main/webapp/app/exercises/shared/exercise-update-notification/exercise-update-notification.module.ts
@@ -3,8 +3,7 @@ import { ExerciseUpdateNotificationComponent } from 'app/exercises/shared/exerci
 import { ArtemisSharedCommonModule } from 'app/shared/shared-common.module';
 
 @NgModule({
-    declarations: [ExerciseUpdateNotificationComponent],
-    imports: [ArtemisSharedCommonModule],
+    imports: [ArtemisSharedCommonModule, ExerciseUpdateNotificationComponent],
     exports: [ExerciseUpdateNotificationComponent],
 })
 export class ExerciseUpdateNotificationModule {}
diff --git a/src/main/webapp/app/exercises/shared/exercise-update-warning/exercise-update-warning.component.ts b/src/main/webapp/app/exercises/shared/exercise-update-warning/exercise-update-warning.component.ts
index 35c1fd7b004d..52114e0888af 100644
--- a/src/main/webapp/app/exercises/shared/exercise-update-warning/exercise-update-warning.component.ts
+++ b/src/main/webapp/app/exercises/shared/exercise-update-warning/exercise-update-warning.component.ts
@@ -1,13 +1,19 @@
-import { Component, EventEmitter, Output } from '@angular/core';
+import { Component, EventEmitter, Output, inject } from '@angular/core';
 import { faBan, faCheck, faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FormsModule } from '@angular/forms';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 @Component({
     selector: 'jhi-exercise-update-warning',
     templateUrl: './exercise-update-warning.component.html',
     styleUrls: ['./exercise-update-warning.component.scss'],
+    imports: [TranslateDirective, FormsModule, FaIconComponent],
 })
 export class ExerciseUpdateWarningComponent {
+    activeModal = inject(NgbActiveModal);
+
     instructionDeleted = false;
     creditChanged = false;
     deleteFeedback = false;
@@ -27,8 +33,6 @@ export class ExerciseUpdateWarningComponent {
     faCheck = faCheck;
     faExclamationTriangle = faExclamationTriangle;
 
-    constructor(public activeModal: NgbActiveModal) {}
-
     /**
      * Closes the modal
      */
diff --git a/src/main/webapp/app/exercises/shared/exercise-update-warning/exercise-update-warning.module.ts b/src/main/webapp/app/exercises/shared/exercise-update-warning/exercise-update-warning.module.ts
index e8c1d59cbf74..1f03b98fdd32 100644
--- a/src/main/webapp/app/exercises/shared/exercise-update-warning/exercise-update-warning.module.ts
+++ b/src/main/webapp/app/exercises/shared/exercise-update-warning/exercise-update-warning.module.ts
@@ -6,8 +6,7 @@ import { ArtemisMarkdownModule } from 'app/shared/markdown.module';
 import { ExerciseUpdateWarningComponent } from 'app/exercises/shared/exercise-update-warning/exercise-update-warning.component';
 
 @NgModule({
-    declarations: [ExerciseUpdateWarningComponent],
     exports: [ExerciseUpdateWarningComponent],
-    imports: [CommonModule, ArtemisSharedModule, ArtemisMarkdownModule, ArtemisMarkdownEditorModule],
+    imports: [CommonModule, ArtemisSharedModule, ArtemisMarkdownModule, ArtemisMarkdownEditorModule, ExerciseUpdateWarningComponent],
 })
 export class ArtemisExerciseUpdateWarningModule {}
diff --git a/src/main/webapp/app/exercises/shared/exercise-update-warning/exercise-update-warning.service.ts b/src/main/webapp/app/exercises/shared/exercise-update-warning/exercise-update-warning.service.ts
index 3f1ea61f19cf..df91228928ad 100644
--- a/src/main/webapp/app/exercises/shared/exercise-update-warning/exercise-update-warning.service.ts
+++ b/src/main/webapp/app/exercises/shared/exercise-update-warning/exercise-update-warning.service.ts
@@ -1,4 +1,4 @@
-import { Component, Injectable } from '@angular/core';
+import { Component, Injectable, inject } from '@angular/core';
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { Exercise } from 'app/entities/exercise.model';
 import { GradingInstruction } from 'app/exercises/shared/structured-grading-criterion/grading-instruction.model';
@@ -7,6 +7,8 @@ import dayjs from 'dayjs/esm';
 
 @Injectable({ providedIn: 'root' })
 export class ExerciseUpdateWarningService {
+    private modalService = inject(NgbModal);
+
     private ngbModalRef: NgbModalRef;
 
     instructionDeleted: boolean;
@@ -17,8 +19,6 @@ export class ExerciseUpdateWarningService {
 
     isExamMode: boolean;
 
-    constructor(private modalService: NgbModal) {}
-
     /**
      * Open the modal with the given content for the given exercise.
      * @param component the content that should be shown
diff --git a/src/main/webapp/app/exercises/shared/exercise/exercise-cache.service.ts b/src/main/webapp/app/exercises/shared/exercise/exercise-cache.service.ts
index 87129bc218e4..c222b82d524f 100644
--- a/src/main/webapp/app/exercises/shared/exercise/exercise-cache.service.ts
+++ b/src/main/webapp/app/exercises/shared/exercise/exercise-cache.service.ts
@@ -1,11 +1,11 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ExerciseService } from 'app/exercises/shared/exercise/exercise.service';
 import dayjs from 'dayjs/esm';
 import { Observable, of, tap } from 'rxjs';
 
 @Injectable()
 export class ExerciseCacheService {
-    constructor(private exerciseService: ExerciseService) {}
+    private exerciseService = inject(ExerciseService);
 
     latestDueDateByExerciseId: Map<number, dayjs.Dayjs> = new Map();
 
diff --git a/src/main/webapp/app/exercises/shared/exercise/exercise.component.ts b/src/main/webapp/app/exercises/shared/exercise/exercise.component.ts
index 32d96f26b6f7..603617d31eef 100644
--- a/src/main/webapp/app/exercises/shared/exercise/exercise.component.ts
+++ b/src/main/webapp/app/exercises/shared/exercise/exercise.component.ts
@@ -13,7 +13,9 @@ interface DeletionServiceInterface {
     delete: (id: number) => Observable<HttpResponse<any>>;
 }
 
-@Component({ template: '' })
+@Component({
+    template: '',
+})
 export abstract class ExerciseComponent implements OnInit, OnDestroy {
     protected translateService = inject(TranslateService);
     protected eventManager = inject(EventManager);
@@ -29,7 +31,7 @@ export abstract class ExerciseComponent implements OnInit, OnDestroy {
     showHeading: boolean;
     courseId: number;
     predicate: string = 'id';
-    reverse: boolean = true;
+    reverse = true;
 
     selectedExercises: Exercise[] = [];
     allChecked = false;
diff --git a/src/main/webapp/app/exercises/shared/exercise/exercise.module.ts b/src/main/webapp/app/exercises/shared/exercise/exercise.module.ts
index d155d9dd9970..999f65b53362 100644
--- a/src/main/webapp/app/exercises/shared/exercise/exercise.module.ts
+++ b/src/main/webapp/app/exercises/shared/exercise/exercise.module.ts
@@ -9,8 +9,15 @@ import { ArtemisChartsModule } from 'app/shared/chart/artemis-charts.module';
 import { QuizExerciseLifecycleButtonsComponent } from 'app/exercises/quiz/manage/quiz-exercise-lifecycle-buttons.component';
 
 @NgModule({
-    imports: [ArtemisSharedModule, ArtemisSharedComponentModule, FormsModule, ArtemisChartsModule],
-    declarations: [ExerciseDetailStatisticsComponent, ExerciseStatisticsComponent, QuizExerciseLifecycleButtonsComponent],
+    imports: [
+        ArtemisSharedModule,
+        ArtemisSharedComponentModule,
+        FormsModule,
+        ArtemisChartsModule,
+        ExerciseDetailStatisticsComponent,
+        ExerciseStatisticsComponent,
+        QuizExerciseLifecycleButtonsComponent,
+    ],
     exports: [ExerciseDetailStatisticsComponent, ExerciseStatisticsComponent, QuizExerciseLifecycleButtonsComponent],
 })
 export class ArtemisExerciseModule {}
diff --git a/src/main/webapp/app/exercises/shared/exercise/exercise.service.ts b/src/main/webapp/app/exercises/shared/exercise/exercise.service.ts
index b377e0c20572..2e2aac255860 100644
--- a/src/main/webapp/app/exercises/shared/exercise/exercise.service.ts
+++ b/src/main/webapp/app/exercises/shared/exercise/exercise.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import dayjs from 'dayjs/esm';
@@ -56,17 +56,15 @@ export interface ExerciseServicable<T extends Exercise> {
 
 @Injectable({ providedIn: 'root' })
 export class ExerciseService {
+    private http = inject(HttpClient);
+    private accountService = inject(AccountService);
+    private translateService = inject(TranslateService);
+    private entityTitleService = inject(EntityTitleService);
+
     public resourceUrl = 'api/exercises';
     public adminResourceUrl = 'api/admin/exercises';
     public courseResourceUrl = 'api/courses';
 
-    constructor(
-        private http: HttpClient,
-        private accountService: AccountService,
-        private translateService: TranslateService,
-        private entityTitleService: EntityTitleService,
-    ) {}
-
     /**
      * Persist a new exercise
      * @param { Exercise } exercise - Exercise that will be persisted
diff --git a/src/main/webapp/app/exercises/shared/external-submission/external-submission-button.component.ts b/src/main/webapp/app/exercises/shared/external-submission/external-submission-button.component.ts
index 3600def8329c..4a0f209c1f10 100644
--- a/src/main/webapp/app/exercises/shared/external-submission/external-submission-button.component.ts
+++ b/src/main/webapp/app/exercises/shared/external-submission/external-submission-button.component.ts
@@ -1,9 +1,10 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, inject } from '@angular/core';
 import { faPlus } from '@fortawesome/free-solid-svg-icons';
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { Exercise } from 'app/entities/exercise.model';
 import { ExternalSubmissionDialogComponent } from 'app/exercises/shared/external-submission/external-submission-dialog.component';
 import { ButtonSize, ButtonType } from 'app/shared/components/button.component';
+import { ButtonComponent } from 'app/shared/components/button.component';
 
 @Component({
     selector: 'jhi-external-submission',
@@ -18,8 +19,11 @@ import { ButtonSize, ButtonType } from 'app/shared/components/button.component';
             />
         }
     `,
+    imports: [ButtonComponent],
 })
 export class ExternalSubmissionButtonComponent {
+    private modalService = inject(NgbModal);
+
     ButtonType = ButtonType;
     ButtonSize = ButtonSize;
 
@@ -28,8 +32,6 @@ export class ExternalSubmissionButtonComponent {
     // Icons
     faPlus = faPlus;
 
-    constructor(private modalService: NgbModal) {}
-
     /**
      * Opens modal window for external exercise submission.
      * @param { MouseEvent } event
diff --git a/src/main/webapp/app/exercises/shared/external-submission/external-submission-dialog.component.ts b/src/main/webapp/app/exercises/shared/external-submission/external-submission-dialog.component.ts
index e87e3b3a70d2..69e127e9d8d0 100644
--- a/src/main/webapp/app/exercises/shared/external-submission/external-submission-dialog.component.ts
+++ b/src/main/webapp/app/exercises/shared/external-submission/external-submission-dialog.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input, OnInit, inject } from '@angular/core';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { Result } from 'app/entities/result.model';
 import { Feedback, FeedbackType } from 'app/entities/feedback.model';
@@ -12,12 +12,23 @@ import { SCORE_PATTERN } from 'app/app.constants';
 import { User } from 'app/core/user/user.model';
 import { EventManager } from 'app/core/util/event-manager.service';
 import { faBan, faSave } from '@fortawesome/free-solid-svg-icons';
+import { FormsModule } from '@angular/forms';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgClass } from '@angular/common';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { HtmlForMarkdownPipe } from 'app/shared/pipes/html-for-markdown.pipe';
 
 @Component({
     selector: 'jhi-external-submission-dialog',
     templateUrl: './external-submission-dialog.component.html',
+    imports: [FormsModule, TranslateDirective, NgClass, FaIconComponent, HtmlForMarkdownPipe],
 })
 export class ExternalSubmissionDialogComponent implements OnInit {
+    private participationService = inject(ParticipationService);
+    private externalSubmissionService = inject(ExternalSubmissionService);
+    private activeModal = inject(NgbActiveModal);
+    private eventManager = inject(EventManager);
+
     readonly SCORE_PATTERN = SCORE_PATTERN;
 
     @Input() exercise: Exercise;
@@ -34,13 +45,6 @@ export class ExternalSubmissionDialogComponent implements OnInit {
     faSave = faSave;
     faBan = faBan;
 
-    constructor(
-        private participationService: ParticipationService,
-        private externalSubmissionService: ExternalSubmissionService,
-        private activeModal: NgbActiveModal,
-        private eventManager: EventManager,
-    ) {}
-
     /**
      * Initialize Component by calling a helper that generates an initial manual result.
      */
diff --git a/src/main/webapp/app/exercises/shared/external-submission/external-submission.service.ts b/src/main/webapp/app/exercises/shared/external-submission/external-submission.service.ts
index ce954e34eb01..f7f90a39b503 100644
--- a/src/main/webapp/app/exercises/shared/external-submission/external-submission.service.ts
+++ b/src/main/webapp/app/exercises/shared/external-submission/external-submission.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { Observable } from 'rxjs';
 import { HttpClient } from '@angular/common/http';
 import dayjs from 'dayjs/esm';
@@ -10,11 +10,10 @@ import { map } from 'rxjs/operators';
 
 @Injectable({ providedIn: 'root' })
 export class ExternalSubmissionService {
+    private http = inject(HttpClient);
+    private resultService = inject(ResultService);
+
     // TODO: It would be good to refactor the convertDate methods into a separate service, so that we don't have to import the result service here.
-    constructor(
-        private http: HttpClient,
-        private resultService: ResultService,
-    ) {}
 
     /**
      * Persist a new result for the provided exercise and student (a participation and an empty submission will also be created if they do not exist yet)
diff --git a/src/main/webapp/app/exercises/shared/feedback-suggestion/exercise-feedback-suggestion-options.component.ts b/src/main/webapp/app/exercises/shared/feedback-suggestion/exercise-feedback-suggestion-options.component.ts
index 993b4154c449..56527ebfd121 100644
--- a/src/main/webapp/app/exercises/shared/feedback-suggestion/exercise-feedback-suggestion-options.component.ts
+++ b/src/main/webapp/app/exercises/shared/feedback-suggestion/exercise-feedback-suggestion-options.component.ts
@@ -1,19 +1,27 @@
-import { Component, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { Component, Input, OnChanges, OnInit, SimpleChanges, inject } from '@angular/core';
 import { AssessmentType } from 'app/entities/assessment-type.model';
 import { Exercise, ExerciseType } from 'app/entities/exercise.model';
 import { Observable } from 'rxjs';
 import { AthenaService } from 'app/assessment/athena.service';
 import { ActivatedRoute } from '@angular/router';
 import dayjs from 'dayjs/esm';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { AsyncPipe, NgStyle } from '@angular/common';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { FormsModule } from '@angular/forms';
 
 @Component({
     selector: 'jhi-exercise-feedback-suggestion-options',
     templateUrl: './exercise-feedback-suggestion-options.component.html',
+    imports: [TranslateDirective, NgStyle, HelpIconComponent, FormsModule, AsyncPipe],
 })
 export class ExerciseFeedbackSuggestionOptionsComponent implements OnInit, OnChanges {
+    private athenaService = inject(AthenaService);
+    private activatedRoute = inject(ActivatedRoute);
+
     @Input() exercise: Exercise;
     @Input() dueDate?: dayjs.Dayjs;
-    @Input() readOnly: boolean = false;
+    @Input() readOnly = false;
 
     protected readonly ExerciseType = ExerciseType;
 
@@ -26,11 +34,6 @@ export class ExerciseFeedbackSuggestionOptionsComponent implements OnInit, OnCha
     availableAthenaModules: string[];
     initialAthenaModule?: string;
 
-    constructor(
-        private athenaService: AthenaService,
-        private activatedRoute: ActivatedRoute,
-    ) {}
-
     ngOnInit(): void {
         const courseId = Number(this.activatedRoute.snapshot.paramMap.get('courseId'));
         this.athenaService.getAvailableModules(courseId, this.exercise).subscribe((modules) => {
diff --git a/src/main/webapp/app/exercises/shared/feedback-suggestion/exercise-feedback-suggestion-options.module.ts b/src/main/webapp/app/exercises/shared/feedback-suggestion/exercise-feedback-suggestion-options.module.ts
index 4e2acac9776b..ca2583caf7be 100644
--- a/src/main/webapp/app/exercises/shared/feedback-suggestion/exercise-feedback-suggestion-options.module.ts
+++ b/src/main/webapp/app/exercises/shared/feedback-suggestion/exercise-feedback-suggestion-options.module.ts
@@ -4,8 +4,7 @@ import { ExerciseFeedbackSuggestionOptionsComponent } from 'app/exercises/shared
 import { ArtemisSharedComponentModule } from 'app/shared/components/shared-component.module';
 
 @NgModule({
-    declarations: [ExerciseFeedbackSuggestionOptionsComponent],
-    imports: [ArtemisSharedCommonModule, ArtemisSharedComponentModule],
+    imports: [ArtemisSharedCommonModule, ArtemisSharedComponentModule, ExerciseFeedbackSuggestionOptionsComponent],
     exports: [ExerciseFeedbackSuggestionOptionsComponent],
 })
 export class ExerciseFeedbackSuggestionOptionsModule {}
diff --git a/src/main/webapp/app/exercises/shared/feedback/collapse/feedback-collapse.component.ts b/src/main/webapp/app/exercises/shared/feedback/collapse/feedback-collapse.component.ts
index 277266f4662e..4b4025038682 100644
--- a/src/main/webapp/app/exercises/shared/feedback/collapse/feedback-collapse.component.ts
+++ b/src/main/webapp/app/exercises/shared/feedback/collapse/feedback-collapse.component.ts
@@ -1,11 +1,15 @@
 import { Component, Input, OnInit } from '@angular/core';
 import { faAngleDown, faAngleRight } from '@fortawesome/free-solid-svg-icons';
 import { FeedbackItem } from 'app/exercises/shared/feedback/item/feedback-item';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { FeedbackTextComponent } from '../text/feedback-text.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-feedback-collapse',
     styleUrls: ['./feedback-collapse.scss'],
     templateUrl: './feedback-collapse.component.html',
+    imports: [FaIconComponent, FeedbackTextComponent, ArtemisTranslatePipe],
 })
 /**
  * smallCharacterLimit can be adjusted make smaller or bigger items collapsable
diff --git a/src/main/webapp/app/exercises/shared/feedback/feedback-suggestion-badge/feedback-suggestion-badge.component.ts b/src/main/webapp/app/exercises/shared/feedback/feedback-suggestion-badge/feedback-suggestion-badge.component.ts
index 382cf3a045db..018aefafbbde 100644
--- a/src/main/webapp/app/exercises/shared/feedback/feedback-suggestion-badge/feedback-suggestion-badge.component.ts
+++ b/src/main/webapp/app/exercises/shared/feedback/feedback-suggestion-badge/feedback-suggestion-badge.component.ts
@@ -1,14 +1,20 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, inject } from '@angular/core';
 import { faLightbulb } from '@fortawesome/free-solid-svg-icons';
 import { TranslateService } from '@ngx-translate/core';
 import { Feedback, FeedbackSuggestionType } from 'app/entities/feedback.model';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
     selector: 'jhi-feedback-suggestion-badge',
     templateUrl: './feedback-suggestion-badge.component.html',
     styleUrls: ['./feedback-suggestion-badge.component.scss'],
+    imports: [NgbTooltip, FaIconComponent, TranslateDirective],
 })
 export class FeedbackSuggestionBadgeComponent {
+    private translateService = inject(TranslateService);
+
     @Input()
     feedback: Feedback;
 
@@ -18,8 +24,6 @@ export class FeedbackSuggestionBadgeComponent {
     // Icons
     faLightbulb = faLightbulb;
 
-    constructor(private translateService: TranslateService) {}
-
     get text(): string {
         const feedbackSuggestionType = Feedback.getFeedbackSuggestionType(this.feedback);
         if (feedbackSuggestionType === FeedbackSuggestionType.ADAPTED) {
diff --git a/src/main/webapp/app/exercises/shared/feedback/feedback-suggestions-pending-confirmation-dialog/feedback-suggestions-pending-confirmation-dialog.component.ts b/src/main/webapp/app/exercises/shared/feedback/feedback-suggestions-pending-confirmation-dialog/feedback-suggestions-pending-confirmation-dialog.component.ts
index b0c996f5b6ff..2352f1b64c15 100644
--- a/src/main/webapp/app/exercises/shared/feedback/feedback-suggestions-pending-confirmation-dialog/feedback-suggestions-pending-confirmation-dialog.component.ts
+++ b/src/main/webapp/app/exercises/shared/feedback/feedback-suggestions-pending-confirmation-dialog/feedback-suggestions-pending-confirmation-dialog.component.ts
@@ -1,18 +1,23 @@
-import { Component } from '@angular/core';
+import { Component, inject } from '@angular/core';
 import { faBan, faTimes } from '@fortawesome/free-solid-svg-icons';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
+import { FormsModule } from '@angular/forms';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgClass } from '@angular/common';
 
 @Component({
     selector: 'jhi-feedback-suggestions-pending-confirmation-dialog',
     templateUrl: './feedback-suggestions-pending-confirmation-dialog.component.html',
+    imports: [FormsModule, TranslateDirective, FaIconComponent, NgClass],
 })
 export class FeedbackSuggestionsPendingConfirmationDialogComponent {
+    private activeModal = inject(NgbActiveModal);
+
     // Icons
     faBan = faBan;
     faTimes = faTimes;
 
-    constructor(private activeModal: NgbActiveModal) {}
-
     /**
      * Close the confirmation dialog
      */
diff --git a/src/main/webapp/app/exercises/shared/feedback/feedback.component.ts b/src/main/webapp/app/exercises/shared/feedback/feedback.component.ts
index 4386aa37f323..9587fc20d684 100644
--- a/src/main/webapp/app/exercises/shared/feedback/feedback.component.ts
+++ b/src/main/webapp/app/exercises/shared/feedback/feedback.component.ts
@@ -1,6 +1,6 @@
-import { Component, Injector, Input, OnChanges, OnInit, Optional, SimpleChanges } from '@angular/core';
+import { Component, Injector, Input, OnChanges, OnInit, SimpleChanges, inject } from '@angular/core';
 import { HttpErrorResponse } from '@angular/common/http';
-import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
+import { NgbActiveModal, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 import { catchError, map, switchMap, tap } from 'rxjs/operators';
 import { of, throwError } from 'rxjs';
 import { BuildLogEntry, BuildLogEntryArray, BuildLogType } from 'app/entities/programming/build-log.model';
@@ -16,7 +16,7 @@ import { createCommitUrl, isProgrammingExerciseParticipation } from 'app/exercis
 import { AssessmentType } from 'app/entities/assessment-type.model';
 import { roundValueSpecifiedByCourseSettings } from 'app/shared/util/utils';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
-import { LegendPosition, ScaleType } from '@swimlane/ngx-charts';
+import { BarChartModule, LegendPosition, ScaleType } from '@swimlane/ngx-charts';
 import { faCircleNotch, faExclamationTriangle, faXmark } from '@fortawesome/free-solid-svg-icons';
 import { GraphColors } from 'app/entities/statistics.model';
 import { axisTickFormattingWithPercentageSign } from 'app/shared/statistics-graph/statistics-graph.utils';
@@ -31,14 +31,43 @@ import { ChartData } from 'app/exercises/shared/feedback/chart/feedback-chart-da
 import { FeedbackChartService } from 'app/exercises/shared/feedback/chart/feedback-chart.service';
 import { isFeedbackGroup } from 'app/exercises/shared/feedback/group/feedback-group';
 import { cloneDeep } from 'lodash-es';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgClass, NgTemplateOutlet, UpperCasePipe } from '@angular/common';
+import { FeedbackNodeComponent } from './node/feedback-node.component';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { ArtemisTimeAgoPipe } from 'app/shared/pipes/artemis-time-ago.pipe';
 
 // Modal -> Result details view
 @Component({
     selector: 'jhi-result-detail',
     templateUrl: './feedback.component.html',
     styleUrls: ['./feedback.scss'],
+    imports: [
+        TranslateDirective,
+        FaIconComponent,
+        NgClass,
+        NgbTooltip,
+        BarChartModule,
+        NgTemplateOutlet,
+        FeedbackNodeComponent,
+        UpperCasePipe,
+        ArtemisDatePipe,
+        ArtemisTranslatePipe,
+        ArtemisTimeAgoPipe,
+    ],
 })
 export class FeedbackComponent implements OnInit, OnChanges {
+    private resultService = inject(ResultService);
+    private buildLogService = inject(BuildLogService);
+    private translateService = inject(TranslateService);
+    private profileService = inject(ProfileService);
+    private feedbackService = inject(FeedbackService);
+    private feedbackChartService = inject(FeedbackChartService);
+    private injector = inject(Injector);
+    activeModal? = inject(NgbActiveModal, { optional: true });
+
     readonly BuildLogType = BuildLogType;
     readonly AssessmentType = AssessmentType;
     readonly ExerciseType = ExerciseType;
@@ -72,8 +101,8 @@ export class FeedbackComponent implements OnInit, OnChanges {
     @Input() taskName?: string;
     @Input() numberOfNotExecutedTests?: number;
 
-    @Input() isExamReviewPage?: boolean = false;
-    @Input() isPrinting?: boolean = false;
+    @Input() isExamReviewPage = false;
+    @Input() isPrinting = false;
 
     // Icons
     faXmark = faXmark;
@@ -114,17 +143,9 @@ export class FeedbackComponent implements OnInit, OnChanges {
      */
     private feedbackItemNodesBeforePrinting: FeedbackNode[];
 
-    constructor(
-        private resultService: ResultService,
-        private buildLogService: BuildLogService,
-        private translateService: TranslateService,
-        private profileService: ProfileService,
-        private feedbackService: FeedbackService,
-        private feedbackChartService: FeedbackChartService,
-        private injector: Injector,
-        @Optional()
-        public activeModal?: NgbActiveModal,
-    ) {
+    constructor() {
+        const translateService = this.translateService;
+
         const pointsLabel = translateService.instant('artemisApp.result.chart.points');
         const deductionsLabel = translateService.instant('artemisApp.result.chart.deductions');
         this.labels = [pointsLabel, deductionsLabel];
diff --git a/src/main/webapp/app/exercises/shared/feedback/feedback.module.ts b/src/main/webapp/app/exercises/shared/feedback/feedback.module.ts
index 82de5aedc16a..3bbcbd7a3ba2 100644
--- a/src/main/webapp/app/exercises/shared/feedback/feedback.module.ts
+++ b/src/main/webapp/app/exercises/shared/feedback/feedback.module.ts
@@ -12,8 +12,11 @@ import { FeedbackSuggestionBadgeComponent } from 'app/exercises/shared/feedback/
 import { FeedbackSuggestionsPendingConfirmationDialogComponent } from 'app/exercises/shared/feedback/feedback-suggestions-pending-confirmation-dialog/feedback-suggestions-pending-confirmation-dialog.component';
 
 @NgModule({
-    imports: [ArtemisSharedModule, ArtemisProgrammingExerciseActionsModule, ArtemisSharedComponentModule, BarChartModule],
-    declarations: [
+    imports: [
+        ArtemisSharedModule,
+        ArtemisProgrammingExerciseActionsModule,
+        ArtemisSharedComponentModule,
+        BarChartModule,
         FeedbackCollapseComponent,
         FeedbackNodeComponent,
         FeedbackComponent,
diff --git a/src/main/webapp/app/exercises/shared/feedback/item/feedback-item-service.ts b/src/main/webapp/app/exercises/shared/feedback/item/feedback-item-service.ts
index 13b0ca3d1aa4..2482195d8a22 100644
--- a/src/main/webapp/app/exercises/shared/feedback/item/feedback-item-service.ts
+++ b/src/main/webapp/app/exercises/shared/feedback/item/feedback-item-service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { Feedback } from 'app/entities/feedback.model';
 import { TranslateService } from '@ngx-translate/core';
 import { FeedbackItem } from 'app/exercises/shared/feedback/item/feedback-item';
@@ -25,7 +25,7 @@ export interface FeedbackItemService {
 
 @Injectable({ providedIn: 'root' })
 export class FeedbackItemServiceImpl implements FeedbackItemService {
-    constructor(private translateService: TranslateService) {}
+    private translateService = inject(TranslateService);
 
     create(feedbacks: Feedback[], showTestDetails: boolean): FeedbackItem[] {
         return feedbacks.map((feedback) => this.createFeedbackItem(feedback, showTestDetails));
diff --git a/src/main/webapp/app/exercises/shared/feedback/item/programming-feedback-item.service.ts b/src/main/webapp/app/exercises/shared/feedback/item/programming-feedback-item.service.ts
index 8b231443aa32..49eddf0f102f 100644
--- a/src/main/webapp/app/exercises/shared/feedback/item/programming-feedback-item.service.ts
+++ b/src/main/webapp/app/exercises/shared/feedback/item/programming-feedback-item.service.ts
@@ -1,5 +1,5 @@
 import { FeedbackItemService } from 'app/exercises/shared/feedback/item/feedback-item-service';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import {
     FEEDBACK_SUGGESTION_ACCEPTED_IDENTIFIER,
     FEEDBACK_SUGGESTION_ADAPTED_IDENTIFIER,
@@ -20,7 +20,7 @@ import { FeedbackGroup } from 'app/exercises/shared/feedback/group/feedback-grou
 
 @Injectable({ providedIn: 'root' })
 export class ProgrammingFeedbackItemService implements FeedbackItemService {
-    constructor(private translateService: TranslateService) {}
+    private translateService = inject(TranslateService);
 
     create(feedbacks: Feedback[], showTestDetails: boolean): FeedbackItem[] {
         return feedbacks.map((feedback) => this.createFeedbackItem(feedback, showTestDetails));
diff --git a/src/main/webapp/app/exercises/shared/feedback/long-feedback-text.service.ts b/src/main/webapp/app/exercises/shared/feedback/long-feedback-text.service.ts
index 60172ff40e5b..7c48aa6d24fc 100644
--- a/src/main/webapp/app/exercises/shared/feedback/long-feedback-text.service.ts
+++ b/src/main/webapp/app/exercises/shared/feedback/long-feedback-text.service.ts
@@ -1,4 +1,4 @@
-import { Injectable, OnDestroy } from '@angular/core';
+import { Injectable, OnDestroy, inject } from '@angular/core';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { Observable, Subject, Subscription, distinctUntilChanged, tap } from 'rxjs';
 import { Cacheable } from 'ts-cacheable';
@@ -10,12 +10,10 @@ const logoutSubject = new Subject<void>();
 
 @Injectable({ providedIn: 'root' })
 export class LongFeedbackTextService implements OnDestroy {
-    private userChangeSubscription: Subscription;
+    private http = inject(HttpClient);
+    private accountService = inject(AccountService);
 
-    constructor(
-        private http: HttpClient,
-        private accountService: AccountService,
-    ) {}
+    private userChangeSubscription: Subscription;
 
     init() {
         this.userChangeSubscription = this.accountService
diff --git a/src/main/webapp/app/exercises/shared/feedback/node/feedback-node.component.ts b/src/main/webapp/app/exercises/shared/feedback/node/feedback-node.component.ts
index 3de0f2fb389f..d2c1a4d6c68c 100644
--- a/src/main/webapp/app/exercises/shared/feedback/node/feedback-node.component.ts
+++ b/src/main/webapp/app/exercises/shared/feedback/node/feedback-node.component.ts
@@ -5,11 +5,18 @@ import { faAngleDown, faAngleUp, faExclamationTriangle } from '@fortawesome/free
 import { FeedbackGroup, isFeedbackGroup } from 'app/exercises/shared/feedback/group/feedback-group';
 import { FeedbackItem } from 'app/exercises/shared/feedback/item/feedback-item';
 import { FeedbackNode } from 'app/exercises/shared/feedback/node/feedback-node';
+import { NgClass } from '@angular/common';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { FeedbackCollapseComponent } from '../collapse/feedback-collapse.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-feedback-node',
     templateUrl: './feedback-node.component.html',
     styleUrls: ['./feedback-node.scss'],
+    imports: [NgClass, FaIconComponent, NgbTooltip, FeedbackCollapseComponent, TranslateDirective, ArtemisTranslatePipe],
 })
 export class FeedbackNodeComponent implements OnInit {
     readonly roundValueSpecifiedByCourseSettings = roundValueSpecifiedByCourseSettings;
diff --git a/src/main/webapp/app/exercises/shared/feedback/standalone-feedback/standalone-feedback.component.ts b/src/main/webapp/app/exercises/shared/feedback/standalone-feedback/standalone-feedback.component.ts
index 566bb17362cb..2cd9ff2870a4 100644
--- a/src/main/webapp/app/exercises/shared/feedback/standalone-feedback/standalone-feedback.component.ts
+++ b/src/main/webapp/app/exercises/shared/feedback/standalone-feedback/standalone-feedback.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit, Optional } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { Exercise, ExerciseType } from 'app/entities/exercise.model';
 import { Result } from 'app/entities/result.model';
 import dayjs from 'dayjs/esm';
@@ -7,13 +7,19 @@ import { ActivatedRoute } from '@angular/router';
 import { HttpResponse } from '@angular/common/http';
 import { ExerciseCacheService } from 'app/exercises/shared/exercise/exercise-cache.service';
 import { ResultTemplateStatus, evaluateTemplateStatus } from 'app/exercises/shared/result/result.utils';
+import { FeedbackComponent } from '../feedback.component';
 
 @Component({
     selector: 'jhi-standalone-feedback',
     templateUrl: './standalone-feedback.component.html',
     styleUrls: ['./../feedback.scss', 'standalone-feedback.scss'],
+    imports: [FeedbackComponent],
 })
 export class StandaloneFeedbackComponent implements OnInit {
+    route = inject(ActivatedRoute);
+    private exerciseService = inject(ExerciseService);
+    private exerciseCacheService = inject(ExerciseCacheService, { optional: true });
+
     exercise?: Exercise;
     result?: Result;
 
@@ -23,12 +29,6 @@ export class StandaloneFeedbackComponent implements OnInit {
 
     latestDueDate?: dayjs.Dayjs;
 
-    constructor(
-        public route: ActivatedRoute,
-        private exerciseService: ExerciseService,
-        @Optional() private exerciseCacheService: ExerciseCacheService,
-    ) {}
-
     ngOnInit(): void {
         this.route.params.subscribe((params) => {
             const exerciseId = parseInt(params['exerciseId'], 10);
diff --git a/src/main/webapp/app/exercises/shared/feedback/text/feedback-text.component.ts b/src/main/webapp/app/exercises/shared/feedback/text/feedback-text.component.ts
index cce1e3130dd5..120e0b81a74d 100644
--- a/src/main/webapp/app/exercises/shared/feedback/text/feedback-text.component.ts
+++ b/src/main/webapp/app/exercises/shared/feedback/text/feedback-text.component.ts
@@ -1,13 +1,17 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input, OnInit, inject } from '@angular/core';
 import { FeedbackItem } from 'app/exercises/shared/feedback/item/feedback-item';
 import { LongFeedbackTextService } from 'app/exercises/shared/feedback/long-feedback-text.service';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
     selector: 'jhi-feedback-text',
     styleUrls: ['./feedback-text.scss'],
     templateUrl: './feedback-text.component.html',
+    imports: [TranslateDirective],
 })
 export class FeedbackTextComponent implements OnInit {
+    private longFeedbackService = inject(LongFeedbackTextService);
+
     private readonly MAX_DISPLAYABLE_LENGTH = 20_000;
 
     @Input() feedback: FeedbackItem;
@@ -17,8 +21,6 @@ export class FeedbackTextComponent implements OnInit {
     downloadText?: string;
     downloadFilename?: string;
 
-    constructor(private longFeedbackService: LongFeedbackTextService) {}
-
     ngOnInit(): void {
         this.text = this.feedback.text ?? '';
 
diff --git a/src/main/webapp/app/exercises/shared/import/exercise-import-tabs.component.ts b/src/main/webapp/app/exercises/shared/import/exercise-import-tabs.component.ts
index 518d66a11b0e..48045276c0ec 100644
--- a/src/main/webapp/app/exercises/shared/import/exercise-import-tabs.component.ts
+++ b/src/main/webapp/app/exercises/shared/import/exercise-import-tabs.component.ts
@@ -1,9 +1,25 @@
 import { Component, Input } from '@angular/core';
 import { ExerciseType } from 'app/entities/exercise.model';
+import { NgbNav, NgbNavContent, NgbNavItem, NgbNavItemRole, NgbNavLink, NgbNavLinkBase, NgbNavOutlet } from '@ng-bootstrap/ng-bootstrap';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ExerciseImportComponent } from './exercise-import.component';
+import { ExerciseImportFromFileComponent } from './from-file/exercise-import-from-file.component';
 
 @Component({
     selector: 'jhi-exercise-import-tabs',
     templateUrl: './exercise-import-tabs.component.html',
+    imports: [
+        NgbNav,
+        NgbNavItem,
+        NgbNavItemRole,
+        NgbNavLink,
+        NgbNavLinkBase,
+        TranslateDirective,
+        NgbNavContent,
+        ExerciseImportComponent,
+        ExerciseImportFromFileComponent,
+        NgbNavOutlet,
+    ],
 })
 export class ExerciseImportTabsComponent {
     activeTab = 1;
diff --git a/src/main/webapp/app/exercises/shared/import/exercise-import-wrapper/exercise-import-wrapper.component.ts b/src/main/webapp/app/exercises/shared/import/exercise-import-wrapper/exercise-import-wrapper.component.ts
index 23673a0cd2da..a5a9a69a06c6 100644
--- a/src/main/webapp/app/exercises/shared/import/exercise-import-wrapper/exercise-import-wrapper.component.ts
+++ b/src/main/webapp/app/exercises/shared/import/exercise-import-wrapper/exercise-import-wrapper.component.ts
@@ -1,13 +1,20 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input, OnInit, inject } from '@angular/core';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { ExerciseType } from 'app/entities/exercise.model';
 import { ProgrammingLanguage } from 'app/entities/programming/programming-exercise.model';
+import { FormsModule } from '@angular/forms';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ExerciseImportTabsComponent } from '../exercise-import-tabs.component';
+import { ExerciseImportComponent } from '../exercise-import.component';
 
 @Component({
     selector: 'jhi-exercise-import-wrapper',
     templateUrl: './exercise-import-wrapper.component.html',
+    imports: [FormsModule, TranslateDirective, ExerciseImportTabsComponent, ExerciseImportComponent],
 })
 export class ExerciseImportWrapperComponent implements OnInit {
+    private activeModal = inject(NgbActiveModal);
+
     readonly ExerciseType = ExerciseType;
 
     @Input()
@@ -16,8 +23,6 @@ export class ExerciseImportWrapperComponent implements OnInit {
     @Input()
     programmingLanguage?: ProgrammingLanguage;
 
-    constructor(private activeModal: NgbActiveModal) {}
-
     ngOnInit(): void {
         if (this.programmingLanguage) {
             this.titleKey = 'artemisApp.programmingExercise.configureGrading.categories.importLabel';
diff --git a/src/main/webapp/app/exercises/shared/import/exercise-import.component.ts b/src/main/webapp/app/exercises/shared/import/exercise-import.component.ts
index 1fea53eaacbd..c4e8069d420d 100644
--- a/src/main/webapp/app/exercises/shared/import/exercise-import.component.ts
+++ b/src/main/webapp/app/exercises/shared/import/exercise-import.component.ts
@@ -1,6 +1,4 @@
-import { Component, Injector, Input, OnInit } from '@angular/core';
-import { Router } from '@angular/router';
-import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
+import { Component, Injector, Input, OnInit, inject } from '@angular/core';
 import { Exercise, ExerciseType } from 'app/entities/exercise.model';
 import { ProgrammingExercise, ProgrammingLanguage } from 'app/entities/programming/programming-exercise.model';
 import { FileUploadExercisePagingService } from 'app/exercises/file-upload/manage/file-upload-exercise-paging.service';
@@ -11,15 +9,25 @@ import { QuizExercisePagingService } from 'app/exercises/quiz/manage/quiz-exerci
 import { ExercisePagingService } from 'app/exercises/shared/manage/exercise-paging.service';
 import { TextExercisePagingService } from 'app/exercises/text/manage/text-exercise/text-exercise-paging.service';
 import { ImportComponent } from 'app/shared/import/import.component';
-import { SortService } from 'app/shared/service/sort.service';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FormsModule } from '@angular/forms';
+import { SortDirective } from 'app/shared/sort/sort.directive';
+import { SortByDirective } from 'app/shared/sort/sort-by.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbHighlight, NgbPagination } from '@ng-bootstrap/ng-bootstrap';
+import { ButtonComponent } from 'app/shared/components/button.component';
+import { ExerciseCourseTitlePipe } from 'app/shared/pipes/exercise-course-title.pipe';
 
 const DEFAULT_SORT_COLUMN = 'ID';
 
 @Component({
     selector: 'jhi-exercise-import',
     templateUrl: './exercise-import.component.html',
+    imports: [TranslateDirective, FormsModule, SortDirective, SortByDirective, FaIconComponent, NgbHighlight, ButtonComponent, NgbPagination, ExerciseCourseTitlePipe],
 })
 export class ExerciseImportComponent extends ImportComponent<Exercise> implements OnInit {
+    private injector = inject(Injector);
+
     readonly ExerciseType = ExerciseType;
 
     @Input() exerciseType?: ExerciseType;
@@ -36,16 +44,11 @@ export class ExerciseImportComponent extends ImportComponent<Exercise> implement
 
     titleKey: string;
 
-    constructor(
-        router: Router,
-        sortService: SortService,
-        activeModal: NgbActiveModal,
-        private injector: Injector,
-    ) {
+    constructor() {
         // The exercise import component does not know yet which paging service to use
         // This gets determined based on the exercise type, which is not set when invoking the constructor
-        // Therefore we temporaily use this empty paging service which directly gets overwritten in ngOnInit().
-        super(router, sortService, activeModal, undefined);
+        // Therefore we temporally use this empty paging service which directly gets overwritten in ngOnInit().
+        super(undefined);
     }
 
     ngOnInit(): void {
diff --git a/src/main/webapp/app/exercises/shared/import/from-file/exercise-import-from-file.component.ts b/src/main/webapp/app/exercises/shared/import/from-file/exercise-import-from-file.component.ts
index 79083e180ea2..667533c2593b 100644
--- a/src/main/webapp/app/exercises/shared/import/from-file/exercise-import-from-file.component.ts
+++ b/src/main/webapp/app/exercises/shared/import/from-file/exercise-import-from-file.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input, OnInit, inject } from '@angular/core';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { Exercise, ExerciseType } from 'app/entities/exercise.model';
 import { ProgrammingExerciseBuildConfig } from 'app/entities/programming/programming-exercise-build.config';
@@ -7,12 +7,18 @@ import { AlertService } from 'app/core/util/alert.service';
 import { faUpload } from '@fortawesome/free-solid-svg-icons';
 import { ProgrammingExercise, copyBuildConfigFromExerciseJson } from 'app/entities/programming/programming-exercise.model';
 import JSZip from 'jszip';
+import { ButtonComponent } from 'app/shared/components/button.component';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
 
 @Component({
     selector: 'jhi-exercise-import-from-file',
     templateUrl: './exercise-import-from-file.component.html',
+    imports: [ButtonComponent, HelpIconComponent],
 })
 export class ExerciseImportFromFileComponent implements OnInit {
+    private activeModal = inject(NgbActiveModal);
+    private alertService = inject(AlertService);
+
     @Input() exerciseType: ExerciseType;
     @Input() exercise: Exercise;
 
@@ -21,11 +27,6 @@ export class ExerciseImportFromFileComponent implements OnInit {
     //Icons
     faUpload = faUpload;
 
-    constructor(
-        private activeModal: NgbActiveModal,
-        private alertService: AlertService,
-    ) {}
-
     ngOnInit(): void {
         this.titleKey =
             this.exerciseType === ExerciseType.FILE_UPLOAD ? `artemisApp.fileUploadExercise.importFromFile.title` : `artemisApp.${this.exerciseType}Exercise.importFromFile.title`;
diff --git a/src/main/webapp/app/exercises/shared/included-in-overall-score-picker/included-in-overall-score-picker.component.ts b/src/main/webapp/app/exercises/shared/included-in-overall-score-picker/included-in-overall-score-picker.component.ts
index 6c18d0c28609..6c3f7f288e6e 100644
--- a/src/main/webapp/app/exercises/shared/included-in-overall-score-picker/included-in-overall-score-picker.component.ts
+++ b/src/main/webapp/app/exercises/shared/included-in-overall-score-picker/included-in-overall-score-picker.component.ts
@@ -1,10 +1,12 @@
 import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { IncludedInOverallScore } from 'app/entities/exercise.model';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgClass } from '@angular/common';
 
 @Component({
     selector: 'jhi-included-in-overall-score-picker',
     templateUrl: './included-in-overall-score-picker.component.html',
-    styles: [],
+    imports: [TranslateDirective, NgClass],
 })
 export class IncludedInOverallScorePickerComponent {
     readonly IncludedInOverallScore = IncludedInOverallScore;
diff --git a/src/main/webapp/app/exercises/shared/included-in-overall-score-picker/included-in-overall-score-picker.module.ts b/src/main/webapp/app/exercises/shared/included-in-overall-score-picker/included-in-overall-score-picker.module.ts
index b350ee97f1b4..700b2b017ef6 100644
--- a/src/main/webapp/app/exercises/shared/included-in-overall-score-picker/included-in-overall-score-picker.module.ts
+++ b/src/main/webapp/app/exercises/shared/included-in-overall-score-picker/included-in-overall-score-picker.module.ts
@@ -5,8 +5,7 @@ import { IncludedInOverallScorePickerComponent } from 'app/exercises/shared/incl
 import { FormsModule } from '@angular/forms';
 
 @NgModule({
-    imports: [ArtemisSharedModule, FormsModule],
-    declarations: [IncludedInOverallScorePickerComponent],
+    imports: [ArtemisSharedModule, FormsModule, IncludedInOverallScorePickerComponent],
     exports: [IncludedInOverallScorePickerComponent],
 })
 export class ArtemisIncludedInOverallScorePickerModule {}
diff --git a/src/main/webapp/app/exercises/shared/manage/exercise-create-buttons.component.ts b/src/main/webapp/app/exercises/shared/manage/exercise-create-buttons.component.ts
index f24d1d507c9d..0edcc9e469b9 100644
--- a/src/main/webapp/app/exercises/shared/manage/exercise-create-buttons.component.ts
+++ b/src/main/webapp/app/exercises/shared/manage/exercise-create-buttons.component.ts
@@ -1,17 +1,23 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input, OnInit, inject } from '@angular/core';
 import { Course } from 'app/entities/course.model';
 import { faFileImport, faPlus } from '@fortawesome/free-solid-svg-icons';
 import { ExerciseImportWrapperComponent } from 'app/exercises/shared/import/exercise-import-wrapper/exercise-import-wrapper.component';
 import { getIcon } from 'app/entities/exercise.model';
 import { Exercise, ExerciseType } from 'app/entities/exercise.model';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
-import { Router } from '@angular/router';
+import { Router, RouterLink } from '@angular/router';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
     selector: 'jhi-exercise-create-buttons',
     templateUrl: './exercise-create-buttons.component.html',
+    imports: [RouterLink, FaIconComponent, TranslateDirective],
 })
 export class ExerciseCreateButtonsComponent implements OnInit {
+    private router = inject(Router);
+    private modalService = inject(NgbModal);
+
     @Input() course: Course;
     @Input() exerciseType: ExerciseType;
 
@@ -22,11 +28,6 @@ export class ExerciseCreateButtonsComponent implements OnInit {
 
     getExerciseTypeIcon = getIcon;
 
-    constructor(
-        private router: Router,
-        private modalService: NgbModal,
-    ) {}
-
     ngOnInit(): void {
         if (this.exerciseType === ExerciseType.FILE_UPLOAD) {
             this.translationLabel = 'fileUpload';
diff --git a/src/main/webapp/app/exercises/shared/manage/exercise-create-buttons.module.ts b/src/main/webapp/app/exercises/shared/manage/exercise-create-buttons.module.ts
index 819f3d0c1b2a..3b58d394f06f 100644
--- a/src/main/webapp/app/exercises/shared/manage/exercise-create-buttons.module.ts
+++ b/src/main/webapp/app/exercises/shared/manage/exercise-create-buttons.module.ts
@@ -4,8 +4,7 @@ import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { ArtemisFileUploadExerciseManagementRoutingModule } from 'app/exercises/file-upload/manage/file-upload-exercise-management.route';
 
 @NgModule({
-    imports: [ArtemisSharedModule, ArtemisFileUploadExerciseManagementRoutingModule],
-    declarations: [ExerciseCreateButtonsComponent],
+    imports: [ArtemisSharedModule, ArtemisFileUploadExerciseManagementRoutingModule, ExerciseCreateButtonsComponent],
     exports: [ExerciseCreateButtonsComponent],
 })
 export class ArtemisExerciseCreateButtonsModule {}
diff --git a/src/main/webapp/app/exercises/shared/mode-picker/mode-picker.component.ts b/src/main/webapp/app/exercises/shared/mode-picker/mode-picker.component.ts
index 331246ab71e7..2b87f23e23cb 100644
--- a/src/main/webapp/app/exercises/shared/mode-picker/mode-picker.component.ts
+++ b/src/main/webapp/app/exercises/shared/mode-picker/mode-picker.component.ts
@@ -1,4 +1,6 @@
 import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { NgClass } from '@angular/common';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 export type ModePickerOption<TMode> = {
     value: TMode;
@@ -11,6 +13,7 @@ export type ModePickerOption<TMode> = {
     selector: 'jhi-mode-picker',
     templateUrl: './mode-picker.component.html',
     styles: ['.btn.disabled { pointer-events: none }', '.btn-group.disabled { cursor: not-allowed; }'],
+    imports: [NgClass, ArtemisTranslatePipe],
 })
 export class ModePickerComponent<TMode> {
     @Input() options: ModePickerOption<TMode>[];
diff --git a/src/main/webapp/app/exercises/shared/mode-picker/mode-picker.module.ts b/src/main/webapp/app/exercises/shared/mode-picker/mode-picker.module.ts
index aeb12a24138c..7236b3af9902 100644
--- a/src/main/webapp/app/exercises/shared/mode-picker/mode-picker.module.ts
+++ b/src/main/webapp/app/exercises/shared/mode-picker/mode-picker.module.ts
@@ -4,8 +4,7 @@ import { ModePickerComponent } from 'app/exercises/shared/mode-picker/mode-picke
 import { ArtemisSharedModule } from 'app/shared/shared.module';
 
 @NgModule({
-    imports: [ArtemisSharedModule],
-    declarations: [ModePickerComponent],
+    imports: [ArtemisSharedModule, ModePickerComponent],
     exports: [ModePickerComponent],
 })
 export class ArtemisModePickerModule {}
diff --git a/src/main/webapp/app/exercises/shared/participation-submission/participation-submission.component.ts b/src/main/webapp/app/exercises/shared/participation-submission/participation-submission.component.ts
index 733059f76d8d..a0d06d84df23 100644
--- a/src/main/webapp/app/exercises/shared/participation-submission/participation-submission.component.ts
+++ b/src/main/webapp/app/exercises/shared/participation-submission/participation-submission.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input, OnInit, inject } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { SubmissionService } from 'app/exercises/shared/submission/submission.service';
 import { Subject, Subscription, combineLatest, of } from 'rxjs';
@@ -27,12 +27,35 @@ import { createCommitUrl } from 'app/exercises/programming/shared/utils/programm
 import { EventManager } from 'app/core/util/event-manager.service';
 import { getExerciseDueDate, hasExerciseDueDatePassed } from 'app/exercises/shared/exercise/exercise.utils';
 import { faTrash } from '@fortawesome/free-solid-svg-icons';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgClass } from '@angular/common';
+import { NgxDatatableModule } from '@siemens/ngx-datatable';
+import { ResultComponent } from '../result/result.component';
+import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { ArtemisTimeAgoPipe } from 'app/shared/pipes/artemis-time-ago.pipe';
 
 @Component({
     selector: 'jhi-participation-submission',
     templateUrl: './participation-submission.component.html',
+    imports: [TranslateDirective, NgClass, NgxDatatableModule, ResultComponent, DeleteButtonDirective, FaIconComponent, ArtemisDatePipe, ArtemisTranslatePipe, ArtemisTimeAgoPipe],
 })
 export class ParticipationSubmissionComponent implements OnInit {
+    private route = inject(ActivatedRoute);
+    private submissionService = inject(SubmissionService);
+    private translateService = inject(TranslateService);
+    private participationService = inject(ParticipationService);
+    private exerciseService = inject(ExerciseService);
+    private programmingExerciseService = inject(ProgrammingExerciseService);
+    private fileUploadAssessmentService = inject(FileUploadAssessmentService);
+    private modelingAssessmentsService = inject(ModelingAssessmentService);
+    private textAssessmentService = inject(TextAssessmentService);
+    private programmingAssessmentService = inject(ProgrammingAssessmentManualResultService);
+    private eventManager = inject(EventManager);
+    private profileService = inject(ProfileService);
+
     readonly ParticipationType = ParticipationType;
     readonly buttonSizeSmall = ButtonSize.SMALL;
     readonly actionTypeEmpty = ActionType.NoButtonTextDelete;
@@ -58,21 +81,6 @@ export class ParticipationSubmissionComponent implements OnInit {
     // Icons
     faTrash = faTrash;
 
-    constructor(
-        private route: ActivatedRoute,
-        private submissionService: SubmissionService,
-        private translateService: TranslateService,
-        private participationService: ParticipationService,
-        private exerciseService: ExerciseService,
-        private programmingExerciseService: ProgrammingExerciseService,
-        private fileUploadAssessmentService: FileUploadAssessmentService,
-        private modelingAssessmentsService: ModelingAssessmentService,
-        private textAssessmentService: TextAssessmentService,
-        private programmingAssessmentService: ProgrammingAssessmentManualResultService,
-        private eventManager: EventManager,
-        private profileService: ProfileService,
-    ) {}
-
     /**
      * Initialize component by setting up page and subscribe to eventManager
      */
diff --git a/src/main/webapp/app/exercises/shared/participation-submission/participation-submission.module.ts b/src/main/webapp/app/exercises/shared/participation-submission/participation-submission.module.ts
index 1589e1ee6e89..ae5c0eb3b073 100644
--- a/src/main/webapp/app/exercises/shared/participation-submission/participation-submission.module.ts
+++ b/src/main/webapp/app/exercises/shared/participation-submission/participation-submission.module.ts
@@ -7,7 +7,13 @@ import { ArtemisParticipationSubmissionRoutingModule } from 'app/exercises/share
 import { SubmissionResultStatusModule } from 'app/overview/submission-result-status.module';
 
 @NgModule({
-    imports: [ArtemisSharedModule, ArtemisParticipationSubmissionRoutingModule, NgxDatatableModule, ArtemisResultModule, SubmissionResultStatusModule],
-    declarations: [ParticipationSubmissionComponent],
+    imports: [
+        ArtemisSharedModule,
+        ArtemisParticipationSubmissionRoutingModule,
+        NgxDatatableModule,
+        ArtemisResultModule,
+        SubmissionResultStatusModule,
+        ParticipationSubmissionComponent,
+    ],
 })
 export class ArtemisParticipationSubmissionModule {}
diff --git a/src/main/webapp/app/exercises/shared/participation/participation.component.html b/src/main/webapp/app/exercises/shared/participation/participation.component.html
index 27f175995eef..c4897def98da 100644
--- a/src/main/webapp/app/exercises/shared/participation/participation.component.html
+++ b/src/main/webapp/app/exercises/shared/participation/participation.component.html
@@ -22,7 +22,7 @@ <h2>
                     />
                     <span class="ms-1" jhiTranslate="artemisApp.exercise.showNoSubmissions"></span>
                 </label>
-                @if (exercise.type === ExerciseType.PROGRAMMING && afterDueDate) {
+                @if (exercise?.type === ExerciseType.PROGRAMMING && afterDueDate) {
                     <label class="radio-inline ms-2 mb-0 d-flex align-items-center">
                         <input
                             type="radio"
diff --git a/src/main/webapp/app/exercises/shared/participation/participation.component.ts b/src/main/webapp/app/exercises/shared/participation/participation.component.ts
index c3e018e4b526..ca5b9c7360ee 100644
--- a/src/main/webapp/app/exercises/shared/participation/participation.component.ts
+++ b/src/main/webapp/app/exercises/shared/participation/participation.component.ts
@@ -1,7 +1,7 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { Subject, Subscription } from 'rxjs';
 import { ParticipationService } from './participation.service';
-import { ActivatedRoute } from '@angular/router';
+import { ActivatedRoute, RouterLink } from '@angular/router';
 import { StudentParticipation, isPracticeMode } from 'app/entities/participation/student-participation.model';
 import { ExerciseSubmissionState, ProgrammingSubmissionService, ProgrammingSubmissionState } from 'app/exercises/programming/participate/programming-submission.service';
 import { ActionType } from 'app/shared/delete-dialog/delete-dialog.model';
@@ -22,6 +22,20 @@ import { faCircleNotch, faCodeBranch, faEraser, faFilePowerpoint, faTable, faTim
 import { GradingSystemService } from 'app/grading-system/grading-system.service';
 import { GradeStepsDTO } from 'app/entities/grade-step.model';
 import { PROFILE_LOCALVC } from 'app/app.constants';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FormsModule } from '@angular/forms';
+import { ProgrammingExerciseInstructorSubmissionStateComponent } from '../../programming/shared/actions/programming-exercise-instructor-submission-state.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { DataTableComponent } from 'app/shared/data-table/data-table.component';
+import { NgxDatatableModule } from '@siemens/ngx-datatable';
+import { CodeButtonComponent } from 'app/shared/components/code-button/code-button.component';
+import { TeamStudentsListComponent } from '../team/team-participate/team-students-list.component';
+import { FormDateTimePickerComponent } from 'app/shared/date-time-picker/date-time-picker.component';
+import { ProgrammingExerciseInstructorTriggerBuildButtonComponent } from '../../programming/shared/actions/programming-exercise-instructor-trigger-build-button.component';
+import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
+import { FeatureToggleDirective } from 'app/shared/feature-toggle/feature-toggle.directive';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 enum FilterProp {
     ALL = 'all',
@@ -33,8 +47,35 @@ enum FilterProp {
 @Component({
     selector: 'jhi-participation',
     templateUrl: './participation.component.html',
+    imports: [
+        TranslateDirective,
+        FormsModule,
+        ProgrammingExerciseInstructorSubmissionStateComponent,
+        RouterLink,
+        FaIconComponent,
+        DataTableComponent,
+        NgxDatatableModule,
+        CodeButtonComponent,
+        TeamStudentsListComponent,
+        FormDateTimePickerComponent,
+        ProgrammingExerciseInstructorTriggerBuildButtonComponent,
+        DeleteButtonDirective,
+        FeatureToggleDirective,
+        ArtemisDatePipe,
+        ArtemisTranslatePipe,
+    ],
 })
 export class ParticipationComponent implements OnInit, OnDestroy {
+    private route = inject(ActivatedRoute);
+    private participationService = inject(ParticipationService);
+    private alertService = inject(AlertService);
+    private eventManager = inject(EventManager);
+    private exerciseService = inject(ExerciseService);
+    private programmingSubmissionService = inject(ProgrammingSubmissionService);
+    private accountService = inject(AccountService);
+    private profileService = inject(ProfileService);
+    private gradingSystemService = inject(GradingSystemService);
+
     // make constants available to html for comparison
     readonly FilterProp = FilterProp;
     readonly ExerciseType = ExerciseType;
@@ -83,17 +124,7 @@ export class ParticipationComponent implements OnInit, OnDestroy {
     faFilePowerpoint = faFilePowerpoint;
     faCodeBranch = faCodeBranch;
 
-    constructor(
-        private route: ActivatedRoute,
-        private participationService: ParticipationService,
-        private alertService: AlertService,
-        private eventManager: EventManager,
-        private exerciseService: ExerciseService,
-        private programmingSubmissionService: ProgrammingSubmissionService,
-        private accountService: AccountService,
-        private profileService: ProfileService,
-        private gradingSystemService: GradingSystemService,
-    ) {
+    constructor() {
         this.participationCriteria = {
             filterProp: FilterProp.ALL,
         };
diff --git a/src/main/webapp/app/exercises/shared/participation/participation.module.ts b/src/main/webapp/app/exercises/shared/participation/participation.module.ts
index 985910c13d7b..7017ad0713e4 100644
--- a/src/main/webapp/app/exercises/shared/participation/participation.module.ts
+++ b/src/main/webapp/app/exercises/shared/participation/participation.module.ts
@@ -5,7 +5,7 @@ import { ArtemisProgrammingExerciseActionsModule } from 'app/exercises/programmi
 import { ArtemisParticipationSubmissionModule } from 'app/exercises/shared/participation-submission/participation-submission.module';
 import { NgxDatatableModule } from '@siemens/ngx-datatable';
 import { ArtemisDataTableModule } from 'app/shared/data-table/data-table.module';
-import { FeatureToggleModule } from 'app/shared/feature-toggle/feature-toggle.module';
+
 import { ParticipationComponent } from 'app/exercises/shared/participation/participation.component';
 import { ArtemisExerciseScoresModule } from 'app/exercises/shared/exercise-scores/exercise-scores.module';
 import { ArtemisParticipationRoutingModule } from 'app/exercises/shared/participation/participation-routing.module';
@@ -23,10 +23,9 @@ import { ArtemisSharedComponentModule } from 'app/shared/components/shared-compo
         ArtemisParticipationSubmissionModule,
         NgxDatatableModule,
         ArtemisDataTableModule,
-        FeatureToggleModule,
         ArtemisTeamParticipeModule,
         FormDateTimePickerModule,
+        ParticipationComponent,
     ],
-    declarations: [ParticipationComponent],
 })
 export class ArtemisParticipationModule {}
diff --git a/src/main/webapp/app/exercises/shared/participation/participation.service.ts b/src/main/webapp/app/exercises/shared/participation/participation.service.ts
index 424d03ac8597..1a6b8e308c78 100644
--- a/src/main/webapp/app/exercises/shared/participation/participation.service.ts
+++ b/src/main/webapp/app/exercises/shared/participation/participation.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { map } from 'rxjs/operators';
@@ -23,13 +23,11 @@ export type BuildArtifact = {
 
 @Injectable({ providedIn: 'root' })
 export class ParticipationService {
-    public resourceUrl = 'api/participations';
+    private http = inject(HttpClient);
+    private submissionService = inject(SubmissionService);
+    private accountService = inject(AccountService);
 
-    constructor(
-        private http: HttpClient,
-        private submissionService: SubmissionService,
-        private accountService: AccountService,
-    ) {}
+    public resourceUrl = 'api/participations';
 
     update(exercise: Exercise, participation: StudentParticipation): Observable<EntityResponseType> {
         const copy = this.convertParticipationForServer(participation, exercise);
diff --git a/src/main/webapp/app/exercises/shared/plagiarism/exercise-update-plagiarism/exercise-update-plagiarism.component.ts b/src/main/webapp/app/exercises/shared/plagiarism/exercise-update-plagiarism/exercise-update-plagiarism.component.ts
index c11fa9f7e3c7..6f7df65951fd 100644
--- a/src/main/webapp/app/exercises/shared/plagiarism/exercise-update-plagiarism/exercise-update-plagiarism.component.ts
+++ b/src/main/webapp/app/exercises/shared/plagiarism/exercise-update-plagiarism/exercise-update-plagiarism.component.ts
@@ -1,12 +1,17 @@
 import { AfterViewInit, Component, Input, OnDestroy, OnInit, ViewChild } from '@angular/core';
 import { DEFAULT_PLAGIARISM_DETECTION_CONFIG, Exercise, ExerciseType } from 'app/entities/exercise.model';
 import { faQuestionCircle } from '@fortawesome/free-solid-svg-icons';
-import { NgModel } from '@angular/forms';
+import { FormsModule, NgModel } from '@angular/forms';
 import { Subject, Subscription } from 'rxjs';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-exercise-update-plagiarism',
     templateUrl: './exercise-update-plagiarism.component.html',
+    imports: [TranslateDirective, FaIconComponent, NgbTooltip, FormsModule, ArtemisTranslatePipe],
 })
 export class ExerciseUpdatePlagiarismComponent implements OnInit, OnDestroy, AfterViewInit {
     @Input() exercise: Exercise;
diff --git a/src/main/webapp/app/exercises/shared/plagiarism/exercise-update-plagiarism/exercise-update-plagiarism.module.ts b/src/main/webapp/app/exercises/shared/plagiarism/exercise-update-plagiarism/exercise-update-plagiarism.module.ts
index 949f1bb82da2..5976b6a22c78 100644
--- a/src/main/webapp/app/exercises/shared/plagiarism/exercise-update-plagiarism/exercise-update-plagiarism.module.ts
+++ b/src/main/webapp/app/exercises/shared/plagiarism/exercise-update-plagiarism/exercise-update-plagiarism.module.ts
@@ -3,8 +3,7 @@ import { ArtemisSharedCommonModule } from 'app/shared/shared-common.module';
 import { ExerciseUpdatePlagiarismComponent } from 'app/exercises/shared/plagiarism/exercise-update-plagiarism/exercise-update-plagiarism.component';
 
 @NgModule({
-    declarations: [ExerciseUpdatePlagiarismComponent],
-    imports: [ArtemisSharedCommonModule],
+    imports: [ArtemisSharedCommonModule, ExerciseUpdatePlagiarismComponent],
     exports: [ExerciseUpdatePlagiarismComponent],
 })
 export class ExerciseUpdatePlagiarismModule {}
diff --git a/src/main/webapp/app/exercises/shared/plagiarism/plagiarism-details/plagiarism-details.component.ts b/src/main/webapp/app/exercises/shared/plagiarism/plagiarism-details/plagiarism-details.component.ts
index a17fe6ff2421..3c3777e32d2b 100644
--- a/src/main/webapp/app/exercises/shared/plagiarism/plagiarism-details/plagiarism-details.component.ts
+++ b/src/main/webapp/app/exercises/shared/plagiarism/plagiarism-details/plagiarism-details.component.ts
@@ -4,11 +4,14 @@ import { PlagiarismComparison } from 'app/exercises/shared/plagiarism/types/Plag
 import { Exercise } from 'app/entities/exercise.model';
 import { TextSubmissionElement } from 'app/exercises/shared/plagiarism/types/text/TextSubmissionElement';
 import { ModelingSubmissionElement } from 'app/exercises/shared/plagiarism/types/modeling/ModelingSubmissionElement';
+import { PlagiarismHeaderComponent } from '../plagiarism-header/plagiarism-header.component';
+import { PlagiarismSplitViewComponent } from '../plagiarism-split-view/plagiarism-split-view.component';
 
 @Component({
     selector: 'jhi-plagiarism-details',
     styleUrls: ['./plagiarism-details.component.scss'],
     templateUrl: './plagiarism-details.component.html',
+    imports: [PlagiarismHeaderComponent, PlagiarismSplitViewComponent],
 })
 export class PlagiarismDetailsComponent {
     @Input() comparison?: PlagiarismComparison<TextSubmissionElement | ModelingSubmissionElement>;
diff --git a/src/main/webapp/app/exercises/shared/plagiarism/plagiarism-header/plagiarism-header.component.ts b/src/main/webapp/app/exercises/shared/plagiarism/plagiarism-header/plagiarism-header.component.ts
index 780591ff5a6a..4d496315ddca 100644
--- a/src/main/webapp/app/exercises/shared/plagiarism/plagiarism-header/plagiarism-header.component.ts
+++ b/src/main/webapp/app/exercises/shared/plagiarism/plagiarism-header/plagiarism-header.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, inject } from '@angular/core';
 import { Subject } from 'rxjs';
 import { PlagiarismStatus } from 'app/exercises/shared/plagiarism/types/PlagiarismStatus';
 import { PlagiarismComparison } from 'app/exercises/shared/plagiarism/types/PlagiarismComparison';
@@ -8,13 +8,19 @@ import { PlagiarismCasesService } from 'app/course/plagiarism-cases/shared/plagi
 import { ConfirmAutofocusModalComponent } from 'app/shared/components/confirm-autofocus-modal.component';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 import { Exercise, getCourseId } from 'app/entities/exercise.model';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-plagiarism-header',
     styleUrls: ['./plagiarism-header.component.scss'],
     templateUrl: './plagiarism-header.component.html',
+    imports: [TranslateDirective, ArtemisTranslatePipe],
 })
 export class PlagiarismHeaderComponent {
+    private plagiarismCasesService = inject(PlagiarismCasesService);
+    private modalService = inject(NgbModal);
+
     @Input() comparison: PlagiarismComparison<TextSubmissionElement | ModelingSubmissionElement>;
     @Input() exercise: Exercise;
     @Input() splitControlSubject: Subject<string>;
@@ -22,11 +28,6 @@ export class PlagiarismHeaderComponent {
     readonly plagiarismStatus = PlagiarismStatus;
     isLoading = false;
 
-    constructor(
-        private plagiarismCasesService: PlagiarismCasesService,
-        private modalService: NgbModal,
-    ) {}
-
     /**
      * Set the status of the currently selected comparison to CONFIRMED.
      */
diff --git a/src/main/webapp/app/exercises/shared/plagiarism/plagiarism-inspector/plagiarism-inspector.component.ts b/src/main/webapp/app/exercises/shared/plagiarism/plagiarism-inspector/plagiarism-inspector.component.ts
index 0adf04e9d286..c2b80acd012e 100644
--- a/src/main/webapp/app/exercises/shared/plagiarism/plagiarism-inspector/plagiarism-inspector.component.ts
+++ b/src/main/webapp/app/exercises/shared/plagiarism/plagiarism-inspector/plagiarism-inspector.component.ts
@@ -1,5 +1,5 @@
-import { Component, OnInit } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
+import { Component, OnInit, inject } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { ModelingExerciseService } from 'app/exercises/modeling/manage/modeling-exercise.service';
 import { Exercise, ExerciseType } from 'app/entities/exercise.model';
@@ -22,9 +22,17 @@ import { FeatureToggle } from 'app/shared/feature-toggle/feature-toggle.service'
 import { Range } from 'app/shared/util/utils';
 import { PlagiarismInspectorService } from 'app/exercises/shared/plagiarism/plagiarism-inspector/plagiarism-inspector.service';
 import { PlagiarismCasesService } from 'app/course/plagiarism-cases/shared/plagiarism-cases.service';
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { NgbDropdown, NgbDropdownButtonItem, NgbDropdownItem, NgbDropdownMenu, NgbDropdownToggle, NgbModal, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 import { AlertService, AlertType } from 'app/core/util/alert.service';
 import { PlagiarismResultDTO, PlagiarismResultStats } from 'app/exercises/shared/plagiarism/types/PlagiarismResultDTO';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FeatureToggleDirective } from 'app/shared/feature-toggle/feature-toggle.directive';
+import { FormsModule } from '@angular/forms';
+import { PlagiarismSidebarComponent } from '../plagiarism-sidebar/plagiarism-sidebar.component';
+import { PlagiarismDetailsComponent } from '../plagiarism-details/plagiarism-details.component';
+import { PlagiarismRunDetailsComponent } from '../plagiarism-run-details/plagiarism-run-details.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 export type PlagiarismCheckState = {
     state: 'COMPLETED' | 'RUNNING';
@@ -35,8 +43,35 @@ export type PlagiarismCheckState = {
     selector: 'jhi-plagiarism-inspector',
     styleUrls: ['./plagiarism-inspector.component.scss'],
     templateUrl: './plagiarism-inspector.component.html',
+    imports: [
+        FaIconComponent,
+        TranslateDirective,
+        FeatureToggleDirective,
+        NgbDropdown,
+        NgbDropdownToggle,
+        NgbDropdownMenu,
+        NgbDropdownButtonItem,
+        NgbDropdownItem,
+        NgbTooltip,
+        FormsModule,
+        PlagiarismSidebarComponent,
+        PlagiarismDetailsComponent,
+        PlagiarismRunDetailsComponent,
+        ArtemisTranslatePipe,
+    ],
 })
 export class PlagiarismInspectorComponent implements OnInit {
+    private route = inject(ActivatedRoute);
+    private modelingExerciseService = inject(ModelingExerciseService);
+    private programmingExerciseService = inject(ProgrammingExerciseService);
+    private textExerciseService = inject(TextExerciseService);
+    private websocketService = inject(JhiWebsocketService);
+    private translateService = inject(TranslateService);
+    private inspectorService = inject(PlagiarismInspectorService);
+    private plagiarismCasesService = inject(PlagiarismCasesService);
+    private modalService = inject(NgbModal);
+    private alertService = inject(AlertService);
+
     /**
      * The modeling exercise for which plagiarism is to be detected.
      */
@@ -126,20 +161,6 @@ export class PlagiarismInspectorComponent implements OnInit {
     faExclamationTriangle = faExclamationTriangle;
     faChevronRight = faChevronRight;
 
-    constructor(
-        private route: ActivatedRoute,
-        private router: Router,
-        private modelingExerciseService: ModelingExerciseService,
-        private programmingExerciseService: ProgrammingExerciseService,
-        private textExerciseService: TextExerciseService,
-        private websocketService: JhiWebsocketService,
-        private translateService: TranslateService,
-        private inspectorService: PlagiarismInspectorService,
-        private plagiarismCasesService: PlagiarismCasesService,
-        private modalService: NgbModal,
-        private alertService: AlertService,
-    ) {}
-
     ngOnInit() {
         this.route.data.subscribe(({ exercise }) => {
             this.exercise = exercise;
diff --git a/src/main/webapp/app/exercises/shared/plagiarism/plagiarism-run-details/plagiarism-run-details.component.ts b/src/main/webapp/app/exercises/shared/plagiarism/plagiarism-run-details/plagiarism-run-details.component.ts
index ae9558400cc5..317e0661febb 100644
--- a/src/main/webapp/app/exercises/shared/plagiarism/plagiarism-run-details/plagiarism-run-details.component.ts
+++ b/src/main/webapp/app/exercises/shared/plagiarism/plagiarism-run-details/plagiarism-run-details.component.ts
@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, OnChanges, Output, SimpleChanges } from '@angular/core';
+import { Component, EventEmitter, Input, OnChanges, Output, SimpleChanges, inject } from '@angular/core';
 import { TextPlagiarismResult } from 'app/exercises/shared/plagiarism/types/text/TextPlagiarismResult';
 import { ModelingPlagiarismResult } from 'app/exercises/shared/plagiarism/types/modeling/ModelingPlagiarismResult';
 import { PlagiarismAndTutorEffortDirective } from 'app/exercises/shared/plagiarism/plagiarism-run-details/plagiarism-and-tutor-effort.directive';
@@ -8,6 +8,11 @@ import { PlagiarismComparison } from 'app/exercises/shared/plagiarism/types/Plag
 import { PlagiarismInspectorService } from 'app/exercises/shared/plagiarism/plagiarism-inspector/plagiarism-inspector.service';
 import { PlagiarismStatus } from 'app/exercises/shared/plagiarism/types/PlagiarismStatus';
 import { PlagiarismResultStats } from 'app/exercises/shared/plagiarism/types/PlagiarismResultDTO';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { BarChartModule } from '@swimlane/ngx-charts';
+import { DatePipe } from '@angular/common';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 interface SimilarityRangeComparisonStateDTO {
     confirmed: number;
@@ -19,8 +24,11 @@ interface SimilarityRangeComparisonStateDTO {
     selector: 'jhi-plagiarism-run-details',
     styleUrls: ['./plagiarism-run-details.component.scss', '../../../../shared/chart/vertical-bar-chart.scss'],
     templateUrl: './plagiarism-run-details.component.html',
+    imports: [TranslateDirective, HelpIconComponent, BarChartModule, DatePipe, ArtemisTranslatePipe],
 })
 export class PlagiarismRunDetailsComponent extends PlagiarismAndTutorEffortDirective implements OnChanges {
+    private inspectorService = inject(PlagiarismInspectorService);
+
     /**
      * Result of the automated plagiarism detection
      */
@@ -37,7 +45,7 @@ export class PlagiarismRunDetailsComponent extends PlagiarismAndTutorEffortDirec
 
     readonly round = round;
 
-    constructor(private inspectorService: PlagiarismInspectorService) {
+    constructor() {
         super();
         /**
          * The labels of the chart are fixed and represent the 10 intervals we group the similarities into.
diff --git a/src/main/webapp/app/exercises/shared/plagiarism/plagiarism-sidebar/plagiarism-sidebar.component.ts b/src/main/webapp/app/exercises/shared/plagiarism/plagiarism-sidebar/plagiarism-sidebar.component.ts
index 1929e7011ca4..949f7d94276c 100644
--- a/src/main/webapp/app/exercises/shared/plagiarism/plagiarism-sidebar/plagiarism-sidebar.component.ts
+++ b/src/main/webapp/app/exercises/shared/plagiarism/plagiarism-sidebar/plagiarism-sidebar.component.ts
@@ -4,11 +4,16 @@ import { TextSubmissionElement } from 'app/exercises/shared/plagiarism/types/tex
 import { ModelingSubmissionElement } from 'app/exercises/shared/plagiarism/types/modeling/ModelingSubmissionElement';
 import { PlagiarismStatus } from 'app/exercises/shared/plagiarism/types/PlagiarismStatus';
 import { faArrowLeft, faArrowRight, faChevronRight, faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { DecimalPipe, NgClass } from '@angular/common';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-plagiarism-sidebar',
     styleUrls: ['./plagiarism-sidebar.component.scss'],
     templateUrl: './plagiarism-sidebar.component.html',
+    imports: [FaIconComponent, TranslateDirective, NgClass, DecimalPipe, ArtemisTranslatePipe],
 })
 export class PlagiarismSidebarComponent implements OnChanges {
     @Input() activeID: number;
diff --git a/src/main/webapp/app/exercises/shared/plagiarism/plagiarism-split-view/modeling-submission-viewer/modeling-submission-viewer.component.ts b/src/main/webapp/app/exercises/shared/plagiarism/plagiarism-split-view/modeling-submission-viewer/modeling-submission-viewer.component.ts
index 73824171b387..2fcf2ff77df9 100644
--- a/src/main/webapp/app/exercises/shared/plagiarism/plagiarism-split-view/modeling-submission-viewer/modeling-submission-viewer.component.ts
+++ b/src/main/webapp/app/exercises/shared/plagiarism/plagiarism-split-view/modeling-submission-viewer/modeling-submission-viewer.component.ts
@@ -1,17 +1,22 @@
-import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';
+import { Component, Input, OnChanges, SimpleChanges, inject } from '@angular/core';
 import { ModelingSubmissionService } from 'app/exercises/modeling/participate/modeling-submission.service';
+import { ModelingEditorComponent } from 'app/exercises/modeling/shared/modeling-editor.component';
 import { PlagiarismSubmission } from 'app/exercises/shared/plagiarism/types/PlagiarismSubmission';
 import { ModelingSubmissionElement } from 'app/exercises/shared/plagiarism/types/modeling/ModelingSubmissionElement';
 import { ModelingExercise } from 'app/entities/modeling-exercise.model';
 import { ModelingSubmission } from 'app/entities/modeling-submission.model';
 import { UMLModel } from '@ls1intum/apollon';
+import { SplitPaneHeaderComponent } from '../split-pane-header/split-pane-header.component';
 
 @Component({
     selector: 'jhi-modeling-submission-viewer',
     styleUrls: ['./modeling-submission-viewer.component.scss'],
     templateUrl: './modeling-submission-viewer.component.html',
+    imports: [SplitPaneHeaderComponent, ModelingEditorComponent],
 })
 export class ModelingSubmissionViewerComponent implements OnChanges {
+    private modelingSubmissionService = inject(ModelingSubmissionService);
+
     @Input() exercise: ModelingExercise;
     @Input() plagiarismSubmission: PlagiarismSubmission<ModelingSubmissionElement>;
     @Input() hideContent: boolean;
@@ -19,8 +24,6 @@ export class ModelingSubmissionViewerComponent implements OnChanges {
     public loading: boolean;
     public submissionModel: UMLModel;
 
-    constructor(private modelingSubmissionService: ModelingSubmissionService) {}
-
     ngOnChanges(changes: SimpleChanges): void {
         if (changes.plagiarismSubmission) {
             const currentPlagiarismSubmission: PlagiarismSubmission<ModelingSubmissionElement> = changes.plagiarismSubmission.currentValue;
diff --git a/src/main/webapp/app/exercises/shared/plagiarism/plagiarism-split-view/plagiarism-split-view.component.ts b/src/main/webapp/app/exercises/shared/plagiarism/plagiarism-split-view/plagiarism-split-view.component.ts
index c8e6fe103fa5..463667cd70d7 100644
--- a/src/main/webapp/app/exercises/shared/plagiarism/plagiarism-split-view/plagiarism-split-view.component.ts
+++ b/src/main/webapp/app/exercises/shared/plagiarism/plagiarism-split-view/plagiarism-split-view.component.ts
@@ -1,4 +1,4 @@
-import { AfterViewInit, Component, Directive, ElementRef, Input, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges, ViewChildren } from '@angular/core';
+import { AfterViewInit, Component, Directive, ElementRef, Input, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges, ViewChildren, inject } from '@angular/core';
 import * as Split from 'split.js';
 import { Subject } from 'rxjs';
 import { PlagiarismComparison } from 'app/exercises/shared/plagiarism/types/PlagiarismComparison';
@@ -12,18 +12,24 @@ import { SimpleMatch } from 'app/exercises/shared/plagiarism/types/PlagiarismMat
 import dayjs from 'dayjs/esm';
 import { TextPlagiarismFileElement } from 'app/exercises/shared/plagiarism/types/text/TextPlagiarismFileElement';
 import { IconDefinition, faLock, faUnlock } from '@fortawesome/free-solid-svg-icons';
+import { ModelingSubmissionViewerComponent } from './modeling-submission-viewer/modeling-submission-viewer.component';
+import { TextSubmissionViewerComponent } from './text-submission-viewer/text-submission-viewer.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 @Directive({ selector: '[jhiPane]' })
 export class SplitPaneDirective {
-    constructor(public elementRef: ElementRef) {}
+    elementRef = inject(ElementRef);
 }
 
 @Component({
     selector: 'jhi-plagiarism-split-view',
     styleUrls: ['./plagiarism-split-view.component.scss'],
     templateUrl: './plagiarism-split-view.component.html',
+    imports: [SplitPaneDirective, ModelingSubmissionViewerComponent, TextSubmissionViewerComponent, FaIconComponent],
 })
 export class PlagiarismSplitViewComponent implements AfterViewInit, OnChanges, OnInit, OnDestroy {
+    private plagiarismCasesService = inject(PlagiarismCasesService);
+
     @Input() comparison: PlagiarismComparison<TextSubmissionElement | ModelingSubmissionElement>;
     @Input() exercise: Exercise;
     @Input() splitControlSubject: Subject<string>;
@@ -50,8 +56,6 @@ export class PlagiarismSplitViewComponent implements AfterViewInit, OnChanges, O
     protected readonly faLock: IconDefinition = faLock;
     protected readonly faUnlock: IconDefinition = faUnlock;
 
-    constructor(private plagiarismCasesService: PlagiarismCasesService) {}
-
     /**
      * Initialize third-party libraries inside this lifecycle hook.
      */
diff --git a/src/main/webapp/app/exercises/shared/plagiarism/plagiarism-split-view/split-pane-header/split-pane-header.component.ts b/src/main/webapp/app/exercises/shared/plagiarism/plagiarism-split-view/split-pane-header/split-pane-header.component.ts
index 0a0b3b84d7ea..67b8ca0dd32d 100644
--- a/src/main/webapp/app/exercises/shared/plagiarism/plagiarism-split-view/split-pane-header/split-pane-header.component.ts
+++ b/src/main/webapp/app/exercises/shared/plagiarism/plagiarism-split-view/split-pane-header/split-pane-header.component.ts
@@ -2,6 +2,11 @@ import { Component, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Output, S
 import { faChevronDown } from '@fortawesome/free-solid-svg-icons';
 import { Subject, Subscription } from 'rxjs';
 import { TextPlagiarismFileElement } from 'app/exercises/shared/plagiarism/types/text/TextPlagiarismFileElement';
+import { NgbDropdown, NgbDropdownItem } from '@ng-bootstrap/ng-bootstrap';
+import { NgClass } from '@angular/common';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 /**
  * A file name that additionally stores if a plagiarism match has been found for it.
@@ -15,6 +20,7 @@ export type FileWithHasMatch = {
     selector: 'jhi-split-pane-header',
     templateUrl: './split-pane-header.component.html',
     styleUrls: ['./split-pane-header.component.scss'],
+    imports: [NgbDropdown, NgClass, FaIconComponent, NgbDropdownItem, TranslateDirective, ArtemisTranslatePipe],
 })
 export class SplitPaneHeaderComponent implements OnChanges, OnInit, OnDestroy {
     @Input() files: FileWithHasMatch[];
diff --git a/src/main/webapp/app/exercises/shared/plagiarism/plagiarism-split-view/text-submission-viewer/text-submission-viewer.component.ts b/src/main/webapp/app/exercises/shared/plagiarism/plagiarism-split-view/text-submission-viewer/text-submission-viewer.component.ts
index edf51ca92de9..90ebc120c150 100644
--- a/src/main/webapp/app/exercises/shared/plagiarism/plagiarism-split-view/text-submission-viewer/text-submission-viewer.component.ts
+++ b/src/main/webapp/app/exercises/shared/plagiarism/plagiarism-split-view/text-submission-viewer/text-submission-viewer.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnChanges, SimpleChanges, ViewEncapsulation } from '@angular/core';
+import { Component, Input, OnChanges, SimpleChanges, ViewEncapsulation, inject } from '@angular/core';
 import { TextSubmissionService } from 'app/exercises/text/participate/text-submission.service';
 import { PlagiarismSubmission } from 'app/exercises/shared/plagiarism/types/PlagiarismSubmission';
 import { TextSubmission } from 'app/entities/text/text-submission.model';
@@ -14,6 +14,10 @@ import { faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';
 import { TEXT_FILE_EXTENSIONS } from 'app/shared/constants/file-extensions.constants';
 import { Subject } from 'rxjs';
 import { TextPlagiarismFileElement } from 'app/exercises/shared/plagiarism/types/text/TextPlagiarismFileElement';
+import { SplitPaneHeaderComponent } from '../split-pane-header/split-pane-header.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgClass } from '@angular/common';
 
 type FilesWithType = { [p: string]: FileType };
 
@@ -22,8 +26,12 @@ type FilesWithType = { [p: string]: FileType };
     styleUrls: ['./text-submission-viewer.component.scss'],
     templateUrl: './text-submission-viewer.component.html',
     encapsulation: ViewEncapsulation.None,
+    imports: [SplitPaneHeaderComponent, FaIconComponent, TranslateDirective, NgClass],
 })
 export class TextSubmissionViewerComponent implements OnChanges {
+    private repositoryService = inject(CodeEditorRepositoryFileService);
+    private textSubmissionService = inject(TextSubmissionService);
+
     @Input() exercise: ProgrammingExercise | TextExercise;
     @Input() matches: Map<string, FromToElement[]>;
     @Input() plagiarismSubmission: PlagiarismSubmission<TextSubmissionElement>;
@@ -77,15 +85,10 @@ export class TextSubmissionViewerComponent implements OnChanges {
     /**
      * True if fetching submission files resulted in an error.
      */
-    cannotLoadFiles: boolean = false;
+    cannotLoadFiles = false;
 
     faExclamationTriangle = faExclamationTriangle;
 
-    constructor(
-        private repositoryService: CodeEditorRepositoryFileService,
-        private textSubmissionService: TextSubmissionService,
-    ) {}
-
     ngOnChanges(changes: SimpleChanges): void {
         if (changes.plagiarismSubmission) {
             const currentPlagiarismSubmission: PlagiarismSubmission<TextSubmissionElement> = changes.plagiarismSubmission.currentValue;
diff --git a/src/main/webapp/app/exercises/shared/plagiarism/plagiarism.module.ts b/src/main/webapp/app/exercises/shared/plagiarism/plagiarism.module.ts
index e7fc9061024e..dfa653d0b915 100644
--- a/src/main/webapp/app/exercises/shared/plagiarism/plagiarism.module.ts
+++ b/src/main/webapp/app/exercises/shared/plagiarism/plagiarism.module.ts
@@ -14,12 +14,18 @@ import { TextSubmissionViewerComponent } from './plagiarism-split-view/text-subm
 import { SplitPaneHeaderComponent } from './plagiarism-split-view/split-pane-header/split-pane-header.component';
 import { PlagiarismRunDetailsComponent } from './plagiarism-run-details/plagiarism-run-details.component';
 import { BarChartModule } from '@swimlane/ngx-charts';
-import { FeatureToggleModule } from 'app/shared/feature-toggle/feature-toggle.module';
+
 import { ArtemisSharedComponentModule } from 'app/shared/components/shared-component.module';
 
 @NgModule({
-    imports: [ArtemisSharedModule, ArtemisSharedComponentModule, ArtemisModelingEditorModule, FormsModule, RouterModule, TranslateModule, BarChartModule, FeatureToggleModule],
-    declarations: [
+    imports: [
+        ArtemisSharedModule,
+        ArtemisSharedComponentModule,
+        ArtemisModelingEditorModule,
+        FormsModule,
+        RouterModule,
+        TranslateModule,
+        BarChartModule,
         PlagiarismDetailsComponent,
         PlagiarismHeaderComponent,
         PlagiarismInspectorComponent,
diff --git a/src/main/webapp/app/exercises/shared/presentation-score/presentation-score.component.ts b/src/main/webapp/app/exercises/shared/presentation-score/presentation-score.component.ts
index 5b1ed0e98593..16e777c7aa54 100644
--- a/src/main/webapp/app/exercises/shared/presentation-score/presentation-score.component.ts
+++ b/src/main/webapp/app/exercises/shared/presentation-score/presentation-score.component.ts
@@ -1,10 +1,16 @@
-import { Component, DoCheck, Input, OnDestroy } from '@angular/core';
+import { Component, DoCheck, Input, OnDestroy, inject } from '@angular/core';
 import { faQuestionCircle } from '@fortawesome/free-solid-svg-icons';
 import { Exercise } from 'app/entities/exercise.model';
 import { Authority } from 'app/shared/constants/authority.constants';
 import { GradingSystemService } from 'app/grading-system/grading-system.service';
 import { Subscription } from 'rxjs';
 import { GradeStepsDTO } from 'app/entities/grade-step.model';
+import { HasAnyAuthorityDirective } from 'app/shared/auth/has-any-authority.directive';
+import { FormsModule } from '@angular/forms';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-presentation-score-checkbox',
@@ -34,8 +40,11 @@ import { GradeStepsDTO } from 'app/entities/grade-step.model';
             }
         </ng-container>
     `,
+    imports: [HasAnyAuthorityDirective, FormsModule, TranslateDirective, FaIconComponent, NgbTooltip, ArtemisTranslatePipe],
 })
 export class PresentationScoreComponent implements DoCheck, OnDestroy {
+    private gradingSystemService = inject(GradingSystemService);
+
     @Input() exercise: Exercise;
 
     Authority = Authority;
@@ -45,8 +54,6 @@ export class PresentationScoreComponent implements DoCheck, OnDestroy {
     private gradeStepsDTO?: GradeStepsDTO;
     private gradeStepsDTOSub?: Subscription;
 
-    constructor(private gradingSystemService: GradingSystemService) {}
-
     ngDoCheck(): void {
         if (!this.gradeStepsDTOSub && this.exercise.course?.id) {
             this.gradeStepsDTOSub = this.gradingSystemService.findGradeStepsForCourse(this.exercise.course.id).subscribe((gradeStepsDTO) => {
diff --git a/src/main/webapp/app/exercises/shared/presentation-score/presentation-score.module.ts b/src/main/webapp/app/exercises/shared/presentation-score/presentation-score.module.ts
index 67396d221e74..40e25fa58127 100644
--- a/src/main/webapp/app/exercises/shared/presentation-score/presentation-score.module.ts
+++ b/src/main/webapp/app/exercises/shared/presentation-score/presentation-score.module.ts
@@ -3,8 +3,7 @@ import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { PresentationScoreComponent } from 'app/exercises/shared/presentation-score/presentation-score.component';
 
 @NgModule({
-    imports: [ArtemisSharedModule],
-    declarations: [PresentationScoreComponent],
+    imports: [ArtemisSharedModule, PresentationScoreComponent],
     exports: [PresentationScoreComponent],
 })
 export class ArtemisPresentationScoreModule {}
diff --git a/src/main/webapp/app/exercises/shared/rating/rating-list/rating-list.component.ts b/src/main/webapp/app/exercises/shared/rating/rating-list/rating-list.component.ts
index f3f0f46f1130..78039193175b 100644
--- a/src/main/webapp/app/exercises/shared/rating/rating-list/rating-list.component.ts
+++ b/src/main/webapp/app/exercises/shared/rating/rating-list/rating-list.component.ts
@@ -1,17 +1,28 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { RatingService } from 'app/exercises/shared/rating/rating.service';
 import { Rating } from 'app/entities/rating.model';
 import { ActivatedRoute, Router } from '@angular/router';
 import { SortService } from 'app/shared/service/sort.service';
 import { ExerciseType } from 'app/entities/exercise.model';
 import { faFolderOpen, faSort } from '@fortawesome/free-solid-svg-icons';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { SortDirective } from 'app/shared/sort/sort.directive';
+import { SortByDirective } from 'app/shared/sort/sort-by.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { StarRatingComponent } from '../star-rating/star-rating.component';
 
 @Component({
     selector: 'jhi-rating-list',
     templateUrl: './rating-list.component.html',
     styleUrls: [],
+    imports: [TranslateDirective, SortDirective, SortByDirective, FaIconComponent, StarRatingComponent],
 })
 export class RatingListComponent implements OnInit {
+    private ratingService = inject(RatingService);
+    private route = inject(ActivatedRoute);
+    private sortService = inject(SortService);
+    private router = inject(Router);
+
     public ratings: Rating[] = [];
 
     private courseId: number;
@@ -23,13 +34,6 @@ export class RatingListComponent implements OnInit {
     faSort = faSort;
     faFolderOpen = faFolderOpen;
 
-    constructor(
-        private ratingService: RatingService,
-        private route: ActivatedRoute,
-        private sortService: SortService,
-        private router: Router,
-    ) {}
-
     ngOnInit(): void {
         this.route.parent!.params.subscribe((params) => {
             this.courseId = Number(params['courseId']);
diff --git a/src/main/webapp/app/exercises/shared/rating/rating.component.ts b/src/main/webapp/app/exercises/shared/rating/rating.component.ts
index 918caf3876d3..0e0d22cd234d 100644
--- a/src/main/webapp/app/exercises/shared/rating/rating.component.ts
+++ b/src/main/webapp/app/exercises/shared/rating/rating.component.ts
@@ -1,26 +1,27 @@
-import { Component, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { Component, Input, OnChanges, OnInit, SimpleChanges, inject } from '@angular/core';
 import { RatingService } from 'app/exercises/shared/rating/rating.service';
 import { StarRatingComponent } from 'app/exercises/shared/rating/star-rating/star-rating.component';
 import { Result } from 'app/entities/result.model';
 import { StudentParticipation } from 'app/entities/participation/student-participation.model';
 import { AccountService } from 'app/core/auth/account.service';
 import { Observable } from 'rxjs';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
     selector: 'jhi-rating',
     templateUrl: './rating.component.html',
     styleUrls: ['./rating.component.scss'],
+    imports: [TranslateDirective, StarRatingComponent],
 })
 export class RatingComponent implements OnInit, OnChanges {
+    private ratingService = inject(RatingService);
+    private accountService = inject(AccountService);
+
     public rating: number;
     public disableRating = false;
-    @Input() result?: Result;
     private previousResultId?: number;
 
-    constructor(
-        private ratingService: RatingService,
-        private accountService: AccountService,
-    ) {}
+    @Input() result?: Result;
 
     ngOnInit(): void {
         this.loadRating();
diff --git a/src/main/webapp/app/exercises/shared/rating/rating.module.ts b/src/main/webapp/app/exercises/shared/rating/rating.module.ts
index 4440ec91fc33..61cccf4e64a7 100644
--- a/src/main/webapp/app/exercises/shared/rating/rating.module.ts
+++ b/src/main/webapp/app/exercises/shared/rating/rating.module.ts
@@ -6,8 +6,7 @@ import { RatingListComponent } from './rating-list/rating-list.component';
 import { StarRatingComponent } from 'app/exercises/shared/rating/star-rating/star-rating.component';
 
 @NgModule({
-    declarations: [RatingComponent, RatingListComponent, StarRatingComponent],
     exports: [RatingComponent, StarRatingComponent],
-    imports: [CommonModule, ArtemisSharedModule],
+    imports: [CommonModule, ArtemisSharedModule, RatingComponent, RatingListComponent, StarRatingComponent],
 })
 export class RatingModule {}
diff --git a/src/main/webapp/app/exercises/shared/rating/rating.service.ts b/src/main/webapp/app/exercises/shared/rating/rating.service.ts
index 728e9415a6bd..bd0ca4ed5228 100644
--- a/src/main/webapp/app/exercises/shared/rating/rating.service.ts
+++ b/src/main/webapp/app/exercises/shared/rating/rating.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { Rating } from 'app/entities/rating.model';
@@ -7,9 +7,9 @@ import { Rating } from 'app/entities/rating.model';
     providedIn: 'root',
 })
 export class RatingService {
-    private ratingResourceUrl = 'api/results/';
+    private http = inject(HttpClient);
 
-    constructor(private http: HttpClient) {}
+    private ratingResourceUrl = 'api/results/';
 
     /**
      * Create the student rating for feedback on the server.
diff --git a/src/main/webapp/app/exercises/shared/rating/star-rating/star-rating.component.ts b/src/main/webapp/app/exercises/shared/rating/star-rating/star-rating.component.ts
index ef87c2943ad2..7894fbbe08fc 100644
--- a/src/main/webapp/app/exercises/shared/rating/star-rating/star-rating.component.ts
+++ b/src/main/webapp/app/exercises/shared/rating/star-rating/star-rating.component.ts
@@ -2,7 +2,6 @@ import { Component, ElementRef, EventEmitter, Input, Output, ViewChild, ViewEnca
 import { Subject } from 'rxjs';
 
 @Component({
-    // eslint-disable-next-line @angular-eslint/component-selector
     selector: 'star-rating',
     template: `<div #starMain></div>`,
     styleUrls: ['./star-rating.component.scss'],
diff --git a/src/main/webapp/app/exercises/shared/result/repository.service.ts b/src/main/webapp/app/exercises/shared/result/repository.service.ts
index 76a14ec5841f..cec6c6f53134 100644
--- a/src/main/webapp/app/exercises/shared/result/repository.service.ts
+++ b/src/main/webapp/app/exercises/shared/result/repository.service.ts
@@ -1,14 +1,14 @@
 import { HttpClient, HttpParams } from '@angular/common/http';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { Observable } from 'rxjs';
 import { FileType } from '../../programming/shared/code-editor/model/code-editor.model';
 import { map } from 'rxjs/operators';
 
 @Injectable({ providedIn: 'root' })
 export class RepositoryService {
-    private resourceUrl = 'api/repository';
+    private http = inject(HttpClient);
 
-    constructor(private http: HttpClient) {}
+    private resourceUrl = 'api/repository';
 
     /**
      * Checks whether the participation data is clean or not.
@@ -47,9 +47,9 @@ export interface IRepositoryFileService {
 
 @Injectable({ providedIn: 'root' })
 export class RepositoryFileService implements IRepositoryFileService {
-    private resourceUrl = 'api/repository';
+    private http = inject(HttpClient);
 
-    constructor(private http: HttpClient) {}
+    private resourceUrl = 'api/repository';
 
     /**
      * Get files of a specific participation.
diff --git a/src/main/webapp/app/exercises/shared/result/result-progress-bar/result-progress-bar.component.ts b/src/main/webapp/app/exercises/shared/result/result-progress-bar/result-progress-bar.component.ts
index b96b89855f00..adf3587a7f30 100644
--- a/src/main/webapp/app/exercises/shared/result/result-progress-bar/result-progress-bar.component.ts
+++ b/src/main/webapp/app/exercises/shared/result/result-progress-bar/result-progress-bar.component.ts
@@ -5,7 +5,6 @@ import { faCircleNotch } from '@fortawesome/free-solid-svg-icons';
 
 @Component({
     selector: 'jhi-result-progress-bar',
-    standalone: true,
     imports: [CommonModule, ArtemisSharedCommonModule],
     templateUrl: './result-progress-bar.component.html',
     styleUrl: './result-progress-bar.component.scss',
diff --git a/src/main/webapp/app/exercises/shared/result/result.component.ts b/src/main/webapp/app/exercises/shared/result/result.component.ts
index 8a682b4a4c36..a9234c5ccdea 100644
--- a/src/main/webapp/app/exercises/shared/result/result.component.ts
+++ b/src/main/webapp/app/exercises/shared/result/result.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnChanges, OnDestroy, OnInit, Optional, SimpleChanges } from '@angular/core';
+import { Component, Input, OnChanges, OnDestroy, OnInit, SimpleChanges, inject } from '@angular/core';
 import { ParticipationService } from 'app/exercises/shared/participation/participation.service';
 import {
     MissingResultInformation,
@@ -8,7 +8,7 @@ import {
     getTextColorClass,
     isAthenaAIResult,
 } from 'app/exercises/shared/result/result.utils';
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { NgbModal, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 import { TranslateService } from '@ngx-translate/core';
 import { Router } from '@angular/router';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
@@ -32,11 +32,31 @@ import { ExerciseService } from 'app/exercises/shared/exercise/exercise.service'
 import { isPracticeMode } from 'app/entities/participation/student-participation.model';
 import { prepareFeedbackComponentParameters } from 'app/exercises/shared/feedback/feedback.utils';
 import { CsvDownloadService } from 'app/shared/util/CsvDownloadService';
+import { ResultProgressBarComponent } from './result-progress-bar/result-progress-bar.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgClass, UpperCasePipe } from '@angular/common';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { ArtemisTimeAgoPipe } from 'app/shared/pipes/artemis-time-ago.pipe';
+import { ArtemisDurationFromSecondsPipe } from 'app/shared/pipes/artemis-duration-from-seconds.pipe';
 
 @Component({
     selector: 'jhi-result',
     templateUrl: './result.component.html',
     styleUrls: ['./result.component.scss'],
+    imports: [
+        ResultProgressBarComponent,
+        FaIconComponent,
+        TranslateDirective,
+        NgClass,
+        NgbTooltip,
+        UpperCasePipe,
+        ArtemisDatePipe,
+        ArtemisTranslatePipe,
+        ArtemisTimeAgoPipe,
+        ArtemisDurationFromSecondsPipe,
+    ],
 })
 
 /**
@@ -44,6 +64,15 @@ import { CsvDownloadService } from 'app/shared/util/CsvDownloadService';
  * e.g. by using Object.assign to trigger ngOnChanges which makes sure that the result is updated
  */
 export class ResultComponent implements OnInit, OnChanges, OnDestroy {
+    private participationService = inject(ParticipationService);
+    private translateService = inject(TranslateService);
+    private modalService = inject(NgbModal);
+    private exerciseService = inject(ExerciseService);
+    private exerciseCacheService = inject(ExerciseCacheService, { optional: true });
+    private resultService = inject(ResultService);
+    private csvDownloadService = inject(CsvDownloadService);
+    private router = inject(Router);
+
     // make constants available to html
     readonly ResultTemplateStatus = ResultTemplateStatus;
     readonly MissingResultInfo = MissingResultInformation;
@@ -92,17 +121,6 @@ export class ResultComponent implements OnInit, OnChanges, OnDestroy {
 
     private resultUpdateSubscription?: ReturnType<typeof setTimeout>;
 
-    constructor(
-        private participationService: ParticipationService,
-        private translateService: TranslateService,
-        private modalService: NgbModal,
-        private exerciseService: ExerciseService,
-        @Optional() private exerciseCacheService: ExerciseCacheService,
-        private resultService: ResultService,
-        private csvDownloadService: CsvDownloadService,
-        private router: Router,
-    ) {}
-
     /**
      * Executed on initialization. It retrieves the results of a given
      * participation and displays the corresponding message.
diff --git a/src/main/webapp/app/exercises/shared/result/result.module.ts b/src/main/webapp/app/exercises/shared/result/result.module.ts
index 3c0b6bf636e8..139c9c71cdef 100644
--- a/src/main/webapp/app/exercises/shared/result/result.module.ts
+++ b/src/main/webapp/app/exercises/shared/result/result.module.ts
@@ -8,8 +8,15 @@ import { BarChartModule } from '@swimlane/ngx-charts';
 import { ArtemisFeedbackModule } from 'app/exercises/shared/feedback/feedback.module';
 
 @NgModule({
-    imports: [ArtemisSharedModule, ArtemisProgrammingExerciseActionsModule, ArtemisFeedbackModule, ArtemisSharedComponentModule, SubmissionResultStatusModule, BarChartModule],
-    declarations: [ResultHistoryComponent],
+    imports: [
+        ArtemisSharedModule,
+        ArtemisProgrammingExerciseActionsModule,
+        ArtemisFeedbackModule,
+        ArtemisSharedComponentModule,
+        SubmissionResultStatusModule,
+        BarChartModule,
+        ResultHistoryComponent,
+    ],
     exports: [ResultHistoryComponent],
 })
 export class ArtemisResultModule {}
diff --git a/src/main/webapp/app/exercises/shared/result/result.service.ts b/src/main/webapp/app/exercises/shared/result/result.service.ts
index 83141b71c674..ee4cca7e94c3 100644
--- a/src/main/webapp/app/exercises/shared/result/result.service.ts
+++ b/src/main/webapp/app/exercises/shared/result/result.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import dayjs from 'dayjs/esm';
@@ -49,17 +49,16 @@ export interface IResultService {
 
 @Injectable({ providedIn: 'root' })
 export class ResultService implements IResultService {
+    private http = inject(HttpClient);
+    private translateService = inject(TranslateService);
+    private csvDownloadService = inject(CsvDownloadService);
+
     private exerciseResourceUrl = 'api/exercises';
     private resultResourceUrl = 'api/results';
     private participationResourceUrl = 'api/participations';
 
-    private readonly MAX_VALUE_PROGRAMMING_RESULT_INTS = 255; // Size of tinyInt in SQL, that is used to store these values
-
-    constructor(
-        private http: HttpClient,
-        private translateService: TranslateService,
-        private csvDownloadService: CsvDownloadService,
-    ) {}
+    private readonly MAX_VALUE_PROGRAMMING_RESULT_INTS = 255;
+    // Size of tinyInt in SQL, that is used to store these values
 
     find(resultId: number): Observable<EntityResponseType> {
         return this.http
diff --git a/src/main/webapp/app/exercises/shared/result/updating-result.component.ts b/src/main/webapp/app/exercises/shared/result/updating-result.component.ts
index 2c38013e6a11..0d0b57265ec6 100644
--- a/src/main/webapp/app/exercises/shared/result/updating-result.component.ts
+++ b/src/main/webapp/app/exercises/shared/result/updating-result.component.ts
@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, OnChanges, OnDestroy, Output, SimpleChanges } from '@angular/core';
+import { Component, EventEmitter, Input, OnChanges, OnDestroy, Output, SimpleChanges, inject } from '@angular/core';
 import { Subscription } from 'rxjs';
 import { filter, map, tap } from 'rxjs/operators';
 import { ParticipationWebsocketService } from 'app/overview/participation-websocket.service';
@@ -15,6 +15,7 @@ import { getExerciseDueDate } from 'app/exercises/shared/exercise/exercise.utils
 import { getLatestResultOfStudentParticipation, hasParticipationChanged } from 'app/exercises/shared/participation/participation.utils';
 import { MissingResultInformation, isAIResultAndIsBeingProcessed, isAthenaAIResult } from 'app/exercises/shared/result/result.utils';
 import { convertDateFromServer } from 'app/utils/date.utils';
+import { ResultComponent } from './result.component';
 
 /**
  * A component that wraps the result component, updating its result on every websocket result event for the logged-in user.
@@ -25,8 +26,12 @@ import { convertDateFromServer } from 'app/utils/date.utils';
     selector: 'jhi-updating-result',
     templateUrl: './updating-result.component.html',
     providers: [ResultService, RepositoryService],
+    imports: [ResultComponent],
 })
 export class UpdatingResultComponent implements OnChanges, OnDestroy {
+    private participationWebsocketService = inject(ParticipationWebsocketService);
+    private submissionService = inject(ProgrammingSubmissionService);
+
     @Input() exercise: Exercise;
     @Input() participation: StudentParticipation;
     @Input() short = true;
@@ -55,11 +60,6 @@ export class UpdatingResultComponent implements OnChanges, OnDestroy {
     public resultSubscription: Subscription;
     public submissionSubscription: Subscription;
 
-    constructor(
-        private participationWebsocketService: ParticipationWebsocketService,
-        private submissionService: ProgrammingSubmissionService,
-    ) {}
-
     /**
      * If there are changes, reorders the participation results and subscribes for new participation results.
      * @param changes The hashtable of occurred changes represented as SimpleChanges object.
diff --git a/src/main/webapp/app/exercises/shared/statistics/doughnut-chart.component.ts b/src/main/webapp/app/exercises/shared/statistics/doughnut-chart.component.ts
index 9875f7f585ba..e264194572dd 100644
--- a/src/main/webapp/app/exercises/shared/statistics/doughnut-chart.component.ts
+++ b/src/main/webapp/app/exercises/shared/statistics/doughnut-chart.component.ts
@@ -1,13 +1,16 @@
-import { Component, Input, OnChanges, OnInit } from '@angular/core';
-import { Router } from '@angular/router';
+import { Component, Input, OnChanges, OnInit, inject } from '@angular/core';
+import { Router, RouterLink } from '@angular/router';
 import { DoughnutChartType } from 'app/course/manage/detail/course-detail.component';
 import { roundValueSpecifiedByCourseSettings } from 'app/shared/util/utils';
 import { ExerciseType } from 'app/entities/exercise.model';
 import { faSpinner } from '@fortawesome/free-solid-svg-icons';
 import { Course } from 'app/entities/course.model';
-import { Color, ScaleType } from '@swimlane/ngx-charts';
+import { Color, PieChartModule, ScaleType } from '@swimlane/ngx-charts';
 import { NgxChartsSingleSeriesDataEntry } from 'app/shared/chart/ngx-charts-datatypes';
 import { GraphColors } from 'app/entities/statistics.model';
+import { NgClass } from '@angular/common';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 const PIE_CHART_NA_FALLBACK_VALUE = [0, 0, 1];
 
@@ -15,8 +18,11 @@ const PIE_CHART_NA_FALLBACK_VALUE = [0, 0, 1];
     selector: 'jhi-doughnut-chart',
     templateUrl: './doughnut-chart.component.html',
     styleUrls: ['./doughnut-chart.component.scss'],
+    imports: [RouterLink, NgClass, FaIconComponent, PieChartModule, ArtemisTranslatePipe],
 })
 export class DoughnutChartComponent implements OnChanges, OnInit {
+    private router = inject(Router);
+
     @Input() course: Course;
     @Input() contentType: DoughnutChartType;
     @Input() exerciseId: number;
@@ -33,8 +39,6 @@ export class DoughnutChartComponent implements OnChanges, OnInit {
     // Icons
     faSpinner = faSpinner;
 
-    constructor(private router: Router) {}
-
     // ngx
     ngxDoughnutData: NgxChartsSingleSeriesDataEntry[] = [
         { name: 'Done', value: 0 },
@@ -49,7 +53,7 @@ export class DoughnutChartComponent implements OnChanges, OnInit {
     } as Color;
     bindFormatting = this.valueFormatting.bind(this);
 
-    ngOnChanges(): void {
+    ngOnChanges() {
         // [0, 0, 0] will lead to the chart not being displayed,
         // assigning [0, 0, 0] (PIE_CHART_NA_FALLBACK_VALUE) works around this issue and displays 0 %, 0 / 0 with a grey circle
         if (this.currentAbsolute == undefined && !this.receivedStats) {
diff --git a/src/main/webapp/app/exercises/shared/statistics/exercise-detail-statistics.component.ts b/src/main/webapp/app/exercises/shared/statistics/exercise-detail-statistics.component.ts
index 4afb128f70b4..188d6285b7fa 100644
--- a/src/main/webapp/app/exercises/shared/statistics/exercise-detail-statistics.component.ts
+++ b/src/main/webapp/app/exercises/shared/statistics/exercise-detail-statistics.component.ts
@@ -3,10 +3,12 @@ import { ExerciseManagementStatisticsDto } from 'app/exercises/shared/statistics
 import { DoughnutChartType } from 'app/course/manage/detail/course-detail.component';
 import { Exercise, ExerciseType, getCourseFromExercise } from 'app/entities/exercise.model';
 import { Course, isCommunicationEnabled } from 'app/entities/course.model';
+import { DoughnutChartComponent } from './doughnut-chart.component';
 
 @Component({
     selector: 'jhi-exercise-detail-statistics',
     templateUrl: './exercise-detail-statistics.component.html',
+    imports: [DoughnutChartComponent],
 })
 export class ExerciseDetailStatisticsComponent implements OnInit {
     @Input() exercise: Exercise;
diff --git a/src/main/webapp/app/exercises/shared/statistics/exercise-statistics.component.ts b/src/main/webapp/app/exercises/shared/statistics/exercise-statistics.component.ts
index 2ba6a888464b..c2022613e38b 100644
--- a/src/main/webapp/app/exercises/shared/statistics/exercise-statistics.component.ts
+++ b/src/main/webapp/app/exercises/shared/statistics/exercise-statistics.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { Course } from 'app/entities/course.model';
 import { Graphs, SpanType, StatisticsView } from 'app/entities/statistics.model';
@@ -8,13 +8,23 @@ import { ExerciseManagementStatisticsDto } from 'app/exercises/shared/statistics
 import { Exercise, getCourseFromExercise } from 'app/entities/exercise.model';
 import { ExerciseService } from 'app/exercises/shared/exercise/exercise.service';
 import { HttpResponse } from '@angular/common/http';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ExerciseDetailStatisticsComponent } from './exercise-detail-statistics.component';
+import { StatisticsScoreDistributionGraphComponent } from 'app/shared/statistics-graph/statistics-score-distribution-graph.component';
+import { StatisticsGraphComponent } from 'app/shared/statistics-graph/statistics-graph.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-exercise-statistics',
     templateUrl: './exercise-statistics.component.html',
     styleUrls: ['../../../course/manage/course-management-statistics.component.scss'],
+    imports: [TranslateDirective, ExerciseDetailStatisticsComponent, StatisticsScoreDistributionGraphComponent, StatisticsGraphComponent, ArtemisTranslatePipe],
 })
 export class ExerciseStatisticsComponent implements OnInit {
+    private service = inject(StatisticsService);
+    private route = inject(ActivatedRoute);
+    private exerciseService = inject(ExerciseService);
+
     // html properties
     SpanType = SpanType;
     graphTypes = [Graphs.SUBMISSIONS, Graphs.ACTIVE_USERS, Graphs.ACTIVE_TUTORS, Graphs.CREATED_RESULTS, Graphs.CREATED_FEEDBACKS];
@@ -26,12 +36,6 @@ export class ExerciseStatisticsComponent implements OnInit {
     course: Course;
     exerciseStatistics: ExerciseManagementStatisticsDto;
 
-    constructor(
-        private service: StatisticsService,
-        private route: ActivatedRoute,
-        private exerciseService: ExerciseService,
-    ) {}
-
     ngOnInit() {
         let exerciseId = 0;
         this.paramSub = this.route.params.subscribe((params) => {
diff --git a/src/main/webapp/app/exercises/shared/structured-grading-criterion/grading-instructions-details/grading-instructions-details.component.ts b/src/main/webapp/app/exercises/shared/structured-grading-criterion/grading-instructions-details/grading-instructions-details.component.ts
index 0aee50798f6d..40ad61b4ee85 100644
--- a/src/main/webapp/app/exercises/shared/structured-grading-criterion/grading-instructions-details/grading-instructions-details.component.ts
+++ b/src/main/webapp/app/exercises/shared/structured-grading-criterion/grading-instructions-details/grading-instructions-details.component.ts
@@ -1,4 +1,4 @@
-import { AfterContentInit, ChangeDetectorRef, Component, Input, OnInit, QueryList, ViewChild, ViewChildren } from '@angular/core';
+import { AfterContentInit, ChangeDetectorRef, Component, Input, OnInit, QueryList, ViewChild, ViewChildren, inject } from '@angular/core';
 import { GradingCriterion } from 'app/exercises/shared/structured-grading-criterion/grading-criterion.model';
 import { GradingInstruction } from 'app/exercises/shared/structured-grading-criterion/grading-instruction.model';
 import { Exercise } from 'app/entities/exercise.model';
@@ -13,13 +13,23 @@ import { GradingUsageCountAction } from 'app/shared/monaco-editor/model/actions/
 import { MarkdownEditorHeight, MarkdownEditorMonacoComponent, TextWithDomainAction } from 'app/shared/markdown-editor/monaco/markdown-editor-monaco.component';
 import { GradingCriterionAction } from 'app/shared/monaco-editor/model/actions/grading-criteria/grading-criterion.action';
 import { GradingInstructionAction } from 'app/shared/monaco-editor/model/actions/grading-criteria/grading-instruction.action';
+import { NgClass } from '@angular/common';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FormsModule } from '@angular/forms';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-grading-instructions-details',
     templateUrl: './grading-instructions-details.component.html',
     styleUrls: ['./grading-instructions-details.component.scss'],
+    imports: [NgClass, TranslateDirective, FormsModule, FaIconComponent, HelpIconComponent, NgbTooltip, MarkdownEditorMonacoComponent, ArtemisTranslatePipe],
 })
 export class GradingInstructionsDetailsComponent implements OnInit, AfterContentInit {
+    private changeDetector = inject(ChangeDetectorRef);
+
     @ViewChildren('markdownEditors')
     private markdownEditors: QueryList<MarkdownEditorMonacoComponent>;
     @ViewChild('markdownEditor', { static: false })
@@ -66,8 +76,6 @@ export class GradingInstructionsDetailsComponent implements OnInit, AfterContent
 
     protected readonly MarkdownEditorHeight = MarkdownEditorHeight;
 
-    constructor(private changeDetector: ChangeDetectorRef) {}
-
     ngOnInit() {
         this.criteria = this.exercise.gradingCriteria || [];
         this.backupExercise = cloneDeep(this.exercise);
@@ -128,8 +136,7 @@ export class GradingInstructionsDetailsComponent implements OnInit, AfterContent
     }
 
     generateInstructionText(instruction: GradingInstruction): string {
-        let markdownText = '';
-        markdownText =
+        return (
             GradingInstructionAction.IDENTIFIER +
             '\n' +
             '\t' +
@@ -147,8 +154,8 @@ export class GradingInstructionsDetailsComponent implements OnInit, AfterContent
             '\t' +
             this.generateUsageCount(instruction) +
             '\n' +
-            '\n';
-        return markdownText;
+            '\n'
+        );
     }
 
     generateCreditsText(instruction: GradingInstruction): string {
diff --git a/src/main/webapp/app/exercises/shared/structured-grading-criterion/structured-grading-criterion.module.ts b/src/main/webapp/app/exercises/shared/structured-grading-criterion/structured-grading-criterion.module.ts
index 42ce6972d6fc..41fafb118493 100644
--- a/src/main/webapp/app/exercises/shared/structured-grading-criterion/structured-grading-criterion.module.ts
+++ b/src/main/webapp/app/exercises/shared/structured-grading-criterion/structured-grading-criterion.module.ts
@@ -7,8 +7,7 @@ import { ArtemisMarkdownModule } from 'app/shared/markdown.module';
 import { ArtemisSharedComponentModule } from 'app/shared/components/shared-component.module';
 
 @NgModule({
-    declarations: [GradingInstructionsDetailsComponent],
     exports: [GradingInstructionsDetailsComponent],
-    imports: [CommonModule, ArtemisSharedModule, ArtemisMarkdownModule, ArtemisMarkdownEditorModule, ArtemisSharedComponentModule],
+    imports: [CommonModule, ArtemisSharedModule, ArtemisMarkdownModule, ArtemisMarkdownEditorModule, ArtemisSharedComponentModule, GradingInstructionsDetailsComponent],
 })
 export class StructuredGradingCriterionModule {}
diff --git a/src/main/webapp/app/exercises/shared/submission-export/submission-export-button.component.ts b/src/main/webapp/app/exercises/shared/submission-export/submission-export-button.component.ts
index 43be95e6b809..f518d789a016 100644
--- a/src/main/webapp/app/exercises/shared/submission-export/submission-export-button.component.ts
+++ b/src/main/webapp/app/exercises/shared/submission-export/submission-export-button.component.ts
@@ -1,10 +1,11 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, inject } from '@angular/core';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 import { ButtonSize, ButtonType } from 'app/shared/components/button.component';
 import { SubmissionExportDialogComponent } from './submission-export-dialog.component';
 import { ExerciseType } from 'app/entities/exercise.model';
 import { faDownload } from '@fortawesome/free-solid-svg-icons';
 import { FeatureToggle } from 'app/shared/feature-toggle/feature-toggle.service';
+import { ButtonComponent } from 'app/shared/components/button.component';
 
 @Component({
     selector: 'jhi-exercise-submission-export',
@@ -20,8 +21,11 @@ import { FeatureToggle } from 'app/shared/feature-toggle/feature-toggle.service'
             (onClick)="openSubmissionExportDialog($event)"
         />
     `,
+    imports: [ButtonComponent],
 })
 export class SubmissionExportButtonComponent {
+    private modalService = inject(NgbModal);
+
     readonly ButtonType = ButtonType;
     readonly ButtonSize = ButtonSize;
     readonly FeatureToggle = FeatureToggle;
@@ -32,8 +36,6 @@ export class SubmissionExportButtonComponent {
     // Icons
     faDownload = faDownload;
 
-    constructor(private modalService: NgbModal) {}
-
     /**
      * Stops the propagation of the mouse event and updates the component instance
      * of the modalRef with this instance's values
diff --git a/src/main/webapp/app/exercises/shared/submission-export/submission-export-dialog.component.ts b/src/main/webapp/app/exercises/shared/submission-export/submission-export-dialog.component.ts
index d6ce0a0b1ea1..e2a2f7914672 100644
--- a/src/main/webapp/app/exercises/shared/submission-export/submission-export-dialog.component.ts
+++ b/src/main/webapp/app/exercises/shared/submission-export/submission-export-dialog.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input, OnInit, inject } from '@angular/core';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { AlertService } from 'app/core/util/alert.service';
 import { catchError, tap } from 'rxjs/operators';
@@ -9,13 +9,24 @@ import { ExerciseService } from 'app/exercises/shared/exercise/exercise.service'
 import { SubmissionExportOptions, SubmissionExportService } from './submission-export.service';
 import { downloadZipFileFromResponse } from 'app/shared/util/download.util';
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons';
+import { FormsModule } from '@angular/forms';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { FormDateTimePickerComponent } from 'app/shared/date-time-picker/date-time-picker.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 @Component({
     selector: 'jhi-exercise-submission-export-dialog',
     templateUrl: './submission-export-dialog.component.html',
     styles: ['textarea { width: 100%; }'],
+    imports: [FormsModule, TranslateDirective, HelpIconComponent, FormDateTimePickerComponent, FaIconComponent],
 })
 export class SubmissionExportDialogComponent implements OnInit {
+    private exerciseService = inject(ExerciseService);
+    private submissionExportService = inject(SubmissionExportService);
+    activeModal = inject(NgbActiveModal);
+    private alertService = inject(AlertService);
+
     @Input() exerciseId: number;
     @Input() exerciseType: ExerciseType;
 
@@ -27,13 +38,6 @@ export class SubmissionExportDialogComponent implements OnInit {
     // Icons
     faCircleNotch = faCircleNotch;
 
-    constructor(
-        private exerciseService: ExerciseService,
-        private submissionExportService: SubmissionExportService,
-        public activeModal: NgbActiveModal,
-        private alertService: AlertService,
-    ) {}
-
     ngOnInit() {
         this.isLoading = true;
         this.exportInProgress = false;
diff --git a/src/main/webapp/app/exercises/shared/submission-export/submission-export.service.ts b/src/main/webapp/app/exercises/shared/submission-export/submission-export.service.ts
index 32acbde41252..cd53706cf322 100644
--- a/src/main/webapp/app/exercises/shared/submission-export/submission-export.service.ts
+++ b/src/main/webapp/app/exercises/shared/submission-export/submission-export.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import dayjs from 'dayjs/esm';
@@ -13,9 +13,9 @@ export type SubmissionExportOptions = {
 
 @Injectable({ providedIn: 'root' })
 export class SubmissionExportService {
-    public resourceUrl = 'api';
+    private http = inject(HttpClient);
 
-    constructor(private http: HttpClient) {}
+    public resourceUrl = 'api';
 
     /**
      * Exports submissions to the server by their participant identifiers
diff --git a/src/main/webapp/app/exercises/shared/submission-policy/submission-policy-update.component.ts b/src/main/webapp/app/exercises/shared/submission-policy/submission-policy-update.component.ts
index 08961c9407d6..f504ac2a528b 100644
--- a/src/main/webapp/app/exercises/shared/submission-policy/submission-policy-update.component.ts
+++ b/src/main/webapp/app/exercises/shared/submission-policy/submission-policy-update.component.ts
@@ -1,7 +1,10 @@
 import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { LockRepositoryPolicy, SubmissionPenaltyPolicy, SubmissionPolicyType } from 'app/entities/submission-policy.model';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
-import { FormControl, FormGroup, Validators } from '@angular/forms';
+import { FormControl, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { KeyValuePipe } from '@angular/common';
 
 @Component({
     selector: 'jhi-submission-policy-update',
@@ -92,6 +95,7 @@ import { FormControl, FormGroup, Validators } from '@angular/forms';
         }
     `,
     styleUrls: ['../../programming/manage/programming-exercise-form.scss'],
+    imports: [TranslateDirective, FormsModule, ReactiveFormsModule, HelpIconComponent, KeyValuePipe],
 })
 export class SubmissionPolicyUpdateComponent implements OnInit {
     @Input() programmingExercise: ProgrammingExercise;
diff --git a/src/main/webapp/app/exercises/shared/submission-policy/submission-policy-update.module.ts b/src/main/webapp/app/exercises/shared/submission-policy/submission-policy-update.module.ts
index 9ea9513cd7a3..2371afc6f4f9 100644
--- a/src/main/webapp/app/exercises/shared/submission-policy/submission-policy-update.module.ts
+++ b/src/main/webapp/app/exercises/shared/submission-policy/submission-policy-update.module.ts
@@ -4,8 +4,7 @@ import { SubmissionPolicyUpdateComponent } from 'app/exercises/shared/submission
 import { ArtemisSharedComponentModule } from 'app/shared/components/shared-component.module';
 
 @NgModule({
-    imports: [ArtemisSharedModule, ArtemisSharedComponentModule],
-    declarations: [SubmissionPolicyUpdateComponent],
+    imports: [ArtemisSharedModule, ArtemisSharedComponentModule, SubmissionPolicyUpdateComponent],
     exports: [SubmissionPolicyUpdateComponent],
 })
 export class SubmissionPolicyUpdateModule {}
diff --git a/src/main/webapp/app/exercises/shared/submission-version/submission-version.service.ts b/src/main/webapp/app/exercises/shared/submission-version/submission-version.service.ts
index a0806397db4f..b4f3fa8328be 100644
--- a/src/main/webapp/app/exercises/shared/submission-version/submission-version.service.ts
+++ b/src/main/webapp/app/exercises/shared/submission-version/submission-version.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { Submission } from 'app/entities/submission.model';
@@ -11,9 +11,9 @@ export type EntityArrayResponseType = HttpResponse<Submission[]>;
 
 @Injectable({ providedIn: 'root' })
 export class SubmissionVersionService {
-    public resourceUrl = 'api/submissions';
+    private http = inject(HttpClient);
 
-    constructor(private http: HttpClient) {}
+    public resourceUrl = 'api/submissions';
 
     /**
      * Find all submission versions for a given submission id.
diff --git a/src/main/webapp/app/exercises/shared/submission/submission.service.ts b/src/main/webapp/app/exercises/shared/submission/submission.service.ts
index d2cad659ac83..85a53e2c1744 100644
--- a/src/main/webapp/app/exercises/shared/submission/submission.service.ts
+++ b/src/main/webapp/app/exercises/shared/submission/submission.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { createRequestOption } from 'app/shared/util/request.util';
@@ -24,15 +24,13 @@ export class SubmissionWithComplaintDTO {
 
 @Injectable({ providedIn: 'root' })
 export class SubmissionService {
+    private http = inject(HttpClient);
+    private complaintResponseService = inject(ComplaintResponseService);
+    private accountService = inject(AccountService);
+
     public resourceUrl = 'api/submissions';
     public resourceUrlParticipation = 'api/participations';
 
-    constructor(
-        private http: HttpClient,
-        private complaintResponseService: ComplaintResponseService,
-        private accountService: AccountService,
-    ) {}
-
     /**
      * Delete an existing submission
      * @param submissionId - The id of the submission to be deleted
diff --git a/src/main/webapp/app/exercises/shared/team-config-form-group/team-config-form-group.component.ts b/src/main/webapp/app/exercises/shared/team-config-form-group/team-config-form-group.component.ts
index 6d2d694fed7c..d8f8a24cffb0 100644
--- a/src/main/webapp/app/exercises/shared/team-config-form-group/team-config-form-group.component.ts
+++ b/src/main/webapp/app/exercises/shared/team-config-form-group/team-config-form-group.component.ts
@@ -3,13 +3,19 @@ import { TeamAssignmentConfig } from 'app/entities/team-assignment-config.model'
 import { cloneDeep } from 'lodash-es';
 import { Exercise, ExerciseMode } from 'app/entities/exercise.model';
 import { ModePickerOption } from 'app/exercises/shared/mode-picker/mode-picker.component';
-import { NgModel } from '@angular/forms';
+import { FormsModule, NgModel } from '@angular/forms';
 import { Subject, Subscription } from 'rxjs';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { ModePickerComponent } from '../mode-picker/mode-picker.component';
+import { KeyValuePipe } from '@angular/common';
+import { RemoveKeysPipe } from 'app/shared/pipes/remove-keys.pipe';
 
 @Component({
     selector: 'jhi-team-config-form-group',
     templateUrl: './team-config-form-group.component.html',
     styleUrls: ['./team-config-form-group.component.scss'],
+    imports: [TranslateDirective, HelpIconComponent, ModePickerComponent, FormsModule, KeyValuePipe, RemoveKeysPipe],
 })
 export class TeamConfigFormGroupComponent implements AfterViewChecked, OnDestroy, OnInit {
     readonly INDIVIDUAL = ExerciseMode.INDIVIDUAL;
diff --git a/src/main/webapp/app/exercises/shared/team-config-form-group/team-config-form-group.module.ts b/src/main/webapp/app/exercises/shared/team-config-form-group/team-config-form-group.module.ts
index a8df84228369..75a07e4cb158 100644
--- a/src/main/webapp/app/exercises/shared/team-config-form-group/team-config-form-group.module.ts
+++ b/src/main/webapp/app/exercises/shared/team-config-form-group/team-config-form-group.module.ts
@@ -6,8 +6,7 @@ import { ArtemisModePickerModule } from 'app/exercises/shared/mode-picker/mode-p
 import { ArtemisSharedModule } from 'app/shared/shared.module';
 
 @NgModule({
-    imports: [ArtemisSharedModule, ArtemisSharedComponentModule, ArtemisModePickerModule],
-    declarations: [TeamConfigFormGroupComponent],
+    imports: [ArtemisSharedModule, ArtemisSharedComponentModule, ArtemisModePickerModule, TeamConfigFormGroupComponent],
     exports: [TeamConfigFormGroupComponent],
 })
 export class ArtemisTeamConfigFormGroupModule {}
diff --git a/src/main/webapp/app/exercises/shared/team-submission-sync/team-submission-sync.component.ts b/src/main/webapp/app/exercises/shared/team-submission-sync/team-submission-sync.component.ts
index 1147c61edd0c..2a8d455dd6ff 100644
--- a/src/main/webapp/app/exercises/shared/team-submission-sync/team-submission-sync.component.ts
+++ b/src/main/webapp/app/exercises/shared/team-submission-sync/team-submission-sync.component.ts
@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { Component, EventEmitter, Input, OnInit, Output, inject } from '@angular/core';
 import { JhiWebsocketService } from 'app/core/websocket/websocket.service';
 import { StudentParticipation } from 'app/entities/participation/student-participation.model';
 import { throttleTime } from 'rxjs/operators';
@@ -17,6 +17,10 @@ import { SubmissionPatchPayload, isSubmissionPatchPayload } from 'app/entities/s
     template: '',
 })
 export class TeamSubmissionSyncComponent implements OnInit {
+    private accountService = inject(AccountService);
+    private teamSubmissionWebsocketService = inject(JhiWebsocketService);
+    private alertService = inject(AlertService);
+
     // Sync settings
     readonly THROTTLE_TIME = 2000; // ms
 
@@ -31,11 +35,7 @@ export class TeamSubmissionSyncComponent implements OnInit {
     currentUser: User;
     websocketTopic: string;
 
-    constructor(
-        private accountService: AccountService,
-        private teamSubmissionWebsocketService: JhiWebsocketService,
-        private alertService: AlertService,
-    ) {
+    constructor() {
         this.accountService.identity().then((user: User) => (this.currentUser = user));
     }
 
diff --git a/src/main/webapp/app/exercises/shared/team-submission-sync/team-submission-sync.module.ts b/src/main/webapp/app/exercises/shared/team-submission-sync/team-submission-sync.module.ts
deleted file mode 100644
index 3c2b06ced5e1..000000000000
--- a/src/main/webapp/app/exercises/shared/team-submission-sync/team-submission-sync.module.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { NgModule } from '@angular/core';
-import { TeamSubmissionSyncComponent } from 'app/exercises/shared/team-submission-sync/team-submission-sync.component';
-
-@NgModule({
-    declarations: [TeamSubmissionSyncComponent],
-    exports: [TeamSubmissionSyncComponent],
-})
-export class ArtemisTeamSubmissionSyncModule {}
diff --git a/src/main/webapp/app/exercises/shared/team/team-exercise-search/team-exercise-search.component.ts b/src/main/webapp/app/exercises/shared/team/team-exercise-search/team-exercise-search.component.ts
index 4ab84838cb62..98ea68837776 100644
--- a/src/main/webapp/app/exercises/shared/team/team-exercise-search/team-exercise-search.component.ts
+++ b/src/main/webapp/app/exercises/shared/team/team-exercise-search/team-exercise-search.component.ts
@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { Component, EventEmitter, Input, Output, ViewChild, inject } from '@angular/core';
 import { Observable, Subject, combineLatest, merge, of } from 'rxjs';
 import { catchError, filter, map, switchMap, tap } from 'rxjs/operators';
 import { TranslateService } from '@ngx-translate/core';
@@ -8,12 +8,18 @@ import { CourseManagementService } from 'app/course/manage/course-management.ser
 import { NgbTypeahead } from '@ng-bootstrap/ng-bootstrap';
 import { orderBy } from 'lodash-es';
 import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { FormsModule } from '@angular/forms';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-team-exercise-search',
     templateUrl: './team-exercise-search.component.html',
+    imports: [FormsModule, NgbTypeahead, ArtemisTranslatePipe],
 })
 export class TeamExerciseSearchComponent {
+    private courseService = inject(CourseManagementService);
+    private translateService = inject(TranslateService);
+
     @ViewChild('instance', { static: true }) ngbTypeahead: NgbTypeahead;
     focus$ = new Subject<string>();
     click$ = new Subject<string>();
@@ -33,11 +39,6 @@ export class TeamExerciseSearchComponent {
 
     inputDisplayValue: string;
 
-    constructor(
-        private courseService: CourseManagementService,
-        private translateService: TranslateService,
-    ) {}
-
     onAutocompleteSelect = (exercise: Exercise) => {
         this.inputDisplayValue = this.searchResultFormatter(exercise);
         this.selectExercise.emit(exercise);
diff --git a/src/main/webapp/app/exercises/shared/team/team-owner-search/team-owner-search.component.ts b/src/main/webapp/app/exercises/shared/team/team-owner-search/team-owner-search.component.ts
index 4b63c0134714..7c37f1737ad9 100644
--- a/src/main/webapp/app/exercises/shared/team/team-owner-search/team-owner-search.component.ts
+++ b/src/main/webapp/app/exercises/shared/team/team-owner-search/team-owner-search.component.ts
@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core';
+import { Component, EventEmitter, Input, OnInit, Output, ViewChild, inject } from '@angular/core';
 import { Observable, Subject, combineLatest, merge, of } from 'rxjs';
 import { User } from 'app/core/user/user.model';
 import { catchError, filter, map, switchMap, tap } from 'rxjs/operators';
@@ -8,12 +8,17 @@ import { Team } from 'app/entities/team.model';
 import { CourseManagementService } from 'app/course/manage/course-management.service';
 import { cloneDeep } from 'lodash-es';
 import { NgbTypeahead } from '@ng-bootstrap/ng-bootstrap';
+import { FormsModule } from '@angular/forms';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-team-owner-search',
     templateUrl: './team-owner-search.component.html',
+    imports: [FormsModule, NgbTypeahead, ArtemisTranslatePipe],
 })
 export class TeamOwnerSearchComponent implements OnInit {
+    private courseService = inject(CourseManagementService);
+
     @ViewChild('instance', { static: true }) ngbTypeahead: NgbTypeahead;
     focus = new Subject<string>();
     click = new Subject<string>();
@@ -36,8 +41,6 @@ export class TeamOwnerSearchComponent implements OnInit {
 
     inputDisplayValue: string;
 
-    constructor(private courseService: CourseManagementService) {}
-
     /**
      * Life cycle hook to indicate component creation is done
      */
diff --git a/src/main/webapp/app/exercises/shared/team/team-participate/team-participate-info-box.component.ts b/src/main/webapp/app/exercises/shared/team/team-participate/team-participate-info-box.component.ts
index d5c9df024740..078f081effe4 100644
--- a/src/main/webapp/app/exercises/shared/team/team-participate/team-participate-info-box.component.ts
+++ b/src/main/webapp/app/exercises/shared/team/team-participate/team-participate-info-box.component.ts
@@ -2,11 +2,14 @@ import { Component, Input } from '@angular/core';
 import { Exercise } from 'app/entities/exercise.model';
 import { StudentParticipation } from 'app/entities/participation/student-participation.model';
 import { Observable } from 'rxjs';
+import { JhiConnectionStatusComponent } from 'app/shared/connection-status/connection-status.component';
+import { TeamStudentsOnlineListComponent } from './team-students-online-list.component';
 
 @Component({
     selector: 'jhi-team-participate-info-box',
     templateUrl: './team-participate-info-box.component.html',
     styleUrls: ['./team-participate-info-box.component.scss'],
+    imports: [JhiConnectionStatusComponent, TeamStudentsOnlineListComponent],
 })
 export class TeamParticipateInfoBoxComponent {
     @Input() exercise: Exercise;
diff --git a/src/main/webapp/app/exercises/shared/team/team-participate/team-participate.module.ts b/src/main/webapp/app/exercises/shared/team/team-participate/team-participate.module.ts
index 0ea8b0c2c41e..4002c722e465 100644
--- a/src/main/webapp/app/exercises/shared/team/team-participate/team-participate.module.ts
+++ b/src/main/webapp/app/exercises/shared/team/team-participate/team-participate.module.ts
@@ -6,8 +6,7 @@ import { TeamStudentsListComponent } from 'app/exercises/shared/team/team-partic
 import { RouterModule } from '@angular/router';
 
 @NgModule({
-    imports: [ArtemisSharedModule, RouterModule],
-    declarations: [TeamParticipateInfoBoxComponent, TeamStudentsOnlineListComponent, TeamStudentsListComponent],
+    imports: [ArtemisSharedModule, RouterModule, TeamParticipateInfoBoxComponent, TeamStudentsOnlineListComponent, TeamStudentsListComponent],
     exports: [TeamParticipateInfoBoxComponent, TeamStudentsOnlineListComponent, TeamStudentsListComponent],
 })
 export class ArtemisTeamParticipeModule {}
diff --git a/src/main/webapp/app/exercises/shared/team/team-participate/team-students-list.component.ts b/src/main/webapp/app/exercises/shared/team/team-participate/team-students-list.component.ts
index b7c6feba9fb4..ba6019bce6a3 100644
--- a/src/main/webapp/app/exercises/shared/team/team-participate/team-students-list.component.ts
+++ b/src/main/webapp/app/exercises/shared/team/team-participate/team-students-list.component.ts
@@ -1,10 +1,12 @@
 import { Component, Input } from '@angular/core';
 import { User } from 'app/core/user/user.model';
+import { RouterLink } from '@angular/router';
 
 @Component({
     selector: 'jhi-team-students-list',
     templateUrl: './team-students-list.component.html',
     styleUrls: ['./team-students-list.component.scss'],
+    imports: [RouterLink],
 })
 export class TeamStudentsListComponent {
     @Input() students: User[];
diff --git a/src/main/webapp/app/exercises/shared/team/team-participate/team-students-online-list.component.ts b/src/main/webapp/app/exercises/shared/team/team-participate/team-students-online-list.component.ts
index 46f8d10ba5f6..6f303f749cfa 100644
--- a/src/main/webapp/app/exercises/shared/team/team-participate/team-students-online-list.component.ts
+++ b/src/main/webapp/app/exercises/shared/team/team-participate/team-students-online-list.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnDestroy, OnInit, ViewEncapsulation } from '@angular/core';
+import { Component, Input, OnDestroy, OnInit, ViewEncapsulation, inject } from '@angular/core';
 import { OnlineTeamStudent, Team } from 'app/entities/team.model';
 import { AccountService } from 'app/core/auth/account.service';
 import { User } from 'app/core/user/user.model';
@@ -9,14 +9,21 @@ import dayjs from 'dayjs/esm';
 import { JhiWebsocketService } from 'app/core/websocket/websocket.service';
 import { StudentParticipation } from 'app/entities/participation/student-participation.model';
 import { faCircle, faHistory } from '@fortawesome/free-solid-svg-icons';
+import { NgClass } from '@angular/common';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 
 @Component({
     selector: 'jhi-team-students-online-list',
     templateUrl: './team-students-online-list.component.html',
     styleUrls: ['./team-students-online-list.component.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [NgClass, FaIconComponent, NgbTooltip],
 })
 export class TeamStudentsOnlineListComponent implements OnInit, OnDestroy {
+    private accountService = inject(AccountService);
+    private jhiWebsocketService = inject(JhiWebsocketService);
+
     readonly SHOW_TYPING_DURATION = 2000; // ms
     readonly SEND_TYPING_INTERVAL = this.SHOW_TYPING_DURATION / 1.5;
 
@@ -32,11 +39,6 @@ export class TeamStudentsOnlineListComponent implements OnInit, OnDestroy {
     faCircle = faCircle;
     faHistory = faHistory;
 
-    constructor(
-        private accountService: AccountService,
-        private jhiWebsocketService: JhiWebsocketService,
-    ) {}
-
     /**
      * Subscribes to the websocket topic "team" for the given participation
      *
diff --git a/src/main/webapp/app/exercises/shared/team/team-participation-table/team-participation-table.component.ts b/src/main/webapp/app/exercises/shared/team/team-participation-table/team-participation-table.component.ts
index 03b611ba3c9c..acb1f93ca93d 100644
--- a/src/main/webapp/app/exercises/shared/team/team-participation-table/team-participation-table.component.ts
+++ b/src/main/webapp/app/exercises/shared/team/team-participation-table/team-participation-table.component.ts
@@ -1,5 +1,5 @@
-import { Component, Input, OnInit, ViewEncapsulation } from '@angular/core';
-import { Router } from '@angular/router';
+import { Component, Input, OnInit, ViewEncapsulation, inject } from '@angular/core';
+import { Router, RouterLink } from '@angular/router';
 import { Team } from 'app/entities/team.model';
 import { Exercise, ExerciseType } from 'app/entities/exercise.model';
 import dayjs from 'dayjs/esm';
@@ -18,6 +18,14 @@ import { Participation } from 'app/entities/participation/participation.model';
 import { getLinkToSubmissionAssessment } from 'app/utils/navigation.utils';
 import { getExerciseDueDate, hasExerciseDueDatePassed } from 'app/exercises/shared/exercise/exercise.utils';
 import { faFlag, faFolderOpen } from '@fortawesome/free-solid-svg-icons';
+import { AssessmentWarningComponent } from 'app/assessment/assessment-warning/assessment-warning.component';
+import { DataTableComponent } from 'app/shared/data-table/data-table.component';
+import { NgxDatatableModule } from '@siemens/ngx-datatable';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 const currentExerciseRowClass = 'datatable-row-current-exercise';
 
@@ -39,8 +47,24 @@ class ExerciseForTeam extends Exercise {
     templateUrl: './team-participation-table.component.html',
     styleUrls: ['./team-participation-table.component.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [
+        AssessmentWarningComponent,
+        DataTableComponent,
+        NgxDatatableModule,
+        TranslateDirective,
+        FaIconComponent,
+        RouterLink,
+        NgbTooltip,
+        ArtemisDatePipe,
+        ArtemisTranslatePipe,
+    ],
 })
 export class TeamParticipationTableComponent implements OnInit {
+    private teamService = inject(TeamService);
+    private alertService = inject(AlertService);
+    private router = inject(Router);
+    private accountService = inject(AccountService);
+
     readonly ExerciseType = ExerciseType;
     readonly dayjs = dayjs;
 
@@ -58,13 +82,6 @@ export class TeamParticipationTableComponent implements OnInit {
     faFolderOpen = faFolderOpen;
     faFlag = faFlag;
 
-    constructor(
-        private teamService: TeamService,
-        private alertService: AlertService,
-        private router: Router,
-        private accountService: AccountService,
-    ) {}
-
     /**
      * Loads all needed data from the server for this component
      */
diff --git a/src/main/webapp/app/exercises/shared/team/team-student-search/team-student-search.component.ts b/src/main/webapp/app/exercises/shared/team/team-student-search/team-student-search.component.ts
index 0021c875dc15..58c70e954f29 100644
--- a/src/main/webapp/app/exercises/shared/team/team-student-search/team-student-search.component.ts
+++ b/src/main/webapp/app/exercises/shared/team/team-student-search/team-student-search.component.ts
@@ -1,4 +1,4 @@
-import { Component, ElementRef, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, Output, ViewChild, inject } from '@angular/core';
 import { Observable, combineLatest, of } from 'rxjs';
 import { User } from 'app/core/user/user.model';
 import { catchError, debounceTime, distinctUntilChanged, map, switchMap, tap } from 'rxjs/operators';
@@ -8,12 +8,17 @@ import { Exercise } from 'app/entities/exercise.model';
 import { TeamService } from 'app/exercises/shared/team/team.service';
 import { TeamSearchUser } from 'app/entities/team-search-user.model';
 import { Team } from 'app/entities/team.model';
+import { NgbTypeahead } from '@ng-bootstrap/ng-bootstrap';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-team-student-search',
     templateUrl: './team-student-search.component.html',
+    imports: [NgbTypeahead, ArtemisTranslatePipe],
 })
 export class TeamStudentSearchComponent {
+    private teamService = inject(TeamService);
+
     @ViewChild('ngbTypeahead', { static: false }) ngbTypeahead: ElementRef;
 
     @Input() course: Course;
@@ -29,8 +34,6 @@ export class TeamStudentSearchComponent {
 
     inputDisplayValue: string;
 
-    constructor(private teamService: TeamService) {}
-
     onAutocompleteSelect = (student: User) => {
         this.inputDisplayValue = '';
         this.selectStudent.emit(student);
diff --git a/src/main/webapp/app/exercises/shared/team/team-update-dialog/team-delete-button.component.ts b/src/main/webapp/app/exercises/shared/team/team-update-dialog/team-delete-button.component.ts
index 870bad6ab277..cc27d81afb63 100644
--- a/src/main/webapp/app/exercises/shared/team/team-update-dialog/team-delete-button.component.ts
+++ b/src/main/webapp/app/exercises/shared/team/team-update-dialog/team-delete-button.component.ts
@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, OnDestroy, Output } from '@angular/core';
+import { Component, EventEmitter, Input, OnDestroy, Output, inject } from '@angular/core';
 import { Team } from 'app/entities/team.model';
 import { Subject } from 'rxjs';
 import { ButtonSize, ButtonType } from 'app/shared/components/button.component';
@@ -6,6 +6,8 @@ import { TeamService } from 'app/exercises/shared/team/team.service';
 import { Exercise } from 'app/entities/exercise.model';
 import { AlertService } from 'app/core/util/alert.service';
 import { faTrashAlt } from '@fortawesome/free-solid-svg-icons';
+import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 @Component({
     selector: 'jhi-team-delete-button',
@@ -24,8 +26,12 @@ import { faTrashAlt } from '@fortawesome/free-solid-svg-icons';
             </button>
         }
     `,
+    imports: [DeleteButtonDirective, FaIconComponent],
 })
 export class TeamDeleteButtonComponent implements OnDestroy {
+    private alertService = inject(AlertService);
+    private teamService = inject(TeamService);
+
     ButtonType = ButtonType;
     ButtonSize = ButtonSize;
 
@@ -41,11 +47,6 @@ export class TeamDeleteButtonComponent implements OnDestroy {
     // Icons
     faTrashAlt = faTrashAlt;
 
-    constructor(
-        private alertService: AlertService,
-        private teamService: TeamService,
-    ) {}
-
     /**
      * Life cycle hook to indicate component creation is done
      */
diff --git a/src/main/webapp/app/exercises/shared/team/team-update-dialog/team-update-button.component.ts b/src/main/webapp/app/exercises/shared/team/team-update-dialog/team-update-button.component.ts
index 461098c04bcc..b65c6e063197 100644
--- a/src/main/webapp/app/exercises/shared/team/team-update-dialog/team-update-button.component.ts
+++ b/src/main/webapp/app/exercises/shared/team/team-update-dialog/team-update-button.component.ts
@@ -1,10 +1,11 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Component, EventEmitter, Input, Output, inject } from '@angular/core';
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { TeamUpdateDialogComponent } from 'app/exercises/shared/team/team-update-dialog/team-update-dialog.component';
 import { Team } from 'app/entities/team.model';
 import { Exercise } from 'app/entities/exercise.model';
 import { ButtonSize, ButtonType } from 'app/shared/components/button.component';
 import { faPencilAlt, faPlus } from '@fortawesome/free-solid-svg-icons';
+import { ButtonComponent } from 'app/shared/components/button.component';
 
 @Component({
     selector: 'jhi-team-update-button',
@@ -17,8 +18,11 @@ import { faPencilAlt, faPlus } from '@fortawesome/free-solid-svg-icons';
             (onClick)="openTeamCreateDialog($event)"
         />
     `,
+    imports: [ButtonComponent],
 })
 export class TeamUpdateButtonComponent {
+    private modalService = inject(NgbModal);
+
     ButtonType = ButtonType;
     ButtonSize = ButtonSize;
 
@@ -32,8 +36,6 @@ export class TeamUpdateButtonComponent {
     faPencilAlt = faPencilAlt;
     faPlus = faPlus;
 
-    constructor(private modalService: NgbModal) {}
-
     /**
      * Open the dialog for team creation
      * @param {MouseEvent} event - Occurred Mouse Event
diff --git a/src/main/webapp/app/exercises/shared/team/team-update-dialog/team-update-dialog.component.ts b/src/main/webapp/app/exercises/shared/team/team-update-dialog/team-update-dialog.component.ts
index 11a4689e8f87..a7f037287210 100644
--- a/src/main/webapp/app/exercises/shared/team/team-update-dialog/team-update-dialog.component.ts
+++ b/src/main/webapp/app/exercises/shared/team/team-update-dialog/team-update-dialog.component.ts
@@ -1,5 +1,5 @@
-import { Component, Input, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
-import { AbstractControl, NgForm } from '@angular/forms';
+import { Component, Input, OnInit, ViewChild, ViewEncapsulation, inject } from '@angular/core';
+import { AbstractControl, FormsModule, NgForm } from '@angular/forms';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { Observable, Subject } from 'rxjs';
@@ -13,6 +13,13 @@ import { debounceTime, switchMap } from 'rxjs/operators';
 import { Exercise } from 'app/entities/exercise.model';
 import { SHORT_NAME_PATTERN } from 'app/shared/constants/input.constants';
 import { faBan, faExclamationTriangle, faSave, faSpinner, faTrashAlt } from '@fortawesome/free-solid-svg-icons';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TeamOwnerSearchComponent } from '../team-owner-search/team-owner-search.component';
+import { TeamStudentSearchComponent } from '../team-student-search/team-student-search.component';
+import { KeyValuePipe } from '@angular/common';
+import { RemoveKeysPipe } from 'app/shared/pipes/remove-keys.pipe';
 
 export type StudentTeamConflict = { studentLogin: string; teamId: string };
 
@@ -21,8 +28,13 @@ export type StudentTeamConflict = { studentLogin: string; teamId: string };
     templateUrl: './team-update-dialog.component.html',
     styleUrls: ['./team-update-dialog.component.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [FormsModule, TranslateDirective, HelpIconComponent, FaIconComponent, TeamOwnerSearchComponent, TeamStudentSearchComponent, KeyValuePipe, RemoveKeysPipe],
 })
 export class TeamUpdateDialogComponent implements OnInit {
+    private participationService = inject(ParticipationService);
+    private teamService = inject(TeamService);
+    private activeModal = inject(NgbActiveModal);
+
     @ViewChild('editForm', { static: false }) editForm: NgForm;
 
     @Input() team: Team;
@@ -55,12 +67,6 @@ export class TeamUpdateDialogComponent implements OnInit {
     faExclamationTriangle = faExclamationTriangle;
     faTrashAlt = faTrashAlt;
 
-    constructor(
-        private participationService: ParticipationService,
-        private teamService: TeamService,
-        private activeModal: NgbActiveModal,
-    ) {}
-
     /**
      * Life cycle hook to indicate component creation is done
      */
diff --git a/src/main/webapp/app/exercises/shared/team/team.component.ts b/src/main/webapp/app/exercises/shared/team/team.component.ts
index c3d360060c18..6ddd7ff6f8e2 100644
--- a/src/main/webapp/app/exercises/shared/team/team.component.ts
+++ b/src/main/webapp/app/exercises/shared/team/team.component.ts
@@ -1,5 +1,5 @@
-import { Component, OnInit, ViewEncapsulation } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
+import { Component, OnInit, ViewEncapsulation, inject } from '@angular/core';
+import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 import { Team } from 'app/entities/team.model';
 import { TeamService } from 'app/exercises/shared/team/team.service';
 import { Exercise } from 'app/entities/exercise.model';
@@ -8,14 +8,44 @@ import { User } from 'app/core/user/user.model';
 import { ButtonSize } from 'app/shared/components/button.component';
 import { AccountService } from 'app/core/auth/account.service';
 import { AlertService } from 'app/core/util/alert.service';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { TeamUpdateButtonComponent } from './team-update-dialog/team-update-button.component';
+import { TeamDeleteButtonComponent } from './team-update-dialog/team-delete-button.component';
+import { DataTableComponent } from 'app/shared/data-table/data-table.component';
+import { NgxDatatableModule } from '@siemens/ngx-datatable';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TeamParticipationTableComponent } from './team-participation-table/team-participation-table.component';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-team',
     templateUrl: './team.component.html',
     styleUrls: ['./team.component.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [
+        RouterLink,
+        TranslateDirective,
+        NgbTooltip,
+        TeamUpdateButtonComponent,
+        TeamDeleteButtonComponent,
+        DataTableComponent,
+        NgxDatatableModule,
+        FaIconComponent,
+        TeamParticipationTableComponent,
+        ArtemisDatePipe,
+        ArtemisTranslatePipe,
+    ],
 })
 export class TeamComponent implements OnInit {
+    private route = inject(ActivatedRoute);
+    private alertService = inject(AlertService);
+    private exerciseService = inject(ExerciseService);
+    private teamService = inject(TeamService);
+    private accountService = inject(AccountService);
+    private router = inject(Router);
+
     ButtonSize = ButtonSize;
 
     team: Team;
@@ -27,14 +57,7 @@ export class TeamComponent implements OnInit {
     isAdmin = false;
     isTeamOwner = false;
 
-    constructor(
-        private route: ActivatedRoute,
-        private alertService: AlertService,
-        private exerciseService: ExerciseService,
-        private teamService: TeamService,
-        private accountService: AccountService,
-        private router: Router,
-    ) {
+    constructor() {
         this.accountService.identity().then((user: User) => {
             this.currentUser = user;
             this.isAdmin = this.accountService.isAdmin();
diff --git a/src/main/webapp/app/exercises/shared/team/team.module.ts b/src/main/webapp/app/exercises/shared/team/team.module.ts
index fa70e1dbcd40..6c2edf1bbefd 100644
--- a/src/main/webapp/app/exercises/shared/team/team.module.ts
+++ b/src/main/webapp/app/exercises/shared/team/team.module.ts
@@ -30,8 +30,6 @@ import { ArtemisTeamParticipeModule } from 'app/exercises/shared/team/team-parti
         ArtemisSharedComponentModule,
         ArtemisResultModule,
         ArtemisTeamParticipeModule,
-    ],
-    declarations: [
         TeamsComponent,
         TeamUpdateButtonComponent,
         TeamUpdateDialogComponent,
diff --git a/src/main/webapp/app/exercises/shared/team/team.route.ts b/src/main/webapp/app/exercises/shared/team/team.route.ts
index ff04a7c173b3..a7e47ecce87d 100644
--- a/src/main/webapp/app/exercises/shared/team/team.route.ts
+++ b/src/main/webapp/app/exercises/shared/team/team.route.ts
@@ -1,13 +1,12 @@
 import { Routes } from '@angular/router';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
-import { TeamsComponent } from './teams.component';
-import { TeamComponent } from 'app/exercises/shared/team/team.component';
+
 import { Authority } from 'app/shared/constants/authority.constants';
 
 export const teamRoute: Routes = [
     {
         path: '',
-        component: TeamsComponent,
+        loadComponent: () => import('./teams.component').then((m) => m.TeamsComponent),
         data: {
             authorities: [Authority.TA, Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.team.home.title',
@@ -16,7 +15,7 @@ export const teamRoute: Routes = [
     },
     {
         path: ':teamId',
-        component: TeamComponent,
+        loadComponent: () => import('app/exercises/shared/team/team.component').then((m) => m.TeamComponent),
         data: {
             authorities: [Authority.USER],
             pageTitle: 'artemisApp.team.detail.title',
diff --git a/src/main/webapp/app/exercises/shared/team/team.service.ts b/src/main/webapp/app/exercises/shared/team/team.service.ts
index 442e4d0d6c84..b7125de9aab1 100644
--- a/src/main/webapp/app/exercises/shared/team/team.service.ts
+++ b/src/main/webapp/app/exercises/shared/team/team.service.ts
@@ -1,5 +1,5 @@
 import { HttpClient, HttpResponse } from '@angular/common/http';
-import { Injectable, OnDestroy } from '@angular/core';
+import { Injectable, OnDestroy, inject } from '@angular/core';
 import { AccountService } from 'app/core/auth/account.service';
 import { User } from 'app/core/user/user.model';
 import { JhiWebsocketService } from 'app/core/websocket/websocket.service';
@@ -102,18 +102,16 @@ export interface ITeamService {
 
 @Injectable({ providedIn: 'root' })
 export class TeamService implements ITeamService, OnDestroy {
+    protected http = inject(HttpClient);
+    private websocketService = inject(JhiWebsocketService);
+    private accountService = inject(AccountService);
+
     // Team Assignment Update Stream
     private teamAssignmentUpdates$: Observable<TeamAssignmentPayload> | null;
     private teamAssignmentUpdatesResolver: () => void;
     private authenticationStateSubscriber: Subscription;
     private websocketStatusSubscription?: Subscription;
 
-    constructor(
-        protected http: HttpClient,
-        private websocketService: JhiWebsocketService,
-        private accountService: AccountService,
-    ) {}
-
     ngOnDestroy(): void {
         this.websocketStatusSubscription?.unsubscribe();
     }
diff --git a/src/main/webapp/app/exercises/shared/team/teams-import-dialog/teams-export-button.component.ts b/src/main/webapp/app/exercises/shared/team/teams-import-dialog/teams-export-button.component.ts
index 3896934dd430..455f0e0065bb 100644
--- a/src/main/webapp/app/exercises/shared/team/teams-import-dialog/teams-export-button.component.ts
+++ b/src/main/webapp/app/exercises/shared/team/teams-import-dialog/teams-export-button.component.ts
@@ -1,9 +1,10 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, inject } from '@angular/core';
 import { Team } from 'app/entities/team.model';
 import { ButtonSize, ButtonType } from 'app/shared/components/button.component';
 import { AlertService } from 'app/core/util/alert.service';
 import { TeamService } from '../team.service';
 import { faFileExport } from '@fortawesome/free-solid-svg-icons';
+import { ButtonComponent } from 'app/shared/components/button.component';
 
 @Component({
     selector: 'jhi-teams-export-button',
@@ -16,8 +17,12 @@ import { faFileExport } from '@fortawesome/free-solid-svg-icons';
             (onClick)="exportTeams($event)"
         />
     `,
+    imports: [ButtonComponent],
 })
 export class TeamsExportButtonComponent {
+    private teamService = inject(TeamService);
+    private alertService = inject(AlertService);
+
     ButtonType = ButtonType;
     ButtonSize = ButtonSize;
 
@@ -27,11 +32,6 @@ export class TeamsExportButtonComponent {
     // Icons
     faFileExport = faFileExport;
 
-    constructor(
-        private teamService: TeamService,
-        private alertService: AlertService,
-    ) {}
-
     /**
      * Export teams or show students if there is an error
      * @param {MouseEvent} event - To stop propagation
diff --git a/src/main/webapp/app/exercises/shared/team/teams-import-dialog/teams-import-button.component.ts b/src/main/webapp/app/exercises/shared/team/teams-import-dialog/teams-import-button.component.ts
index 9c94bce26674..d70ff3de6749 100644
--- a/src/main/webapp/app/exercises/shared/team/teams-import-dialog/teams-import-button.component.ts
+++ b/src/main/webapp/app/exercises/shared/team/teams-import-dialog/teams-import-button.component.ts
@@ -1,10 +1,11 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Component, EventEmitter, Input, Output, inject } from '@angular/core';
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { Team } from 'app/entities/team.model';
 import { Exercise } from 'app/entities/exercise.model';
 import { ButtonSize, ButtonType } from 'app/shared/components/button.component';
 import { TeamsImportDialogComponent } from 'app/exercises/shared/team/teams-import-dialog/teams-import-dialog.component';
 import { faPlus } from '@fortawesome/free-solid-svg-icons';
+import { ButtonComponent } from 'app/shared/components/button.component';
 
 @Component({
     selector: 'jhi-teams-import-button',
@@ -17,8 +18,11 @@ import { faPlus } from '@fortawesome/free-solid-svg-icons';
             (onClick)="openTeamsImportDialog($event)"
         />
     `,
+    imports: [ButtonComponent],
 })
 export class TeamsImportButtonComponent {
+    private modalService = inject(NgbModal);
+
     ButtonType = ButtonType;
     ButtonSize = ButtonSize;
 
@@ -31,8 +35,6 @@ export class TeamsImportButtonComponent {
     // Icons
     faPlus = faPlus;
 
-    constructor(private modalService: NgbModal) {}
-
     /**
      * Open up import dialog for teams
      * @param {Event} event - Mouse Event which invoked the opening
diff --git a/src/main/webapp/app/exercises/shared/team/teams-import-dialog/teams-import-dialog.component.ts b/src/main/webapp/app/exercises/shared/team/teams-import-dialog/teams-import-dialog.component.ts
index 9d49bea07764..ec51bdfe1d92 100644
--- a/src/main/webapp/app/exercises/shared/team/teams-import-dialog/teams-import-dialog.component.ts
+++ b/src/main/webapp/app/exercises/shared/team/teams-import-dialog/teams-import-dialog.component.ts
@@ -1,5 +1,5 @@
-import { Component, Input, OnDestroy, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
-import { NgForm } from '@angular/forms';
+import { Component, Input, OnDestroy, OnInit, ViewChild, ViewEncapsulation, inject } from '@angular/core';
+import { FormsModule, NgForm } from '@angular/forms';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { AlertService } from 'app/core/util/alert.service';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
@@ -11,14 +11,39 @@ import { ActionType } from 'app/shared/delete-dialog/delete-dialog.model';
 import { flatMap } from 'lodash-es';
 import { User } from 'app/core/user/user.model';
 import { faBan, faCircleNotch, faSpinner, faUpload } from '@fortawesome/free-solid-svg-icons';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgClass } from '@angular/common';
+import { TeamsImportFromFileFormComponent } from './teams-import-from-file-form.component';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TeamExerciseSearchComponent } from '../team-exercise-search/team-exercise-search.component';
+import { TeamStudentsListComponent } from '../team-participate/team-students-list.component';
+import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-teams-import-dialog',
     templateUrl: './teams-import-dialog.component.html',
     styleUrls: ['./teams-import-dialog.component.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [
+        FormsModule,
+        TranslateDirective,
+        NgClass,
+        TeamsImportFromFileFormComponent,
+        HelpIconComponent,
+        FaIconComponent,
+        TeamExerciseSearchComponent,
+        TeamStudentsListComponent,
+        DeleteButtonDirective,
+        ArtemisTranslatePipe,
+    ],
 })
 export class TeamsImportDialogComponent implements OnInit, OnDestroy {
+    private teamService = inject(TeamService);
+    private activeModal = inject(NgbActiveModal);
+    private alertService = inject(AlertService);
+
     readonly ImportStrategy = ImportStrategy;
     readonly ActionType = ActionType;
 
@@ -62,12 +87,6 @@ export class TeamsImportDialogComponent implements OnInit, OnDestroy {
     faCircleNotch = faCircleNotch;
     faUpload = faUpload;
 
-    constructor(
-        private teamService: TeamService,
-        private activeModal: NgbActiveModal,
-        private alertService: AlertService,
-    ) {}
-
     /**
      * Life cycle hook to indicate component creation is done
      */
diff --git a/src/main/webapp/app/exercises/shared/team/teams-import-dialog/teams-import-from-file-form.component.ts b/src/main/webapp/app/exercises/shared/team/teams-import-dialog/teams-import-from-file-form.component.ts
index 479e7ed9e882..e2cfcba51a8c 100644
--- a/src/main/webapp/app/exercises/shared/team/teams-import-dialog/teams-import-from-file-form.component.ts
+++ b/src/main/webapp/app/exercises/shared/team/teams-import-dialog/teams-import-from-file-form.component.ts
@@ -1,10 +1,13 @@
-import { ChangeDetectorRef, Component, EventEmitter, Output } from '@angular/core';
+import { ChangeDetectorRef, Component, EventEmitter, Output, inject } from '@angular/core';
 import { faSpinner } from '@fortawesome/free-solid-svg-icons';
 import { TranslateService } from '@ngx-translate/core';
 import { User } from 'app/core/user/user.model';
 import { StudentWithTeam, Team } from 'app/entities/team.model';
 import { SHORT_NAME_PATTERN } from 'app/shared/constants/input.constants';
 import { parse } from 'papaparse';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 const csvColumns = Object.freeze({
     registrationNumber: 'registrationnumber',
@@ -33,8 +36,12 @@ type CsvEntry = { [column: string]: string };
     selector: 'jhi-teams-import-from-file-form',
     templateUrl: './teams-import-from-file-form.component.html',
     styleUrls: ['./teams-import-from-file-form.component.scss'],
+    imports: [TranslateDirective, HelpIconComponent, FaIconComponent],
 })
 export class TeamsImportFromFileFormComponent {
+    private changeDetector = inject(ChangeDetectorRef);
+    private translateService = inject(TranslateService);
+
     @Output() teamsChanged = new EventEmitter<Team[]>();
     sourceTeams?: Team[];
     importedTeams: StudentWithTeam[] = [];
@@ -45,11 +52,6 @@ export class TeamsImportFromFileFormComponent {
     // Icons
     faSpinner = faSpinner;
 
-    constructor(
-        private changeDetector: ChangeDetectorRef,
-        private translateService: TranslateService,
-    ) {}
-
     /**
      * Move file reader creation to separate function to be able to mock
      * https://fromanegg.com/post/2015/04/22/easy-testing-of-code-involving-native-methods-in-javascript/
diff --git a/src/main/webapp/app/exercises/shared/team/teams.component.ts b/src/main/webapp/app/exercises/shared/team/teams.component.ts
index a19ce32da2eb..e17b11884efd 100644
--- a/src/main/webapp/app/exercises/shared/team/teams.component.ts
+++ b/src/main/webapp/app/exercises/shared/team/teams.component.ts
@@ -1,6 +1,6 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { ParticipationService } from 'app/exercises/shared/participation/participation.service';
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 import { Subject } from 'rxjs';
 import { Team } from 'app/entities/team.model';
 import { TeamService } from 'app/exercises/shared/team/team.service';
@@ -12,6 +12,16 @@ import { AccountService } from 'app/core/auth/account.service';
 import { User } from 'app/core/user/user.model';
 import { AlertService } from 'app/core/util/alert.service';
 import { EventManager } from 'app/core/util/event-manager.service';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FormsModule } from '@angular/forms';
+import { TeamsExportButtonComponent } from './teams-import-dialog/teams-export-button.component';
+import { TeamsImportButtonComponent } from './teams-import-dialog/teams-import-button.component';
+import { TeamUpdateButtonComponent } from './team-update-dialog/team-update-button.component';
+import { DataTableComponent } from 'app/shared/data-table/data-table.component';
+import { NgxDatatableModule } from '@siemens/ngx-datatable';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TeamStudentsListComponent } from './team-participate/team-students-list.component';
+import { TeamDeleteButtonComponent } from './team-update-dialog/team-delete-button.component';
 
 export enum FilterProp {
     ALL = 'all',
@@ -21,8 +31,30 @@ export enum FilterProp {
 @Component({
     selector: 'jhi-teams',
     templateUrl: './teams.component.html',
+    imports: [
+        TranslateDirective,
+        FormsModule,
+        TeamsExportButtonComponent,
+        TeamsImportButtonComponent,
+        TeamUpdateButtonComponent,
+        DataTableComponent,
+        NgxDatatableModule,
+        FaIconComponent,
+        RouterLink,
+        TeamStudentsListComponent,
+        TeamDeleteButtonComponent,
+    ],
 })
 export class TeamsComponent implements OnInit, OnDestroy {
+    private route = inject(ActivatedRoute);
+    private router = inject(Router);
+    private participationService = inject(ParticipationService);
+    private alertService = inject(AlertService);
+    private eventManager = inject(EventManager);
+    private exerciseService = inject(ExerciseService);
+    private teamService = inject(TeamService);
+    private accountService = inject(AccountService);
+
     readonly FilterProp = FilterProp;
     readonly ButtonSize = ButtonSize;
 
@@ -39,16 +71,7 @@ export class TeamsComponent implements OnInit, OnDestroy {
     currentUser: User;
     isAdmin = false;
 
-    constructor(
-        private route: ActivatedRoute,
-        private router: Router,
-        private participationService: ParticipationService,
-        private alertService: AlertService,
-        private eventManager: EventManager,
-        private exerciseService: ExerciseService,
-        private teamService: TeamService,
-        private accountService: AccountService,
-    ) {
+    constructor() {
         this.accountService.identity().then((user: User) => {
             this.currentUser = user;
             this.isAdmin = this.accountService.isAdmin();
diff --git a/src/main/webapp/app/exercises/shared/unreferenced-feedback/unreferenced-feedback.component.ts b/src/main/webapp/app/exercises/shared/unreferenced-feedback/unreferenced-feedback.component.ts
index 92c12a2cda57..1e71e5bc940b 100644
--- a/src/main/webapp/app/exercises/shared/unreferenced-feedback/unreferenced-feedback.component.ts
+++ b/src/main/webapp/app/exercises/shared/unreferenced-feedback/unreferenced-feedback.component.ts
@@ -1,22 +1,27 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Component, EventEmitter, Input, Output, inject } from '@angular/core';
 import { FEEDBACK_SUGGESTION_ACCEPTED_IDENTIFIER, FEEDBACK_SUGGESTION_IDENTIFIER, Feedback, FeedbackType } from 'app/entities/feedback.model';
 import { StructuredGradingCriterionService } from 'app/exercises/shared/structured-grading-criterion/structured-grading-criterion.service';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { UnreferencedFeedbackDetailComponent } from 'app/assessment/unreferenced-feedback-detail/unreferenced-feedback-detail.component';
 
 @Component({
     selector: 'jhi-unreferenced-feedback',
     templateUrl: './unreferenced-feedback.component.html',
     styleUrls: [],
+    imports: [TranslateDirective, UnreferencedFeedbackDetailComponent],
 })
 export class UnreferencedFeedbackComponent {
+    private structuredGradingCriterionService = inject(StructuredGradingCriterionService);
+
     FeedbackType = FeedbackType;
 
     unreferencedFeedback: Feedback[] = [];
     assessmentsAreValid: boolean;
-    feedbackDetailChanges: boolean = false;
+    feedbackDetailChanges = false;
 
     @Input() readOnly: boolean;
     @Input() highlightDifferences: boolean;
-    @Input() useDefaultFeedbackSuggestionBadgeText: boolean = false;
+    @Input() useDefaultFeedbackSuggestionBadgeText = false;
     @Input() resultId: number;
 
     /**
@@ -34,8 +39,6 @@ export class UnreferencedFeedbackComponent {
     @Output() onAcceptSuggestion = new EventEmitter<Feedback>();
     @Output() onDiscardSuggestion = new EventEmitter<Feedback>();
 
-    constructor(private structuredGradingCriterionService: StructuredGradingCriterionService) {}
-
     public deleteFeedback(feedbackToDelete: Feedback): void {
         const indexToDelete = this.unreferencedFeedback.indexOf(feedbackToDelete);
         this.unreferencedFeedback.splice(indexToDelete, 1);
diff --git a/src/main/webapp/app/exercises/text/assess/manual-textblock-selection/manual-textblock-selection.component.ts b/src/main/webapp/app/exercises/text/assess/manual-textblock-selection/manual-textblock-selection.component.ts
index 5c9c22ab595f..098e6f776584 100644
--- a/src/main/webapp/app/exercises/text/assess/manual-textblock-selection/manual-textblock-selection.component.ts
+++ b/src/main/webapp/app/exercises/text/assess/manual-textblock-selection/manual-textblock-selection.component.ts
@@ -3,11 +3,13 @@ import { TextBlockRef } from 'app/entities/text/text-block-ref.model';
 import { TextSubmission } from 'app/entities/text/text-submission.model';
 import { TextBlock } from 'app/entities/text/text-block.model';
 import { GradingCriterion } from 'app/exercises/shared/structured-grading-criterion/grading-criterion.model';
-import { wordSelection } from 'app/exercises/text/shared/manual-text-selection/manual-text-selection.component';
+import { ManualTextSelectionComponent, wordSelection } from 'app/exercises/text/shared/manual-text-selection/manual-text-selection.component';
+import { TextblockAssessmentCardComponent } from '../textblock-assessment-card/textblock-assessment-card.component';
 
 @Component({
     selector: 'jhi-manual-textblock-selection',
     templateUrl: './manual-textblock-selection.component.html',
+    imports: [TextblockAssessmentCardComponent, ManualTextSelectionComponent],
 })
 export class ManualTextblockSelectionComponent {
     @Input() set textBlockRefs(textBlockRefs: TextBlockRef[]) {
@@ -16,13 +18,15 @@ export class ManualTextblockSelectionComponent {
     get textBlockRefs(): TextBlockRef[] {
         return this.textBlockRefGroups.reduce((previous: TextBlockRef[], group: TextBlockRefGroup) => [...previous, ...group.refs], []);
     }
-    @Output() textBlockRefsChange = new EventEmitter<TextBlockRef[]>();
-    @Output() textBlockRefAdded = new EventEmitter<TextBlockRef>();
     @Input() selectedRef?: TextBlockRef;
     @Input() readOnly: boolean;
-    @Output() selectedRefChange = new EventEmitter<TextBlockRef | undefined>();
     @Input() submission: TextSubmission;
     @Input() criteria?: GradingCriterion[];
+
+    @Output() textBlockRefsChange = new EventEmitter<TextBlockRef[]>();
+    @Output() textBlockRefAdded = new EventEmitter<TextBlockRef>();
+    @Output() selectedRefChange = new EventEmitter<TextBlockRef | undefined>();
+
     textBlockRefGroups: TextBlockRefGroup[];
 
     textBlockRefsChangeEmit(): void {
diff --git a/src/main/webapp/app/exercises/text/assess/text-assessment-area/text-assessment-area.component.ts b/src/main/webapp/app/exercises/text/assess/text-assessment-area/text-assessment-area.component.ts
index 2646fccb48ad..2a3b0b4baa4a 100644
--- a/src/main/webapp/app/exercises/text/assess/text-assessment-area/text-assessment-area.component.ts
+++ b/src/main/webapp/app/exercises/text/assess/text-assessment-area/text-assessment-area.component.ts
@@ -3,6 +3,9 @@ import { TextSubmission } from 'app/entities/text/text-submission.model';
 import { TextBlockRef } from 'app/entities/text/text-block-ref.model';
 import { StringCountService } from 'app/exercises/text/participate/string-count.service';
 import { GradingCriterion } from 'app/exercises/shared/structured-grading-criterion/grading-criterion.model';
+import { TextblockAssessmentCardComponent } from '../textblock-assessment-card/textblock-assessment-card.component';
+import { ManualTextblockSelectionComponent } from '../manual-textblock-selection/manual-textblock-selection.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
     selector: 'jhi-text-assessment-area',
@@ -14,6 +17,7 @@ import { GradingCriterion } from 'app/exercises/shared/structured-grading-criter
             }
         `,
     ],
+    imports: [TextblockAssessmentCardComponent, ManualTextblockSelectionComponent, TranslateDirective],
 })
 export class TextAssessmentAreaComponent implements OnChanges {
     private stringCountService = inject(StringCountService);
diff --git a/src/main/webapp/app/exercises/text/assess/text-submission-assessment.component.ts b/src/main/webapp/app/exercises/text/assess/text-submission-assessment.component.ts
index 1d710d15ac1f..6ca9dda0c7c0 100644
--- a/src/main/webapp/app/exercises/text/assess/text-submission-assessment.component.ts
+++ b/src/main/webapp/app/exercises/text/assess/text-submission-assessment.component.ts
@@ -1,7 +1,8 @@
 import { Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { Location } from '@angular/common';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute, Router, RouterLink } from '@angular/router';
+import { UnreferencedFeedbackComponent } from 'app/exercises/shared/unreferenced-feedback/unreferenced-feedback.component';
 import dayjs from 'dayjs/esm';
 import { StudentParticipation } from 'app/entities/participation/student-participation.model';
 import { TextSubmission } from 'app/entities/text/text-submission.model';
@@ -35,11 +36,29 @@ import { TextBlockRef } from 'app/entities/text/text-block-ref.model';
 import { AthenaService } from 'app/assessment/athena.service';
 import { TextBlock } from 'app/entities/text/text-block.model';
 import { Subscription } from 'rxjs';
+import { AssessmentLayoutComponent } from 'app/assessment/assessment-layout/assessment-layout.component';
+import { ResizeableContainerComponent } from 'app/shared/resizeable-container/resizeable-container.component';
+import { ScoreDisplayComponent } from 'app/shared/score-display/score-display.component';
+import { TextAssessmentAreaComponent } from './text-assessment-area/text-assessment-area.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { AssessmentInstructionsComponent } from 'app/assessment/assessment-instructions/assessment-instructions/assessment-instructions.component';
 
 @Component({
     selector: 'jhi-text-submission-assessment',
     templateUrl: './text-submission-assessment.component.html',
     styleUrls: ['./text-submission-assessment.component.scss'],
+    imports: [
+        AssessmentLayoutComponent,
+        ResizeableContainerComponent,
+        ScoreDisplayComponent,
+        TextAssessmentAreaComponent,
+        FaIconComponent,
+        TranslateDirective,
+        AssessmentInstructionsComponent,
+        UnreferencedFeedbackComponent,
+        RouterLink,
+    ],
 })
 export class TextSubmissionAssessmentComponent extends TextAssessmentBaseComponent implements OnInit, OnDestroy {
     private activatedRoute = inject(ActivatedRoute);
diff --git a/src/main/webapp/app/exercises/text/assess/text-submission-assessment.module.ts b/src/main/webapp/app/exercises/text/assess/text-submission-assessment.module.ts
index a4492e2e7ad7..3a1c39cc5357 100644
--- a/src/main/webapp/app/exercises/text/assess/text-submission-assessment.module.ts
+++ b/src/main/webapp/app/exercises/text/assess/text-submission-assessment.module.ts
@@ -12,7 +12,7 @@ import { TextblockAssessmentCardComponent } from './textblock-assessment-card/te
 import { TextblockFeedbackEditorComponent } from 'app/exercises/text/assess/textblock-feedback-editor/textblock-feedback-editor.component';
 import { ManualTextblockSelectionComponent } from 'app/exercises/text/assess/manual-textblock-selection/manual-textblock-selection.component';
 import { ArtemisConfirmIconModule } from 'app/shared/confirm-icon/confirm-icon.module';
-import { TextSharedModule } from 'app/exercises/text/shared/text-shared.module';
+
 import { ArtemisResultModule } from 'app/exercises/shared/result/result.module';
 import { ArtemisSharedComponentModule } from 'app/shared/components/shared-component.module';
 import { ArtemisGradingInstructionLinkIconModule } from 'app/shared/grading-instruction-link-icon/grading-instruction-link-icon.module';
@@ -35,13 +35,10 @@ const ENTITY_STATES = [...textSubmissionAssessmentRoutes];
         ArtemisAssessmentSharedModule,
         AssessmentInstructionsModule,
         ArtemisConfirmIconModule,
-        TextSharedModule,
         ArtemisGradingInstructionLinkIconModule,
         SubmissionResultStatusModule,
         ArtemisAssessmentProgressLabelModule,
         ArtemisFeedbackModule,
-    ],
-    declarations: [
         TextSubmissionAssessmentComponent,
         TextAssessmentAreaComponent,
         TextblockAssessmentCardComponent,
diff --git a/src/main/webapp/app/exercises/text/assess/text-submission-assessment.route.ts b/src/main/webapp/app/exercises/text/assess/text-submission-assessment.route.ts
index aa8fb3f15542..c1ba340266f5 100644
--- a/src/main/webapp/app/exercises/text/assess/text-submission-assessment.route.ts
+++ b/src/main/webapp/app/exercises/text/assess/text-submission-assessment.route.ts
@@ -3,7 +3,7 @@ import { ActivatedRouteSnapshot, Resolve, Routes } from '@angular/router';
 import { TextSubmission } from 'app/entities/text/text-submission.model';
 import { of } from 'rxjs';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
-import { TextSubmissionAssessmentComponent } from './text-submission-assessment.component';
+
 import { StudentParticipation } from 'app/entities/participation/student-participation.model';
 import { TextAssessmentService } from 'app/exercises/text/assess/text-assessment.service';
 import { TextSubmissionService } from 'app/exercises/text/participate/text-submission.service';
@@ -57,7 +57,7 @@ export const NEW_ASSESSMENT_PATH = 'submissions/new/assessment';
 export const textSubmissionAssessmentRoutes: Routes = [
     {
         path: NEW_ASSESSMENT_PATH,
-        component: TextSubmissionAssessmentComponent,
+        loadComponent: () => import('./text-submission-assessment.component').then((m) => m.TextSubmissionAssessmentComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR, Authority.EDITOR, Authority.TA],
             pageTitle: 'artemisApp.textAssessment.title',
@@ -70,7 +70,7 @@ export const textSubmissionAssessmentRoutes: Routes = [
     },
     {
         path: 'submissions/:submissionId/assessment',
-        component: TextSubmissionAssessmentComponent,
+        loadComponent: () => import('./text-submission-assessment.component').then((m) => m.TextSubmissionAssessmentComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR, Authority.EDITOR, Authority.TA],
             pageTitle: 'artemisApp.textAssessment.title',
@@ -83,7 +83,7 @@ export const textSubmissionAssessmentRoutes: Routes = [
     },
     {
         path: 'submissions/:submissionId/assessments/:resultId',
-        component: TextSubmissionAssessmentComponent,
+        loadComponent: () => import('./text-submission-assessment.component').then((m) => m.TextSubmissionAssessmentComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR],
             pageTitle: 'artemisApp.textAssessment.title',
diff --git a/src/main/webapp/app/exercises/text/assess/textblock-assessment-card/textblock-assessment-card.component.ts b/src/main/webapp/app/exercises/text/assess/textblock-assessment-card/textblock-assessment-card.component.ts
index 402d82924caa..2ed87b8721e5 100644
--- a/src/main/webapp/app/exercises/text/assess/textblock-assessment-card/textblock-assessment-card.component.ts
+++ b/src/main/webapp/app/exercises/text/assess/textblock-assessment-card/textblock-assessment-card.component.ts
@@ -15,6 +15,7 @@ type OptionalTextBlockRef = TextBlockRef | undefined;
     selector: 'jhi-textblock-assessment-card',
     templateUrl: './textblock-assessment-card.component.html',
     styleUrls: ['./textblock-assessment-card.component.scss'],
+    imports: [TextblockFeedbackEditorComponent],
 })
 export class TextblockAssessmentCardComponent {
     protected route = inject(ActivatedRoute);
diff --git a/src/main/webapp/app/exercises/text/assess/textblock-feedback-editor/dropdown/textblock-feedback-dropdown.component.ts b/src/main/webapp/app/exercises/text/assess/textblock-feedback-editor/dropdown/textblock-feedback-dropdown.component.ts
index 9f5c3dfed6e1..51cd9333354c 100644
--- a/src/main/webapp/app/exercises/text/assess/textblock-feedback-editor/dropdown/textblock-feedback-dropdown.component.ts
+++ b/src/main/webapp/app/exercises/text/assess/textblock-feedback-editor/dropdown/textblock-feedback-dropdown.component.ts
@@ -2,11 +2,13 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { Feedback } from 'app/entities/feedback.model';
 import { GradingCriterion } from 'app/exercises/shared/structured-grading-criterion/grading-criterion.model';
 import { GradingInstruction } from 'app/exercises/shared/structured-grading-criterion/grading-instruction.model';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
 
 @Component({
     selector: 'jhi-textblock-feedback-dropdown',
     templateUrl: './textblock-feedback-dropdown.component.html',
     styleUrls: ['./textblock-feedback-dropdown.component.scss'],
+    imports: [HelpIconComponent],
 })
 export class TextblockFeedbackDropdownComponent {
     @Output() didChange = new EventEmitter();
diff --git a/src/main/webapp/app/exercises/text/assess/textblock-feedback-editor/textblock-feedback-editor.component.ts b/src/main/webapp/app/exercises/text/assess/textblock-feedback-editor/textblock-feedback-editor.component.ts
index d52448b4164c..ba097e640b68 100644
--- a/src/main/webapp/app/exercises/text/assess/textblock-feedback-editor/textblock-feedback-editor.component.ts
+++ b/src/main/webapp/app/exercises/text/assess/textblock-feedback-editor/textblock-feedback-editor.component.ts
@@ -1,19 +1,42 @@
 import { AfterViewInit, Component, ElementRef, EventEmitter, HostBinding, Input, Output, ViewChild, inject } from '@angular/core';
 import { TextBlock } from 'app/entities/text/text-block.model';
 import { Feedback, FeedbackType } from 'app/entities/feedback.model';
+import { FeedbackSuggestionBadgeComponent } from 'app/exercises/shared/feedback/feedback-suggestion-badge/feedback-suggestion-badge.component';
 import { ConfirmIconComponent } from 'app/shared/confirm-icon/confirm-icon.component';
 import { StructuredGradingCriterionService } from 'app/exercises/shared/structured-grading-criterion/structured-grading-criterion.service';
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { NgbDropdown, NgbDropdownMenu, NgbDropdownToggle, NgbModal, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 import { ActivatedRoute } from '@angular/router';
 import { TextAssessmentEventType } from 'app/entities/text/text-assesment-event.model';
 import { TextAssessmentAnalytics } from 'app/exercises/text/assess/analytics/text-assesment-analytics.service';
 import { faAngleRight, faEdit, faExclamationTriangle, faQuestionCircle, faTimes, faTrash } from '@fortawesome/free-solid-svg-icons';
 import { GradingCriterion } from 'app/exercises/shared/structured-grading-criterion/grading-criterion.model';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { GradingInstructionLinkIconComponent } from 'app/shared/grading-instruction-link-icon/grading-instruction-link-icon.component';
+import { TextblockFeedbackDropdownComponent } from './dropdown/textblock-feedback-dropdown.component';
+import { FormsModule } from '@angular/forms';
+import { AssessmentCorrectionRoundBadgeComponent } from 'app/assessment/unreferenced-feedback-detail/assessment-correction-round-badge/assessment-correction-round-badge.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-textblock-feedback-editor',
     templateUrl: './textblock-feedback-editor.component.html',
     styleUrls: ['./textblock-feedback-editor.component.scss'],
+    imports: [
+        FeedbackSuggestionBadgeComponent,
+        FaIconComponent,
+        NgbTooltip,
+        ConfirmIconComponent,
+        TranslateDirective,
+        GradingInstructionLinkIconComponent,
+        NgbDropdown,
+        NgbDropdownToggle,
+        NgbDropdownMenu,
+        TextblockFeedbackDropdownComponent,
+        FormsModule,
+        AssessmentCorrectionRoundBadgeComponent,
+        ArtemisTranslatePipe,
+    ],
 })
 export class TextblockFeedbackEditorComponent implements AfterViewInit {
     protected route = inject(ActivatedRoute);
diff --git a/src/main/webapp/app/exercises/text/manage/example-text-submission/example-text-submission.component.ts b/src/main/webapp/app/exercises/text/manage/example-text-submission/example-text-submission.component.ts
index 9592fcd4c481..81e23cbf0ce6 100644
--- a/src/main/webapp/app/exercises/text/manage/example-text-submission/example-text-submission.component.ts
+++ b/src/main/webapp/app/exercises/text/manage/example-text-submission/example-text-submission.component.ts
@@ -2,6 +2,7 @@ import { Component, OnInit, inject } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { HttpResponse } from '@angular/common/http';
 import { EntityResponseType, ExampleSubmissionService } from 'app/exercises/shared/example-submission/example-submission.service';
+import { UnreferencedFeedbackComponent } from 'app/exercises/shared/unreferenced-feedback/unreferenced-feedback.component';
 import { TextAssessmentService } from 'app/exercises/text/assess/text-assessment.service';
 import { TutorParticipationService } from 'app/exercises/shared/dashboards/tutor/tutor-participation.service';
 import { GuidedTourService } from 'app/guided-tour/guided-tour.service';
@@ -23,6 +24,16 @@ import { faEdit, faSave } from '@fortawesome/free-solid-svg-icons';
 import { faListAlt } from '@fortawesome/free-regular-svg-icons';
 import { Observable, of } from 'rxjs';
 import { ArtemisNavigationUtilService } from 'app/utils/navigation.utils';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { FormsModule } from '@angular/forms';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ConfirmAutofocusButtonComponent } from 'app/shared/components/confirm-autofocus-button.component';
+import { ResizeableContainerComponent } from 'app/shared/resizeable-container/resizeable-container.component';
+import { ScoreDisplayComponent } from 'app/shared/score-display/score-display.component';
+import { TextAssessmentAreaComponent } from '../../assess/text-assessment-area/text-assessment-area.component';
+import { AssessmentInstructionsComponent } from 'app/assessment/assessment-instructions/assessment-instructions/assessment-instructions.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 type ExampleSubmissionResponseType = EntityResponseType;
 
@@ -30,6 +41,19 @@ type ExampleSubmissionResponseType = EntityResponseType;
     selector: 'jhi-example-text-submission',
     templateUrl: './example-text-submission.component.html',
     styleUrls: ['./example-text-submission.component.scss'],
+    imports: [
+        TranslateDirective,
+        HelpIconComponent,
+        FormsModule,
+        FaIconComponent,
+        ConfirmAutofocusButtonComponent,
+        ResizeableContainerComponent,
+        ScoreDisplayComponent,
+        TextAssessmentAreaComponent,
+        AssessmentInstructionsComponent,
+        UnreferencedFeedbackComponent,
+        ArtemisTranslatePipe,
+    ],
 })
 export class ExampleTextSubmissionComponent extends TextAssessmentBaseComponent implements OnInit, Context, FeedbackMarker {
     private route = inject(ActivatedRoute);
diff --git a/src/main/webapp/app/exercises/text/manage/example-text-submission/example-text-submission.module.ts b/src/main/webapp/app/exercises/text/manage/example-text-submission/example-text-submission.module.ts
index d5ea2ac49036..c1d42c6ace5c 100644
--- a/src/main/webapp/app/exercises/text/manage/example-text-submission/example-text-submission.module.ts
+++ b/src/main/webapp/app/exercises/text/manage/example-text-submission/example-text-submission.module.ts
@@ -23,7 +23,8 @@ const ENTITY_STATES = [...exampleTextSubmissionRoute];
         AssessmentInstructionsModule,
         ArtemisMarkdownModule,
         ArtemisSharedComponentModule,
+        ExampleTextSubmissionComponent,
+        ResizableInstructionsComponent,
     ],
-    declarations: [ExampleTextSubmissionComponent, ResizableInstructionsComponent],
 })
 export class ArtemisExampleTextSubmissionModule {}
diff --git a/src/main/webapp/app/exercises/text/manage/example-text-submission/example-text-submission.route.ts b/src/main/webapp/app/exercises/text/manage/example-text-submission/example-text-submission.route.ts
index c08dcedd282f..7d73df03eade 100644
--- a/src/main/webapp/app/exercises/text/manage/example-text-submission/example-text-submission.route.ts
+++ b/src/main/webapp/app/exercises/text/manage/example-text-submission/example-text-submission.route.ts
@@ -1,12 +1,12 @@
 import { Routes } from '@angular/router';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
-import { ExampleTextSubmissionComponent } from './example-text-submission.component';
+
 import { Authority } from 'app/shared/constants/authority.constants';
 
 export const exampleTextSubmissionRoute: Routes = [
     {
         path: '',
-        component: ExampleTextSubmissionComponent,
+        loadComponent: () => import('./example-text-submission.component').then((m) => m.ExampleTextSubmissionComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR, Authority.EDITOR, Authority.TA],
             pageTitle: 'artemisApp.exampleSubmission.home.editor',
diff --git a/src/main/webapp/app/exercises/text/manage/example-text-submission/resizable-instructions/resizable-instructions.component.ts b/src/main/webapp/app/exercises/text/manage/example-text-submission/resizable-instructions/resizable-instructions.component.ts
index bb308caea276..ab70503f3c12 100644
--- a/src/main/webapp/app/exercises/text/manage/example-text-submission/resizable-instructions/resizable-instructions.component.ts
+++ b/src/main/webapp/app/exercises/text/manage/example-text-submission/resizable-instructions/resizable-instructions.component.ts
@@ -2,11 +2,16 @@ import { Component, Input } from '@angular/core';
 import { faListAlt } from '@fortawesome/free-regular-svg-icons';
 import { faChevronRight } from '@fortawesome/free-solid-svg-icons';
 import { GradingCriterion } from 'app/exercises/shared/structured-grading-criterion/grading-criterion.model';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { StructuredGradingInstructionsAssessmentLayoutComponent } from 'app/assessment/structured-grading-instructions-assessment-layout/structured-grading-instructions-assessment-layout.component';
+import { HtmlForMarkdownPipe } from 'app/shared/pipes/html-for-markdown.pipe';
 
 @Component({
     selector: 'jhi-resizable-instructions',
     templateUrl: './resizable-instructions.component.html',
     styleUrls: ['./resizable-instructions.component.scss'],
+    imports: [FaIconComponent, TranslateDirective, StructuredGradingInstructionsAssessmentLayoutComponent, HtmlForMarkdownPipe],
 })
 export class ResizableInstructionsComponent {
     @Input() public criteria: GradingCriterion[];
@@ -20,6 +25,4 @@ export class ResizableInstructionsComponent {
     // Icons
     faChevronRight = faChevronRight;
     farListAlt = faListAlt;
-
-    constructor() {}
 }
diff --git a/src/main/webapp/app/exercises/text/manage/text-exercise-management.module.ts b/src/main/webapp/app/exercises/text/manage/text-exercise-management.module.ts
index 4ea56f465aab..c99bb35533be 100644
--- a/src/main/webapp/app/exercises/text/manage/text-exercise-management.module.ts
+++ b/src/main/webapp/app/exercises/text/manage/text-exercise-management.module.ts
@@ -1,10 +1,10 @@
 import { NgModule } from '@angular/core';
 import { ArtemisTextExerciseModule } from 'app/exercises/text/manage/text-exercise/text-exercise.module';
-import { ArtemisSharedLibsModule } from 'app/shared/shared-libs.module';
+
 import { ArtemisSharedComponentModule } from 'app/shared/components/shared-component.module';
 import { ArtemisSharedModule } from 'app/shared/shared.module';
 
 @NgModule({
-    imports: [ArtemisTextExerciseModule, ArtemisSharedLibsModule, ArtemisSharedComponentModule, ArtemisSharedModule],
+    imports: [ArtemisTextExerciseModule, ArtemisSharedComponentModule, ArtemisSharedModule],
 })
 export class ArtemisTextExerciseManagementModule {}
diff --git a/src/main/webapp/app/exercises/text/manage/text-exercise/text-exercise-detail.component.ts b/src/main/webapp/app/exercises/text/manage/text-exercise/text-exercise-detail.component.ts
index 92c75b1db510..7258643c87ae 100644
--- a/src/main/webapp/app/exercises/text/manage/text-exercise/text-exercise-detail.component.ts
+++ b/src/main/webapp/app/exercises/text/manage/text-exercise/text-exercise-detail.component.ts
@@ -2,6 +2,8 @@ import { Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { SafeHtml } from '@angular/platform-browser';
 import { ActivatedRoute } from '@angular/router';
 import { HttpResponse } from '@angular/common/http';
+import { NonProgrammingExerciseDetailCommonActionsComponent } from 'app/exercises/shared/exercise-detail-common-actions/non-programming-exercise-detail-common-actions.component';
+import { ExerciseDetailStatisticsComponent } from 'app/exercises/shared/statistics/exercise-detail-statistics.component';
 import { Subscription } from 'rxjs';
 import { TextExercise } from 'app/entities/text/text-exercise.model';
 import { TextExerciseService } from './text-exercise.service';
@@ -23,10 +25,14 @@ import {
     getExerciseModeDetailSection,
     getExerciseProblemDetailSection,
 } from 'app/exercises/shared/utils';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { DocumentationButtonComponent } from 'app/shared/components/documentation-button/documentation-button.component';
+import { DetailOverviewListComponent } from 'app/detail-overview-list/detail-overview-list.component';
 
 @Component({
     selector: 'jhi-text-exercise-detail',
     templateUrl: './text-exercise-detail.component.html',
+    imports: [TranslateDirective, DocumentationButtonComponent, NonProgrammingExerciseDetailCommonActionsComponent, ExerciseDetailStatisticsComponent, DetailOverviewListComponent],
 })
 export class TextExerciseDetailComponent implements OnInit, OnDestroy {
     private route = inject(ActivatedRoute);
diff --git a/src/main/webapp/app/exercises/text/manage/text-exercise/text-exercise-row-buttons.component.ts b/src/main/webapp/app/exercises/text/manage/text-exercise/text-exercise-row-buttons.component.ts
index a1aab34bf04f..73a599a1dfeb 100644
--- a/src/main/webapp/app/exercises/text/manage/text-exercise/text-exercise-row-buttons.component.ts
+++ b/src/main/webapp/app/exercises/text/manage/text-exercise/text-exercise-row-buttons.component.ts
@@ -6,10 +6,15 @@ import { TextExercise } from 'app/entities/text/text-exercise.model';
 import { EventManager } from 'app/core/util/event-manager.service';
 import { faBook, faTable, faTrash, faUsers, faWrench } from '@fortawesome/free-solid-svg-icons';
 import { faListAlt } from '@fortawesome/free-regular-svg-icons';
+import { RouterLink } from '@angular/router';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
 
 @Component({
     selector: 'jhi-text-exercise-row-buttons',
     templateUrl: './text-exercise-row-buttons.component.html',
+    imports: [RouterLink, FaIconComponent, TranslateDirective, DeleteButtonDirective],
 })
 export class TextExerciseRowButtonsComponent {
     private eventManager = inject(EventManager);
diff --git a/src/main/webapp/app/exercises/text/manage/text-exercise/text-exercise-update.component.ts b/src/main/webapp/app/exercises/text/manage/text-exercise/text-exercise-update.component.ts
index 7d0b69df31a3..624ad2db72d3 100644
--- a/src/main/webapp/app/exercises/text/manage/text-exercise/text-exercise-update.component.ts
+++ b/src/main/webapp/app/exercises/text/manage/text-exercise/text-exercise-update.component.ts
@@ -2,6 +2,11 @@ import { AfterViewInit, ChangeDetectionStrategy, Component, OnDestroy, OnInit, V
 import { ActivatedRoute } from '@angular/router';
 import { HttpErrorResponse } from '@angular/common/http';
 import { TextExercise } from 'app/entities/text/text-exercise.model';
+import { DifficultyPickerComponent } from 'app/exercises/shared/difficulty-picker/difficulty-picker.component';
+import { ExerciseFeedbackSuggestionOptionsComponent } from 'app/exercises/shared/feedback-suggestion/exercise-feedback-suggestion-options.component';
+import { IncludedInOverallScorePickerComponent } from 'app/exercises/shared/included-in-overall-score-picker/included-in-overall-score-picker.component';
+import { PresentationScoreComponent } from 'app/exercises/shared/presentation-score/presentation-score.component';
+import { GradingInstructionsDetailsComponent } from 'app/exercises/shared/structured-grading-criterion/grading-instructions-details/grading-instructions-details.component';
 import { TextExerciseService } from './text-exercise.service';
 import { CourseManagementService } from 'app/course/manage/course-management.service';
 import { ExerciseService } from 'app/exercises/shared/exercise/exercise.service';
@@ -9,7 +14,7 @@ import { AssessmentType } from 'app/entities/assessment-type.model';
 import { ExerciseMode, IncludedInOverallScore, resetForImport } from 'app/entities/exercise.model';
 import { switchMap, tap } from 'rxjs/operators';
 import { ExerciseGroupService } from 'app/exam/manage/exercise-groups/exercise-group.service';
-import { NgForm, NgModel } from '@angular/forms';
+import { FormsModule, NgForm, NgModel } from '@angular/forms';
 import { ArtemisNavigationUtilService } from 'app/utils/navigation.utils';
 import { ExerciseCategory } from 'app/entities/exercise-category.model';
 import { cloneDeep } from 'lodash-es';
@@ -25,16 +30,49 @@ import { Observable, Subscription } from 'rxjs';
 import { scrollToTopOfPage } from 'app/shared/util/utils';
 import { loadCourseExerciseCategories } from 'app/exercises/shared/course-exercises/course-utils';
 import { ExerciseTitleChannelNameComponent } from 'app/exercises/shared/exercise-title-channel-name/exercise-title-channel-name.component';
-import { FormSectionStatus } from 'app/forms/form-status-bar/form-status-bar.component';
+import { FormSectionStatus, FormStatusBarComponent } from 'app/forms/form-status-bar/form-status-bar.component';
 import { ExerciseUpdatePlagiarismComponent } from 'app/exercises/shared/plagiarism/exercise-update-plagiarism/exercise-update-plagiarism.component';
 import { TeamConfigFormGroupComponent } from 'app/exercises/shared/team-config-form-group/team-config-form-group.component';
 import { FormDateTimePickerComponent } from 'app/shared/date-time-picker/date-time-picker.component';
 import { FormulaAction } from 'app/shared/monaco-editor/model/actions/formula.action';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { DocumentationButtonComponent } from 'app/shared/components/documentation-button/documentation-button.component';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { CategorySelectorComponent } from 'app/shared/category-selector/category-selector.component';
+import { MarkdownEditorMonacoComponent } from 'app/shared/markdown-editor/monaco/markdown-editor-monaco.component';
+import { CompetencySelectionComponent } from 'app/shared/competency-selection/competency-selection.component';
+import { CustomMinDirective } from 'app/shared/validators/custom-min-validator.directive';
+import { CustomMaxDirective } from 'app/shared/validators/custom-max-validator.directive';
+import { FormFooterComponent } from 'app/forms/form-footer/form-footer.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-text-exercise-update',
     templateUrl: './text-exercise-update.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [
+        FormsModule,
+        TranslateDirective,
+        DocumentationButtonComponent,
+        FormStatusBarComponent,
+        ExerciseTitleChannelNameComponent,
+        HelpIconComponent,
+        CategorySelectorComponent,
+        DifficultyPickerComponent,
+        TeamConfigFormGroupComponent,
+        MarkdownEditorMonacoComponent,
+        CompetencySelectionComponent,
+        FormDateTimePickerComponent,
+        IncludedInOverallScorePickerComponent,
+        CustomMinDirective,
+        CustomMaxDirective,
+        ExerciseFeedbackSuggestionOptionsComponent,
+        ExerciseUpdatePlagiarismComponent,
+        PresentationScoreComponent,
+        GradingInstructionsDetailsComponent,
+        FormFooterComponent,
+        ArtemisTranslatePipe,
+    ],
 })
 export class TextExerciseUpdateComponent implements OnInit, OnDestroy, AfterViewInit {
     private activatedRoute = inject(ActivatedRoute);
diff --git a/src/main/webapp/app/exercises/text/manage/text-exercise/text-exercise.component.ts b/src/main/webapp/app/exercises/text/manage/text-exercise/text-exercise.component.ts
index 1ab47a466b49..9e9ea7e3a774 100644
--- a/src/main/webapp/app/exercises/text/manage/text-exercise/text-exercise.component.ts
+++ b/src/main/webapp/app/exercises/text/manage/text-exercise/text-exercise.component.ts
@@ -4,7 +4,7 @@ import { ExerciseType } from 'app/entities/exercise.model';
 import { TextExercise } from 'app/entities/text/text-exercise.model';
 import { TextExerciseService } from './text-exercise.service';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
-import { Router } from '@angular/router';
+import { Router, RouterLink } from '@angular/router';
 import { ExerciseComponent } from 'app/exercises/shared/exercise/exercise.component';
 import { onError } from 'app/shared/util/global.utils';
 import { AccountService } from 'app/core/auth/account.service';
@@ -14,10 +14,31 @@ import { AlertService } from 'app/core/util/alert.service';
 import { faPlus, faSort, faTrash } from '@fortawesome/free-solid-svg-icons';
 import { CourseExerciseService } from 'app/exercises/shared/course-exercises/course-exercise.service';
 import { ExerciseImportWrapperComponent } from 'app/exercises/shared/import/exercise-import-wrapper/exercise-import-wrapper.component';
+import { SortDirective } from 'app/shared/sort/sort.directive';
+import { FormsModule } from '@angular/forms';
+import { SortByDirective } from 'app/shared/sort/sort-by.directive';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ExerciseCategoriesComponent } from 'app/shared/exercise-categories/exercise-categories.component';
+import { TextExerciseRowButtonsComponent } from './text-exercise-row-buttons.component';
+import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
 
 @Component({
     selector: 'jhi-text-exercise',
     templateUrl: './text-exercise.component.html',
+    imports: [
+        SortDirective,
+        FormsModule,
+        SortByDirective,
+        TranslateDirective,
+        FaIconComponent,
+        RouterLink,
+        ExerciseCategoriesComponent,
+        TextExerciseRowButtonsComponent,
+        DeleteButtonDirective,
+        ArtemisDatePipe,
+    ],
 })
 export class TextExerciseComponent extends ExerciseComponent {
     protected exerciseService = inject(ExerciseService);
diff --git a/src/main/webapp/app/exercises/text/manage/text-exercise/text-exercise.module.ts b/src/main/webapp/app/exercises/text/manage/text-exercise/text-exercise.module.ts
index e321599dedca..1ac2358a03b0 100644
--- a/src/main/webapp/app/exercises/text/manage/text-exercise/text-exercise.module.ts
+++ b/src/main/webapp/app/exercises/text/manage/text-exercise/text-exercise.module.ts
@@ -29,7 +29,7 @@ import { ExerciseUpdatePlagiarismModule } from 'app/exercises/shared/plagiarism/
 import { ExerciseFeedbackSuggestionOptionsModule } from 'app/exercises/shared/feedback-suggestion/exercise-feedback-suggestion-options.module';
 import { DetailModule } from 'app/detail-overview-list/detail.module';
 import { ArtemisExerciseModule } from 'app/exercises/shared/exercise/exercise.module';
-import { FormsModule } from 'app/forms/forms.module';
+import { ArtemisFormsModule } from 'app/forms/artemis-forms.module';
 
 const ENTITY_STATES = [...textExerciseRoute];
 
@@ -59,9 +59,12 @@ const ENTITY_STATES = [...textExerciseRoute];
         ExerciseUpdatePlagiarismModule,
         ExerciseFeedbackSuggestionOptionsModule,
         DetailModule,
-        FormsModule,
+        ArtemisFormsModule,
+        TextExerciseComponent,
+        TextExerciseDetailComponent,
+        TextExerciseUpdateComponent,
+        TextExerciseRowButtonsComponent,
     ],
-    declarations: [TextExerciseComponent, TextExerciseDetailComponent, TextExerciseUpdateComponent, TextExerciseRowButtonsComponent],
     exports: [TextExerciseComponent],
 })
 export class ArtemisTextExerciseModule {}
diff --git a/src/main/webapp/app/exercises/text/manage/text-exercise/text-exercise.route.ts b/src/main/webapp/app/exercises/text/manage/text-exercise/text-exercise.route.ts
index d5431d66cc5f..01f625ccc4d0 100644
--- a/src/main/webapp/app/exercises/text/manage/text-exercise/text-exercise.route.ts
+++ b/src/main/webapp/app/exercises/text/manage/text-exercise/text-exercise.route.ts
@@ -1,7 +1,6 @@
 import { ActivatedRouteSnapshot, Resolve, Routes } from '@angular/router';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
-import { TextExerciseDetailComponent } from './text-exercise-detail.component';
-import { TextExerciseUpdateComponent } from './text-exercise-update.component';
+
 import { TextExercise } from 'app/entities/text/text-exercise.model';
 import { Injectable, inject } from '@angular/core';
 import { TextExerciseService } from 'app/exercises/text/manage/text-exercise/text-exercise.service';
@@ -13,9 +12,6 @@ import { Course } from 'app/entities/course.model';
 import { ExerciseGroup } from 'app/entities/exercise-group.model';
 import { ExerciseGroupService } from 'app/exam/manage/exercise-groups/exercise-group.service';
 import { Authority } from 'app/shared/constants/authority.constants';
-import { PlagiarismInspectorComponent } from 'app/exercises/shared/plagiarism/plagiarism-inspector/plagiarism-inspector.component';
-import { ExerciseStatisticsComponent } from 'app/exercises/shared/statistics/exercise-statistics.component';
-import { ExampleSubmissionsComponent } from 'app/exercises/shared/example-submission/example-submissions.component';
 
 @Injectable({ providedIn: 'root' })
 export class TextExerciseResolver implements Resolve<TextExercise> {
@@ -53,7 +49,7 @@ export class TextExerciseResolver implements Resolve<TextExercise> {
 export const textExerciseRoute: Routes = [
     {
         path: ':courseId/text-exercises/new',
-        component: TextExerciseUpdateComponent,
+        loadComponent: () => import('./text-exercise-update.component').then((m) => m.TextExerciseUpdateComponent),
         resolve: {
             textExercise: TextExerciseResolver,
         },
@@ -65,7 +61,7 @@ export const textExerciseRoute: Routes = [
     },
     {
         path: ':courseId/text-exercises/:exerciseId',
-        component: TextExerciseDetailComponent,
+        loadComponent: () => import('./text-exercise-detail.component').then((m) => m.TextExerciseDetailComponent),
         data: {
             authorities: [Authority.TA, Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.textExercise.home.title',
@@ -74,7 +70,7 @@ export const textExerciseRoute: Routes = [
     },
     {
         path: ':courseId/text-exercises/:exerciseId/edit',
-        component: TextExerciseUpdateComponent,
+        loadComponent: () => import('./text-exercise-update.component').then((m) => m.TextExerciseUpdateComponent),
         resolve: {
             textExercise: TextExerciseResolver,
         },
@@ -86,7 +82,7 @@ export const textExerciseRoute: Routes = [
     },
     {
         path: ':courseId/text-exercises/:exerciseId/import',
-        component: TextExerciseUpdateComponent,
+        loadComponent: () => import('./text-exercise-update.component').then((m) => m.TextExerciseUpdateComponent),
         resolve: {
             textExercise: TextExerciseResolver,
         },
@@ -98,7 +94,7 @@ export const textExerciseRoute: Routes = [
     },
     {
         path: ':courseId/text-exercises/:exerciseId/plagiarism',
-        component: PlagiarismInspectorComponent,
+        loadComponent: () => import('app/exercises/shared/plagiarism/plagiarism-inspector/plagiarism-inspector.component').then((m) => m.PlagiarismInspectorComponent),
         resolve: {
             exercise: TextExerciseResolver,
         },
@@ -110,7 +106,7 @@ export const textExerciseRoute: Routes = [
     },
     {
         path: ':courseId/text-exercises/:exerciseId/example-submissions',
-        component: ExampleSubmissionsComponent,
+        loadComponent: () => import('app/exercises/shared/example-submission/example-submissions.component').then((m) => m.ExampleSubmissionsComponent),
         resolve: {
             exercise: TextExerciseResolver,
         },
@@ -131,7 +127,7 @@ export const textExerciseRoute: Routes = [
     },
     {
         path: ':courseId/text-exercises/:exerciseId/exercise-statistics',
-        component: ExerciseStatisticsComponent,
+        loadComponent: () => import('app/exercises/shared/statistics/exercise-statistics.component').then((m) => m.ExerciseStatisticsComponent),
         resolve: {
             exercise: TextExerciseResolver,
         },
diff --git a/src/main/webapp/app/exercises/text/manage/tutor-effort/tutor-effort-statistics.component.ts b/src/main/webapp/app/exercises/text/manage/tutor-effort/tutor-effort-statistics.component.ts
index 45d7cb002e0b..882d1978346a 100644
--- a/src/main/webapp/app/exercises/text/manage/tutor-effort/tutor-effort-statistics.component.ts
+++ b/src/main/webapp/app/exercises/text/manage/tutor-effort/tutor-effort-statistics.component.ts
@@ -9,6 +9,11 @@ import { TranslateService } from '@ngx-translate/core';
 import { median } from 'simple-statistics';
 import { GraphColors } from 'app/entities/statistics.model';
 import { round } from 'app/shared/util/utils';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { BarChartModule } from '@swimlane/ngx-charts';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 interface TutorEffortRange {
     minimumTimeSpent: number;
@@ -19,6 +24,7 @@ interface TutorEffortRange {
     selector: 'jhi-text-exercise-tutor-effort-statistics',
     templateUrl: './tutor-effort-statistics.component.html',
     styleUrls: ['./tutor-effort-statistics.component.scss'],
+    imports: [TranslateDirective, FaIconComponent, HelpIconComponent, BarChartModule, ArtemisTranslatePipe],
 })
 export class TutorEffortStatisticsComponent extends PlagiarismAndTutorEffortDirective implements OnInit {
     private route = inject(ActivatedRoute);
diff --git a/src/main/webapp/app/exercises/text/manage/tutor-effort/tutor-effort-statistics.module.ts b/src/main/webapp/app/exercises/text/manage/tutor-effort/tutor-effort-statistics.module.ts
index 64daac8e1fb0..0b83ef04650f 100644
--- a/src/main/webapp/app/exercises/text/manage/tutor-effort/tutor-effort-statistics.module.ts
+++ b/src/main/webapp/app/exercises/text/manage/tutor-effort/tutor-effort-statistics.module.ts
@@ -8,7 +8,6 @@ import { ArtemisSharedComponentModule } from 'app/shared/components/shared-compo
 
 const ENTITY_STATES = [...tutorEffortStatisticsRoute];
 @NgModule({
-    imports: [ArtemisSharedModule, RouterModule.forChild(ENTITY_STATES), BarChartModule, ArtemisSharedComponentModule],
-    declarations: [TutorEffortStatisticsComponent],
+    imports: [ArtemisSharedModule, RouterModule.forChild(ENTITY_STATES), BarChartModule, ArtemisSharedComponentModule, TutorEffortStatisticsComponent],
 })
 export class ArtemisTutorEffortStatisticsModule {}
diff --git a/src/main/webapp/app/exercises/text/manage/tutor-effort/tutor-effort-statistics.route.ts b/src/main/webapp/app/exercises/text/manage/tutor-effort/tutor-effort-statistics.route.ts
index 03da46e4a79e..018befa68128 100644
--- a/src/main/webapp/app/exercises/text/manage/tutor-effort/tutor-effort-statistics.route.ts
+++ b/src/main/webapp/app/exercises/text/manage/tutor-effort/tutor-effort-statistics.route.ts
@@ -1,12 +1,11 @@
 import { Routes } from '@angular/router';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
 import { Authority } from 'app/shared/constants/authority.constants';
-import { TutorEffortStatisticsComponent } from 'app/exercises/text/manage/tutor-effort/tutor-effort-statistics.component';
 
 export const tutorEffortStatisticsRoute: Routes = [
     {
         path: '',
-        component: TutorEffortStatisticsComponent,
+        loadComponent: () => import('app/exercises/text/manage/tutor-effort/tutor-effort-statistics.component').then((m) => m.TutorEffortStatisticsComponent),
         data: {
             authorities: [Authority.ADMIN, Authority.INSTRUCTOR],
             pageTitle: 'artemisApp.textExercise.tutorEffortStatistics.title',
diff --git a/src/main/webapp/app/exercises/text/participate/string-count.service.ts b/src/main/webapp/app/exercises/text/participate/string-count.service.ts
index 53aa2e35c047..3757bbcb396f 100644
--- a/src/main/webapp/app/exercises/text/participate/string-count.service.ts
+++ b/src/main/webapp/app/exercises/text/participate/string-count.service.ts
@@ -9,8 +9,6 @@ export class StringCountService {
      */
     private readonly WORD_MATCH_REGEX = /[\w\u00C0-\u00ff]+/g;
 
-    constructor() {}
-
     /**
      * Counts the number of words in a text
      * @param text
diff --git a/src/main/webapp/app/exercises/text/participate/text-editor.component.ts b/src/main/webapp/app/exercises/text/participate/text-editor.component.ts
index 7e556f44aeac..12c56eaa84b2 100644
--- a/src/main/webapp/app/exercises/text/participate/text-editor.component.ts
+++ b/src/main/webapp/app/exercises/text/participate/text-editor.component.ts
@@ -1,8 +1,12 @@
 import { Component, OnDestroy, OnInit, inject, input } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
+import { ActivatedRoute, RouterLink } from '@angular/router';
 import { HttpErrorResponse } from '@angular/common/http';
 import { AlertService } from 'app/core/util/alert.service';
+import { HeaderParticipationPageComponent } from 'app/exercises/shared/exercise-headers/header-participation-page.component';
 import { ParticipationService } from 'app/exercises/shared/participation/participation.service';
+import { RatingComponent } from 'app/exercises/shared/rating/rating.component';
+import { TeamSubmissionSyncComponent } from 'app/exercises/shared/team-submission-sync/team-submission-sync.component';
+import { TeamParticipateInfoBoxComponent } from 'app/exercises/shared/team/team-participate/team-participate-info-box.component';
 import { ParticipationWebsocketService } from 'app/overview/participation-websocket.service';
 import { TextEditorService } from 'app/exercises/text/participate/text-editor.service';
 import dayjs from 'dayjs/esm';
@@ -33,12 +37,48 @@ import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 import { PROFILE_IRIS } from 'app/app.constants';
 import { IrisSettingsService } from 'app/iris/settings/shared/iris-settings.service';
 import { AssessmentType } from 'app/entities/assessment-type.model';
+import { ButtonComponent } from 'app/shared/components/button.component';
+import { RequestFeedbackButtonComponent } from 'app/overview/exercise-details/request-feedback-button/request-feedback-button.component';
+import { ResultHistoryComponent } from 'app/overview/result-history/result-history.component';
+import { ResizeableContainerComponent } from 'app/shared/resizeable-container/resizeable-container.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FormsModule } from '@angular/forms';
+import { TextResultComponent } from './text-result/text-result.component';
+import { AdditionalFeedbackComponent } from 'app/shared/additional-feedback/additional-feedback.component';
+import { ComplaintsStudentViewComponent } from 'app/complaints/complaints-for-students/complaints-student-view.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { IrisExerciseChatbotButtonComponent } from 'app/iris/exercise-chatbot/exercise-chatbot-button.component';
+import { UpperCasePipe } from '@angular/common';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { HtmlForMarkdownPipe } from 'app/shared/pipes/html-for-markdown.pipe';
+import { onTextEditorTab } from 'app/utils/text.utils';
 
 @Component({
     selector: 'jhi-text-editor',
     templateUrl: './text-editor.component.html',
     providers: [ParticipationService],
     styleUrls: ['./text-editor.component.scss'],
+    imports: [
+        HeaderParticipationPageComponent,
+        ButtonComponent,
+        RouterLink,
+        RequestFeedbackButtonComponent,
+        ResultHistoryComponent,
+        ResizeableContainerComponent,
+        TeamParticipateInfoBoxComponent,
+        TranslateDirective,
+        FormsModule,
+        TeamSubmissionSyncComponent,
+        TextResultComponent,
+        AdditionalFeedbackComponent,
+        RatingComponent,
+        ComplaintsStudentViewComponent,
+        FaIconComponent,
+        IrisExerciseChatbotButtonComponent,
+        UpperCasePipe,
+        ArtemisTranslatePipe,
+        HtmlForMarkdownPipe,
+    ],
 })
 export class TextEditorComponent implements OnInit, OnDestroy, ComponentCanDeactivate {
     private route = inject(ActivatedRoute);
@@ -60,7 +100,7 @@ export class TextEditorComponent implements OnInit, OnDestroy, ComponentCanDeact
 
     participationId = input<number>();
     displayHeader = input<boolean>(true);
-    expandProblemStatement = input<boolean | undefined>(true);
+    expandProblemStatement = input<boolean>(true);
     inputExercise = input<TextExercise>();
     inputSubmission = input<TextSubmission>();
     inputParticipation = input<StudentParticipation>();
@@ -72,7 +112,7 @@ export class TextEditorComponent implements OnInit, OnDestroy, ComponentCanDeact
     resultWithComplaint?: Result;
     submission: TextSubmission;
     course?: Course;
-    isSaving: boolean = false;
+    isSaving = false;
     private textEditorInput = new Subject<string>();
     textEditorInputObservable = this.textEditorInput.asObservable();
     private submissionChange = new Subject<TextSubmission>();
@@ -91,17 +131,21 @@ export class TextEditorComponent implements OnInit, OnDestroy, ComponentCanDeact
     // indicates, that it is an exam exercise and the publishResults date is in the past
     isAfterPublishDate: boolean;
     isOwnerOfParticipation: boolean;
-    isReadOnlyWithShowResult: boolean = false;
+    isReadOnlyWithShowResult = false;
     // Icon
     farListAlt = faListAlt;
     faChevronDown = faChevronDown;
     faCircleNotch = faCircleNotch;
     faTimeline = faTimeline;
     faEye = faEye;
+
+    // used in the html template
+    protected readonly onTextEditorTab = onTextEditorTab;
+
     participationUpdateListener: Subscription;
     sortedHistoryResults: Result[];
-    hasAthenaResultForLatestSubmission: boolean = false;
-    showHistory: boolean = false;
+    hasAthenaResultForLatestSubmission = false;
+    showHistory = false;
     submissionId: number | undefined;
 
     ngOnInit() {
@@ -128,20 +172,20 @@ export class TextEditorComponent implements OnInit, OnDestroy, ComponentCanDeact
             this.isReadOnlyWithShowResult = !!this.submissionId;
         }
         this.participationUpdateListener?.unsubscribe();
-        // Triggers on new result recieved
+        // Triggers on new result received
         this.participationUpdateListener = this.participationWebsocketService
             .subscribeForParticipationChanges()
             .pipe(skip(1))
             .subscribe((changedParticipation: StudentParticipation) => {
+                const results = changedParticipation.results;
                 if (
-                    changedParticipation.results &&
-                    ((changedParticipation.results?.length || 0) > (this.participation?.results?.length || 0) ||
-                        changedParticipation.results?.last()?.completionDate === undefined) &&
-                    changedParticipation.results?.last()?.assessmentType === AssessmentType.AUTOMATIC_ATHENA &&
-                    changedParticipation.results.last()?.successful !== undefined
+                    results &&
+                    ((results?.length || 0) > (this.participation?.results?.length || 0) || results?.last()?.completionDate === undefined) &&
+                    results?.last()?.assessmentType === AssessmentType.AUTOMATIC_ATHENA &&
+                    results.last()?.successful !== undefined
                 ) {
                     this.isGeneratingFeedback = false;
-                    if (changedParticipation.results.last()?.successful === false) {
+                    if (results.last()?.successful === false) {
                         this.alertService.error('artemisApp.exercise.athenaFeedbackFailed');
                     } else {
                         this.alertService.success('artemisApp.exercise.athenaFeedbackSuccessful');
@@ -406,16 +450,6 @@ export class TextEditorComponent implements OnInit, OnDestroy, ComponentCanDeact
         this.updateParticipation(submission.participation as StudentParticipation);
     }
 
-    onTextEditorTab(editor: HTMLTextAreaElement, event: Event) {
-        event.preventDefault();
-        const value = editor.value;
-        const start = editor.selectionStart;
-        const end = editor.selectionEnd;
-
-        editor.value = value.substring(0, start) + '\t' + value.substring(end);
-        editor.selectionStart = editor.selectionEnd = start + 1;
-    }
-
     onTextEditorInput(event: Event) {
         this.textEditorInput.next((<HTMLTextAreaElement>event.target).value);
     }
diff --git a/src/main/webapp/app/exercises/text/participate/text-editor.route.ts b/src/main/webapp/app/exercises/text/participate/text-editor.route.ts
index 70a31ddc7e52..7ed74e0fa109 100644
--- a/src/main/webapp/app/exercises/text/participate/text-editor.route.ts
+++ b/src/main/webapp/app/exercises/text/participate/text-editor.route.ts
@@ -1,13 +1,13 @@
 import { Routes } from '@angular/router';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
-import { TextEditorComponent } from './text-editor.component';
+
 import { Authority } from 'app/shared/constants/authority.constants';
 import { PendingChangesGuard } from 'app/shared/guard/pending-changes.guard';
 
 export const textEditorRoute: Routes = [
     {
         path: 'participate/:participationId',
-        component: TextEditorComponent,
+        loadComponent: () => import('./text-editor.component').then((m) => m.TextEditorComponent),
         data: {
             authorities: [Authority.USER],
             pageTitle: 'artemisApp.textExercise.home.title',
@@ -17,7 +17,7 @@ export const textEditorRoute: Routes = [
     },
     {
         path: 'participate/:participationId/submission/:submissionId',
-        component: TextEditorComponent,
+        loadComponent: () => import('./text-editor.component').then((m) => m.TextEditorComponent),
         data: {
             authorities: [Authority.USER],
             pageTitle: 'artemisApp.textExercise.home.title',
diff --git a/src/main/webapp/app/exercises/text/participate/text-participation.module.ts b/src/main/webapp/app/exercises/text/participate/text-participation.module.ts
index f319ee47dd00..5b4c0e896a9f 100644
--- a/src/main/webapp/app/exercises/text/participate/text-participation.module.ts
+++ b/src/main/webapp/app/exercises/text/participate/text-participation.module.ts
@@ -8,7 +8,7 @@ import { ArtemisSharedComponentModule } from 'app/shared/components/shared-compo
 import { TextEditorComponent } from 'app/exercises/text/participate/text-editor.component';
 import { TextResultComponent } from 'app/exercises/text/participate/text-result/text-result.component';
 import { ArtemisHeaderExercisePageWithDetailsModule } from 'app/exercises/shared/exercise-headers/exercise-headers.module';
-import { ArtemisTeamSubmissionSyncModule } from 'app/exercises/shared/team-submission-sync/team-submission-sync.module';
+
 import { RatingModule } from 'app/exercises/shared/rating/rating.module';
 import { ArtemisMarkdownModule } from 'app/shared/markdown.module';
 import { ArtemisTeamParticipeModule } from 'app/exercises/shared/team/team-participate/team-participate.module';
@@ -24,15 +24,15 @@ import { ArtemisExerciseButtonsModule } from 'app/overview/exercise-details/exer
         ArtemisComplaintsModule,
         ArtemisSharedComponentModule,
         ArtemisHeaderExercisePageWithDetailsModule,
-        ArtemisTeamSubmissionSyncModule,
         RatingModule,
         ArtemisMarkdownModule,
         ArtemisTeamParticipeModule,
         IrisModule,
         RequestFeedbackButtonComponent,
         ArtemisExerciseButtonsModule,
+        TextEditorComponent,
+        TextResultComponent,
     ],
-    declarations: [TextEditorComponent, TextResultComponent],
     exports: [TextEditorComponent],
 })
 export class ArtemisTextParticipationModule {}
diff --git a/src/main/webapp/app/exercises/text/participate/text-result/text-result.component.ts b/src/main/webapp/app/exercises/text/participate/text-result/text-result.component.ts
index 00fdd151b73b..c64e24e16f65 100644
--- a/src/main/webapp/app/exercises/text/participate/text-result/text-result.component.ts
+++ b/src/main/webapp/app/exercises/text/participate/text-result/text-result.component.ts
@@ -8,11 +8,16 @@ import { TextBlock } from 'app/entities/text/text-block.model';
 import { faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';
 import { LocaleConversionService } from 'app/shared/service/locale-conversion.service';
 import { Course } from 'app/entities/course.model';
+import { NgClass } from '@angular/common';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-text-result',
     templateUrl: './text-result.component.html',
     styleUrls: ['./text-result.component.scss'],
+    imports: [NgClass, FaIconComponent, NgbTooltip, ArtemisTranslatePipe],
 })
 export class TextResultComponent {
     private translateService = inject(TranslateService);
diff --git a/src/main/webapp/app/exercises/text/shared/text-select.directive.ts b/src/main/webapp/app/exercises/text/shared/text-select.directive.ts
index 8ead1a2d74ee..d0eb4867060e 100644
--- a/src/main/webapp/app/exercises/text/shared/text-select.directive.ts
+++ b/src/main/webapp/app/exercises/text/shared/text-select.directive.ts
@@ -28,9 +28,7 @@ enum EventType {
     MouseDown = 'mousedown',
 }
 
-@Directive({
-    selector: '[jhiTextSelect]',
-})
+@Directive({ selector: '[jhiTextSelect]' })
 export class TextSelectDirective implements OnInit, OnDestroy {
     private elementRef = inject(ElementRef);
     private zone = inject(NgZone);
diff --git a/src/main/webapp/app/exercises/text/shared/text-shared.module.ts b/src/main/webapp/app/exercises/text/shared/text-shared.module.ts
deleted file mode 100644
index 0828caa9317e..000000000000
--- a/src/main/webapp/app/exercises/text/shared/text-shared.module.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { ArtemisSharedLibsModule } from 'app/shared/shared-libs.module';
-import { TextSelectDirective } from './text-select.directive';
-import { ManualTextSelectionComponent } from './manual-text-selection/manual-text-selection.component';
-
-@NgModule({
-    imports: [CommonModule, ArtemisSharedLibsModule],
-    declarations: [TextSelectDirective, ManualTextSelectionComponent],
-    exports: [TextSelectDirective, ManualTextSelectionComponent],
-})
-export class TextSharedModule {}
diff --git a/src/main/webapp/app/faq/faq-update.component.ts b/src/main/webapp/app/faq/faq-update.component.ts
index ad919ae40025..d4ab497fdb02 100644
--- a/src/main/webapp/app/faq/faq-update.component.ts
+++ b/src/main/webapp/app/faq/faq-update.component.ts
@@ -22,7 +22,6 @@ import { AccountService } from 'app/core/auth/account.service';
     selector: 'jhi-faq-update',
     templateUrl: './faq-update.component.html',
     styleUrls: ['./faq-update.component.scss'],
-    standalone: true,
     imports: [ArtemisSharedModule, ArtemisSharedComponentModule, ArtemisMarkdownEditorModule, ArtemisCategorySelectorModule],
 })
 export class FaqUpdateComponent implements OnInit {
@@ -32,7 +31,7 @@ export class FaqUpdateComponent implements OnInit {
     existingCategories: FaqCategory[];
     faqCategories: FaqCategory[];
     courseId: number;
-    isAtLeastInstructor: boolean = false;
+    isAtLeastInstructor = false;
     domainActionsDescription = [new FormulaAction()];
 
     // Icons
diff --git a/src/main/webapp/app/faq/faq.component.ts b/src/main/webapp/app/faq/faq.component.ts
index 2dbdef5f3aca..6883a27284ce 100644
--- a/src/main/webapp/app/faq/faq.component.ts
+++ b/src/main/webapp/app/faq/faq.component.ts
@@ -19,13 +19,13 @@ import { SearchFilterComponent } from 'app/shared/search-filter/search-filter.co
 import { AccountService } from 'app/core/auth/account.service';
 import { Course } from 'app/entities/course.model';
 import { TranslateService } from '@ngx-translate/core';
+import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
 
 @Component({
     selector: 'jhi-faq',
     templateUrl: './faq.component.html',
     styleUrls: [],
-    standalone: true,
-    imports: [ArtemisSharedModule, CustomExerciseCategoryBadgeComponent, ArtemisSharedComponentModule, ArtemisMarkdownModule, SearchFilterComponent],
+    imports: [ArtemisSharedModule, CustomExerciseCategoryBadgeComponent, ArtemisSharedComponentModule, ArtemisMarkdownModule, SearchFilterComponent, NgbModule],
 })
 export class FaqComponent implements OnInit, OnDestroy {
     protected readonly FaqState = FaqState;
@@ -34,7 +34,7 @@ export class FaqComponent implements OnInit, OnDestroy {
     filteredFaqs: Faq[];
     existingCategories: FaqCategory[];
     courseId: number;
-    hasCategories: boolean = false;
+    hasCategories = false;
     isAtLeastInstructor = false;
 
     private dialogErrorSource = new Subject<string>();
diff --git a/src/main/webapp/app/feature-overview/feature-overview.component.ts b/src/main/webapp/app/feature-overview/feature-overview.component.ts
index 52c0fbcfe6e5..1153ba688758 100644
--- a/src/main/webapp/app/feature-overview/feature-overview.component.ts
+++ b/src/main/webapp/app/feature-overview/feature-overview.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
 import {
@@ -35,21 +35,23 @@ import {
     faWrench,
 } from '@fortawesome/free-solid-svg-icons';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
+import { TranslateDirective } from '../shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisTranslatePipe } from '../shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-feature-overview',
     templateUrl: './feature-overview.component.html',
     styleUrls: ['./feature-overview.scss'],
+    imports: [TranslateDirective, FaIconComponent, ArtemisTranslatePipe],
 })
 export class FeatureOverviewComponent implements OnInit {
+    private route = inject(ActivatedRoute);
+    private profileService = inject(ProfileService);
+
     features: Feature[];
     targetAudience = TargetAudience.INSTRUCTORS;
 
-    constructor(
-        private route: ActivatedRoute,
-        private profileService: ProfileService,
-    ) {}
-
     /**
      * Initialises the feature overview page either for students or for instructors, depending on the url.
      * Sets up the features to be displayed
diff --git a/src/main/webapp/app/feature-overview/feature-overview.module.ts b/src/main/webapp/app/feature-overview/feature-overview.module.ts
index 4bd1f8c44792..b17eeafbf280 100644
--- a/src/main/webapp/app/feature-overview/feature-overview.module.ts
+++ b/src/main/webapp/app/feature-overview/feature-overview.module.ts
@@ -6,7 +6,6 @@ import { ArtemisSharedModule } from 'app/shared/shared.module';
 
 const FEATURE_OVERVIEW_ROUTES = [...featureOverviewState];
 @NgModule({
-    imports: [RouterModule.forChild(FEATURE_OVERVIEW_ROUTES), ArtemisSharedModule],
-    declarations: [FeatureOverviewComponent],
+    imports: [RouterModule.forChild(FEATURE_OVERVIEW_ROUTES), ArtemisSharedModule, FeatureOverviewComponent],
 })
 export class FeatureOverviewModule {}
diff --git a/src/main/webapp/app/feature-overview/feature-overview.route.ts b/src/main/webapp/app/feature-overview/feature-overview.route.ts
index 54e128e377ad..0de31fcd6a4e 100644
--- a/src/main/webapp/app/feature-overview/feature-overview.route.ts
+++ b/src/main/webapp/app/feature-overview/feature-overview.route.ts
@@ -1,17 +1,16 @@
 import { Routes } from '@angular/router';
-import { FeatureOverviewComponent } from 'app/feature-overview/feature-overview.component';
 
 export const featureOverviewRoutes: Routes = [
     {
         path: 'instructors',
-        component: FeatureOverviewComponent,
+        loadComponent: () => import('app/feature-overview/feature-overview.component').then((m) => m.FeatureOverviewComponent),
         data: {
             pageTitle: 'featureOverview.instructor.pageTitle',
         },
     },
     {
         path: 'students',
-        component: FeatureOverviewComponent,
+        loadComponent: () => import('app/feature-overview/feature-overview.component').then((m) => m.FeatureOverviewComponent),
         data: {
             pageTitle: 'featureOverview.students.pageTitle',
         },
diff --git a/src/main/webapp/app/forms/forms.module.ts b/src/main/webapp/app/forms/artemis-forms.module.ts
similarity index 73%
rename from src/main/webapp/app/forms/forms.module.ts
rename to src/main/webapp/app/forms/artemis-forms.module.ts
index 639a4cf8b10c..2c168496400e 100644
--- a/src/main/webapp/app/forms/forms.module.ts
+++ b/src/main/webapp/app/forms/artemis-forms.module.ts
@@ -7,8 +7,14 @@ import { ExerciseUpdateNotificationModule } from 'app/exercises/shared/exercise-
 import { SwitchEditModeButtonComponent } from 'app/exercises/programming/manage/update/switch-edit-mode-button/switch-edit-mode-button.component';
 
 @NgModule({
-    imports: [ArtemisSharedCommonModule, ArtemisSharedComponentModule, ExerciseUpdateNotificationModule, SwitchEditModeButtonComponent],
-    declarations: [FormStatusBarComponent, FormFooterComponent],
+    imports: [
+        ArtemisSharedCommonModule,
+        ArtemisSharedComponentModule,
+        ExerciseUpdateNotificationModule,
+        SwitchEditModeButtonComponent,
+        FormStatusBarComponent,
+        FormFooterComponent,
+    ],
     exports: [FormStatusBarComponent, FormFooterComponent],
 })
-export class FormsModule {}
+export class ArtemisFormsModule {}
diff --git a/src/main/webapp/app/forms/form-footer/form-footer.component.ts b/src/main/webapp/app/forms/form-footer/form-footer.component.ts
index 2cdd61d773fe..49345ffcd82c 100644
--- a/src/main/webapp/app/forms/form-footer/form-footer.component.ts
+++ b/src/main/webapp/app/forms/form-footer/form-footer.component.ts
@@ -2,11 +2,29 @@ import { Component, EventEmitter, Input, Output, computed, input } from '@angula
 import { ValidationReason } from 'app/entities/exercise.model';
 import { faBan, faExclamationCircle, faSave } from '@fortawesome/free-solid-svg-icons';
 import { ButtonSize } from 'app/shared/components/button.component';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { SwitchEditModeButtonComponent } from '../../exercises/programming/manage/update/switch-edit-mode-button/switch-edit-mode-button.component';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { ExerciseUpdateNotificationComponent } from '../../exercises/shared/exercise-update-notification/exercise-update-notification.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ButtonComponent } from 'app/shared/components/button.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-form-footer',
     templateUrl: 'form-footer.component.html',
     styleUrls: ['form-footer.component.scss'],
+    imports: [
+        NgbTooltip,
+        SwitchEditModeButtonComponent,
+        HelpIconComponent,
+        ExerciseUpdateNotificationComponent,
+        TranslateDirective,
+        FaIconComponent,
+        ButtonComponent,
+        ArtemisTranslatePipe,
+    ],
 })
 export class FormFooterComponent {
     protected readonly ButtonSize = ButtonSize;
@@ -14,8 +32,8 @@ export class FormFooterComponent {
     protected readonly faBan = faBan;
     protected readonly faExclamationCircle = faExclamationCircle;
 
-    @Input() isSaving: boolean = false;
-    @Input() isDisabled: boolean = false;
+    @Input() isSaving = false;
+    @Input() isDisabled = false;
     @Input() invalidReasons: ValidationReason[] = [];
     @Input() notificationText?: string;
     @Input() switchEditMode?: () => void;
diff --git a/src/main/webapp/app/forms/form-status-bar/form-status-bar.component.ts b/src/main/webapp/app/forms/form-status-bar/form-status-bar.component.ts
index dbf821a83201..8fc7ca53c910 100644
--- a/src/main/webapp/app/forms/form-status-bar/form-status-bar.component.ts
+++ b/src/main/webapp/app/forms/form-status-bar/form-status-bar.component.ts
@@ -1,5 +1,7 @@
 import { AfterViewInit, Component, ElementRef, HostListener, ViewChild, input } from '@angular/core';
 import { updateHeaderHeight } from 'app/shared/util/navbar.util';
+import { ChecklistCheckComponent } from 'app/shared/components/checklist-check/checklist-check.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 export type FormSectionStatus = {
     title: string;
@@ -11,6 +13,7 @@ export type FormSectionStatus = {
     selector: 'jhi-form-status-bar',
     templateUrl: './form-status-bar.component.html',
     styleUrl: './form-status-bar.component.scss',
+    imports: [ChecklistCheckComponent, ArtemisTranslatePipe],
 })
 export class FormStatusBarComponent implements AfterViewInit {
     formStatusSections = input.required<FormSectionStatus[]>();
diff --git a/src/main/webapp/app/grading-system/base-grading-system/base-grading-system.component.ts b/src/main/webapp/app/grading-system/base-grading-system/base-grading-system.component.ts
index 06ef364fef65..4dbc36f67809 100644
--- a/src/main/webapp/app/grading-system/base-grading-system/base-grading-system.component.ts
+++ b/src/main/webapp/app/grading-system/base-grading-system/base-grading-system.component.ts
@@ -37,7 +37,9 @@ export enum GradeEditMode {
     PERCENTAGE,
 }
 
-@Component({ template: '' })
+@Component({
+    template: '',
+})
 export abstract class BaseGradingSystemComponent implements OnInit {
     protected gradingSystemService = inject(GradingSystemService);
     private route = inject(ActivatedRoute);
diff --git a/src/main/webapp/app/grading-system/bonus/bonus.component.ts b/src/main/webapp/app/grading-system/bonus/bonus.component.ts
index 8d420789e637..299715e22abe 100644
--- a/src/main/webapp/app/grading-system/bonus/bonus.component.ts
+++ b/src/main/webapp/app/grading-system/bonus/bonus.component.ts
@@ -32,7 +32,6 @@ export enum BonusStrategyDiscreteness {
     selector: 'jhi-bonus',
     templateUrl: './bonus.component.html',
     styleUrls: ['./bonus.component.scss'],
-    standalone: true,
     imports: [ArtemisSharedModule, ArtemisSharedComponentModule, ArtemisModePickerModule, SafeHtmlPipe, GradeStepBoundsPipe],
 })
 export class BonusComponent implements OnInit {
diff --git a/src/main/webapp/app/grading-system/detailed-grading-system/detailed-grading-system.component.ts b/src/main/webapp/app/grading-system/detailed-grading-system/detailed-grading-system.component.ts
index 103ace36cbf3..bb034ddd796d 100644
--- a/src/main/webapp/app/grading-system/detailed-grading-system/detailed-grading-system.component.ts
+++ b/src/main/webapp/app/grading-system/detailed-grading-system/detailed-grading-system.component.ts
@@ -12,7 +12,6 @@ import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
     selector: 'jhi-detailed-grading-system',
     templateUrl: './detailed-grading-system.component.html',
     styleUrls: ['./detailed-grading-system.component.scss'],
-    standalone: true,
     imports: [TranslateDirective, ArtemisSharedComponentModule, FormsModule, FaIconComponent, ArtemisSharedModule, ArtemisTranslatePipe],
 })
 export class DetailedGradingSystemComponent extends BaseGradingSystemComponent {
diff --git a/src/main/webapp/app/grading-system/grading-key-overview/grading-key-overview.component.ts b/src/main/webapp/app/grading-system/grading-key-overview/grading-key-overview.component.ts
index 25b01e083d2e..91adc529b688 100644
--- a/src/main/webapp/app/grading-system/grading-key-overview/grading-key-overview.component.ts
+++ b/src/main/webapp/app/grading-system/grading-key-overview/grading-key-overview.component.ts
@@ -14,7 +14,6 @@ import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
     selector: 'jhi-grade-key-overview',
     templateUrl: './grading-key-overview.component.html',
     styleUrls: ['./grading-key-overview.scss'],
-    standalone: true,
     imports: [TranslateDirective, GradingKeyTableComponent, FaIconComponent, ArtemisTranslatePipe],
 })
 export class GradingKeyOverviewComponent implements OnInit {
diff --git a/src/main/webapp/app/grading-system/grading-key-overview/grading-key/grading-key-table.component.ts b/src/main/webapp/app/grading-system/grading-key-overview/grading-key/grading-key-table.component.ts
index bfd023f1289d..1538c3c78a6a 100644
--- a/src/main/webapp/app/grading-system/grading-key-overview/grading-key/grading-key-table.component.ts
+++ b/src/main/webapp/app/grading-system/grading-key-overview/grading-key/grading-key-table.component.ts
@@ -21,7 +21,6 @@ import { ArtemisSharedComponentModule } from 'app/shared/components/shared-compo
     selector: 'jhi-grade-key-table',
     templateUrl: './grading-key-table.component.html',
     styleUrls: ['../grading-key-overview.scss'],
-    standalone: true,
     imports: [TranslateDirective, ArtemisTranslatePipe, GradeStepBoundsPipe, SafeHtmlPipe, ArtemisSharedComponentModule],
 })
 export class GradingKeyTableComponent implements OnInit {
diff --git a/src/main/webapp/app/grading-system/grading-system-info-modal/grading-system-info-modal.component.ts b/src/main/webapp/app/grading-system/grading-system-info-modal/grading-system-info-modal.component.ts
index 8a78ece70f82..c3eef32a1430 100644
--- a/src/main/webapp/app/grading-system/grading-system-info-modal/grading-system-info-modal.component.ts
+++ b/src/main/webapp/app/grading-system/grading-system-info-modal/grading-system-info-modal.component.ts
@@ -7,7 +7,6 @@ import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 @Component({
     selector: 'jhi-grading-system-info-modal',
     templateUrl: './grading-system-info-modal.component.html',
-    standalone: true,
     imports: [TranslateDirective, FaIconComponent],
 })
 export class GradingSystemInfoModalComponent {
diff --git a/src/main/webapp/app/grading-system/grading-system-presentations/grading-system-presentations.component.ts b/src/main/webapp/app/grading-system/grading-system-presentations/grading-system-presentations.component.ts
index 4d0c120205cb..d7f69fae75ad 100644
--- a/src/main/webapp/app/grading-system/grading-system-presentations/grading-system-presentations.component.ts
+++ b/src/main/webapp/app/grading-system/grading-system-presentations/grading-system-presentations.component.ts
@@ -26,7 +26,6 @@ export interface PresentationsConfig {
     selector: 'jhi-grading-system-presentations',
     templateUrl: './grading-system-presentations.component.html',
     styleUrls: ['./grading-system-presentations.component.scss'],
-    standalone: true,
     imports: [TranslateDirective, ArtemisSharedComponentModule, ArtemisModePickerModule, FormsModule],
 })
 export class GradingSystemPresentationsComponent implements OnChanges {
@@ -58,7 +57,7 @@ export class GradingSystemPresentationsComponent implements OnChanges {
     @Input()
     presentationsConfig: PresentationsConfig;
 
-    ngOnChanges(): void {
+    ngOnChanges() {
         this.initializePresentationConfig();
     }
 
diff --git a/src/main/webapp/app/grading-system/grading-system.component.ts b/src/main/webapp/app/grading-system/grading-system.component.ts
index 4bd229f5389a..5508dd34f7cf 100644
--- a/src/main/webapp/app/grading-system/grading-system.component.ts
+++ b/src/main/webapp/app/grading-system/grading-system.component.ts
@@ -17,7 +17,6 @@ import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
     selector: 'jhi-grading-system',
     templateUrl: './grading-system.component.html',
     styleUrls: ['./grading-system.component.scss'],
-    standalone: true,
     imports: [
         ArtemisSharedComponentModule,
         TranslateDirective,
diff --git a/src/main/webapp/app/grading-system/grading-system.route.ts b/src/main/webapp/app/grading-system/grading-system.route.ts
index f2fa7ee3f97e..f8cb29c27ceb 100644
--- a/src/main/webapp/app/grading-system/grading-system.route.ts
+++ b/src/main/webapp/app/grading-system/grading-system.route.ts
@@ -1,8 +1,6 @@
 import { Routes } from '@angular/router';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
 import { Authority } from 'app/shared/constants/authority.constants';
-import { DetailedGradingSystemComponent } from 'app/grading-system/detailed-grading-system/detailed-grading-system.component';
-import { IntervalGradingSystemComponent } from 'app/grading-system/interval-grading-system/interval-grading-system.component';
 
 export const gradingSystemState: Routes = [
     {
@@ -12,7 +10,7 @@ export const gradingSystemState: Routes = [
     },
     {
         path: 'interval',
-        component: IntervalGradingSystemComponent,
+        loadComponent: () => import('app/grading-system/interval-grading-system/interval-grading-system.component').then((m) => m.IntervalGradingSystemComponent),
         data: {
             authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.gradingSystem.intervalTab.title',
@@ -21,7 +19,7 @@ export const gradingSystemState: Routes = [
     },
     {
         path: 'detailed',
-        component: DetailedGradingSystemComponent,
+        loadComponent: () => import('app/grading-system/detailed-grading-system/detailed-grading-system.component').then((m) => m.DetailedGradingSystemComponent),
         data: {
             authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.gradingSystem.detailedTab.title',
diff --git a/src/main/webapp/app/grading-system/interval-grading-system/interval-grading-system.component.ts b/src/main/webapp/app/grading-system/interval-grading-system/interval-grading-system.component.ts
index 73a86c1feedb..ef7bfa09560c 100644
--- a/src/main/webapp/app/grading-system/interval-grading-system/interval-grading-system.component.ts
+++ b/src/main/webapp/app/grading-system/interval-grading-system/interval-grading-system.component.ts
@@ -17,7 +17,6 @@ import { GradeStepBoundsPipe } from 'app/shared/pipes/grade-step-bounds.pipe';
     selector: 'jhi-interval-grading-system',
     templateUrl: './interval-grading-system.component.html',
     styleUrls: ['./interval-grading-system.component.scss'],
-    standalone: true,
     imports: [
         TranslateDirective,
         ArtemisModePickerModule,
diff --git a/src/main/webapp/app/guided-tour/guided-tour.component.ts b/src/main/webapp/app/guided-tour/guided-tour.component.ts
index 69f1a23500b4..c4dd38256122 100644
--- a/src/main/webapp/app/guided-tour/guided-tour.component.ts
+++ b/src/main/webapp/app/guided-tour/guided-tour.component.ts
@@ -1,4 +1,4 @@
-import { AfterViewInit, Component, ElementRef, HostListener, OnDestroy, QueryList, Renderer2, ViewChild, ViewChildren, ViewEncapsulation } from '@angular/core';
+import { AfterViewInit, Component, ElementRef, HostListener, OnDestroy, QueryList, Renderer2, ViewChild, ViewChildren, ViewEncapsulation, inject } from '@angular/core';
 import { Subscription, fromEvent } from 'rxjs';
 import { take, tap } from 'rxjs/operators';
 import { Direction, Orientation, OverlayPosition, UserInteractionEvent } from './guided-tour.constants';
@@ -21,14 +21,24 @@ import {
     faPlayCircle,
     faVideo,
 } from '@fortawesome/free-solid-svg-icons';
+import { NgStyle } from '@angular/common';
+import { TranslateDirective } from '../shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisTranslatePipe } from '../shared/pipes/artemis-translate.pipe';
+import { SafeResourceUrlPipe } from 'app/shared/pipes/safe-resource-url.pipe';
 
 @Component({
     selector: 'jhi-guided-tour',
     templateUrl: './guided-tour.component.html',
     styleUrls: ['./guided-tour.component.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [NgStyle, TranslateDirective, FaIconComponent, ArtemisTranslatePipe, SafeResourceUrlPipe],
 })
 export class GuidedTourComponent implements AfterViewInit, OnDestroy {
+    guidedTourService = inject(GuidedTourService);
+    private accountService = inject(AccountService);
+    private renderer = inject(Renderer2);
+
     @ViewChild('tourStep', { static: false }) private tourStep: ElementRef;
     @ViewChild('dotNavigation', { static: false }) private dotNavigation: ElementRef;
     @ViewChildren('dotElements') private dotElements: QueryList<ElementRef>;
@@ -82,12 +92,6 @@ export class GuidedTourComponent implements AfterViewInit, OnDestroy {
     faHandPointUp = faHandPointUp;
     faPlayCircle = faPlayCircle;
 
-    constructor(
-        public guidedTourService: GuidedTourService,
-        private accountService: AccountService,
-        private renderer: Renderer2,
-    ) {}
-
     /**
      * Enable tour navigation with left and right keyboard arrows and escape key
      * @param event: keyboard keydown event
diff --git a/src/main/webapp/app/guided-tour/guided-tour.module.ts b/src/main/webapp/app/guided-tour/guided-tour.module.ts
index f529b9090b99..9a700cef68f9 100644
--- a/src/main/webapp/app/guided-tour/guided-tour.module.ts
+++ b/src/main/webapp/app/guided-tour/guided-tour.module.ts
@@ -3,8 +3,7 @@ import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { GuidedTourComponent } from './guided-tour.component';
 
 @NgModule({
-    declarations: [GuidedTourComponent],
-    imports: [ArtemisSharedModule],
+    imports: [ArtemisSharedModule, GuidedTourComponent],
     exports: [GuidedTourComponent],
 })
 export class GuidedTourModule {}
diff --git a/src/main/webapp/app/guided-tour/guided-tour.service.ts b/src/main/webapp/app/guided-tour/guided-tour.service.ts
index dcf2872f1f98..29008a4889d8 100644
--- a/src/main/webapp/app/guided-tour/guided-tour.service.ts
+++ b/src/main/webapp/app/guided-tour/guided-tour.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import isMobile from 'ismobilejs-es5';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { NavigationEnd, NavigationStart, Router } from '@angular/router';
@@ -27,6 +27,15 @@ export type EntityResponseType = HttpResponse<GuidedTourSetting[]>;
 
 @Injectable({ providedIn: 'root' })
 export class GuidedTourService {
+    private http = inject(HttpClient);
+    private alertService = inject(AlertService);
+    private accountService = inject(AccountService);
+    private router = inject(Router);
+    private profileService = inject(ProfileService);
+    private participationService = inject(ParticipationService);
+    private tutorParticipationService = inject(TutorParticipationService);
+    private courseService = inject(CourseManagementService);
+
     public resourceUrl = 'api/guided-tour-settings';
     public guidedTourSettings: GuidedTourSetting[];
     public currentTour?: GuidedTour;
@@ -61,17 +70,6 @@ export class GuidedTourService {
 
     private isMobile = false;
 
-    constructor(
-        private http: HttpClient,
-        private alertService: AlertService,
-        private accountService: AccountService,
-        private router: Router,
-        private profileService: ProfileService,
-        private participationService: ParticipationService,
-        private tutorParticipationService: TutorParticipationService,
-        private courseService: CourseManagementService,
-    ) {}
-
     /**
      * Init method for guided tour settings to retrieve the guided tour settings and subscribe to window resize events
      */
diff --git a/src/main/webapp/app/home/home.component.ts b/src/main/webapp/app/home/home.component.ts
index af02b8b5862e..d30c8012215b 100644
--- a/src/main/webapp/app/home/home.component.ts
+++ b/src/main/webapp/app/home/home.component.ts
@@ -26,7 +26,6 @@ import { Saml2LoginComponent } from './saml2-login/saml2-login.component';
     selector: 'jhi-home',
     templateUrl: './home.component.html',
     styleUrls: ['home.scss'],
-    standalone: true,
     imports: [TranslateDirective, FormsModule, RouterLink, FaIconComponent, Saml2LoginComponent, ArtemisSharedModule],
 })
 export class HomeComponent implements OnInit, AfterViewChecked {
diff --git a/src/main/webapp/app/home/saml2-login/saml2-login.component.ts b/src/main/webapp/app/home/saml2-login/saml2-login.component.ts
index 440d004fe5ac..f3f570ef1e67 100644
--- a/src/main/webapp/app/home/saml2-login/saml2-login.component.ts
+++ b/src/main/webapp/app/home/saml2-login/saml2-login.component.ts
@@ -9,8 +9,6 @@ import { ArtemisSharedModule } from 'app/shared/shared.module';
 @Component({
     selector: 'jhi-saml2-login',
     templateUrl: './saml2-login.component.html',
-    styles: [],
-    standalone: true,
     imports: [ArtemisSharedModule],
 })
 export class Saml2LoginComponent implements OnInit {
diff --git a/src/main/webapp/content/icons/icons.ts b/src/main/webapp/app/icons/icons.ts
similarity index 100%
rename from src/main/webapp/content/icons/icons.ts
rename to src/main/webapp/app/icons/icons.ts
diff --git a/src/main/webapp/app/iris/about-iris/about-iris.component.ts b/src/main/webapp/app/iris/about-iris/about-iris.component.ts
index 958c96120ce9..a8dce14f6a5d 100644
--- a/src/main/webapp/app/iris/about-iris/about-iris.component.ts
+++ b/src/main/webapp/app/iris/about-iris/about-iris.component.ts
@@ -8,7 +8,6 @@ import { TranslateDirective } from 'app/shared/language/translate.directive';
     selector: 'jhi-about-iris',
     templateUrl: './about-iris.component.html',
     styleUrls: ['about-iris.component.scss'],
-    standalone: true,
     imports: [IrisLogoComponent, ArtemisTranslatePipe, TranslateDirective],
 })
 export class AboutIrisComponent {
diff --git a/src/main/webapp/app/iris/base-chatbot/chat-status-bar/chat-status-bar.component.ts b/src/main/webapp/app/iris/base-chatbot/chat-status-bar/chat-status-bar.component.ts
index 673ab3493dd3..9958dd0bca1c 100644
--- a/src/main/webapp/app/iris/base-chatbot/chat-status-bar/chat-status-bar.component.ts
+++ b/src/main/webapp/app/iris/base-chatbot/chat-status-bar/chat-status-bar.component.ts
@@ -1,11 +1,14 @@
 import { Component, Input, OnChanges } from '@angular/core';
 import { faArrowsRotate, faCircleXmark } from '@fortawesome/free-solid-svg-icons';
 import { IrisStageDTO, IrisStageStateDTO } from 'app/entities/iris/iris-stage-dto.model';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgClass } from '@angular/common';
 
 @Component({
     selector: 'jhi-chat-status-bar',
     templateUrl: './chat-status-bar.component.html',
     styleUrl: './chat-status-bar.component.scss',
+    imports: [FaIconComponent, NgClass],
 })
 export class ChatStatusBarComponent implements OnChanges {
     open = false;
@@ -24,8 +27,6 @@ export class ChatStatusBarComponent implements OnChanges {
     protected readonly JSON = JSON;
     protected readonly IrisStageStateDTO = IrisStageStateDTO;
 
-    constructor() {}
-
     ngOnChanges() {
         // Lower case state for scss classes, avoid function calling in template
         this.stages?.forEach((stage) => (stage.lowerCaseState = stage.state?.toLowerCase()));
diff --git a/src/main/webapp/app/iris/base-chatbot/iris-base-chatbot.component.ts b/src/main/webapp/app/iris/base-chatbot/iris-base-chatbot.component.ts
index bd32b08205ef..33575f280b0f 100644
--- a/src/main/webapp/app/iris/base-chatbot/iris-base-chatbot.component.ts
+++ b/src/main/webapp/app/iris/base-chatbot/iris-base-chatbot.component.ts
@@ -1,6 +1,6 @@
 import { faArrowDown, faCircle, faCircleInfo, faCompress, faExpand, faPaperPlane, faRedo, faThumbsDown, faThumbsUp, faTrash, faXmark } from '@fortawesome/free-solid-svg-icons';
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
-import { AfterViewInit, Component, ElementRef, EventEmitter, Input, OnDestroy, OnInit, Output, ViewChild } from '@angular/core';
+import { NgbModal, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { AfterViewInit, Component, ElementRef, EventEmitter, Input, OnDestroy, OnInit, Output, ViewChild, inject } from '@angular/core';
 import { IrisAssistantMessage, IrisMessage, IrisSender } from 'app/entities/iris/iris-message.model';
 import { Subscription } from 'rxjs';
 import { IrisErrorMessageKey } from 'app/entities/iris/iris-errors.model';
@@ -15,6 +15,16 @@ import { AccountService } from 'app/core/auth/account.service';
 import { animate, group, style, transition, trigger } from '@angular/animations';
 import { IrisChatService } from 'app/iris/iris-chat.service';
 import * as _ from 'lodash-es';
+import { IrisLogoComponent } from '../iris-logo/iris-logo.component';
+import { RouterLink } from '@angular/router';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ChatStatusBarComponent } from './chat-status-bar/chat-status-bar.component';
+import { FormsModule } from '@angular/forms';
+import { ButtonComponent } from 'app/shared/components/button.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { AsPipe } from 'app/shared/pipes/as.pipe';
+import { HtmlForMarkdownPipe } from 'app/shared/pipes/html-for-markdown.pipe';
 
 @Component({
     selector: 'jhi-iris-base-chatbot',
@@ -70,8 +80,27 @@ import * as _ from 'lodash-es';
             ]),
         ]),
     ],
+    imports: [
+        IrisLogoComponent,
+        RouterLink,
+        FaIconComponent,
+        NgbTooltip,
+        TranslateDirective,
+        ChatStatusBarComponent,
+        FormsModule,
+        ButtonComponent,
+        ArtemisTranslatePipe,
+        AsPipe,
+        HtmlForMarkdownPipe,
+    ],
 })
 export class IrisBaseChatbotComponent implements OnInit, OnDestroy, AfterViewInit {
+    protected accountService = inject(AccountService);
+    protected modalService = inject(NgbModal);
+    protected translateService = inject(TranslateService);
+    protected statusService = inject(IrisStatusService);
+    protected chatService = inject(IrisChatService);
+
     // Icons
     faTrash = faTrash;
     faCircle = faCircle;
@@ -100,12 +129,12 @@ export class IrisBaseChatbotComponent implements OnInit, OnDestroy, AfterViewIni
     error?: IrisErrorMessageKey;
     numNewMessages: number = 0;
     rateLimitInfo: IrisRateLimitInformation;
-    active: boolean = true;
+    active = true;
 
     newMessageTextContent = '';
     isLoading: boolean;
-    shouldAnimate: boolean = false;
-    hasActiveStage: boolean = false;
+    shouldAnimate = false;
+    hasActiveStage = false;
 
     // User preferences
     userAccepted: boolean;
@@ -115,7 +144,7 @@ export class IrisBaseChatbotComponent implements OnInit, OnDestroy, AfterViewIni
     public ButtonType = ButtonType;
 
     @Input() fullSize: boolean | undefined;
-    @Input() showCloseButton: boolean = false;
+    @Input() showCloseButton = false;
     @Output() fullSizeToggle = new EventEmitter<void>();
     @Output() closeClicked = new EventEmitter<void>();
 
@@ -133,14 +162,6 @@ export class IrisBaseChatbotComponent implements OnInit, OnDestroy, AfterViewIni
     protected readonly IrisSender = IrisSender;
     protected readonly IrisErrorMessageKey = IrisErrorMessageKey;
 
-    constructor(
-        protected accountService: AccountService,
-        protected modalService: NgbModal,
-        protected translateService: TranslateService,
-        protected statusService: IrisStatusService,
-        protected chatService: IrisChatService,
-    ) {}
-
     ngOnInit() {
         this.messagesSubscription = this.chatService.currentMessages().subscribe((messages) => {
             if (messages.length !== this.messages?.length) {
diff --git a/src/main/webapp/app/iris/course-chatbot/course-chatbot.component.ts b/src/main/webapp/app/iris/course-chatbot/course-chatbot.component.ts
index 5ee51d7ecc6c..2adc1a760774 100644
--- a/src/main/webapp/app/iris/course-chatbot/course-chatbot.component.ts
+++ b/src/main/webapp/app/iris/course-chatbot/course-chatbot.component.ts
@@ -1,15 +1,17 @@
-import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';
+import { Component, Input, OnChanges, SimpleChanges, inject } from '@angular/core';
 import { ChatServiceMode, IrisChatService } from 'app/iris/iris-chat.service';
+import { IrisBaseChatbotComponent } from '../base-chatbot/iris-base-chatbot.component';
 
 @Component({
     selector: 'jhi-course-chatbot',
     templateUrl: './course-chatbot.component.html',
     styleUrl: './course-chatbot.component.scss',
+    imports: [IrisBaseChatbotComponent],
 })
 export class CourseChatbotComponent implements OnChanges {
-    @Input() courseId?: number;
+    chatService = inject(IrisChatService);
 
-    constructor(public chatService: IrisChatService) {}
+    @Input() courseId?: number;
 
     ngOnChanges(changes: SimpleChanges): void {
         if (changes.courseId) {
diff --git a/src/main/webapp/app/iris/exercise-chatbot/exercise-chatbot-button.component.ts b/src/main/webapp/app/iris/exercise-chatbot/exercise-chatbot-button.component.ts
index b36b9edea7cb..d5ea51ed7fe8 100644
--- a/src/main/webapp/app/iris/exercise-chatbot/exercise-chatbot-button.component.ts
+++ b/src/main/webapp/app/iris/exercise-chatbot/exercise-chatbot-button.component.ts
@@ -1,4 +1,4 @@
-import { Component, ElementRef, Input, OnDestroy, OnInit, ViewChild } from '@angular/core';
+import { Component, ElementRef, Input, OnDestroy, OnInit, ViewChild, inject } from '@angular/core';
 import { MatDialog, MatDialogRef } from '@angular/material/dialog';
 import { Overlay } from '@angular/cdk/overlay';
 import { ActivatedRoute } from '@angular/router';
@@ -9,6 +9,11 @@ import { IrisLogoLookDirection, IrisLogoSize } from 'app/iris/iris-logo/iris-log
 import { ChatServiceMode, IrisChatService } from 'app/iris/iris-chat.service';
 import { animate, state, style, transition, trigger } from '@angular/animations';
 import { IrisTextMessageContent } from 'app/entities/iris/iris-content-type.model';
+import { NgClass } from '@angular/common';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { IrisLogoComponent } from '../iris-logo/iris-logo.component';
+import { HtmlForMarkdownPipe } from 'app/shared/pipes/html-for-markdown.pipe';
 
 @Component({
     selector: 'jhi-exercise-chatbot-button',
@@ -36,8 +41,14 @@ import { IrisTextMessageContent } from 'app/entities/iris/iris-content-type.mode
             transition('visible => hidden', animate('300ms ease-in')),
         ]),
     ],
+    imports: [NgClass, TranslateDirective, FaIconComponent, IrisLogoComponent, HtmlForMarkdownPipe],
 })
 export class IrisExerciseChatbotButtonComponent implements OnInit, OnDestroy {
+    dialog = inject(MatDialog);
+    protected overlay = inject(Overlay);
+    protected readonly chatService = inject(IrisChatService);
+    private route = inject(ActivatedRoute);
+
     @Input()
     mode: ChatServiceMode;
 
@@ -63,13 +74,6 @@ export class IrisExerciseChatbotButtonComponent implements OnInit, OnDestroy {
     protected readonly IrisLogoLookDirection = IrisLogoLookDirection;
     protected readonly IrisLogoSize = IrisLogoSize;
 
-    constructor(
-        public dialog: MatDialog,
-        protected overlay: Overlay,
-        protected readonly chatService: IrisChatService,
-        private route: ActivatedRoute,
-    ) {}
-
     ngOnInit() {
         // Subscribes to route params and gets the exerciseId from the route
         this.paramsSubscription = this.route.params.subscribe((params) => {
diff --git a/src/main/webapp/app/iris/exercise-chatbot/widget/chatbot-widget.component.ts b/src/main/webapp/app/iris/exercise-chatbot/widget/chatbot-widget.component.ts
index 11d27fdd8d12..c6b3eb8a8560 100644
--- a/src/main/webapp/app/iris/exercise-chatbot/widget/chatbot-widget.component.ts
+++ b/src/main/webapp/app/iris/exercise-chatbot/widget/chatbot-widget.component.ts
@@ -1,17 +1,23 @@
-import { AfterViewInit, Component, HostListener, Inject, OnDestroy } from '@angular/core';
+import { AfterViewInit, Component, HostListener, OnDestroy, inject } from '@angular/core';
 import interact from 'interactjs';
 import { DOCUMENT } from '@angular/common';
 import { MatDialog } from '@angular/material/dialog';
 import { NavigationStart, Router } from '@angular/router';
 import { Subscription } from 'rxjs';
 import { ButtonType } from 'app/shared/components/button.component';
+import { IrisBaseChatbotComponent } from '../../base-chatbot/iris-base-chatbot.component';
 
 @Component({
     selector: 'jhi-chatbot-widget',
     templateUrl: './chatbot-widget.component.html',
     styleUrls: ['./chatbot-widget.component.scss'],
+    imports: [IrisBaseChatbotComponent],
 })
 export class IrisChatbotWidgetComponent implements OnDestroy, AfterViewInit {
+    private document = inject<Document>(DOCUMENT);
+    private router = inject(Router);
+    private dialog = inject(MatDialog);
+
     // User preferences
     initialWidth = 400;
     initialHeight = 600;
@@ -23,11 +29,7 @@ export class IrisChatbotWidgetComponent implements OnDestroy, AfterViewInit {
 
     protected navigationSubscription: Subscription;
 
-    constructor(
-        @Inject(DOCUMENT) private document: Document,
-        private router: Router,
-        private dialog: MatDialog,
-    ) {
+    constructor() {
         this.navigationSubscription = this.router.events.subscribe((event) => {
             if (event instanceof NavigationStart) {
                 this.dialog.closeAll();
diff --git a/src/main/webapp/app/iris/iris-chat-http.service.ts b/src/main/webapp/app/iris/iris-chat-http.service.ts
index 6fe7a8573074..020ac1115926 100644
--- a/src/main/webapp/app/iris/iris-chat-http.service.ts
+++ b/src/main/webapp/app/iris/iris-chat-http.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { IrisAssistantMessage, IrisMessage, IrisUserMessage } from 'app/entities/iris/iris-message.model';
@@ -13,9 +13,9 @@ export type Response<T> = Observable<HttpResponse<T>>;
  */
 @Injectable({ providedIn: 'root' })
 export class IrisChatHttpService {
-    protected apiPrefix: string = 'api/iris';
+    protected httpClient = inject(HttpClient);
 
-    constructor(protected httpClient: HttpClient) {}
+    protected apiPrefix: string = 'api/iris';
 
     protected randomInt(): number {
         const maxIntJava = 2147483647;
diff --git a/src/main/webapp/app/iris/iris-chat.service.ts b/src/main/webapp/app/iris/iris-chat.service.ts
index c8e243f0f6c3..aeb41bb4c161 100644
--- a/src/main/webapp/app/iris/iris-chat.service.ts
+++ b/src/main/webapp/app/iris/iris-chat.service.ts
@@ -1,4 +1,4 @@
-import { Injectable, OnDestroy } from '@angular/core';
+import { Injectable, OnDestroy, inject } from '@angular/core';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { IrisAssistantMessage, IrisMessage, IrisSender, IrisUserMessage } from 'app/entities/iris/iris-message.model';
 import { IrisErrorMessageKey } from 'app/entities/iris/iris-errors.model';
@@ -26,6 +26,12 @@ export enum ChatServiceMode {
  */
 @Injectable({ providedIn: 'root' })
 export class IrisChatService implements OnDestroy {
+    http = inject(IrisChatHttpService);
+    ws = inject(IrisWebsocketService);
+    status = inject(IrisStatusService);
+    private userService = inject(UserService);
+    private accountService = inject(AccountService);
+
     sessionId?: number;
     messages: BehaviorSubject<IrisMessage[]> = new BehaviorSubject([]);
     newIrisMessage: BehaviorSubject<IrisMessage | undefined> = new BehaviorSubject(undefined);
@@ -41,21 +47,7 @@ export class IrisChatService implements OnDestroy {
 
     hasJustAcceptedIris = false;
 
-    /**
-     * Creates an instance of IrisChatService.
-     * @param http The IrisChatHttpService for HTTP operations related to sessions.
-     * @param ws The IrisChatWebsocketService for websocket operations
-     * @param status The IrisStatusService for handling the status of the service.
-     * @param userService The UserService for handling user operations.
-     * @param accountService The AccountService for handling account operations.
-     */
-    protected constructor(
-        public http: IrisChatHttpService,
-        public ws: IrisWebsocketService,
-        public status: IrisStatusService,
-        private userService: UserService,
-        private accountService: AccountService,
-    ) {
+    protected constructor() {
         this.rateLimitSubscription = this.status.currentRatelimitInfo().subscribe((info) => (this.rateLimitInfo = info));
     }
 
diff --git a/src/main/webapp/app/iris/iris-guard.service.ts b/src/main/webapp/app/iris/iris-guard.service.ts
index 6bf3f296e53b..44544ed898da 100644
--- a/src/main/webapp/app/iris/iris-guard.service.ts
+++ b/src/main/webapp/app/iris/iris-guard.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { CanActivate, Router } from '@angular/router';
 
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
@@ -9,10 +9,8 @@ import { first, lastValueFrom, of, switchMap } from 'rxjs';
     providedIn: 'root',
 })
 export class IrisGuard implements CanActivate {
-    constructor(
-        private profileService: ProfileService,
-        private router: Router,
-    ) {}
+    private profileService = inject(ProfileService);
+    private router = inject(Router);
 
     /**
      * Check if the client can activate a route.
diff --git a/src/main/webapp/app/iris/iris-logo-button/iris-logo-button.component.ts b/src/main/webapp/app/iris/iris-logo-button/iris-logo-button.component.ts
index 6c8aaed5cfc6..e0c4e6fde9f8 100644
--- a/src/main/webapp/app/iris/iris-logo-button/iris-logo-button.component.ts
+++ b/src/main/webapp/app/iris/iris-logo-button/iris-logo-button.component.ts
@@ -3,10 +3,18 @@ import { FeatureToggle } from 'app/shared/feature-toggle/feature-toggle.service'
 import { ButtonSize, ButtonType } from 'app/shared/components/button.component';
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons';
 import { IrisLogoSize } from 'app/iris/iris-logo/iris-logo.component';
+import { NgClass } from '@angular/common';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { FeatureToggleDirective } from 'app/shared/feature-toggle/feature-toggle.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { IrisLogoComponent } from '../iris-logo/iris-logo.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-iris-logo-button',
     templateUrl: './iris-logo-button.component.html',
+    imports: [NgClass, NgbTooltip, FeatureToggleDirective, FaIconComponent, IrisLogoComponent, TranslateDirective, ArtemisTranslatePipe],
 })
 export class IrisLogoButtonComponent {
     @Input() btnType = ButtonType.PRIMARY;
diff --git a/src/main/webapp/app/iris/iris-logo/iris-logo.component.ts b/src/main/webapp/app/iris/iris-logo/iris-logo.component.ts
index 76f8d4bf8571..8a923c1347ae 100644
--- a/src/main/webapp/app/iris/iris-logo/iris-logo.component.ts
+++ b/src/main/webapp/app/iris/iris-logo/iris-logo.component.ts
@@ -16,7 +16,6 @@ export enum IrisLogoLookDirection {
     selector: 'jhi-iris-logo',
     templateUrl: './iris-logo.component.html',
     styleUrls: ['./iris-logo.component.scss'],
-    standalone: true,
 })
 export class IrisLogoComponent {
     size = input<IrisLogoSize | number>(IrisLogoSize.BIG);
diff --git a/src/main/webapp/app/iris/iris-status.service.ts b/src/main/webapp/app/iris/iris-status.service.ts
index 25316415f785..fc39d067860f 100644
--- a/src/main/webapp/app/iris/iris-status.service.ts
+++ b/src/main/webapp/app/iris/iris-status.service.ts
@@ -1,4 +1,4 @@
-import { Injectable, OnDestroy } from '@angular/core';
+import { Injectable, OnDestroy, inject } from '@angular/core';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { BehaviorSubject, Observable, Subscription, firstValueFrom } from 'rxjs';
 import { JhiWebsocketService } from 'app/core/websocket/websocket.service';
@@ -14,6 +14,9 @@ import { IrisRateLimitInformation } from 'app/entities/iris/iris-ratelimit-info.
  */
 @Injectable({ providedIn: 'root' })
 export class IrisStatusService implements OnDestroy {
+    private websocketService = inject(JhiWebsocketService);
+    private httpClient = inject(HttpClient);
+
     intervalId: ReturnType<typeof setInterval> | undefined;
     websocketStatusSubscription: Subscription;
     disconnected = false;
@@ -28,10 +31,7 @@ export class IrisStatusService implements OnDestroy {
      * @param websocketService The JhiWebsocketService for managing the websocket connection.
      * @param httpSessionService The IrisHttpChatSessionService for HTTP operations related to sessions.
      */
-    constructor(
-        private websocketService: JhiWebsocketService,
-        private httpClient: HttpClient,
-    ) {
+    constructor() {
         this.checkHeartbeat();
         this.intervalId = setInterval(() => {
             this.checkHeartbeat();
diff --git a/src/main/webapp/app/iris/iris-websocket.service.ts b/src/main/webapp/app/iris/iris-websocket.service.ts
index 701a25062504..24c200d1650e 100644
--- a/src/main/webapp/app/iris/iris-websocket.service.ts
+++ b/src/main/webapp/app/iris/iris-websocket.service.ts
@@ -1,4 +1,4 @@
-import { Injectable, OnDestroy } from '@angular/core';
+import { Injectable, OnDestroy, inject } from '@angular/core';
 import { JhiWebsocketService } from 'app/core/websocket/websocket.service';
 import { Observable, Subject, Subscription } from 'rxjs';
 
@@ -9,13 +9,9 @@ type SubscribedChannel = { wsSubscription: Subscription; subject: Subject<any> }
  */
 @Injectable({ providedIn: 'root' })
 export class IrisWebsocketService implements OnDestroy {
-    private subscribedChannels: Map<number, SubscribedChannel> = new Map();
+    protected jhiWebsocketService = inject(JhiWebsocketService);
 
-    /**
-     * Creates an instance of IrisWebsocketService.
-     * @param jhiWebsocketService The JhiWebsocketService for websocket communication.
-     */
-    protected constructor(protected jhiWebsocketService: JhiWebsocketService) {}
+    private subscribedChannels: Map<number, SubscribedChannel> = new Map();
 
     /**
      * Cleans up resources before the service is destroyed.
diff --git a/src/main/webapp/app/iris/iris.module.ts b/src/main/webapp/app/iris/iris.module.ts
index 844b5d97c3af..34b9fbde820f 100644
--- a/src/main/webapp/app/iris/iris.module.ts
+++ b/src/main/webapp/app/iris/iris.module.ts
@@ -16,14 +16,23 @@ import { IrisExerciseChatbotButtonComponent } from 'app/iris/exercise-chatbot/ex
 import { IrisChatbotWidgetComponent } from 'app/iris/exercise-chatbot/widget/chatbot-widget.component';
 import { IrisEnabledComponent } from 'app/iris/settings/shared/iris-enabled.component';
 import { IrisLogoButtonComponent } from 'app/iris/iris-logo-button/iris-logo-button.component';
-import { FeatureToggleModule } from 'app/shared/feature-toggle/feature-toggle.module';
+
 import { IrisBaseChatbotComponent } from 'app/iris/base-chatbot/iris-base-chatbot.component';
 import { ChatStatusBarComponent } from 'app/iris/base-chatbot/chat-status-bar/chat-status-bar.component';
 import { CourseChatbotComponent } from 'app/iris/course-chatbot/course-chatbot.component';
 import { IrisLogoComponent } from 'app/iris/iris-logo/iris-logo.component';
 
 @NgModule({
-    declarations: [
+    imports: [
+        CommonModule,
+        MatDialogModule,
+        FormsModule,
+        FontAwesomeModule,
+        ArtemisSharedModule,
+        ArtemisMarkdownModule,
+        ArtemisSharedComponentModule,
+        RouterModule,
+        IrisLogoComponent,
         IrisBaseChatbotComponent,
         IrisChatbotWidgetComponent,
         IrisExerciseChatbotButtonComponent,
@@ -37,18 +46,6 @@ import { IrisLogoComponent } from 'app/iris/iris-logo/iris-logo.component';
         IrisLogoButtonComponent,
         CourseChatbotComponent,
     ],
-    imports: [
-        CommonModule,
-        MatDialogModule,
-        FormsModule,
-        FontAwesomeModule,
-        ArtemisSharedModule,
-        ArtemisMarkdownModule,
-        ArtemisSharedComponentModule,
-        RouterModule,
-        FeatureToggleModule,
-        IrisLogoComponent,
-    ],
     exports: [IrisExerciseChatbotButtonComponent, IrisEnabledComponent, IrisLogoButtonComponent, IrisBaseChatbotComponent, CourseChatbotComponent],
 })
 export class IrisModule {}
diff --git a/src/main/webapp/app/iris/settings/iris-course-settings-update/iris-course-settings-update-routing.module.ts b/src/main/webapp/app/iris/settings/iris-course-settings-update/iris-course-settings-update-routing.module.ts
index 2ddd235bd9fd..6d628ecc67a4 100644
--- a/src/main/webapp/app/iris/settings/iris-course-settings-update/iris-course-settings-update-routing.module.ts
+++ b/src/main/webapp/app/iris/settings/iris-course-settings-update/iris-course-settings-update-routing.module.ts
@@ -2,7 +2,7 @@ import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { Authority } from 'app/shared/constants/authority.constants';
 import { IrisModule } from 'app/iris/iris.module';
-import { IrisCourseSettingsUpdateComponent } from 'app/iris/settings/iris-course-settings-update/iris-course-settings-update.component';
+
 import { PendingChangesGuard } from 'app/shared/guard/pending-changes.guard';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
 import { IrisGuard } from 'app/iris/iris-guard.service';
@@ -10,7 +10,7 @@ import { IrisGuard } from 'app/iris/iris-guard.service';
 const routes: Routes = [
     {
         path: '',
-        component: IrisCourseSettingsUpdateComponent,
+        loadComponent: () => import('app/iris/settings/iris-course-settings-update/iris-course-settings-update.component').then((m) => m.IrisCourseSettingsUpdateComponent),
         data: {
             authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.iris.settings.title.course',
diff --git a/src/main/webapp/app/iris/settings/iris-course-settings-update/iris-course-settings-update.component.ts b/src/main/webapp/app/iris/settings/iris-course-settings-update/iris-course-settings-update.component.ts
index 35669b658a41..8f3b0aba77b9 100644
--- a/src/main/webapp/app/iris/settings/iris-course-settings-update/iris-course-settings-update.component.ts
+++ b/src/main/webapp/app/iris/settings/iris-course-settings-update/iris-course-settings-update.component.ts
@@ -1,23 +1,23 @@
-import { Component, Input, OnInit, ViewChild } from '@angular/core';
+import { Component, Input, OnInit, ViewChild, inject } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { IrisSettingsType } from 'app/entities/iris/settings/iris-settings.model';
 import { ComponentCanDeactivate } from 'app/shared/guard/can-deactivate.model';
 import { IrisSettingsUpdateComponent } from 'app/iris/settings/iris-settings-update/iris-settings-update.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
     selector: 'jhi-iris-course-settings-update',
     templateUrl: './iris-course-settings-update.component.html',
+    imports: [TranslateDirective, IrisSettingsUpdateComponent],
 })
 export class IrisCourseSettingsUpdateComponent implements OnInit, ComponentCanDeactivate {
-    @ViewChild(IrisSettingsUpdateComponent)
-    settingsUpdateComponent?: IrisSettingsUpdateComponent;
+    private route = inject(ActivatedRoute);
 
-    @Input()
-    courseId?: number;
+    @ViewChild(IrisSettingsUpdateComponent) settingsUpdateComponent?: IrisSettingsUpdateComponent;
 
-    COURSE = IrisSettingsType.COURSE;
+    @Input() courseId?: number;
 
-    constructor(private route: ActivatedRoute) {}
+    COURSE = IrisSettingsType.COURSE;
 
     ngOnInit(): void {
         this.route.parent?.params.subscribe((params) => {
diff --git a/src/main/webapp/app/iris/settings/iris-exercise-settings-update/iris-exercise-settings-update-routing.module.ts b/src/main/webapp/app/iris/settings/iris-exercise-settings-update/iris-exercise-settings-update-routing.module.ts
index 9a11721184e1..1ae97f795998 100644
--- a/src/main/webapp/app/iris/settings/iris-exercise-settings-update/iris-exercise-settings-update-routing.module.ts
+++ b/src/main/webapp/app/iris/settings/iris-exercise-settings-update/iris-exercise-settings-update-routing.module.ts
@@ -4,13 +4,13 @@ import { Authority } from 'app/shared/constants/authority.constants';
 import { IrisModule } from 'app/iris/iris.module';
 import { PendingChangesGuard } from 'app/shared/guard/pending-changes.guard';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
-import { IrisExerciseSettingsUpdateComponent } from 'app/iris/settings/iris-exercise-settings-update/iris-exercise-settings-update.component';
+
 import { IrisGuard } from 'app/iris/iris-guard.service';
 
 const routes: Routes = [
     {
         path: '',
-        component: IrisExerciseSettingsUpdateComponent,
+        loadComponent: () => import('app/iris/settings/iris-exercise-settings-update/iris-exercise-settings-update.component').then((m) => m.IrisExerciseSettingsUpdateComponent),
         data: {
             authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.iris.settings.title.exercise',
diff --git a/src/main/webapp/app/iris/settings/iris-exercise-settings-update/iris-exercise-settings-update.component.ts b/src/main/webapp/app/iris/settings/iris-exercise-settings-update/iris-exercise-settings-update.component.ts
index 762be1ff1626..de549c4b58af 100644
--- a/src/main/webapp/app/iris/settings/iris-exercise-settings-update/iris-exercise-settings-update.component.ts
+++ b/src/main/webapp/app/iris/settings/iris-exercise-settings-update/iris-exercise-settings-update.component.ts
@@ -1,14 +1,18 @@
-import { Component, Input, OnInit, ViewChild } from '@angular/core';
+import { Component, Input, OnInit, ViewChild, inject } from '@angular/core';
 import { IrisSettingsType } from 'app/entities/iris/settings/iris-settings.model';
 import { ComponentCanDeactivate } from 'app/shared/guard/can-deactivate.model';
 import { IrisSettingsUpdateComponent } from 'app/iris/settings/iris-settings-update/iris-settings-update.component';
 import { ActivatedRoute } from '@angular/router';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
     selector: 'jhi-iris-exercise-settings-update',
     templateUrl: './iris-exercise-settings-update.component.html',
+    imports: [TranslateDirective, IrisSettingsUpdateComponent],
 })
 export class IrisExerciseSettingsUpdateComponent implements OnInit, ComponentCanDeactivate {
+    private route = inject(ActivatedRoute);
+
     @ViewChild(IrisSettingsUpdateComponent)
     settingsUpdateComponent?: IrisSettingsUpdateComponent;
 
@@ -19,8 +23,6 @@ export class IrisExerciseSettingsUpdateComponent implements OnInit, ComponentCan
 
     EXERCISE = IrisSettingsType.EXERCISE;
 
-    constructor(private route: ActivatedRoute) {}
-
     ngOnInit(): void {
         this.route.parent?.params.subscribe((params) => {
             this.courseId = Number(params['courseId']);
diff --git a/src/main/webapp/app/iris/settings/iris-global-settings-update/iris-global-settings-update-routing.module.ts b/src/main/webapp/app/iris/settings/iris-global-settings-update/iris-global-settings-update-routing.module.ts
index 4b7605d84ce6..e917a7daf967 100644
--- a/src/main/webapp/app/iris/settings/iris-global-settings-update/iris-global-settings-update-routing.module.ts
+++ b/src/main/webapp/app/iris/settings/iris-global-settings-update/iris-global-settings-update-routing.module.ts
@@ -1,7 +1,7 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { Authority } from 'app/shared/constants/authority.constants';
-import { IrisGlobalSettingsUpdateComponent } from 'app/iris/settings/iris-global-settings-update/iris-global-settings-update.component';
+
 import { IrisModule } from 'app/iris/iris.module';
 import { PendingChangesGuard } from 'app/shared/guard/pending-changes.guard';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
@@ -10,7 +10,7 @@ import { IrisGuard } from 'app/iris/iris-guard.service';
 const routes: Routes = [
     {
         path: '',
-        component: IrisGlobalSettingsUpdateComponent,
+        loadComponent: () => import('app/iris/settings/iris-global-settings-update/iris-global-settings-update.component').then((m) => m.IrisGlobalSettingsUpdateComponent),
         data: {
             authorities: [Authority.ADMIN],
             pageTitle: 'artemisApp.iris.settings.title.global',
diff --git a/src/main/webapp/app/iris/settings/iris-global-settings-update/iris-global-settings-update.component.ts b/src/main/webapp/app/iris/settings/iris-global-settings-update/iris-global-settings-update.component.ts
index 42d4bfe549ca..5f61b78c38b2 100644
--- a/src/main/webapp/app/iris/settings/iris-global-settings-update/iris-global-settings-update.component.ts
+++ b/src/main/webapp/app/iris/settings/iris-global-settings-update/iris-global-settings-update.component.ts
@@ -2,10 +2,12 @@ import { Component, ViewChild } from '@angular/core';
 import { IrisSettingsType } from 'app/entities/iris/settings/iris-settings.model';
 import { ComponentCanDeactivate } from 'app/shared/guard/can-deactivate.model';
 import { IrisSettingsUpdateComponent } from 'app/iris/settings/iris-settings-update/iris-settings-update.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
     selector: 'jhi-iris-global-settings-update',
     templateUrl: './iris-global-settings-update.component.html',
+    imports: [TranslateDirective, IrisSettingsUpdateComponent],
 })
 export class IrisGlobalSettingsUpdateComponent implements ComponentCanDeactivate {
     @ViewChild(IrisSettingsUpdateComponent)
diff --git a/src/main/webapp/app/iris/settings/iris-settings-update/iris-common-sub-settings-update/iris-common-sub-settings-update.component.ts b/src/main/webapp/app/iris/settings/iris-settings-update/iris-common-sub-settings-update/iris-common-sub-settings-update.component.ts
index 08661117e284..20489d879e99 100644
--- a/src/main/webapp/app/iris/settings/iris-settings-update/iris-common-sub-settings-update/iris-common-sub-settings-update.component.ts
+++ b/src/main/webapp/app/iris/settings/iris-settings-update/iris-common-sub-settings-update/iris-common-sub-settings-update.component.ts
@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';
+import { Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges, inject } from '@angular/core';
 import { IrisEventType, IrisSubSettings, IrisSubSettingsType } from 'app/entities/iris/settings/iris-sub-settings.model';
 import { IrisVariant } from 'app/entities/iris/settings/iris-variant';
 import { AccountService } from 'app/core/auth/account.service';
@@ -11,12 +11,36 @@ import { onError } from 'app/shared/util/global.utils';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { ExerciseService } from 'app/exercises/shared/exercise/exercise.service';
 import { AlertService } from 'app/core/util/alert.service';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgClass } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbDropdown, NgbDropdownButtonItem, NgbDropdownItem, NgbDropdownMenu, NgbDropdownToggle, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-iris-common-sub-settings-update',
     templateUrl: './iris-common-sub-settings-update.component.html',
+    imports: [
+        TranslateDirective,
+        NgClass,
+        FormsModule,
+        FaIconComponent,
+        NgbTooltip,
+        NgbDropdown,
+        NgbDropdownToggle,
+        NgbDropdownMenu,
+        NgbDropdownButtonItem,
+        NgbDropdownItem,
+        ArtemisTranslatePipe,
+    ],
 })
 export class IrisCommonSubSettingsUpdateComponent implements OnInit, OnChanges {
+    private irisSettingsService = inject(IrisSettingsService);
+    private courseManagementService = inject(CourseManagementService);
+    private exerciseService = inject(ExerciseService);
+    private alertService = inject(AlertService);
+
     @Input()
     subSettings?: IrisSubSettings;
 
@@ -68,13 +92,9 @@ export class IrisCommonSubSettingsUpdateComponent implements OnInit, OnChanges {
         [IrisEventType.PROGRESS_STALLED]: 'artemisApp.iris.settings.subSettings.proactivityProgressStalledEventEnabled.label',
     };
 
-    constructor(
-        accountService: AccountService,
-        private irisSettingsService: IrisSettingsService,
-        private courseManagementService: CourseManagementService,
-        private exerciseService: ExerciseService,
-        private alertService: AlertService,
-    ) {
+    constructor() {
+        const accountService = inject(AccountService);
+
         this.isAdmin = accountService.isAdmin();
     }
 
diff --git a/src/main/webapp/app/iris/settings/iris-settings-update/iris-settings-update.component.ts b/src/main/webapp/app/iris/settings/iris-settings-update/iris-settings-update.component.ts
index febc735c34b1..cbfc7c991e3c 100644
--- a/src/main/webapp/app/iris/settings/iris-settings-update/iris-settings-update.component.ts
+++ b/src/main/webapp/app/iris/settings/iris-settings-update/iris-settings-update.component.ts
@@ -1,4 +1,4 @@
-import { Component, DoCheck, Input, OnInit } from '@angular/core';
+import { Component, DoCheck, Input, OnInit, inject } from '@angular/core';
 import { IrisSettings, IrisSettingsType } from 'app/entities/iris/settings/iris-settings.model';
 import { IrisSettingsService } from 'app/iris/settings/shared/iris-settings.service';
 import { HttpResponse } from '@angular/common/http';
@@ -16,12 +16,20 @@ import {
     IrisTextExerciseChatSubSettings,
 } from 'app/entities/iris/settings/iris-sub-settings.model';
 import { AccountService } from 'app/core/auth/account.service';
+import { ButtonComponent } from 'app/shared/components/button.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { IrisCommonSubSettingsUpdateComponent } from './iris-common-sub-settings-update/iris-common-sub-settings-update.component';
+import { FormsModule } from '@angular/forms';
 
 @Component({
     selector: 'jhi-iris-settings-update',
     templateUrl: './iris-settings-update.component.html',
+    imports: [ButtonComponent, TranslateDirective, IrisCommonSubSettingsUpdateComponent, FormsModule],
 })
 export class IrisSettingsUpdateComponent implements OnInit, DoCheck, ComponentCanDeactivate {
+    private irisSettingsService = inject(IrisSettingsService);
+    private alertService = inject(AlertService);
+
     @Input()
     public settingsType: IrisSettingsType;
     @Input()
@@ -52,11 +60,9 @@ export class IrisSettingsUpdateComponent implements OnInit, DoCheck, ComponentCa
     COURSE = IrisSettingsType.COURSE;
     EXERCISE = IrisSettingsType.EXERCISE;
 
-    constructor(
-        private irisSettingsService: IrisSettingsService,
-        private alertService: AlertService,
-        accountService: AccountService,
-    ) {
+    constructor() {
+        const accountService = inject(AccountService);
+
         this.isAdmin = accountService.isAdmin();
     }
 
diff --git a/src/main/webapp/app/iris/settings/shared/iris-enabled.component.ts b/src/main/webapp/app/iris/settings/shared/iris-enabled.component.ts
index 9d32c08d1085..2d519ccca849 100644
--- a/src/main/webapp/app/iris/settings/shared/iris-enabled.component.ts
+++ b/src/main/webapp/app/iris/settings/shared/iris-enabled.component.ts
@@ -1,15 +1,20 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input, OnInit, inject } from '@angular/core';
 import { IrisSubSettings, IrisSubSettingsType } from 'app/entities/iris/settings/iris-sub-settings.model';
 import { Exercise } from 'app/entities/exercise.model';
 import { IrisSettings } from 'app/entities/iris/settings/iris-settings.model';
 import { Course } from 'app/entities/course.model';
 import { IrisSettingsService } from 'app/iris/settings/shared/iris-settings.service';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgClass } from '@angular/common';
 
 @Component({
     selector: 'jhi-iris-enabled',
     templateUrl: './iris-enabled.component.html',
+    imports: [TranslateDirective, NgClass],
 })
 export class IrisEnabledComponent implements OnInit {
+    private irisSettingsService = inject(IrisSettingsService);
+
     @Input() exercise?: Exercise;
     @Input() course?: Course;
     @Input() irisSubSettingsType: IrisSubSettingsType;
@@ -18,8 +23,6 @@ export class IrisEnabledComponent implements OnInit {
     irisSettings?: IrisSettings;
     irisSubSettings?: IrisSubSettings;
 
-    constructor(private irisSettingsService: IrisSettingsService) {}
-
     ngOnInit(): void {
         if (this.exercise) {
             this.irisSettingsService.getUncombinedExerciseSettings(this.exercise.id!).subscribe((settings) => {
diff --git a/src/main/webapp/app/iris/settings/shared/iris-settings.service.ts b/src/main/webapp/app/iris/settings/shared/iris-settings.service.ts
index f67609527e8e..05d9acb822d8 100644
--- a/src/main/webapp/app/iris/settings/shared/iris-settings.service.ts
+++ b/src/main/webapp/app/iris/settings/shared/iris-settings.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { map } from 'rxjs/operators';
@@ -11,9 +11,9 @@ import { IrisSubSettingsType } from 'app/entities/iris/settings/iris-sub-setting
  */
 @Injectable({ providedIn: 'root' })
 export class IrisSettingsService {
-    public resourceUrl = 'api';
+    private http = inject(HttpClient);
 
-    constructor(private http: HttpClient) {}
+    public resourceUrl = 'api';
 
     /**
      * Get the global Iris settings
diff --git a/src/main/webapp/app/lecture/attachment.service.ts b/src/main/webapp/app/lecture/attachment.service.ts
index cd8a93d7b94f..d3fe03c7f98c 100644
--- a/src/main/webapp/app/lecture/attachment.service.ts
+++ b/src/main/webapp/app/lecture/attachment.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { map } from 'rxjs/operators';
@@ -13,9 +13,9 @@ type EntityArrayResponseType = HttpResponse<Attachment[]>;
 
 @Injectable({ providedIn: 'root' })
 export class AttachmentService {
-    public resourceUrl = 'api/attachments';
+    protected http = inject(HttpClient);
 
-    constructor(protected http: HttpClient) {}
+    public resourceUrl = 'api/attachments';
 
     /**
      * Create a new attachment
diff --git a/src/main/webapp/app/lecture/close-edit-lecture-modal/close-edit-lecture-modal.component.ts b/src/main/webapp/app/lecture/close-edit-lecture-modal/close-edit-lecture-modal.component.ts
index cd7024b6c5af..6cf800963224 100644
--- a/src/main/webapp/app/lecture/close-edit-lecture-modal/close-edit-lecture-modal.component.ts
+++ b/src/main/webapp/app/lecture/close-edit-lecture-modal/close-edit-lecture-modal.component.ts
@@ -6,7 +6,6 @@ import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 
 @Component({
     selector: 'jhi-close-edit-lecture-modal',
-    standalone: true,
     imports: [TranslateDirective, ArtemisSharedCommonModule],
     templateUrl: './close-edit-lecture-modal.component.html',
 })
diff --git a/src/main/webapp/app/lecture/lecture-attachments.component.ts b/src/main/webapp/app/lecture/lecture-attachments.component.ts
index 95af8f8c3357..bcfa6031c5ac 100644
--- a/src/main/webapp/app/lecture/lecture-attachments.component.ts
+++ b/src/main/webapp/app/lecture/lecture-attachments.component.ts
@@ -1,5 +1,5 @@
 import { Component, ElementRef, OnDestroy, ViewChild, computed, effect, inject, input, signal, viewChild } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
+import { ActivatedRoute, RouterLink } from '@angular/router';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { Lecture } from 'app/entities/lecture.model';
 import dayjs from 'dayjs/esm';
@@ -10,9 +10,17 @@ import { AttachmentService } from 'app/lecture/attachment.service';
 import { faEye, faPaperclip, faPencilAlt, faQuestionCircle, faSpinner, faTimes, faTrash } from '@fortawesome/free-solid-svg-icons';
 import { ACCEPTED_FILE_EXTENSIONS_FILE_BROWSER, ALLOWED_FILE_EXTENSIONS_HUMAN_READABLE } from 'app/shared/constants/file-extensions.constants';
 import { LectureService } from 'app/lecture/lecture.service';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { FormBuilder, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { FormDateTimePickerComponent } from 'app/shared/date-time-picker/date-time-picker.component';
+import { TranslateDirective } from '../shared/language/translate.directive';
+import { NgClass } from '@angular/common';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { DeleteButtonDirective } from '../shared/delete-dialog/delete-button.directive';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from '../shared/pipes/artemis-translate.pipe';
+import { HtmlForMarkdownPipe } from '../shared/pipes/html-for-markdown.pipe';
 
 export interface LectureAttachmentFormData {
     attachmentName?: string;
@@ -25,6 +33,20 @@ export interface LectureAttachmentFormData {
     selector: 'jhi-lecture-attachments',
     templateUrl: './lecture-attachments.component.html',
     styleUrls: ['./lecture-attachments.component.scss'],
+    imports: [
+        TranslateDirective,
+        NgClass,
+        FaIconComponent,
+        RouterLink,
+        NgbTooltip,
+        DeleteButtonDirective,
+        FormsModule,
+        ReactiveFormsModule,
+        FormDateTimePickerComponent,
+        ArtemisDatePipe,
+        ArtemisTranslatePipe,
+        HtmlForMarkdownPipe,
+    ],
 })
 export class LectureAttachmentsComponent implements OnDestroy {
     protected readonly faSpinner = faSpinner;
@@ -83,24 +105,21 @@ export class LectureAttachmentsComponent implements OnDestroy {
     );
 
     constructor() {
-        effect(
-            () => {
-                this.notificationText = undefined;
-                this.routeDataSubscription?.unsubscribe(); // in case the subscription was already defined
-                this.routeDataSubscription = this.activatedRoute.parent!.data.subscribe(({ lecture }) => {
-                    if (this.lectureId()) {
-                        this.lectureService.findWithDetails(this.lectureId()!).subscribe((lectureResponse: HttpResponse<Lecture>) => {
-                            this.lecture.set(lectureResponse.body!);
-                            this.loadAttachments();
-                        });
-                    } else {
-                        this.lecture.set(lecture);
+        effect(() => {
+            this.notificationText = undefined;
+            this.routeDataSubscription?.unsubscribe(); // in case the subscription was already defined
+            this.routeDataSubscription = this.activatedRoute.parent!.data.subscribe(({ lecture }) => {
+                if (this.lectureId()) {
+                    this.lectureService.findWithDetails(this.lectureId()!).subscribe((lectureResponse: HttpResponse<Lecture>) => {
+                        this.lecture.set(lectureResponse.body!);
                         this.loadAttachments();
-                    }
-                });
-            },
-            { allowSignalWrites: true },
-        );
+                    });
+                } else {
+                    this.lecture.set(lecture);
+                    this.loadAttachments();
+                }
+            });
+        });
     }
 
     loadAttachments(): void {
@@ -252,7 +271,7 @@ export class LectureAttachmentsComponent implements OnDestroy {
         }
     }
 
-    trackId(index: number, item: Attachment): number | undefined {
+    trackId(_index: number, item: Attachment): number | undefined {
         return item.id;
     }
 
diff --git a/src/main/webapp/app/lecture/lecture-detail.component.ts b/src/main/webapp/app/lecture/lecture-detail.component.ts
index 59692860562f..ebd119b0061b 100644
--- a/src/main/webapp/app/lecture/lecture-detail.component.ts
+++ b/src/main/webapp/app/lecture/lecture-detail.component.ts
@@ -1,5 +1,5 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
+import { Component, OnDestroy, OnInit, inject } from '@angular/core';
+import { ActivatedRoute, RouterLink } from '@angular/router';
 import { faFile, faFileExport, faPencilAlt, faPuzzlePiece } from '@fortawesome/free-solid-svg-icons';
 import { PROFILE_IRIS } from 'app/app.constants';
 import { Lecture } from 'app/entities/lecture.model';
@@ -10,11 +10,22 @@ import { LectureService } from 'app/lecture/lecture.service';
 import { IrisSettingsService } from 'app/iris/settings/shared/iris-settings.service';
 import { Subscription } from 'rxjs';
 import { AlertService } from 'app/core/util/alert.service';
+import { TranslateDirective } from '../shared/language/translate.directive';
+import { DetailOverviewListComponent } from '../detail-overview-list/detail-overview-list.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 @Component({
     selector: 'jhi-lecture-detail',
     templateUrl: './lecture-detail.component.html',
+    imports: [TranslateDirective, DetailOverviewListComponent, RouterLink, FaIconComponent],
 })
 export class LectureDetailComponent implements OnInit, OnDestroy {
+    private activatedRoute = inject(ActivatedRoute);
+    private artemisMarkdown = inject(ArtemisMarkdownService);
+    private alertService = inject(AlertService);
+    protected lectureService = inject(LectureService);
+    private profileService = inject(ProfileService);
+    private irisSettingsService = inject(IrisSettingsService);
+
     lecture: Lecture;
     lectureIngestionEnabled = false;
 
@@ -28,15 +39,6 @@ export class LectureDetailComponent implements OnInit, OnDestroy {
     irisEnabled = false;
     private profileInfoSubscription: Subscription;
 
-    constructor(
-        private activatedRoute: ActivatedRoute,
-        private artemisMarkdown: ArtemisMarkdownService,
-        private alertService: AlertService,
-        protected lectureService: LectureService,
-        private profileService: ProfileService,
-        private irisSettingsService: IrisSettingsService,
-    ) {}
-
     /**
      * Life cycle hook called by Angular to indicate that Angular is done creating the component
      */
diff --git a/src/main/webapp/app/lecture/lecture-import.component.ts b/src/main/webapp/app/lecture/lecture-import.component.ts
index 645a681ef670..5c7fbae65b8c 100644
--- a/src/main/webapp/app/lecture/lecture-import.component.ts
+++ b/src/main/webapp/app/lecture/lecture-import.component.ts
@@ -1,10 +1,14 @@
-import { Component } from '@angular/core';
-import { Router } from '@angular/router';
-import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
+import { Component, inject } from '@angular/core';
 import { Lecture } from 'app/entities/lecture.model';
-import { LecturePagingService } from 'app/lecture/lecture-paging.service';
 import { Column, ImportComponent } from 'app/shared/import/import.component';
-import { SortService } from 'app/shared/service/sort.service';
+import { FormsModule } from '@angular/forms';
+import { TranslateDirective } from '../shared/language/translate.directive';
+import { SortDirective } from '../shared/sort/sort.directive';
+import { SortByDirective } from '../shared/sort/sort-by.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbHighlight, NgbPagination } from '@ng-bootstrap/ng-bootstrap';
+import { ButtonComponent } from '../shared/components/button.component';
+import { LecturePagingService } from 'app/lecture/lecture-paging.service';
 
 const tableColumns: Column<Lecture>[] = [
     {
@@ -30,10 +34,12 @@ const tableColumns: Column<Lecture>[] = [
 @Component({
     selector: 'jhi-lecture-import',
     templateUrl: '../shared/import/import.component.html',
+    imports: [FormsModule, TranslateDirective, SortDirective, SortByDirective, FaIconComponent, NgbHighlight, ButtonComponent, NgbPagination],
 })
 export class LectureImportComponent extends ImportComponent<Lecture> {
-    constructor(router: Router, sortService: SortService, activeModal: NgbActiveModal, pagingService: LecturePagingService) {
-        super(router, sortService, activeModal, pagingService);
+    constructor() {
+        const pagingService = inject(LecturePagingService);
+        super(pagingService);
         this.columns = tableColumns;
         this.entityName = 'lecture';
     }
diff --git a/src/main/webapp/app/lecture/lecture-paging.service.ts b/src/main/webapp/app/lecture/lecture-paging.service.ts
index efc03da4d928..fb1c497ccd15 100644
--- a/src/main/webapp/app/lecture/lecture-paging.service.ts
+++ b/src/main/webapp/app/lecture/lecture-paging.service.ts
@@ -1,5 +1,5 @@
 import { HttpClient, HttpResponse } from '@angular/common/http';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { Lecture } from 'app/entities/lecture.model';
 import { PagingService } from 'app/exercises/shared/manage/paging.service';
 import { SearchResult, SearchTermPageableSearch } from 'app/shared/table/pageable-table';
@@ -10,9 +10,11 @@ type EntityResponseType = SearchResult<Lecture>;
 
 @Injectable({ providedIn: 'root' })
 export class LecturePagingService extends PagingService<Lecture> {
+    private http = inject(HttpClient);
+
     private static readonly RESOURCE_URL = 'api/lectures';
 
-    constructor(private http: HttpClient) {
+    constructor() {
         super();
     }
 
diff --git a/src/main/webapp/app/lecture/lecture-period/lecture-period.component.ts b/src/main/webapp/app/lecture/lecture-period/lecture-period.component.ts
index 45c09447d3a9..ff0f92363763 100644
--- a/src/main/webapp/app/lecture/lecture-period/lecture-period.component.ts
+++ b/src/main/webapp/app/lecture/lecture-period/lecture-period.component.ts
@@ -1,10 +1,14 @@
 import { Component, Input, Signal, computed, input, viewChildren } from '@angular/core';
 import { Lecture } from 'app/entities/lecture.model';
 import { FormDateTimePickerComponent } from 'app/shared/date-time-picker/date-time-picker.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FormsModule } from '@angular/forms';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-lecture-update-period',
     templateUrl: './lecture-period.component.html',
+    imports: [TranslateDirective, FormDateTimePickerComponent, FormsModule, ArtemisTranslatePipe],
 })
 export class LectureUpdatePeriodComponent {
     lecture = input.required<Lecture>();
diff --git a/src/main/webapp/app/lecture/lecture-title-channel-name.component.ts b/src/main/webapp/app/lecture/lecture-title-channel-name.component.ts
index f2c8ffbc915e..d21c46dd1208 100644
--- a/src/main/webapp/app/lecture/lecture-title-channel-name.component.ts
+++ b/src/main/webapp/app/lecture/lecture-title-channel-name.component.ts
@@ -6,6 +6,7 @@ import { TitleChannelNameComponent } from 'app/shared/form/title-channel-name/ti
 @Component({
     selector: 'jhi-lecture-title-channel-name',
     templateUrl: './lecture-title-channel-name.component.html',
+    imports: [TitleChannelNameComponent],
 })
 export class LectureTitleChannelNameComponent implements OnInit {
     @Input() lecture: Lecture;
@@ -13,6 +14,7 @@ export class LectureTitleChannelNameComponent implements OnInit {
     titleChannelNameComponent = viewChild.required(TitleChannelNameComponent);
 
     hideChannelNameInput = false;
+
     ngOnInit() {
         this.hideChannelNameInput = !this.requiresChannelName(this.lecture);
     }
diff --git a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/attachment-unit-form/attachment-unit-form.component.ts b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/attachment-unit-form/attachment-unit-form.component.ts
index 1bc42524d04b..891f62d123e5 100644
--- a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/attachment-unit-form/attachment-unit-form.component.ts
+++ b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/attachment-unit-form/attachment-unit-form.component.ts
@@ -1,12 +1,17 @@
 import { Component, ElementRef, OnChanges, ViewChild, computed, inject, input, output, signal, viewChild } from '@angular/core';
 import dayjs from 'dayjs/esm';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { FormBuilder, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
 import { faQuestionCircle, faTimes } from '@fortawesome/free-solid-svg-icons';
 import { ACCEPTED_FILE_EXTENSIONS_FILE_BROWSER, ALLOWED_FILE_EXTENSIONS_HUMAN_READABLE } from 'app/shared/constants/file-extensions.constants';
 import { CompetencyLectureUnitLink } from 'app/entities/competency.model';
 import { MAX_FILE_SIZE } from 'app/shared/constants/input.constants';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { FormDateTimePickerComponent } from 'app/shared/date-time-picker/date-time-picker.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { CompetencySelectionComponent } from 'app/shared/competency-selection/competency-selection.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 export interface AttachmentUnitFormData {
     formProperties: FormProperties;
@@ -32,6 +37,7 @@ export interface FileProperties {
 @Component({
     selector: 'jhi-attachment-unit-form',
     templateUrl: './attachment-unit-form.component.html',
+    imports: [FormsModule, ReactiveFormsModule, TranslateDirective, FaIconComponent, NgbTooltip, FormDateTimePickerComponent, CompetencySelectionComponent, ArtemisTranslatePipe],
 })
 export class AttachmentUnitFormComponent implements OnChanges {
     protected readonly faQuestionCircle = faQuestionCircle;
@@ -74,7 +80,7 @@ export class AttachmentUnitFormComponent implements OnChanges {
         return (this.statusChanges() === 'VALID' || this.fileName()) && !this.isFileTooBig() && this.datePickerComponent()?.isValid();
     });
 
-    ngOnChanges(): void {
+    ngOnChanges() {
         if (this.isEditMode() && this.formData()) {
             this.setFormValues(this.formData()!);
         }
diff --git a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/attachment-units/attachment-units.component.ts b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/attachment-units/attachment-units.component.ts
index 9a0ddf145f45..dfba51484636 100644
--- a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/attachment-units/attachment-units.component.ts
+++ b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/attachment-units/attachment-units.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { faBan, faExclamationTriangle, faPlus, faQuestionCircle, faSave, faTimes } from '@fortawesome/free-solid-svg-icons';
 import { ActivatedRoute, Router } from '@angular/router';
 import { HttpErrorResponse } from '@angular/common/http';
@@ -10,6 +10,13 @@ import { AlertService } from 'app/core/util/alert.service';
 import { TranslateService } from '@ngx-translate/core';
 import { Subject } from 'rxjs';
 import { debounceTime, repeat, switchMap } from 'rxjs/operators';
+import { LectureUnitLayoutComponent } from '../lecture-unit-layout/lecture-unit-layout.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FormsModule } from '@angular/forms';
+import { FormDateTimePickerComponent } from 'app/shared/date-time-picker/date-time-picker.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 export type LectureUnitDTOS = {
     unitName: string;
@@ -28,8 +35,15 @@ export type LectureUnitInformationDTO = {
     selector: 'jhi-attachment-units',
     templateUrl: './attachment-units.component.html',
     styleUrls: [],
+    imports: [LectureUnitLayoutComponent, TranslateDirective, FormsModule, FormDateTimePickerComponent, FaIconComponent, NgbTooltip, ArtemisTranslatePipe],
 })
 export class AttachmentUnitsComponent implements OnInit {
+    private activatedRoute = inject(ActivatedRoute);
+    private router = inject(Router);
+    private attachmentUnitService = inject(AttachmentUnitService);
+    private alertService = inject(AlertService);
+    private translateService = inject(TranslateService);
+
     lectureId: number;
     courseId: number;
     isLoading: boolean;
@@ -54,13 +68,7 @@ export class AttachmentUnitsComponent implements OnInit {
     //time until the file gets uploaded again. Must be less or equal than minutesUntilDeletion in AttachmentUnitResource.java
     readonly MINUTES_UNTIL_DELETION = 29;
 
-    constructor(
-        private activatedRoute: ActivatedRoute,
-        private router: Router,
-        private attachmentUnitService: AttachmentUnitService,
-        private alertService: AlertService,
-        private translateService: TranslateService,
-    ) {
+    constructor() {
         this.file = this.router.getCurrentNavigation()?.extras?.state?.file;
         const lectureRoute = this.activatedRoute.parent!.parent!;
         combineLatest([lectureRoute.paramMap, lectureRoute.parent!.paramMap]).subscribe(([params]) => {
diff --git a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/attachmentUnit.service.ts b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/attachmentUnit.service.ts
index 4a5e3ed80a71..f7a701f8f5a5 100644
--- a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/attachmentUnit.service.ts
+++ b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/attachmentUnit.service.ts
@@ -1,7 +1,7 @@
 import { LectureUnitService } from 'app/lecture/lecture-unit/lecture-unit-management/lectureUnit.service';
 import { AttachmentUnit } from 'app/entities/lecture-unit/attachmentUnit.model';
 import { HttpClient, HttpParams, HttpResponse } from '@angular/common/http';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { Observable } from 'rxjs';
 import { map } from 'rxjs/operators';
 import { LectureUnitInformationDTO } from 'app/lecture/lecture-unit/lecture-unit-management/attachment-units/attachment-units.component';
@@ -12,12 +12,10 @@ type EntityResponseType = HttpResponse<AttachmentUnit>;
     providedIn: 'root',
 })
 export class AttachmentUnitService {
-    private resourceURL = 'api';
+    private httpClient = inject(HttpClient);
+    private lectureUnitService = inject(LectureUnitService);
 
-    constructor(
-        private httpClient: HttpClient,
-        private lectureUnitService: LectureUnitService,
-    ) {}
+    private resourceURL = 'api';
 
     findById(attachmentUnitId: number, lectureId: number) {
         return this.httpClient
diff --git a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/create-attachment-unit/create-attachment-unit.component.ts b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/create-attachment-unit/create-attachment-unit.component.ts
index 55a07861bac9..bc3434d83c5b 100644
--- a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/create-attachment-unit/create-attachment-unit.component.ts
+++ b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/create-attachment-unit/create-attachment-unit.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit, ViewChild } from '@angular/core';
+import { Component, OnInit, ViewChild, inject } from '@angular/core';
 import { Attachment, AttachmentType } from 'app/entities/attachment.model';
 import { ActivatedRoute, Router } from '@angular/router';
 import { HttpErrorResponse } from '@angular/common/http';
@@ -10,13 +10,19 @@ import { AlertService } from 'app/core/util/alert.service';
 import { AttachmentUnitFormComponent, AttachmentUnitFormData } from 'app/lecture/lecture-unit/lecture-unit-management/attachment-unit-form/attachment-unit-form.component';
 import { combineLatest } from 'rxjs';
 import { objectToJsonBlob } from 'app/utils/blob-util';
+import { LectureUnitLayoutComponent } from '../lecture-unit-layout/lecture-unit-layout.component';
 
 @Component({
     selector: 'jhi-create-attachment-unit',
     templateUrl: './create-attachment-unit.component.html',
-    styles: [],
+    imports: [LectureUnitLayoutComponent, AttachmentUnitFormComponent],
 })
 export class CreateAttachmentUnitComponent implements OnInit {
+    private activatedRoute = inject(ActivatedRoute);
+    private router = inject(Router);
+    private attachmentUnitService = inject(AttachmentUnitService);
+    private alertService = inject(AlertService);
+
     @ViewChild('attachmentUnitForm')
     attachmentUnitForm: AttachmentUnitFormComponent;
     attachmentUnitToCreate: AttachmentUnit = new AttachmentUnit();
@@ -26,13 +32,6 @@ export class CreateAttachmentUnitComponent implements OnInit {
     lectureId: number;
     courseId: number;
 
-    constructor(
-        private activatedRoute: ActivatedRoute,
-        private router: Router,
-        private attachmentUnitService: AttachmentUnitService,
-        private alertService: AlertService,
-    ) {}
-
     ngOnInit() {
         const lectureRoute = this.activatedRoute.parent!.parent!;
         combineLatest([lectureRoute.paramMap, lectureRoute.parent!.paramMap]).subscribe(([params, parentParams]) => {
diff --git a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/create-exercise-unit/create-exercise-unit.component.ts b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/create-exercise-unit/create-exercise-unit.component.ts
index 5afa962ef553..ec836f2fd3eb 100644
--- a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/create-exercise-unit/create-exercise-unit.component.ts
+++ b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/create-exercise-unit/create-exercise-unit.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnInit, input, output } from '@angular/core';
+import { Component, Input, OnInit, inject, input, output } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { ExerciseUnit } from 'app/entities/lecture-unit/exerciseUnit.model';
 import { CourseManagementService } from 'app/course/manage/course-management.service';
@@ -11,13 +11,26 @@ import { SortService } from 'app/shared/service/sort.service';
 import { combineLatest, forkJoin, from } from 'rxjs';
 import { ExerciseUnitService } from 'app/lecture/lecture-unit/lecture-unit-management/exerciseUnit.service';
 import { faSort, faTimes } from '@fortawesome/free-solid-svg-icons';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { SortDirective } from 'app/shared/sort/sort.directive';
+import { SortByDirective } from 'app/shared/sort/sort-by.directive';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-create-exercise-unit',
     templateUrl: './create-exercise-unit.component.html',
     styleUrls: ['./create-exercise-unit.component.scss'],
+    imports: [TranslateDirective, FaIconComponent, SortDirective, SortByDirective, ArtemisTranslatePipe],
 })
 export class CreateExerciseUnitComponent implements OnInit {
+    private activatedRoute = inject(ActivatedRoute);
+    private router = inject(Router);
+    private courseManagementService = inject(CourseManagementService);
+    private alertService = inject(AlertService);
+    private sortService = inject(SortService);
+    private exerciseUnitService = inject(ExerciseUnitService);
+
     protected readonly faTimes = faTimes;
     protected readonly faSort = faSort;
 
@@ -36,15 +49,6 @@ export class CreateExerciseUnitComponent implements OnInit {
     exercisesAvailableForUnitCreation: Exercise[] = [];
     exercisesToCreateUnitFor: Exercise[] = [];
 
-    constructor(
-        private activatedRoute: ActivatedRoute,
-        private router: Router,
-        private courseManagementService: CourseManagementService,
-        private alertService: AlertService,
-        private sortService: SortService,
-        private exerciseUnitService: ExerciseUnitService,
-    ) {}
-
     ngOnInit(): void {
         this.isLoading = true;
         const lectureRoute = this.activatedRoute.parent!.parent!;
diff --git a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/create-online-unit/create-online-unit.component.ts b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/create-online-unit/create-online-unit.component.ts
index a042bd6ee535..6f414acbc9c2 100644
--- a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/create-online-unit/create-online-unit.component.ts
+++ b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/create-online-unit/create-online-unit.component.ts
@@ -1,5 +1,5 @@
 import { HttpErrorResponse } from '@angular/common/http';
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { OnlineUnit } from 'app/entities/lecture-unit/onlineUnit.model';
 import { OnlineUnitFormData } from 'app/lecture/lecture-unit/lecture-unit-management/online-unit-form/online-unit-form.component';
@@ -8,25 +8,25 @@ import { onError } from 'app/shared/util/global.utils';
 import { AlertService } from 'app/core/util/alert.service';
 import { finalize } from 'rxjs/operators';
 import { combineLatest } from 'rxjs';
+import { LectureUnitLayoutComponent } from '../lecture-unit-layout/lecture-unit-layout.component';
+import { OnlineUnitFormComponent } from '../online-unit-form/online-unit-form.component';
 
 @Component({
     selector: 'jhi-create-online-unit',
     templateUrl: './create-online-unit.component.html',
-    styles: [],
+    imports: [LectureUnitLayoutComponent, OnlineUnitFormComponent],
 })
 export class CreateOnlineUnitComponent implements OnInit {
+    private activatedRoute = inject(ActivatedRoute);
+    private router = inject(Router);
+    private onlineUnitService = inject(OnlineUnitService);
+    private alertService = inject(AlertService);
+
     onlineUnitToCreate: OnlineUnit = new OnlineUnit();
     isLoading: boolean;
     lectureId: number;
     courseId: number;
 
-    constructor(
-        private activatedRoute: ActivatedRoute,
-        private router: Router,
-        private onlineUnitService: OnlineUnitService,
-        private alertService: AlertService,
-    ) {}
-
     ngOnInit(): void {
         const lectureRoute = this.activatedRoute.parent!.parent!;
         combineLatest([lectureRoute.paramMap, lectureRoute.parent!.paramMap]).subscribe(([params, parentParams]) => {
diff --git a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/create-text-unit/create-text-unit.component.ts b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/create-text-unit/create-text-unit.component.ts
index 7e8974f2114e..5041e8742d35 100644
--- a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/create-text-unit/create-text-unit.component.ts
+++ b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/create-text-unit/create-text-unit.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { TextUnit } from 'app/entities/lecture-unit/textUnit.model';
 import { TextUnitService } from 'app/lecture/lecture-unit/lecture-unit-management/textUnit.service';
 import { ActivatedRoute, Router } from '@angular/router';
@@ -8,23 +8,24 @@ import { onError } from 'app/shared/util/global.utils';
 import { finalize } from 'rxjs/operators';
 import { HttpErrorResponse } from '@angular/common/http';
 import { combineLatest } from 'rxjs';
+import { LectureUnitLayoutComponent } from '../lecture-unit-layout/lecture-unit-layout.component';
+import { TextUnitFormComponent } from '../text-unit-form/text-unit-form.component';
 
 @Component({
     selector: 'jhi-create-text-unit',
     templateUrl: './create-text-unit.component.html',
-    styles: [],
+    imports: [LectureUnitLayoutComponent, TextUnitFormComponent],
 })
 export class CreateTextUnitComponent implements OnInit {
+    private activatedRoute = inject(ActivatedRoute);
+    private router = inject(Router);
+    private textUnitService = inject(TextUnitService);
+    private alertService = inject(AlertService);
+
     textUnitToCreate: TextUnit = new TextUnit();
     isLoading: boolean;
     lectureId: number;
     courseId: number;
-    constructor(
-        private activatedRoute: ActivatedRoute,
-        private router: Router,
-        private textUnitService: TextUnitService,
-        private alertService: AlertService,
-    ) {}
 
     ngOnInit(): void {
         const lectureRoute = this.activatedRoute.parent!.parent!;
diff --git a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/create-video-unit/create-video-unit.component.ts b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/create-video-unit/create-video-unit.component.ts
index 2eaf98ebcbc3..13175ec98742 100644
--- a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/create-video-unit/create-video-unit.component.ts
+++ b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/create-video-unit/create-video-unit.component.ts
@@ -1,5 +1,5 @@
 import { HttpErrorResponse } from '@angular/common/http';
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { VideoUnit } from 'app/entities/lecture-unit/videoUnit.model';
 import { VideoUnitFormData } from 'app/lecture/lecture-unit/lecture-unit-management/video-unit-form/video-unit-form.component';
@@ -8,25 +8,25 @@ import { onError } from 'app/shared/util/global.utils';
 import { AlertService } from 'app/core/util/alert.service';
 import { finalize } from 'rxjs/operators';
 import { combineLatest } from 'rxjs';
+import { LectureUnitLayoutComponent } from '../lecture-unit-layout/lecture-unit-layout.component';
+import { VideoUnitFormComponent } from '../video-unit-form/video-unit-form.component';
 
 @Component({
     selector: 'jhi-create-video-unit',
     templateUrl: './create-video-unit.component.html',
-    styles: [],
+    imports: [LectureUnitLayoutComponent, VideoUnitFormComponent],
 })
 export class CreateVideoUnitComponent implements OnInit {
+    private activatedRoute = inject(ActivatedRoute);
+    private router = inject(Router);
+    private videoUnitService = inject(VideoUnitService);
+    private alertService = inject(AlertService);
+
     videoUnitToCreate: VideoUnit = new VideoUnit();
     isLoading: boolean;
     lectureId: number;
     courseId: number;
 
-    constructor(
-        private activatedRoute: ActivatedRoute,
-        private router: Router,
-        private videoUnitService: VideoUnitService,
-        private alertService: AlertService,
-    ) {}
-
     ngOnInit(): void {
         const lectureRoute = this.activatedRoute.parent!.parent!;
         combineLatest([lectureRoute.paramMap, lectureRoute.parent!.paramMap]).subscribe(([params, parentParams]) => {
diff --git a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/edit-attachment-unit/edit-attachment-unit.component.ts b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/edit-attachment-unit/edit-attachment-unit.component.ts
index b3c5741ebcbd..11480c38edd4 100644
--- a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/edit-attachment-unit/edit-attachment-unit.component.ts
+++ b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/edit-attachment-unit/edit-attachment-unit.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit, ViewChild } from '@angular/core';
+import { Component, OnInit, ViewChild, inject } from '@angular/core';
 import { onError } from 'app/shared/util/global.utils';
 import { ActivatedRoute, Router } from '@angular/router';
 import { finalize, switchMap, take } from 'rxjs/operators';
@@ -10,15 +10,21 @@ import { AttachmentUnitFormComponent, AttachmentUnitFormData } from 'app/lecture
 import { Attachment, AttachmentType } from 'app/entities/attachment.model';
 import { combineLatest } from 'rxjs';
 import { objectToJsonBlob } from 'app/utils/blob-util';
+import { LectureUnitLayoutComponent } from '../lecture-unit-layout/lecture-unit-layout.component';
 
 @Component({
     selector: 'jhi-edit-attachment-unit',
     templateUrl: './edit-attachment-unit.component.html',
-    styles: [],
+    imports: [LectureUnitLayoutComponent, AttachmentUnitFormComponent],
 })
 export class EditAttachmentUnitComponent implements OnInit {
-    @ViewChild('attachmentUnitForm')
-    attachmentUnitForm: AttachmentUnitFormComponent;
+    private activatedRoute = inject(ActivatedRoute);
+    private router = inject(Router);
+    private attachmentUnitService = inject(AttachmentUnitService);
+    private alertService = inject(AlertService);
+
+    @ViewChild('attachmentUnitForm') attachmentUnitForm: AttachmentUnitFormComponent;
+
     isLoading = false;
     attachmentUnit: AttachmentUnit;
     attachment: Attachment;
@@ -26,13 +32,6 @@ export class EditAttachmentUnitComponent implements OnInit {
     lectureId: number;
     notificationText: string;
 
-    constructor(
-        private activatedRoute: ActivatedRoute,
-        private router: Router,
-        private attachmentUnitService: AttachmentUnitService,
-        private alertService: AlertService,
-    ) {}
-
     ngOnInit(): void {
         this.isLoading = true;
         const lectureRoute = this.activatedRoute.parent!.parent!;
diff --git a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/edit-online-unit/edit-online-unit.component.ts b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/edit-online-unit/edit-online-unit.component.ts
index 2c76f9690cdd..d500efec1508 100644
--- a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/edit-online-unit/edit-online-unit.component.ts
+++ b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/edit-online-unit/edit-online-unit.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { OnlineUnit } from 'app/entities/lecture-unit/onlineUnit.model';
 import { OnlineUnitFormData } from 'app/lecture/lecture-unit/lecture-unit-management/online-unit-form/online-unit-form.component';
 import { ActivatedRoute, Router } from '@angular/router';
@@ -8,25 +8,25 @@ import { onError } from 'app/shared/util/global.utils';
 import { finalize, switchMap, take } from 'rxjs/operators';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { combineLatest } from 'rxjs';
+import { LectureUnitLayoutComponent } from '../lecture-unit-layout/lecture-unit-layout.component';
+import { OnlineUnitFormComponent } from '../online-unit-form/online-unit-form.component';
 
 @Component({
     selector: 'jhi-edit-online-unit',
     templateUrl: './edit-online-unit.component.html',
-    styles: [],
+    imports: [LectureUnitLayoutComponent, OnlineUnitFormComponent],
 })
 export class EditOnlineUnitComponent implements OnInit {
+    private activatedRoute = inject(ActivatedRoute);
+    private router = inject(Router);
+    private onlineUnitService = inject(OnlineUnitService);
+    private alertService = inject(AlertService);
+
     isLoading = false;
     onlineUnit: OnlineUnit;
     formData: OnlineUnitFormData;
     lectureId: number;
 
-    constructor(
-        private activatedRoute: ActivatedRoute,
-        private router: Router,
-        private onlineUnitService: OnlineUnitService,
-        private alertService: AlertService,
-    ) {}
-
     ngOnInit(): void {
         this.isLoading = true;
         const lectureRoute = this.activatedRoute.parent!.parent!;
diff --git a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/edit-text-unit/edit-text-unit.component.ts b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/edit-text-unit/edit-text-unit.component.ts
index 922412d811a2..70f926d46f37 100644
--- a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/edit-text-unit/edit-text-unit.component.ts
+++ b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/edit-text-unit/edit-text-unit.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { TextUnit } from 'app/entities/lecture-unit/textUnit.model';
 import { TextUnitFormData } from 'app/lecture/lecture-unit/lecture-unit-management/text-unit-form/text-unit-form.component';
 import { TextUnitService } from 'app/lecture/lecture-unit/lecture-unit-management/textUnit.service';
@@ -8,25 +8,25 @@ import { onError } from 'app/shared/util/global.utils';
 import { finalize, switchMap, take } from 'rxjs/operators';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { combineLatest } from 'rxjs';
+import { LectureUnitLayoutComponent } from '../lecture-unit-layout/lecture-unit-layout.component';
+import { TextUnitFormComponent } from '../text-unit-form/text-unit-form.component';
 
 @Component({
     selector: 'jhi-edit-text-unit',
     templateUrl: './edit-text-unit.component.html',
-    styles: [],
+    imports: [LectureUnitLayoutComponent, TextUnitFormComponent],
 })
 export class EditTextUnitComponent implements OnInit {
+    private activatedRoute = inject(ActivatedRoute);
+    private router = inject(Router);
+    private textUnitService = inject(TextUnitService);
+    private alertService = inject(AlertService);
+
     isLoading = false;
     textUnit: TextUnit;
     formData: TextUnitFormData;
     lectureId: number;
 
-    constructor(
-        private activatedRoute: ActivatedRoute,
-        private router: Router,
-        private textUnitService: TextUnitService,
-        private alertService: AlertService,
-    ) {}
-
     ngOnInit(): void {
         this.isLoading = true;
         const lectureRoute = this.activatedRoute.parent!.parent!;
diff --git a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/edit-video-unit/edit-video-unit.component.ts b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/edit-video-unit/edit-video-unit.component.ts
index 4cb4bf415436..54a1d6f513ac 100644
--- a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/edit-video-unit/edit-video-unit.component.ts
+++ b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/edit-video-unit/edit-video-unit.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { VideoUnit } from 'app/entities/lecture-unit/videoUnit.model';
 import { VideoUnitFormData } from 'app/lecture/lecture-unit/lecture-unit-management/video-unit-form/video-unit-form.component';
 import { ActivatedRoute, Router } from '@angular/router';
@@ -8,25 +8,25 @@ import { onError } from 'app/shared/util/global.utils';
 import { finalize, switchMap, take } from 'rxjs/operators';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { combineLatest } from 'rxjs';
+import { LectureUnitLayoutComponent } from '../lecture-unit-layout/lecture-unit-layout.component';
+import { VideoUnitFormComponent } from '../video-unit-form/video-unit-form.component';
 
 @Component({
     selector: 'jhi-edit-video-unit',
     templateUrl: './edit-video-unit.component.html',
-    styles: [],
+    imports: [LectureUnitLayoutComponent, VideoUnitFormComponent],
 })
 export class EditVideoUnitComponent implements OnInit {
+    private activatedRoute = inject(ActivatedRoute);
+    private router = inject(Router);
+    private videoUnitService = inject(VideoUnitService);
+    private alertService = inject(AlertService);
+
     isLoading = false;
     videoUnit: VideoUnit;
     formData: VideoUnitFormData;
     lectureId: number;
 
-    constructor(
-        private activatedRoute: ActivatedRoute,
-        private router: Router,
-        private videoUnitService: VideoUnitService,
-        private alertService: AlertService,
-    ) {}
-
     ngOnInit(): void {
         this.isLoading = true;
         const lectureRoute = this.activatedRoute.parent!.parent!;
diff --git a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/exerciseUnit.service.ts b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/exerciseUnit.service.ts
index 839bb6f75563..67ccc9c140d3 100644
--- a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/exerciseUnit.service.ts
+++ b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/exerciseUnit.service.ts
@@ -1,5 +1,5 @@
 import { HttpClient, HttpResponse } from '@angular/common/http';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { Observable } from 'rxjs';
 import { ExerciseUnit } from 'app/entities/lecture-unit/exerciseUnit.model';
 import { map } from 'rxjs/operators';
@@ -13,12 +13,10 @@ type EntityArrayResponseType = HttpResponse<ExerciseUnit[]>;
     providedIn: 'root',
 })
 export class ExerciseUnitService {
-    private resourceURL = 'api';
+    private httpClient = inject(HttpClient);
+    private lectureUnitService = inject(LectureUnitService);
 
-    constructor(
-        private httpClient: HttpClient,
-        private lectureUnitService: LectureUnitService,
-    ) {}
+    private resourceURL = 'api';
 
     create(exerciseUnit: ExerciseUnit, lectureId: number): Observable<EntityResponseType> {
         if (exerciseUnit.exercise) {
diff --git a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/lecture-unit-layout/lecture-unit-layout.component.ts b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/lecture-unit-layout/lecture-unit-layout.component.ts
index d6cb27138ded..01c12e95b878 100644
--- a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/lecture-unit-layout/lecture-unit-layout.component.ts
+++ b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/lecture-unit-layout/lecture-unit-layout.component.ts
@@ -1,9 +1,10 @@
 import { Component, Input } from '@angular/core';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
     selector: 'jhi-lecture-unit-layout',
     templateUrl: './lecture-unit-layout.component.html',
-    styles: [],
+    imports: [TranslateDirective],
 })
 export class LectureUnitLayoutComponent {
     @Input() isLoading = false;
diff --git a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/lecture-unit-management.component.html b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/lecture-unit-management.component.html
index d13e7e6ba09d..aee76d41d240 100644
--- a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/lecture-unit-management.component.html
+++ b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/lecture-unit-management.component.html
@@ -68,7 +68,7 @@
                         </div>
                     </div>
                     <div class="d-flex gap-1 flex-column justify-content-center col-3 col-sm-2 col-lg-1" role="group">
-                        @if (this.lectureIngestionEnabled && this.lectureUnit.type == LectureUnitType.ATTACHMENT) {
+                        @if (this.lectureIngestionEnabled && lectureUnit.type == LectureUnitType.ATTACHMENT) {
                             <div class="d-flex gap-1 w-100">
                                 @if (lecture.course?.id && showCompetencies) {
                                     <jhi-competencies-popover
diff --git a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/lecture-unit-management.component.ts b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/lecture-unit-management.component.ts
index 7d91c107aff9..c18919e54cc0 100644
--- a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/lecture-unit-management.component.ts
+++ b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/lecture-unit-management.component.ts
@@ -1,5 +1,5 @@
 import { Component, EventEmitter, Input, OnDestroy, OnInit, Output, inject } from '@angular/core';
-import { ActivatedRoute, NavigationEnd, Router } from '@angular/router';
+import { ActivatedRoute, NavigationEnd, Router, RouterLink } from '@angular/router';
 import { Lecture } from 'app/entities/lecture.model';
 import { LectureService } from 'app/lecture/lecture.service';
 import { debounceTime, filter, finalize, map } from 'rxjs/operators';
@@ -13,15 +13,48 @@ import { ActionType } from 'app/shared/delete-dialog/delete-dialog.model';
 import { AttachmentUnit, IngestionState } from 'app/entities/lecture-unit/attachmentUnit.model';
 import { ExerciseUnit } from 'app/entities/lecture-unit/exerciseUnit.model';
 import { IconDefinition, faCheckCircle, faEye, faFileExport, faPencilAlt, faRepeat, faSpinner, faTrash } from '@fortawesome/free-solid-svg-icons';
-import { CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';
+import { CdkDrag, CdkDragDrop, CdkDropList, moveItemInArray } from '@angular/cdk/drag-drop';
 import { PROFILE_IRIS } from 'app/app.constants';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 import { IrisSettingsService } from 'app/iris/settings/shared/iris-settings.service';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { UnitCreationCardComponent } from './unit-creation-card/unit-creation-card.component';
+import { AttachmentUnitComponent } from 'app/overview/course-lectures/attachment-unit/attachment-unit.component';
+import { ExerciseUnitComponent } from 'app/overview/course-lectures/exercise-unit/exercise-unit.component';
+import { VideoUnitComponent } from 'app/overview/course-lectures/video-unit/video-unit.component';
+import { TextUnitComponent } from 'app/overview/course-lectures/text-unit/text-unit.component';
+import { OnlineUnitComponent } from 'app/overview/course-lectures/online-unit/online-unit.component';
+import { CompetenciesPopoverComponent } from 'app/course/competencies/competencies-popover/competencies-popover.component';
+import { NgClass } from '@angular/common';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-lecture-unit-management',
     templateUrl: './lecture-unit-management.component.html',
     styleUrls: ['./lecture-unit-management.component.scss'],
+    imports: [
+        TranslateDirective,
+        UnitCreationCardComponent,
+        CdkDropList,
+        CdkDrag,
+        AttachmentUnitComponent,
+        ExerciseUnitComponent,
+        VideoUnitComponent,
+        TextUnitComponent,
+        OnlineUnitComponent,
+        CompetenciesPopoverComponent,
+        NgClass,
+        NgbTooltip,
+        FaIconComponent,
+        RouterLink,
+        DeleteButtonDirective,
+        ArtemisDatePipe,
+        ArtemisTranslatePipe,
+    ],
 })
 export class LectureUnitManagementComponent implements OnInit, OnDestroy {
     protected readonly faTrash = faTrash;
diff --git a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/lecture-unit-management.module.ts b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/lecture-unit-management.module.ts
index 80423615caf3..0d310548a110 100644
--- a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/lecture-unit-management.module.ts
+++ b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/lecture-unit-management.module.ts
@@ -45,8 +45,6 @@ import { OnlineUnitComponent } from 'app/overview/course-lectures/online-unit/on
         VideoUnitComponent,
         TextUnitComponent,
         OnlineUnitComponent,
-    ],
-    declarations: [
         LectureUnitManagementComponent,
         UnitCreationCardComponent,
         LectureUnitLayoutComponent,
diff --git a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/lecture-unit-management.route.ts b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/lecture-unit-management.route.ts
index c16ee3266283..19de5f472922 100644
--- a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/lecture-unit-management.route.ts
+++ b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/lecture-unit-management.route.ts
@@ -1,29 +1,18 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpResponse } from '@angular/common/http';
 import { ActivatedRouteSnapshot, Resolve, Routes } from '@angular/router';
 import { Observable, of } from 'rxjs';
 import { filter, map } from 'rxjs/operators';
 import { Authority } from 'app/shared/constants/authority.constants';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
-import { LectureUnitManagementComponent } from 'app/lecture/lecture-unit/lecture-unit-management/lecture-unit-management.component';
-import { CreateExerciseUnitComponent } from 'app/lecture/lecture-unit/lecture-unit-management/create-exercise-unit/create-exercise-unit.component';
-import { CreateAttachmentUnitComponent } from 'app/lecture/lecture-unit/lecture-unit-management/create-attachment-unit/create-attachment-unit.component';
-import { EditAttachmentUnitComponent } from 'app/lecture/lecture-unit/lecture-unit-management/edit-attachment-unit/edit-attachment-unit.component';
-import { CreateTextUnitComponent } from 'app/lecture/lecture-unit/lecture-unit-management/create-text-unit/create-text-unit.component';
-import { EditTextUnitComponent } from 'app/lecture/lecture-unit/lecture-unit-management/edit-text-unit/edit-text-unit.component';
-import { CreateVideoUnitComponent } from 'app/lecture/lecture-unit/lecture-unit-management/create-video-unit/create-video-unit.component';
-import { EditVideoUnitComponent } from 'app/lecture/lecture-unit/lecture-unit-management/edit-video-unit/edit-video-unit.component';
-import { CreateOnlineUnitComponent } from 'app/lecture/lecture-unit/lecture-unit-management/create-online-unit/create-online-unit.component';
-import { EditOnlineUnitComponent } from 'app/lecture/lecture-unit/lecture-unit-management/edit-online-unit/edit-online-unit.component';
-import { AttachmentUnitsComponent } from 'app/lecture/lecture-unit/lecture-unit-management/attachment-units/attachment-units.component';
-import { PdfPreviewComponent } from 'app/lecture/pdf-preview/pdf-preview.component';
+
 import { AttachmentUnit } from 'app/entities/lecture-unit/attachmentUnit.model';
 import { AttachmentUnitService } from 'app/lecture/lecture-unit/lecture-unit-management/attachmentUnit.service';
 import { CourseManagementResolve } from 'app/course/manage/course-management-resolve.service';
 
 @Injectable({ providedIn: 'root' })
 export class AttachmentUnitResolve implements Resolve<AttachmentUnit> {
-    constructor(private attachmentUnitService: AttachmentUnitService) {}
+    private attachmentUnitService = inject(AttachmentUnitService);
 
     resolve(route: ActivatedRouteSnapshot): Observable<AttachmentUnit> {
         const lectureId = route.params['lectureId'];
@@ -41,7 +30,7 @@ export class AttachmentUnitResolve implements Resolve<AttachmentUnit> {
 export const lectureUnitRoute: Routes = [
     {
         path: 'unit-management',
-        component: LectureUnitManagementComponent,
+        loadComponent: () => import('app/lecture/lecture-unit/lecture-unit-management/lecture-unit-management.component').then((m) => m.LectureUnitManagementComponent),
         data: {
             authorities: [Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.lectureUnit.home.title',
@@ -57,7 +46,8 @@ export const lectureUnitRoute: Routes = [
         children: [
             {
                 path: 'exercise-units/create',
-                component: CreateExerciseUnitComponent,
+                loadComponent: () =>
+                    import('app/lecture/lecture-unit/lecture-unit-management/create-exercise-unit/create-exercise-unit.component').then((m) => m.CreateExerciseUnitComponent),
                 data: {
                     authorities: [Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
                     pageTitle: 'artemisApp.exerciseUnit.createExerciseUnit.title',
@@ -65,7 +55,7 @@ export const lectureUnitRoute: Routes = [
             },
             {
                 path: 'attachment-units/process',
-                component: AttachmentUnitsComponent,
+                loadComponent: () => import('app/lecture/lecture-unit/lecture-unit-management/attachment-units/attachment-units.component').then((m) => m.AttachmentUnitsComponent),
                 data: {
                     authorities: [Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
                     pageTitle: 'artemisApp.attachmentUnit.createAttachmentUnits.pageTitle',
@@ -73,7 +63,8 @@ export const lectureUnitRoute: Routes = [
             },
             {
                 path: 'attachment-units/create',
-                component: CreateAttachmentUnitComponent,
+                loadComponent: () =>
+                    import('app/lecture/lecture-unit/lecture-unit-management/create-attachment-unit/create-attachment-unit.component').then((m) => m.CreateAttachmentUnitComponent),
                 data: {
                     authorities: [Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
                     pageTitle: 'artemisApp.attachmentUnit.createAttachmentUnit.title',
@@ -81,7 +72,8 @@ export const lectureUnitRoute: Routes = [
             },
             {
                 path: 'video-units/create',
-                component: CreateVideoUnitComponent,
+                loadComponent: () =>
+                    import('app/lecture/lecture-unit/lecture-unit-management/create-video-unit/create-video-unit.component').then((m) => m.CreateVideoUnitComponent),
                 data: {
                     authorities: [Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
                     pageTitle: 'artemisApp.videoUnit.createVideoUnit.title',
@@ -89,7 +81,8 @@ export const lectureUnitRoute: Routes = [
             },
             {
                 path: 'online-units/create',
-                component: CreateOnlineUnitComponent,
+                loadComponent: () =>
+                    import('app/lecture/lecture-unit/lecture-unit-management/create-online-unit/create-online-unit.component').then((m) => m.CreateOnlineUnitComponent),
                 data: {
                     authorities: [Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
                     pageTitle: 'artemisApp.onlineUnit.createOnlineUnit.title',
@@ -97,7 +90,7 @@ export const lectureUnitRoute: Routes = [
             },
             {
                 path: 'text-units/create',
-                component: CreateTextUnitComponent,
+                loadComponent: () => import('app/lecture/lecture-unit/lecture-unit-management/create-text-unit/create-text-unit.component').then((m) => m.CreateTextUnitComponent),
                 data: {
                     authorities: [Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
                     pageTitle: 'artemisApp.textUnit.createTextUnit.title',
@@ -105,7 +98,8 @@ export const lectureUnitRoute: Routes = [
             },
             {
                 path: 'attachment-units/:attachmentUnitId/edit',
-                component: EditAttachmentUnitComponent,
+                loadComponent: () =>
+                    import('app/lecture/lecture-unit/lecture-unit-management/edit-attachment-unit/edit-attachment-unit.component').then((m) => m.EditAttachmentUnitComponent),
                 data: {
                     authorities: [Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
                     pageTitle: 'artemisApp.attachmentUnit.editAttachmentUnit.title',
@@ -113,7 +107,7 @@ export const lectureUnitRoute: Routes = [
             },
             {
                 path: 'attachment-units/:attachmentUnitId/view',
-                component: PdfPreviewComponent,
+                loadComponent: () => import('app/lecture/pdf-preview/pdf-preview.component').then((m) => m.PdfPreviewComponent),
                 resolve: {
                     course: CourseManagementResolve,
                     attachmentUnit: AttachmentUnitResolve,
@@ -121,7 +115,7 @@ export const lectureUnitRoute: Routes = [
             },
             {
                 path: 'video-units/:videoUnitId/edit',
-                component: EditVideoUnitComponent,
+                loadComponent: () => import('app/lecture/lecture-unit/lecture-unit-management/edit-video-unit/edit-video-unit.component').then((m) => m.EditVideoUnitComponent),
                 data: {
                     authorities: [Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
                     pageTitle: 'artemisApp.videoUnit.editVideoUnit.title',
@@ -129,7 +123,7 @@ export const lectureUnitRoute: Routes = [
             },
             {
                 path: 'online-units/:onlineUnitId/edit',
-                component: EditOnlineUnitComponent,
+                loadComponent: () => import('app/lecture/lecture-unit/lecture-unit-management/edit-online-unit/edit-online-unit.component').then((m) => m.EditOnlineUnitComponent),
                 data: {
                     authorities: [Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
                     pageTitle: 'artemisApp.onlineUnit.editOnlineUnit.title',
@@ -137,7 +131,7 @@ export const lectureUnitRoute: Routes = [
             },
             {
                 path: 'text-units/:textUnitId/edit',
-                component: EditTextUnitComponent,
+                loadComponent: () => import('app/lecture/lecture-unit/lecture-unit-management/edit-text-unit/edit-text-unit.component').then((m) => m.EditTextUnitComponent),
                 data: {
                     authorities: [Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
                     pageTitle: 'artemisApp.textUnit.editTextUnit.title',
diff --git a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/lectureUnit.service.ts b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/lectureUnit.service.ts
index 053b29704369..3c0f56576ba9 100644
--- a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/lectureUnit.service.ts
+++ b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/lectureUnit.service.ts
@@ -6,7 +6,7 @@ import { LectureUnitCompletionEvent } from 'app/overview/course-lectures/course-
 import { onError } from 'app/shared/util/global.utils';
 import { Observable } from 'rxjs';
 import { map } from 'rxjs/operators';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { AttachmentUnit, IngestionState } from 'app/entities/lecture-unit/attachmentUnit.model';
 import { AttachmentService } from 'app/lecture/attachment.service';
 import { ExerciseUnit } from 'app/entities/lecture-unit/exerciseUnit.model';
@@ -19,13 +19,11 @@ type EntityArrayResponseType = HttpResponse<LectureUnit[]>;
     providedIn: 'root',
 })
 export class LectureUnitService {
-    private resourceURL = 'api';
+    private httpClient = inject(HttpClient);
+    private attachmentService = inject(AttachmentService);
+    private alertService = inject(AlertService);
 
-    constructor(
-        private httpClient: HttpClient,
-        private attachmentService: AttachmentService,
-        private alertService: AlertService,
-    ) {}
+    private resourceURL = 'api';
 
     updateOrder(lectureId: number, lectureUnits: LectureUnit[]): Observable<HttpResponse<LectureUnit[]>> {
         // Send an ordered list of ids of the lecture units
diff --git a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/online-resource-dto.model.ts b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/online-resource-dto.model.ts
index e601d3325fa6..6760fe301adc 100644
--- a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/online-resource-dto.model.ts
+++ b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/online-resource-dto.model.ts
@@ -2,6 +2,4 @@ export class OnlineResourceDTO {
     url: string;
     title: string;
     description: string;
-
-    constructor() {}
 }
diff --git a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/online-unit-form/online-unit-form.component.ts b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/online-unit-form/online-unit-form.component.ts
index 241feda894e8..a8801f41477a 100644
--- a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/online-unit-form/online-unit-form.component.ts
+++ b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/online-unit-form/online-unit-form.component.ts
@@ -1,6 +1,6 @@
 import dayjs from 'dayjs/esm';
 import { Component, OnChanges, computed, inject, input, output, viewChild } from '@angular/core';
-import { AbstractControl, FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { AbstractControl, FormBuilder, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
 import { faArrowLeft, faTimes } from '@fortawesome/free-solid-svg-icons';
 import { map } from 'rxjs';
 import { HttpResponse } from '@angular/common/http';
@@ -9,6 +9,10 @@ import { OnlineUnitService } from 'app/lecture/lecture-unit/lecture-unit-managem
 import { CompetencyLectureUnitLink } from 'app/entities/competency.model';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { FormDateTimePickerComponent } from 'app/shared/date-time-picker/date-time-picker.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { CompetencySelectionComponent } from 'app/shared/competency-selection/competency-selection.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 export interface OnlineUnitFormData {
     name?: string;
@@ -33,6 +37,7 @@ function urlValidator(control: AbstractControl) {
 @Component({
     selector: 'jhi-online-unit-form',
     templateUrl: './online-unit-form.component.html',
+    imports: [FormsModule, ReactiveFormsModule, TranslateDirective, FormDateTimePickerComponent, CompetencySelectionComponent, FaIconComponent, ArtemisTranslatePipe],
 })
 export class OnlineUnitFormComponent implements OnChanges {
     protected readonly faArrowLeft = faArrowLeft;
@@ -80,7 +85,7 @@ export class OnlineUnitFormComponent implements OnChanges {
         return this.form.get('source');
     }
 
-    ngOnChanges(): void {
+    ngOnChanges() {
         if (this.isEditMode() && this.formData()) {
             this.setFormValues(this.formData()!);
         }
diff --git a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/onlineUnit.service.ts b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/onlineUnit.service.ts
index 7c6d1d4426af..5b7956e7cd98 100644
--- a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/onlineUnit.service.ts
+++ b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/onlineUnit.service.ts
@@ -1,5 +1,5 @@
 import { HttpClient, HttpParams, HttpResponse } from '@angular/common/http';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { OnlineUnit } from 'app/entities/lecture-unit/onlineUnit.model';
 import { LectureUnitService } from 'app/lecture/lecture-unit/lecture-unit-management/lectureUnit.service';
 import { Observable } from 'rxjs';
@@ -12,12 +12,10 @@ type EntityResponseType = HttpResponse<OnlineUnit>;
     providedIn: 'root',
 })
 export class OnlineUnitService {
-    private resourceURL = 'api';
+    private httpClient = inject(HttpClient);
+    private lectureUnitService = inject(LectureUnitService);
 
-    constructor(
-        private httpClient: HttpClient,
-        private lectureUnitService: LectureUnitService,
-    ) {}
+    private resourceURL = 'api';
 
     create(onlineUnit: OnlineUnit, lectureId: number): Observable<EntityResponseType> {
         return this.httpClient
diff --git a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/text-unit-form/text-unit-form.component.ts b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/text-unit-form/text-unit-form.component.ts
index 3ed05d37b8c1..5aaa08f1f43c 100644
--- a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/text-unit-form/text-unit-form.component.ts
+++ b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/text-unit-form/text-unit-form.component.ts
@@ -1,6 +1,6 @@
 import { Component, OnChanges, OnDestroy, OnInit, computed, inject, input, output, viewChild } from '@angular/core';
 import dayjs from 'dayjs/esm';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { FormBuilder, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
 import { Router } from '@angular/router';
 import { Subject, Subscription } from 'rxjs';
 import { debounceTime } from 'rxjs/operators';
@@ -9,6 +9,11 @@ import { faTimes } from '@fortawesome/free-solid-svg-icons';
 import { CompetencyLectureUnitLink } from 'app/entities/competency.model';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { FormDateTimePickerComponent } from 'app/shared/date-time-picker/date-time-picker.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { CompetencySelectionComponent } from 'app/shared/competency-selection/competency-selection.component';
+import { MarkdownEditorMonacoComponent } from 'app/shared/markdown-editor/monaco/markdown-editor-monaco.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 export interface TextUnitFormData {
     name?: string;
@@ -20,9 +25,21 @@ export interface TextUnitFormData {
 @Component({
     selector: 'jhi-text-unit-form',
     templateUrl: './text-unit-form.component.html',
-    styles: [],
+    imports: [
+        FormsModule,
+        ReactiveFormsModule,
+        TranslateDirective,
+        FormDateTimePickerComponent,
+        CompetencySelectionComponent,
+        MarkdownEditorMonacoComponent,
+        FaIconComponent,
+        ArtemisTranslatePipe,
+    ],
 })
 export class TextUnitFormComponent implements OnInit, OnChanges, OnDestroy {
+    private router = inject(Router);
+    private translateService = inject(TranslateService);
+
     protected readonly faTimes = faTimes;
 
     formData = input<TextUnitFormData>();
@@ -54,11 +71,6 @@ export class TextUnitFormComponent implements OnInit, OnChanges, OnDestroy {
     private markdownChanges = new Subject<string>();
     private markdownChangesSubscription: Subscription;
 
-    constructor(
-        private router: Router,
-        private translateService: TranslateService,
-    ) {}
-
     get nameControl() {
         return this.form.get('name');
     }
@@ -67,7 +79,7 @@ export class TextUnitFormComponent implements OnInit, OnChanges, OnDestroy {
         return this.form.get('releaseDate');
     }
 
-    ngOnChanges(): void {
+    ngOnChanges() {
         if (this.isEditMode() && this.formData()) {
             this.setFormValues(this.formData()!);
         }
diff --git a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/textUnit.service.ts b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/textUnit.service.ts
index eef971981c68..298d0f3b86dc 100644
--- a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/textUnit.service.ts
+++ b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/textUnit.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { TextUnit } from 'app/entities/lecture-unit/textUnit.model';
 import { Observable } from 'rxjs';
@@ -11,12 +11,10 @@ type EntityResponseType = HttpResponse<TextUnit>;
     providedIn: 'root',
 })
 export class TextUnitService {
-    private resourceURL = 'api';
+    private httpClient = inject(HttpClient);
+    private lectureUnitService = inject(LectureUnitService);
 
-    constructor(
-        private httpClient: HttpClient,
-        private lectureUnitService: LectureUnitService,
-    ) {}
+    private resourceURL = 'api';
 
     create(textUnit: TextUnit, lectureId: number): Observable<EntityResponseType> {
         return this.httpClient
diff --git a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/unit-creation-card/unit-creation-card.component.ts b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/unit-creation-card/unit-creation-card.component.ts
index 5ab4782d70b8..6cdca8ffd0d3 100644
--- a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/unit-creation-card/unit-creation-card.component.ts
+++ b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/unit-creation-card/unit-creation-card.component.ts
@@ -2,10 +2,16 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { faCheck, faFileUpload, faLink, faScroll, faVideo } from '@fortawesome/free-solid-svg-icons';
 import { DocumentationType } from 'app/shared/components/documentation-button/documentation-button.component';
 import { LectureUnitType } from 'app/entities/lecture-unit/lectureUnit.model';
+import { RouterLink } from '@angular/router';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { DocumentationButtonComponent } from 'app/shared/components/documentation-button/documentation-button.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-unit-creation-card',
     templateUrl: './unit-creation-card.component.html',
+    imports: [RouterLink, FaIconComponent, TranslateDirective, DocumentationButtonComponent, ArtemisTranslatePipe],
 })
 export class UnitCreationCardComponent {
     readonly documentationType: DocumentationType = 'Units';
diff --git a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/video-unit-form/video-unit-form.component.ts b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/video-unit-form/video-unit-form.component.ts
index 0ffea72952dc..42e134552c15 100644
--- a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/video-unit-form/video-unit-form.component.ts
+++ b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/video-unit-form/video-unit-form.component.ts
@@ -1,11 +1,15 @@
 import dayjs from 'dayjs/esm';
 import { Component, computed, effect, inject, input, output, untracked, viewChild } from '@angular/core';
-import { AbstractControl, FormBuilder, FormGroup, ValidationErrors, Validators } from '@angular/forms';
+import { AbstractControl, FormBuilder, FormGroup, FormsModule, ReactiveFormsModule, ValidationErrors, Validators } from '@angular/forms';
 import urlParser from 'js-video-url-parser';
 import { faArrowLeft, faTimes } from '@fortawesome/free-solid-svg-icons';
 import { CompetencyLectureUnitLink } from 'app/entities/competency.model';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { FormDateTimePickerComponent } from 'app/shared/date-time-picker/date-time-picker.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { CompetencySelectionComponent } from 'app/shared/competency-selection/competency-selection.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 export interface VideoUnitFormData {
     name?: string;
@@ -58,6 +62,7 @@ function videoSourceUrlValidator(control: AbstractControl): ValidationErrors | u
 @Component({
     selector: 'jhi-video-unit-form',
     templateUrl: './video-unit-form.component.html',
+    imports: [FormsModule, ReactiveFormsModule, TranslateDirective, FormDateTimePickerComponent, CompetencySelectionComponent, FaIconComponent, ArtemisTranslatePipe],
 })
 export class VideoUnitFormComponent {
     protected readonly faTimes = faTimes;
diff --git a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/videoUnit.service.ts b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/videoUnit.service.ts
index d0eee745fdac..f17f73c3804b 100644
--- a/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/videoUnit.service.ts
+++ b/src/main/webapp/app/lecture/lecture-unit/lecture-unit-management/videoUnit.service.ts
@@ -1,5 +1,5 @@
 import { HttpClient, HttpResponse } from '@angular/common/http';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { VideoUnit } from 'app/entities/lecture-unit/videoUnit.model';
 import { LectureUnitService } from 'app/lecture/lecture-unit/lecture-unit-management/lectureUnit.service';
 import { Observable } from 'rxjs';
@@ -11,12 +11,10 @@ type EntityResponseType = HttpResponse<VideoUnit>;
     providedIn: 'root',
 })
 export class VideoUnitService {
-    private resourceURL = 'api';
+    private httpClient = inject(HttpClient);
+    private lectureUnitService = inject(LectureUnitService);
 
-    constructor(
-        private httpClient: HttpClient,
-        private lectureUnitService: LectureUnitService,
-    ) {}
+    private resourceURL = 'api';
 
     create(videoUnit: VideoUnit, lectureId: number): Observable<EntityResponseType> {
         return this.httpClient
diff --git a/src/main/webapp/app/lecture/lecture-units/lecture-units.component.ts b/src/main/webapp/app/lecture/lecture-units/lecture-units.component.ts
index d9c11741275a..6bce60f7cc38 100644
--- a/src/main/webapp/app/lecture/lecture-units/lecture-units.component.ts
+++ b/src/main/webapp/app/lecture/lecture-units/lecture-units.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnInit, ViewChild, computed, signal, viewChild } from '@angular/core';
+import { Component, Input, OnInit, ViewChild, computed, inject, signal, viewChild } from '@angular/core';
 import { Lecture } from 'app/entities/lecture.model';
 import { TextUnit } from 'app/entities/lecture-unit/textUnit.model';
 import { VideoUnit } from 'app/entities/lecture-unit/videoUnit.model';
@@ -21,12 +21,32 @@ import { HttpErrorResponse } from '@angular/common/http';
 import { AttachmentUnitService } from 'app/lecture/lecture-unit/lecture-unit-management/attachmentUnit.service';
 import dayjs from 'dayjs/esm';
 import { ActivatedRoute } from '@angular/router';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { UnitCreationCardComponent } from '../lecture-unit/lecture-unit-management/unit-creation-card/unit-creation-card.component';
+import { CreateExerciseUnitComponent } from '../lecture-unit/lecture-unit-management/create-exercise-unit/create-exercise-unit.component';
 
 @Component({
     selector: 'jhi-lecture-update-units',
     templateUrl: './lecture-units.component.html',
+    imports: [
+        TranslateDirective,
+        LectureUnitManagementComponent,
+        UnitCreationCardComponent,
+        TextUnitFormComponent,
+        VideoUnitFormComponent,
+        OnlineUnitFormComponent,
+        AttachmentUnitFormComponent,
+        CreateExerciseUnitComponent,
+    ],
 })
 export class LectureUpdateUnitsComponent implements OnInit {
+    protected activatedRoute = inject(ActivatedRoute);
+    protected alertService = inject(AlertService);
+    protected textUnitService = inject(TextUnitService);
+    protected videoUnitService = inject(VideoUnitService);
+    protected onlineUnitService = inject(OnlineUnitService);
+    protected attachmentUnitService = inject(AttachmentUnitService);
+
     @Input() lecture: Lecture;
 
     @ViewChild(LectureUnitManagementComponent, { static: false }) unitManagementComponent: LectureUnitManagementComponent;
@@ -60,15 +80,6 @@ export class LectureUpdateUnitsComponent implements OnInit {
     onlineUnitFormData: OnlineUnitFormData;
     attachmentUnitFormData: AttachmentUnitFormData;
 
-    constructor(
-        protected activatedRoute: ActivatedRoute,
-        protected alertService: AlertService,
-        protected textUnitService: TextUnitService,
-        protected videoUnitService: VideoUnitService,
-        protected onlineUnitService: OnlineUnitService,
-        protected attachmentUnitService: AttachmentUnitService,
-    ) {}
-
     ngOnInit() {
         this.activatedRoute.queryParams.subscribe((params) => {
             // Checks if the exercise unit form should be opened initially, i.e. coming back from the exercise creation
diff --git a/src/main/webapp/app/lecture/lecture-update.component.ts b/src/main/webapp/app/lecture/lecture-update.component.ts
index 092e1348c536..a89242a2e80b 100644
--- a/src/main/webapp/app/lecture/lecture-update.component.ts
+++ b/src/main/webapp/app/lecture/lecture-update.component.ts
@@ -20,11 +20,32 @@ import cloneDeep from 'lodash-es/cloneDeep';
 import { FormSectionStatus, FormStatusBarComponent } from 'app/forms/form-status-bar/form-status-bar.component';
 import { LectureAttachmentsComponent } from 'app/lecture/lecture-attachments.component';
 import { LectureUpdateUnitsComponent } from 'app/lecture/lecture-units/lecture-units.component';
+import { FormsModule } from '@angular/forms';
+import { TranslateDirective } from '../shared/language/translate.directive';
+import { DocumentationButtonComponent } from '../shared/components/documentation-button/documentation-button.component';
+import { MarkdownEditorMonacoComponent } from '../shared/markdown-editor/monaco/markdown-editor-monaco.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { ArtemisTranslatePipe } from '../shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-lecture-update',
     templateUrl: './lecture-update.component.html',
     styleUrls: ['./lecture-update.component.scss'],
+    imports: [
+        FormsModule,
+        TranslateDirective,
+        DocumentationButtonComponent,
+        FormStatusBarComponent,
+        LectureTitleChannelNameComponent,
+        MarkdownEditorMonacoComponent,
+        LectureUpdatePeriodComponent,
+        FaIconComponent,
+        LectureAttachmentsComponent,
+        LectureUpdateUnitsComponent,
+        NgbTooltip,
+        ArtemisTranslatePipe,
+    ],
 })
 export class LectureUpdateComponent implements OnInit, OnDestroy {
     protected readonly documentationType: DocumentationType = 'Lecture';
diff --git a/src/main/webapp/app/lecture/lecture.component.ts b/src/main/webapp/app/lecture/lecture.component.ts
index 7bbe6d1b18b3..13ca7d9ebd61 100644
--- a/src/main/webapp/app/lecture/lecture.component.ts
+++ b/src/main/webapp/app/lecture/lecture.component.ts
@@ -1,13 +1,13 @@
 import { PROFILE_IRIS } from 'app/app.constants';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 import dayjs from 'dayjs/esm';
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { filter, map } from 'rxjs/operators';
 import { LectureService } from './lecture.service';
 import { Lecture } from 'app/entities/lecture.model';
-import { ActivatedRoute, Router } from '@angular/router';
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { ActivatedRoute, Router, RouterLink } from '@angular/router';
+import { NgbDropdown, NgbDropdownMenu, NgbDropdownToggle, NgbModal } from '@ng-bootstrap/ng-bootstrap';
 import { onError } from 'app/shared/util/global.utils';
 import { AlertService } from 'app/core/util/alert.service';
 import { faFile, faFileExport, faFileImport, faFilter, faPencilAlt, faPlus, faPuzzlePiece, faSort, faTrash } from '@fortawesome/free-solid-svg-icons';
@@ -17,6 +17,15 @@ import { DocumentationType } from 'app/shared/components/documentation-button/do
 import { SortService } from 'app/shared/service/sort.service';
 import { IrisSettingsService } from 'app/iris/settings/shared/iris-settings.service';
 import { IngestionState } from 'app/entities/lecture-unit/attachmentUnit.model';
+import { TranslateDirective } from '../shared/language/translate.directive';
+import { DocumentationButtonComponent } from '../shared/components/documentation-button/documentation-button.component';
+import { NgClass } from '@angular/common';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { SortDirective } from '../shared/sort/sort.directive';
+import { SortByDirective } from '../shared/sort/sort-by.directive';
+import { DeleteButtonDirective } from '../shared/delete-dialog/delete-button.directive';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { HtmlForMarkdownPipe } from '../shared/pipes/html-for-markdown.pipe';
 
 export enum LectureDateFilter {
     PAST = 'filterPast',
@@ -28,8 +37,32 @@ export enum LectureDateFilter {
 @Component({
     selector: 'jhi-lecture',
     templateUrl: './lecture.component.html',
+    imports: [
+        TranslateDirective,
+        DocumentationButtonComponent,
+        NgbDropdown,
+        NgbDropdownToggle,
+        NgClass,
+        FaIconComponent,
+        NgbDropdownMenu,
+        RouterLink,
+        SortDirective,
+        SortByDirective,
+        DeleteButtonDirective,
+        ArtemisDatePipe,
+        HtmlForMarkdownPipe,
+    ],
 })
 export class LectureComponent implements OnInit, OnDestroy {
+    protected lectureService = inject(LectureService);
+    private route = inject(ActivatedRoute);
+    private router = inject(Router);
+    private alertService = inject(AlertService);
+    private modalService = inject(NgbModal);
+    private sortService = inject(SortService);
+    private profileService = inject(ProfileService);
+    private irisSettingsService = inject(IrisSettingsService);
+
     lectures: Lecture[];
     filteredLectures: Lecture[];
     courseId: number;
@@ -63,16 +96,7 @@ export class LectureComponent implements OnInit, OnDestroy {
 
     private profileInfoSubscription: Subscription;
 
-    constructor(
-        protected lectureService: LectureService,
-        private route: ActivatedRoute,
-        private router: Router,
-        private alertService: AlertService,
-        private modalService: NgbModal,
-        private sortService: SortService,
-        private profileService: ProfileService,
-        private irisSettingsService: IrisSettingsService,
-    ) {
+    constructor() {
         this.predicate = 'id';
         this.ascending = true;
     }
diff --git a/src/main/webapp/app/lecture/lecture.module.ts b/src/main/webapp/app/lecture/lecture.module.ts
index 83afd92a0e56..ac06b95dea21 100644
--- a/src/main/webapp/app/lecture/lecture.module.ts
+++ b/src/main/webapp/app/lecture/lecture.module.ts
@@ -17,7 +17,7 @@ import { TitleChannelNameModule } from 'app/shared/form/title-channel-name/title
 import { LectureTitleChannelNameComponent } from 'app/lecture/lecture-title-channel-name.component';
 import { DetailModule } from 'app/detail-overview-list/detail.module';
 import { CompetencyFormComponent } from 'app/course/competencies/forms/competency/competency-form.component';
-import { FormsModule } from 'app/forms/forms.module';
+import { ArtemisFormsModule } from 'app/forms/artemis-forms.module';
 import { LectureUpdateUnitsComponent } from 'app/lecture/lecture-units/lecture-units.component';
 import { LectureUpdatePeriodComponent } from 'app/lecture/lecture-period/lecture-period.component';
 
@@ -36,9 +36,7 @@ const ENTITY_STATES = [...lectureRoute];
         TitleChannelNameModule,
         DetailModule,
         CompetencyFormComponent,
-        FormsModule,
-    ],
-    declarations: [
+        ArtemisFormsModule,
         LectureComponent,
         LectureDetailComponent,
         LectureImportComponent,
diff --git a/src/main/webapp/app/lecture/lecture.route.ts b/src/main/webapp/app/lecture/lecture.route.ts
index aa36380de4a1..12619243b61f 100644
--- a/src/main/webapp/app/lecture/lecture.route.ts
+++ b/src/main/webapp/app/lecture/lecture.route.ts
@@ -1,27 +1,24 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpResponse } from '@angular/common/http';
 import { ActivatedRouteSnapshot, Resolve, Routes } from '@angular/router';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
 import { Observable, of } from 'rxjs';
 import { filter, map } from 'rxjs/operators';
 import { LectureService } from './lecture.service';
-import { LectureComponent } from './lecture.component';
-import { LectureDetailComponent } from './lecture-detail.component';
-import { LectureUpdateComponent } from './lecture-update.component';
+
 import { Lecture } from 'app/entities/lecture.model';
-import { LectureAttachmentsComponent } from 'app/lecture/lecture-attachments.component';
+
 import { Authority } from 'app/shared/constants/authority.constants';
 import { lectureUnitRoute } from 'app/lecture/lecture-unit/lecture-unit-management/lecture-unit-management.route';
 import { CourseManagementResolve } from 'app/course/manage/course-management-resolve.service';
-import { CourseManagementTabBarComponent } from 'app/course/manage/course-management-tab-bar/course-management-tab-bar.component';
-import { PdfPreviewComponent } from 'app/lecture/pdf-preview/pdf-preview.component';
+
 import { Attachment } from 'app/entities/attachment.model';
 import { AttachmentService } from 'app/lecture/attachment.service';
 import { hasLectureUnsavedChangesGuard } from './hasLectureUnsavedChanges.guard';
 
 @Injectable({ providedIn: 'root' })
 export class LectureResolve implements Resolve<Lecture> {
-    constructor(private lectureService: LectureService) {}
+    private lectureService = inject(LectureService);
 
     resolve(route: ActivatedRouteSnapshot): Observable<Lecture> {
         const lectureId = route.params['lectureId'];
@@ -37,7 +34,7 @@ export class LectureResolve implements Resolve<Lecture> {
 
 @Injectable({ providedIn: 'root' })
 export class AttachmentResolve implements Resolve<Attachment> {
-    constructor(private attachmentService: AttachmentService) {}
+    private attachmentService = inject(AttachmentService);
 
     resolve(route: ActivatedRouteSnapshot): Observable<Attachment> {
         const attachmentId = route.params['attachmentId'];
@@ -54,11 +51,11 @@ export class AttachmentResolve implements Resolve<Attachment> {
 export const lectureRoute: Routes = [
     {
         path: ':courseId/lectures',
-        component: CourseManagementTabBarComponent,
+        loadComponent: () => import('app/course/manage/course-management-tab-bar/course-management-tab-bar.component').then((m) => m.CourseManagementTabBarComponent),
         children: [
             {
                 path: '',
-                component: LectureComponent,
+                loadComponent: () => import('./lecture.component').then((m) => m.LectureComponent),
                 resolve: {
                     course: CourseManagementResolve,
                 },
@@ -77,7 +74,7 @@ export const lectureRoute: Routes = [
                 children: [
                     {
                         path: 'new',
-                        component: LectureUpdateComponent,
+                        loadComponent: () => import('./lecture-update.component').then((m) => m.LectureUpdateComponent),
                         data: {
                             authorities: [Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
                             pageTitle: 'global.generic.create',
@@ -86,7 +83,7 @@ export const lectureRoute: Routes = [
                     },
                     {
                         path: ':lectureId',
-                        component: LectureDetailComponent,
+                        loadComponent: () => import('./lecture-detail.component').then((m) => m.LectureDetailComponent),
                         resolve: {
                             lecture: LectureResolve,
                         },
@@ -104,7 +101,7 @@ export const lectureRoute: Routes = [
                         children: [
                             {
                                 path: 'attachments',
-                                component: LectureAttachmentsComponent,
+                                loadComponent: () => import('app/lecture/lecture-attachments.component').then((m) => m.LectureAttachmentsComponent),
                                 data: {
                                     authorities: [Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
                                     pageTitle: 'artemisApp.lecture.attachments.title',
@@ -117,7 +114,7 @@ export const lectureRoute: Routes = [
                                 children: [
                                     {
                                         path: ':attachmentId',
-                                        component: PdfPreviewComponent,
+                                        loadComponent: () => import('app/lecture/pdf-preview/pdf-preview.component').then((m) => m.PdfPreviewComponent),
                                         resolve: {
                                             attachment: AttachmentResolve,
                                             course: CourseManagementResolve,
@@ -127,7 +124,7 @@ export const lectureRoute: Routes = [
                             },
                             {
                                 path: 'edit',
-                                component: LectureUpdateComponent,
+                                loadComponent: () => import('./lecture-update.component').then((m) => m.LectureUpdateComponent),
                                 data: {
                                     authorities: [Authority.EDITOR, Authority.INSTRUCTOR, Authority.ADMIN],
                                     pageTitle: 'global.generic.edit',
diff --git a/src/main/webapp/app/lecture/lecture.service.ts b/src/main/webapp/app/lecture/lecture.service.ts
index 118ef77172d8..07d926dafcdf 100644
--- a/src/main/webapp/app/lecture/lecture.service.ts
+++ b/src/main/webapp/app/lecture/lecture.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpParams, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { map, tap } from 'rxjs/operators';
@@ -15,14 +15,12 @@ type EntityArrayResponseType = HttpResponse<Lecture[]>;
 
 @Injectable({ providedIn: 'root' })
 export class LectureService {
-    public resourceUrl = 'api/lectures';
+    protected http = inject(HttpClient);
+    private accountService = inject(AccountService);
+    private lectureUnitService = inject(LectureUnitService);
+    private entityTitleService = inject(EntityTitleService);
 
-    constructor(
-        protected http: HttpClient,
-        private accountService: AccountService,
-        private lectureUnitService: LectureUnitService,
-        private entityTitleService: EntityTitleService,
-    ) {}
+    public resourceUrl = 'api/lectures';
 
     create(lecture: Lecture): Observable<EntityResponseType> {
         const copy = this.convertLectureDatesFromClient(lecture);
diff --git a/src/main/webapp/app/lecture/pdf-preview/pdf-preview-enlarged-canvas/pdf-preview-enlarged-canvas.component.ts b/src/main/webapp/app/lecture/pdf-preview/pdf-preview-enlarged-canvas/pdf-preview-enlarged-canvas.component.ts
index 789aba78aefb..4c2c3242d541 100644
--- a/src/main/webapp/app/lecture/pdf-preview/pdf-preview-enlarged-canvas/pdf-preview-enlarged-canvas.component.ts
+++ b/src/main/webapp/app/lecture/pdf-preview/pdf-preview-enlarged-canvas/pdf-preview-enlarged-canvas.component.ts
@@ -7,7 +7,6 @@ type NavigationDirection = 'next' | 'prev';
     selector: 'jhi-pdf-preview-enlarged-canvas-component',
     templateUrl: './pdf-preview-enlarged-canvas.component.html',
     styleUrls: ['./pdf-preview-enlarged-canvas.component.scss'],
-    standalone: true,
     imports: [ArtemisSharedModule],
 })
 export class PdfPreviewEnlargedCanvasComponent {
@@ -29,13 +28,10 @@ export class PdfPreviewEnlargedCanvasComponent {
     isEnlargedViewOutput = output<boolean>();
 
     constructor() {
-        effect(
-            () => {
-                this.enlargedContainer().nativeElement.style.top = `${this.pdfContainer().scrollTop}px`;
-                this.displayEnlargedCanvas(this.originalCanvas()!);
-            },
-            { allowSignalWrites: true },
-        );
+        effect(() => {
+            this.enlargedContainer().nativeElement.style.top = `${this.pdfContainer().scrollTop}px`;
+            this.displayEnlargedCanvas(this.originalCanvas()!);
+        });
     }
 
     /**
diff --git a/src/main/webapp/app/lecture/pdf-preview/pdf-preview-thumbnail-grid/pdf-preview-thumbnail-grid.component.ts b/src/main/webapp/app/lecture/pdf-preview/pdf-preview-thumbnail-grid/pdf-preview-thumbnail-grid.component.ts
index 84a220ad8cba..30dababea0cf 100644
--- a/src/main/webapp/app/lecture/pdf-preview/pdf-preview-thumbnail-grid/pdf-preview-thumbnail-grid.component.ts
+++ b/src/main/webapp/app/lecture/pdf-preview/pdf-preview-thumbnail-grid/pdf-preview-thumbnail-grid.component.ts
@@ -10,7 +10,6 @@ import { PdfPreviewEnlargedCanvasComponent } from 'app/lecture/pdf-preview/pdf-p
     selector: 'jhi-pdf-preview-thumbnail-grid-component',
     templateUrl: './pdf-preview-thumbnail-grid.component.html',
     styleUrls: ['./pdf-preview-thumbnail-grid.component.scss'],
-    standalone: true,
     imports: [ArtemisSharedModule, PdfPreviewEnlargedCanvasComponent],
 })
 export class PdfPreviewThumbnailGridComponent {
@@ -37,12 +36,9 @@ export class PdfPreviewThumbnailGridComponent {
     private readonly alertService = inject(AlertService);
 
     constructor() {
-        effect(
-            () => {
-                this.loadOrAppendPdf(this.currentPdfUrl()!, this.appendFile());
-            },
-            { allowSignalWrites: true },
-        );
+        effect(() => {
+            this.loadOrAppendPdf(this.currentPdfUrl()!, this.appendFile());
+        });
     }
 
     /**
diff --git a/src/main/webapp/app/lecture/pdf-preview/pdf-preview.component.ts b/src/main/webapp/app/lecture/pdf-preview/pdf-preview.component.ts
index d3271475e580..60abfb7eaa3c 100644
--- a/src/main/webapp/app/lecture/pdf-preview/pdf-preview.component.ts
+++ b/src/main/webapp/app/lecture/pdf-preview/pdf-preview.component.ts
@@ -22,7 +22,6 @@ import { PDFDocument } from 'pdf-lib';
     selector: 'jhi-pdf-preview-component',
     templateUrl: './pdf-preview.component.html',
     styleUrls: ['./pdf-preview.component.scss'],
-    standalone: true,
     imports: [ArtemisSharedModule, PdfPreviewThumbnailGridComponent],
 })
 export class PdfPreviewComponent implements OnInit, OnDestroy {
diff --git a/src/main/webapp/app/localci/build-agents/build-agent-details/build-agent-details/build-agent-details.component.ts b/src/main/webapp/app/localci/build-agents/build-agent-details/build-agent-details/build-agent-details.component.ts
index 3f1b1628d951..07defd4cac33 100644
--- a/src/main/webapp/app/localci/build-agents/build-agent-details/build-agent-details/build-agent-details.component.ts
+++ b/src/main/webapp/app/localci/build-agents/build-agent-details/build-agent-details/build-agent-details.component.ts
@@ -18,7 +18,6 @@ import { SubmissionResultStatusModule } from 'app/overview/submission-result-sta
     selector: 'jhi-build-agent-details',
     templateUrl: './build-agent-details.component.html',
     styleUrl: './build-agent-details.component.scss',
-    standalone: true,
     imports: [ArtemisSharedModule, NgxDatatableModule, ArtemisDataTableModule, SubmissionResultStatusModule],
 })
 export class BuildAgentDetailsComponent implements OnInit, OnDestroy {
diff --git a/src/main/webapp/app/localci/build-agents/build-agent-summary/build-agent-summary.component.ts b/src/main/webapp/app/localci/build-agents/build-agent-summary/build-agent-summary.component.ts
index b3a9e8fcf5c8..08d8772163bd 100644
--- a/src/main/webapp/app/localci/build-agents/build-agent-summary/build-agent-summary.component.ts
+++ b/src/main/webapp/app/localci/build-agents/build-agent-summary/build-agent-summary.component.ts
@@ -15,7 +15,6 @@ import { NgxDatatableModule } from '@siemens/ngx-datatable';
 
 @Component({
     selector: 'jhi-build-agents',
-    standalone: true,
     templateUrl: './build-agent-summary.component.html',
     styleUrl: './build-agent-summary.component.scss',
     imports: [ArtemisSharedModule, NgxDatatableModule, ArtemisDataTableModule],
diff --git a/src/main/webapp/app/localci/build-queue/build-queue.component.ts b/src/main/webapp/app/localci/build-queue/build-queue.component.ts
index 45b337ba1bd1..0f0a904c4375 100644
--- a/src/main/webapp/app/localci/build-queue/build-queue.component.ts
+++ b/src/main/webapp/app/localci/build-queue/build-queue.component.ts
@@ -1,5 +1,5 @@
-import { Component, OnDestroy, OnInit, ViewChild } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
+import { Component, OnDestroy, OnInit, ViewChild, inject } from '@angular/core';
+import { ActivatedRoute, RouterLink } from '@angular/router';
 import { BuildJob, BuildJobStatistics, FinishedBuildJob, SpanType } from 'app/entities/programming/build-job.model';
 import { faAngleDown, faAngleRight, faCircleCheck, faExclamationCircle, faExclamationTriangle, faFilter, faSort, faSync, faTimes } from '@fortawesome/free-solid-svg-icons';
 import { JhiWebsocketService } from 'app/core/websocket/websocket.service';
@@ -13,13 +13,28 @@ import { HttpErrorResponse, HttpHeaders, HttpParams, HttpResponse } from '@angul
 import { AlertService } from 'app/core/util/alert.service';
 import dayjs from 'dayjs/esm';
 import { GraphColors } from 'app/entities/statistics.model';
-import { Color, ScaleType } from '@swimlane/ngx-charts';
+import { Color, PieChartModule, ScaleType } from '@swimlane/ngx-charts';
 import { NgxChartsSingleSeriesDataEntry } from 'app/shared/chart/ngx-charts-datatypes';
-import { NgbModal, NgbTypeahead } from '@ng-bootstrap/ng-bootstrap';
+import { NgbCollapse, NgbModal, NgbPagination, NgbTypeahead } from '@ng-bootstrap/ng-bootstrap';
 import { LocalStorageService } from 'ngx-webstorage';
 import { Observable, OperatorFunction, Subject, Subscription, merge } from 'rxjs';
 import { UI_RELOAD_TIME } from 'app/shared/constants/exercise-exam-constants';
 import { BuildLogEntry, BuildLogLines } from 'app/entities/programming/build-log.model';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { DataTableComponent } from 'app/shared/data-table/data-table.component';
+import { NgxDatatableModule } from '@siemens/ngx-datatable';
+import { NgClass } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { SortDirective } from 'app/shared/sort/sort.directive';
+import { SortByDirective } from 'app/shared/sort/sort-by.directive';
+import { ResultComponent } from '../../exercises/shared/result/result.component';
+import { ItemCountComponent } from 'app/shared/pagination/item-count.component';
+import { FormDateTimePickerComponent } from 'app/shared/date-time-picker/date-time-picker.component';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { ArtemisDurationFromSecondsPipe } from 'app/shared/pipes/artemis-duration-from-seconds.pipe';
 
 export class FinishedBuildJobFilter {
     status?: string = undefined;
@@ -30,8 +45,8 @@ export class FinishedBuildJobFilter {
     buildDurationFilterUpperBound?: number = undefined;
     numberOfAppliedFilters = 0;
     appliedFilters = new Map<string, boolean>();
-    areDurationFiltersValid: boolean = true;
-    areDatesValid: boolean = true;
+    areDurationFiltersValid = true;
+    areDatesValid = true;
 
     /**
      * Adds the http param options
@@ -105,8 +120,37 @@ export enum FinishedBuildJobFilterStorageKey {
     selector: 'jhi-build-queue',
     templateUrl: './build-queue.component.html',
     styleUrl: './build-queue.component.scss',
+    imports: [
+        TranslateDirective,
+        HelpIconComponent,
+        FaIconComponent,
+        NgbCollapse,
+        PieChartModule,
+        DataTableComponent,
+        NgxDatatableModule,
+        NgClass,
+        RouterLink,
+        FormsModule,
+        SortDirective,
+        SortByDirective,
+        ResultComponent,
+        ItemCountComponent,
+        NgbPagination,
+        NgbTypeahead,
+        FormDateTimePickerComponent,
+        ArtemisDatePipe,
+        ArtemisTranslatePipe,
+        ArtemisDurationFromSecondsPipe,
+    ],
 })
 export class BuildQueueComponent implements OnInit, OnDestroy {
+    private route = inject(ActivatedRoute);
+    private websocketService = inject(JhiWebsocketService);
+    private buildQueueService = inject(BuildQueueService);
+    private alertService = inject(AlertService);
+    private modalService = inject(NgbModal);
+    private localStorage = inject(LocalStorageService);
+
     protected readonly TriggeredByPushTo = TriggeredByPushTo;
 
     queuedBuildJobs: BuildJob[] = [];
@@ -163,15 +207,6 @@ export class BuildQueueComponent implements OnInit, OnDestroy {
     rawBuildLogs: BuildLogLines[] = [];
     displayedBuildJobId?: string;
 
-    constructor(
-        private route: ActivatedRoute,
-        private websocketService: JhiWebsocketService,
-        private buildQueueService: BuildQueueService,
-        private alertService: AlertService,
-        private modalService: NgbModal,
-        private localStorage: LocalStorageService,
-    ) {}
-
     ngOnInit() {
         this.buildStatusFilterValues = Object.values(BuildJobStatusFilter);
         this.loadQueue();
diff --git a/src/main/webapp/app/localci/build-queue/build-queue.service.ts b/src/main/webapp/app/localci/build-queue/build-queue.service.ts
index a004acb9eaa8..bd76991f1d22 100644
--- a/src/main/webapp/app/localci/build-queue/build-queue.service.ts
+++ b/src/main/webapp/app/localci/build-queue/build-queue.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { catchError } from 'rxjs/operators';
@@ -11,11 +11,12 @@ import { BuildLogEntry } from 'app/entities/programming/build-log.model';
 
 @Injectable({ providedIn: 'root' })
 export class BuildQueueService {
+    private http = inject(HttpClient);
+
     public resourceUrl = 'api';
     public adminResourceUrl = 'api/admin';
     nestedDtoKey = 'pageable';
 
-    constructor(private http: HttpClient) {}
     /**
      * Get all build jobs of a course in the queue
      * @param courseId
diff --git a/src/main/webapp/app/localci/localci-guard.service.ts b/src/main/webapp/app/localci/localci-guard.service.ts
index 407e80d4f3a8..a81c575860b6 100644
--- a/src/main/webapp/app/localci/localci-guard.service.ts
+++ b/src/main/webapp/app/localci/localci-guard.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { CanActivate, Router } from '@angular/router';
 
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
@@ -8,11 +8,10 @@ import { PROFILE_LOCALCI } from 'app/app.constants';
     providedIn: 'root',
 })
 export class LocalCIGuard implements CanActivate {
-    localCIActive: boolean = false;
-    constructor(
-        private profileService: ProfileService,
-        private router: Router,
-    ) {}
+    private profileService = inject(ProfileService);
+    private router = inject(Router);
+
+    localCIActive = false;
 
     async canActivate(): Promise<boolean> {
         this.profileService.getProfileInfo().subscribe((profileInfo) => {
diff --git a/src/main/webapp/app/localvc/commit-details-view/commit-details-view.component.ts b/src/main/webapp/app/localvc/commit-details-view/commit-details-view.component.ts
index b147bd0892cd..e5e0d49558a0 100644
--- a/src/main/webapp/app/localvc/commit-details-view/commit-details-view.component.ts
+++ b/src/main/webapp/app/localvc/commit-details-view/commit-details-view.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { ProgrammingExerciseGitDiffReport } from 'app/entities/programming-exercise-git-diff-report.model';
 import { ProgrammingExerciseService } from 'app/exercises/programming/manage/services/programming-exercise.service';
 import { ProgrammingExerciseParticipationService } from 'app/exercises/programming/manage/services/programming-exercise-participation.service';
@@ -7,12 +7,20 @@ import { ActivatedRoute } from '@angular/router';
 import { CommitInfo } from 'app/entities/programming/programming-submission.model';
 import dayjs from 'dayjs/esm';
 import { catchError, map, tap } from 'rxjs/operators';
+import { GitDiffReportComponent } from '../../exercises/programming/git-diff-report/git-diff-report.component';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-commit-details-view',
     templateUrl: './commit-details-view.component.html',
+    imports: [GitDiffReportComponent, ArtemisDatePipe, ArtemisTranslatePipe],
 })
 export class CommitDetailsViewComponent implements OnDestroy, OnInit {
+    private programmingExerciseService = inject(ProgrammingExerciseService);
+    private programmingExerciseParticipationService = inject(ProgrammingExerciseParticipationService);
+    private route = inject(ActivatedRoute);
+
     report: ProgrammingExerciseGitDiffReport;
     exerciseId: number;
     participationId?: number;
@@ -34,12 +42,6 @@ export class CommitDetailsViewComponent implements OnDestroy, OnInit {
     paramSub: Subscription;
     participationSub: Subscription;
 
-    constructor(
-        private programmingExerciseService: ProgrammingExerciseService,
-        private programmingExerciseParticipationService: ProgrammingExerciseParticipationService,
-        private route: ActivatedRoute,
-    ) {}
-
     ngOnDestroy(): void {
         this.repoFilesSubscription?.unsubscribe();
         this.participationRepoFilesAtLeftCommitSubscription?.unsubscribe();
diff --git a/src/main/webapp/app/localvc/commit-history/commit-history.component.ts b/src/main/webapp/app/localvc/commit-history/commit-history.component.ts
index f734f9f2eec3..359c3a4f9298 100644
--- a/src/main/webapp/app/localvc/commit-history/commit-history.component.ts
+++ b/src/main/webapp/app/localvc/commit-history/commit-history.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { Subscription } from 'rxjs';
 import dayjs from 'dayjs/esm';
@@ -11,12 +11,18 @@ import { ProgrammingExercise } from 'app/entities/programming/programming-exerci
 import { SolutionProgrammingExerciseParticipation } from 'app/entities/participation/solution-programming-exercise-participation.model';
 import { TemplateProgrammingExerciseParticipation } from 'app/entities/participation/template-programming-exercise-participation.model';
 import { ProgrammingExerciseStudentParticipation } from 'app/entities/participation/programming-exercise-student-participation.model';
+import { CommitsInfoComponent } from '../../exercises/programming/shared/commits-info/commits-info.component';
 
 @Component({
     selector: 'jhi-commit-history',
     templateUrl: './commit-history.component.html',
+    imports: [CommitsInfoComponent],
 })
 export class CommitHistoryComponent implements OnInit, OnDestroy {
+    private route = inject(ActivatedRoute);
+    private programmingExerciseParticipationService = inject(ProgrammingExerciseParticipationService);
+    private programmingExerciseService = inject(ProgrammingExerciseService);
+
     readonly PROGRAMMING = ExerciseType.PROGRAMMING;
     readonly dayjs = dayjs;
 
@@ -34,12 +40,6 @@ export class CommitHistoryComponent implements OnInit, OnDestroy {
 
     isTestRepository = false;
 
-    constructor(
-        private route: ActivatedRoute,
-        private programmingExerciseParticipationService: ProgrammingExerciseParticipationService,
-        private programmingExerciseService: ProgrammingExerciseService,
-    ) {}
-
     ngOnDestroy() {
         this.paramSub?.unsubscribe();
         this.commitsInfoSubscription?.unsubscribe();
diff --git a/src/main/webapp/app/localvc/localvc-guard.service.ts b/src/main/webapp/app/localvc/localvc-guard.service.ts
index 43e6a57346af..08977a47f65a 100644
--- a/src/main/webapp/app/localvc/localvc-guard.service.ts
+++ b/src/main/webapp/app/localvc/localvc-guard.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { CanActivate, Router } from '@angular/router';
 import { firstValueFrom } from 'rxjs';
 
@@ -9,11 +9,10 @@ import { PROFILE_LOCALVC } from 'app/app.constants';
     providedIn: 'root',
 })
 export class LocalVCGuard implements CanActivate {
-    localVCActive: boolean = false;
-    constructor(
-        private profileService: ProfileService,
-        private router: Router,
-    ) {}
+    private profileService = inject(ProfileService);
+    private router = inject(Router);
+
+    localVCActive = false;
 
     async canActivate(): Promise<boolean> {
         try {
diff --git a/src/main/webapp/app/localvc/repository-view/repository-view.component.ts b/src/main/webapp/app/localvc/repository-view/repository-view.component.ts
index 8e0b537d7abd..6bd2912052b1 100644
--- a/src/main/webapp/app/localvc/repository-view/repository-view.component.ts
+++ b/src/main/webapp/app/localvc/repository-view/repository-view.component.ts
@@ -1,6 +1,6 @@
-import { Component, OnDestroy, OnInit, ViewChild } from '@angular/core';
+import { Component, OnDestroy, OnInit, ViewChild, inject } from '@angular/core';
 import { Observable, Subscription } from 'rxjs';
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 import { DomainService } from 'app/exercises/programming/shared/code-editor/service/code-editor-domain.service';
 import { ExerciseType, getCourseFromExercise } from 'app/entities/exercise.model';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
@@ -18,12 +18,40 @@ import { ButtonSize, ButtonType } from 'app/shared/components/button.component';
 import { Feedback } from 'app/entities/feedback.model';
 import { PROFILE_LOCALVC } from 'app/app.constants';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ButtonComponent } from 'app/shared/components/button.component';
+import { ResultComponent } from 'app/exercises/shared/result/result.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { CodeButtonComponent } from 'app/shared/components/code-button/code-button.component';
+import { ProgrammingExerciseStudentRepoDownloadComponent } from 'app/exercises/programming/shared/actions/programming-exercise-student-repo-download.component';
+import { ProgrammingExerciseInstructorRepoDownloadComponent } from 'app/exercises/programming/shared/actions/programming-exercise-instructor-repo-download.component';
+import { ProgrammingExerciseInstructionComponent } from 'app/exercises/programming/shared/instructions-render/programming-exercise-instruction.component';
 
 @Component({
     selector: 'jhi-repository-view',
     templateUrl: './repository-view.component.html',
+    imports: [
+        CodeEditorContainerComponent,
+        TranslateDirective,
+        ButtonComponent,
+        ResultComponent,
+        RouterLink,
+        FaIconComponent,
+        CodeButtonComponent,
+        ProgrammingExerciseStudentRepoDownloadComponent,
+        ProgrammingExerciseInstructorRepoDownloadComponent,
+        ProgrammingExerciseInstructionComponent,
+    ],
 })
 export class RepositoryViewComponent implements OnInit, OnDestroy {
+    private accountService = inject(AccountService);
+    domainService = inject(DomainService);
+    private route = inject(ActivatedRoute);
+    private profileService = inject(ProfileService);
+    private programmingExerciseParticipationService = inject(ProgrammingExerciseParticipationService);
+    private programmingExerciseService = inject(ProgrammingExerciseService);
+    private router = inject(Router);
+
     @ViewChild(CodeEditorContainerComponent, { static: false }) codeEditorContainer: CodeEditorContainerComponent;
 
     PROGRAMMING = ExerciseType.PROGRAMMING;
@@ -56,16 +84,6 @@ export class RepositoryViewComponent implements OnInit, OnDestroy {
     participationWithLatestResultSub: Subscription;
     differentParticipationSub: Subscription;
 
-    constructor(
-        private accountService: AccountService,
-        public domainService: DomainService,
-        private route: ActivatedRoute,
-        private profileService: ProfileService,
-        private programmingExerciseParticipationService: ProgrammingExerciseParticipationService,
-        private programmingExerciseService: ProgrammingExerciseService,
-        private router: Router,
-    ) {}
-
     /**
      * Unsubscribe from all subscriptions when the component is destroyed
      */
diff --git a/src/main/webapp/app/localvc/vcs-repository-access-log-view/vcs-repository-access-log-view.component.ts b/src/main/webapp/app/localvc/vcs-repository-access-log-view/vcs-repository-access-log-view.component.ts
index 0f72191f8405..41f318a77a18 100644
--- a/src/main/webapp/app/localvc/vcs-repository-access-log-view/vcs-repository-access-log-view.component.ts
+++ b/src/main/webapp/app/localvc/vcs-repository-access-log-view/vcs-repository-access-log-view.component.ts
@@ -10,7 +10,6 @@ import { TranslateDirective } from 'app/shared/language/translate.directive';
 @Component({
     selector: 'jhi-vcs-repository-access-log-view',
     templateUrl: './vcs-repository-access-log-view.component.html',
-    standalone: true,
     imports: [TranslateDirective],
 })
 export class VcsRepositoryAccessLogViewComponent {
@@ -32,16 +31,13 @@ export class VcsRepositoryAccessLogViewComponent {
     private readonly repositoryType = computed(() => String(this.params().repositoryType));
 
     constructor() {
-        effect(
-            async () => {
-                if (this.participationId()) {
-                    await this.loadVcsAccessLogForParticipation(this.participationId()!);
-                } else {
-                    await this.loadVcsAccessLog(this.exerciseId(), this.repositoryType());
-                }
-            },
-            { allowSignalWrites: true },
-        );
+        effect(async () => {
+            if (this.participationId()) {
+                await this.loadVcsAccessLogForParticipation(this.participationId()!);
+            } else {
+                await this.loadVcsAccessLog(this.exerciseId(), this.repositoryType());
+            }
+        });
     }
 
     public async loadVcsAccessLogForParticipation(participationId: number) {
diff --git a/src/main/webapp/app/lti/lti-course-card.component.ts b/src/main/webapp/app/lti/lti-course-card.component.ts
index bb66951dfd2a..4bb1323eb492 100644
--- a/src/main/webapp/app/lti/lti-course-card.component.ts
+++ b/src/main/webapp/app/lti/lti-course-card.component.ts
@@ -10,7 +10,6 @@ import { ArtemisSharedModule } from 'app/shared/shared.module';
     selector: 'jhi-overview-lti-course-card',
     templateUrl: './lti-course-card.component.html',
     styleUrls: ['../overview/course-card.scss'],
-    standalone: true,
     imports: [RouterLink, NgStyle, ArtemisSharedModule],
 })
 export class LtiCourseCardComponent {
diff --git a/src/main/webapp/app/lti/lti.module.ts b/src/main/webapp/app/lti/lti.module.ts
index aa71f406cbaa..4d4b6ee9a02d 100644
--- a/src/main/webapp/app/lti/lti.module.ts
+++ b/src/main/webapp/app/lti/lti.module.ts
@@ -3,14 +3,13 @@ import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { RouterModule } from '@angular/router';
 import { Lti13ExerciseLaunchComponent } from 'app/lti/lti13-exercise-launch.component';
 import { Lti13DynamicRegistrationComponent } from 'app/lti/lti13-dynamic-registration.component';
-import { ArtemisCoreModule } from 'app/core/core.module';
 import { ltiLaunchState } from './lti.route';
 import { Lti13DeepLinkingComponent } from 'app/lti/lti13-deep-linking.component';
 import { FormsModule } from '@angular/forms';
 import { Lti13SelectContentComponent } from 'app/lti/lti13-select-content.component';
 import { ArtemisSharedComponentModule } from 'app/shared/components/shared-component.module';
 import { LtiCoursesComponent } from 'app/lti/lti13-select-course.component';
-import { ArtemisSharedLibsModule } from 'app/shared/shared-libs.module';
+
 import { LtiCourseCardComponent } from 'app/lti/lti-course-card.component';
 
 const LTI_LAUNCH_ROUTES = [...ltiLaunchState];
@@ -18,11 +17,9 @@ const LTI_LAUNCH_ROUTES = [...ltiLaunchState];
 @NgModule({
     imports: [
         RouterModule.forChild(LTI_LAUNCH_ROUTES),
-        ArtemisCoreModule,
         ArtemisSharedModule,
         FormsModule,
         ArtemisSharedComponentModule,
-        ArtemisSharedLibsModule,
         Lti13ExerciseLaunchComponent,
         Lti13DynamicRegistrationComponent,
         Lti13DeepLinkingComponent,
diff --git a/src/main/webapp/app/lti/lti.route.ts b/src/main/webapp/app/lti/lti.route.ts
index 4c93660e7fd4..c637ed7e9088 100644
--- a/src/main/webapp/app/lti/lti.route.ts
+++ b/src/main/webapp/app/lti/lti.route.ts
@@ -1,37 +1,33 @@
 import { Routes } from '@angular/router';
-import { Lti13ExerciseLaunchComponent } from 'app/lti/lti13-exercise-launch.component';
-import { Lti13DynamicRegistrationComponent } from 'app/lti/lti13-dynamic-registration.component';
-import { Lti13DeepLinkingComponent } from 'app/lti/lti13-deep-linking.component';
-import { Lti13SelectContentComponent } from 'app/lti/lti13-select-content.component';
-import { LtiCoursesComponent } from 'app/lti/lti13-select-course.component';
+
 import { Authority } from 'app/shared/constants/authority.constants';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
 
 export const ltiLaunchRoutes: Routes = [
     {
         path: 'launch',
-        component: Lti13ExerciseLaunchComponent,
+        loadComponent: () => import('app/lti/lti13-exercise-launch.component').then((m) => m.Lti13ExerciseLaunchComponent),
         data: {
             pageTitle: 'artemisApp.lti13.launch.title',
         },
     },
     {
         path: 'dynamic-registration',
-        component: Lti13DynamicRegistrationComponent,
+        loadComponent: () => import('app/lti/lti13-dynamic-registration.component').then((m) => m.Lti13DynamicRegistrationComponent),
         data: {
             pageTitle: 'artemisApp.lti13.dynamicRegistration.title',
         },
     },
     {
         path: 'select-content',
-        component: Lti13SelectContentComponent,
+        loadComponent: () => import('app/lti/lti13-select-content.component').then((m) => m.Lti13SelectContentComponent),
         data: {
             pageTitle: 'artemisApp.lti13.deepLinking.title',
         },
     },
     {
         path: 'select-course',
-        component: LtiCoursesComponent,
+        loadComponent: () => import('app/lti/lti13-select-course.component').then((m) => m.LtiCoursesComponent),
         data: {
             authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.lti13.selectCourse',
@@ -40,7 +36,7 @@ export const ltiLaunchRoutes: Routes = [
     },
     {
         path: 'exercises/:courseId',
-        component: Lti13DeepLinkingComponent,
+        loadComponent: () => import('app/lti/lti13-deep-linking.component').then((m) => m.Lti13DeepLinkingComponent),
         data: {
             authorities: [Authority.INSTRUCTOR, Authority.ADMIN],
             pageTitle: 'artemisApp.lti13.deepLinking.title',
diff --git a/src/main/webapp/app/lti/lti13-deep-linking.component.ts b/src/main/webapp/app/lti/lti13-deep-linking.component.ts
index 2ac4c0aa9098..51a5a42ebf3f 100644
--- a/src/main/webapp/app/lti/lti13-deep-linking.component.ts
+++ b/src/main/webapp/app/lti/lti13-deep-linking.component.ts
@@ -3,6 +3,7 @@ import { ActivatedRoute, Router } from '@angular/router';
 import { CourseManagementService } from 'app/course/manage/course-management.service';
 import { Exercise } from 'app/entities/exercise.model';
 import { faExclamationTriangle, faSort, faWrench } from '@fortawesome/free-solid-svg-icons';
+import { HasAnyAuthorityDirective } from 'app/shared/auth/has-any-authority.directive';
 import { SortService } from 'app/shared/service/sort.service';
 import { HttpClient, HttpParams } from '@angular/common/http';
 import { AccountService } from 'app/core/auth/account.service';
@@ -20,8 +21,16 @@ import { FormsModule } from '@angular/forms';
 @Component({
     selector: 'jhi-deep-linking',
     templateUrl: './lti13-deep-linking.component.html',
-    standalone: true,
-    imports: [ArtemisSharedModule, TranslateDirective, ArtemisSharedComponentModule, ArtemisSharedCommonModule, FaIconComponent, FormsModule],
+    imports: [
+        ArtemisSharedModule,
+        TranslateDirective,
+        ArtemisSharedComponentModule,
+        ArtemisSharedCommonModule,
+        FaIconComponent,
+        FormsModule,
+        // NOTE: this is actually used in the html template, otherwise *jhiHasAnyAuthority would not work
+        HasAnyAuthorityDirective,
+    ],
 })
 export class Lti13DeepLinkingComponent implements OnInit {
     route = inject(ActivatedRoute);
diff --git a/src/main/webapp/app/lti/lti13-dynamic-registration.component.ts b/src/main/webapp/app/lti/lti13-dynamic-registration.component.ts
index 11fc898d8b96..40db894990c7 100644
--- a/src/main/webapp/app/lti/lti13-dynamic-registration.component.ts
+++ b/src/main/webapp/app/lti/lti13-dynamic-registration.component.ts
@@ -6,7 +6,6 @@ import { TranslateDirective } from '../shared/language/translate.directive';
 @Component({
     selector: 'jhi-dynamic-registration',
     templateUrl: './lti13-dynamic-registration.component.html',
-    standalone: true,
     imports: [TranslateDirective],
 })
 export class Lti13DynamicRegistrationComponent implements OnInit {
diff --git a/src/main/webapp/app/lti/lti13-exercise-launch.component.ts b/src/main/webapp/app/lti/lti13-exercise-launch.component.ts
index 9f0c9826e333..75309b1777d2 100644
--- a/src/main/webapp/app/lti/lti13-exercise-launch.component.ts
+++ b/src/main/webapp/app/lti/lti13-exercise-launch.component.ts
@@ -18,7 +18,6 @@ type LtiLaunchResponse = {
 @Component({
     selector: 'jhi-lti-exercise-launch',
     templateUrl: './lti13-exercise-launch.component.html',
-    standalone: true,
     imports: [TranslateDirective, CommonModule],
 })
 export class Lti13ExerciseLaunchComponent implements OnInit {
diff --git a/src/main/webapp/app/lti/lti13-select-content.component.ts b/src/main/webapp/app/lti/lti13-select-content.component.ts
index d2a68ccf61ba..c1fa2e37ff84 100644
--- a/src/main/webapp/app/lti/lti13-select-content.component.ts
+++ b/src/main/webapp/app/lti/lti13-select-content.component.ts
@@ -15,7 +15,6 @@ import { ArtemisSharedPipesModule } from '../shared/pipes/shared-pipes.module';
 @Component({
     selector: 'jhi-select-exercise',
     templateUrl: './lti13-select-content.component.html',
-    standalone: true,
     imports: [TranslateDirective, FormsModule, ArtemisSharedPipesModule],
 })
 export class Lti13SelectContentComponent implements OnInit {
diff --git a/src/main/webapp/app/lti/lti13-select-course.component.ts b/src/main/webapp/app/lti/lti13-select-course.component.ts
index f9633a91315f..1b5bc95f7540 100644
--- a/src/main/webapp/app/lti/lti13-select-course.component.ts
+++ b/src/main/webapp/app/lti/lti13-select-course.component.ts
@@ -9,7 +9,6 @@ import { TranslateDirective } from '../shared/language/translate.directive';
 @Component({
     selector: 'jhi-lti-courses-overview',
     templateUrl: './lti13-select-course.component.html',
-    standalone: true,
     imports: [LtiCourseCardComponent, TranslateDirective],
 })
 export class LtiCoursesComponent implements OnInit {
diff --git a/src/main/webapp/app/lti/online-course-dto.model.ts b/src/main/webapp/app/lti/online-course-dto.model.ts
index e26d4b4e200c..5b5e8267225a 100644
--- a/src/main/webapp/app/lti/online-course-dto.model.ts
+++ b/src/main/webapp/app/lti/online-course-dto.model.ts
@@ -3,6 +3,4 @@ export class OnlineCourseDtoModel {
     public title?: string;
     public shortName?: string;
     public registrationId?: string;
-
-    constructor() {}
 }
diff --git a/src/main/webapp/app/orion/assessment/orion-assessment-instructions.component.ts b/src/main/webapp/app/orion/assessment/orion-assessment-instructions.component.ts
index 5467b1975e99..99aa2fc9b189 100644
--- a/src/main/webapp/app/orion/assessment/orion-assessment-instructions.component.ts
+++ b/src/main/webapp/app/orion/assessment/orion-assessment-instructions.component.ts
@@ -1,6 +1,7 @@
 import { Component, Input } from '@angular/core';
 import { ProgrammingExerciseStudentParticipation } from 'app/entities/participation/programming-exercise-student-participation.model';
 import { Exercise } from 'app/entities/exercise.model';
+import { AssessmentInstructionsComponent } from '../../assessment/assessment-instructions/assessment-instructions/assessment-instructions.component';
 
 @Component({
     selector: 'jhi-orion-assessment-instructions',
@@ -9,6 +10,7 @@ import { Exercise } from 'app/entities/exercise.model';
             <ng-template #overrideTitle />
         </jhi-assessment-instructions>
     `,
+    imports: [AssessmentInstructionsComponent],
 })
 export class OrionAssessmentInstructionsComponent {
     @Input() readOnly: boolean;
diff --git a/src/main/webapp/app/orion/assessment/orion-assessment.service.ts b/src/main/webapp/app/orion/assessment/orion-assessment.service.ts
index 9463fc7f3e32..a60d30966701 100644
--- a/src/main/webapp/app/orion/assessment/orion-assessment.service.ts
+++ b/src/main/webapp/app/orion/assessment/orion-assessment.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ProgrammingSubmission } from 'app/entities/programming/programming-submission.model';
 import { ProgrammingAssessmentRepoExportService, RepositoryExportOptions } from 'app/exercises/programming/assess/repo-export/programming-assessment-repo-export.service';
 import { OrionConnectorService } from 'app/shared/orion/orion-connector.service';
@@ -10,24 +10,26 @@ import { AlertService } from 'app/core/util/alert.service';
 
 @Injectable({ providedIn: 'root' })
 export class OrionAssessmentService {
+    private orionConnectorService = inject(OrionConnectorService);
+    private programmingSubmissionService = inject(ProgrammingSubmissionService);
+    private repositoryExportService = inject(ProgrammingAssessmentRepoExportService);
+    private manualAssessmentService = inject(ProgrammingAssessmentManualResultService);
+    private alertService = inject(AlertService);
+
     orionState: OrionState;
     // Stores which submission has been lastly opened
     activeSubmissionId: number | undefined = undefined;
 
-    constructor(
-        private orionConnectorService: OrionConnectorService,
-        private programmingSubmissionService: ProgrammingSubmissionService,
-        private repositoryExportService: ProgrammingAssessmentRepoExportService,
-        private manualAssessmentService: ProgrammingAssessmentManualResultService,
-        private alertService: AlertService,
-    ) {
-        this.orionConnectorService.state().subscribe((state) => {
-            if (this.orionState?.cloning && !state.cloning && this.activeSubmissionId !== undefined) {
-                // If the client sends a cloning = false the download was cancelled, unlock the pending submission
-                this.manualAssessmentService.cancelAssessment(this.activeSubmissionId).subscribe();
-            }
-            this.orionState = { ...state };
-        });
+    constructor() {
+        if (this.orionConnectorService && this.orionConnectorService.state()) {
+            this.orionConnectorService.state().subscribe((state) => {
+                if (this.orionState?.cloning && !state.cloning && this.activeSubmissionId !== undefined) {
+                    // If the client sends a cloning = false the download was cancelled, unlock the pending submission
+                    this.manualAssessmentService.cancelAssessment(this.activeSubmissionId).subscribe();
+                }
+                this.orionState = { ...state };
+            });
+        }
     }
 
     /**
diff --git a/src/main/webapp/app/orion/assessment/orion-exercise-assessment-dashboard.component.ts b/src/main/webapp/app/orion/assessment/orion-exercise-assessment-dashboard.component.ts
index 33a3f8871172..11eb809bcc7b 100644
--- a/src/main/webapp/app/orion/assessment/orion-exercise-assessment-dashboard.component.ts
+++ b/src/main/webapp/app/orion/assessment/orion-exercise-assessment-dashboard.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { CourseManagementService } from 'app/course/manage/course-management.service';
 import { AlertService } from 'app/core/util/alert.service';
 import { Submission } from 'app/entities/submission.model';
@@ -10,13 +10,23 @@ import { ExerciseService } from 'app/exercises/shared/exercise/exercise.service'
 import { onError } from 'app/shared/util/global.utils';
 import { OrionAssessmentService } from 'app/orion/assessment/orion-assessment.service';
 import { OrionButtonType } from 'app/shared/orion/orion-button/orion-button.component';
+import { ExerciseAssessmentDashboardComponent } from '../../exercises/shared/dashboards/tutor/exercise-assessment-dashboard.component';
+import { OrionButtonComponent } from 'app/shared/orion/orion-button/orion-button.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-orion-exercise-assessment-dashboard',
     templateUrl: './orion-exercise-assessment-dashboard.component.html',
     providers: [CourseManagementService],
+    imports: [ExerciseAssessmentDashboardComponent, OrionButtonComponent, ArtemisTranslatePipe],
 })
 export class OrionExerciseAssessmentDashboardComponent implements OnInit {
+    private route = inject(ActivatedRoute);
+    private exerciseService = inject(ExerciseService);
+    private orionAssessmentService = inject(OrionAssessmentService);
+    private orionConnectorService = inject(OrionConnectorService);
+    private alertService = inject(AlertService);
+
     readonly ExerciseView = ExerciseView;
     readonly ExerciseType = ExerciseType;
     protected readonly OrionButtonType = OrionButtonType;
@@ -25,22 +35,15 @@ export class OrionExerciseAssessmentDashboardComponent implements OnInit {
     exerciseId: number;
     exercise: Exercise;
 
-    constructor(
-        private route: ActivatedRoute,
-        private exerciseService: ExerciseService,
-        private orionAssessmentService: OrionAssessmentService,
-        private orionConnectorService: OrionConnectorService,
-        private alertService: AlertService,
-    ) {}
-
     ngOnInit(): void {
         this.exerciseId = Number(this.route.snapshot.paramMap.get('exerciseId'));
         this.exerciseService.getForTutors(this.exerciseId).subscribe({
             next: (res) => (this.exercise = res.body!),
             error: (error) => onError(this.alertService, error),
         });
-
-        this.orionConnectorService.state().subscribe((state) => (this.orionState = state));
+        if (this.orionConnectorService && this.orionConnectorService.state()) {
+            this.orionConnectorService.state().subscribe((state) => (this.orionState = state));
+        }
     }
 
     /**
diff --git a/src/main/webapp/app/orion/assessment/orion-tutor-assessment.component.ts b/src/main/webapp/app/orion/assessment/orion-tutor-assessment.component.ts
index e1518de3e2a8..23ca17653fc8 100644
--- a/src/main/webapp/app/orion/assessment/orion-tutor-assessment.component.ts
+++ b/src/main/webapp/app/orion/assessment/orion-tutor-assessment.component.ts
@@ -1,22 +1,27 @@
-import { Component, ViewChild } from '@angular/core';
+import { Component, ViewChild, inject } from '@angular/core';
 import { CodeEditorTutorAssessmentContainerComponent } from 'app/exercises/programming/assess/code-editor-tutor-assessment-container.component';
 import { Feedback } from 'app/entities/feedback.model';
 import { OrionConnectorService } from 'app/shared/orion/orion-connector.service';
 import { OrionAssessmentService } from 'app/orion/assessment/orion-assessment.service';
 import { AlertService } from 'app/core/util/alert.service';
+import { NgTemplateOutlet } from '@angular/common';
+import { OrionAssessmentInstructionsComponent } from './orion-assessment-instructions.component';
 
 @Component({
     selector: 'jhi-orion-course-management-exercises',
     templateUrl: './orion-tutor-assessment.component.html',
+    imports: [CodeEditorTutorAssessmentContainerComponent, NgTemplateOutlet, OrionAssessmentInstructionsComponent],
 })
 export class OrionTutorAssessmentComponent {
+    private orionConnectorService = inject(OrionConnectorService);
+    private alertService = inject(AlertService);
+    private orionAssessmentService = inject(OrionAssessmentService);
+
     @ViewChild(CodeEditorTutorAssessmentContainerComponent) container: CodeEditorTutorAssessmentContainerComponent;
 
-    constructor(
-        private orionConnectorService: OrionConnectorService,
-        private alertService: AlertService,
-        private orionAssessmentService: OrionAssessmentService,
-    ) {
+    constructor() {
+        const orionConnectorService = this.orionConnectorService;
+
         // Register this component as receiver of updates from Orion
         orionConnectorService.activeAssessmentComponent = this;
     }
diff --git a/src/main/webapp/app/orion/management/code-editor-instructor-and-editor-orion-container.component.ts b/src/main/webapp/app/orion/management/code-editor-instructor-and-editor-orion-container.component.ts
index fece685811c2..ec410975c4cf 100644
--- a/src/main/webapp/app/orion/management/code-editor-instructor-and-editor-orion-container.component.ts
+++ b/src/main/webapp/app/orion/management/code-editor-instructor-and-editor-orion-container.component.ts
@@ -1,27 +1,45 @@
-import { Component, OnInit } from '@angular/core';
-import { ProgrammingExerciseParticipationService } from 'app/exercises/programming/manage/services/programming-exercise-participation.service';
-import { ProgrammingExerciseService } from 'app/exercises/programming/manage/services/programming-exercise.service';
-import { ParticipationService } from 'app/exercises/shared/participation/participation.service';
-import { ActivatedRoute, Router } from '@angular/router';
-import { Location } from '@angular/common';
-import { TranslateService } from '@ngx-translate/core';
-import { AlertService } from 'app/core/util/alert.service';
+import { Component, OnInit, inject } from '@angular/core';
 import { CodeEditorInstructorBaseContainerComponent, REPOSITORY } from 'app/exercises/programming/manage/code-editor/code-editor-instructor-base-container.component';
-import { DomainService } from 'app/exercises/programming/shared/code-editor/service/code-editor-domain.service';
 import { OrionConnectorService } from 'app/shared/orion/orion-connector.service';
 import { OrionBuildAndTestService } from 'app/shared/orion/orion-build-and-test.service';
 import { OrionState } from 'app/shared/orion/orion';
 import { faCircleNotch, faTimesCircle } from '@fortawesome/free-solid-svg-icons';
-import { CourseExerciseService } from 'app/exercises/shared/course-exercises/course-exercise.service';
 
 import { MarkdownEditorHeight } from 'app/shared/markdown-editor/monaco/markdown-editor-monaco.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { UpdatingResultComponent } from '../../exercises/shared/result/updating-result.component';
+import { ProgrammingExerciseInstructorExerciseStatusComponent } from '../../exercises/programming/manage/status/programming-exercise-instructor-exercise-status.component';
+import { NgbDropdown, NgbDropdownButtonItem, NgbDropdownItem, NgbDropdownMenu, NgbDropdownToggle } from '@ng-bootstrap/ng-bootstrap';
+import { ProgrammingExerciseStudentTriggerBuildButtonComponent } from '../../exercises/programming/shared/actions/programming-exercise-student-trigger-build-button.component';
+import { OrionButtonComponent } from 'app/shared/orion/orion-button/orion-button.component';
+import { ProgrammingExerciseEditableInstructionComponent } from '../../exercises/programming/manage/instructions-editor/programming-exercise-editable-instruction.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-code-editor-instructor-orion',
     templateUrl: './code-editor-instructor-and-editor-orion-container.component.html',
     styles: ['.instructions-orion { height: 700px }'],
+    imports: [
+        FaIconComponent,
+        TranslateDirective,
+        UpdatingResultComponent,
+        ProgrammingExerciseInstructorExerciseStatusComponent,
+        NgbDropdown,
+        NgbDropdownToggle,
+        NgbDropdownMenu,
+        NgbDropdownButtonItem,
+        NgbDropdownItem,
+        ProgrammingExerciseStudentTriggerBuildButtonComponent,
+        OrionButtonComponent,
+        ProgrammingExerciseEditableInstructionComponent,
+        ArtemisTranslatePipe,
+    ],
 })
 export class CodeEditorInstructorAndEditorOrionContainerComponent extends CodeEditorInstructorBaseContainerComponent implements OnInit {
+    private orionConnectorService = inject(OrionConnectorService);
+    private orionBuildAndTestService = inject(OrionBuildAndTestService);
+
     orionState: OrionState;
 
     // Icons
@@ -30,30 +48,15 @@ export class CodeEditorInstructorAndEditorOrionContainerComponent extends CodeEd
 
     protected readonly MarkdownEditorHeight = MarkdownEditorHeight;
 
-    constructor(
-        private orionConnectorService: OrionConnectorService,
-        private orionBuildAndTestService: OrionBuildAndTestService,
-        router: Router,
-        exerciseService: ProgrammingExerciseService,
-        courseExerciseService: CourseExerciseService,
-        domainService: DomainService,
-        programmingExerciseParticipationService: ProgrammingExerciseParticipationService,
-        location: Location,
-        participationService: ParticipationService,
-        translateService: TranslateService,
-        route: ActivatedRoute,
-        alertService: AlertService,
-    ) {
-        super(router, exerciseService, courseExerciseService, domainService, programmingExerciseParticipationService, location, participationService, route, alertService);
-    }
-
     /**
      * Calls ngOnInit of its superclass and initialize the subscription to
      * the Orion connector service, on component initialization
      */
     ngOnInit(): void {
         super.ngOnInit();
-        this.orionConnectorService.state().subscribe((state) => (this.orionState = state));
+        if (this.orionConnectorService && this.orionConnectorService.state()) {
+            this.orionConnectorService.state().subscribe((state) => (this.orionState = state));
+        }
     }
 
     protected applyDomainChange(domainType: any, domainValue: any) {
diff --git a/src/main/webapp/app/orion/management/orion-course-management-exercises.component.ts b/src/main/webapp/app/orion/management/orion-course-management-exercises.component.ts
index 2130f8169d20..8bdf0a853e97 100644
--- a/src/main/webapp/app/orion/management/orion-course-management-exercises.component.ts
+++ b/src/main/webapp/app/orion/management/orion-course-management-exercises.component.ts
@@ -1,4 +1,6 @@
 import { Component } from '@angular/core';
+import { CourseManagementExercisesComponent } from '../../course/manage/course-management-exercises.component';
+import { OrionProgrammingExerciseComponent } from './orion-programming-exercise.component';
 
 @Component({
     selector: 'jhi-orion-course-management-exercises',
@@ -24,6 +26,7 @@ import { Component } from '@angular/core';
             </ng-template>
         </jhi-course-management-exercises>
     `,
+    imports: [CourseManagementExercisesComponent, OrionProgrammingExerciseComponent],
 })
 export class OrionCourseManagementExercisesComponent {
     // only overrides the programming exercise list with Orion's programming exercise list and suppresses the other exercises
diff --git a/src/main/webapp/app/orion/management/orion-programming-exercise.component.html b/src/main/webapp/app/orion/management/orion-programming-exercise.component.html
index 4164d6a59602..291c16ad5eb2 100644
--- a/src/main/webapp/app/orion/management/orion-programming-exercise.component.html
+++ b/src/main/webapp/app/orion/management/orion-programming-exercise.component.html
@@ -8,22 +8,24 @@
     <ng-template #overrideRepositoryAndBuildPlan />
     <ng-template #overrideButtons let-exercise="exercise">
         <td class="align-middle">
-            @if (orionState.view === ExerciseView.INSTRUCTOR && orionState.opened === exercise.id && exercise.isAtLeastEditor && exercise.templateParticipation) {
-                <jhi-ide-button
-                    buttonLabel="{{ 'artemisApp.programmingExercise.orion.openEditor' | artemisTranslate }}"
-                    [buttonType]="OrionButtonType.Download"
-                    [smallButton]="false"
-                    (clickHandler)="openOrionEditor(exercise)"
-                />
-            } @else {
-                @if (exercise.isAtLeastEditor && exercise.templateParticipation) {
+            @if (orionState) {
+                @if (orionState.view === ExerciseView.INSTRUCTOR && orionState.opened === exercise.id && exercise.isAtLeastEditor && exercise.templateParticipation) {
                     <jhi-ide-button
-                        [buttonLabel]="'entity.action.editInOrion' | artemisTranslate"
+                        buttonLabel="{{ 'artemisApp.programmingExercise.orion.openEditor' | artemisTranslate }}"
                         [buttonType]="OrionButtonType.Download"
-                        [buttonLoading]="orionState.cloning"
                         [smallButton]="false"
-                        (clickHandler)="editInIDE(exercise)"
+                        (clickHandler)="openOrionEditor(exercise)"
                     />
+                } @else {
+                    @if (exercise.isAtLeastEditor && exercise.templateParticipation) {
+                        <jhi-ide-button
+                            [buttonLabel]="'entity.action.editInOrion' | artemisTranslate"
+                            [buttonType]="OrionButtonType.Download"
+                            [buttonLoading]="orionState.cloning"
+                            [smallButton]="false"
+                            (clickHandler)="editInIDE(exercise)"
+                        />
+                    }
                 }
             }
         </td>
diff --git a/src/main/webapp/app/orion/management/orion-programming-exercise.component.ts b/src/main/webapp/app/orion/management/orion-programming-exercise.component.ts
index 2854122be21c..1d42aecb6e40 100644
--- a/src/main/webapp/app/orion/management/orion-programming-exercise.component.ts
+++ b/src/main/webapp/app/orion/management/orion-programming-exercise.component.ts
@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { Component, EventEmitter, Input, OnInit, Output, inject } from '@angular/core';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { OrionConnectorService } from 'app/shared/orion/orion-connector.service';
 import { ExerciseView, OrionState } from 'app/shared/orion/orion';
@@ -7,12 +7,20 @@ import { Course } from 'app/entities/course.model';
 import { ProgrammingExerciseService } from 'app/exercises/programming/manage/services/programming-exercise.service';
 import { ExerciseFilter } from 'app/entities/exercise-filter.model';
 import { OrionButtonType } from 'app/shared/orion/orion-button/orion-button.component';
+import { ProgrammingExerciseComponent } from 'app/exercises/programming/manage/programming-exercise.component';
+import { OrionButtonComponent } from 'app/shared/orion/orion-button/orion-button.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-orion-programming-exercise',
     templateUrl: './orion-programming-exercise.component.html',
+    imports: [ProgrammingExerciseComponent, OrionButtonComponent, ArtemisTranslatePipe],
 })
 export class OrionProgrammingExerciseComponent implements OnInit {
+    private orionConnectorService = inject(OrionConnectorService);
+    private router = inject(Router);
+    private programmingExerciseService = inject(ProgrammingExerciseService);
+
     @Input() embedded = false;
     @Input() course: Course;
     @Input() exerciseFilter: ExerciseFilter;
@@ -23,16 +31,12 @@ export class OrionProgrammingExerciseComponent implements OnInit {
     protected readonly OrionButtonType = OrionButtonType;
     orionState: OrionState;
 
-    constructor(
-        private orionConnectorService: OrionConnectorService,
-        private router: Router,
-        private programmingExerciseService: ProgrammingExerciseService,
-    ) {}
-
     ngOnInit() {
-        this.orionConnectorService.state().subscribe((state) => {
-            this.orionState = state;
-        });
+        if (this.orionConnectorService && this.orionConnectorService.state()) {
+            this.orionConnectorService.state().subscribe((state) => {
+                this.orionState = state;
+            });
+        }
     }
 
     /**
diff --git a/src/main/webapp/app/orion/participation/orion-course-exercise-details.component.ts b/src/main/webapp/app/orion/participation/orion-course-exercise-details.component.ts
index a330a872b25d..d24f48cc8246 100644
--- a/src/main/webapp/app/orion/participation/orion-course-exercise-details.component.ts
+++ b/src/main/webapp/app/orion/participation/orion-course-exercise-details.component.ts
@@ -1,4 +1,6 @@
 import { Component } from '@angular/core';
+import { CourseExerciseDetailsComponent } from 'app/overview/exercise-details/course-exercise-details.component';
+import { OrionExerciseDetailsStudentActionsComponent } from './orion-exercise-details-student-actions.component';
 
 @Component({
     selector: 'jhi-orion-course-exercise-details',
@@ -9,6 +11,7 @@ import { Component } from '@angular/core';
             </ng-template>
         </jhi-course-exercise-details>
     `,
+    imports: [CourseExerciseDetailsComponent, OrionExerciseDetailsStudentActionsComponent],
 })
 export class OrionCourseExerciseDetailsComponent {
     // only replaces the student actions with Orion student actions in the overview
diff --git a/src/main/webapp/app/orion/participation/orion-exercise-details-student-actions.component.html b/src/main/webapp/app/orion/participation/orion-exercise-details-student-actions.component.html
index e91dda6f3f21..f98986f2f7fc 100644
--- a/src/main/webapp/app/orion/participation/orion-exercise-details-student-actions.component.html
+++ b/src/main/webapp/app/orion/participation/orion-exercise-details-student-actions.component.html
@@ -1,34 +1,36 @@
 <jhi-exercise-details-student-actions [exercise]="exercise" [courseId]="courseId" [smallButtons]="smallButtons" [examMode]="examMode">
     <ng-template #overrideCodeAndOnlineEditorButton>
-        @if (isOfflineIdeAllowed && (orionState.view !== ExerciseView.STUDENT || orionState.opened !== this.exercise.id)) {
-            <jhi-ide-button
-                [featureToggle]="FeatureToggle.ProgrammingExercises"
-                (clickHandler)="importIntoIDE()"
-                [buttonLabel]="'artemisApp.exerciseActions.importIntoIDE' | artemisTranslate"
-                [buttonType]="OrionButtonType.Download"
-                [buttonLoading]="this.exercise.loading || orionState.cloning"
-                [smallButton]="smallButtons"
-            />
-        }
-        @if (isOfflineIdeAllowed && orionState.view === ExerciseView.STUDENT && orionState.opened === this.exercise.id) {
-            <jhi-ide-button
-                [featureToggle]="FeatureToggle.ProgrammingExercises"
-                (clickHandler)="submitChanges()"
-                buttonLabel="Submit"
-                [buttonType]="OrionButtonType.Submit"
-                [buttonLoading]="this.exercise.loading || orionState.building"
-                [smallButton]="smallButtons"
-            />
-        }
-        @if (isOfflineIdeAllowed && orionState.view === ExerciseView.STUDENT && orionState.opened === this.exercise.id && isDueDatePassed()) {
-            <jhi-ide-button
-                [featureToggle]="FeatureToggle.ProgrammingExercises"
-                (clickHandler)="initializeTestRepository()"
-                buttonLabel="Download Tests"
-                [buttonType]="OrionButtonType.Download"
-                [buttonLoading]="this.exercise.loading || orionState.building"
-                [smallButton]="smallButtons"
-            />
+        @if (orionState !== undefined && orionState.view !== undefined) {
+            @if (isOfflineIdeAllowed && (orionState.view !== ExerciseView.STUDENT || orionState.opened !== this.exercise.id)) {
+                <jhi-ide-button
+                    [featureToggle]="FeatureToggle.ProgrammingExercises"
+                    (clickHandler)="importIntoIDE()"
+                    [buttonLabel]="'artemisApp.exerciseActions.importIntoIDE' | artemisTranslate"
+                    [buttonType]="OrionButtonType.Download"
+                    [buttonLoading]="this.exercise.loading || orionState.cloning"
+                    [smallButton]="smallButtons"
+                />
+            }
+            @if (isOfflineIdeAllowed && orionState.view === ExerciseView.STUDENT && orionState.opened === this.exercise.id) {
+                <jhi-ide-button
+                    [featureToggle]="FeatureToggle.ProgrammingExercises"
+                    (clickHandler)="submitChanges()"
+                    buttonLabel="Submit"
+                    [buttonType]="OrionButtonType.Submit"
+                    [buttonLoading]="this.exercise.loading || orionState.building"
+                    [smallButton]="smallButtons"
+                />
+            }
+            @if (isOfflineIdeAllowed && orionState.view === ExerciseView.STUDENT && orionState.opened === this.exercise.id && isDueDatePassed()) {
+                <jhi-ide-button
+                    [featureToggle]="FeatureToggle.ProgrammingExercises"
+                    (clickHandler)="initializeTestRepository()"
+                    buttonLabel="Download Tests"
+                    [buttonType]="OrionButtonType.Download"
+                    [buttonLoading]="this.exercise.loading || orionState.building"
+                    [smallButton]="smallButtons"
+                />
+            }
         }
     </ng-template>
 </jhi-exercise-details-student-actions>
diff --git a/src/main/webapp/app/orion/participation/orion-exercise-details-student-actions.component.ts b/src/main/webapp/app/orion/participation/orion-exercise-details-student-actions.component.ts
index 30f6b585e32c..ebeba647bcfc 100644
--- a/src/main/webapp/app/orion/participation/orion-exercise-details-student-actions.component.ts
+++ b/src/main/webapp/app/orion/participation/orion-exercise-details-student-actions.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input, OnInit, inject } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { FeatureToggle } from 'app/shared/feature-toggle/feature-toggle.service';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
@@ -8,13 +8,21 @@ import { OrionConnectorService } from 'app/shared/orion/orion-connector.service'
 import { OrionBuildAndTestService } from 'app/shared/orion/orion-build-and-test.service';
 import { Exercise } from 'app/entities/exercise.model';
 import { OrionButtonType } from 'app/shared/orion/orion-button/orion-button.component';
+import { ExerciseDetailsStudentActionsComponent } from 'app/overview/exercise-details/exercise-details-student-actions.component';
+import { OrionButtonComponent } from 'app/shared/orion/orion-button/orion-button.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-orion-exercise-details-student-actions',
     templateUrl: './orion-exercise-details-student-actions.component.html',
     styleUrls: ['../../overview/course-overview.scss'],
+    imports: [ExerciseDetailsStudentActionsComponent, OrionButtonComponent, ArtemisTranslatePipe],
 })
 export class OrionExerciseDetailsStudentActionsComponent implements OnInit {
+    private orionConnectorService = inject(OrionConnectorService);
+    private ideBuildAndTestService = inject(OrionBuildAndTestService);
+    private route = inject(ActivatedRoute);
+
     readonly ExerciseView = ExerciseView;
     orionState: OrionState;
     FeatureToggle = FeatureToggle;
@@ -23,24 +31,21 @@ export class OrionExerciseDetailsStudentActionsComponent implements OnInit {
     @Input() courseId: number;
     @Input() smallButtons: boolean;
     @Input() examMode: boolean;
-    protected readonly OrionButtonType = OrionButtonType;
 
-    constructor(
-        private orionConnectorService: OrionConnectorService,
-        private ideBuildAndTestService: OrionBuildAndTestService,
-        private route: ActivatedRoute,
-    ) {}
+    protected readonly OrionButtonType = OrionButtonType;
 
     /**
      * get orionState and submit changes if withIdeSubmit set in route query
      */
     ngOnInit(): void {
-        this.orionConnectorService.state().subscribe((orionState: OrionState) => (this.orionState = orionState));
-        this.route.queryParams.subscribe((params) => {
-            if (params['withIdeSubmit']) {
-                this.submitChanges();
-            }
-        });
+        if (this.orionConnectorService && this.orionConnectorService.state()) {
+            this.orionConnectorService.state().subscribe((orionState: OrionState) => (this.orionState = orionState));
+            this.route.queryParams.subscribe((params) => {
+                if (params['withIdeSubmit']) {
+                    this.submitChanges();
+                }
+            });
+        }
     }
 
     get isOfflineIdeAllowed() {
diff --git a/src/main/webapp/app/overview/course-archive/course-archive.component.ts b/src/main/webapp/app/overview/course-archive/course-archive.component.ts
index eb88ee898038..2bc638119b41 100644
--- a/src/main/webapp/app/overview/course-archive/course-archive.component.ts
+++ b/src/main/webapp/app/overview/course-archive/course-archive.component.ts
@@ -16,7 +16,6 @@ import { SearchFilterComponent } from 'app/shared/search-filter/search-filter.co
     selector: 'jhi-course-archive',
     templateUrl: './course-archive.component.html',
     styleUrls: ['./course-archive.component.scss'],
-    standalone: true,
     imports: [ArtemisSharedModule, CourseCardHeaderComponent, SearchFilterComponent],
 })
 export class CourseArchiveComponent implements OnInit, OnDestroy {
diff --git a/src/main/webapp/app/overview/course-card-header/course-card-header.component.ts b/src/main/webapp/app/overview/course-card-header/course-card-header.component.ts
index 3b1bb9b1c433..9aef1b0a8150 100644
--- a/src/main/webapp/app/overview/course-card-header/course-card-header.component.ts
+++ b/src/main/webapp/app/overview/course-card-header/course-card-header.component.ts
@@ -7,7 +7,6 @@ import { ArtemisSharedModule } from 'app/shared/shared.module';
     selector: 'jhi-course-card-header',
     templateUrl: './course-card-header.component.html',
     styleUrls: ['./course-card-header.component.scss'],
-    standalone: true,
     imports: [ArtemisSharedModule],
 })
 export class CourseCardHeaderComponent implements OnInit {
diff --git a/src/main/webapp/app/overview/course-card.component.ts b/src/main/webapp/app/overview/course-card.component.ts
index ce8bbb0bcc7e..7e9cde3079c8 100644
--- a/src/main/webapp/app/overview/course-card.component.ts
+++ b/src/main/webapp/app/overview/course-card.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnChanges } from '@angular/core';
+import { Component, Input, OnChanges, inject } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { Color, ScaleType } from '@swimlane/ngx-charts';
 import { ARTEMIS_DEFAULT_COLOR } from 'app/app.constants';
@@ -22,10 +22,14 @@ import { RouterLink } from '@angular/router';
     selector: 'jhi-overview-course-card',
     templateUrl: './course-card.component.html',
     styleUrls: ['course-card.scss'],
-    standalone: true,
     imports: [CourseCardHeaderComponent, ArtemisSharedCommonModule, NgxChartsModule, PieChartModule, TranslateDirective, RouterLink],
 })
 export class CourseCardComponent implements OnChanges {
+    private router = inject(Router);
+    private route = inject(ActivatedRoute);
+    private scoresStorageService = inject(ScoresStorageService);
+    private exerciseService = inject(ExerciseService);
+
     protected readonly faArrowRight = faArrowRight;
 
     readonly ARTEMIS_DEFAULT_COLOR = ARTEMIS_DEFAULT_COLOR;
@@ -55,13 +59,6 @@ export class CourseCardComponent implements OnChanges {
         domain: [GraphColors.GREEN, GraphColors.RED],
     } as Color;
 
-    constructor(
-        private router: Router,
-        private route: ActivatedRoute,
-        private scoresStorageService: ScoresStorageService,
-        private exerciseService: ExerciseService,
-    ) {}
-
     ngOnChanges() {
         if (this.course.exercises && this.course.exercises.length > 0) {
             this.exerciseCount = this.course.exercises.length;
diff --git a/src/main/webapp/app/overview/course-competencies/course-competencies-details.component.ts b/src/main/webapp/app/overview/course-competencies/course-competencies-details.component.ts
index 065a6d802c64..df8dbb0047f6 100644
--- a/src/main/webapp/app/overview/course-competencies/course-competencies-details.component.ts
+++ b/src/main/webapp/app/overview/course-competencies/course-competencies-details.component.ts
@@ -1,6 +1,6 @@
 import dayjs from 'dayjs/esm';
-import { Component, OnDestroy, OnInit } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
+import { Component, OnDestroy, OnInit, inject } from '@angular/core';
+import { ActivatedRoute, RouterLink } from '@angular/router';
 import {
     Competency,
     CompetencyJol,
@@ -26,13 +26,55 @@ import { FeatureToggle, FeatureToggleService } from 'app/shared/feature-toggle/f
 import { CourseStorageService } from 'app/course/manage/course-storage.service';
 import { Course } from 'app/entities/course.model';
 import { CourseCompetencyService } from 'app/course/competencies/course-competency.service';
+import { FireworksComponent } from 'app/shared/fireworks/fireworks.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { NgClass } from '@angular/common';
+import { ExerciseUnitComponent } from '../course-lectures/exercise-unit/exercise-unit.component';
+import { AttachmentUnitComponent } from '../course-lectures/attachment-unit/attachment-unit.component';
+import { VideoUnitComponent } from '../course-lectures/video-unit/video-unit.component';
+import { TextUnitComponent } from '../course-lectures/text-unit/text-unit.component';
+import { OnlineUnitComponent } from '../course-lectures/online-unit/online-unit.component';
+import { CompetencyRingsComponent } from '../../course/competencies/competency-rings/competency-rings.component';
+import { SidePanelComponent } from 'app/shared/side-panel/side-panel.component';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { ArtemisTimeAgoPipe } from 'app/shared/pipes/artemis-time-ago.pipe';
+import { HtmlForMarkdownPipe } from 'app/shared/pipes/html-for-markdown.pipe';
 
 @Component({
     selector: 'jhi-course-competencies-details',
     templateUrl: './course-competencies-details.component.html',
     styleUrls: ['../course-overview.scss'],
+    imports: [
+        FireworksComponent,
+        TranslateDirective,
+        FaIconComponent,
+        NgbTooltip,
+        NgClass,
+        RouterLink,
+        ExerciseUnitComponent,
+        AttachmentUnitComponent,
+        VideoUnitComponent,
+        TextUnitComponent,
+        OnlineUnitComponent,
+        CompetencyRingsComponent,
+        SidePanelComponent,
+        HelpIconComponent,
+        ArtemisTranslatePipe,
+        ArtemisTimeAgoPipe,
+        HtmlForMarkdownPipe,
+    ],
 })
 export class CourseCompetenciesDetailsComponent implements OnInit, OnDestroy {
+    private featureToggleService = inject(FeatureToggleService);
+    private courseStorageService = inject(CourseStorageService);
+    private alertService = inject(AlertService);
+    private activatedRoute = inject(ActivatedRoute);
+    private courseCompetencyService = inject(CourseCompetencyService);
+    private lectureUnitService = inject(LectureUnitService);
+
     competencyId?: number;
     course?: Course;
     courseId?: number;
@@ -51,15 +93,6 @@ export class CourseCompetenciesDetailsComponent implements OnInit, OnDestroy {
     faPencilAlt = faPencilAlt;
     getIcon = getIcon;
 
-    constructor(
-        private featureToggleService: FeatureToggleService,
-        private courseStorageService: CourseStorageService,
-        private alertService: AlertService,
-        private activatedRoute: ActivatedRoute,
-        private courseCompetencyService: CourseCompetencyService,
-        private lectureUnitService: LectureUnitService,
-    ) {}
-
     ngOnInit(): void {
         // example route looks like: /courses/1/competencies/10
         const courseIdParams$ = this.activatedRoute.parent?.parent?.parent?.params;
diff --git a/src/main/webapp/app/overview/course-competencies/course-competencies-details.module.ts b/src/main/webapp/app/overview/course-competencies/course-competencies-details.module.ts
index ba6934db7a8c..d9b5bc3d3028 100644
--- a/src/main/webapp/app/overview/course-competencies/course-competencies-details.module.ts
+++ b/src/main/webapp/app/overview/course-competencies/course-competencies-details.module.ts
@@ -1,3 +1,4 @@
+import { CourseCompetenciesDetailsComponent } from 'app/overview/course-competencies/course-competencies-details.component';
 import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { ArtemisSharedComponentModule } from 'app/shared/components/shared-component.module';
 import { ArtemisSharedPipesModule } from 'app/shared/pipes/shared-pipes.module';
@@ -8,9 +9,9 @@ import { UserRouteAccessService } from 'app/core/auth/user-route-access-service'
 import { Authority } from 'app/shared/constants/authority.constants';
 import { RouterModule, Routes } from '@angular/router';
 import { ArtemisMarkdownModule } from 'app/shared/markdown.module';
-import { CourseCompetenciesDetailsComponent } from 'app/overview/course-competencies/course-competencies-details.component';
+
 import { ArtemisSidePanelModule } from 'app/shared/side-panel/side-panel.module';
-import { FireworksModule } from 'app/shared/fireworks/fireworks.module';
+
 import { JudgementOfLearningRatingComponent } from 'app/course/competencies/judgement-of-learning-rating/judgement-of-learning-rating.component';
 import { AttachmentUnitComponent } from 'app/overview/course-lectures/attachment-unit/attachment-unit.component';
 import { VideoUnitComponent } from 'app/overview/course-lectures/video-unit/video-unit.component';
@@ -20,7 +21,7 @@ import { OnlineUnitComponent } from 'app/overview/course-lectures/online-unit/on
 const routes: Routes = [
     {
         path: '',
-        component: CourseCompetenciesDetailsComponent,
+        loadComponent: () => import('app/overview/course-competencies/course-competencies-details.component').then((m) => m.CourseCompetenciesDetailsComponent),
         data: {
             authorities: [Authority.USER],
             pageTitle: 'overview.competencies',
@@ -38,14 +39,13 @@ const routes: Routes = [
         ArtemisCompetenciesModule,
         ArtemisMarkdownModule,
         ArtemisSidePanelModule,
-        FireworksModule,
         JudgementOfLearningRatingComponent,
         AttachmentUnitComponent,
         VideoUnitComponent,
         TextUnitComponent,
         OnlineUnitComponent,
+        CourseCompetenciesDetailsComponent,
     ],
-    declarations: [CourseCompetenciesDetailsComponent],
     exports: [CourseCompetenciesDetailsComponent],
 })
 export class ArtemisCourseCompetenciesDetailsModule {}
diff --git a/src/main/webapp/app/overview/course-competencies/course-competencies.component.ts b/src/main/webapp/app/overview/course-competencies/course-competencies.component.ts
index 8d15b59fae94..17f7f895a01c 100644
--- a/src/main/webapp/app/overview/course-competencies/course-competencies.component.ts
+++ b/src/main/webapp/app/overview/course-competencies/course-competencies.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnDestroy, OnInit } from '@angular/core';
+import { Component, Input, OnDestroy, OnInit, inject } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { AlertService } from 'app/core/util/alert.service';
 import { onError } from 'app/shared/util/global.utils';
@@ -10,13 +10,24 @@ import { faAngleDown, faAngleUp } from '@fortawesome/free-solid-svg-icons';
 import { CourseStorageService } from 'app/course/manage/course-storage.service';
 import { FeatureToggle, FeatureToggleService } from 'app/shared/feature-toggle/feature-toggle.service';
 import { CourseCompetencyService } from 'app/course/competencies/course-competency.service';
+import { CompetencyCardComponent } from '../../course/competencies/competency-card/competency-card.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-course-competencies',
     templateUrl: './course-competencies.component.html',
     styleUrls: ['../course-overview.scss'],
+    imports: [CompetencyCardComponent, FaIconComponent, TranslateDirective, ArtemisTranslatePipe],
 })
 export class CourseCompetenciesComponent implements OnInit, OnDestroy {
+    private featureToggleService = inject(FeatureToggleService);
+    private activatedRoute = inject(ActivatedRoute);
+    private alertService = inject(AlertService);
+    private courseStorageService = inject(CourseStorageService);
+    private courseCompetencyService = inject(CourseCompetencyService);
+
     @Input()
     courseId: number;
 
@@ -35,14 +46,6 @@ export class CourseCompetenciesComponent implements OnInit, OnDestroy {
     private dashboardFeatureToggleActiveSubscription: Subscription;
     dashboardFeatureActive = false;
 
-    constructor(
-        private featureToggleService: FeatureToggleService,
-        private activatedRoute: ActivatedRoute,
-        private alertService: AlertService,
-        private courseStorageService: CourseStorageService,
-        private courseCompetencyService: CourseCompetencyService,
-    ) {}
-
     ngOnInit(): void {
         const courseIdParams$ = this.activatedRoute.parent?.parent?.parent?.params;
         if (courseIdParams$) {
diff --git a/src/main/webapp/app/overview/course-competencies/course-competencies.module.ts b/src/main/webapp/app/overview/course-competencies/course-competencies.module.ts
index afdcd8e23a2d..42b823fa6996 100644
--- a/src/main/webapp/app/overview/course-competencies/course-competencies.module.ts
+++ b/src/main/webapp/app/overview/course-competencies/course-competencies.module.ts
@@ -1,12 +1,12 @@
+import { CourseCompetenciesComponent } from 'app/overview/course-competencies/course-competencies.component';
 import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { ArtemisSharedComponentModule } from 'app/shared/components/shared-component.module';
-import { CourseCompetenciesComponent } from 'app/overview/course-competencies/course-competencies.component';
+
 import { Authority } from 'app/shared/constants/authority.constants';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
 import { ArtemisCompetenciesModule } from 'app/course/competencies/competency.module';
-import { FireworksModule } from 'app/shared/fireworks/fireworks.module';
 
 const routes: Routes = [
     {
@@ -16,14 +16,13 @@ const routes: Routes = [
             authorities: [Authority.USER],
             pageTitle: 'overview.competencies',
         },
-        component: CourseCompetenciesComponent,
+        loadComponent: () => import('app/overview/course-competencies/course-competencies.component').then((m) => m.CourseCompetenciesComponent),
         canActivate: [UserRouteAccessService],
     },
 ];
 
 @NgModule({
-    imports: [RouterModule.forChild(routes), ArtemisSharedModule, ArtemisSharedComponentModule, ArtemisCompetenciesModule, FireworksModule],
-    declarations: [CourseCompetenciesComponent],
+    imports: [RouterModule.forChild(routes), ArtemisSharedModule, ArtemisSharedComponentModule, ArtemisCompetenciesModule, CourseCompetenciesComponent],
     exports: [CourseCompetenciesComponent],
 })
 export class CourseCompetenciesModule {}
diff --git a/src/main/webapp/app/overview/course-conversations/code-of-conduct/course-conversations-code-of-conduct.component.ts b/src/main/webapp/app/overview/course-conversations/code-of-conduct/course-conversations-code-of-conduct.component.ts
index 55d32ade492a..5d6bdbfdae2d 100644
--- a/src/main/webapp/app/overview/course-conversations/code-of-conduct/course-conversations-code-of-conduct.component.ts
+++ b/src/main/webapp/app/overview/course-conversations/code-of-conduct/course-conversations-code-of-conduct.component.ts
@@ -1,26 +1,27 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input, OnInit, inject } from '@angular/core';
 import { User } from 'app/core/user/user.model';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { onError } from 'app/shared/util/global.utils';
 import { AlertService } from 'app/core/util/alert.service';
 import { Course } from 'app/entities/course.model';
 import { ConversationService } from 'app/shared/metis/conversations/conversation.service';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { HtmlForMarkdownPipe } from 'app/shared/pipes/html-for-markdown.pipe';
 
 @Component({
     selector: 'jhi-course-conversations-code-of-conduct',
     templateUrl: './course-conversations-code-of-conduct.component.html',
+    imports: [TranslateDirective, HtmlForMarkdownPipe],
 })
 export class CourseConversationsCodeOfConductComponent implements OnInit {
+    private alertService = inject(AlertService);
+    private conversationService = inject(ConversationService);
+
     @Input()
     course: Course;
 
     responsibleContacts: User[] = [];
 
-    constructor(
-        private alertService: AlertService,
-        private conversationService: ConversationService,
-    ) {}
-
     ngOnInit() {
         if (this.course.id) {
             this.conversationService.getResponsibleUsersForCodeOfConduct(this.course.id).subscribe({
diff --git a/src/main/webapp/app/overview/course-conversations/course-conversations.component.ts b/src/main/webapp/app/overview/course-conversations/course-conversations.component.ts
index ad2ac6c0a364..1f2828608d82 100644
--- a/src/main/webapp/app/overview/course-conversations/course-conversations.component.ts
+++ b/src/main/webapp/app/overview/course-conversations/course-conversations.component.ts
@@ -1,15 +1,7 @@
+import { NgClass } from '@angular/common';
 import { ChangeDetectorRef, Component, ElementRef, EventEmitter, HostListener, OnDestroy, OnInit, ViewChild, ViewEncapsulation, inject } from '@angular/core';
-import { ConversationDTO } from 'app/entities/metis/conversation/conversation.model';
-import { Post } from 'app/entities/metis/post.model';
+import { FormsModule } from '@angular/forms';
 import { ActivatedRoute, Router } from '@angular/router';
-import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
-import { EMPTY, Observable, Subject, Subscription, from, take, takeUntil } from 'rxjs';
-import { catchError, debounceTime, distinctUntilChanged } from 'rxjs/operators';
-import { MetisConversationService } from 'app/shared/metis/metis-conversation.service';
-import { ChannelDTO, ChannelSubType, getAsChannelDTO } from 'app/entities/metis/conversation/channel.model';
-import { MetisService } from 'app/shared/metis/metis.service';
-import { Course, isMessagingEnabled } from 'app/entities/course.model';
-import { PageType, SortDirection } from 'app/shared/metis/metis.util';
 import {
     faBan,
     faBookmark,
@@ -26,22 +18,41 @@ import {
     faSearch,
     faTimes,
 } from '@fortawesome/free-solid-svg-icons';
-import { ButtonType } from 'app/shared/components/button.component';
+import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
+import { UserPublicInfoDTO } from 'app/core/user/user.model';
+import { Course, isMessagingEnabled } from 'app/entities/course.model';
+import { ChannelDTO, ChannelSubType, getAsChannelDTO } from 'app/entities/metis/conversation/channel.model';
+import { ConversationDTO } from 'app/entities/metis/conversation/conversation.model';
+import { Post } from 'app/entities/metis/post.model';
+import { Posting, PostingType, SavedPostStatus, SavedPostStatusMap } from 'app/entities/metis/posting.model';
 import { CourseWideSearchComponent, CourseWideSearchConfig } from 'app/overview/course-conversations/course-wide-search/course-wide-search.component';
-import { AccordionGroups, ChannelTypeIcons, CollapseState, SidebarCardElement, SidebarData, SidebarItemShowAlways } from 'app/types/sidebar';
-import { CourseOverviewService } from 'app/overview/course-overview.service';
+import { ChannelsCreateDialogComponent } from 'app/overview/course-conversations/dialogs/channels-create-dialog/channels-create-dialog.component';
+import { ChannelAction, ChannelsOverviewDialogComponent } from 'app/overview/course-conversations/dialogs/channels-overview-dialog/channels-overview-dialog.component';
 import { GroupChatCreateDialogComponent } from 'app/overview/course-conversations/dialogs/group-chat-create-dialog/group-chat-create-dialog.component';
-import { defaultFirstLayerDialogOptions, defaultSecondLayerDialogOptions } from 'app/overview/course-conversations/other/conversation.util';
-import { UserPublicInfoDTO } from 'app/core/user/user.model';
 import { OneToOneChatCreateDialogComponent } from 'app/overview/course-conversations/dialogs/one-to-one-chat-create-dialog/one-to-one-chat-create-dialog.component';
-import { ChannelAction, ChannelsOverviewDialogComponent } from 'app/overview/course-conversations/dialogs/channels-overview-dialog/channels-overview-dialog.component';
-import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
-import { ChannelsCreateDialogComponent } from 'app/overview/course-conversations/dialogs/channels-create-dialog/channels-create-dialog.component';
+import { defaultFirstLayerDialogOptions, defaultSecondLayerDialogOptions } from 'app/overview/course-conversations/other/conversation.util';
+import { CourseOverviewService } from 'app/overview/course-overview.service';
 import { CourseSidebarService } from 'app/overview/course-sidebar.service';
-import { LayoutService } from 'app/shared/breakpoints/layout.service';
 import { CustomBreakpointNames } from 'app/shared/breakpoints/breakpoints.service';
-import { Posting, PostingType, SavedPostStatus, SavedPostStatusMap } from 'app/entities/metis/posting.model';
+import { LayoutService } from 'app/shared/breakpoints/layout.service';
+import { ButtonComponent, ButtonType } from 'app/shared/components/button.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
+import { LoadingIndicatorContainerComponent } from 'app/shared/loading-indicator-container/loading-indicator-container.component';
 import { canCreateChannel } from 'app/shared/metis/conversations/conversation-permissions.utils';
+import { MetisConversationService } from 'app/shared/metis/metis-conversation.service';
+import { MetisService } from 'app/shared/metis/metis.service';
+import { PageType, SortDirection } from 'app/shared/metis/metis.util';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { SidebarComponent } from 'app/shared/sidebar/sidebar.component';
+import { AccordionGroups, ChannelTypeIcons, CollapseState, SidebarCardElement, SidebarData, SidebarItemShowAlways } from 'app/types/sidebar';
+import { EMPTY, Observable, Subject, Subscription, from, take, takeUntil } from 'rxjs';
+import { catchError, debounceTime, distinctUntilChanged } from 'rxjs/operators';
+import { CourseConversationsCodeOfConductComponent } from './code-of-conduct/course-conversations-code-of-conduct.component';
+import { ConversationHeaderComponent } from './layout/conversation-header/conversation-header.component';
+import { ConversationMessagesComponent } from './layout/conversation-messages/conversation-messages.component';
+import { ConversationThreadSidebarComponent } from './layout/conversation-thread-sidebar/conversation-thread-sidebar.component';
+import { SavedPostsComponent } from './saved-posts/saved-posts.component';
 
 const DEFAULT_CHANNEL_GROUPS: AccordionGroups = {
     favoriteChannels: { entityData: [] },
@@ -99,8 +110,31 @@ const DEFAULT_SHOW_ALWAYS: SidebarItemShowAlways = {
     styleUrls: ['../course-overview.scss', './course-conversations.component.scss'],
     encapsulation: ViewEncapsulation.None,
     providers: [MetisService],
+    imports: [
+        LoadingIndicatorContainerComponent,
+        FormsModule,
+        ButtonComponent,
+        CourseConversationsCodeOfConductComponent,
+        TranslateDirective,
+        NgClass,
+        SidebarComponent,
+        ConversationHeaderComponent,
+        ConversationMessagesComponent,
+        CourseWideSearchComponent,
+        SavedPostsComponent,
+        ConversationThreadSidebarComponent,
+        ArtemisTranslatePipe,
+    ],
 })
 export class CourseConversationsComponent implements OnInit, OnDestroy {
+    private router = inject(Router);
+    private activatedRoute = inject(ActivatedRoute);
+    private metisConversationService = inject(MetisConversationService);
+    private metisService = inject(MetisService);
+    private courseOverviewService = inject(CourseOverviewService);
+    private modalService = inject(NgbModal);
+    private profileService = inject(ProfileService);
+
     private ngUnsubscribe = new Subject<void>();
     private closeSidebarEventSubscription: Subscription;
     private openSidebarEventSubscription: Subscription;
@@ -158,16 +192,6 @@ export class CourseConversationsComponent implements OnInit, OnDestroy {
     private layoutService: LayoutService = inject(LayoutService);
     private changeDetector: ChangeDetectorRef = inject(ChangeDetectorRef);
 
-    constructor(
-        private router: Router,
-        private activatedRoute: ActivatedRoute,
-        private metisConversationService: MetisConversationService,
-        private metisService: MetisService,
-        private courseOverviewService: CourseOverviewService,
-        private modalService: NgbModal,
-        private profileService: ProfileService,
-    ) {}
-
     getAsChannel = getAsChannelDTO;
 
     private subscribeToMetis() {
@@ -403,8 +427,7 @@ export class CourseConversationsComponent implements OnInit, OnDestroy {
             complete: () => {
                 this.sidebarConversations = this.courseOverviewService.mapConversationsToSidebarCardElements(this.course!, this.conversationsOfUser);
                 this.accordionConversationGroups = this.courseOverviewService.groupConversationsByChannelType(this.course!, this.conversationsOfUser, this.messagingEnabled);
-                const currentConversations = this.sidebarConversations?.filter((item) => item.isCurrent) || [];
-                this.accordionConversationGroups.recents.entityData = currentConversations;
+                this.accordionConversationGroups.recents.entityData = this.sidebarConversations?.filter((item) => item.isCurrent) || [];
                 this.updateSidebarData();
             },
         });
diff --git a/src/main/webapp/app/overview/course-conversations/course-conversations.module.ts b/src/main/webapp/app/overview/course-conversations/course-conversations.module.ts
index 10d2cea22583..4a932bb3f54d 100644
--- a/src/main/webapp/app/overview/course-conversations/course-conversations.module.ts
+++ b/src/main/webapp/app/overview/course-conversations/course-conversations.module.ts
@@ -1,12 +1,12 @@
+import { CourseConversationsComponent } from 'app/overview/course-conversations/course-conversations.component';
 import { MetisModule } from 'app/shared/metis/metis.module';
 import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { ArtemisSharedComponentModule } from 'app/shared/components/shared-component.module';
-import { CourseConversationsComponent } from 'app/overview/course-conversations/course-conversations.component';
+
 import { ArtemisDataTableModule } from 'app/shared/data-table/data-table.module';
 import { ConversationMessagesComponent } from 'app/overview/course-conversations/layout/conversation-messages/conversation-messages.component';
-import { InfiniteScrollModule } from 'ngx-infinite-scroll';
 import { ConversationThreadSidebarComponent } from 'app/overview/course-conversations/layout/conversation-thread-sidebar/conversation-thread-sidebar.component';
 import { ChannelsOverviewDialogComponent } from './dialogs/channels-overview-dialog/channels-overview-dialog.component';
 import { ChannelItemComponent } from './dialogs/channels-overview-dialog/channel-item/channel-item.component';
@@ -33,6 +33,7 @@ import { ArtemisSidebarModule } from 'app/shared/sidebar/sidebar.module';
 import { ProfilePictureComponent } from 'app/shared/profile-picture/profile-picture.component';
 import { SavedPostsComponent } from 'app/overview/course-conversations/saved-posts/saved-posts.component';
 import { PostingSummaryComponent } from 'app/overview/course-conversations/posting-summary/posting-summary.component';
+import { InfiniteScrollDirective } from 'ngx-infinite-scroll';
 
 const routes: Routes = [
     {
@@ -41,7 +42,7 @@ const routes: Routes = [
         data: {
             pageTitle: 'artemisApp.conversationsLayout.tabTitle',
         },
-        component: CourseConversationsComponent,
+        loadComponent: () => import('app/overview/course-conversations/course-conversations.component').then((m) => m.CourseConversationsComponent),
     },
 ];
 
@@ -54,11 +55,9 @@ const routes: Routes = [
         ArtemisSharedComponentModule,
         ArtemisDataTableModule,
         ArtemisSidebarModule,
-        InfiniteScrollModule,
+        InfiniteScrollDirective,
         CourseUsersSelectorModule,
         ProfilePictureComponent,
-    ],
-    declarations: [
         CourseConversationsComponent,
         CourseConversationsCodeOfConductComponent,
         ConversationThreadSidebarComponent,
diff --git a/src/main/webapp/app/overview/course-conversations/course-wide-search/course-wide-search.component.ts b/src/main/webapp/app/overview/course-conversations/course-wide-search/course-wide-search.component.ts
index 556291d952d1..21a97f3dc9e5 100644
--- a/src/main/webapp/app/overview/course-conversations/course-wide-search/course-wide-search.component.ts
+++ b/src/main/webapp/app/overview/course-conversations/course-wide-search/course-wide-search.component.ts
@@ -15,7 +15,7 @@ import {
     inject,
 } from '@angular/core';
 import { faChevronLeft, faCircleNotch, faEnvelope, faFilter, faLongArrowAltDown, faLongArrowAltUp, faPlus, faTimes } from '@fortawesome/free-solid-svg-icons';
-import { FormBuilder, FormGroup } from '@angular/forms';
+import { FormBuilder, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { Subject, takeUntil } from 'rxjs';
 import { Course } from 'app/entities/course.model';
 import { ChannelDTO, getAsChannelDTO } from 'app/entities/metis/conversation/channel.model';
@@ -25,14 +25,27 @@ import { MetisConversationService } from 'app/shared/metis/metis-conversation.se
 import { PostContextFilter, PostSortCriterion, SortDirection } from 'app/shared/metis/metis.util';
 import { ConversationDTO } from 'app/entities/metis/conversation/conversation.model';
 import { CourseSidebarService } from 'app/overview/course-sidebar.service';
+import { NgClass } from '@angular/common';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { InfiniteScrollDirective } from 'ngx-infinite-scroll';
+import { PostingThreadComponent } from 'app/shared/metis/posting-thread/posting-thread.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-course-wide-search',
     templateUrl: './course-wide-search.component.html',
     styleUrls: ['./course-wide-search.component.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [NgClass, TranslateDirective, FaIconComponent, FormsModule, ReactiveFormsModule, NgbTooltip, InfiniteScrollDirective, PostingThreadComponent, ArtemisTranslatePipe],
 })
 export class CourseWideSearchComponent implements OnInit, AfterViewInit, OnDestroy {
+    metisService = inject(MetisService);
+    metisConversationService = inject(MetisConversationService);
+    private formBuilder = inject(FormBuilder);
+    cdr = inject(ChangeDetectorRef);
+
     @Input()
     courseWideSearchConfig: CourseWideSearchConfig;
 
@@ -74,13 +87,6 @@ export class CourseWideSearchComponent implements OnInit, AfterViewInit, OnDestr
 
     private courseSidebarService: CourseSidebarService = inject(CourseSidebarService);
 
-    constructor(
-        public metisService: MetisService, // instance from course-conversations.component
-        public metisConversationService: MetisConversationService, // instance from course-conversations.component
-        private formBuilder: FormBuilder,
-        public cdr: ChangeDetectorRef,
-    ) {}
-
     ngOnInit() {
         this.subscribeToMetis();
         this.resetFormGroup();
diff --git a/src/main/webapp/app/overview/course-conversations/dialogs/abstract-dialog.component.ts b/src/main/webapp/app/overview/course-conversations/dialogs/abstract-dialog.component.ts
index a42b8aa465ef..4f161f653357 100644
--- a/src/main/webapp/app/overview/course-conversations/dialogs/abstract-dialog.component.ts
+++ b/src/main/webapp/app/overview/course-conversations/dialogs/abstract-dialog.component.ts
@@ -1,8 +1,9 @@
-import { Directive } from '@angular/core';
+import { Directive, inject } from '@angular/core';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 
 @Directive()
 export abstract class AbstractDialogComponent {
+    activeModal = inject(NgbActiveModal);
     isInitialized = false;
 
     initialize(requiredInputs?: string[]) {
@@ -14,8 +15,6 @@ export abstract class AbstractDialogComponent {
         }
     }
 
-    constructor(public activeModal: NgbActiveModal) {}
-
     dismiss() {
         if (this.activeModal) {
             this.activeModal.dismiss();
diff --git a/src/main/webapp/app/overview/course-conversations/dialogs/channels-create-dialog/channel-form/channel-form.component.ts b/src/main/webapp/app/overview/course-conversations/dialogs/channels-create-dialog/channel-form/channel-form.component.ts
index bd471be6ca8b..975f1375e799 100644
--- a/src/main/webapp/app/overview/course-conversations/dialogs/channels-create-dialog/channel-form/channel-form.component.ts
+++ b/src/main/webapp/app/overview/course-conversations/dialogs/channels-create-dialog/channel-form/channel-form.component.ts
@@ -1,6 +1,9 @@
-import { Component, EventEmitter, OnChanges, OnDestroy, OnInit, Output } from '@angular/core';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { Component, EventEmitter, OnChanges, OnDestroy, OnInit, Output, inject } from '@angular/core';
+import { FormBuilder, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
+import { ChannelIconComponent } from 'app/overview/course-conversations/other/channel-icon/channel-icon.component';
 import { Subject, takeUntil } from 'rxjs';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 export interface ChannelFormData {
     name?: string;
@@ -16,8 +19,11 @@ export const channelRegex = new RegExp('^[a-z0-9-]{1}[a-z0-9-]{0,30}$');
 @Component({
     selector: 'jhi-channel-form',
     templateUrl: './channel-form.component.html',
+    imports: [FormsModule, ReactiveFormsModule, TranslateDirective, ChannelIconComponent, ArtemisTranslatePipe],
 })
 export class ChannelFormComponent implements OnInit, OnChanges, OnDestroy {
+    private fb = inject(FormBuilder);
+
     private ngUnsubscribe = new Subject<void>();
 
     formData: ChannelFormData = {
@@ -32,8 +38,6 @@ export class ChannelFormComponent implements OnInit, OnChanges, OnDestroy {
 
     form: FormGroup;
 
-    constructor(private fb: FormBuilder) {}
-
     get nameControl() {
         return this.form.get('name');
     }
@@ -63,7 +67,7 @@ export class ChannelFormComponent implements OnInit, OnChanges, OnDestroy {
         this.ngUnsubscribe.complete();
     }
 
-    ngOnChanges(): void {
+    ngOnChanges() {
         this.initializeForm();
     }
 
diff --git a/src/main/webapp/app/overview/course-conversations/dialogs/channels-create-dialog/channels-create-dialog.component.ts b/src/main/webapp/app/overview/course-conversations/dialogs/channels-create-dialog/channels-create-dialog.component.ts
index 35c4de065757..14c66dfc94c5 100644
--- a/src/main/webapp/app/overview/course-conversations/dialogs/channels-create-dialog/channels-create-dialog.component.ts
+++ b/src/main/webapp/app/overview/course-conversations/dialogs/channels-create-dialog/channels-create-dialog.component.ts
@@ -3,14 +3,17 @@ import { ChannelFormData, ChannelType } from 'app/overview/course-conversations/
 import { Course } from 'app/entities/course.model';
 import { ChannelDTO } from 'app/entities/metis/conversation/channel.model';
 import { AbstractDialogComponent } from 'app/overview/course-conversations/dialogs/abstract-dialog.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ChannelFormComponent } from './channel-form/channel-form.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-channels-create-dialog',
     templateUrl: './channels-create-dialog.component.html',
+    imports: [TranslateDirective, ChannelFormComponent, ArtemisTranslatePipe],
 })
 export class ChannelsCreateDialogComponent extends AbstractDialogComponent {
-    @Input()
-    course: Course;
+    @Input() course: Course;
 
     initialize() {
         super.initialize(['course']);
@@ -19,6 +22,7 @@ export class ChannelsCreateDialogComponent extends AbstractDialogComponent {
     channelToCreate: ChannelDTO = new ChannelDTO();
     isPublicChannel = true;
     isAnnouncementChannel = false;
+
     onChannelTypeChanged($event: ChannelType) {
         this.isPublicChannel = $event === 'PUBLIC';
     }
diff --git a/src/main/webapp/app/overview/course-conversations/dialogs/channels-overview-dialog/channel-item/channel-item.component.ts b/src/main/webapp/app/overview/course-conversations/dialogs/channels-overview-dialog/channel-item/channel-item.component.ts
index 04e21dcc1f35..de0e0c918479 100644
--- a/src/main/webapp/app/overview/course-conversations/dialogs/channels-overview-dialog/channel-item/channel-item.component.ts
+++ b/src/main/webapp/app/overview/course-conversations/dialogs/channels-overview-dialog/channel-item/channel-item.component.ts
@@ -1,12 +1,16 @@
 import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { ChannelDTO } from 'app/entities/metis/conversation/channel.model';
 import { ChannelAction, ChannelActionType } from 'app/overview/course-conversations/dialogs/channels-overview-dialog/channels-overview-dialog.component';
+import { ChannelIconComponent } from 'app/overview/course-conversations/other/channel-icon/channel-icon.component';
 import { canJoinChannel, canLeaveConversation } from 'app/shared/metis/conversations/conversation-permissions.utils';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-channel-item',
     templateUrl: './channel-item.component.html',
     styleUrls: ['./channel-item.component.scss'],
+    imports: [ChannelIconComponent, TranslateDirective, ArtemisTranslatePipe],
 })
 export class ChannelItemComponent {
     canJoinChannel = canJoinChannel;
diff --git a/src/main/webapp/app/overview/course-conversations/dialogs/channels-overview-dialog/channels-overview-dialog.component.ts b/src/main/webapp/app/overview/course-conversations/dialogs/channels-overview-dialog/channels-overview-dialog.component.ts
index deb055e00a5e..45b3bbe9d5c3 100644
--- a/src/main/webapp/app/overview/course-conversations/dialogs/channels-overview-dialog/channels-overview-dialog.component.ts
+++ b/src/main/webapp/app/overview/course-conversations/dialogs/channels-overview-dialog/channels-overview-dialog.component.ts
@@ -1,15 +1,17 @@
-import { Component, Input, OnDestroy, OnInit } from '@angular/core';
+import { Component, Input, OnDestroy, OnInit, inject } from '@angular/core';
 import { Observable, Subject, debounceTime, distinctUntilChanged, finalize, map, takeUntil } from 'rxjs';
 import { faChevronRight } from '@fortawesome/free-solid-svg-icons';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { onError } from 'app/shared/util/global.utils';
 import { AlertService } from 'app/core/util/alert.service';
-import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { ChannelService } from 'app/shared/metis/conversations/channel.service';
 import { ChannelDTO, ChannelSubType } from 'app/entities/metis/conversation/channel.model';
 import { Course } from 'app/entities/course.model';
 import { canCreateChannel } from 'app/shared/metis/conversations/conversation-permissions.utils';
 import { AbstractDialogComponent } from 'app/overview/course-conversations/dialogs/abstract-dialog.component';
+import { LoadingIndicatorContainerComponent } from 'app/shared/loading-indicator-container/loading-indicator-container.component';
+import { ChannelItemComponent } from './channel-item/channel-item.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 export type ChannelActionType = 'register' | 'deregister' | 'view' | 'create';
 export type ChannelAction = {
@@ -20,19 +22,19 @@ export type ChannelAction = {
     selector: 'jhi-channels-overview-dialog',
     templateUrl: './channels-overview-dialog.component.html',
     styleUrls: ['./channels-overview-dialog.component.scss'],
+    imports: [LoadingIndicatorContainerComponent, ChannelItemComponent, ArtemisTranslatePipe],
 })
 export class ChannelsOverviewDialogComponent extends AbstractDialogComponent implements OnInit, OnDestroy {
+    private channelService = inject(ChannelService);
+    private alertService = inject(AlertService);
+
     private ngUnsubscribe = new Subject<void>();
 
     canCreateChannel = canCreateChannel;
-    @Input()
-    createChannelFn?: (channel: ChannelDTO) => Observable<never>;
-
-    @Input()
-    course: Course;
 
-    @Input()
-    channelSubType: ChannelSubType;
+    @Input() createChannelFn?: (channel: ChannelDTO) => Observable<never>;
+    @Input() course: Course;
+    @Input() channelSubType: ChannelSubType;
 
     channelActions$ = new Subject<ChannelAction>();
 
@@ -52,15 +54,6 @@ export class ChannelsOverviewDialogComponent extends AbstractDialogComponent imp
         }
     }
 
-    constructor(
-        private channelService: ChannelService,
-        private alertService: AlertService,
-
-        activeModal: NgbActiveModal,
-    ) {
-        super(activeModal);
-    }
-
     ngOnInit(): void {
         this.channelActions$.pipe(debounceTime(500), distinctUntilChanged(), takeUntil(this.ngUnsubscribe)).subscribe((channelAction) => {
             this.performChannelAction(channelAction);
diff --git a/src/main/webapp/app/overview/course-conversations/dialogs/conversation-add-users-dialog/add-users-form/conversation-add-users-form.component.ts b/src/main/webapp/app/overview/course-conversations/dialogs/conversation-add-users-dialog/add-users-form/conversation-add-users-form.component.ts
index f2cec3a67fc5..7adb84473e9a 100644
--- a/src/main/webapp/app/overview/course-conversations/dialogs/conversation-add-users-dialog/add-users-form/conversation-add-users-form.component.ts
+++ b/src/main/webapp/app/overview/course-conversations/dialogs/conversation-add-users-dialog/add-users-form/conversation-add-users-form.component.ts
@@ -1,9 +1,13 @@
-import { Component, EventEmitter, Input, OnChanges, OnInit, Output, input } from '@angular/core';
+import { Component, EventEmitter, Input, OnChanges, OnInit, Output, inject, input } from '@angular/core';
 import { UserPublicInfoDTO } from 'app/core/user/user.model';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { FormBuilder, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
 import { ConversationDTO } from 'app/entities/metis/conversation/conversation.model';
 import { getAsChannelDTO } from 'app/entities/metis/conversation/channel.model';
 import { faSpinner } from '@fortawesome/free-solid-svg-icons';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { CourseUsersSelectorComponent } from 'app/shared/course-users-selector/course-users-selector.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 export interface AddUsersFormData {
     selectedUsers?: UserPublicInfoDTO[];
@@ -16,8 +20,11 @@ export interface AddUsersFormData {
 @Component({
     selector: 'jhi-conversation-add-users-form',
     templateUrl: './conversation-add-users-form.component.html',
+    imports: [TranslateDirective, FormsModule, ReactiveFormsModule, CourseUsersSelectorComponent, FaIconComponent, ArtemisTranslatePipe],
 })
 export class ConversationAddUsersFormComponent implements OnInit, OnChanges {
+    private fb = inject(FormBuilder);
+
     @Output() formSubmitted: EventEmitter<AddUsersFormData> = new EventEmitter<AddUsersFormData>();
 
     @Input() courseId: number;
@@ -34,7 +41,6 @@ export class ConversationAddUsersFormComponent implements OnInit, OnChanges {
     getAsChannel = getAsChannelDTO;
 
     mode: 'individual' | 'group' = 'individual';
-    constructor(private fb: FormBuilder) {}
 
     get selectedUsersControl() {
         return this.form.get('selectedUsers');
@@ -52,7 +58,7 @@ export class ConversationAddUsersFormComponent implements OnInit, OnChanges {
         this.initializeForm();
     }
 
-    ngOnChanges(): void {
+    ngOnChanges() {
         this.initializeForm();
     }
 
diff --git a/src/main/webapp/app/overview/course-conversations/dialogs/conversation-add-users-dialog/conversation-add-users-dialog.component.ts b/src/main/webapp/app/overview/course-conversations/dialogs/conversation-add-users-dialog/conversation-add-users-dialog.component.ts
index 3813b3939fa6..e1a062a62aeb 100644
--- a/src/main/webapp/app/overview/course-conversations/dialogs/conversation-add-users-dialog/conversation-add-users-dialog.component.ts
+++ b/src/main/webapp/app/overview/course-conversations/dialogs/conversation-add-users-dialog/conversation-add-users-dialog.component.ts
@@ -1,6 +1,5 @@
-import { Component, Input, OnDestroy } from '@angular/core';
+import { Component, Input, OnDestroy, inject } from '@angular/core';
 import { AlertService } from 'app/core/util/alert.service';
-import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { AddUsersFormData } from 'app/overview/course-conversations/dialogs/conversation-add-users-dialog/add-users-form/conversation-add-users-form.component';
 import { UserPublicInfoDTO } from 'app/core/user/user.model';
 import { Course } from 'app/entities/course.model';
@@ -16,12 +15,22 @@ import { GroupChatService } from 'app/shared/metis/conversations/group-chat.serv
 import { Subject, takeUntil } from 'rxjs';
 import { AbstractDialogComponent } from 'app/overview/course-conversations/dialogs/abstract-dialog.component';
 import { finalize } from 'rxjs/operators';
+import { ChannelIconComponent } from '../../other/channel-icon/channel-icon.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ConversationAddUsersFormComponent } from './add-users-form/conversation-add-users-form.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-conversation-add-users-dialog',
     templateUrl: './conversation-add-users-dialog.component.html',
+    imports: [ChannelIconComponent, TranslateDirective, ConversationAddUsersFormComponent, ArtemisTranslatePipe],
 })
 export class ConversationAddUsersDialogComponent extends AbstractDialogComponent implements OnDestroy {
+    private alertService = inject(AlertService);
+    channelService = inject(ChannelService);
+    conversationService = inject(ConversationService);
+    groupChatService = inject(GroupChatService);
+
     private ngUnsubscribe = new Subject<void>();
 
     @Input() course: Course;
@@ -29,7 +38,7 @@ export class ConversationAddUsersDialogComponent extends AbstractDialogComponent
 
     isInitialized = false;
     maxSelectable: number | undefined;
-    protected isLoading: boolean = false;
+    protected isLoading = false;
 
     initialize() {
         super.initialize(['course', 'activeConversation']);
@@ -40,17 +49,6 @@ export class ConversationAddUsersDialogComponent extends AbstractDialogComponent
         }
     }
 
-    constructor(
-        private alertService: AlertService,
-
-        activeModal: NgbActiveModal,
-        public channelService: ChannelService,
-        public conversationService: ConversationService,
-        public groupChatService: GroupChatService,
-    ) {
-        super(activeModal);
-    }
-
     ngOnDestroy() {
         this.ngUnsubscribe.next();
         this.ngUnsubscribe.complete();
diff --git a/src/main/webapp/app/overview/course-conversations/dialogs/conversation-detail-dialog/conversation-detail-dialog.component.ts b/src/main/webapp/app/overview/course-conversations/dialogs/conversation-detail-dialog/conversation-detail-dialog.component.ts
index bd75071f1610..2092c6c13794 100644
--- a/src/main/webapp/app/overview/course-conversations/dialogs/conversation-detail-dialog/conversation-detail-dialog.component.ts
+++ b/src/main/webapp/app/overview/course-conversations/dialogs/conversation-detail-dialog/conversation-detail-dialog.component.ts
@@ -1,13 +1,19 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, inject } from '@angular/core';
 import { ConversationDTO } from 'app/entities/metis/conversation/conversation.model';
 import { Course } from 'app/entities/course.model';
-import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { getAsChannelDTO } from 'app/entities/metis/conversation/channel.model';
 import { ConversationService } from 'app/shared/metis/conversations/conversation.service';
 import { isOneToOneChatDTO } from 'app/entities/metis/conversation/one-to-one-chat.model';
 import { getAsGroupChatDTO } from 'app/entities/metis/conversation/group-chat.model';
 import { AbstractDialogComponent } from 'app/overview/course-conversations/dialogs/abstract-dialog.component';
 import { faPeopleGroup } from '@fortawesome/free-solid-svg-icons';
+import { ChannelIconComponent } from '../../other/channel-icon/channel-icon.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { RouterLink } from '@angular/router';
+import { ConversationMembersComponent } from './tabs/conversation-members/conversation-members.component';
+import { ConversationInfoComponent } from './tabs/conversation-info/conversation-info.component';
+import { ConversationSettingsComponent } from './tabs/conversation-settings/conversation-settings.component';
 
 export enum ConversationDetailTabs {
     MEMBERS = 'members',
@@ -18,8 +24,11 @@ export enum ConversationDetailTabs {
 @Component({
     selector: 'jhi-conversation-detail-dialog',
     templateUrl: './conversation-detail-dialog.component.html',
+    imports: [ChannelIconComponent, FaIconComponent, TranslateDirective, RouterLink, ConversationMembersComponent, ConversationInfoComponent, ConversationSettingsComponent],
 })
 export class ConversationDetailDialogComponent extends AbstractDialogComponent {
+    conversationService = inject(ConversationService);
+
     @Input() public activeConversation: ConversationDTO;
     @Input() course: Course;
     @Input() selectedTab: ConversationDetailTabs = ConversationDetailTabs.MEMBERS;
@@ -38,12 +47,6 @@ export class ConversationDetailDialogComponent extends AbstractDialogComponent {
     changesWerePerformed = false;
 
     Tabs = ConversationDetailTabs;
-    constructor(
-        activeModal: NgbActiveModal,
-        public conversationService: ConversationService,
-    ) {
-        super(activeModal);
-    }
 
     clear() {
         if (this.changesWerePerformed) {
diff --git a/src/main/webapp/app/overview/course-conversations/dialogs/conversation-detail-dialog/tabs/conversation-info/conversation-info.component.ts b/src/main/webapp/app/overview/course-conversations/dialogs/conversation-detail-dialog/tabs/conversation-info/conversation-info.component.ts
index 496322be93a6..e645cf032673 100644
--- a/src/main/webapp/app/overview/course-conversations/dialogs/conversation-detail-dialog/tabs/conversation-info/conversation-info.component.ts
+++ b/src/main/webapp/app/overview/course-conversations/dialogs/conversation-detail-dialog/tabs/conversation-info/conversation-info.component.ts
@@ -20,11 +20,15 @@ import { GroupChatDTO, getAsGroupChatDTO, isGroupChatDTO } from 'app/entities/me
 import { GroupChatService } from 'app/shared/metis/conversations/group-chat.service';
 import { catchError } from 'rxjs/operators';
 import { ConversationUserDTO } from 'app/entities/metis/conversation/conversation-user-dto.model';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-conversation-info',
     templateUrl: './conversation-info.component.html',
     styleUrls: ['./conversation-info.component.scss'],
+    imports: [TranslateDirective, ArtemisDatePipe, ArtemisTranslatePipe],
 })
 export class ConversationInfoComponent implements OnInit, OnDestroy {
     private ngUnsubscribe = new Subject<void>();
diff --git a/src/main/webapp/app/overview/course-conversations/dialogs/conversation-detail-dialog/tabs/conversation-members/conversation-member-row/conversation-member-row.component.ts b/src/main/webapp/app/overview/course-conversations/dialogs/conversation-detail-dialog/tabs/conversation-members/conversation-member-row/conversation-member-row.component.ts
index 9112db6a5021..513312fe34a2 100644
--- a/src/main/webapp/app/overview/course-conversations/dialogs/conversation-detail-dialog/tabs/conversation-members/conversation-member-row/conversation-member-row.component.ts
+++ b/src/main/webapp/app/overview/course-conversations/dialogs/conversation-detail-dialog/tabs/conversation-members/conversation-member-row/conversation-member-row.component.ts
@@ -3,7 +3,7 @@ import { faEllipsis, faUser, faUserCheck, faUserGear, faUserGraduate } from '@fo
 import { User } from 'app/core/user/user.model';
 import { ConversationDTO } from 'app/entities/metis/conversation/conversation.model';
 import { AccountService } from 'app/core/auth/account.service';
-import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
+import { NgbDropdown, NgbDropdownButtonItem, NgbDropdownItem, NgbDropdownMenu, NgbDropdownToggle, NgbModal, NgbModalRef, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 import { EMPTY, Observable, Subject, from, takeUntil } from 'rxjs';
 import { Course } from 'app/entities/course.model';
 import { canGrantChannelModeratorRole, canRemoveUsersFromConversation, canRevokeChannelModeratorRole } from 'app/shared/metis/conversations/conversation-permissions.utils';
@@ -20,12 +20,27 @@ import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { getAsGroupChatDTO, isGroupChatDTO } from 'app/entities/metis/conversation/group-chat.model';
 import { GroupChatService } from 'app/shared/metis/conversations/group-chat.service';
 import { catchError } from 'rxjs/operators';
+import { ProfilePictureComponent } from 'app/shared/profile-picture/profile-picture.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
-    // eslint-disable-next-line @angular-eslint/component-selector
     selector: '[jhi-conversation-member-row]',
     templateUrl: './conversation-member-row.component.html',
     styleUrls: ['./conversation-member-row.component.scss'],
+    imports: [
+        ProfilePictureComponent,
+        FaIconComponent,
+        NgbTooltip,
+        NgbDropdown,
+        NgbDropdownToggle,
+        NgbDropdownMenu,
+        NgbDropdownButtonItem,
+        NgbDropdownItem,
+        TranslateDirective,
+        ArtemisTranslatePipe,
+    ],
 })
 export class ConversationMemberRowComponent implements OnInit, OnDestroy {
     private ngUnsubscribe = new Subject<void>();
diff --git a/src/main/webapp/app/overview/course-conversations/dialogs/conversation-detail-dialog/tabs/conversation-members/conversation-members.component.ts b/src/main/webapp/app/overview/course-conversations/dialogs/conversation-detail-dialog/tabs/conversation-members/conversation-members.component.ts
index 4164cce5f8ca..c4757f1e2622 100644
--- a/src/main/webapp/app/overview/course-conversations/dialogs/conversation-detail-dialog/tabs/conversation-members/conversation-members.component.ts
+++ b/src/main/webapp/app/overview/course-conversations/dialogs/conversation-detail-dialog/tabs/conversation-members/conversation-members.component.ts
@@ -8,12 +8,18 @@ import { AlertService } from 'app/core/util/alert.service';
 import { onError } from 'app/shared/util/global.utils';
 import { EMPTY, Subject, from, map } from 'rxjs';
 import { faMagnifyingGlass, faUserPlus } from '@fortawesome/free-solid-svg-icons';
-import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
+import { NgbModal, NgbModalRef, NgbPagination } from '@ng-bootstrap/ng-bootstrap';
 import { ConversationAddUsersDialogComponent } from 'app/overview/course-conversations/dialogs/conversation-add-users-dialog/conversation-add-users-dialog.component';
 import { getAsChannelDTO, isChannelDTO } from 'app/entities/metis/conversation/channel.model';
 import { canAddUsersToConversation } from 'app/shared/metis/conversations/conversation-permissions.utils';
 import { ConversationUserDTO } from 'app/entities/metis/conversation/conversation-user-dto.model';
 import { defaultSecondLayerDialogOptions } from 'app/overview/course-conversations/other/conversation.util';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FormsModule } from '@angular/forms';
+import { ConversationMemberRowComponent } from './conversation-member-row/conversation-member-row.component';
+import { ItemCountComponent } from 'app/shared/pagination/item-count.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 interface SearchQuery {
     searchTerm: string;
@@ -22,6 +28,7 @@ interface SearchQuery {
 @Component({
     selector: 'jhi-conversation-members',
     templateUrl: './conversation-members.component.html',
+    imports: [FaIconComponent, TranslateDirective, FormsModule, ConversationMemberRowComponent, ItemCountComponent, NgbPagination, ArtemisTranslatePipe],
 })
 export class ConversationMembersComponent implements OnInit, OnDestroy {
     private ngUnsubscribe = new Subject<void>();
diff --git a/src/main/webapp/app/overview/course-conversations/dialogs/conversation-detail-dialog/tabs/conversation-settings/conversation-settings.component.ts b/src/main/webapp/app/overview/course-conversations/dialogs/conversation-detail-dialog/tabs/conversation-settings/conversation-settings.component.ts
index e9e5743b66d7..738c02c9298e 100644
--- a/src/main/webapp/app/overview/course-conversations/dialogs/conversation-detail-dialog/tabs/conversation-settings/conversation-settings.component.ts
+++ b/src/main/webapp/app/overview/course-conversations/dialogs/conversation-detail-dialog/tabs/conversation-settings/conversation-settings.component.ts
@@ -15,11 +15,15 @@ import { GroupChatService } from 'app/shared/metis/conversations/group-chat.serv
 import { isGroupChatDTO } from 'app/entities/metis/conversation/group-chat.model';
 import { defaultSecondLayerDialogOptions } from 'app/overview/course-conversations/other/conversation.util';
 import { catchError } from 'rxjs/operators';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 @Component({
     selector: 'jhi-conversation-settings',
     templateUrl: './conversation-settings.component.html',
     styleUrls: ['./conversation-settings.component.scss'],
+    imports: [TranslateDirective, DeleteButtonDirective, FaIconComponent],
 })
 export class ConversationSettingsComponent implements OnInit, OnDestroy {
     private ngUnsubscribe = new Subject<void>();
diff --git a/src/main/webapp/app/overview/course-conversations/dialogs/generic-confirmation-dialog/generic-confirmation-dialog.component.ts b/src/main/webapp/app/overview/course-conversations/dialogs/generic-confirmation-dialog/generic-confirmation-dialog.component.ts
index 7389eb84cf83..bb9b1c5bef48 100644
--- a/src/main/webapp/app/overview/course-conversations/dialogs/generic-confirmation-dialog/generic-confirmation-dialog.component.ts
+++ b/src/main/webapp/app/overview/course-conversations/dialogs/generic-confirmation-dialog/generic-confirmation-dialog.component.ts
@@ -1,6 +1,7 @@
 import { Component, Input } from '@angular/core';
-import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { AbstractDialogComponent } from 'app/overview/course-conversations/dialogs/abstract-dialog.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 export interface GenericConfirmationTranslationKeys {
     titleKey: string;
@@ -11,23 +12,13 @@ export interface GenericConfirmationTranslationKeys {
 @Component({
     selector: 'jhi-generic-confirmation-dialog',
     templateUrl: './generic-confirmation-dialog.component.html',
+    imports: [TranslateDirective, ArtemisTranslatePipe],
 })
 export class GenericConfirmationDialogComponent extends AbstractDialogComponent {
-    @Input()
-    translationParameters = {};
-
-    @Input()
-    translationKeys: GenericConfirmationTranslationKeys;
-
-    @Input()
-    canBeUndone = true;
-
-    @Input()
-    isDangerousAction = false;
-
-    constructor(activeModal: NgbActiveModal) {
-        super(activeModal);
-    }
+    @Input() translationParameters = {};
+    @Input() translationKeys: GenericConfirmationTranslationKeys;
+    @Input() canBeUndone = true;
+    @Input() isDangerousAction = false;
 
     initialize() {
         super.initialize(['translationKeys']);
diff --git a/src/main/webapp/app/overview/course-conversations/dialogs/generic-update-text-property-dialog/generic-update-text-property-dialog.component.ts b/src/main/webapp/app/overview/course-conversations/dialogs/generic-update-text-property-dialog/generic-update-text-property-dialog.component.ts
index 6df266a1fbde..c1ca7c07295c 100644
--- a/src/main/webapp/app/overview/course-conversations/dialogs/generic-update-text-property-dialog/generic-update-text-property-dialog.component.ts
+++ b/src/main/webapp/app/overview/course-conversations/dialogs/generic-update-text-property-dialog/generic-update-text-property-dialog.component.ts
@@ -1,8 +1,9 @@
-import { Component, Input } from '@angular/core';
-import { FormGroup, Validators } from '@angular/forms';
+import { Component, Input, inject } from '@angular/core';
+import { FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
 import { FormBuilder } from '@angular/forms';
-import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { AbstractDialogComponent } from 'app/overview/course-conversations/dialogs/abstract-dialog.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 export interface GenericUpdateTextPropertyTranslationKeys {
     labelKey: string;
@@ -20,25 +21,18 @@ export interface GenericUpdateTextPropertyTranslationKeys {
 @Component({
     selector: 'jhi-generic-update-text-property-dialog',
     templateUrl: './generic-update-text-property-dialog.component.html',
+    imports: [FormsModule, ReactiveFormsModule, TranslateDirective, ArtemisTranslatePipe],
 })
 export class GenericUpdateTextPropertyDialogComponent extends AbstractDialogComponent {
-    @Input()
-    propertyName: string;
+    private fb = inject(FormBuilder);
 
-    @Input()
-    isRequired = false;
+    @Input() propertyName: string;
+    @Input() isRequired = false;
+    @Input() regexPattern: RegExp | undefined;
+    @Input() maxPropertyLength: number;
+    @Input() initialValue: string | undefined;
+    @Input() translationKeys: GenericUpdateTextPropertyTranslationKeys;
 
-    @Input()
-    regexPattern: RegExp | undefined;
-
-    @Input()
-    maxPropertyLength: number;
-
-    @Input()
-    initialValue: string | undefined;
-
-    @Input()
-    translationKeys: GenericUpdateTextPropertyTranslationKeys;
     form: FormGroup;
 
     initialize() {
@@ -55,12 +49,7 @@ export class GenericUpdateTextPropertyDialogComponent extends AbstractDialogComp
     get control() {
         return this.form.get(this.propertyName);
     }
-    constructor(
-        private fb: FormBuilder,
-        activeModal: NgbActiveModal,
-    ) {
-        super(activeModal);
-    }
+
     private initializeForm() {
         if (this.form) {
             return;
diff --git a/src/main/webapp/app/overview/course-conversations/dialogs/group-chat-create-dialog/group-chat-create-dialog.component.ts b/src/main/webapp/app/overview/course-conversations/dialogs/group-chat-create-dialog/group-chat-create-dialog.component.ts
index c694f953f9a3..20ded5b205a0 100644
--- a/src/main/webapp/app/overview/course-conversations/dialogs/group-chat-create-dialog/group-chat-create-dialog.component.ts
+++ b/src/main/webapp/app/overview/course-conversations/dialogs/group-chat-create-dialog/group-chat-create-dialog.component.ts
@@ -1,24 +1,21 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, inject } from '@angular/core';
 import { Course } from 'app/entities/course.model';
-import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { FormBuilder, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
 import { AbstractDialogComponent } from 'app/overview/course-conversations/dialogs/abstract-dialog.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { CourseUsersSelectorComponent } from 'app/shared/course-users-selector/course-users-selector.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-group-chat-create-dialog',
     templateUrl: './group-chat-create-dialog.component.html',
+    imports: [TranslateDirective, FormsModule, ReactiveFormsModule, CourseUsersSelectorComponent, ArtemisTranslatePipe],
 })
 export class GroupChatCreateDialogComponent extends AbstractDialogComponent {
-    @Input()
-    course: Course;
-    form: FormGroup;
+    private fb = inject(FormBuilder);
 
-    constructor(
-        activeModal: NgbActiveModal,
-        private fb: FormBuilder,
-    ) {
-        super(activeModal);
-    }
+    @Input() course: Course;
+    form: FormGroup;
 
     initialize() {
         super.initialize(['course']);
diff --git a/src/main/webapp/app/overview/course-conversations/dialogs/one-to-one-chat-create-dialog/one-to-one-chat-create-dialog.component.ts b/src/main/webapp/app/overview/course-conversations/dialogs/one-to-one-chat-create-dialog/one-to-one-chat-create-dialog.component.ts
index 669a7b4027f7..e113fe358f0a 100644
--- a/src/main/webapp/app/overview/course-conversations/dialogs/one-to-one-chat-create-dialog/one-to-one-chat-create-dialog.component.ts
+++ b/src/main/webapp/app/overview/course-conversations/dialogs/one-to-one-chat-create-dialog/one-to-one-chat-create-dialog.component.ts
@@ -1,24 +1,24 @@
 import { Component, Input } from '@angular/core';
 import { Course } from 'app/entities/course.model';
 import { UserPublicInfoDTO } from 'app/core/user/user.model';
-import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { AbstractDialogComponent } from 'app/overview/course-conversations/dialogs/abstract-dialog.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { CourseUsersSelectorComponent } from 'app/shared/course-users-selector/course-users-selector.component';
+import { FormsModule } from '@angular/forms';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-one-to-one-chat-create-dialog',
     templateUrl: './one-to-one-chat-create-dialog.component.html',
+    imports: [TranslateDirective, CourseUsersSelectorComponent, FormsModule, ArtemisTranslatePipe],
 })
 export class OneToOneChatCreateDialogComponent extends AbstractDialogComponent {
-    @Input()
-    course: Course;
+    @Input() course: Course;
 
     isInitialized = false;
     selectedUsers: UserPublicInfoDTO[] = [];
     userToChatWith?: UserPublicInfoDTO;
 
-    constructor(activeModal: NgbActiveModal) {
-        super(activeModal);
-    }
     initialize() {
         super.initialize(['course']);
     }
diff --git a/src/main/webapp/app/overview/course-conversations/layout/conversation-header/conversation-header.component.ts b/src/main/webapp/app/overview/course-conversations/layout/conversation-header/conversation-header.component.ts
index a8c9ff8ffe26..83f7caf63f97 100644
--- a/src/main/webapp/app/overview/course-conversations/layout/conversation-header/conversation-header.component.ts
+++ b/src/main/webapp/app/overview/course-conversations/layout/conversation-header/conversation-header.component.ts
@@ -20,13 +20,24 @@ import { MetisService } from 'app/shared/metis/metis.service';
 import { CourseSidebarService } from 'app/overview/course-sidebar.service';
 import { getAsOneToOneChatDTO } from 'app/entities/metis/conversation/one-to-one-chat.model';
 import { ConversationUserDTO } from 'app/entities/metis/conversation/conversation-user-dto.model';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ChannelIconComponent } from '../../other/channel-icon/channel-icon.component';
+import { ProfilePictureComponent } from 'app/shared/profile-picture/profile-picture.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { RouterLink } from '@angular/router';
 
 @Component({
     selector: 'jhi-conversation-header',
     templateUrl: './conversation-header.component.html',
     styleUrls: ['./conversation-header.component.scss'],
+    imports: [FaIconComponent, ChannelIconComponent, ProfilePictureComponent, TranslateDirective, RouterLink],
 })
 export class ConversationHeaderComponent implements OnInit, OnDestroy {
+    private modalService = inject(NgbModal);
+    metisConversationService = inject(MetisConversationService);
+    conversationService = inject(ConversationService);
+    private metisService = inject(MetisService);
+
     private ngUnsubscribe = new Subject<void>();
 
     @Output() collapseSearch = new EventEmitter<void>();
@@ -51,14 +62,6 @@ export class ConversationHeaderComponent implements OnInit, OnDestroy {
 
     private courseSidebarService: CourseSidebarService = inject(CourseSidebarService);
 
-    constructor(
-        private modalService: NgbModal,
-        // instantiated at course-conversation.component.ts
-        public metisConversationService: MetisConversationService,
-        public conversationService: ConversationService,
-        private metisService: MetisService,
-    ) {}
-
     getAsGroupChat = getAsGroupChatDTO;
     getAsOneToOneChat = getAsOneToOneChatDTO;
 
diff --git a/src/main/webapp/app/overview/course-conversations/layout/conversation-messages/conversation-messages.component.ts b/src/main/webapp/app/overview/course-conversations/layout/conversation-messages/conversation-messages.component.ts
index 81e5b88d053c..ac94e22cf0fa 100644
--- a/src/main/webapp/app/overview/course-conversations/layout/conversation-messages/conversation-messages.component.ts
+++ b/src/main/webapp/app/overview/course-conversations/layout/conversation-messages/conversation-messages.component.ts
@@ -9,7 +9,6 @@ import {
     OnInit,
     Output,
     QueryList,
-    Renderer2,
     ViewChild,
     ViewChildren,
     ViewEncapsulation,
@@ -36,6 +35,13 @@ import { CustomBreakpointNames } from 'app/shared/breakpoints/breakpoints.servic
 import dayjs from 'dayjs/esm';
 import { User } from 'app/core/user/user.model';
 import { PostingThreadComponent } from 'app/shared/metis/posting-thread/posting-thread.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { InfiniteScrollDirective } from 'ngx-infinite-scroll';
+import { NgClass } from '@angular/common';
+import { PostCreateEditModalComponent } from 'app/shared/metis/posting-create-edit-modal/post-create-edit-modal/post-create-edit-modal.component';
+import { MessageInlineInputComponent } from 'app/shared/metis/message/message-inline-input/message-inline-input.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 interface PostGroup {
     author: User | undefined;
@@ -47,8 +53,22 @@ interface PostGroup {
     templateUrl: './conversation-messages.component.html',
     styleUrls: ['./conversation-messages.component.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [
+        FaIconComponent,
+        TranslateDirective,
+        InfiniteScrollDirective,
+        NgClass,
+        PostingThreadComponent,
+        PostCreateEditModalComponent,
+        MessageInlineInputComponent,
+        ArtemisTranslatePipe,
+    ],
 })
 export class ConversationMessagesComponent implements OnInit, AfterViewInit, OnDestroy {
+    metisService = inject(MetisService);
+    metisConversationService = inject(MetisConversationService);
+    cdr = inject(ChangeDetectorRef);
+
     private ngUnsubscribe = new Subject<void>();
     readonly sessionStorageKey = 'conversationId.scrollPosition.';
 
@@ -62,19 +82,14 @@ export class ConversationMessagesComponent implements OnInit, AfterViewInit, OnD
 
     @Output() openThread = new EventEmitter<Post>();
 
-    @ViewChild('searchInput')
-    searchInput: ElementRef;
-
-    @ViewChildren('postingThread')
-    messages: QueryList<PostingThreadComponent>;
-    @ViewChild('container')
-    content: ElementRef;
-    @Input()
-    course?: Course;
-    @Input()
-    searchbarCollapsed = false;
-    @Input()
-    contentHeightDev: boolean = false;
+    @ViewChild('searchInput') searchInput: ElementRef;
+    @ViewChildren('postingThread') messages: QueryList<PostingThreadComponent>;
+    @ViewChild('container') content: ElementRef;
+
+    @Input() course?: Course;
+    @Input() searchbarCollapsed = false;
+    @Input() contentHeightDev = false;
+
     readonly focusPostId = input<number | undefined>(undefined);
     readonly openThreadOnFocus = input<boolean>(false);
 
@@ -106,16 +121,11 @@ export class ConversationMessagesComponent implements OnInit, AfterViewInit, OnD
     isHiddenInputWithCallToAction = false;
     isHiddenInputFull = false;
     focusOnPostId: number | undefined = undefined;
-    isOpenThreadOnFocus: boolean = false;
+    isOpenThreadOnFocus = false;
 
     private layoutService: LayoutService = inject(LayoutService);
-    private renderer = inject(Renderer2);
 
-    constructor(
-        public metisService: MetisService, // instance from course-conversations.component
-        public metisConversationService: MetisConversationService, // instance from course-conversations.component
-        public cdr: ChangeDetectorRef,
-    ) {
+    constructor() {
         effect(() => {
             this.focusOnPostId = this.focusPostId();
             this.isOpenThreadOnFocus = this.openThreadOnFocus();
@@ -365,9 +375,9 @@ export class ConversationMessagesComponent implements OnInit, AfterViewInit, OnD
         return this.metisService.createEmptyPostForContext(conversation);
     }
 
-    postsGroupTrackByFn = (index: number, post: PostGroup): string => 'grp_' + post.posts.map((p) => p.id?.toString()).join('_');
+    postsGroupTrackByFn = (_index: number, post: PostGroup): string => 'grp_' + post.posts.map((p) => p.id?.toString()).join('_');
 
-    postsTrackByFn = (index: number, post: Post): string => 'post_' + post.id!;
+    postsTrackByFn = (_index: number, post: Post): string => 'post_' + post.id!;
 
     setPostForThread(post: Post) {
         this.openThread.emit(post);
diff --git a/src/main/webapp/app/overview/course-conversations/layout/conversation-thread-sidebar/conversation-thread-sidebar.component.ts b/src/main/webapp/app/overview/course-conversations/layout/conversation-thread-sidebar/conversation-thread-sidebar.component.ts
index 2307a9f9d182..780198d01f2a 100644
--- a/src/main/webapp/app/overview/course-conversations/layout/conversation-thread-sidebar/conversation-thread-sidebar.component.ts
+++ b/src/main/webapp/app/overview/course-conversations/layout/conversation-thread-sidebar/conversation-thread-sidebar.component.ts
@@ -5,11 +5,18 @@ import { faArrowLeft, faChevronLeft, faGripLinesVertical, faXmark } from '@forta
 import { AnswerPost } from 'app/entities/metis/answer-post.model';
 import { Conversation, ConversationDTO } from 'app/entities/metis/conversation/conversation.model';
 import { getAsChannelDTO } from 'app/entities/metis/conversation/channel.model';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { PostComponent } from 'app/shared/metis/post/post.component';
+import { MessageReplyInlineInputComponent } from 'app/shared/metis/message/message-reply-inline-input/message-reply-inline-input.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-conversation-thread-sidebar',
     templateUrl: './conversation-thread-sidebar.component.html',
     styleUrls: ['./conversation-thread-sidebar.component.scss'],
+    imports: [FaIconComponent, TranslateDirective, NgbTooltip, PostComponent, MessageReplyInlineInputComponent, ArtemisTranslatePipe],
 })
 export class ConversationThreadSidebarComponent implements AfterViewInit {
     @ViewChild('scrollBody', { static: false }) scrollBody?: ElementRef<HTMLDivElement>;
diff --git a/src/main/webapp/app/overview/course-conversations/other/channel-icon/channel-icon.component.ts b/src/main/webapp/app/overview/course-conversations/other/channel-icon/channel-icon.component.ts
index e42fa8358454..6dda4bb3f70b 100644
--- a/src/main/webapp/app/overview/course-conversations/other/channel-icon/channel-icon.component.ts
+++ b/src/main/webapp/app/overview/course-conversations/other/channel-icon/channel-icon.component.ts
@@ -1,9 +1,11 @@
 import { Component, Input } from '@angular/core';
 import { faBoxArchive, faBullhorn, faHashtag, faLock } from '@fortawesome/free-solid-svg-icons';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 @Component({
     selector: 'jhi-channel-icon',
     templateUrl: './channel-icon.component.html',
+    imports: [FaIconComponent],
 })
 export class ChannelIconComponent {
     @Input()
diff --git a/src/main/webapp/app/overview/course-conversations/posting-summary/posting-summary.component.ts b/src/main/webapp/app/overview/course-conversations/posting-summary/posting-summary.component.ts
index 6e5b23539180..ed80391c59cc 100644
--- a/src/main/webapp/app/overview/course-conversations/posting-summary/posting-summary.component.ts
+++ b/src/main/webapp/app/overview/course-conversations/posting-summary/posting-summary.component.ts
@@ -3,11 +3,20 @@ import { Posting, PostingType, SavedPostStatus } from 'app/entities/metis/postin
 import { faBookmark, faBoxArchive, faCheckSquare, faEllipsis, faHashtag, faLock } from '@fortawesome/free-solid-svg-icons';
 import { ConversationType } from 'app/entities/metis/conversation/conversation.model';
 import dayjs from 'dayjs/esm';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgClass } from '@angular/common';
+import { ProfilePictureComponent } from 'app/shared/profile-picture/profile-picture.component';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { PostingContentComponent } from 'app/shared/metis/posting-content/posting-content.components';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-posting-summary',
     templateUrl: './posting-summary.component.html',
     styleUrls: ['./posting-summary.component.scss'],
+    imports: [FaIconComponent, TranslateDirective, NgClass, ProfilePictureComponent, NgbTooltip, PostingContentComponent, ArtemisDatePipe, ArtemisTranslatePipe],
 })
 export class PostingSummaryComponent {
     readonly post = input<Posting>();
diff --git a/src/main/webapp/app/overview/course-conversations/saved-posts/saved-posts.component.ts b/src/main/webapp/app/overview/course-conversations/saved-posts/saved-posts.component.ts
index f3606114b830..ca1c0306f385 100644
--- a/src/main/webapp/app/overview/course-conversations/saved-posts/saved-posts.component.ts
+++ b/src/main/webapp/app/overview/course-conversations/saved-posts/saved-posts.component.ts
@@ -2,11 +2,15 @@ import { Component, effect, inject, input, output } from '@angular/core';
 import { Posting, SavedPostStatus, SavedPostStatusMap } from 'app/entities/metis/posting.model';
 import { SavedPostService } from 'app/shared/metis/saved-post.service';
 import { faBookmark, faInfoCircle } from '@fortawesome/free-solid-svg-icons';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { PostingSummaryComponent } from '../posting-summary/posting-summary.component';
 
 @Component({
     selector: 'jhi-saved-posts',
     templateUrl: './saved-posts.component.html',
     styleUrls: ['./saved-posts.component.scss'],
+    imports: [TranslateDirective, FaIconComponent, PostingSummaryComponent],
 })
 export class SavedPostsComponent {
     readonly savedPostStatus = input<SavedPostStatus>();
@@ -19,7 +23,7 @@ export class SavedPostsComponent {
     protected posts: Posting[];
     protected hiddenPosts: number[] = [];
     protected savedPostStatusMap: SavedPostStatusMap = SavedPostStatusMap.PROGRESS;
-    protected isShowDeleteNotice: boolean = false;
+    protected isShowDeleteNotice = false;
 
     // Icons
     readonly faBookmark = faBookmark;
diff --git a/src/main/webapp/app/overview/course-dashboard/course-dashboard.component.ts b/src/main/webapp/app/overview/course-dashboard/course-dashboard.component.ts
index 469ec9257996..9b54d2eb1616 100644
--- a/src/main/webapp/app/overview/course-dashboard/course-dashboard.component.ts
+++ b/src/main/webapp/app/overview/course-dashboard/course-dashboard.component.ts
@@ -1,4 +1,4 @@
-import { Component, ElementRef, OnDestroy, OnInit, QueryList, ViewChildren } from '@angular/core';
+import { Component, ElementRef, OnDestroy, OnInit, QueryList, ViewChildren, inject } from '@angular/core';
 import { CourseStorageService } from 'app/course/manage/course-storage.service';
 import { Subscription } from 'rxjs';
 import { ActivatedRoute, Router } from '@angular/router';
@@ -18,13 +18,38 @@ import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 import { PROFILE_IRIS } from 'app/app.constants';
 import { CompetencyAccordionToggleEvent } from 'app/course/competencies/competency-accordion/competency-accordion.component';
 import { AccountService } from 'app/core/auth/account.service';
+import { CourseChatbotComponent } from '../../iris/course-chatbot/course-chatbot.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgbProgressbar } from '@ng-bootstrap/ng-bootstrap';
+import { CourseExercisePerformanceComponent } from './course-exercise-performance/course-exercise-performance.component';
+import { CourseExerciseLatenessComponent } from './course-exercise-lateness/course-exercise-lateness.component';
+import { CompetencyAccordionComponent } from '../../course/competencies/competency-accordion/competency-accordion.component';
+import { FeatureToggleHideDirective } from 'app/shared/feature-toggle/feature-toggle-hide.directive';
 
 @Component({
     selector: 'jhi-course-dashboard',
     templateUrl: './course-dashboard.component.html',
     styleUrls: ['./course-dashboard.component.scss'],
+    imports: [
+        CourseChatbotComponent,
+        TranslateDirective,
+        NgbProgressbar,
+        CourseExercisePerformanceComponent,
+        CourseExerciseLatenessComponent,
+        CompetencyAccordionComponent,
+        FeatureToggleHideDirective,
+    ],
 })
 export class CourseDashboardComponent implements OnInit, OnDestroy {
+    private courseStorageService = inject(CourseStorageService);
+    private alertService = inject(AlertService);
+    private route = inject(ActivatedRoute);
+    private router = inject(Router);
+    private courseDashboardService = inject(CourseDashboardService);
+    private irisSettingsService = inject(IrisSettingsService);
+    private profileService = inject(ProfileService);
+    private accountService = inject(AccountService);
+
     courseId: number;
     exerciseId: number;
     points: number = 0;
@@ -52,17 +77,6 @@ export class CourseDashboardComponent implements OnInit, OnDestroy {
 
     @ViewChildren('competencyAccordionElement', { read: ElementRef }) competencyAccordions: QueryList<ElementRef>;
 
-    constructor(
-        private courseStorageService: CourseStorageService,
-        private alertService: AlertService,
-        private route: ActivatedRoute,
-        private router: Router,
-        private courseDashboardService: CourseDashboardService,
-        private irisSettingsService: IrisSettingsService,
-        private profileService: ProfileService,
-        private accountService: AccountService,
-    ) {}
-
     ngOnInit(): void {
         this.paramSubscription = this.route.parent?.parent?.params.subscribe((params) => {
             this.courseId = parseInt(params['courseId'], 10);
diff --git a/src/main/webapp/app/overview/course-dashboard/course-dashboard.module.ts b/src/main/webapp/app/overview/course-dashboard/course-dashboard.module.ts
index 834b3db16f4a..126431958157 100644
--- a/src/main/webapp/app/overview/course-dashboard/course-dashboard.module.ts
+++ b/src/main/webapp/app/overview/course-dashboard/course-dashboard.module.ts
@@ -2,6 +2,7 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
 import { CourseDashboardComponent } from 'app/overview/course-dashboard/course-dashboard.component';
+
 import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { RouterModule, Routes } from '@angular/router';
@@ -14,14 +15,14 @@ import { ArtemisSharedComponentModule } from 'app/shared/components/shared-compo
 import { NgxDatatableModule } from '@siemens/ngx-datatable';
 import { LineChartModule } from '@swimlane/ngx-charts';
 import { IrisModule } from 'app/iris/iris.module';
-import { FeatureToggleModule } from 'app/shared/feature-toggle/feature-toggle.module';
+
 import { ArtemisCompetenciesModule } from 'app/course/competencies/competency.module';
 
 const routes: Routes = [
     {
         path: '',
         pathMatch: 'full',
-        component: CourseDashboardComponent,
+        loadComponent: () => import('app/overview/course-dashboard/course-dashboard.component').then((m) => m.CourseDashboardComponent),
         data: {
             authorities: [Authority.USER],
             pageTitle: 'overview.dashboard',
@@ -31,7 +32,6 @@ const routes: Routes = [
 ];
 
 @NgModule({
-    declarations: [CourseDashboardComponent, CourseExercisePerformanceComponent, CourseExerciseLatenessComponent],
     exports: [CourseDashboardComponent],
     imports: [
         CommonModule,
@@ -44,8 +44,10 @@ const routes: Routes = [
         ArtemisSharedComponentModule,
         LineChartModule,
         IrisModule,
-        FeatureToggleModule,
         ArtemisCompetenciesModule,
+        CourseDashboardComponent,
+        CourseExercisePerformanceComponent,
+        CourseExerciseLatenessComponent,
     ],
 })
 export class CourseDashboardModule {}
diff --git a/src/main/webapp/app/overview/course-dashboard/course-dashboard.service.ts b/src/main/webapp/app/overview/course-dashboard/course-dashboard.service.ts
index a6a1e09c0750..daf177e123ef 100644
--- a/src/main/webapp/app/overview/course-dashboard/course-dashboard.service.ts
+++ b/src/main/webapp/app/overview/course-dashboard/course-dashboard.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { Observable, map } from 'rxjs';
 import { CompetencyMetrics, ExerciseInformation, LectureUnitInformation, StudentMetrics } from 'app/entities/student-metrics.model';
@@ -10,9 +10,9 @@ import { CompetencyJol } from 'app/entities/competency.model';
 
 @Injectable({ providedIn: 'root' })
 export class CourseDashboardService {
-    public resourceUrl = 'api/metrics';
+    private http = inject(HttpClient);
 
-    constructor(private http: HttpClient) {}
+    public resourceUrl = 'api/metrics';
 
     getCourseMetricsForUser(courseId: number): Observable<HttpResponse<StudentMetrics>> {
         return this.http.get<StudentMetrics>(`${this.resourceUrl}/course/${courseId}/student`, { observe: 'response' }).pipe(
diff --git a/src/main/webapp/app/overview/course-dashboard/course-exercise-lateness/course-exercise-lateness.component.ts b/src/main/webapp/app/overview/course-dashboard/course-exercise-lateness/course-exercise-lateness.component.ts
index 0192a35fff98..8a3a741b48cc 100644
--- a/src/main/webapp/app/overview/course-dashboard/course-exercise-lateness/course-exercise-lateness.component.ts
+++ b/src/main/webapp/app/overview/course-dashboard/course-exercise-lateness/course-exercise-lateness.component.ts
@@ -1,10 +1,13 @@
-import { Component, Input, OnChanges, OnDestroy, OnInit } from '@angular/core';
+import { Component, Input, OnChanges, OnDestroy, OnInit, inject } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
-import { Color, ScaleType } from '@swimlane/ngx-charts';
+import { Color, LineChartModule, ScaleType } from '@swimlane/ngx-charts';
 import { GraphColors } from 'app/entities/statistics.model';
 import { NgxChartsMultiSeriesDataEntry } from 'app/shared/chart/ngx-charts-datatypes';
 import { round } from 'app/shared/util/utils';
 import { Subscription } from 'rxjs';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 export interface ExerciseLateness {
     exerciseId: number;
@@ -21,8 +24,11 @@ const AVERAGE_GRAPH_COLOR = GraphColors.YELLOW;
     selector: 'jhi-course-exercise-lateness',
     templateUrl: './course-exercise-lateness.component.html',
     styleUrls: ['./course-exercise-lateness.component.scss'],
+    imports: [TranslateDirective, HelpIconComponent, LineChartModule, ArtemisTranslatePipe],
 })
 export class CourseExerciseLatenessComponent implements OnInit, OnChanges, OnDestroy {
+    private translateService = inject(TranslateService);
+
     @Input() exerciseLateness: ExerciseLateness[] = [];
 
     yourLatenessLabel: string;
@@ -42,7 +48,7 @@ export class CourseExerciseLatenessComponent implements OnInit, OnChanges, OnDes
     protected readonly YOUR_GRAPH_COLOR = YOUR_GRAPH_COLOR;
     protected readonly AVERAGE_GRAPH_COLOR = AVERAGE_GRAPH_COLOR;
 
-    constructor(private translateService: TranslateService) {
+    constructor() {
         this.translateServiceSubscription = this.translateService.onLangChange.subscribe(() => {
             this.setupChart();
         });
@@ -56,7 +62,7 @@ export class CourseExerciseLatenessComponent implements OnInit, OnChanges, OnDes
         this.translateServiceSubscription.unsubscribe();
     }
 
-    ngOnChanges(): void {
+    ngOnChanges() {
         this.setupChart();
     }
 
diff --git a/src/main/webapp/app/overview/course-dashboard/course-exercise-performance/course-exercise-performance.component.ts b/src/main/webapp/app/overview/course-dashboard/course-exercise-performance/course-exercise-performance.component.ts
index 127b4ad92bb7..5168ee937684 100644
--- a/src/main/webapp/app/overview/course-dashboard/course-exercise-performance/course-exercise-performance.component.ts
+++ b/src/main/webapp/app/overview/course-dashboard/course-exercise-performance/course-exercise-performance.component.ts
@@ -1,10 +1,13 @@
-import { Component, Input, OnChanges, OnDestroy, OnInit } from '@angular/core';
+import { Component, Input, OnChanges, OnDestroy, OnInit, inject } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
-import { Color, ScaleType } from '@swimlane/ngx-charts';
+import { Color, LineChartModule, ScaleType } from '@swimlane/ngx-charts';
 import { GraphColors } from 'app/entities/statistics.model';
 import { NgxChartsMultiSeriesDataEntry } from 'app/shared/chart/ngx-charts-datatypes';
 import { round } from 'app/shared/util/utils';
 import { Subscription } from 'rxjs';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 export interface ExercisePerformance {
     exerciseId: number;
@@ -21,8 +24,11 @@ const AVERAGE_GRAPH_COLOR = GraphColors.YELLOW;
     selector: 'jhi-course-exercise-performance',
     templateUrl: './course-exercise-performance.component.html',
     styleUrls: ['./course-exercise-performance.component.scss'],
+    imports: [TranslateDirective, HelpIconComponent, LineChartModule, ArtemisTranslatePipe],
 })
 export class CourseExercisePerformanceComponent implements OnInit, OnChanges, OnDestroy {
+    private translateService = inject(TranslateService);
+
     @Input() exercisePerformance: ExercisePerformance[] = [];
 
     yourScoreLabel: string;
@@ -41,7 +47,7 @@ export class CourseExercisePerformanceComponent implements OnInit, OnChanges, On
     protected readonly YOUR_GRAPH_COLOR = YOUR_GRAPH_COLOR;
     protected readonly AVERAGE_GRAPH_COLOR = AVERAGE_GRAPH_COLOR;
 
-    constructor(private translateService: TranslateService) {
+    constructor() {
         this.translateServiceSubscription = this.translateService.onLangChange.subscribe(() => {
             this.setupChart();
         });
@@ -55,7 +61,7 @@ export class CourseExercisePerformanceComponent implements OnInit, OnChanges, On
         this.translateServiceSubscription.unsubscribe();
     }
 
-    ngOnChanges(): void {
+    ngOnChanges() {
         this.setupChart();
     }
 
diff --git a/src/main/webapp/app/overview/course-exams/course-exams.component.ts b/src/main/webapp/app/overview/course-exams/course-exams.component.ts
index 33e28167ea69..4b59e30d337f 100644
--- a/src/main/webapp/app/overview/course-exams/course-exams.component.ts
+++ b/src/main/webapp/app/overview/course-exams/course-exams.component.ts
@@ -1,6 +1,6 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { Course } from 'app/entities/course.model';
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute, Router, RouterOutlet } from '@angular/router';
 import { Subscription } from 'rxjs';
 import { Exam } from 'app/entities/exam/exam.model';
 import dayjs from 'dayjs/esm';
@@ -13,6 +13,9 @@ import { AccordionGroups, CollapseState, SidebarCardElement, SidebarData } from
 import { CourseOverviewService } from '../course-overview.service';
 import { cloneDeep } from 'lodash-es';
 import { lastValueFrom } from 'rxjs';
+import { NgClass } from '@angular/common';
+import { SidebarComponent } from 'app/shared/sidebar/sidebar.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 const DEFAULT_UNIT_GROUPS: AccordionGroups = {
     real: { entityData: [] },
@@ -33,8 +36,16 @@ const DEFAULT_SHOW_ALWAYS: CollapseState = {
     selector: 'jhi-course-exams',
     templateUrl: './course-exams.component.html',
     styleUrls: ['./course-exams.component.scss'],
+    imports: [NgClass, SidebarComponent, RouterOutlet, TranslateDirective],
 })
 export class CourseExamsComponent implements OnInit, OnDestroy {
+    private route = inject(ActivatedRoute);
+    private courseStorageService = inject(CourseStorageService);
+    private serverDateService = inject(ArtemisServerDateService);
+    private examParticipationService = inject(ExamParticipationService);
+    private courseOverviewService = inject(CourseOverviewService);
+    private router = inject(Router);
+
     courseId: number;
     public course?: Course;
     private parentParamSubscription?: Subscription;
@@ -64,15 +75,6 @@ export class CourseExamsComponent implements OnInit, OnDestroy {
     readonly DEFAULT_COLLAPSE_STATE = DEFAULT_COLLAPSE_STATE;
     protected readonly DEFAULT_SHOW_ALWAYS = DEFAULT_SHOW_ALWAYS;
 
-    constructor(
-        private route: ActivatedRoute,
-        private courseStorageService: CourseStorageService,
-        private serverDateService: ArtemisServerDateService,
-        private examParticipationService: ExamParticipationService,
-        private courseOverviewService: CourseOverviewService,
-        private router: Router,
-    ) {}
-
     /**
      * subscribe to changes in the course and fetch course by the path parameter
      */
diff --git a/src/main/webapp/app/overview/course-exams/course-exams.module.ts b/src/main/webapp/app/overview/course-exams/course-exams.module.ts
index 3bbf8e98043b..69d09384d273 100644
--- a/src/main/webapp/app/overview/course-exams/course-exams.module.ts
+++ b/src/main/webapp/app/overview/course-exams/course-exams.module.ts
@@ -7,8 +7,7 @@ import { ArtemisSharedComponentModule } from 'app/shared/components/shared-compo
 import { ArtemisSidebarModule } from 'app/shared/sidebar/sidebar.module';
 
 @NgModule({
-    imports: [ArtemisSharedModule, ArtemisSharedCommonModule, ArtemisSharedComponentModule, ArtemisExamSharedModule, ArtemisSidebarModule],
-    declarations: [CourseExamsComponent],
+    imports: [ArtemisSharedModule, ArtemisSharedCommonModule, ArtemisSharedComponentModule, ArtemisExamSharedModule, ArtemisSidebarModule, CourseExamsComponent],
     exports: [CourseExamsComponent],
 })
 export class CourseExamsModule {}
diff --git a/src/main/webapp/app/overview/course-exams/course-exams.route.ts b/src/main/webapp/app/overview/course-exams/course-exams.route.ts
index 2e2a7264c14a..fc8482570ee0 100644
--- a/src/main/webapp/app/overview/course-exams/course-exams.route.ts
+++ b/src/main/webapp/app/overview/course-exams/course-exams.route.ts
@@ -1,12 +1,11 @@
 import { Routes } from '@angular/router';
 import { Authority } from 'app/shared/constants/authority.constants';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
-import { CourseExamsComponent } from 'app/overview/course-exams/course-exams.component';
 
 export const routes: Routes = [
     {
         path: '',
-        component: CourseExamsComponent,
+        loadComponent: () => import('app/overview/course-exams/course-exams.component').then((m) => m.CourseExamsComponent),
         data: {
             authorities: [Authority.USER],
             pageTitle: 'overview.exams',
diff --git a/src/main/webapp/app/overview/course-exercises/course-exercise-row.component.ts b/src/main/webapp/app/overview/course-exercises/course-exercise-row.component.ts
index d61d2da89cb5..ced1b1b19bd5 100644
--- a/src/main/webapp/app/overview/course-exercises/course-exercise-row.component.ts
+++ b/src/main/webapp/app/overview/course-exercises/course-exercise-row.component.ts
@@ -1,4 +1,4 @@
-import { Component, HostBinding, Input, OnChanges, OnDestroy, OnInit } from '@angular/core';
+import { Component, HostBinding, Input, OnChanges, OnDestroy, OnInit, inject } from '@angular/core';
 import { ParticipationService } from 'app/exercises/shared/participation/participation.service';
 import { ParticipationWebsocketService } from 'app/overview/participation-websocket.service';
 import dayjs from 'dayjs/esm';
@@ -11,13 +11,44 @@ import { Exercise, ExerciseType, IncludedInOverallScore, getIcon, getIconTooltip
 import { ExerciseService } from 'app/exercises/shared/exercise/exercise.service';
 import { getExerciseDueDate } from 'app/exercises/shared/exercise/exercise.utils';
 import { ExerciseCategory } from 'app/entities/exercise-category.model';
+import { RouterLink } from '@angular/router';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { SubmissionResultStatusComponent } from '../submission-result-status.component';
+import { ExerciseDetailsStudentActionsComponent } from '../exercise-details/exercise-details-student-actions.component';
+import { OrionFilterDirective } from 'app/shared/orion/orion-filter.directive';
+import { NgClass } from '@angular/common';
+import { ExerciseCategoriesComponent } from 'app/shared/exercise-categories/exercise-categories.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { ArtemisTimeAgoPipe } from 'app/shared/pipes/artemis-time-ago.pipe';
 
 @Component({
     selector: 'jhi-course-exercise-row',
     templateUrl: './course-exercise-row.component.html',
     styleUrls: ['./course-exercise-row.scss'],
+    imports: [
+        RouterLink,
+        FaIconComponent,
+        NgbTooltip,
+        SubmissionResultStatusComponent,
+        ExerciseDetailsStudentActionsComponent,
+        OrionFilterDirective,
+        NgClass,
+        ExerciseCategoriesComponent,
+        TranslateDirective,
+        ArtemisDatePipe,
+        ArtemisTranslatePipe,
+        ArtemisTimeAgoPipe,
+    ],
 })
 export class CourseExerciseRowComponent implements OnInit, OnDestroy, OnChanges {
+    private accountService = inject(AccountService);
+    private participationService = inject(ParticipationService);
+    private exerciseService = inject(ExerciseService);
+    private participationWebsocketService = inject(ParticipationWebsocketService);
+
     readonly IncludedInOverallScore = IncludedInOverallScore;
     readonly dayjs = dayjs;
     @HostBinding('class') classes = 'exercise-row';
@@ -40,13 +71,6 @@ export class CourseExerciseRowComponent implements OnInit, OnDestroy, OnChanges
 
     participationUpdateListener: Subscription;
 
-    constructor(
-        private accountService: AccountService,
-        private participationService: ParticipationService,
-        private exerciseService: ExerciseService,
-        private participationWebsocketService: ParticipationWebsocketService,
-    ) {}
-
     ngOnInit() {
         if (this.exercise?.studentParticipations?.length) {
             this.gradedStudentParticipation = this.participationService.getSpecificStudentParticipation(this.exercise.studentParticipations, false);
@@ -67,7 +91,7 @@ export class CourseExerciseRowComponent implements OnInit, OnDestroy, OnChanges
         this.routerLink = ['/courses', this.course.id!.toString(), 'exercises', this.exercise.id!.toString()];
     }
 
-    ngOnChanges(): void {
+    ngOnChanges() {
         const cachedParticipations = this.participationWebsocketService.getParticipationsForExercise(this.exercise.id!);
         if (cachedParticipations?.length) {
             this.exercise.studentParticipations = cachedParticipations;
diff --git a/src/main/webapp/app/overview/course-exercises/course-exercise-row.module.ts b/src/main/webapp/app/overview/course-exercises/course-exercise-row.module.ts
index 50b444611e85..a7c9cf14a21a 100644
--- a/src/main/webapp/app/overview/course-exercises/course-exercise-row.module.ts
+++ b/src/main/webapp/app/overview/course-exercises/course-exercise-row.module.ts
@@ -21,8 +21,8 @@ import { ExerciseCategoriesModule } from 'app/shared/exercise-categories/exercis
         GradingKeyOverviewModule,
         SubmissionResultStatusModule,
         ExerciseCategoriesModule,
+        CourseExerciseRowComponent,
     ],
-    declarations: [CourseExerciseRowComponent],
     exports: [CourseExerciseRowComponent],
 })
 export class ArtemisCourseExerciseRowModule {}
diff --git a/src/main/webapp/app/overview/course-exercises/course-exercises.component.ts b/src/main/webapp/app/overview/course-exercises/course-exercises.component.ts
index 5f0adeed54b5..abd416b192c6 100644
--- a/src/main/webapp/app/overview/course-exercises/course-exercises.component.ts
+++ b/src/main/webapp/app/overview/course-exercises/course-exercises.component.ts
@@ -1,6 +1,6 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { Course } from 'app/entities/course.model';
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute, Router, RouterOutlet } from '@angular/router';
 import { Subscription } from 'rxjs';
 import { GuidedTourService } from 'app/guided-tour/guided-tour.service';
 import { courseExerciseOverviewTour } from 'app/guided-tour/tours/course-exercise-overview-tour';
@@ -10,6 +10,9 @@ import { CourseStorageService } from 'app/course/manage/course-storage.service';
 import { AccordionGroups, CollapseState, SidebarCardElement, SidebarData, SidebarItemShowAlways } from 'app/types/sidebar';
 import { CourseOverviewService } from '../course-overview.service';
 import { LtiService } from 'app/shared/service/lti.service';
+import { NgClass, NgStyle } from '@angular/common';
+import { SidebarComponent } from 'app/shared/sidebar/sidebar.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 const DEFAULT_UNIT_GROUPS: AccordionGroups = {
     future: { entityData: [] },
@@ -39,8 +42,17 @@ const DEFAULT_SHOW_ALWAYS: SidebarItemShowAlways = {
     selector: 'jhi-course-exercises',
     templateUrl: './course-exercises.component.html',
     styleUrls: ['../course-overview.scss'],
+    imports: [NgClass, SidebarComponent, NgStyle, RouterOutlet, TranslateDirective],
 })
 export class CourseExercisesComponent implements OnInit, OnDestroy {
+    private courseStorageService = inject(CourseStorageService);
+    private route = inject(ActivatedRoute);
+    private guidedTourService = inject(GuidedTourService);
+    private programmingSubmissionService = inject(ProgrammingSubmissionService);
+    private router = inject(Router);
+    private courseOverviewService = inject(CourseOverviewService);
+    private ltiService = inject(LtiService);
+
     private parentParamSubscription: Subscription;
     private courseUpdatesSubscription: Subscription;
     private ltiSubscription: Subscription;
@@ -60,16 +72,6 @@ export class CourseExercisesComponent implements OnInit, OnDestroy {
     protected readonly DEFAULT_COLLAPSE_STATE = DEFAULT_COLLAPSE_STATE;
     protected readonly DEFAULT_SHOW_ALWAYS = DEFAULT_SHOW_ALWAYS;
 
-    constructor(
-        private courseStorageService: CourseStorageService,
-        private route: ActivatedRoute,
-        private guidedTourService: GuidedTourService,
-        private programmingSubmissionService: ProgrammingSubmissionService,
-        private router: Router,
-        private courseOverviewService: CourseOverviewService,
-        private ltiService: LtiService,
-    ) {}
-
     ngOnInit() {
         this.isCollapsed = this.courseOverviewService.getSidebarCollapseStateFromStorage('exercise');
         this.parentParamSubscription = this.route.parent!.params.subscribe((params) => {
diff --git a/src/main/webapp/app/overview/course-faq/course-faq-accordion-component.ts b/src/main/webapp/app/overview/course-faq/course-faq-accordion-component.ts
index 881a07f2d784..28233b9b60d1 100644
--- a/src/main/webapp/app/overview/course-faq/course-faq-accordion-component.ts
+++ b/src/main/webapp/app/overview/course-faq/course-faq-accordion-component.ts
@@ -1,5 +1,4 @@
 import { Component, OnDestroy, input } from '@angular/core';
-import { TranslateDirective } from 'app/shared/language/translate.directive';
 import { Faq } from 'app/entities/faq.model';
 import { CustomExerciseCategoryBadgeComponent } from 'app/shared/exercise-categories/custom-exercise-category-badge/custom-exercise-category-badge.component';
 import { Subject } from 'rxjs/internal/Subject';
@@ -9,9 +8,7 @@ import { ArtemisMarkdownModule } from 'app/shared/markdown.module';
     selector: 'jhi-course-faq-accordion',
     templateUrl: './course-faq-accordion.component.html',
     styleUrl: './course-faq-accordion.component.scss',
-    standalone: true,
-
-    imports: [TranslateDirective, CustomExerciseCategoryBadgeComponent, ArtemisMarkdownModule],
+    imports: [CustomExerciseCategoryBadgeComponent, ArtemisMarkdownModule],
 })
 export class CourseFaqAccordionComponent implements OnDestroy {
     private ngUnsubscribe = new Subject<void>();
diff --git a/src/main/webapp/app/overview/course-faq/course-faq.component.ts b/src/main/webapp/app/overview/course-faq/course-faq.component.ts
index 8138013ad4fa..0be571a70de4 100644
--- a/src/main/webapp/app/overview/course-faq/course-faq.component.ts
+++ b/src/main/webapp/app/overview/course-faq/course-faq.component.ts
@@ -19,14 +19,22 @@ import { SearchFilterComponent } from 'app/shared/search-filter/search-filter.co
 import { ArtemisMarkdownModule } from 'app/shared/markdown.module';
 import { SortService } from 'app/shared/service/sort.service';
 import { Renderer2 } from '@angular/core';
+import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
 
 @Component({
     selector: 'jhi-course-faq',
     templateUrl: './course-faq.component.html',
     styleUrls: ['../course-overview.scss', 'course-faq.component.scss'],
     encapsulation: ViewEncapsulation.None,
-    standalone: true,
-    imports: [ArtemisSharedComponentModule, ArtemisSharedModule, CourseFaqAccordionComponent, CustomExerciseCategoryBadgeComponent, SearchFilterComponent, ArtemisMarkdownModule],
+    imports: [
+        ArtemisSharedComponentModule,
+        ArtemisSharedModule,
+        CourseFaqAccordionComponent,
+        CustomExerciseCategoryBadgeComponent,
+        SearchFilterComponent,
+        ArtemisMarkdownModule,
+        NgbModule,
+    ],
 })
 export class CourseFaqComponent implements OnInit, OnDestroy {
     faqElements = viewChildren<ElementRef>('faqElement');
diff --git a/src/main/webapp/app/overview/course-lectures/attachment-unit/attachment-unit.component.ts b/src/main/webapp/app/overview/course-lectures/attachment-unit/attachment-unit.component.ts
index ecc6c9f39f85..cde836380a81 100644
--- a/src/main/webapp/app/overview/course-lectures/attachment-unit/attachment-unit.component.ts
+++ b/src/main/webapp/app/overview/course-lectures/attachment-unit/attachment-unit.component.ts
@@ -22,7 +22,6 @@ import { FileService } from 'app/shared/http/file.service';
 
 @Component({
     selector: 'jhi-attachment-unit',
-    standalone: true,
     imports: [LectureUnitComponent, ArtemisSharedCommonModule],
     templateUrl: './attachment-unit.component.html',
 })
diff --git a/src/main/webapp/app/overview/course-lectures/course-lecture-details.component.ts b/src/main/webapp/app/overview/course-lectures/course-lecture-details.component.ts
index 14cc75d10ef7..301803ba2bea 100644
--- a/src/main/webapp/app/overview/course-lectures/course-lecture-details.component.ts
+++ b/src/main/webapp/app/overview/course-lectures/course-lecture-details.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { HttpErrorResponse } from '@angular/common/http';
 import { downloadStream } from 'app/shared/util/download.util';
@@ -16,10 +16,22 @@ import { faSpinner } from '@fortawesome/free-solid-svg-icons';
 import { LectureUnitService } from 'app/lecture/lecture-unit/lecture-unit-management/lectureUnit.service';
 import { isCommunicationEnabled, isMessagingEnabled } from 'app/entities/course.model';
 import { AbstractScienceComponent } from 'app/shared/science/science.component';
-import { ScienceService } from 'app/shared/science/science.service';
 import { ScienceEventType } from 'app/shared/science/science.model';
 import { Subscription } from 'rxjs';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgClass, UpperCasePipe } from '@angular/common';
+import { ExerciseUnitComponent } from './exercise-unit/exercise-unit.component';
+import { AttachmentUnitComponent } from './attachment-unit/attachment-unit.component';
+import { VideoUnitComponent } from './video-unit/video-unit.component';
+import { TextUnitComponent } from './text-unit/text-unit.component';
+import { OnlineUnitComponent } from './online-unit/online-unit.component';
+import { CompetenciesPopoverComponent } from 'app/course/competencies/competencies-popover/competencies-popover.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { DiscussionSectionComponent } from '../discussion-section/discussion-section.component';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { HtmlForMarkdownPipe } from 'app/shared/pipes/html-for-markdown.pipe';
 
 export interface LectureUnitCompletionEvent {
     lectureUnit: LectureUnit;
@@ -30,8 +42,32 @@ export interface LectureUnitCompletionEvent {
     selector: 'jhi-course-lecture-details',
     templateUrl: './course-lecture-details.component.html',
     styleUrls: ['../course-overview.scss', './course-lectures.scss'],
+    imports: [
+        TranslateDirective,
+        NgClass,
+        ExerciseUnitComponent,
+        AttachmentUnitComponent,
+        VideoUnitComponent,
+        TextUnitComponent,
+        OnlineUnitComponent,
+        CompetenciesPopoverComponent,
+        FaIconComponent,
+        DiscussionSectionComponent,
+        UpperCasePipe,
+        ArtemisDatePipe,
+        ArtemisTranslatePipe,
+        HtmlForMarkdownPipe,
+    ],
 })
 export class CourseLectureDetailsComponent extends AbstractScienceComponent implements OnInit, OnDestroy {
+    private alertService = inject(AlertService);
+    private lectureService = inject(LectureService);
+    private lectureUnitService = inject(LectureUnitService);
+    private activatedRoute = inject(ActivatedRoute);
+    private fileService = inject(FileService);
+    private router = inject(Router);
+    private profileService = inject(ProfileService);
+
     lectureId?: number;
     courseId?: number;
     isLoading = false;
@@ -53,17 +89,8 @@ export class CourseLectureDetailsComponent extends AbstractScienceComponent impl
     // Icons
     faSpinner = faSpinner;
 
-    constructor(
-        private alertService: AlertService,
-        private lectureService: LectureService,
-        private lectureUnitService: LectureUnitService,
-        private activatedRoute: ActivatedRoute,
-        private fileService: FileService,
-        private router: Router,
-        scienceService: ScienceService,
-        private profileService: ProfileService,
-    ) {
-        super(scienceService, ScienceEventType.LECTURE__OPEN);
+    constructor() {
+        super(ScienceEventType.LECTURE__OPEN);
     }
 
     ngOnInit(): void {
diff --git a/src/main/webapp/app/overview/course-lectures/course-lecture-details.module.ts b/src/main/webapp/app/overview/course-lectures/course-lecture-details.module.ts
index 315de44054b0..000ffd522b6c 100644
--- a/src/main/webapp/app/overview/course-lectures/course-lecture-details.module.ts
+++ b/src/main/webapp/app/overview/course-lectures/course-lecture-details.module.ts
@@ -1,8 +1,9 @@
+import { CourseLectureDetailsComponent } from 'app/overview/course-lectures/course-lecture-details.component';
 import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { ArtemisSharedComponentModule } from 'app/shared/components/shared-component.module';
 import { ArtemisSharedPipesModule } from 'app/shared/pipes/shared-pipes.module';
 import { ArtemisLectureUnitsModule } from 'app/overview/course-lectures/lecture-units.module';
-import { CourseLectureDetailsComponent } from 'app/overview/course-lectures/course-lecture-details.component';
+
 import { NgModule } from '@angular/core';
 import { ArtemisCompetenciesModule } from 'app/course/competencies/competency.module';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
@@ -18,7 +19,7 @@ import { DiscussionSectionComponent } from 'app/overview/discussion-section/disc
 const routes: Routes = [
     {
         path: '',
-        component: CourseLectureDetailsComponent,
+        loadComponent: () => import('app/overview/course-lectures/course-lecture-details.component').then((m) => m.CourseLectureDetailsComponent),
         data: {
             authorities: [Authority.USER],
             pageTitle: 'overview.lectures',
@@ -40,8 +41,8 @@ const routes: Routes = [
         OnlineUnitComponent,
         AttachmentUnitComponent,
         DiscussionSectionComponent,
+        CourseLectureDetailsComponent,
     ],
-    declarations: [CourseLectureDetailsComponent],
     exports: [CourseLectureDetailsComponent],
 })
 export class ArtemisCourseLectureDetailsModule {}
diff --git a/src/main/webapp/app/overview/course-lectures/course-lecture-row.component.ts b/src/main/webapp/app/overview/course-lectures/course-lecture-row.component.ts
index 9cdb6b4e09f2..10e584b6a94a 100644
--- a/src/main/webapp/app/overview/course-lectures/course-lecture-row.component.ts
+++ b/src/main/webapp/app/overview/course-lectures/course-lecture-row.component.ts
@@ -3,11 +3,20 @@ import dayjs from 'dayjs/esm';
 import { Course } from 'app/entities/course.model';
 import { Lecture } from 'app/entities/lecture.model';
 import { faChalkboardTeacher } from '@fortawesome/free-solid-svg-icons';
+import { RouterLink } from '@angular/router';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { NgClass } from '@angular/common';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { ArtemisTimeAgoPipe } from 'app/shared/pipes/artemis-time-ago.pipe';
 
 @Component({
     selector: 'jhi-course-lecture-row',
     templateUrl: './course-lecture-row.component.html',
     styleUrls: ['../course-exercises/course-exercise-row.scss'],
+    imports: [RouterLink, FaIconComponent, NgbTooltip, NgClass, TranslateDirective, ArtemisDatePipe, ArtemisTranslatePipe, ArtemisTimeAgoPipe],
 })
 export class CourseLectureRowComponent {
     @HostBinding('class') classes = 'exercise-row';
@@ -17,8 +26,6 @@ export class CourseLectureRowComponent {
     // Icons
     faChalkboardTeacher = faChalkboardTeacher;
 
-    constructor() {}
-
     getUrgentClass(date?: dayjs.Dayjs) {
         if (!date) {
             return '';
diff --git a/src/main/webapp/app/overview/course-lectures/course-lectures.component.ts b/src/main/webapp/app/overview/course-lectures/course-lectures.component.ts
index 8e12e392d125..3457662017e8 100644
--- a/src/main/webapp/app/overview/course-lectures/course-lectures.component.ts
+++ b/src/main/webapp/app/overview/course-lectures/course-lectures.component.ts
@@ -1,11 +1,14 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { Course } from 'app/entities/course.model';
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute, Router, RouterOutlet } from '@angular/router';
 import { Subscription } from 'rxjs';
 import { Lecture } from 'app/entities/lecture.model';
 import { CourseStorageService } from 'app/course/manage/course-storage.service';
 import { AccordionGroups, CollapseState, SidebarCardElement, SidebarData, SidebarItemShowAlways } from 'app/types/sidebar';
 import { CourseOverviewService } from '../course-overview.service';
+import { NgClass } from '@angular/common';
+import { SidebarComponent } from 'app/shared/sidebar/sidebar.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 const DEFAULT_UNIT_GROUPS: AccordionGroups = {
     future: { entityData: [] },
@@ -35,8 +38,14 @@ const DEFAULT_SHOW_ALWAYS: SidebarItemShowAlways = {
     selector: 'jhi-course-lectures',
     templateUrl: './course-lectures.component.html',
     styleUrls: ['../course-overview.scss'],
+    imports: [NgClass, SidebarComponent, RouterOutlet, TranslateDirective],
 })
 export class CourseLecturesComponent implements OnInit, OnDestroy {
+    private courseStorageService = inject(CourseStorageService);
+    private route = inject(ActivatedRoute);
+    private router = inject(Router);
+    private courseOverviewService = inject(CourseOverviewService);
+
     private parentParamSubscription: Subscription;
     private courseUpdatesSubscription: Subscription;
     course?: Course;
@@ -51,13 +60,6 @@ export class CourseLecturesComponent implements OnInit, OnDestroy {
     readonly DEFAULT_COLLAPSE_STATE = DEFAULT_COLLAPSE_STATE;
     protected readonly DEFAULT_SHOW_ALWAYS = DEFAULT_SHOW_ALWAYS;
 
-    constructor(
-        private courseStorageService: CourseStorageService,
-        private route: ActivatedRoute,
-        private router: Router,
-        private courseOverviewService: CourseOverviewService,
-    ) {}
-
     ngOnInit() {
         this.isCollapsed = this.courseOverviewService.getSidebarCollapseStateFromStorage('lecture');
         this.parentParamSubscription = this.route.parent!.params.subscribe((params) => {
diff --git a/src/main/webapp/app/overview/course-lectures/exercise-unit/exercise-unit.component.ts b/src/main/webapp/app/overview/course-lectures/exercise-unit/exercise-unit.component.ts
index b415b0e95ac4..ecdf4679c624 100644
--- a/src/main/webapp/app/overview/course-lectures/exercise-unit/exercise-unit.component.ts
+++ b/src/main/webapp/app/overview/course-lectures/exercise-unit/exercise-unit.component.ts
@@ -1,12 +1,14 @@
 import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';
 import { Course } from 'app/entities/course.model';
 import { ExerciseUnit } from 'app/entities/lecture-unit/exerciseUnit.model';
+import { CourseExerciseRowComponent } from '../../course-exercises/course-exercise-row.component';
 
 @Component({
     selector: 'jhi-exercise-unit',
     templateUrl: './exercise-unit.component.html',
     encapsulation: ViewEncapsulation.None,
     styleUrls: ['./exercise-unit.component.scss'],
+    imports: [CourseExerciseRowComponent],
 })
 export class ExerciseUnitComponent {
     @HostBinding('className') componentClass: string;
diff --git a/src/main/webapp/app/overview/course-lectures/lecture-unit/lecture-unit.component.ts b/src/main/webapp/app/overview/course-lectures/lecture-unit/lecture-unit.component.ts
index b4cf868d5d5a..583c0bd11dcc 100644
--- a/src/main/webapp/app/overview/course-lectures/lecture-unit/lecture-unit.component.ts
+++ b/src/main/webapp/app/overview/course-lectures/lecture-unit/lecture-unit.component.ts
@@ -7,7 +7,6 @@ import { LectureUnit } from 'app/entities/lecture-unit/lectureUnit.model';
 
 @Component({
     selector: 'jhi-lecture-unit-card',
-    standalone: true,
     imports: [FontAwesomeModule, ArtemisSharedCommonModule, NgbCollapseModule],
     templateUrl: './lecture-unit.component.html',
     styleUrl: './lecture-unit.component.scss',
diff --git a/src/main/webapp/app/overview/course-lectures/lecture-unit/lecture-unit.directive.ts b/src/main/webapp/app/overview/course-lectures/lecture-unit/lecture-unit.directive.ts
index 51fe2cf35726..190645cc5b14 100644
--- a/src/main/webapp/app/overview/course-lectures/lecture-unit/lecture-unit.directive.ts
+++ b/src/main/webapp/app/overview/course-lectures/lecture-unit/lecture-unit.directive.ts
@@ -1,24 +1,21 @@
 import { AbstractScienceComponent } from 'app/shared/science/science.component';
-import { ScienceService } from 'app/shared/science/science.service';
 import { ScienceEventType } from 'app/shared/science/science.model';
 import { LectureUnit } from 'app/entities/lecture-unit/lectureUnit.model';
 import { effect, input, output } from '@angular/core';
 import { Directive } from '@angular/core';
 import { LectureUnitCompletionEvent } from 'app/overview/course-lectures/course-lecture-details.component';
 
-@Directive({
-    standalone: true,
-})
+@Directive()
 export class LectureUnitDirective<T extends LectureUnit> extends AbstractScienceComponent {
-    readonly lectureUnit = input.required<T>();
+    lectureUnit = input.required<T>();
 
     readonly onCompletion = output<LectureUnitCompletionEvent>();
     readonly onCollapse = output<boolean>();
 
-    readonly isPresentationMode = input<boolean>(false);
+    isPresentationMode = input<boolean>(false);
 
-    constructor(scienceService: ScienceService) {
-        super(scienceService, ScienceEventType.LECTURE__OPEN_UNIT);
+    constructor() {
+        super(ScienceEventType.LECTURE__OPEN_UNIT);
 
         effect(() => {
             this.setResourceId(this.lectureUnit().id!);
diff --git a/src/main/webapp/app/overview/course-lectures/lecture-units.module.ts b/src/main/webapp/app/overview/course-lectures/lecture-units.module.ts
index 5ef001e15d5f..e8a662b7af81 100644
--- a/src/main/webapp/app/overview/course-lectures/lecture-units.module.ts
+++ b/src/main/webapp/app/overview/course-lectures/lecture-units.module.ts
@@ -7,8 +7,7 @@ import { ExerciseUnitComponent } from 'app/overview/course-lectures/exercise-uni
 import { ArtemisMarkdownModule } from 'app/shared/markdown.module';
 
 @NgModule({
-    imports: [ArtemisSharedModule, ArtemisSharedComponentModule, ArtemisSharedPipesModule, ArtemisCourseExerciseRowModule, ArtemisMarkdownModule],
-    declarations: [ExerciseUnitComponent],
+    imports: [ArtemisSharedModule, ArtemisSharedComponentModule, ArtemisSharedPipesModule, ArtemisCourseExerciseRowModule, ArtemisMarkdownModule, ExerciseUnitComponent],
     exports: [ExerciseUnitComponent],
 })
 export class ArtemisLectureUnitsModule {}
diff --git a/src/main/webapp/app/overview/course-lectures/online-unit/online-unit.component.ts b/src/main/webapp/app/overview/course-lectures/online-unit/online-unit.component.ts
index 9bc979d903a3..f2880956b71b 100644
--- a/src/main/webapp/app/overview/course-lectures/online-unit/online-unit.component.ts
+++ b/src/main/webapp/app/overview/course-lectures/online-unit/online-unit.component.ts
@@ -6,7 +6,6 @@ import { faUpRightFromSquare } from '@fortawesome/free-solid-svg-icons';
 
 @Component({
     selector: 'jhi-online-unit',
-    standalone: true,
     imports: [LectureUnitComponent],
     templateUrl: './online-unit.component.html',
 })
diff --git a/src/main/webapp/app/overview/course-lectures/text-unit/text-unit.component.ts b/src/main/webapp/app/overview/course-lectures/text-unit/text-unit.component.ts
index 7563ccc34e1b..f9f19721182e 100644
--- a/src/main/webapp/app/overview/course-lectures/text-unit/text-unit.component.ts
+++ b/src/main/webapp/app/overview/course-lectures/text-unit/text-unit.component.ts
@@ -8,7 +8,6 @@ import { LectureUnitDirective } from 'app/overview/course-lectures/lecture-unit/
 
 @Component({
     selector: 'jhi-text-unit',
-    standalone: true,
     imports: [LectureUnitComponent],
     templateUrl: './text-unit.component.html',
 })
diff --git a/src/main/webapp/app/overview/course-lectures/video-unit/video-unit.component.ts b/src/main/webapp/app/overview/course-lectures/video-unit/video-unit.component.ts
index 7cbf2829048b..9284448e63d9 100644
--- a/src/main/webapp/app/overview/course-lectures/video-unit/video-unit.component.ts
+++ b/src/main/webapp/app/overview/course-lectures/video-unit/video-unit.component.ts
@@ -8,7 +8,6 @@ import { LectureUnitComponent } from 'app/overview/course-lectures/lecture-unit/
 
 @Component({
     selector: 'jhi-video-unit',
-    standalone: true,
     imports: [ArtemisSharedPipesModule, LectureUnitComponent],
     templateUrl: './video-unit.component.html',
 })
diff --git a/src/main/webapp/app/overview/course-overview.component.ts b/src/main/webapp/app/overview/course-overview.component.ts
index 8e09014c4fb1..3056f4857a61 100644
--- a/src/main/webapp/app/overview/course-overview.component.ts
+++ b/src/main/webapp/app/overview/course-overview.component.ts
@@ -14,7 +14,7 @@ import {
     ViewContainerRef,
     inject,
 } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute, Router, RouterLink, RouterLinkActive, RouterOutlet } from '@angular/router';
 import {
     IconDefinition,
     faChalkboardUser,
@@ -39,7 +39,7 @@ import {
     faTimes,
     faWrench,
 } from '@fortawesome/free-solid-svg-icons';
-import { NgbDropdown, NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { NgbDropdown, NgbDropdownButtonItem, NgbDropdownItem, NgbDropdownMenu, NgbDropdownToggle, NgbModal, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 import { AlertService, AlertType } from 'app/core/util/alert.service';
 import { JhiWebsocketService } from 'app/core/websocket/websocket.service';
 import { CourseAccessStorageService } from 'app/course/course-access-storage.service';
@@ -57,7 +57,7 @@ import { ArtemisServerDateService } from 'app/shared/server-date.service';
 import { BarControlConfiguration, BarControlConfigurationProvider } from 'app/shared/tab-bar/tab-bar';
 import dayjs from 'dayjs/esm';
 import { Observable, Subject, Subscription, catchError, firstValueFrom, map, of, takeUntil, throwError } from 'rxjs';
-import { facSidebar } from '../../content/icons/icons';
+import { facSidebar } from 'app/icons/icons';
 import { CourseManagementService } from '../course/manage/course-management.service';
 import { CourseExercisesComponent } from './course-exercises/course-exercises.component';
 import { CourseLecturesComponent } from './course-lectures/course-lectures.component';
@@ -69,6 +69,13 @@ import { sortCourses } from 'app/shared/util/course.util';
 import { CourseUnenrollmentModalComponent } from './course-unenrollment-modal.component';
 import { LtiService } from 'app/shared/service/lti.service';
 import { CourseSidebarService } from 'app/overview/course-sidebar.service';
+import { NgClass, NgStyle, NgTemplateOutlet, SlicePipe } from '@angular/common';
+import { MatSidenav, MatSidenavContainer, MatSidenavContent } from '@angular/material/sidenav';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from '../shared/language/translate.directive';
+import { SecuredImageComponent } from '../shared/image/secured-image.component';
+import { OrionFilterDirective } from '../shared/orion/orion-filter.directive';
+import { FeatureToggleHideDirective } from '../shared/feature-toggle/feature-toggle-hide.directive';
 
 interface CourseActionItem {
     title: string;
@@ -95,8 +102,48 @@ interface SidebarItem {
     templateUrl: './course-overview.component.html',
     styleUrls: ['course-overview.scss', 'course-overview.component.scss'],
     providers: [MetisConversationService],
+    imports: [
+        NgClass,
+        MatSidenavContainer,
+        MatSidenav,
+        NgbDropdown,
+        NgbDropdownToggle,
+        NgTemplateOutlet,
+        NgbDropdownMenu,
+        NgbDropdownButtonItem,
+        NgbDropdownItem,
+        FaIconComponent,
+        TranslateDirective,
+        NgbTooltip,
+        MatSidenavContent,
+        NgStyle,
+        RouterLink,
+        RouterOutlet,
+        SecuredImageComponent,
+        OrionFilterDirective,
+        RouterLinkActive,
+        FeatureToggleHideDirective,
+        SlicePipe,
+    ],
 })
 export class CourseOverviewComponent implements OnInit, OnDestroy, AfterViewInit {
+    private courseService = inject(CourseManagementService);
+    private courseExerciseService = inject(CourseExerciseService);
+    private courseStorageService = inject(CourseStorageService);
+    private route = inject(ActivatedRoute);
+    private teamService = inject(TeamService);
+    private jhiWebsocketService = inject(JhiWebsocketService);
+    private serverDateService = inject(ArtemisServerDateService);
+    private alertService = inject(AlertService);
+    private changeDetectorRef = inject(ChangeDetectorRef);
+    private metisConversationService = inject(MetisConversationService);
+    private router = inject(Router);
+    private courseAccessStorageService = inject(CourseAccessStorageService);
+    private profileService = inject(ProfileService);
+    private modalService = inject(NgbModal);
+    private examParticipationService = inject(ExamParticipationService);
+    private ltiService = inject(LtiService);
+
     private ngUnsubscribe = new Subject<void>();
     private closeSidebarEventSubscription: Subscription;
     private openSidebarEventSubscription: Subscription;
@@ -118,7 +165,7 @@ export class CourseOverviewComponent implements OnInit, OnDestroy, AfterViewInit
     isProduction = true;
     isTestServer = false;
     pageTitle: string;
-    hasSidebar: boolean = false;
+    hasSidebar = false;
     sidebarItems: SidebarItem[];
     courseActionItems: CourseActionItem[];
     isNotManagementView: boolean;
@@ -126,7 +173,7 @@ export class CourseOverviewComponent implements OnInit, OnDestroy, AfterViewInit
     isNavbarCollapsed = false;
     isSidebarCollapsed = false;
     profileSubscription?: Subscription;
-    showRefreshButton: boolean = false;
+    showRefreshButton = false;
     isExamStarted = false;
     private examStartedSubscription: Subscription;
     readonly MIN_DISPLAYED_COURSES: number = 6;
@@ -189,25 +236,6 @@ export class CourseOverviewComponent implements OnInit, OnDestroy, AfterViewInit
 
     private courseSidebarService: CourseSidebarService = inject(CourseSidebarService);
 
-    constructor(
-        private courseService: CourseManagementService,
-        private courseExerciseService: CourseExerciseService,
-        private courseStorageService: CourseStorageService,
-        private route: ActivatedRoute,
-        private teamService: TeamService,
-        private jhiWebsocketService: JhiWebsocketService,
-        private serverDateService: ArtemisServerDateService,
-        private alertService: AlertService,
-        private changeDetectorRef: ChangeDetectorRef,
-        private metisConversationService: MetisConversationService,
-        private router: Router,
-        private courseAccessStorageService: CourseAccessStorageService,
-        private profileService: ProfileService,
-        private modalService: NgbModal,
-        private examParticipationService: ExamParticipationService,
-        private ltiService: LtiService,
-    ) {}
-
     async ngOnInit() {
         this.openSidebarEventSubscription = this.courseSidebarService.openSidebar$.subscribe(() => {
             this.isSidebarCollapsed = true;
diff --git a/src/main/webapp/app/overview/course-overview.service.ts b/src/main/webapp/app/overview/course-overview.service.ts
index 6e13440242bb..8408654338cf 100644
--- a/src/main/webapp/app/overview/course-overview.service.ts
+++ b/src/main/webapp/app/overview/course-overview.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import { Exercise, getIcon } from 'app/entities/exercise.model';
 import { Lecture } from 'app/entities/lecture.model';
@@ -71,11 +71,9 @@ const DEFAULT_CHANNEL_GROUPS: AccordionGroups = {
     providedIn: 'root',
 })
 export class CourseOverviewService {
-    constructor(
-        private participationService: ParticipationService,
-        private translate: TranslateService,
-        private conversationService: ConversationService,
-    ) {}
+    private participationService = inject(ParticipationService);
+    private translate = inject(TranslateService);
+    private conversationService = inject(ConversationService);
 
     readonly faBullhorn = faBullhorn;
     readonly faHashtag = faHashtag;
diff --git a/src/main/webapp/app/overview/course-registration/course-prerequisites-button/course-prerequisites-button.component.ts b/src/main/webapp/app/overview/course-registration/course-prerequisites-button/course-prerequisites-button.component.ts
index 765c849561f8..ca92ba3a701e 100644
--- a/src/main/webapp/app/overview/course-registration/course-prerequisites-button/course-prerequisites-button.component.ts
+++ b/src/main/webapp/app/overview/course-registration/course-prerequisites-button/course-prerequisites-button.component.ts
@@ -1,16 +1,18 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, inject } from '@angular/core';
 import { Course } from 'app/entities/course.model';
 import { CoursePrerequisitesModalComponent } from 'app/overview/course-registration/course-registration-prerequisites-modal/course-prerequisites-modal.component';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
     selector: 'jhi-course-prerequisites-button',
     templateUrl: './course-prerequisites-button.component.html',
+    imports: [TranslateDirective],
 })
 export class CoursePrerequisitesButtonComponent {
-    @Input() course: Course;
+    private modalService = inject(NgbModal);
 
-    constructor(private modalService: NgbModal) {}
+    @Input() course: Course;
 
     /**
      * Opens a modal with the prerequisites for the course
diff --git a/src/main/webapp/app/overview/course-registration/course-prerequisites-button/course-prerequisites-button.module.ts b/src/main/webapp/app/overview/course-registration/course-prerequisites-button/course-prerequisites-button.module.ts
index fea08dd0fe9c..ab1126a79968 100644
--- a/src/main/webapp/app/overview/course-registration/course-prerequisites-button/course-prerequisites-button.module.ts
+++ b/src/main/webapp/app/overview/course-registration/course-prerequisites-button/course-prerequisites-button.module.ts
@@ -6,8 +6,7 @@ import { CoursePrerequisitesButtonComponent } from 'app/overview/course-registra
 import { CoursePrerequisitesModalModule } from 'app/overview/course-registration/course-registration-prerequisites-modal/course-prerequisites-modal.module';
 
 @NgModule({
-    imports: [ArtemisSharedModule, ArtemisSharedComponentModule, ArtemisCompetenciesModule, CoursePrerequisitesModalModule],
-    declarations: [CoursePrerequisitesButtonComponent],
+    imports: [ArtemisSharedModule, ArtemisSharedComponentModule, ArtemisCompetenciesModule, CoursePrerequisitesModalModule, CoursePrerequisitesButtonComponent],
     exports: [CoursePrerequisitesButtonComponent],
 })
 export class CoursePrerequisitesButtonModule {}
diff --git a/src/main/webapp/app/overview/course-registration/course-registration-button/course-registration-button.component.ts b/src/main/webapp/app/overview/course-registration/course-registration-button/course-registration-button.component.ts
index 0dacd75e250c..3b38f79e22d6 100644
--- a/src/main/webapp/app/overview/course-registration/course-registration-button/course-registration-button.component.ts
+++ b/src/main/webapp/app/overview/course-registration/course-registration-button/course-registration-button.component.ts
@@ -1,29 +1,30 @@
-import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { Component, EventEmitter, Input, OnInit, Output, inject } from '@angular/core';
 import { AccountService } from 'app/core/auth/account.service';
 import { CourseManagementService } from 'app/course/manage/course-management.service';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 import { Course } from 'app/entities/course.model';
 import { matchesRegexFully } from 'app/utils/regex.util';
 import { AlertService } from 'app/core/util/alert.service';
+import { ConfirmAutofocusButtonComponent } from 'app/shared/components/confirm-autofocus-button.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
     selector: 'jhi-course-registration-button',
     templateUrl: './course-registration-button.component.html',
+    imports: [ConfirmAutofocusButtonComponent, TranslateDirective],
 })
 export class CourseRegistrationButtonComponent implements OnInit {
+    private accountService = inject(AccountService);
+    private courseService = inject(CourseManagementService);
+    private profileService = inject(ProfileService);
+    private alertService = inject(AlertService);
+
     @Input() course: Course;
     @Output() onRegistration = new EventEmitter<void>();
 
     userIsAllowedToRegister = false;
     loading = false;
 
-    constructor(
-        private accountService: AccountService,
-        private courseService: CourseManagementService,
-        private profileService: ProfileService,
-        private alertService: AlertService,
-    ) {}
-
     loadUserIsAllowedToRegister() {
         this.loading = true;
         this.accountService.identity().then((user) => {
diff --git a/src/main/webapp/app/overview/course-registration/course-registration-button/course-registration-button.module.ts b/src/main/webapp/app/overview/course-registration/course-registration-button/course-registration-button.module.ts
index a5248566e71d..11535e93dc5d 100644
--- a/src/main/webapp/app/overview/course-registration/course-registration-button/course-registration-button.module.ts
+++ b/src/main/webapp/app/overview/course-registration/course-registration-button/course-registration-button.module.ts
@@ -5,8 +5,7 @@ import { ArtemisCompetenciesModule } from 'app/course/competencies/competency.mo
 import { CourseRegistrationButtonComponent } from 'app/overview/course-registration/course-registration-button/course-registration-button.component';
 
 @NgModule({
-    imports: [ArtemisSharedModule, ArtemisSharedComponentModule, ArtemisCompetenciesModule],
-    declarations: [CourseRegistrationButtonComponent],
+    imports: [ArtemisSharedModule, ArtemisSharedComponentModule, ArtemisCompetenciesModule, CourseRegistrationButtonComponent],
     exports: [CourseRegistrationButtonComponent],
 })
 export class CourseRegistrationButtonModule {}
diff --git a/src/main/webapp/app/overview/course-registration/course-registration-detail/course-registration-detail.component.ts b/src/main/webapp/app/overview/course-registration/course-registration-detail/course-registration-detail.component.ts
index 09c3086a8ea5..9abb842aac51 100644
--- a/src/main/webapp/app/overview/course-registration/course-registration-detail/course-registration-detail.component.ts
+++ b/src/main/webapp/app/overview/course-registration/course-registration-detail/course-registration-detail.component.ts
@@ -1,28 +1,30 @@
 import { HttpErrorResponse } from '@angular/common/http';
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { AccountService } from 'app/core/auth/account.service';
 import { CourseManagementService } from 'app/course/manage/course-management.service';
 import { Course } from 'app/entities/course.model';
 import { Observable, catchError, map, of, throwError } from 'rxjs';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { CoursePrerequisitesButtonComponent } from '../course-prerequisites-button/course-prerequisites-button.component';
+import { CourseRegistrationButtonComponent } from '../course-registration-button/course-registration-button.component';
 
 @Component({
     selector: 'jhi-course-registration-detail-selector',
     templateUrl: './course-registration-detail.component.html',
+    imports: [TranslateDirective, CoursePrerequisitesButtonComponent, CourseRegistrationButtonComponent],
 })
 export class CourseRegistrationDetailComponent implements OnInit, OnDestroy {
+    private accountService = inject(AccountService);
+    private courseService = inject(CourseManagementService);
+    private route = inject(ActivatedRoute);
+    private router = inject(Router);
+
     loading = false;
     courseId: number;
     course: Course | null = null;
     private paramSubscription: any;
 
-    constructor(
-        private accountService: AccountService,
-        private courseService: CourseManagementService,
-        private route: ActivatedRoute,
-        private router: Router,
-    ) {}
-
     ngOnInit(): void {
         this.loading = true;
         this.paramSubscription = this.route.parent!.params.subscribe((params) => {
diff --git a/src/main/webapp/app/overview/course-registration/course-registration-detail/course-registration-detail.module.ts b/src/main/webapp/app/overview/course-registration/course-registration-detail/course-registration-detail.module.ts
index 973b58af98ae..940212a8299b 100644
--- a/src/main/webapp/app/overview/course-registration/course-registration-detail/course-registration-detail.module.ts
+++ b/src/main/webapp/app/overview/course-registration/course-registration-detail/course-registration-detail.module.ts
@@ -1,17 +1,19 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
+import { CourseRegistrationDetailComponent } from 'app/overview/course-registration/course-registration-detail/course-registration-detail.component';
 import { Authority } from 'app/shared/constants/authority.constants';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
 import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { ArtemisSharedComponentModule } from 'app/shared/components/shared-component.module';
-import { CourseRegistrationDetailComponent } from 'app/overview/course-registration/course-registration-detail/course-registration-detail.component';
+
 import { CoursePrerequisitesButtonModule } from 'app/overview/course-registration/course-prerequisites-button/course-prerequisites-button.module';
 import { CourseRegistrationButtonModule } from 'app/overview/course-registration/course-registration-button/course-registration-button.module';
 
 const routes: Routes = [
     {
         path: '',
-        component: CourseRegistrationDetailComponent,
+        loadComponent: () =>
+            import('app/overview/course-registration/course-registration-detail/course-registration-detail.component').then((m) => m.CourseRegistrationDetailComponent),
         data: {
             authorities: [Authority.USER],
             pageTitle: 'artemisApp.studentDashboard.enroll.title',
@@ -21,7 +23,13 @@ const routes: Routes = [
 ];
 
 @NgModule({
-    imports: [ArtemisSharedModule, ArtemisSharedComponentModule, RouterModule.forChild(routes), CoursePrerequisitesButtonModule, CourseRegistrationButtonModule],
-    declarations: [CourseRegistrationDetailComponent],
+    imports: [
+        ArtemisSharedModule,
+        ArtemisSharedComponentModule,
+        RouterModule.forChild(routes),
+        CoursePrerequisitesButtonModule,
+        CourseRegistrationButtonModule,
+        CourseRegistrationDetailComponent,
+    ],
 })
 export class CourseRegistrationDetailModule {}
diff --git a/src/main/webapp/app/overview/course-registration/course-registration-prerequisites-modal/course-prerequisites-modal.component.ts b/src/main/webapp/app/overview/course-registration/course-registration-prerequisites-modal/course-prerequisites-modal.component.ts
index 9e2bd74f2adf..c0f84b71a3c5 100644
--- a/src/main/webapp/app/overview/course-registration/course-registration-prerequisites-modal/course-prerequisites-modal.component.ts
+++ b/src/main/webapp/app/overview/course-registration/course-registration-prerequisites-modal/course-prerequisites-modal.component.ts
@@ -1,28 +1,28 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input, OnInit, inject } from '@angular/core';
 import { AlertService } from 'app/core/util/alert.service';
 import { finalize } from 'rxjs/operators';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { PrerequisiteService } from 'app/course/competencies/prerequisite.service';
 import { Prerequisite } from 'app/entities/prerequisite.model';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { CompetencyCardComponent } from 'app/course/competencies/competency-card/competency-card.component';
 
 @Component({
     selector: 'jhi-course-prerequisites-modal',
     templateUrl: './course-prerequisites-modal.component.html',
-    styles: [],
+    imports: [TranslateDirective, CompetencyCardComponent],
 })
 export class CoursePrerequisitesModalComponent implements OnInit {
+    private alertService = inject(AlertService);
+    private activeModal = inject(NgbActiveModal);
+    private prerequisiteService = inject(PrerequisiteService);
+
     @Input()
     courseId: number;
 
     isLoading = false;
     prerequisites: Prerequisite[] = [];
 
-    constructor(
-        private alertService: AlertService,
-        private activeModal: NgbActiveModal,
-        private prerequisiteService: PrerequisiteService,
-    ) {}
-
     ngOnInit(): void {
         if (this.courseId) {
             this.loadData();
diff --git a/src/main/webapp/app/overview/course-registration/course-registration-prerequisites-modal/course-prerequisites-modal.module.ts b/src/main/webapp/app/overview/course-registration/course-registration-prerequisites-modal/course-prerequisites-modal.module.ts
index 8e8b0a852bb8..f3122ec53333 100644
--- a/src/main/webapp/app/overview/course-registration/course-registration-prerequisites-modal/course-prerequisites-modal.module.ts
+++ b/src/main/webapp/app/overview/course-registration/course-registration-prerequisites-modal/course-prerequisites-modal.module.ts
@@ -5,7 +5,6 @@ import { CoursePrerequisitesModalComponent } from 'app/overview/course-registrat
 import { ArtemisCompetenciesModule } from 'app/course/competencies/competency.module';
 
 @NgModule({
-    imports: [ArtemisSharedModule, ArtemisSharedComponentModule, ArtemisCompetenciesModule],
-    declarations: [CoursePrerequisitesModalComponent],
+    imports: [ArtemisSharedModule, ArtemisSharedComponentModule, ArtemisCompetenciesModule, CoursePrerequisitesModalComponent],
 })
 export class CoursePrerequisitesModalModule {}
diff --git a/src/main/webapp/app/overview/course-registration/course-registration.component.ts b/src/main/webapp/app/overview/course-registration/course-registration.component.ts
index 36483cae58a1..9bdbbf73f539 100644
--- a/src/main/webapp/app/overview/course-registration/course-registration.component.ts
+++ b/src/main/webapp/app/overview/course-registration/course-registration.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { AccountService } from 'app/core/auth/account.service';
 import { Course } from 'app/entities/course.model';
 import { CourseManagementService } from 'app/course/manage/course-management.service';
@@ -7,12 +7,36 @@ import { ASC, DESC, SORT } from 'app/shared/constants/pagination.constants';
 import { ActivatedRoute, Router } from '@angular/router';
 import { combineLatest } from 'rxjs';
 import { SortService } from 'app/shared/service/sort.service';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FormsModule } from '@angular/forms';
+import { SortDirective } from 'app/shared/sort/sort.directive';
+import { SortByDirective } from 'app/shared/sort/sort-by.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { CoursePrerequisitesButtonComponent } from './course-prerequisites-button/course-prerequisites-button.component';
+import { CourseRegistrationButtonComponent } from './course-registration-button/course-registration-button.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-course-registration-selector',
     templateUrl: './course-registration.component.html',
+    imports: [
+        TranslateDirective,
+        FormsModule,
+        SortDirective,
+        SortByDirective,
+        FaIconComponent,
+        CoursePrerequisitesButtonComponent,
+        CourseRegistrationButtonComponent,
+        ArtemisTranslatePipe,
+    ],
 })
 export class CourseRegistrationComponent implements OnInit {
+    private accountService = inject(AccountService);
+    private courseService = inject(CourseManagementService);
+    private activatedRoute = inject(ActivatedRoute);
+    private router = inject(Router);
+    private sortService = inject(SortService);
+
     coursesToSelect: Course[] = [];
     loading = false;
     predicate!: string;
@@ -23,14 +47,6 @@ export class CourseRegistrationComponent implements OnInit {
     faCheckCircle = faCheckCircle;
     faSort = faSort;
 
-    constructor(
-        private accountService: AccountService,
-        private courseService: CourseManagementService,
-        private activatedRoute: ActivatedRoute,
-        private router: Router,
-        private sortService: SortService,
-    ) {}
-
     ngOnInit(): void {
         this.handleNavigation();
     }
diff --git a/src/main/webapp/app/overview/course-registration/course-registration.module.ts b/src/main/webapp/app/overview/course-registration/course-registration.module.ts
index 1fea470fdf8e..8acb12cd1b3d 100644
--- a/src/main/webapp/app/overview/course-registration/course-registration.module.ts
+++ b/src/main/webapp/app/overview/course-registration/course-registration.module.ts
@@ -1,6 +1,7 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { CourseRegistrationComponent } from 'app/overview/course-registration/course-registration.component';
+
 import { Authority } from 'app/shared/constants/authority.constants';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
 import { ArtemisSharedModule } from 'app/shared/shared.module';
@@ -12,7 +13,7 @@ import { CoursePrerequisitesButtonModule } from 'app/overview/course-registratio
 const routes: Routes = [
     {
         path: '',
-        component: CourseRegistrationComponent,
+        loadComponent: () => import('app/overview/course-registration/course-registration.component').then((m) => m.CourseRegistrationComponent),
         data: {
             authorities: [Authority.USER],
             pageTitle: 'artemisApp.studentDashboard.enroll.title',
@@ -29,7 +30,7 @@ const routes: Routes = [
         ArtemisCompetenciesModule,
         CourseRegistrationButtonModule,
         CoursePrerequisitesButtonModule,
+        CourseRegistrationComponent,
     ],
-    declarations: [CourseRegistrationComponent],
 })
 export class CourseRegistrationModule {}
diff --git a/src/main/webapp/app/overview/course-sidebar.service.ts b/src/main/webapp/app/overview/course-sidebar.service.ts
index 642de68c5e33..189a3fb1c380 100644
--- a/src/main/webapp/app/overview/course-sidebar.service.ts
+++ b/src/main/webapp/app/overview/course-sidebar.service.ts
@@ -8,8 +8,6 @@ export class CourseSidebarService {
     public openSidebar$: EventEmitter<void> = new EventEmitter();
     public toggleSidebar$: EventEmitter<void> = new EventEmitter();
 
-    constructor() {}
-
     public closeSidebar(): void {
         this.closeSidebar$.emit();
     }
diff --git a/src/main/webapp/app/overview/course-statistics/course-statistics.component.ts b/src/main/webapp/app/overview/course-statistics/course-statistics.component.ts
index 27ba9ed43ef3..345c8d95b97d 100644
--- a/src/main/webapp/app/overview/course-statistics/course-statistics.component.ts
+++ b/src/main/webapp/app/overview/course-statistics/course-statistics.component.ts
@@ -1,8 +1,8 @@
-import { AfterViewInit, Component, OnDestroy, OnInit, TemplateRef, ViewChild } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
+import { AfterViewInit, Component, OnDestroy, OnInit, TemplateRef, ViewChild, inject } from '@angular/core';
+import { ActivatedRoute, RouterLink } from '@angular/router';
 import { faClipboard, faFilter, faQuestionCircle } from '@fortawesome/free-solid-svg-icons';
 import { TranslateService } from '@ngx-translate/core';
-import { Color, ScaleType } from '@swimlane/ngx-charts';
+import { BarChartModule, Color, PieChartModule, ScaleType } from '@swimlane/ngx-charts';
 import { CourseScores } from 'app/course/course-scores/course-scores';
 import { ScoresStorageService } from 'app/course/course-scores/scores-storage.service';
 import { ParticipationResultDTO } from 'app/course/manage/course-for-dashboard-dto';
@@ -25,6 +25,13 @@ import { ArtemisNavigationUtilService } from 'app/utils/navigation.utils';
 import dayjs from 'dayjs/esm';
 import { sortBy } from 'lodash-es';
 import { Subject, Subscription } from 'rxjs';
+import { NgbDropdown, NgbDropdownMenu, NgbDropdownToggle, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { DocumentationButtonComponent } from 'app/shared/components/documentation-button/documentation-button.component';
+import { ExerciseScoresChartComponent } from '../visualizations/exercise-scores-chart/exercise-scores-chart.component';
+import { KeyValuePipe } from '@angular/common';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 const QUIZ_EXERCISE_COLOR = '#17a2b8';
 const PROGRAMMING_EXERCISE_COLOR = '#fd7e14';
@@ -92,8 +99,31 @@ enum ChartBarTitle {
     selector: 'jhi-course-statistics',
     templateUrl: './course-statistics.component.html',
     styleUrls: ['../course-overview.scss'],
+    imports: [
+        NgbDropdown,
+        NgbDropdownToggle,
+        FaIconComponent,
+        TranslateDirective,
+        NgbDropdownMenu,
+        DocumentationButtonComponent,
+        PieChartModule,
+        NgbTooltip,
+        RouterLink,
+        ExerciseScoresChartComponent,
+        BarChartModule,
+        KeyValuePipe,
+        ArtemisTranslatePipe,
+    ],
 })
 export class CourseStatisticsComponent implements OnInit, OnDestroy, AfterViewInit, BarControlConfigurationProvider {
+    private courseStorageService = inject(CourseStorageService);
+    private scoresStorageService = inject(ScoresStorageService);
+    private translateService = inject(TranslateService);
+    private route = inject(ActivatedRoute);
+    private gradingSystemService = inject(GradingSystemService);
+    private navigationUtilService = inject(ArtemisNavigationUtilService);
+    categoryFilter = inject(ChartCategoryFilter);
+
     readonly documentationType: DocumentationType = 'Statistics';
 
     courseId: number;
@@ -213,16 +243,6 @@ export class CourseStatisticsComponent implements OnInit, OnDestroy, AfterViewIn
         subject: new Subject<TemplateRef<any>>(),
     };
 
-    constructor(
-        private courseStorageService: CourseStorageService,
-        private scoresStorageService: ScoresStorageService,
-        private translateService: TranslateService,
-        private route: ActivatedRoute,
-        private gradingSystemService: GradingSystemService,
-        private navigationUtilService: ArtemisNavigationUtilService,
-        public categoryFilter: ChartCategoryFilter,
-    ) {}
-
     ngOnInit() {
         // Note: due to lazy loading and router outlet, we use parent 2x here
         this.paramSubscription = this.route.parent?.parent?.params.subscribe((params) => {
diff --git a/src/main/webapp/app/overview/course-statistics/course-statistics.module.ts b/src/main/webapp/app/overview/course-statistics/course-statistics.module.ts
index 5ef402281eb4..dc8ef5f4e22c 100644
--- a/src/main/webapp/app/overview/course-statistics/course-statistics.module.ts
+++ b/src/main/webapp/app/overview/course-statistics/course-statistics.module.ts
@@ -1,19 +1,20 @@
 import { NgModule } from '@angular/core';
-import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { CourseStatisticsComponent } from 'app/overview/course-statistics/course-statistics.component';
+import { ArtemisSharedModule } from 'app/shared/shared.module';
+
 import { Authority } from 'app/shared/constants/authority.constants';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
 import { RouterModule, Routes } from '@angular/router';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { ArtemisExerciseScoresChartModule } from 'app/overview/visualizations/exercise-scores-chart.module';
 import { BarChartModule, PieChartModule } from '@swimlane/ngx-charts';
-import { GradingKeyOverviewComponent } from 'app/grading-system/grading-key-overview/grading-key-overview.component';
+
 import { ArtemisSharedComponentModule } from 'app/shared/components/shared-component.module';
 
 const routes: Routes = [
     {
         path: '',
-        component: CourseStatisticsComponent,
+        loadComponent: () => import('app/overview/course-statistics/course-statistics.component').then((m) => m.CourseStatisticsComponent),
         data: {
             authorities: [Authority.USER],
             pageTitle: 'overview.statistics',
@@ -22,7 +23,7 @@ const routes: Routes = [
     },
     {
         path: 'grading-key',
-        component: GradingKeyOverviewComponent,
+        loadComponent: () => import('app/grading-system/grading-key-overview/grading-key-overview.component').then((m) => m.GradingKeyOverviewComponent),
         data: {
             authorities: [Authority.USER],
             pageTitle: 'artemisApp.gradingSystem.title',
@@ -40,7 +41,7 @@ const routes: Routes = [
         BarChartModule,
         PieChartModule,
         ArtemisSharedComponentModule,
+        CourseStatisticsComponent,
     ],
-    declarations: [CourseStatisticsComponent],
 })
 export class CourseStatisticsModule {}
diff --git a/src/main/webapp/app/overview/course-tutorial-groups/course-tutorial-group-card/course-tutorial-group-card.component.ts b/src/main/webapp/app/overview/course-tutorial-groups/course-tutorial-group-card/course-tutorial-group-card.component.ts
index 53bbf5cd4d99..d23f745134ca 100644
--- a/src/main/webapp/app/overview/course-tutorial-groups/course-tutorial-group-card/course-tutorial-group-card.component.ts
+++ b/src/main/webapp/app/overview/course-tutorial-groups/course-tutorial-group-card/course-tutorial-group-card.component.ts
@@ -2,6 +2,10 @@ import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 import { TutorialGroup } from 'app/entities/tutorial-group/tutorial-group.model';
 import { faPersonChalkboard } from '@fortawesome/free-solid-svg-icons';
 import { Course, isMessagingEnabled } from 'app/entities/course.model';
+import { RouterLink } from '@angular/router';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
 
 @Component({
     selector: 'jhi-course-tutorial-group-card',
@@ -9,6 +13,7 @@ import { Course, isMessagingEnabled } from 'app/entities/course.model';
     styleUrls: ['./course-tutorial-group-card.component.scss'],
     host: { class: 'card tutorial-group-card' },
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [RouterLink, FaIconComponent, TranslateDirective, ArtemisDatePipe],
 })
 export class CourseTutorialGroupCardComponent {
     @Input()
diff --git a/src/main/webapp/app/overview/course-tutorial-groups/course-tutorial-groups.component.ts b/src/main/webapp/app/overview/course-tutorial-groups/course-tutorial-groups.component.ts
index ed90dd068fb1..be130f8e7f8c 100644
--- a/src/main/webapp/app/overview/course-tutorial-groups/course-tutorial-groups.component.ts
+++ b/src/main/webapp/app/overview/course-tutorial-groups/course-tutorial-groups.component.ts
@@ -1,8 +1,8 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { Subject, finalize } from 'rxjs';
 import { Course } from 'app/entities/course.model';
 import { CourseManagementService } from 'app/course/manage/course-management.service';
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute, Router, RouterOutlet } from '@angular/router';
 import { TutorialGroup } from 'app/entities/tutorial-group/tutorial-group.model';
 import { TutorialGroupsService } from 'app/course/tutorial-groups/services/tutorial-groups.service';
 import { map, takeUntil } from 'rxjs/operators';
@@ -15,6 +15,9 @@ import { TutorialGroupsConfiguration } from 'app/entities/tutorial-group/tutoria
 import { AccordionGroups, CollapseState, SidebarCardElement, SidebarData, SidebarItemShowAlways, TutorialGroupCategory } from 'app/types/sidebar';
 import { CourseOverviewService } from '../course-overview.service';
 import { cloneDeep } from 'lodash-es';
+import { NgClass } from '@angular/common';
+import { SidebarComponent } from 'app/shared/sidebar/sidebar.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 const TUTORIAL_UNIT_GROUPS: AccordionGroups = {
     registered: { entityData: [] },
@@ -38,8 +41,18 @@ const DEFAULT_SHOW_ALWAYS: SidebarItemShowAlways = {
     selector: 'jhi-course-tutorial-groups',
     templateUrl: './course-tutorial-groups.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [NgClass, SidebarComponent, RouterOutlet, TranslateDirective],
 })
 export class CourseTutorialGroupsComponent implements OnInit, OnDestroy {
+    private router = inject(Router);
+    private courseStorageService = inject(CourseStorageService);
+    private courseManagementService = inject(CourseManagementService);
+    private tutorialGroupService = inject(TutorialGroupsService);
+    private route = inject(ActivatedRoute);
+    private alertService = inject(AlertService);
+    private cdr = inject(ChangeDetectorRef);
+    private courseOverviewService = inject(CourseOverviewService);
+
     ngUnsubscribe = new Subject<void>();
 
     tutorialGroups: TutorialGroup[] = [];
@@ -48,9 +61,9 @@ export class CourseTutorialGroupsComponent implements OnInit, OnDestroy {
     configuration?: TutorialGroupsConfiguration;
     isLoading = false;
     tutorialGroupFreeDays: TutorialGroupFreePeriod[] = [];
-    isCollapsed: boolean = false;
+    isCollapsed = false;
 
-    tutorialGroupSelected: boolean = true;
+    tutorialGroupSelected = true;
     sidebarData: SidebarData;
     sortedTutorialGroups: TutorialGroup[] = [];
     accordionTutorialGroupsGroups: AccordionGroups = TUTORIAL_UNIT_GROUPS;
@@ -58,17 +71,6 @@ export class CourseTutorialGroupsComponent implements OnInit, OnDestroy {
     protected readonly DEFAULT_SHOW_ALWAYS = DEFAULT_SHOW_ALWAYS;
     sidebarTutorialGroups: SidebarCardElement[] = [];
 
-    constructor(
-        private router: Router,
-        private courseStorageService: CourseStorageService,
-        private courseManagementService: CourseManagementService,
-        private tutorialGroupService: TutorialGroupsService,
-        private route: ActivatedRoute,
-        private alertService: AlertService,
-        private cdr: ChangeDetectorRef,
-        private courseOverviewService: CourseOverviewService,
-    ) {}
-
     get registeredTutorialGroups() {
         if (this.course?.isAtLeastTutor) {
             return this.tutorialGroups.filter((tutorialGroup) => tutorialGroup.isUserTutor);
diff --git a/src/main/webapp/app/overview/course-tutorial-groups/course-tutorial-groups.module.ts b/src/main/webapp/app/overview/course-tutorial-groups/course-tutorial-groups.module.ts
index af87e1b67370..687a0fff4a2e 100644
--- a/src/main/webapp/app/overview/course-tutorial-groups/course-tutorial-groups.module.ts
+++ b/src/main/webapp/app/overview/course-tutorial-groups/course-tutorial-groups.module.ts
@@ -4,10 +4,8 @@ import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { CourseTutorialGroupCardComponent } from './course-tutorial-group-card/course-tutorial-group-card.component';
 import { ArtemisTutorialGroupsSharedModule } from 'app/course/tutorial-groups/shared/tutorial-groups-shared.module';
 import { ArtemisSidebarModule } from 'app/shared/sidebar/sidebar.module';
-import { ArtemisAppRoutingModule } from 'app/app-routing.module';
 
 @NgModule({
-    imports: [ArtemisAppRoutingModule, ArtemisSharedModule, ArtemisTutorialGroupsSharedModule, ArtemisSidebarModule],
-    declarations: [CourseTutorialGroupsComponent, CourseTutorialGroupCardComponent],
+    imports: [ArtemisSharedModule, ArtemisTutorialGroupsSharedModule, ArtemisSidebarModule, CourseTutorialGroupsComponent, CourseTutorialGroupCardComponent],
 })
 export class CourseTutorialGroupsModule {}
diff --git a/src/main/webapp/app/overview/course-unenrollment-modal.component.ts b/src/main/webapp/app/overview/course-unenrollment-modal.component.ts
index 0a27a334da31..d295ac24e948 100644
--- a/src/main/webapp/app/overview/course-unenrollment-modal.component.ts
+++ b/src/main/webapp/app/overview/course-unenrollment-modal.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { Router } from '@angular/router';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { faXmark } from '@fortawesome/free-solid-svg-icons';
@@ -6,26 +6,29 @@ import dayjs from 'dayjs/esm';
 import { Course } from 'app/entities/course.model';
 import { CourseManagementService } from 'app/course/manage/course-management.service';
 import { AlertService } from 'app/core/util/alert.service';
-import { AbstractControl, FormControl, FormGroup, ValidationErrors, ValidatorFn, Validators } from '@angular/forms';
+import { AbstractControl, FormControl, FormGroup, FormsModule, ReactiveFormsModule, ValidationErrors, ValidatorFn, Validators } from '@angular/forms';
+import { TranslateDirective } from '../shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from '../shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-course-unenrollment-modal',
     templateUrl: './course-unenrollment-modal.component.html',
+    imports: [TranslateDirective, FormsModule, ReactiveFormsModule, FaIconComponent, ArtemisDatePipe, ArtemisTranslatePipe],
 })
 export class CourseUnenrollmentModalComponent implements OnInit {
+    private activeModal = inject(NgbActiveModal);
+    private courseService = inject(CourseManagementService);
+    private alertService = inject(AlertService);
+    private router = inject(Router);
+
     public course: Course;
     confirmationForm: FormGroup;
 
     // Icons
     faXmark = faXmark;
 
-    constructor(
-        private activeModal: NgbActiveModal,
-        private courseService: CourseManagementService,
-        private alertService: AlertService,
-        private router: Router,
-    ) {}
-
     ngOnInit(): void {
         this.confirmationForm = new FormGroup({
             confirmationInput: new FormControl('', Validators.compose([Validators.required, this.confirmationInputValidator()])),
diff --git a/src/main/webapp/app/overview/courses-routing.module.ts b/src/main/webapp/app/overview/courses-routing.module.ts
index 68e90e184205..0669891b2db4 100644
--- a/src/main/webapp/app/overview/courses-routing.module.ts
+++ b/src/main/webapp/app/overview/courses-routing.module.ts
@@ -1,17 +1,12 @@
 import { RouterModule, Routes } from '@angular/router';
-import { CoursesComponent } from 'app/overview/courses.component';
+
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
-import { CourseLecturesComponent } from 'app/overview/course-lectures/course-lectures.component';
+
 import { NgModule } from '@angular/core';
 import { Authority } from 'app/shared/constants/authority.constants';
-import { CourseExercisesComponent } from 'app/overview/course-exercises/course-exercises.component';
-import { CourseOverviewComponent } from './course-overview.component';
-import { CourseExamsComponent } from './course-exams/course-exams.component';
-import { CourseTutorialGroupsComponent } from './course-tutorial-groups/course-tutorial-groups.component';
-import { CourseTutorialGroupDetailComponent } from './tutorial-group-details/course-tutorial-group-detail/course-tutorial-group-detail.component';
-import { ExamParticipationComponent } from 'app/exam/participate/exam-participation.component';
+
 import { PendingChangesGuard } from 'app/shared/guard/pending-changes.guard';
-import { CourseArchiveComponent } from './course-archive/course-archive.component';
+
 import { CourseOverviewGuard } from 'app/overview/course-overview-guard';
 
 export enum CourseOverviewRoutePath {
@@ -32,7 +27,7 @@ export enum CourseOverviewRoutePath {
 const routes: Routes = [
     {
         path: '',
-        component: CoursesComponent,
+        loadComponent: () => import('app/overview/courses.component').then((m) => m.CoursesComponent),
         data: {
             authorities: [Authority.USER],
             pageTitle: 'overview.title',
@@ -45,7 +40,7 @@ const routes: Routes = [
     },
     {
         path: CourseOverviewRoutePath.ARCHIVE,
-        component: CourseArchiveComponent,
+        loadComponent: () => import('./course-archive/course-archive.component').then((m) => m.CourseArchiveComponent),
         data: {
             authorities: [Authority.USER],
             pageTitle: 'overview.archive',
@@ -61,7 +56,7 @@ const routes: Routes = [
     },
     {
         path: ':courseId',
-        component: CourseOverviewComponent,
+        loadComponent: () => import('./course-overview.component').then((m) => m.CourseOverviewComponent),
         data: {
             authorities: [Authority.USER],
             pageTitle: 'overview.course',
@@ -70,7 +65,7 @@ const routes: Routes = [
         children: [
             {
                 path: CourseOverviewRoutePath.EXERCISES,
-                component: CourseExercisesComponent,
+                loadComponent: () => import('app/overview/course-exercises/course-exercises.component').then((m) => m.CourseExercisesComponent),
                 data: {
                     authorities: [Authority.USER],
                     pageTitle: 'overview.exercises',
@@ -144,7 +139,7 @@ const routes: Routes = [
 
             {
                 path: CourseOverviewRoutePath.LECTURES,
-                component: CourseLecturesComponent,
+                loadComponent: () => import('app/overview/course-lectures/course-lectures.component').then((m) => m.CourseLecturesComponent),
                 data: {
                     authorities: [Authority.USER],
                     pageTitle: 'overview.lectures',
@@ -226,7 +221,7 @@ const routes: Routes = [
             },
             {
                 path: CourseOverviewRoutePath.TUTORIAL_GROUPS,
-                component: CourseTutorialGroupsComponent,
+                loadComponent: () => import('./course-tutorial-groups/course-tutorial-groups.component').then((m) => m.CourseTutorialGroupsComponent),
                 data: {
                     authorities: [Authority.USER],
                     pageTitle: 'overview.tutorialGroups',
@@ -237,7 +232,10 @@ const routes: Routes = [
                 children: [
                     {
                         path: ':tutorialGroupId',
-                        component: CourseTutorialGroupDetailComponent,
+                        loadComponent: () =>
+                            import('./tutorial-group-details/course-tutorial-group-detail/course-tutorial-group-detail.component').then(
+                                (m) => m.CourseTutorialGroupDetailComponent,
+                            ),
                         data: {
                             authorities: [Authority.USER],
                             pageTitle: 'overview.tutorialGroups',
@@ -251,7 +249,7 @@ const routes: Routes = [
             },
             {
                 path: CourseOverviewRoutePath.EXAMS,
-                component: CourseExamsComponent,
+                loadComponent: () => import('./course-exams/course-exams.component').then((m) => m.CourseExamsComponent),
                 data: {
                     authorities: [Authority.USER],
                     pageTitle: 'overview.exams',
@@ -262,7 +260,7 @@ const routes: Routes = [
                 children: [
                     {
                         path: ':examId',
-                        component: ExamParticipationComponent,
+                        loadComponent: () => import('app/exam/participate/exam-participation.component').then((m) => m.ExamParticipationComponent),
                         data: {
                             authorities: [Authority.USER],
                             pageTitle: 'overview.exams',
diff --git a/src/main/webapp/app/overview/courses.component.ts b/src/main/webapp/app/overview/courses.component.ts
index 2ad16cae7fcd..bf145a496679 100644
--- a/src/main/webapp/app/overview/courses.component.ts
+++ b/src/main/webapp/app/overview/courses.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { CoursesForDashboardDTO } from 'app/course/manage/courses-for-dashboard-dto';
 import { Course } from 'app/entities/course.model';
 import { CourseManagementService } from '../course/manage/course-management.service';
@@ -9,18 +9,44 @@ import { TeamService } from 'app/exercises/shared/team/team.service';
 import { JhiWebsocketService } from 'app/core/websocket/websocket.service';
 import dayjs from 'dayjs/esm';
 import { Exam } from 'app/entities/exam/exam.model';
-import { Router } from '@angular/router';
+import { Router, RouterLink } from '@angular/router';
 import { faArrowDownAZ, faArrowUpAZ, faDoorOpen, faPenAlt } from '@fortawesome/free-solid-svg-icons';
 import { CourseAccessStorageService } from 'app/course/course-access-storage.service';
 import { CourseForDashboardDTO } from 'app/course/manage/course-for-dashboard-dto';
 import { sortCourses } from 'app/shared/util/course.util';
+import { TranslateDirective } from '../shared/language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { SearchFilterComponent } from '../shared/search-filter/search-filter.component';
+import { NgTemplateOutlet } from '@angular/common';
+import { CourseCardComponent } from './course-card.component';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from '../shared/pipes/artemis-translate.pipe';
+import { SearchFilterPipe } from 'app/shared/pipes/search-filter.pipe';
 
 @Component({
     selector: 'jhi-overview',
     templateUrl: './courses.component.html',
     styleUrls: ['./courses.component.scss'],
+    imports: [
+        TranslateDirective,
+        FaIconComponent,
+        SearchFilterComponent,
+        RouterLink,
+        NgTemplateOutlet,
+        CourseCardComponent,
+        ArtemisDatePipe,
+        ArtemisTranslatePipe,
+        SearchFilterPipe,
+    ],
 })
 export class CoursesComponent implements OnInit, OnDestroy {
+    private courseService = inject(CourseManagementService);
+    private guidedTourService = inject(GuidedTourService);
+    private teamService = inject(TeamService);
+    private jhiWebsocketService = inject(JhiWebsocketService);
+    private router = inject(Router);
+    private courseAccessStorageService = inject(CourseAccessStorageService);
+
     protected readonly faPenAlt = faPenAlt;
     protected readonly faArrowDownAZ = faArrowDownAZ;
     protected readonly faArrowUpAZ = faArrowUpAZ;
@@ -41,15 +67,6 @@ export class CoursesComponent implements OnInit, OnDestroy {
     coursesLoaded = false;
     isSortAscending = true;
 
-    constructor(
-        private courseService: CourseManagementService,
-        private guidedTourService: GuidedTourService,
-        private teamService: TeamService,
-        private jhiWebsocketService: JhiWebsocketService,
-        private router: Router,
-        private courseAccessStorageService: CourseAccessStorageService,
-    ) {}
-
     async ngOnInit() {
         this.loadAndFilterCourses();
         (await this.teamService.teamAssignmentUpdates).subscribe();
diff --git a/src/main/webapp/app/overview/courses.module.ts b/src/main/webapp/app/overview/courses.module.ts
index 9d6693a17fdc..687ea33da9f8 100644
--- a/src/main/webapp/app/overview/courses.module.ts
+++ b/src/main/webapp/app/overview/courses.module.ts
@@ -3,7 +3,7 @@ import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { ArtemisSidePanelModule } from 'app/shared/side-panel/side-panel.module';
 import { CourseLectureRowComponent } from 'app/overview/course-lectures/course-lecture-row.component';
 import { OrionModule } from 'app/shared/orion/orion.module';
-import { FeatureToggleModule } from 'app/shared/feature-toggle/feature-toggle.module';
+
 import { CourseCardComponent } from 'app/overview/course-card.component';
 import { CourseOverviewComponent } from 'app/overview/course-overview.component';
 import { ArtemisHeaderExercisePageWithDetailsModule } from 'app/exercises/shared/exercise-headers/exercise-headers.module';
@@ -32,14 +32,18 @@ import { SearchFilterComponent } from 'app/shared/search-filter/search-filter.co
         ArtemisHeaderExercisePageWithDetailsModule,
         OrionModule,
         ArtemisComplaintsModule,
-        FeatureToggleModule,
         RatingModule,
         NgxChartsModule,
         PieChartModule,
         ArtemisSidebarModule,
         CourseCardComponent,
         SearchFilterComponent,
+        CoursesComponent,
+        CourseOverviewComponent,
+        CourseExercisesComponent,
+        CourseLecturesComponent,
+        CourseLectureRowComponent,
+        CourseUnenrollmentModalComponent,
     ],
-    declarations: [CoursesComponent, CourseOverviewComponent, CourseExercisesComponent, CourseLecturesComponent, CourseLectureRowComponent, CourseUnenrollmentModalComponent],
 })
 export class ArtemisCoursesModule {}
diff --git a/src/main/webapp/app/overview/discussion-section/discussion-section.component.ts b/src/main/webapp/app/overview/discussion-section/discussion-section.component.ts
index d272247a86cf..1429c2b9fbc5 100644
--- a/src/main/webapp/app/overview/discussion-section/discussion-section.component.ts
+++ b/src/main/webapp/app/overview/discussion-section/discussion-section.component.ts
@@ -1,4 +1,4 @@
-import { AfterViewInit, Component, ElementRef, OnDestroy, QueryList, ViewChild, ViewChildren, effect, input } from '@angular/core';
+import { AfterViewInit, Component, ElementRef, OnDestroy, QueryList, ViewChild, ViewChildren, effect, inject, input } from '@angular/core';
 import interact from 'interactjs';
 import { Exercise } from 'app/entities/exercise.model';
 import { Lecture } from 'app/entities/lecture.model';
@@ -11,23 +11,27 @@ import { PostCreateEditModalComponent } from 'app/shared/metis/posting-create-ed
 import { HttpResponse } from '@angular/common/http';
 import { faArrowLeft, faChevronLeft, faChevronRight, faGripLinesVertical, faLongArrowRight } from '@fortawesome/free-solid-svg-icons';
 import { CourseDiscussionDirective } from 'app/shared/metis/course-discussion.directive';
-import { FormBuilder } from '@angular/forms';
+import { FormBuilder, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { Channel, ChannelDTO } from 'app/entities/metis/conversation/channel.model';
 import { ChannelService } from 'app/shared/metis/conversations/channel.service';
 import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { ArtemisPlagiarismCasesSharedModule } from 'app/course/plagiarism-cases/shared/plagiarism-cases-shared.module';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-import { InfiniteScrollModule } from 'ngx-infinite-scroll';
+import { InfiniteScrollDirective } from 'ngx-infinite-scroll';
 
 @Component({
     selector: 'jhi-discussion-section',
     templateUrl: './discussion-section.component.html',
     styleUrls: ['./discussion-section.component.scss'],
-    imports: [FontAwesomeModule, ArtemisSharedModule, ArtemisPlagiarismCasesSharedModule, InfiniteScrollModule],
-    standalone: true,
+    imports: [FontAwesomeModule, ArtemisSharedModule, ArtemisPlagiarismCasesSharedModule, InfiniteScrollDirective, FormsModule, ReactiveFormsModule],
     providers: [MetisService],
 })
 export class DiscussionSectionComponent extends CourseDiscussionDirective implements AfterViewInit, OnDestroy {
+    private channelService = inject(ChannelService);
+    private activatedRoute = inject(ActivatedRoute);
+    private router = inject(Router);
+    private formBuilder = inject(FormBuilder);
+
     exercise = input<Exercise>();
     lecture = input<Lecture>();
 
@@ -59,14 +63,8 @@ export class DiscussionSectionComponent extends CourseDiscussionDirective implem
     faArrowLeft = faArrowLeft;
     faLongArrowRight = faLongArrowRight;
 
-    constructor(
-        protected metisService: MetisService,
-        private channelService: ChannelService,
-        private activatedRoute: ActivatedRoute,
-        private router: Router,
-        private formBuilder: FormBuilder,
-    ) {
-        super(metisService);
+    constructor() {
+        super();
         effect(() => this.loadData(this.exercise(), this.lecture()));
     }
 
diff --git a/src/main/webapp/app/overview/exercise-details/course-exercise-details.component.html b/src/main/webapp/app/overview/exercise-details/course-exercise-details.component.html
index 05e6e4d9d53e..a6b096b431c8 100644
--- a/src/main/webapp/app/overview/exercise-details/course-exercise-details.component.html
+++ b/src/main/webapp/app/overview/exercise-details/course-exercise-details.component.html
@@ -25,12 +25,14 @@ <h5 class="mb-0" id="exercise-header"><fa-icon class="me-2" [icon]="exerciseIcon
                         </div>
                     </div>
                 }
-                <jhi-exercise-details-student-actions
-                    class="col"
-                    *jhiExtensionPoint="overrideStudentActions; context: { courseId: courseId, exercise: exercise }"
-                    [courseId]="courseId"
-                    [exercise]="exercise"
-                />
+                <!-- TODO: the extension point for Orion does not work with Angular 19, we need to find a different solution -->
+                <!--                <jhi-exercise-details-student-actions-->
+                <!--                    class="col"-->
+                <!--                    *jhiExtensionPoint="overrideStudentActions; context: { courseId: courseId, exercise: exercise }"-->
+                <!--                    [courseId]="courseId"-->
+                <!--                    [exercise]="exercise"-->
+                <!--                />-->
+                <jhi-exercise-details-student-actions class="col" [courseId]="courseId" [exercise]="exercise" />
                 @if (plagiarismCaseInfo && plagiarismCaseInfo.verdict !== PlagiarismVerdict.NO_PLAGIARISM) {
                     <a class="col-auto btn btn-danger btn-sm me-2" [routerLink]="['/courses', courseId, 'plagiarism-cases', plagiarismCaseInfo.id]">
                         @if (!plagiarismCaseInfo?.createdByContinuousPlagiarismControl) {
diff --git a/src/main/webapp/app/overview/exercise-details/course-exercise-details.component.ts b/src/main/webapp/app/overview/exercise-details/course-exercise-details.component.ts
index 6b81fedc9ad0..06b82b93db7d 100644
--- a/src/main/webapp/app/overview/exercise-details/course-exercise-details.component.ts
+++ b/src/main/webapp/app/overview/exercise-details/course-exercise-details.component.ts
@@ -1,6 +1,6 @@
-import { Component, ContentChild, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
-import { ActivatedRoute } from '@angular/router';
+import { ActivatedRoute, RouterLink } from '@angular/router';
 import { Subscription, combineLatest } from 'rxjs';
 import { filter, skip } from 'rxjs/operators';
 import { Result } from 'app/entities/result.model';
@@ -17,13 +17,11 @@ import { ExampleSolutionInfo, ExerciseDetailsType, ExerciseService } from 'app/e
 import { AssessmentType } from 'app/entities/assessment-type.model';
 import { hasExerciseDueDatePassed } from 'app/exercises/shared/exercise/exercise.utils';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
-import { GradingCriterion } from 'app/exercises/shared/structured-grading-criterion/grading-criterion.model';
 import { AlertService } from 'app/core/util/alert.service';
 import { TeamAssignmentPayload } from 'app/entities/team.model';
 import { TeamService } from 'app/exercises/shared/team/team.service';
 import { QuizExercise, QuizStatus } from 'app/entities/quiz/quiz-exercise.model';
 import { QuizExerciseService } from 'app/exercises/quiz/manage/quiz-exercise.service';
-import { ExerciseCategory } from 'app/entities/exercise-category.model';
 import { getFirstResultWithComplaintFromResults } from 'app/entities/submission.model';
 import { ComplaintService } from 'app/complaints/complaint.service';
 import { Complaint } from 'app/entities/complaint.model';
@@ -37,11 +35,30 @@ import { isCommunicationEnabled, isMessagingEnabled } from 'app/entities/course.
 import { ExerciseCacheService } from 'app/exercises/shared/exercise/exercise-cache.service';
 import { IrisSettings } from 'app/entities/iris/settings/iris-settings.model';
 import { AbstractScienceComponent } from 'app/shared/science/science.component';
-import { ScienceService } from 'app/shared/science/science.service';
 import { ScienceEventType } from 'app/shared/science/science.model';
 import { PROFILE_IRIS } from 'app/app.constants';
 import { ChatServiceMode } from 'app/iris/iris-chat.service';
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
+import { NgClass } from '@angular/common';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbDropdown, NgbDropdownItem, NgbDropdownMenu, NgbDropdownToggle, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ExerciseDetailsStudentActionsComponent } from './exercise-details-student-actions.component';
+import { ExerciseHeadersInformationComponent } from 'app/exercises/shared/exercise-headers/exercise-headers-information/exercise-headers-information.component';
+import { ResultHistoryComponent } from '../result-history/result-history.component';
+import { ResultComponent } from 'app/exercises/shared/result/result.component';
+import { ProblemStatementComponent } from './problem-statement/problem-statement.component';
+import { ResetRepoButtonComponent } from 'app/shared/components/reset-repo-button/reset-repo-button.component';
+import { ModelingEditorComponent } from 'app/exercises/modeling/shared/modeling-editor.component';
+import { ProgrammingExerciseExampleSolutionRepoDownloadComponent } from 'app/exercises/programming/shared/actions/programming-exercise-example-solution-repo-download.component';
+import { ExerciseInfoComponent } from 'app/exercises/shared/exercise-info/exercise-info.component';
+import { ComplaintsStudentViewComponent } from 'app/complaints/complaints-for-students/complaints-student-view.component';
+import { RatingComponent } from 'app/exercises/shared/rating/rating.component';
+import { IrisExerciseChatbotButtonComponent } from 'app/iris/exercise-chatbot/exercise-chatbot-button.component';
+import { DiscussionSectionComponent } from '../discussion-section/discussion-section.component';
+import { LtiInitializerComponent } from './lti-initializer.component';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 interface InstructorActionItem {
     routerLink: string;
@@ -53,8 +70,49 @@ interface InstructorActionItem {
     templateUrl: './course-exercise-details.component.html',
     styleUrls: ['../course-overview.scss', './course-exercise-details.component.scss'],
     providers: [ExerciseCacheService],
+    imports: [
+        NgClass,
+        FaIconComponent,
+        NgbDropdown,
+        NgbDropdownToggle,
+        NgbDropdownMenu,
+        NgbDropdownItem,
+        RouterLink,
+        TranslateDirective,
+        // TODO: the extension point for Orion does not work with Angular 19, we need to find a different solution
+        // ExtensionPointDirective,
+        ExerciseDetailsStudentActionsComponent,
+        ExerciseHeadersInformationComponent,
+        ResultHistoryComponent,
+        ResultComponent,
+        ProblemStatementComponent,
+        ResetRepoButtonComponent,
+        ModelingEditorComponent,
+        ProgrammingExerciseExampleSolutionRepoDownloadComponent,
+        NgbTooltip,
+        ExerciseInfoComponent,
+        ComplaintsStudentViewComponent,
+        RatingComponent,
+        IrisExerciseChatbotButtonComponent,
+        DiscussionSectionComponent,
+        LtiInitializerComponent,
+        ArtemisDatePipe,
+        ArtemisTranslatePipe,
+    ],
 })
 export class CourseExerciseDetailsComponent extends AbstractScienceComponent implements OnInit, OnDestroy {
+    private exerciseService = inject(ExerciseService);
+    private participationWebsocketService = inject(ParticipationWebsocketService);
+    private participationService = inject(ParticipationService);
+    private route = inject(ActivatedRoute);
+    private profileService = inject(ProfileService);
+    private guidedTourService = inject(GuidedTourService);
+    private alertService = inject(AlertService);
+    private teamService = inject(TeamService);
+    private quizExerciseService = inject(QuizExerciseService);
+    private complaintService = inject(ComplaintService);
+    private artemisMarkdown = inject(ArtemisMarkdownService);
+
     readonly AssessmentType = AssessmentType;
     readonly PlagiarismVerdict = PlagiarismVerdict;
     readonly QuizStatus = QuizStatus;
@@ -75,12 +133,11 @@ export class CourseExerciseDetailsComponent extends AbstractScienceComponent imp
     public exerciseId: number;
     public courseId: number;
     public exercise: Exercise;
-    public resultWithComplaint?: Result;
-    public latestRatedResult?: Result;
-    public complaint?: Complaint;
-    public showMoreResults = false;
+    resultWithComplaint?: Result;
+    latestRatedResult?: Result;
+    complaint?: Complaint;
+    showMoreResults = false;
     public sortedHistoryResults: Result[];
-    public exerciseCategories: ExerciseCategory[];
     private participationUpdateListener: Subscription;
     private teamAssignmentUpdateListener: Subscription;
     private submissionSubscription: Subscription;
@@ -89,9 +146,7 @@ export class CourseExerciseDetailsComponent extends AbstractScienceComponent imp
     practiceStudentParticipation?: StudentParticipation;
     isAfterAssessmentDueDate: boolean;
     allowComplaintsForAutomaticAssessments: boolean;
-    public gradingCriteria: GradingCriterion[];
     baseResource: string;
-    isExamExercise: boolean;
     submissionPolicy?: SubmissionPolicy;
     exampleSolutionCollapsed: boolean;
     plagiarismCaseInfo?: PlagiarismCaseInfo;
@@ -100,14 +155,15 @@ export class CourseExerciseDetailsComponent extends AbstractScienceComponent imp
     profileSubscription?: Subscription;
     isProduction = true;
     isTestServer = false;
-    isGeneratingFeedback: boolean = false;
     instructorActionItems: InstructorActionItem[] = [];
     exerciseIcon: IconProp;
 
     exampleSolutionInfo?: ExampleSolutionInfo;
 
     // extension points, see shared/extension-point
-    @ContentChild('overrideStudentActions') overrideStudentActions: TemplateRef<any>;
+    // TODO: the extension point for Orion does not work with Angular 19, we need to find a different solution
+    // @ContentChild('overrideStudentActions') overrideStudentActions: TemplateRef<any>;
+
     // Icons
     faBook = faBook;
     faEye = faEye;
@@ -117,21 +173,8 @@ export class CourseExerciseDetailsComponent extends AbstractScienceComponent imp
     faAngleDown = faAngleDown;
     faAngleUp = faAngleUp;
 
-    constructor(
-        private exerciseService: ExerciseService,
-        private participationWebsocketService: ParticipationWebsocketService,
-        private participationService: ParticipationService,
-        private route: ActivatedRoute,
-        private profileService: ProfileService,
-        private guidedTourService: GuidedTourService,
-        private alertService: AlertService,
-        private teamService: TeamService,
-        private quizExerciseService: QuizExerciseService,
-        private complaintService: ComplaintService,
-        private artemisMarkdown: ArtemisMarkdownService,
-        scienceService: ScienceService,
-    ) {
-        super(scienceService, ScienceEventType.EXERCISE__OPEN);
+    constructor() {
+        super(ScienceEventType.EXERCISE__OPEN);
     }
 
     ngOnInit() {
@@ -182,7 +225,6 @@ export class CourseExerciseDetailsComponent extends AbstractScienceComponent imp
         this.filterUnfinishedResults(this.exercise.studentParticipations);
         this.mergeResultsAndSubmissionsForParticipations();
         this.isAfterAssessmentDueDate = !this.exercise.assessmentDueDate || dayjs().isAfter(this.exercise.assessmentDueDate);
-        this.exerciseCategories = this.exercise.categories ?? [];
         this.allowComplaintsForAutomaticAssessments = false;
         this.plagiarismCaseInfo = newExerciseDetails.plagiarismCaseInfo;
         if (this.exercise.type === ExerciseType.PROGRAMMING) {
@@ -295,7 +337,6 @@ export class CourseExerciseDetailsComponent extends AbstractScienceComponent imp
                         changedParticipation.id === this.gradedStudentParticipation?.id &&
                         (changedParticipation.results?.length || 0) > (this.gradedStudentParticipation?.results?.length || 0)
                     ) {
-                        this.isGeneratingFeedback = false;
                         this.alertService.success('artemisApp.exercise.lateSubmissionResultReceived');
                     }
                     if (
@@ -304,7 +345,6 @@ export class CourseExerciseDetailsComponent extends AbstractScienceComponent imp
                         changedParticipation.results?.last()?.assessmentType === AssessmentType.AUTOMATIC_ATHENA &&
                         changedParticipation.results?.last()?.successful !== undefined
                     ) {
-                        this.isGeneratingFeedback = false;
                         if (changedParticipation.results?.last()?.successful === true) {
                             this.alertService.success('artemisApp.exercise.athenaFeedbackSuccessful');
                         } else {
diff --git a/src/main/webapp/app/overview/exercise-details/course-exercise-details.module.ts b/src/main/webapp/app/overview/exercise-details/course-exercise-details.module.ts
index ec6495463ecc..289c8e30b68e 100644
--- a/src/main/webapp/app/overview/exercise-details/course-exercise-details.module.ts
+++ b/src/main/webapp/app/overview/exercise-details/course-exercise-details.module.ts
@@ -1,3 +1,4 @@
+import { OrionCourseExerciseDetailsComponent } from 'app/orion/participation/orion-course-exercise-details.component';
 import { CourseExerciseDetailsComponent } from 'app/overview/exercise-details/course-exercise-details.component';
 import { ArtemisProgrammingExerciseInstructionsRenderModule } from 'app/exercises/programming/shared/instructions-render/programming-exercise-instructions-render.module';
 import { RouterModule, Routes } from '@angular/router';
@@ -5,7 +6,7 @@ import { NgModule } from '@angular/core';
 import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { ArtemisSidePanelModule } from 'app/shared/side-panel/side-panel.module';
 import { OrionModule } from 'app/shared/orion/orion.module';
-import { FeatureToggleModule } from 'app/shared/feature-toggle/feature-toggle.module';
+
 import { ArtemisHeaderExercisePageWithDetailsModule } from 'app/exercises/shared/exercise-headers/exercise-headers.module';
 import { ArtemisResultModule } from 'app/exercises/shared/result/result.module';
 import { ArtemisComplaintsModule } from 'app/complaints/complaints.module';
@@ -16,8 +17,7 @@ import { ArtemisExerciseButtonsModule } from 'app/overview/exercise-details/exer
 import { ArtemisCourseExerciseRowModule } from 'app/overview/course-exercises/course-exercise-row.module';
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
 import { Authority } from 'app/shared/constants/authority.constants';
-import { OrionCourseExerciseDetailsComponent } from 'app/orion/participation/orion-course-exercise-details.component';
-import { isOrion } from 'app/shared/orion/orion';
+
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { ArtemisModelingEditorModule } from 'app/exercises/modeling/shared/modeling-editor.module';
 import { ArtemisMarkdownModule } from 'app/shared/markdown.module';
@@ -35,7 +35,7 @@ import { ExerciseHeadersInformationComponent } from 'app/exercises/shared/exerci
 const routes: Routes = [
     {
         path: '',
-        component: !isOrion ? CourseExerciseDetailsComponent : OrionCourseExerciseDetailsComponent,
+        loadComponent: () => import('app/orion/participation/orion-course-exercise-details.component').then((m) => m.OrionCourseExerciseDetailsComponent),
         data: {
             authorities: [Authority.USER],
             pageTitle: 'overview.exercise',
@@ -59,7 +59,6 @@ const standaloneComponents = [ExerciseHeadersInformationComponent];
         ArtemisHeaderExercisePageWithDetailsModule,
         OrionModule,
         ArtemisComplaintsModule,
-        FeatureToggleModule,
         FontAwesomeModule,
         RatingModule,
         ArtemisProgrammingExerciseInstructionsRenderModule,
@@ -73,8 +72,12 @@ const standaloneComponents = [ExerciseHeadersInformationComponent];
         IrisModule,
         DiscussionSectionComponent,
         [...standaloneComponents],
+        CourseExerciseDetailsComponent,
+        OrionCourseExerciseDetailsComponent,
+        LtiInitializerComponent,
+        LtiInitializerModalComponent,
+        ProblemStatementComponent,
     ],
-    declarations: [CourseExerciseDetailsComponent, OrionCourseExerciseDetailsComponent, LtiInitializerComponent, LtiInitializerModalComponent, ProblemStatementComponent],
     exports: [CourseExerciseDetailsComponent, OrionCourseExerciseDetailsComponent, ProblemStatementComponent],
 })
 export class CourseExerciseDetailsModule {}
diff --git a/src/main/webapp/app/overview/exercise-details/exercise-buttons.module.ts b/src/main/webapp/app/overview/exercise-details/exercise-buttons.module.ts
index 7b6aab3d5f7c..6bf6489f09ef 100644
--- a/src/main/webapp/app/overview/exercise-details/exercise-buttons.module.ts
+++ b/src/main/webapp/app/overview/exercise-details/exercise-buttons.module.ts
@@ -1,7 +1,7 @@
 import { NgModule } from '@angular/core';
 import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { OrionModule } from 'app/shared/orion/orion.module';
-import { FeatureToggleModule } from 'app/shared/feature-toggle/feature-toggle.module';
+
 import { OrionExerciseDetailsStudentActionsComponent } from 'app/orion/participation/orion-exercise-details-student-actions.component';
 import { ExerciseDetailsStudentActionsComponent } from 'app/overview/exercise-details/exercise-details-student-actions.component';
 import { ArtemisSharedComponentModule } from 'app/shared/components/shared-component.module';
@@ -9,8 +9,15 @@ import { ArtemisSharedPipesModule } from 'app/shared/pipes/shared-pipes.module';
 import { RequestFeedbackButtonComponent } from 'app/overview/exercise-details/request-feedback-button/request-feedback-button.component';
 
 @NgModule({
-    imports: [ArtemisSharedModule, ArtemisSharedComponentModule, ArtemisSharedPipesModule, OrionModule, FeatureToggleModule, RequestFeedbackButtonComponent],
-    declarations: [ExerciseDetailsStudentActionsComponent, OrionExerciseDetailsStudentActionsComponent],
+    imports: [
+        ArtemisSharedModule,
+        ArtemisSharedComponentModule,
+        ArtemisSharedPipesModule,
+        OrionModule,
+        RequestFeedbackButtonComponent,
+        ExerciseDetailsStudentActionsComponent,
+        OrionExerciseDetailsStudentActionsComponent,
+    ],
     exports: [ExerciseDetailsStudentActionsComponent, OrionExerciseDetailsStudentActionsComponent],
 })
 export class ArtemisExerciseButtonsModule {}
diff --git a/src/main/webapp/app/overview/exercise-details/exercise-details-student-actions.component.html b/src/main/webapp/app/overview/exercise-details/exercise-details-student-actions.component.html
index 6b7f975bec37..4e4b195b8a3a 100644
--- a/src/main/webapp/app/overview/exercise-details/exercise-details-student-actions.component.html
+++ b/src/main/webapp/app/overview/exercise-details/exercise-details-student-actions.component.html
@@ -107,40 +107,41 @@
                     />
                 }
                 <!-- TODO: The exam mode reuses the whole component at the moment. We need the code button but not the open
-        code editor button. We should think about defining a component that contains only the code button. -->
+                    code editor button. We should think about defining a component that contains only the code button. -->
                 @if (shouldDisplayIDEButtons()) {
-                    <ng-container *jhiExtensionPoint="overrideCodeAndOnlineEditorButton; context: { exercise: exercise }">
-                        @if (!examMode && programmingExercise?.allowOnlineEditor) {
-                            <jhi-open-code-editor-button
-                                [loading]="!!exercise.loading"
-                                [smallButtons]="smallButtons"
-                                [participations]="exercise.studentParticipations!"
-                                [courseAndExerciseNavigationUrlSegment]="['/courses', courseId, 'exercises', 'programming-exercises', exercise.id, 'code-editor']"
-                                [exercise]="exercise"
-                                [hideLabelMobile]="true"
-                            />
-                        }
-                        @if (programmingExercise?.allowOfflineIde) {
-                            <jhi-code-button
-                                [loading]="!!exercise.loading"
-                                [smallButtons]="smallButtons"
-                                [participations]="exercise.studentParticipations!"
-                                [exercise]="exercise"
-                                [routerLinkForRepositoryView]="repositoryLink + '/repository/' + exercise.studentParticipations![0].id"
-                                [hideLabelMobile]="true"
-                                [useParticipationVcsAccessToken]="true"
-                            />
-                        }
-                        @if (theiaEnabled) {
-                            <a class="btn btn-primary" [class.btn-sm]="smallButtons" (click)="startOnlineIDE()" target="_blank" rel="noopener noreferrer">
-                                <fa-icon [icon]="faDesktop" [fixedWidth]="true" />
-                                <span class="d-none d-md-inline" jhiTranslate="artemisApp.exerciseActions.openOnlineIDE"></span>
-                            </a>
-                        }
-                        @if (exercise.allowFeedbackRequests && gradedParticipation && exercise.type === ExerciseType.PROGRAMMING) {
-                            <jhi-request-feedback-button [exercise]="exercise" [smallButtons]="smallButtons"></jhi-request-feedback-button>
-                        }
-                    </ng-container>
+                    <!-- TODO: the extension point for Orion does not work with Angular 19, we need to find a different solution -->
+                    <!--                    <ng-container *jhiExtensionPoint="overrideCodeAndOnlineEditorButton; context: { exercise: exercise }">-->
+                    @if (!examMode && programmingExercise?.allowOnlineEditor) {
+                        <jhi-open-code-editor-button
+                            [loading]="!!exercise.loading"
+                            [smallButtons]="smallButtons"
+                            [participations]="exercise.studentParticipations!"
+                            [courseAndExerciseNavigationUrlSegment]="['/courses', courseId, 'exercises', 'programming-exercises', exercise.id, 'code-editor']"
+                            [exercise]="exercise"
+                            [hideLabelMobile]="true"
+                        />
+                    }
+                    @if (programmingExercise?.allowOfflineIde) {
+                        <jhi-code-button
+                            [loading]="!!exercise.loading"
+                            [smallButtons]="smallButtons"
+                            [participations]="exercise.studentParticipations!"
+                            [exercise]="exercise"
+                            [routerLinkForRepositoryView]="repositoryLink + '/repository/' + exercise.studentParticipations![0].id"
+                            [hideLabelMobile]="true"
+                            [useParticipationVcsAccessToken]="true"
+                        />
+                    }
+                    @if (theiaEnabled) {
+                        <a class="btn btn-primary" [class.btn-sm]="smallButtons" (click)="startOnlineIDE()" target="_blank" rel="noopener noreferrer">
+                            <fa-icon [icon]="faDesktop" [fixedWidth]="true" />
+                            <span class="d-none d-md-inline" jhiTranslate="artemisApp.exerciseActions.openOnlineIDE"></span>
+                        </a>
+                    }
+                    @if (exercise.allowFeedbackRequests && gradedParticipation && exercise.type === ExerciseType.PROGRAMMING) {
+                        <jhi-request-feedback-button [exercise]="exercise" [smallButtons]="smallButtons"></jhi-request-feedback-button>
+                    }
+                    <!--                    </ng-container>-->
                 }
                 <!-- NOTE: we use the same logic 'isStartExerciseAvailable' in ngIf as above because start and resume are not always possible -->
                 @if (
diff --git a/src/main/webapp/app/overview/exercise-details/exercise-details-student-actions.component.ts b/src/main/webapp/app/overview/exercise-details/exercise-details-student-actions.component.ts
index 97dc98b15681..1f6cb4f16253 100644
--- a/src/main/webapp/app/overview/exercise-details/exercise-details-student-actions.component.ts
+++ b/src/main/webapp/app/overview/exercise-details/exercise-details-student-actions.component.ts
@@ -1,5 +1,5 @@
-import { Component, ContentChild, EventEmitter, HostBinding, Input, OnChanges, OnInit, Output, TemplateRef } from '@angular/core';
-import { Router } from '@angular/router';
+import { Component, EventEmitter, HostBinding, Input, OnChanges, OnInit, Output, inject } from '@angular/core';
+import { Router, RouterLink } from '@angular/router';
 import { AlertService } from 'app/core/util/alert.service';
 import { ExternalCloningService } from 'app/exercises/programming/shared/service/external-cloning.service';
 import { FeatureToggle } from 'app/shared/feature-toggle/feature-toggle.service';
@@ -11,9 +11,8 @@ import { ProgrammingExercise } from 'app/entities/programming/programming-exerci
 import { StudentParticipation } from 'app/entities/participation/student-participation.model';
 import { ArtemisQuizService } from 'app/shared/quiz/quiz.service';
 import { finalize } from 'rxjs/operators';
-import { faCodeBranch, faDesktop, faEye, faFolderOpen, faPenSquare, faPlayCircle, faRedo, faUsers } from '@fortawesome/free-solid-svg-icons';
+import { faDesktop, faEye, faFolderOpen, faPlayCircle, faRedo, faUsers } from '@fortawesome/free-solid-svg-icons';
 import { CourseExerciseService } from 'app/exercises/shared/course-exercises/course-exercise.service';
-import { TranslateService } from '@ngx-translate/core';
 import { ParticipationService } from 'app/exercises/shared/participation/participation.service';
 import dayjs from 'dayjs/esm';
 import { QuizExercise } from 'app/entities/quiz/quiz-exercise.model';
@@ -21,14 +20,47 @@ import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 import { PROFILE_ATHENA, PROFILE_LOCALVC, PROFILE_THEIA } from 'app/app.constants';
 import { AssessmentType } from 'app/entities/assessment-type.model';
 import { ButtonType } from 'app/shared/components/button.component';
+import { NgTemplateOutlet } from '@angular/common';
+import { ExerciseActionButtonComponent } from 'app/shared/components/exercise-action-button.component';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { FeatureToggleDirective } from 'app/shared/feature-toggle/feature-toggle.directive';
+import { StartPracticeModeButtonComponent } from 'app/shared/components/start-practice-mode-button/start-practice-mode-button.component';
+import { OpenCodeEditorButtonComponent } from 'app/shared/components/open-code-editor-button/open-code-editor-button.component';
+import { CodeButtonComponent } from 'app/shared/components/code-button/code-button.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { RequestFeedbackButtonComponent } from './request-feedback-button/request-feedback-button.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
+    imports: [
+        NgTemplateOutlet,
+        ExerciseActionButtonComponent,
+        RouterLink,
+        NgbTooltip,
+        FeatureToggleDirective,
+        StartPracticeModeButtonComponent,
+        // TODO: the extension point for Orion does not work with Angular 19, we need to find a different solution
+        // ExtensionPointDirective,
+        OpenCodeEditorButtonComponent,
+        CodeButtonComponent,
+        FaIconComponent,
+        TranslateDirective,
+        RequestFeedbackButtonComponent,
+        ArtemisTranslatePipe,
+    ],
+    providers: [ExternalCloningService],
     selector: 'jhi-exercise-details-student-actions',
-    templateUrl: './exercise-details-student-actions.component.html',
     styleUrls: ['../course-overview.scss'],
-    providers: [ExternalCloningService],
+    templateUrl: './exercise-details-student-actions.component.html',
 })
 export class ExerciseDetailsStudentActionsComponent implements OnInit, OnChanges {
+    private alertService = inject(AlertService);
+    private courseExerciseService = inject(CourseExerciseService);
+    private router = inject(Router);
+    private participationService = inject(ParticipationService);
+    private profileService = inject(ProfileService);
+
     readonly FeatureToggle = FeatureToggle;
     readonly ExerciseType = ExerciseType;
     readonly InitializationState = InitializationState;
@@ -46,7 +78,8 @@ export class ExerciseDetailsStudentActionsComponent implements OnInit, OnChanges
     @Output() generatingFeedback: EventEmitter<void> = new EventEmitter<void>();
 
     // extension points, see shared/extension-point
-    @ContentChild('overrideCodeAndOnlineEditorButton') overrideCodeAndOnlineEditorButton: TemplateRef<any>;
+    // TODO: the extension point for Orion does not work with Angular 19, we need to find a different solution
+    // @ContentChild('overrideCodeAndOnlineEditorButton') overrideCodeAndOnlineEditorButton: TemplateRef<any>;
 
     uninitializedQuiz: boolean;
     quizNotStarted: boolean;
@@ -62,7 +95,7 @@ export class ExerciseDetailsStudentActionsComponent implements OnInit, OnChanges
     routerLink: string;
     repositoryLink: string;
 
-    theiaEnabled: boolean = false;
+    theiaEnabled = false;
     theiaPortalURL: string;
 
     // Icons
@@ -71,20 +104,7 @@ export class ExerciseDetailsStudentActionsComponent implements OnInit, OnChanges
     readonly faEye = faEye;
     readonly faPlayCircle = faPlayCircle;
     readonly faRedo = faRedo;
-    readonly faCodeBranch = faCodeBranch;
     readonly faDesktop = faDesktop;
-    readonly faPenSquare = faPenSquare;
-
-    private feedbackSent = false;
-
-    constructor(
-        private alertService: AlertService,
-        private courseExerciseService: CourseExerciseService,
-        private router: Router,
-        private translateService: TranslateService,
-        private participationService: ParticipationService,
-        private profileService: ProfileService,
-    ) {}
 
     ngOnInit(): void {
         this.repositoryLink = this.router.url;
@@ -308,8 +328,4 @@ export class ExerciseDetailsStudentActionsComponent implements OnInit, OnChanges
         const participations = this.exercise.studentParticipations;
         return participations?.length ? participations[0].team?.id : this.exercise.studentAssignedTeamId;
     }
-
-    buildPlanUrl(participation: StudentParticipation) {
-        return (participation as ProgrammingExerciseStudentParticipation).buildPlanUrl;
-    }
 }
diff --git a/src/main/webapp/app/overview/exercise-details/lti-initializer-modal.component.ts b/src/main/webapp/app/overview/exercise-details/lti-initializer-modal.component.ts
index 0bb7a8b46d5a..69e4cd290199 100644
--- a/src/main/webapp/app/overview/exercise-details/lti-initializer-modal.component.ts
+++ b/src/main/webapp/app/overview/exercise-details/lti-initializer-modal.component.ts
@@ -1,11 +1,15 @@
 import { Component, inject } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { AlertService } from 'app/core/util/alert.service';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FormsModule } from '@angular/forms';
+import { CopyIconButtonComponent } from 'app/shared/components/copy-icon-button/copy-icon-button.component';
 
 @Component({
     selector: 'jhi-lti-initializer-modal',
     templateUrl: './lti-initializer-modal.component.html',
+    imports: [TranslateDirective, FormsModule, CopyIconButtonComponent, RouterLink],
 })
 export class LtiInitializerModalComponent {
     private activeModal = inject(NgbActiveModal);
diff --git a/src/main/webapp/app/overview/exercise-details/problem-statement/problem-statement.component.ts b/src/main/webapp/app/overview/exercise-details/problem-statement/problem-statement.component.ts
index 3b70909f554e..4ca8c6409f23 100644
--- a/src/main/webapp/app/overview/exercise-details/problem-statement/problem-statement.component.ts
+++ b/src/main/webapp/app/overview/exercise-details/problem-statement/problem-statement.component.ts
@@ -1,29 +1,31 @@
 import { HttpResponse } from '@angular/common/http';
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input, OnInit, inject } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { Exercise, ExerciseType } from 'app/entities/exercise.model';
 import { StudentParticipation } from 'app/entities/participation/student-participation.model';
 import { ExerciseDetailsType, ExerciseService } from 'app/exercises/shared/exercise/exercise.service';
 import { ParticipationService } from 'app/exercises/shared/participation/participation.service';
+import { ProgrammingExerciseInstructionComponent } from 'app/exercises/programming/shared/instructions-render/programming-exercise-instruction.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { HtmlForMarkdownPipe } from 'app/shared/pipes/html-for-markdown.pipe';
 
 @Component({
     selector: 'jhi-problem-statement',
     templateUrl: './problem-statement.component.html',
     styleUrls: ['../../course-overview.scss'],
+    imports: [ProgrammingExerciseInstructionComponent, TranslateDirective, HtmlForMarkdownPipe],
 })
 export class ProblemStatementComponent implements OnInit {
+    private route = inject(ActivatedRoute);
+    private exerciseService = inject(ExerciseService);
+    private participationService = inject(ParticipationService);
+
     @Input()
     public exercise?: Exercise;
 
     @Input()
     participation?: StudentParticipation;
 
-    constructor(
-        private route: ActivatedRoute,
-        private exerciseService: ExerciseService,
-        private participationService: ParticipationService,
-    ) {}
-
     ngOnInit() {
         this.route.params.subscribe((params) => {
             const exerciseId = parseInt(params['exerciseId'], 10);
diff --git a/src/main/webapp/app/overview/exercise-details/request-feedback-button/request-feedback-button.component.ts b/src/main/webapp/app/overview/exercise-details/request-feedback-button/request-feedback-button.component.ts
index 0f0ec10c1c14..f73c6ba0105d 100644
--- a/src/main/webapp/app/overview/exercise-details/request-feedback-button/request-feedback-button.component.ts
+++ b/src/main/webapp/app/overview/exercise-details/request-feedback-button/request-feedback-button.component.ts
@@ -18,7 +18,6 @@ import { ParticipationService } from 'app/exercises/shared/participation/partici
 
 @Component({
     selector: 'jhi-request-feedback-button',
-    standalone: true,
     imports: [CommonModule, ArtemisSharedCommonModule, NgbTooltipModule, FontAwesomeModule],
     templateUrl: './request-feedback-button.component.html',
 })
diff --git a/src/main/webapp/app/overview/header-course.component.ts b/src/main/webapp/app/overview/header-course.component.ts
index 3cdbdb04c465..d698b4d429ce 100644
--- a/src/main/webapp/app/overview/header-course.component.ts
+++ b/src/main/webapp/app/overview/header-course.component.ts
@@ -1,16 +1,24 @@
-import { Component, HostListener, Input, OnChanges } from '@angular/core';
+import { Component, HostListener, Input, OnChanges, inject } from '@angular/core';
 import { Course } from 'app/entities/course.model';
 import { ARTEMIS_DEFAULT_COLOR } from 'app/app.constants';
 import { CachingStrategy } from 'app/shared/image/secured-image.component';
-import { Router } from '@angular/router';
+import { Router, RouterLink } from '@angular/router';
 import { faArrowDown } from '@fortawesome/free-solid-svg-icons';
+import { NgStyle } from '@angular/common';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from '../shared/language/translate.directive';
+import { SecuredImageComponent } from '../shared/image/secured-image.component';
+import { ArtemisTranslatePipe } from '../shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-header-course',
     templateUrl: './header-course.component.html',
     styleUrls: ['./header-course.component.scss'],
+    imports: [NgStyle, FaIconComponent, TranslateDirective, RouterLink, SecuredImageComponent, ArtemisTranslatePipe],
 })
 export class HeaderCourseComponent implements OnChanges {
+    protected router = inject(Router);
+
     readonly ARTEMIS_DEFAULT_COLOR = ARTEMIS_DEFAULT_COLOR;
     readonly CachingStrategy = CachingStrategy;
 
@@ -21,7 +29,6 @@ export class HeaderCourseComponent implements OnChanges {
     public longDescriptionShown = false;
 
     faArrowDown = faArrowDown;
-    constructor(protected router: Router) {}
 
     ngOnChanges() {
         this.adjustCourseDescription();
diff --git a/src/main/webapp/app/overview/participation-websocket.service.ts b/src/main/webapp/app/overview/participation-websocket.service.ts
index 3836e7a81209..7e7f40e98f8d 100644
--- a/src/main/webapp/app/overview/participation-websocket.service.ts
+++ b/src/main/webapp/app/overview/participation-websocket.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { BehaviorSubject, of, pipe } from 'rxjs';
 import { switchMap, tap } from 'rxjs/operators';
 import { Participation } from 'app/entities/participation/participation.model';
@@ -25,6 +25,9 @@ export interface IParticipationWebsocketService {
 
 @Injectable({ providedIn: 'root' })
 export class ParticipationWebsocketService implements IParticipationWebsocketService {
+    private jhiWebsocketService = inject(JhiWebsocketService);
+    private participationService = inject(ParticipationService);
+
     cachedParticipations: Map<number /* ID of participation */, StudentParticipation> = new Map<number, StudentParticipation>();
     openResultWebsocketSubscriptions: Map<number /*ID of participation */, string /* url of websocket connection */> = new Map<number, string>();
     openPersonalWebsocketSubscription?: string; /* url of websocket connection */
@@ -33,11 +36,6 @@ export class ParticipationWebsocketService implements IParticipationWebsocketSer
     subscribedExercises: Map<number /* ID of exercise */, Set<number> /* IDs of the participations of this exercise */> = new Map<number, Set<number>>();
     participationSubscriptionTypes: Map<number /* ID of participation */, boolean /* Whether the participation was subscribed in personal mode */> = new Map<number, boolean>();
 
-    constructor(
-        private jhiWebsocketService: JhiWebsocketService,
-        private participationService: ParticipationService,
-    ) {}
-
     private getNotifyAllSubscribersPipe = () => {
         return pipe(tap(this.notifyResultSubscribers), switchMap(this.addResultToParticipation), tap(this.notifyParticipationSubscribers));
     };
diff --git a/src/main/webapp/app/overview/result-history/result-history.component.ts b/src/main/webapp/app/overview/result-history/result-history.component.ts
index ded0d2c95639..72db3215285b 100644
--- a/src/main/webapp/app/overview/result-history/result-history.component.ts
+++ b/src/main/webapp/app/overview/result-history/result-history.component.ts
@@ -2,6 +2,9 @@ import { Component, OnChanges, input } from '@angular/core';
 import { Result } from 'app/entities/result.model';
 import { Exercise, ExerciseType } from 'app/entities/exercise.model';
 import { MissingResultInformation, evaluateTemplateStatus, getResultIconClass, getTextColorClass } from 'app/exercises/shared/result/result.utils';
+import { NgClass, NgStyle } from '@angular/common';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ResultComponent } from '../../exercises/shared/result/result.component';
 
 export const MAX_RESULT_HISTORY_LENGTH = 5;
 
@@ -10,6 +13,7 @@ export const MAX_RESULT_HISTORY_LENGTH = 5;
     selector: 'jhi-result-history',
     templateUrl: './result-history.component.html',
     styleUrls: ['./result-history.scss'],
+    imports: [NgClass, FaIconComponent, ResultComponent, NgStyle],
 })
 export class ResultHistoryComponent implements OnChanges {
     readonly getTextColorClass = getTextColorClass;
@@ -25,7 +29,7 @@ export class ResultHistoryComponent implements OnChanges {
     displayedResults: Result[];
     movedLastRatedResult: boolean;
 
-    ngOnChanges(): void {
+    ngOnChanges() {
         this.showPreviousDivider = this.results().length > MAX_RESULT_HISTORY_LENGTH;
         if (this.exercise()?.type === ExerciseType.TEXT || this.exercise()?.type === ExerciseType.MODELING) {
             this.displayedResults = this.results().filter((result) => result.successful !== undefined);
diff --git a/src/main/webapp/app/overview/submission-result-status.component.ts b/src/main/webapp/app/overview/submission-result-status.component.ts
index 78fc9b3a0a4d..ce737d23d33f 100644
--- a/src/main/webapp/app/overview/submission-result-status.component.ts
+++ b/src/main/webapp/app/overview/submission-result-status.component.ts
@@ -5,10 +5,14 @@ import { InitializationState } from 'app/entities/participation/participation.mo
 import { QuizExercise } from 'app/entities/quiz/quiz-exercise.model';
 import { ArtemisQuizService } from 'app/shared/quiz/quiz.service';
 import dayjs from 'dayjs/esm';
+import { UpdatingResultComponent } from '../exercises/shared/result/updating-result.component';
+import { TranslateDirective } from '../shared/language/translate.directive';
+import { ProgrammingExerciseStudentTriggerBuildButtonComponent } from '../exercises/programming/shared/actions/programming-exercise-student-trigger-build-button.component';
 
 @Component({
     selector: 'jhi-submission-result-status',
     templateUrl: './submission-result-status.component.html',
+    imports: [UpdatingResultComponent, TranslateDirective, ProgrammingExerciseStudentTriggerBuildButtonComponent],
 })
 export class SubmissionResultStatusComponent implements OnChanges {
     private readonly initializationStatesToShowProgrammingResult = [InitializationState.INITIALIZED, InitializationState.INACTIVE, InitializationState.FINISHED];
diff --git a/src/main/webapp/app/overview/submission-result-status.module.ts b/src/main/webapp/app/overview/submission-result-status.module.ts
index eb16329d6fc5..8e5c1b8b4257 100644
--- a/src/main/webapp/app/overview/submission-result-status.module.ts
+++ b/src/main/webapp/app/overview/submission-result-status.module.ts
@@ -8,8 +8,15 @@ import { ArtemisSharedComponentModule } from 'app/shared/components/shared-compo
 import { ResultProgressBarComponent } from 'app/exercises/shared/result/result-progress-bar/result-progress-bar.component';
 
 @NgModule({
-    imports: [ArtemisSharedModule, ArtemisProgrammingExerciseActionsModule, ArtemisSharedComponentModule, ResultProgressBarComponent],
-    declarations: [SubmissionResultStatusComponent, UpdatingResultComponent, ResultComponent],
+    imports: [
+        ArtemisSharedModule,
+        ArtemisProgrammingExerciseActionsModule,
+        ArtemisSharedComponentModule,
+        ResultProgressBarComponent,
+        SubmissionResultStatusComponent,
+        UpdatingResultComponent,
+        ResultComponent,
+    ],
     exports: [SubmissionResultStatusComponent, UpdatingResultComponent, ResultComponent],
 })
 export class SubmissionResultStatusModule {}
diff --git a/src/main/webapp/app/overview/tutorial-group-details/course-tutorial-group-detail/course-tutorial-group-detail.component.ts b/src/main/webapp/app/overview/tutorial-group-details/course-tutorial-group-detail/course-tutorial-group-detail.component.ts
index 047a8426ddee..287910f0c081 100644
--- a/src/main/webapp/app/overview/tutorial-group-details/course-tutorial-group-detail/course-tutorial-group-detail.component.ts
+++ b/src/main/webapp/app/overview/tutorial-group-details/course-tutorial-group-detail/course-tutorial-group-detail.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { TutorialGroup } from 'app/entities/tutorial-group/tutorial-group.model';
 import { Course } from 'app/entities/course.model';
 import { ActivatedRoute } from '@angular/router';
@@ -9,13 +9,23 @@ import { HttpErrorResponse } from '@angular/common/http';
 import { onError } from 'app/shared/util/global.utils';
 import { CourseManagementService } from 'app/course/manage/course-management.service';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
+import { LoadingIndicatorContainerComponent } from 'app/shared/loading-indicator-container/loading-indicator-container.component';
+import { AsyncPipe, NgClass } from '@angular/common';
+import { TutorialGroupDetailComponent } from 'app/course/tutorial-groups/shared/tutorial-group-detail/tutorial-group-detail.component';
 
 @Component({
     selector: 'jhi-course-tutorial-group-detail',
     templateUrl: './course-tutorial-group-detail.component.html',
     styleUrls: ['./course-tutorial-group-detail.component.scss'],
+    imports: [LoadingIndicatorContainerComponent, NgClass, TutorialGroupDetailComponent, AsyncPipe],
 })
 export class CourseTutorialGroupDetailComponent implements OnInit, OnDestroy {
+    private route = inject(ActivatedRoute);
+    private tutorialGroupService = inject(TutorialGroupsService);
+    private alertService = inject(AlertService);
+    private courseManagementService = inject(CourseManagementService);
+    private profileService = inject(ProfileService);
+
     isLoading$ = new BehaviorSubject<boolean>(false);
     tutorialGroup?: TutorialGroup;
     course?: Course;
@@ -24,14 +34,6 @@ export class CourseTutorialGroupDetailComponent implements OnInit, OnDestroy {
     isProduction = true;
     isTestServer = false;
 
-    constructor(
-        private route: ActivatedRoute,
-        private tutorialGroupService: TutorialGroupsService,
-        private alertService: AlertService,
-        private courseManagementService: CourseManagementService,
-        private profileService: ProfileService,
-    ) {}
-
     ngOnInit(): void {
         const courseIdParams$ = this.route.parent?.parent?.params;
         const tutorialGroupIdParams$ = this.route.params;
diff --git a/src/main/webapp/app/overview/tutorial-group-details/course-tutorial-group-details.module.ts b/src/main/webapp/app/overview/tutorial-group-details/course-tutorial-group-details.module.ts
index 090a381aa1c8..ae2ddcac2112 100644
--- a/src/main/webapp/app/overview/tutorial-group-details/course-tutorial-group-details.module.ts
+++ b/src/main/webapp/app/overview/tutorial-group-details/course-tutorial-group-details.module.ts
@@ -1,15 +1,17 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { ArtemisTutorialGroupsSharedModule } from 'app/course/tutorial-groups/shared/tutorial-groups-shared.module';
-import { CourseTutorialGroupDetailComponent } from 'app/overview/tutorial-group-details/course-tutorial-group-detail/course-tutorial-group-detail.component';
+
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
+import { CourseTutorialGroupDetailComponent } from 'app/overview/tutorial-group-details/course-tutorial-group-detail/course-tutorial-group-detail.component';
 import { Authority } from 'app/shared/constants/authority.constants';
 import { ArtemisSharedModule } from 'app/shared/shared.module';
 
 const routes: Routes = [
     {
         path: '',
-        component: CourseTutorialGroupDetailComponent,
+        loadComponent: () =>
+            import('app/overview/tutorial-group-details/course-tutorial-group-detail/course-tutorial-group-detail.component').then((m) => m.CourseTutorialGroupDetailComponent),
         data: {
             authorities: [Authority.USER],
             pageTitle: 'artemisApp.pages.courseTutorialGroupDetail.title',
@@ -19,7 +21,6 @@ const routes: Routes = [
 ];
 
 @NgModule({
-    imports: [ArtemisTutorialGroupsSharedModule, RouterModule.forChild(routes), ArtemisSharedModule],
-    declarations: [CourseTutorialGroupDetailComponent],
+    imports: [ArtemisTutorialGroupsSharedModule, RouterModule.forChild(routes), ArtemisSharedModule, CourseTutorialGroupDetailComponent],
 })
 export class CourseTutorialGroupDetailsModule {}
diff --git a/src/main/webapp/app/overview/visualizations/exercise-scores-chart.module.ts b/src/main/webapp/app/overview/visualizations/exercise-scores-chart.module.ts
index e0d3a22862c3..905cb064fb62 100644
--- a/src/main/webapp/app/overview/visualizations/exercise-scores-chart.module.ts
+++ b/src/main/webapp/app/overview/visualizations/exercise-scores-chart.module.ts
@@ -6,8 +6,7 @@ import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { LineChartModule } from '@swimlane/ngx-charts';
 
 @NgModule({
-    imports: [TranslateModule, CommonModule, ArtemisSharedModule, LineChartModule],
-    declarations: [ExerciseScoresChartComponent],
+    imports: [TranslateModule, CommonModule, ArtemisSharedModule, LineChartModule, ExerciseScoresChartComponent],
     exports: [ExerciseScoresChartComponent],
 })
 export class ArtemisExerciseScoresChartModule {}
diff --git a/src/main/webapp/app/overview/visualizations/exercise-scores-chart.service.ts b/src/main/webapp/app/overview/visualizations/exercise-scores-chart.service.ts
index d92ca47740e8..e35422b48016 100644
--- a/src/main/webapp/app/overview/visualizations/exercise-scores-chart.service.ts
+++ b/src/main/webapp/app/overview/visualizations/exercise-scores-chart.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import dayjs from 'dayjs/esm';
@@ -23,9 +23,10 @@ export class ExerciseScoresDTO {
  */
 @Injectable({ providedIn: 'root' })
 export class ExerciseScoresChartService {
+    private http = inject(HttpClient);
+
     public resourceUrl = 'api';
 
-    constructor(private http: HttpClient) {}
     /**
      * Get the course exercise performance statistics necessary for exercise-scores-chart.component.ts
      * @param courseId id of the course
diff --git a/src/main/webapp/app/overview/visualizations/exercise-scores-chart/exercise-scores-chart.component.ts b/src/main/webapp/app/overview/visualizations/exercise-scores-chart/exercise-scores-chart.component.ts
index 6d99a9962df0..bea8acee193f 100644
--- a/src/main/webapp/app/overview/visualizations/exercise-scores-chart/exercise-scores-chart.component.ts
+++ b/src/main/webapp/app/overview/visualizations/exercise-scores-chart/exercise-scores-chart.component.ts
@@ -1,4 +1,4 @@
-import { AfterViewInit, Component, Input, OnChanges } from '@angular/core';
+import { AfterViewInit, Component, Input, OnChanges, inject } from '@angular/core';
 import { ExerciseScoresChartService, ExerciseScoresDTO } from 'app/overview/visualizations/exercise-scores-chart.service';
 import { AlertService } from 'app/core/util/alert.service';
 import { onError } from 'app/shared/util/global.utils';
@@ -7,13 +7,17 @@ import { HttpErrorResponse } from '@angular/common/http';
 import { ActivatedRoute } from '@angular/router';
 import { TranslateService } from '@ngx-translate/core';
 import { cloneDeep, sortBy } from 'lodash-es';
-import { Color, ScaleType } from '@swimlane/ngx-charts';
+import { Color, LineChartModule, ScaleType } from '@swimlane/ngx-charts';
 import { round } from 'app/shared/util/utils';
 import { ExerciseType } from 'app/entities/exercise.model';
 import { faFilter } from '@fortawesome/free-solid-svg-icons';
 import { ChartExerciseTypeFilter } from 'app/shared/chart/chart-exercise-type-filter';
 import { GraphColors } from 'app/entities/statistics.model';
 import { ArtemisNavigationUtilService } from 'app/utils/navigation.utils';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgbDropdown, NgbDropdownMenu, NgbDropdownToggle } from '@ng-bootstrap/ng-bootstrap';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 type ChartSeries = {
     name: string;
@@ -35,8 +39,16 @@ type SeriesDatapoint = {
     selector: 'jhi-exercise-scores-chart',
     templateUrl: './exercise-scores-chart.component.html',
     styleUrls: ['./exercise-scores-chart.component.scss'],
+    imports: [TranslateDirective, NgbDropdown, NgbDropdownToggle, FaIconComponent, NgbDropdownMenu, LineChartModule, ArtemisTranslatePipe],
 })
 export class ExerciseScoresChartComponent implements AfterViewInit, OnChanges {
+    private navigationUtilService = inject(ArtemisNavigationUtilService);
+    private activatedRoute = inject(ActivatedRoute);
+    private alertService = inject(AlertService);
+    private exerciseScoresChartService = inject(ExerciseScoresChartService);
+    exerciseTypeFilter = inject(ChartExerciseTypeFilter);
+    private translateService = inject(TranslateService);
+
     @Input() filteredExerciseIDs: number[];
 
     courseId: number;
@@ -69,14 +81,7 @@ export class ExerciseScoresChartComponent implements AfterViewInit, OnChanges {
     maximumScoreLabel: string;
     maxScale = 101;
 
-    constructor(
-        private navigationUtilService: ArtemisNavigationUtilService,
-        private activatedRoute: ActivatedRoute,
-        private alertService: AlertService,
-        private exerciseScoresChartService: ExerciseScoresChartService,
-        public exerciseTypeFilter: ChartExerciseTypeFilter, // used in html, therefore it must be public
-        private translateService: TranslateService,
-    ) {
+    constructor() {
         this.translateService.onLangChange.subscribe(() => {
             this.setTranslations();
         });
@@ -91,7 +96,7 @@ export class ExerciseScoresChartComponent implements AfterViewInit, OnChanges {
         });
     }
 
-    ngOnChanges(): void {
+    ngOnChanges() {
         this.initializeChart();
     }
 
diff --git a/src/main/webapp/app/shared/additional-feedback/additional-feedback.component.ts b/src/main/webapp/app/shared/additional-feedback/additional-feedback.component.ts
index 2c6083340846..f1d9fee0f27b 100644
--- a/src/main/webapp/app/shared/additional-feedback/additional-feedback.component.ts
+++ b/src/main/webapp/app/shared/additional-feedback/additional-feedback.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, inject } from '@angular/core';
 import { Feedback, buildFeedbackTextForReview } from 'app/entities/feedback.model';
 import { getCourseFromExercise } from 'app/entities/exercise.model';
 import { Course } from 'app/entities/course.model';
@@ -6,19 +6,24 @@ import { faCommentDots } from '@fortawesome/free-regular-svg-icons';
 import { faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';
 import { LocaleConversionService } from 'app/shared/service/locale-conversion.service';
 import { TranslateService } from '@ngx-translate/core';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from '../language/translate.directive';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { ArtemisTranslatePipe } from '../pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-additional-feedback',
     templateUrl: './additional-feedback.component.html',
     styleUrls: ['./additional-feedback.component.scss'],
+    imports: [FaIconComponent, TranslateDirective, NgbTooltip, ArtemisTranslatePipe],
 })
 export class AdditionalFeedbackComponent {
-    @Input()
-    feedback: Feedback[];
-    @Input()
-    additional: boolean;
-    @Input()
-    course?: Course;
+    private translateService = inject(TranslateService);
+    private localeConversionService = inject(LocaleConversionService);
+
+    @Input() feedback: Feedback[];
+    @Input() additional: boolean;
+    @Input() course?: Course;
 
     // Icons
     faCommentDots = faCommentDots;
@@ -28,11 +33,6 @@ export class AdditionalFeedbackComponent {
     readonly getCourseFromExercise = getCourseFromExercise;
     readonly buildFeedbackTextForReview = buildFeedbackTextForReview;
 
-    constructor(
-        private translateService: TranslateService,
-        private localeConversionService: LocaleConversionService,
-    ) {}
-
     /**
      * Translates the points string based on the singularity of the given points.
      * In addition, the points are returned in a localized form.
diff --git a/src/main/webapp/app/shared/alert/alert-overlay.component.ts b/src/main/webapp/app/shared/alert/alert-overlay.component.ts
index c1a18cb51250..d9d8ac765959 100644
--- a/src/main/webapp/app/shared/alert/alert-overlay.component.ts
+++ b/src/main/webapp/app/shared/alert/alert-overlay.component.ts
@@ -1,7 +1,11 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { Alert, AlertService } from 'app/core/util/alert.service';
 import { faTimes } from '@fortawesome/free-solid-svg-icons';
 import { animate, group, style, transition, trigger } from '@angular/animations';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from '../language/translate.directive';
+import { NgClass, NgStyle } from '@angular/common';
+import { CloseCircleComponent } from '../close-circle/close-circle.component';
 
 @Component({
     selector: 'jhi-alert-overlay',
@@ -44,11 +48,12 @@ import { animate, group, style, transition, trigger } from '@angular/animations'
             ]),
         ]),
     ],
+    imports: [FaIconComponent, TranslateDirective, NgClass, CloseCircleComponent, NgStyle],
 })
 export class AlertOverlayComponent implements OnInit, OnDestroy {
-    alerts: Alert[] = [];
+    alertService = inject(AlertService);
 
-    constructor(public alertService: AlertService) {}
+    alerts: Alert[] = [];
 
     times = faTimes;
 
diff --git a/src/main/webapp/app/shared/auth/has-any-authority.directive.ts b/src/main/webapp/app/shared/auth/has-any-authority.directive.ts
index e0c1abfcd8cc..9d7eef8a8704 100644
--- a/src/main/webapp/app/shared/auth/has-any-authority.directive.ts
+++ b/src/main/webapp/app/shared/auth/has-any-authority.directive.ts
@@ -1,4 +1,4 @@
-import { Directive, Input, TemplateRef, ViewContainerRef } from '@angular/core';
+import { Directive, Input, TemplateRef, ViewContainerRef, inject } from '@angular/core';
 import { AccountService } from 'app/core/auth/account.service';
 
 /**
@@ -12,17 +12,13 @@ import { AccountService } from 'app/core/auth/account.service';
  *     <some-element *jhiHasAnyAuthority="[Authority.ADMIN, Authority.USER]">...</some-element>
  * ```
  */
-@Directive({
-    selector: '[jhiHasAnyAuthority]',
-})
+@Directive({ selector: '[jhiHasAnyAuthority]' })
 export class HasAnyAuthorityDirective {
-    private authorities: string[];
+    private accountService = inject(AccountService);
+    private templateRef = inject<TemplateRef<any>>(TemplateRef);
+    private viewContainerRef = inject(ViewContainerRef);
 
-    constructor(
-        private accountService: AccountService,
-        private templateRef: TemplateRef<any>,
-        private viewContainerRef: ViewContainerRef,
-    ) {}
+    private authorities: string[];
 
     @Input()
     set jhiHasAnyAuthority(value: string | string[]) {
diff --git a/src/main/webapp/app/shared/breakpoints/layout.service.ts b/src/main/webapp/app/shared/breakpoints/layout.service.ts
index 97ff7e71da29..461b674c05a5 100644
--- a/src/main/webapp/app/shared/breakpoints/layout.service.ts
+++ b/src/main/webapp/app/shared/breakpoints/layout.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { BreakpointObserver } from '@angular/cdk/layout';
 import { BreakpointsService } from './breakpoints.service';
 import { map } from 'rxjs/operators';
@@ -8,12 +8,10 @@ import { Observable } from 'rxjs';
     providedIn: 'root',
 })
 export class LayoutService {
-    activeBreakpoints: string[] = [];
+    private breakpointObserver = inject(BreakpointObserver);
+    private breakpointService = inject(BreakpointsService);
 
-    constructor(
-        private breakpointObserver: BreakpointObserver,
-        private breakpointService: BreakpointsService,
-    ) {}
+    activeBreakpoints: string[] = [];
 
     subscribeToLayoutChanges(): Observable<string[]> {
         return this.breakpointObserver.observe(this.breakpointService.getBreakpoints()).pipe(map((observeResponse) => this.parseBreakpointsResponse(observeResponse.breakpoints)));
diff --git a/src/main/webapp/app/shared/category-selector/category-selector.component.ts b/src/main/webapp/app/shared/category-selector/category-selector.component.ts
index 2c3e31b1e67f..f5e5bb76adcf 100644
--- a/src/main/webapp/app/shared/category-selector/category-selector.component.ts
+++ b/src/main/webapp/app/shared/category-selector/category-selector.component.ts
@@ -1,13 +1,18 @@
 import { Component, ElementRef, EventEmitter, Input, OnChanges, Output, ViewChild, ViewEncapsulation } from '@angular/core';
 import { ColorSelectorComponent } from 'app/shared/color-selector/color-selector.component';
 import { ExerciseCategory } from 'app/entities/exercise-category.model';
-import { MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';
+import { MatAutocomplete, MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';
 import { COMMA, ENTER, TAB } from '@angular/cdk/keycodes';
-import { FormControl } from '@angular/forms';
-import { MatChipInputEvent } from '@angular/material/chips';
+import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { MatChipGrid, MatChipInput, MatChipInputEvent, MatChipRemove, MatChipRow } from '@angular/material/chips';
 import { Observable, map, startWith } from 'rxjs';
 import { faTimes } from '@fortawesome/free-solid-svg-icons';
 import { FaqCategory } from 'app/entities/faq-category.model';
+import { MatFormField } from '@angular/material/form-field';
+import { AsyncPipe, NgStyle } from '@angular/common';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { MatOption } from '@angular/material/core';
+import { ArtemisTranslatePipe } from '../pipes/artemis-translate.pipe';
 
 const DEFAULT_COLORS = ['#6ae8ac', '#9dca53', '#94a11c', '#691b0b', '#ad5658', '#1b97ca', '#0d3cc2', '#0ab84f'];
 
@@ -16,6 +21,23 @@ const DEFAULT_COLORS = ['#6ae8ac', '#9dca53', '#94a11c', '#691b0b', '#ad5658', '
     templateUrl: './category-selector.component.html',
     styleUrls: ['./category-selector.component.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [
+        MatFormField,
+        MatChipGrid,
+        MatChipRow,
+        NgStyle,
+        MatChipRemove,
+        FaIconComponent,
+        FormsModule,
+        MatAutocompleteTrigger,
+        MatChipInput,
+        ReactiveFormsModule,
+        MatAutocomplete,
+        MatOption,
+        ColorSelectorComponent,
+        AsyncPipe,
+        ArtemisTranslatePipe,
+    ],
 })
 export class CategorySelectorComponent implements OnChanges {
     protected readonly faTimes = faTimes;
diff --git a/src/main/webapp/app/shared/category-selector/category-selector.module.ts b/src/main/webapp/app/shared/category-selector/category-selector.module.ts
index 9b9ed1a5f0e5..a114b2c98792 100644
--- a/src/main/webapp/app/shared/category-selector/category-selector.module.ts
+++ b/src/main/webapp/app/shared/category-selector/category-selector.module.ts
@@ -10,8 +10,17 @@ import { MatSelectModule } from '@angular/material/select';
 import { MatFormFieldModule } from '@angular/material/form-field';
 
 @NgModule({
-    imports: [ArtemisSharedModule, ArtemisColorSelectorModule, ReactiveFormsModule, FormsModule, MatChipsModule, MatAutocompleteModule, MatSelectModule, MatFormFieldModule],
-    declarations: [CategorySelectorComponent],
+    imports: [
+        ArtemisSharedModule,
+        ArtemisColorSelectorModule,
+        ReactiveFormsModule,
+        FormsModule,
+        MatChipsModule,
+        MatAutocompleteModule,
+        MatSelectModule,
+        MatFormFieldModule,
+        CategorySelectorComponent,
+    ],
     exports: [CategorySelectorComponent],
 })
 export class ArtemisCategorySelectorModule {}
diff --git a/src/main/webapp/app/shared/chart/artemis-charts.module.ts b/src/main/webapp/app/shared/chart/artemis-charts.module.ts
index f95d838f1b04..1072378c1b74 100644
--- a/src/main/webapp/app/shared/chart/artemis-charts.module.ts
+++ b/src/main/webapp/app/shared/chart/artemis-charts.module.ts
@@ -8,8 +8,17 @@ import { RouterModule } from '@angular/router';
 import { BarChartModule, LineChartModule, PieChartModule } from '@swimlane/ngx-charts';
 
 @NgModule({
-    imports: [ArtemisSharedModule, RouterModule, BarChartModule, LineChartModule, PieChartModule],
-    declarations: [DoughnutChartComponent, StatisticsAverageScoreGraphComponent, StatisticsGraphComponent, StatisticsScoreDistributionGraphComponent],
+    imports: [
+        ArtemisSharedModule,
+        RouterModule,
+        BarChartModule,
+        LineChartModule,
+        PieChartModule,
+        DoughnutChartComponent,
+        StatisticsAverageScoreGraphComponent,
+        StatisticsGraphComponent,
+        StatisticsScoreDistributionGraphComponent,
+    ],
     exports: [DoughnutChartComponent, StatisticsAverageScoreGraphComponent, StatisticsGraphComponent, StatisticsScoreDistributionGraphComponent],
 })
 export class ArtemisChartsModule {}
diff --git a/src/main/webapp/app/shared/circular-progress-bar/circular-progress-bar.component.ts b/src/main/webapp/app/shared/circular-progress-bar/circular-progress-bar.component.ts
index f3669b92065b..6b7a547f41e1 100644
--- a/src/main/webapp/app/shared/circular-progress-bar/circular-progress-bar.component.ts
+++ b/src/main/webapp/app/shared/circular-progress-bar/circular-progress-bar.component.ts
@@ -15,8 +15,6 @@ export class CircularProgressBarComponent implements OnChanges {
     progressText = 'Completed';
     circleColor = '#000000';
 
-    constructor() {}
-
     ngOnChanges() {
         if (this.progressInPercent > 100) {
             this.progressUsedForColorCalculation = 100;
diff --git a/src/main/webapp/app/shared/color-selector/color-selector.component.ts b/src/main/webapp/app/shared/color-selector/color-selector.component.ts
index 91061dc28f04..ce81d215aa95 100644
--- a/src/main/webapp/app/shared/color-selector/color-selector.component.ts
+++ b/src/main/webapp/app/shared/color-selector/color-selector.component.ts
@@ -1,5 +1,6 @@
-import { Component, ElementRef, EventEmitter, Input, OnInit, Output, Renderer2 } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output, Renderer2, inject } from '@angular/core';
 import { ARTEMIS_DEFAULT_COLOR } from 'app/app.constants';
+import { NgStyle } from '@angular/common';
 
 export interface Coordinates {
     left: number;
@@ -29,19 +30,18 @@ const DEFAULT_COLORS = [
     selector: 'jhi-color-selector',
     templateUrl: './color-selector.component.html',
     styleUrls: ['./color-selector.scss'],
+    imports: [NgStyle],
 })
 export class ColorSelectorComponent implements OnInit {
+    private elementRef = inject(ElementRef);
+    private renderer = inject(Renderer2);
+
     colorSelectorPosition: Coordinates;
     showColorSelector = false;
     height = 220;
     @Input() tagColors: string[] = DEFAULT_COLORS;
     @Output() selectedColor = new EventEmitter<string>();
 
-    constructor(
-        private elementRef: ElementRef,
-        private renderer: Renderer2,
-    ) {}
-
     /**
      * set default position on init
      */
diff --git a/src/main/webapp/app/shared/color-selector/color-selector.module.ts b/src/main/webapp/app/shared/color-selector/color-selector.module.ts
index 9366e250aa7a..819ffbc1df2b 100644
--- a/src/main/webapp/app/shared/color-selector/color-selector.module.ts
+++ b/src/main/webapp/app/shared/color-selector/color-selector.module.ts
@@ -4,8 +4,7 @@ import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { ColorSelectorComponent } from './color-selector.component';
 
 @NgModule({
-    imports: [ArtemisSharedModule],
-    declarations: [ColorSelectorComponent],
+    imports: [ArtemisSharedModule, ColorSelectorComponent],
     exports: [ColorSelectorComponent],
 })
 export class ArtemisColorSelectorModule {}
diff --git a/src/main/webapp/app/shared/competency-selection/competency-selection.component.ts b/src/main/webapp/app/shared/competency-selection/competency-selection.component.ts
index 41f2dcf0e67a..c448f38ca8a2 100644
--- a/src/main/webapp/app/shared/competency-selection/competency-selection.component.ts
+++ b/src/main/webapp/app/shared/competency-selection/competency-selection.component.ts
@@ -1,5 +1,5 @@
-import { ChangeDetectorRef, Component, EventEmitter, Input, OnInit, Output, forwardRef } from '@angular/core';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { ChangeDetectorRef, Component, EventEmitter, Input, OnInit, Output, forwardRef, inject } from '@angular/core';
+import { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { faQuestionCircle } from '@fortawesome/free-solid-svg-icons';
 import {
     CompetencyLearningObjectLink,
@@ -15,6 +15,10 @@ import { ActivatedRoute } from '@angular/router';
 import { CourseStorageService } from 'app/course/manage/course-storage.service';
 import { finalize } from 'rxjs';
 import { CourseCompetencyService } from 'app/course/competencies/course-competency.service';
+import { FaIconComponent, FaStackComponent, FaStackItemSizeDirective } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { TranslateDirective } from '../language/translate.directive';
+import { ArtemisTranslatePipe } from '../pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-competency-selection',
@@ -27,8 +31,14 @@ import { CourseCompetencyService } from 'app/course/competencies/course-competen
             useExisting: forwardRef(() => CompetencySelectionComponent),
         },
     ],
+    imports: [FaStackComponent, NgbTooltip, FaIconComponent, FaStackItemSizeDirective, FormsModule, TranslateDirective, ArtemisTranslatePipe],
 })
 export class CompetencySelectionComponent implements OnInit, ControlValueAccessor {
+    private route = inject(ActivatedRoute);
+    private courseStorageService = inject(CourseStorageService);
+    private courseCompetencyService = inject(CourseCompetencyService);
+    private changeDetector = inject(ChangeDetectorRef);
+
     @Input() labelName: string;
     @Input() labelTooltip: string;
 
@@ -53,14 +63,8 @@ export class CompetencySelectionComponent implements OnInit, ControlValueAccesso
     protected readonly MEDIUM_COMPETENCY_LINK_WEIGHT = MEDIUM_COMPETENCY_LINK_WEIGHT;
     protected readonly LOW_COMPETENCY_LINK_WEIGHT = LOW_COMPETENCY_LINK_WEIGHT;
     protected readonly LOW_COMPETENCY_LINK_WEIGHT_CUT_OFF = LOW_COMPETENCY_LINK_WEIGHT_CUT_OFF; // halfway between low and medium
-    protected readonly MEDIUM_COMPETENCY_LINK_WEIGHT_CUT_OFF = MEDIUM_COMPETENCY_LINK_WEIGHT_CUT_OFF; // halfway between medium and high
-
-    constructor(
-        private route: ActivatedRoute,
-        private courseStorageService: CourseStorageService,
-        private courseCompetencyService: CourseCompetencyService,
-        private changeDetector: ChangeDetectorRef,
-    ) {}
+    protected readonly MEDIUM_COMPETENCY_LINK_WEIGHT_CUT_OFF = MEDIUM_COMPETENCY_LINK_WEIGHT_CUT_OFF;
+    // halfway between medium and high
 
     ngOnInit(): void {
         const courseId = Number(this.route.snapshot.paramMap.get('courseId'));
diff --git a/src/main/webapp/app/shared/components/button.component.ts b/src/main/webapp/app/shared/components/button.component.ts
index 5f488b280767..45587c1dbfa2 100644
--- a/src/main/webapp/app/shared/components/button.component.ts
+++ b/src/main/webapp/app/shared/components/button.component.ts
@@ -2,6 +2,12 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons';
 import { FeatureToggle } from 'app/shared/feature-toggle/feature-toggle.service';
+import { NgClass } from '@angular/common';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { FeatureToggleDirective } from '../feature-toggle/feature-toggle.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from '../language/translate.directive';
+import { ArtemisTranslatePipe } from '../pipes/artemis-translate.pipe';
 
 /**
  * enum for button types
@@ -46,6 +52,7 @@ export enum TooltipPlacement {
 @Component({
     selector: 'jhi-button',
     templateUrl: './button.component.html',
+    imports: [NgClass, NgbTooltip, FeatureToggleDirective, FaIconComponent, TranslateDirective, ArtemisTranslatePipe],
 })
 export class ButtonComponent {
     @Input() btnType = ButtonType.PRIMARY;
diff --git a/src/main/webapp/app/shared/components/checklist-check/checklist-check.component.ts b/src/main/webapp/app/shared/components/checklist-check/checklist-check.component.ts
index 3718e0f73adf..84b458270530 100644
--- a/src/main/webapp/app/shared/components/checklist-check/checklist-check.component.ts
+++ b/src/main/webapp/app/shared/components/checklist-check/checklist-check.component.ts
@@ -1,10 +1,12 @@
 import { Component, Input } from '@angular/core';
 import { SizeProp } from '@fortawesome/fontawesome-svg-core';
 import { faCheckCircle, faTimes } from '@fortawesome/free-solid-svg-icons';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 @Component({
     selector: 'jhi-checklist-check',
     templateUrl: './checklist-check.component.html',
+    imports: [FaIconComponent],
 })
 export class ChecklistCheckComponent {
     protected readonly faTimes = faTimes;
diff --git a/src/main/webapp/app/shared/components/code-button/code-button.component.ts b/src/main/webapp/app/shared/components/code-button/code-button.component.ts
index 36046020db1b..15437f8ae64e 100644
--- a/src/main/webapp/app/shared/components/code-button/code-button.component.ts
+++ b/src/main/webapp/app/shared/components/code-button/code-button.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnChanges, OnInit } from '@angular/core';
+import { Component, Input, OnChanges, OnInit, inject } from '@angular/core';
 import { ProgrammingExercise, ProgrammingLanguage } from 'app/entities/programming/programming-exercise.model';
 import { FeatureToggle } from 'app/shared/feature-toggle/feature-toggle.service';
 import { ExternalCloningService } from 'app/exercises/programming/shared/service/external-cloning.service';
@@ -18,13 +18,49 @@ import { IdeSettingsService } from 'app/shared/user-settings/ide-preferences/ide
 import { Ide } from 'app/shared/user-settings/ide-preferences/ide.model';
 import { SshUserSettingsService } from 'app/shared/user-settings/ssh-settings/ssh-user-settings.service';
 import { UserSshPublicKey } from 'app/entities/programming/user-ssh-public-key.model';
+import { ExerciseActionButtonComponent } from '../exercise-action-button.component';
+import { FeatureToggleDirective } from '../../feature-toggle/feature-toggle.directive';
+import { NgbDropdown, NgbDropdownMenu, NgbDropdownToggle, NgbPopover } from '@ng-bootstrap/ng-bootstrap';
+import { TranslateDirective } from '../../language/translate.directive';
+import { NgClass } from '@angular/common';
+import { CdkCopyToClipboard } from '@angular/cdk/clipboard';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { RouterLink } from '@angular/router';
+import { HelpIconComponent } from '../help-icon.component';
+import { ArtemisTranslatePipe } from '../../pipes/artemis-translate.pipe';
+import { SafeUrlPipe } from 'app/shared/pipes/safe-url.pipe';
 
 @Component({
     selector: 'jhi-code-button',
     templateUrl: './code-button.component.html',
     styleUrls: ['./code-button.component.scss'],
+    imports: [
+        ExerciseActionButtonComponent,
+        FeatureToggleDirective,
+        NgbPopover,
+        TranslateDirective,
+        NgbDropdown,
+        NgbDropdownToggle,
+        NgbDropdownMenu,
+        NgClass,
+        CdkCopyToClipboard,
+        FaIconComponent,
+        RouterLink,
+        HelpIconComponent,
+        ArtemisTranslatePipe,
+        SafeUrlPipe,
+    ],
 })
 export class CodeButtonComponent implements OnInit, OnChanges {
+    private translateService = inject(TranslateService);
+    private externalCloningService = inject(ExternalCloningService);
+    private sshUserSettingsService = inject(SshUserSettingsService);
+    private accountService = inject(AccountService);
+    private profileService = inject(ProfileService);
+    private localStorage = inject(LocalStorageService);
+    private participationService = inject(ParticipationService);
+    private ideSettingsService = inject(IdeSettingsService);
+
     readonly FeatureToggle = FeatureToggle;
     readonly ProgrammingLanguage = ProgrammingLanguage;
 
@@ -76,17 +112,6 @@ export class CodeButtonComponent implements OnInit, OnChanges {
     readonly faExternalLink = faExternalLink;
     ideName: string;
 
-    constructor(
-        private translateService: TranslateService,
-        private externalCloningService: ExternalCloningService,
-        private sshUserSettingsService: SshUserSettingsService,
-        private accountService: AccountService,
-        private profileService: ProfileService,
-        private localStorage: LocalStorageService,
-        private participationService: ParticipationService,
-        private ideSettingsService: IdeSettingsService,
-    ) {}
-
     async ngOnInit() {
         const user = await this.accountService.identity();
         if (!user) {
diff --git a/src/main/webapp/app/shared/components/confirm-autofocus-button.component.ts b/src/main/webapp/app/shared/components/confirm-autofocus-button.component.ts
index eafa2aedcb26..3de259b12f99 100644
--- a/src/main/webapp/app/shared/components/confirm-autofocus-button.component.ts
+++ b/src/main/webapp/app/shared/components/confirm-autofocus-button.component.ts
@@ -1,14 +1,18 @@
-import { Component, EventEmitter, Input, Output, TemplateRef, ViewChild } from '@angular/core';
+import { Component, EventEmitter, Input, Output, TemplateRef, ViewChild, inject } from '@angular/core';
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { htmlForMarkdown } from 'app/shared/util/markdown.conversion.util';
 import { ConfirmAutofocusModalComponent } from 'app/shared/components/confirm-autofocus-modal.component';
+import { ButtonComponent } from './button.component';
 
 @Component({
     selector: 'jhi-confirm-button',
     templateUrl: './confirm-autofocus-button.component.html',
+    imports: [ButtonComponent],
 })
 export class ConfirmAutofocusButtonComponent {
+    private modalService = inject(NgbModal);
+
     @Input() icon: IconProp;
     @Input() title: string;
     @Input() tooltip: string;
@@ -25,8 +29,6 @@ export class ConfirmAutofocusButtonComponent {
 
     @ViewChild('content') content?: TemplateRef<any>;
 
-    constructor(private modalService: NgbModal) {}
-
     /**
      * open confirmation modal with text and title
      */
diff --git a/src/main/webapp/app/shared/components/confirm-autofocus-modal.component.ts b/src/main/webapp/app/shared/components/confirm-autofocus-modal.component.ts
index 567c0672ff16..53d74b778076 100644
--- a/src/main/webapp/app/shared/components/confirm-autofocus-modal.component.ts
+++ b/src/main/webapp/app/shared/components/confirm-autofocus-modal.component.ts
@@ -1,17 +1,21 @@
-import { Component, Input, TemplateRef } from '@angular/core';
+import { Component, Input, TemplateRef, inject } from '@angular/core';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
+import { NgTemplateOutlet } from '@angular/common';
+import { TranslateDirective } from '../language/translate.directive';
+import { ArtemisTranslatePipe } from '../pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-confirm-modal',
     templateUrl: './confirm-autofocus-modal.component.html',
+    imports: [NgTemplateOutlet, TranslateDirective, ArtemisTranslatePipe],
 })
 export class ConfirmAutofocusModalComponent {
+    modal = inject(NgbActiveModal);
+
     @Input() title: string;
     @Input() titleTranslationParams?: Record<string, string>;
     @Input() text: string;
     @Input() translateText: boolean;
     @Input() textIsMarkdown: boolean;
     @Input() contentRef?: TemplateRef<any>;
-
-    constructor(public modal: NgbActiveModal) {}
 }
diff --git a/src/main/webapp/app/shared/components/copy-icon-button/copy-icon-button.component.ts b/src/main/webapp/app/shared/components/copy-icon-button/copy-icon-button.component.ts
index 13259f59b364..e15ef10bdaa4 100644
--- a/src/main/webapp/app/shared/components/copy-icon-button/copy-icon-button.component.ts
+++ b/src/main/webapp/app/shared/components/copy-icon-button/copy-icon-button.component.ts
@@ -1,9 +1,14 @@
 import { Component, Input } from '@angular/core';
 import { faCopy } from '@fortawesome/free-regular-svg-icons';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { CdkCopyToClipboard } from '@angular/cdk/clipboard';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisTranslatePipe } from '../../pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-copy-icon-button',
     templateUrl: './copy-icon-button.component.html',
+    imports: [NgbTooltip, CdkCopyToClipboard, FaIconComponent, ArtemisTranslatePipe],
 })
 export class CopyIconButtonComponent {
     @Input() copyText: string;
diff --git a/src/main/webapp/app/shared/components/course-exam-archive-button/course-exam-archive-button.component.ts b/src/main/webapp/app/shared/components/course-exam-archive-button/course-exam-archive-button.component.ts
index a26b939ed089..46eb02356885 100644
--- a/src/main/webapp/app/shared/components/course-exam-archive-button/course-exam-archive-button.component.ts
+++ b/src/main/webapp/app/shared/components/course-exam-archive-button/course-exam-archive-button.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnDestroy, OnInit, TemplateRef, ViewChild } from '@angular/core';
+import { Component, Input, OnDestroy, OnInit, TemplateRef, ViewChild, inject } from '@angular/core';
 import { AlertService } from 'app/core/util/alert.service';
 import { CourseManagementService } from 'app/course/manage/course-management.service';
 import { JhiWebsocketService } from 'app/core/websocket/websocket.service';
@@ -15,6 +15,10 @@ import { Subject } from 'rxjs';
 import { AccountService } from 'app/core/auth/account.service';
 import { faArchive, faCircleNotch, faDownload, faEraser } from '@fortawesome/free-solid-svg-icons';
 import { FeatureToggle } from 'app/shared/feature-toggle/feature-toggle.service';
+import { TranslateDirective } from '../../language/translate.directive';
+import { FeatureToggleDirective } from '../../feature-toggle/feature-toggle.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { DeleteButtonDirective } from '../../delete-dialog/delete-button.directive';
 
 export type CourseExamArchiveState = {
     exportState: 'COMPLETED' | 'RUNNING' | 'COMPLETED_WITH_WARNINGS' | 'COMPLETED_WITH_ERRORS';
@@ -27,8 +31,17 @@ export type CourseExamArchiveState = {
     templateUrl: './course-exam-archive-button.component.html',
     styleUrls: ['./course-exam-archive-button.component.scss'],
     styles: [':host {display: contents}'],
+    imports: [TranslateDirective, FeatureToggleDirective, FaIconComponent, DeleteButtonDirective],
 })
 export class CourseExamArchiveButtonComponent implements OnInit, OnDestroy {
+    private courseService = inject(CourseManagementService);
+    private examService = inject(ExamManagementService);
+    private alertService = inject(AlertService);
+    private websocketService = inject(JhiWebsocketService);
+    private translateService = inject(TranslateService);
+    private modalService = inject(NgbModal);
+    private accountService = inject(AccountService);
+
     ButtonSize = ButtonSize;
     ActionType = ActionType;
     readonly FeatureToggle = FeatureToggle;
@@ -62,16 +75,6 @@ export class CourseExamArchiveButtonComponent implements OnInit, OnDestroy {
     faEraser = faEraser;
     faArchive = faArchive;
 
-    constructor(
-        private courseService: CourseManagementService,
-        private examService: ExamManagementService,
-        private alertService: AlertService,
-        private websocketService: JhiWebsocketService,
-        private translateService: TranslateService,
-        private modalService: NgbModal,
-        private accountService: AccountService,
-    ) {}
-
     ngOnInit() {
         if (!this.course && !this.exam) {
             // Component isn't initialized
diff --git a/src/main/webapp/app/shared/components/documentation-button/documentation-button.component.ts b/src/main/webapp/app/shared/components/documentation-button/documentation-button.component.ts
index 7724361d798e..3b22a87939d8 100644
--- a/src/main/webapp/app/shared/components/documentation-button/documentation-button.component.ts
+++ b/src/main/webapp/app/shared/components/documentation-button/documentation-button.component.ts
@@ -1,6 +1,8 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, inject } from '@angular/core';
 import { faCircleInfo } from '@fortawesome/free-solid-svg-icons';
 import { TranslateService } from '@ngx-translate/core';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 
 // The routes here are used to build the link to the documentation.
 // Therefore, it's important that they exactly match the url to the subpage of the documentation.
@@ -39,16 +41,17 @@ export type DocumentationType = keyof typeof DocumentationLinks;
             <fa-icon [icon]="faCircleInfo" ngbTooltip="{{ getTooltipForType() }}" />
         </a>
     `,
+    imports: [FaIconComponent, NgbTooltip],
 })
 export class DocumentationButtonComponent {
+    private translateService = inject(TranslateService);
+
     readonly BASE_URL = 'https://docs.artemis.cit.tum.de/user/';
     readonly faCircleInfo = faCircleInfo;
     readonly DocumentationLinks = DocumentationLinks;
 
     @Input() type: DocumentationType;
 
-    constructor(private translateService: TranslateService) {}
-
     getTooltipForType() {
         const typeKey = 'artemisApp.documentationLinks.' + this.type.toLowerCase();
         return this.translateService.instant('artemisApp.documentationLinks.prefix') + this.translateService.instant(typeKey);
diff --git a/src/main/webapp/app/shared/components/documentation-link/documentation-link.component.ts b/src/main/webapp/app/shared/components/documentation-link/documentation-link.component.ts
index 86f5d19aafb6..8c483d617500 100644
--- a/src/main/webapp/app/shared/components/documentation-link/documentation-link.component.ts
+++ b/src/main/webapp/app/shared/components/documentation-link/documentation-link.component.ts
@@ -12,7 +12,6 @@ export type DocumentationType = keyof typeof DocumentationLinks;
 
 @Component({
     selector: 'jhi-documentation-link',
-    standalone: true,
     templateUrl: './documentation-link.component.html',
     imports: [TranslateDirective],
 })
diff --git a/src/main/webapp/app/shared/components/exercise-action-button.component.ts b/src/main/webapp/app/shared/components/exercise-action-button.component.ts
index a67d8a354d60..37cc076ab7da 100644
--- a/src/main/webapp/app/shared/components/exercise-action-button.component.ts
+++ b/src/main/webapp/app/shared/components/exercise-action-button.component.ts
@@ -1,12 +1,14 @@
 import { Component, HostBinding, Input } from '@angular/core';
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgClass } from '@angular/common';
 
 @Component({
-    /* eslint-disable-next-line  @angular-eslint/component-selector */
     selector: 'button[jhi-exercise-action-button]',
     templateUrl: './exercise-action-button.component.html',
     styleUrls: ['../../overview/course-overview.scss'],
+    imports: [FaIconComponent, NgClass],
 })
 export class ExerciseActionButtonComponent {
     @Input() buttonIcon: IconProp;
@@ -14,6 +16,7 @@ export class ExerciseActionButtonComponent {
     @Input() hideLabelMobile = true;
     @Input() overwriteDisabled = false;
     @Input() buttonLoading = false;
+
     @HostBinding('class.btn-outline-primary') @Input() outlined = false;
     @HostBinding('class.btn-sm') @Input() smallButton = false;
     @HostBinding('class.btn') isButton = true;
diff --git a/src/main/webapp/app/shared/components/help-icon.component.ts b/src/main/webapp/app/shared/components/help-icon.component.ts
index b478c5f093aa..daf6956074e2 100644
--- a/src/main/webapp/app/shared/components/help-icon.component.ts
+++ b/src/main/webapp/app/shared/components/help-icon.component.ts
@@ -1,9 +1,13 @@
 import { Component, input } from '@angular/core';
 import { faQuestionCircle } from '@fortawesome/free-solid-svg-icons';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { ArtemisTranslatePipe } from '../pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-help-icon',
     template: ` <fa-icon [icon]="faQuestionCircle" class="text-secondary" [placement]="placement()" ngbTooltip="{{ text() | artemisTranslate }}" /> `,
+    imports: [FaIconComponent, NgbTooltip, ArtemisTranslatePipe],
 })
 export class HelpIconComponent {
     protected readonly faQuestionCircle = faQuestionCircle;
diff --git a/src/main/webapp/app/shared/components/not-released-tag.component.ts b/src/main/webapp/app/shared/components/not-released-tag.component.ts
index 9fdb0a54a3a7..a6789028e7e6 100644
--- a/src/main/webapp/app/shared/components/not-released-tag.component.ts
+++ b/src/main/webapp/app/shared/components/not-released-tag.component.ts
@@ -1,14 +1,19 @@
 import { Component, Input } from '@angular/core';
 import dayjs from 'dayjs/esm';
 import { Exercise } from 'app/entities/exercise.model';
+import { TranslateDirective } from '../language/translate.directive';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from '../pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-not-released-tag',
     templateUrl: './not-released-tag.component.html',
     styleUrls: ['./not-released-tag.component.scss'],
+    imports: [TranslateDirective, NgbTooltip, ArtemisDatePipe, ArtemisTranslatePipe],
 })
 export class NotReleasedTagComponent {
     @Input() public exercise: Exercise;
-    @Input() public noMargin: boolean = true;
+    @Input() public noMargin = true;
     readonly dayjs = dayjs;
 }
diff --git a/src/main/webapp/app/shared/components/open-code-editor-button/open-code-editor-button.component.ts b/src/main/webapp/app/shared/components/open-code-editor-button/open-code-editor-button.component.ts
index 10b32d55360e..0f939a33b201 100644
--- a/src/main/webapp/app/shared/components/open-code-editor-button/open-code-editor-button.component.ts
+++ b/src/main/webapp/app/shared/components/open-code-editor-button/open-code-editor-button.component.ts
@@ -1,15 +1,24 @@
-import { Component, Input, OnChanges } from '@angular/core';
+import { Component, Input, OnChanges, inject } from '@angular/core';
 import { FeatureToggle } from 'app/shared/feature-toggle/feature-toggle.service';
 import { faFolderOpen } from '@fortawesome/free-solid-svg-icons';
 import { ProgrammingExerciseStudentParticipation } from 'app/entities/participation/programming-exercise-student-participation.model';
 import { ParticipationService } from 'app/exercises/shared/participation/participation.service';
 import { Exercise } from 'app/entities/exercise.model';
+import { ExerciseActionButtonComponent } from '../exercise-action-button.component';
+import { FeatureToggleDirective } from '../../feature-toggle/feature-toggle.directive';
+import { RouterLink } from '@angular/router';
+import { NgbPopover } from '@ng-bootstrap/ng-bootstrap';
+import { TranslateDirective } from '../../language/translate.directive';
+import { ArtemisTranslatePipe } from '../../pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-open-code-editor-button',
     templateUrl: './open-code-editor-button.component.html',
+    imports: [ExerciseActionButtonComponent, FeatureToggleDirective, RouterLink, NgbPopover, TranslateDirective, ArtemisTranslatePipe],
 })
 export class OpenCodeEditorButtonComponent implements OnChanges {
+    private participationService = inject(ParticipationService);
+
     readonly FeatureToggle = FeatureToggle;
 
     @Input()
@@ -27,13 +36,11 @@ export class OpenCodeEditorButtonComponent implements OnChanges {
 
     courseAndExerciseNavigationUrl: string;
     activeParticipation: ProgrammingExerciseStudentParticipation;
-    isPracticeMode: boolean = true;
+    isPracticeMode = true;
 
     // Icons
     faFolderOpen = faFolderOpen;
 
-    constructor(private participationService: ParticipationService) {}
-
     ngOnChanges() {
         this.courseAndExerciseNavigationUrl = this.courseAndExerciseNavigationUrlSegment.reduce((acc, segment) => `${acc}/${segment}`);
         const shouldPreferPractice = this.participationService.shouldPreferPractice(this.exercise);
diff --git a/src/main/webapp/app/shared/components/reset-repo-button/reset-repo-button.component.ts b/src/main/webapp/app/shared/components/reset-repo-button/reset-repo-button.component.ts
index 07f7b5f7ca94..d512fac61c0e 100644
--- a/src/main/webapp/app/shared/components/reset-repo-button/reset-repo-button.component.ts
+++ b/src/main/webapp/app/shared/components/reset-repo-button/reset-repo-button.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input, OnInit, inject } from '@angular/core';
 import { FeatureToggle } from 'app/shared/feature-toggle/feature-toggle.service';
 import { faBackward } from '@fortawesome/free-solid-svg-icons';
 import { ParticipationService } from 'app/exercises/shared/participation/participation.service';
@@ -10,13 +10,25 @@ import { getExerciseDueDate } from 'app/exercises/shared/exercise/exercise.utils
 import { finalize } from 'rxjs/operators';
 import { AlertService } from 'app/core/util/alert.service';
 import dayjs from 'dayjs/esm';
+import { ExerciseActionButtonComponent } from '../exercise-action-button.component';
+import { FeatureToggleDirective } from '../../feature-toggle/feature-toggle.directive';
+import { NgbPopover } from '@ng-bootstrap/ng-bootstrap';
+import { FormsModule } from '@angular/forms';
+import { TranslateDirective } from '../../language/translate.directive';
+import { ConfirmEntityNameComponent } from '../../confirm-entity-name/confirm-entity-name.component';
+import { ArtemisTranslatePipe } from '../../pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-reset-repo-button',
     templateUrl: './reset-repo-button.component.html',
     styleUrls: ['./reset-repo-button.component.scss'],
+    imports: [ExerciseActionButtonComponent, FeatureToggleDirective, NgbPopover, FormsModule, TranslateDirective, ConfirmEntityNameComponent, ArtemisTranslatePipe],
 })
 export class ResetRepoButtonComponent implements OnInit {
+    private participationService = inject(ParticipationService);
+    private programmingExerciseParticipationService = inject(ProgrammingExerciseParticipationService);
+    private alertService = inject(AlertService);
+
     readonly FeatureToggle = FeatureToggle;
     readonly INITIALIZED = InitializationState.INITIALIZED;
 
@@ -31,12 +43,6 @@ export class ResetRepoButtonComponent implements OnInit {
 
     readonly faBackward = faBackward;
 
-    constructor(
-        private participationService: ParticipationService,
-        private programmingExerciseParticipationService: ProgrammingExerciseParticipationService,
-        private alertService: AlertService,
-    ) {}
-
     ngOnInit() {
         this.gradedParticipation = this.participationService.getSpecificStudentParticipation(this.participations, false);
         this.practiceParticipation = this.participationService.getSpecificStudentParticipation(this.participations, true);
diff --git a/src/main/webapp/app/shared/components/shared-component.module.ts b/src/main/webapp/app/shared/components/shared-component.module.ts
index 090ebcf99f3d..348ce82ef2b3 100644
--- a/src/main/webapp/app/shared/components/shared-component.module.ts
+++ b/src/main/webapp/app/shared/components/shared-component.module.ts
@@ -1,7 +1,7 @@
 import { NgModule } from '@angular/core';
 import { ChecklistCheckComponent } from 'app/shared/components/checklist-check/checklist-check.component';
 import { ArtemisSharedModule } from 'app/shared/shared.module';
-import { FeatureToggleModule } from 'app/shared/feature-toggle/feature-toggle.module';
+
 import { ConfirmAutofocusModalComponent } from 'app/shared/components/confirm-autofocus-modal.component';
 import { HelpIconComponent } from 'app/shared/components/help-icon.component';
 import { ButtonComponent } from 'app/shared/components/button.component';
@@ -24,8 +24,9 @@ import { ExerciseImportWrapperComponent } from 'app/exercises/shared/import/exer
 import { ConfirmAutofocusButtonComponent } from 'app/shared/components/confirm-autofocus-button.component';
 
 @NgModule({
-    imports: [ArtemisSharedModule, FeatureToggleModule, ClipboardModule],
-    declarations: [
+    imports: [
+        ArtemisSharedModule,
+        ClipboardModule,
         ButtonComponent,
         HelpIconComponent,
         ConfirmAutofocusButtonComponent,
diff --git a/src/main/webapp/app/shared/components/start-practice-mode-button/start-practice-mode-button.component.ts b/src/main/webapp/app/shared/components/start-practice-mode-button/start-practice-mode-button.component.ts
index 2601765baf68..1ec65a0fedee 100644
--- a/src/main/webapp/app/shared/components/start-practice-mode-button/start-practice-mode-button.component.ts
+++ b/src/main/webapp/app/shared/components/start-practice-mode-button/start-practice-mode-button.component.ts
@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { Component, EventEmitter, Input, OnInit, Output, inject } from '@angular/core';
 import { FeatureToggle } from 'app/shared/feature-toggle/feature-toggle.service';
 import { finalize } from 'rxjs/operators';
 import { faRedo } from '@fortawesome/free-solid-svg-icons';
@@ -9,21 +9,28 @@ import { AlertService } from 'app/core/util/alert.service';
 import { StudentParticipation } from 'app/entities/participation/student-participation.model';
 import { ParticipationService } from 'app/exercises/shared/participation/participation.service';
 import { InitializationState } from 'app/entities/participation/participation.model';
+import { ExerciseActionButtonComponent } from '../exercise-action-button.component';
+import { FeatureToggleDirective } from '../../feature-toggle/feature-toggle.directive';
+import { NgbPopover } from '@ng-bootstrap/ng-bootstrap';
+import { TranslateDirective } from '../../language/translate.directive';
+import { ArtemisTranslatePipe } from '../../pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-start-practice-mode-button',
     templateUrl: './start-practice-mode-button.component.html',
     styleUrls: ['./start-practice-mode-button.component.scss'],
+    imports: [ExerciseActionButtonComponent, FeatureToggleDirective, NgbPopover, TranslateDirective, ArtemisTranslatePipe],
 })
 export class StartPracticeModeButtonComponent implements OnInit {
+    private courseExerciseService = inject(CourseExerciseService);
+    private alertService = inject(AlertService);
+    private participationService = inject(ParticipationService);
+
     readonly FeatureToggle = FeatureToggle;
 
-    @Input()
-    smallButtons: boolean;
-    @Input()
-    exercise: Exercise;
-    @Output()
-    practiceModeStarted = new EventEmitter();
+    @Input() smallButtons: boolean;
+    @Input() exercise: Exercise;
+    @Output() practiceModeStarted = new EventEmitter();
 
     startingPracticeMode = false;
     gradedStudentParticipation?: StudentParticipation;
@@ -31,12 +38,6 @@ export class StartPracticeModeButtonComponent implements OnInit {
     // Icons
     faRedo = faRedo;
 
-    constructor(
-        private courseExerciseService: CourseExerciseService,
-        private alertService: AlertService,
-        private participationService: ParticipationService,
-    ) {}
-
     ngOnInit() {
         this.gradedStudentParticipation = this.participationService.getSpecificStudentParticipation(this.exercise.studentParticipations ?? [], false);
     }
diff --git a/src/main/webapp/app/shared/confirm-entity-name/confirm-entity-name.component.ts b/src/main/webapp/app/shared/confirm-entity-name/confirm-entity-name.component.ts
index deaad28cc270..ab3606332f75 100644
--- a/src/main/webapp/app/shared/confirm-entity-name/confirm-entity-name.component.ts
+++ b/src/main/webapp/app/shared/confirm-entity-name/confirm-entity-name.component.ts
@@ -1,6 +1,19 @@
-import { Component, Input, OnDestroy, OnInit } from '@angular/core';
-import { ControlValueAccessor, FormBuilder, FormControl, NG_VALIDATORS, NG_VALUE_ACCESSOR, ValidationErrors, Validator, Validators } from '@angular/forms';
+import { Component, Input, OnDestroy, OnInit, inject } from '@angular/core';
+import {
+    ControlValueAccessor,
+    FormBuilder,
+    FormControl,
+    FormsModule,
+    NG_VALIDATORS,
+    NG_VALUE_ACCESSOR,
+    ReactiveFormsModule,
+    ValidationErrors,
+    Validator,
+    Validators,
+} from '@angular/forms';
 import { Subscription } from 'rxjs';
+import { NgClass } from '@angular/common';
+import { TranslateDirective } from '../language/translate.directive';
 
 @Component({
     selector: 'jhi-confirm-entity-name',
@@ -18,8 +31,11 @@ import { Subscription } from 'rxjs';
             useExisting: ConfirmEntityNameComponent,
         },
     ],
+    imports: [NgClass, TranslateDirective, FormsModule, ReactiveFormsModule],
 })
 export class ConfirmEntityNameComponent implements OnInit, OnDestroy, ControlValueAccessor, Validator {
+    private fb = inject(FormBuilder);
+
     @Input() warningTextColor: string;
     @Input() confirmationText: string;
 
@@ -35,8 +51,6 @@ export class ConfirmEntityNameComponent implements OnInit, OnDestroy, ControlVal
 
     control: FormControl<string>;
 
-    constructor(private fb: FormBuilder) {}
-
     onTouched = () => {};
 
     private currentEntityName: string;
diff --git a/src/main/webapp/app/shared/confirm-icon/confirm-icon.component.ts b/src/main/webapp/app/shared/confirm-icon/confirm-icon.component.ts
index 99c7cff72c06..c49207839371 100644
--- a/src/main/webapp/app/shared/confirm-icon/confirm-icon.component.ts
+++ b/src/main/webapp/app/shared/confirm-icon/confirm-icon.component.ts
@@ -1,10 +1,14 @@
 import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { IconProp, SizeProp } from '@fortawesome/fontawesome-svg-core';
 import { faCheck, faTrash } from '@fortawesome/free-solid-svg-icons';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { NgClass } from '@angular/common';
 
 @Component({
     selector: 'jhi-confirm-icon',
     templateUrl: './confirm-icon.component.html',
+    imports: [FaIconComponent, NgbTooltip, NgClass],
 })
 export class ConfirmIconComponent {
     @Input() initialIcon = <IconProp>faTrash;
diff --git a/src/main/webapp/app/shared/confirm-icon/confirm-icon.module.ts b/src/main/webapp/app/shared/confirm-icon/confirm-icon.module.ts
index be7452db9232..eca910d538ca 100644
--- a/src/main/webapp/app/shared/confirm-icon/confirm-icon.module.ts
+++ b/src/main/webapp/app/shared/confirm-icon/confirm-icon.module.ts
@@ -4,8 +4,7 @@ import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { ConfirmIconComponent } from 'app/shared/confirm-icon/confirm-icon.component';
 
 @NgModule({
-    imports: [ArtemisSharedModule],
-    declarations: [ConfirmIconComponent],
+    imports: [ArtemisSharedModule, ConfirmIconComponent],
     exports: [ConfirmIconComponent],
 })
 export class ArtemisConfirmIconModule {}
diff --git a/src/main/webapp/app/shared/connection-status/connection-status.component.ts b/src/main/webapp/app/shared/connection-status/connection-status.component.ts
index 315cbfcb3254..b29faab0f34a 100644
--- a/src/main/webapp/app/shared/connection-status/connection-status.component.ts
+++ b/src/main/webapp/app/shared/connection-status/connection-status.component.ts
@@ -1,14 +1,20 @@
-import { Component, ContentChild, ElementRef, Input, OnDestroy, OnInit } from '@angular/core';
+import { Component, ContentChild, ElementRef, Input, OnDestroy, OnInit, inject } from '@angular/core';
 import { faCircle, faExclamation, faTowerBroadcast } from '@fortawesome/free-solid-svg-icons';
 import { Subscription } from 'rxjs';
 import { JhiWebsocketService } from 'app/core/websocket/websocket.service';
+import { NgClass } from '@angular/common';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from '../language/translate.directive';
 
 @Component({
     selector: 'jhi-connection-status',
     templateUrl: './connection-status.component.html',
     styleUrls: ['./connection-status.component.scss'],
+    imports: [NgClass, FaIconComponent, TranslateDirective],
 })
 export class JhiConnectionStatusComponent implements OnInit, OnDestroy {
+    private websocketService = inject(JhiWebsocketService);
+
     @ContentChild('innerContent', { static: false }) innerContent: ElementRef;
     @Input() isExamMode = false;
     disconnected = true;
@@ -19,8 +25,6 @@ export class JhiConnectionStatusComponent implements OnInit, OnDestroy {
     readonly faTowerBroadcast = faTowerBroadcast;
     readonly faExclamation = faExclamation;
 
-    constructor(private websocketService: JhiWebsocketService) {}
-
     ngOnInit() {
         // listen to connect / disconnect events
         this.websocketStatusSubscription = this.websocketService.connectionState.subscribe((status) => {
diff --git a/src/main/webapp/app/shared/connection-warning/connection-warning.component.ts b/src/main/webapp/app/shared/connection-warning/connection-warning.component.ts
index ce769ffe9e55..eae68db19f00 100644
--- a/src/main/webapp/app/shared/connection-warning/connection-warning.component.ts
+++ b/src/main/webapp/app/shared/connection-warning/connection-warning.component.ts
@@ -1,16 +1,24 @@
-import { Component, OnDestroy, OnInit, ViewChild } from '@angular/core';
+import { Component, OnDestroy, OnInit, ViewChild, inject } from '@angular/core';
 import { faExclamationCircle, faWifi } from '@fortawesome/free-solid-svg-icons';
 import { Subscription, filter } from 'rxjs';
 import { JhiWebsocketService } from 'app/core/websocket/websocket.service';
 import { NgbPopover } from '@ng-bootstrap/ng-bootstrap';
 import { NavigationEnd, Router } from '@angular/router';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from '../language/translate.directive';
+import { CloseCircleComponent } from '../close-circle/close-circle.component';
+import { NgClass } from '@angular/common';
 
 @Component({
     selector: 'jhi-connection-warning',
     templateUrl: './connection-warning.component.html',
     styleUrls: ['./connection-warning.component.scss'],
+    imports: [FaIconComponent, TranslateDirective, CloseCircleComponent, NgClass, NgbPopover],
 })
 export class JhiConnectionWarningComponent implements OnInit, OnDestroy {
+    private websocketService = inject(JhiWebsocketService);
+    private router = inject(Router);
+
     @ViewChild('popover') popover: NgbPopover;
 
     disconnected = false;
@@ -23,10 +31,9 @@ export class JhiConnectionWarningComponent implements OnInit, OnDestroy {
     faExclamationCircle = faExclamationCircle;
     faWifi = faWifi;
 
-    constructor(
-        private websocketService: JhiWebsocketService,
-        private router: Router,
-    ) {
+    constructor() {
+        const router = this.router;
+
         this.routerSubscription = router.events
             .pipe(filter((event) => event instanceof NavigationEnd))
             .subscribe((event: NavigationEnd) => (this.isOnExamParticipationPage = !!event.url.match('^/courses/\\d+/exams/\\d+')));
diff --git a/src/main/webapp/app/shared/consistency-check/consistency-check.component.ts b/src/main/webapp/app/shared/consistency-check/consistency-check.component.ts
index cfa9cf0ee405..fd5e650bfcb1 100644
--- a/src/main/webapp/app/shared/consistency-check/consistency-check.component.ts
+++ b/src/main/webapp/app/shared/consistency-check/consistency-check.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input, OnInit, inject } from '@angular/core';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { ConsistencyCheckService } from 'app/shared/consistency-check/consistency-check.service';
 import { AlertService } from 'app/core/util/alert.service';
@@ -6,12 +6,20 @@ import { ConsistencyCheckError } from 'app/entities/consistency-check-result.mod
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { getCourseId } from 'app/entities/exercise.model';
 import { faCheck, faTimes } from '@fortawesome/free-solid-svg-icons';
+import { TranslateDirective } from '../language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { RouterLink } from '@angular/router';
 
 @Component({
     selector: 'jhi-consistency-check',
     templateUrl: './consistency-check.component.html',
+    imports: [TranslateDirective, FaIconComponent, RouterLink],
 })
 export class ConsistencyCheckComponent implements OnInit {
+    private activeModal = inject(NgbActiveModal);
+    private consistencyCheckService = inject(ConsistencyCheckService);
+    private alertService = inject(AlertService);
+
     @Input() exercisesToCheck: ProgrammingExercise[];
 
     inconsistencies: ConsistencyCheckError[] = [];
@@ -21,12 +29,6 @@ export class ConsistencyCheckComponent implements OnInit {
     faTimes = faTimes;
     faCheck = faCheck;
 
-    constructor(
-        private activeModal: NgbActiveModal,
-        private consistencyCheckService: ConsistencyCheckService,
-        private alertService: AlertService,
-    ) {}
-
     ngOnInit(): void {
         this.isLoading = true;
         let exercisesRemaining = this.exercisesToCheck.length;
diff --git a/src/main/webapp/app/shared/consistency-check/consistency-check.service.ts b/src/main/webapp/app/shared/consistency-check/consistency-check.service.ts
index 856f74da4420..f815d44ebbcf 100644
--- a/src/main/webapp/app/shared/consistency-check/consistency-check.service.ts
+++ b/src/main/webapp/app/shared/consistency-check/consistency-check.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
 import { ConsistencyCheckError } from 'app/entities/consistency-check-result.model';
 
@@ -6,9 +6,9 @@ import { ConsistencyCheckError } from 'app/entities/consistency-check-result.mod
     providedIn: 'root',
 })
 export class ConsistencyCheckService {
-    private readonly RESOURCE_URL = 'api/programming-exercises';
+    private http = inject(HttpClient);
 
-    constructor(private http: HttpClient) {}
+    private readonly RESOURCE_URL = 'api/programming-exercises';
 
     /**
      * Request consistency checks for a given programming exercise
diff --git a/src/main/webapp/app/shared/course-group/course-group.component.ts b/src/main/webapp/app/shared/course-group/course-group.component.ts
index dfd4a21a995a..89de3bd26ca6 100644
--- a/src/main/webapp/app/shared/course-group/course-group.component.ts
+++ b/src/main/webapp/app/shared/course-group/course-group.component.ts
@@ -11,6 +11,13 @@ import { download, generateCsv, mkConfig } from 'export-to-csv';
 import { faDownload, faUserSlash } from '@fortawesome/free-solid-svg-icons';
 import { TutorialGroup } from 'app/entities/tutorial-group/tutorial-group.model';
 import { EMAIL_KEY, NAME_KEY, REGISTRATION_NUMBER_KEY, USERNAME_KEY } from 'app/shared/export/export-constants';
+import { UsersImportButtonComponent } from '../user-import/users-import-button.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from '../language/translate.directive';
+import { NgxDatatableModule } from '@siemens/ngx-datatable';
+import { RouterLink } from '@angular/router';
+import { ProfilePictureComponent } from '../profile-picture/profile-picture.component';
+import { DeleteButtonDirective } from '../delete-dialog/delete-button.directive';
 
 const cssClasses = {
     alreadyMember: 'already-member',
@@ -29,36 +36,25 @@ export type GroupUserInformationRow = {
     templateUrl: './course-group.component.html',
     styleUrls: ['./course-group.component.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [UsersImportButtonComponent, FaIconComponent, TranslateDirective, DataTableComponent, NgxDatatableModule, RouterLink, ProfilePictureComponent, DeleteButtonDirective],
 })
 export class CourseGroupComponent implements OnDestroy {
     @ViewChild(DataTableComponent) dataTable: DataTableComponent;
 
-    @Input()
-    allGroupUsers: User[] = [];
-    @Input()
-    isLoadingAllGroupUsers = false;
-    @Input()
-    isAdmin = false;
-    @Input()
-    course: Course;
-    @Input()
-    tutorialGroup: TutorialGroup | undefined = undefined;
-    @Input()
-    courseGroup: CourseGroup;
-    @Input()
-    exportFileName: string;
+    @Input() allGroupUsers: User[] = [];
+    @Input() isLoadingAllGroupUsers = false;
+    @Input() isAdmin = false;
+    @Input() course: Course;
+    @Input() tutorialGroup: TutorialGroup | undefined = undefined;
+    @Input() courseGroup: CourseGroup;
+    @Input() exportFileName: string;
 
-    @Input()
-    userSearch: (loginOrName: string) => Observable<HttpResponse<User[]>> = () => of(new HttpResponse<User[]>({ body: [] }));
-    @Input()
-    addUserToGroup: (login: string) => Observable<HttpResponse<void>> = () => of(new HttpResponse<void>());
-    @Input()
-    removeUserFromGroup: (login: string) => Observable<HttpResponse<void>> = () => of(new HttpResponse<void>());
-    @Input()
-    handleUsersSizeChange: (filteredUsersSize: number) => void = () => {};
+    @Input() userSearch: (loginOrName: string) => Observable<HttpResponse<User[]>> = () => of(new HttpResponse<User[]>({ body: [] }));
+    @Input() addUserToGroup: (login: string) => Observable<HttpResponse<void>> = () => of(new HttpResponse<void>());
+    @Input() removeUserFromGroup: (login: string) => Observable<HttpResponse<void>> = () => of(new HttpResponse<void>());
+    @Input() handleUsersSizeChange: (filteredUsersSize: number) => void = () => {};
 
-    @Output()
-    importFinish: EventEmitter<void> = new EventEmitter();
+    @Output() importFinish: EventEmitter<void> = new EventEmitter();
 
     readonly ActionType = ActionType;
 
diff --git a/src/main/webapp/app/shared/course-group/course-group.module.ts b/src/main/webapp/app/shared/course-group/course-group.module.ts
index 0c145b7ad00c..04b531f5a7d7 100644
--- a/src/main/webapp/app/shared/course-group/course-group.module.ts
+++ b/src/main/webapp/app/shared/course-group/course-group.module.ts
@@ -8,8 +8,7 @@ import { RouterModule } from '@angular/router';
 import { ProfilePictureComponent } from 'app/shared/profile-picture/profile-picture.component';
 
 @NgModule({
-    imports: [ArtemisDataTableModule, UserImportModule, NgxDatatableModule, ArtemisSharedModule, RouterModule, ProfilePictureComponent],
-    declarations: [CourseGroupComponent],
+    imports: [ArtemisDataTableModule, UserImportModule, NgxDatatableModule, ArtemisSharedModule, RouterModule, ProfilePictureComponent, CourseGroupComponent],
     exports: [CourseGroupComponent],
 })
 export class ArtemisCourseGroupModule {}
diff --git a/src/main/webapp/app/shared/course-users-selector/course-users-selector.component.ts b/src/main/webapp/app/shared/course-users-selector/course-users-selector.component.ts
index ad8fc16d851f..5b206edda6d3 100644
--- a/src/main/webapp/app/shared/course-users-selector/course-users-selector.component.ts
+++ b/src/main/webapp/app/shared/course-users-selector/course-users-selector.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, Component, ElementRef, HostBinding, Input, OnDestroy, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
+import { ChangeDetectorRef, Component, ElementRef, HostBinding, Input, OnDestroy, OnInit, ViewChild, ViewEncapsulation, inject } from '@angular/core';
 import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { Observable, OperatorFunction, Subject, catchError, map, of } from 'rxjs';
 import { CourseManagementService } from 'app/course/manage/course-management.service';
@@ -6,6 +6,10 @@ import { debounceTime, distinctUntilChanged, filter, switchMap, takeUntil, tap }
 import { User, UserPublicInfoDTO } from 'app/core/user/user.model';
 import { NgbTypeahead, NgbTypeaheadSelectItemEvent } from '@ng-bootstrap/ng-bootstrap';
 import { faX } from '@fortawesome/free-solid-svg-icons';
+import { ProfilePictureComponent } from '../profile-picture/profile-picture.component';
+import { TranslateDirective } from '../language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisTranslatePipe } from '../pipes/artemis-translate.pipe';
 
 let selectorId = 0;
 
@@ -33,8 +37,12 @@ export type SearchRoleGroup = 'tutors' | 'students' | 'instructors';
         },
     ],
     encapsulation: ViewEncapsulation.None,
+    imports: [NgbTypeahead, ProfilePictureComponent, TranslateDirective, FaIconComponent, ArtemisTranslatePipe],
 })
 export class CourseUsersSelectorComponent implements ControlValueAccessor, OnInit, OnDestroy {
+    private courseManagementService = inject(CourseManagementService);
+    private cdr = inject(ChangeDetectorRef);
+
     @HostBinding('class.course-users-selector') hostClass = true;
 
     private ngUnsubscribe = new Subject<void>();
@@ -68,11 +76,6 @@ export class CourseUsersSelectorComponent implements ControlValueAccessor, OnIni
     isSearching = false;
     searchFailed = false;
 
-    constructor(
-        private courseManagementService: CourseManagementService,
-        private cdr: ChangeDetectorRef,
-    ) {}
-
     ngOnInit(): void {
         if (this.rolesToAllowSearchingIn.includes('students')) {
             this.searchStudents = true;
diff --git a/src/main/webapp/app/shared/course-users-selector/course-users-selector.module.ts b/src/main/webapp/app/shared/course-users-selector/course-users-selector.module.ts
index 8c47180607d0..82e2cf35a168 100644
--- a/src/main/webapp/app/shared/course-users-selector/course-users-selector.module.ts
+++ b/src/main/webapp/app/shared/course-users-selector/course-users-selector.module.ts
@@ -7,8 +7,7 @@ import { CourseUsersSelectorComponent } from 'app/shared/course-users-selector/c
 import { ProfilePictureComponent } from 'app/shared/profile-picture/profile-picture.component';
 
 @NgModule({
-    imports: [CommonModule, FormsModule, ReactiveFormsModule, ArtemisSharedModule, ArtemisSharedComponentModule, ProfilePictureComponent],
+    imports: [CommonModule, FormsModule, ReactiveFormsModule, ArtemisSharedModule, ArtemisSharedComponentModule, ProfilePictureComponent, CourseUsersSelectorComponent],
     exports: [CourseUsersSelectorComponent],
-    declarations: [CourseUsersSelectorComponent],
 })
 export class CourseUsersSelectorModule {}
diff --git a/src/main/webapp/app/shared/dashboards/tutor-leaderboard/tutor-leaderboard.component.ts b/src/main/webapp/app/shared/dashboards/tutor-leaderboard/tutor-leaderboard.component.ts
index da1cc727af85..1b47574ca74d 100644
--- a/src/main/webapp/app/shared/dashboards/tutor-leaderboard/tutor-leaderboard.component.ts
+++ b/src/main/webapp/app/shared/dashboards/tutor-leaderboard/tutor-leaderboard.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input, OnInit, inject } from '@angular/core';
 import { TutorLeaderboardElement } from 'app/shared/dashboards/tutor-leaderboard/tutor-leaderboard.model';
 import { Course } from 'app/entities/course.model';
 import { Exercise, getCourseFromExercise } from 'app/entities/exercise.model';
@@ -6,12 +6,23 @@ import { AccountService } from 'app/core/auth/account.service';
 import { SortService } from 'app/shared/service/sort.service';
 import { Exam } from 'app/entities/exam/exam.model';
 import { faExclamationTriangle, faSort } from '@fortawesome/free-solid-svg-icons';
+import { SortDirective } from '../../sort/sort.directive';
+import { SortByDirective } from '../../sort/sort-by.directive';
+import { TranslateDirective } from '../../language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { RouterLink } from '@angular/router';
+import { ArtemisTranslatePipe } from '../../pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-tutor-leaderboard',
     templateUrl: './tutor-leaderboard.component.html',
+    imports: [SortDirective, SortByDirective, TranslateDirective, FaIconComponent, NgbTooltip, RouterLink, ArtemisTranslatePipe],
 })
 export class TutorLeaderboardComponent implements OnInit {
+    private accountService = inject(AccountService);
+    private sortService = inject(SortService);
+
     @Input() public tutorsData: TutorLeaderboardElement[] = [];
     @Input() public course?: Course;
     @Input() public exercise?: Exercise;
@@ -26,11 +37,6 @@ export class TutorLeaderboardComponent implements OnInit {
     faSort = faSort;
     faExclamationTriangle = faExclamationTriangle;
 
-    constructor(
-        private accountService: AccountService,
-        private sortService: SortService,
-    ) {}
-
     /**
      * Life cycle hook called by Angular to indicate that Angular is done creating the component
      */
diff --git a/src/main/webapp/app/shared/dashboards/tutor-leaderboard/tutor-leaderboard.model.ts b/src/main/webapp/app/shared/dashboards/tutor-leaderboard/tutor-leaderboard.model.ts
index b1879e6a1565..703227c5c509 100644
--- a/src/main/webapp/app/shared/dashboards/tutor-leaderboard/tutor-leaderboard.model.ts
+++ b/src/main/webapp/app/shared/dashboards/tutor-leaderboard/tutor-leaderboard.model.ts
@@ -13,6 +13,4 @@ export class TutorLeaderboardElement {
     public averageRating = 0;
     public numberOfTutorRatings = 0;
     public hasIssuesWithPerformance = false;
-
-    constructor() {}
 }
diff --git a/src/main/webapp/app/shared/dashboards/tutor-leaderboard/tutor-leaderboard.module.ts b/src/main/webapp/app/shared/dashboards/tutor-leaderboard/tutor-leaderboard.module.ts
index 2ae12d1ef528..e916a735f163 100644
--- a/src/main/webapp/app/shared/dashboards/tutor-leaderboard/tutor-leaderboard.module.ts
+++ b/src/main/webapp/app/shared/dashboards/tutor-leaderboard/tutor-leaderboard.module.ts
@@ -4,8 +4,7 @@ import { TutorLeaderboardComponent } from 'app/shared/dashboards/tutor-leaderboa
 import { ArtemisSharedModule } from 'app/shared/shared.module';
 
 @NgModule({
-    imports: [ArtemisSharedModule, RouterModule.forChild([])],
-    declarations: [TutorLeaderboardComponent],
+    imports: [ArtemisSharedModule, RouterModule.forChild([]), TutorLeaderboardComponent],
     exports: [TutorLeaderboardComponent],
 })
 export class ArtemisTutorLeaderboardModule {}
diff --git a/src/main/webapp/app/shared/dashboards/tutor-participation-graph/progress-bar/progress-bar.component.ts b/src/main/webapp/app/shared/dashboards/tutor-participation-graph/progress-bar/progress-bar.component.ts
index 1da8f8762db0..1ef2547dff79 100644
--- a/src/main/webapp/app/shared/dashboards/tutor-participation-graph/progress-bar/progress-bar.component.ts
+++ b/src/main/webapp/app/shared/dashboards/tutor-participation-graph/progress-bar/progress-bar.component.ts
@@ -1,14 +1,20 @@
-import { ChangeDetectorRef, Component, Input, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { ChangeDetectorRef, Component, Input, OnChanges, OnDestroy, SimpleChanges, inject } from '@angular/core';
 import { round } from 'app/shared/util/utils';
 import { Theme, ThemeService } from 'app/core/theme/theme.service';
 import { Subscription } from 'rxjs';
 import { toObservable } from '@angular/core/rxjs-interop';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { NgClass } from '@angular/common';
 
 @Component({
     selector: 'jhi-progress-bar',
     templateUrl: './progress-bar.component.html',
+    imports: [NgbTooltip, NgClass],
 })
 export class ProgressBarComponent implements OnChanges, OnDestroy {
+    private themeService = inject(ThemeService);
+    private ref = inject(ChangeDetectorRef);
+
     @Input() public tooltip: string;
     @Input() public percentage: number;
     @Input() public numerator: number;
@@ -18,10 +24,7 @@ export class ProgressBarComponent implements OnChanges, OnDestroy {
     backgroundColorClass: string;
     themeSubscription: Subscription;
 
-    constructor(
-        private themeService: ThemeService,
-        private ref: ChangeDetectorRef,
-    ) {
+    constructor() {
         this.themeSubscription = toObservable(this.themeService.currentTheme).subscribe(() => {
             this.chooseProgressBarTextColor();
 
diff --git a/src/main/webapp/app/shared/dashboards/tutor-participation-graph/tutor-participation-graph.component.ts b/src/main/webapp/app/shared/dashboards/tutor-participation-graph/tutor-participation-graph.component.ts
index e1da8a6b0498..f287c64dbf9b 100644
--- a/src/main/webapp/app/shared/dashboards/tutor-participation-graph/tutor-participation-graph.component.ts
+++ b/src/main/webapp/app/shared/dashboards/tutor-participation-graph/tutor-participation-graph.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnChanges, OnInit, SimpleChanges, ViewEncapsulation } from '@angular/core';
+import { Component, Input, OnChanges, OnInit, SimpleChanges, ViewEncapsulation, inject } from '@angular/core';
 import { Router } from '@angular/router';
 import { get } from 'lodash-es';
 import { Exercise, ExerciseType } from 'app/entities/exercise.model';
@@ -6,14 +6,22 @@ import { TutorParticipation, TutorParticipationStatus } from 'app/entities/parti
 import { DueDateStat } from 'app/course/dashboards/due-date-stat.model';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { faBook, faChalkboardTeacher } from '@fortawesome/free-solid-svg-icons';
+import { NgClass } from '@angular/common';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ProgressBarComponent } from './progress-bar/progress-bar.component';
+import { ArtemisTranslatePipe } from '../../pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-tutor-participation-graph',
     templateUrl: './tutor-participation-graph.component.html',
     styleUrls: ['./tutor-participation-graph.component.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [NgClass, NgbTooltip, FaIconComponent, ProgressBarComponent, ArtemisTranslatePipe],
 })
 export class TutorParticipationGraphComponent implements OnInit, OnChanges {
+    private router = inject(Router);
+
     @Input() public tutorParticipation: TutorParticipation;
     @Input() public numberOfSubmissions?: DueDateStat;
     @Input() public totalNumberOfAssessments?: DueDateStat;
@@ -45,8 +53,6 @@ export class TutorParticipationGraphComponent implements OnInit, OnChanges {
     faBook = faBook;
     faChalkboardTeacher = faChalkboardTeacher;
 
-    constructor(private router: Router) {}
-
     /**
      * Life cycle hook called by Angular to indicate that Angular is done creating the component
      */
diff --git a/src/main/webapp/app/shared/dashboards/tutor-participation-graph/tutor-participation-graph.module.ts b/src/main/webapp/app/shared/dashboards/tutor-participation-graph/tutor-participation-graph.module.ts
index 924d1309a53e..2d89e4d91c0a 100644
--- a/src/main/webapp/app/shared/dashboards/tutor-participation-graph/tutor-participation-graph.module.ts
+++ b/src/main/webapp/app/shared/dashboards/tutor-participation-graph/tutor-participation-graph.module.ts
@@ -4,8 +4,7 @@ import { TutorParticipationGraphComponent } from 'app/shared/dashboards/tutor-pa
 import { ArtemisSharedModule } from 'app/shared/shared.module';
 
 @NgModule({
-    imports: [ArtemisSharedModule],
-    declarations: [ProgressBarComponent, TutorParticipationGraphComponent],
+    imports: [ArtemisSharedModule, ProgressBarComponent, TutorParticipationGraphComponent],
     exports: [TutorParticipationGraphComponent, ProgressBarComponent],
 })
 export class ArtemisTutorParticipationGraphModule {}
diff --git a/src/main/webapp/app/shared/data-table/data-table.component.ts b/src/main/webapp/app/shared/data-table/data-table.component.ts
index 60c93ef5d313..33370b27379c 100644
--- a/src/main/webapp/app/shared/data-table/data-table.component.ts
+++ b/src/main/webapp/app/shared/data-table/data-table.component.ts
@@ -1,4 +1,18 @@
-import { Component, ContentChild, ElementRef, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core';
+import {
+    Component,
+    ContentChild,
+    ElementRef,
+    EventEmitter,
+    Input,
+    OnChanges,
+    OnInit,
+    Output,
+    SimpleChanges,
+    TemplateRef,
+    ViewChild,
+    ViewEncapsulation,
+    inject,
+} from '@angular/core';
 import { debounceTime, distinctUntilChanged, map, tap } from 'rxjs/operators';
 import { Observable } from 'rxjs';
 import { ColumnMode, SortType } from '@siemens/ngx-datatable';
@@ -7,6 +21,11 @@ import { BaseEntity, StringBaseEntity } from 'app/shared/model/base-entity';
 import { LocalStorageService } from 'ngx-webstorage';
 import { SortService } from 'app/shared/service/sort.service';
 import { faCircleNotch, faSort, faSortDown, faSortUp } from '@fortawesome/free-solid-svg-icons';
+import { NgbDropdown, NgbDropdownButtonItem, NgbDropdownItem, NgbDropdownMenu, NgbDropdownToggle, NgbTypeahead } from '@ng-bootstrap/ng-bootstrap';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from '../language/translate.directive';
+import { NgTemplateOutlet } from '@angular/common';
+import { ArtemisTranslatePipe } from '../pipes/artemis-translate.pipe';
 
 /**
  * Enum for ascending and descending order.
@@ -46,8 +65,23 @@ type PagingValue = number | 'all';
     templateUrl: './data-table.component.html',
     styleUrls: ['data-table.component.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [
+        NgbDropdown,
+        NgbDropdownToggle,
+        NgbDropdownMenu,
+        NgbDropdownButtonItem,
+        NgbDropdownItem,
+        NgbTypeahead,
+        FaIconComponent,
+        TranslateDirective,
+        NgTemplateOutlet,
+        ArtemisTranslatePipe,
+    ],
 })
 export class DataTableComponent implements OnInit, OnChanges {
+    private sortService = inject(SortService);
+    private localStorage = inject(LocalStorageService);
+
     /**
      * @property templateRef Ref to the content child of this component (which is ngx-datatable)
      */
@@ -145,10 +179,7 @@ export class DataTableComponent implements OnInit, OnChanges {
     // Icons
     faCircleNotch = faCircleNotch;
 
-    constructor(
-        private sortService: SortService,
-        private localStorage: LocalStorageService,
-    ) {
+    constructor() {
         this.entities = [];
         this.entityCriteria = {
             textSearch: [],
diff --git a/src/main/webapp/app/shared/data-table/data-table.module.ts b/src/main/webapp/app/shared/data-table/data-table.module.ts
index 1740b6af5d49..067d3c6f1b20 100644
--- a/src/main/webapp/app/shared/data-table/data-table.module.ts
+++ b/src/main/webapp/app/shared/data-table/data-table.module.ts
@@ -4,8 +4,7 @@ import { NgxDatatableModule } from '@siemens/ngx-datatable';
 import { DataTableComponent } from './data-table.component';
 
 @NgModule({
-    imports: [ArtemisSharedModule, NgxDatatableModule],
-    declarations: [DataTableComponent],
+    imports: [ArtemisSharedModule, NgxDatatableModule, DataTableComponent],
     exports: [DataTableComponent],
 })
 export class ArtemisDataTableModule {}
diff --git a/src/main/webapp/app/shared/date-time-picker/date-time-picker.component.ts b/src/main/webapp/app/shared/date-time-picker/date-time-picker.component.ts
index 78d1f46b9a11..8a685019ece1 100644
--- a/src/main/webapp/app/shared/date-time-picker/date-time-picker.component.ts
+++ b/src/main/webapp/app/shared/date-time-picker/date-time-picker.component.ts
@@ -1,7 +1,13 @@
 import { Component, ViewChild, computed, forwardRef, input, model, output, signal } from '@angular/core';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR, NgModel } from '@angular/forms';
+import { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR, NgModel } from '@angular/forms';
 import { faCalendarAlt, faCircleXmark, faClock, faGlobe, faQuestionCircle, faTriangleExclamation } from '@fortawesome/free-solid-svg-icons';
 import dayjs from 'dayjs/esm';
+import { FaIconComponent, FaStackComponent, FaStackItemSizeDirective } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { OwlDateTimeModule } from '@danielmoncada/angular-datetime-picker';
+import { NgClass, NgTemplateOutlet } from '@angular/common';
+import { TranslateDirective } from '../language/translate.directive';
+import { ArtemisTranslatePipe } from '../pipes/artemis-translate.pipe';
 
 export enum DateTimePickerType {
     CALENDAR,
@@ -20,6 +26,18 @@ export enum DateTimePickerType {
             useExisting: forwardRef(() => FormDateTimePickerComponent),
         },
     ],
+    imports: [
+        FaStackComponent,
+        NgbTooltip,
+        FaIconComponent,
+        FaStackItemSizeDirective,
+        FormsModule,
+        OwlDateTimeModule,
+        NgClass,
+        NgTemplateOutlet,
+        TranslateDirective,
+        ArtemisTranslatePipe,
+    ],
 })
 export class FormDateTimePickerComponent implements ControlValueAccessor {
     protected readonly faCalendarAlt = faCalendarAlt;
diff --git a/src/main/webapp/app/shared/date-time-picker/date-time-picker.module.ts b/src/main/webapp/app/shared/date-time-picker/date-time-picker.module.ts
index 682a28393f44..8c4b84c7b3d9 100644
--- a/src/main/webapp/app/shared/date-time-picker/date-time-picker.module.ts
+++ b/src/main/webapp/app/shared/date-time-picker/date-time-picker.module.ts
@@ -15,9 +15,17 @@ export const MY_NATIVE_FORMATS = {
     monthYearA11yLabel: { year: 'numeric', month: 'long' },
 };
 @NgModule({
-    imports: [CommonModule, FormsModule, OwlDateTimeModule, OwlNativeDateTimeModule, ReactiveFormsModule, ArtemisSharedModule, ArtemisSharedComponentModule],
+    imports: [
+        CommonModule,
+        FormsModule,
+        OwlDateTimeModule,
+        OwlNativeDateTimeModule,
+        ReactiveFormsModule,
+        ArtemisSharedModule,
+        ArtemisSharedComponentModule,
+        FormDateTimePickerComponent,
+    ],
     exports: [FormDateTimePickerComponent],
-    declarations: [FormDateTimePickerComponent],
     providers: [{ provide: OWL_DATE_TIME_FORMATS, useValue: MY_NATIVE_FORMATS }],
 })
 export class FormDateTimePickerModule {}
diff --git a/src/main/webapp/app/shared/delete-dialog/delete-button.directive.ts b/src/main/webapp/app/shared/delete-dialog/delete-button.directive.ts
index 6fe508245dc8..adcd403a4243 100644
--- a/src/main/webapp/app/shared/delete-dialog/delete-button.directive.ts
+++ b/src/main/webapp/app/shared/delete-dialog/delete-button.directive.ts
@@ -1,5 +1,5 @@
 import { DeleteDialogService } from 'app/shared/delete-dialog/delete-dialog.service';
-import { Directive, ElementRef, EventEmitter, HostListener, Input, OnInit, Output, Renderer2 } from '@angular/core';
+import { Directive, ElementRef, EventEmitter, HostListener, Input, OnInit, Output, Renderer2, inject } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import { ActionType, DeleteDialogData, EntitySummary } from 'app/shared/delete-dialog/delete-dialog.model';
 import { Observable } from 'rxjs';
@@ -7,6 +7,11 @@ import { ButtonSize, ButtonType } from 'app/shared/components/button.component';
 
 @Directive({ selector: '[jhiDeleteButton]' })
 export class DeleteButtonDirective implements OnInit {
+    private deleteDialogService = inject(DeleteDialogService);
+    private renderer = inject(Renderer2);
+    private elementRef = inject(ElementRef);
+    private translateService = inject(TranslateService);
+
     @Input() entityTitle?: string;
     @Input() deleteQuestion: string;
     @Input() entitySummaryTitle?: string;
@@ -26,13 +31,6 @@ export class DeleteButtonDirective implements OnInit {
 
     deleteTextSpan: HTMLElement;
 
-    constructor(
-        private deleteDialogService: DeleteDialogService,
-        private renderer: Renderer2,
-        private elementRef: ElementRef,
-        private translateService: TranslateService,
-    ) {}
-
     /**
      * This method appends classes and type property to the button on which directive was used, additionally adds a span tag with delete text.
      * We can't use component, as Angular would wrap it in its own tag and this will break button grouping that we are using for other buttons.
diff --git a/src/main/webapp/app/shared/delete-dialog/delete-dialog.component.ts b/src/main/webapp/app/shared/delete-dialog/delete-dialog.component.ts
index 0a85965d0b38..f7e1756c0ca8 100644
--- a/src/main/webapp/app/shared/delete-dialog/delete-dialog.component.ts
+++ b/src/main/webapp/app/shared/delete-dialog/delete-dialog.component.ts
@@ -1,4 +1,4 @@
-import { Component, EventEmitter, OnDestroy, OnInit, Output, ViewChild } from '@angular/core';
+import { Component, EventEmitter, OnDestroy, OnInit, Output, ViewChild, inject } from '@angular/core';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { mapValues } from 'lodash-es';
 import { ActionType, EntitySummary } from 'app/shared/delete-dialog/delete-dialog.model';
@@ -6,13 +6,22 @@ import { Observable, Subscription } from 'rxjs';
 import { AlertService } from 'app/core/util/alert.service';
 import { faBan, faCheck, faSpinner, faTimes, faTrash, faUndo } from '@fortawesome/free-solid-svg-icons';
 import { ButtonType } from 'app/shared/components/button.component';
-import { NgForm } from '@angular/forms';
+import { FormsModule, NgForm } from '@angular/forms';
+import { TranslateDirective } from '../language/translate.directive';
+import { ConfirmEntityNameComponent } from '../confirm-entity-name/confirm-entity-name.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgClass } from '@angular/common';
+import { ArtemisTranslatePipe } from '../pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-delete-dialog',
     templateUrl: './delete-dialog.component.html',
+    imports: [FormsModule, TranslateDirective, ConfirmEntityNameComponent, FaIconComponent, NgClass, ArtemisTranslatePipe],
 })
 export class DeleteDialogComponent implements OnInit, OnDestroy {
+    private activeModal = inject(NgbActiveModal);
+    private alertService = inject(AlertService);
+
     readonly actionTypes = ActionType;
     private dialogErrorSubscription: Subscription;
     dialogError: Observable<string>;
@@ -47,11 +56,6 @@ export class DeleteDialogComponent implements OnInit, OnDestroy {
     faUndo = faUndo;
     warningTextColor: string;
 
-    constructor(
-        private activeModal: NgbActiveModal,
-        private alertService: AlertService,
-    ) {}
-
     /**
      * Life cycle hook called by Angular to indicate that Angular is done creating the component
      */
diff --git a/src/main/webapp/app/shared/delete-dialog/delete-dialog.service.ts b/src/main/webapp/app/shared/delete-dialog/delete-dialog.service.ts
index 02ab549f82a8..1ee27173cf78 100644
--- a/src/main/webapp/app/shared/delete-dialog/delete-dialog.service.ts
+++ b/src/main/webapp/app/shared/delete-dialog/delete-dialog.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { DeleteDialogComponent } from 'app/shared/delete-dialog/delete-dialog.component';
 import { DeleteDialogData, EntitySummary } from 'app/shared/delete-dialog/delete-dialog.model';
@@ -8,12 +8,10 @@ import { HttpErrorResponse } from '@angular/common/http';
 
 @Injectable({ providedIn: 'root' })
 export class DeleteDialogService {
-    modalRef: NgbModalRef | null;
+    private modalService = inject(NgbModal);
+    alertService = inject(AlertService);
 
-    constructor(
-        private modalService: NgbModal,
-        public alertService: AlertService,
-    ) {}
+    modalRef: NgbModalRef | null;
 
     /**
      * Opens delete dialog
diff --git a/src/main/webapp/app/shared/detail-overview-navigation-bar/detail-overview-navigation-bar.component.ts b/src/main/webapp/app/shared/detail-overview-navigation-bar/detail-overview-navigation-bar.component.ts
index e9eb25918015..60627b646794 100644
--- a/src/main/webapp/app/shared/detail-overview-navigation-bar/detail-overview-navigation-bar.component.ts
+++ b/src/main/webapp/app/shared/detail-overview-navigation-bar/detail-overview-navigation-bar.component.ts
@@ -1,10 +1,12 @@
 import { AfterViewInit, Component, HostListener, Input } from '@angular/core';
 import { updateHeaderHeight } from 'app/shared/util/navbar.util';
+import { ArtemisTranslatePipe } from '../pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-detail-overview-navigation-bar',
     templateUrl: './detail-overview-navigation-bar.component.html',
     styleUrls: ['./detail-overview-navigation-bar.scss'],
+    imports: [ArtemisTranslatePipe],
 })
 export class DetailOverviewNavigationBarComponent implements AfterViewInit {
     @Input()
diff --git a/src/main/webapp/app/shared/difficulty-level/difficulty-level.component.ts b/src/main/webapp/app/shared/difficulty-level/difficulty-level.component.ts
index 69af618315e3..b2cd741d3ea2 100644
--- a/src/main/webapp/app/shared/difficulty-level/difficulty-level.component.ts
+++ b/src/main/webapp/app/shared/difficulty-level/difficulty-level.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnDestroy, OnInit } from '@angular/core';
+import { Component, Input, OnDestroy, OnInit, inject } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import { DifficultyLevel } from 'app/entities/exercise.model';
 import { Subscription } from 'rxjs';
@@ -13,16 +13,15 @@ export interface ColoredDifficultyLevel {
     selector: 'jhi-difficulty-level',
     templateUrl: './difficulty-level.component.html',
     styleUrls: ['./difficulty-level.component.scss'],
-    standalone: true,
     imports: [ArtemisSharedModule, ArtemisSharedComponentModule],
 })
 export class DifficultyLevelComponent implements OnInit, OnDestroy {
+    private translateService = inject(TranslateService);
+
     private translateSubscription: Subscription;
     @Input() difficultyLevel: string;
     coloredDifficultyLevel: ColoredDifficultyLevel = { label: '', color: [] };
 
-    constructor(private translateService: TranslateService) {}
-
     ngOnInit(): void {
         this.translateSubscription = this.translateService.onLangChange.subscribe(() => {
             this.mapDifficultyLevelToColors(this.difficultyLevel);
diff --git a/src/main/webapp/app/shared/exercise-categories/custom-exercise-category-badge/custom-exercise-category-badge.component.ts b/src/main/webapp/app/shared/exercise-categories/custom-exercise-category-badge/custom-exercise-category-badge.component.ts
index aec203a26946..f4cad98c580f 100644
--- a/src/main/webapp/app/shared/exercise-categories/custom-exercise-category-badge/custom-exercise-category-badge.component.ts
+++ b/src/main/webapp/app/shared/exercise-categories/custom-exercise-category-badge/custom-exercise-category-badge.component.ts
@@ -11,14 +11,13 @@ type CategoryFontSize = 'default' | 'small';
     selector: 'jhi-custom-exercise-category-badge',
     templateUrl: './custom-exercise-category-badge.component.html',
     styleUrls: ['custom-exercise-category-badge.component.scss'],
-    standalone: true,
     imports: [CommonModule, FontAwesomeModule],
 })
 export class CustomExerciseCategoryBadgeComponent {
     protected readonly faTimes = faTimes;
 
     @Input({ required: true }) category: ExerciseCategory | FaqCategory;
-    @Input() displayRemoveButton: boolean = false;
+    @Input() displayRemoveButton = false;
     @Input() onClick: () => void = () => {};
     @Input() fontSize: CategoryFontSize = 'default';
 }
diff --git a/src/main/webapp/app/shared/exercise-categories/exercise-categories.component.ts b/src/main/webapp/app/shared/exercise-categories/exercise-categories.component.ts
index 065c59b801fc..6088528f014c 100644
--- a/src/main/webapp/app/shared/exercise-categories/exercise-categories.component.ts
+++ b/src/main/webapp/app/shared/exercise-categories/exercise-categories.component.ts
@@ -2,6 +2,13 @@ import { Component, Input } from '@angular/core';
 import { Exercise, IncludedInOverallScore } from 'app/entities/exercise.model';
 import dayjs from 'dayjs/esm';
 import { QuizExercise } from 'app/entities/quiz/quiz-exercise.model';
+import { NgClass, NgStyle } from '@angular/common';
+import { RouterLink } from '@angular/router';
+import { NotReleasedTagComponent } from '../components/not-released-tag.component';
+import { TranslateDirective } from '../language/translate.directive';
+import { IncludedInScoreBadgeComponent } from '../../exercises/shared/exercise-headers/included-in-score-badge.component';
+import { DifficultyBadgeComponent } from '../../exercises/shared/exercise-headers/difficulty-badge.component';
+import { TruncatePipe } from 'app/shared/pipes/truncate.pipe';
 
 interface ShowTagsConfig {
     notReleased?: boolean;
@@ -15,13 +22,14 @@ interface ShowTagsConfig {
     selector: 'jhi-exercise-categories',
     templateUrl: './exercise-categories.component.html',
     styleUrls: ['./exercise-categories.component.scss'],
+    imports: [NgClass, RouterLink, NotReleasedTagComponent, TranslateDirective, IncludedInScoreBadgeComponent, NgStyle, DifficultyBadgeComponent, TruncatePipe],
 })
 export class ExerciseCategoriesComponent {
     readonly IncludedInOverallScore = IncludedInOverallScore;
     readonly dayjs = dayjs;
 
     @Input() exercise: Exercise;
-    @Input() isSmall: boolean = false;
+    @Input() isSmall = false;
 
     @Input()
     showTags: ShowTagsConfig = {
diff --git a/src/main/webapp/app/shared/exercise-categories/exercise-categories.module.ts b/src/main/webapp/app/shared/exercise-categories/exercise-categories.module.ts
index f0f8877ffdec..2502f21738c2 100644
--- a/src/main/webapp/app/shared/exercise-categories/exercise-categories.module.ts
+++ b/src/main/webapp/app/shared/exercise-categories/exercise-categories.module.ts
@@ -6,8 +6,7 @@ import { ExerciseCategoriesComponent } from 'app/shared/exercise-categories/exer
 import { CustomExerciseCategoryBadgeComponent } from 'app/shared/exercise-categories/custom-exercise-category-badge/custom-exercise-category-badge.component';
 
 @NgModule({
-    imports: [ArtemisSharedModule, RouterModule, ArtemisSharedComponentModule, CustomExerciseCategoryBadgeComponent],
-    declarations: [ExerciseCategoriesComponent],
+    imports: [ArtemisSharedModule, RouterModule, ArtemisSharedComponentModule, CustomExerciseCategoryBadgeComponent, ExerciseCategoriesComponent],
     exports: [ExerciseCategoriesComponent],
 })
 export class ExerciseCategoriesModule {}
diff --git a/src/main/webapp/app/shared/exercise-filter/exercise-filter-modal.component.ts b/src/main/webapp/app/shared/exercise-filter/exercise-filter-modal.component.ts
index 8b1bf7c58488..cef21387f1c4 100644
--- a/src/main/webapp/app/shared/exercise-filter/exercise-filter-modal.component.ts
+++ b/src/main/webapp/app/shared/exercise-filter/exercise-filter-modal.component.ts
@@ -1,5 +1,5 @@
-import { Component, EventEmitter, OnInit, Output, ViewChild } from '@angular/core';
-import { NgbActiveModal, NgbTypeahead } from '@ng-bootstrap/ng-bootstrap';
+import { Component, EventEmitter, OnInit, Output, ViewChild, inject } from '@angular/core';
+import { NgbActiveModal, NgbModule, NgbTypeahead } from '@ng-bootstrap/ng-bootstrap';
 import { faBackward, faFilter } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { ArtemisSharedCommonModule } from 'app/shared/shared-common.module';
@@ -29,7 +29,6 @@ import { isRangeFilterApplied } from 'app/shared/sidebar/sidebar.helper';
     selector: 'jhi-exercise-filter-modal',
     templateUrl: './exercise-filter-modal.component.html',
     styleUrls: ['./exercise-filter-modal.component.scss'],
-    standalone: true,
     imports: [
         FormsModule,
         ReactiveFormsModule,
@@ -38,9 +37,12 @@ import { isRangeFilterApplied } from 'app/shared/sidebar/sidebar.helper';
         ArtemisSharedComponentModule,
         CustomExerciseCategoryBadgeComponent,
         RangeSliderComponent,
+        NgbModule,
     ],
 })
 export class ExerciseFilterModalComponent implements OnInit {
+    private activeModal = inject(NgbActiveModal);
+
     readonly faFilter = faFilter;
     readonly faBackward = faBackward;
 
@@ -51,7 +53,7 @@ export class ExerciseFilterModalComponent implements OnInit {
     selectedCategoryOptions: ExerciseCategoryFilterOption[] = [];
     selectableCategoryOptions: ExerciseCategoryFilterOption[] = [];
 
-    noFiltersAvailable: boolean = false;
+    noFiltersAvailable = false;
 
     focus$ = new Subject<string>();
     click$ = new Subject<string>();
@@ -70,8 +72,6 @@ export class ExerciseFilterModalComponent implements OnInit {
 
     exerciseFilters?: ExerciseFilterOptions;
 
-    constructor(private activeModal: NgbActiveModal) {}
-
     ngOnInit() {
         this.categoryFilter = this.exerciseFilters?.categoryFilter;
         this.typeFilter = this.exerciseFilters?.exerciseTypesFilter;
diff --git a/src/main/webapp/app/shared/export/export-button.component.ts b/src/main/webapp/app/shared/export/export-button.component.ts
index 4d5de6b7d49f..94f8c4f4cd62 100644
--- a/src/main/webapp/app/shared/export/export-button.component.ts
+++ b/src/main/webapp/app/shared/export/export-button.component.ts
@@ -1,14 +1,18 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Component, EventEmitter, Input, Output, inject } from '@angular/core';
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { ButtonSize, ButtonType } from 'app/shared/components/button.component';
 import { CsvExportOptions, ExportModalComponent } from 'app/shared/export/export-modal.component';
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
+import { ButtonComponent } from '../components/button.component';
 
 @Component({
     selector: 'jhi-csv-export-button',
     template: ` <jhi-button [btnType]="ButtonType.PRIMARY" [btnSize]="buttonSize" [icon]="icon" [disabled]="disabled" [title]="title" (onClick)="openExportModal($event)" /> `,
+    imports: [ButtonComponent],
 })
 export class ExportButtonComponent {
+    private modalService = inject(NgbModal);
+
     ButtonType = ButtonType;
     ButtonSize = ButtonSize;
 
@@ -19,8 +23,6 @@ export class ExportButtonComponent {
 
     @Output() onExport: EventEmitter<CsvExportOptions> = new EventEmitter();
 
-    constructor(private modalService: NgbModal) {}
-
     /**
      * Open up export option modal
      * @param {Event} event - Mouse Event which invoked the opening
diff --git a/src/main/webapp/app/shared/export/export-modal.component.ts b/src/main/webapp/app/shared/export/export-modal.component.ts
index d5e35b1594bd..10974e03f5b3 100644
--- a/src/main/webapp/app/shared/export/export-modal.component.ts
+++ b/src/main/webapp/app/shared/export/export-modal.component.ts
@@ -1,7 +1,12 @@
-import { Component, OnInit } from '@angular/core';
-import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
+import { Component, OnInit, inject } from '@angular/core';
+import { NgbActiveModal, NgbNav, NgbNavContent, NgbNavItem, NgbNavLink, NgbNavLinkBase, NgbNavOutlet } from '@ng-bootstrap/ng-bootstrap';
 import { TranslateService } from '@ngx-translate/core';
 import { faBan, faDownload } from '@fortawesome/free-solid-svg-icons';
+import { FormsModule } from '@angular/forms';
+import { TranslateDirective } from '../language/translate.directive';
+import { KeyValuePipe, NgClass } from '@angular/common';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisTranslatePipe } from '../pipes/artemis-translate.pipe';
 
 export enum CsvFieldSeparator {
     TAB = '\t',
@@ -33,8 +38,25 @@ export interface CsvExportOptions {
     selector: 'jhi-csv-export-modal',
     templateUrl: './export-modal.component.html',
     styleUrls: ['./export-modal.component.scss'],
+    imports: [
+        FormsModule,
+        TranslateDirective,
+        NgbNav,
+        NgbNavItem,
+        NgbNavLink,
+        NgbNavLinkBase,
+        NgbNavContent,
+        NgClass,
+        NgbNavOutlet,
+        FaIconComponent,
+        KeyValuePipe,
+        ArtemisTranslatePipe,
+    ],
 })
 export class ExportModalComponent implements OnInit {
+    private activeModal = inject(NgbActiveModal);
+    private translateService = inject(TranslateService);
+
     readonly CsvFieldSeparator = CsvFieldSeparator;
     readonly CsvQuoteStrings = CsvQuoteStrings;
     readonly CsvDecimalSeparator = CsvDecimalSeparator;
@@ -46,11 +68,6 @@ export class ExportModalComponent implements OnInit {
     faBan = faBan;
     faDownload = faDownload;
 
-    constructor(
-        private activeModal: NgbActiveModal,
-        private translateService: TranslateService,
-    ) {}
-
     ngOnInit(): void {
         // set default csv export options based on the current language
         switch (this.translateService.currentLang) {
diff --git a/src/main/webapp/app/shared/export/export.module.ts b/src/main/webapp/app/shared/export/export.module.ts
index 19f79a14389e..939b5356f0cf 100644
--- a/src/main/webapp/app/shared/export/export.module.ts
+++ b/src/main/webapp/app/shared/export/export.module.ts
@@ -5,8 +5,7 @@ import { ArtemisSharedComponentModule } from 'app/shared/components/shared-compo
 import { ArtemisSharedCommonModule } from 'app/shared/shared-common.module';
 
 @NgModule({
-    imports: [ArtemisSharedComponentModule, ArtemisSharedCommonModule],
-    declarations: [ExportModalComponent, ExportButtonComponent],
+    imports: [ArtemisSharedComponentModule, ArtemisSharedCommonModule, ExportModalComponent, ExportButtonComponent],
     exports: [ExportModalComponent, ExportButtonComponent],
 })
 export class ExportModule {}
diff --git a/src/main/webapp/app/shared/extension-point/extension-point.directive.ts b/src/main/webapp/app/shared/extension-point/extension-point.directive.ts
index ce0fad03beb7..27296cda1632 100644
--- a/src/main/webapp/app/shared/extension-point/extension-point.directive.ts
+++ b/src/main/webapp/app/shared/extension-point/extension-point.directive.ts
@@ -1,4 +1,4 @@
-import { Directive, EmbeddedViewRef, Input, OnChanges, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
+import { Directive, EmbeddedViewRef, Input, OnChanges, SimpleChanges, TemplateRef, ViewContainerRef, inject } from '@angular/core';
 
 /**
  * @whatItDoes marks parts of a (parent) template as extendable to allow other (child) components to override them.
@@ -27,16 +27,14 @@ import { Directive, EmbeddedViewRef, Input, OnChanges, SimpleChanges, TemplateRe
  */
 @Directive({ selector: '[jhiExtensionPoint]' })
 export class ExtensionPointDirective implements OnChanges {
+    private viewContainerRef = inject(ViewContainerRef);
+    private templateRef = inject<TemplateRef<any>>(TemplateRef);
+
     private viewRef: EmbeddedViewRef<any> | undefined = undefined;
 
     @Input() public jhiExtensionPoint: TemplateRef<any> | undefined = undefined;
     @Input() public jhiExtensionPointContext?: any = undefined;
 
-    constructor(
-        private viewContainerRef: ViewContainerRef,
-        private templateRef: TemplateRef<any>,
-    ) {}
-
     ngOnChanges(changes: SimpleChanges) {
         if (changes['jhiExtensionPoint']) {
             const viewContainerRef = this.viewContainerRef;
diff --git a/src/main/webapp/app/shared/feature-toggle/feature-toggle-hide.directive.ts b/src/main/webapp/app/shared/feature-toggle/feature-toggle-hide.directive.ts
index e77255d5bca5..9a17d2c0f6b6 100644
--- a/src/main/webapp/app/shared/feature-toggle/feature-toggle-hide.directive.ts
+++ b/src/main/webapp/app/shared/feature-toggle/feature-toggle-hide.directive.ts
@@ -1,19 +1,17 @@
-import { Directive, HostBinding, Input, OnDestroy, OnInit } from '@angular/core';
+import { Directive, HostBinding, Input, OnDestroy, OnInit, inject } from '@angular/core';
 import { FeatureToggle, FeatureToggleService } from 'app/shared/feature-toggle/feature-toggle.service';
 import { Subscription } from 'rxjs/internal/Subscription';
 
-@Directive({
-    selector: '[jhiFeatureToggleHide]',
-})
+@Directive({ selector: '[jhiFeatureToggleHide]' })
 export class FeatureToggleHideDirective implements OnInit, OnDestroy {
+    private featureToggleService = inject(FeatureToggleService);
+
     @Input('jhiFeatureToggleHide') feature?: FeatureToggle;
 
     private featureActive = true;
 
     private featureToggleActiveSubscription: Subscription;
 
-    constructor(private featureToggleService: FeatureToggleService) {}
-
     ngOnInit() {
         if (this.feature) {
             this.featureToggleActiveSubscription = this.featureToggleService.getFeatureToggleActive(this.feature).subscribe((active) => {
diff --git a/src/main/webapp/app/shared/feature-toggle/feature-toggle-link.directive.ts b/src/main/webapp/app/shared/feature-toggle/feature-toggle-link.directive.ts
index f29b25e1792e..26e8de642d86 100644
--- a/src/main/webapp/app/shared/feature-toggle/feature-toggle-link.directive.ts
+++ b/src/main/webapp/app/shared/feature-toggle/feature-toggle-link.directive.ts
@@ -1,12 +1,12 @@
-import { Directive, HostBinding, Input, OnDestroy, OnInit } from '@angular/core';
+import { Directive, HostBinding, Input, OnDestroy, OnInit, inject } from '@angular/core';
 import { FeatureToggle, FeatureToggleService } from 'app/shared/feature-toggle/feature-toggle.service';
 import { tap } from 'rxjs/operators';
 import { Subscription } from 'rxjs';
 
-@Directive({
-    selector: '[jhiFeatureToggleLink]',
-})
+@Directive({ selector: '[jhiFeatureToggleLink]' })
 export class FeatureToggleLinkDirective implements OnInit, OnDestroy {
+    private featureToggleService = inject(FeatureToggleService);
+
     @Input('jhiFeatureToggleLink') feature: FeatureToggle;
     /**
      * This input must be used to overwrite the disabled state given that the feature toggle is inactive.
@@ -23,8 +23,6 @@ export class FeatureToggleLinkDirective implements OnInit, OnDestroy {
 
     private featureToggleActiveSubscription: Subscription;
 
-    constructor(private featureToggleService: FeatureToggleService) {}
-
     /**
      * Life cycle hook called by Angular to indicate that Angular is done creating the component
      */
diff --git a/src/main/webapp/app/shared/feature-toggle/feature-toggle.directive.ts b/src/main/webapp/app/shared/feature-toggle/feature-toggle.directive.ts
index 3a8d02976f44..dffc86cbe69a 100644
--- a/src/main/webapp/app/shared/feature-toggle/feature-toggle.directive.ts
+++ b/src/main/webapp/app/shared/feature-toggle/feature-toggle.directive.ts
@@ -1,12 +1,12 @@
-import { Directive, HostBinding, Input, OnDestroy, OnInit } from '@angular/core';
+import { Directive, HostBinding, Input, OnDestroy, OnInit, inject } from '@angular/core';
 import { FeatureToggle, FeatureToggleService } from 'app/shared/feature-toggle/feature-toggle.service';
 import { tap } from 'rxjs/operators';
 import { Subscription } from 'rxjs';
 
-@Directive({
-    selector: '[jhiFeatureToggle]',
-})
+@Directive({ selector: '[jhiFeatureToggle]' })
 export class FeatureToggleDirective implements OnInit, OnDestroy {
+    private featureToggleService = inject(FeatureToggleService);
+
     @Input('jhiFeatureToggle') features: FeatureToggle | FeatureToggle[];
     /**
      * This input must be used to overwrite the disabled state given that the feature toggle is inactive.
@@ -23,8 +23,6 @@ export class FeatureToggleDirective implements OnInit, OnDestroy {
 
     private featureToggleActiveSubscription: Subscription;
 
-    constructor(private featureToggleService: FeatureToggleService) {}
-
     /**
      * Life cycle hook called by Angular to indicate that Angular is done creating the component
      */
diff --git a/src/main/webapp/app/shared/feature-toggle/feature-toggle.module.ts b/src/main/webapp/app/shared/feature-toggle/feature-toggle.module.ts
deleted file mode 100644
index 64b19d937f81..000000000000
--- a/src/main/webapp/app/shared/feature-toggle/feature-toggle.module.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { NgModule } from '@angular/core';
-import { FeatureToggleDirective } from 'app/shared/feature-toggle/feature-toggle.directive';
-import { FeatureToggleLinkDirective } from 'app/shared/feature-toggle/feature-toggle-link.directive';
-import { FeatureToggleHideDirective } from 'app/shared/feature-toggle/feature-toggle-hide.directive';
-
-@NgModule({
-    declarations: [FeatureToggleDirective, FeatureToggleLinkDirective, FeatureToggleHideDirective],
-    exports: [FeatureToggleDirective, FeatureToggleLinkDirective, FeatureToggleHideDirective],
-})
-export class FeatureToggleModule {}
diff --git a/src/main/webapp/app/shared/feature-toggle/feature-toggle.service.ts b/src/main/webapp/app/shared/feature-toggle/feature-toggle.service.ts
index 43cc4ce4d6b5..283f60e2d313 100644
--- a/src/main/webapp/app/shared/feature-toggle/feature-toggle.service.ts
+++ b/src/main/webapp/app/shared/feature-toggle/feature-toggle.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
 import { JhiWebsocketService } from 'app/core/websocket/websocket.service';
 import { distinctUntilChanged, map, tap } from 'rxjs/operators';
@@ -25,14 +25,14 @@ const defaultActiveFeatureState: ActiveFeatureToggles = Object.values(FeatureTog
 
 @Injectable({ providedIn: 'root' })
 export class FeatureToggleService {
+    private websocketService = inject(JhiWebsocketService);
+    private http = inject(HttpClient);
+
     private readonly TOPIC = `/topic/management/feature-toggles`;
     private subject: BehaviorSubject<ActiveFeatureToggles>;
     private subscriptionInitialized = false;
 
-    constructor(
-        private websocketService: JhiWebsocketService,
-        private http: HttpClient,
-    ) {
+    constructor() {
         this.subject = new BehaviorSubject<ActiveFeatureToggles>(defaultActiveFeatureState);
     }
 
diff --git a/src/main/webapp/app/shared/fingerprint/browser-fingerprint.service.ts b/src/main/webapp/app/shared/fingerprint/browser-fingerprint.service.ts
index 1cd278a86da9..8088c0b38320 100644
--- a/src/main/webapp/app/shared/fingerprint/browser-fingerprint.service.ts
+++ b/src/main/webapp/app/shared/fingerprint/browser-fingerprint.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
 import { LocalStorageService } from 'ngx-webstorage';
 import FingerprintJS, { GetResult } from '@fingerprintjs/fingerprintjs';
@@ -6,13 +6,13 @@ import { v4 as uuid } from 'uuid';
 
 @Injectable({ providedIn: 'root' })
 export class BrowserFingerprintService {
+    private localStorage = inject(LocalStorageService);
+
     private readonly BROWSER_INSTANCE_KEY = 'instanceIdentifier';
 
     public fingerprint = new BehaviorSubject<string | undefined>(undefined);
     public instanceIdentifier = new BehaviorSubject<string | undefined>(undefined);
 
-    constructor(private localStorage: LocalStorageService) {}
-
     public initialize(browserFingerprintsEnabled: boolean | undefined) {
         // If undefined, still enable it to not break older configurations without the field in profile info
         if (browserFingerprintsEnabled !== false) {
diff --git a/src/main/webapp/app/shared/fireworks/fireworks.module.ts b/src/main/webapp/app/shared/fireworks/fireworks.module.ts
deleted file mode 100644
index cfb28a586b87..000000000000
--- a/src/main/webapp/app/shared/fireworks/fireworks.module.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FireworksComponent } from 'app/shared/fireworks/fireworks.component';
-
-@NgModule({
-    imports: [CommonModule],
-    declarations: [FireworksComponent],
-    exports: [FireworksComponent],
-})
-export class FireworksModule {}
diff --git a/src/main/webapp/app/shared/form/title-channel-name/title-channel-name.component.ts b/src/main/webapp/app/shared/form/title-channel-name/title-channel-name.component.ts
index b7f139bc5182..47ea9fd3f883 100644
--- a/src/main/webapp/app/shared/form/title-channel-name/title-channel-name.component.ts
+++ b/src/main/webapp/app/shared/form/title-channel-name/title-channel-name.component.ts
@@ -1,12 +1,16 @@
 import { AfterViewInit, Component, Input, OnDestroy, OnInit, ViewChild, computed, effect, input, output, signal, viewChild } from '@angular/core';
-import { ControlContainer, NgForm, NgModel } from '@angular/forms';
+import { ControlContainer, FormsModule, NgForm, NgModel } from '@angular/forms';
 import { Subject, Subscription } from 'rxjs';
 import { ProgrammingExerciseInputField } from 'app/exercises/programming/manage/update/programming-exercise-update.helper';
+import { TranslateDirective } from '../../language/translate.directive';
+import { CustomNotIncludedInValidatorDirective } from '../../validators/custom-not-included-in-validator.directive';
+import { HelpIconComponent } from '../../components/help-icon.component';
 
 @Component({
     selector: 'jhi-title-channel-name',
     templateUrl: './title-channel-name.component.html',
     viewProviders: [{ provide: ControlContainer, useExisting: NgForm }],
+    imports: [TranslateDirective, FormsModule, CustomNotIncludedInValidatorDirective, HelpIconComponent],
 })
 export class TitleChannelNameComponent implements AfterViewInit, OnDestroy, OnInit {
     @Input() title?: string;
diff --git a/src/main/webapp/app/shared/form/title-channel-name/title-channel-name.module.ts b/src/main/webapp/app/shared/form/title-channel-name/title-channel-name.module.ts
index 70849d7bf364..a45e45df2530 100644
--- a/src/main/webapp/app/shared/form/title-channel-name/title-channel-name.module.ts
+++ b/src/main/webapp/app/shared/form/title-channel-name/title-channel-name.module.ts
@@ -7,8 +7,7 @@ import { CustomNotIncludedInValidatorDirective } from 'app/shared/validators/cus
 import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @NgModule({
-    imports: [FormsModule, CommonModule, ArtemisSharedComponentModule, CustomNotIncludedInValidatorDirective, TranslateDirective],
-    declarations: [TitleChannelNameComponent],
+    imports: [FormsModule, CommonModule, ArtemisSharedComponentModule, CustomNotIncludedInValidatorDirective, TranslateDirective, TitleChannelNameComponent],
     exports: [TitleChannelNameComponent],
 })
 export class TitleChannelNameModule {}
diff --git a/src/main/webapp/app/shared/fullscreen/fullscreen.component.ts b/src/main/webapp/app/shared/fullscreen/fullscreen.component.ts
index fdcf2046080b..f81b5459bf10 100644
--- a/src/main/webapp/app/shared/fullscreen/fullscreen.component.ts
+++ b/src/main/webapp/app/shared/fullscreen/fullscreen.component.ts
@@ -1,13 +1,19 @@
-import { Component, ElementRef, Input } from '@angular/core';
+import { Component, ElementRef, Input, inject } from '@angular/core';
 import { faCompress } from '@fortawesome/free-solid-svg-icons';
 import { enterFullscreen, exitFullscreen, isFullScreen } from 'app/shared/util/fullscreen.util';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisTranslatePipe } from '../pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-fullscreen',
     templateUrl: './fullscreen.component.html',
     styleUrls: ['./fullscreen.scss'],
+    imports: [NgbTooltip, FaIconComponent, ArtemisTranslatePipe],
 })
 export class FullscreenComponent {
+    private fullScreenWrapper = inject(ElementRef);
+
     @Input()
     position: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' = 'top-right';
 
@@ -17,8 +23,6 @@ export class FullscreenComponent {
     // Icons
     faCompress = faCompress;
 
-    constructor(private fullScreenWrapper: ElementRef) {}
-
     /**
      * check current state and toggle fullscreen
      */
diff --git a/src/main/webapp/app/shared/fullscreen/fullscreen.module.ts b/src/main/webapp/app/shared/fullscreen/fullscreen.module.ts
index db982626257d..29d28ad26f97 100644
--- a/src/main/webapp/app/shared/fullscreen/fullscreen.module.ts
+++ b/src/main/webapp/app/shared/fullscreen/fullscreen.module.ts
@@ -3,8 +3,7 @@ import { NgModule } from '@angular/core';
 import { ArtemisSharedModule } from 'app/shared/shared.module';
 
 @NgModule({
-    imports: [ArtemisSharedModule],
-    declarations: [FullscreenComponent],
+    imports: [ArtemisSharedModule, FullscreenComponent],
     exports: [FullscreenComponent],
 })
 export class ArtemisFullscreenModule {}
diff --git a/src/main/webapp/app/shared/grading-instruction-link-icon/grading-instruction-link-icon.component.ts b/src/main/webapp/app/shared/grading-instruction-link-icon/grading-instruction-link-icon.component.ts
index 5702a3ce76c7..3147e1f0d1b6 100644
--- a/src/main/webapp/app/shared/grading-instruction-link-icon/grading-instruction-link-icon.component.ts
+++ b/src/main/webapp/app/shared/grading-instruction-link-icon/grading-instruction-link-icon.component.ts
@@ -1,22 +1,27 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input, OnInit, inject } from '@angular/core';
 import { GradingInstruction } from 'app/exercises/shared/structured-grading-criterion/grading-instruction.model';
 import { Feedback } from 'app/entities/feedback.model';
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { faLink, faTrash } from '@fortawesome/free-solid-svg-icons';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { NgClass } from '@angular/common';
 
 @Component({
     selector: 'jhi-grading-instruction-link-icon',
     templateUrl: './grading-instruction-link-icon.component.html',
+    imports: [FaIconComponent, NgbTooltip, NgClass, ArtemisTranslatePipe],
 })
 export class GradingInstructionLinkIconComponent implements OnInit {
+    private artemisTranslatePipe = inject(ArtemisTranslatePipe);
+
     @Input() linkIcon = faLink;
     @Input() feedback: Feedback;
+
     instruction: GradingInstruction | undefined;
     confirmIcon = faTrash;
     showConfirm = false;
 
-    constructor(private artemisTranslatePipe: ArtemisTranslatePipe) {}
-
     ngOnInit(): void {
         this.instruction = this.feedback.gradingInstruction;
     }
diff --git a/src/main/webapp/app/shared/grading-instruction-link-icon/grading-instruction-link-icon.module.ts b/src/main/webapp/app/shared/grading-instruction-link-icon/grading-instruction-link-icon.module.ts
index 2225649438f7..46a830041367 100644
--- a/src/main/webapp/app/shared/grading-instruction-link-icon/grading-instruction-link-icon.module.ts
+++ b/src/main/webapp/app/shared/grading-instruction-link-icon/grading-instruction-link-icon.module.ts
@@ -4,8 +4,7 @@ import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { GradingInstructionLinkIconComponent } from 'app/shared/grading-instruction-link-icon/grading-instruction-link-icon.component';
 
 @NgModule({
-    imports: [ArtemisSharedModule],
-    declarations: [GradingInstructionLinkIconComponent],
+    imports: [ArtemisSharedModule, GradingInstructionLinkIconComponent],
     exports: [GradingInstructionLinkIconComponent],
 })
 export class ArtemisGradingInstructionLinkIconModule {}
diff --git a/src/main/webapp/app/shared/guard/pending-changes.guard.ts b/src/main/webapp/app/shared/guard/pending-changes.guard.ts
index 294023cd6e42..34332f264bdf 100644
--- a/src/main/webapp/app/shared/guard/pending-changes.guard.ts
+++ b/src/main/webapp/app/shared/guard/pending-changes.guard.ts
@@ -1,11 +1,11 @@
 import { CanDeactivate } from '@angular/router';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import { ComponentCanDeactivate } from 'app/shared/guard/can-deactivate.model';
 
 @Injectable({ providedIn: 'root' })
 export class PendingChangesGuard implements CanDeactivate<ComponentCanDeactivate> {
-    constructor(private translateService: TranslateService) {}
+    private translateService = inject(TranslateService);
 
     /**
      * Function which returns whether a component can be deactivated
diff --git a/src/main/webapp/app/shared/http/file.service.ts b/src/main/webapp/app/shared/http/file.service.ts
index f739c44014ed..e4beba479b45 100644
--- a/src/main/webapp/app/shared/http/file.service.ts
+++ b/src/main/webapp/app/shared/http/file.service.ts
@@ -1,5 +1,5 @@
 import { HttpClient, HttpResponse } from '@angular/common/http';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { lastValueFrom } from 'rxjs';
 import { v4 as uuid } from 'uuid';
 import { Observable } from 'rxjs';
@@ -8,10 +8,9 @@ import { ProgrammingLanguage, ProjectType } from 'app/entities/programming/progr
 
 @Injectable({ providedIn: 'root' })
 export class FileService {
+    private http = inject(HttpClient);
     private resourceUrl = 'api/files';
 
-    constructor(private http: HttpClient) {}
-
     /**
      * Fetches the template file for the given programming language
      * @param {ProgrammingLanguage} language
diff --git a/src/main/webapp/app/shared/http/secure-link.directive.ts b/src/main/webapp/app/shared/http/secure-link.directive.ts
index 8dbc4d75ac03..7253670e0bb3 100644
--- a/src/main/webapp/app/shared/http/secure-link.directive.ts
+++ b/src/main/webapp/app/shared/http/secure-link.directive.ts
@@ -1,13 +1,13 @@
-import { Directive, ElementRef } from '@angular/core';
+import { Directive, ElementRef, inject } from '@angular/core';
 
 /**
  * Avoid Reverse Tabnabbing vulnerability: https://www.owasp.org/index.php/Reverse_Tabnabbing.
  */
-@Directive({
-    selector: '[jhiSecureLink]',
-})
+@Directive({ selector: '[jhiSecureLink]' })
 export class SecureLinkDirective {
-    constructor(el: ElementRef) {
+    constructor() {
+        const el = inject(ElementRef);
+
         el.nativeElement.target = '_blank';
         el.nativeElement.rel = 'noopener noreferrer';
     }
diff --git a/src/main/webapp/app/shared/icon-card/icon-card.component.ts b/src/main/webapp/app/shared/icon-card/icon-card.component.ts
index dc0c603000a2..a2222eaa8f7d 100644
--- a/src/main/webapp/app/shared/icon-card/icon-card.component.ts
+++ b/src/main/webapp/app/shared/icon-card/icon-card.component.ts
@@ -8,7 +8,6 @@ import { ArtemisSharedPipesModule } from 'app/shared/pipes/shared-pipes.module';
     selector: 'jhi-icon-card',
     templateUrl: './icon-card.component.html',
     styleUrl: './icon-card.component.scss',
-    standalone: true,
     imports: [ArtemisSharedCommonModule, ArtemisSharedPipesModule],
 })
 export class IconCardComponent {
diff --git a/src/main/webapp/app/shared/image-cropper/component/image-cropper.component.ts b/src/main/webapp/app/shared/image-cropper/component/image-cropper.component.ts
index b9d50c821e92..bc8fb40ba3a5 100644
--- a/src/main/webapp/app/shared/image-cropper/component/image-cropper.component.ts
+++ b/src/main/webapp/app/shared/image-cropper/component/image-cropper.component.ts
@@ -12,6 +12,7 @@ import {
     Output,
     SimpleChanges,
     ViewChild,
+    inject,
 } from '@angular/core';
 import { DomSanitizer, SafeStyle, SafeUrl } from '@angular/platform-browser';
 import { OutputFormat } from '../interfaces/cropper-options.interface';
@@ -31,13 +32,18 @@ import { ImageCroppedEvent } from 'app/shared/image-cropper/interfaces/image-cro
 // Note: Partially adapted to fit Artemis needs
 
 @Component({
-    // eslint-disable-next-line @angular-eslint/component-selector
     selector: 'image-cropper',
     templateUrl: './image-cropper.component.html',
     styleUrls: ['./image-cropper.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class ImageCropperComponent implements OnChanges, OnInit {
+    private cropService = inject(CropService);
+    private cropperPositionService = inject(CropperPositionService);
+    private loadImageService = inject(LoadImageService);
+    private sanitizer = inject(DomSanitizer);
+    private changeDetector = inject(ChangeDetectorRef);
+
     settings = new CropperSettings();
     setImageMaxSizeRetries = 0;
     moveStart: MoveStart;
@@ -98,13 +104,7 @@ export class ImageCropperComponent implements OnChanges, OnInit {
     @Output() cropperReady = new EventEmitter<Dimensions>();
     @Output() loadImageFailed = new EventEmitter<void>();
 
-    constructor(
-        private cropService: CropService,
-        private cropperPositionService: CropperPositionService,
-        private loadImageService: LoadImageService,
-        private sanitizer: DomSanitizer,
-        private changeDetector: ChangeDetectorRef,
-    ) {
+    constructor() {
         this.reset();
     }
 
diff --git a/src/main/webapp/app/shared/image-cropper/image-cropper.module.ts b/src/main/webapp/app/shared/image-cropper/image-cropper.module.ts
deleted file mode 100644
index 157ca1d3c2dc..000000000000
--- a/src/main/webapp/app/shared/image-cropper/image-cropper.module.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { ImageCropperComponent } from './component/image-cropper.component';
-
-@NgModule({
-    imports: [CommonModule],
-    declarations: [ImageCropperComponent],
-    exports: [ImageCropperComponent],
-})
-export class ImageCropperModule {}
diff --git a/src/main/webapp/app/shared/image/cacheable-image.service.ts b/src/main/webapp/app/shared/image/cacheable-image.service.ts
index d6e0341a115f..159edc2e8965 100644
--- a/src/main/webapp/app/shared/image/cacheable-image.service.ts
+++ b/src/main/webapp/app/shared/image/cacheable-image.service.ts
@@ -1,4 +1,4 @@
-import { Injectable, OnDestroy } from '@angular/core';
+import { Injectable, OnDestroy, inject } from '@angular/core';
 import { Cacheable, LocalStorageStrategy } from 'ts-cacheable';
 import { HttpClient } from '@angular/common/http';
 import { Observable, Subject, Subscription, UnaryFunction, pipe } from 'rxjs';
@@ -29,12 +29,12 @@ export interface ICacheableImageService {
 
 @Injectable({ providedIn: 'root' })
 export class CacheableImageService implements ICacheableImageService, OnDestroy {
+    private accountService = inject(AccountService);
+    private httpClient = inject(HttpClient);
+
     private userChangeSubscription: Subscription;
 
-    constructor(
-        private accountService: AccountService,
-        private httpClient: HttpClient,
-    ) {
+    constructor() {
         this.init();
     }
 
diff --git a/src/main/webapp/app/shared/image/secured-image.component.ts b/src/main/webapp/app/shared/image/secured-image.component.ts
index c8390288cba2..deb63f0244a1 100644
--- a/src/main/webapp/app/shared/image/secured-image.component.ts
+++ b/src/main/webapp/app/shared/image/secured-image.component.ts
@@ -1,9 +1,10 @@
-import { Component, ElementRef, EventEmitter, Input, OnChanges, OnInit, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnChanges, OnInit, Output, inject } from '@angular/core';
 import { BehaviorSubject, Observable, isObservable, of } from 'rxjs';
 import { catchError, filter, map, switchMap, tap } from 'rxjs/operators';
 import { DomSanitizer } from '@angular/platform-browser';
 import { CacheableImageService } from 'app/shared/image/cacheable-image.service';
 import { base64StringToBlob } from 'app/utils/blob-util';
+import { AsyncPipe } from '@angular/common';
 
 // Status that is emitted to the client to describe the loading status of the picture
 export const enum ImageLoadingStatus {
@@ -36,8 +37,13 @@ export enum CachingStrategy {
             <img [attr.src]="dataUrl | async" class="dnd-drag-start" draggable="true" alt="alt" cdkDrag />
         }
     `,
+    imports: [AsyncPipe],
 })
 export class SecuredImageComponent implements OnChanges, OnInit {
+    private domSanitizer = inject(DomSanitizer);
+    private cacheableImageService = inject(CacheableImageService);
+    element = inject(ElementRef);
+
     // This part just creates an rxjs stream from the src
     // this makes sure that we can handle it when the src changes
     // or even when the component gets destroyed
@@ -62,18 +68,13 @@ export class SecuredImageComponent implements OnChanges, OnInit {
         );
     }
 
-    ngOnChanges(): void {
+    ngOnChanges() {
         if (this.srcSubject) {
             this.srcSubject.next(this.src);
         }
     }
 
     // we need HttpClient to load the image and DomSanitizer to trust the url
-    constructor(
-        private domSanitizer: DomSanitizer,
-        private cacheableImageService: CacheableImageService,
-        public element: ElementRef,
-    ) {}
 
     // triggers the reload of the picture when the user clicks on a button
     retryLoadImage() {
diff --git a/src/main/webapp/app/shared/import-list/import-table.component.ts b/src/main/webapp/app/shared/import-list/import-table.component.ts
index 2a0a3ee92269..70aa1aac4fcb 100644
--- a/src/main/webapp/app/shared/import-list/import-table.component.ts
+++ b/src/main/webapp/app/shared/import-list/import-table.component.ts
@@ -8,6 +8,7 @@ import { onError } from 'app/shared/util/global.utils';
 import { ArtemisSharedCommonModule } from 'app/shared/shared-common.module';
 import { faSort, faSortDown, faSortUp, faSpinner } from '@fortawesome/free-solid-svg-icons';
 import { BaseApiHttpService } from 'app/course/learning-paths/services/base-api-http.service';
+import { NgbPagination } from '@ng-bootstrap/ng-bootstrap';
 
 /**
  * An abstract component intended for cases where a resource needs to be imported from one course into another.
@@ -21,8 +22,7 @@ export type Column<T extends BaseEntity> = {
 
 @Component({
     selector: 'jhi-import-table',
-    standalone: true,
-    imports: [ArtemisSharedCommonModule],
+    imports: [ArtemisSharedCommonModule, NgbPagination],
     templateUrl: './import-table.component.html',
     styleUrl: './import-table.component.scss',
 })
@@ -37,9 +37,9 @@ export class ImportTableComponent<T extends BaseEntity> {
     private readonly alertService = inject(AlertService);
     private readonly pagingService = inject(PagingService);
 
-    readonly columns = input.required<Column<T>[]>();
+    columns = input.required<Column<T>[]>();
     readonly columnBaseTranslationKey = input.required<string>();
-    readonly disabledIds = input<number[]>([]);
+    disabledIds = input<number[]>([]);
     readonly numberOfColumns = computed(() => this.columns().length + 2);
 
     readonly onRowSelection = output<T>();
diff --git a/src/main/webapp/app/shared/import/import.component.ts b/src/main/webapp/app/shared/import/import.component.ts
index d8440b6a57d9..abf4a5f3b94d 100644
--- a/src/main/webapp/app/shared/import/import.component.ts
+++ b/src/main/webapp/app/shared/import/import.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input, OnInit, inject } from '@angular/core';
 import { Router } from '@angular/router';
 import { faCheck, faSort } from '@fortawesome/free-solid-svg-icons';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
@@ -19,8 +19,14 @@ export type Column<T extends BaseEntity> = {
     getProperty(entity: T): string | undefined;
 };
 
-@Component({ template: '' })
+@Component({
+    template: '',
+})
 export abstract class ImportComponent<T extends BaseEntity> implements OnInit {
+    protected router = inject(Router);
+    private sortService = inject(SortService);
+    protected activeModal = inject(NgbActiveModal);
+
     loading = false;
     content: SearchResult<T>;
     total = 0;
@@ -44,12 +50,7 @@ export abstract class ImportComponent<T extends BaseEntity> implements OnInit {
     protected readonly search = new Subject<void>();
     protected readonly sort = new Subject<void>();
 
-    protected constructor(
-        protected router: Router,
-        private sortService: SortService,
-        protected activeModal: NgbActiveModal,
-        protected pagingService?: PagingService<T>,
-    ) {}
+    protected constructor(protected pagingService?: PagingService<T>) {}
 
     get page(): number {
         return this.state.page;
@@ -106,11 +107,11 @@ export abstract class ImportComponent<T extends BaseEntity> implements OnInit {
      * Gives the ID for any item in the table, so that it can be tracked/identified by ngFor
      *
      * @template T
-     * @param index The index of the element in the ngFor
+     * @param _index The index of the element in the ngFor
      * @param {T} item The item itself
      * @returns The ID of the item
      */
-    trackId(index: number, item: T): number {
+    trackId(_index: number, item: T): number {
         return item.id!;
     }
 
diff --git a/src/main/webapp/app/shared/info-panel/info-panel.component.ts b/src/main/webapp/app/shared/info-panel/info-panel.component.ts
index 617fc3e63c0a..c12faca7744d 100644
--- a/src/main/webapp/app/shared/info-panel/info-panel.component.ts
+++ b/src/main/webapp/app/shared/info-panel/info-panel.component.ts
@@ -8,6 +8,4 @@ import { Component, Input } from '@angular/core';
 export class InfoPanelComponent {
     @Input() panelHeader: string;
     @Input() panelDescriptionHeader: string;
-
-    constructor() {}
 }
diff --git a/src/main/webapp/app/shared/info-panel/info-panel.module.ts b/src/main/webapp/app/shared/info-panel/info-panel.module.ts
index ab86f1339853..0411c3dbf043 100644
--- a/src/main/webapp/app/shared/info-panel/info-panel.module.ts
+++ b/src/main/webapp/app/shared/info-panel/info-panel.module.ts
@@ -4,8 +4,7 @@ import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { InfoPanelComponent } from './info-panel.component';
 
 @NgModule({
-    imports: [ArtemisSharedModule],
-    declarations: [InfoPanelComponent],
+    imports: [ArtemisSharedModule, InfoPanelComponent],
     exports: [InfoPanelComponent],
 })
 export class ArtemisInfoPanelModule {}
diff --git a/src/main/webapp/app/shared/information-box/information-box.component.ts b/src/main/webapp/app/shared/information-box/information-box.component.ts
index 5be6212f7277..c4ed7d387507 100644
--- a/src/main/webapp/app/shared/information-box/information-box.component.ts
+++ b/src/main/webapp/app/shared/information-box/information-box.component.ts
@@ -42,7 +42,6 @@ export interface StringNumberContent {
 export type InformationBoxContent = StudentExamContent | DateContent | ExerciseContent | DifficultyLevelContent | StringNumberContent;
 
 @Component({
-    standalone: true,
     imports: [ArtemisSharedModule, ArtemisSharedComponentModule],
     selector: 'jhi-information-box',
     templateUrl: './information-box.component.html',
diff --git a/src/main/webapp/app/shared/language/translate.directive.ts b/src/main/webapp/app/shared/language/translate.directive.ts
index cb40182df64f..35beeb8dba62 100644
--- a/src/main/webapp/app/shared/language/translate.directive.ts
+++ b/src/main/webapp/app/shared/language/translate.directive.ts
@@ -1,4 +1,4 @@
-import { Directive, ElementRef, Input, OnChanges, OnDestroy, OnInit } from '@angular/core';
+import { Directive, ElementRef, Input, OnChanges, OnDestroy, OnInit, inject } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import { translationNotFoundMessage } from 'app/core/config/translation.config';
 import { Subject } from 'rxjs';
@@ -9,19 +9,16 @@ import { takeUntil } from 'rxjs/operators';
  */
 @Directive({
     selector: '[jhiTranslate]',
-    standalone: true,
 })
 export class TranslateDirective implements OnChanges, OnInit, OnDestroy {
+    private el = inject(ElementRef);
+    private translateService = inject(TranslateService);
+
     @Input() jhiTranslate!: string;
     @Input() translateValues?: { [key: string]: unknown };
 
     private readonly directiveDestroyed = new Subject<void>();
 
-    constructor(
-        private el: ElementRef,
-        private translateService: TranslateService,
-    ) {}
-
     ngOnInit(): void {
         this.translateService.onLangChange.pipe(takeUntil(this.directiveDestroyed)).subscribe(() => {
             this.getTranslation();
@@ -31,7 +28,7 @@ export class TranslateDirective implements OnChanges, OnInit, OnDestroy {
         });
     }
 
-    ngOnChanges(): void {
+    ngOnChanges() {
         this.getTranslation();
     }
 
diff --git a/src/main/webapp/app/shared/layouts/error/error.component.ts b/src/main/webapp/app/shared/layouts/error/error.component.ts
index d6a2dd358cc3..f408c980c7fa 100644
--- a/src/main/webapp/app/shared/layouts/error/error.component.ts
+++ b/src/main/webapp/app/shared/layouts/error/error.component.ts
@@ -1,17 +1,19 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
+import { TranslateDirective } from '../../language/translate.directive';
 
 @Component({
     selector: 'jhi-error',
     templateUrl: './error.component.html',
+    imports: [TranslateDirective],
 })
 export class ErrorComponent implements OnInit {
+    private route = inject(ActivatedRoute);
+
     errorMessage: string;
     error403: boolean;
     error404: boolean;
 
-    constructor(private route: ActivatedRoute) {}
-
     ngOnInit() {
         this.route.data.subscribe((routeData) => {
             if (routeData.error403) {
diff --git a/src/main/webapp/app/shared/layouts/error/error.route.ts b/src/main/webapp/app/shared/layouts/error/error.route.ts
index ac642f572bff..67e1e2ad0bea 100644
--- a/src/main/webapp/app/shared/layouts/error/error.route.ts
+++ b/src/main/webapp/app/shared/layouts/error/error.route.ts
@@ -1,12 +1,9 @@
 import { Routes } from '@angular/router';
 
-import { ErrorComponent } from './error.component';
-import { OrionOutdatedComponent } from 'app/shared/orion/outdated-plugin-warning/orion-outdated.component';
-
 export const errorRoute: Routes = [
     {
         path: 'error',
-        component: ErrorComponent,
+        loadComponent: () => import('./error.component').then((m) => m.ErrorComponent),
         data: {
             authorities: [],
             pageTitle: 'error.title',
@@ -14,7 +11,7 @@ export const errorRoute: Routes = [
     },
     {
         path: 'accessdenied',
-        component: ErrorComponent,
+        loadComponent: () => import('./error.component').then((m) => m.ErrorComponent),
         data: {
             authorities: [],
             pageTitle: 'error.title',
@@ -23,7 +20,7 @@ export const errorRoute: Routes = [
     },
     {
         path: 'orion-outdated',
-        component: OrionOutdatedComponent,
+        loadComponent: () => import('app/shared/orion/outdated-plugin-warning/orion-outdated.component').then((m) => m.OrionOutdatedComponent),
         data: {
             authorities: [],
             pageTitle: 'Outdated Orion Version',
diff --git a/src/main/webapp/app/shared/layouts/footer/footer.component.ts b/src/main/webapp/app/shared/layouts/footer/footer.component.ts
index 84aec9857263..64cc8e3420b0 100644
--- a/src/main/webapp/app/shared/layouts/footer/footer.component.ts
+++ b/src/main/webapp/app/shared/layouts/footer/footer.component.ts
@@ -1,12 +1,18 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
+import { TranslateDirective } from '../../language/translate.directive';
+import { RouterLink } from '@angular/router';
+import { ArtemisTranslatePipe } from '../../pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-footer',
     templateUrl: './footer.component.html',
     styleUrls: ['./footer.scss'],
+    imports: [TranslateDirective, RouterLink, ArtemisTranslatePipe],
 })
 export class FooterComponent implements OnInit {
+    private profileService = inject(ProfileService);
+
     readonly RELEASE_URL = 'https://github.com/ls1intum/Artemis/releases';
     readonly FEEDBACK_URL = 'https://github.com/ls1intum/Artemis/issues/new/choose';
 
@@ -18,8 +24,6 @@ export class FooterComponent implements OnInit {
     isTestServer: boolean;
     isProduction: boolean;
 
-    constructor(private profileService: ProfileService) {}
-
     ngOnInit(): void {
         this.profileService.getProfileInfo().subscribe((profileInfo) => {
             this.contact = profileInfo.contact;
diff --git a/src/main/webapp/app/shared/layouts/navbar/active-menu.directive.ts b/src/main/webapp/app/shared/layouts/navbar/active-menu.directive.ts
index de4296e68ebb..41d8a8ae10f2 100644
--- a/src/main/webapp/app/shared/layouts/navbar/active-menu.directive.ts
+++ b/src/main/webapp/app/shared/layouts/navbar/active-menu.directive.ts
@@ -1,17 +1,13 @@
-import { Directive, ElementRef, Input, OnInit, Renderer2 } from '@angular/core';
+import { Directive, ElementRef, Input, OnInit, Renderer2, inject } from '@angular/core';
 import { LangChangeEvent, TranslateService } from '@ngx-translate/core';
 
-@Directive({
-    selector: '[jhiActiveMenu]',
-})
+@Directive({ selector: '[jhiActiveMenu]' })
 export class ActiveMenuDirective implements OnInit {
-    @Input() jhiActiveMenu: string;
+    private element = inject(ElementRef);
+    private renderer = inject(Renderer2);
+    private translateService = inject(TranslateService);
 
-    constructor(
-        private element: ElementRef,
-        private renderer: Renderer2,
-        private translateService: TranslateService,
-    ) {}
+    @Input() jhiActiveMenu: string;
 
     ngOnInit() {
         this.translateService.onLangChange.subscribe((event: LangChangeEvent) => {
diff --git a/src/main/webapp/app/shared/layouts/navbar/entity-title.service.ts b/src/main/webapp/app/shared/layouts/navbar/entity-title.service.ts
index 3ab54964001f..938562e912a4 100644
--- a/src/main/webapp/app/shared/layouts/navbar/entity-title.service.ts
+++ b/src/main/webapp/app/shared/layouts/navbar/entity-title.service.ts
@@ -1,5 +1,5 @@
 import { HttpClient, HttpResponse } from '@angular/common/http';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { captureException } from '@sentry/angular';
 import { Exercise } from 'app/entities/exercise.model';
 import { EMPTY, Observable, ReplaySubject, Subject } from 'rxjs';
@@ -22,9 +22,9 @@ const FETCH_FALLBACK_TIMEOUT = 3000;
  */
 @Injectable({ providedIn: 'root' })
 export class EntityTitleService {
-    private readonly titleSubjects = new Map<string, { subject: Subject<string>; timeout?: ReturnType<typeof setTimeout> }>();
+    private http = inject(HttpClient);
 
-    constructor(private http: HttpClient) {}
+    private readonly titleSubjects = new Map<string, { subject: Subject<string>; timeout?: ReturnType<typeof setTimeout> }>();
 
     /**
      * Returns an observable that will provide the title of the entity.
diff --git a/src/main/webapp/app/shared/layouts/navbar/navbar.component.html b/src/main/webapp/app/shared/layouts/navbar/navbar.component.html
index 209186817f17..e51a5a10990c 100644
--- a/src/main/webapp/app/shared/layouts/navbar/navbar.component.html
+++ b/src/main/webapp/app/shared/layouts/navbar/navbar.component.html
@@ -337,7 +337,7 @@ <h6 class="dropdown-header fw-medium" jhiTranslate="global.menu.guidedTutorial">
     @if (!isExamStarted && !isExamActive && breadcrumbs && breadcrumbs.length > 0) {
         <div>
             <ol class="breadcrumb">
-                @for (breadcrumb of breadcrumbs; track breadcrumb; let i = $index) {
+                @for (breadcrumb of breadcrumbs; track breadcrumb.label; let i = $index) {
                     @if (i !== 0) {
                         <fa-icon [icon]="faChevronRight" size="xs" class="breadcrumb-divider mx-2" />
                     }
diff --git a/src/main/webapp/app/shared/layouts/navbar/navbar.component.ts b/src/main/webapp/app/shared/layouts/navbar/navbar.component.ts
index 77a83dc0990d..4082e4a8d04f 100644
--- a/src/main/webapp/app/shared/layouts/navbar/navbar.component.ts
+++ b/src/main/webapp/app/shared/layouts/navbar/navbar.component.ts
@@ -1,15 +1,16 @@
-import { Component, HostListener, OnDestroy, OnInit } from '@angular/core';
+import { Component, HostListener, OnDestroy, OnInit, inject } from '@angular/core';
 import { AccountService } from 'app/core/auth/account.service';
+import { HasAnyAuthorityDirective } from 'app/shared/auth/has-any-authority.directive';
 import { Subscription } from 'rxjs';
 import { filter, map, tap } from 'rxjs/operators';
-import { NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
+import { NgbCollapse, NgbDropdown, NgbDropdownMenu, NgbDropdownToggle, NgbModalRef, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 import { User } from 'app/core/user/user.model';
 import { GuidedTourService } from 'app/guided-tour/guided-tour.service';
 import { PROFILE_IRIS, PROFILE_LOCALCI, PROFILE_LTI, VERSION } from 'app/app.constants';
 import { ParticipationWebsocketService } from 'app/overview/participation-websocket.service';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 import { LoginService } from 'app/core/login/login.service';
-import { ActivatedRoute, Event, NavigationEnd, Router } from '@angular/router';
+import { ActivatedRoute, Event, NavigationEnd, Router, RouterLink, RouterLinkActive } from '@angular/router';
 import { ExamParticipationService } from 'app/exam/participate/exam-participation.service';
 import { ArtemisServerDateService } from 'app/shared/server-date.service';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
@@ -52,13 +53,65 @@ import { onError } from 'app/shared/util/global.utils';
 import { StudentExam } from 'app/entities/student-exam.model';
 import { Title } from '@angular/platform-browser';
 import { FeatureToggle, FeatureToggleService } from 'app/shared/feature-toggle/feature-toggle.service';
+import { NgClass, NgTemplateOutlet } from '@angular/common';
+import { NotificationSidebarComponent } from '../../notification/notification-sidebar/notification-sidebar.component';
+import { ThemeSwitchComponent } from 'app/core/theme/theme-switch.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from '../../language/translate.directive';
+import { ActiveMenuDirective } from './active-menu.directive';
+import { JhiConnectionWarningComponent } from '../../connection-warning/connection-warning.component';
+import { LoadingNotificationComponent } from '../../notification/loading-notification/loading-notification.component';
+import { SystemNotificationComponent } from '../../notification/system-notification/system-notification.component';
+import { GuidedTourComponent } from 'app/guided-tour/guided-tour.component';
+import { FindLanguageFromKeyPipe } from 'app/shared/language/find-language-from-key.pipe';
+import { ArtemisTranslatePipe } from '../../pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-navbar',
     templateUrl: './navbar.component.html',
     styleUrls: ['navbar.scss'],
+    imports: [
+        NgClass,
+        NotificationSidebarComponent,
+        ThemeSwitchComponent,
+        NgbDropdown,
+        RouterLinkActive,
+        NgbDropdownToggle,
+        FaIconComponent,
+        TranslateDirective,
+        NgbDropdownMenu,
+        RouterLink,
+        ActiveMenuDirective,
+        NgbTooltip,
+        JhiConnectionWarningComponent,
+        LoadingNotificationComponent,
+        NgTemplateOutlet,
+        NgbCollapse,
+        SystemNotificationComponent,
+        GuidedTourComponent,
+        FindLanguageFromKeyPipe,
+        ArtemisTranslatePipe,
+        // NOTE: this is actually used in the html template, otherwise *jhiHasAnyAuthority would not work
+        HasAnyAuthorityDirective,
+    ],
 })
 export class NavbarComponent implements OnInit, OnDestroy {
+    guidedTourService = inject(GuidedTourService);
+    private accountService = inject(AccountService);
+    private loginService = inject(LoginService);
+    private translateService = inject(TranslateService);
+    private profileService = inject(ProfileService);
+    private participationWebsocketService = inject(ParticipationWebsocketService);
+    private router = inject(Router);
+    private route = inject(ActivatedRoute);
+    private examParticipationService = inject(ExamParticipationService);
+    private serverDateService = inject(ArtemisServerDateService);
+    private alertService = inject(AlertService);
+    private exerciseService = inject(ExerciseService);
+    private entityTitleService = inject(EntityTitleService);
+    private titleService = inject(Title);
+    private featureToggleService = inject(FeatureToggleService);
+
     inProduction: boolean;
     testServer: boolean;
     isNavbarCollapsed: boolean;
@@ -83,7 +136,7 @@ export class NavbarComponent implements OnInit, OnDestroy {
     isExamActive = false;
     examActiveCheckFuture?: ReturnType<typeof setTimeout>;
     irisEnabled: boolean;
-    localCIActive: boolean = false;
+    localCIActive = false;
     ltiEnabled: boolean;
     standardizedCompetenciesEnabled = false;
     agentName?: string;
@@ -132,23 +185,7 @@ export class NavbarComponent implements OnInit, OnDestroy {
     private routeExamId = 0;
     private lastRouteUrlSegment?: string;
 
-    constructor(
-        public guidedTourService: GuidedTourService,
-        private accountService: AccountService,
-        private loginService: LoginService,
-        private translateService: TranslateService,
-        private profileService: ProfileService,
-        private participationWebsocketService: ParticipationWebsocketService,
-        private router: Router,
-        private route: ActivatedRoute,
-        private examParticipationService: ExamParticipationService,
-        private serverDateService: ArtemisServerDateService,
-        private alertService: AlertService,
-        private exerciseService: ExerciseService,
-        private entityTitleService: EntityTitleService,
-        private titleService: Title,
-        private featureToggleService: FeatureToggleService,
-    ) {
+    constructor() {
         this.version = VERSION ? VERSION : '';
         this.isNavbarCollapsed = true;
         this.subscribeToNavigationEventsForExamId();
diff --git a/src/main/webapp/app/shared/layouts/profiles/page-ribbon.component.ts b/src/main/webapp/app/shared/layouts/profiles/page-ribbon.component.ts
index ac757f87fb4b..7c35ce125f9b 100644
--- a/src/main/webapp/app/shared/layouts/profiles/page-ribbon.component.ts
+++ b/src/main/webapp/app/shared/layouts/profiles/page-ribbon.component.ts
@@ -1,5 +1,6 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
+import { TranslateDirective } from '../../language/translate.directive';
 
 @Component({
     selector: 'jhi-page-ribbon',
@@ -13,11 +14,12 @@ import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
         </div>
     `,
     styleUrls: ['page-ribbon.scss'],
+    imports: [TranslateDirective],
 })
 export class PageRibbonComponent implements OnInit {
-    ribbonEnv: string;
+    private profileService = inject(ProfileService);
 
-    constructor(private profileService: ProfileService) {}
+    ribbonEnv: string;
 
     ngOnInit() {
         this.profileService.getProfileInfo().subscribe((profileInfo) => {
diff --git a/src/main/webapp/app/shared/layouts/profiles/profile.service.ts b/src/main/webapp/app/shared/layouts/profiles/profile.service.ts
index b6176a1d027e..b0ad52e30fd1 100644
--- a/src/main/webapp/app/shared/layouts/profiles/profile.service.ts
+++ b/src/main/webapp/app/shared/layouts/profiles/profile.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 
 import { ProfileInfo } from './profile-info.model';
@@ -12,15 +12,13 @@ import { BrowserFingerprintService } from 'app/shared/fingerprint/browser-finger
 
 @Injectable({ providedIn: 'root' })
 export class ProfileService {
+    private http = inject(HttpClient);
+    private featureToggleService = inject(FeatureToggleService);
+    private browserFingerprintService = inject(BrowserFingerprintService);
+
     private infoUrl = 'management/info';
     private profileInfo: BehaviorSubject<ProfileInfo | undefined>;
 
-    constructor(
-        private http: HttpClient,
-        private featureToggleService: FeatureToggleService,
-        private browserFingerprintService: BrowserFingerprintService,
-    ) {}
-
     getProfileInfo(): Observable<ProfileInfo> {
         if (!this.profileInfo) {
             this.profileInfo = new BehaviorSubject(undefined);
diff --git a/src/main/webapp/app/shared/link-preview/components/link-preview-container/link-preview-container.component.ts b/src/main/webapp/app/shared/link-preview/components/link-preview-container/link-preview-container.component.ts
index 1349476f4d0c..4641d6561d70 100644
--- a/src/main/webapp/app/shared/link-preview/components/link-preview-container/link-preview-container.component.ts
+++ b/src/main/webapp/app/shared/link-preview/components/link-preview-container/link-preview-container.component.ts
@@ -3,12 +3,14 @@ import { LinkPreview, LinkPreviewService } from 'app/shared/link-preview/service
 import { Link, LinkifyService } from 'app/shared/link-preview/services/linkify.service';
 import { User } from 'app/core/user/user.model';
 import { Posting } from 'app/entities/metis/posting.model';
+import { LinkPreviewComponent } from '../link-preview/link-preview.component';
 
 @Component({
     selector: 'jhi-link-preview-container',
     templateUrl: './link-preview-container.component.html',
     styleUrls: ['./link-preview-container.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [LinkPreviewComponent],
 })
 export class LinkPreviewContainerComponent implements OnInit, OnChanges {
     private readonly linkPreviewService: LinkPreviewService = inject(LinkPreviewService);
diff --git a/src/main/webapp/app/shared/link-preview/components/link-preview/link-preview.component.ts b/src/main/webapp/app/shared/link-preview/components/link-preview/link-preview.component.ts
index 0da0625bcc0d..6d4636f2e376 100644
--- a/src/main/webapp/app/shared/link-preview/components/link-preview/link-preview.component.ts
+++ b/src/main/webapp/app/shared/link-preview/components/link-preview/link-preview.component.ts
@@ -1,21 +1,27 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input, OnInit, inject } from '@angular/core';
+import { ConfirmIconComponent } from 'app/shared/confirm-icon/confirm-icon.component';
 import { LinkPreview } from 'app/shared/link-preview/services/link-preview.service';
 import { faTimes } from '@fortawesome/free-solid-svg-icons';
 import { MetisService } from 'app/shared/metis/metis.service';
 import { Posting } from 'app/entities/metis/posting.model';
 import { urlRegex } from 'app/shared/link-preview/services/linkify.service';
+import { NgClass } from '@angular/common';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-link-preview',
     templateUrl: './link-preview.component.html',
     styleUrls: ['./link-preview.component.scss'],
+    imports: [ConfirmIconComponent, NgClass, ArtemisTranslatePipe],
 })
 export class LinkPreviewComponent implements OnInit {
+    private metisService = inject(MetisService);
+
     @Input() linkPreview: LinkPreview;
+    @Input() posting?: Posting;
     @Input() showLoadingsProgress: boolean;
     @Input() loaded: boolean;
     @Input() hasError: boolean;
-    @Input() posting?: Posting;
     @Input() isReply?: boolean;
     @Input() multiple?: boolean;
 
@@ -23,8 +29,6 @@ export class LinkPreviewComponent implements OnInit {
 
     faTimes = faTimes;
 
-    constructor(private metisService: MetisService) {}
-
     ngOnInit() {
         this.isAuthorOfOriginalPost = this.metisService.metisUserIsAuthorOfPosting(this.posting!);
     }
diff --git a/src/main/webapp/app/shared/link-preview/services/link-preview.service.ts b/src/main/webapp/app/shared/link-preview/services/link-preview.service.ts
index 864d81f6f942..0704f89e5bc2 100644
--- a/src/main/webapp/app/shared/link-preview/services/link-preview.service.ts
+++ b/src/main/webapp/app/shared/link-preview/services/link-preview.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { map, shareReplay } from 'rxjs/operators';
@@ -14,6 +14,8 @@ export interface LinkPreview {
 
 @Injectable()
 export class LinkPreviewService {
+    private http = inject(HttpClient);
+
     public resourceUrl = 'api/link-preview';
 
     // object used to store the link preview data as observables, with the URL of the link as the key
@@ -21,8 +23,6 @@ export class LinkPreviewService {
 
     links: Link[] = [];
 
-    constructor(private http: HttpClient) {}
-
     fetchLink(url: string): Observable<LinkPreview> {
         if (this.cache[url]) {
             return this.cache[url];
diff --git a/src/main/webapp/app/shared/loading-indicator-container/loading-indicator-container.component.ts b/src/main/webapp/app/shared/loading-indicator-container/loading-indicator-container.component.ts
index d4ecba4d6da1..314eca2e7bf5 100644
--- a/src/main/webapp/app/shared/loading-indicator-container/loading-indicator-container.component.ts
+++ b/src/main/webapp/app/shared/loading-indicator-container/loading-indicator-container.component.ts
@@ -6,7 +6,6 @@ import { TranslateDirective } from 'app/shared/language/translate.directive';
     templateUrl: './loading-indicator-container.component.html',
     styleUrls: ['./loading-indicator-container.component.scss'],
     imports: [TranslateDirective],
-    standalone: true,
 })
 export class LoadingIndicatorContainerComponent {
     isLoading = input<boolean>(false);
diff --git a/src/main/webapp/app/shared/markdown-editor/markdown-editor.module.ts b/src/main/webapp/app/shared/markdown-editor/markdown-editor.module.ts
index a911ddf74ceb..a047588cc708 100644
--- a/src/main/webapp/app/shared/markdown-editor/markdown-editor.module.ts
+++ b/src/main/webapp/app/shared/markdown-editor/markdown-editor.module.ts
@@ -9,8 +9,7 @@ import { DragDropModule } from '@angular/cdk/drag-drop';
 import { MonacoEditorComponent } from 'app/shared/monaco-editor/monaco-editor.component';
 
 @NgModule({
-    imports: [ArtemisSharedModule, MonacoEditorComponent, FormsModule, ArtemisColorSelectorModule, MatMenuModule, MatButtonModule, DragDropModule],
-    declarations: [MarkdownEditorMonacoComponent],
+    imports: [ArtemisSharedModule, MonacoEditorComponent, FormsModule, ArtemisColorSelectorModule, MatMenuModule, MatButtonModule, DragDropModule, MarkdownEditorMonacoComponent],
     exports: [MarkdownEditorMonacoComponent],
 })
 export class ArtemisMarkdownEditorModule {}
diff --git a/src/main/webapp/app/shared/markdown-editor/monaco/markdown-editor-monaco.component.ts b/src/main/webapp/app/shared/markdown-editor/monaco/markdown-editor-monaco.component.ts
index 4be6605a93b9..bae7891424ab 100644
--- a/src/main/webapp/app/shared/markdown-editor/monaco/markdown-editor-monaco.component.ts
+++ b/src/main/webapp/app/shared/markdown-editor/monaco/markdown-editor-monaco.component.ts
@@ -16,7 +16,19 @@ import {
     signal,
 } from '@angular/core';
 import { MonacoEditorComponent } from 'app/shared/monaco-editor/monaco-editor.component';
-import { NgbNavChangeEvent } from '@ng-bootstrap/ng-bootstrap';
+import {
+    NgbDropdown,
+    NgbDropdownMenu,
+    NgbDropdownToggle,
+    NgbNav,
+    NgbNavChangeEvent,
+    NgbNavContent,
+    NgbNavItem,
+    NgbNavLink,
+    NgbNavLinkBase,
+    NgbNavOutlet,
+    NgbTooltip,
+} from '@ng-bootstrap/ng-bootstrap';
 import { TextEditorAction } from 'app/shared/monaco-editor/model/actions/text-editor-action.model';
 import { BoldAction } from 'app/shared/monaco-editor/model/actions/bold.action';
 import { ItalicAction } from 'app/shared/monaco-editor/model/actions/italic.action';
@@ -38,7 +50,7 @@ import { HeadingAction } from 'app/shared/monaco-editor/model/actions/heading.ac
 import { FullscreenAction } from 'app/shared/monaco-editor/model/actions/fullscreen.action';
 import { ColorAction } from 'app/shared/monaco-editor/model/actions/color.action';
 import { ColorSelectorComponent } from 'app/shared/color-selector/color-selector.component';
-import { CdkDragMove, Point } from '@angular/cdk/drag-drop';
+import { CdkDrag, CdkDragMove, Point } from '@angular/cdk/drag-drop';
 import { TextEditorDomainAction } from 'app/shared/monaco-editor/model/actions/text-editor-domain-action.model';
 import { TextEditorDomainActionWithOptions } from 'app/shared/monaco-editor/model/actions/text-editor-domain-action-with-options.model';
 import { LectureAttachmentReferenceAction } from 'app/shared/monaco-editor/model/actions/communication/lecture-attachment-reference.action';
@@ -52,6 +64,12 @@ import { COMMUNICATION_MARKDOWN_EDITOR_OPTIONS, DEFAULT_MARKDOWN_EDITOR_OPTIONS
 import { MetisService } from 'app/shared/metis/metis.service';
 import { UPLOAD_MARKDOWN_FILE_EXTENSIONS } from 'app/shared/constants/file-extensions.constants';
 import { EmojiAction } from 'app/shared/monaco-editor/model/actions/emoji.action';
+import { TranslateDirective } from '../../language/translate.directive';
+import { NgClass, NgTemplateOutlet } from '@angular/common';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { MatMenu, MatMenuItem, MatMenuTrigger } from '@angular/material/menu';
+import { MatButton } from '@angular/material/button';
+import { ArtemisTranslatePipe } from '../../pipes/artemis-translate.pipe';
 
 export enum MarkdownEditorHeight {
     INLINE = 125,
@@ -91,6 +109,30 @@ const BORDER_HEIGHT_OFFSET = 2;
     templateUrl: './markdown-editor-monaco.component.html',
     styleUrls: ['./markdown-editor-monaco.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [
+        NgbNav,
+        NgbNavItem,
+        NgbNavLink,
+        NgbNavLinkBase,
+        TranslateDirective,
+        NgbNavContent,
+        NgClass,
+        MonacoEditorComponent,
+        FaIconComponent,
+        NgbTooltip,
+        NgTemplateOutlet,
+        NgbDropdown,
+        NgbDropdownToggle,
+        NgbDropdownMenu,
+        ColorSelectorComponent,
+        MatMenuTrigger,
+        MatMenu,
+        MatMenuItem,
+        NgbNavOutlet,
+        CdkDrag,
+        MatButton,
+        ArtemisTranslatePipe,
+    ],
 })
 export class MarkdownEditorMonacoComponent implements AfterContentInit, AfterViewInit, OnDestroy {
     private readonly alertService = inject(AlertService);
diff --git a/src/main/webapp/app/shared/markdown.service.ts b/src/main/webapp/app/shared/markdown.service.ts
index 24e2589c616a..bfe5ff27a172 100644
--- a/src/main/webapp/app/shared/markdown.service.ts
+++ b/src/main/webapp/app/shared/markdown.service.ts
@@ -1,11 +1,11 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import { htmlForMarkdown } from 'app/shared/util/markdown.conversion.util';
 import type { PluginSimple } from 'markdown-it';
 
 @Injectable({ providedIn: 'root' })
 export class ArtemisMarkdownService {
-    constructor(private sanitizer: DomSanitizer) {}
+    private sanitizer = inject(DomSanitizer);
 
     /**
      * Converts markdown into html, sanitizes it and then declares it as safe to bypass further security.
diff --git a/src/main/webapp/app/shared/metis/answer-post.service.ts b/src/main/webapp/app/shared/metis/answer-post.service.ts
index 3f9549e0ef2f..dccf8353f5ff 100644
--- a/src/main/webapp/app/shared/metis/answer-post.service.ts
+++ b/src/main/webapp/app/shared/metis/answer-post.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { map } from 'rxjs/operators';
@@ -9,9 +9,11 @@ type EntityResponseType = HttpResponse<AnswerPost>;
 
 @Injectable({ providedIn: 'root' })
 export class AnswerPostService extends PostingService<AnswerPost> {
+    protected http = inject(HttpClient);
+
     public resourceUrl = 'api/courses/';
 
-    constructor(protected http: HttpClient) {
+    constructor() {
         super();
     }
 
diff --git a/src/main/webapp/app/shared/metis/answer-post/answer-post.component.ts b/src/main/webapp/app/shared/metis/answer-post/answer-post.component.ts
index ab9e1881dccc..bd38d6321f19 100644
--- a/src/main/webapp/app/shared/metis/answer-post/answer-post.component.ts
+++ b/src/main/webapp/app/shared/metis/answer-post/answer-post.component.ts
@@ -4,7 +4,6 @@ import {
     Component,
     EventEmitter,
     HostListener,
-    Inject,
     Input,
     OnChanges,
     OnDestroy,
@@ -13,17 +12,26 @@ import {
     Renderer2,
     ViewChild,
     ViewContainerRef,
+    inject,
     input,
 } from '@angular/core';
 import { AnswerPost } from 'app/entities/metis/answer-post.model';
 import { PostingDirective } from 'app/shared/metis/posting.directive';
 import dayjs from 'dayjs/esm';
 import { animate, style, transition, trigger } from '@angular/animations';
-import { Posting } from 'app/entities/metis/posting.model';
 import { Reaction } from 'app/entities/metis/reaction.model';
 import { faBookmark, faPencilAlt, faSmile, faTrash } from '@fortawesome/free-solid-svg-icons';
-import { DOCUMENT } from '@angular/common';
+import { DOCUMENT, NgClass, NgIf, NgStyle } from '@angular/common';
 import { AnswerPostReactionsBarComponent } from 'app/shared/metis/posting-reactions-bar/answer-post-reactions-bar/answer-post-reactions-bar.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from '../../language/translate.directive';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { PostingHeaderComponent } from '../posting-header/posting-header.component';
+import { PostingContentComponent } from '../posting-content/posting-content.components';
+import { AnswerPostCreateEditModalComponent } from '../posting-create-edit-modal/answer-post-create-edit-modal/answer-post-create-edit-modal.component';
+import { CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
+import { EmojiPickerComponent } from '../emoji/emoji-picker.component';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
 
 @Component({
     selector: 'jhi-answer-post',
@@ -36,8 +44,28 @@ import { AnswerPostReactionsBarComponent } from 'app/shared/metis/posting-reacti
             transition(':leave', [animate('300ms ease-out', style({ opacity: 0 }))]),
         ]),
     ],
+    imports: [
+        NgClass,
+        FaIconComponent,
+        TranslateDirective,
+        NgbTooltip,
+        PostingHeaderComponent,
+        PostingContentComponent,
+        AnswerPostReactionsBarComponent,
+        AnswerPostCreateEditModalComponent,
+        NgIf,
+        NgStyle,
+        CdkOverlayOrigin,
+        CdkConnectedOverlay,
+        EmojiPickerComponent,
+        ArtemisDatePipe,
+    ],
 })
 export class AnswerPostComponent extends PostingDirective<AnswerPost> implements OnInit, OnChanges, OnDestroy {
+    changeDetector = inject(ChangeDetectorRef);
+    renderer = inject(Renderer2);
+    private document = inject<Document>(DOCUMENT);
+
     @Input() lastReadDate?: dayjs.Dayjs;
     @Input() isLastAnswer: boolean;
     @Output() openPostingCreateEditModal = new EventEmitter<void>();
@@ -45,37 +73,29 @@ export class AnswerPostComponent extends PostingDirective<AnswerPost> implements
     @Output() channelReferenceClicked = new EventEmitter<number>();
     isAnswerPost = true;
 
-    @Input()
-    isReadOnlyMode = false;
+    @Input() isReadOnlyMode = false;
+
     // ng-container to render answerPostCreateEditModalComponent
+    @ViewChild('createEditAnswerPostContainer', { read: ViewContainerRef }) containerRef: ViewContainerRef;
+    @ViewChild(AnswerPostReactionsBarComponent) private reactionsBarComponent!: AnswerPostReactionsBarComponent;
 
     // Icons
     faBookmark = faBookmark;
 
-    @ViewChild('createEditAnswerPostContainer', { read: ViewContainerRef }) containerRef: ViewContainerRef;
     isConsecutive = input<boolean>(false);
     readonly faPencilAlt = faPencilAlt;
     readonly faSmile = faSmile;
     readonly faTrash = faTrash;
     static activeDropdownPost: AnswerPostComponent | null = null;
-    mayEdit: boolean = false;
-    mayDelete: boolean = false;
-    @ViewChild(AnswerPostReactionsBarComponent) private reactionsBarComponent!: AnswerPostReactionsBarComponent;
-
-    constructor(
-        public changeDetector: ChangeDetectorRef,
-        public renderer: Renderer2,
-        @Inject(DOCUMENT) private document: Document,
-    ) {
-        super();
-    }
+    mayEdit = false;
+    mayDelete = false;
 
     ngOnInit() {
         super.ngOnInit();
         this.assignPostingToAnswerPost();
     }
 
-    ngOnChanges(): void {
+    ngOnChanges() {
         this.assignPostingToAnswerPost();
     }
 
@@ -83,7 +103,7 @@ export class AnswerPostComponent extends PostingDirective<AnswerPost> implements
         return this.reactionsBarComponent;
     }
 
-    onPostingUpdated(updatedPosting: Posting) {
+    onPostingUpdated(updatedPosting: AnswerPost) {
         this.posting = updatedPosting;
     }
 
@@ -121,7 +141,7 @@ export class AnswerPostComponent extends PostingDirective<AnswerPost> implements
 
     onRightClick(event: MouseEvent) {
         const targetElement = event.target as HTMLElement;
-        let isPointerCursor = false;
+        let isPointerCursor: boolean;
         try {
             isPointerCursor = window.getComputedStyle(targetElement).cursor === 'pointer';
         } catch (error) {
diff --git a/src/main/webapp/app/shared/metis/course-discussion.directive.ts b/src/main/webapp/app/shared/metis/course-discussion.directive.ts
index d579b0d9dcb2..ea3138a18b61 100644
--- a/src/main/webapp/app/shared/metis/course-discussion.directive.ts
+++ b/src/main/webapp/app/shared/metis/course-discussion.directive.ts
@@ -1,4 +1,4 @@
-import { Directive } from '@angular/core';
+import { Directive, inject } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { faFilter, faLongArrowAltDown, faLongArrowAltUp, faPlus, faSearch, faTimes } from '@fortawesome/free-solid-svg-icons';
 import { PostContextFilter, PostSortCriterion, SortDirection } from 'app/shared/metis/metis.util';
@@ -12,6 +12,8 @@ import { MetisService } from 'app/shared/metis/metis.service';
     providers: [MetisService],
 })
 export abstract class CourseDiscussionDirective {
+    protected metisService = inject(MetisService);
+
     searchText?: string;
     currentPostContextFilter: PostContextFilter;
     formGroup: FormGroup;
@@ -37,8 +39,6 @@ export abstract class CourseDiscussionDirective {
     faLongArrowAltUp = faLongArrowAltUp;
     faLongArrowAltDown = faLongArrowAltDown;
 
-    protected constructor(protected metisService: MetisService) {}
-
     /**
      * on changing any filter, the metis service is invoked to deliver all posts for the
      * currently set context, filtered on the server
diff --git a/src/main/webapp/app/shared/metis/emoji/emoji-picker.component.ts b/src/main/webapp/app/shared/metis/emoji/emoji-picker.component.ts
index 30185358c2f1..65bab3576224 100644
--- a/src/main/webapp/app/shared/metis/emoji/emoji-picker.component.ts
+++ b/src/main/webapp/app/shared/metis/emoji/emoji-picker.component.ts
@@ -9,7 +9,6 @@ import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
     selector: 'jhi-emoji-picker',
     templateUrl: './emoji-picker.component.html',
     imports: [PickerModule, ArtemisTranslatePipe],
-    standalone: true,
 })
 export class EmojiPickerComponent {
     private themeService = inject(ThemeService);
diff --git a/src/main/webapp/app/shared/metis/emoji/emoji.component.ts b/src/main/webapp/app/shared/metis/emoji/emoji.component.ts
index 7bb4700d17f6..2675fe402051 100644
--- a/src/main/webapp/app/shared/metis/emoji/emoji.component.ts
+++ b/src/main/webapp/app/shared/metis/emoji/emoji.component.ts
@@ -8,7 +8,6 @@ import { EmojiUtils } from 'app/shared/metis/emoji/emoji.utils';
     templateUrl: './emoji.component.html',
     styleUrls: ['./emoji.component.scss'],
     imports: [EmojiModule],
-    standalone: true,
 })
 export class EmojiComponent {
     private themeService = inject(ThemeService);
diff --git a/src/main/webapp/app/shared/metis/message/message-inline-input/message-inline-input.component.ts b/src/main/webapp/app/shared/metis/message/message-inline-input/message-inline-input.component.ts
index 5292d11e7384..9cf297da1234 100644
--- a/src/main/webapp/app/shared/metis/message/message-inline-input/message-inline-input.component.ts
+++ b/src/main/webapp/app/shared/metis/message/message-inline-input/message-inline-input.component.ts
@@ -1,30 +1,26 @@
-import { Component, OnInit, ViewEncapsulation } from '@angular/core';
+import { Component, OnInit, ViewEncapsulation, inject } from '@angular/core';
 import { AnswerPost } from 'app/entities/metis/answer-post.model';
-import { MetisService } from 'app/shared/metis/metis.service';
-import { FormBuilder, Validators } from '@angular/forms';
+import { FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
 import { Post } from 'app/entities/metis/post.model';
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 import { PostContentValidationPattern } from 'app/shared/metis/metis.util';
+import { PostingButtonComponent } from 'app/shared/metis/posting-button/posting-button.component';
 import { PostingCreateEditDirective } from 'app/shared/metis/posting-create-edit.directive';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { LocalStorageService } from 'ngx-webstorage';
+import { PostingMarkdownEditorComponent } from '../../posting-markdown-editor/posting-markdown-editor.component';
 
 @Component({
     selector: 'jhi-message-inline-input',
     templateUrl: './message-inline-input.component.html',
     styleUrls: ['./message-inline-input.component.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [FormsModule, ReactiveFormsModule, PostingMarkdownEditorComponent, TranslateDirective, PostingButtonComponent, ArtemisTranslatePipe],
 })
 export class MessageInlineInputComponent extends PostingCreateEditDirective<Post | AnswerPost> implements OnInit {
-    warningDismissed = false;
+    protected localStorageService = inject(LocalStorageService);
 
-    constructor(
-        protected metisService: MetisService,
-        protected modalService: NgbModal,
-        protected formBuilder: FormBuilder,
-        protected localStorageService: LocalStorageService,
-    ) {
-        super(metisService, modalService, formBuilder);
-    }
+    warningDismissed = false;
 
     ngOnInit(): void {
         super.ngOnInit();
diff --git a/src/main/webapp/app/shared/metis/message/message-reply-inline-input/message-reply-inline-input.component.ts b/src/main/webapp/app/shared/metis/message/message-reply-inline-input/message-reply-inline-input.component.ts
index 6bdffeb2548a..eea87ce09e41 100644
--- a/src/main/webapp/app/shared/metis/message/message-reply-inline-input/message-reply-inline-input.component.ts
+++ b/src/main/webapp/app/shared/metis/message/message-reply-inline-input/message-reply-inline-input.component.ts
@@ -1,10 +1,12 @@
-import { Component, EventEmitter, OnChanges, OnInit, Output, SimpleChanges, ViewEncapsulation, input } from '@angular/core';
+import { Component, EventEmitter, OnChanges, OnInit, Output, SimpleChanges, ViewEncapsulation, inject, input } from '@angular/core';
 import { AnswerPost } from 'app/entities/metis/answer-post.model';
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
-import { MetisService } from 'app/shared/metis/metis.service';
-import { FormBuilder, Validators } from '@angular/forms';
+import { FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 import { PostContentValidationPattern } from 'app/shared/metis/metis.util';
+import { PostingButtonComponent } from 'app/shared/metis/posting-button/posting-button.component';
 import { PostingCreateEditDirective } from 'app/shared/metis/posting-create-edit.directive';
+import { PostingMarkdownEditorComponent } from 'app/shared/metis/posting-markdown-editor/posting-markdown-editor.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { LocalStorageService } from 'ngx-webstorage';
 import { ConversationDTO } from 'app/entities/metis/conversation/conversation.model';
 
@@ -13,23 +15,16 @@ import { ConversationDTO } from 'app/entities/metis/conversation/conversation.mo
     templateUrl: './message-reply-inline-input.component.html',
     styleUrls: ['./message-reply-inline-input.component.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [FormsModule, ReactiveFormsModule, PostingMarkdownEditorComponent, TranslateDirective, PostingButtonComponent, ArtemisTranslatePipe],
 })
 export class MessageReplyInlineInputComponent extends PostingCreateEditDirective<AnswerPost> implements OnInit, OnChanges {
+    protected localStorageService = inject(LocalStorageService);
+
     warningDismissed = false;
 
     readonly activeConversation = input<ConversationDTO>();
 
-    @Output()
-    valueChange = new EventEmitter<void>();
-
-    constructor(
-        protected metisService: MetisService,
-        protected modalService: NgbModal,
-        protected formBuilder: FormBuilder,
-        protected localStorageService: LocalStorageService,
-    ) {
-        super(metisService, modalService, formBuilder);
-    }
+    @Output() valueChange = new EventEmitter<void>();
 
     ngOnInit(): void {
         super.ngOnInit();
diff --git a/src/main/webapp/app/shared/metis/metis-conversation.service.ts b/src/main/webapp/app/shared/metis/metis-conversation.service.ts
index 5062ae79072a..c0d4e0e0d50d 100644
--- a/src/main/webapp/app/shared/metis/metis-conversation.service.ts
+++ b/src/main/webapp/app/shared/metis/metis-conversation.service.ts
@@ -1,4 +1,4 @@
-import { Injectable, OnDestroy } from '@angular/core';
+import { Injectable, OnDestroy, inject } from '@angular/core';
 import { EMPTY, Observable, ReplaySubject, Subject, Subscription, catchError, finalize, map, of, switchMap, tap } from 'rxjs';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { ConversationService } from 'app/shared/metis/conversations/conversation.service';
@@ -26,15 +26,25 @@ import { NotificationService } from 'app/shared/notification/notification.servic
  */
 @Injectable()
 export class MetisConversationService implements OnDestroy {
+    private groupChatService = inject(GroupChatService);
+    private oneToOneChatService = inject(OneToOneChatService);
+    private channelService = inject(ChannelService);
+    protected conversationService = inject(ConversationService);
+    private jhiWebsocketService = inject(JhiWebsocketService);
+    private accountService = inject(AccountService);
+    private alertService = inject(AlertService);
+    private router = inject(Router);
+    private notificationService = inject(NotificationService);
+
     // Stores the conversation of the course where the current user is a member
     private conversationsOfUser: ConversationDTO[] = [];
     _conversationsOfUser$: ReplaySubject<ConversationDTO[]> = new ReplaySubject<ConversationDTO[]>(1);
     // Stores the currently selected conversation
     private activeConversation: ConversationDTO | undefined = undefined;
     _activeConversation$: ReplaySubject<ConversationDTO | undefined> = new ReplaySubject<ConversationDTO | undefined>(1);
-    private isCodeOfConductAccepted: boolean = false;
+    private isCodeOfConductAccepted = false;
     _isCodeOfConductAccepted$: ReplaySubject<boolean> = new ReplaySubject<boolean>(1);
-    private isCodeOfConductPresented: boolean = false;
+    private isCodeOfConductPresented = false;
     _isCodeOfConductPresented$: ReplaySubject<boolean> = new ReplaySubject<boolean>(1);
     private hasUnreadMessages = false;
     _hasUnreadMessages$: Subject<boolean> = new ReplaySubject<boolean>(1);
@@ -52,17 +62,7 @@ export class MetisConversationService implements OnDestroy {
 
     private _isServiceSetup$: ReplaySubject<boolean> = new ReplaySubject<boolean>(1);
 
-    constructor(
-        private groupChatService: GroupChatService,
-        private oneToOneChatService: OneToOneChatService,
-        private channelService: ChannelService,
-        protected conversationService: ConversationService,
-        private jhiWebsocketService: JhiWebsocketService,
-        private accountService: AccountService,
-        private alertService: AlertService,
-        private router: Router,
-        private notificationService: NotificationService,
-    ) {
+    constructor() {
         this.accountService.identity().then((user: User) => {
             this.userId = user.id!;
         });
diff --git a/src/main/webapp/app/shared/metis/metis.module.ts b/src/main/webapp/app/shared/metis/metis.module.ts
index 7684d4aa9708..593e03b4ad2b 100644
--- a/src/main/webapp/app/shared/metis/metis.module.ts
+++ b/src/main/webapp/app/shared/metis/metis.module.ts
@@ -66,8 +66,6 @@ import { ProfilePictureComponent } from 'app/shared/profile-picture/profile-pict
         HtmlForPostingMarkdownPipe,
         EmojiComponent,
         EmojiPickerComponent,
-    ],
-    declarations: [
         PostingThreadComponent,
         PostingHeaderComponent,
         PostCreateEditModalComponent,
diff --git a/src/main/webapp/app/shared/metis/metis.service.ts b/src/main/webapp/app/shared/metis/metis.service.ts
index da43d6ba258f..629c005d9509 100644
--- a/src/main/webapp/app/shared/metis/metis.service.ts
+++ b/src/main/webapp/app/shared/metis/metis.service.ts
@@ -36,6 +36,14 @@ import { cloneDeep } from 'lodash-es';
 
 @Injectable()
 export class MetisService implements OnDestroy {
+    protected postService = inject(PostService);
+    protected answerPostService = inject(AnswerPostService);
+    protected reactionService = inject(ReactionService);
+    protected accountService = inject(AccountService);
+    protected exerciseService = inject(ExerciseService);
+    private jhiWebsocketService = inject(JhiWebsocketService);
+    private conversationService = inject(ConversationService);
+
     private posts$: ReplaySubject<Post[]> = new ReplaySubject<Post[]>(1);
     private tags$: BehaviorSubject<string[]> = new BehaviorSubject<string[]>([]);
     private totalNumberOfPosts$: ReplaySubject<number> = new ReplaySubject<number>(1);
@@ -54,16 +62,9 @@ export class MetisService implements OnDestroy {
 
     course: Course;
 
-    constructor(
-        protected postService: PostService,
-        protected answerPostService: AnswerPostService,
-        protected reactionService: ReactionService,
-        protected accountService: AccountService,
-        protected exerciseService: ExerciseService,
-        private jhiWebsocketService: JhiWebsocketService,
-        private conversationService: ConversationService,
-        notificationService: NotificationService,
-    ) {
+    constructor() {
+        const notificationService = inject(NotificationService);
+
         this.accountService.identity().then((user: User) => {
             this.user = user!;
         });
@@ -246,8 +247,8 @@ export class MetisService implements OnDestroy {
 
     /**
      * updates a given posts by invoking the post service
-     * @param {Post} post to be updated
-     * @return {Observable<Post>} updated post
+     * @param post to be updated
+     * @return updated post
      */
     updatePost(post: Post): Observable<Post> {
         return this.postService.update(this.courseId, post).pipe(
diff --git a/src/main/webapp/app/shared/metis/post.service.ts b/src/main/webapp/app/shared/metis/post.service.ts
index ed859078e07c..444f5b6e334f 100644
--- a/src/main/webapp/app/shared/metis/post.service.ts
+++ b/src/main/webapp/app/shared/metis/post.service.ts
@@ -1,5 +1,6 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpParams, HttpResponse } from '@angular/common/http';
+import { Posting } from 'app/entities/metis/posting.model';
 import { Observable } from 'rxjs';
 import { map } from 'rxjs/operators';
 import { Post } from 'app/entities/metis/post.model';
@@ -13,9 +14,11 @@ type EntityArrayResponseType = HttpResponse<Post[]>;
 
 @Injectable({ providedIn: 'root' })
 export class PostService extends PostingService<Post> {
+    protected http = inject(HttpClient);
+
     public resourceUrl = 'api/courses/';
 
-    constructor(protected http: HttpClient) {
+    constructor() {
         super();
     }
 
@@ -88,7 +91,7 @@ export class PostService extends PostingService<Post> {
      * @param {Post} post
      * @return {Observable<EntityResponseType>}
      */
-    update(courseId: number, post: Post): Observable<EntityResponseType> {
+    update<T extends Posting>(courseId: number, post: T): Observable<EntityResponseType> {
         const copy = this.convertPostingDateFromClient(post);
         return this.http
             .put<Post>(`${this.resourceUrl}${courseId}${PostService.getResourceEndpoint(undefined, post)}/${post.id}`, copy, { observe: 'response' })
diff --git a/src/main/webapp/app/shared/metis/post/post.component.ts b/src/main/webapp/app/shared/metis/post/post.component.ts
index c7d445e5047a..66b6fe92d9c9 100644
--- a/src/main/webapp/app/shared/metis/post/post.component.ts
+++ b/src/main/webapp/app/shared/metis/post/post.component.ts
@@ -5,7 +5,6 @@ import {
     Component,
     EventEmitter,
     HostListener,
-    Inject,
     Input,
     OnChanges,
     OnInit,
@@ -13,14 +12,15 @@ import {
     Renderer2,
     ViewChild,
     ViewContainerRef,
+    inject,
     input,
 } from '@angular/core';
 import { Post } from 'app/entities/metis/post.model';
 import { PostingDirective } from 'app/shared/metis/posting.directive';
 import { MetisService } from 'app/shared/metis/metis.service';
-import { NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
+import { NgbModalRef, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 import { ContextInformation, DisplayPriority, PageType, RouteComponents } from '../metis.util';
-import { faBookmark, faBullhorn, faCheckSquare, faComments, faPencilAlt, faSmile, faThumbtack, faTrash } from '@fortawesome/free-solid-svg-icons';
+import { faBookmark, faBullhorn, faComments, faPencilAlt, faSmile, faThumbtack, faTrash } from '@fortawesome/free-solid-svg-icons';
 import dayjs from 'dayjs/esm';
 import { PostingFooterComponent } from 'app/shared/metis/posting-footer/posting-footer.component';
 import { isCommunicationEnabled } from 'app/entities/course.model';
@@ -30,8 +30,17 @@ import { AnswerPostCreateEditModalComponent } from 'app/shared/metis/posting-cre
 import { animate, style, transition, trigger } from '@angular/animations';
 import { PostCreateEditModalComponent } from 'app/shared/metis/posting-create-edit-modal/post-create-edit-modal/post-create-edit-modal.component';
 import { PostReactionsBarComponent } from 'app/shared/metis/posting-reactions-bar/post-reactions-bar/post-reactions-bar.component';
-import { CdkOverlayOrigin } from '@angular/cdk/overlay';
-import { DOCUMENT } from '@angular/common';
+import { CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
+import { DOCUMENT, NgClass, NgIf, NgStyle } from '@angular/common';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from '../../language/translate.directive';
+import { PostingHeaderComponent } from '../posting-header/posting-header.component';
+import { RouterLink, RouterLinkActive } from '@angular/router';
+import { PostingContentComponent } from '../posting-content/posting-content.components';
+import { MessageInlineInputComponent } from '../message/message-inline-input/message-inline-input.component';
+import { EmojiPickerComponent } from '../emoji/emoji-picker.component';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from '../../pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-post',
@@ -44,8 +53,33 @@ import { DOCUMENT } from '@angular/common';
             transition(':leave', [animate('300ms ease-out', style({ opacity: 0 }))]),
         ]),
     ],
+    imports: [
+        NgClass,
+        FaIconComponent,
+        TranslateDirective,
+        NgbTooltip,
+        PostingHeaderComponent,
+        RouterLinkActive,
+        RouterLink,
+        PostingContentComponent,
+        PostReactionsBarComponent,
+        MessageInlineInputComponent,
+        PostingFooterComponent,
+        NgIf,
+        NgStyle,
+        CdkOverlayOrigin,
+        CdkConnectedOverlay,
+        EmojiPickerComponent,
+        ArtemisDatePipe,
+        ArtemisTranslatePipe,
+    ],
 })
 export class PostComponent extends PostingDirective<Post> implements OnInit, OnChanges, AfterContentChecked {
+    metisService = inject(MetisService);
+    changeDetector = inject(ChangeDetectorRef);
+    renderer = inject(Renderer2);
+    private document = inject<Document>(DOCUMENT);
+
     @Input() lastReadDate?: dayjs.Dayjs;
     @Input() readOnlyMode: boolean;
     @Input() previewMode: boolean;
@@ -53,15 +87,19 @@ export class PostComponent extends PostingDirective<Post> implements OnInit, OnC
     // we need to pass the ref in order to close it when navigating to the previewed post via post title
     @Input() modalRef?: NgbModalRef;
     @Input() showAnswers: boolean;
+
     @Output() openThread = new EventEmitter<void>();
+
     @ViewChild('createAnswerPostModal') createAnswerPostModalComponent: AnswerPostCreateEditModalComponent;
     @ViewChild('createEditModal') createEditModal!: PostCreateEditModalComponent;
     @ViewChild('createEditAnswerPostContainer', { read: ViewContainerRef }) containerRef: ViewContainerRef;
     @ViewChild('postFooter') postFooterComponent: PostingFooterComponent;
-    showReactionSelector = false;
     @ViewChild('emojiPickerTrigger') emojiPickerTrigger!: CdkOverlayOrigin;
-    static activeDropdownPost: PostComponent | null = null;
+    @ViewChild(PostReactionsBarComponent) protected reactionsBarComponent!: PostReactionsBarComponent;
 
+    static activeDropdownPost: PostComponent | undefined = undefined;
+
+    showReactionSelector = false;
     displayInlineInput = false;
     routerLink: RouteComponents;
     queryParams = {};
@@ -74,9 +112,9 @@ export class PostComponent extends PostingDirective<Post> implements OnInit, OnC
     contextInformation: ContextInformation;
     readonly PageType = PageType;
     readonly DisplayPriority = DisplayPriority;
-    mayEdit: boolean = false;
-    mayDelete: boolean = false;
-    canPin: boolean = false;
+    mayEdit = false;
+    mayDelete = false;
+    canPin = false;
 
     // Icons
     readonly faBullhorn = faBullhorn;
@@ -85,21 +123,10 @@ export class PostComponent extends PostingDirective<Post> implements OnInit, OnC
     readonly faSmile = faSmile;
     readonly faTrash = faTrash;
     readonly faThumbtack = faThumbtack;
-    readonly faCheckSquare = faCheckSquare;
     readonly faBookmark = faBookmark;
 
     isConsecutive = input<boolean>(false);
     dropdownPosition = { x: 0, y: 0 };
-    @ViewChild(PostReactionsBarComponent) protected reactionsBarComponent!: PostReactionsBarComponent;
-
-    constructor(
-        public metisService: MetisService,
-        public changeDetector: ChangeDetectorRef,
-        public renderer: Renderer2,
-        @Inject(DOCUMENT) private document: Document,
-    ) {
-        super();
-    }
 
     get reactionsBar() {
         return this.reactionsBarComponent;
diff --git a/src/main/webapp/app/shared/metis/posting-button/posting-button.component.ts b/src/main/webapp/app/shared/metis/posting-button/posting-button.component.ts
index 1a4d9eeb1f11..1b757c701e6c 100644
--- a/src/main/webapp/app/shared/metis/posting-button/posting-button.component.ts
+++ b/src/main/webapp/app/shared/metis/posting-button/posting-button.component.ts
@@ -1,17 +1,19 @@
 import { Component, HostBinding, Input } from '@angular/core';
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 @Component({
-    /* eslint-disable-next-line  @angular-eslint/component-selector */
     selector: 'button[jhi-posting-button]',
     templateUrl: './posting-button.component.html',
+    imports: [FaIconComponent],
 })
 export class PostingButtonComponent {
     @Input() buttonIcon: IconProp;
     @Input() buttonLabel: string;
     @Input() buttonLoading = false;
     @Input() hideLabelMobile = true;
+
     @HostBinding('class.btn-outline-primary') @Input() outlined = false;
     @HostBinding('class.btn-sm') @Input() smallButton = false;
     @HostBinding('class.btn') isButton = true;
diff --git a/src/main/webapp/app/shared/metis/posting-content/enlarge-slide-image/enlarge-slide-image.component.ts b/src/main/webapp/app/shared/metis/posting-content/enlarge-slide-image/enlarge-slide-image.component.ts
index 11eab0922af2..f21734982332 100644
--- a/src/main/webapp/app/shared/metis/posting-content/enlarge-slide-image/enlarge-slide-image.component.ts
+++ b/src/main/webapp/app/shared/metis/posting-content/enlarge-slide-image/enlarge-slide-image.component.ts
@@ -1,13 +1,11 @@
-import { Component, Inject } from '@angular/core';
+import { Component, inject } from '@angular/core';
 import { MAT_DIALOG_DATA } from '@angular/material/dialog';
 
 export interface DialogData {
     slideToReference: string;
 }
 
-@Component({
-    templateUrl: './enlarge-slide-image.component.html',
-})
+@Component({ templateUrl: './enlarge-slide-image.component.html' })
 export class EnlargeSlideImageComponent {
-    constructor(@Inject(MAT_DIALOG_DATA) public data: DialogData) {}
+    data = inject<DialogData>(MAT_DIALOG_DATA);
 }
diff --git a/src/main/webapp/app/shared/metis/posting-content/posting-content-part/posting-content-part.components.ts b/src/main/webapp/app/shared/metis/posting-content/posting-content-part/posting-content-part.components.ts
index e194a5f162eb..05253745a92a 100644
--- a/src/main/webapp/app/shared/metis/posting-content/posting-content-part/posting-content-part.components.ts
+++ b/src/main/webapp/app/shared/metis/posting-content/posting-content-part/posting-content-part.components.ts
@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, OnChanges, OnInit, Output } from '@angular/core';
+import { Component, EventEmitter, Input, OnChanges, OnInit, Output, inject } from '@angular/core';
 import { PostingContentPart, ReferenceType } from '../../metis.util';
 import { FileService } from 'app/shared/http/file.service';
 
@@ -21,13 +21,22 @@ import { IconProp } from '@fortawesome/fontawesome-svg-core';
 import { EnlargeSlideImageComponent } from 'app/shared/metis/posting-content/enlarge-slide-image/enlarge-slide-image.component';
 import { MatDialog } from '@angular/material/dialog';
 import { AccountService } from 'app/core/auth/account.service';
+import { RouterLink } from '@angular/router';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from '@ngx-translate/core';
+import { HtmlForPostingMarkdownPipe } from 'app/shared/pipes/html-for-posting-markdown.pipe';
 
 @Component({
     selector: 'jhi-posting-content-part',
     templateUrl: './posting-content-part.component.html',
     styleUrls: ['./../../metis.component.scss'],
+    imports: [RouterLink, FaIconComponent, TranslateDirective, HtmlForPostingMarkdownPipe],
 })
 export class PostingContentPartComponent implements OnInit, OnChanges {
+    private fileService = inject(FileService);
+    private dialog = inject(MatDialog);
+    private accountService = inject(AccountService);
+
     @Input() postingContentPart: PostingContentPart;
     @Output() userReferenceClicked = new EventEmitter<string>();
     @Output() channelReferenceClicked = new EventEmitter<number>();
@@ -50,12 +59,6 @@ export class PostingContentPartComponent implements OnInit, OnChanges {
     processedContentBeforeReference: string;
     processedContentAfterReference: string;
 
-    constructor(
-        private fileService: FileService,
-        private dialog: MatDialog,
-        private accountService: AccountService,
-    ) {}
-
     ngOnInit() {
         this.processContent();
     }
diff --git a/src/main/webapp/app/shared/metis/posting-content/posting-content.components.ts b/src/main/webapp/app/shared/metis/posting-content/posting-content.components.ts
index e9c4d58195cb..1bd2f136a14c 100644
--- a/src/main/webapp/app/shared/metis/posting-content/posting-content.components.ts
+++ b/src/main/webapp/app/shared/metis/posting-content/posting-content.components.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Output, input, output, signal } from '@angular/core';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Output, inject, input, output, signal } from '@angular/core';
 import { Params } from '@angular/router';
 import { faAngleDown, faAngleUp } from '@fortawesome/free-solid-svg-icons';
 import { Post } from 'app/entities/metis/post.model';
@@ -8,14 +8,22 @@ import { PatternMatch, PostingContentPart, ReferenceType } from '../metis.util';
 import { User } from 'app/core/user/user.model';
 import { Posting } from 'app/entities/metis/posting.model';
 import { isCommunicationEnabled } from 'app/entities/course.model';
+import { TranslateDirective } from '../../language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgStyle } from '@angular/common';
+import { PostingContentPartComponent } from './posting-content-part/posting-content-part.components';
+import { LinkPreviewContainerComponent } from '../../link-preview/components/link-preview-container/link-preview-container.component';
 
 @Component({
     selector: 'jhi-posting-content',
     templateUrl: './posting-content.component.html',
     styleUrls: ['./posting-content.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [TranslateDirective, FaIconComponent, NgStyle, PostingContentPartComponent, LinkPreviewContainerComponent],
 })
 export class PostingContentComponent implements OnInit, OnChanges, OnDestroy {
+    private metisService = inject(MetisService);
+
     @Input() content?: string;
     @Input() previewMode?: boolean;
     @Input() author?: User;
@@ -42,8 +50,6 @@ export class PostingContentComponent implements OnInit, OnChanges, OnDestroy {
     faAngleUp = faAngleUp;
     faAngleDown = faAngleDown;
 
-    constructor(private metisService: MetisService) {}
-
     /**
      * on initialization: calculate posting parts to be displayed
      */
@@ -59,7 +65,7 @@ export class PostingContentComponent implements OnInit, OnChanges, OnDestroy {
     /**
      * on changes: update posting parts to be displayed
      */
-    ngOnChanges(): void {
+    ngOnChanges() {
         if (!this.isSubscribeToMetis()) {
             this.computeContentPartsOfPosts();
         }
diff --git a/src/main/webapp/app/shared/metis/posting-create-edit-modal/answer-post-create-edit-modal/answer-post-create-edit-modal.component.ts b/src/main/webapp/app/shared/metis/posting-create-edit-modal/answer-post-create-edit-modal/answer-post-create-edit-modal.component.ts
index e061a67aa20a..1e6b0ed6e20a 100644
--- a/src/main/webapp/app/shared/metis/posting-create-edit-modal/answer-post-create-edit-modal/answer-post-create-edit-modal.component.ts
+++ b/src/main/webapp/app/shared/metis/posting-create-edit-modal/answer-post-create-edit-modal/answer-post-create-edit-modal.component.ts
@@ -1,30 +1,24 @@
 import { Component, EventEmitter, Input, Output, ViewContainerRef, ViewEncapsulation } from '@angular/core';
+import { PostingButtonComponent } from 'app/shared/metis/posting-button/posting-button.component';
 import { PostingCreateEditModalDirective } from 'app/shared/metis/posting-create-edit-modal/posting-create-edit-modal.directive';
 import { AnswerPost } from 'app/entities/metis/answer-post.model';
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
-import { MetisService } from 'app/shared/metis/metis.service';
-import { FormBuilder, Validators } from '@angular/forms';
+import { FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
 import { PostContentValidationPattern } from 'app/shared/metis/metis.util';
 import { Posting } from 'app/entities/metis/posting.model';
+import { PostingMarkdownEditorComponent } from 'app/shared/metis/posting-markdown-editor/posting-markdown-editor.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-answer-post-create-edit-modal',
     templateUrl: './answer-post-create-edit-modal.component.html',
     styleUrls: ['answer-post-create-edit-modal.component.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [FormsModule, ReactiveFormsModule, PostingMarkdownEditorComponent, PostingButtonComponent, ArtemisTranslatePipe],
 })
 export class AnswerPostCreateEditModalComponent extends PostingCreateEditModalDirective<AnswerPost> {
     @Input() createEditAnswerPostContainerRef: ViewContainerRef;
-    isInputOpen = false;
     @Output() postingUpdated = new EventEmitter<Posting>();
-
-    constructor(
-        protected metisService: MetisService,
-        protected modalService: NgbModal,
-        protected formBuilder: FormBuilder,
-    ) {
-        super(metisService, modalService, formBuilder);
-    }
+    isInputOpen = false;
 
     /**
      * renders the ng-template to edit or create an answerPost
diff --git a/src/main/webapp/app/shared/metis/posting-create-edit-modal/post-create-edit-modal/post-create-edit-modal.component.html b/src/main/webapp/app/shared/metis/posting-create-edit-modal/post-create-edit-modal/post-create-edit-modal.component.html
index cd2a9ff14182..f7ae82403eb0 100644
--- a/src/main/webapp/app/shared/metis/posting-create-edit-modal/post-create-edit-modal/post-create-edit-modal.component.html
+++ b/src/main/webapp/app/shared/metis/posting-create-edit-modal/post-create-edit-modal/post-create-edit-modal.component.html
@@ -31,36 +31,6 @@ <h4 class="modal-title">{{ modalTitle | artemisTranslate }}</h4>
                     </div>
                 </div>
             }
-            <!-- top K similar posts, only shown if there are similar posts (i.e. not during updating a post), announcements will not be compared -->
-            @if (similarPosts.length > 0) {
-                <div class="mb-3">
-                    <div ngbAccordion>
-                        <div ngbAccordionItem>
-                            <div ngbAccordionHeader>
-                                <button ngbAccordionButton class="d-flex align-items-center justify-content-between">
-                                    <p class="my-2 ps-1">
-                                        {{ 'artemisApp.metis.post.similarPosts' | artemisTranslate }}
-                                        <jhi-help-icon text="artemisApp.metis.post.similarPostsTooltip" />
-                                    </p>
-                                </button>
-                            </div>
-                            <div ngbAccordionCollapse>
-                                <div ngbAccordionBody>
-                                    @for (post of similarPosts; track post; let i = $index) {
-                                        <div class="row">
-                                            <jhi-post [posting]="post" [previewMode]="true" [modalRef]="modalRef" />
-                                            @if (i < similarPosts.length - 1) {
-                                                <div class="post-separation-line"></div>
-                                            }
-                                        </div>
-                                    }
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            }
-            <!-- content -->
             <div class="position-relative mb-1">
                 <div>
                     <label class="mb-1" jhiTranslate="artemisApp.metis.post.content"></label>
diff --git a/src/main/webapp/app/shared/metis/posting-create-edit-modal/post-create-edit-modal/post-create-edit-modal.component.ts b/src/main/webapp/app/shared/metis/posting-create-edit-modal/post-create-edit-modal/post-create-edit-modal.component.ts
index c88234f1e65b..cab5201159b3 100644
--- a/src/main/webapp/app/shared/metis/posting-create-edit-modal/post-create-edit-modal/post-create-edit-modal.component.ts
+++ b/src/main/webapp/app/shared/metis/posting-create-edit-modal/post-create-edit-modal/post-create-edit-modal.component.ts
@@ -1,17 +1,20 @@
 import { Component, Input, OnChanges, OnInit } from '@angular/core';
+import { HelpIconComponent } from 'app/shared/components/help-icon.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { PostingButtonComponent } from 'app/shared/metis/posting-button/posting-button.component';
 import { PostingCreateEditModalDirective } from 'app/shared/metis/posting-create-edit-modal/posting-create-edit-modal.directive';
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 import { Post } from 'app/entities/metis/post.model';
-import { MetisService } from 'app/shared/metis/metis.service';
-import { FormBuilder, Validators } from '@angular/forms';
+import { FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
 import { Lecture } from 'app/entities/lecture.model';
 import { Exercise } from 'app/entities/exercise.model';
 import { Course } from 'app/entities/course.model';
-import { Router } from '@angular/router';
 import { faAngleDown, faAngleUp } from '@fortawesome/free-solid-svg-icons';
 import { PageType, PostContentValidationPattern, PostTitleValidationPattern, PostingEditType } from 'app/shared/metis/metis.util';
 import { Conversation } from 'app/entities/metis/conversation/conversation.model';
 import { getAsChannelDTO } from 'app/entities/metis/conversation/channel.model';
+import { PostingMarkdownEditorComponent } from 'app/shared/metis/posting-markdown-editor/posting-markdown-editor.component';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { PostTagSelectorComponent } from './post-tag-selector/post-tag-selector.component';
 
 const TITLE_MAX_LENGTH = 200;
 
@@ -23,6 +26,16 @@ export interface ContextSelectorOption {
     selector: 'jhi-post-create-edit-modal',
     templateUrl: './post-create-edit-modal.component.html',
     styleUrls: ['../../metis.component.scss'],
+    imports: [
+        FormsModule,
+        ReactiveFormsModule,
+        TranslateDirective,
+        HelpIconComponent,
+        PostTagSelectorComponent,
+        PostingMarkdownEditorComponent,
+        PostingButtonComponent,
+        ArtemisTranslatePipe,
+    ],
 })
 export class PostCreateEditModalComponent extends PostingCreateEditModalDirective<Post> implements OnInit, OnChanges {
     @Input() isCommunicationPage: boolean;
@@ -45,15 +58,6 @@ export class PostCreateEditModalComponent extends PostingCreateEditModalDirectiv
     faAngleUp = faAngleUp;
     faAngleDown = faAngleDown;
 
-    constructor(
-        protected metisService: MetisService,
-        protected modalService: NgbModal,
-        protected formBuilder: FormBuilder,
-        private router: Router,
-    ) {
-        super(metisService, modalService, formBuilder);
-    }
-
     /**
      * on initialization: reset all input field of the modal, determine the post context;
      * subscribe to the form control changes of the context selector in order to show the Announcement info box on selection;
@@ -72,7 +76,7 @@ export class PostCreateEditModalComponent extends PostingCreateEditModalDirectiv
     /**
      * on initialization: reset all input field of the modal, determine the post context;
      */
-    ngOnChanges(): void {
+    ngOnChanges() {
         super.ngOnChanges();
     }
 
diff --git a/src/main/webapp/app/shared/metis/posting-create-edit-modal/post-create-edit-modal/post-tag-selector/post-tag-selector.component.ts b/src/main/webapp/app/shared/metis/posting-create-edit-modal/post-create-edit-modal/post-tag-selector/post-tag-selector.component.ts
index 15902d087305..1128a470119a 100644
--- a/src/main/webapp/app/shared/metis/posting-create-edit-modal/post-create-edit-modal/post-tag-selector/post-tag-selector.component.ts
+++ b/src/main/webapp/app/shared/metis/posting-create-edit-modal/post-create-edit-modal/post-tag-selector/post-tag-selector.component.ts
@@ -1,18 +1,41 @@
-import { AfterContentChecked, ChangeDetectorRef, Component, ElementRef, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Output, ViewChild } from '@angular/core';
+import { AfterContentChecked, ChangeDetectorRef, Component, ElementRef, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Output, ViewChild, inject } from '@angular/core';
 import { Observable, Subscription, map, startWith } from 'rxjs';
 import { MetisService } from 'app/shared/metis/metis.service';
 import { COMMA, ENTER, TAB } from '@angular/cdk/keycodes';
-import { FormControl } from '@angular/forms';
-import { MatChipInputEvent } from '@angular/material/chips';
-import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
+import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { MatChipGrid, MatChipInput, MatChipInputEvent, MatChipRemove, MatChipRow } from '@angular/material/chips';
+import { MatAutocomplete, MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';
 import { faTimes } from '@fortawesome/free-solid-svg-icons';
+import { MatFormField } from '@angular/material/form-field';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { MatOption } from '@angular/material/core';
+import { AsyncPipe } from '@angular/common';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-post-tag-selector',
     templateUrl: './post-tag-selector.component.html',
     styleUrls: ['./post-tag-selector.component.scss'],
+    imports: [
+        MatFormField,
+        MatChipGrid,
+        MatChipRow,
+        MatChipRemove,
+        FaIconComponent,
+        FormsModule,
+        MatAutocompleteTrigger,
+        MatChipInput,
+        ReactiveFormsModule,
+        MatAutocomplete,
+        MatOption,
+        AsyncPipe,
+        ArtemisTranslatePipe,
+    ],
 })
 export class PostTagSelectorComponent implements OnInit, OnChanges, OnDestroy, AfterContentChecked {
+    private metisService = inject(MetisService);
+    private changeDetector = inject(ChangeDetectorRef);
+
     @Input() postTags?: string[];
 
     @Output() postTagsChange = new EventEmitter<string[]>();
@@ -30,11 +53,6 @@ export class PostTagSelectorComponent implements OnInit, OnChanges, OnDestroy, A
     // Icons
     faTimes = faTimes;
 
-    constructor(
-        private metisService: MetisService,
-        private changeDetector: ChangeDetectorRef,
-    ) {}
-
     /**
      * on initialization: subscribes to existing post tags used in this course (will be shown in dropdown of tag selector),
      * copies the input post tags to string tags, so that they are shown in the selector
@@ -57,7 +75,7 @@ export class PostTagSelectorComponent implements OnInit, OnChanges, OnDestroy, A
     /**
      * on changes: updates tags (selected in selector) and post tags (input)
      */
-    ngOnChanges(): void {
+    ngOnChanges() {
         this.tags = this.postTags ? this.postTags : [];
     }
 
diff --git a/src/main/webapp/app/shared/metis/posting-create-edit-modal/posting-create-edit-modal.directive.ts b/src/main/webapp/app/shared/metis/posting-create-edit-modal/posting-create-edit-modal.directive.ts
index 9461099accd6..1061b7d19418 100644
--- a/src/main/webapp/app/shared/metis/posting-create-edit-modal/posting-create-edit-modal.directive.ts
+++ b/src/main/webapp/app/shared/metis/posting-create-edit-modal/posting-create-edit-modal.directive.ts
@@ -1,8 +1,5 @@
 import { Directive, OnChanges, OnInit, TemplateRef, ViewChild } from '@angular/core';
-import { FormBuilder } from '@angular/forms';
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 import { Posting } from 'app/entities/metis/posting.model';
-import { MetisService } from 'app/shared/metis/metis.service';
 import { PostingCreateEditDirective } from 'app/shared/metis/posting-create-edit.directive';
 
 @Directive()
@@ -10,14 +7,6 @@ export abstract class PostingCreateEditModalDirective<T extends Posting> extends
     @ViewChild('postingEditor') postingEditor: TemplateRef<any>;
     modalTitle: string;
 
-    protected constructor(
-        protected metisService: MetisService,
-        protected modalService: NgbModal,
-        protected formBuilder: FormBuilder,
-    ) {
-        super(metisService, modalService, formBuilder);
-    }
-
     /**
      * on initialization: sets the content, and the modal title (edit or create)
      */
@@ -29,7 +18,7 @@ export abstract class PostingCreateEditModalDirective<T extends Posting> extends
     /**
      * on changes: sets the content, and the modal title (edit or create), resets the form
      */
-    ngOnChanges(): void {
+    ngOnChanges() {
         super.ngOnChanges();
         this.updateModalTitle();
     }
diff --git a/src/main/webapp/app/shared/metis/posting-create-edit.directive.ts b/src/main/webapp/app/shared/metis/posting-create-edit.directive.ts
index 5d327cbe390e..9727987049bb 100644
--- a/src/main/webapp/app/shared/metis/posting-create-edit.directive.ts
+++ b/src/main/webapp/app/shared/metis/posting-create-edit.directive.ts
@@ -1,4 +1,4 @@
-import { Directive, EventEmitter, Input, OnChanges, OnInit, Output } from '@angular/core';
+import { Directive, EventEmitter, Input, OnChanges, OnInit, Output, inject } from '@angular/core';
 import { FormBuilder, FormGroup } from '@angular/forms';
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { Posting } from 'app/entities/metis/posting.model';
@@ -12,6 +12,10 @@ const MAX_CONTENT_LENGTH = 5000;
 
 @Directive()
 export abstract class PostingCreateEditDirective<T extends Posting> implements OnInit, OnChanges {
+    protected metisService = inject(MetisService);
+    protected modalService = inject(NgbModal);
+    protected formBuilder = inject(FormBuilder);
+
     @Input() posting: T;
     @Output() onCreate: EventEmitter<T> = new EventEmitter<T>();
     @Output() isModalOpen = new EventEmitter<void>();
@@ -22,13 +26,8 @@ export abstract class PostingCreateEditDirective<T extends Posting> implements O
     editorHeight = MarkdownEditorHeight.INLINE;
     content: string;
     formGroup: FormGroup;
-    readonly EditType = PostingEditType;
 
-    protected constructor(
-        protected metisService: MetisService,
-        protected modalService: NgbModal,
-        protected formBuilder: FormBuilder,
-    ) {}
+    readonly EditType = PostingEditType;
 
     get editType(): PostingEditType {
         return this.posting.id ? PostingEditType.UPDATE : PostingEditType.CREATE;
@@ -44,7 +43,7 @@ export abstract class PostingCreateEditDirective<T extends Posting> implements O
     /**
      * on changes: sets the content, and the modal title (edit or create), resets the form
      */
-    ngOnChanges(): void {
+    ngOnChanges() {
         this.content = this.posting?.content ?? '';
         this.resetFormGroup();
     }
diff --git a/src/main/webapp/app/shared/metis/posting-footer/posting-footer.component.ts b/src/main/webapp/app/shared/metis/posting-footer/posting-footer.component.ts
index ae10785f2ff9..af14fe112083 100644
--- a/src/main/webapp/app/shared/metis/posting-footer/posting-footer.component.ts
+++ b/src/main/webapp/app/shared/metis/posting-footer/posting-footer.component.ts
@@ -7,6 +7,8 @@ import { AnswerPost } from 'app/entities/metis/answer-post.model';
 import dayjs from 'dayjs/esm';
 import { User } from 'app/core/user/user.model';
 import { Posting } from 'app/entities/metis/posting.model';
+import { AnswerPostComponent } from '../answer-post/answer-post.component';
+import { ArtemisTranslatePipe } from '../../pipes/artemis-translate.pipe';
 
 interface PostGroup {
     author: User | undefined;
@@ -16,6 +18,7 @@ interface PostGroup {
 @Component({
     selector: 'jhi-posting-footer',
     templateUrl: './posting-footer.component.html',
+    imports: [AnswerPostComponent, AnswerPostCreateEditModalComponent, ArtemisTranslatePipe],
 })
 export class PostingFooterComponent implements OnInit, OnDestroy, AfterContentChecked, OnChanges {
     lastReadDate = input<dayjs.Dayjs | undefined>();
@@ -165,7 +168,7 @@ export class PostingFooterComponent implements OnInit, OnDestroy, AfterContentCh
         this.createAnswerPostModalComponent?.close();
     }
 
-    protected postsTrackByFn(index: number, post: Post): number {
+    protected postsTrackByFn(_index: number, post: Post): number {
         return post.id!;
     }
 }
diff --git a/src/main/webapp/app/shared/metis/posting-header/posting-header.component.ts b/src/main/webapp/app/shared/metis/posting-header/posting-header.component.ts
index 41efaf548f94..fcb91520c1fa 100644
--- a/src/main/webapp/app/shared/metis/posting-header/posting-header.component.ts
+++ b/src/main/webapp/app/shared/metis/posting-header/posting-header.component.ts
@@ -1,4 +1,5 @@
 import { Component, OnChanges, OnDestroy, OnInit, ViewChild, computed, inject, input, output } from '@angular/core';
+import { EmojiComponent } from 'app/shared/metis/emoji/emoji.component';
 import { PostCreateEditModalComponent } from 'app/shared/metis/posting-create-edit-modal/post-create-edit-modal/post-create-edit-modal.component';
 import { faCheckSquare, faPencilAlt } from '@fortawesome/free-solid-svg-icons';
 import dayjs from 'dayjs/esm';
@@ -13,27 +14,35 @@ import { faUser, faUserCheck, faUserGraduate } from '@fortawesome/free-solid-svg
 import { DisplayPriority, UserRole } from 'app/shared/metis/metis.util';
 import { AnswerPost } from 'app/entities/metis/answer-post.model';
 import { Post } from 'app/entities/metis/post.model';
+import { ProfilePictureComponent } from '../../profile-picture/profile-picture.component';
+import { NgClass } from '@angular/common';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { TranslateDirective } from '../../language/translate.directive';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from '../../pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-posting-header',
     templateUrl: './posting-header.component.html',
     styleUrls: ['../metis.component.scss'],
+    imports: [ProfilePictureComponent, NgClass, FaIconComponent, NgbTooltip, TranslateDirective, ArtemisDatePipe, ArtemisTranslatePipe, EmojiComponent],
 })
 export class PostingHeaderComponent implements OnInit, OnDestroy, OnChanges {
-    readOnlyMode = input<boolean>(false);
-    lastReadDate = input<dayjs.Dayjs>();
-    previewMode = input<boolean>(false);
     @ViewChild(PostCreateEditModalComponent) postCreateEditModal?: PostCreateEditModalComponent;
-    isAtLeastInstructorInCourse: boolean;
+
+    lastReadDate = input<dayjs.Dayjs>();
     posting = input<Posting>();
-    isCommunicationPage = input<boolean>();
+    readOnlyMode = input<boolean>(false);
+    previewMode = input<boolean>(false);
     hasChannelModerationRights = input<boolean>(false);
-    isModalOpen = output<void>();
-
+    isCommunicationPage = input<boolean>();
     isDeleted = input<boolean>(false);
 
+    isModalOpen = output<void>();
     readonly onUserNameClicked = output<void>();
 
+    isAtLeastInstructorInCourse: boolean;
     isAtLeastTutorInCourse: boolean;
     isAuthorOfPosting: boolean;
     postingIsOfToday: boolean;
@@ -52,13 +61,13 @@ export class PostingHeaderComponent implements OnInit, OnDestroy, OnChanges {
     protected accountService: AccountService = inject(AccountService);
 
     isPostResolved = computed<boolean>(() => {
-        const p = this.posting();
-        return this.isPost(p) && p.resolved === true;
+        const posting = this.posting();
+        return this.isPost(posting) && posting.resolved === true;
     });
 
     isPostPinned = computed<boolean>(() => {
-        const p = this.posting();
-        return this.isPost(p) && p.displayPriority == DisplayPriority.PINNED;
+        const posting = this.posting();
+        return this.isPost(posting) && posting.displayPriority == DisplayPriority.PINNED;
     });
 
     /**
diff --git a/src/main/webapp/app/shared/metis/posting-markdown-editor/posting-markdown-editor.component.ts b/src/main/webapp/app/shared/metis/posting-markdown-editor/posting-markdown-editor.component.ts
index c176eed51aa0..4814aa39cf87 100644
--- a/src/main/webapp/app/shared/metis/posting-markdown-editor/posting-markdown-editor.component.ts
+++ b/src/main/webapp/app/shared/metis/posting-markdown-editor/posting-markdown-editor.component.ts
@@ -44,6 +44,8 @@ import { Overlay, OverlayPositionBuilder } from '@angular/cdk/overlay';
 import { BulletedListAction } from 'app/shared/monaco-editor/model/actions/bulleted-list.action';
 import { OrderedListAction } from 'app/shared/monaco-editor/model/actions/ordered-list.action';
 import { StrikethroughAction } from 'app/shared/monaco-editor/model/actions/strikethrough.action';
+import { PostingContentComponent } from '../posting-content/posting-content.components';
+import { NgStyle } from '@angular/common';
 
 @Component({
     selector: 'jhi-posting-markdown-editor',
@@ -57,8 +59,17 @@ import { StrikethroughAction } from 'app/shared/monaco-editor/model/actions/stri
     ],
     encapsulation: ViewEncapsulation.None,
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [MarkdownEditorMonacoComponent, PostingContentComponent, NgStyle],
 })
 export class PostingMarkdownEditorComponent implements OnInit, ControlValueAccessor, AfterContentChecked, AfterViewInit {
+    private cdref = inject(ChangeDetectorRef);
+    private metisService = inject(MetisService);
+    private courseManagementService = inject(CourseManagementService);
+    private lectureService = inject(LectureService);
+    private channelService = inject(ChannelService);
+    viewContainerRef = inject(ViewContainerRef);
+    private positionBuilder = inject(OverlayPositionBuilder);
+
     @ViewChild(MarkdownEditorMonacoComponent, { static: true }) markdownEditor: MarkdownEditorMonacoComponent;
 
     @Input() maxContentLength: number;
@@ -80,16 +91,6 @@ export class PostingMarkdownEditorComponent implements OnInit, ControlValueAcces
     protected readonly MarkdownEditorHeight = MarkdownEditorHeight;
     private overlay = inject(Overlay);
 
-    constructor(
-        private cdref: ChangeDetectorRef,
-        private metisService: MetisService,
-        private courseManagementService: CourseManagementService,
-        private lectureService: LectureService,
-        private channelService: ChannelService,
-        public viewContainerRef: ViewContainerRef,
-        private positionBuilder: OverlayPositionBuilder,
-    ) {}
-
     /**
      * on initialization: sets commands that will be available as formatting buttons during creation/editing of postings
      */
@@ -172,7 +173,7 @@ export class PostingMarkdownEditorComponent implements OnInit, ControlValueAcces
      * the callback function to register on UI change
      */
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    onChange = (val: string) => {};
+    onChange = (_val: string) => {};
 
     /**
      * emits the value change from component
diff --git a/src/main/webapp/app/shared/metis/posting-reactions-bar/answer-post-reactions-bar/answer-post-reactions-bar.component.ts b/src/main/webapp/app/shared/metis/posting-reactions-bar/answer-post-reactions-bar/answer-post-reactions-bar.component.ts
index 8a843639365a..e68da18c1d0b 100644
--- a/src/main/webapp/app/shared/metis/posting-reactions-bar/answer-post-reactions-bar/answer-post-reactions-bar.component.ts
+++ b/src/main/webapp/app/shared/metis/posting-reactions-bar/answer-post-reactions-bar/answer-post-reactions-bar.component.ts
@@ -1,39 +1,58 @@
 import { Component, EventEmitter, Input, OnChanges, OnInit, Output, output } from '@angular/core';
 import { Reaction } from 'app/entities/metis/reaction.model';
+import { ConfirmIconComponent } from 'app/shared/confirm-icon/confirm-icon.component';
+import { EmojiPickerComponent } from 'app/shared/metis/emoji/emoji-picker.component';
+import { EmojiComponent } from 'app/shared/metis/emoji/emoji.component';
 import { PostingsReactionsBarDirective } from 'app/shared/metis/posting-reactions-bar/posting-reactions-bar.directive';
 import { AnswerPost } from 'app/entities/metis/answer-post.model';
 import { faCheck, faPencilAlt, faSmile } from '@fortawesome/free-solid-svg-icons';
-import { MetisService } from 'app/shared/metis/metis.service';
 import { getAsChannelDTO } from 'app/entities/metis/conversation/channel.model';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { AsyncPipe, KeyValuePipe, NgClass } from '@angular/common';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { ReactingUsersOnPostingPipe } from 'app/shared/pipes/reacting-users-on-posting.pipe';
 
 @Component({
     selector: 'jhi-answer-post-reactions-bar',
     templateUrl: './answer-post-reactions-bar.component.html',
     styleUrls: ['../posting-reactions-bar.component.scss'],
+    imports: [
+        NgbTooltip,
+        EmojiComponent,
+        CdkOverlayOrigin,
+        FaIconComponent,
+        CdkConnectedOverlay,
+        EmojiPickerComponent,
+        NgClass,
+        ConfirmIconComponent,
+        AsyncPipe,
+        KeyValuePipe,
+        ArtemisTranslatePipe,
+        ReactingUsersOnPostingPipe,
+    ],
 })
 export class AnswerPostReactionsBarComponent extends PostingsReactionsBarDirective<AnswerPost> implements OnInit, OnChanges {
-    @Input()
-    isReadOnlyMode = false;
-
+    @Input() isReadOnlyMode = false;
+    @Input() isEmojiCount = false;
     @Input() isLastAnswer = false;
+
+    @Output() openPostingCreateEditModal = new EventEmitter<void>();
+    @Output() postingUpdated = new EventEmitter<void>();
+
     // Icons
     readonly farSmile = faSmile;
     readonly faCheck = faCheck;
+    readonly faPencilAlt = faPencilAlt;
 
-    @Output() openPostingCreateEditModal = new EventEmitter<void>();
     isAuthorOfOriginalPost: boolean;
     isAnswerOfAnnouncement: boolean;
-    mayDeleteOutput = output<boolean>();
     mayDelete: boolean;
-    mayEditOutput = output<boolean>();
     mayEdit: boolean;
-    readonly faPencilAlt = faPencilAlt;
-    @Input() isEmojiCount: boolean = false;
-    @Output() postingUpdated = new EventEmitter<void>();
 
-    constructor(metisService: MetisService) {
-        super(metisService);
-    }
+    mayDeleteOutput = output<boolean>();
+    mayEditOutput = output<boolean>();
 
     ngOnInit() {
         super.ngOnInit();
diff --git a/src/main/webapp/app/shared/metis/posting-reactions-bar/post-reactions-bar/post-reactions-bar.component.ts b/src/main/webapp/app/shared/metis/posting-reactions-bar/post-reactions-bar/post-reactions-bar.component.ts
index 9213fcaeae56..963c4f99ac14 100644
--- a/src/main/webapp/app/shared/metis/posting-reactions-bar/post-reactions-bar/post-reactions-bar.component.ts
+++ b/src/main/webapp/app/shared/metis/posting-reactions-bar/post-reactions-bar/post-reactions-bar.component.ts
@@ -1,12 +1,16 @@
-import { Component, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Output, ViewChild, output } from '@angular/core';
+import { Component, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Output, ViewChild, inject, output } from '@angular/core';
 import { Reaction } from 'app/entities/metis/reaction.model';
 import { Post } from 'app/entities/metis/post.model';
+import { ConfirmIconComponent } from 'app/shared/confirm-icon/confirm-icon.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { EmojiPickerComponent } from 'app/shared/metis/emoji/emoji-picker.component';
+import { EmojiComponent } from 'app/shared/metis/emoji/emoji.component';
 import { PostingsReactionsBarDirective } from 'app/shared/metis/posting-reactions-bar/posting-reactions-bar.directive';
 import { DisplayPriority } from 'app/shared/metis/metis.util';
-import { MetisService } from 'app/shared/metis/metis.service';
 import { faTrashAlt } from '@fortawesome/free-regular-svg-icons';
 import { faArrowRight, faPencilAlt, faSmile } from '@fortawesome/free-solid-svg-icons';
 import { AnswerPost } from 'app/entities/metis/answer-post.model';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import dayjs from 'dayjs/esm';
 import { getAsChannelDTO, isChannelDTO } from 'app/entities/metis/conversation/channel.model';
 import { isGroupChatDTO } from 'app/entities/metis/conversation/group-chat.model';
@@ -14,13 +18,35 @@ import { AccountService } from 'app/core/auth/account.service';
 import { isOneToOneChatDTO } from 'app/entities/metis/conversation/one-to-one-chat.model';
 import { ConversationDTO } from 'app/entities/metis/conversation/conversation.model';
 import { PostCreateEditModalComponent } from 'app/shared/metis/posting-create-edit-modal/post-create-edit-modal/post-create-edit-modal.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
+import { AsyncPipe, KeyValuePipe } from '@angular/common';
+import { ReactingUsersOnPostingPipe } from 'app/shared/pipes/reacting-users-on-posting.pipe';
 
 @Component({
     selector: 'jhi-post-reactions-bar',
     templateUrl: './post-reactions-bar.component.html',
     styleUrls: ['../posting-reactions-bar.component.scss'],
+    imports: [
+        FaIconComponent,
+        TranslateDirective,
+        EmojiComponent,
+        NgbTooltip,
+        CdkOverlayOrigin,
+        CdkConnectedOverlay,
+        EmojiPickerComponent,
+        PostCreateEditModalComponent,
+        ConfirmIconComponent,
+        AsyncPipe,
+        KeyValuePipe,
+        ArtemisTranslatePipe,
+        ReactingUsersOnPostingPipe,
+    ],
 })
 export class PostReactionsBarComponent extends PostingsReactionsBarDirective<Post> implements OnInit, OnChanges, OnDestroy {
+    private accountService = inject(AccountService);
+
     pinTooltip: string;
     displayPriority: DisplayPriority;
     canPin = false;
@@ -32,35 +58,29 @@ export class PostReactionsBarComponent extends PostingsReactionsBarDirective<Pos
     faPencilAlt = faPencilAlt;
     faTrash = faTrashAlt;
 
-    @Input()
-    readOnlyMode = false;
+    @Input() readOnlyMode = false;
     @Input() showAnswers: boolean;
     @Input() sortedAnswerPosts: AnswerPost[];
     @Input() isCommunicationPage: boolean;
     @Input() lastReadDate?: dayjs.Dayjs;
+    @Input() previewMode: boolean;
+    @Input() isEmojiCount = false;
+    @Input() hoverBar = true;
 
     @Output() showAnswersChange = new EventEmitter<boolean>();
     @Output() openPostingCreateEditModal = new EventEmitter<void>();
     @Output() closePostingCreateEditModal = new EventEmitter<void>();
     @Output() openThread = new EventEmitter<void>();
-    @Input() previewMode: boolean;
+    @Output() canPinOutput = new EventEmitter<boolean>();
+
+    @ViewChild(PostCreateEditModalComponent) postCreateEditModal?: PostCreateEditModalComponent;
+    @ViewChild('createEditModal') createEditModal!: PostCreateEditModalComponent;
+
     isAtLeastInstructorInCourse: boolean;
     mayDeleteOutput = output<boolean>();
     mayEditOutput = output<boolean>();
-    @Output() canPinOutput = new EventEmitter<boolean>();
     mayEdit: boolean;
     mayDelete: boolean;
-    @ViewChild(PostCreateEditModalComponent) postCreateEditModal?: PostCreateEditModalComponent;
-    @Input() isEmojiCount = false;
-    @Input() hoverBar: boolean = true;
-    @ViewChild('createEditModal') createEditModal!: PostCreateEditModalComponent;
-
-    constructor(
-        metisService: MetisService,
-        private accountService: AccountService,
-    ) {
-        super(metisService);
-    }
 
     isAnyReactionCountAboveZero(): boolean {
         return Object.values(this.reactionMetaDataMap).some((reaction) => reaction.count >= 1);
diff --git a/src/main/webapp/app/shared/metis/posting-reactions-bar/posting-reactions-bar.directive.ts b/src/main/webapp/app/shared/metis/posting-reactions-bar/posting-reactions-bar.directive.ts
index c8877be83b9c..d0cc31c1d752 100644
--- a/src/main/webapp/app/shared/metis/posting-reactions-bar/posting-reactions-bar.directive.ts
+++ b/src/main/webapp/app/shared/metis/posting-reactions-bar/posting-reactions-bar.directive.ts
@@ -1,4 +1,4 @@
-import { Directive, EventEmitter, Input, OnChanges, OnInit, Output, output } from '@angular/core';
+import { Directive, EventEmitter, Input, OnChanges, OnInit, Output, inject, output } from '@angular/core';
 import { Posting } from 'app/entities/metis/posting.model';
 import { MetisService } from 'app/shared/metis/metis.service';
 import { EmojiData } from '@ctrl/ngx-emoji-mart/ngx-emoji';
@@ -9,7 +9,6 @@ import { faBookmark as farBookmark } from '@fortawesome/free-regular-svg-icons';
 
 const PIN_EMOJI_ID = 'pushpin';
 const ARCHIVE_EMOJI_ID = 'open_file_folder';
-const SPEECH_BALLOON_ID = 'speech_balloon';
 const HEAVY_MULTIPLICATION_ID = 'heavy_multiplication_x';
 
 const SPEECH_BALLOON_UNICODE = '1F4AC';
@@ -44,21 +43,24 @@ interface ReactionMetaDataMap {
 
 @Directive()
 export abstract class PostingsReactionsBarDirective<T extends Posting> implements OnInit, OnChanges {
+    protected metisService = inject(MetisService);
+
     pinEmojiId: string = PIN_EMOJI_ID;
     archiveEmojiId: string = ARCHIVE_EMOJI_ID;
-    speechBalloonId: string = SPEECH_BALLOON_ID;
     closeCrossId: string = HEAVY_MULTIPLICATION_ID;
 
     @Input() posting: T;
     @Input() isThreadSidebar: boolean;
+
     @Output() openPostingCreateEditModal = new EventEmitter<void>();
     @Output() reactionsUpdated = new EventEmitter<Reaction[]>();
+    @Output() isModalOpen = new EventEmitter<void>();
 
     showReactionSelector = false;
     currentUserIsAtLeastTutor: boolean;
     isAtLeastTutorInCourse: boolean;
     isAuthorOfPosting: boolean;
-    @Output() isModalOpen = new EventEmitter<void>();
+
     isDeleteEvent = output<boolean>();
     readonly onBookmarkClicked = output<void>();
 
@@ -104,8 +106,6 @@ export abstract class PostingsReactionsBarDirective<T extends Posting> implement
      */
     reactionMetaDataMap: ReactionMetaDataMap = {};
 
-    protected constructor(protected metisService: MetisService) {}
-
     /**
      * on initialization: updates the current posting and its reactions,
      * invokes metis service to check user authority
@@ -125,7 +125,7 @@ export abstract class PostingsReactionsBarDirective<T extends Posting> implement
      * on changes: updates the current posting and its reactions,
      * invokes metis service to check user authority
      */
-    ngOnChanges(): void {
+    ngOnChanges() {
         this.updatePostingWithReactions();
         this.currentUserIsAtLeastTutor = this.metisService.metisUserIsAtLeastTutorInCourse();
     }
diff --git a/src/main/webapp/app/shared/metis/posting-thread/posting-thread.component.ts b/src/main/webapp/app/shared/metis/posting-thread/posting-thread.component.ts
index 8cb7db55b963..5aa17e0db43c 100644
--- a/src/main/webapp/app/shared/metis/posting-thread/posting-thread.component.ts
+++ b/src/main/webapp/app/shared/metis/posting-thread/posting-thread.component.ts
@@ -1,12 +1,14 @@
 import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, Input, Output, inject } from '@angular/core';
 import { Post } from 'app/entities/metis/post.model';
 import dayjs from 'dayjs/esm';
+import { PostComponent } from '../post/post.component';
 
 @Component({
     selector: 'jhi-posting-thread',
     templateUrl: './posting-thread.component.html',
     styleUrls: ['../metis.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [PostComponent],
 })
 export class PostingThreadComponent {
     @Input() lastReadDate?: dayjs.Dayjs;
diff --git a/src/main/webapp/app/shared/metis/posting.service.ts b/src/main/webapp/app/shared/metis/posting.service.ts
index 3ca17b8fd2e9..e122a5c18ea4 100644
--- a/src/main/webapp/app/shared/metis/posting.service.ts
+++ b/src/main/webapp/app/shared/metis/posting.service.ts
@@ -15,7 +15,7 @@ export abstract class PostingService<T extends Posting> {
      * @param   {T} posting
      * @return  {T}
      */
-    protected convertPostingDateFromClient(posting: T): T {
+    protected convertPostingDateFromClient<T extends Posting>(posting: T): T {
         return {
             ...posting,
             creationDate: convertDateFromClient(posting.creationDate),
diff --git a/src/main/webapp/app/shared/metis/reaction.service.ts b/src/main/webapp/app/shared/metis/reaction.service.ts
index b91bb9ef145f..78402334d69b 100644
--- a/src/main/webapp/app/shared/metis/reaction.service.ts
+++ b/src/main/webapp/app/shared/metis/reaction.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { map } from 'rxjs/operators';
@@ -9,9 +9,9 @@ type EntityResponseType = HttpResponse<Reaction>;
 
 @Injectable({ providedIn: 'root' })
 export class ReactionService {
-    public resourceUrl = 'api/courses/';
+    protected http = inject(HttpClient);
 
-    constructor(protected http: HttpClient) {}
+    public resourceUrl = 'api/courses/';
 
     /**
      * creates a reaction
diff --git a/src/main/webapp/app/shared/monaco-editor/monaco-diff-editor.component.ts b/src/main/webapp/app/shared/monaco-editor/monaco-diff-editor.component.ts
index bd234e45cdec..79c35c876751 100644
--- a/src/main/webapp/app/shared/monaco-editor/monaco-diff-editor.component.ts
+++ b/src/main/webapp/app/shared/monaco-editor/monaco-diff-editor.component.ts
@@ -1,14 +1,13 @@
 import { ChangeDetectionStrategy, Component, ElementRef, OnDestroy, Renderer2, ViewEncapsulation, effect, inject, input, output } from '@angular/core';
+import { Disposable } from 'app/shared/monaco-editor/model/actions/monaco-editor.util';
 
 import * as monaco from 'monaco-editor';
-import { Disposable } from 'app/shared/monaco-editor/model/actions/monaco-editor.util';
 import { MonacoEditorService } from './monaco-editor.service';
 
 export type MonacoEditorDiffText = { original: string; modified: string };
 @Component({
     selector: 'jhi-monaco-diff-editor',
     template: '',
-    standalone: true,
     styleUrls: ['monaco-diff-editor.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
     encapsulation: ViewEncapsulation.None,
diff --git a/src/main/webapp/app/shared/monaco-editor/monaco-editor-option.helper.ts b/src/main/webapp/app/shared/monaco-editor/monaco-editor-option.helper.ts
index ddc632613694..c91207997e13 100644
--- a/src/main/webapp/app/shared/monaco-editor/monaco-editor-option.helper.ts
+++ b/src/main/webapp/app/shared/monaco-editor/monaco-editor-option.helper.ts
@@ -1,5 +1,5 @@
-import { MonacoEditorOptionPreset } from 'app/shared/monaco-editor/model/monaco-editor-option-preset.model';
 import { EditorOptions } from 'app/shared/monaco-editor/model/actions/monaco-editor.util';
+import { MonacoEditorOptionPreset } from 'app/shared/monaco-editor/model/monaco-editor-option-preset.model';
 
 export const SHORT_ANSWER_QUIZ_QUESTION_EDITOR_OPTIONS = new MonacoEditorOptionPreset({
     // Hide the gutter
diff --git a/src/main/webapp/app/shared/monaco-editor/monaco-editor.component.ts b/src/main/webapp/app/shared/monaco-editor/monaco-editor.component.ts
index ad49c129270f..e297d51310ea 100644
--- a/src/main/webapp/app/shared/monaco-editor/monaco-editor.component.ts
+++ b/src/main/webapp/app/shared/monaco-editor/monaco-editor.component.ts
@@ -1,26 +1,25 @@
 import { ChangeDetectionStrategy, Component, ElementRef, OnDestroy, OnInit, Renderer2, ViewEncapsulation, effect, inject, input, output } from '@angular/core';
-import * as monaco from 'monaco-editor';
-import { MonacoEditorLineWidget } from 'app/shared/monaco-editor/model/monaco-editor-inline-widget.model';
-import { MonacoEditorBuildAnnotation, MonacoEditorBuildAnnotationType } from 'app/shared/monaco-editor/model/monaco-editor-build-annotation.model';
-import { MonacoEditorLineHighlight } from 'app/shared/monaco-editor/model/monaco-editor-line-highlight.model';
+import { TranslateService } from '@ngx-translate/core';
 import { Annotation } from 'app/exercises/programming/shared/code-editor/monaco/code-editor-monaco.component';
-import { MonacoEditorLineDecorationsHoverButton } from './model/monaco-editor-line-decorations-hover-button.model';
+import { MonacoTextEditorAdapter } from 'app/shared/monaco-editor/model/actions/adapter/monaco-text-editor.adapter';
+import { Disposable, EditorPosition, EditorRange, MonacoEditorTextModel } from 'app/shared/monaco-editor/model/actions/monaco-editor.util';
 import { TextEditorAction } from 'app/shared/monaco-editor/model/actions/text-editor-action.model';
-import { TranslateService } from '@ngx-translate/core';
+import { MonacoEditorBuildAnnotation, MonacoEditorBuildAnnotationType } from 'app/shared/monaco-editor/model/monaco-editor-build-annotation.model';
+import { MonacoEditorLineWidget } from 'app/shared/monaco-editor/model/monaco-editor-inline-widget.model';
+import { MonacoEditorLineHighlight } from 'app/shared/monaco-editor/model/monaco-editor-line-highlight.model';
 import { MonacoEditorOptionPreset } from 'app/shared/monaco-editor/model/monaco-editor-option-preset.model';
-import { Disposable, EditorPosition, EditorRange, MonacoEditorTextModel } from 'app/shared/monaco-editor/model/actions/monaco-editor.util';
-import { MonacoTextEditorAdapter } from 'app/shared/monaco-editor/model/actions/adapter/monaco-text-editor.adapter';
 import { MonacoEditorService } from 'app/shared/monaco-editor/monaco-editor.service';
 import { getOS } from 'app/shared/util/os-detector.util';
 
 import { EmojiConvertor } from 'emoji-js';
+import * as monaco from 'monaco-editor';
+import { MonacoEditorLineDecorationsHoverButton } from './model/monaco-editor-line-decorations-hover-button.model';
 
 export const MAX_TAB_SIZE = 8;
 
 @Component({
     selector: 'jhi-monaco-editor',
     template: '',
-    standalone: true,
     styleUrls: ['monaco-editor.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
     encapsulation: ViewEncapsulation.None,
diff --git a/src/main/webapp/app/shared/monaco-editor/monaco-editor.service.ts b/src/main/webapp/app/shared/monaco-editor/monaco-editor.service.ts
index 52a2b40a3693..dac8db723a9a 100644
--- a/src/main/webapp/app/shared/monaco-editor/monaco-editor.service.ts
+++ b/src/main/webapp/app/shared/monaco-editor/monaco-editor.service.ts
@@ -1,10 +1,10 @@
 import { Injectable, effect, inject } from '@angular/core';
-import * as monaco from 'monaco-editor';
-import { CUSTOM_MARKDOWN_CONFIG, CUSTOM_MARKDOWN_LANGUAGE, CUSTOM_MARKDOWN_LANGUAGE_ID } from 'app/shared/monaco-editor/model/languages/monaco-custom-markdown.language';
 import { Theme, ThemeService } from 'app/core/theme/theme.service';
-import { MONACO_LIGHT_THEME_DEFINITION } from 'app/shared/monaco-editor/model/themes/monaco-light.theme';
-import { MonacoEditorTheme } from 'app/shared/monaco-editor/model/themes/monaco-editor-theme.model';
+import { CUSTOM_MARKDOWN_CONFIG, CUSTOM_MARKDOWN_LANGUAGE, CUSTOM_MARKDOWN_LANGUAGE_ID } from 'app/shared/monaco-editor/model/languages/monaco-custom-markdown.language';
 import { MONACO_DARK_THEME_DEFINITION } from 'app/shared/monaco-editor/model/themes/monaco-dark.theme';
+import { MonacoEditorTheme } from 'app/shared/monaco-editor/model/themes/monaco-editor-theme.model';
+import { MONACO_LIGHT_THEME_DEFINITION } from 'app/shared/monaco-editor/model/themes/monaco-light.theme';
+import * as monaco from 'monaco-editor';
 
 /**
  * Service providing shared functionality for the Monaco editor.
diff --git a/src/main/webapp/app/shared/no-data-component.ts b/src/main/webapp/app/shared/no-data-component.ts
index 2b037e18eed7..752bd5da10e8 100644
--- a/src/main/webapp/app/shared/no-data-component.ts
+++ b/src/main/webapp/app/shared/no-data-component.ts
@@ -3,6 +3,5 @@ import { Component } from '@angular/core';
 @Component({
     selector: 'jhi-no-data',
     template: `<span>-</span>`,
-    standalone: true,
 })
 export class NoDataComponent {}
diff --git a/src/main/webapp/app/shared/notification/loading-notification/loading-notification.component.ts b/src/main/webapp/app/shared/notification/loading-notification/loading-notification.component.ts
index 73a3f7f6c7f6..14a95ad86fa0 100644
--- a/src/main/webapp/app/shared/notification/loading-notification/loading-notification.component.ts
+++ b/src/main/webapp/app/shared/notification/loading-notification/loading-notification.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { Subscription } from 'rxjs';
 import { LoadingNotificationService } from 'app/shared/notification/loading-notification/loading-notification.service';
 import { debounceTime } from 'rxjs/operators';
@@ -12,11 +12,11 @@ import { debounceTime } from 'rxjs/operators';
     `,
 })
 export class LoadingNotificationComponent implements OnInit, OnDestroy {
+    private loadingNotificationService = inject(LoadingNotificationService);
+
     isLoading = false;
     loadingSubscription: Subscription;
 
-    constructor(private loadingNotificationService: LoadingNotificationService) {}
-
     ngOnInit() {
         /**
          * wait 1000 ms before updating isLoading value to ensure the loading screen will not be visible for fast HttpRequests
diff --git a/src/main/webapp/app/shared/notification/loading-notification/loading-notification.interceptor.ts b/src/main/webapp/app/shared/notification/loading-notification/loading-notification.interceptor.ts
index cdd569df913f..52d4cba10e71 100644
--- a/src/main/webapp/app/shared/notification/loading-notification/loading-notification.interceptor.ts
+++ b/src/main/webapp/app/shared/notification/loading-notification/loading-notification.interceptor.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { finalize } from 'rxjs/operators';
@@ -6,9 +6,9 @@ import { LoadingNotificationService } from 'app/shared/notification/loading-noti
 
 @Injectable()
 export class LoadingNotificationInterceptor implements HttpInterceptor {
-    activeRequests = 0;
+    private loadingNotificationService = inject(LoadingNotificationService);
 
-    constructor(private loadingNotificationService: LoadingNotificationService) {}
+    activeRequests = 0;
 
     /**
      * Identifies and handles a given HTTP request. If any HTTP request is sent we enable the loading screen and count up the active requests.
diff --git a/src/main/webapp/app/shared/notification/notification-popup/notification-popup.component.ts b/src/main/webapp/app/shared/notification/notification-popup/notification-popup.component.ts
index b1f5f7d184bb..e6435f9469ae 100644
--- a/src/main/webapp/app/shared/notification/notification-popup/notification-popup.component.ts
+++ b/src/main/webapp/app/shared/notification/notification-popup/notification-popup.component.ts
@@ -1,4 +1,4 @@
-import { Component, ElementRef, OnInit, ViewChild } from '@angular/core';
+import { Component, ElementRef, OnInit, ViewChild, inject } from '@angular/core';
 import { ActivatedRoute, IsActiveMatchOptions, Params, Router, UrlTree } from '@angular/router';
 import { NotificationService } from 'app/shared/notification/notification.service';
 import {
@@ -24,6 +24,8 @@ import { RouteComponents } from 'app/shared/metis/metis.util';
 import { NotificationSettingsService } from 'app/shared/user-settings/notification-settings/notification-settings.service';
 import { translationNotFoundMessage } from 'app/core/config/translation.config';
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from '../../language/translate.directive';
 
 const conversationMessageNotificationTitles = [
     MENTIONED_IN_MESSAGE_TITLE,
@@ -44,8 +46,15 @@ const conversationMessageNotificationTitles = [
     selector: 'jhi-notification-popup',
     templateUrl: './notification-popup.component.html',
     styleUrls: ['./notification-popup.scss'],
+    imports: [FaIconComponent, TranslateDirective, ArtemisTranslatePipe],
 })
 export class NotificationPopupComponent implements OnInit {
+    private notificationService = inject(NotificationService);
+    private router = inject(Router);
+    private activatedRoute = inject(ActivatedRoute);
+    private notificationSettingsService = inject(NotificationSettingsService);
+    private artemisTranslatePipe = inject(ArtemisTranslatePipe);
+
     notifications: Notification[] = [];
     QuizNotificationTitleHtmlConst = 'Quiz started';
 
@@ -62,14 +71,6 @@ export class NotificationPopupComponent implements OnInit {
     faCheckDouble = faCheckDouble;
     faExclamationTriangle = faExclamationTriangle;
 
-    constructor(
-        private notificationService: NotificationService,
-        private router: Router,
-        private activatedRoute: ActivatedRoute,
-        private notificationSettingsService: NotificationSettingsService,
-        private artemisTranslatePipe: ArtemisTranslatePipe,
-    ) {}
-
     ngOnInit(): void {
         this.notificationService.subscribeToSingleIncomingNotifications().subscribe((notification: Notification) => {
             this.addNotification(notification);
diff --git a/src/main/webapp/app/shared/notification/notification-sidebar/notification-sidebar.component.ts b/src/main/webapp/app/shared/notification/notification-sidebar/notification-sidebar.component.ts
index 273905012c2c..be35beceb820 100644
--- a/src/main/webapp/app/shared/notification/notification-sidebar/notification-sidebar.component.ts
+++ b/src/main/webapp/app/shared/notification/notification-sidebar/notification-sidebar.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { User } from 'app/core/user/user.model';
 import { UserService } from 'app/core/user/user.service';
 import dayjs from 'dayjs/esm';
@@ -12,6 +12,12 @@ import { SessionStorageService } from 'ngx-webstorage';
 import { DocumentationType } from 'app/shared/components/documentation-button/documentation-button.component';
 import { translationNotFoundMessage } from 'app/core/config/translation.config';
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { DatePipe, NgClass } from '@angular/common';
+import { DocumentationButtonComponent } from '../../components/documentation-button/documentation-button.component';
+import { RouterLink } from '@angular/router';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 
 export const LAST_READ_STORAGE_KEY = 'lastNotificationRead';
 const IRRELEVANT_NOTIFICATION_TITLES = [NEW_MESSAGE_TITLE, LIVE_EXAM_EXERCISE_UPDATE_NOTIFICATION_TITLE];
@@ -20,8 +26,16 @@ const IRRELEVANT_NOTIFICATION_TITLES = [NEW_MESSAGE_TITLE, LIVE_EXAM_EXERCISE_UP
     selector: 'jhi-notification-sidebar',
     templateUrl: './notification-sidebar.component.html',
     styleUrls: ['./notification-sidebar.scss'],
+    imports: [FaIconComponent, NgClass, DocumentationButtonComponent, RouterLink, TranslateDirective, NgbTooltip, DatePipe, ArtemisTranslatePipe],
 })
 export class NotificationSidebarComponent implements OnInit, OnDestroy {
+    private notificationService = inject(NotificationService);
+    private userService = inject(UserService);
+    private accountService = inject(AccountService);
+    private sessionStorageService = inject(SessionStorageService);
+    private changeDetector = inject(ChangeDetectorRef);
+    private artemisTranslatePipe = inject(ArtemisTranslatePipe);
+
     // HTML template related
     showSidebar = false;
     showButtonToHideCurrentlyDisplayedNotifications = true;
@@ -47,15 +61,6 @@ export class NotificationSidebarComponent implements OnInit, OnDestroy {
     faArchive = faArchive;
     faEye = faEye;
 
-    constructor(
-        private notificationService: NotificationService,
-        private userService: UserService,
-        private accountService: AccountService,
-        private sessionStorageService: SessionStorageService,
-        private changeDetector: ChangeDetectorRef,
-        private artemisTranslatePipe: ArtemisTranslatePipe,
-    ) {}
-
     ngOnDestroy(): void {
         this.subscriptions.forEach((subscription) => subscription.unsubscribe());
     }
diff --git a/src/main/webapp/app/shared/notification/notification.service.ts b/src/main/webapp/app/shared/notification/notification.service.ts
index 6c4b4c01efbc..fb009fdab982 100644
--- a/src/main/webapp/app/shared/notification/notification.service.ts
+++ b/src/main/webapp/app/shared/notification/notification.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpHeaders, HttpResponse } from '@angular/common/http';
 import { BehaviorSubject, Observable, ReplaySubject, Subject, Subscription } from 'rxjs';
 import dayjs from 'dayjs/esm';
@@ -65,6 +65,15 @@ const MESSAGING_NOTIFICATION_TEXTS = [
 
 @Injectable({ providedIn: 'root' })
 export class NotificationService {
+    private jhiWebsocketService = inject(JhiWebsocketService);
+    private router = inject(Router);
+    private http = inject(HttpClient);
+    private accountService = inject(AccountService);
+    private activatedRoute = inject(ActivatedRoute);
+    private courseManagementService = inject(CourseManagementService);
+    private notificationSettingsService = inject(NotificationSettingsService);
+    private artemisTranslatePipe = inject(ArtemisTranslatePipe);
+
     public resourceUrl = 'api/notifications';
     notificationSubject: ReplaySubject<Notification[]>;
     singleNotificationSubject: Subject<Notification>;
@@ -85,16 +94,7 @@ export class NotificationService {
     private mutedConversations: number[] = [];
     private loadedMutedConversations = false;
 
-    constructor(
-        private jhiWebsocketService: JhiWebsocketService,
-        private router: Router,
-        private http: HttpClient,
-        private accountService: AccountService,
-        private activatedRoute: ActivatedRoute,
-        private courseManagementService: CourseManagementService,
-        private notificationSettingsService: NotificationSettingsService,
-        private artemisTranslatePipe: ArtemisTranslatePipe,
-    ) {
+    constructor() {
         this.initNotificationObserver();
 
         this.notificationSettingsService.getNotificationSettingsUpdates().subscribe(() => {
diff --git a/src/main/webapp/app/shared/notification/system-notification/admin-system-notification.service.ts b/src/main/webapp/app/shared/notification/system-notification/admin-system-notification.service.ts
index 17637a71b2a3..f9b71c4feb16 100644
--- a/src/main/webapp/app/shared/notification/system-notification/admin-system-notification.service.ts
+++ b/src/main/webapp/app/shared/notification/system-notification/admin-system-notification.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { map } from 'rxjs/operators';
@@ -10,13 +10,11 @@ type EntityResponseType = HttpResponse<SystemNotification>;
 
 @Injectable({ providedIn: 'root' })
 export class AdminSystemNotificationService {
-    public resourceUrl = 'api/admin/system-notifications';
+    private router = inject(Router);
+    private http = inject(HttpClient);
+    private systemNotificationService = inject(SystemNotificationService);
 
-    constructor(
-        private router: Router,
-        private http: HttpClient,
-        private systemNotificationService: SystemNotificationService,
-    ) {}
+    public resourceUrl = 'api/admin/system-notifications';
 
     /**
      * Create a notification on the server using a POST request.
diff --git a/src/main/webapp/app/shared/notification/system-notification/system-notification.component.ts b/src/main/webapp/app/shared/notification/system-notification/system-notification.component.ts
index 7b7ba4b4c81b..ac58b07ae861 100644
--- a/src/main/webapp/app/shared/notification/system-notification/system-notification.component.ts
+++ b/src/main/webapp/app/shared/notification/system-notification/system-notification.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import dayjs from 'dayjs/esm';
 import { SystemNotification, SystemNotificationType } from 'app/entities/system-notification.model';
@@ -9,6 +9,8 @@ import { SystemNotificationService } from 'app/shared/notification/system-notifi
 import { faExclamationTriangle, faInfoCircle, faTimes } from '@fortawesome/free-solid-svg-icons';
 import { Subscription, filter } from 'rxjs';
 import { convertDateFromServer } from 'app/utils/date.utils';
+import { NgClass } from '@angular/common';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 export const WEBSOCKET_CHANNEL = '/topic/system-notification';
 
@@ -16,8 +18,14 @@ export const WEBSOCKET_CHANNEL = '/topic/system-notification';
     selector: 'jhi-system-notification',
     templateUrl: './system-notification.component.html',
     styleUrls: ['system-notification.scss'],
+    imports: [NgClass, FaIconComponent],
 })
 export class SystemNotificationComponent implements OnInit, OnDestroy {
+    private route = inject(ActivatedRoute);
+    private accountService = inject(AccountService);
+    private jhiWebsocketService = inject(JhiWebsocketService);
+    private systemNotificationService = inject(SystemNotificationService);
+
     readonly INFO = SystemNotificationType.INFO;
     readonly WARNING = SystemNotificationType.WARNING;
 
@@ -33,13 +41,6 @@ export class SystemNotificationComponent implements OnInit, OnDestroy {
     faInfoCircle = faInfoCircle;
     faTimes = faTimes;
 
-    constructor(
-        private route: ActivatedRoute,
-        private accountService: AccountService,
-        private jhiWebsocketService: JhiWebsocketService,
-        private systemNotificationService: SystemNotificationService,
-    ) {}
-
     ngOnInit() {
         this.loadActiveNotification();
         this.accountService.getAuthenticationState().subscribe((user: User | undefined) => {
diff --git a/src/main/webapp/app/shared/notification/system-notification/system-notification.service.ts b/src/main/webapp/app/shared/notification/system-notification/system-notification.service.ts
index f14958916768..2be4f0a39d85 100644
--- a/src/main/webapp/app/shared/notification/system-notification/system-notification.service.ts
+++ b/src/main/webapp/app/shared/notification/system-notification/system-notification.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { map } from 'rxjs/operators';
@@ -12,14 +12,12 @@ type EntityArrayResponseType = HttpResponse<SystemNotification[]>;
 
 @Injectable({ providedIn: 'root' })
 export class SystemNotificationService {
+    private router = inject(Router);
+    private http = inject(HttpClient);
+
     public resourceUrl = 'api/system-notifications';
     public publicResourceUrl = 'api/public/system-notifications';
 
-    constructor(
-        private router: Router,
-        private http: HttpClient,
-    ) {}
-
     /**
      * Find a notification on the server using a GET request.
      * @param systemNotificationId The id of the notification to get.
diff --git a/src/main/webapp/app/shared/organization-selector/organization-selector.component.ts b/src/main/webapp/app/shared/organization-selector/organization-selector.component.ts
index 690fa11797e3..5c4f0858aa08 100644
--- a/src/main/webapp/app/shared/organization-selector/organization-selector.component.ts
+++ b/src/main/webapp/app/shared/organization-selector/organization-selector.component.ts
@@ -1,25 +1,25 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { OrganizationManagementService } from 'app/admin/organization-management/organization-management.service';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { TranslateService } from '@ngx-translate/core';
 import { AlertService } from 'app/core/util/alert.service';
 import { Organization } from 'app/entities/organization.model';
+import { TranslateDirective } from '../language/translate.directive';
 
 @Component({
     selector: 'jhi-organization-selector',
     templateUrl: './organization-selector.component.html',
+    imports: [TranslateDirective],
 })
 export class OrganizationSelectorComponent implements OnInit {
+    private activeModal = inject(NgbActiveModal);
+    private translateService = inject(TranslateService);
+    private alertService = inject(AlertService);
+    private organizationService = inject(OrganizationManagementService);
+
     organizations: Organization[];
     availableOrganizations: Organization[];
 
-    constructor(
-        private activeModal: NgbActiveModal,
-        private translateService: TranslateService,
-        private alertService: AlertService,
-        private organizationService: OrganizationManagementService,
-    ) {}
-
     ngOnInit(): void {
         this.organizationService.getOrganizations().subscribe((data) => {
             this.availableOrganizations = data;
diff --git a/src/main/webapp/app/shared/orion/modal-confirm-autofocus/modal-confirm-autofocus.component.ts b/src/main/webapp/app/shared/orion/modal-confirm-autofocus/modal-confirm-autofocus.component.ts
index 45d5ddb20587..820c6585e477 100644
--- a/src/main/webapp/app/shared/orion/modal-confirm-autofocus/modal-confirm-autofocus.component.ts
+++ b/src/main/webapp/app/shared/orion/modal-confirm-autofocus/modal-confirm-autofocus.component.ts
@@ -1,13 +1,15 @@
-import { Component } from '@angular/core';
+import { Component, inject } from '@angular/core';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
+import { ArtemisTranslatePipe } from '../../pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-modal-confirm-autofocus',
     templateUrl: './modal-confirm-autofocus.component.html',
+    imports: [ArtemisTranslatePipe],
 })
 export class ModalConfirmAutofocusComponent {
+    modal = inject(NgbActiveModal);
+
     title: string;
     text: string;
-
-    constructor(public modal: NgbActiveModal) {}
 }
diff --git a/src/main/webapp/app/shared/orion/orion-build-and-test.service.ts b/src/main/webapp/app/shared/orion/orion-build-and-test.service.ts
index d46ee941b24a..7219393e345e 100644
--- a/src/main/webapp/app/shared/orion/orion-build-and-test.service.ts
+++ b/src/main/webapp/app/shared/orion/orion-build-and-test.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ProgrammingSubmissionService } from 'app/exercises/programming/participate/programming-submission.service';
 import { ParticipationWebsocketService } from 'app/overview/participation-websocket.service';
 import { filter, map, tap } from 'rxjs/operators';
@@ -20,18 +20,16 @@ import { ProgrammingSubmission } from 'app/entities/programming/programming-subm
     providedIn: 'root',
 })
 export class OrionBuildAndTestService {
+    private submissionService = inject(ProgrammingSubmissionService);
+    private participationWebsocketService = inject(ParticipationWebsocketService);
+    private orionConnectorService = inject(OrionConnectorService);
+    private buildLogService = inject(BuildLogService);
+
     private buildFinished = new Subject<void>();
     private resultSubscription: Subscription;
     private buildLogSubscription: Subscription;
     private latestResult: Result;
 
-    constructor(
-        private submissionService: ProgrammingSubmissionService,
-        private participationWebsocketService: ParticipationWebsocketService,
-        private orionConnectorService: OrionConnectorService,
-        private buildLogService: BuildLogService,
-    ) {}
-
     /**
      * Trigger a new build for a participation for an exercise and notify the IDE
      *
diff --git a/src/main/webapp/app/shared/orion/orion-button/orion-button.component.ts b/src/main/webapp/app/shared/orion/orion-button/orion-button.component.ts
index a04d94a99b08..1f730d4bed2f 100644
--- a/src/main/webapp/app/shared/orion/orion-button/orion-button.component.ts
+++ b/src/main/webapp/app/shared/orion/orion-button/orion-button.component.ts
@@ -2,6 +2,8 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { faCircleNotch, faDownload, faRotateRight, faUpload } from '@fortawesome/free-solid-svg-icons';
 
 import { FeatureToggle } from 'app/shared/feature-toggle/feature-toggle.service';
+import { FeatureToggleDirective } from '../../feature-toggle/feature-toggle.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 export enum OrionButtonType {
     Other = 'Other',
@@ -13,6 +15,7 @@ export enum OrionButtonType {
 @Component({
     selector: 'jhi-ide-button',
     templateUrl: './orion-button.component.html',
+    imports: [FeatureToggleDirective, FaIconComponent],
 })
 export class OrionButtonComponent {
     @Input() buttonLabel: string;
@@ -34,8 +37,6 @@ export class OrionButtonComponent {
     faUpload = faUpload;
     faDownload = faDownload;
 
-    constructor() {}
-
     public get btnPrimary(): boolean {
         return !this.outlined;
     }
diff --git a/src/main/webapp/app/shared/orion/orion-connector.service.ts b/src/main/webapp/app/shared/orion/orion-connector.service.ts
index 61c8a0933cec..d8fcc62a01aa 100644
--- a/src/main/webapp/app/shared/orion/orion-connector.service.ts
+++ b/src/main/webapp/app/shared/orion/orion-connector.service.ts
@@ -1,4 +1,4 @@
-import { Injectable, Injector } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { ExerciseView, OrionState } from 'app/shared/orion/orion';
 import { Router } from '@angular/router';
@@ -34,33 +34,21 @@ function theWindow(): any {
     providedIn: 'root',
 })
 export class OrionConnectorService {
+    private router = inject(Router);
+    private alertService = inject(AlertService);
+
     private orionState: OrionState;
     private orionStateSubject: BehaviorSubject<OrionState>;
 
     // When loaded, the AssessmentComponent registers here to receive updates from the plugin
     activeAssessmentComponent: OrionTutorAssessmentComponent | undefined = undefined;
 
-    constructor(
-        private injector: Injector,
-        private alertService: AlertService,
-    ) {}
-
     static initConnector(connector: OrionConnectorService) {
         theWindow().artemisClientConnector = connector;
         connector.orionState = { opened: -1, view: ExerciseView.STUDENT, cloning: false, building: false };
         connector.orionStateSubject = new BehaviorSubject<OrionState>(connector.orionState);
     }
 
-    /**
-     * Yes, this is not best practice. But since this bridge service is an APP_INITIALIZER and has to be set on
-     * the window object right in the beginning (so that the IDE can interact with Artemis as soon as the page has been
-     * loaded), it should be fine to actually load the router only when it is needed later in the process.
-     * Otherwise we would have a cyclic dependency problem on app startup
-     */
-    get router(): Router {
-        return this.injector.get(Router);
-    }
-
     /**
      * Login to the Git client within the IDE with the same credentials as used for Artemis
      *
@@ -260,10 +248,10 @@ export class OrionConnectorService {
      *
      * @param submissionId id of the submission, used to navigate to the corresponding URL
      * @param correctionRound correction round, also needed to navigate to the correct URL
-     * @param testRun test run flag, also needed for navigation
+     * @param _testRun test run flag, also needed for navigation
      * @param base64data the student's submission as base64
      */
-    downloadSubmission(submissionId: number, correctionRound: number, testRun: boolean, base64data: string) {
+    downloadSubmission(submissionId: number, correctionRound: number, _testRun: boolean, base64data: string) {
         // Uncomment this line to also transfer the testRun flag.
         // THIS IS A BREAKING CHANGE that will require all users to upgrade their Orion to a compatible version!
         // Also change in orion.ts
diff --git a/src/main/webapp/app/shared/orion/orion-filter.directive.ts b/src/main/webapp/app/shared/orion/orion-filter.directive.ts
index 630aedb51340..935657d3e10c 100644
--- a/src/main/webapp/app/shared/orion/orion-filter.directive.ts
+++ b/src/main/webapp/app/shared/orion/orion-filter.directive.ts
@@ -1,13 +1,11 @@
-import { Directive, ElementRef, Input, OnInit } from '@angular/core';
+import { Directive, ElementRef, Input, OnInit, inject } from '@angular/core';
 import { isOrion } from 'app/shared/orion/orion';
 
-@Directive({
-    selector: '[jhiOrionFilter]',
-})
+@Directive({ selector: '[jhiOrionFilter]' })
 export class OrionFilterDirective implements OnInit {
-    @Input() showInOrionWindow: boolean;
+    private el = inject(ElementRef);
 
-    constructor(private el: ElementRef) {}
+    @Input() showInOrionWindow: boolean;
 
     ngOnInit(): void {
         if ((!this.showInOrionWindow && isOrion) || (this.showInOrionWindow && !isOrion)) {
diff --git a/src/main/webapp/app/shared/orion/orion.module.ts b/src/main/webapp/app/shared/orion/orion.module.ts
index 21d7f6096452..d54d85370436 100644
--- a/src/main/webapp/app/shared/orion/orion.module.ts
+++ b/src/main/webapp/app/shared/orion/orion.module.ts
@@ -1,23 +1,17 @@
-import { APP_INITIALIZER, NgModule } from '@angular/core';
+import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { OrionButtonComponent } from 'app/shared/orion/orion-button/orion-button.component';
-import { OrionConnectorService } from 'app/shared/orion/orion-connector.service';
 import { ModalConfirmAutofocusComponent } from './modal-confirm-autofocus/modal-confirm-autofocus.component';
 import { TranslateModule } from '@ngx-translate/core';
 import { OrionFilterDirective } from './orion-filter.directive';
 import { OrionBuildAndTestService } from 'app/shared/orion/orion-build-and-test.service';
-import { FeatureToggleModule } from 'app/shared/feature-toggle/feature-toggle.module';
+
 import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { OrionAssessmentService } from 'app/orion/assessment/orion-assessment.service';
 
-export function initOrionConnector(connector: OrionConnectorService) {
-    return () => OrionConnectorService.initConnector(connector);
-}
-
 @NgModule({
-    declarations: [OrionButtonComponent, ModalConfirmAutofocusComponent, OrionFilterDirective],
-    imports: [CommonModule, ArtemisSharedModule, TranslateModule, FeatureToggleModule],
+    imports: [CommonModule, ArtemisSharedModule, TranslateModule, OrionButtonComponent, ModalConfirmAutofocusComponent, OrionFilterDirective],
     exports: [OrionButtonComponent, OrionFilterDirective],
-    providers: [{ provide: APP_INITIALIZER, useFactory: initOrionConnector, deps: [OrionConnectorService], multi: true }, OrionBuildAndTestService, OrionAssessmentService],
+    providers: [OrionBuildAndTestService, OrionAssessmentService],
 })
 export class OrionModule {}
diff --git a/src/main/webapp/app/shared/orion/outdated-plugin-warning/orion-outdated.component.ts b/src/main/webapp/app/shared/orion/outdated-plugin-warning/orion-outdated.component.ts
index ec9c3692b0d3..dffe9d76c97f 100644
--- a/src/main/webapp/app/shared/orion/outdated-plugin-warning/orion-outdated.component.ts
+++ b/src/main/webapp/app/shared/orion/outdated-plugin-warning/orion-outdated.component.ts
@@ -1,6 +1,8 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
+import { TranslateDirective } from '../../language/translate.directive';
+import { ArtemisTranslatePipe } from '../../pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-orion-outdated',
@@ -14,16 +16,15 @@ import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
             {{ 'artemisApp.orion.version.allowedVersion' | artemisTranslate }}<span class="badge bg-pill bg-info">{{ allowedMinimumVersion }}</span>
         </div>
     `,
+    imports: [TranslateDirective, ArtemisTranslatePipe],
 })
 export class OrionOutdatedComponent implements OnInit {
+    private activatedRoute = inject(ActivatedRoute);
+    private profileService = inject(ProfileService);
+
     versionString: string;
     allowedMinimumVersion: string;
 
-    constructor(
-        private activatedRoute: ActivatedRoute,
-        private profileService: ProfileService,
-    ) {}
-
     /**
      * On initialization, sets the values of the used version and the minimum allowed version of orion.
      */
diff --git a/src/main/webapp/app/shared/orion/outdated-plugin-warning/orion-version-validator.service.ts b/src/main/webapp/app/shared/orion/outdated-plugin-warning/orion-version-validator.service.ts
index b70cca47f4bf..3e762a5c3933 100644
--- a/src/main/webapp/app/shared/orion/outdated-plugin-warning/orion-version-validator.service.ts
+++ b/src/main/webapp/app/shared/orion/outdated-plugin-warning/orion-version-validator.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { isOrion } from 'app/shared/orion/orion';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 import { Router } from '@angular/router';
@@ -11,15 +11,13 @@ import { ProfileInfo } from 'app/shared/layouts/profiles/profile-info.model';
     providedIn: 'root',
 })
 export class OrionVersionValidator {
+    private profileService = inject(ProfileService);
+    private router = inject(Router);
+
     isOrion = isOrion;
     private minVersion: string;
     private isValidVersion: boolean;
 
-    constructor(
-        private profileService: ProfileService,
-        private router: Router,
-    ) {}
-
     /**
      * Validates the installed Orion plugin version against the allowed version range. This will not validate anything
      * if Artemis is not opened by Orion and just return true in this case!
diff --git a/src/main/webapp/app/shared/pagination/item-count.component.ts b/src/main/webapp/app/shared/pagination/item-count.component.ts
index bf49e62fd0cd..f64b51d0df8f 100644
--- a/src/main/webapp/app/shared/pagination/item-count.component.ts
+++ b/src/main/webapp/app/shared/pagination/item-count.component.ts
@@ -1,4 +1,5 @@
 import { Component, Input } from '@angular/core';
+import { TranslateDirective } from '../language/translate.directive';
 
 /**
  * A component that will take care of item count statistics of a pagination.
@@ -6,6 +7,7 @@ import { Component, Input } from '@angular/core';
 @Component({
     selector: 'jhi-item-count',
     template: ` <div jhiTranslate="global.item-count" [translateValues]="{ first: itemRangeBegin, second: itemRangeEnd, total: itemTotal }"></div> `,
+    imports: [TranslateDirective],
 })
 export class ItemCountComponent {
     /**
diff --git a/src/main/webapp/app/shared/participant-scores/participant-scores-distribution/participant-scores-distribution.component.ts b/src/main/webapp/app/shared/participant-scores/participant-scores-distribution/participant-scores-distribution.component.ts
index 0fdfaba04ed4..0dc4f8eb50cd 100644
--- a/src/main/webapp/app/shared/participant-scores/participant-scores-distribution/participant-scores-distribution.component.ts
+++ b/src/main/webapp/app/shared/participant-scores/participant-scores-distribution/participant-scores-distribution.component.ts
@@ -1,11 +1,14 @@
-import { Component, EventEmitter, HostListener, Input, OnChanges, OnInit, Output } from '@angular/core';
-import { Color, ScaleType } from '@swimlane/ngx-charts';
+import { Component, EventEmitter, HostListener, Input, OnChanges, OnInit, Output, inject } from '@angular/core';
+import { BarChartModule, Color, ScaleType } from '@swimlane/ngx-charts';
 import { NgxChartsSingleSeriesDataEntry } from 'app/shared/chart/ngx-charts-datatypes';
 import { GradeType, GradingScale } from 'app/entities/grading-scale.model';
 import { GradingSystemService } from 'app/grading-system/grading-system.service';
 import { TranslateService } from '@ngx-translate/core';
 import { GradeStep } from 'app/entities/grade-step.model';
 import { GraphColors } from 'app/entities/statistics.model';
+import { TranslateDirective } from '../../language/translate.directive';
+import { HelpIconComponent } from '../../components/help-icon.component';
+import { ArtemisTranslatePipe } from '../../pipes/artemis-translate.pipe';
 
 interface NgxClickEvent {
     name: string;
@@ -17,8 +20,12 @@ interface NgxClickEvent {
     selector: 'jhi-participant-scores-distribution',
     templateUrl: './participant-scores-distribution.component.html',
     styleUrls: ['./participant-score-distribution.component.scss', '../../chart/vertical-bar-chart.scss'],
+    imports: [BarChartModule, TranslateDirective, HelpIconComponent, ArtemisTranslatePipe],
 })
 export class ParticipantScoresDistributionComponent implements OnInit, OnChanges {
+    private gradingSystemService = inject(GradingSystemService);
+    private translateService = inject(TranslateService);
+
     @Input()
     scores?: number[];
 
@@ -62,11 +69,6 @@ export class ParticipantScoresDistributionComponent implements OnInit, OnChanges
     } as Color;
     backupDomain: string[];
 
-    constructor(
-        private gradingSystemService: GradingSystemService,
-        private translateService: TranslateService,
-    ) {}
-
     ngOnInit() {
         this.setupAxisLabels();
 
diff --git a/src/main/webapp/app/shared/participant-scores/participant-scores.module.ts b/src/main/webapp/app/shared/participant-scores/participant-scores.module.ts
index 13427531310c..30551dafe00d 100644
--- a/src/main/webapp/app/shared/participant-scores/participant-scores.module.ts
+++ b/src/main/webapp/app/shared/participant-scores/participant-scores.module.ts
@@ -7,8 +7,7 @@ import { ArtemisSharedComponentModule } from 'app/shared/components/shared-compo
 import { BarChartModule } from '@swimlane/ngx-charts';
 
 @NgModule({
-    imports: [ArtemisSharedModule, ArtemisDataTableModule, NgxDatatableModule, ArtemisSharedComponentModule, BarChartModule],
-    declarations: [ParticipantScoresDistributionComponent],
+    imports: [ArtemisSharedModule, ArtemisDataTableModule, NgxDatatableModule, ArtemisSharedComponentModule, BarChartModule, ParticipantScoresDistributionComponent],
     exports: [ParticipantScoresDistributionComponent],
 })
 export class ArtemisParticipantScoresModule {}
diff --git a/src/main/webapp/app/shared/participant-scores/participant-scores.service.ts b/src/main/webapp/app/shared/participant-scores/participant-scores.service.ts
index 8038424d57cc..89553fba01e1 100644
--- a/src/main/webapp/app/shared/participant-scores/participant-scores.service.ts
+++ b/src/main/webapp/app/shared/participant-scores/participant-scores.service.ts
@@ -1,5 +1,5 @@
 import { HttpClient, HttpResponse } from '@angular/common/http';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { Observable } from 'rxjs';
 
 export class ScoresDTO {
@@ -12,9 +12,9 @@ export class ScoresDTO {
 
 @Injectable({ providedIn: 'root' })
 export class ParticipantScoresService {
-    public resourceUrl = 'api';
+    private http = inject(HttpClient);
 
-    constructor(private http: HttpClient) {}
+    public resourceUrl = 'api';
 
     findCourseScores(courseId: number): Observable<HttpResponse<ScoresDTO[]>> {
         return this.http.get<ScoresDTO[]>(`${this.resourceUrl}/courses/${courseId}/course-scores`, {
diff --git a/src/main/webapp/app/shared/pipes/artemis-date-range.pipe.ts b/src/main/webapp/app/shared/pipes/artemis-date-range.pipe.ts
index d372709977b1..3b7d8575dd4b 100644
--- a/src/main/webapp/app/shared/pipes/artemis-date-range.pipe.ts
+++ b/src/main/webapp/app/shared/pipes/artemis-date-range.pipe.ts
@@ -1,4 +1,4 @@
-import { Pipe, PipeTransform } from '@angular/core';
+import { Pipe, PipeTransform, inject } from '@angular/core';
 import { ArtemisDatePipe, DateFormat, DateType } from 'app/shared/pipes/artemis-date.pipe';
 
 @Pipe({
@@ -6,7 +6,8 @@ import { ArtemisDatePipe, DateFormat, DateType } from 'app/shared/pipes/artemis-
     pure: false,
 })
 export class ArtemisDateRangePipe implements PipeTransform {
-    constructor(private artemisDatePipe: ArtemisDatePipe) {}
+    private artemisDatePipe = inject(ArtemisDatePipe);
+
     transform(range: [DateType, DateType] | undefined | null, format: DateFormat = 'long-date', timeZone: string | undefined = undefined, weekDay = false): string {
         if (!range) {
             return '';
diff --git a/src/main/webapp/app/shared/pipes/artemis-date.pipe.ts b/src/main/webapp/app/shared/pipes/artemis-date.pipe.ts
index cd3749e9ede0..b37f20d0ec12 100644
--- a/src/main/webapp/app/shared/pipes/artemis-date.pipe.ts
+++ b/src/main/webapp/app/shared/pipes/artemis-date.pipe.ts
@@ -1,12 +1,10 @@
-import { OnDestroy, Pipe, PipeTransform } from '@angular/core';
+import { OnDestroy, Pipe, PipeTransform, inject } from '@angular/core';
 import { LangChangeEvent, TranslateService } from '@ngx-translate/core';
 import { Subscription } from 'rxjs';
 import dayjs from 'dayjs/esm';
 import { getDayTranslationKey } from 'app/course/tutorial-groups/shared/weekdays';
 import { dayOfWeekZeroSundayToZeroMonday } from 'app/utils/date.utils';
 
-export const defaultLongDateTimeFormat = 'YYYY-MM-DD HH:mm:ss';
-
 export type DateType = Date | dayjs.Dayjs | string | number | null | undefined;
 export type DateFormat = 'short' | 'long' | 'short-date' | 'long-date' | 'time';
 
@@ -27,6 +25,8 @@ export type DateFormat = 'short' | 'long' | 'short-date' | 'long-date' | 'time';
     pure: false,
 })
 export class ArtemisDatePipe implements PipeTransform, OnDestroy {
+    private translateService = inject(TranslateService);
+
     private dateTime: dayjs.Dayjs;
     private locale: string;
     private localizedDateTime: string;
@@ -39,8 +39,6 @@ export class ArtemisDatePipe implements PipeTransform, OnDestroy {
     private showMilliSeconds = false;
     private static mobileDeviceSize = 768;
 
-    constructor(private translateService: TranslateService) {}
-
     /**
      * Format a given dateTime to a localized date time string based on the current language setting.
      * @param dateTime The date time that should be formatted. Must be convertible to dayjs().
@@ -90,6 +88,7 @@ export class ArtemisDatePipe implements PipeTransform, OnDestroy {
      * @param locale The locale string of the desired language. Defaults to 'en'.
      * @param format Format of the localized date time. Defaults to 'long'.
      * @param seconds Should seconds be displayed? Defaults to false.
+     * @param showMilliSeconds whether to show milliseconds. Defaults to false.
      */
     static format(locale = 'en', format: DateFormat = 'long', seconds = false, showMilliSeconds = false): string {
         const long = format === 'long' || format === 'long-date';
diff --git a/src/main/webapp/app/shared/pipes/artemis-time-ago.pipe.ts b/src/main/webapp/app/shared/pipes/artemis-time-ago.pipe.ts
index 2b669b1f0b57..a999d73651cf 100644
--- a/src/main/webapp/app/shared/pipes/artemis-time-ago.pipe.ts
+++ b/src/main/webapp/app/shared/pipes/artemis-time-ago.pipe.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, NgZone, OnDestroy, Pipe, PipeTransform } from '@angular/core';
+import { ChangeDetectorRef, NgZone, OnDestroy, Pipe, PipeTransform, inject } from '@angular/core';
 import dayjs from 'dayjs/esm';
 import { isDate } from 'app/shared/util/utils';
 import { TranslateService } from '@ngx-translate/core';
@@ -8,6 +8,10 @@ import { TranslateService } from '@ngx-translate/core';
     pure: false,
 })
 export class ArtemisTimeAgoPipe implements PipeTransform, OnDestroy {
+    private cdRef = inject(ChangeDetectorRef);
+    private ngZone = inject(NgZone);
+    private translateService = inject(TranslateService);
+
     private currentTimer: number | null;
 
     private lastTime: number;
@@ -17,12 +21,6 @@ export class ArtemisTimeAgoPipe implements PipeTransform, OnDestroy {
     private lastText: string;
     private formatFn: (m: dayjs.Dayjs) => string;
 
-    constructor(
-        private cdRef: ChangeDetectorRef,
-        private ngZone: NgZone,
-        private translateService: TranslateService,
-    ) {}
-
     format(date: dayjs.Dayjs) {
         return date.locale(this.lastLocale).from(dayjs(), this.lastOmitSuffix);
     }
diff --git a/src/main/webapp/app/shared/pipes/artemis-translate.pipe.ts b/src/main/webapp/app/shared/pipes/artemis-translate.pipe.ts
index 10a216f58635..c78b4d9a97e1 100644
--- a/src/main/webapp/app/shared/pipes/artemis-translate.pipe.ts
+++ b/src/main/webapp/app/shared/pipes/artemis-translate.pipe.ts
@@ -4,7 +4,6 @@ import { TranslatePipe, TranslateService } from '@ngx-translate/core';
 @Pipe({
     name: 'artemisTranslate',
     pure: false,
-    standalone: true,
 })
 /**
  * a simple wrapper to prevent compile errors in IntelliJ
@@ -17,6 +16,7 @@ export class ArtemisTranslatePipe implements PipeTransform, OnDestroy {
      * However, in this case due to being a wrapper class for TranslatePipe, which implements the same constructor
      * this exception should be okay.
      */
+    // NOTE: we cannot use inject() here because of a limitation as this pipe is a wrapper
     constructor(translateService: TranslateService, changeDetectorRef: ChangeDetectorRef) {
         this.translatePipe = new TranslatePipe(translateService, changeDetectorRef);
     }
diff --git a/src/main/webapp/app/shared/pipes/duration.pipe.ts b/src/main/webapp/app/shared/pipes/duration.pipe.ts
index 16de8dcb3a4d..9d26069f6b65 100644
--- a/src/main/webapp/app/shared/pipes/duration.pipe.ts
+++ b/src/main/webapp/app/shared/pipes/duration.pipe.ts
@@ -2,9 +2,7 @@ import { Pipe, PipeTransform } from '@angular/core';
 
 import dayjs from 'dayjs/esm';
 
-@Pipe({
-    name: 'duration',
-})
+@Pipe({ name: 'duration' })
 // create a duration with the length of time in milliseconds
 // Note: if you want to create a duration with a unit of measurement other than milliseconds, you need to use a separate (custom) pipe https://day.js.org/docs/en/durations/creating
 export class DurationPipe implements PipeTransform {
diff --git a/src/main/webapp/app/shared/pipes/exercise-course-title.pipe.ts b/src/main/webapp/app/shared/pipes/exercise-course-title.pipe.ts
index 1a8c9dd15a74..2a6c482e182d 100644
--- a/src/main/webapp/app/shared/pipes/exercise-course-title.pipe.ts
+++ b/src/main/webapp/app/shared/pipes/exercise-course-title.pipe.ts
@@ -1,9 +1,7 @@
 import { Pipe, PipeTransform } from '@angular/core';
 import { Exercise } from 'app/entities/exercise.model';
 
-@Pipe({
-    name: 'courseTitle',
-})
+@Pipe({ name: 'courseTitle' })
 export class ExerciseCourseTitlePipe implements PipeTransform {
     /**
      * Returns the course title of the exercise via the exerciseGroup or the usual course member
diff --git a/src/main/webapp/app/shared/pipes/exercise-type.pipe.ts b/src/main/webapp/app/shared/pipes/exercise-type.pipe.ts
index b71eea99542d..4707359ad762 100644
--- a/src/main/webapp/app/shared/pipes/exercise-type.pipe.ts
+++ b/src/main/webapp/app/shared/pipes/exercise-type.pipe.ts
@@ -1,9 +1,7 @@
 import { Pipe, PipeTransform } from '@angular/core';
 import { ExerciseType } from 'app/entities/exercise.model';
 
-@Pipe({
-    name: 'exerciseTypeLabel',
-})
+@Pipe({ name: 'exerciseTypeLabel' })
 export class ExerciseTypePipe implements PipeTransform {
     /**
      * Returns the type of the exercise as a string.
diff --git a/src/main/webapp/app/shared/pipes/feedback-content.pipe.ts b/src/main/webapp/app/shared/pipes/feedback-content.pipe.ts
index 115cb9ecf263..fe87aa52b2b9 100644
--- a/src/main/webapp/app/shared/pipes/feedback-content.pipe.ts
+++ b/src/main/webapp/app/shared/pipes/feedback-content.pipe.ts
@@ -2,7 +2,6 @@ import { Pipe, PipeTransform } from '@angular/core';
 import { Feedback } from 'app/entities/feedback.model';
 
 @Pipe({
-    standalone: true,
     name: 'feedbackContent',
     // impure: we need to detect changes in attributes of the feedback
     pure: false,
diff --git a/src/main/webapp/app/shared/pipes/grade-step-bounds.pipe.ts b/src/main/webapp/app/shared/pipes/grade-step-bounds.pipe.ts
index 6e9ece61b74b..b589911fa98b 100644
--- a/src/main/webapp/app/shared/pipes/grade-step-bounds.pipe.ts
+++ b/src/main/webapp/app/shared/pipes/grade-step-bounds.pipe.ts
@@ -6,7 +6,6 @@ import { round } from 'app/shared/util/utils';
 @Pipe({
     name: 'gradeStepBounds',
     pure: false,
-    standalone: true,
 })
 export class GradeStepBoundsPipe implements PipeTransform {
     /**
diff --git a/src/main/webapp/app/shared/pipes/html-for-markdown.pipe.ts b/src/main/webapp/app/shared/pipes/html-for-markdown.pipe.ts
index 89403223abe9..23343b63563f 100644
--- a/src/main/webapp/app/shared/pipes/html-for-markdown.pipe.ts
+++ b/src/main/webapp/app/shared/pipes/html-for-markdown.pipe.ts
@@ -5,7 +5,6 @@ import type { PluginSimple } from 'markdown-it';
 
 @Pipe({
     name: 'htmlForMarkdown',
-    standalone: true,
 })
 export class HtmlForMarkdownPipe implements PipeTransform {
     private readonly markdownService = inject(ArtemisMarkdownService);
diff --git a/src/main/webapp/app/shared/pipes/html-for-posting-markdown.pipe.ts b/src/main/webapp/app/shared/pipes/html-for-posting-markdown.pipe.ts
index 3cdfd3cf09a7..7def62f3817f 100644
--- a/src/main/webapp/app/shared/pipes/html-for-posting-markdown.pipe.ts
+++ b/src/main/webapp/app/shared/pipes/html-for-posting-markdown.pipe.ts
@@ -4,7 +4,6 @@ import { ArtemisMarkdownService } from 'app/shared/markdown.service';
 
 @Pipe({
     name: 'htmlForPostingMarkdown',
-    standalone: true,
 })
 export class HtmlForPostingMarkdownPipe implements PipeTransform {
     private readonly markdownService = inject(ArtemisMarkdownService);
diff --git a/src/main/webapp/app/shared/pipes/quote.pipe.ts b/src/main/webapp/app/shared/pipes/quote.pipe.ts
index c74ca81c2ed8..0fafba66c64f 100644
--- a/src/main/webapp/app/shared/pipes/quote.pipe.ts
+++ b/src/main/webapp/app/shared/pipes/quote.pipe.ts
@@ -1,7 +1,6 @@
 import { Pipe, PipeTransform } from '@angular/core';
 
 @Pipe({
-    standalone: true,
     name: 'quoted',
 })
 export class QuotePipe implements PipeTransform {
diff --git a/src/main/webapp/app/shared/pipes/reacting-users-on-posting.pipe.ts b/src/main/webapp/app/shared/pipes/reacting-users-on-posting.pipe.ts
index 85d82230ba25..2fb5050d4906 100644
--- a/src/main/webapp/app/shared/pipes/reacting-users-on-posting.pipe.ts
+++ b/src/main/webapp/app/shared/pipes/reacting-users-on-posting.pipe.ts
@@ -1,4 +1,4 @@
-import { Pipe, PipeTransform } from '@angular/core';
+import { Pipe, PipeTransform, inject } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import { Observable } from 'rxjs';
 
@@ -8,11 +8,9 @@ export const PLACEHOLDER_USER_REACTED = 'REPLACE_WITH_TRANSLATED_YOU';
 /**
  * Pipe to show list of reacting users when hovering over emojis.
  */
-@Pipe({
-    name: 'reactingUsersOnPosting',
-})
+@Pipe({ name: 'reactingUsersOnPosting' })
 export class ReactingUsersOnPostingPipe implements PipeTransform {
-    constructor(private translateService: TranslateService) {}
+    private translateService = inject(TranslateService);
 
     /**
      * Transforms a given name list of reacting users to a prosaic, translated string
diff --git a/src/main/webapp/app/shared/pipes/safe-html.pipe.ts b/src/main/webapp/app/shared/pipes/safe-html.pipe.ts
index 56d9728cb387..4ea5b1c88b50 100644
--- a/src/main/webapp/app/shared/pipes/safe-html.pipe.ts
+++ b/src/main/webapp/app/shared/pipes/safe-html.pipe.ts
@@ -1,9 +1,9 @@
-import { Pipe, PipeTransform } from '@angular/core';
+import { Pipe, PipeTransform, inject } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
 
-@Pipe({ name: 'safeHtml', standalone: true })
+@Pipe({ name: 'safeHtml' })
 export class SafeHtmlPipe implements PipeTransform {
-    constructor(private sanitizer: DomSanitizer) {}
+    private sanitizer = inject(DomSanitizer);
 
     /**
      * Bypasses the security checks for a specified HTML.
diff --git a/src/main/webapp/app/shared/pipes/safe-resource-url.pipe.ts b/src/main/webapp/app/shared/pipes/safe-resource-url.pipe.ts
index f2392f5701b8..9f5b8f67939d 100644
--- a/src/main/webapp/app/shared/pipes/safe-resource-url.pipe.ts
+++ b/src/main/webapp/app/shared/pipes/safe-resource-url.pipe.ts
@@ -1,9 +1,9 @@
-import { Pipe, PipeTransform } from '@angular/core';
+import { Pipe, PipeTransform, inject } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
 
 @Pipe({ name: 'safeResourceUrl' })
 export class SafeResourceUrlPipe implements PipeTransform {
-    constructor(private sanitizer: DomSanitizer) {}
+    private sanitizer = inject(DomSanitizer);
 
     /**
      * Pipe that can be used to bypass security for a resource url, e.g. for `<script src>`, or `<iframe src>`.
diff --git a/src/main/webapp/app/shared/pipes/safe-url.pipe.ts b/src/main/webapp/app/shared/pipes/safe-url.pipe.ts
index 735595785ea7..d7ab95299589 100644
--- a/src/main/webapp/app/shared/pipes/safe-url.pipe.ts
+++ b/src/main/webapp/app/shared/pipes/safe-url.pipe.ts
@@ -1,9 +1,9 @@
-import { Pipe, PipeTransform } from '@angular/core';
+import { Pipe, PipeTransform, inject } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
 
 @Pipe({ name: 'safeUrl' })
 export class SafeUrlPipe implements PipeTransform {
-    constructor(private sanitizer: DomSanitizer) {}
+    private sanitizer = inject(DomSanitizer);
 
     /**
      * Bypasses the security checks for a specified URL.
diff --git a/src/main/webapp/app/shared/pipes/search-filter.pipe.ts b/src/main/webapp/app/shared/pipes/search-filter.pipe.ts
index cd117bbffe86..e0c754f165bf 100644
--- a/src/main/webapp/app/shared/pipes/search-filter.pipe.ts
+++ b/src/main/webapp/app/shared/pipes/search-filter.pipe.ts
@@ -1,8 +1,6 @@
 import { Pipe, PipeTransform } from '@angular/core';
 
-@Pipe({
-    name: 'searchFilter',
-})
+@Pipe({ name: 'searchFilter' })
 export class SearchFilterPipe implements PipeTransform {
     transform(array: any[] | undefined, fields: string[], value: string): any[] {
         if (!Array.isArray(array)) {
diff --git a/src/main/webapp/app/shared/pipes/shared-pipes.module.ts b/src/main/webapp/app/shared/pipes/shared-pipes.module.ts
index 4ea6c175a3e2..0ddfc15d616f 100644
--- a/src/main/webapp/app/shared/pipes/shared-pipes.module.ts
+++ b/src/main/webapp/app/shared/pipes/shared-pipes.module.ts
@@ -13,7 +13,7 @@ import { SearchFilterPipe } from 'app/shared/pipes/search-filter.pipe';
 import { AsPipe } from 'app/shared/pipes/as.pipe';
 
 @NgModule({
-    declarations: [
+    imports: [
         SafeUrlPipe,
         SafeResourceUrlPipe,
         RemoveKeysPipe,
diff --git a/src/main/webapp/app/shared/profile-picture/profile-picture.component.ts b/src/main/webapp/app/shared/profile-picture/profile-picture.component.ts
index f8600f3a0ccf..ade370587a98 100644
--- a/src/main/webapp/app/shared/profile-picture/profile-picture.component.ts
+++ b/src/main/webapp/app/shared/profile-picture/profile-picture.component.ts
@@ -8,7 +8,6 @@ import { RouterLink } from '@angular/router';
 
 @Component({
     selector: 'jhi-profile-picture',
-    standalone: true,
     templateUrl: './profile-picture.component.html',
     styleUrls: ['./profile-picture.component.scss'],
     imports: [ArtemisSharedCommonModule, RouterLink, ArtemisSharedPipesModule],
@@ -38,7 +37,7 @@ export class ProfilePictureComponent implements OnInit, OnChanges {
         this.updateImageData();
     }
 
-    ngOnChanges(): void {
+    ngOnChanges() {
         this.updateImageData();
     }
 
diff --git a/src/main/webapp/app/shared/range-slider/range-slider.component.ts b/src/main/webapp/app/shared/range-slider/range-slider.component.ts
index 1082ee793ca3..348cf21bbc32 100644
--- a/src/main/webapp/app/shared/range-slider/range-slider.component.ts
+++ b/src/main/webapp/app/shared/range-slider/range-slider.component.ts
@@ -1,4 +1,4 @@
-import { Component, ElementRef, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnDestroy, OnInit, Output, inject } from '@angular/core';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 
 const DEFAULT_STEP = 1;
@@ -7,10 +7,11 @@ const DEFAULT_STEP = 1;
     selector: 'jhi-range-slider',
     templateUrl: './range-slider.component.html',
     styleUrls: ['./range-slider.component.scss'],
-    standalone: true,
     imports: [FormsModule, ReactiveFormsModule],
 })
 export class RangeSliderComponent implements OnInit, OnDestroy {
+    private elRef = inject(ElementRef);
+
     @Input() generalMaxValue: number;
     @Input() generalMinValue: number;
     @Input() step: number = DEFAULT_STEP;
@@ -50,8 +51,6 @@ export class RangeSliderComponent implements OnInit, OnDestroy {
      */
     SLIDER_THUMB_LABEL_POSITION_ADJUSTMENT_FACTOR = 0.97;
 
-    constructor(private elRef: ElementRef) {}
-
     ngOnInit() {
         this.rangeInputElements = this.elRef.nativeElement.querySelectorAll('.range-input input');
 
diff --git a/src/main/webapp/app/shared/resizeable-container/resizeable-container.component.ts b/src/main/webapp/app/shared/resizeable-container/resizeable-container.component.ts
index 9c3bef50e5b5..eb074bb3412b 100644
--- a/src/main/webapp/app/shared/resizeable-container/resizeable-container.component.ts
+++ b/src/main/webapp/app/shared/resizeable-container/resizeable-container.component.ts
@@ -1,6 +1,8 @@
 import { AfterViewInit, Component, HostBinding, HostListener, Input } from '@angular/core';
 import { faChevronLeft, faChevronRight, faGripLinesVertical } from '@fortawesome/free-solid-svg-icons';
 import interact from 'interactjs';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgTemplateOutlet } from '@angular/common';
 
 /**
  * Resizable Layout with collapsible panel on the right hand side.
@@ -17,6 +19,7 @@ import interact from 'interactjs';
     selector: 'jhi-resizeable-container',
     templateUrl: './resizeable-container.component.html',
     styleUrls: ['./resizeable-container.component.scss'],
+    imports: [FaIconComponent, NgTemplateOutlet],
 })
 export class ResizeableContainerComponent implements AfterViewInit {
     @HostBinding('class.flex-grow-1') flexGrow1 = true;
@@ -29,14 +32,14 @@ export class ResizeableContainerComponent implements AfterViewInit {
      *
      * <i>e.g. the case for printing the exam summary</i>
      */
-    @Input() isBeingPrinted?: boolean = false;
+    @Input() isBeingPrinted = false;
 
     /**
      * Forces the problem statement to be expanded when the component is printed as PDF
      *
      * <i>e.g. the case for printing the exam summary</i>
      */
-    @Input() expandProblemStatement?: boolean = false;
+    @Input() expandProblemStatement = false;
 
     // Icons
     faChevronRight = faChevronRight;
diff --git a/src/main/webapp/app/shared/science/science.component.ts b/src/main/webapp/app/shared/science/science.component.ts
index 2e279cc597b6..7c1a682572fa 100644
--- a/src/main/webapp/app/shared/science/science.component.ts
+++ b/src/main/webapp/app/shared/science/science.component.ts
@@ -1,11 +1,12 @@
 import { ScienceService } from 'app/shared/science/science.service';
 import { ScienceEventType } from 'app/shared/science/science.model';
-import { Directive } from '@angular/core';
+import { Directive, inject } from '@angular/core';
 
 @Directive()
 export abstract class AbstractScienceComponent {
+    scienceService = inject(ScienceService);
+
     protected constructor(
-        protected scienceService: ScienceService,
         private type: ScienceEventType,
         private resourceId?: number,
     ) {}
diff --git a/src/main/webapp/app/shared/science/science.directive.ts b/src/main/webapp/app/shared/science/science.directive.ts
index 096884e7d387..e0c7f825a235 100644
--- a/src/main/webapp/app/shared/science/science.directive.ts
+++ b/src/main/webapp/app/shared/science/science.directive.ts
@@ -1,12 +1,11 @@
-import { Directive, HostListener, Input } from '@angular/core';
+import { Directive, HostListener, Input, inject } from '@angular/core';
 import { ScienceService } from 'app/shared/science/science.service';
 import { ScienceEventType } from 'app/shared/science/science.model';
-@Directive({
-    selector: '[jhiScience]',
-})
+@Directive({ selector: '[jhiScience]' })
 export class ScienceDirective {
+    private scienceService = inject(ScienceService);
+
     @Input() jhiScience: ScienceEventType;
-    constructor(private scienceService: ScienceService) {}
 
     /**
      * Function is executed when a MouseEvent is registered. Sends request to science api
diff --git a/src/main/webapp/app/shared/science/science.service.ts b/src/main/webapp/app/shared/science/science.service.ts
index ca546847e79d..ea311d58efdd 100644
--- a/src/main/webapp/app/shared/science/science.service.ts
+++ b/src/main/webapp/app/shared/science/science.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
 import { ScienceEventDTO, ScienceEventType } from 'app/shared/science/science.model';
 import { ScienceSettingsService } from 'app/shared/user-settings/science-settings/science-settings.service';
@@ -7,16 +7,16 @@ import { FeatureToggle, FeatureToggleService } from 'app/shared/feature-toggle/f
 
 @Injectable({ providedIn: 'root' })
 export class ScienceService {
+    private httpClient = inject(HttpClient);
+    private featureToggleService = inject(FeatureToggleService);
+    private scienceSettingsService = inject(ScienceSettingsService);
+    private accountService = inject(AccountService);
+
     private resourceURL = 'api';
 
     private featureToggleActive = false;
 
-    constructor(
-        private httpClient: HttpClient,
-        private featureToggleService: FeatureToggleService,
-        private scienceSettingsService: ScienceSettingsService,
-        private accountService: AccountService,
-    ) {
+    constructor() {
         this.scienceSettingsService.getScienceSettingsUpdates();
         this.accountService.getAuthenticationState().subscribe((user) => this.onUserIdentityChange(user));
         this.featureToggleService.getFeatureToggleActive(FeatureToggle.Science).subscribe((active) => {
diff --git a/src/main/webapp/app/shared/score-display/score-display.component.ts b/src/main/webapp/app/shared/score-display/score-display.component.ts
index 3cddb9e29d4e..e2ca182c80d1 100644
--- a/src/main/webapp/app/shared/score-display/score-display.component.ts
+++ b/src/main/webapp/app/shared/score-display/score-display.component.ts
@@ -2,11 +2,16 @@ import { Component, Input, OnChanges } from '@angular/core';
 import { roundScorePercentSpecifiedByCourseSettings, roundValueSpecifiedByCourseSettings } from 'app/shared/util/utils';
 import { Course } from 'app/entities/course.model';
 import { faQuestionCircle } from '@fortawesome/free-solid-svg-icons';
+import { TranslateDirective } from '../language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { ArtemisTranslatePipe } from '../pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-score-display',
     templateUrl: './score-display.component.html',
     styleUrls: ['./score-display.component.scss'],
+    imports: [TranslateDirective, FaIconComponent, NgbTooltip, ArtemisTranslatePipe],
 })
 export class ScoreDisplayComponent implements OnChanges {
     @Input() maxBonusPoints = 0;
@@ -20,8 +25,6 @@ export class ScoreDisplayComponent implements OnChanges {
     // Icons
     faQuestionCircle = faQuestionCircle;
 
-    constructor() {}
-
     /**
      * Calculate the bonus points just for display reasons
      */
diff --git a/src/main/webapp/app/shared/search-filter/search-filter.component.ts b/src/main/webapp/app/shared/search-filter/search-filter.component.ts
index 941017433864..c29d87c85ccf 100644
--- a/src/main/webapp/app/shared/search-filter/search-filter.component.ts
+++ b/src/main/webapp/app/shared/search-filter/search-filter.component.ts
@@ -1,5 +1,6 @@
 import { Component, EventEmitter, Output } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
+import { FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { faMagnifyingGlass, faTimes } from '@fortawesome/free-solid-svg-icons';
 import { ArtemisSharedModule } from 'app/shared/shared.module';
 
@@ -7,8 +8,7 @@ import { ArtemisSharedModule } from 'app/shared/shared.module';
     selector: 'jhi-search-filter',
     templateUrl: './search-filter.component.html',
     styleUrls: ['./search-filter.component.scss'],
-    standalone: true,
-    imports: [ArtemisSharedModule],
+    imports: [ArtemisSharedModule, FaIconComponent, FormsModule, ReactiveFormsModule],
 })
 export class SearchFilterComponent {
     faMagnifyingGlass = faMagnifyingGlass;
diff --git a/src/main/webapp/app/shared/server-date.service.ts b/src/main/webapp/app/shared/server-date.service.ts
index c13e9b126a45..7d43307ded49 100644
--- a/src/main/webapp/app/shared/server-date.service.ts
+++ b/src/main/webapp/app/shared/server-date.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import dayjs from 'dayjs/esm';
 import { HttpClient } from '@angular/common/http';
 
@@ -21,7 +21,9 @@ export class ArtemisServerDateService implements ServerDateService {
     recentClientDates: dayjs.Dayjs[];
     http: HttpClient;
 
-    constructor(http: HttpClient) {
+    constructor() {
+        const http = inject(HttpClient);
+
         this.http = http;
         this.resourceUrl = 'api/public/time';
         this.recentOffsets = new Array<number>();
diff --git a/src/main/webapp/app/shared/service/legal-document.service.ts b/src/main/webapp/app/shared/service/legal-document.service.ts
index 2c0084de0434..b0d691c01435 100644
--- a/src/main/webapp/app/shared/service/legal-document.service.ts
+++ b/src/main/webapp/app/shared/service/legal-document.service.ts
@@ -1,5 +1,5 @@
 import { HttpClient, HttpParams } from '@angular/common/http';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { PrivacyStatement } from 'app/entities/privacy-statement.model';
 import { Observable } from 'rxjs';
 import { LegalDocument, LegalDocumentLanguage, LegalDocumentType } from 'app/entities/legal-document.model';
@@ -9,6 +9,8 @@ import { Imprint } from 'app/entities/imprint.model';
     providedIn: 'root',
 })
 export class LegalDocumentService {
+    private http = inject(HttpClient);
+
     private resourceUrlPublicPrivacyStatement = 'api/public/privacy-statement';
     private resourceUrlPublicImprint = 'api/public/imprint';
     private resourceUrlImprintForUpdate = 'api/admin/imprint-for-update';
@@ -16,8 +18,6 @@ export class LegalDocumentService {
     private resourceUrlImprintUpdate = 'api/admin/imprint';
     private resourceUrlPrivacyStatementUpdate = 'api/admin/privacy-statement';
 
-    constructor(private http: HttpClient) {}
-
     getPrivacyStatement(language: LegalDocumentLanguage): Observable<PrivacyStatement> {
         return this.getRequestToResource(language, LegalDocumentType.PRIVACY_STATEMENT) as Observable<PrivacyStatement>;
     }
diff --git a/src/main/webapp/app/shared/service/locale-conversion.service.ts b/src/main/webapp/app/shared/service/locale-conversion.service.ts
index cb1344d9b1d4..577b44950aba 100644
--- a/src/main/webapp/app/shared/service/locale-conversion.service.ts
+++ b/src/main/webapp/app/shared/service/locale-conversion.service.ts
@@ -1,13 +1,16 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 
 @Injectable({
     providedIn: 'root',
 })
 export class LocaleConversionService {
-    locale = LocaleConversionService.getLang(); // default value, will be overridden by the current language of Artemis
+    private translateService = inject(TranslateService);
 
-    constructor(private translateService: TranslateService) {
+    locale = LocaleConversionService.getLang();
+    // default value, will be overridden by the current language of Artemis
+
+    constructor() {
         this.locale = this.translateService.currentLang;
     }
 
diff --git a/src/main/webapp/app/shared/service/lti.service.ts b/src/main/webapp/app/shared/service/lti.service.ts
index a838d4df18e5..deadea986177 100644
--- a/src/main/webapp/app/shared/service/lti.service.ts
+++ b/src/main/webapp/app/shared/service/lti.service.ts
@@ -5,7 +5,6 @@ import { BehaviorSubject } from 'rxjs';
     providedIn: 'root',
 })
 export class LtiService {
-    constructor() {}
     private shownViaLtiSubject = new BehaviorSubject<boolean>(false);
     isShownViaLti$ = this.shownViaLtiSubject.asObservable();
 
diff --git a/src/main/webapp/app/shared/service/sort.service.ts b/src/main/webapp/app/shared/service/sort.service.ts
index 52b8d9e5ff20..50c8e73b8fd8 100644
--- a/src/main/webapp/app/shared/service/sort.service.ts
+++ b/src/main/webapp/app/shared/service/sort.service.ts
@@ -5,8 +5,6 @@ import dayjs from 'dayjs/esm';
     providedIn: 'root',
 })
 export class SortService {
-    constructor() {}
-
     /**
      * Sorts the given array based on the defined keys
      * @param array The array that should be sorted
diff --git a/src/main/webapp/app/shared/service/static-content.service.ts b/src/main/webapp/app/shared/service/static-content.service.ts
index 77fcbef897f0..01a483200b5a 100644
--- a/src/main/webapp/app/shared/service/static-content.service.ts
+++ b/src/main/webapp/app/shared/service/static-content.service.ts
@@ -1,13 +1,13 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { SafeHtml } from '@angular/platform-browser';
 
 @Injectable({ providedIn: 'root' })
 export class StaticContentService {
-    private readonly STATIC_CONTENT_URL = 'public/content/';
+    private http = inject(HttpClient);
 
-    constructor(private http: HttpClient) {}
+    private readonly STATIC_CONTENT_URL = 'public/content/';
 
     /**
      * Gets the content of the file as a safe html text.
diff --git a/src/main/webapp/app/shared/shared-common.module.ts b/src/main/webapp/app/shared/shared-common.module.ts
index f4125cd1e04c..da443b9365cc 100644
--- a/src/main/webapp/app/shared/shared-common.module.ts
+++ b/src/main/webapp/app/shared/shared-common.module.ts
@@ -1,7 +1,5 @@
 import { NgModule } from '@angular/core';
-
 import { FindLanguageFromKeyPipe } from 'app/shared/language/find-language-from-key.pipe';
-import { ArtemisSharedLibsModule } from 'app/shared/shared-libs.module';
 import { AlertOverlayComponent } from 'app/shared/alert/alert-overlay.component';
 import { TranslateDirective } from 'app/shared/language/translate.directive';
 import { SortByDirective } from 'app/shared/sort/sort-by.directive';
@@ -13,10 +11,15 @@ import { ArtemisTimeAgoPipe } from 'app/shared/pipes/artemis-time-ago.pipe';
 import { DurationPipe } from 'app/shared/pipes/duration.pipe';
 import { CloseCircleComponent } from 'app/shared/close-circle/close-circle.component';
 import { ArtemisDateRangePipe } from 'app/shared/pipes/artemis-date-range.pipe';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbHighlight, NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
 
 @NgModule({
-    imports: [ArtemisSharedLibsModule, TranslateDirective, ArtemisTranslatePipe],
-    declarations: [
+    imports: [
+        TranslateDirective,
+        ArtemisTranslatePipe,
         ArtemisDatePipe,
         ArtemisDateRangePipe,
         FindLanguageFromKeyPipe,
@@ -27,9 +30,13 @@ import { ArtemisDateRangePipe } from 'app/shared/pipes/artemis-date-range.pipe';
         ArtemisDurationFromSecondsPipe,
         DurationPipe,
         CloseCircleComponent,
+        FaIconComponent,
+        CommonModule,
+        NgbTooltipModule,
+        FormsModule,
+        NgbHighlight,
     ],
     exports: [
-        ArtemisSharedLibsModule,
         ArtemisDatePipe,
         ArtemisDateRangePipe,
         FindLanguageFromKeyPipe,
@@ -42,6 +49,11 @@ import { ArtemisDateRangePipe } from 'app/shared/pipes/artemis-date-range.pipe';
         ArtemisDurationFromSecondsPipe,
         DurationPipe,
         CloseCircleComponent,
+        FaIconComponent,
+        CommonModule,
+        NgbTooltipModule,
+        FormsModule,
+        NgbHighlight,
     ],
     providers: [ArtemisDatePipe, ArtemisDateRangePipe],
 })
diff --git a/src/main/webapp/app/shared/shared-libs.module.ts b/src/main/webapp/app/shared/shared-libs.module.ts
deleted file mode 100644
index 0d8ae12f40f7..000000000000
--- a/src/main/webapp/app/shared/shared-libs.module.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { NgModule } from '@angular/core';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { CommonModule } from '@angular/common';
-import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
-import { TranslateModule } from '@ngx-translate/core';
-import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-import { MatSidenavModule } from '@angular/material/sidenav';
-import { MatToolbarModule } from '@angular/material/toolbar';
-
-@NgModule({
-    exports: [FormsModule, CommonModule, NgbModule, FontAwesomeModule, ReactiveFormsModule, TranslateModule, MatSidenavModule, MatToolbarModule],
-})
-export class ArtemisSharedLibsModule {}
diff --git a/src/main/webapp/app/shared/shared.module.ts b/src/main/webapp/app/shared/shared.module.ts
index 5e073045d3d5..4a34b1c26e04 100644
--- a/src/main/webapp/app/shared/shared.module.ts
+++ b/src/main/webapp/app/shared/shared.module.ts
@@ -8,14 +8,13 @@ import { SecureLinkDirective } from 'app/shared/http/secure-link.directive';
 import { SecuredImageComponent } from 'app/shared/image/secured-image.component';
 import { ArtemisSharedPipesModule } from 'app/shared/pipes/shared-pipes.module';
 import { ArtemisSharedCommonModule } from 'app/shared/shared-common.module';
-import { ArtemisSharedLibsModule } from 'app/shared/shared-libs.module';
+
 import { CustomMaxDirective } from 'app/shared/validators/custom-max-validator.directive';
 import { CustomMinDirective } from 'app/shared/validators/custom-min-validator.directive';
 import { OrganizationSelectorComponent } from './organization-selector/organization-selector.component';
 import { AdditionalFeedbackComponent } from './additional-feedback/additional-feedback.component';
 import { ResizeableContainerComponent } from './resizeable-container/resizeable-container.component';
 import { RouterModule } from '@angular/router';
-import { ExtensionPointDirective } from 'app/shared/extension-point/extension-point.directive';
 import { CustomPatternValidatorDirective } from 'app/shared/validators/custom-pattern-validator.directive';
 import { ItemCountComponent } from 'app/shared/pagination/item-count.component';
 import { ConsistencyCheckComponent } from 'app/shared/consistency-check/consistency-check.component';
@@ -29,14 +28,16 @@ import { DetailOverviewNavigationBarComponent } from 'app/shared/detail-overview
 import { ScienceDirective } from 'app/shared/science/science.directive';
 
 @NgModule({
-    imports: [ArtemisSharedLibsModule, ArtemisSharedCommonModule, ArtemisSharedPipesModule, RouterModule, LoadingIndicatorContainerComponent],
-    declarations: [
+    imports: [
+        ArtemisSharedCommonModule,
+        ArtemisSharedPipesModule,
+        RouterModule,
+        LoadingIndicatorContainerComponent,
         DetailOverviewNavigationBarComponent,
         CircularProgressBarComponent,
         CompetencySelectionComponent,
         AdditionalFeedbackComponent,
         HasAnyAuthorityDirective,
-        ExtensionPointDirective,
         SecuredImageComponent,
         DeleteButtonDirective,
         DeleteDialogComponent,
@@ -56,7 +57,6 @@ import { ScienceDirective } from 'app/shared/science/science.directive';
         ScienceDirective,
     ],
     exports: [
-        ArtemisSharedLibsModule,
         ArtemisSharedCommonModule,
         ArtemisSharedPipesModule,
         RouterModule,
@@ -66,7 +66,6 @@ import { ScienceDirective } from 'app/shared/science/science.directive';
         LoadingIndicatorContainerComponent,
         AdditionalFeedbackComponent,
         HasAnyAuthorityDirective,
-        ExtensionPointDirective,
         SecuredImageComponent,
         DeleteButtonDirective,
         DeleteDialogComponent,
diff --git a/src/main/webapp/app/shared/side-panel/side-panel.component.ts b/src/main/webapp/app/shared/side-panel/side-panel.component.ts
index 6415da113b5b..57a0f580898b 100644
--- a/src/main/webapp/app/shared/side-panel/side-panel.component.ts
+++ b/src/main/webapp/app/shared/side-panel/side-panel.component.ts
@@ -8,6 +8,4 @@ import { Component, Input } from '@angular/core';
 export class SidePanelComponent {
     @Input() panelHeader: string;
     @Input() panelDescriptionHeader?: string;
-
-    constructor() {}
 }
diff --git a/src/main/webapp/app/shared/side-panel/side-panel.module.ts b/src/main/webapp/app/shared/side-panel/side-panel.module.ts
index cd5faa4d8f86..bb7246ab9736 100644
--- a/src/main/webapp/app/shared/side-panel/side-panel.module.ts
+++ b/src/main/webapp/app/shared/side-panel/side-panel.module.ts
@@ -4,8 +4,7 @@ import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { SidePanelComponent } from './side-panel.component';
 
 @NgModule({
-    imports: [ArtemisSharedModule],
-    declarations: [SidePanelComponent],
+    imports: [ArtemisSharedModule, SidePanelComponent],
     exports: [SidePanelComponent],
 })
 export class ArtemisSidePanelModule {}
diff --git a/src/main/webapp/app/shared/sidebar/conversation-options/conversation-options.component.ts b/src/main/webapp/app/shared/sidebar/conversation-options/conversation-options.component.ts
index b096a691be7d..e0c48caff79e 100644
--- a/src/main/webapp/app/shared/sidebar/conversation-options/conversation-options.component.ts
+++ b/src/main/webapp/app/shared/sidebar/conversation-options/conversation-options.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnDestroy, OnInit, Output, ViewEncapsulation } from '@angular/core';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnDestroy, OnInit, Output, ViewEncapsulation, inject } from '@angular/core';
 import { ConversationDTO, shouldNotifyRecipient } from 'app/entities/metis/conversation/conversation.model';
 import { ChannelDTO, getAsChannelDTO } from 'app/entities/metis/conversation/channel.model';
 import { ConversationService } from 'app/shared/metis/conversations/conversation.service';
@@ -11,7 +11,7 @@ import { AlertService } from 'app/core/util/alert.service';
 import { onError } from 'app/shared/util/global.utils';
 import { HttpErrorResponse } from '@angular/common/http';
 import { getAsGroupChatDTO } from 'app/entities/metis/conversation/group-chat.model';
-import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
+import { NgbDropdown, NgbDropdownButtonItem, NgbDropdownItem, NgbDropdownMenu, NgbDropdownToggle, NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import {
     ConversationDetailDialogComponent,
     ConversationDetailTabs,
@@ -20,6 +20,9 @@ import { isOneToOneChatDTO } from 'app/entities/metis/conversation/one-to-one-ch
 import { defaultFirstLayerDialogOptions, getChannelSubTypeReferenceTranslationKey } from 'app/overview/course-conversations/other/conversation.util';
 import { MetisService } from 'app/shared/metis/metis.service';
 import { NotificationService } from 'app/shared/notification/notification.service';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { RouterLink } from '@angular/router';
+import { ArtemisTranslatePipe } from '../../pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-conversation-options',
@@ -27,8 +30,15 @@ import { NotificationService } from 'app/shared/notification/notification.servic
     styleUrls: ['./conversation-options.component.scss'],
     encapsulation: ViewEncapsulation.None,
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [FaIconComponent, NgbDropdown, NgbDropdownToggle, NgbDropdownMenu, NgbDropdownItem, RouterLink, NgbDropdownButtonItem, ArtemisTranslatePipe],
 })
 export class ConversationOptionsComponent implements OnInit, OnDestroy {
+    conversationService = inject(ConversationService);
+    private metisService = inject(MetisService);
+    private notificationService = inject(NotificationService);
+    private alertService = inject(AlertService);
+    private modalService = inject(NgbModal);
+
     private ngUnsubscribe = new Subject<void>();
 
     favorite$ = new Subject<boolean>();
@@ -54,14 +64,6 @@ export class ConversationOptionsComponent implements OnInit, OnDestroy {
     faVolumeUp = faVolumeUp;
     faGear = faGear;
 
-    constructor(
-        public conversationService: ConversationService,
-        private metisService: MetisService,
-        private notificationService: NotificationService,
-        private alertService: AlertService,
-        private modalService: NgbModal,
-    ) {}
-
     getAsGroupChat = getAsGroupChatDTO;
 
     isOneToOneChat = isOneToOneChatDTO;
diff --git a/src/main/webapp/app/shared/sidebar/sidebar-accordion/sidebar-accordion.component.ts b/src/main/webapp/app/shared/sidebar/sidebar-accordion/sidebar-accordion.component.ts
index 26f65e5258fa..d6d9ee0c84b9 100644
--- a/src/main/webapp/app/shared/sidebar/sidebar-accordion/sidebar-accordion.component.ts
+++ b/src/main/webapp/app/shared/sidebar/sidebar-accordion/sidebar-accordion.component.ts
@@ -2,11 +2,18 @@ import { Component, EventEmitter, Input, OnChanges, OnInit, Output, input } from
 import { faChevronRight, faFile } from '@fortawesome/free-solid-svg-icons';
 import { AccordionGroups, ChannelTypeIcons, CollapseState, SidebarCardElement, SidebarItemShowAlways, SidebarTypes } from 'app/types/sidebar';
 import { Params } from '@angular/router';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbCollapse } from '@ng-bootstrap/ng-bootstrap';
+import { NgClass, TitleCasePipe } from '@angular/common';
+import { SidebarCardDirective } from '../sidebar-card.directive';
+import { ArtemisTranslatePipe } from '../../pipes/artemis-translate.pipe';
+import { SearchFilterPipe } from 'app/shared/pipes/search-filter.pipe';
 
 @Component({
     selector: 'jhi-sidebar-accordion',
     templateUrl: './sidebar-accordion.component.html',
     styleUrls: ['./sidebar-accordion.component.scss'],
+    imports: [FaIconComponent, NgbCollapse, NgClass, SidebarCardDirective, TitleCasePipe, ArtemisTranslatePipe, SearchFilterPipe],
 })
 export class SidebarAccordionComponent implements OnChanges, OnInit {
     protected readonly Object = Object;
@@ -23,7 +30,7 @@ export class SidebarAccordionComponent implements OnChanges, OnInit {
     @Input() channelTypeIcon?: ChannelTypeIcons;
     sidebarItemAlwaysShow = input.required<SidebarItemShowAlways>();
     @Input() collapseState: CollapseState;
-    @Input() isFilterActive: boolean = false;
+    @Input() isFilterActive = false;
 
     readonly faChevronRight = faChevronRight;
     readonly faFile = faFile;
diff --git a/src/main/webapp/app/shared/sidebar/sidebar-card-item/sidebar-card-item.component.ts b/src/main/webapp/app/shared/sidebar/sidebar-card-item/sidebar-card-item.component.ts
index 07564a93952a..4e537701819f 100644
--- a/src/main/webapp/app/shared/sidebar/sidebar-card-item/sidebar-card-item.component.ts
+++ b/src/main/webapp/app/shared/sidebar/sidebar-card-item/sidebar-card-item.component.ts
@@ -2,11 +2,29 @@ import { Component, Input, OnChanges, OnInit, SimpleChanges, input } from '@angu
 import { SidebarCardElement, SidebarTypes } from 'app/types/sidebar';
 import { OneToOneChatDTO } from 'app/entities/metis/conversation/one-to-one-chat.model';
 import { faPeopleGroup } from '@fortawesome/free-solid-svg-icons';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from '../../language/translate.directive';
+import { StudentExamWorkingTimeComponent } from 'app/exam/shared/student-exam-working-time/student-exam-working-time.component';
+import { NgClass } from '@angular/common';
+import { ProfilePictureComponent } from '../../profile-picture/profile-picture.component';
+import { SubmissionResultStatusComponent } from 'app/overview/submission-result-status.component';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisDurationFromSecondsPipe } from 'app/shared/pipes/artemis-duration-from-seconds.pipe';
 
 @Component({
     selector: 'jhi-sidebar-card-item',
     templateUrl: './sidebar-card-item.component.html',
     styleUrls: ['./sidebar-card-item.component.scss', '../sidebar.component.scss'],
+    imports: [
+        FaIconComponent,
+        TranslateDirective,
+        StudentExamWorkingTimeComponent,
+        NgClass,
+        ProfilePictureComponent,
+        SubmissionResultStatusComponent,
+        ArtemisDatePipe,
+        ArtemisDurationFromSecondsPipe,
+    ],
 })
 export class SidebarCardItemComponent implements OnInit, OnChanges {
     @Input() sidebarItem: SidebarCardElement;
diff --git a/src/main/webapp/app/shared/sidebar/sidebar-card-large/sidebar-card-large.component.ts b/src/main/webapp/app/shared/sidebar/sidebar-card-large/sidebar-card-large.component.ts
index 1422a0ad4efc..1d8bca053ed6 100644
--- a/src/main/webapp/app/shared/sidebar/sidebar-card-large/sidebar-card-large.component.ts
+++ b/src/main/webapp/app/shared/sidebar/sidebar-card-large/sidebar-card-large.component.ts
@@ -1,26 +1,27 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, inject } from '@angular/core';
 import { SidebarCardElement, SidebarTypes } from 'app/types/sidebar';
 import { SidebarEventService } from '../sidebar-event.service';
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute, Router, RouterLink, RouterLinkActive } from '@angular/router';
 import { Location } from '@angular/common';
+import { SidebarCardItemComponent } from '../sidebar-card-item/sidebar-card-item.component';
 
 @Component({
     selector: 'jhi-large-sidebar-card',
     templateUrl: './sidebar-card-large.component.html',
     styleUrls: ['./sidebar-card-large.component.scss'],
+    imports: [RouterLink, RouterLinkActive, SidebarCardItemComponent],
 })
 export class SidebarCardLargeComponent {
+    private sidebarEventService = inject(SidebarEventService);
+    private router = inject(Router);
+    private route = inject(ActivatedRoute);
+    private location = inject(Location);
+
     @Input({ required: true }) sidebarItem: SidebarCardElement;
     @Input() sidebarType?: SidebarTypes;
     @Input() itemSelected?: boolean;
     /** Key used for grouping or categorizing sidebar items */
     @Input() groupKey?: string;
-    constructor(
-        private sidebarEventService: SidebarEventService,
-        private router: Router,
-        private route: ActivatedRoute,
-        private location: Location,
-    ) {}
 
     emitStoreAndRefresh(itemId: number | string) {
         this.sidebarEventService.emitSidebarCardEvent(itemId);
diff --git a/src/main/webapp/app/shared/sidebar/sidebar-card-medium/sidebar-card-medium.component.ts b/src/main/webapp/app/shared/sidebar/sidebar-card-medium/sidebar-card-medium.component.ts
index 05596e471937..cbfb8ba269fe 100644
--- a/src/main/webapp/app/shared/sidebar/sidebar-card-medium/sidebar-card-medium.component.ts
+++ b/src/main/webapp/app/shared/sidebar/sidebar-card-medium/sidebar-card-medium.component.ts
@@ -1,16 +1,23 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Component, EventEmitter, Input, Output, inject } from '@angular/core';
 import { DifficultyLevel } from 'app/entities/exercise.model';
 import { SidebarCardElement, SidebarTypes } from 'app/types/sidebar';
 import { SidebarEventService } from '../sidebar-event.service';
-import { ActivatedRoute, Router } from '@angular/router';
-import { Location } from '@angular/common';
+import { ActivatedRoute, Router, RouterLink, RouterLinkActive } from '@angular/router';
+import { Location, NgClass } from '@angular/common';
+import { SidebarCardItemComponent } from '../sidebar-card-item/sidebar-card-item.component';
 
 @Component({
     selector: 'jhi-medium-sidebar-card',
     templateUrl: './sidebar-card-medium.component.html',
     styleUrls: ['./sidebar-card-medium.component.scss'],
+    imports: [NgClass, SidebarCardItemComponent, RouterLink, RouterLinkActive],
 })
 export class SidebarCardMediumComponent {
+    private sidebarEventService = inject(SidebarEventService);
+    private router = inject(Router);
+    private route = inject(ActivatedRoute);
+    private location = inject(Location);
+
     DifficultyLevel = DifficultyLevel;
     @Input({ required: true }) sidebarItem: SidebarCardElement;
     @Input() sidebarType?: SidebarTypes;
@@ -19,13 +26,6 @@ export class SidebarCardMediumComponent {
     /** Key used for grouping or categorizing sidebar items */
     @Input() groupKey?: string;
 
-    constructor(
-        private sidebarEventService: SidebarEventService,
-        private router: Router,
-        private route: ActivatedRoute,
-        private location: Location,
-    ) {}
-
     emitStoreAndRefresh(itemId: number | string) {
         this.sidebarEventService.emitSidebarCardEvent(itemId);
         this.refreshChildComponent();
diff --git a/src/main/webapp/app/shared/sidebar/sidebar-card-small/sidebar-card-small.component.ts b/src/main/webapp/app/shared/sidebar/sidebar-card-small/sidebar-card-small.component.ts
index 319763c19970..2541aec349fa 100644
--- a/src/main/webapp/app/shared/sidebar/sidebar-card-small/sidebar-card-small.component.ts
+++ b/src/main/webapp/app/shared/sidebar/sidebar-card-small/sidebar-card-small.component.ts
@@ -1,16 +1,24 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Component, EventEmitter, Input, Output, inject } from '@angular/core';
 import { DifficultyLevel } from 'app/entities/exercise.model';
 import { SidebarCardElement, SidebarTypes } from 'app/types/sidebar';
 import { SidebarEventService } from '../sidebar-event.service';
-import { ActivatedRoute, Router } from '@angular/router';
-import { Location } from '@angular/common';
+import { ActivatedRoute, Router, RouterLink, RouterLinkActive } from '@angular/router';
+import { Location, NgClass } from '@angular/common';
+import { SidebarCardItemComponent } from '../sidebar-card-item/sidebar-card-item.component';
+import { ConversationOptionsComponent } from '../conversation-options/conversation-options.component';
 
 @Component({
     selector: 'jhi-small-sidebar-card',
     templateUrl: './sidebar-card-small.component.html',
     styleUrls: ['./sidebar-card-small.component.scss'],
+    imports: [NgClass, RouterLink, RouterLinkActive, SidebarCardItemComponent, ConversationOptionsComponent],
 })
 export class SidebarCardSmallComponent {
+    private sidebarEventService = inject(SidebarEventService);
+    private router = inject(Router);
+    private route = inject(ActivatedRoute);
+    private location = inject(Location);
+
     DifficultyLevel = DifficultyLevel;
     @Output() onUpdateSidebar = new EventEmitter<void>();
     @Input({ required: true }) sidebarItem: SidebarCardElement;
@@ -19,13 +27,6 @@ export class SidebarCardSmallComponent {
     /** Key used for grouping or categorizing sidebar items */
     @Input() groupKey?: string;
 
-    constructor(
-        private sidebarEventService: SidebarEventService,
-        private router: Router,
-        private route: ActivatedRoute,
-        private location: Location,
-    ) {}
-
     emitStoreAndRefresh(itemId: number | string) {
         this.sidebarEventService.emitSidebarCardEvent(itemId);
         if (this.sidebarType !== 'conversation') {
diff --git a/src/main/webapp/app/shared/sidebar/sidebar-card.directive.ts b/src/main/webapp/app/shared/sidebar/sidebar-card.directive.ts
index dc248d99d527..a2fac6b2ba73 100644
--- a/src/main/webapp/app/shared/sidebar/sidebar-card.directive.ts
+++ b/src/main/webapp/app/shared/sidebar/sidebar-card.directive.ts
@@ -1,4 +1,4 @@
-import { ComponentRef, Directive, EventEmitter, Input, OnDestroy, OnInit, Output, Type, ViewContainerRef } from '@angular/core';
+import { ComponentRef, Directive, EventEmitter, Input, OnDestroy, OnInit, Output, Type, ViewContainerRef, inject } from '@angular/core';
 import { SidebarCardSmallComponent } from 'app/shared/sidebar/sidebar-card-small/sidebar-card-small.component';
 import { SidebarCardMediumComponent } from 'app/shared/sidebar/sidebar-card-medium/sidebar-card-medium.component';
 import { SidebarCardLargeComponent } from 'app/shared/sidebar/sidebar-card-large/sidebar-card-large.component';
@@ -6,9 +6,10 @@ import { SidebarCardElement, SidebarTypes } from 'app/types/sidebar';
 
 @Directive({
     selector: '[jhiSidebarCard]',
-    standalone: true,
 })
 export class SidebarCardDirective implements OnInit, OnDestroy {
+    viewContainerRef = inject(ViewContainerRef);
+
     @Input() size = 'M';
     @Input() sidebarItem: SidebarCardElement;
     @Input() sidebarType?: SidebarTypes;
@@ -19,8 +20,6 @@ export class SidebarCardDirective implements OnInit, OnDestroy {
 
     private componentRef: ComponentRef<any>;
 
-    constructor(public viewContainerRef: ViewContainerRef) {}
-
     ngOnInit() {
         const cards: { [key: string]: Type<SidebarCardSmallComponent | SidebarCardMediumComponent | SidebarCardLargeComponent> } = {
             S: SidebarCardSmallComponent,
diff --git a/src/main/webapp/app/shared/sidebar/sidebar.component.ts b/src/main/webapp/app/shared/sidebar/sidebar.component.ts
index 4422958d48cd..1d955e4a18b7 100644
--- a/src/main/webapp/app/shared/sidebar/sidebar.component.ts
+++ b/src/main/webapp/app/shared/sidebar/sidebar.component.ts
@@ -1,11 +1,11 @@
-import { Component, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Output, effect, input, output } from '@angular/core';
+import { Component, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Output, effect, inject, input, output } from '@angular/core';
 import { faCheckDouble, faFilter, faFilterCircleXmark, faHashtag, faPeopleGroup, faPlusCircle, faSearch, faUser } from '@fortawesome/free-solid-svg-icons';
 import { ActivatedRoute, Params } from '@angular/router';
 import { Subscription, distinctUntilChanged } from 'rxjs';
 import { ProfileService } from '../layouts/profiles/profile.service';
 import { ChannelTypeIcons, CollapseState, SidebarCardSize, SidebarData, SidebarItemShowAlways, SidebarTypes } from 'app/types/sidebar';
 import { SidebarEventService } from './sidebar-event.service';
-import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
+import { NgbDropdown, NgbDropdownButtonItem, NgbDropdownItem, NgbDropdownMenu, NgbDropdownToggle, NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { cloneDeep } from 'lodash-es';
 import { ExerciseFilterOptions, ExerciseFilterResults } from 'app/types/exercise-filter';
 import {
@@ -15,13 +15,39 @@ import {
     getExerciseTypeFilterOptions,
 } from 'app/shared/sidebar/sidebar.helper';
 import { ExerciseFilterModalComponent } from 'app/shared/exercise-filter/exercise-filter-modal.component';
+import { NgClass } from '@angular/common';
+import { SearchFilterComponent } from '../search-filter/search-filter.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from '../language/translate.directive';
+import { SidebarAccordionComponent } from './sidebar-accordion/sidebar-accordion.component';
+import { SidebarCardDirective } from './sidebar-card.directive';
+import { SearchFilterPipe } from 'app/shared/pipes/search-filter.pipe';
 
 @Component({
     selector: 'jhi-sidebar',
     templateUrl: './sidebar.component.html',
     styleUrls: ['./sidebar.component.scss'],
+    imports: [
+        NgClass,
+        SearchFilterComponent,
+        FaIconComponent,
+        TranslateDirective,
+        NgbDropdown,
+        NgbDropdownToggle,
+        NgbDropdownMenu,
+        NgbDropdownButtonItem,
+        NgbDropdownItem,
+        SidebarAccordionComponent,
+        SidebarCardDirective,
+        SearchFilterPipe,
+    ],
 })
 export class SidebarComponent implements OnDestroy, OnChanges, OnInit {
+    private route = inject(ActivatedRoute);
+    private profileService = inject(ProfileService);
+    private sidebarEventService = inject(SidebarEventService);
+    private modalService = inject(NgbModal);
+
     @Output() onSelectConversation = new EventEmitter<number | string>();
     @Output() onUpdateSidebar = new EventEmitter<void>();
     onDirectChatPressed = output<void>();
@@ -29,17 +55,17 @@ export class SidebarComponent implements OnDestroy, OnChanges, OnInit {
     onBrowsePressed = output<void>();
     onCreateChannelPressed = output<void>();
     onMarkAllChannelsAsRead = output<void>();
-    @Input() searchFieldEnabled: boolean = true;
+    @Input() searchFieldEnabled = true;
     @Input() sidebarData: SidebarData;
     @Input() courseId?: number;
     @Input() itemSelected?: boolean;
     @Input() channelTypeIcon?: ChannelTypeIcons;
     @Input() collapseState: CollapseState;
     sidebarItemAlwaysShow = input.required<SidebarItemShowAlways>();
-    @Input() showFilter: boolean = false;
+    @Input() showFilter = false;
     inCommunication = input<boolean>(false);
     searchValue = '';
-    isCollapsed: boolean = false;
+    isCollapsed = false;
     readonly reEmitNonDistinctSidebarEvents = input<boolean>(false);
 
     exerciseId: string;
@@ -66,14 +92,9 @@ export class SidebarComponent implements OnDestroy, OnChanges, OnInit {
     sidebarDataBeforeFiltering: SidebarData;
 
     exerciseFilters?: ExerciseFilterOptions;
-    isFilterActive: boolean = false;
-
-    constructor(
-        private route: ActivatedRoute,
-        private profileService: ProfileService,
-        private sidebarEventService: SidebarEventService,
-        private modalService: NgbModal,
-    ) {
+    isFilterActive = false;
+
+    constructor() {
         effect(() => {
             this.subscribeToSidebarEvents();
         });
diff --git a/src/main/webapp/app/shared/sidebar/sidebar.module.ts b/src/main/webapp/app/shared/sidebar/sidebar.module.ts
index 3e5222a0a6e2..4804ba145c62 100644
--- a/src/main/webapp/app/shared/sidebar/sidebar.module.ts
+++ b/src/main/webapp/app/shared/sidebar/sidebar.module.ts
@@ -31,8 +31,6 @@ import { ProfilePictureComponent } from 'app/shared/profile-picture/profile-pict
         ArtemisExamSharedModule,
         SearchFilterComponent,
         ProfilePictureComponent,
-    ],
-    declarations: [
         SidebarAccordionComponent,
         SidebarCardSmallComponent,
         SidebarCardMediumComponent,
diff --git a/src/main/webapp/app/shared/sort/sort-by.directive.ts b/src/main/webapp/app/shared/sort/sort-by.directive.ts
index 0408a75f674b..0b92cf9af226 100644
--- a/src/main/webapp/app/shared/sort/sort-by.directive.ts
+++ b/src/main/webapp/app/shared/sort/sort-by.directive.ts
@@ -1,4 +1,4 @@
-import { AfterContentInit, ContentChild, Directive, Host, HostListener, Input, OnDestroy } from '@angular/core';
+import { AfterContentInit, ContentChild, Directive, HostListener, Input, OnDestroy, inject } from '@angular/core';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 import { FaIconComponent } from '@fortawesome/angular-fontawesome';
@@ -6,10 +6,10 @@ import { IconDefinition, faSort, faSortDown, faSortUp } from '@fortawesome/free-
 
 import { SortDirective } from './sort.directive';
 
-@Directive({
-    selector: '[jhiSortBy]',
-})
+@Directive({ selector: '[jhiSortBy]' })
 export class SortByDirective<T> implements AfterContentInit, OnDestroy {
+    private sort = inject<SortDirective<T>>(SortDirective, { host: true });
+
     @Input() jhiSortBy!: T;
 
     @ContentChild(FaIconComponent, { static: false })
@@ -21,7 +21,9 @@ export class SortByDirective<T> implements AfterContentInit, OnDestroy {
 
     private readonly destroy = new Subject<void>();
 
-    constructor(@Host() private sort: SortDirective<T>) {
+    constructor() {
+        const sort = this.sort;
+
         sort.predicateChange.pipe(takeUntil(this.destroy)).subscribe(() => this.updateIconDefinition());
         sort.ascendingChange.pipe(takeUntil(this.destroy)).subscribe(() => this.updateIconDefinition());
     }
diff --git a/src/main/webapp/app/shared/sort/sort-icon.component.ts b/src/main/webapp/app/shared/sort/sort-icon.component.ts
index 678c8ec94cac..630532fda40d 100644
--- a/src/main/webapp/app/shared/sort/sort-icon.component.ts
+++ b/src/main/webapp/app/shared/sort/sort-icon.component.ts
@@ -8,7 +8,6 @@ import { SortingOrder } from 'app/shared/table/pageable-table';
     selector: 'jhi-sort-icon',
     templateUrl: './sort-icon.component.html',
     styleUrls: ['./sort-icon.component.scss'],
-    standalone: true,
     imports: [FontAwesomeModule, CommonModule],
 })
 export class SortIconComponent {
diff --git a/src/main/webapp/app/shared/sort/sort.directive.ts b/src/main/webapp/app/shared/sort/sort.directive.ts
index 7633048b9b69..ef47b0f67258 100644
--- a/src/main/webapp/app/shared/sort/sort.directive.ts
+++ b/src/main/webapp/app/shared/sort/sort.directive.ts
@@ -1,8 +1,6 @@
 import { Directive, EventEmitter, Input, Output } from '@angular/core';
 
-@Directive({
-    selector: '[jhiSort]',
-})
+@Directive({ selector: '[jhiSort]' })
 export class SortDirective<T> {
     @Input()
     get predicate(): T | undefined {
diff --git a/src/main/webapp/app/shared/standardized-competencies/knowledge-area-tree.component.ts b/src/main/webapp/app/shared/standardized-competencies/knowledge-area-tree.component.ts
index a283230c3be7..7b98dd0d1f5a 100644
--- a/src/main/webapp/app/shared/standardized-competencies/knowledge-area-tree.component.ts
+++ b/src/main/webapp/app/shared/standardized-competencies/knowledge-area-tree.component.ts
@@ -6,13 +6,14 @@ import { KnowledgeAreaForTree } from 'app/entities/competency/standardized-compe
 import { ArtemisSharedCommonModule } from 'app/shared/shared-common.module';
 import { ArtemisMarkdownModule } from 'app/shared/markdown.module';
 import { MatTreeModule } from '@angular/material/tree';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbCollapse } from '@ng-bootstrap/ng-bootstrap';
 
 @Component({
     selector: 'jhi-knowledge-area-tree',
     templateUrl: './knowledge-area-tree.component.html',
     styleUrls: ['./knowledge-area-tree.component.scss'],
-    standalone: true,
-    imports: [ArtemisSharedCommonModule, MatTreeModule, ArtemisMarkdownModule],
+    imports: [ArtemisSharedCommonModule, MatTreeModule, ArtemisMarkdownModule, FaIconComponent, NgbCollapse],
 })
 export class KnowledgeAreaTreeComponent {
     @Input() dataSource: MatTreeNestedDataSource<KnowledgeAreaForTree> = new MatTreeNestedDataSource<KnowledgeAreaForTree>();
diff --git a/src/main/webapp/app/shared/standardized-competencies/standardized-competency-detail.component.ts b/src/main/webapp/app/shared/standardized-competencies/standardized-competency-detail.component.ts
index 519658d25243..e37ade9415d8 100644
--- a/src/main/webapp/app/shared/standardized-competencies/standardized-competency-detail.component.ts
+++ b/src/main/webapp/app/shared/standardized-competencies/standardized-competency-detail.component.ts
@@ -8,7 +8,6 @@ import { ArtemisMarkdownModule } from 'app/shared/markdown.module';
     selector: 'jhi-standardized-competency-detail',
     templateUrl: './standardized-competency-detail.component.html',
     styleUrls: ['./standardized-competency-detail.component.scss'],
-    standalone: true,
     imports: [ArtemisSharedCommonModule, ArtemisMarkdownModule],
 })
 export class StandardizedCompetencyDetailComponent {
@@ -23,8 +22,6 @@ export class StandardizedCompetencyDetailComponent {
     protected readonly ButtonSize = ButtonSize;
     protected readonly ButtonType = ButtonType;
 
-    constructor() {}
-
     close() {
         this.onClose.emit();
     }
diff --git a/src/main/webapp/app/shared/standardized-competencies/standardized-competency-filter-page.component.ts b/src/main/webapp/app/shared/standardized-competencies/standardized-competency-filter-page.component.ts
index 8653833afe37..52b61c1f0bdb 100644
--- a/src/main/webapp/app/shared/standardized-competencies/standardized-competency-filter-page.component.ts
+++ b/src/main/webapp/app/shared/standardized-competencies/standardized-competency-filter-page.component.ts
@@ -8,7 +8,9 @@ import { KnowledgeAreaDTO, KnowledgeAreaForTree, StandardizedCompetencyDTO } fro
  * One way to set such filters is the {@link StandardizedCompetencyFilterComponent}
  *
  */
-@Component({ template: '' })
+@Component({
+    template: '',
+})
 export abstract class StandardizedCompetencyFilterPageComponent {
     protected knowledgeAreaFilter?: KnowledgeAreaDTO;
     protected competencyTitleFilter = '';
diff --git a/src/main/webapp/app/shared/standardized-competencies/standardized-competency-filter.component.ts b/src/main/webapp/app/shared/standardized-competencies/standardized-competency-filter.component.ts
index d20826859c5c..858b81ae33e0 100644
--- a/src/main/webapp/app/shared/standardized-competencies/standardized-competency-filter.component.ts
+++ b/src/main/webapp/app/shared/standardized-competencies/standardized-competency-filter.component.ts
@@ -2,12 +2,12 @@ import { Component, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angu
 import { KnowledgeAreaDTO } from 'app/entities/competency/standardized-competency.model';
 import { Subject, debounceTime } from 'rxjs';
 import { ArtemisSharedCommonModule } from 'app/shared/shared-common.module';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 
 @Component({
     selector: 'jhi-standardized-competency-filter',
     templateUrl: './standardized-competency-filter.component.html',
-    standalone: true,
-    imports: [ArtemisSharedCommonModule],
+    imports: [ArtemisSharedCommonModule, FormsModule, ReactiveFormsModule],
 })
 export class StandardizedCompetencyFilterComponent implements OnInit, OnDestroy {
     @Input() competencyTitleFilter: string;
diff --git a/src/main/webapp/app/shared/standardized-competencies/standardized-competency.service.ts b/src/main/webapp/app/shared/standardized-competencies/standardized-competency.service.ts
index 7b8d4ed83ed1..77e3094c7c62 100644
--- a/src/main/webapp/app/shared/standardized-competencies/standardized-competency.service.ts
+++ b/src/main/webapp/app/shared/standardized-competencies/standardized-competency.service.ts
@@ -1,14 +1,14 @@
 import { HttpClient } from '@angular/common/http';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { KnowledgeAreaDTO, Source, StandardizedCompetency } from 'app/entities/competency/standardized-competency.model';
 
 @Injectable({
     providedIn: 'root',
 })
 export class StandardizedCompetencyService {
-    private resourceURL = 'api/standardized-competencies';
+    private httpClient = inject(HttpClient);
 
-    constructor(private httpClient: HttpClient) {}
+    private resourceURL = 'api/standardized-competencies';
 
     getStandardizedCompetency(competencyId: number) {
         return this.httpClient.get<StandardizedCompetency>(`${this.resourceURL}/${competencyId}`, { observe: 'response' });
diff --git a/src/main/webapp/app/shared/statistics-graph/statistics-average-score-graph.component.ts b/src/main/webapp/app/shared/statistics-graph/statistics-average-score-graph.component.ts
index b20c96feba48..9197665bd215 100644
--- a/src/main/webapp/app/shared/statistics-graph/statistics-average-score-graph.component.ts
+++ b/src/main/webapp/app/shared/statistics-graph/statistics-average-score-graph.component.ts
@@ -1,8 +1,8 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input, OnInit, inject } from '@angular/core';
 import { GraphColors, SpanType } from 'app/entities/statistics.model';
 import { CourseManagementStatisticsModel } from 'app/entities/quiz/course-management-statistics-model';
 import { faArrowLeft, faArrowRight, faFilter } from '@fortawesome/free-solid-svg-icons';
-import { Color, ScaleType } from '@swimlane/ngx-charts';
+import { BarChartModule, Color, ScaleType } from '@swimlane/ngx-charts';
 import { ExerciseType } from 'app/entities/exercise.model';
 import { NgxChartsSingleSeriesDataEntry } from 'app/shared/chart/ngx-charts-datatypes';
 import { axisTickFormattingWithPercentageSign } from 'app/shared/statistics-graph/statistics-graph.utils';
@@ -10,6 +10,11 @@ import { ChartExerciseTypeFilter } from 'app/shared/chart/chart-exercise-type-fi
 import { ArtemisNavigationUtilService } from 'app/utils/navigation.utils';
 import { ThemeService } from 'app/core/theme/theme.service';
 import { ChartCategoryFilter } from 'app/shared/chart/chart-category-filter';
+import { TranslateDirective } from '../language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbDropdown, NgbDropdownMenu, NgbDropdownToggle } from '@ng-bootstrap/ng-bootstrap';
+import { NgClass } from '@angular/common';
+import { ArtemisTranslatePipe } from '../pipes/artemis-translate.pipe';
 
 interface ExerciseStatisticsEntry extends NgxChartsSingleSeriesDataEntry {
     exerciseType: ExerciseType;
@@ -26,8 +31,14 @@ export enum PerformanceInterval {
     selector: 'jhi-statistics-average-score-graph',
     templateUrl: './statistics-average-score-graph.component.html',
     styleUrls: ['./statistics-average-score-graph.component.scss', '../chart/vertical-bar-chart.scss'],
+    imports: [TranslateDirective, FaIconComponent, BarChartModule, NgbDropdown, NgbDropdownToggle, NgbDropdownMenu, NgClass, ArtemisTranslatePipe],
 })
 export class StatisticsAverageScoreGraphComponent implements OnInit {
+    private themeService = inject(ThemeService);
+    private navigationUtilService = inject(ArtemisNavigationUtilService);
+    readonly exerciseTypeFilter = inject(ChartExerciseTypeFilter);
+    readonly chartCategoryFilter = inject(ChartCategoryFilter);
+
     @Input()
     exerciseAverageScores: CourseManagementStatisticsModel[];
     @Input()
@@ -77,13 +88,6 @@ export class StatisticsAverageScoreGraphComponent implements OnInit {
     faArrowRight = faArrowRight;
     faFilter = faFilter;
 
-    constructor(
-        private themeService: ThemeService,
-        private navigationUtilService: ArtemisNavigationUtilService,
-        readonly exerciseTypeFilter: ChartExerciseTypeFilter,
-        readonly chartCategoryFilter: ChartCategoryFilter,
-    ) {}
-
     ngOnInit(): void {
         this.initializeChart();
     }
diff --git a/src/main/webapp/app/shared/statistics-graph/statistics-graph.component.ts b/src/main/webapp/app/shared/statistics-graph/statistics-graph.component.ts
index ac0b0afd1bba..bc1ba57d2db1 100644
--- a/src/main/webapp/app/shared/statistics-graph/statistics-graph.component.ts
+++ b/src/main/webapp/app/shared/statistics-graph/statistics-graph.component.ts
@@ -1,19 +1,25 @@
-import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';
+import { Component, Input, OnChanges, SimpleChanges, inject } from '@angular/core';
 import { StatisticsService } from 'app/shared/statistics-graph/statistics.service';
 import dayjs from 'dayjs/esm';
 import { GraphColors, Graphs, SpanType, StatisticsView } from 'app/entities/statistics.model';
 import { faArrowLeft, faArrowRight } from '@fortawesome/free-solid-svg-icons';
 import { yAxisTickFormatting } from 'app/shared/statistics-graph/statistics-graph.utils';
-import { Color, ScaleType } from '@swimlane/ngx-charts';
+import { BarChartModule, Color, ScaleType } from '@swimlane/ngx-charts';
 import { TranslateService } from '@ngx-translate/core';
 import { NgxChartsSingleSeriesDataEntry } from 'app/shared/chart/ngx-charts-datatypes';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisTranslatePipe } from '../pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-statistics-graph',
     templateUrl: './statistics-graph.component.html',
     styleUrls: ['../chart/vertical-bar-chart.scss'],
+    imports: [FaIconComponent, BarChartModule, ArtemisTranslatePipe],
 })
 export class StatisticsGraphComponent implements OnChanges {
+    private service = inject(StatisticsService);
+    private translateService = inject(TranslateService);
+
     @Input()
     graphType: Graphs;
     @Input()
@@ -53,10 +59,7 @@ export class StatisticsGraphComponent implements OnChanges {
     faArrowLeft = faArrowLeft;
     faArrowRight = faArrowRight;
 
-    constructor(
-        private service: StatisticsService,
-        private translateService: TranslateService,
-    ) {
+    constructor() {
         this.translateService.onLangChange.subscribe(() => {
             this.onSystemLanguageChange();
         });
diff --git a/src/main/webapp/app/shared/statistics-graph/statistics-score-distribution-graph.component.ts b/src/main/webapp/app/shared/statistics-graph/statistics-score-distribution-graph.component.ts
index 484177b43bb4..7a378b3313fb 100644
--- a/src/main/webapp/app/shared/statistics-graph/statistics-score-distribution-graph.component.ts
+++ b/src/main/webapp/app/shared/statistics-graph/statistics-score-distribution-graph.component.ts
@@ -1,17 +1,21 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input, OnInit, inject } from '@angular/core';
 import { round } from 'app/shared/util/utils';
 import { GraphColors } from 'app/entities/statistics.model';
 import { axisTickFormattingWithPercentageSign } from 'app/shared/statistics-graph/statistics-graph.utils';
-import { Color, ScaleType } from '@swimlane/ngx-charts';
+import { BarChartModule, Color, ScaleType } from '@swimlane/ngx-charts';
 import { ExerciseType } from 'app/entities/exercise.model';
 import { ArtemisNavigationUtilService } from 'app/utils/navigation.utils';
+import { TranslateDirective } from '../language/translate.directive';
 
 @Component({
     selector: 'jhi-statistics-score-distribution-graph',
     templateUrl: './statistics-score-distribution-graph.component.html',
     styleUrls: ['../chart/vertical-bar-chart.scss'],
+    imports: [TranslateDirective, BarChartModule],
 })
 export class StatisticsScoreDistributionGraphComponent implements OnInit {
+    private navigationService = inject(ArtemisNavigationUtilService);
+
     @Input()
     averageScoreOfExercise: number | undefined;
     @Input()
@@ -39,8 +43,6 @@ export class StatisticsScoreDistributionGraphComponent implements OnInit {
     barChartLabels: string[] = [];
     relativeChartData: number[] = [];
 
-    constructor(private navigationService: ArtemisNavigationUtilService) {}
-
     ngOnInit(): void {
         this.initializeChart();
     }
diff --git a/src/main/webapp/app/shared/statistics-graph/statistics.service.ts b/src/main/webapp/app/shared/statistics-graph/statistics.service.ts
index 233a10bfd8d8..d93dc0d2c267 100644
--- a/src/main/webapp/app/shared/statistics-graph/statistics.service.ts
+++ b/src/main/webapp/app/shared/statistics-graph/statistics.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { HttpClient, HttpParams } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { Graphs, SpanType, StatisticsView } from 'app/entities/statistics.model';
@@ -11,12 +11,12 @@ import { ExerciseCategory } from 'app/entities/exercise-category.model';
 
 @Injectable({ providedIn: 'root' })
 export class StatisticsService {
+    private http = inject(HttpClient);
+
     private basePath = 'management/statistics/';
     private resourceUrl = 'api/' + this.basePath;
     private adminResourceUrl = 'api/admin/' + this.basePath;
 
-    constructor(private http: HttpClient) {}
-
     /**
      * Sends a GET request to retrieve the data for a graph based on the graphType in the last *span* days and the given period
      */
diff --git a/src/main/webapp/app/shared/sticky-popover/sticky-popover.directive.ts b/src/main/webapp/app/shared/sticky-popover/sticky-popover.directive.ts
index bb5184324e52..4bb206642431 100644
--- a/src/main/webapp/app/shared/sticky-popover/sticky-popover.directive.ts
+++ b/src/main/webapp/app/shared/sticky-popover/sticky-popover.directive.ts
@@ -1,10 +1,11 @@
-import { Directive, ElementRef, Input, OnDestroy, OnInit, Renderer2, TemplateRef } from '@angular/core';
+import { Directive, ElementRef, Input, OnDestroy, OnInit, Renderer2, TemplateRef, inject } from '@angular/core';
 import { NgbPopover } from '@ng-bootstrap/ng-bootstrap';
 
-@Directive({
-    selector: '[jhiStickyPopover]',
-})
+@Directive({ selector: '[jhiStickyPopover]' })
 export class StickyPopoverDirective extends NgbPopover implements OnInit, OnDestroy {
+    private _elRef = inject(ElementRef);
+    private _render = inject(Renderer2);
+
     @Input() jhiStickyPopover: TemplateRef<any>;
 
     popoverTitle: string;
@@ -14,7 +15,7 @@ export class StickyPopoverDirective extends NgbPopover implements OnInit, OnDest
     canClosePopover: boolean;
 
     private closeTimeout: any;
-    private clickInPopover: boolean = false;
+    private clickInPopover = false;
 
     toggle(): void {
         super.toggle();
@@ -24,10 +25,7 @@ export class StickyPopoverDirective extends NgbPopover implements OnInit, OnDest
         return super.isOpen();
     }
 
-    constructor(
-        private _elRef: ElementRef,
-        private _render: Renderer2,
-    ) {
+    constructor() {
         super();
         this.triggers = 'manual';
         this.popoverTitle = '';
diff --git a/src/main/webapp/app/shared/table/table-editable-checkbox.component.ts b/src/main/webapp/app/shared/table/table-editable-checkbox.component.ts
index 64c7bbb7d69f..651414a8e743 100644
--- a/src/main/webapp/app/shared/table/table-editable-checkbox.component.ts
+++ b/src/main/webapp/app/shared/table/table-editable-checkbox.component.ts
@@ -1,4 +1,5 @@
 import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { FormsModule } from '@angular/forms';
 
 /**
  * A checkbox to show in a table to edit boolean attributes.
@@ -11,6 +12,7 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
             <input class="table-editable-field__checkbox form-check-input" type="checkbox" [disabled]="disabled" [ngModel]="value" (ngModelChange)="sendValueUpdate()" />
         </div>
     `,
+    imports: [FormsModule],
 })
 export class TableEditableCheckboxComponent {
     @Input() value: boolean;
diff --git a/src/main/webapp/app/shared/table/table-editable-field.component.ts b/src/main/webapp/app/shared/table/table-editable-field.component.ts
index 36d462dd148a..31c9362826a8 100644
--- a/src/main/webapp/app/shared/table/table-editable-field.component.ts
+++ b/src/main/webapp/app/shared/table/table-editable-field.component.ts
@@ -1,5 +1,8 @@
 import { Component, Input, ViewChild } from '@angular/core';
-import { NgModel } from '@angular/forms';
+import { FormsModule, NgModel } from '@angular/forms';
+import { TranslateDirective } from '../language/translate.directive';
+import { KeyValuePipe } from '@angular/common';
+import { RemoveKeysPipe } from 'app/shared/pipes/remove-keys.pipe';
 
 /**
  * An inline editing field to use for tables.
@@ -8,6 +11,7 @@ import { NgModel } from '@angular/forms';
     selector: 'jhi-table-editable-field',
     styles: ['.table-editable-field {display: flex; align-items: center}', '.table-editable-field__input {flex: 2 1 auto; margin-left: 0.25rem}'],
     templateUrl: './table-editable-field.component.html',
+    imports: [FormsModule, TranslateDirective, KeyValuePipe, RemoveKeysPipe],
 })
 export class TableEditableFieldComponent {
     @ViewChild('editingInput') editingInput: NgModel;
diff --git a/src/main/webapp/app/shared/table/table.module.ts b/src/main/webapp/app/shared/table/table.module.ts
index 8235a61a5ef7..cc4a6d1cfa6a 100644
--- a/src/main/webapp/app/shared/table/table.module.ts
+++ b/src/main/webapp/app/shared/table/table.module.ts
@@ -1,12 +1,11 @@
 import { NgModule } from '@angular/core';
 import { TableEditableFieldComponent } from 'app/shared/table/table-editable-field.component';
-import { ArtemisSharedLibsModule } from 'app/shared/shared-libs.module';
+
 import { TableEditableCheckboxComponent } from 'app/shared/table/table-editable-checkbox.component';
 import { ArtemisSharedModule } from 'app/shared/shared.module';
 
 @NgModule({
-    imports: [ArtemisSharedLibsModule, ArtemisSharedModule],
-    declarations: [TableEditableFieldComponent, TableEditableCheckboxComponent],
+    imports: [ArtemisSharedModule, TableEditableFieldComponent, TableEditableCheckboxComponent],
     exports: [TableEditableFieldComponent, TableEditableCheckboxComponent],
 })
 export class ArtemisTableModule {}
diff --git a/src/main/webapp/app/shared/textarea/textarea-counter.component.ts b/src/main/webapp/app/shared/textarea/textarea-counter.component.ts
index b5a39a87b14c..3dcf1a2d1066 100644
--- a/src/main/webapp/app/shared/textarea/textarea-counter.component.ts
+++ b/src/main/webapp/app/shared/textarea/textarea-counter.component.ts
@@ -1,18 +1,20 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, inject } from '@angular/core';
 import { StringCountService } from 'app/exercises/text/participate/string-count.service';
+import { ArtemisTranslatePipe } from '../pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-textarea-counter',
     templateUrl: './textarea-counter.component.html',
     providers: [],
+    imports: [ArtemisTranslatePipe],
 })
 export class TextareaCounterComponent {
+    private stringCountService = inject(StringCountService);
+
     @Input() maxLength: number;
     @Input() content?: string;
     @Input() visible?: boolean;
 
-    constructor(private stringCountService: StringCountService) {}
-
     get characterCount(): number {
         return this.stringCountService.countCharacters(this.content);
     }
diff --git a/src/main/webapp/app/shared/textarea/textarea.module.ts b/src/main/webapp/app/shared/textarea/textarea.module.ts
index c3024f1b3189..4f0f0873a9b1 100644
--- a/src/main/webapp/app/shared/textarea/textarea.module.ts
+++ b/src/main/webapp/app/shared/textarea/textarea.module.ts
@@ -3,8 +3,7 @@ import { TextareaCounterComponent } from 'app/shared/textarea/textarea-counter.c
 import { ArtemisSharedModule } from 'app/shared/shared.module';
 
 @NgModule({
-    imports: [ArtemisSharedModule],
-    declarations: [TextareaCounterComponent],
+    imports: [ArtemisSharedModule, TextareaCounterComponent],
     exports: [TextareaCounterComponent],
 })
 export class TextareaModule {}
diff --git a/src/main/webapp/app/shared/type-ahead-search-field/type-ahead-user-search-field.component.ts b/src/main/webapp/app/shared/type-ahead-search-field/type-ahead-user-search-field.component.ts
index 8ba4d2501414..b17f02e24144 100644
--- a/src/main/webapp/app/shared/type-ahead-search-field/type-ahead-user-search-field.component.ts
+++ b/src/main/webapp/app/shared/type-ahead-search-field/type-ahead-user-search-field.component.ts
@@ -1,15 +1,23 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Component, EventEmitter, Input, Output, inject } from '@angular/core';
 import { Observable, OperatorFunction, catchError, of, switchMap, tap } from 'rxjs';
 import { UserService } from 'app/core/user/user.service';
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons';
 import { User } from 'app/core/user/user.model';
+import { TranslateDirective } from '../language/translate.directive';
+import { FormsModule } from '@angular/forms';
+import { NgbTypeahead } from '@ng-bootstrap/ng-bootstrap';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisTranslatePipe } from '../pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-type-ahead-user-search-field',
     templateUrl: './type-ahead-user-search-field.component.html',
     styleUrls: ['./type-ahead-user-search-field.component.scss'],
+    imports: [TranslateDirective, FormsModule, NgbTypeahead, FaIconComponent, ArtemisTranslatePipe],
 })
 export class TypeAheadUserSearchFieldComponent {
+    private userService = inject(UserService);
+
     @Input() loginOrName: string;
     @Output() loginOrNameChange = new EventEmitter<string>();
 
@@ -21,8 +29,6 @@ export class TypeAheadUserSearchFieldComponent {
     readonly faCircleNotch = faCircleNotch;
     readonly MIN_SEARCH_QUERY_LENGTH = 3;
 
-    constructor(private userService: UserService) {}
-
     search: OperatorFunction<string, readonly User[]> = (login: Observable<string>) => {
         this.searchFailed = false;
         return login.pipe(
diff --git a/src/main/webapp/app/shared/type-ahead-search-field/type-ahead-user-search-field.module.ts b/src/main/webapp/app/shared/type-ahead-search-field/type-ahead-user-search-field.module.ts
index 7b4ae94fc38e..4b1880a81542 100644
--- a/src/main/webapp/app/shared/type-ahead-search-field/type-ahead-user-search-field.module.ts
+++ b/src/main/webapp/app/shared/type-ahead-search-field/type-ahead-user-search-field.module.ts
@@ -3,8 +3,7 @@ import { ArtemisSharedCommonModule } from 'app/shared/shared-common.module';
 import { TypeAheadUserSearchFieldComponent } from 'app/shared/type-ahead-search-field/type-ahead-user-search-field.component';
 
 @NgModule({
-    imports: [ArtemisSharedCommonModule],
-    declarations: [TypeAheadUserSearchFieldComponent],
+    imports: [ArtemisSharedCommonModule, TypeAheadUserSearchFieldComponent],
     exports: [TypeAheadUserSearchFieldComponent],
 })
 export class TypeAheadUserSearchFieldModule {}
diff --git a/src/main/webapp/app/shared/user-import/user-import.module.ts b/src/main/webapp/app/shared/user-import/user-import.module.ts
index d88f411bdc73..5e36aa4a6c5f 100644
--- a/src/main/webapp/app/shared/user-import/user-import.module.ts
+++ b/src/main/webapp/app/shared/user-import/user-import.module.ts
@@ -5,8 +5,7 @@ import { ArtemisSharedComponentModule } from 'app/shared/components/shared-compo
 import { ArtemisSharedCommonModule } from 'app/shared/shared-common.module';
 
 @NgModule({
-    imports: [ArtemisSharedComponentModule, ArtemisSharedCommonModule],
-    declarations: [UsersImportDialogComponent, UsersImportButtonComponent],
+    imports: [ArtemisSharedComponentModule, ArtemisSharedCommonModule, UsersImportDialogComponent, UsersImportButtonComponent],
     exports: [UsersImportDialogComponent, UsersImportButtonComponent],
 })
 export class UserImportModule {}
diff --git a/src/main/webapp/app/shared/user-import/users-import-button.component.ts b/src/main/webapp/app/shared/user-import/users-import-button.component.ts
index 88cd5df1b505..76252e5b5670 100644
--- a/src/main/webapp/app/shared/user-import/users-import-button.component.ts
+++ b/src/main/webapp/app/shared/user-import/users-import-button.component.ts
@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Component, EventEmitter, Input, Output, inject } from '@angular/core';
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { ButtonSize, ButtonType } from 'app/shared/components/button.component';
 import { UsersImportDialogComponent } from 'app/shared/user-import/users-import-dialog.component';
@@ -6,14 +6,18 @@ import { CourseGroup } from 'app/entities/course.model';
 import { Exam } from 'app/entities/exam/exam.model';
 import { faFileImport } from '@fortawesome/free-solid-svg-icons';
 import { TutorialGroup } from 'app/entities/tutorial-group/tutorial-group.model';
+import { ButtonComponent } from '../components/button.component';
 
 @Component({
     selector: 'jhi-user-import-button',
     template: `
         <jhi-button [btnType]="buttonType" [btnSize]="buttonSize" [icon]="faFileImport" [title]="'artemisApp.importUsers.buttonLabel'" (onClick)="openUsersImportDialog($event)" />
     `,
+    imports: [ButtonComponent],
 })
 export class UsersImportButtonComponent {
+    private modalService = inject(NgbModal);
+
     ButtonType = ButtonType;
     ButtonSize = ButtonSize;
 
@@ -31,8 +35,6 @@ export class UsersImportButtonComponent {
     // Icons
     faFileImport = faFileImport;
 
-    constructor(private modalService: NgbModal) {}
-
     /**
      * Open up import dialog for users
      * @param {Event} event - Mouse Event which invoked the opening
diff --git a/src/main/webapp/app/shared/user-import/users-import-dialog.component.ts b/src/main/webapp/app/shared/user-import/users-import-dialog.component.ts
index 147cf3a2e661..eb956f82b223 100644
--- a/src/main/webapp/app/shared/user-import/users-import-dialog.component.ts
+++ b/src/main/webapp/app/shared/user-import/users-import-dialog.component.ts
@@ -1,5 +1,5 @@
-import { Component, Input, OnDestroy, ViewChild, ViewEncapsulation } from '@angular/core';
-import { NgForm } from '@angular/forms';
+import { Component, Input, OnDestroy, ViewChild, ViewEncapsulation, inject } from '@angular/core';
+import { FormsModule, NgForm } from '@angular/forms';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { AlertService } from 'app/core/util/alert.service';
 import { HttpResponse } from '@angular/common/http';
@@ -16,6 +16,9 @@ import { faArrowRight, faBan, faCheck, faCircleNotch, faSpinner, faUpload } from
 import { TutorialGroup } from 'app/entities/tutorial-group/tutorial-group.model';
 import { TutorialGroupsService } from 'app/course/tutorial-groups/services/tutorial-groups.service';
 import { AdminUserService } from 'app/core/user/admin-user.service';
+import { TranslateDirective } from '../language/translate.directive';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { HelpIconComponent } from '../components/help-icon.component';
 
 const POSSIBLE_REGISTRATION_NUMBER_HEADERS = ['registrationnumber', 'matriculationnumber', 'matrikelnummer', 'number'];
 const POSSIBLE_LOGIN_HEADERS = ['login', 'user', 'username', 'benutzer', 'benutzername'];
@@ -34,8 +37,16 @@ interface CsvUser {
     templateUrl: './users-import-dialog.component.html',
     styleUrls: ['./users-import-dialog.component.scss'],
     encapsulation: ViewEncapsulation.None,
+    imports: [FormsModule, TranslateDirective, FaIconComponent, HelpIconComponent],
 })
 export class UsersImportDialogComponent implements OnDestroy {
+    private activeModal = inject(NgbActiveModal);
+    private alertService = inject(AlertService);
+    private examManagementService = inject(ExamManagementService);
+    private courseManagementService = inject(CourseManagementService);
+    private adminUserService = inject(AdminUserService);
+    private tutorialGroupService = inject(TutorialGroupsService);
+
     readonly ActionType = ActionType;
 
     @ViewChild('importForm', { static: false }) importForm: NgForm;
@@ -68,15 +79,6 @@ export class UsersImportDialogComponent implements OnDestroy {
     faUpload = faUpload;
     faArrowRight = faArrowRight;
 
-    constructor(
-        private activeModal: NgbActiveModal,
-        private alertService: AlertService,
-        private examManagementService: ExamManagementService,
-        private courseManagementService: CourseManagementService,
-        private adminUserService: AdminUserService,
-        private tutorialGroupService: TutorialGroupsService,
-    ) {}
-
     ngOnDestroy(): void {
         this.dialogErrorSource.unsubscribe();
     }
diff --git a/src/main/webapp/app/shared/user-settings/account-information/account-information.component.ts b/src/main/webapp/app/shared/user-settings/account-information/account-information.component.ts
index e08261ab7ae0..c3ad91a72f8e 100644
--- a/src/main/webapp/app/shared/user-settings/account-information/account-information.component.ts
+++ b/src/main/webapp/app/shared/user-settings/account-information/account-information.component.ts
@@ -1,4 +1,4 @@
-import { Component, ElementRef, OnInit, ViewChild } from '@angular/core';
+import { Component, ElementRef, OnInit, ViewChild, inject } from '@angular/core';
 import { User } from 'app/core/user/user.model';
 import { AccountService } from 'app/core/auth/account.service';
 import { Observable, Subscription, tap } from 'rxjs';
@@ -10,13 +10,23 @@ import { base64StringToBlob } from 'app/utils/blob-util';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { UserSettingsService } from 'app/shared/user-settings/user-settings.service';
 import { AlertService, AlertType } from 'app/core/util/alert.service';
+import { TranslateDirective } from '../../language/translate.directive';
+import { SecuredImageComponent } from '../../image/secured-image.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
 
 @Component({
     selector: 'jhi-account-information',
     templateUrl: './account-information.component.html',
     styleUrls: ['../user-settings.scss'],
+    imports: [TranslateDirective, SecuredImageComponent, FaIconComponent, ArtemisDatePipe],
 })
 export class AccountInformationComponent implements OnInit {
+    private accountService = inject(AccountService);
+    private modalService = inject(NgbModal);
+    private userSettingsService = inject(UserSettingsService);
+    private alertService = inject(AlertService);
+
     currentUser?: User;
     croppedImage?: string;
     private authStateSubscription: Subscription;
@@ -27,13 +37,6 @@ export class AccountInformationComponent implements OnInit {
     faTrash = faTrash;
     faPlus = faPlus;
 
-    constructor(
-        private accountService: AccountService,
-        private modalService: NgbModal,
-        private userSettingsService: UserSettingsService,
-        private alertService: AlertService,
-    ) {}
-
     ngOnInit() {
         this.authStateSubscription = this.accountService
             .getAuthenticationState()
diff --git a/src/main/webapp/app/shared/user-settings/ide-preferences/ide-settings.component.ts b/src/main/webapp/app/shared/user-settings/ide-preferences/ide-settings.component.ts
index 7ea2ade7e2cb..344cbd38c341 100644
--- a/src/main/webapp/app/shared/user-settings/ide-preferences/ide-settings.component.ts
+++ b/src/main/webapp/app/shared/user-settings/ide-preferences/ide-settings.component.ts
@@ -1,16 +1,35 @@
-import { ChangeDetectionStrategy, Component, OnInit, WritableSignal, signal } from '@angular/core';
+import { ChangeDetectionStrategy, Component, OnInit, WritableSignal, inject, signal } from '@angular/core';
 import { ProgrammingLanguage } from 'app/entities/programming/programming-exercise.model';
 import { Ide, ideEquals } from 'app/shared/user-settings/ide-preferences/ide.model';
 import { faPlus, faTrash } from '@fortawesome/free-solid-svg-icons';
 import { IdeSettingsService } from 'app/shared/user-settings/ide-preferences/ide-settings.service';
+import { TranslateDirective } from '../../language/translate.directive';
+import { HelpIconComponent } from '../../components/help-icon.component';
+import { NgClass, NgTemplateOutlet } from '@angular/common';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgbDropdown, NgbDropdownButtonItem, NgbDropdownItem, NgbDropdownMenu, NgbDropdownToggle } from '@ng-bootstrap/ng-bootstrap';
 
 @Component({
     selector: 'jhi-ide-preferences',
     templateUrl: './ide-settings.component.html',
     styleUrls: ['./ide-settings.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [
+        TranslateDirective,
+        HelpIconComponent,
+        NgTemplateOutlet,
+        FaIconComponent,
+        NgbDropdown,
+        NgbDropdownToggle,
+        NgbDropdownMenu,
+        NgbDropdownButtonItem,
+        NgbDropdownItem,
+        NgClass,
+    ],
 })
 export class IdeSettingsComponent implements OnInit {
+    private ideSettingsService = inject(IdeSettingsService);
+
     protected readonly ProgrammingLanguage = ProgrammingLanguage;
     protected readonly faPlus = faPlus;
     protected readonly faTrash = faTrash;
@@ -22,8 +41,6 @@ export class IdeSettingsComponent implements OnInit {
     // languages that have no IDE assigned yet
     remainingProgrammingLanguages: ProgrammingLanguage[] = Object.values(ProgrammingLanguage).filter((x) => x !== ProgrammingLanguage.EMPTY);
 
-    constructor(private ideSettingsService: IdeSettingsService) {}
-
     ngOnInit() {
         this.ideSettingsService.loadPredefinedIdes().subscribe((predefinedIde) => {
             this.PREDEFINED_IDE = predefinedIde;
diff --git a/src/main/webapp/app/shared/user-settings/ide-preferences/ide-settings.service.ts b/src/main/webapp/app/shared/user-settings/ide-preferences/ide-settings.service.ts
index 11bdcf737ae1..8cf947071381 100644
--- a/src/main/webapp/app/shared/user-settings/ide-preferences/ide-settings.service.ts
+++ b/src/main/webapp/app/shared/user-settings/ide-preferences/ide-settings.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { map } from 'rxjs/operators';
 import { Observable, lastValueFrom } from 'rxjs';
 import { HttpClient, HttpParams, HttpResponse } from '@angular/common/http';
@@ -7,13 +7,13 @@ import { ProgrammingLanguage } from 'app/entities/programming/programming-exerci
 
 @Injectable({ providedIn: 'root' })
 export class IdeSettingsService {
+    private http = inject(HttpClient);
+
     public readonly ideSettingsUrl = 'api/ide-settings';
 
     // cached value of the ide preferences to avoid unnecessary requests to the server
     private idePreferences?: Map<ProgrammingLanguage, Ide>;
 
-    constructor(private http: HttpClient) {}
-
     /**
      * GET call to the server to receive the stored ide preferences of the current user
      * @return the saved ide preference which were found in the database or error
diff --git a/src/main/webapp/app/shared/user-settings/notification-settings/notification-settings.component.ts b/src/main/webapp/app/shared/user-settings/notification-settings/notification-settings.component.ts
index bebae26620bc..ca2564d2cc44 100644
--- a/src/main/webapp/app/shared/user-settings/notification-settings/notification-settings.component.ts
+++ b/src/main/webapp/app/shared/user-settings/notification-settings/notification-settings.component.ts
@@ -1,12 +1,14 @@
-import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { UserSettingsDirective } from 'app/shared/user-settings/user-settings.directive';
 import { UserSettingsCategory } from 'app/shared/constants/user-settings.constants';
 import { NotificationSetting } from 'app/shared/user-settings/notification-settings/notification-settings-structure';
-import { UserSettingsService } from 'app/shared/user-settings/user-settings.service';
 import { UserSettingsStructure } from 'app/shared/user-settings/user-settings.model';
-import { AlertService } from 'app/core/util/alert.service';
 import { faInfoCircle, faSave } from '@fortawesome/free-solid-svg-icons';
 import { NotificationSettingsService, reloadNotificationSideBarMessage } from 'app/shared/user-settings/notification-settings/notification-settings.service';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from '../../language/translate.directive';
+import { HasAnyAuthorityDirective } from '../../auth/has-any-authority.directive';
+import { ArtemisTranslatePipe } from '../../pipes/artemis-translate.pipe';
 
 export enum NotificationSettingsCommunicationChannel {
     WEBAPP,
@@ -17,21 +19,21 @@ export enum NotificationSettingsCommunicationChannel {
     selector: 'jhi-notification-settings',
     templateUrl: 'notification-settings.component.html',
     styleUrls: ['../user-settings.scss'],
+    imports: [
+        FaIconComponent,
+        TranslateDirective,
+        // NOTE: this is actually used in the html template, otherwise *jhiHasAnyAuthority would not work
+        HasAnyAuthorityDirective,
+        ArtemisTranslatePipe,
+    ],
 })
 export class NotificationSettingsComponent extends UserSettingsDirective implements OnInit {
+    private notificationSettingsService = inject(NotificationSettingsService);
+
     // Icons
     faSave = faSave;
     faInfoCircle = faInfoCircle;
 
-    constructor(
-        userSettingsService: UserSettingsService,
-        changeDetector: ChangeDetectorRef,
-        alertService: AlertService,
-        private notificationSettingsService: NotificationSettingsService,
-    ) {
-        super(userSettingsService, alertService, changeDetector);
-    }
-
     declare userSettings: UserSettingsStructure<NotificationSetting>;
     declare settings: Array<NotificationSetting>;
 
diff --git a/src/main/webapp/app/shared/user-settings/notification-settings/notification-settings.service.ts b/src/main/webapp/app/shared/user-settings/notification-settings/notification-settings.service.ts
index a2f5300a1bd9..1aa2a5e84e49 100644
--- a/src/main/webapp/app/shared/user-settings/notification-settings/notification-settings.service.ts
+++ b/src/main/webapp/app/shared/user-settings/notification-settings/notification-settings.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import {
     ATTACHMENT_CHANGE_TITLE,
     CONVERSATION_ADD_USER_CHANNEL_TITLE,
@@ -48,6 +48,8 @@ export const reloadNotificationSideBarMessage = 'reloadNotificationsInNotificati
 
 @Injectable({ providedIn: 'root' })
 export class NotificationSettingsService {
+    private userSettingsService = inject(UserSettingsService);
+
     /**
      * This is the place where the mapping between SettingIds and notification titles happens on the client side
      * Each SettingIds can be based on multiple different notification titles (based on NotificationTypes)
@@ -99,7 +101,7 @@ export class NotificationSettingsService {
 
     private notificationTitleActivationMap: Map<string, boolean> = new Map<string, boolean>();
 
-    constructor(private userSettingsService: UserSettingsService) {
+    constructor() {
         this.listenForNotificationSettingsChanges();
     }
 
diff --git a/src/main/webapp/app/shared/user-settings/science-settings/science-settings.component.ts b/src/main/webapp/app/shared/user-settings/science-settings/science-settings.component.ts
index 514f2679679e..22dbecd8ce57 100644
--- a/src/main/webapp/app/shared/user-settings/science-settings/science-settings.component.ts
+++ b/src/main/webapp/app/shared/user-settings/science-settings/science-settings.component.ts
@@ -1,21 +1,33 @@
-import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { UserSettingsDirective } from 'app/shared/user-settings/user-settings.directive';
 import { UserSettingsCategory } from 'app/shared/constants/user-settings.constants';
-import { UserSettingsService } from 'app/shared/user-settings/user-settings.service';
 import { UserSettingsStructure } from 'app/shared/user-settings/user-settings.model';
-import { AlertService } from 'app/core/util/alert.service';
 import { faInfoCircle, faSave } from '@fortawesome/free-solid-svg-icons';
 import { ScienceSetting } from 'app/shared/user-settings/science-settings/science-settings-structure';
 import { ScienceSettingsService } from 'app/shared/user-settings/science-settings/science-settings.service';
 import { FeatureToggle, FeatureToggleService } from 'app/shared/feature-toggle/feature-toggle.service';
 import { Subscription } from 'rxjs';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateDirective } from '../../language/translate.directive';
+import { HasAnyAuthorityDirective } from '../../auth/has-any-authority.directive';
+import { ArtemisTranslatePipe } from '../../pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-science-settings',
     templateUrl: 'science-settings.component.html',
     styleUrls: ['../user-settings.scss'],
+    imports: [
+        FaIconComponent,
+        TranslateDirective,
+        // NOTE: this is actually used in the html template, otherwise *jhiHasAnyAuthority would not work
+        HasAnyAuthorityDirective,
+        ArtemisTranslatePipe,
+    ],
 })
 export class ScienceSettingsComponent extends UserSettingsDirective implements OnInit, OnDestroy {
+    private scienceSettingsService = inject(ScienceSettingsService);
+    private featureToggleService = inject(FeatureToggleService);
+
     // Icons
     faSave = faSave;
     faInfoCircle = faInfoCircle;
@@ -23,16 +35,6 @@ export class ScienceSettingsComponent extends UserSettingsDirective implements O
     private featureToggleActiveSubscription: Subscription;
     featureToggleActive = false;
 
-    constructor(
-        userSettingsService: UserSettingsService,
-        changeDetector: ChangeDetectorRef,
-        alertService: AlertService,
-        private scienceSettingsService: ScienceSettingsService,
-        private featureToggleService: FeatureToggleService,
-    ) {
-        super(userSettingsService, alertService, changeDetector);
-    }
-
     declare userSettings: UserSettingsStructure<ScienceSetting>;
     declare settings: Array<ScienceSetting>;
 
diff --git a/src/main/webapp/app/shared/user-settings/science-settings/science-settings.service.ts b/src/main/webapp/app/shared/user-settings/science-settings/science-settings.service.ts
index 7671cf5a2744..8a18795f584a 100644
--- a/src/main/webapp/app/shared/user-settings/science-settings/science-settings.service.ts
+++ b/src/main/webapp/app/shared/user-settings/science-settings/science-settings.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { UserSettingsCategory } from 'app/shared/constants/user-settings.constants';
 import { Setting } from 'app/shared/user-settings/user-settings.model';
 import { UserSettingsService } from 'app/shared/user-settings/user-settings.service';
@@ -11,12 +11,12 @@ export const SCIENCE_SETTING_LOCAL_STORAGE_KEY = 'artemisapp.science.settings';
 
 @Injectable({ providedIn: 'root' })
 export class ScienceSettingsService {
+    private userSettingsService = inject(UserSettingsService);
+    private localStorageService = inject(LocalStorageService);
+
     private currentScienceSettingsSubject = new ReplaySubject<ScienceSetting[]>(1);
 
-    constructor(
-        private userSettingsService: UserSettingsService,
-        private localStorageService: LocalStorageService,
-    ) {
+    constructor() {
         this.initialize();
         this.listenForScienceSettingsChanges();
     }
diff --git a/src/main/webapp/app/shared/user-settings/ssh-settings/details/ssh-user-settings-key-details.component.ts b/src/main/webapp/app/shared/user-settings/ssh-settings/details/ssh-user-settings-key-details.component.ts
index 459a0c2edc4e..bdda46011677 100644
--- a/src/main/webapp/app/shared/user-settings/ssh-settings/details/ssh-user-settings-key-details.component.ts
+++ b/src/main/webapp/app/shared/user-settings/ssh-settings/details/ssh-user-settings-key-details.component.ts
@@ -1,19 +1,26 @@
 import { Component, OnDestroy, OnInit, inject } from '@angular/core';
+import { DocumentationLinkComponent } from 'app/shared/components/documentation-link/documentation-link.component';
+import { FormDateTimePickerComponent } from 'app/shared/date-time-picker/date-time-picker.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { Subject, Subscription, concatMap, filter, tap } from 'rxjs';
 import { ActivatedRoute, Router } from '@angular/router';
 import { faEdit, faSave } from '@fortawesome/free-solid-svg-icons';
 import { DocumentationType } from 'app/shared/components/documentation-button/documentation-button.component';
-import { ButtonSize, ButtonType } from 'app/shared/components/button.component';
+import { ButtonComponent, ButtonSize, ButtonType } from 'app/shared/components/button.component';
 import { AlertService } from 'app/core/util/alert.service';
 import { getOS } from 'app/shared/util/os-detector.util';
 import { UserSshPublicKey } from 'app/entities/programming/user-ssh-public-key.model';
 import dayjs from 'dayjs/esm';
 import { SshUserSettingsService } from 'app/shared/user-settings/ssh-settings/ssh-user-settings.service';
+import { FormsModule } from '@angular/forms';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
 
 @Component({
     selector: 'jhi-account-information',
     templateUrl: './ssh-user-settings-key-details.component.html',
     styleUrls: ['../../user-settings.scss', '../ssh-user-settings.component.scss'],
+    imports: [TranslateDirective, DocumentationLinkComponent, FormsModule, FormDateTimePickerComponent, ButtonComponent, ArtemisDatePipe, ArtemisTranslatePipe],
 })
 export class SshUserSettingsKeyDetailsComponent implements OnInit, OnDestroy {
     private sshUserSettingsService = inject(SshUserSettingsService);
diff --git a/src/main/webapp/app/shared/user-settings/ssh-settings/fingerprints/ssh-user-settings-fingerprints.component.ts b/src/main/webapp/app/shared/user-settings/ssh-settings/fingerprints/ssh-user-settings-fingerprints.component.ts
index 52e8676bb456..962845111731 100644
--- a/src/main/webapp/app/shared/user-settings/ssh-settings/fingerprints/ssh-user-settings-fingerprints.component.ts
+++ b/src/main/webapp/app/shared/user-settings/ssh-settings/fingerprints/ssh-user-settings-fingerprints.component.ts
@@ -1,12 +1,16 @@
 import { Component, OnInit, inject } from '@angular/core';
 import { ButtonSize, ButtonType } from 'app/shared/components/button.component';
 import { DocumentationType } from 'app/shared/components/documentation-button/documentation-button.component';
+import { DocumentationLinkComponent } from 'app/shared/components/documentation-link/documentation-link.component';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 import { SshUserSettingsFingerprintsService } from 'app/shared/user-settings/ssh-settings/fingerprints/ssh-user-settings-fingerprints.service';
+import { RouterLink } from '@angular/router';
 
 @Component({
     selector: 'jhi-account-information',
     templateUrl: './ssh-user-settings-fingerprints.component.html',
     styleUrls: ['./ssh-user-settings-fingerprints.component.scss', '../ssh-user-settings.component.scss'],
+    imports: [TranslateDirective, DocumentationLinkComponent, RouterLink],
 })
 export class SshUserSettingsFingerprintsComponent implements OnInit {
     readonly sshUserSettingsService = inject(SshUserSettingsFingerprintsService);
diff --git a/src/main/webapp/app/shared/user-settings/ssh-settings/ssh-user-settings.component.ts b/src/main/webapp/app/shared/user-settings/ssh-settings/ssh-user-settings.component.ts
index 5d59fb002954..5be5598c64c6 100644
--- a/src/main/webapp/app/shared/user-settings/ssh-settings/ssh-user-settings.component.ts
+++ b/src/main/webapp/app/shared/user-settings/ssh-settings/ssh-user-settings.component.ts
@@ -7,11 +7,31 @@ import { AlertService } from 'app/core/util/alert.service';
 import { UserSshPublicKey } from 'app/entities/programming/user-ssh-public-key.model';
 import dayjs from 'dayjs/esm';
 import { SshUserSettingsService } from 'app/shared/user-settings/ssh-settings/ssh-user-settings.service';
+import { TranslateDirective } from '../../language/translate.directive';
+import { DocumentationLinkComponent } from '../../components/documentation-link/documentation-link.component';
+import { RouterLink } from '@angular/router';
+import { NgbDropdown, NgbDropdownButtonItem, NgbDropdownItem, NgbDropdownMenu, NgbDropdownToggle } from '@ng-bootstrap/ng-bootstrap';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { DeleteButtonDirective } from '../../delete-dialog/delete-button.directive';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
 
 @Component({
     selector: 'jhi-account-information',
     templateUrl: './ssh-user-settings.component.html',
     styleUrls: ['../user-settings.scss', './ssh-user-settings.component.scss'],
+    imports: [
+        TranslateDirective,
+        DocumentationLinkComponent,
+        RouterLink,
+        NgbDropdown,
+        NgbDropdownToggle,
+        FaIconComponent,
+        NgbDropdownMenu,
+        NgbDropdownItem,
+        NgbDropdownButtonItem,
+        DeleteButtonDirective,
+        ArtemisDatePipe,
+    ],
 })
 export class SshUserSettingsComponent implements OnInit, OnDestroy {
     private sshUserSettingsService = inject(SshUserSettingsService);
diff --git a/src/main/webapp/app/shared/user-settings/user-settings-container/user-settings-container.component.ts b/src/main/webapp/app/shared/user-settings/user-settings-container/user-settings-container.component.ts
index 46e74ca30b07..36c10825009f 100644
--- a/src/main/webapp/app/shared/user-settings/user-settings-container/user-settings-container.component.ts
+++ b/src/main/webapp/app/shared/user-settings/user-settings-container/user-settings-container.component.ts
@@ -15,7 +15,6 @@ import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 @Component({
     selector: 'jhi-user-settings',
     templateUrl: 'user-settings-container.component.html',
-    standalone: true,
     styleUrls: ['user-settings-container.component.scss'],
     imports: [TranslateDirective, RouterModule, FontAwesomeModule],
 })
diff --git a/src/main/webapp/app/shared/user-settings/user-settings.directive.ts b/src/main/webapp/app/shared/user-settings/user-settings.directive.ts
index d900bcec47c6..6777e8c5c5c8 100644
--- a/src/main/webapp/app/shared/user-settings/user-settings.directive.ts
+++ b/src/main/webapp/app/shared/user-settings/user-settings.directive.ts
@@ -1,5 +1,5 @@
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
-import { ChangeDetectorRef, Directive, OnInit } from '@angular/core';
+import { ChangeDetectorRef, Directive, OnInit, inject } from '@angular/core';
 import { User } from 'app/core/user/user.model';
 import { UserSettingsCategory } from 'app/shared/constants/user-settings.constants';
 import { Setting, UserSettingsStructure } from 'app/shared/user-settings/user-settings.model';
@@ -11,6 +11,10 @@ import { AlertService } from 'app/core/util/alert.service';
  */
 @Directive()
 export abstract class UserSettingsDirective implements OnInit {
+    protected userSettingsService = inject(UserSettingsService);
+    protected changeDetector = inject(ChangeDetectorRef);
+    private alertService = inject(AlertService);
+
     // HTML template related
     settingsChanged = false;
     currentUser: User;
@@ -23,12 +27,6 @@ export abstract class UserSettingsDirective implements OnInit {
     page = 0;
     error?: string;
 
-    protected constructor(
-        protected userSettingsService: UserSettingsService,
-        protected alertService: AlertService,
-        protected changeDetector: ChangeDetectorRef,
-    ) {}
-
     ngOnInit(): void {
         this.alertService.closeAll();
         this.loadSetting();
diff --git a/src/main/webapp/app/shared/user-settings/user-settings.module.ts b/src/main/webapp/app/shared/user-settings/user-settings.module.ts
index e9c2ed73395e..18464cc5e7cd 100644
--- a/src/main/webapp/app/shared/user-settings/user-settings.module.ts
+++ b/src/main/webapp/app/shared/user-settings/user-settings.module.ts
@@ -16,8 +16,13 @@ import { SshUserSettingsKeyDetailsComponent } from 'app/shared/user-settings/ssh
 import { SshUserSettingsFingerprintsComponent } from 'app/shared/user-settings/ssh-settings/fingerprints/ssh-user-settings-fingerprints.component';
 
 @NgModule({
-    imports: [RouterModule.forChild(userSettingsState), ArtemisSharedModule, ArtemisSharedComponentModule, ClipboardModule, FormDateTimePickerModule, DocumentationLinkComponent],
-    declarations: [
+    imports: [
+        RouterModule.forChild(userSettingsState),
+        ArtemisSharedModule,
+        ArtemisSharedComponentModule,
+        ClipboardModule,
+        FormDateTimePickerModule,
+        DocumentationLinkComponent,
         AccountInformationComponent,
         NotificationSettingsComponent,
         ScienceSettingsComponent,
diff --git a/src/main/webapp/app/shared/user-settings/user-settings.route.ts b/src/main/webapp/app/shared/user-settings/user-settings.route.ts
index cbd0278d3bde..b5e1d0e320dd 100644
--- a/src/main/webapp/app/shared/user-settings/user-settings.route.ts
+++ b/src/main/webapp/app/shared/user-settings/user-settings.route.ts
@@ -1,20 +1,12 @@
 import { Routes } from '@angular/router';
-import { UserSettingsContainerComponent } from 'app/shared/user-settings/user-settings-container/user-settings-container.component';
-import { AccountInformationComponent } from 'app/shared/user-settings/account-information/account-information.component';
-import { NotificationSettingsComponent } from 'app/shared/user-settings/notification-settings/notification-settings.component';
+
 import { UserRouteAccessService } from 'app/core/auth/user-route-access-service';
 import { Authority } from 'app/shared/constants/authority.constants';
-import { ScienceSettingsComponent } from 'app/shared/user-settings/science-settings/science-settings.component';
-import { SshUserSettingsComponent } from 'app/shared/user-settings/ssh-settings/ssh-user-settings.component';
-import { VcsAccessTokensSettingsComponent } from 'app/shared/user-settings/vcs-access-tokens-settings/vcs-access-tokens-settings.component';
-import { IdeSettingsComponent } from 'app/shared/user-settings/ide-preferences/ide-settings.component';
-import { SshUserSettingsKeyDetailsComponent } from 'app/shared/user-settings/ssh-settings/details/ssh-user-settings-key-details.component';
-import { SshUserSettingsFingerprintsComponent } from 'app/shared/user-settings/ssh-settings/fingerprints/ssh-user-settings-fingerprints.component';
 
 export const userSettingsState: Routes = [
     {
         path: 'user-settings',
-        component: UserSettingsContainerComponent,
+        loadComponent: () => import('app/shared/user-settings/user-settings-container/user-settings-container.component').then((m) => m.UserSettingsContainerComponent),
         canActivate: [UserRouteAccessService],
         data: {
             authorities: [Authority.USER],
@@ -28,63 +20,67 @@ export const userSettingsState: Routes = [
             },
             {
                 path: 'account',
-                component: AccountInformationComponent,
+                loadComponent: () => import('app/shared/user-settings/account-information/account-information.component').then((m) => m.AccountInformationComponent),
                 data: {
                     pageTitle: 'artemisApp.userSettings.accountInformation',
                 },
             },
             {
                 path: 'notifications',
-                component: NotificationSettingsComponent,
+                loadComponent: () => import('app/shared/user-settings/notification-settings/notification-settings.component').then((m) => m.NotificationSettingsComponent),
                 data: {
                     pageTitle: 'artemisApp.userSettings.categories.NOTIFICATION_SETTINGS',
                 },
             },
             {
                 path: 'science',
-                component: ScienceSettingsComponent,
+                loadComponent: () => import('app/shared/user-settings/science-settings/science-settings.component').then((m) => m.ScienceSettingsComponent),
                 data: {
                     pageTitle: 'artemisApp.userSettings.categories.SCIENCE_SETTINGS',
                 },
             },
             {
                 path: 'ssh',
-                component: SshUserSettingsComponent,
+                loadComponent: () => import('app/shared/user-settings/ssh-settings/ssh-user-settings.component').then((m) => m.SshUserSettingsComponent),
                 data: {
                     pageTitle: 'artemisApp.userSettings.categories.SSH_SETTINGS',
                 },
             },
             {
                 path: 'ssh/add',
-                component: SshUserSettingsKeyDetailsComponent,
+                loadComponent: () =>
+                    import('app/shared/user-settings/ssh-settings/details/ssh-user-settings-key-details.component').then((m) => m.SshUserSettingsKeyDetailsComponent),
                 data: {
                     pageTitle: 'artemisApp.userSettings.categories.SSH_SETTINGS',
                 },
             },
             {
                 path: 'ssh/fingerprints',
-                component: SshUserSettingsFingerprintsComponent,
+                loadComponent: () =>
+                    import('app/shared/user-settings/ssh-settings/fingerprints/ssh-user-settings-fingerprints.component').then((m) => m.SshUserSettingsFingerprintsComponent),
                 data: {
                     pageTitle: 'artemisApp.userSettings.categories.SSH_SETTINGS',
                 },
             },
             {
                 path: 'ssh/view/:keyId',
-                component: SshUserSettingsKeyDetailsComponent,
+                loadComponent: () =>
+                    import('app/shared/user-settings/ssh-settings/details/ssh-user-settings-key-details.component').then((m) => m.SshUserSettingsKeyDetailsComponent),
                 data: {
                     pageTitle: 'artemisApp.userSettings.categories.SSH_SETTINGS',
                 },
             },
             {
                 path: 'vcs-token',
-                component: VcsAccessTokensSettingsComponent,
+                loadComponent: () =>
+                    import('app/shared/user-settings/vcs-access-tokens-settings/vcs-access-tokens-settings.component').then((m) => m.VcsAccessTokensSettingsComponent),
                 data: {
                     pageTitle: 'artemisApp.userSettings.categories.VCS_TOKEN_SETTINGS',
                 },
             },
             {
                 path: 'ide-preferences',
-                component: IdeSettingsComponent,
+                loadComponent: () => import('app/shared/user-settings/ide-preferences/ide-settings.component').then((m) => m.IdeSettingsComponent),
                 data: {
                     pageTitle: 'artemisApp.userSettings.categories.IDE_PREFERENCES',
                 },
diff --git a/src/main/webapp/app/shared/user-settings/user-settings.service.ts b/src/main/webapp/app/shared/user-settings/user-settings.service.ts
index 7e5bcde18cca..2bc81c33564a 100644
--- a/src/main/webapp/app/shared/user-settings/user-settings.service.ts
+++ b/src/main/webapp/app/shared/user-settings/user-settings.service.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { Observable, Subject } from 'rxjs';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { NotificationSetting, notificationSettingsStructure } from 'app/shared/user-settings/notification-settings/notification-settings-structure';
@@ -9,6 +9,8 @@ import { User } from 'app/core/user/user.model';
 
 @Injectable({ providedIn: 'root' })
 export class UserSettingsService {
+    private http = inject(HttpClient);
+
     public notificationSettingsResourceUrl = 'api/notification-settings';
     public scienceSettingsResourceUrl = 'api/science-settings';
     public profilePictureResourceUrl = 'api/account/profile-picture';
@@ -16,8 +18,6 @@ export class UserSettingsService {
     userSettingsChangeEvent = this.applyNewChangesSource.asObservable();
     error?: string;
 
-    constructor(private http: HttpClient) {}
-
     // load methods
 
     /**
diff --git a/src/main/webapp/app/shared/user-settings/vcs-access-tokens-settings/vcs-access-tokens-settings.component.ts b/src/main/webapp/app/shared/user-settings/vcs-access-tokens-settings/vcs-access-tokens-settings.component.ts
index 9214784ea8f6..67534cbeb5dc 100644
--- a/src/main/webapp/app/shared/user-settings/vcs-access-tokens-settings/vcs-access-tokens-settings.component.ts
+++ b/src/main/webapp/app/shared/user-settings/vcs-access-tokens-settings/vcs-access-tokens-settings.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { User } from 'app/core/user/user.model';
 import { AccountService } from 'app/core/auth/account.service';
 import { Subject, Subscription, tap } from 'rxjs';
@@ -6,13 +6,36 @@ import dayjs from 'dayjs/esm';
 import { faBan, faCopy, faEdit, faSave, faTrash } from '@fortawesome/free-solid-svg-icons';
 import { ButtonSize, ButtonType } from 'app/shared/components/button.component';
 import { AlertService } from 'app/core/util/alert.service';
+import { TranslateDirective } from '../../language/translate.directive';
+import { CdkCopyToClipboard } from '@angular/cdk/clipboard';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { DeleteButtonDirective } from '../../delete-dialog/delete-button.directive';
+import { ButtonComponent } from '../../components/button.component';
+import { FormDateTimePickerComponent } from '../../date-time-picker/date-time-picker.component';
+import { FormsModule } from '@angular/forms';
+import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { ArtemisTranslatePipe } from '../../pipes/artemis-translate.pipe';
 
 @Component({
     selector: 'jhi-account-information',
     templateUrl: './vcs-access-tokens-settings.component.html',
     styleUrls: ['../user-settings.scss'],
+    imports: [
+        TranslateDirective,
+        CdkCopyToClipboard,
+        FaIconComponent,
+        DeleteButtonDirective,
+        ButtonComponent,
+        FormDateTimePickerComponent,
+        FormsModule,
+        ArtemisDatePipe,
+        ArtemisTranslatePipe,
+    ],
 })
 export class VcsAccessTokensSettingsComponent implements OnInit, OnDestroy {
+    private accountService = inject(AccountService);
+    private alertService = inject(AlertService);
+
     currentUser?: User;
 
     readonly faEdit = faEdit;
@@ -33,11 +56,6 @@ export class VcsAccessTokensSettingsComponent implements OnInit, OnDestroy {
     protected readonly ButtonType = ButtonType;
     protected readonly ButtonSize = ButtonSize;
 
-    constructor(
-        private accountService: AccountService,
-        private alertService: AlertService,
-    ) {}
-
     ngOnInit() {
         this.authStateSubscription = this.accountService
             .getAuthenticationState()
diff --git a/src/main/webapp/app/shared/validators/custom-max-validator.directive.ts b/src/main/webapp/app/shared/validators/custom-max-validator.directive.ts
index 09fe8ffa3181..0392a7bca1c4 100644
--- a/src/main/webapp/app/shared/validators/custom-max-validator.directive.ts
+++ b/src/main/webapp/app/shared/validators/custom-max-validator.directive.ts
@@ -6,7 +6,6 @@ import { FormControl, NG_VALIDATORS, Validator } from '@angular/forms';
  * See: https://github.com/angular/angular/issues/16352
  */
 @Directive({
-    // eslint-disable-next-line @angular-eslint/directive-selector
     selector: '[customMax][formControlName],[customMax][formControl],[customMax][ngModel]',
     providers: [{ provide: NG_VALIDATORS, useExisting: CustomMaxDirective, multi: true }],
 })
diff --git a/src/main/webapp/app/shared/validators/custom-min-validator.directive.ts b/src/main/webapp/app/shared/validators/custom-min-validator.directive.ts
index f383510c80c6..6b7489aca51f 100644
--- a/src/main/webapp/app/shared/validators/custom-min-validator.directive.ts
+++ b/src/main/webapp/app/shared/validators/custom-min-validator.directive.ts
@@ -6,7 +6,6 @@ import { FormControl, NG_VALIDATORS, Validator } from '@angular/forms';
  * See: https://github.com/angular/angular/issues/16352
  */
 @Directive({
-    // eslint-disable-next-line @angular-eslint/directive-selector
     selector: '[customMin][formControlName],[customMin][formControl],[customMin][ngModel]',
     providers: [{ provide: NG_VALIDATORS, useExisting: CustomMinDirective, multi: true }],
 })
diff --git a/src/main/webapp/app/shared/validators/custom-not-included-in-validator.directive.ts b/src/main/webapp/app/shared/validators/custom-not-included-in-validator.directive.ts
index ad713998e883..21081a5d19e7 100644
--- a/src/main/webapp/app/shared/validators/custom-not-included-in-validator.directive.ts
+++ b/src/main/webapp/app/shared/validators/custom-not-included-in-validator.directive.ts
@@ -7,10 +7,8 @@ import { AbstractControl, NG_VALIDATORS, Validator } from '@angular/forms';
  * Adds the 'disallowedValue' error key (= true) to the control if the value is in the disallowedValues array
  */
 @Directive({
-    // eslint-disable-next-line @angular-eslint/directive-selector
     selector: '[notIncludedIn][ngModel],[notIncludedIn][formControl]',
     providers: [{ provide: NG_VALIDATORS, useExisting: CustomNotIncludedInValidatorDirective, multi: true }],
-    standalone: true,
 })
 export class CustomNotIncludedInValidatorDirective implements Validator {
     disallowedValues = input.required<Set<unknown>>();
diff --git a/src/main/webapp/app/shared/validators/custom-pattern-validator.directive.ts b/src/main/webapp/app/shared/validators/custom-pattern-validator.directive.ts
index 5b1dfb7892fd..30760d24c500 100644
--- a/src/main/webapp/app/shared/validators/custom-pattern-validator.directive.ts
+++ b/src/main/webapp/app/shared/validators/custom-pattern-validator.directive.ts
@@ -5,7 +5,6 @@ import { AbstractControl, NG_VALIDATORS, Validator } from '@angular/forms';
  * Custom validator for patterns (RegEx)
  */
 @Directive({
-    // eslint-disable-next-line @angular-eslint/directive-selector
     selector: '[validPattern][ngModel],[validPattern][formControl]',
     providers: [{ provide: NG_VALIDATORS, useExisting: CustomPatternValidatorDirective, multi: true }],
 })
diff --git a/src/main/webapp/app/shared/vertical-progress-bar/vertical-progress-bar.component.ts b/src/main/webapp/app/shared/vertical-progress-bar/vertical-progress-bar.component.ts
index 0f7b253251d7..9c5aab4cd327 100644
--- a/src/main/webapp/app/shared/vertical-progress-bar/vertical-progress-bar.component.ts
+++ b/src/main/webapp/app/shared/vertical-progress-bar/vertical-progress-bar.component.ts
@@ -1,4 +1,5 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, HostBinding, Input, OnInit } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, HostBinding, Input, OnInit, inject } from '@angular/core';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 
 /**
  * Simple Vertical Progress Bar without any external dependencies
@@ -14,8 +15,11 @@ import { ChangeDetectionStrategy, ChangeDetectorRef, Component, HostBinding, Inp
     templateUrl: './vertical-progress-bar.component.html',
     styleUrls: ['./vertical-progress-bar.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [NgbTooltip],
 })
 export class VerticalProgressBarComponent implements OnInit {
+    private cdr = inject(ChangeDetectorRef);
+
     // CSS VARIABLES START
     @HostBinding('style.--progress-bar-height')
     heightCSS = '50px';
@@ -29,8 +33,8 @@ export class VerticalProgressBarComponent implements OnInit {
     fillDurationCSS = '1s';
     @HostBinding('style.--border-radius')
     borderRadiusCSS = '16px';
+
     // CSS VARIABLES END
-    constructor(private cdr: ChangeDetectorRef) {}
 
     ngOnInit(): void {
         this.setFillColor();
diff --git a/src/main/webapp/app/shared/vertical-progress-bar/vertical-progress-bar.module.ts b/src/main/webapp/app/shared/vertical-progress-bar/vertical-progress-bar.module.ts
deleted file mode 100644
index f203028c70ef..000000000000
--- a/src/main/webapp/app/shared/vertical-progress-bar/vertical-progress-bar.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { VerticalProgressBarComponent } from './vertical-progress-bar.component';
-import { NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
-
-@NgModule({
-    imports: [CommonModule, NgbTooltipModule],
-    declarations: [VerticalProgressBarComponent],
-    exports: [VerticalProgressBarComponent],
-})
-export class VerticalProgressBarModule {}
diff --git a/src/main/webapp/app/shared/virtual-scroll/virtual-scroll.component.ts b/src/main/webapp/app/shared/virtual-scroll/virtual-scroll.component.ts
index 89ce35fb3766..33c585ef6038 100644
--- a/src/main/webapp/app/shared/virtual-scroll/virtual-scroll.component.ts
+++ b/src/main/webapp/app/shared/virtual-scroll/virtual-scroll.component.ts
@@ -4,7 +4,7 @@
  *
  */
 
-import { Component, ElementRef, EventEmitter, HostListener, Input, OnChanges, OnDestroy, OnInit, Output, Renderer2, SimpleChanges, ViewChild } from '@angular/core';
+import { Component, ElementRef, EventEmitter, HostListener, Input, OnChanges, OnDestroy, OnInit, Output, Renderer2, SimpleChanges, ViewChild, inject } from '@angular/core';
 import { NavigationStart, Router } from '@angular/router';
 import { VirtualScrollRenderEvent } from 'app/shared/virtual-scroll/virtual-scroll-render-event.class';
 import { ITEMS_PER_PAGE } from 'app/shared/constants/pagination.constants';
@@ -38,6 +38,9 @@ import { ITEMS_PER_PAGE } from 'app/shared/constants/pagination.constants';
  * </jhi-virtual-scroll>
  */
 export class VirtualScrollComponent<T extends { id?: number }> implements OnInit, OnChanges, OnDestroy {
+    private renderer = inject(Renderer2);
+    private router = inject(Router);
+
     @ViewChild('itemsContainer', { static: true }) private itemsContainerElRef: ElementRef<HTMLElement>;
 
     /**
@@ -97,10 +100,7 @@ export class VirtualScrollComponent<T extends { id?: number }> implements OnInit
     screenHeight: any;
     windowScrollTop: any;
 
-    constructor(
-        private renderer: Renderer2,
-        private router: Router,
-    ) {
+    constructor() {
         this.getScreenSize();
     }
 
diff --git a/src/main/webapp/app/shared/virtual-scroll/virtual-scroll.module.ts b/src/main/webapp/app/shared/virtual-scroll/virtual-scroll.module.ts
deleted file mode 100644
index b705bf193735..000000000000
--- a/src/main/webapp/app/shared/virtual-scroll/virtual-scroll.module.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-/**
- * Module based on Open Source Project ag-virtual-scroll
- * https://github.com/ericferreira1992/ag-virtual-scroll
- *
- */
-
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-import { VirtualScrollComponent } from './virtual-scroll.component';
-
-@NgModule({
-    imports: [CommonModule],
-    declarations: [VirtualScrollComponent],
-    exports: [VirtualScrollComponent],
-})
-export class VirtualScrollModule {}
diff --git a/src/main/webapp/app/utils/navigation.utils.ts b/src/main/webapp/app/utils/navigation.utils.ts
index 5dfe70b1f1da..5c052a3e7668 100644
--- a/src/main/webapp/app/utils/navigation.utils.ts
+++ b/src/main/webapp/app/utils/navigation.utils.ts
@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { ActivatedRoute, NavigationEnd, Params, Router } from '@angular/router';
 import { Location } from '@angular/common';
 import { Exercise, ExerciseType } from 'app/entities/exercise.model';
@@ -6,12 +6,14 @@ import { filter, skip, take } from 'rxjs/operators';
 
 @Injectable({ providedIn: 'root' })
 export class ArtemisNavigationUtilService {
+    private router = inject(Router);
+    private location = inject(Location);
+
     private onFirstPage = true;
 
-    constructor(
-        private router: Router,
-        private location: Location,
-    ) {
+    constructor() {
+        const router = this.router;
+
         router.events
             .pipe(
                 filter((e) => e instanceof NavigationEnd),
diff --git a/src/main/webapp/app/utils/text.utils.ts b/src/main/webapp/app/utils/text.utils.ts
index 43bcc0c53719..3b066a8722e5 100644
--- a/src/main/webapp/app/utils/text.utils.ts
+++ b/src/main/webapp/app/utils/text.utils.ts
@@ -56,3 +56,18 @@ export const getInitialsFromString = (username: string): string => {
 
     return initials.toUpperCase();
 };
+
+/**
+ * Add tab to the value of textarea instead of moving to the next element in DOM
+ * @param event the tab event
+ * @param editor the text area as HTML element
+ */
+export const onTextEditorTab = (editor: HTMLTextAreaElement, event: Event) => {
+    event.preventDefault();
+    const value = editor.value;
+    const start = editor.selectionStart;
+    const end = editor.selectionEnd;
+
+    editor.value = value.substring(0, start) + '\t' + value.substring(end);
+    editor.selectionStart = editor.selectionEnd = start + 1;
+};
diff --git a/src/main/webapp/index.html b/src/main/webapp/index.html
index 6801c5f154e2..e72e6ed886b9 100644
--- a/src/main/webapp/index.html
+++ b/src/main/webapp/index.html
@@ -22,7 +22,7 @@
         <!-- jhipster-needle-add-resources-to-root - JHipster will add new resources here -->
     </head>
     <body>
-        <jhi-main>
+        <jhi-app>
             <div>
                 <div id="loading-error" style="display: none">
                     <!-- This content is for troubleshooting purpose and will be removed when app renders -->
@@ -39,7 +39,7 @@ <h1>An error has occurred while loading and displaying the Artemis website :-(</
                     <!-- end of troubleshooting content -->
                 </div>
             </div>
-        </jhi-main>
+        </jhi-app>
         <noscript>
             <h1>You must enable javascript to view this page.</h1>
         </noscript>
diff --git a/src/test/javascript/spec/component/account/account-information.component.spec.ts b/src/test/javascript/spec/component/account/account-information.component.spec.ts
index 8699e176e0ea..df1f4575d02c 100644
--- a/src/test/javascript/spec/component/account/account-information.component.spec.ts
+++ b/src/test/javascript/spec/component/account/account-information.component.spec.ts
@@ -6,7 +6,7 @@ import { of } from 'rxjs';
 import { User } from 'app/core/user/user.model';
 import { ArtemisTestModule } from '../../test.module';
 import { MockNgbModalService } from '../../helpers/mocks/service/mock-ngb-modal.service';
-import { MockTranslateService, TranslatePipeMock } from '../../helpers/mocks/service/mock-translate.service';
+import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
 import { TranslateService } from '@ngx-translate/core';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 import { PROFILE_LOCALVC } from 'app/app.constants';
@@ -30,7 +30,6 @@ describe('AccountInformationComponent', () => {
 
         await TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [AccountInformationComponent, TranslatePipeMock],
             providers: [
                 { provide: AccountService, useValue: accountServiceMock },
                 { provide: ProfileService, useValue: profileServiceMock },
diff --git a/src/test/javascript/spec/component/account/password-reset-init.component.spec.ts b/src/test/javascript/spec/component/account/password-reset-init.component.spec.ts
index 48be5495b08d..10a67886e0ed 100644
--- a/src/test/javascript/spec/component/account/password-reset-init.component.spec.ts
+++ b/src/test/javascript/spec/component/account/password-reset-init.component.spec.ts
@@ -8,12 +8,12 @@ import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 import { MockProfileService } from '../../helpers/mocks/service/mock-profile.service';
 import { AlertService } from 'app/core/util/alert.service';
 import { MockProvider } from 'ng-mocks';
-import { MockTranslateService, TranslatePipeMock } from '../../helpers/mocks/service/mock-translate.service';
+import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
 import { TranslateService } from '@ngx-translate/core';
 import { MockNgbModalService } from '../../helpers/mocks/service/mock-ngb-modal.service';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 import { By } from '@angular/platform-browser';
-import { FormsModule } from 'app/forms/forms.module';
+import { ArtemisFormsModule } from '../../../../../main/webapp/app/forms/artemis-forms.module';
 
 describe('PasswordResetInitComponent', () => {
     let fixture: ComponentFixture<PasswordResetInitComponent>;
@@ -21,8 +21,7 @@ describe('PasswordResetInitComponent', () => {
 
     beforeEach(() => {
         return TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, FormsModule, PasswordResetInitComponent],
-            declarations: [TranslatePipeMock],
+            imports: [ArtemisTestModule, ArtemisFormsModule, PasswordResetInitComponent],
             providers: [
                 FormBuilder,
                 { provide: ProfileService, useClass: MockProfileService },
diff --git a/src/test/javascript/spec/component/account/register.component.spec.ts b/src/test/javascript/spec/component/account/register.component.spec.ts
index 4a1687f87812..06fdd05ddd81 100644
--- a/src/test/javascript/spec/component/account/register.component.spec.ts
+++ b/src/test/javascript/spec/component/account/register.component.spec.ts
@@ -1,7 +1,6 @@
 import { ComponentFixture, TestBed, fakeAsync, inject, tick } from '@angular/core/testing';
 import { FormBuilder } from '@angular/forms';
 import { of, throwError } from 'rxjs';
-
 import { ArtemisTestModule } from '../../test.module';
 import { EMAIL_ALREADY_USED_TYPE, LOGIN_ALREADY_USED_TYPE } from 'app/shared/constants/error.constants';
 import { RegisterService } from 'app/account/register/register.service';
diff --git a/src/test/javascript/spec/component/account/settings.component.spec.ts b/src/test/javascript/spec/component/account/settings.component.spec.ts
index 2ef45049bbbe..b8e70e220963 100644
--- a/src/test/javascript/spec/component/account/settings.component.spec.ts
+++ b/src/test/javascript/spec/component/account/settings.component.spec.ts
@@ -1,7 +1,6 @@
 import { TestBed, fakeAsync, inject, tick } from '@angular/core/testing';
 import { FormBuilder } from '@angular/forms';
 import { of, throwError } from 'rxjs';
-
 import { ArtemisTestModule } from '../../test.module';
 import { AccountService } from 'app/core/auth/account.service';
 import { SettingsComponent } from 'app/account/settings/settings.component';
diff --git a/src/test/javascript/spec/component/account/ssh/ssh-user-settings-fingerprints.component.spec.ts b/src/test/javascript/spec/component/account/ssh/ssh-user-settings-fingerprints.component.spec.ts
index c1935aa3cf67..4038bb91959e 100644
--- a/src/test/javascript/spec/component/account/ssh/ssh-user-settings-fingerprints.component.spec.ts
+++ b/src/test/javascript/spec/component/account/ssh/ssh-user-settings-fingerprints.component.spec.ts
@@ -1,6 +1,5 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ArtemisTestModule } from '../../../test.module';
-import { TranslatePipeMock } from '../../../helpers/mocks/service/mock-translate.service';
 import { TranslateService } from '@ngx-translate/core';
 import { SshUserSettingsFingerprintsComponent } from 'app/shared/user-settings/ssh-settings/fingerprints/ssh-user-settings-fingerprints.component';
 import { SshUserSettingsFingerprintsService } from 'app/shared/user-settings/ssh-settings/fingerprints/ssh-user-settings-fingerprints.service';
@@ -24,7 +23,6 @@ describe('SshUserSettingsFingerprintsComponent', () => {
         jest.spyOn(console, 'error').mockImplementation(() => {});
         await TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [SshUserSettingsFingerprintsComponent, TranslatePipeMock],
             providers: [{ provide: SshUserSettingsFingerprintsService, useValue: fingerPintsServiceMock }],
         }).compileComponents();
         fixture = TestBed.createComponent(SshUserSettingsFingerprintsComponent);
diff --git a/src/test/javascript/spec/component/account/ssh/ssh-user-settings-key-details.component.spec.ts b/src/test/javascript/spec/component/account/ssh/ssh-user-settings-key-details.component.spec.ts
index 7db9e8fb4d9d..2527e3deecd1 100644
--- a/src/test/javascript/spec/component/account/ssh/ssh-user-settings-key-details.component.spec.ts
+++ b/src/test/javascript/spec/component/account/ssh/ssh-user-settings-key-details.component.spec.ts
@@ -4,7 +4,7 @@ import { of, throwError } from 'rxjs';
 import { ActivatedRoute, Router } from '@angular/router';
 import { ArtemisTestModule } from '../../../test.module';
 import { MockNgbModalService } from '../../../helpers/mocks/service/mock-ngb-modal.service';
-import { MockTranslateService, TranslatePipeMock } from '../../../helpers/mocks/service/mock-translate.service';
+import { MockTranslateService } from '../../../helpers/mocks/service/mock-translate.service';
 import { TranslateService } from '@ngx-translate/core';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 import { SshUserSettingsKeyDetailsComponent } from 'app/shared/user-settings/ssh-settings/details/ssh-user-settings-key-details.component';
@@ -52,7 +52,6 @@ describe('SshUserSettingsComponent', () => {
         const routerMock = { navigate: jest.fn() };
         await TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [SshUserSettingsKeyDetailsComponent, TranslatePipeMock],
             providers: [
                 {
                     provide: ActivatedRoute,
diff --git a/src/test/javascript/spec/component/account/ssh/ssh-user-settings.component.spec.ts b/src/test/javascript/spec/component/account/ssh/ssh-user-settings.component.spec.ts
index ab214751c27a..9f1b4ef66f70 100644
--- a/src/test/javascript/spec/component/account/ssh/ssh-user-settings.component.spec.ts
+++ b/src/test/javascript/spec/component/account/ssh/ssh-user-settings.component.spec.ts
@@ -2,7 +2,7 @@ import { HttpResponse } from '@angular/common/http';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { of, throwError } from 'rxjs';
 import { ArtemisTestModule } from '../../../test.module';
-import { MockTranslateService, TranslatePipeMock } from '../../../helpers/mocks/service/mock-translate.service';
+import { MockTranslateService } from '../../../helpers/mocks/service/mock-translate.service';
 import { TranslateService } from '@ngx-translate/core';
 import { SshUserSettingsComponent } from 'app/shared/user-settings/ssh-settings/ssh-user-settings.component';
 import { UserSshPublicKey } from 'app/entities/programming/user-ssh-public-key.model';
@@ -46,7 +46,6 @@ describe('SshUserSettingsComponent', () => {
         };
         await TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [SshUserSettingsComponent, TranslatePipeMock],
             providers: [
                 { provide: SshUserSettingsService, useValue: sshServiceMock },
                 { provide: AlertService, useValue: alertServiceMock },
diff --git a/src/test/javascript/spec/component/account/vcs-access-token-settings.component.spec.ts b/src/test/javascript/spec/component/account/vcs-access-token-settings.component.spec.ts
index 71439b28cfba..3140467ef680 100644
--- a/src/test/javascript/spec/component/account/vcs-access-token-settings.component.spec.ts
+++ b/src/test/javascript/spec/component/account/vcs-access-token-settings.component.spec.ts
@@ -2,19 +2,16 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { AccountService } from 'app/core/auth/account.service';
 import { of, throwError } from 'rxjs';
 import { By } from '@angular/platform-browser';
-import { MockComponent, MockPipe } from 'ng-mocks';
-import { ButtonComponent } from 'app/shared/components/button.component';
-import { FormDateTimePickerComponent } from 'app/shared/date-time-picker/date-time-picker.component';
 import { User } from 'app/core/user/user.model';
 import { ArtemisTestModule } from '../../test.module';
 import { MockNgbModalService } from '../../helpers/mocks/service/mock-ngb-modal.service';
-import { MockTranslateService, TranslatePipeMock } from '../../helpers/mocks/service/mock-translate.service';
+import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
 import { TranslateService } from '@ngx-translate/core';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 import { VcsAccessTokensSettingsComponent } from 'app/shared/user-settings/vcs-access-tokens-settings/vcs-access-tokens-settings.component';
 import dayjs from 'dayjs/esm';
-import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
 import { AlertService } from 'app/core/util/alert.service';
+import { OwlNativeDateTimeModule } from '@danielmoncada/angular-datetime-picker';
 
 describe('VcsAccessTokensSettingsComponent', () => {
     let fixture: ComponentFixture<VcsAccessTokensSettingsComponent>;
@@ -34,14 +31,7 @@ describe('VcsAccessTokensSettingsComponent', () => {
         };
 
         await TestBed.configureTestingModule({
-            imports: [ArtemisTestModule],
-            declarations: [
-                VcsAccessTokensSettingsComponent,
-                TranslatePipeMock,
-                MockPipe(ArtemisDatePipe),
-                MockComponent(ButtonComponent),
-                MockComponent(FormDateTimePickerComponent),
-            ],
+            imports: [ArtemisTestModule, OwlNativeDateTimeModule],
             providers: [
                 { provide: AccountService, useValue: accountServiceMock },
                 { provide: TranslateService, useClass: MockTranslateService },
diff --git a/src/test/javascript/spec/component/admin/audits.component.spec.ts b/src/test/javascript/spec/component/admin/audits.component.spec.ts
index 57573b23a807..6608eaae7aa4 100644
--- a/src/test/javascript/spec/component/admin/audits.component.spec.ts
+++ b/src/test/javascript/spec/component/admin/audits.component.spec.ts
@@ -42,7 +42,6 @@ describe('AuditsComponent', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [AuditsComponent],
             providers: [
                 {
                     provide: ActivatedRoute,
diff --git a/src/test/javascript/spec/component/admin/configuration.component.spec.ts b/src/test/javascript/spec/component/admin/configuration.component.spec.ts
index 3f3780774ef9..bf3fd0f122dc 100644
--- a/src/test/javascript/spec/component/admin/configuration.component.spec.ts
+++ b/src/test/javascript/spec/component/admin/configuration.component.spec.ts
@@ -15,7 +15,6 @@ describe('Component Tests', () => {
         beforeEach(waitForAsync(() => {
             TestBed.configureTestingModule({
                 imports: [],
-                declarations: [ConfigurationComponent],
                 providers: [provideHttpClient(), provideHttpClientTesting(), ConfigurationService],
             })
                 .overrideTemplate(ConfigurationComponent, '')
diff --git a/src/test/javascript/spec/component/admin/health-modal.component.spec.ts b/src/test/javascript/spec/component/admin/health-modal.component.spec.ts
index 20f4b1e78ac7..4cc8127996fc 100644
--- a/src/test/javascript/spec/component/admin/health-modal.component.spec.ts
+++ b/src/test/javascript/spec/component/admin/health-modal.component.spec.ts
@@ -2,9 +2,9 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { HealthModalComponent } from 'app/admin/health/health-modal.component';
 import { MockProvider } from 'ng-mocks';
-import { TranslatePipeMock } from '../../helpers/mocks/service/mock-translate.service';
 import { HealthDetails, HealthKey } from 'app/admin/health/health.model';
 import { By } from '@angular/platform-browser';
+import { ArtemisTestModule } from '../../test.module';
 
 describe('HealthModalComponentTest', () => {
     let fixture: ComponentFixture<HealthModalComponent>;
@@ -13,7 +13,7 @@ describe('HealthModalComponentTest', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            declarations: [HealthModalComponent, TranslatePipeMock],
+            imports: [ArtemisTestModule],
             providers: [MockProvider(NgbActiveModal)],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/component/admin/logs.component.spec.ts b/src/test/javascript/spec/component/admin/logs.component.spec.ts
index 28f7b0ca00fe..22e30a974336 100644
--- a/src/test/javascript/spec/component/admin/logs.component.spec.ts
+++ b/src/test/javascript/spec/component/admin/logs.component.spec.ts
@@ -15,8 +15,6 @@ describe('Component Tests', () => {
 
         beforeEach(waitForAsync(() => {
             TestBed.configureTestingModule({
-                imports: [],
-                declarations: [LogsComponent],
                 providers: [provideHttpClient(), provideHttpClientTesting(), LogsService],
             }).compileComponents();
         }));
diff --git a/src/test/javascript/spec/component/admin/lti-configuration.component.spec.ts b/src/test/javascript/spec/component/admin/lti-configuration.component.spec.ts
index b54d9a90ac6a..707aaa126481 100644
--- a/src/test/javascript/spec/component/admin/lti-configuration.component.spec.ts
+++ b/src/test/javascript/spec/component/admin/lti-configuration.component.spec.ts
@@ -1,27 +1,19 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { LtiConfigurationService } from 'app/admin/lti-configuration/lti-configuration.service';
-import { Router } from '@angular/router';
+import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 import { SortService } from 'app/shared/service/sort.service';
 import { LtiConfigurationComponent } from 'app/admin/lti-configuration/lti-configuration.component';
 import { LtiPlatformConfiguration } from 'app/admin/lti-configuration/lti-configuration.model';
-import { NgbNavModule } from '@ng-bootstrap/ng-bootstrap';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { MockComponent, MockDirective, MockPipe } from 'ng-mocks';
-import { HelpIconComponent } from 'app/shared/components/help-icon.component';
-import { CopyIconButtonComponent } from 'app/shared/components/copy-icon-button/copy-icon-button.component';
-import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-import { SortDirective } from 'app/shared/sort/sort.directive';
-import { SortByDirective } from 'app/shared/sort/sort-by.directive';
-import { MockRouterLinkDirective } from '../../helpers/mocks/directive/mock-router-link.directive';
-import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
 import { TranslateService } from '@ngx-translate/core';
 import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
-import { ActivatedRoute } from '@angular/router';
 import { of, throwError } from 'rxjs';
 import { HttpErrorResponse, HttpHeaders, HttpResponse } from '@angular/common/http';
 import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { AlertService } from 'app/core/util/alert.service';
 import { MockAlertService } from '../../helpers/mocks/service/mock-alert.service';
+import { ArtemisTestModule } from '../../test.module';
+import '@angular/localize/init';
+import { MockDirective } from 'ng-mocks';
 
 describe('LtiConfigurationComponent', () => {
     let component: LtiConfigurationComponent;
@@ -56,17 +48,8 @@ describe('LtiConfigurationComponent', () => {
             deleteLtiPlatform: jest.fn().mockReturnValue(of({})),
         };
         await TestBed.configureTestingModule({
-            imports: [NgbNavModule, FontAwesomeModule],
-            declarations: [
-                LtiConfigurationComponent,
-                MockPipe(ArtemisTranslatePipe),
-                MockComponent(HelpIconComponent),
-                MockComponent(CopyIconButtonComponent),
-                MockDirective(SortDirective),
-                MockDirective(SortByDirective),
-                MockDirective(DeleteButtonDirective),
-                MockRouterLinkDirective,
-            ],
+            imports: [ArtemisTestModule],
+            declarations: [LtiConfigurationComponent, MockDirective(RouterLink)],
             providers: [
                 { provide: Router, useValue: mockRouter },
                 { provide: SortService, useValue: mockSortService },
diff --git a/src/test/javascript/spec/component/admin/system-notification-management/system-notification-detail.component.spec.ts b/src/test/javascript/spec/component/admin/system-notification-management/system-notification-detail.component.spec.ts
index 10587b181a1a..335b3c017111 100644
--- a/src/test/javascript/spec/component/admin/system-notification-management/system-notification-detail.component.spec.ts
+++ b/src/test/javascript/spec/component/admin/system-notification-management/system-notification-detail.component.spec.ts
@@ -27,13 +27,7 @@ describe('SystemNotificationManagementDetailComponent', () => {
 
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule, FormsModule, MockModule(RouterModule)],
-            declarations: [
-                SystemNotificationManagementDetailComponent,
-                MockRouterLinkDirective,
-                MockPipe(ArtemisTranslatePipe),
-                MockPipe(ArtemisDatePipe),
-                MockComponent(FormDateTimePickerComponent),
-            ],
+            declarations: [MockRouterLinkDirective, MockPipe(ArtemisTranslatePipe), MockPipe(ArtemisDatePipe), MockComponent(FormDateTimePickerComponent)],
             providers: [
                 { provide: ActivatedRoute, useValue: route },
                 { provide: Router, useValue: router },
@@ -56,14 +50,13 @@ describe('SystemNotificationManagementDetailComponent', () => {
     });
 
     it('should navigate to edit if edit is clicked', fakeAsync(() => {
+        const navigateByUrlSpy = jest.spyOn(router, 'navigateByUrl');
         detailComponentFixture.detectChanges();
 
         const button = detailComponentFixture.debugElement.nativeElement.querySelector('#editButton');
         button.click();
 
         tick();
-        expect(router.navigateByUrl).toHaveBeenCalledOnce();
-        const navigationArray = router.navigateByUrl.mock.calls[0][0];
-        expect(navigationArray).toEqual(['edit']);
+        expect(navigateByUrlSpy).toHaveBeenCalledOnce();
     }));
 });
diff --git a/src/test/javascript/spec/component/admin/system-notification-management/system-notification-management-resolve.service.spec.ts b/src/test/javascript/spec/component/admin/system-notification-management/system-notification-management-resolve.service.spec.ts
index 45c07aed29aa..a9d04dfa9db0 100644
--- a/src/test/javascript/spec/component/admin/system-notification-management/system-notification-management-resolve.service.spec.ts
+++ b/src/test/javascript/spec/component/admin/system-notification-management/system-notification-management-resolve.service.spec.ts
@@ -4,14 +4,19 @@ import { SystemNotificationService } from 'app/shared/notification/system-notifi
 import { SystemNotificationManagementResolve } from 'app/admin/system-notification-management/system-notification-management-resolve.service';
 import { SystemNotification } from 'app/entities/system-notification.model';
 import { HttpResponse } from '@angular/common/http';
+import { TestBed } from '@angular/core/testing';
 
 describe('SystemNotificationManagementResolveService', () => {
     let systemNotificationService: SystemNotificationService;
     let systemNotificationManagementResolve: SystemNotificationManagementResolve;
 
     beforeEach(() => {
-        systemNotificationService = { find: jest.fn() } as any as SystemNotificationService;
-        systemNotificationManagementResolve = new SystemNotificationManagementResolve(systemNotificationService);
+        TestBed.configureTestingModule({
+            providers: [SystemNotificationManagementResolve, { provide: SystemNotificationService, useValue: { find: jest.fn() } }],
+        });
+
+        systemNotificationService = TestBed.inject(SystemNotificationService);
+        systemNotificationManagementResolve = TestBed.inject(SystemNotificationManagementResolve);
     });
 
     it('should search for notification by id', () => {
diff --git a/src/test/javascript/spec/component/admin/system-notification-management/system-notification-management.component.spec.ts b/src/test/javascript/spec/component/admin/system-notification-management/system-notification-management.component.spec.ts
index 9f815a99dedb..1b23535ce20f 100644
--- a/src/test/javascript/spec/component/admin/system-notification-management/system-notification-management.component.spec.ts
+++ b/src/test/javascript/spec/component/admin/system-notification-management/system-notification-management.component.spec.ts
@@ -14,6 +14,7 @@ import { ItemCountComponent } from 'app/shared/pagination/item-count.component';
 import { MockRouter } from '../../../helpers/mocks/mock-router';
 import { MockRouterLinkDirective } from '../../../helpers/mocks/directive/mock-router-link.directive';
 import { NgbPaginationMocksModule } from '../../../helpers/mocks/directive/ngbPaginationMocks.module';
+import '@angular/localize/init';
 
 describe('SystemNotificationManagementComponent', () => {
     let managementComponentFixture: ComponentFixture<SystemNotificationManagementComponent>;
@@ -25,11 +26,11 @@ describe('SystemNotificationManagementComponent', () => {
         children: [],
     } as any as ActivatedRoute;
 
-    beforeEach(() => {
+    beforeEach(async () => {
         router = new MockRouter();
         router.setUrl('');
 
-        TestBed.configureTestingModule({
+        await TestBed.configureTestingModule({
             imports: [ArtemisTestModule, NgbPaginationMocksModule],
             declarations: [
                 SystemNotificationManagementComponent,
@@ -44,12 +45,10 @@ describe('SystemNotificationManagementComponent', () => {
                 { provide: ActivatedRoute, useValue: route },
                 { provide: Router, useValue: router },
             ],
-        })
-            .compileComponents()
-            .then(() => {
-                managementComponentFixture = TestBed.createComponent(SystemNotificationManagementComponent);
-                managementComponent = managementComponentFixture.componentInstance;
-            });
+        }).compileComponents();
+
+        managementComponentFixture = TestBed.createComponent(SystemNotificationManagementComponent);
+        managementComponent = managementComponentFixture.componentInstance;
     });
 
     afterEach(() => {
@@ -70,7 +69,6 @@ describe('SystemNotificationManagementComponent', () => {
 
         tick();
         expect(router.navigateByUrl).toHaveBeenCalledOnce();
-        expect(router.navigateByUrl.mock.calls[0][0]).toEqual(['./', notification.id]);
     }));
 
     it('navigate to the edit page of system notification if details is clicked', fakeAsync(() => {
@@ -86,7 +84,6 @@ describe('SystemNotificationManagementComponent', () => {
 
         tick();
         expect(router.navigateByUrl).toHaveBeenCalledOnce();
-        expect(router.navigateByUrl.mock.calls[0][0]).toEqual(['./', notification.id, 'edit']);
     }));
 
     it('should unsubscribe on destroy', () => {
diff --git a/src/test/javascript/spec/component/admin/upcoming-exams-and-exercises.component.spec.ts b/src/test/javascript/spec/component/admin/upcoming-exams-and-exercises.component.spec.ts
index ad91cf22191d..e5f508f9b37e 100644
--- a/src/test/javascript/spec/component/admin/upcoming-exams-and-exercises.component.spec.ts
+++ b/src/test/javascript/spec/component/admin/upcoming-exams-and-exercises.component.spec.ts
@@ -5,8 +5,6 @@ import { ArtemisTestModule } from '../../test.module';
 import { MockExerciseService } from '../../helpers/mocks/service/mock-exercise.service';
 import { ExamManagementService } from 'app/exam/manage/exam-management.service';
 import { MockExamManagementService } from '../../helpers/mocks/service/mock-exam-management.service';
-import { TranslatePipeMock } from '../../helpers/mocks/service/mock-translate.service';
-import { MockRouterLinkDirective } from '../../helpers/mocks/directive/mock-router-link.directive';
 
 describe('UpcomingExamsAndExercisesComponent', () => {
     let component: UpcomingExamsAndExercisesComponent;
@@ -15,7 +13,6 @@ describe('UpcomingExamsAndExercisesComponent', () => {
     beforeEach(() => {
         return TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [UpcomingExamsAndExercisesComponent, TranslatePipeMock, MockRouterLinkDirective],
             providers: [
                 { provide: ExerciseService, useClass: MockExerciseService },
                 {
diff --git a/src/test/javascript/spec/component/admin/user-management-detail.component.spec.ts b/src/test/javascript/spec/component/admin/user-management-detail.component.spec.ts
index 7824b4a3a714..9bcaf28853a7 100644
--- a/src/test/javascript/spec/component/admin/user-management-detail.component.spec.ts
+++ b/src/test/javascript/spec/component/admin/user-management-detail.component.spec.ts
@@ -18,7 +18,6 @@ describe('User Management Detail Component', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [UserManagementDetailComponent],
             providers: [
                 {
                     provide: ActivatedRoute,
diff --git a/src/test/javascript/spec/component/admin/user-management-resolve.service.spec.ts b/src/test/javascript/spec/component/admin/user-management-resolve.service.spec.ts
index b15a299de2b6..dcaa29f6b194 100644
--- a/src/test/javascript/spec/component/admin/user-management-resolve.service.spec.ts
+++ b/src/test/javascript/spec/component/admin/user-management-resolve.service.spec.ts
@@ -3,14 +3,19 @@ import { UserManagementResolve } from 'app/admin/user-management/user-management
 import { User } from 'app/core/user/user.model';
 import { of } from 'rxjs';
 import { AdminUserService } from 'app/core/user/admin-user.service';
+import { TestBed } from '@angular/core/testing';
 
 describe('UserManagementResolve', () => {
     let adminUserService: AdminUserService;
     let resolve: UserManagementResolve;
 
     beforeEach(() => {
-        adminUserService = { findUser: jest.fn() } as any as AdminUserService;
-        resolve = new UserManagementResolve(adminUserService);
+        TestBed.configureTestingModule({
+            providers: [UserManagementResolve, { provide: AdminUserService, useValue: { findUser: jest.fn() } }],
+        });
+
+        adminUserService = TestBed.inject(AdminUserService);
+        resolve = TestBed.inject(UserManagementResolve);
     });
 
     it('should findUser the user', () => {
diff --git a/src/test/javascript/spec/component/admin/user-management-update.component.spec.ts b/src/test/javascript/spec/component/admin/user-management-update.component.spec.ts
index 7defadda43f7..ee42eda45dd1 100644
--- a/src/test/javascript/spec/component/admin/user-management-update.component.spec.ts
+++ b/src/test/javascript/spec/component/admin/user-management-update.component.spec.ts
@@ -1,11 +1,9 @@
 import { ComponentFixture, TestBed, fakeAsync, inject, tick } from '@angular/core/testing';
 import { HttpResponse } from '@angular/common/http';
 import { ActivatedRoute, Router, RouterState } from '@angular/router';
-import { HelpIconComponent } from 'app/shared/components/help-icon.component';
 import { ProfileInfo } from 'app/shared/layouts/profiles/profile-info.model';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 import { Subject, of } from 'rxjs';
-import { FormBuilder, NgForm, NgModel } from '@angular/forms';
 import { ArtemisTestModule } from '../../test.module';
 import { UserManagementUpdateComponent } from 'app/admin/user-management/user-management-update.component';
 import { User } from 'app/core/user/user.model';
@@ -17,11 +15,8 @@ import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { MockNgbModalService } from '../../helpers/mocks/service/mock-ngb-modal.service';
 import { Organization } from 'app/entities/organization.model';
 import { OrganizationSelectorComponent } from 'app/shared/organization-selector/organization-selector.component';
-import { MockComponent, MockDirective, MockModule } from 'ng-mocks';
-import { MockTranslateService, TranslatePipeMock } from '../../helpers/mocks/service/mock-translate.service';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatChipInputEvent, MatChipsModule } from '@angular/material/chips';
-import { MatAutocompleteModule, MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
+import { MatChipInputEvent } from '@angular/material/chips';
+import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
 import { TranslateService } from '@ngx-translate/core';
 import { MockRouter } from '../../helpers/mocks/mock-router';
 import { Title } from '@angular/platform-browser';
@@ -55,10 +50,8 @@ describe('UserManagementUpdateComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, MockModule(MatFormFieldModule), MockModule(MatChipsModule), MockModule(MatAutocompleteModule)],
-            declarations: [UserManagementUpdateComponent, TranslatePipeMock, MockDirective(NgForm), MockDirective(NgModel), MockComponent(HelpIconComponent)],
+            imports: [ArtemisTestModule],
             providers: [
-                FormBuilder,
                 {
                     provide: ActivatedRoute,
                     useValue: route,
@@ -66,7 +59,6 @@ describe('UserManagementUpdateComponent', () => {
                 { provide: LocalStorageService, useClass: MockSyncStorage },
                 { provide: SessionStorageService, useClass: MockSyncStorage },
                 { provide: NgbModal, useClass: MockNgbModalService },
-                { provide: TranslateService, useClass: MockTranslateService },
             ],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/component/admin/user-management.component.spec.ts b/src/test/javascript/spec/component/admin/user-management.component.spec.ts
index a4c5dda88562..7a35e13352ac 100644
--- a/src/test/javascript/spec/component/admin/user-management.component.spec.ts
+++ b/src/test/javascript/spec/component/admin/user-management.component.spec.ts
@@ -11,21 +11,13 @@ import {
 import { AccountService } from 'app/core/auth/account.service';
 import { MockAccountService } from '../../helpers/mocks/service/mock-account.service';
 import { ActivatedRoute, Router } from '@angular/router';
-import { HttpHeaders, HttpParams, HttpResponse, provideHttpClient } from '@angular/common/http';
+import { HttpHeaders, HttpParams, HttpResponse } from '@angular/common/http';
 import { User } from 'app/core/user/user.model';
 import { Subscription, of } from 'rxjs';
-import { ReactiveFormsModule } from '@angular/forms';
-import { ItemCountComponent } from 'app/shared/pagination/item-count.component';
-import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
-import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
-import { MockComponent, MockDirective, MockModule, MockPipe } from 'ng-mocks';
-import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
-import { SortDirective } from 'app/shared/sort/sort.directive';
 import { ArtemisTestModule } from '../../test.module';
 import { MockRouter } from '../../helpers/mocks/mock-router';
-import { MockRouterLinkDirective } from '../../helpers/mocks/directive/mock-router-link.directive';
 import { EventManager } from 'app/core/util/event-manager.service';
-import { HttpTestingController, provideHttpClientTesting } from '@angular/common/http/testing';
+import { HttpTestingController } from '@angular/common/http/testing';
 import { CourseManagementService } from 'app/course/manage/course-management.service';
 import { MockLocalStorageService } from '../../helpers/mocks/service/mock-local-storage.service';
 import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
@@ -36,7 +28,6 @@ import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 import { ProfileInfo } from 'app/shared/layouts/profiles/profile-info.model';
 import { MockProfileService } from '../../helpers/mocks/service/mock-profile.service';
 import { AdminUserService } from 'app/core/user/admin-user.service';
-import { UsersImportButtonComponent } from 'app/shared/user-import/users-import-button.component';
 
 describe('UserManagementComponent', () => {
     let comp: UserManagementComponent;
@@ -62,19 +53,8 @@ describe('UserManagementComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, MockModule(ReactiveFormsModule), MockModule(NgbModule)],
-            declarations: [
-                UserManagementComponent,
-                MockRouterLinkDirective,
-                MockComponent(ItemCountComponent),
-                MockComponent(UsersImportButtonComponent),
-                MockPipe(ArtemisDatePipe),
-                MockDirective(DeleteButtonDirective),
-                MockDirective(SortDirective),
-            ],
+            imports: [ArtemisTestModule],
             providers: [
-                provideHttpClient(),
-                provideHttpClientTesting(),
                 {
                     provide: ActivatedRoute,
                     useValue: route,
diff --git a/src/test/javascript/spec/component/apollon-diagrams/apollon-diagram-create-form.component.spec.ts b/src/test/javascript/spec/component/apollon-diagrams/apollon-diagram-create-form.component.spec.ts
index cb7c1fc68ee7..673c6eff88c2 100644
--- a/src/test/javascript/spec/component/apollon-diagrams/apollon-diagram-create-form.component.spec.ts
+++ b/src/test/javascript/spec/component/apollon-diagrams/apollon-diagram-create-form.component.spec.ts
@@ -25,8 +25,7 @@ describe('ApollonDiagramCreateForm Component', () => {
         diagram.id = 1;
 
         TestBed.configureTestingModule({
-            imports: [],
-            declarations: [ApollonDiagramCreateFormComponent],
+            imports: [ApollonDiagramCreateFormComponent],
             providers: [
                 provideHttpClient(),
                 provideHttpClientTesting(),
diff --git a/src/test/javascript/spec/component/apollon-diagrams/apollon-diagram-detail.component.spec.ts b/src/test/javascript/spec/component/apollon-diagrams/apollon-diagram-detail.component.spec.ts
index e4d626b58816..0ff4887ac2c4 100644
--- a/src/test/javascript/spec/component/apollon-diagrams/apollon-diagram-detail.component.spec.ts
+++ b/src/test/javascript/spec/component/apollon-diagrams/apollon-diagram-detail.component.spec.ts
@@ -44,7 +44,7 @@ describe('ApollonDiagramDetail Component', () => {
         diagram.id = 1;
         diagram.jsonRepresentation = JSON.stringify(testClassDiagram);
         TestBed.configureTestingModule({
-            declarations: [ApollonDiagramDetailComponent],
+            imports: [ApollonDiagramDetailComponent],
             providers: [
                 provideHttpClient(),
                 provideHttpClientTesting(),
diff --git a/src/test/javascript/spec/component/apollon-diagrams/apollon-diagram-import-dialog.component.spec.ts b/src/test/javascript/spec/component/apollon-diagrams/apollon-diagram-import-dialog.component.spec.ts
index 790b85a5269f..1529884e0d43 100644
--- a/src/test/javascript/spec/component/apollon-diagrams/apollon-diagram-import-dialog.component.spec.ts
+++ b/src/test/javascript/spec/component/apollon-diagrams/apollon-diagram-import-dialog.component.spec.ts
@@ -11,8 +11,7 @@ describe('ApollonDiagramImportDialog Component', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [],
-            declarations: [ApollonDiagramImportDialogComponent],
+            imports: [ApollonDiagramImportDialogComponent],
             providers: [{ provide: NgbActiveModal, useClass: MockNgbActiveModalService }],
             schemas: [],
         })
diff --git a/src/test/javascript/spec/component/apollon-diagrams/apollon-diagram-list.component.spec.ts b/src/test/javascript/spec/component/apollon-diagrams/apollon-diagram-list.component.spec.ts
index eed0f095cb77..6b8e2eb99494 100644
--- a/src/test/javascript/spec/component/apollon-diagrams/apollon-diagram-list.component.spec.ts
+++ b/src/test/javascript/spec/component/apollon-diagrams/apollon-diagram-list.component.spec.ts
@@ -31,8 +31,8 @@ describe('ApollonDiagramList Component', () => {
         const route = { params: of({ courseId: 123 }), snapshot: { paramMap: convertToParamMap({ courseId: course.id }) } } as any as ActivatedRoute;
 
         TestBed.configureTestingModule({
-            imports: [],
-            declarations: [ApollonDiagramListComponent],
+            imports: [ApollonDiagramListComponent],
+            declarations: [],
             providers: [
                 provideHttpClient(),
                 provideHttpClientTesting(),
diff --git a/src/test/javascript/spec/component/assessment-dashboard/assessment-dashboard-information.component.spec.ts b/src/test/javascript/spec/component/assessment-dashboard/assessment-dashboard-information.component.spec.ts
index ee0f7b8f686f..8e7475acc9e3 100644
--- a/src/test/javascript/spec/component/assessment-dashboard/assessment-dashboard-information.component.spec.ts
+++ b/src/test/javascript/spec/component/assessment-dashboard/assessment-dashboard-information.component.spec.ts
@@ -1,16 +1,11 @@
 import { ArtemisTestModule } from '../../test.module';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
 import {
     AssessmentDashboardInformationComponent,
     AssessmentDashboardInformationEntry,
 } from 'app/course/dashboards/assessment-dashboard/assessment-dashboard-information.component';
 import { DueDateStat } from 'app/course/dashboards/due-date-stat.model';
-import { PieChartModule } from '@swimlane/ngx-charts';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MockComponent, MockModule, MockPipe } from 'ng-mocks';
 import { TranslateService } from '@ngx-translate/core';
-import { SidePanelComponent } from 'app/shared/side-panel/side-panel.component';
 import { Course } from 'app/entities/course.model';
 
 describe('AssessmentDashboardInformationComponent', () => {
@@ -19,9 +14,7 @@ describe('AssessmentDashboardInformationComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, MockModule(PieChartModule)],
-            declarations: [MockPipe(ArtemisTranslatePipe), MockComponent(SidePanelComponent)],
-            providers: [{ provide: TranslateService, useClass: MockTranslateService }],
+            imports: [ArtemisTestModule],
         }).compileComponents();
 
         fixture = TestBed.createComponent(AssessmentDashboardInformationComponent);
diff --git a/src/test/javascript/spec/component/assessment-dashboard/assessment-dashboard.component.spec.ts b/src/test/javascript/spec/component/assessment-dashboard/assessment-dashboard.component.spec.ts
index 55bb55097cc4..30c2063ba583 100644
--- a/src/test/javascript/spec/component/assessment-dashboard/assessment-dashboard.component.spec.ts
+++ b/src/test/javascript/spec/component/assessment-dashboard/assessment-dashboard.component.spec.ts
@@ -1,11 +1,8 @@
 import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testing';
 import { ArtemisTestModule } from '../../test.module';
 import { MockSyncStorage } from '../../helpers/mocks/service/mock-sync-storage.service';
-import { MockComponent, MockDirective, MockModule, MockPipe } from 'ng-mocks';
-import { ActivatedRoute, RouterModule, UrlSegment, convertToParamMap } from '@angular/router';
+import { ActivatedRoute, UrlSegment, convertToParamMap } from '@angular/router';
 import { Observable, of } from 'rxjs';
-import { TutorParticipationGraphComponent } from 'app/shared/dashboards/tutor-participation-graph/tutor-participation-graph.component';
-import { TutorLeaderboardComponent } from 'app/shared/dashboards/tutor-leaderboard/tutor-leaderboard.component';
 import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
 import { ModelingExercise } from 'app/entities/modeling-exercise.model';
 import { ExerciseType, IncludedInOverallScore } from 'app/entities/exercise.model';
@@ -17,30 +14,18 @@ import { FileUploadExercise } from 'app/entities/file-upload-exercise.model';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { Exam } from 'app/entities/exam/exam.model';
 import { ExerciseGroup } from 'app/entities/exercise-group.model';
-import { SecondCorrectionEnableButtonComponent } from 'app/exercises/shared/dashboards/tutor/second-correction-button/second-correction-enable-button.component';
 import { AssessmentDashboardComponent } from 'app/course/dashboards/assessment-dashboard/assessment-dashboard.component';
-import { AssessmentDashboardInformationComponent } from 'app/course/dashboards/assessment-dashboard/assessment-dashboard-information.component';
 import { ExamManagementService } from 'app/exam/manage/exam-management.service';
 import { CourseManagementService } from 'app/course/manage/course-management.service';
 import { AccountService } from 'app/core/auth/account.service';
 import { TutorLeaderboardElement } from 'app/shared/dashboards/tutor-leaderboard/tutor-leaderboard.model';
 import { DueDateStat } from 'app/course/dashboards/due-date-stat.model';
-import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
-import { HtmlForMarkdownPipe } from 'app/shared/pipes/html-for-markdown.pipe';
 import { Course } from 'app/entities/course.model';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { NgModel } from '@angular/forms';
-import { NotReleasedTagComponent } from 'app/shared/components/not-released-tag.component';
-import { ArtemisTimeAgoPipe } from 'app/shared/pipes/artemis-time-ago.pipe';
-import { MockHasAnyAuthorityDirective } from '../../helpers/mocks/directive/mock-has-any-authority.directive';
-import { SortDirective } from 'app/shared/sort/sort.directive';
 import { TutorIssueComplaintsChecker, TutorIssueRatingChecker, TutorIssueScoreChecker } from 'app/course/dashboards/assessment-dashboard/tutor-issue';
 import { HttpResponse } from '@angular/common/http';
 import { User } from 'app/core/user/user.model';
 import { SortService } from 'app/shared/service/sort.service';
 import { QuizExercise } from 'app/entities/quiz/quiz-exercise.model';
-import { ExamAssessmentButtonsComponent } from 'app/course/dashboards/assessment-dashboard/exam-assessment-buttons/exam-assessment-buttons.component';
-import { DocumentationButtonComponent } from 'app/shared/components/documentation-button/documentation-button.component';
 
 describe('AssessmentDashboardInformationComponent', () => {
     let comp: AssessmentDashboardComponent;
@@ -140,23 +125,7 @@ describe('AssessmentDashboardInformationComponent', () => {
 
     beforeEach(() => {
         return TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, MockModule(RouterModule)],
-            declarations: [
-                MockComponent(TutorLeaderboardComponent),
-                MockComponent(TutorParticipationGraphComponent),
-                MockComponent(AssessmentDashboardInformationComponent),
-                MockPipe(ArtemisTranslatePipe),
-                MockPipe(ArtemisDatePipe),
-                MockComponent(SecondCorrectionEnableButtonComponent),
-                MockPipe(HtmlForMarkdownPipe),
-                MockDirective(SortDirective),
-                MockDirective(NgModel),
-                MockComponent(NotReleasedTagComponent),
-                MockPipe(ArtemisTimeAgoPipe),
-                MockDirective(MockHasAnyAuthorityDirective),
-                MockComponent(ExamAssessmentButtonsComponent),
-                MockComponent(DocumentationButtonComponent),
-            ],
+            imports: [ArtemisTestModule],
             providers: [
                 { provide: ActivatedRoute, useValue: route },
                 { provide: LocalStorageService, useClass: MockSyncStorage },
diff --git a/src/test/javascript/spec/component/assessment-dashboard/exercise-assessment-dashboard.component.spec.ts b/src/test/javascript/spec/component/assessment-dashboard/exercise-assessment-dashboard.component.spec.ts
index b122fb9fd8b9..9f2edf6605f0 100644
--- a/src/test/javascript/spec/component/assessment-dashboard/exercise-assessment-dashboard.component.spec.ts
+++ b/src/test/javascript/spec/component/assessment-dashboard/exercise-assessment-dashboard.component.spec.ts
@@ -1,6 +1,6 @@
 import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testing';
 import { ArtemisTestModule } from '../../test.module';
-import { MockComponent, MockDirective, MockModule, MockPipe, MockProvider } from 'ng-mocks';
+import { MockComponent, MockDirective, MockPipe, MockProvider } from 'ng-mocks';
 import { ActivatedRoute, Router, RouterModule, convertToParamMap } from '@angular/router';
 import { of, throwError } from 'rxjs';
 import { HttpErrorResponse, HttpHeaders, HttpResponse } from '@angular/common/http';
@@ -54,7 +54,6 @@ import { ComplaintService } from 'app/complaints/complaint.service';
 import { AssessmentType } from 'app/entities/assessment-type.model';
 import { ArtemisNavigationUtilService, getLinkToSubmissionAssessment } from 'app/utils/navigation.utils';
 import { MockTranslateValuesDirective } from '../../helpers/mocks/directive/mock-translate-values.directive';
-import { PieChartModule } from '@swimlane/ngx-charts';
 import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
 import { MockSyncStorage } from '../../helpers/mocks/service/mock-sync-storage.service';
 import { SortService } from 'app/shared/service/sort.service';
@@ -210,10 +209,9 @@ describe('ExerciseAssessmentDashboardComponent', () => {
             }),
         },
     } as any as ActivatedRoute;
-    const imports = [ArtemisTestModule, MockModule(PieChartModule), RouterModule.forRoot([])];
+    const imports = [ArtemisTestModule, RouterModule.forRoot([]), ExerciseAssessmentDashboardComponent];
 
     const declarations = [
-        ExerciseAssessmentDashboardComponent,
         MockComponent(TutorLeaderboardComponent),
         MockComponent(TutorParticipationGraphComponent),
         MockComponent(HeaderExercisePageWithDetailsComponent),
diff --git a/src/test/javascript/spec/component/assessment-dashboard/second-correction-enable-button.component.spec.ts b/src/test/javascript/spec/component/assessment-dashboard/second-correction-enable-button.component.spec.ts
index 5680d44eb07f..7456acf741c3 100644
--- a/src/test/javascript/spec/component/assessment-dashboard/second-correction-enable-button.component.spec.ts
+++ b/src/test/javascript/spec/component/assessment-dashboard/second-correction-enable-button.component.spec.ts
@@ -1,23 +1,18 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ArtemisTestModule } from '../../test.module';
 import { SecondCorrectionEnableButtonComponent } from 'app/exercises/shared/dashboards/tutor/second-correction-button/second-correction-enable-button.component';
-import { TranslatePipeMock } from '../../helpers/mocks/service/mock-translate.service';
 
 describe('SecondCorrectionEnableButtonComponent', () => {
     let comp: SecondCorrectionEnableButtonComponent;
     let fixture: ComponentFixture<SecondCorrectionEnableButtonComponent>;
 
-    beforeEach(() => {
-        return TestBed.configureTestingModule({
+    beforeEach(async () => {
+        await TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [SecondCorrectionEnableButtonComponent, TranslatePipeMock],
-        })
-            .compileComponents()
-            .then(() => {
-                fixture = TestBed.createComponent(SecondCorrectionEnableButtonComponent);
-                comp = fixture.componentInstance;
-                fixture.detectChanges();
-            });
+        }).compileComponents();
+        fixture = TestBed.createComponent(SecondCorrectionEnableButtonComponent);
+        comp = fixture.componentInstance;
+        fixture.detectChanges();
     });
 
     it('test call', () => {
diff --git a/src/test/javascript/spec/component/assessment-shared/assessment-complaint-alert.component.spec.ts b/src/test/javascript/spec/component/assessment-shared/assessment-complaint-alert.component.spec.ts
index af84f8154c5f..253cff994f69 100644
--- a/src/test/javascript/spec/component/assessment-shared/assessment-complaint-alert.component.spec.ts
+++ b/src/test/javascript/spec/component/assessment-shared/assessment-complaint-alert.component.spec.ts
@@ -2,7 +2,6 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { AssessmentComplaintAlertComponent } from 'app/assessment/assessment-complaint-alert/assessment-complaint-alert.component';
 import { ArtemisTestModule } from '../../test.module';
 import { Complaint, ComplaintType } from 'app/entities/complaint.model';
-import { TranslatePipeMock } from '../../helpers/mocks/service/mock-translate.service';
 import { By } from '@angular/platform-browser';
 
 describe('AssessmentComplaintAlertComponent', () => {
@@ -12,7 +11,6 @@ describe('AssessmentComplaintAlertComponent', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [AssessmentComplaintAlertComponent, TranslatePipeMock],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/assessment-shared/assessment-header.component.spec.ts b/src/test/javascript/spec/component/assessment-shared/assessment-header.component.spec.ts
index 24821a4f3adb..ee509811d82f 100644
--- a/src/test/javascript/spec/component/assessment-shared/assessment-header.component.spec.ts
+++ b/src/test/javascript/spec/component/assessment-shared/assessment-header.component.spec.ts
@@ -5,26 +5,21 @@ import dayjs from 'dayjs/esm';
 import { AssessmentHeaderComponent } from 'app/assessment/assessment-header/assessment-header.component';
 import { ArtemisTestModule } from '../../test.module';
 import { Result } from 'app/entities/result.model';
-import { AlertOverlayComponent } from 'app/shared/alert/alert-overlay.component';
 import { AssessmentWarningComponent } from 'app/assessment/assessment-warning/assessment-warning.component';
-import { MockPipe, MockProvider } from 'ng-mocks';
+import { MockProvider } from 'ng-mocks';
 import { Exercise, ExerciseType } from 'app/entities/exercise.model';
 import { MockSyncStorage } from '../../helpers/mocks/service/mock-sync-storage.service';
 import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
 import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
 import { TranslateService } from '@ngx-translate/core';
 import { TextAssessmentEventType } from 'app/entities/text/text-assesment-event.model';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { GradingSystemService } from 'app/grading-system/grading-system.service';
 import { GradingScale } from 'app/entities/grading-scale.model';
 import { HttpResponse } from '@angular/common/http';
 import { GradeStep } from 'app/entities/grade-step.model';
 import { of } from 'rxjs';
-import { MockTranslateValuesDirective } from '../../helpers/mocks/directive/mock-translate-values.directive';
-import { NgbTooltipMocksModule } from '../../helpers/mocks/directive/ngbTooltipMocks.module';
-import { NgbAlertsMocksModule } from '../../helpers/mocks/directive/ngbAlertsMocks.module';
 import { AssessmentNote } from 'app/entities/assessment-note.model';
-import { RouterModule } from '@angular/router';
+import '@angular/localize/init';
 
 describe('AssessmentHeaderComponent', () => {
     let component: AssessmentHeaderComponent;
@@ -49,8 +44,7 @@ describe('AssessmentHeaderComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, NgbTooltipMocksModule, NgbAlertsMocksModule, RouterModule.forRoot([]), MockPipe(ArtemisTranslatePipe)],
-            declarations: [AssessmentHeaderComponent, AssessmentWarningComponent, AlertOverlayComponent, MockTranslateValuesDirective],
+            imports: [ArtemisTestModule],
             providers: [
                 {
                     provide: AlertService,
diff --git a/src/test/javascript/spec/component/assessment-shared/assessment-warning.component.spec.ts b/src/test/javascript/spec/component/assessment-shared/assessment-warning.component.spec.ts
index eefbd24f2338..ea821c4e3f5d 100644
--- a/src/test/javascript/spec/component/assessment-shared/assessment-warning.component.spec.ts
+++ b/src/test/javascript/spec/component/assessment-shared/assessment-warning.component.spec.ts
@@ -13,8 +13,6 @@ describe('AssessmentWarningComponent', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [AssessmentWarningComponent],
-            providers: [],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/assessment-shared/collapsable-assessment-instructions.component.spec.ts b/src/test/javascript/spec/component/assessment-shared/collapsable-assessment-instructions.component.spec.ts
index f38bdfbc2bbb..5bfe9947f25a 100644
--- a/src/test/javascript/spec/component/assessment-shared/collapsable-assessment-instructions.component.spec.ts
+++ b/src/test/javascript/spec/component/assessment-shared/collapsable-assessment-instructions.component.spec.ts
@@ -2,6 +2,11 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { CollapsableAssessmentInstructionsComponent } from 'app/assessment/assessment-instructions/collapsable-assessment-instructions/collapsable-assessment-instructions.component';
 import { NO_ERRORS_SCHEMA } from '@angular/core';
+import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
+import { TranslateService } from '@ngx-translate/core';
+import { MockLocalStorageService } from '../../helpers/mocks/service/mock-local-storage.service';
+import { LocalStorageService } from 'ngx-webstorage';
+import { mockExercise } from '../../helpers/mocks/service/mock-team.service';
 
 describe('CollapsableAssessmentInstructionsComponent', () => {
     let component: CollapsableAssessmentInstructionsComponent;
@@ -9,12 +14,16 @@ describe('CollapsableAssessmentInstructionsComponent', () => {
 
     beforeEach(async () => {
         await TestBed.configureTestingModule({
-            declarations: [CollapsableAssessmentInstructionsComponent],
             schemas: [NO_ERRORS_SCHEMA],
+            providers: [
+                { provide: TranslateService, useClass: MockTranslateService },
+                { provide: LocalStorageService, useClass: MockLocalStorageService },
+            ],
         }).compileComponents();
 
         fixture = TestBed.createComponent(CollapsableAssessmentInstructionsComponent);
         component = fixture.componentInstance;
+        component.exercise = mockExercise;
         fixture.detectChanges();
     });
 
diff --git a/src/test/javascript/spec/component/assessment-shared/unreferenced-feedback-detail.component.spec.ts b/src/test/javascript/spec/component/assessment-shared/unreferenced-feedback-detail.component.spec.ts
index 284a2a8dbd50..29c077a22ebf 100644
--- a/src/test/javascript/spec/component/assessment-shared/unreferenced-feedback-detail.component.spec.ts
+++ b/src/test/javascript/spec/component/assessment-shared/unreferenced-feedback-detail.component.spec.ts
@@ -1,21 +1,11 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { TranslateService } from '@ngx-translate/core';
-import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
-import { MockComponent, MockDirective, MockModule, MockPipe, MockProvider } from 'ng-mocks';
+import { MockProvider } from 'ng-mocks';
 import { Feedback, FeedbackType } from 'app/entities/feedback.model';
-import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { FaIconComponent, FaLayersComponent } from '@fortawesome/angular-fontawesome';
 import { GradingInstruction } from 'app/exercises/shared/structured-grading-criterion/grading-instruction.model';
 import { UnreferencedFeedbackDetailComponent } from 'app/assessment/unreferenced-feedback-detail/unreferenced-feedback-detail.component';
-import { GradingInstructionLinkIconComponent } from 'app/shared/grading-instruction-link-icon/grading-instruction-link-icon.component';
-import { NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
-import { NgModel } from '@angular/forms';
-import { AssessmentCorrectionRoundBadgeComponent } from 'app/assessment/unreferenced-feedback-detail/assessment-correction-round-badge/assessment-correction-round-badge.component';
 import { StructuredGradingCriterionService } from 'app/exercises/shared/structured-grading-criterion/structured-grading-criterion.service';
-import { QuotePipe } from 'app/shared/pipes/quote.pipe';
-import { FeedbackContentPipe } from 'app/shared/pipes/feedback-content.pipe';
 import { FeedbackService } from 'app/exercises/shared/feedback/feedback.service';
+import { ArtemisTestModule } from '../../test.module';
 
 describe('Unreferenced Feedback Detail Component', () => {
     let comp: UnreferencedFeedbackDetailComponent;
@@ -25,20 +15,8 @@ describe('Unreferenced Feedback Detail Component', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [MockModule(NgbTooltipModule)],
-            declarations: [
-                UnreferencedFeedbackDetailComponent,
-                MockComponent(GradingInstructionLinkIconComponent),
-                MockComponent(FaIconComponent),
-                MockComponent(FaLayersComponent),
-                MockPipe(ArtemisTranslatePipe),
-                MockPipe(QuotePipe),
-                MockPipe(FeedbackContentPipe),
-                MockDirective(NgModel),
-                MockDirective(DeleteButtonDirective),
-                MockComponent(AssessmentCorrectionRoundBadgeComponent),
-            ],
-            providers: [{ provide: TranslateService, useClass: MockTranslateService }, MockProvider(StructuredGradingCriterionService), MockProvider(FeedbackService)],
+            imports: [ArtemisTestModule],
+            providers: [MockProvider(StructuredGradingCriterionService), MockProvider(FeedbackService)],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/code-editor/code-editor-grid.component.spec.ts b/src/test/javascript/spec/component/code-editor/code-editor-grid.component.spec.ts
index b9642b35797e..c726eddb0c7d 100644
--- a/src/test/javascript/spec/component/code-editor/code-editor-grid.component.spec.ts
+++ b/src/test/javascript/spec/component/code-editor/code-editor-grid.component.spec.ts
@@ -17,7 +17,6 @@ describe('CodeEditorGridComponent', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [CodeEditorGridComponent],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/competencies/competency-card.component.spec.ts b/src/test/javascript/spec/component/competencies/competency-card.component.spec.ts
index 54e9e97c34e6..dc195a5105a6 100644
--- a/src/test/javascript/spec/component/competencies/competency-card.component.spec.ts
+++ b/src/test/javascript/spec/component/competencies/competency-card.component.spec.ts
@@ -2,22 +2,23 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { TranslateService } from '@ngx-translate/core';
 import { CompetencyCardComponent } from 'app/course/competencies/competency-card/competency-card.component';
 import { Competency, CompetencyProgress } from 'app/entities/competency.model';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { MockComponent, MockPipe, MockProvider } from 'ng-mocks';
-import { CompetencyRingsComponent } from 'app/course/competencies/competency-rings/competency-rings.component';
-import { FaIconComponent } from '@fortawesome/angular-fontawesome';
-import { NgbTooltipMocksModule } from '../../helpers/mocks/directive/ngbTooltipMocks.module';
+import { MockComponent, MockDirective, MockPipe, MockProvider } from 'ng-mocks';
 import dayjs from 'dayjs/esm';
-import { ArtemisTimeAgoPipe } from 'app/shared/pipes/artemis-time-ago.pipe';
 import { By } from '@angular/platform-browser';
+import { ArtemisTestModule } from '../../test.module';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { HtmlForMarkdownPipe } from 'app/shared/pipes/html-for-markdown.pipe';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { CompetencyRingsComponent } from 'app/course/competencies/competency-rings/competency-rings.component';
+import { ArtemisTimeAgoPipe } from '../../../../../main/webapp/app/shared/pipes/artemis-time-ago.pipe';
+import { TranslateDirective } from '../../../../../main/webapp/app/shared/language/translate.directive';
 
 describe('CompetencyCardComponent', () => {
     let competencyCardComponentFixture: ComponentFixture<CompetencyCardComponent>;
     let competencyCardComponent: CompetencyCardComponent;
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [NgbTooltipMocksModule],
+            imports: [ArtemisTestModule],
             declarations: [
                 CompetencyCardComponent,
                 MockPipe(ArtemisTranslatePipe),
@@ -25,6 +26,7 @@ describe('CompetencyCardComponent', () => {
                 MockComponent(FaIconComponent),
                 MockComponent(CompetencyRingsComponent),
                 MockPipe(ArtemisTimeAgoPipe),
+                MockDirective(TranslateDirective),
             ],
             providers: [MockProvider(TranslateService)],
             schemas: [],
diff --git a/src/test/javascript/spec/component/competencies/competency-form-stub.component.ts b/src/test/javascript/spec/component/competencies/competency-form-stub.component.ts
index de3490ec72c1..018435cf340f 100644
--- a/src/test/javascript/spec/component/competencies/competency-form-stub.component.ts
+++ b/src/test/javascript/spec/component/competencies/competency-form-stub.component.ts
@@ -2,27 +2,17 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { Lecture } from 'app/entities/lecture.model';
 import { CourseCompetencyFormData } from 'app/course/competencies/forms/course-competency-form.component';
 
-@Component({ selector: 'jhi-competency-form', standalone: true, template: '' })
+@Component({ selector: 'jhi-competency-form', template: '' })
 export class CompetencyFormStubComponent {
-    @Input()
-    formData: CourseCompetencyFormData;
-    @Input()
-    isEditMode = false;
-    @Input()
-    isInConnectMode = false;
-    @Input()
-    isInSingleLectureMode = false;
-    @Input()
-    courseId: number;
-    @Input()
-    lecturesOfCourseWithLectureUnits: Lecture[] = [];
-    @Input()
-    averageStudentScore?: number;
-    @Input()
-    hasCancelButton: boolean;
+    @Input() formData: CourseCompetencyFormData;
+    @Input() isEditMode = false;
+    @Input() isInConnectMode = false;
+    @Input() isInSingleLectureMode = false;
+    @Input() courseId: number;
+    @Input() lecturesOfCourseWithLectureUnits: Lecture[] = [];
+    @Input() averageStudentScore?: number;
+    @Input() hasCancelButton: boolean;
 
-    @Output()
-    onCancel: EventEmitter<any> = new EventEmitter<any>();
-    @Output()
-    formSubmitted: EventEmitter<CourseCompetencyFormData> = new EventEmitter<CourseCompetencyFormData>();
+    @Output() onCancel: EventEmitter<any> = new EventEmitter<any>();
+    @Output() formSubmitted: EventEmitter<CourseCompetencyFormData> = new EventEmitter<CourseCompetencyFormData>();
 }
diff --git a/src/test/javascript/spec/component/competencies/competency-form.component.spec.ts b/src/test/javascript/spec/component/competencies/competency-form.component.spec.ts
index 2d35435304a3..4237527f6680 100644
--- a/src/test/javascript/spec/component/competencies/competency-form.component.spec.ts
+++ b/src/test/javascript/spec/component/competencies/competency-form.component.spec.ts
@@ -1,8 +1,5 @@
 import { HttpResponse } from '@angular/common/http';
 import { ComponentFixture, TestBed, discardPeriodicTasks, fakeAsync, flush, tick } from '@angular/core/testing';
-import { ReactiveFormsModule } from '@angular/forms';
-import { NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap';
-import { CompetencyService } from 'app/course/competencies/competency.service';
 import { Competency, CompetencyTaxonomy } from 'app/entities/competency.model';
 import { TextUnit } from 'app/entities/lecture-unit/textUnit.model';
 import { Lecture } from 'app/entities/lecture.model';
@@ -10,7 +7,6 @@ import { LectureUnitService } from 'app/lecture/lecture-unit/lecture-unit-manage
 import { MockComponent, MockProvider } from 'ng-mocks';
 import { of } from 'rxjs';
 import { ArtemisTestModule } from '../../test.module';
-import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
 import { TranslateService } from '@ngx-translate/core';
 import dayjs from 'dayjs/esm';
 import { CompetencyFormComponent } from 'app/course/competencies/forms/competency/competency-form.component';
@@ -19,6 +15,7 @@ import { By } from '@angular/platform-browser';
 import { CommonCourseCompetencyFormComponent } from 'app/course/competencies/forms/common-course-competency-form.component';
 import { MarkdownEditorMonacoComponent } from 'app/shared/markdown-editor/monaco/markdown-editor-monaco.component';
 import { ArtemisMarkdownEditorModule } from 'app/shared/markdown-editor/markdown-editor.module';
+import { CourseCompetencyService } from '../../../../../main/webapp/app/course/competencies/course-competency.service';
 
 describe('CompetencyFormComponent', () => {
     let competencyFormComponentFixture: ComponentFixture<CompetencyFormComponent>;
@@ -28,19 +25,19 @@ describe('CompetencyFormComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [CompetencyFormComponent, ArtemisTestModule, ReactiveFormsModule, NgbDropdownModule],
+            imports: [ArtemisTestModule],
             declarations: [],
-            providers: [MockProvider(CompetencyService), MockProvider(LectureUnitService), { provide: TranslateService, useClass: MockTranslateService }],
+            providers: [MockProvider(CourseCompetencyService), MockProvider(LectureUnitService)],
         })
             .overrideModule(ArtemisMarkdownEditorModule, {
                 remove: { exports: [MarkdownEditorMonacoComponent] },
-                add: { exports: [MockComponent(MarkdownEditorMonacoComponent)], declarations: [MockComponent(MarkdownEditorMonacoComponent)] },
+                add: { exports: [MockComponent(MarkdownEditorMonacoComponent)], imports: [MockComponent(MarkdownEditorMonacoComponent)] },
             })
-            .compileComponents()
-            .then(() => {
-                competencyFormComponentFixture = TestBed.createComponent(CompetencyFormComponent);
-                competencyFormComponent = competencyFormComponentFixture.componentInstance;
-            });
+            .compileComponents();
+
+        competencyFormComponentFixture = TestBed.createComponent(CompetencyFormComponent);
+        competencyFormComponent = competencyFormComponentFixture.componentInstance;
+
         translateService = TestBed.inject(TranslateService);
     });
 
@@ -55,8 +52,8 @@ describe('CompetencyFormComponent', () => {
 
     it('should submit valid form', fakeAsync(() => {
         // stubbing competency service for asynchronous validator
-        const competencyService = TestBed.inject(CompetencyService);
-        const getAllTitlesSpy = jest.spyOn(competencyService, 'getCourseCompetencyTitles').mockReturnValue(of(new HttpResponse({ body: ['test'], status: 200 })));
+        const courseCompetencyService = TestBed.inject(CourseCompetencyService);
+        const getAllTitlesSpy = jest.spyOn(courseCompetencyService, 'getCourseCompetencyTitles').mockReturnValue(of(new HttpResponse({ body: ['test'], status: 200 })));
 
         const competencyOfResponse: Competency = { id: 1, title: 'test' };
 
@@ -65,7 +62,7 @@ describe('CompetencyFormComponent', () => {
             status: 200,
         });
 
-        jest.spyOn(competencyService, 'getAllForCourse').mockReturnValue(of(response));
+        jest.spyOn(courseCompetencyService, 'getAllForCourse').mockReturnValue(of(response));
 
         competencyFormComponentFixture.detectChanges();
 
@@ -156,9 +153,9 @@ describe('CompetencyFormComponent', () => {
     });
 
     it('validator should verify title is unique', fakeAsync(() => {
-        const competencyService = TestBed.inject(CompetencyService);
         const existingTitles = ['nameExisting'];
-        jest.spyOn(competencyService, 'getCourseCompetencyTitles').mockReturnValue(of(new HttpResponse({ body: existingTitles, status: 200 })));
+        const courseCompetencyService = TestBed.inject(CourseCompetencyService);
+        jest.spyOn(courseCompetencyService, 'getCourseCompetencyTitles').mockReturnValue(of(new HttpResponse({ body: existingTitles, status: 200 })));
         competencyFormComponent.isEditMode = true;
         competencyFormComponent.formData.title = 'initialName';
 
diff --git a/src/test/javascript/spec/component/competencies/competency-management/import-all-competencies.component.spec.ts b/src/test/javascript/spec/component/competencies/competency-management/import-all-competencies.component.spec.ts
index ef6004d813e5..e6f39f24463a 100644
--- a/src/test/javascript/spec/component/competencies/competency-management/import-all-competencies.component.spec.ts
+++ b/src/test/javascript/spec/component/competencies/competency-management/import-all-competencies.component.spec.ts
@@ -10,7 +10,7 @@ import { MockRouter } from '../../../helpers/mocks/mock-router';
 import { ArtemisSharedCommonModule } from 'app/shared/shared-common.module';
 import { ArtemisSharedComponentModule } from 'app/shared/components/shared-component.module';
 import { NgbPagination } from '@ng-bootstrap/ng-bootstrap';
-import { FormsModule } from 'app/forms/forms.module';
+import { ArtemisFormsModule } from '../../../../../../main/webapp/app/forms/artemis-forms.module';
 
 describe('ImportAllCompetenciesComponent', () => {
     let fixture: ComponentFixture<ImportAllCompetenciesComponent>;
@@ -18,7 +18,7 @@ describe('ImportAllCompetenciesComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ImportAllCompetenciesComponent, ArtemisTestModule, FormsModule, MockComponent(NgbPagination), ArtemisSharedCommonModule, ArtemisSharedComponentModule],
+            imports: [ImportAllCompetenciesComponent, ArtemisTestModule, ArtemisFormsModule, MockComponent(NgbPagination), ArtemisSharedCommonModule, ArtemisSharedComponentModule],
             declarations: [MockRouter, MockComponent(ButtonComponent), MockDirective(SortByDirective), MockDirective(SortDirective)],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/component/competencies/competency-popover.component.spec.ts b/src/test/javascript/spec/component/competencies/competency-popover.component.spec.ts
index dfd4771068e3..aaae2dd3664f 100644
--- a/src/test/javascript/spec/component/competencies/competency-popover.component.spec.ts
+++ b/src/test/javascript/spec/component/competencies/competency-popover.component.spec.ts
@@ -8,6 +8,7 @@ import { By } from '@angular/platform-browser';
 import { Component } from '@angular/core';
 import { NgbPopoverModule } from '@ng-bootstrap/ng-bootstrap';
 import { RouterModule } from '@angular/router';
+import { ArtemisTestModule } from '../../test.module';
 
 @Component({
     selector: 'jhi-statistics',
@@ -28,6 +29,7 @@ describe('CompetencyPopoverComponent', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [
+                ArtemisTestModule,
                 NgbPopoverModule,
                 RouterModule.forRoot([
                     { path: 'courses/:courseId/competencies', component: DummyStatisticsComponent },
diff --git a/src/test/javascript/spec/component/competencies/components/course-competencies-relation-graph.component.spec.ts b/src/test/javascript/spec/component/competencies/components/course-competencies-relation-graph.component.spec.ts
index 561f3ae5bd07..331bb1f7ed11 100644
--- a/src/test/javascript/spec/component/competencies/components/course-competencies-relation-graph.component.spec.ts
+++ b/src/test/javascript/spec/component/competencies/components/course-competencies-relation-graph.component.spec.ts
@@ -5,13 +5,42 @@ import { CompetencyRelationDTO, CompetencyRelationType, CourseCompetency, Course
 import { MockTranslateService } from '../../../helpers/mocks/service/mock-translate.service';
 import { TranslateService } from '@ngx-translate/core';
 
+interface CourseCompetencyStyle {
+    dimension: {
+        height: number;
+        width: number;
+    };
+    meta: {
+        forceDimensions: boolean;
+    };
+    position: {
+        x: number;
+        y: number;
+    };
+}
+type StyledCourseCompetency = CourseCompetency & CourseCompetencyStyle;
+
 describe('CourseCompetenciesRelationGraphComponent', () => {
     let component: CourseCompetenciesRelationGraphComponent;
     let fixture: ComponentFixture<CourseCompetenciesRelationGraphComponent>;
 
-    const courseCompetencies: CourseCompetency[] = [
-        { id: 1, type: CourseCompetencyType.COMPETENCY, title: 'Competency' },
-        { id: 2, type: CourseCompetencyType.PREREQUISITE, title: 'Prerequisite' },
+    const courseCompetencies: StyledCourseCompetency[] = [
+        {
+            id: 1,
+            type: CourseCompetencyType.COMPETENCY,
+            title: 'Competency',
+            dimension: { height: 45.59, width: 0 },
+            meta: { forceDimensions: false },
+            position: { x: 0, y: 0 },
+        },
+        {
+            id: 2,
+            type: CourseCompetencyType.PREREQUISITE,
+            title: 'Prerequisite',
+            dimension: { height: 45.59, width: 0 },
+            meta: { forceDimensions: false },
+            position: { x: 0, y: 0 },
+        },
     ];
 
     const relations: CompetencyRelationDTO[] = [
@@ -80,6 +109,9 @@ describe('CourseCompetenciesRelationGraphComponent', () => {
                         id: cc.id,
                         type: cc.type,
                     },
+                    dimension: cc.dimension,
+                    meta: cc.meta,
+                    position: cc.position,
                 };
             }),
         );
diff --git a/src/test/javascript/spec/component/competencies/components/course-competencies-relation-modal.component.spec.ts b/src/test/javascript/spec/component/competencies/components/course-competencies-relation-modal.component.spec.ts
index a3a99fd7a25e..d26d525ad146 100644
--- a/src/test/javascript/spec/component/competencies/components/course-competencies-relation-modal.component.spec.ts
+++ b/src/test/javascript/spec/component/competencies/components/course-competencies-relation-modal.component.spec.ts
@@ -35,7 +35,7 @@ describe('CourseCompetenciesRelationModalComponent', () => {
 
     beforeEach(async () => {
         await TestBed.configureTestingModule({
-            imports: [CourseCompetenciesRelationModalComponent, NoopAnimationsModule],
+            imports: [NoopAnimationsModule],
             providers: [
                 provideHttpClient(),
                 provideHttpClientTesting(),
@@ -116,9 +116,11 @@ describe('CourseCompetenciesRelationModalComponent', () => {
         expect(closeSpy).toHaveBeenCalledOnce();
     });
 
-    it('should call selectCourseCompetency on courseCompetencyRelationFormComponent with valid courseCompetencyId', () => {
+    it('should call selectCourseCompetency on courseCompetencyRelationFormComponent with valid courseCompetencyId', async () => {
         fixture.detectChanges();
+        await fixture.whenStable();
 
+        fixture.detectChanges(); // required as the viewChild is only available after effect() has run (-> second update)
         const courseCompetencyId = 1;
         const selectSpy = jest.spyOn(component['courseCompetencyRelationFormComponent'](), 'selectCourseCompetency');
 
diff --git a/src/test/javascript/spec/component/competencies/edit-competency.component.spec.ts b/src/test/javascript/spec/component/competencies/edit-competency.component.spec.ts
index 7716808659dd..a65a79b3c84c 100644
--- a/src/test/javascript/spec/component/competencies/edit-competency.component.spec.ts
+++ b/src/test/javascript/spec/component/competencies/edit-competency.component.spec.ts
@@ -60,13 +60,11 @@ describe('EditCompetencyComponent', () => {
         })
             .overrideModule(ArtemisMarkdownEditorModule, {
                 remove: { exports: [MarkdownEditorMonacoComponent] },
-                add: { exports: [MockComponent(MarkdownEditorMonacoComponent)], declarations: [MockComponent(MarkdownEditorMonacoComponent)] },
+                add: { exports: [MockComponent(MarkdownEditorMonacoComponent)], imports: [MockComponent(MarkdownEditorMonacoComponent)] },
             })
-            .compileComponents()
-            .then(() => {
-                editCompetencyComponentFixture = TestBed.createComponent(EditCompetencyComponent);
-                editCompetencyComponent = editCompetencyComponentFixture.componentInstance;
-            });
+            .compileComponents();
+        editCompetencyComponentFixture = TestBed.createComponent(EditCompetencyComponent);
+        editCompetencyComponent = editCompetencyComponentFixture.componentInstance;
     });
 
     afterEach(() => {
diff --git a/src/test/javascript/spec/component/competencies/edit-prerequisite.component.spec.ts b/src/test/javascript/spec/component/competencies/edit-prerequisite.component.spec.ts
index a479f4e66130..2c5676384d2b 100644
--- a/src/test/javascript/spec/component/competencies/edit-prerequisite.component.spec.ts
+++ b/src/test/javascript/spec/component/competencies/edit-prerequisite.component.spec.ts
@@ -22,8 +22,8 @@ import { ArtemisMarkdownEditorModule } from 'app/shared/markdown-editor/markdown
 describe('EditPrerequisiteComponent', () => {
     let editPrerequisiteComponentFixture: ComponentFixture<EditPrerequisiteComponent>;
     let editPrerequisiteComponent: EditPrerequisiteComponent;
-    beforeEach(() => {
-        TestBed.configureTestingModule({
+    beforeEach(async () => {
+        await TestBed.configureTestingModule({
             imports: [ArtemisTestModule, EditPrerequisiteComponent, PrerequisiteFormStubComponent],
             declarations: [],
             providers: [
@@ -61,13 +61,12 @@ describe('EditPrerequisiteComponent', () => {
         })
             .overrideModule(ArtemisMarkdownEditorModule, {
                 remove: { exports: [MarkdownEditorMonacoComponent] },
-                add: { exports: [MockComponent(MarkdownEditorMonacoComponent)], declarations: [MockComponent(MarkdownEditorMonacoComponent)] },
+                add: { exports: [MockComponent(MarkdownEditorMonacoComponent)], imports: [MockComponent(MarkdownEditorMonacoComponent)] },
             })
-            .compileComponents()
-            .then(() => {
-                editPrerequisiteComponentFixture = TestBed.createComponent(EditPrerequisiteComponent);
-                editPrerequisiteComponent = editPrerequisiteComponentFixture.componentInstance;
-            });
+            .compileComponents();
+
+        editPrerequisiteComponentFixture = TestBed.createComponent(EditPrerequisiteComponent);
+        editPrerequisiteComponent = editPrerequisiteComponentFixture.componentInstance;
     });
 
     afterEach(() => {
diff --git a/src/test/javascript/spec/component/competencies/generate-competencies/course-description-form-stub.component.ts b/src/test/javascript/spec/component/competencies/generate-competencies/course-description-form-stub.component.ts
index 33642f2bb70b..a17c15470692 100644
--- a/src/test/javascript/spec/component/competencies/generate-competencies/course-description-form-stub.component.ts
+++ b/src/test/javascript/spec/component/competencies/generate-competencies/course-description-form-stub.component.ts
@@ -1,6 +1,6 @@
 import { Component, EventEmitter, Input, Output } from '@angular/core';
 
-@Component({ selector: 'jhi-course-description-form', template: '', standalone: true })
+@Component({ selector: 'jhi-course-description-form', template: '' })
 export class CourseDescriptionFormStubComponent {
     @Input() isLoading = false;
     @Output() formSubmitted: EventEmitter<string> = new EventEmitter<string>();
diff --git a/src/test/javascript/spec/component/competencies/import/competency-search.component.spec.ts b/src/test/javascript/spec/component/competencies/import/competency-search.component.spec.ts
index 4c3cefc29974..8c301d8bd43c 100644
--- a/src/test/javascript/spec/component/competencies/import/competency-search.component.spec.ts
+++ b/src/test/javascript/spec/component/competencies/import/competency-search.component.spec.ts
@@ -5,7 +5,7 @@ import { MockPipe } from 'ng-mocks';
 import { CompetencySearchComponent } from 'app/course/competencies/import/competency-search.component';
 import { NgbCollapseMocksModule } from '../../../helpers/mocks/directive/ngbCollapseMocks.module';
 import { ButtonComponent } from 'app/shared/components/button.component';
-import { FormsModule } from 'app/forms/forms.module';
+import { ArtemisFormsModule } from '../../../../../../main/webapp/app/forms/artemis-forms.module';
 import { CourseCompetencyFilter } from 'app/shared/table/pageable-table';
 
 describe('CompetencySearchComponent', () => {
@@ -14,7 +14,7 @@ describe('CompetencySearchComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, FormsModule, NgbCollapseMocksModule],
+            imports: [ArtemisTestModule, ArtemisFormsModule, NgbCollapseMocksModule],
             declarations: [CompetencySearchComponent, MockPipe(ArtemisTranslatePipe), ButtonComponent],
             providers: [],
         })
diff --git a/src/test/javascript/spec/component/competencies/import/import-competencies.component.spec.ts b/src/test/javascript/spec/component/competencies/import/import-competencies.component.spec.ts
index 8b7918af84bc..881d09902c11 100644
--- a/src/test/javascript/spec/component/competencies/import/import-competencies.component.spec.ts
+++ b/src/test/javascript/spec/component/competencies/import/import-competencies.component.spec.ts
@@ -1,7 +1,7 @@
 import { ArtemisTestModule } from '../../../test.module';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ImportCompetenciesComponent } from 'app/course/competencies/import/import-competencies.component';
-import { FormsModule } from 'app/forms/forms.module';
+import { ArtemisFormsModule } from '../../../../../../main/webapp/app/forms/artemis-forms.module';
 import { MockRouter } from '../../../helpers/mocks/mock-router';
 import { ActivatedRoute, Router, convertToParamMap } from '@angular/router';
 import { CompetencyService } from 'app/course/competencies/competency.service';
@@ -16,7 +16,7 @@ describe('ImportCompetenciesComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ImportCompetenciesComponent, ArtemisTestModule, FormsModule],
+            imports: [ImportCompetenciesComponent, ArtemisTestModule, ArtemisFormsModule],
             declarations: [],
             providers: [
                 {
diff --git a/src/test/javascript/spec/component/competencies/import/import-course-competencies.component.spec.ts b/src/test/javascript/spec/component/competencies/import/import-course-competencies.component.spec.ts
index 619054449eba..85c4bfb7eb0f 100644
--- a/src/test/javascript/spec/component/competencies/import/import-course-competencies.component.spec.ts
+++ b/src/test/javascript/spec/component/competencies/import/import-course-competencies.component.spec.ts
@@ -1,18 +1,13 @@
 import { ArtemisTestModule } from '../../../test.module';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MockProvider } from 'ng-mocks';
 import { ImportCourseCompetenciesComponent } from 'app/course/competencies/import/import-course-competencies.component';
-import { FormsModule } from 'app/forms/forms.module';
-import { MockRouter } from '../../../helpers/mocks/mock-router';
 import { ActivatedRoute, Router, convertToParamMap } from '@angular/router';
-import { CompetencyService } from 'app/course/competencies/competency.service';
 import { of } from 'rxjs';
 import { CourseCompetency, CourseCompetencyType } from 'app/entities/competency.model';
 import { HttpResponse } from '@angular/common/http';
 import { PageableSearch } from 'app/shared/table/pageable-table';
 import { Component } from '@angular/core';
 import { SortService } from 'app/shared/service/sort.service';
-import { PrerequisiteService } from 'app/course/competencies/prerequisite.service';
 import { CourseCompetencyService } from 'app/course/competencies/course-competency.service';
 
 @Component({ template: '' })
@@ -31,8 +26,7 @@ describe('ImportCourseCompetenciesComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, FormsModule],
-            declarations: [ImportCourseCompetenciesComponent],
+            imports: [ArtemisTestModule],
             providers: [
                 {
                     provide: ActivatedRoute,
@@ -40,9 +34,6 @@ describe('ImportCourseCompetenciesComponent', () => {
                         snapshot: { paramMap: convertToParamMap({ courseId: 1 }) },
                     } as ActivatedRoute,
                 },
-                { provide: Router, useClass: MockRouter },
-                MockProvider(CompetencyService),
-                MockProvider(PrerequisiteService),
             ],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/component/competencies/import/import-prerequisites.component.spec.ts b/src/test/javascript/spec/component/competencies/import/import-prerequisites.component.spec.ts
index 1f93cc795dcd..240093bfc25f 100644
--- a/src/test/javascript/spec/component/competencies/import/import-prerequisites.component.spec.ts
+++ b/src/test/javascript/spec/component/competencies/import/import-prerequisites.component.spec.ts
@@ -1,7 +1,7 @@
 import { ArtemisTestModule } from '../../../test.module';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ImportCompetenciesComponent } from 'app/course/competencies/import/import-competencies.component';
-import { FormsModule } from 'app/forms/forms.module';
+import { ArtemisFormsModule } from '../../../../../../main/webapp/app/forms/artemis-forms.module';
 import { MockRouter } from '../../../helpers/mocks/mock-router';
 import { ActivatedRoute, Router, convertToParamMap } from '@angular/router';
 import { of } from 'rxjs';
@@ -17,7 +17,7 @@ describe('ImportPrerequisitesComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ImportCompetenciesComponent, ArtemisTestModule, FormsModule],
+            imports: [ImportCompetenciesComponent, ArtemisTestModule, ArtemisFormsModule],
             declarations: [],
             providers: [
                 {
diff --git a/src/test/javascript/spec/component/competencies/prerequisite-form-stub.component.ts b/src/test/javascript/spec/component/competencies/prerequisite-form-stub.component.ts
index c2103cdb6ac2..1b6df851ea20 100644
--- a/src/test/javascript/spec/component/competencies/prerequisite-form-stub.component.ts
+++ b/src/test/javascript/spec/component/competencies/prerequisite-form-stub.component.ts
@@ -2,27 +2,17 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { Lecture } from 'app/entities/lecture.model';
 import { CourseCompetencyFormData } from 'app/course/competencies/forms/course-competency-form.component';
 
-@Component({ selector: 'jhi-prerequisite-form', standalone: true, template: '' })
+@Component({ selector: 'jhi-prerequisite-form', template: '' })
 export class PrerequisiteFormStubComponent {
-    @Input()
-    formData: CourseCompetencyFormData;
-    @Input()
-    isEditMode = false;
-    @Input()
-    isInConnectMode = false;
-    @Input()
-    isInSingleLectureMode = false;
-    @Input()
-    courseId: number;
-    @Input()
-    lecturesOfCourseWithLectureUnits: Lecture[] = [];
-    @Input()
-    averageStudentScore?: number;
-    @Input()
-    hasCancelButton: boolean;
+    @Input() formData: CourseCompetencyFormData;
+    @Input() isEditMode = false;
+    @Input() isInConnectMode = false;
+    @Input() isInSingleLectureMode = false;
+    @Input() courseId: number;
+    @Input() lecturesOfCourseWithLectureUnits: Lecture[] = [];
+    @Input() averageStudentScore?: number;
+    @Input() hasCancelButton: boolean;
 
-    @Output()
-    onCancel: EventEmitter<any> = new EventEmitter<any>();
-    @Output()
-    formSubmitted: EventEmitter<CourseCompetencyFormData> = new EventEmitter<CourseCompetencyFormData>();
+    @Output() onCancel: EventEmitter<any> = new EventEmitter<any>();
+    @Output() formSubmitted: EventEmitter<CourseCompetencyFormData> = new EventEmitter<CourseCompetencyFormData>();
 }
diff --git a/src/test/javascript/spec/component/competencies/prerequisite-form.component.spec.ts b/src/test/javascript/spec/component/competencies/prerequisite-form.component.spec.ts
index 4040a892e10d..93a42254f879 100644
--- a/src/test/javascript/spec/component/competencies/prerequisite-form.component.spec.ts
+++ b/src/test/javascript/spec/component/competencies/prerequisite-form.component.spec.ts
@@ -6,7 +6,7 @@ import { CompetencyTaxonomy } from 'app/entities/competency.model';
 import { TextUnit } from 'app/entities/lecture-unit/textUnit.model';
 import { Lecture } from 'app/entities/lecture.model';
 import { LectureUnitService } from 'app/lecture/lecture-unit/lecture-unit-management/lectureUnit.service';
-import { MockComponent, MockProvider } from 'ng-mocks';
+import { MockProvider } from 'ng-mocks';
 import { of } from 'rxjs';
 import { ArtemisTestModule } from '../../test.module';
 import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
@@ -19,30 +19,34 @@ import { CommonCourseCompetencyFormComponent } from 'app/course/competencies/for
 import { PrerequisiteFormComponent } from 'app/course/competencies/forms/prerequisite/prerequisite-form.component';
 import { PrerequisiteService } from 'app/course/competencies/prerequisite.service';
 import { Prerequisite } from 'app/entities/prerequisite.model';
-import { MarkdownEditorMonacoComponent } from 'app/shared/markdown-editor/monaco/markdown-editor-monaco.component';
-import { ArtemisMarkdownEditorModule } from 'app/shared/markdown-editor/markdown-editor.module';
+import { MockResizeObserver } from '../../helpers/mocks/service/mock-resize-observer';
+import { CourseCompetencyService } from '../../../../../main/webapp/app/course/competencies/course-competency.service';
 
 describe('PrerequisiteFormComponent', () => {
     let prerequisiteFormComponentFixture: ComponentFixture<PrerequisiteFormComponent>;
     let prerequisiteFormComponent: PrerequisiteFormComponent;
 
     let translateService: TranslateService;
+    const prerequisiteServiceMock = { getAllForCourse: jest.fn() } as unknown as PrerequisiteService;
+    const courseCompetencyServiceMock = { getCourseCompetencyTitles: jest.fn() } as unknown as CourseCompetencyService;
 
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [CompetencyFormComponent, ArtemisTestModule, ReactiveFormsModule, NgbDropdownModule],
-            providers: [MockProvider(PrerequisiteService), MockProvider(LectureUnitService), { provide: TranslateService, useClass: MockTranslateService }],
-        })
-            .overrideModule(ArtemisMarkdownEditorModule, {
-                remove: { exports: [MarkdownEditorMonacoComponent] },
-                add: { exports: [MockComponent(MarkdownEditorMonacoComponent)], declarations: [MockComponent(MarkdownEditorMonacoComponent)] },
-            })
-            .compileComponents()
-            .then(() => {
-                prerequisiteFormComponentFixture = TestBed.createComponent(PrerequisiteFormComponent);
-                prerequisiteFormComponent = prerequisiteFormComponentFixture.componentInstance;
-            });
+            providers: [
+                { provide: PrerequisiteService, useValue: prerequisiteServiceMock },
+                { provide: TranslateService, useClass: MockTranslateService },
+                { provide: CourseCompetencyService, useValue: courseCompetencyServiceMock },
+                MockProvider(LectureUnitService),
+            ],
+        }).compileComponents();
+
+        prerequisiteFormComponentFixture = TestBed.createComponent(PrerequisiteFormComponent);
+        prerequisiteFormComponent = prerequisiteFormComponentFixture.componentInstance;
         translateService = TestBed.inject(TranslateService);
+        global.ResizeObserver = jest.fn().mockImplementation((callback: ResizeObserverCallback) => {
+            return new MockResizeObserver(callback);
+        });
     });
 
     afterEach(() => {
@@ -56,8 +60,9 @@ describe('PrerequisiteFormComponent', () => {
 
     it('should submit valid form', fakeAsync(() => {
         // stubbing prerequisite service for asynchronous validator
-        const prerequisiteService = TestBed.inject(PrerequisiteService);
-        const getAllTitlesSpy = jest.spyOn(prerequisiteService, 'getCourseCompetencyTitles').mockReturnValue(of(new HttpResponse({ body: ['test'], status: 200 })));
+        const getCourseCompetencyTitlesSpy = jest
+            .spyOn(courseCompetencyServiceMock, 'getCourseCompetencyTitles')
+            .mockReturnValue(of(new HttpResponse({ body: ['test'], status: 200 })));
 
         const competencyOfResponse: Prerequisite = { id: 1, title: 'test' };
 
@@ -66,7 +71,7 @@ describe('PrerequisiteFormComponent', () => {
             status: 200,
         });
 
-        jest.spyOn(prerequisiteService, 'getAllForCourse').mockReturnValue(of(response));
+        jest.spyOn(prerequisiteServiceMock, 'getAllForCourse').mockReturnValue(of(response));
 
         prerequisiteFormComponentFixture.detectChanges();
 
@@ -84,7 +89,7 @@ describe('PrerequisiteFormComponent', () => {
         prerequisiteFormComponentFixture.detectChanges();
         tick(250); // async validator fires after 250ms and fully filled in form should now be valid!
         expect(prerequisiteFormComponent.form.valid).toBeTrue();
-        expect(getAllTitlesSpy).toHaveBeenCalledOnce();
+        expect(getCourseCompetencyTitlesSpy).toHaveBeenCalledOnce();
         const submitFormSpy = jest.spyOn(prerequisiteFormComponent, 'submitForm');
         const submitFormEventSpy = jest.spyOn(prerequisiteFormComponent.formSubmitted, 'emit');
 
@@ -157,9 +162,8 @@ describe('PrerequisiteFormComponent', () => {
     });
 
     it('validator should verify title is unique', fakeAsync(() => {
-        const prerequisiteService = TestBed.inject(PrerequisiteService);
         const existingTitles = ['nameExisting'];
-        jest.spyOn(prerequisiteService, 'getCourseCompetencyTitles').mockReturnValue(of(new HttpResponse({ body: existingTitles, status: 200 })));
+        jest.spyOn(courseCompetencyServiceMock, 'getCourseCompetencyTitles').mockReturnValue(of(new HttpResponse({ body: existingTitles, status: 200 })));
         prerequisiteFormComponent.isEditMode = true;
         prerequisiteFormComponent.formData.title = 'initialName';
 
@@ -180,7 +184,7 @@ describe('PrerequisiteFormComponent', () => {
         titleControl.setValue('nameExisting');
         tick(250);
         expect(titleControl.errors?.titleUnique).toBeDefined();
-        flush();
+        tick();
         discardPeriodicTasks();
     }));
 
diff --git a/src/test/javascript/spec/component/complaints/complaints-form.component.spec.ts b/src/test/javascript/spec/component/complaints/complaints-form.component.spec.ts
index 2139f0157523..9c47fb257697 100644
--- a/src/test/javascript/spec/component/complaints/complaints-form.component.spec.ts
+++ b/src/test/javascript/spec/component/complaints/complaints-form.component.spec.ts
@@ -1,6 +1,5 @@
 import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testing';
 import { ComplaintService, EntityResponseType } from 'app/complaints/complaint.service';
-import { TextareaCounterComponent } from 'app/shared/textarea/textarea-counter.component';
 import { MockComplaintService } from '../../helpers/mocks/service/mock-complaint.service';
 import { ComplaintsFormComponent } from 'app/complaints/form/complaints-form.component';
 import { ArtemisTestModule } from '../../test.module';
@@ -8,13 +7,7 @@ import { Exercise } from 'app/entities/exercise.model';
 import { Course } from 'app/entities/course.model';
 import { of, throwError } from 'rxjs';
 import { HttpErrorResponse } from '@angular/common/http';
-import { MockComponent, MockDirective, MockPipe, MockProvider } from 'ng-mocks';
 import { AlertService } from 'app/core/util/alert.service';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { NgModel } from '@angular/forms';
-import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
-import { TranslateService } from '@ngx-translate/core';
-import { TranslateDirective } from 'app/shared/language/translate.directive';
 import { By } from '@angular/platform-browser';
 
 describe('ComplaintsFormComponent', () => {
@@ -32,17 +25,11 @@ describe('ComplaintsFormComponent', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [MockPipe(ArtemisTranslatePipe), MockDirective(NgModel), MockDirective(TranslateDirective), MockComponent(TextareaCounterComponent)],
             providers: [
-                MockProvider(AlertService),
                 {
                     provide: ComplaintService,
                     useClass: MockComplaintService,
                 },
-                {
-                    provide: TranslateService,
-                    useClass: MockTranslateService,
-                },
             ],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/component/connection-warning/connection-warning.spec.ts b/src/test/javascript/spec/component/connection-warning/connection-warning.spec.ts
index 5abc52fbf0e4..94387b6668c3 100644
--- a/src/test/javascript/spec/component/connection-warning/connection-warning.spec.ts
+++ b/src/test/javascript/spec/component/connection-warning/connection-warning.spec.ts
@@ -2,11 +2,8 @@ import { ArtemisTestModule } from '../../test.module';
 import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testing';
 import { BehaviorSubject } from 'rxjs';
 import { JhiConnectionWarningComponent } from 'app/shared/connection-warning/connection-warning.component';
-import { CloseCircleComponent } from 'app/shared/close-circle/close-circle.component';
 import { ConnectionState, JhiWebsocketService } from 'app/core/websocket/websocket.service';
 import { By } from '@angular/platform-browser';
-import { TranslatePipeMock } from '../../helpers/mocks/service/mock-translate.service';
-import { NgbPopoverModule } from '@ng-bootstrap/ng-bootstrap';
 
 describe('ConnectionWarning', () => {
     let fixture: ComponentFixture<JhiConnectionWarningComponent>;
@@ -16,8 +13,7 @@ describe('ConnectionWarning', () => {
     beforeEach(() => {
         subject = new BehaviorSubject<ConnectionState>(new ConnectionState(true, true, false));
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, NgbPopoverModule],
-            declarations: [JhiConnectionWarningComponent, CloseCircleComponent, TranslatePipeMock],
+            imports: [ArtemisTestModule],
             providers: [
                 {
                     provide: JhiWebsocketService,
diff --git a/src/test/javascript/spec/component/course-registration/course-prerequisites-button/course-prerequisites-button.component.spec.ts b/src/test/javascript/spec/component/course-registration/course-prerequisites-button/course-prerequisites-button.component.spec.ts
index 785055eaec03..2044faee615a 100644
--- a/src/test/javascript/spec/component/course-registration/course-prerequisites-button/course-prerequisites-button.component.spec.ts
+++ b/src/test/javascript/spec/component/course-registration/course-prerequisites-button/course-prerequisites-button.component.spec.ts
@@ -19,7 +19,6 @@ describe('CoursePrerequisitesButtonComponent', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [CoursePrerequisitesButtonComponent],
             providers: [{ provide: NgbModal, useClass: MockNgbModalService }],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/component/course-registration/course-prerequisites-modal/course-prerequisites-modal.component.spec.ts b/src/test/javascript/spec/component/course-registration/course-prerequisites-modal/course-prerequisites-modal.component.spec.ts
index 64eb68092c14..208b09ec35c4 100644
--- a/src/test/javascript/spec/component/course-registration/course-prerequisites-modal/course-prerequisites-modal.component.spec.ts
+++ b/src/test/javascript/spec/component/course-registration/course-prerequisites-modal/course-prerequisites-modal.component.spec.ts
@@ -1,14 +1,15 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { MockPipe, MockProvider } from 'ng-mocks';
+import { MockComponent, MockPipe, MockProvider } from 'ng-mocks';
 import { of } from 'rxjs';
 import { By } from '@angular/platform-browser';
 import { CoursePrerequisitesModalComponent } from 'app/overview/course-registration/course-registration-prerequisites-modal/course-prerequisites-modal.component';
 import { AlertService } from 'app/core/util/alert.service';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
-import { CompetencyCardStubComponent } from '../../competencies/competency-card-stub.component';
 import { PrerequisiteService } from 'app/course/competencies/prerequisite.service';
 import { HttpResponse } from '@angular/common/http';
+import { ArtemisTestModule } from '../../../test.module';
+import { CompetencyCardComponent } from '../../../../../../main/webapp/app/course/competencies/competency-card/competency-card.component';
 
 describe('CoursePrerequisitesModal', () => {
     let coursePrerequisitesModalComponentFixture: ComponentFixture<CoursePrerequisitesModalComponent>;
@@ -22,8 +23,8 @@ describe('CoursePrerequisitesModal', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [],
-            declarations: [CoursePrerequisitesModalComponent, CompetencyCardStubComponent, MockPipe(ArtemisTranslatePipe)],
+            imports: [ArtemisTestModule],
+            declarations: [CoursePrerequisitesModalComponent, MockPipe(ArtemisTranslatePipe), MockComponent(CompetencyCardComponent)],
             providers: [
                 MockProvider(AlertService),
                 MockProvider(PrerequisiteService),
@@ -54,7 +55,7 @@ describe('CoursePrerequisitesModal', () => {
 
         coursePrerequisitesModalComponentFixture.detectChanges();
 
-        const competencyCards = coursePrerequisitesModalComponentFixture.debugElement.queryAll(By.directive(CompetencyCardStubComponent));
+        const competencyCards = coursePrerequisitesModalComponentFixture.debugElement.queryAll(By.directive(CompetencyCardComponent));
         expect(competencyCards).toHaveLength(2);
         expect(getAllPrerequisitesForCourseSpy).toHaveBeenCalledOnce();
         expect(coursePrerequisitesModalComponent.prerequisites).toHaveLength(2);
diff --git a/src/test/javascript/spec/component/course-registration/course-registration-button/course-registration-button.component.spec.ts b/src/test/javascript/spec/component/course-registration/course-registration-button/course-registration-button.component.spec.ts
index 276888337f41..d3ca9efdba94 100644
--- a/src/test/javascript/spec/component/course-registration/course-registration-button/course-registration-button.component.spec.ts
+++ b/src/test/javascript/spec/component/course-registration/course-registration-button/course-registration-button.component.spec.ts
@@ -25,7 +25,6 @@ describe('CourseRegistrationButtonComponent', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [CourseRegistrationButtonComponent],
             providers: [MockProvider(AccountService), MockProvider(CourseManagementService), MockProvider(ProfileService), MockProvider(AlertService)],
         })
             .overrideTemplate(CourseRegistrationButtonComponent, '')
diff --git a/src/test/javascript/spec/component/course/course-group-membership.component.spec.ts b/src/test/javascript/spec/component/course/course-group-membership.component.spec.ts
index 737c9d87710b..fc87165898ab 100644
--- a/src/test/javascript/spec/component/course/course-group-membership.component.spec.ts
+++ b/src/test/javascript/spec/component/course/course-group-membership.component.spec.ts
@@ -4,44 +4,14 @@ import { ActivatedRoute } from '@angular/router';
 import { User } from 'app/core/user/user.model';
 import { UserService } from 'app/core/user/user.service';
 import { CourseManagementService } from 'app/course/manage/course-management.service';
-import { Course, CourseGroup } from 'app/entities/course.model';
+import { CourseGroup } from 'app/entities/course.model';
 import dayjs from 'dayjs/esm';
-import { MockDirective, MockProvider } from 'ng-mocks';
-import { Observable, of } from 'rxjs';
+import { MockComponent, MockDirective, MockProvider } from 'ng-mocks';
+import { of } from 'rxjs';
 import { TranslateDirective } from 'app/shared/language/translate.directive';
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { TutorialGroup } from 'app/entities/tutorial-group/tutorial-group.model';
 import { CourseGroupMembershipComponent } from 'app/course/manage/course-group-membership/course-group-membership.component';
 import { ArtemisTestModule } from '../../test.module';
-
-@Component({ selector: 'jhi-course-group', template: '' })
-class CourseGroupStubComponent {
-    @Input()
-    allGroupUsers: User[] = [];
-    @Input()
-    isLoadingAllGroupUsers = false;
-    @Input()
-    isAdmin = false;
-    @Input()
-    course: Course;
-    @Input()
-    tutorialGroup: TutorialGroup | undefined = undefined;
-    @Input()
-    courseGroup: CourseGroup;
-    @Input()
-    exportFileName: string;
-    @Input()
-    userSearch: (loginOrName: string) => Observable<HttpResponse<User[]>>;
-    @Input()
-    addUserToGroup: (login: string) => Observable<any> = () => of({});
-    @Input()
-    removeUserFromGroup: (login: string) => Observable<any> = () => of({});
-    @Input()
-    handleUsersSizeChange: (filteredUsersSize: number) => void = () => {};
-
-    @Output()
-    importFinish: EventEmitter<void> = new EventEmitter();
-}
+import { CourseGroupComponent } from '../../../../../main/webapp/app/shared/course-group/course-group.component';
 
 describe('Course Group Membership Component', () => {
     let comp: CourseGroupMembershipComponent;
@@ -58,7 +28,7 @@ describe('Course Group Membership Component', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [CourseGroupMembershipComponent, CourseGroupStubComponent, MockDirective(TranslateDirective)],
+            declarations: [CourseGroupMembershipComponent, MockComponent(CourseGroupComponent), MockDirective(TranslateDirective)],
             providers: [{ provide: ActivatedRoute, useValue: route }, MockProvider(CourseManagementService), MockProvider(UserService)],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/component/course/course-management-card.component.spec.ts b/src/test/javascript/spec/component/course/course-management-card.component.spec.ts
index 7a709536a1a6..604e858778e9 100644
--- a/src/test/javascript/spec/component/course/course-management-card.component.spec.ts
+++ b/src/test/javascript/spec/component/course/course-management-card.component.spec.ts
@@ -2,7 +2,7 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ArtemisTestModule } from '../../test.module';
 import { MockSyncStorage } from '../../helpers/mocks/service/mock-sync-storage.service';
 import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
-import { MockComponent, MockPipe, MockProvider } from 'ng-mocks';
+import { MockComponent, MockDirective, MockPipe, MockProvider } from 'ng-mocks';
 import { TranslateService } from '@ngx-translate/core';
 import { CourseManagementExerciseRowComponent } from 'app/course/manage/overview/course-management-exercise-row.component';
 import { MockRouterLinkDirective } from '../../helpers/mocks/directive/mock-router-link.directive';
@@ -16,6 +16,7 @@ import { SecuredImageComponent } from 'app/shared/image/secured-image.component'
 import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { Exercise } from 'app/entities/exercise.model';
+import { TranslateDirective } from '../../../../../main/webapp/app/shared/language/translate.directive';
 
 describe('CourseManagementCardComponent', () => {
     let fixture: ComponentFixture<CourseManagementCardComponent>;
@@ -59,6 +60,7 @@ describe('CourseManagementCardComponent', () => {
                 MockComponent(CourseManagementExerciseRowComponent),
                 MockComponent(CourseManagementOverviewStatisticsComponent),
                 MockComponent(SecuredImageComponent),
+                MockDirective(TranslateDirective),
             ],
             providers: [{ provide: LocalStorageService, useClass: MockSyncStorage }, { provide: SessionStorageService, useClass: MockSyncStorage }, MockProvider(TranslateService)],
         })
diff --git a/src/test/javascript/spec/component/course/course-management-exercises-search.component.spec.ts b/src/test/javascript/spec/component/course/course-management-exercises-search.component.spec.ts
index 57d09769940f..575fec76c1e7 100644
--- a/src/test/javascript/spec/component/course/course-management-exercises-search.component.spec.ts
+++ b/src/test/javascript/spec/component/course/course-management-exercises-search.component.spec.ts
@@ -1,12 +1,7 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { CourseExerciseCardComponent } from 'app/course/manage/course-exercise-card.component';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { MockComponent, MockDirective, MockPipe } from 'ng-mocks';
 import { ArtemisTestModule } from '../../test.module';
-import { TranslateDirective } from 'app/shared/language/translate.directive';
 import { CourseManagementExercisesSearchComponent } from 'app/course/manage/course-management-exercises-search.component';
 import { ExerciseFilter } from 'app/entities/exercise-filter.model';
-import { NgModel } from '@angular/forms';
 
 describe('Course Management Exercises Search Component', () => {
     let comp: CourseManagementExercisesSearchComponent;
@@ -15,14 +10,6 @@ describe('Course Management Exercises Search Component', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [
-                CourseManagementExercisesSearchComponent,
-                MockPipe(ArtemisTranslatePipe),
-                MockComponent(CourseExerciseCardComponent),
-                MockDirective(TranslateDirective),
-                MockDirective(NgModel),
-            ],
-            providers: [],
         }).compileComponents();
         fixture = TestBed.createComponent(CourseManagementExercisesSearchComponent);
         comp = fixture.componentInstance;
diff --git a/src/test/javascript/spec/component/course/course-management-overview-statistics.component.spec.ts b/src/test/javascript/spec/component/course/course-management-overview-statistics.component.spec.ts
index 09a78f1a488a..2b162967a26e 100644
--- a/src/test/javascript/spec/component/course/course-management-overview-statistics.component.spec.ts
+++ b/src/test/javascript/spec/component/course/course-management-overview-statistics.component.spec.ts
@@ -1,13 +1,6 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MockComponent, MockDirective, MockModule, MockPipe } from 'ng-mocks';
-import { TranslateService } from '@ngx-translate/core';
 import { CourseManagementOverviewStatisticsComponent } from 'app/course/manage/overview/course-management-overview-statistics.component';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { LineChartModule } from '@swimlane/ngx-charts';
-import { TranslateDirective } from 'app/shared/language/translate.directive';
-import { HelpIconComponent } from 'app/shared/components/help-icon.component';
 import { ArtemisTestModule } from '../../test.module';
-import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
 import dayjs from 'dayjs/esm';
 
 describe('CourseManagementOverviewStatisticsComponent', () => {
@@ -20,9 +13,7 @@ describe('CourseManagementOverviewStatisticsComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [MockModule(LineChartModule), ArtemisTestModule],
-            declarations: [CourseManagementOverviewStatisticsComponent, MockPipe(ArtemisTranslatePipe), MockDirective(TranslateDirective), MockComponent(HelpIconComponent)],
-            providers: [{ provide: TranslateService, useClass: MockTranslateService }],
+            imports: [ArtemisTestModule],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/course/course-management.component.spec.ts b/src/test/javascript/spec/component/course/course-management.component.spec.ts
index 947e6a5a3477..b98df7684c33 100644
--- a/src/test/javascript/spec/component/course/course-management.component.spec.ts
+++ b/src/test/javascript/spec/component/course/course-management.component.spec.ts
@@ -9,22 +9,10 @@ import { of } from 'rxjs';
 import { HttpResponse } from '@angular/common/http';
 import { Course } from 'app/entities/course.model';
 import { GuidedTourService } from 'app/guided-tour/guided-tour.service';
-import { MockComponent, MockDirective, MockPipe, MockProvider } from 'ng-mocks';
-import { OrionFilterDirective } from 'app/shared/orion/orion-filter.directive';
-import { MockHasAnyAuthorityDirective } from '../../helpers/mocks/directive/mock-has-any-authority.directive';
-import { TranslateService } from '@ngx-translate/core';
-import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
-import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
-import { CourseManagementCardComponent } from 'app/course/manage/overview/course-management-card.component';
 import { CourseManagementOverviewStatisticsDto } from 'app/course/manage/overview/course-management-overview-statistics-dto.model';
 import { CourseManagementOverviewExerciseStatisticsDTO } from 'app/course/manage/overview/course-management-overview-exercise-statistics-dto.model';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { Exercise } from 'app/entities/exercise.model';
-import { SortByDirective } from 'app/shared/sort/sort-by.directive';
-import { SortDirective } from 'app/shared/sort/sort.directive';
-import { DocumentationButtonComponent } from 'app/shared/components/documentation-button/documentation-button.component';
 import { CourseAccessStorageService } from 'app/course/course-access-storage.service';
-import { provideRouter } from '@angular/router';
 
 describe('CourseManagementComponent', () => {
     let fixture: ComponentFixture<CourseManagementComponent>;
@@ -91,24 +79,9 @@ describe('CourseManagementComponent', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [
-                CourseManagementComponent,
-                MockDirective(OrionFilterDirective),
-                MockDirective(MockHasAnyAuthorityDirective),
-                MockDirective(SortByDirective),
-                MockPipe(ArtemisTranslatePipe),
-                MockDirective(SortDirective),
-                MockPipe(ArtemisDatePipe),
-                MockDirective(DeleteButtonDirective),
-                MockComponent(CourseManagementCardComponent),
-                MockComponent(DocumentationButtonComponent),
-            ],
             providers: [
-                provideRouter([]),
                 { provide: LocalStorageService, useClass: MockSyncStorage },
                 { provide: SessionStorageService, useClass: MockSyncStorage },
-                MockProvider(TranslateService),
-                MockProvider(CourseAccessStorageService),
             ],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/component/course/course-overview.component.spec.ts b/src/test/javascript/spec/component/course/course-overview.component.spec.ts
index a7169fc98dc2..1ea458f9426b 100644
--- a/src/test/javascript/spec/component/course/course-overview.component.spec.ts
+++ b/src/test/javascript/spec/component/course/course-overview.component.spec.ts
@@ -647,16 +647,16 @@ describe('CourseOverviewComponent', () => {
 
     it('should display content of dropdown when dropdownOpen changes', () => {
         if (component.itemsDrop) {
-            itemsDrop.open();
             fixture.detectChanges();
-            expect(component.itemsDrop.isOpen).toBeTrue();
+            itemsDrop.open();
+            expect(component.itemsDrop.isOpen()).toBeTrue();
         }
     });
     it('should hide content of dropdown when dropdownOpen changes', () => {
         if (component.itemsDrop) {
             itemsDrop.close();
             fixture.detectChanges();
-            expect(component.itemsDrop.isOpen).toBeFalse();
+            expect(component.itemsDrop.isOpen()).toBeFalse();
         }
     });
 
@@ -672,11 +672,11 @@ describe('CourseOverviewComponent', () => {
 
     it('should change dropdownOpen when clicking on More', () => {
         if (component.itemsDrop) {
+            fixture.detectChanges();
             itemsDrop.close();
             const clickOnMoreItem = fixture.nativeElement.querySelector('.three-dots');
             clickOnMoreItem.click();
-
-            expect(fixture.nativeElement.querySelector('.dropdown-content').hidden).toBeFalse();
+            expect(fixture.nativeElement.querySelector('.dropdown-content')).toBeNull();
         }
     });
 
diff --git a/src/test/javascript/spec/component/course/course-unenrollment/course-unenrollment-modal.component.spec.ts b/src/test/javascript/spec/component/course/course-unenrollment/course-unenrollment-modal.component.spec.ts
index 3c939b4ecf7a..5ce88930ebc8 100644
--- a/src/test/javascript/spec/component/course/course-unenrollment/course-unenrollment-modal.component.spec.ts
+++ b/src/test/javascript/spec/component/course/course-unenrollment/course-unenrollment-modal.component.spec.ts
@@ -9,9 +9,7 @@ import { AlertService } from 'app/core/util/alert.service';
 import { CourseUnenrollmentModalComponent } from 'app/overview/course-unenrollment-modal.component';
 import { Course } from 'app/entities/course.model';
 import { By } from '@angular/platform-browser';
-import { TranslateService } from '@ngx-translate/core';
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { ReactiveFormsModule } from '@angular/forms';
 import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
 import { Router, provideRouter } from '@angular/router';
 
@@ -28,9 +26,9 @@ describe('CourseRegistrationButtonComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, ReactiveFormsModule],
+            imports: [ArtemisTestModule],
             declarations: [CourseUnenrollmentModalComponent, MockPipe(ArtemisTranslatePipe), MockPipe(ArtemisDatePipe)],
-            providers: [provideRouter([]), MockProvider(CourseManagementService), MockProvider(AlertService), MockProvider(TranslateService)],
+            providers: [provideRouter([]), MockProvider(CourseManagementService), MockProvider(AlertService)],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/course/course-update.component.spec.ts b/src/test/javascript/spec/component/course/course-update.component.spec.ts
index eb9819114476..50b26bb1bfd6 100644
--- a/src/test/javascript/spec/component/course/course-update.component.spec.ts
+++ b/src/test/javascript/spec/component/course/course-update.component.spec.ts
@@ -20,6 +20,7 @@ import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { MockComponent, MockDirective, MockModule, MockPipe, MockProvider } from 'ng-mocks';
 import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
 import { BehaviorSubject, of } from 'rxjs';
+import { ImageCropperComponent } from 'app/shared/image-cropper/component/image-cropper.component';
 import { MockSyncStorage } from '../../helpers/mocks/service/mock-sync-storage.service';
 import { ArtemisTestModule } from '../../test.module';
 import { RemoveKeysPipe } from 'app/shared/pipes/remove-keys.pipe';
@@ -28,7 +29,6 @@ import { ProfileInfo } from 'app/shared/layouts/profiles/profile-info.model';
 import { OrganizationManagementService } from 'app/admin/organization-management/organization-management.service';
 import { Organization } from 'app/entities/organization.model';
 import dayjs from 'dayjs/esm';
-import { ImageCropperModule } from 'app/shared/image-cropper/image-cropper.module';
 import { ProgrammingLanguage } from 'app/entities/programming/programming-exercise.model';
 import { CourseAdminService } from 'app/course/manage/course-admin.service';
 import { AccountService } from 'app/core/auth/account.service';
@@ -42,6 +42,8 @@ import { MockNgbModalService } from '../../helpers/mocks/service/mock-ngb-modal.
 import { ImageCropperModalComponent } from 'app/course/manage/image-cropper-modal.component';
 import { FeatureToggle, FeatureToggleService } from 'app/shared/feature-toggle/feature-toggle.service';
 import { MockFeatureToggleService } from '../../helpers/mocks/service/mock-feature-toggle.service';
+import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
+import { MockResizeObserver } from '../../helpers/mocks/service/mock-resize-observer';
 
 @Component({ selector: 'jhi-markdown-editor-monaco', template: '' })
 class MarkdownEditorStubComponent {
@@ -100,7 +102,14 @@ describe('Course Management Update Component', () => {
         } as any as ActivatedRoute;
         const route = { parent: parentRoute } as any as ActivatedRoute;
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, MockModule(ReactiveFormsModule), MockModule(FormsModule), ImageCropperModule, MockDirective(NgbTypeahead), MockModule(NgbTooltipModule)],
+            imports: [
+                ArtemisTestModule,
+                MockModule(ReactiveFormsModule),
+                MockModule(FormsModule),
+                ImageCropperComponent,
+                MockDirective(NgbTypeahead),
+                MockModule(NgbTooltipModule),
+            ],
             providers: [
                 {
                     provide: ActivatedRoute,
@@ -110,7 +119,8 @@ describe('Course Management Update Component', () => {
                 { provide: SessionStorageService, useClass: MockSyncStorage },
                 { provide: AccountService, useClass: MockAccountService },
                 { provide: NgbModal, useClass: MockNgbModalService },
-                MockProvider(TranslateService),
+                { provide: TranslateService, useClass: MockTranslateService },
+
                 MockProvider(LoadImageService),
                 provideHttpClient(),
                 provideHttpClientTesting(),
@@ -143,6 +153,9 @@ describe('Course Management Update Component', () => {
                 accountService = TestBed.inject(AccountService);
                 eventManager = TestBed.inject(EventManager);
                 modalService = TestBed.inject(NgbModal);
+                global.ResizeObserver = jest.fn().mockImplementation((callback: ResizeObserverCallback) => {
+                    return new MockResizeObserver(callback);
+                });
             });
     });
 
@@ -842,7 +855,14 @@ describe('Course Management Student Course Analytics Dashboard Update', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, MockModule(ReactiveFormsModule), MockModule(FormsModule), ImageCropperModule, MockDirective(NgbTypeahead), MockModule(NgbTooltipModule)],
+            imports: [
+                ArtemisTestModule,
+                MockModule(ReactiveFormsModule),
+                MockModule(FormsModule),
+                ImageCropperComponent,
+                MockDirective(NgbTypeahead),
+                MockModule(NgbTooltipModule),
+            ],
             providers: [
                 provideHttpClient(),
                 provideHttpClientTesting(),
@@ -850,7 +870,6 @@ describe('Course Management Student Course Analytics Dashboard Update', () => {
                 { provide: SessionStorageService, useClass: MockSyncStorage },
                 { provide: AccountService, useClass: MockAccountService },
                 { provide: FeatureToggleService, useClass: MockFeatureToggleService },
-                MockProvider(TranslateService),
                 MockProvider(LoadImageService),
             ],
             declarations: [
@@ -956,14 +975,21 @@ describe('Course Management Update Component Create', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, MockModule(ReactiveFormsModule), MockModule(FormsModule), ImageCropperModule, MockDirective(NgbTypeahead), MockModule(NgbTooltipModule)],
+            imports: [
+                ArtemisTestModule,
+                MockModule(ReactiveFormsModule),
+                MockModule(FormsModule),
+                ImageCropperComponent,
+                MockDirective(NgbTypeahead),
+                MockModule(NgbTooltipModule),
+            ],
             providers: [
                 provideHttpClient(),
                 provideHttpClientTesting(),
                 { provide: LocalStorageService, useClass: MockSyncStorage },
                 { provide: SessionStorageService, useClass: MockSyncStorage },
                 { provide: AccountService, useClass: MockAccountService },
-                MockProvider(TranslateService),
+                { provide: TranslateService, useClass: MockTranslateService },
                 MockProvider(LoadImageService),
             ],
             declarations: [
@@ -986,6 +1012,9 @@ describe('Course Management Update Component Create', () => {
                 fixture = TestBed.createComponent(CourseUpdateComponent);
                 component = fixture.componentInstance;
                 httpMock = TestBed.inject(HttpTestingController);
+                global.ResizeObserver = jest.fn().mockImplementation((callback: ResizeObserverCallback) => {
+                    return new MockResizeObserver(callback);
+                });
             });
     });
 
diff --git a/src/test/javascript/spec/component/course/detail/course-detail-doughnut-chart.component.spec.ts b/src/test/javascript/spec/component/course/detail/course-detail-doughnut-chart.component.spec.ts
index 1aff55f90890..ae07e0da661d 100644
--- a/src/test/javascript/spec/component/course/detail/course-detail-doughnut-chart.component.spec.ts
+++ b/src/test/javascript/spec/component/course/detail/course-detail-doughnut-chart.component.spec.ts
@@ -1,12 +1,7 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { ArtemisTestModule } from '../../../test.module';
 import { CourseDetailDoughnutChartComponent } from 'app/course/manage/detail/course-detail-doughnut-chart.component';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { MockModule, MockPipe } from 'ng-mocks';
 import { DoughnutChartType } from 'app/course/manage/detail/course-detail.component';
 import { Course } from 'app/entities/course.model';
-import { PieChartModule } from '@swimlane/ngx-charts';
-import { provideRouter } from '@angular/router';
 
 describe('CourseDetailDoughnutChartComponent', () => {
     let fixture: ComponentFixture<CourseDetailDoughnutChartComponent>;
@@ -18,11 +13,7 @@ describe('CourseDetailDoughnutChartComponent', () => {
     const max = 100;
 
     beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, MockModule(PieChartModule)],
-            declarations: [CourseDetailDoughnutChartComponent, MockPipe(ArtemisTranslatePipe)],
-            providers: [provideRouter([])],
-        })
+        TestBed.configureTestingModule({})
             .compileComponents()
             .then(() => {
                 fixture = TestBed.createComponent(CourseDetailDoughnutChartComponent);
diff --git a/src/test/javascript/spec/component/course/detail/course-detail-line-chart.component.spec.ts b/src/test/javascript/spec/component/course/detail/course-detail-line-chart.component.spec.ts
index fd5a5801c5f2..5e60f779ea07 100644
--- a/src/test/javascript/spec/component/course/detail/course-detail-line-chart.component.spec.ts
+++ b/src/test/javascript/spec/component/course/detail/course-detail-line-chart.component.spec.ts
@@ -1,15 +1,8 @@
-import { TranslateService } from '@ngx-translate/core';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { MockComponent, MockModule, MockPipe } from 'ng-mocks';
 import { of } from 'rxjs';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { CourseDetailLineChartComponent, SwitchTimeSpanDirection } from 'app/course/manage/detail/course-detail-line-chart.component';
 import { CourseManagementService } from 'app/course/manage/course-management.service';
-import { MockTranslateService } from '../../../helpers/mocks/service/mock-translate.service';
 import { ArtemisTestModule } from '../../../test.module';
-import { LineChartModule } from '@swimlane/ngx-charts';
-import { MockCourseManagementService } from '../../../helpers/mocks/service/mock-course-management.service';
-import { HelpIconComponent } from 'app/shared/components/help-icon.component';
 import dayjs from 'dayjs/esm';
 
 describe('CourseDetailLineChartComponent', () => {
@@ -21,9 +14,7 @@ describe('CourseDetailLineChartComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, MockModule(LineChartModule)],
-            declarations: [CourseDetailLineChartComponent, MockPipe(ArtemisTranslatePipe), MockComponent(HelpIconComponent)],
-            providers: [MockCourseManagementService, { provide: TranslateService, useClass: MockTranslateService }],
+            imports: [ArtemisTestModule],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/course/header-course.component.spec.ts b/src/test/javascript/spec/component/course/header-course.component.spec.ts
index 11a984f8ca4e..ca28a4fb8c8f 100644
--- a/src/test/javascript/spec/component/course/header-course.component.spec.ts
+++ b/src/test/javascript/spec/component/course/header-course.component.spec.ts
@@ -2,11 +2,6 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { HeaderCourseComponent } from 'app/overview/header-course.component';
 import { ArtemisTestModule } from '../../test.module';
 import { Course } from 'app/entities/course.model';
-import { MockPipe, MockProvider } from 'ng-mocks';
-import { Router } from '@angular/router';
-import { CommonModule } from '@angular/common';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { MockRouterLinkDirective } from '../../helpers/mocks/directive/mock-router-link.directive';
 
 describe('Header Course Component', () => {
     let fixture: ComponentFixture<HeaderCourseComponent>;
@@ -26,11 +21,9 @@ describe('Header Course Component', () => {
         description: 'a'.repeat(100),
     };
 
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, CommonModule, MockPipe(ArtemisTranslatePipe), MockRouterLinkDirective],
-            declarations: [HeaderCourseComponent],
-            providers: [MockProvider(Router)],
+    beforeEach(async () => {
+        await TestBed.configureTestingModule({
+            imports: [ArtemisTestModule],
         })
             .compileComponents()
             .then(() => {
@@ -86,9 +79,6 @@ describe('Header Course Component', () => {
     it('should not display manage button but go to student view button in course management', () => {
         component.course = courseWithShortDescription;
         component.course!.isAtLeastTutor = true;
-        const router = TestBed.inject(Router);
-        const urlSpy = jest.spyOn(router, 'url', 'get');
-        urlSpy.mockReturnValue('/course-management/some-path');
 
         fixture.detectChanges();
 
@@ -102,9 +92,6 @@ describe('Header Course Component', () => {
     it('should not display manage button to student', () => {
         component.course = courseWithShortDescription;
         component.course!.isAtLeastTutor = false;
-        const router = TestBed.inject(Router);
-        const urlSpy = jest.spyOn(router, 'url', 'get');
-        urlSpy.mockReturnValue('/some-url');
 
         fixture.detectChanges();
 
diff --git a/src/test/javascript/spec/component/course/image-cropper-modal.component.spec.ts b/src/test/javascript/spec/component/course/image-cropper-modal.component.spec.ts
index d2d4b54ce897..a50747e139c6 100644
--- a/src/test/javascript/spec/component/course/image-cropper-modal.component.spec.ts
+++ b/src/test/javascript/spec/component/course/image-cropper-modal.component.spec.ts
@@ -4,9 +4,9 @@ import { TranslateService } from '@ngx-translate/core';
 import { MockDirective, MockPipe, MockProvider } from 'ng-mocks';
 import { ImageCropperModalComponent } from 'app/course/manage/image-cropper-modal.component';
 import { ArtemisSharedCommonModule } from 'app/shared/shared-common.module';
-import { ImageCropperModule } from 'app/shared/image-cropper/image-cropper.module';
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ImageCropperComponent } from 'app/shared/image-cropper/component/image-cropper.component';
 
 describe('ImageCropperModalComponent', () => {
     let component: ImageCropperModalComponent;
@@ -15,7 +15,7 @@ describe('ImageCropperModalComponent', () => {
 
     beforeEach(async () => {
         await TestBed.configureTestingModule({
-            imports: [ArtemisSharedCommonModule, ImageCropperModule, ImageCropperModalComponent],
+            imports: [ArtemisSharedCommonModule, ImageCropperComponent, ImageCropperModalComponent],
             providers: [NgbActiveModal, MockProvider(TranslateService)],
             declarations: [MockDirective(TranslateDirective), MockPipe(ArtemisTranslatePipe)],
         })
diff --git a/src/test/javascript/spec/component/detail-overview-list.component.spec.ts b/src/test/javascript/spec/component/detail-overview-list.component.spec.ts
index 8d5998e3053a..12e970667adb 100644
--- a/src/test/javascript/spec/component/detail-overview-list.component.spec.ts
+++ b/src/test/javascript/spec/component/detail-overview-list.component.spec.ts
@@ -11,8 +11,7 @@ import { Router } from '@angular/router';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 import { MockProfileService } from '../helpers/mocks/service/mock-profile.service';
 import { MockRouter } from '../helpers/mocks/mock-router';
-import { ExerciseDetailDirective } from 'app/detail-overview-list/exercise-detail.directive';
-import { TranslatePipeMock } from '../helpers/mocks/service/mock-translate.service';
+import { ArtemisTestModule } from '../test.module';
 
 const sections: DetailOverviewSection[] = [
     {
@@ -36,8 +35,7 @@ describe('DetailOverviewList', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ExerciseDetailDirective],
-            declarations: [DetailOverviewListComponent, TranslatePipeMock],
+            imports: [ArtemisTestModule],
             providers: [
                 { provide: AlertService, useClass: MockAlertService },
                 { provide: Router, useClass: MockRouter },
diff --git a/src/test/javascript/spec/component/drag-and-drop-question/drag-and-drop-question-edit.component.spec.ts b/src/test/javascript/spec/component/drag-and-drop-question/drag-and-drop-question-edit.component.spec.ts
index 4e630b4bf16c..95bbac7db035 100644
--- a/src/test/javascript/spec/component/drag-and-drop-question/drag-and-drop-question-edit.component.spec.ts
+++ b/src/test/javascript/spec/component/drag-and-drop-question/drag-and-drop-question-edit.component.spec.ts
@@ -1,6 +1,5 @@
 import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testing';
-import { NgModel } from '@angular/forms';
-import { NgbCollapse, NgbModal, NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
+import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 import { DragAndDropMapping } from 'app/entities/quiz/drag-and-drop-mapping.model';
 import { DragAndDropQuestion } from 'app/entities/quiz/drag-and-drop-question.model';
 import { DragItem } from 'app/entities/quiz/drag-item.model';
@@ -9,23 +8,17 @@ import { DropLocation } from 'app/entities/quiz/drop-location.model';
 import { ScoringType } from 'app/entities/quiz/quiz-question.model';
 import { DragAndDropMouseEvent } from 'app/exercises/quiz/manage/drag-and-drop-question/drag-and-drop-mouse-event.class';
 import { DragAndDropQuestionEditComponent } from 'app/exercises/quiz/manage/drag-and-drop-question/drag-and-drop-question-edit.component';
-import { QuizScoringInfoModalComponent } from 'app/exercises/quiz/manage/quiz-scoring-info-modal/quiz-scoring-info-modal.component';
-import { DragAndDropQuestionComponent } from 'app/exercises/quiz/shared/questions/drag-and-drop-question/drag-and-drop-question.component';
-import { FileUploaderService } from 'app/shared/http/file-uploader.service';
-import { SecuredImageComponent } from 'app/shared/image/secured-image.component';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { MockComponent, MockDirective, MockModule, MockPipe, MockProvider } from 'ng-mocks';
+import { MockProvider } from 'ng-mocks';
 import { MockNgbModalService } from '../../helpers/mocks/service/mock-ngb-modal.service';
 import { triggerChanges } from '../../helpers/utils/general.utils';
 import { ArtemisTestModule } from '../../test.module';
-import { ArtemisMarkdownService } from 'app/shared/markdown.service';
-import { DragAndDropQuestionUtil } from 'app/exercises/quiz/shared/drag-and-drop-question-util.service';
 import { ChangeDetectorRef } from '@angular/core';
 import { clone } from 'lodash-es';
-import { CdkDragDrop, DragDropModule } from '@angular/cdk/drag-drop';
+import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import { QuizExplanationAction } from 'app/shared/monaco-editor/model/actions/quiz/quiz-explanation.action';
 import { QuizHintAction } from 'app/shared/monaco-editor/model/actions/quiz/quiz-hint.action';
-import { MarkdownEditorMonacoComponent, TextWithDomainAction } from 'app/shared/markdown-editor/monaco/markdown-editor-monaco.component';
+import { TextWithDomainAction } from 'app/shared/markdown-editor/monaco/markdown-editor-monaco.component';
+import { MockResizeObserver } from '../../helpers/mocks/service/mock-resize-observer';
 
 describe('DragAndDropQuestionEditComponent', () => {
     let fixture: ComponentFixture<DragAndDropQuestionEditComponent>;
@@ -65,35 +58,29 @@ describe('DragAndDropQuestionEditComponent', () => {
         window.URL.createObjectURL = jest.fn();
     });
 
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, DragDropModule, MockDirective(NgbCollapse), MockModule(NgbTooltipModule)],
-            declarations: [
-                DragAndDropQuestionEditComponent,
-                MockPipe(ArtemisTranslatePipe),
-                MockComponent(QuizScoringInfoModalComponent),
-                MockComponent(MarkdownEditorMonacoComponent),
-                MockComponent(SecuredImageComponent),
-                MockComponent(DragAndDropQuestionComponent),
-                MockDirective(NgModel),
-            ],
-            providers: [
-                MockProvider(ArtemisMarkdownService),
-                MockProvider(DragAndDropQuestionUtil),
-                MockProvider(FileUploaderService),
-                { provide: NgbModal, useClass: MockNgbModalService },
-                MockProvider(ChangeDetectorRef),
-            ],
-        }).compileComponents();
+    beforeEach(async () => {
+        await TestBed.configureTestingModule({
+            imports: [ArtemisTestModule],
+        })
+            .overrideComponent(DragAndDropQuestionEditComponent, {
+                set: {
+                    providers: [{ provide: NgbModal, useClass: MockNgbModalService }, MockProvider(ChangeDetectorRef)],
+                },
+            })
+            .compileComponents();
         fixture = TestBed.createComponent(DragAndDropQuestionEditComponent);
         component = fixture.componentInstance;
-        modalService = TestBed.inject(NgbModal);
+        modalService = fixture.debugElement.injector.get(NgbModal);
         questionUpdatedSpy = jest.spyOn(component.questionUpdated, 'emit');
+        jest.spyOn(component['changeDetector'], 'detectChanges').mockImplementation(() => {});
         createObjectURLStub = jest.spyOn(window.URL, 'createObjectURL').mockImplementation((file: File) => {
             return 'some/client/dependent/path/' + file.name;
         });
         addFileSpy = jest.spyOn(component.addNewFile, 'emit');
         removeFileSpy = jest.spyOn(component.removeFile, 'emit');
+        global.ResizeObserver = jest.fn().mockImplementation((callback: ResizeObserverCallback) => {
+            return new MockResizeObserver(callback);
+        });
     });
 
     beforeEach(fakeAsync(() => {
@@ -593,6 +580,7 @@ describe('DragAndDropQuestionEditComponent', () => {
         component.question.text = 'should be removed';
 
         const newValue = 'new value';
+        expect(questionUpdatedSpy).toHaveBeenCalledTimes(0);
         component.changesInMarkdown(newValue);
 
         expect(questionUpdatedSpy).toHaveBeenCalledOnce();
diff --git a/src/test/javascript/spec/component/drag-and-drop-question/drag-and-drop-question.component.spec.ts b/src/test/javascript/spec/component/drag-and-drop-question/drag-and-drop-question.component.spec.ts
index 4b11c8785650..26a89e4e614c 100644
--- a/src/test/javascript/spec/component/drag-and-drop-question/drag-and-drop-question.component.spec.ts
+++ b/src/test/javascript/spec/component/drag-and-drop-question/drag-and-drop-question.component.spec.ts
@@ -12,8 +12,8 @@ import { ArtemisMarkdownService } from 'app/shared/markdown.service';
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { MockComponent, MockPipe, MockProvider } from 'ng-mocks';
 import { CdkDragDrop, DragDropModule } from '@angular/cdk/drag-drop';
+import { FitTextDirective } from 'app/exercises/quiz/shared/fit-text/fit-text.directive';
 import { ArtemisTestModule } from '../../test.module';
-import { FitTextModule } from 'app/exercises/quiz/shared/fit-text/fit-text.module';
 
 describe('DragAndDropQuestionComponent', () => {
     let fixture: ComponentFixture<DragAndDropQuestionComponent>;
@@ -29,7 +29,7 @@ describe('DragAndDropQuestionComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, DragDropModule, FitTextModule],
+            imports: [ArtemisTestModule, DragDropModule, FitTextDirective],
             declarations: [
                 DragAndDropQuestionComponent,
                 MockPipe(ArtemisTranslatePipe),
diff --git a/src/test/javascript/spec/component/drag-and-drop-question/drag-item.component.spec.ts b/src/test/javascript/spec/component/drag-and-drop-question/drag-item.component.spec.ts
index f9e1501b9bfc..f082eca5818a 100644
--- a/src/test/javascript/spec/component/drag-and-drop-question/drag-item.component.spec.ts
+++ b/src/test/javascript/spec/component/drag-and-drop-question/drag-item.component.spec.ts
@@ -1,10 +1,7 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { DragItemComponent } from 'app/exercises/quiz/shared/questions/drag-and-drop-question/drag-item.component';
-import { SecuredImageComponent } from 'app/shared/image/secured-image.component';
-import { MockComponent } from 'ng-mocks';
 import { DragDropModule } from '@angular/cdk/drag-drop';
 import { ArtemisTestModule } from '../../test.module';
-import { FitTextModule } from 'app/exercises/quiz/shared/fit-text/fit-text.module';
 
 describe('DragItemComponent', () => {
     let fixture: ComponentFixture<DragItemComponent>;
@@ -12,8 +9,7 @@ describe('DragItemComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, DragDropModule, FitTextModule],
-            declarations: [MockComponent(SecuredImageComponent), DragItemComponent],
+            imports: [ArtemisTestModule, DragDropModule],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/exam/exam-scores/exam-scores-average-scores-graph.component.spec.ts b/src/test/javascript/spec/component/exam/exam-scores/exam-scores-average-scores-graph.component.spec.ts
index 49da1a162d28..e4e9d675adf4 100644
--- a/src/test/javascript/spec/component/exam/exam-scores/exam-scores-average-scores-graph.component.spec.ts
+++ b/src/test/javascript/spec/component/exam/exam-scores/exam-scores-average-scores-graph.component.spec.ts
@@ -1,6 +1,7 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { TranslateService } from '@ngx-translate/core';
-import { MockDirective, MockModule, MockProvider } from 'ng-mocks';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { MockProvider } from 'ng-mocks';
 import { of } from 'rxjs';
 import { HttpResponse } from '@angular/common/http';
 import { ExamScoresAverageScoresGraphComponent } from 'app/exam/exam-scores/exam-scores-average-scores-graph.component';
@@ -8,12 +9,10 @@ import { ArtemisTestModule } from '../../../test.module';
 import { MockTranslateService } from '../../../helpers/mocks/service/mock-translate.service';
 import { AggregatedExerciseGroupResult, AggregatedExerciseResult } from 'app/exam/exam-scores/exam-score-dtos.model';
 import { CourseManagementService } from 'app/course/manage/course-management.service';
-import { BarChartModule } from '@swimlane/ngx-charts';
 import { GraphColors } from 'app/entities/statistics.model';
 import { NgxChartsSingleSeriesDataEntry } from 'app/shared/chart/ngx-charts-datatypes';
 import { ExerciseType } from 'app/entities/exercise.model';
 import { LocaleConversionService } from 'app/shared/service/locale-conversion.service';
-import { TranslateDirective } from 'app/shared/language/translate.directive';
 import { RouterModule } from '@angular/router';
 
 describe('ExamScoresAverageScoresGraphComponent', () => {
@@ -54,8 +53,7 @@ describe('ExamScoresAverageScoresGraphComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, MockModule(BarChartModule), RouterModule.forRoot([])],
-            declarations: [ExamScoresAverageScoresGraphComponent, MockDirective(TranslateDirective)],
+            imports: [ArtemisTestModule, BrowserAnimationsModule, RouterModule.forRoot([])],
             providers: [
                 MockProvider(CourseManagementService, {
                     find: () => {
diff --git a/src/test/javascript/spec/component/exam/exam-scores/exam-scores.component.spec.ts b/src/test/javascript/spec/component/exam/exam-scores/exam-scores.component.spec.ts
index 3d82fa3ba673..f8e94ab5a480 100644
--- a/src/test/javascript/spec/component/exam/exam-scores/exam-scores.component.spec.ts
+++ b/src/test/javascript/spec/component/exam/exam-scores/exam-scores.component.spec.ts
@@ -1,10 +1,5 @@
-import { HttpResponse, provideHttpClient } from '@angular/common/http';
+import { HttpResponse } from '@angular/common/http';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { provideHttpClientTesting } from '@angular/common/http/testing';
-import { ActivatedRoute, Router } from '@angular/router';
-import { FaIconComponent } from '@fortawesome/angular-fontawesome';
-import { TranslateService } from '@ngx-translate/core';
-import { TranslateDirective } from 'app/shared/language/translate.directive';
 import { JhiLanguageHelper } from 'app/core/language/language.helper';
 import {
     AggregatedExamResult,
@@ -15,28 +10,16 @@ import {
     ExerciseResult,
     StudentResult,
 } from 'app/exam/exam-scores/exam-score-dtos.model';
-import { MockComponent, MockDirective, MockModule, MockPipe, MockProvider } from 'ng-mocks';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { MockProvider } from 'ng-mocks';
 import { ExamScoresComponent, MedianType } from 'app/exam/exam-scores/exam-scores.component';
 import { ExamManagementService } from 'app/exam/manage/exam-management.service';
 import { ParticipantScoresService, ScoresDTO } from 'app/shared/participant-scores/participant-scores.service';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { SortService } from 'app/shared/service/sort.service';
 import { cloneDeep } from 'lodash-es';
 import { EMPTY, of } from 'rxjs';
 import { GradingSystemService } from 'app/grading-system/grading-system.service';
 import { GradingScale } from 'app/entities/grading-scale.model';
 import { GradeStep } from 'app/entities/grade-step.model';
-import { ExamScoresAverageScoresGraphComponent } from 'app/exam/exam-scores/exam-scores-average-scores-graph.component';
-import { SortDirective } from 'app/shared/sort/sort.directive';
-import { SortByDirective } from 'app/shared/sort/sort-by.directive';
-import { AlertService } from 'app/core/util/alert.service';
-import { CourseManagementService } from 'app/course/manage/course-management.service';
-import { MockRouter } from '../../../helpers/mocks/mock-router';
-import { AccountService } from 'app/core/auth/account.service';
-import { MockRouterLinkDirective } from '../../../helpers/mocks/directive/mock-router-link.directive';
-import { LocaleConversionService } from 'app/shared/service/locale-conversion.service';
-import { ArtemisNavigationUtilService } from 'app/utils/navigation.utils';
 import { CsvDecimalSeparator, CsvExportOptions, CsvFieldSeparator, CsvQuoteStrings } from 'app/shared/export/export-modal.component';
 import {
     BONUS_GRADE_KEY,
@@ -56,7 +39,7 @@ import {
 } from 'app/shared/export/export-constants';
 import { PlagiarismVerdict } from 'app/exercises/shared/plagiarism/types/PlagiarismVerdict';
 import { BonusStrategy } from 'app/entities/bonus.model';
-import { MockTranslateService } from '../../../helpers/mocks/service/mock-translate.service';
+import { ArtemisTestModule } from '../../../test.module';
 
 describe('ExamScoresComponent', () => {
     let fixture: ComponentFixture<ExamScoresComponent>;
@@ -275,28 +258,8 @@ describe('ExamScoresComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [MockModule(BrowserAnimationsModule)],
-            declarations: [
-                ExamScoresComponent,
-                MockPipe(ArtemisTranslatePipe),
-                MockComponent(FaIconComponent),
-                MockDirective(TranslateDirective),
-                MockDirective(SortByDirective),
-                MockDirective(SortDirective),
-                MockComponent(ExamScoresAverageScoresGraphComponent),
-                MockRouterLinkDirective,
-            ],
+            imports: [ArtemisTestModule, BrowserAnimationsModule],
             providers: [
-                { provide: ActivatedRoute, useValue: { params: of({ courseId: 1, examId: 1 }) } },
-                { provide: Router, useClass: MockRouter },
-                { provide: TranslateService, useClass: MockTranslateService },
-                provideHttpClient(),
-                provideHttpClientTesting(),
-                MockProvider(AccountService),
-                MockProvider(ArtemisNavigationUtilService),
-                MockProvider(ExamManagementService),
-                MockProvider(SortService),
-                MockProvider(AlertService),
                 MockProvider(GradingSystemService, {
                     findGradingScaleForExam: () => {
                         return of(
@@ -314,16 +277,6 @@ describe('ExamScoresComponent', () => {
                     },
                 }),
                 MockProvider(JhiLanguageHelper, { language: EMPTY }),
-                MockProvider(CourseManagementService, {
-                    find: () => {
-                        return of(new HttpResponse({ body: { accuracyOfScores: 1 } }));
-                    },
-                }),
-                MockProvider(LocaleConversionService, {
-                    toLocaleString: (value: number) => {
-                        return isNaN(value) ? '-' : value.toString();
-                    },
-                }),
             ],
         }).compileComponents();
 
diff --git a/src/test/javascript/spec/component/exam/exam-update.component.spec.ts b/src/test/javascript/spec/component/exam/exam-update.component.spec.ts
index 6388db51ed30..56956df5fa0b 100644
--- a/src/test/javascript/spec/component/exam/exam-update.component.spec.ts
+++ b/src/test/javascript/spec/component/exam/exam-update.component.spec.ts
@@ -2,48 +2,35 @@ import dayjs from 'dayjs/esm';
 import { of, throwError } from 'rxjs';
 import { Component } from '@angular/core';
 import cloneDeep from 'lodash-es/cloneDeep';
-import { FormsModule } from '@angular/forms';
-import { TranslateModule } from '@ngx-translate/core';
+import { NgForm } from '@angular/forms';
 import { ActivatedRoute, Router, UrlSegment, provideRouter } from '@angular/router';
 import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testing';
 import { HttpErrorResponse, HttpResponse, provideHttpClient } from '@angular/common/http';
-import { MockComponent, MockDirective, MockModule, MockPipe, MockProvider } from 'ng-mocks';
+import { MockDirective, MockProvider } from 'ng-mocks';
 
 import { ExamUpdateComponent, prepareExamForImport } from 'app/exam/manage/exams/exam-update.component';
-import { FeatureToggleDirective } from 'app/shared/feature-toggle/feature-toggle.directive';
 import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
 import { MockSyncStorage } from '../../helpers/mocks/service/mock-sync-storage.service';
 import { ExamManagementService } from 'app/exam/manage/exam-management.service';
 import { Exam } from 'app/entities/exam/exam.model';
 import { Course, CourseInformationSharingConfiguration } from 'app/entities/course.model';
-import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
-import { FormDateTimePickerComponent } from 'app/shared/date-time-picker/date-time-picker.component';
 
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { GradingSystemService } from 'app/grading-system/grading-system.service';
 import { GradingScale } from 'app/entities/grading-scale.model';
-import { DataTableComponent } from 'app/shared/data-table/data-table.component';
 import { AlertService } from 'app/core/util/alert.service';
 import { TranslateDirective } from 'app/shared/language/translate.directive';
-import { HelpIconComponent } from 'app/shared/components/help-icon.component';
-import { ArtemisExamModePickerModule } from 'app/exam/manage/exams/exam-mode-picker/exam-mode-picker.module';
-import { CustomMinDirective } from 'app/shared/validators/custom-min-validator.directive';
-import { CustomMaxDirective } from 'app/shared/validators/custom-max-validator.directive';
 import { ArtemisNavigationUtilService } from 'app/utils/navigation.utils';
 import { User } from 'app/core/user/user.model';
 import { StudentExam } from 'app/entities/student-exam.model';
 import { ExerciseGroup } from 'app/entities/exercise-group.model';
 import { ModelingExercise } from 'app/entities/modeling-exercise.model';
-import { ExamExerciseImportComponent } from 'app/exam/manage/exams/exam-exercise-import/exam-exercise-import.component';
-import { ButtonComponent } from 'app/shared/components/button.component';
-import { DifficultyBadgeComponent } from 'app/exercises/shared/exercise-headers/difficulty-badge.component';
-import { DocumentationButtonComponent } from 'app/shared/components/documentation-button/documentation-button.component';
-import { TitleChannelNameComponent } from 'app/shared/form/title-channel-name/title-channel-name.component';
 import { UMLDiagramType } from '@ls1intum/apollon';
 import { TextExercise } from 'app/entities/text/text-exercise.model';
-import { MarkdownEditorMonacoComponent } from 'app/shared/markdown-editor/monaco/markdown-editor-monaco.component';
-import { CustomNotIncludedInValidatorDirective } from '../../../../../main/webapp/app/shared/validators/custom-not-included-in-validator.directive';
 import { provideHttpClientTesting } from '@angular/common/http/testing';
+import { ArtemisTestModule } from '../../test.module';
+import { OwlDateTimeModule, OwlNativeDateTimeModule } from '@danielmoncada/angular-datetime-picker';
+import { MockResizeObserver } from '../../helpers/mocks/service/mock-resize-observer';
 
 @Component({
     template: '',
@@ -74,28 +61,14 @@ describe('ExamUpdateComponent', () => {
     describe('create and edit exams', () => {
         beforeEach(() => {
             TestBed.configureTestingModule({
-                imports: [MockModule(NgbModule), TranslateModule.forRoot(), FormsModule, ArtemisExamModePickerModule, TitleChannelNameComponent],
-                declarations: [
-                    ExamUpdateComponent,
-                    MockComponent(FormDateTimePickerComponent),
-                    MockComponent(MarkdownEditorMonacoComponent),
-                    MockComponent(DataTableComponent),
-                    DummyComponent,
-                    MockPipe(ArtemisTranslatePipe),
-                    MockComponent(HelpIconComponent),
-                    MockComponent(DocumentationButtonComponent),
-                    MockDirective(CustomMinDirective),
-                    MockDirective(CustomMaxDirective),
-                    MockDirective(FeatureToggleDirective),
-                    MockDirective(CustomNotIncludedInValidatorDirective),
-                ],
+                imports: [ArtemisTestModule, OwlDateTimeModule, OwlNativeDateTimeModule],
                 providers: [
                     provideHttpClient(),
                     provideHttpClientTesting(),
                     provideRouter(routes),
+                    { provide: ArtemisTranslatePipe, useClass: ArtemisTranslatePipe },
                     { provide: LocalStorageService, useClass: MockSyncStorage },
                     { provide: SessionStorageService, useClass: MockSyncStorage },
-                    MockDirective(TranslateDirective),
                     {
                         provide: ActivatedRoute,
                         useValue: {
@@ -138,6 +111,9 @@ describe('ExamUpdateComponent', () => {
 
             router = TestBed.inject(Router);
             fixture = TestBed.createComponent(ExamUpdateComponent);
+            global.ResizeObserver = jest.fn().mockImplementation((callback: ResizeObserverCallback) => {
+                return new MockResizeObserver(callback);
+            });
             component = fixture.componentInstance;
             examManagementService = fixture.debugElement.injector.get(ExamManagementService);
         });
@@ -605,29 +581,12 @@ describe('ExamUpdateComponent', () => {
 
         beforeEach(() => {
             TestBed.configureTestingModule({
-                imports: [MockModule(NgbModule), TranslateModule.forRoot(), FormsModule, ArtemisExamModePickerModule, TitleChannelNameComponent],
-                declarations: [
-                    ExamUpdateComponent,
-                    ExamExerciseImportComponent,
-                    MockComponent(FormDateTimePickerComponent),
-                    MockComponent(MarkdownEditorMonacoComponent),
-                    MockComponent(DataTableComponent),
-                    DummyComponent,
-                    MockPipe(ArtemisTranslatePipe),
-                    MockComponent(HelpIconComponent),
-                    MockDirective(CustomMinDirective),
-                    MockDirective(CustomMaxDirective),
-                    MockComponent(ButtonComponent),
-                    MockComponent(HelpIconComponent),
-                    MockComponent(DifficultyBadgeComponent),
-                    MockComponent(DocumentationButtonComponent),
-                    MockDirective(FeatureToggleDirective),
-                    MockDirective(CustomNotIncludedInValidatorDirective),
-                ],
+                imports: [ArtemisTestModule, OwlDateTimeModule, OwlNativeDateTimeModule],
                 providers: [
                     provideHttpClient(),
                     provideHttpClientTesting(),
                     provideRouter(routes),
+                    { provide: ArtemisTranslatePipe, useClass: ArtemisTranslatePipe },
                     { provide: LocalStorageService, useClass: MockSyncStorage },
                     { provide: SessionStorageService, useClass: MockSyncStorage },
                     MockDirective(TranslateDirective),
@@ -650,6 +609,7 @@ describe('ExamUpdateComponent', () => {
                             );
                         },
                     }),
+                    MockDirective(NgForm),
                 ],
             }).compileComponents();
 
diff --git a/src/test/javascript/spec/component/exam/manage/exam-exercise-row-buttons.component.spec.ts b/src/test/javascript/spec/component/exam/manage/exam-exercise-row-buttons.component.spec.ts
index 430a59b2f55b..60f308b53e31 100644
--- a/src/test/javascript/spec/component/exam/manage/exam-exercise-row-buttons.component.spec.ts
+++ b/src/test/javascript/spec/component/exam/manage/exam-exercise-row-buttons.component.spec.ts
@@ -1,24 +1,12 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { Router, RouterModule } from '@angular/router';
 import { Course } from 'app/entities/course.model';
 import { HttpResponse } from '@angular/common/http';
 import { Exam } from 'app/entities/exam/exam.model';
 import { ExamExerciseRowButtonsComponent } from 'app/exercises/shared/exam-exercise-row-buttons/exam-exercise-row-buttons.component';
-import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { ExerciseType } from 'app/entities/exercise.model';
-import { ExerciseGroupsComponent } from 'app/exam/manage/exercise-groups/exercise-groups.component';
-import { HasAnyAuthorityDirective } from 'app/shared/auth/has-any-authority.directive';
 import dayjs from 'dayjs/esm';
 import { of } from 'rxjs';
-import { MockTranslateService, TranslateTestingModule } from '../../../helpers/mocks/service/mock-translate.service';
-import { MockComponent, MockDirective, MockPipe } from 'ng-mocks';
-import { MockRouter } from '../../../helpers/mocks/mock-router';
 import { ArtemisTestModule } from '../../../test.module';
-import { FileUploadExerciseGroupCellComponent } from 'app/exam/manage/exercise-groups/file-upload-exercise-cell/file-upload-exercise-group-cell.component';
-import { ModelingExerciseGroupCellComponent } from 'app/exam/manage/exercise-groups/modeling-exercise-cell/modeling-exercise-group-cell.component';
-import { ProgrammingExerciseGroupCellComponent } from 'app/exam/manage/exercise-groups/programming-exercise-cell/programming-exercise-group-cell.component';
-import { QuizExerciseGroupCellComponent } from 'app/exam/manage/exercise-groups/quiz-exercise-cell/quiz-exercise-group-cell.component';
 import { QuizExerciseService } from 'app/exercises/quiz/manage/quiz-exercise.service';
 import { ProgrammingExerciseService } from 'app/exercises/programming/manage/services/programming-exercise.service';
 import { QuizExercise } from 'app/entities/quiz/quiz-exercise.model';
@@ -26,7 +14,6 @@ import { TextExerciseService } from 'app/exercises/text/manage/text-exercise/tex
 import { DueDateStat } from 'app/course/dashboards/due-date-stat.model';
 import { ModelingExerciseService } from 'app/exercises/modeling/manage/modeling-exercise.service';
 import { FileUploadExerciseService } from 'app/exercises/file-upload/manage/file-upload-exercise.service';
-import { TranslateService } from '@ngx-translate/core';
 
 describe('Exam Exercise Row Buttons Component', () => {
     const course = new Course();
@@ -109,22 +96,7 @@ describe('Exam Exercise Row Buttons Component', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, TranslateTestingModule, RouterModule],
-            declarations: [
-                ExerciseGroupsComponent,
-                ExamExerciseRowButtonsComponent,
-                MockDirective(DeleteButtonDirective),
-                MockDirective(HasAnyAuthorityDirective),
-                MockPipe(ArtemisTranslatePipe),
-                MockComponent(ProgrammingExerciseGroupCellComponent),
-                MockComponent(QuizExerciseGroupCellComponent),
-                MockComponent(FileUploadExerciseGroupCellComponent),
-                MockComponent(ModelingExerciseGroupCellComponent),
-            ],
-            providers: [
-                { provide: Router, useClass: MockRouter },
-                { provide: TranslateService, useClass: MockTranslateService },
-            ],
+            imports: [ArtemisTestModule],
         }).compileComponents();
 
         fixture = TestBed.createComponent(ExamExerciseRowButtonsComponent);
diff --git a/src/test/javascript/spec/component/exam/manage/exams/exam-announcement-dialog/exam-live-announcement-create-button.component.spec.ts b/src/test/javascript/spec/component/exam/manage/exams/exam-announcement-dialog/exam-live-announcement-create-button.component.spec.ts
index 09c6836b7cbb..7be606221640 100644
--- a/src/test/javascript/spec/component/exam/manage/exams/exam-announcement-dialog/exam-live-announcement-create-button.component.spec.ts
+++ b/src/test/javascript/spec/component/exam/manage/exams/exam-announcement-dialog/exam-live-announcement-create-button.component.spec.ts
@@ -6,9 +6,8 @@ import { faBullhorn } from '@fortawesome/free-solid-svg-icons';
 import dayjs from 'dayjs/esm';
 import { By } from '@angular/platform-browser';
 import { ExamLiveAnnouncementCreateButtonComponent } from 'app/exam/manage/exams/exam-checklist-component/exam-announcement-dialog/exam-live-announcement-create-button.component';
-import { MockComponent } from 'ng-mocks';
-import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { of } from 'rxjs';
+import { ArtemisTestModule } from '../../../../../test.module';
 
 describe('ExamLiveAnnouncementCreateButtonComponent', () => {
     let component: ExamLiveAnnouncementCreateButtonComponent;
@@ -18,7 +17,7 @@ describe('ExamLiveAnnouncementCreateButtonComponent', () => {
 
     beforeEach(async () => {
         await TestBed.configureTestingModule({
-            declarations: [ExamLiveAnnouncementCreateButtonComponent, MockComponent(FaIconComponent)],
+            imports: [ArtemisTestModule],
             providers: [
                 { provide: NgbModal, useValue: { open: jest.fn() } },
                 { provide: AlertService, useValue: { closeAll: jest.fn() } },
diff --git a/src/test/javascript/spec/component/exam/manage/exams/exam-announcement-dialog/exam-live-announcement-create-modal.component.spec.ts b/src/test/javascript/spec/component/exam/manage/exams/exam-announcement-dialog/exam-live-announcement-create-modal.component.spec.ts
index 6ab12448b3fb..5e4241fa4f21 100644
--- a/src/test/javascript/spec/component/exam/manage/exams/exam-announcement-dialog/exam-live-announcement-create-modal.component.spec.ts
+++ b/src/test/javascript/spec/component/exam/manage/exams/exam-announcement-dialog/exam-live-announcement-create-modal.component.spec.ts
@@ -3,13 +3,10 @@ import { Subject, throwError } from 'rxjs';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { ExamLiveAnnouncementCreateModalComponent } from 'app/exam/manage/exams/exam-checklist-component/exam-announcement-dialog/exam-live-announcement-create-modal.component';
 import { ExamManagementService } from 'app/exam/manage/exam-management.service';
-import { AccountService } from 'app/core/auth/account.service';
 import { By } from '@angular/platform-browser';
-import { MockComponent } from 'ng-mocks';
-import { FaIconComponent } from '@fortawesome/angular-fontawesome';
-import { ExamLiveEventComponent } from 'app/exam/shared/events/exam-live-event.component';
 import { ExamWideAnnouncementEvent } from 'app/exam/participate/exam-participation-live-events.service';
-import { MarkdownEditorMonacoComponent } from 'app/shared/markdown-editor/monaco/markdown-editor-monaco.component';
+import { ArtemisTestModule } from '../../../../../test.module';
+import { MockResizeObserver } from '../../../../../helpers/mocks/service/mock-resize-observer';
 
 describe('ExamLiveAnnouncementCreateModalComponent', () => {
     let component: ExamLiveAnnouncementCreateModalComponent;
@@ -19,27 +16,20 @@ describe('ExamLiveAnnouncementCreateModalComponent', () => {
 
     beforeEach(async () => {
         await TestBed.configureTestingModule({
-            declarations: [
-                ExamLiveAnnouncementCreateModalComponent,
-                MockComponent(FaIconComponent),
-                MockComponent(MarkdownEditorMonacoComponent),
-                MockComponent(ExamLiveEventComponent),
-            ],
-            providers: [
-                { provide: NgbActiveModal, useValue: { dismiss: jest.fn() } },
-                { provide: ExamManagementService, useValue: { createAnnouncement: jest.fn() } },
-                { provide: AccountService, useValue: { userIdentity: { name: 'John Doe' } } },
-            ],
+            imports: [ArtemisTestModule],
+            providers: [{ provide: NgbActiveModal, useValue: { dismiss: jest.fn() } }],
         }).compileComponents();
 
         fixture = TestBed.createComponent(ExamLiveAnnouncementCreateModalComponent);
         component = fixture.componentInstance;
+        global.ResizeObserver = jest.fn().mockImplementation((callback: ResizeObserverCallback) => {
+            return new MockResizeObserver(callback);
+        });
         mockActiveModal = TestBed.inject(NgbActiveModal);
         mockExamManagementService = TestBed.inject(ExamManagementService);
     });
 
     it('should initialize component with default properties', () => {
-        fixture.detectChanges();
         expect(component.status).toBe('not_submitted');
     });
 
diff --git a/src/test/javascript/spec/component/exam/manage/exercise-groups/exercise-group-update.component.spec.ts b/src/test/javascript/spec/component/exam/manage/exercise-groups/exercise-group-update.component.spec.ts
index 900f896fa97a..6aacf271b756 100644
--- a/src/test/javascript/spec/component/exam/manage/exercise-groups/exercise-group-update.component.spec.ts
+++ b/src/test/javascript/spec/component/exam/manage/exercise-groups/exercise-group-update.component.spec.ts
@@ -1,25 +1,19 @@
-import { HttpClientModule, HttpErrorResponse } from '@angular/common/http';
+import { HttpErrorResponse } from '@angular/common/http';
 import { ComponentFixture, TestBed, fakeAsync, flush, tick } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
 import { ActivatedRoute, Router, convertToParamMap } from '@angular/router';
-import { FaIconComponent } from '@fortawesome/angular-fontawesome';
-import { TranslateService } from '@ngx-translate/core';
 import { EntityResponseType } from 'app/complaints/complaint.service';
 import { Course } from 'app/entities/course.model';
 import { Exam } from 'app/entities/exam/exam.model';
 import { ExerciseGroup } from 'app/entities/exercise-group.model';
 import { ExerciseGroupUpdateComponent } from 'app/exam/manage/exercise-groups/exercise-group-update.component';
 import { ExerciseGroupService } from 'app/exam/manage/exercise-groups/exercise-group.service';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { AlertService } from 'app/core/util/alert.service';
-import { MockComponent, MockDirective, MockPipe } from 'ng-mocks';
 import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
 import { of, throwError } from 'rxjs';
 import { MockRouter } from '../../../../helpers/mocks/mock-router';
 import { MockSyncStorage } from '../../../../helpers/mocks/service/mock-sync-storage.service';
-import { MockTranslateService } from '../../../../helpers/mocks/service/mock-translate.service';
-import { NgbAlertsMocksModule } from '../../../../helpers/mocks/directive/ngbAlertsMocks.module';
-import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ArtemisTestModule } from '../../../../test.module';
+import '@angular/localize/init';
 
 describe('ExerciseGroupUpdateComponent', () => {
     const course = { id: 456 } as Course;
@@ -43,12 +37,10 @@ describe('ExerciseGroupUpdateComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [HttpClientModule, FormsModule, NgbAlertsMocksModule],
-            declarations: [ExerciseGroupUpdateComponent, MockPipe(ArtemisTranslatePipe), MockComponent(FaIconComponent), MockDirective(TranslateDirective)],
+            imports: [ArtemisTestModule],
             providers: [
                 { provide: SessionStorageService, useClass: MockSyncStorage },
                 { provide: LocalStorageService, useClass: MockSyncStorage },
-                { provide: TranslateService, useClass: MockTranslateService },
                 { provide: ActivatedRoute, useValue: route },
                 { provide: Router, useValue: mockRouter },
             ],
diff --git a/src/test/javascript/spec/component/exam/manage/exercise-groups/exercise-group.service.spec.ts b/src/test/javascript/spec/component/exam/manage/exercise-groups/exercise-group.service.spec.ts
index 02a1589a9336..6c3e93371938 100644
--- a/src/test/javascript/spec/component/exam/manage/exercise-groups/exercise-group.service.spec.ts
+++ b/src/test/javascript/spec/component/exam/manage/exercise-groups/exercise-group.service.spec.ts
@@ -1,7 +1,7 @@
-import { HttpClient } from '@angular/common/http';
-import { Router } from '@angular/router';
+import { TestBed } from '@angular/core/testing';
 import { ExerciseGroupService } from 'app/exam/manage/exercise-groups/exercise-group.service';
-import { MockRouter } from '../../../../helpers/mocks/mock-router';
+import { ArtemisTestModule } from '../../../../test.module';
+import { HttpClient } from '@angular/common/http';
 
 describe('Exercise Group Service', () => {
     let httpClient: any;
@@ -9,11 +9,15 @@ describe('Exercise Group Service', () => {
     let service: ExerciseGroupService;
 
     beforeEach(() => {
-        httpClient = {
-            delete: jest.fn(),
-        };
-        httpClientDeleteSpy = jest.spyOn(httpClient, 'delete');
-        service = new ExerciseGroupService(new MockRouter() as any as Router, httpClient as HttpClient);
+        TestBed.configureTestingModule({
+            imports: [ArtemisTestModule],
+        });
+
+        service = TestBed.inject(ExerciseGroupService);
+        httpClient = TestBed.inject(HttpClient);
+        httpClientDeleteSpy = jest.spyOn(httpClient, 'delete').mockImplementation(() => {
+            return {};
+        });
     });
 
     it('should set additional parameters correctly in delete', () => {
diff --git a/src/test/javascript/spec/component/exam/manage/exercise-groups/file-upload-exercise-group-cell.component.spec.ts b/src/test/javascript/spec/component/exam/manage/exercise-groups/file-upload-exercise-group-cell.component.spec.ts
index 66216106d9de..8990fefde376 100644
--- a/src/test/javascript/spec/component/exam/manage/exercise-groups/file-upload-exercise-group-cell.component.spec.ts
+++ b/src/test/javascript/spec/component/exam/manage/exercise-groups/file-upload-exercise-group-cell.component.spec.ts
@@ -1,7 +1,5 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { ArtemisTestModule } from '../../../../test.module';
 import { ExerciseType } from 'app/entities/exercise.model';
-import { TranslatePipeMock } from '../../../../helpers/mocks/service/mock-translate.service';
 import { FileUploadExerciseGroupCellComponent } from 'app/exam/manage/exercise-groups/file-upload-exercise-cell/file-upload-exercise-group-cell.component';
 import { FileUploadExercise } from 'app/entities/file-upload-exercise.model';
 
@@ -10,11 +8,7 @@ describe('File Upload Exercise Group Cell Component', () => {
     let fixture: ComponentFixture<FileUploadExerciseGroupCellComponent>;
 
     beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [ArtemisTestModule],
-            declarations: [FileUploadExerciseGroupCellComponent, TranslatePipeMock],
-            providers: [],
-        })
+        TestBed.configureTestingModule({})
             .compileComponents()
             .then(() => {
                 fixture = TestBed.createComponent(FileUploadExerciseGroupCellComponent);
diff --git a/src/test/javascript/spec/component/exam/manage/exercise-groups/modeling-exercise-group-cell.component.spec.ts b/src/test/javascript/spec/component/exam/manage/exercise-groups/modeling-exercise-group-cell.component.spec.ts
index 3734ccf731d0..a3fbb8abcc6d 100644
--- a/src/test/javascript/spec/component/exam/manage/exercise-groups/modeling-exercise-group-cell.component.spec.ts
+++ b/src/test/javascript/spec/component/exam/manage/exercise-groups/modeling-exercise-group-cell.component.spec.ts
@@ -1,21 +1,16 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { ArtemisTestModule } from '../../../../test.module';
 import { ExerciseType } from 'app/entities/exercise.model';
-import { TranslatePipeMock } from '../../../../helpers/mocks/service/mock-translate.service';
 import { ModelingExercise } from 'app/entities/modeling-exercise.model';
 import { ModelingExerciseGroupCellComponent } from 'app/exam/manage/exercise-groups/modeling-exercise-cell/modeling-exercise-group-cell.component';
 import { UMLDiagramType } from '@ls1intum/apollon';
+import { ArtemisTestModule } from '../../../../test.module';
 
 describe('Modeling Exercise Group Cell Component', () => {
     let comp: ModelingExerciseGroupCellComponent;
     let fixture: ComponentFixture<ModelingExerciseGroupCellComponent>;
 
     beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [ArtemisTestModule],
-            declarations: [ModelingExerciseGroupCellComponent, TranslatePipeMock],
-            providers: [],
-        })
+        TestBed.configureTestingModule({ imports: [ArtemisTestModule] })
             .compileComponents()
             .then(() => {
                 fixture = TestBed.createComponent(ModelingExerciseGroupCellComponent);
diff --git a/src/test/javascript/spec/component/exam/manage/exercise-groups/programming-exercise-group-cell.component.spec.ts b/src/test/javascript/spec/component/exam/manage/exercise-groups/programming-exercise-group-cell.component.spec.ts
index 4fa017b56649..1ec2319b0447 100644
--- a/src/test/javascript/spec/component/exam/manage/exercise-groups/programming-exercise-group-cell.component.spec.ts
+++ b/src/test/javascript/spec/component/exam/manage/exercise-groups/programming-exercise-group-cell.component.spec.ts
@@ -6,12 +6,9 @@ import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 import { ExerciseType } from 'app/entities/exercise.model';
 import { By } from '@angular/platform-browser';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
-import { TranslatePipeMock } from '../../../../helpers/mocks/service/mock-translate.service';
 import { of } from 'rxjs';
 import { ProgrammingExerciseService } from 'app/exercises/programming/manage/services/programming-exercise.service';
 import { AlertService } from 'app/core/util/alert.service';
-import { MockAlertService } from '../../../../helpers/mocks/service/mock-alert.service';
-import { ArtemisSharedCommonModule } from 'app/shared/shared-common.module';
 import { PROFILE_THEIA } from 'app/app.constants';
 
 describe('Programming Exercise Group Cell Component', () => {
@@ -50,12 +47,8 @@ describe('Programming Exercise Group Cell Component', () => {
         };
 
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, ArtemisSharedCommonModule],
-            declarations: [ProgrammingExerciseGroupCellComponent, TranslatePipeMock],
-            providers: [
-                { provide: ProfileService, useValue: mockedProfileService },
-                { provide: AlertService, useClass: MockAlertService },
-            ],
+            imports: [ArtemisTestModule],
+            providers: [{ provide: ProfileService, useValue: mockedProfileService }],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/exam/manage/exercise-groups/quiz-exercise-group-cell.component.spec.ts b/src/test/javascript/spec/component/exam/manage/exercise-groups/quiz-exercise-group-cell.component.spec.ts
index 8c65e32e383b..19e5f388312c 100644
--- a/src/test/javascript/spec/component/exam/manage/exercise-groups/quiz-exercise-group-cell.component.spec.ts
+++ b/src/test/javascript/spec/component/exam/manage/exercise-groups/quiz-exercise-group-cell.component.spec.ts
@@ -1,7 +1,5 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { ArtemisTestModule } from '../../../../test.module';
 import { ExerciseType } from 'app/entities/exercise.model';
-import { TranslatePipeMock } from '../../../../helpers/mocks/service/mock-translate.service';
 import { QuizExerciseGroupCellComponent } from 'app/exam/manage/exercise-groups/quiz-exercise-cell/quiz-exercise-group-cell.component';
 import { QuizExercise } from 'app/entities/quiz/quiz-exercise.model';
 
@@ -10,11 +8,7 @@ describe('Quiz Exercise Group Cell Component', () => {
     let fixture: ComponentFixture<QuizExerciseGroupCellComponent>;
 
     beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [ArtemisTestModule],
-            declarations: [QuizExerciseGroupCellComponent, TranslatePipeMock],
-            providers: [],
-        })
+        TestBed.configureTestingModule({})
             .compileComponents()
             .then(() => {
                 fixture = TestBed.createComponent(QuizExerciseGroupCellComponent);
diff --git a/src/test/javascript/spec/component/exam/manage/student-exams/student-exam-detail.component.spec.ts b/src/test/javascript/spec/component/exam/manage/student-exams/student-exam-detail.component.spec.ts
index 73e1d256c63c..8727812e1193 100644
--- a/src/test/javascript/spec/component/exam/manage/student-exams/student-exam-detail.component.spec.ts
+++ b/src/test/javascript/spec/component/exam/manage/student-exams/student-exam-detail.component.spec.ts
@@ -3,16 +3,12 @@ import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testin
 import { Course } from 'app/entities/course.model';
 import { User } from 'app/core/user/user.model';
 import { StudentExam } from 'app/entities/student-exam.model';
-import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
-import { MockComponent, MockDirective, MockPipe, MockProvider } from 'ng-mocks';
+import { MockProvider } from 'ng-mocks';
 import { StudentExamService } from 'app/exam/manage/student-exams/student-exam.service';
-import { HttpResponse, provideHttpClient } from '@angular/common/http';
+import { HttpResponse } from '@angular/common/http';
 import { of } from 'rxjs';
-import { ActivatedRoute, RouterModule } from '@angular/router';
-import { NgbModal, NgbModalRef, NgbModule } from '@ng-bootstrap/ng-bootstrap';
-import { NgxDatatableModule } from '@siemens/ngx-datatable';
-import { TranslateModule } from '@ngx-translate/core';
-import { NgForm, NgModel, ReactiveFormsModule } from '@angular/forms';
+import { ActivatedRoute } from '@angular/router';
+import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { Exercise } from 'app/entities/exercise.model';
 import { ModelingExercise } from 'app/entities/modeling-exercise.model';
 import { ExerciseGroup } from 'app/entities/exercise-group.model';
@@ -21,18 +17,9 @@ import dayjs from 'dayjs/esm';
 import { StudentParticipation } from 'app/entities/participation/student-participation.model';
 import { ParticipationType } from 'app/entities/participation/participation.model';
 import { Result } from 'app/entities/result.model';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { StudentExamDetailTableRowComponent } from 'app/exam/manage/student-exams/student-exam-detail-table-row/student-exam-detail-table-row.component';
-import { provideHttpClientTesting } from '@angular/common/http/testing';
-import { DataTableComponent } from 'app/shared/data-table/data-table.component';
-import { AlertService } from 'app/core/util/alert.service';
-import { TranslateDirective } from 'app/shared/language/translate.directive';
-import { MockTranslateValuesDirective } from '../../../../helpers/mocks/directive/mock-translate-values.directive';
-import { StudentExamWorkingTimeComponent } from 'app/exam/shared/student-exam-working-time/student-exam-working-time.component';
 import { GradeType } from 'app/entities/grading-scale.model';
 import { StudentExamWithGradeDTO } from 'app/exam/exam-scores/exam-score-dtos.model';
 import { MockNgbModalService } from '../../../../helpers/mocks/service/mock-ngb-modal.service';
-import { WorkingTimeControlComponent } from 'app/exam/shared/working-time-control/working-time-control.component';
 import { ArtemisTestModule } from '../../../../test.module';
 import { UMLDiagramType } from '@ls1intum/apollon';
 
@@ -127,22 +114,8 @@ describe('StudentExamDetailComponent', () => {
         } as StudentExamWithGradeDTO;
 
         await TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, NgbModule, NgxDatatableModule, ReactiveFormsModule, TranslateModule.forRoot(), RouterModule.forRoot([])],
-            declarations: [
-                StudentExamDetailComponent,
-                MockComponent(DataTableComponent),
-                MockComponent(StudentExamWorkingTimeComponent),
-                MockComponent(WorkingTimeControlComponent),
-                MockDirective(NgForm),
-                MockDirective(NgModel),
-                MockPipe(ArtemisDatePipe),
-                MockTranslateValuesDirective,
-                MockPipe(ArtemisTranslatePipe),
-                StudentExamDetailTableRowComponent,
-            ],
+            imports: [ArtemisTestModule],
             providers: [
-                provideHttpClient(),
-                provideHttpClientTesting(),
                 MockProvider(StudentExamService, {
                     updateWorkingTime: () => {
                         return of(
@@ -161,8 +134,6 @@ describe('StudentExamDetailComponent', () => {
                         );
                     },
                 }),
-                MockProvider(AlertService),
-                MockDirective(TranslateDirective),
                 {
                     provide: ActivatedRoute,
                     useValue: {
diff --git a/src/test/javascript/spec/component/exam/manage/student-exams/student-exam-timeline.component.spec.ts b/src/test/javascript/spec/component/exam/manage/student-exams/student-exam-timeline.component.spec.ts
index e28f9b6390ca..26af433a020e 100644
--- a/src/test/javascript/spec/component/exam/manage/student-exams/student-exam-timeline.component.spec.ts
+++ b/src/test/javascript/spec/component/exam/manage/student-exams/student-exam-timeline.component.spec.ts
@@ -34,7 +34,7 @@ import { SubmissionVersionService } from 'app/exercises/shared/submission-versio
 import { ProgrammingExerciseExamDiffComponent } from 'app/exam/manage/student-exams/student-exam-timeline/programming-exam-diff/programming-exercise-exam-diff.component';
 import { StudentParticipation } from 'app/entities/participation/student-participation.model';
 import { MatSlider } from '@angular/material/slider';
-import { FormsModule } from 'app/forms/forms.module';
+import { ArtemisFormsModule } from '../../../../../../../main/webapp/app/forms/artemis-forms.module';
 
 describe('Student Exam Timeline Component', () => {
     let fixture: ComponentFixture<StudentExamTimelineComponent>;
@@ -62,7 +62,7 @@ describe('Student Exam Timeline Component', () => {
 
     beforeEach(() => {
         return TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, FormsModule],
+            imports: [ArtemisTestModule, ArtemisFormsModule],
             declarations: [
                 StudentExamTimelineComponent,
                 MockComponent(ProgrammingExerciseExamDiffComponent),
diff --git a/src/test/javascript/spec/component/exam/manage/student-exams/student-exam.service.spec.ts b/src/test/javascript/spec/component/exam/manage/student-exams/student-exam.service.spec.ts
index 8315eded6e4e..891fd566156f 100644
--- a/src/test/javascript/spec/component/exam/manage/student-exams/student-exam.service.spec.ts
+++ b/src/test/javascript/spec/component/exam/manage/student-exams/student-exam.service.spec.ts
@@ -1,11 +1,11 @@
-import { MockRouter } from '../../../../helpers/mocks/mock-router';
+import { TestBed } from '@angular/core/testing';
 import { StudentExamService } from 'app/exam/manage/student-exams/student-exam.service';
-import { Router } from '@angular/router';
-import { HttpClient, HttpResponse } from '@angular/common/http';
 import { AccountService } from 'app/core/auth/account.service';
+import { HttpClient, HttpResponse } from '@angular/common/http';
 import { of } from 'rxjs';
 import { StudentExam } from 'app/entities/student-exam.model';
 import { StudentExamWithGradeDTO } from 'app/exam/exam-scores/exam-score-dtos.model';
+import { ArtemisTestModule } from '../../../../test.module';
 
 describe('Student Exam Service', () => {
     let httpClient: any;
@@ -14,16 +14,22 @@ describe('Student Exam Service', () => {
     let accountService: AccountService;
 
     beforeEach(() => {
-        httpClient = {
-            put: jest.fn(),
-            get: jest.fn(),
-            patch: jest.fn(),
-        };
-        accountService = {
-            setAccessRightsForCourse: jest.fn(),
-        } as any as AccountService;
+        TestBed.configureTestingModule({
+            imports: [ArtemisTestModule],
+            providers: [
+                {
+                    provide: AccountService,
+                    useValue: {
+                        setAccessRightsForCourse: jest.fn(),
+                    },
+                },
+            ],
+        });
+
+        service = TestBed.inject(StudentExamService);
+        accountService = TestBed.inject(AccountService);
+        httpClient = TestBed.inject(HttpClient);
         httpClientPutSpy = jest.spyOn(httpClient, 'put');
-        service = new StudentExamService(new MockRouter() as any as Router, httpClient as HttpClient, accountService);
     });
 
     afterEach(() => {
diff --git a/src/test/javascript/spec/component/exam/manage/student-exams/student-exams.component.spec.ts b/src/test/javascript/spec/component/exam/manage/student-exams/student-exams.component.spec.ts
index 17e860891743..6212f37d7a93 100644
--- a/src/test/javascript/spec/component/exam/manage/student-exams/student-exams.component.spec.ts
+++ b/src/test/javascript/spec/component/exam/manage/student-exams/student-exams.component.spec.ts
@@ -2,13 +2,10 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ActivatedRoute, Params, convertToParamMap, provideRouter } from '@angular/router';
 import { StudentExamsComponent } from 'app/exam/manage/student-exams/student-exams.component';
 import { ExamManagementService } from 'app/exam/manage/exam-management.service';
-import { MockComponent, MockDirective, MockModule, MockPipe, MockProvider } from 'ng-mocks';
+import { MockDirective, MockProvider } from 'ng-mocks';
 import { StudentExamService } from 'app/exam/manage/student-exams/student-exam.service';
 import { CourseManagementService } from 'app/course/manage/course-management.service';
 import { TranslateService } from '@ngx-translate/core';
-import { NgxDatatableModule } from '@siemens/ngx-datatable';
-import { ArtemisDurationFromSecondsPipe } from 'app/shared/pipes/artemis-duration-from-seconds.pipe';
-import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
 import { MockLocalStorageService } from '../../../../helpers/mocks/service/mock-local-storage.service';
 import { LocalStorageService } from 'ngx-webstorage';
 import { Course } from 'app/entities/course.model';
@@ -23,15 +20,14 @@ import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { AccountService } from 'app/core/auth/account.service';
 import { MockAccountService } from '../../../../helpers/mocks/service/mock-account.service';
-import { DataTableComponent } from 'app/shared/data-table/data-table.component';
 import { AlertService } from 'app/core/util/alert.service';
 import { TranslateDirective } from 'app/shared/language/translate.directive';
 import { MockTranslateService } from '../../../../helpers/mocks/service/mock-translate.service';
-import { FaIconComponent } from '@fortawesome/angular-fontawesome';
-import { StudentExamStatusComponent } from 'app/exam/manage/student-exams/student-exam-status/student-exam-status.component';
 import { JhiWebsocketService } from 'app/core/websocket/websocket.service';
 import { MockWebsocketService } from '../../../../helpers/mocks/service/mock-websocket.service';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
+import { ArtemisTestModule } from '../../../../test.module';
+import { MockNgbModalService } from '../../../../helpers/mocks/service/mock-ngb-modal.service';
 
 describe('StudentExamsComponent', () => {
     let studentExamsComponentFixture: ComponentFixture<StudentExamsComponent>;
@@ -170,6 +166,7 @@ describe('StudentExamsComponent', () => {
         { provide: AccountService, useClass: MockAccountService },
         { provide: TranslateService, useClass: MockTranslateService },
         { provide: JhiWebsocketService, useClass: MockWebsocketService },
+        { provide: NgbModal, useClass: MockNgbModalService },
         MockProvider(ProfileService, { getProfileInfo: () => of({ activeProfiles: [] }) }, 'useValue'),
     ];
 
@@ -208,16 +205,7 @@ describe('StudentExamsComponent', () => {
         studentExams = [studentExamOne, studentExamTwo];
 
         return TestBed.configureTestingModule({
-            imports: [MockModule(NgxDatatableModule)],
-            declarations: [
-                StudentExamsComponent,
-                MockComponent(StudentExamStatusComponent),
-                MockComponent(FaIconComponent),
-                MockPipe(ArtemisDurationFromSecondsPipe),
-                MockPipe(ArtemisDatePipe),
-                MockPipe(ArtemisTranslatePipe),
-                MockComponent(DataTableComponent),
-            ],
+            imports: [ArtemisTestModule],
             providers,
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/component/exam/participate/events/exam-live-events-overlay.component.spec.ts b/src/test/javascript/spec/component/exam/participate/events/exam-live-events-overlay.component.spec.ts
index 69046e7833e6..cee829799871 100644
--- a/src/test/javascript/spec/component/exam/participate/events/exam-live-events-overlay.component.spec.ts
+++ b/src/test/javascript/spec/component/exam/participate/events/exam-live-events-overlay.component.spec.ts
@@ -1,11 +1,13 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MockProvider } from 'ng-mocks';
 import { ExamLiveEventsOverlayComponent } from 'app/exam/participate/events/exam-live-events-overlay.component';
 import { ExamLiveEvent, ExamLiveEventType, ExamParticipationLiveEventsService } from 'app/exam/participate/exam-participation-live-events.service';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { of } from 'rxjs';
-import { MockExamParticipationLiveEventsService } from '../../../../helpers/mocks/service/mock-exam-participation-live-events.service';
 import { ExamExerciseUpdateService } from 'app/exam/manage/exam-exercise-update.service';
+import { ArtemisTestModule } from '../../../../test.module';
+import { MockLocalStorageService } from '../../../../helpers/mocks/service/mock-local-storage.service';
+import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
+import { MockSyncStorage } from '../../../../helpers/mocks/service/mock-sync-storage.service';
 
 describe('ExamLiveEventsOverlayComponent', () => {
     let component: ExamLiveEventsOverlayComponent;
@@ -16,8 +18,11 @@ describe('ExamLiveEventsOverlayComponent', () => {
 
     beforeEach(async () => {
         await TestBed.configureTestingModule({
-            declarations: [ExamLiveEventsOverlayComponent],
-            providers: [{ provide: ExamParticipationLiveEventsService, useClass: MockExamParticipationLiveEventsService }, MockProvider(NgbActiveModal)],
+            imports: [ArtemisTestModule],
+            providers: [
+                { provide: LocalStorageService, useClass: MockLocalStorageService },
+                { provide: SessionStorageService, useClass: MockSyncStorage },
+            ],
         }).compileComponents();
     });
 
diff --git a/src/test/javascript/spec/component/exam/participate/exam-bar.component.spec.ts b/src/test/javascript/spec/component/exam/participate/exam-bar.component.spec.ts
index 03eb5e090d94..be3f60866bff 100644
--- a/src/test/javascript/spec/component/exam/participate/exam-bar.component.spec.ts
+++ b/src/test/javascript/spec/component/exam/participate/exam-bar.component.spec.ts
@@ -1,19 +1,15 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import dayjs from 'dayjs/esm';
-import { MockComponent } from 'ng-mocks';
 import { Exercise, ExerciseType } from 'app/entities/exercise.model';
-import { ExamNavigationSidebarComponent } from 'app/exam/participate/exam-navigation-sidebar/exam-navigation-sidebar.component';
-import { MockTranslateService, TranslateTestingModule } from '../../../helpers/mocks/service/mock-translate.service';
 import { ArtemisTestModule } from '../../../test.module';
 import { Submission } from 'app/entities/submission.model';
 import { StudentParticipation } from 'app/entities/participation/student-participation.model';
-import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
-import { MockSyncStorage } from '../../../helpers/mocks/service/mock-sync-storage.service';
-import { TranslateService } from '@ngx-translate/core';
 import { ExamBarComponent } from 'app/exam/participate/exam-bar/exam-bar.component';
 import { MockResizeObserver } from '../../../helpers/mocks/service/mock-resize-observer';
 import { Exam } from 'app/entities/exam/exam.model';
 import { StudentExam } from 'app/entities/student-exam.model';
+import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
+import { MockSyncStorage } from '../../../helpers/mocks/service/mock-sync-storage.service';
 
 describe('ExamBarComponent', () => {
     let fixture: ComponentFixture<ExamBarComponent>;
@@ -21,12 +17,10 @@ describe('ExamBarComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, TranslateTestingModule],
-            declarations: [ExamBarComponent, MockComponent(ExamNavigationSidebarComponent)],
+            imports: [ArtemisTestModule],
             providers: [
                 { provide: LocalStorageService, useClass: MockSyncStorage },
                 { provide: SessionStorageService, useClass: MockSyncStorage },
-                { provide: TranslateService, useClass: MockTranslateService },
             ],
         }).compileComponents();
         // Required because exam bar uses the ResizeObserver for height calculations
diff --git a/src/test/javascript/spec/component/exam/participate/exam-exercise-overview-page.component.spec.ts b/src/test/javascript/spec/component/exam/participate/exam-exercise-overview-page.component.spec.ts
index a5b8c6fab63c..688871780715 100644
--- a/src/test/javascript/spec/component/exam/participate/exam-exercise-overview-page.component.spec.ts
+++ b/src/test/javascript/spec/component/exam/participate/exam-exercise-overview-page.component.spec.ts
@@ -1,20 +1,13 @@
 import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testing';
-import { MockComponent, MockModule } from 'ng-mocks';
 import { Exercise, ExerciseType } from 'app/entities/exercise.model';
-import { ExamTimerComponent } from 'app/exam/participate/timer/exam-timer.component';
-import { MockTranslateService, TranslateTestingModule } from '../../../helpers/mocks/service/mock-translate.service';
 import { ArtemisTestModule } from '../../../test.module';
 import { Submission } from 'app/entities/submission.model';
 import { StudentParticipation } from 'app/entities/participation/student-participation.model';
 import { ExamExerciseOverviewPageComponent } from 'app/exam/participate/exercises/exercise-overview-page/exam-exercise-overview-page.component';
-import { ExamParticipationService } from 'app/exam/participate/exam-participation.service';
-import { MockSyncStorage } from '../../../helpers/mocks/service/mock-sync-storage.service';
-import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
 import { StudentExam } from 'app/entities/student-exam.model';
-import { TranslateService } from '@ngx-translate/core';
-import { NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
 import { By } from '@angular/platform-browser';
-import { UpdatingResultComponent } from 'app/exercises/shared/result/updating-result.component';
+import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
+import { MockSyncStorage } from '../../../helpers/mocks/service/mock-sync-storage.service';
 
 describe('ExamExerciseOverviewPageComponent', () => {
     let fixture: ComponentFixture<ExamExerciseOverviewPageComponent>;
@@ -22,13 +15,10 @@ describe('ExamExerciseOverviewPageComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, TranslateTestingModule, MockModule(NgbTooltipModule)],
-            declarations: [ExamExerciseOverviewPageComponent, MockComponent(ExamTimerComponent), MockComponent(UpdatingResultComponent)],
+            imports: [ArtemisTestModule],
             providers: [
-                ExamParticipationService,
                 { provide: LocalStorageService, useClass: MockSyncStorage },
                 { provide: SessionStorageService, useClass: MockSyncStorage },
-                { provide: TranslateService, useClass: MockTranslateService },
             ],
         }).compileComponents();
 
diff --git a/src/test/javascript/spec/component/exam/participate/exam-navigation-bar.component.spec.ts b/src/test/javascript/spec/component/exam/participate/exam-navigation-bar.component.spec.ts
index 40c65e3f008d..30743ca45af6 100644
--- a/src/test/javascript/spec/component/exam/participate/exam-navigation-bar.component.spec.ts
+++ b/src/test/javascript/spec/component/exam/participate/exam-navigation-bar.component.spec.ts
@@ -1,27 +1,19 @@
 import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testing';
 import dayjs from 'dayjs/esm';
-import { MockComponent, MockDirective, MockModule } from 'ng-mocks';
 import { Exercise, ExerciseType } from 'app/entities/exercise.model';
 import { ExamSession } from 'app/entities/exam/exam-session.model';
-import { of } from 'rxjs';
+import { BehaviorSubject, of } from 'rxjs';
 import { ExamNavigationBarComponent } from 'app/exam/participate/exam-navigation-bar/exam-navigation-bar.component';
 import { CodeEditorRepositoryService } from 'app/exercises/programming/shared/code-editor/service/code-editor-repository.service';
-import { ExamTimerComponent } from 'app/exam/participate/timer/exam-timer.component';
-import { MockTranslateService, TranslateTestingModule } from '../../../helpers/mocks/service/mock-translate.service';
 import { ArtemisTestModule } from '../../../test.module';
 import { Submission } from 'app/entities/submission.model';
 import { StudentParticipation } from 'app/entities/participation/student-participation.model';
-import { BehaviorSubject } from 'rxjs';
-import { ExamExerciseUpdateService } from 'app/exam/manage/exam-exercise-update.service';
 import { ExamParticipationService } from 'app/exam/participate/exam-participation.service';
-import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
-import { MockSyncStorage } from '../../../helpers/mocks/service/mock-sync-storage.service';
 import { CommitState } from 'app/exercises/programming/shared/code-editor/model/code-editor.model';
-import { TranslateService } from '@ngx-translate/core';
 import { faCheck, faEdit } from '@fortawesome/free-solid-svg-icons';
-import { NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
-import { ExamLiveEventsButtonComponent } from 'app/exam/participate/events/exam-live-events-button.component';
-import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { MockSyncStorage } from '../../../helpers/mocks/service/mock-sync-storage.service';
+import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
+import { ExamExerciseUpdateService } from 'app/exam/manage/exam-exercise-update.service';
 
 describe('Exam Navigation Bar Component', () => {
     let fixture: ComponentFixture<ExamNavigationBarComponent>;
@@ -35,14 +27,11 @@ describe('Exam Navigation Bar Component', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, TranslateTestingModule, MockModule(NgbTooltipModule)],
-            declarations: [ExamNavigationBarComponent, MockComponent(ExamTimerComponent), MockComponent(ExamLiveEventsButtonComponent), MockDirective(TranslateDirective)],
+            imports: [ArtemisTestModule],
             providers: [
-                ExamParticipationService,
                 { provide: ExamExerciseUpdateService, useValue: mockExamExerciseUpdateService },
                 { provide: LocalStorageService, useClass: MockSyncStorage },
                 { provide: SessionStorageService, useClass: MockSyncStorage },
-                { provide: TranslateService, useClass: MockTranslateService },
             ],
         }).compileComponents();
 
diff --git a/src/test/javascript/spec/component/exam/participate/exam-navigation-sidebar.component.spec.ts b/src/test/javascript/spec/component/exam/participate/exam-navigation-sidebar.component.spec.ts
index 356fc70b98d8..42c7430b3fe4 100644
--- a/src/test/javascript/spec/component/exam/participate/exam-navigation-sidebar.component.spec.ts
+++ b/src/test/javascript/spec/component/exam/participate/exam-navigation-sidebar.component.spec.ts
@@ -1,27 +1,19 @@
 import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testing';
-import { MockComponent, MockModule } from 'ng-mocks';
 import { Exercise, ExerciseType } from 'app/entities/exercise.model';
 import { ExamSession } from 'app/entities/exam/exam-session.model';
-import { of } from 'rxjs';
+import { BehaviorSubject, of } from 'rxjs';
 import { ExamNavigationSidebarComponent } from 'app/exam/participate/exam-navigation-sidebar/exam-navigation-sidebar.component';
 import { CodeEditorRepositoryService } from 'app/exercises/programming/shared/code-editor/service/code-editor-repository.service';
-import { ExamTimerComponent } from 'app/exam/participate/timer/exam-timer.component';
-import { MockTranslateService, TranslateTestingModule } from '../../../helpers/mocks/service/mock-translate.service';
 import { ArtemisTestModule } from '../../../test.module';
 import { Submission } from 'app/entities/submission.model';
 import { StudentParticipation } from 'app/entities/participation/student-participation.model';
-import { BehaviorSubject } from 'rxjs';
 import { ExamExerciseUpdateService } from 'app/exam/manage/exam-exercise-update.service';
 import { ExamParticipationService } from 'app/exam/participate/exam-participation.service';
+import { CommitState } from 'app/exercises/programming/shared/code-editor/model/code-editor.model';
+import { facSaveSuccess, facSaveWarning } from 'app/icons/icons';
+import { MockLocalStorageService } from '../../../helpers/mocks/service/mock-local-storage.service';
 import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
 import { MockSyncStorage } from '../../../helpers/mocks/service/mock-sync-storage.service';
-import { CommitState } from 'app/exercises/programming/shared/code-editor/model/code-editor.model';
-import { TranslateService } from '@ngx-translate/core';
-import { facSaveSuccess, facSaveWarning } from 'src/main/webapp/content/icons/icons';
-import { NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
-import { ExamLiveEventsButtonComponent } from 'app/exam/participate/events/exam-live-events-button.component';
-import { ArtemisSharedCommonModule } from 'app/shared/shared-common.module';
-import { SearchFilterComponent } from 'app/shared/search-filter/search-filter.component';
 
 describe('ExamNavigationSidebarComponent', () => {
     let fixture: ComponentFixture<ExamNavigationSidebarComponent>;
@@ -35,14 +27,11 @@ describe('ExamNavigationSidebarComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, TranslateTestingModule, MockModule(NgbTooltipModule), MockModule(ArtemisSharedCommonModule)],
-            declarations: [MockComponent(ExamTimerComponent), MockComponent(ExamLiveEventsButtonComponent), MockComponent(SearchFilterComponent)],
+            imports: [ArtemisTestModule],
             providers: [
-                ExamParticipationService,
                 { provide: ExamExerciseUpdateService, useValue: mockExamExerciseUpdateService },
-                { provide: LocalStorageService, useClass: MockSyncStorage },
+                { provide: LocalStorageService, useClass: MockLocalStorageService },
                 { provide: SessionStorageService, useClass: MockSyncStorage },
-                { provide: TranslateService, useClass: MockTranslateService },
             ],
         }).compileComponents();
 
diff --git a/src/test/javascript/spec/component/exam/participate/exercises/exercise-save-button.component.spec.ts b/src/test/javascript/spec/component/exam/participate/exercises/exercise-save-button.component.spec.ts
index c99743924bb6..52187a2646be 100644
--- a/src/test/javascript/spec/component/exam/participate/exercises/exercise-save-button.component.spec.ts
+++ b/src/test/javascript/spec/component/exam/participate/exercises/exercise-save-button.component.spec.ts
@@ -8,7 +8,7 @@ import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { By } from '@angular/platform-browser';
 import { ExerciseSaveButtonComponent } from '../../../../../../../main/webapp/app/exam/participate/exercises/exercise-save-button/exercise-save-button.component';
 import { Submission } from '../../../../../../../main/webapp/app/entities/submission.model';
-import { facSaveSuccess } from '../../../../../../../main/webapp/content/icons/icons';
+import { facSaveSuccess } from 'app/icons/icons';
 import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { faFloppyDisk } from '@fortawesome/free-solid-svg-icons';
 
diff --git a/src/test/javascript/spec/component/exam/participate/exercises/programming-exam-submission.component.spec.ts b/src/test/javascript/spec/component/exam/participate/exercises/programming-exam-submission.component.spec.ts
index ad5c65c27275..3073a51f0c42 100644
--- a/src/test/javascript/spec/component/exam/participate/exercises/programming-exam-submission.component.spec.ts
+++ b/src/test/javascript/spec/component/exam/participate/exercises/programming-exam-submission.component.spec.ts
@@ -1,23 +1,12 @@
-import { ChangeDetectorRef } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MockComponent, MockPipe, MockProvider } from 'ng-mocks';
 import { Course } from 'app/entities/course.model';
 import { ExerciseGroup } from 'app/entities/exercise-group.model';
 import { ProgrammingExerciseStudentParticipation } from 'app/entities/participation/programming-exercise-student-participation.model';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { ProgrammingSubmission } from 'app/entities/programming/programming-submission.model';
 import { ProgrammingExamSubmissionComponent } from 'app/exam/participate/exercises/programming/programming-exam-submission.component';
-import { ModelingEditorComponent } from 'app/exercises/modeling/shared/modeling-editor.component';
-import { CodeEditorContainerComponent } from 'app/exercises/programming/shared/code-editor/container/code-editor-container.component';
 import { CommitState } from 'app/exercises/programming/shared/code-editor/model/code-editor.model';
-import { DomainService } from 'app/exercises/programming/shared/code-editor/service/code-editor-domain.service';
-import { IncludedInScoreBadgeComponent } from 'app/exercises/shared/exercise-headers/included-in-score-badge.component';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { ExerciseDetailsStudentActionsComponent } from 'app/overview/exercise-details/exercise-details-student-actions.component';
-import { UpdatingResultComponent } from 'app/exercises/shared/result/updating-result.component';
-import { ProgrammingExerciseInstructionComponent } from 'app/exercises/programming/shared/instructions-render/programming-exercise-instruction.component';
-import { SubmissionResultStatusComponent } from 'app/overview/submission-result-status.component';
-import { ProgrammingExerciseStudentTriggerBuildButtonComponent } from 'app/exercises/programming/shared/actions/programming-exercise-student-trigger-build-button.component';
+import { ArtemisTestModule } from '../../../../test.module';
 
 describe('ProgrammingExamSubmissionComponent', () => {
     let fixture: ComponentFixture<ProgrammingExamSubmissionComponent>;
@@ -25,20 +14,7 @@ describe('ProgrammingExamSubmissionComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [],
-            declarations: [
-                ProgrammingExamSubmissionComponent,
-                MockComponent(CodeEditorContainerComponent),
-                MockComponent(ExerciseDetailsStudentActionsComponent),
-                MockComponent(IncludedInScoreBadgeComponent),
-                MockComponent(ModelingEditorComponent),
-                MockComponent(ProgrammingExerciseInstructionComponent),
-                MockComponent(ProgrammingExerciseStudentTriggerBuildButtonComponent),
-                MockComponent(SubmissionResultStatusComponent),
-                MockComponent(UpdatingResultComponent),
-                MockPipe(ArtemisTranslatePipe),
-            ],
-            providers: [MockProvider(ChangeDetectorRef), MockProvider(DomainService)],
+            imports: [ArtemisTestModule],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/exam/participate/exercises/text-exam-submission.component.spec.ts b/src/test/javascript/spec/component/exam/participate/exercises/text-exam-submission.component.spec.ts
index a0850296fc26..463ab8401299 100644
--- a/src/test/javascript/spec/component/exam/participate/exercises/text-exam-submission.component.spec.ts
+++ b/src/test/javascript/spec/component/exam/participate/exercises/text-exam-submission.component.spec.ts
@@ -1,22 +1,12 @@
 import { ComponentFixture, TestBed, fakeAsync } from '@angular/core/testing';
-import { NgModel } from '@angular/forms';
 import { By } from '@angular/platform-browser';
 import { Course } from 'app/entities/course.model';
 import { ExerciseGroup } from 'app/entities/exercise-group.model';
 import { TextExercise } from 'app/entities/text/text-exercise.model';
 import { TextSubmission } from 'app/entities/text/text-submission.model';
 import { TextExamSubmissionComponent } from 'app/exam/participate/exercises/text/text-exam-submission.component';
-import { IncludedInScoreBadgeComponent } from 'app/exercises/shared/exercise-headers/included-in-score-badge.component';
-import { TextEditorService } from 'app/exercises/text/participate/text-editor.service';
-import { ArtemisMarkdownService } from 'app/shared/markdown.service';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { HtmlForMarkdownPipe } from 'app/shared/pipes/html-for-markdown.pipe';
-import { MockComponent, MockDirective, MockPipe, MockProvider } from 'ng-mocks';
-import { ExamExerciseUpdateHighlighterComponent } from 'app/exam/participate/exercises/exam-exercise-update-highlighter/exam-exercise-update-highlighter.component';
 import { ArtemisTestModule } from '../../../../test.module';
-import { ResizeableContainerComponent } from 'app/shared/resizeable-container/resizeable-container.component';
 import dayjs from 'dayjs/esm';
-import { TranslateDirective } from 'app/shared/language/translate.directive';
 import { ExerciseSaveButtonComponent } from 'app/exam/participate/exercises/exercise-save-button/exercise-save-button.component';
 
 describe('TextExamSubmissionComponent', () => {
@@ -32,18 +22,6 @@ describe('TextExamSubmissionComponent', () => {
 
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [
-                TextExamSubmissionComponent,
-                MockPipe(ArtemisTranslatePipe),
-                MockPipe(HtmlForMarkdownPipe),
-                MockDirective(NgModel),
-                MockComponent(IncludedInScoreBadgeComponent),
-                MockComponent(ExamExerciseUpdateHighlighterComponent),
-                MockComponent(ResizeableContainerComponent),
-                MockComponent(ExerciseSaveButtonComponent),
-                MockDirective(TranslateDirective),
-            ],
-            providers: [MockProvider(TextEditorService), MockProvider(ArtemisMarkdownService)],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/exam/participate/general-information/exam-general-information.component.spec.ts b/src/test/javascript/spec/component/exam/participate/general-information/exam-general-information.component.spec.ts
index ce662f79bdf6..1880187cd06a 100644
--- a/src/test/javascript/spec/component/exam/participate/general-information/exam-general-information.component.spec.ts
+++ b/src/test/javascript/spec/component/exam/participate/general-information/exam-general-information.component.spec.ts
@@ -1,15 +1,10 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { provideRouter } from '@angular/router';
 import { User } from 'app/core/user/user.model';
 import { Exam } from 'app/entities/exam/exam.model';
 import { StudentExam } from 'app/entities/student-exam.model';
 import { ExamGeneralInformationComponent } from 'app/exam/participate/general-information/exam-general-information.component';
-import { StudentExamWorkingTimeComponent } from 'app/exam/shared/student-exam-working-time/student-exam-working-time.component';
-import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
-import { ArtemisDurationFromSecondsPipe } from 'app/shared/pipes/artemis-duration-from-seconds.pipe';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import dayjs from 'dayjs/esm';
-import { MockComponent, MockPipe } from 'ng-mocks';
+import { ArtemisTestModule } from '../../../../test.module';
 
 let fixture: ComponentFixture<ExamGeneralInformationComponent>;
 let component: ExamGeneralInformationComponent;
@@ -35,14 +30,7 @@ describe('ExamGeneralInformationComponent', () => {
         studentExam = { id: 1, exam, user, workingTime: 60, submitted: true } as StudentExam;
 
         return TestBed.configureTestingModule({
-            declarations: [
-                ExamGeneralInformationComponent,
-                MockComponent(StudentExamWorkingTimeComponent),
-                MockPipe(ArtemisTranslatePipe),
-                MockPipe(ArtemisDatePipe),
-                MockPipe(ArtemisDurationFromSecondsPipe),
-            ],
-            providers: [provideRouter([])],
+            imports: [ArtemisTestModule],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/exam/participate/summary/exam-result-summary.component.spec.ts b/src/test/javascript/spec/component/exam/participate/summary/exam-result-summary.component.spec.ts
index f144828d2e74..a2b18ad77d5d 100644
--- a/src/test/javascript/spec/component/exam/participate/summary/exam-result-summary.component.spec.ts
+++ b/src/test/javascript/spec/component/exam/participate/summary/exam-result-summary.component.spec.ts
@@ -1,12 +1,8 @@
-import { HttpResponse, provideHttpClient } from '@angular/common/http';
 import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
-import { ActivatedRoute, convertToParamMap, provideRouter } from '@angular/router';
-import { FaIconComponent } from '@fortawesome/angular-fontawesome';
-import { ComplaintsStudentViewComponent } from 'app/complaints/complaints-for-students/complaints-student-view.component';
+import { ActivatedRoute, convertToParamMap } from '@angular/router';
 import { ThemeService } from 'app/core/theme/theme.service';
 import { User } from 'app/core/user/user.model';
-import { CourseManagementService } from 'app/course/manage/course-management.service';
 import { PlagiarismCasesService } from 'app/course/plagiarism-cases/shared/plagiarism-cases.service';
 import { Exam } from 'app/entities/exam/exam.model';
 import { ExerciseGroup } from 'app/entities/exercise-group.model';
@@ -23,39 +19,23 @@ import { StudentExam } from 'app/entities/student-exam.model';
 import { TextExercise } from 'app/entities/text/text-exercise.model';
 import { TextSubmission } from 'app/entities/text/text-submission.model';
 import { ExerciseResult, StudentExamWithGradeDTO, StudentResult } from 'app/exam/exam-scores/exam-score-dtos.model';
-import { TestRunRibbonComponent } from 'app/exam/manage/test-runs/test-run-ribbon.component';
 import { ExamParticipationService } from 'app/exam/participate/exam-participation.service';
-import { ExamGeneralInformationComponent } from 'app/exam/participate/general-information/exam-general-information.component';
 import { ExamResultSummaryComponent, ResultSummaryExerciseInfo } from 'app/exam/participate/summary/exam-result-summary.component';
-import { FileUploadExamSummaryComponent } from 'app/exam/participate/summary/exercises/file-upload-exam-summary/file-upload-exam-summary.component';
 import { ModelingExamSummaryComponent } from 'app/exam/participate/summary/exercises/modeling-exam-summary/modeling-exam-summary.component';
-import { ProgrammingExamSummaryComponent } from 'app/exam/participate/summary/exercises/programming-exam-summary/programming-exam-summary.component';
-import { QuizExamSummaryComponent } from 'app/exam/participate/summary/exercises/quiz-exam-summary/quiz-exam-summary.component';
 import { TextExamSummaryComponent } from 'app/exam/participate/summary/exercises/text-exam-summary/text-exam-summary.component';
 import { ExamResultOverviewComponent } from 'app/exam/participate/summary/result-overview/exam-result-overview.component';
-import { ProgrammingExerciseInstructionComponent } from 'app/exercises/programming/shared/instructions-render/programming-exercise-instruction.component';
-import { IncludedInScoreBadgeComponent } from 'app/exercises/shared/exercise-headers/included-in-score-badge.component';
-import { ResultComponent } from 'app/exercises/shared/result/result.component';
-import { UpdatingResultComponent } from 'app/exercises/shared/result/updating-result.component';
-import { TranslateDirective } from 'app/shared/language/translate.directive';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { HtmlForMarkdownPipe } from 'app/shared/pipes/html-for-markdown.pipe';
 import { ArtemisServerDateService } from 'app/shared/server-date.service';
 import dayjs from 'dayjs/esm';
-import { MockComponent, MockDirective, MockPipe, MockProvider } from 'ng-mocks';
+import { MockComponent } from 'ng-mocks';
 import { LocalStorageService } from 'ngx-webstorage';
 import { of } from 'rxjs';
-import { NgbCollapseMocksModule } from '../../../../helpers/mocks/directive/ngbCollapseMocks.module';
 import { MockExamParticipationService } from '../../../../helpers/mocks/service/mock-exam-participation.service';
 import { MockLocalStorageService } from '../../../../helpers/mocks/service/mock-local-storage.service';
 import { MockArtemisServerDateService } from '../../../../helpers/mocks/service/mock-server-date.service';
-import { ExamResultSummaryExerciseCardHeaderComponent } from 'app/exam/participate/summary/exercises/header/exam-result-summary-exercise-card-header.component';
 import { Course } from 'app/entities/course.model';
-import { AlertService } from 'app/core/util/alert.service';
-import { ProgrammingExerciseExampleSolutionRepoDownloadComponent } from 'app/exercises/programming/shared/actions/programming-exercise-example-solution-repo-download.component';
 import * as ExamUtils from 'app/exam/participate/exam.utils';
-import { CollapsibleCardComponent } from 'app/exam/participate/summary/collapsible-card.component';
-import { provideHttpClientTesting } from '@angular/common/http/testing';
+import { ArtemisTestModule } from '../../../../test.module';
+import { ProgrammingExamSummaryComponent } from 'app/exam/participate/summary/exercises/programming-exam-summary/programming-exam-summary.component';
 
 let fixture: ComponentFixture<ExamResultSummaryComponent>;
 let component: ExamResultSummaryComponent;
@@ -172,34 +152,15 @@ const gradeInfo: StudentExamWithGradeDTO = {
 function sharedSetup(url: string[]) {
     beforeEach(() => {
         return TestBed.configureTestingModule({
-            imports: [NgbCollapseMocksModule],
+            imports: [ArtemisTestModule],
             declarations: [
                 ExamResultSummaryComponent,
-                MockComponent(TestRunRibbonComponent),
                 MockComponent(ExamResultOverviewComponent),
-                MockComponent(ExamGeneralInformationComponent),
-                MockComponent(ResultComponent),
-                MockComponent(UpdatingResultComponent),
-                MockComponent(ProgrammingExerciseInstructionComponent),
                 MockComponent(ProgrammingExamSummaryComponent),
-                MockComponent(QuizExamSummaryComponent),
                 MockComponent(ModelingExamSummaryComponent),
                 MockComponent(TextExamSummaryComponent),
-                MockComponent(FileUploadExamSummaryComponent),
-                MockComponent(ComplaintsStudentViewComponent),
-                MockComponent(FaIconComponent),
-                MockComponent(ExamResultSummaryExerciseCardHeaderComponent),
-                MockDirective(TranslateDirective),
-                MockPipe(ArtemisTranslatePipe),
-                MockPipe(HtmlForMarkdownPipe),
-                MockComponent(IncludedInScoreBadgeComponent),
-                MockComponent(ProgrammingExerciseExampleSolutionRepoDownloadComponent),
-                MockComponent(CollapsibleCardComponent),
             ],
             providers: [
-                provideRouter([]),
-                provideHttpClient(),
-                provideHttpClientTesting(),
                 {
                     provide: ActivatedRoute,
                     useValue: {
@@ -217,15 +178,9 @@ function sharedSetup(url: string[]) {
                         },
                     },
                 },
-                MockProvider(CourseManagementService, {
-                    find: () => {
-                        return of(new HttpResponse({ body: { accuracyOfScores: 1 } }));
-                    },
-                }),
                 { provide: LocalStorageService, useClass: MockLocalStorageService },
                 { provide: ArtemisServerDateService, useClass: MockArtemisServerDateService },
                 { provide: ExamParticipationService, useClass: MockExamParticipationService },
-                MockProvider(AlertService),
             ],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/component/exam/participate/summary/exercises/file-upload-exam-summary.component.spec.ts b/src/test/javascript/spec/component/exam/participate/summary/exercises/file-upload-exam-summary.component.spec.ts
index f06a761ea035..c1d080216106 100644
--- a/src/test/javascript/spec/component/exam/participate/summary/exercises/file-upload-exam-summary.component.spec.ts
+++ b/src/test/javascript/spec/component/exam/participate/summary/exercises/file-upload-exam-summary.component.spec.ts
@@ -1,13 +1,10 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { FileUploadExamSummaryComponent } from 'app/exam/participate/summary/exercises/file-upload-exam-summary/file-upload-exam-summary.component';
-import { MockComponent, MockPipe } from 'ng-mocks';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { provideHttpClientTesting } from '@angular/common/http/testing';
 import { FileUploadSubmission } from 'app/entities/file-upload-submission.model';
 import { By } from '@angular/platform-browser';
 import { FileUploadSubmissionComponent } from 'app/exercises/file-upload/participate/file-upload-submission.component';
 import { FileUploadExercise } from 'app/entities/file-upload-exercise.model';
-import { provideHttpClient } from '@angular/common/http';
+import { ArtemisTestModule } from '../../../../../test.module';
 
 describe('FileUploadExamSummaryComponent', () => {
     let fixture: ComponentFixture<FileUploadExamSummaryComponent>;
@@ -17,9 +14,7 @@ describe('FileUploadExamSummaryComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [],
-            declarations: [FileUploadExamSummaryComponent, MockPipe(ArtemisTranslatePipe), MockComponent(FileUploadSubmissionComponent)],
-            providers: [provideHttpClient(), provideHttpClientTesting()],
+            imports: [ArtemisTestModule],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/exam/participate/summary/exercises/modeling-exam-summary.component.spec.ts b/src/test/javascript/spec/component/exam/participate/summary/exercises/modeling-exam-summary.component.spec.ts
index bf71c97183e3..3325986d8ae6 100644
--- a/src/test/javascript/spec/component/exam/participate/summary/exercises/modeling-exam-summary.component.spec.ts
+++ b/src/test/javascript/spec/component/exam/participate/summary/exercises/modeling-exam-summary.component.spec.ts
@@ -4,20 +4,16 @@ import { Course } from 'app/entities/course.model';
 import { ModelingExercise } from 'app/entities/modeling-exercise.model';
 import { ModelingSubmission } from 'app/entities/modeling-submission.model';
 import { ModelingExamSummaryComponent } from 'app/exam/participate/summary/exercises/modeling-exam-summary/modeling-exam-summary.component';
-import { MockComponent } from 'ng-mocks';
 import { ModelingSubmissionComponent } from 'app/exercises/modeling/participate/modeling-submission.component';
 import { UMLDiagramType } from '@ls1intum/apollon';
+import { ArtemisTestModule } from '../../../../../test.module';
 
 describe('ModelingExamSummaryComponent', () => {
     let fixture: ComponentFixture<ModelingExamSummaryComponent>;
     let component: ModelingExamSummaryComponent;
 
     beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [],
-            declarations: [ModelingExamSummaryComponent, MockComponent(ModelingSubmissionComponent)],
-            schemas: [],
-        })
+        TestBed.configureTestingModule({ imports: [ArtemisTestModule] })
             .compileComponents()
             .then(() => {
                 fixture = TestBed.createComponent(ModelingExamSummaryComponent);
diff --git a/src/test/javascript/spec/component/exam/participate/summary/exercises/programming-exam-summary.component.spec.ts b/src/test/javascript/spec/component/exam/participate/summary/exercises/programming-exam-summary.component.spec.ts
index 6d8d7327aed3..68e8be7b5945 100644
--- a/src/test/javascript/spec/component/exam/participate/summary/exercises/programming-exam-summary.component.spec.ts
+++ b/src/test/javascript/spec/component/exam/participate/summary/exercises/programming-exam-summary.component.spec.ts
@@ -1,13 +1,8 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ExerciseType } from 'app/entities/exercise.model';
-import { MockComponent, MockPipe, MockProvider } from 'ng-mocks';
 import { ProgrammingExamSummaryComponent } from 'app/exam/participate/summary/exercises/programming-exam-summary/programming-exam-summary.component';
 import { CodeButtonComponent } from 'app/shared/components/code-button/code-button.component';
 import { FeedbackComponent } from 'app/exercises/shared/feedback/feedback.component';
-import { ProgrammingExerciseInstructionComponent } from 'app/exercises/programming/shared/instructions-render/programming-exercise-instruction.component';
-import { ComplaintsStudentViewComponent } from 'app/complaints/complaints-for-students/complaints-student-view.component';
-import { ExerciseService } from 'app/exercises/shared/exercise/exercise.service';
-import { ExerciseCacheService } from 'app/exercises/shared/exercise/exercise-cache.service';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { ProgrammingSubmission } from 'app/entities/programming/programming-submission.model';
@@ -15,10 +10,8 @@ import { User } from 'app/core/user/user.model';
 import { ProgrammingExerciseStudentParticipation } from 'app/entities/participation/programming-exercise-student-participation.model';
 import { Exam } from 'app/entities/exam/exam.model';
 import { ExerciseGroup } from 'app/entities/exercise-group.model';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { ProfileInfo } from 'app/shared/layouts/profiles/profile-info.model';
 import { BehaviorSubject } from 'rxjs';
-import { MockProfileService } from '../../../../../helpers/mocks/service/mock-profile.service';
 import { SubmissionType } from 'app/entities/submission.model';
 import { ParticipationType } from 'app/entities/participation/participation.model';
 import { By } from '@angular/platform-browser';
@@ -26,6 +19,9 @@ import dayjs from 'dayjs/esm';
 import { Result } from 'app/entities/result.model';
 import { Feedback } from 'app/entities/feedback.model';
 import { AssessmentType } from 'app/entities/assessment-type.model';
+import { ArtemisTestModule } from '../../../../../test.module';
+import { MockSyncStorage } from '../../../../../helpers/mocks/service/mock-sync-storage.service';
+import { LocalStorageService } from 'ngx-webstorage';
 
 const user = { id: 1, name: 'Test User' } as User;
 
@@ -99,22 +95,8 @@ describe('ProgrammingExamSummaryComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            declarations: [
-                ProgrammingExamSummaryComponent,
-                MockComponent(CodeButtonComponent),
-                MockComponent(FeedbackComponent),
-                MockComponent(ProgrammingExerciseInstructionComponent),
-                MockComponent(ComplaintsStudentViewComponent),
-                MockPipe(ArtemisTranslatePipe),
-            ],
-            providers: [
-                MockProvider(ExerciseService),
-                MockProvider(ExerciseCacheService),
-                {
-                    provide: ProfileService,
-                    useValue: new MockProfileService(),
-                },
-            ],
+            imports: [ArtemisTestModule],
+            providers: [{ provide: LocalStorageService, useClass: MockSyncStorage }],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/exam/participate/summary/exercises/quiz-exam-summary.component.spec.ts b/src/test/javascript/spec/component/exam/participate/summary/exercises/quiz-exam-summary.component.spec.ts
index aa873e10d504..ab1220e4cc9c 100644
--- a/src/test/javascript/spec/component/exam/participate/summary/exercises/quiz-exam-summary.component.spec.ts
+++ b/src/test/javascript/spec/component/exam/participate/summary/exercises/quiz-exam-summary.component.spec.ts
@@ -1,7 +1,4 @@
-import { provideHttpClient } from '@angular/common/http';
-import { provideHttpClientTesting } from '@angular/common/http/testing';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { TranslateService } from '@ngx-translate/core';
 import { Exam } from 'app/entities/exam/exam.model';
 import { StudentParticipation } from 'app/entities/participation/student-participation.model';
 import { AnswerOption } from 'app/entities/quiz/answer-option.model';
@@ -22,12 +19,8 @@ import { ShortAnswerSpot } from 'app/entities/quiz/short-answer-spot.model';
 import { ShortAnswerSubmittedAnswer } from 'app/entities/quiz/short-answer-submitted-answer.model';
 import { ShortAnswerSubmittedText } from 'app/entities/quiz/short-answer-submitted-text.model';
 import { QuizExamSummaryComponent } from 'app/exam/participate/summary/exercises/quiz-exam-summary/quiz-exam-summary.component';
-import { QuizExerciseService } from 'app/exercises/quiz/manage/quiz-exercise.service';
-import { ArtemisQuizQuestionTypesModule } from 'app/exercises/quiz/shared/questions/artemis-quiz-question-types.module';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { ArtemisServerDateService } from 'app/shared/server-date.service';
 import dayjs from 'dayjs/esm';
-import { MockModule, MockPipe, MockProvider } from 'ng-mocks';
+import { ArtemisTestModule } from '../../../../../test.module';
 
 const multipleChoiceQuestion = { id: 1, type: QuizQuestionType.MULTIPLE_CHOICE } as MultipleChoiceQuestion;
 const wrongAnswerOption = { id: 1, isCorrect: false, question: multipleChoiceQuestion } as AnswerOption;
@@ -78,9 +71,7 @@ describe('QuizExamSummaryComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [MockModule(ArtemisQuizQuestionTypesModule)],
-            declarations: [QuizExamSummaryComponent, MockPipe(ArtemisTranslatePipe)],
-            providers: [provideHttpClient(), provideHttpClientTesting(), MockProvider(TranslateService), MockProvider(QuizExerciseService), MockProvider(ArtemisServerDateService)],
+            imports: [ArtemisTestModule],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/exam/participate/summary/exercises/text-exam-summary.component.spec.ts b/src/test/javascript/spec/component/exam/participate/summary/exercises/text-exam-summary.component.spec.ts
index cf9a391476c0..407411ba0dac 100644
--- a/src/test/javascript/spec/component/exam/participate/summary/exercises/text-exam-summary.component.spec.ts
+++ b/src/test/javascript/spec/component/exam/participate/summary/exercises/text-exam-summary.component.spec.ts
@@ -3,15 +3,15 @@ import { TextExamSummaryComponent } from 'app/exam/participate/summary/exercises
 import { TextSubmission } from 'app/entities/text/text-submission.model';
 import { Exercise } from 'app/entities/exercise.model';
 import { TextEditorComponent } from 'app/exercises/text/participate/text-editor.component';
-import { MockComponent } from 'ng-mocks';
-import { By } from '@angular/platform-browser'; // Import By
+import { By } from '@angular/platform-browser';
+import { ArtemisTestModule } from '../../../../../test.module';
 
 describe('TextExamSummaryComponent', () => {
     let fixture: ComponentFixture<TextExamSummaryComponent>;
     let component: TextExamSummaryComponent;
 
     beforeEach(() => {
-        TestBed.configureTestingModule({ declarations: [TextExamSummaryComponent, MockComponent(TextEditorComponent)] })
+        TestBed.configureTestingModule({ imports: [ArtemisTestModule] })
             .compileComponents()
             .then(() => {
                 fixture = TestBed.createComponent(TextExamSummaryComponent);
@@ -33,7 +33,7 @@ describe('TextExamSummaryComponent', () => {
 
         const textEditorComponent = fixture.debugElement.query(By.directive(TextEditorComponent)).componentInstance;
         expect(textEditorComponent).not.toBeNull();
-        expect(textEditorComponent.participationId).toBe(1);
-        expect(textEditorComponent.inputSubmission.text).toBe(submissionText);
+        expect(textEditorComponent.participationId()).toBe(1);
+        expect(textEditorComponent.inputSubmission().text).toBe(submissionText);
     });
 });
diff --git a/src/test/javascript/spec/component/exam/participate/summary/result-overview/exam-result-overview.component.spec.ts b/src/test/javascript/spec/component/exam/participate/summary/result-overview/exam-result-overview.component.spec.ts
index a486b4350061..7914fb5066ae 100644
--- a/src/test/javascript/spec/component/exam/participate/summary/result-overview/exam-result-overview.component.spec.ts
+++ b/src/test/javascript/spec/component/exam/participate/summary/result-overview/exam-result-overview.component.spec.ts
@@ -1,6 +1,6 @@
 import dayjs from 'dayjs/esm';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MockComponent, MockModule, MockPipe, MockProvider } from 'ng-mocks';
+import { MockComponent, MockPipe } from 'ng-mocks';
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { User } from 'app/core/user/user.model';
 import { Exam } from 'app/entities/exam/exam.model';
@@ -11,18 +11,14 @@ import { TextExercise } from 'app/entities/text/text-exercise.model';
 import { QuizExercise } from 'app/entities/quiz/quiz-exercise.model';
 import { ModelingExercise } from 'app/entities/modeling-exercise.model';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
-import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
-import { provideHttpClientTesting } from '@angular/common/http/testing';
 import { Result } from 'app/entities/result.model';
-import { ExerciseService } from 'app/exercises/shared/exercise/exercise.service';
 import { GradeType } from 'app/entities/grading-scale.model';
 import { Course } from 'app/entities/course.model';
 import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { ExerciseResult, StudentExamWithGradeDTO } from 'app/exam/exam-scores/exam-score-dtos.model';
 import { GradingKeyTableComponent } from 'app/grading-system/grading-key-overview/grading-key/grading-key-table.component';
 import { CollapsibleCardComponent } from 'app/exam/participate/summary/collapsible-card.component';
-import { provideHttpClient } from '@angular/common/http';
-import { provideRouter } from '@angular/router';
+import { ArtemisTestModule } from '../../../../../test.module';
 
 let fixture: ComponentFixture<ExamResultOverviewComponent>;
 let component: ExamResultOverviewComponent;
@@ -129,7 +125,7 @@ const textExerciseResult = {
 describe('ExamResultOverviewComponent', () => {
     beforeEach(() => {
         return TestBed.configureTestingModule({
-            imports: [MockModule(NgbModule)],
+            imports: [ArtemisTestModule],
             declarations: [
                 ExamResultOverviewComponent,
                 MockComponent(FaIconComponent),
@@ -137,7 +133,6 @@ describe('ExamResultOverviewComponent', () => {
                 MockComponent(GradingKeyTableComponent),
                 MockComponent(CollapsibleCardComponent),
             ],
-            providers: [provideRouter([]), provideHttpClient(), provideHttpClientTesting(), MockProvider(ExerciseService)],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/exam/shared/events/exam-live-event.component.spec.ts b/src/test/javascript/spec/component/exam/shared/events/exam-live-event.component.spec.ts
index fe01da3df68d..7996d71bdca8 100644
--- a/src/test/javascript/spec/component/exam/shared/events/exam-live-event.component.spec.ts
+++ b/src/test/javascript/spec/component/exam/shared/events/exam-live-event.component.spec.ts
@@ -8,16 +8,9 @@ import {
     ProblemStatementUpdateEvent,
     WorkingTimeUpdateEvent,
 } from 'app/exam/participate/exam-participation-live-events.service';
-import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
 import { MockTranslateService } from '../../../../helpers/mocks/service/mock-translate.service';
 import { TranslateService } from '@ngx-translate/core';
-import { HtmlForMarkdownPipe } from 'app/shared/pipes/html-for-markdown.pipe';
-import { ArtemisDurationFromSecondsPipe } from 'app/shared/pipes/artemis-duration-from-seconds.pipe';
-import { WorkingTimeChangeComponent } from 'app/exam/shared/working-time-change/working-time-change.component';
-import { TranslateDirective } from 'app/shared/language/translate.directive';
-import { MockDirective } from 'ng-mocks';
+import { ArtemisTestModule } from '../../../../test.module';
 
 describe('ExamLiveEventComponent', () => {
     let component: ExamLiveEventComponent;
@@ -25,16 +18,7 @@ describe('ExamLiveEventComponent', () => {
 
     beforeEach(async () => {
         await TestBed.configureTestingModule({
-            declarations: [
-                ExamLiveEventComponent,
-                WorkingTimeChangeComponent,
-                ArtemisTranslatePipe,
-                ArtemisDatePipe,
-                HtmlForMarkdownPipe,
-                ArtemisDurationFromSecondsPipe,
-                MockDirective(TranslateDirective),
-            ],
-            imports: [FontAwesomeModule],
+            imports: [ArtemisTestModule],
             providers: [{ provide: TranslateService, useClass: MockTranslateService }],
         }).compileComponents();
 
diff --git a/src/test/javascript/spec/component/exam/shared/student-exam-working-time.component.spec.ts b/src/test/javascript/spec/component/exam/shared/student-exam-working-time.component.spec.ts
index 81da42c6eb6a..c936e9e4a1bd 100644
--- a/src/test/javascript/spec/component/exam/shared/student-exam-working-time.component.spec.ts
+++ b/src/test/javascript/spec/component/exam/shared/student-exam-working-time.component.spec.ts
@@ -1,10 +1,9 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MockPipe } from 'ng-mocks';
 import dayjs from 'dayjs/esm';
 import { StudentExamWorkingTimeComponent } from 'app/exam/shared/student-exam-working-time/student-exam-working-time.component';
-import { ArtemisDurationFromSecondsPipe } from 'app/shared/pipes/artemis-duration-from-seconds.pipe';
 import { Exam } from 'app/entities/exam/exam.model';
 import { StudentExam } from 'app/entities/student-exam.model';
+import { ArtemisTestModule } from '../../../test.module';
 
 describe('StudentExamWorkingTimeComponent', () => {
     let fixture: ComponentFixture<StudentExamWorkingTimeComponent>;
@@ -16,8 +15,7 @@ describe('StudentExamWorkingTimeComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [],
-            declarations: [StudentExamWorkingTimeComponent, MockPipe(ArtemisDurationFromSecondsPipe)],
+            imports: [ArtemisTestModule],
             providers: [],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/component/exam/shared/testexam-working-time.component.spec.ts b/src/test/javascript/spec/component/exam/shared/testexam-working-time.component.spec.ts
index b3ca685443bd..41e72cb8885e 100644
--- a/src/test/javascript/spec/component/exam/shared/testexam-working-time.component.spec.ts
+++ b/src/test/javascript/spec/component/exam/shared/testexam-working-time.component.spec.ts
@@ -1,15 +1,14 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MockPipe } from 'ng-mocks';
 import dayjs from 'dayjs/esm';
-import { ArtemisDurationFromSecondsPipe } from 'app/shared/pipes/artemis-duration-from-seconds.pipe';
 import { Exam } from 'app/entities/exam/exam.model';
 import { StudentExam } from 'app/entities/student-exam.model';
-import { TestexamWorkingTimeComponent } from 'app/exam/shared/testExam-workingTime/testexam-working-time.component';
+import { TestExamWorkingTimeComponent } from '../../../../../../main/webapp/app/exam/shared/testExam-workingTime/test-exam-working-time.component';
 import { round } from 'app/shared/util/utils';
+import { ArtemisTestModule } from '../../../test.module';
 
 describe('TestExamWorkingTimeComponent', () => {
-    let fixture: ComponentFixture<TestexamWorkingTimeComponent>;
-    let comp: TestexamWorkingTimeComponent;
+    let fixture: ComponentFixture<TestExamWorkingTimeComponent>;
+    let comp: TestExamWorkingTimeComponent;
 
     let exam: Exam;
     let studentExam: StudentExam;
@@ -17,13 +16,12 @@ describe('TestExamWorkingTimeComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [],
-            declarations: [TestexamWorkingTimeComponent, MockPipe(ArtemisDurationFromSecondsPipe)],
+            imports: [ArtemisTestModule],
             providers: [],
         })
             .compileComponents()
             .then(() => {
-                fixture = TestBed.createComponent(TestexamWorkingTimeComponent);
+                fixture = TestBed.createComponent(TestExamWorkingTimeComponent);
                 comp = fixture.componentInstance;
 
                 exam = new Exam();
diff --git a/src/test/javascript/spec/component/exam/shared/working-time-control.component.spec.ts b/src/test/javascript/spec/component/exam/shared/working-time-control.component.spec.ts
index 322846cc0bb2..795f9594d397 100644
--- a/src/test/javascript/spec/component/exam/shared/working-time-control.component.spec.ts
+++ b/src/test/javascript/spec/component/exam/shared/working-time-control.component.spec.ts
@@ -14,7 +14,6 @@ describe('WorkingTimeControlComponent', () => {
     beforeEach(async () => {
         await TestBed.configureTestingModule({
             imports: [FormsModule],
-            declarations: [WorkingTimeControlComponent],
         }).compileComponents();
         fixture = TestBed.createComponent(WorkingTimeControlComponent);
         component = fixture.componentInstance;
diff --git a/src/test/javascript/spec/component/exam/test-run/create-test-run-modal.component.spec.ts b/src/test/javascript/spec/component/exam/test-run/create-test-run-modal.component.spec.ts
index 4ca659c9076f..b4d0ed28028c 100644
--- a/src/test/javascript/spec/component/exam/test-run/create-test-run-modal.component.spec.ts
+++ b/src/test/javascript/spec/component/exam/test-run/create-test-run-modal.component.spec.ts
@@ -5,13 +5,10 @@ import { CreateTestRunModalComponent } from 'app/exam/manage/test-runs/create-te
 import dayjs from 'dayjs/esm';
 import { Exercise, ExerciseType } from 'app/entities/exercise.model';
 import { ExerciseGroup } from 'app/entities/exercise-group.model';
-import { ArtemisDurationFromSecondsPipe } from 'app/shared/pipes/artemis-duration-from-seconds.pipe';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { NgbActiveModal, NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { By } from '@angular/platform-browser';
 import { StudentExam } from 'app/entities/student-exam.model';
-import { TranslateService } from '@ngx-translate/core';
-import { MockTranslateService } from '../../../helpers/mocks/service/mock-translate.service';
+import { ArtemisTestModule } from '../../../test.module';
 
 describe('Create Test Run Modal Component', () => {
     let comp: CreateTestRunModalComponent;
@@ -25,14 +22,7 @@ describe('Create Test Run Modal Component', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [FormsModule, ReactiveFormsModule],
-            declarations: [CreateTestRunModalComponent],
-            providers: [
-                NgbModal,
-                NgbActiveModal,
-                { provide: ArtemisDurationFromSecondsPipe, useClass: ArtemisDurationFromSecondsPipe },
-                { provide: TranslateService, useClass: MockTranslateService },
-            ],
+            imports: [ArtemisTestModule],
         }).compileComponents();
 
         fixture = TestBed.createComponent(CreateTestRunModalComponent);
diff --git a/src/test/javascript/spec/component/exercise-detail.directive.spec.ts b/src/test/javascript/spec/component/exercise-detail.directive.spec.ts
index 50ed496b1b34..cd84a4f875ee 100644
--- a/src/test/javascript/spec/component/exercise-detail.directive.spec.ts
+++ b/src/test/javascript/spec/component/exercise-detail.directive.spec.ts
@@ -27,7 +27,8 @@ import { ProgrammingDiffReportDetailComponent } from 'app/detail-overview-list/c
 import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Component({
-    template: `<div jhiExerciseDetail [detail]="detail"></div>`,
+    template: ` <div jhiExerciseDetail [detail]="detail"></div>`,
+    imports: [ExerciseDetailDirective],
 })
 class TestDetailHostComponent {
     @ViewChild(ExerciseDetailDirective) directive: ExerciseDetailDirective;
diff --git a/src/test/javascript/spec/component/exercises/problem-statement.component.spec.ts b/src/test/javascript/spec/component/exercises/problem-statement.component.spec.ts
index 8135e4878ae5..c4eae7efc51f 100644
--- a/src/test/javascript/spec/component/exercises/problem-statement.component.spec.ts
+++ b/src/test/javascript/spec/component/exercises/problem-statement.component.spec.ts
@@ -9,11 +9,9 @@ import { Course } from 'app/entities/course.model';
 import { TextExercise } from 'app/entities/text/text-exercise.model';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { ProblemStatementComponent } from 'app/overview/exercise-details/problem-statement/problem-statement.component';
-import { TranslatePipeMock } from '../../helpers/mocks/service/mock-translate.service';
-import { HtmlForMarkdownPipe } from 'app/shared/pipes/html-for-markdown.pipe';
-import { ProgrammingExerciseInstructionComponent } from 'app/exercises/programming/shared/instructions-render/programming-exercise-instruction.component';
-import { MockComponent, MockProvider } from 'ng-mocks';
+import { MockProvider } from 'ng-mocks';
 import { Exercise, ExerciseType } from 'app/entities/exercise.model';
+import { ArtemisTestModule } from '../../test.module';
 
 describe('ProblemStatementComponent', () => {
     let component: ProblemStatementComponent;
@@ -36,7 +34,7 @@ describe('ProblemStatementComponent', () => {
         };
 
         TestBed.configureTestingModule({
-            declarations: [ProblemStatementComponent, TranslatePipeMock, HtmlForMarkdownPipe, MockComponent(ProgrammingExerciseInstructionComponent)],
+            imports: [ArtemisTestModule],
             providers: [{ provide: ActivatedRoute, useValue: mockActivatedRoute }, MockProvider(ParticipationService), MockProvider(ExerciseService)],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/component/exercises/programming/assess/code-editor-tutor-assessment-inline-feedback-suggestion.component.spec.ts b/src/test/javascript/spec/component/exercises/programming/assess/code-editor-tutor-assessment-inline-feedback-suggestion.component.spec.ts
index bd4037cfa910..72afe9168824 100644
--- a/src/test/javascript/spec/component/exercises/programming/assess/code-editor-tutor-assessment-inline-feedback-suggestion.component.spec.ts
+++ b/src/test/javascript/spec/component/exercises/programming/assess/code-editor-tutor-assessment-inline-feedback-suggestion.component.spec.ts
@@ -1,12 +1,12 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
-import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { EventEmitter } from '@angular/core';
 import { Feedback } from 'app/entities/feedback.model';
 import { Course } from 'app/entities/course.model';
 import { CodeEditorTutorAssessmentInlineFeedbackSuggestionComponent } from 'app/exercises/programming/assess/code-editor-tutor-assessment-inline-feedback-suggestion.component';
 import { MockComponent } from 'ng-mocks';
 import { FeedbackSuggestionBadgeComponent } from 'app/exercises/shared/feedback/feedback-suggestion-badge/feedback-suggestion-badge.component';
+import { ArtemisTestModule } from '../../../../test.module';
 
 describe('CodeEditorTutorAssessmentInlineFeedbackSuggestionComponent', () => {
     let component: CodeEditorTutorAssessmentInlineFeedbackSuggestionComponent;
@@ -14,7 +14,7 @@ describe('CodeEditorTutorAssessmentInlineFeedbackSuggestionComponent', () => {
 
     beforeEach(async () => {
         await TestBed.configureTestingModule({
-            imports: [FontAwesomeModule],
+            imports: [ArtemisTestModule],
             declarations: [CodeEditorTutorAssessmentInlineFeedbackSuggestionComponent, MockComponent(FeedbackSuggestionBadgeComponent)],
         }).compileComponents();
     });
diff --git a/src/test/javascript/spec/component/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-badge.component.spec.ts b/src/test/javascript/spec/component/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-badge.component.spec.ts
index 46564b3b190d..5d5afbbcac9a 100644
--- a/src/test/javascript/spec/component/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-badge.component.spec.ts
+++ b/src/test/javascript/spec/component/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-badge.component.spec.ts
@@ -1,9 +1,8 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
-import { TranslateModule, TranslateService } from '@ngx-translate/core';
+import { TranslateService } from '@ngx-translate/core';
 import { FileBadge, FileBadgeType } from 'app/exercises/programming/shared/code-editor/model/code-editor.model';
 import { CodeEditorFileBrowserBadgeComponent } from 'app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-badge.component';
+import { ArtemisTestModule } from '../../../../../../test.module';
 
 describe('CodeEditorFileBrowserBadgeComponent', () => {
     let component: CodeEditorFileBrowserBadgeComponent;
@@ -12,9 +11,7 @@ describe('CodeEditorFileBrowserBadgeComponent', () => {
 
     beforeEach(async () => {
         await TestBed.configureTestingModule({
-            imports: [FontAwesomeModule, NgbModule, TranslateModule.forRoot()],
-            declarations: [CodeEditorFileBrowserBadgeComponent],
-            providers: [TranslateService],
+            imports: [ArtemisTestModule],
         }).compileComponents();
 
         translateService = TestBed.inject(TranslateService);
diff --git a/src/test/javascript/spec/component/exercises/quiz/manage/quiz-exercise-detail.component.spec.ts b/src/test/javascript/spec/component/exercises/quiz/manage/quiz-exercise-detail.component.spec.ts
index 5aed5331a72c..7d5e449ac1e5 100644
--- a/src/test/javascript/spec/component/exercises/quiz/manage/quiz-exercise-detail.component.spec.ts
+++ b/src/test/javascript/spec/component/exercises/quiz/manage/quiz-exercise-detail.component.spec.ts
@@ -10,7 +10,6 @@ import { Course } from 'app/entities/course.model';
 import { MockSyncStorage } from '../../../../helpers/mocks/service/mock-sync-storage.service';
 import { MockTranslateService } from '../../../../helpers/mocks/service/mock-translate.service';
 import { ArtemisTestModule } from '../../../../test.module';
-import { QuizExerciseLifecycleButtonsComponent } from 'app/exercises/quiz/manage/quiz-exercise-lifecycle-buttons.component';
 import { AlertService } from 'app/core/util/alert.service';
 import { MockAlertService } from '../../../../helpers/mocks/service/mock-alert.service';
 import { QuizExerciseDetailComponent } from 'app/exercises/quiz/manage/quiz-exercise-detail.component';
@@ -37,7 +36,6 @@ describe('QuizExercise Details Component', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [QuizExerciseLifecycleButtonsComponent],
             providers: [
                 { provide: ActivatedRoute, useValue: route },
                 { provide: LocalStorageService, useClass: MockSyncStorage },
diff --git a/src/test/javascript/spec/component/exercises/quiz/manage/quiz-exercise-lifecycle-buttons.component.spec.ts b/src/test/javascript/spec/component/exercises/quiz/manage/quiz-exercise-lifecycle-buttons.component.spec.ts
index fae040e5bc11..515cfa02f736 100644
--- a/src/test/javascript/spec/component/exercises/quiz/manage/quiz-exercise-lifecycle-buttons.component.spec.ts
+++ b/src/test/javascript/spec/component/exercises/quiz/manage/quiz-exercise-lifecycle-buttons.component.spec.ts
@@ -32,7 +32,6 @@ describe('QuizExercise Lifecycle Buttons Component', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [QuizExerciseLifecycleButtonsComponent],
             providers: [
                 { provide: ActivatedRoute, useValue: route },
                 { provide: LocalStorageService, useClass: MockSyncStorage },
diff --git a/src/test/javascript/spec/component/exercises/quiz/manage/quiz-exercise-manage-buttons.component.spec.ts b/src/test/javascript/spec/component/exercises/quiz/manage/quiz-exercise-manage-buttons.component.spec.ts
index 2322eff838ca..fb32e9a112bd 100644
--- a/src/test/javascript/spec/component/exercises/quiz/manage/quiz-exercise-manage-buttons.component.spec.ts
+++ b/src/test/javascript/spec/component/exercises/quiz/manage/quiz-exercise-manage-buttons.component.spec.ts
@@ -31,7 +31,6 @@ describe('QuizExercise Management Buttons Component', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [QuizExerciseManageButtonsComponent],
             providers: [
                 { provide: ActivatedRoute, useValue: route },
                 { provide: LocalStorageService, useClass: MockSyncStorage },
diff --git a/src/test/javascript/spec/component/exercises/quiz/manage/quiz-pool-mapping-question-list.component.spec.ts b/src/test/javascript/spec/component/exercises/quiz/manage/quiz-pool-mapping-question-list.component.spec.ts
index e4d6fe61cc0d..d3d8294f83b9 100644
--- a/src/test/javascript/spec/component/exercises/quiz/manage/quiz-pool-mapping-question-list.component.spec.ts
+++ b/src/test/javascript/spec/component/exercises/quiz/manage/quiz-pool-mapping-question-list.component.spec.ts
@@ -1,10 +1,6 @@
 import { provideHttpClientTesting } from '@angular/common/http/testing';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { MockDirective, MockPipe } from 'ng-mocks';
 import { ArtemisTestModule } from '../../../../test.module';
-import { TranslateDirective } from 'app/shared/language/translate.directive';
 import { QuizPoolMappingQuestionListComponent } from 'app/exercises/quiz/manage/quiz-pool-mapping-question-list.component';
 import { QuizQuestion } from 'app/entities/quiz/quiz-question.model';
 // Mock before import to prevent errors
@@ -27,7 +23,6 @@ describe('QuizPoolMappingQuestionListComponent', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule, DragDrop.DragDropModule],
-            declarations: [QuizPoolMappingQuestionListComponent, MockPipe(ArtemisTranslatePipe), MockPipe(ArtemisDatePipe), MockDirective(TranslateDirective)],
             providers: [provideHttpClient(), provideHttpClientTesting()],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/component/exercises/quiz/manage/quiz-pool-mapping.component.spec.ts b/src/test/javascript/spec/component/exercises/quiz/manage/quiz-pool-mapping.component.spec.ts
index 8c0c3e6c9cd8..4d856037aa92 100644
--- a/src/test/javascript/spec/component/exercises/quiz/manage/quiz-pool-mapping.component.spec.ts
+++ b/src/test/javascript/spec/component/exercises/quiz/manage/quiz-pool-mapping.component.spec.ts
@@ -1,18 +1,9 @@
 import { provideHttpClientTesting } from '@angular/common/http/testing';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { ButtonComponent } from 'app/shared/components/button.component';
-import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { MockComponent, MockDirective, MockPipe } from 'ng-mocks';
 import { ArtemisTestModule } from '../../../../test.module';
-import { TranslateDirective } from 'app/shared/language/translate.directive';
-import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
-import { NgModel } from '@angular/forms';
-import { QuizPoolMappingQuestionListComponent } from 'app/exercises/quiz/manage/quiz-pool-mapping-question-list.component';
 import { QuizPoolMappingComponent } from 'app/exercises/quiz/manage/quiz-pool-mapping.component';
 import { QuizGroup } from 'app/entities/quiz/quiz-group.model';
 import { MultipleChoiceQuestion } from 'app/entities/quiz/multiple-choice-question.model';
-import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
 import { provideHttpClient } from '@angular/common/http';
 
 describe('QuizPoolMappingComponent', () => {
@@ -21,17 +12,7 @@ describe('QuizPoolMappingComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, MockDirective(NgbTooltip)],
-            declarations: [
-                QuizPoolMappingComponent,
-                ButtonComponent,
-                MockPipe(ArtemisTranslatePipe),
-                MockPipe(ArtemisDatePipe),
-                MockDirective(TranslateDirective),
-                MockComponent(QuizPoolMappingQuestionListComponent),
-                MockDirective(NgModel),
-                MockDirective(DeleteButtonDirective),
-            ],
+            imports: [ArtemisTestModule],
             providers: [provideHttpClient(), provideHttpClientTesting()],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/component/exercises/quiz/manage/quiz-pool.component.spec.ts b/src/test/javascript/spec/component/exercises/quiz/manage/quiz-pool.component.spec.ts
index de726ad5d815..b64170121cd6 100644
--- a/src/test/javascript/spec/component/exercises/quiz/manage/quiz-pool.component.spec.ts
+++ b/src/test/javascript/spec/component/exercises/quiz/manage/quiz-pool.component.spec.ts
@@ -13,7 +13,7 @@ import { HttpResponse, provideHttpClient } from '@angular/common/http';
 import { QuizPool } from 'app/entities/quiz/quiz-pool.model';
 import { MultipleChoiceQuestion } from 'app/entities/quiz/multiple-choice-question.model';
 import { QuizGroup } from 'app/entities/quiz/quiz-group.model';
-import { NgbModal, NgbModule } from '@ng-bootstrap/ng-bootstrap';
+import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
 import { ExamManagementService } from 'app/exam/manage/exam-management.service';
 import { Exam } from 'app/entities/exam/exam.model';
 import dayjs from 'dayjs/esm';
@@ -23,14 +23,12 @@ import { AnswerOption } from 'app/entities/quiz/answer-option.model';
 import { ChangeDetectorRef } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { AlertService } from 'app/core/util/alert.service';
-import { MockNgbModalService } from '../../../../helpers/mocks/service/mock-ngb-modal.service';
 
 describe('QuizPoolComponent', () => {
     let fixture: ComponentFixture<QuizPoolComponent>;
     let component: QuizPoolComponent;
     let quizPoolService: QuizPoolService;
     let examService: ExamManagementService;
-    let alertService: AlertService;
     let changeDetectorRef: ChangeDetectorRef;
 
     const courseId = 1;
@@ -56,7 +54,6 @@ describe('QuizPoolComponent', () => {
                 component = fixture.componentInstance;
                 quizPoolService = fixture.debugElement.injector.get(QuizPoolService);
                 examService = fixture.debugElement.injector.get(ExamManagementService);
-                alertService = fixture.debugElement.injector.get(AlertService);
                 changeDetectorRef = fixture.debugElement.injector.get(ChangeDetectorRef);
                 fixture.detectChanges();
             });
@@ -101,7 +98,8 @@ describe('QuizPoolComponent', () => {
 
     it('should call QuizGroupQuestionMappingComponent.addQuestion when there is a new question', () => {
         component.quizPool = new QuizPool();
-        component.quizPoolMappingComponent = new QuizPoolMappingComponent(alertService);
+        const quizPoolMappingFixture = TestBed.createComponent(QuizPoolMappingComponent);
+        component.quizPoolMappingComponent = quizPoolMappingFixture.componentInstance;
         const addQuestionSpy = jest.spyOn(component.quizPoolMappingComponent, 'addQuestion');
         const quizQuestion = new MultipleChoiceQuestion();
         component.handleQuestionAdded(quizQuestion);
@@ -111,7 +109,8 @@ describe('QuizPoolComponent', () => {
 
     it('should call QuizGroupQuestionMappingComponent.deleteQuestion when a question is deleted', () => {
         component.quizPool = new QuizPool();
-        component.quizPoolMappingComponent = new QuizPoolMappingComponent(alertService);
+        const quizPoolMappingFixture = TestBed.createComponent(QuizPoolMappingComponent);
+        component.quizPoolMappingComponent = quizPoolMappingFixture.componentInstance;
         const deleteQuestionSpy = jest.spyOn(component.quizPoolMappingComponent, 'deleteQuestion');
         const quizQuestion = new MultipleChoiceQuestion();
         component.handleQuestionDeleted(quizQuestion);
@@ -126,8 +125,10 @@ describe('QuizPoolComponent', () => {
         component.quizPool = quizPool;
         component.hasPendingChanges = true;
         component.isValid = true;
-        component.quizQuestionsEditComponent = new QuizQuestionListEditComponent(new MockNgbModalService() as any as NgbModal);
-        component.quizPoolMappingComponent = new QuizPoolMappingComponent(alertService);
+        const quizQuestionsEditFixture = TestBed.createComponent(QuizQuestionListEditComponent);
+        component.quizQuestionsEditComponent = quizQuestionsEditFixture.componentInstance;
+        const quizPoolMappingFixture = TestBed.createComponent(QuizPoolMappingComponent);
+        component.quizPoolMappingComponent = quizPoolMappingFixture.componentInstance;
         const parseAllQuestionsSpy = jest.spyOn(component.quizQuestionsEditComponent, 'parseAllQuestions').mockImplementation();
         const getMaxPointsSpy = jest.spyOn(component.quizPoolMappingComponent, 'getMaxPoints').mockImplementation();
         const updateQuizPoolSpy = jest.spyOn(quizPoolService, 'update').mockReturnValue(of(new HttpResponse<QuizPool>({ body: quizPool })));
@@ -159,7 +160,8 @@ describe('QuizPoolComponent', () => {
         question.answerOptions = [answerOption0, answerOption1];
         component.quizPool = new QuizPool();
         component.quizPool.quizQuestions = [question];
-        component.quizPoolMappingComponent = new QuizPoolMappingComponent(alertService);
+        const quizPoolMappingFixture = TestBed.createComponent(QuizPoolMappingComponent);
+        component.quizPoolMappingComponent = quizPoolMappingFixture.componentInstance;
         component.isValid = false;
         component.handleUpdate();
         component.isValid = true;
@@ -171,7 +173,8 @@ describe('QuizPoolComponent', () => {
         question.answerOptions = [];
         component.quizPool = new QuizPool();
         component.quizPool.quizQuestions = [question];
-        component.quizPoolMappingComponent = new QuizPoolMappingComponent(alertService);
+        const quizPoolMappingFixture = TestBed.createComponent(QuizPoolMappingComponent);
+        component.quizPoolMappingComponent = quizPoolMappingFixture.componentInstance;
         component.isValid = true;
         component.handleUpdate();
         component.isValid = false;
@@ -179,7 +182,8 @@ describe('QuizPoolComponent', () => {
 
     it('should set invalid reasons when there is a group that does not have any question', () => {
         component.quizPool = new QuizPool();
-        component.quizPoolMappingComponent = new QuizPoolMappingComponent(alertService);
+        const quizPoolMappingFixture = TestBed.createComponent(QuizPoolMappingComponent);
+        component.quizPoolMappingComponent = quizPoolMappingFixture.componentInstance;
         jest.spyOn(changeDetectorRef.constructor.prototype, 'detectChanges').mockImplementation();
         jest.spyOn(component.quizPoolMappingComponent, 'hasGroupsWithNoQuestion').mockReturnValue(true);
         jest.spyOn(component.quizPoolMappingComponent, 'getGroupNamesWithNoQuestion').mockReturnValue(['Test Group']);
@@ -196,7 +200,8 @@ describe('QuizPoolComponent', () => {
 
     it('should set invalid reasons when there is a group whose questions do not have the same points', () => {
         component.quizPool = new QuizPool();
-        component.quizPoolMappingComponent = new QuizPoolMappingComponent(alertService);
+        const quizPoolMappingFixture = TestBed.createComponent(QuizPoolMappingComponent);
+        component.quizPoolMappingComponent = quizPoolMappingFixture.componentInstance;
         jest.spyOn(changeDetectorRef.constructor.prototype, 'detectChanges').mockImplementation();
         jest.spyOn(component.quizPoolMappingComponent, 'hasGroupsWithNoQuestion').mockReturnValue(false);
         jest.spyOn(component.quizPoolMappingComponent, 'hasGroupsWithDifferentQuestionPoints').mockReturnValue(true);
diff --git a/src/test/javascript/spec/component/exercises/quiz/manage/re-evaluate/re-evaluate-drag-and-drop-question.component.spec.ts b/src/test/javascript/spec/component/exercises/quiz/manage/re-evaluate/re-evaluate-drag-and-drop-question.component.spec.ts
index ed780c1a57e2..e831d03bd373 100644
--- a/src/test/javascript/spec/component/exercises/quiz/manage/re-evaluate/re-evaluate-drag-and-drop-question.component.spec.ts
+++ b/src/test/javascript/spec/component/exercises/quiz/manage/re-evaluate/re-evaluate-drag-and-drop-question.component.spec.ts
@@ -1,8 +1,7 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { TranslateService } from '@ngx-translate/core';
-import { MockComponent, MockProvider } from 'ng-mocks';
+import { MockProvider } from 'ng-mocks';
 import { ArtemisTestModule } from '../../../../../test.module';
-import { DragAndDropQuestionEditComponent } from 'app/exercises/quiz/manage/drag-and-drop-question/drag-and-drop-question-edit.component';
 import { ReEvaluateDragAndDropQuestionComponent } from 'app/exercises/quiz/manage/re-evaluate/drag-and-drop-question/re-evaluate-drag-and-drop-question.component';
 
 describe('ReEvaluateDragAndDropQuestionComponent', () => {
@@ -19,7 +18,6 @@ describe('ReEvaluateDragAndDropQuestionComponent', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [ReEvaluateDragAndDropQuestionComponent, MockComponent(DragAndDropQuestionEditComponent)],
             providers: [MockProvider(TranslateService)],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/component/exercises/quiz/manage/re-evaluate/re-evaluate-multiple-choice-question.component.spec.ts b/src/test/javascript/spec/component/exercises/quiz/manage/re-evaluate/re-evaluate-multiple-choice-question.component.spec.ts
index 67de3457a999..cb59653ca660 100644
--- a/src/test/javascript/spec/component/exercises/quiz/manage/re-evaluate/re-evaluate-multiple-choice-question.component.spec.ts
+++ b/src/test/javascript/spec/component/exercises/quiz/manage/re-evaluate/re-evaluate-multiple-choice-question.component.spec.ts
@@ -1,22 +1,10 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { TranslateService } from '@ngx-translate/core';
-import { MockComponent, MockDirective, MockModule, MockPipe, MockProvider } from 'ng-mocks';
+import { MockBuilder, MockProvider } from 'ng-mocks';
 import { ArtemisTestModule } from '../../../../../test.module';
 import { ReEvaluateMultipleChoiceQuestionComponent } from 'app/exercises/quiz/manage/re-evaluate/multiple-choice-question/re-evaluate-multiple-choice-question.component';
-import { MultipleChoiceQuestionEditComponent } from 'app/exercises/quiz/manage/multiple-choice-question/multiple-choice-question-edit.component';
-import { NgModel } from '@angular/forms';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { Directive, Input } from '@angular/core';
 import { MultipleChoiceQuestion } from 'app/entities/quiz/multiple-choice-question.model';
 import { AnswerOption } from 'app/entities/quiz/answer-option.model';
-import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
-import { MarkdownEditorMonacoComponent } from 'app/shared/markdown-editor/monaco/markdown-editor-monaco.component';
-
-// eslint-disable-next-line @angular-eslint/directive-selector
-@Directive({ selector: '[sortableData]' })
-class MockSortableDataDirective {
-    @Input('sortableData') data: any;
-}
 
 describe('ReEvaluateMultipleChoiceQuestionComponent', () => {
     let fixture: ComponentFixture<ReEvaluateMultipleChoiceQuestionComponent>;
@@ -25,40 +13,27 @@ describe('ReEvaluateMultipleChoiceQuestionComponent', () => {
     const answer1 = { id: 1 } as AnswerOption;
     const answerBackup = { id: 1, text: 'backup' } as AnswerOption;
 
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, MockModule(NgbModule)],
-            declarations: [
-                ReEvaluateMultipleChoiceQuestionComponent,
-                MockComponent(MultipleChoiceQuestionEditComponent),
-                MockComponent(MarkdownEditorMonacoComponent),
-                MockDirective(NgModel),
-                MockDirective(MockSortableDataDirective),
-                MockPipe(ArtemisTranslatePipe),
-            ],
-            providers: [MockProvider(TranslateService)],
-        })
-            .compileComponents()
-            .then(() => {
-                fixture = TestBed.createComponent(ReEvaluateMultipleChoiceQuestionComponent);
-                component = fixture.componentInstance;
-
-                // Provide the @Inputs
-                const question = {
-                    title: 'Test Question',
-                    answerOptions: [answer1],
-                } as MultipleChoiceQuestion;
-                const backupQuestion = {
-                    title: 'Backup Test Question',
-                    text: 'Backup Text',
-                    explanation: 'Backup Explanation',
-                    hint: 'Backup Hint',
-                    answerOptions: [answerBackup],
-                } as MultipleChoiceQuestion;
-
-                component.question = question;
-                component.backupQuestion = backupQuestion;
-            });
+    beforeEach(async () => {
+        await MockBuilder(ReEvaluateMultipleChoiceQuestionComponent, ArtemisTestModule).provide(MockProvider(TranslateService));
+
+        fixture = TestBed.createComponent(ReEvaluateMultipleChoiceQuestionComponent);
+        component = fixture.componentInstance;
+
+        // Provide the @Inputs
+        const question = {
+            title: 'Test Question',
+            answerOptions: [answer1],
+        } as MultipleChoiceQuestion;
+        const backupQuestion = {
+            title: 'Backup Test Question',
+            text: 'Backup Text',
+            explanation: 'Backup Explanation',
+            hint: 'Backup Hint',
+            answerOptions: [answerBackup],
+        } as MultipleChoiceQuestion;
+
+        component.question = question;
+        component.backupQuestion = backupQuestion;
     });
 
     afterEach(() => {
diff --git a/src/test/javascript/spec/component/exercises/quiz/manage/re-evaluate/re-evaluate-short-answer-question.component.spec.ts b/src/test/javascript/spec/component/exercises/quiz/manage/re-evaluate/re-evaluate-short-answer-question.component.spec.ts
index b610fa0a4889..366ddbfbc91e 100644
--- a/src/test/javascript/spec/component/exercises/quiz/manage/re-evaluate/re-evaluate-short-answer-question.component.spec.ts
+++ b/src/test/javascript/spec/component/exercises/quiz/manage/re-evaluate/re-evaluate-short-answer-question.component.spec.ts
@@ -1,25 +1,18 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { TranslateService } from '@ngx-translate/core';
-import { MockComponent, MockProvider } from 'ng-mocks';
+import { MockBuilder, MockProvider } from 'ng-mocks';
 import { ArtemisTestModule } from '../../../../../test.module';
-import { ShortAnswerQuestionEditComponent } from 'app/exercises/quiz/manage/short-answer-question/short-answer-question-edit.component';
+
 import { ReEvaluateShortAnswerQuestionComponent } from 'app/exercises/quiz/manage/re-evaluate/short-answer-question/re-evaluate-short-answer-question.component';
 
 describe('ReEvaluateShortAnswerQuestionComponent', () => {
     let fixture: ComponentFixture<ReEvaluateShortAnswerQuestionComponent>;
     let component: ReEvaluateShortAnswerQuestionComponent;
 
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [ArtemisTestModule],
-            declarations: [ReEvaluateShortAnswerQuestionComponent, MockComponent(ShortAnswerQuestionEditComponent)],
-            providers: [MockProvider(TranslateService)],
-        })
-            .compileComponents()
-            .then(() => {
-                fixture = TestBed.createComponent(ReEvaluateShortAnswerQuestionComponent);
-                component = fixture.componentInstance;
-            });
+    beforeEach(async () => {
+        await MockBuilder(ReEvaluateShortAnswerQuestionComponent, ArtemisTestModule).provide(MockProvider(TranslateService));
+        fixture = TestBed.createComponent(ReEvaluateShortAnswerQuestionComponent);
+        component = fixture.componentInstance;
     });
 
     afterEach(() => {
diff --git a/src/test/javascript/spec/component/exercises/quiz/quiz-participation.component.spec.ts b/src/test/javascript/spec/component/exercises/quiz/quiz-participation.component.spec.ts
index ad730e43b55d..e0df4e004522 100644
--- a/src/test/javascript/spec/component/exercises/quiz/quiz-participation.component.spec.ts
+++ b/src/test/javascript/spec/component/exercises/quiz/quiz-participation.component.spec.ts
@@ -1,7 +1,7 @@
 import { HttpResponse, provideHttpClient } from '@angular/common/http';
 import { HttpTestingController, provideHttpClientTesting } from '@angular/common/http/testing';
-import { ComponentFixture, TestBed, discardPeriodicTasks, fakeAsync, tick } from '@angular/core/testing';
-import { ActivatedRoute } from '@angular/router';
+import { ComponentFixture, TestBed, discardPeriodicTasks, fakeAsync, tick, waitForAsync } from '@angular/core/testing';
+import { ActivatedRoute, Router } from '@angular/router';
 import { TranslateService } from '@ngx-translate/core';
 import { JhiWebsocketService } from 'app/core/websocket/websocket.service';
 import { StudentParticipation } from 'app/entities/participation/student-participation.model';
@@ -12,17 +12,10 @@ import { SubmittedAnswer } from 'app/entities/quiz/submitted-answer.model';
 import { Result } from 'app/entities/result.model';
 import { QuizExerciseService } from 'app/exercises/quiz/manage/quiz-exercise.service';
 import { QuizParticipationComponent } from 'app/exercises/quiz/participate/quiz-participation.component';
-import { DragAndDropQuestionComponent } from 'app/exercises/quiz/shared/questions/drag-and-drop-question/drag-and-drop-question.component';
-import { MultipleChoiceQuestionComponent } from 'app/exercises/quiz/shared/questions/multiple-choice-question/multiple-choice-question.component';
-import { ShortAnswerQuestionComponent } from 'app/exercises/quiz/shared/questions/short-answer-question/short-answer-question.component';
 import { ParticipationService } from 'app/exercises/shared/participation/participation.service';
-import { ButtonComponent } from 'app/shared/components/button.component';
-import { JhiConnectionStatusComponent } from 'app/shared/connection-status/connection-status.component';
-import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { ArtemisQuizService } from 'app/shared/quiz/quiz.service';
 import dayjs from 'dayjs/esm';
-import { MockComponent, MockDirective, MockPipe } from 'ng-mocks';
+import { MockBuilder } from 'ng-mocks';
 import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
 import { of } from 'rxjs';
 import { MockLocalStorageService } from '../../../helpers/mocks/service/mock-local-storage.service';
@@ -32,17 +25,24 @@ import { ArtemisTestModule } from '../../../test.module';
 import { AnswerOption } from 'app/entities/quiz/answer-option.model';
 import { DragAndDropMapping } from 'app/entities/quiz/drag-and-drop-mapping.model';
 import { ShortAnswerSubmittedText } from 'app/entities/quiz/short-answer-submitted-text.model';
-import { TranslateDirective } from 'app/shared/language/translate.directive';
 import { AlertService } from 'app/core/util/alert.service';
-import { FeatureToggleDirective } from 'app/shared/feature-toggle/feature-toggle.directive';
 import { MockWebsocketService } from '../../../helpers/mocks/service/mock-websocket.service';
 import { MultipleChoiceQuestion } from 'app/entities/quiz/multiple-choice-question.model';
-import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
-import { NgModel } from '@angular/forms';
+import { QuizParticipationService } from 'app/exercises/quiz/participate/quiz-participation.service';
+import { ButtonComponent } from 'app/shared/components/button.component';
+import { SubmissionService } from 'app/exercises/shared/submission/submission.service';
+import { ArtemisServerDateService } from 'app/shared/server-date.service';
+import { MockRouter } from '../../../helpers/mocks/mock-router';
 
-// Store a copy of now to avoid timing issues
 const now = dayjs();
-const question1: QuizQuestion = { id: 1, type: QuizQuestionType.DRAG_AND_DROP, points: 1, invalid: false, exportQuiz: false, randomizeOrder: true };
+const question1: QuizQuestion = {
+    id: 1,
+    type: QuizQuestionType.DRAG_AND_DROP,
+    points: 1,
+    invalid: false,
+    exportQuiz: false,
+    randomizeOrder: true,
+};
 const question2: MultipleChoiceQuestion = {
     id: 2,
     type: QuizQuestionType.MULTIPLE_CHOICE,
@@ -52,26 +52,17 @@ const question2: MultipleChoiceQuestion = {
     exportQuiz: false,
     randomizeOrder: true,
 };
-const question3: QuizQuestion = { id: 3, type: QuizQuestionType.SHORT_ANSWER, points: 3, invalid: false, exportQuiz: false, randomizeOrder: true };
-
-const quizExercise: QuizExercise = {
-    id: 1,
-    quizQuestions: [question1, question2, question3],
-    releaseDate: dayjs(now).subtract(2, 'minutes'),
-    duration: 60 * 4,
-    dueDate: dayjs(now).add(2, 'minutes'),
-    quizStarted: true,
-    quizBatches: [
-        {
-            startTime: dayjs(now).subtract(2, 'minutes'),
-            started: true,
-        },
-    ],
-    quizMode: QuizMode.SYNCHRONIZED,
-    numberOfAssessmentsOfCorrectionRounds: [],
-    secondCorrectionEnabled: false,
-    studentAssignedTeamIdComputed: false,
+const question3: QuizQuestion = {
+    id: 3,
+    type: QuizQuestionType.SHORT_ANSWER,
+    points: 3,
+    invalid: false,
+    exportQuiz: false,
+    randomizeOrder: true,
 };
+
+let quizExercise: QuizExercise;
+
 const quizExerciseForPractice: QuizExercise = {
     id: 1,
     quizQuestions: [question1, question2, question3],
@@ -113,19 +104,6 @@ const quizExerciseUnreleased: QuizExercise = {
     studentAssignedTeamIdComputed: false,
 };
 
-const testBedDeclarations = [
-    QuizParticipationComponent,
-    ButtonComponent,
-    MockPipe(ArtemisTranslatePipe),
-    MockPipe(ArtemisDatePipe),
-    MockDirective(TranslateDirective),
-    MockComponent(MultipleChoiceQuestionComponent),
-    MockComponent(DragAndDropQuestionComponent),
-    MockComponent(ShortAnswerQuestionComponent),
-    MockComponent(JhiConnectionStatusComponent),
-    MockDirective(FeatureToggleDirective),
-];
-
 describe('QuizParticipationComponent', () => {
     let fixture: ComponentFixture<QuizParticipationComponent>;
     let component: QuizParticipationComponent;
@@ -136,45 +114,52 @@ describe('QuizParticipationComponent', () => {
     let participationService: ParticipationService;
     let quizExerciseService: QuizExerciseService;
 
+    beforeEach(() => {
+        quizExercise = {
+            id: 1,
+            quizQuestions: [question1, question2, question3],
+            releaseDate: dayjs(now).subtract(2, 'minutes'),
+            duration: 60 * 4,
+            dueDate: dayjs(now).add(2, 'minutes'),
+            quizStarted: true,
+            quizBatches: [
+                {
+                    startTime: dayjs(now).subtract(2, 'minutes'),
+                    started: true,
+                },
+            ],
+            quizMode: QuizMode.SYNCHRONIZED,
+            numberOfAssessmentsOfCorrectionRounds: [],
+            secondCorrectionEnabled: false,
+            studentAssignedTeamIdComputed: false,
+        };
+    });
+
     describe('live mode', () => {
-        beforeEach(() => {
-            TestBed.configureTestingModule({
-                imports: [ArtemisTestModule, MockDirective(NgbTooltip)],
-                declarations: [testBedDeclarations, MockDirective(NgModel)],
-                providers: [
-                    provideHttpClient(),
-                    provideHttpClientTesting(),
-                    {
-                        provide: ActivatedRoute,
-                        useValue: {
-                            params: of({ exerciseId: quizExercise.id }),
-                            data: of({ mode: 'live' }),
-                            parent: {
-                                parent: {
-                                    params: of({ courseId: 1 }),
-                                },
-                            },
-                        },
-                    },
-                    {
-                        provide: LocalStorageService,
-                        useClass: MockLocalStorageService,
-                    },
-                    {
-                        provide: SessionStorageService,
-                        useClass: MockSyncStorage,
-                    },
-                    {
-                        provide: TranslateService,
-                        useClass: MockTranslateService,
+        beforeEach(waitForAsync(() => {
+            MockBuilder(QuizParticipationComponent, ArtemisTestModule)
+                .keep(QuizExerciseService)
+                .keep(ButtonComponent)
+                .keep(QuizParticipationService)
+                .keep(ArtemisQuizService)
+                .keep(SubmissionService)
+                .keep(AlertService)
+                .keep(ArtemisServerDateService)
+                .keep(Router)
+                .provide(provideHttpClient())
+                .provide(provideHttpClientTesting())
+                .provide({ provide: TranslateService, useClass: MockTranslateService })
+                .provide({ provide: LocalStorageService, useClass: MockLocalStorageService })
+                .provide({ provide: SessionStorageService, useClass: MockSyncStorage })
+                .provide({ provide: JhiWebsocketService, useClass: MockWebsocketService })
+                .provide({
+                    provide: ActivatedRoute,
+                    useValue: {
+                        params: of({ exerciseId: quizExercise.id }),
+                        data: of({ mode: 'live' }),
+                        parent: { parent: { params: of({ courseId: 1 }) } },
                     },
-                    {
-                        provide: JhiWebsocketService,
-                        useClass: MockWebsocketService,
-                    },
-                ],
-            })
-                .compileComponents()
+                })
                 .then(() => {
                     fixture = TestBed.createComponent(QuizParticipationComponent);
                     component = fixture.componentInstance;
@@ -188,7 +173,7 @@ describe('QuizParticipationComponent', () => {
                     jest.spyOn(quizExerciseService, 'findForStudent').mockReturnValue(of({ body: { ...quizExercise } } as HttpResponse<QuizExercise>));
                     httpMock = fixture.debugElement.injector.get(HttpTestingController);
                 });
-        });
+        }));
 
         afterEach(() => {
             httpMock.verify();
@@ -339,7 +324,14 @@ describe('QuizParticipationComponent', () => {
         ])('should join %s batches that have started %p', (quizMode, started) => {
             exerciseService = fixture.debugElement.injector.get(QuizExerciseService);
             const participationService = fixture.debugElement.injector.get(ParticipationService);
-            const participation: StudentParticipation = { exercise: { ...quizExercise, quizBatches: [], quizMode, quizStarted: false } as QuizExercise };
+            const participation: StudentParticipation = {
+                exercise: {
+                    ...quizExercise,
+                    quizBatches: [],
+                    quizMode,
+                    quizStarted: false,
+                } as QuizExercise,
+            };
             participationSpy = jest.spyOn(participationService, 'startQuizParticipation').mockReturnValue(of({ body: participation } as HttpResponse<StudentParticipation>));
 
             fixture.detectChanges();
@@ -435,7 +427,11 @@ describe('QuizParticipationComponent', () => {
             fixture.detectChanges();
 
             const answer: SubmittedAnswer = { scoreInPoints: 1, quizQuestion: question2 };
-            const quizSubmission: QuizSubmission = { submissionDate: now.subtract(3, 'minutes'), submittedAnswers: [answer], scoreInPoints: 1 };
+            const quizSubmission: QuizSubmission = {
+                submissionDate: now.subtract(3, 'minutes'),
+                submittedAnswers: [answer],
+                scoreInPoints: 1,
+            };
             const result: Result = { submission: quizSubmission };
             const participation: StudentParticipation = { exercise: quizExerciseForResults, results: [result] };
             component.showQuizResultAfterQuizEnd(participation);
@@ -476,7 +472,13 @@ describe('QuizParticipationComponent', () => {
         it('should adjust release date of the quiz if it didnt start', () => {
             const releaseDate = dayjs().add(1, 'minutes');
             const timeUntilPlannedStart = 10;
-            const quizToApply = { ...quizExercise, started: false, isPlannedToStart: true, releaseDate, timeUntilPlannedStart };
+            const quizToApply = {
+                ...quizExercise,
+                started: false,
+                isPlannedToStart: true,
+                releaseDate,
+                timeUntilPlannedStart,
+            };
 
             component.applyQuizFull(quizToApply);
             expect(component.quizExercise).toEqual(quizToApply);
@@ -484,7 +486,11 @@ describe('QuizParticipationComponent', () => {
         });
 
         it('should apply participation', () => {
-            const submission: QuizSubmission = { id: 1, submissionDate: dayjs().subtract(10, 'minutes'), submittedAnswers: [] };
+            const submission: QuizSubmission = {
+                id: 1,
+                submissionDate: dayjs().subtract(10, 'minutes'),
+                submittedAnswers: [],
+            };
             const result: Result = { id: 1, submission };
             const endedQuizExercise = { ...quizExercise, quizEnded: true };
             const participation: StudentParticipation = { exercise: endedQuizExercise, results: [result] };
@@ -499,34 +505,27 @@ describe('QuizParticipationComponent', () => {
 
     describe('preview mode', () => {
         beforeEach(() => {
-            TestBed.configureTestingModule({
-                imports: [ArtemisTestModule, MockDirective(NgbTooltip)],
-                declarations: testBedDeclarations,
-                providers: [
-                    provideHttpClient(),
-                    provideHttpClientTesting(),
-                    {
-                        provide: ActivatedRoute,
-                        useValue: {
-                            params: of({ courseId: 1, exerciseId: quizExercise.id }),
-                            data: of({ mode: 'preview' }),
-                        },
-                    },
-                    {
-                        provide: LocalStorageService,
-                        useClass: MockLocalStorageService,
+            MockBuilder(QuizParticipationComponent, ArtemisTestModule)
+                .keep(ButtonComponent)
+                .keep(QuizParticipationService)
+                .keep(ArtemisQuizService)
+                .keep(SubmissionService)
+                .keep(AlertService)
+                .keep(ArtemisServerDateService)
+                .keep(Router)
+                .provide(provideHttpClient())
+                .provide(provideHttpClientTesting())
+                .provide({ provide: TranslateService, useClass: MockTranslateService })
+                .provide({ provide: LocalStorageService, useClass: MockLocalStorageService })
+                .provide({ provide: SessionStorageService, useClass: MockSyncStorage })
+                .provide({ provide: JhiWebsocketService, useClass: MockWebsocketService })
+                .provide({
+                    provide: ActivatedRoute,
+                    useValue: {
+                        params: of({ exerciseId: quizExercise.id }),
+                        data: of({ mode: 'preview' }),
                     },
-                    {
-                        provide: SessionStorageService,
-                        useClass: MockSyncStorage,
-                    },
-                    {
-                        provide: TranslateService,
-                        useClass: MockTranslateService,
-                    },
-                ],
-            })
-                .compileComponents()
+                })
                 .then(() => {
                     fixture = TestBed.createComponent(QuizParticipationComponent);
                     component = fixture.componentInstance;
@@ -541,8 +540,12 @@ describe('QuizParticipationComponent', () => {
             jest.restoreAllMocks();
         });
 
+        afterEach(fakeAsync(() => {
+            discardPeriodicTasks();
+        }));
+
         it('should initialize', () => {
-            const serviceStub = jest.spyOn(exerciseService, 'find').mockImplementation();
+            const serviceStub = jest.spyOn(exerciseService, 'find').mockReturnValue(of({ body: quizExercise } as HttpResponse<QuizExercise>));
             fixture.detectChanges();
             expect(serviceStub).toHaveBeenCalledWith(quizExercise.id);
         });
@@ -580,34 +583,28 @@ describe('QuizParticipationComponent', () => {
 
     describe('practice mode', () => {
         beforeEach(() => {
-            TestBed.configureTestingModule({
-                imports: [ArtemisTestModule, MockDirective(NgbTooltip)],
-                declarations: testBedDeclarations,
-                providers: [
-                    provideHttpClient(),
-                    provideHttpClientTesting(),
-                    {
-                        provide: ActivatedRoute,
-                        useValue: {
-                            params: of({ courseId: 1, exerciseId: quizExerciseForPractice.id }),
-                            data: of({ mode: 'practice' }),
-                        },
-                    },
-                    {
-                        provide: LocalStorageService,
-                        useClass: MockLocalStorageService,
+            MockBuilder(QuizParticipationComponent)
+                .keep(ButtonComponent)
+                .keep(QuizParticipationService)
+                .keep(ArtemisQuizService)
+                .keep(SubmissionService)
+                .keep(AlertService)
+                .keep(ArtemisServerDateService)
+                .keep(QuizExerciseService)
+                .mock(JhiWebsocketService)
+                .provide(provideHttpClient())
+                .provide(provideHttpClientTesting())
+                .provide({ provide: TranslateService, useClass: MockTranslateService })
+                .provide({ provide: LocalStorageService, useClass: MockLocalStorageService })
+                .provide({ provide: SessionStorageService, useClass: MockSyncStorage })
+                .provide({ provide: Router, useClass: MockRouter })
+                .provide({
+                    provide: ActivatedRoute,
+                    useValue: {
+                        params: of({ courseId: 1, exerciseId: quizExerciseForPractice.id }),
+                        data: of({ mode: 'practice' }),
                     },
-                    {
-                        provide: SessionStorageService,
-                        useClass: MockSyncStorage,
-                    },
-                    {
-                        provide: TranslateService,
-                        useClass: MockTranslateService,
-                    },
-                ],
-            })
-                .compileComponents()
+                })
                 .then(() => {
                     fixture = TestBed.createComponent(QuizParticipationComponent);
                     component = fixture.componentInstance;
@@ -622,8 +619,12 @@ describe('QuizParticipationComponent', () => {
             jest.restoreAllMocks();
         });
 
+        afterEach(fakeAsync(() => {
+            discardPeriodicTasks();
+        }));
+
         it('should initialize', () => {
-            const serviceSpy = jest.spyOn(exerciseService, 'findForStudent').mockImplementation();
+            const serviceSpy = jest.spyOn(exerciseService, 'findForStudent').mockReturnValue(of({ body: quizExerciseForPractice } as HttpResponse<QuizExercise>));
             fixture.detectChanges();
 
             expect(serviceSpy).toHaveBeenCalledWith(quizExerciseForPractice.id);
@@ -653,7 +654,10 @@ describe('QuizParticipationComponent', () => {
 
             const request = httpMock.expectOne({ method: 'POST' });
             const quizSubmission: QuizSubmission = { submissionDate: now, submitted: true };
-            request.flush({ submission: quizSubmission, participation: { exercise: quizExerciseForPractice } as StudentParticipation } as Result);
+            request.flush({
+                submission: quizSubmission,
+                participation: { exercise: quizExerciseForPractice } as StudentParticipation,
+            } as Result);
             expect(request.request.url).toBe(`api/exercises/${quizExerciseForPractice.id}/submissions/practice`);
             fixture.detectChanges();
 
@@ -663,34 +667,27 @@ describe('QuizParticipationComponent', () => {
 
     describe('solution mode', () => {
         beforeEach(() => {
-            TestBed.configureTestingModule({
-                imports: [ArtemisTestModule, MockDirective(NgbTooltip)],
-                declarations: testBedDeclarations,
-                providers: [
-                    provideHttpClient(),
-                    provideHttpClientTesting(),
-                    {
-                        provide: ActivatedRoute,
-                        useValue: {
-                            params: of({ courseId: 1, exerciseId: quizExerciseForPractice.id }),
-                            data: of({ mode: 'solution' }),
-                        },
-                    },
-                    {
-                        provide: LocalStorageService,
-                        useClass: MockLocalStorageService,
-                    },
-                    {
-                        provide: SessionStorageService,
-                        useClass: MockSyncStorage,
-                    },
-                    {
-                        provide: TranslateService,
-                        useClass: MockTranslateService,
+            MockBuilder(QuizParticipationComponent, ArtemisTestModule)
+                .keep(ButtonComponent)
+                .keep(QuizParticipationService)
+                .keep(ArtemisQuizService)
+                .keep(SubmissionService)
+                .keep(AlertService)
+                .keep(ArtemisServerDateService)
+                .keep(Router)
+                .provide(provideHttpClient())
+                .provide(provideHttpClientTesting())
+                .provide({ provide: TranslateService, useClass: MockTranslateService })
+                .provide({ provide: LocalStorageService, useClass: MockLocalStorageService })
+                .provide({ provide: SessionStorageService, useClass: MockSyncStorage })
+                .provide({ provide: JhiWebsocketService, useClass: MockWebsocketService })
+                .provide({
+                    provide: ActivatedRoute,
+                    useValue: {
+                        params: of({ courseId: 1, exerciseId: quizExerciseForPractice.id }),
+                        data: of({ mode: 'solution' }),
                     },
-                ],
-            })
-                .compileComponents()
+                })
                 .then(() => {
                     fixture = TestBed.createComponent(QuizParticipationComponent);
                     component = fixture.componentInstance;
diff --git a/src/test/javascript/spec/component/exercises/quiz/quiz-scoring-info-student-modal.component.spec.ts b/src/test/javascript/spec/component/exercises/quiz/quiz-scoring-info-student-modal.component.spec.ts
index cd22daab498f..c3230c7ab3dd 100644
--- a/src/test/javascript/spec/component/exercises/quiz/quiz-scoring-info-student-modal.component.spec.ts
+++ b/src/test/javascript/spec/component/exercises/quiz/quiz-scoring-info-student-modal.component.spec.ts
@@ -1,12 +1,11 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MockPipe } from 'ng-mocks';
+import { MockBuilder } from 'ng-mocks';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 import { TranslateService } from '@ngx-translate/core';
 import { QuizScoringInfoStudentModalComponent } from 'app/exercises/quiz/shared/questions/quiz-scoring-infostudent-modal/quiz-scoring-info-student-modal.component';
 import { MockTranslateService } from '../../../helpers/mocks/service/mock-translate.service';
 import { MockNgbModalService } from '../../../helpers/mocks/service/mock-ngb-modal.service';
 import { ArtemisTestModule } from '../../../test.module';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { ShortAnswerQuestion } from 'app/entities/quiz/short-answer-question.model';
 import { DragAndDropQuestion } from 'app/entities/quiz/drag-and-drop-question.model';
 import { ShortAnswerSpot } from 'app/entities/quiz/short-answer-spot.model';
@@ -26,25 +25,18 @@ describe('Quiz Scoring Info Student Modal Component', () => {
     let translateSpy: jest.SpyInstance;
     const translationBasePath = 'artemisApp.quizExercise.explanationText.';
 
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [ArtemisTestModule],
-            declarations: [QuizScoringInfoStudentModalComponent, MockPipe(ArtemisTranslatePipe)],
-            providers: [
-                { provide: TranslateService, useClass: MockTranslateService },
-                { provide: NgbModal, useClass: MockNgbModalService },
-            ],
-        })
-            .compileComponents()
-            .then(() => {
-                fixture = TestBed.createComponent(QuizScoringInfoStudentModalComponent);
-                comp = fixture.componentInstance;
-                modalService = TestBed.inject(NgbModal);
-                translateService = TestBed.inject(TranslateService);
-
-                translateSpy = jest.spyOn(translateService, 'instant');
-                comp.question = {} as ShortAnswerQuestion;
-            });
+    beforeEach(async () => {
+        await MockBuilder(QuizScoringInfoStudentModalComponent, ArtemisTestModule)
+            .provide({ provide: TranslateService, useClass: MockTranslateService })
+            .provide({ provide: NgbModal, useClass: MockNgbModalService });
+
+        fixture = TestBed.createComponent(QuizScoringInfoStudentModalComponent);
+        comp = fixture.componentInstance;
+        modalService = TestBed.inject(NgbModal);
+        translateService = TestBed.inject(TranslateService);
+
+        translateSpy = jest.spyOn(translateService, 'instant');
+        comp.question = {} as ShortAnswerQuestion;
     });
 
     afterEach(() => {
diff --git a/src/test/javascript/spec/component/exercises/shared/example-submission-import.component.spec.ts b/src/test/javascript/spec/component/exercises/shared/example-submission-import.component.spec.ts
index 4a7188fd906c..c04dba486d11 100644
--- a/src/test/javascript/spec/component/exercises/shared/example-submission-import.component.spec.ts
+++ b/src/test/javascript/spec/component/exercises/shared/example-submission-import.component.spec.ts
@@ -1,5 +1,4 @@
 import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testing';
-import { NgModel } from '@angular/forms';
 import { NgbPagination } from '@ng-bootstrap/ng-bootstrap';
 import { TranslateService } from '@ngx-translate/core';
 import { Exercise, ExerciseType } from 'app/entities/exercise.model';
@@ -40,7 +39,6 @@ describe('ExampleSubmissionImportComponent', () => {
                 MockComponent(ResultComponent),
                 MockDirective(SortByDirective),
                 MockDirective(SortDirective),
-                MockDirective(NgModel),
                 MockPipe(ArtemisDatePipe),
                 MockPipe(ArtemisTranslatePipe),
             ],
diff --git a/src/test/javascript/spec/component/exercises/shared/exercise-scores/exercise-scores.component.spec.ts b/src/test/javascript/spec/component/exercises/shared/exercise-scores/exercise-scores.component.spec.ts
index 78386edfe0c9..150cb35ee74b 100644
--- a/src/test/javascript/spec/component/exercises/shared/exercise-scores/exercise-scores.component.spec.ts
+++ b/src/test/javascript/spec/component/exercises/shared/exercise-scores/exercise-scores.component.spec.ts
@@ -1,8 +1,6 @@
 import { HttpResponse } from '@angular/common/http';
 import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testing';
-import { NgModel } from '@angular/forms';
-import { ActivatedRoute, provideRouter } from '@angular/router';
-import { NgxDatatableModule } from '@siemens/ngx-datatable';
+import { ActivatedRoute } from '@angular/router';
 import { CourseManagementService } from 'app/course/manage/course-management.service';
 import { AssessmentType } from 'app/entities/assessment-type.model';
 import { Course } from 'app/entities/course.model';
@@ -14,26 +12,15 @@ import { ProgrammingExercise } from 'app/entities/programming/programming-exerci
 import { Result } from 'app/entities/result.model';
 import { Submission } from 'app/entities/submission.model';
 import { Team } from 'app/entities/team.model';
-import { ProgrammingAssessmentRepoExportButtonComponent } from 'app/exercises/programming/assess/repo-export/programming-assessment-repo-export-button.component';
 import { ProgrammingSubmissionService } from 'app/exercises/programming/participate/programming-submission.service';
-import { ExerciseScoresExportButtonComponent } from 'app/exercises/shared/exercise-scores/exercise-scores-export-button.component';
 import { ExerciseScoresComponent, FilterProp } from 'app/exercises/shared/exercise-scores/exercise-scores.component';
 import { ExerciseService } from 'app/exercises/shared/exercise/exercise.service';
 import { ParticipationService } from 'app/exercises/shared/participation/participation.service';
-import { ResultComponent } from 'app/exercises/shared/result/result.component';
 import { ResultService } from 'app/exercises/shared/result/result.service';
-import { SubmissionExportButtonComponent } from 'app/exercises/shared/submission-export/submission-export-button.component';
-import { DataTableComponent } from 'app/shared/data-table/data-table.component';
-import { FeatureToggleLinkDirective } from 'app/shared/feature-toggle/feature-toggle-link.directive';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
-import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { Range } from 'app/shared/util/utils';
 import dayjs from 'dayjs/esm';
-import { MockComponent, MockDirective, MockModule, MockPipe } from 'ng-mocks';
 import { Subscription, of } from 'rxjs';
-import { MockHasAnyAuthorityDirective } from '../../../../helpers/mocks/directive/mock-has-any-authority.directive';
-import { MockTranslateValuesDirective } from '../../../../helpers/mocks/directive/mock-translate-values.directive';
 import { MockCourseManagementService } from '../../../../helpers/mocks/service/mock-course-management.service';
 import { MockExerciseService } from '../../../../helpers/mocks/service/mock-exercise.service';
 import { MockParticipationService } from '../../../../helpers/mocks/service/mock-participation.service';
@@ -120,23 +107,8 @@ describe('Exercise Scores Component', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, MockModule(NgxDatatableModule)],
-            declarations: [
-                ExerciseScoresComponent,
-                MockComponent(ExerciseScoresExportButtonComponent),
-                MockComponent(ProgrammingAssessmentRepoExportButtonComponent),
-                MockComponent(SubmissionExportButtonComponent),
-                MockComponent(DataTableComponent),
-                MockComponent(ResultComponent),
-                MockDirective(FeatureToggleLinkDirective),
-                MockTranslateValuesDirective,
-                MockHasAnyAuthorityDirective,
-                MockPipe(ArtemisTranslatePipe),
-                MockPipe(ArtemisDatePipe),
-                MockDirective(NgModel),
-            ],
+            imports: [ArtemisTestModule],
             providers: [
-                provideRouter([]),
                 { provide: ExerciseService, useClass: MockExerciseService },
                 { provide: ActivatedRoute, useValue: route },
                 { provide: ResultService, useClass: MockResultService },
diff --git a/src/test/javascript/spec/component/exercises/shared/exercise-statistics.component.spec.ts b/src/test/javascript/spec/component/exercises/shared/exercise-statistics.component.spec.ts
index 525e5a2482e2..977ac76e852d 100644
--- a/src/test/javascript/spec/component/exercises/shared/exercise-statistics.component.spec.ts
+++ b/src/test/javascript/spec/component/exercises/shared/exercise-statistics.component.spec.ts
@@ -2,24 +2,15 @@ import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testin
 import { ArtemisTestModule } from '../../../test.module';
 import { MockSyncStorage } from '../../../helpers/mocks/service/mock-sync-storage.service';
 import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
-import { MockComponent, MockDirective, MockPipe, MockProvider } from 'ng-mocks';
-import { MockHasAnyAuthorityDirective } from '../../../helpers/mocks/directive/mock-has-any-authority.directive';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
-import { StatisticsGraphComponent } from 'app/shared/statistics-graph/statistics-graph.component';
 import { SpanType } from 'app/entities/statistics.model';
 import { StatisticsService } from 'app/shared/statistics-graph/statistics.service';
 import { of } from 'rxjs';
-import { StatisticsAverageScoreGraphComponent } from 'app/shared/statistics-graph/statistics-average-score-graph.component';
 import { ExerciseStatisticsComponent } from 'app/exercises/shared/statistics/exercise-statistics.component';
 import { ExerciseManagementStatisticsDto } from 'app/exercises/shared/statistics/exercise-management-statistics-dto';
-import { StatisticsScoreDistributionGraphComponent } from 'app/shared/statistics-graph/statistics-score-distribution-graph.component';
 import { ExerciseService } from 'app/exercises/shared/exercise/exercise.service';
 import { HttpResponse } from '@angular/common/http';
 import { Exercise } from 'app/entities/exercise.model';
-import { ExerciseDetailStatisticsComponent } from 'app/exercises/shared/statistics/exercise-detail-statistics.component';
-import { TranslateService } from '@ngx-translate/core';
-import { RouterModule } from '@angular/router';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 
 describe('ExerciseStatisticsComponent', () => {
     let fixture: ComponentFixture<ExerciseStatisticsComponent>;
@@ -53,18 +44,11 @@ describe('ExerciseStatisticsComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, RouterModule.forRoot([])],
-            declarations: [
-                ExerciseStatisticsComponent,
-                MockComponent(StatisticsGraphComponent),
-                MockComponent(StatisticsAverageScoreGraphComponent),
-                MockDirective(MockHasAnyAuthorityDirective),
-                MockPipe(ArtemisTranslatePipe),
-                MockPipe(ArtemisDatePipe),
-                MockComponent(StatisticsScoreDistributionGraphComponent),
-                MockComponent(ExerciseDetailStatisticsComponent),
+            imports: [ArtemisTestModule, NoopAnimationsModule],
+            providers: [
+                { provide: LocalStorageService, useClass: MockSyncStorage },
+                { provide: SessionStorageService, useClass: MockSyncStorage },
             ],
-            providers: [{ provide: LocalStorageService, useClass: MockSyncStorage }, { provide: SessionStorageService, useClass: MockSyncStorage }, MockProvider(TranslateService)],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/exercises/shared/exercise-title-channel-name.component.spec.ts b/src/test/javascript/spec/component/exercises/shared/exercise-title-channel-name.component.spec.ts
index 445c345069ed..27412fe7bd2c 100644
--- a/src/test/javascript/spec/component/exercises/shared/exercise-title-channel-name.component.spec.ts
+++ b/src/test/javascript/spec/component/exercises/shared/exercise-title-channel-name.component.spec.ts
@@ -1,18 +1,13 @@
 import { SimpleChange } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { NgForm } from '@angular/forms';
 import { Course, CourseInformationSharingConfiguration } from 'app/entities/course.model';
 import { TextExercise } from 'app/entities/text/text-exercise.model';
 import { ExerciseTitleChannelNameComponent } from 'app/exercises/shared/exercise-title-channel-name/exercise-title-channel-name.component';
-import { TitleChannelNameModule } from 'app/shared/form/title-channel-name/title-channel-name.module';
-import { MockTranslateService } from '../../../helpers/mocks/service/mock-translate.service';
-import { TranslateService } from '@ngx-translate/core';
 import { MockSyncStorage } from '../../../helpers/mocks/service/mock-sync-storage.service';
 import { SessionStorageService } from 'ngx-webstorage';
-import { MockHttpService } from '../../../helpers/mocks/service/mock-http.service';
-import { HttpClient } from '@angular/common/http';
 import { ExerciseService } from '../../../../../../main/webapp/app/exercises/shared/exercise/exercise.service';
 import { ExerciseType } from '../../../../../../main/webapp/app/entities/exercise.model';
+import { ArtemisTestModule } from '../../../test.module';
 
 describe('ExerciseTitleChannelNameComponent', () => {
     let component: ExerciseTitleChannelNameComponent;
@@ -21,14 +16,8 @@ describe('ExerciseTitleChannelNameComponent', () => {
 
     beforeEach(async () => {
         await TestBed.configureTestingModule({
-            declarations: [ExerciseTitleChannelNameComponent],
-            imports: [TitleChannelNameModule],
-            providers: [
-                NgForm,
-                { provide: HttpClient, useClass: MockHttpService },
-                { provide: TranslateService, useClass: MockTranslateService },
-                { provide: SessionStorageService, useClass: MockSyncStorage },
-            ],
+            imports: [ArtemisTestModule],
+            providers: [{ provide: SessionStorageService, useClass: MockSyncStorage }],
         }).compileComponents();
     });
 
diff --git a/src/test/javascript/spec/component/exercises/shared/external-submission-button.component.spec.ts b/src/test/javascript/spec/component/exercises/shared/external-submission-button.component.spec.ts
index 6f514aba87e8..04777b06973f 100644
--- a/src/test/javascript/spec/component/exercises/shared/external-submission-button.component.spec.ts
+++ b/src/test/javascript/spec/component/exercises/shared/external-submission-button.component.spec.ts
@@ -1,16 +1,10 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ArtemisTestModule } from '../../../test.module';
 import { ExternalSubmissionDialogComponent } from 'app/exercises/shared/external-submission/external-submission-dialog.component';
-import { NgbModal, NgbModalRef, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
-import { NgForm, NgModel } from '@angular/forms';
+import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { ExternalSubmissionButtonComponent } from 'app/exercises/shared/external-submission/external-submission-button.component';
 import { Exercise } from 'app/entities/exercise.model';
-import { ButtonComponent } from 'app/shared/components/button.component';
-import { TranslatePipeMock } from '../../../helpers/mocks/service/mock-translate.service';
-import { FeatureToggleDirective } from 'app/shared/feature-toggle/feature-toggle.directive';
-import { TranslateDirective } from 'app/shared/language/translate.directive';
 import { By } from '@angular/platform-browser';
-import { MockDirective } from 'ng-mocks';
 
 describe('External Submission Dialog', () => {
     let fixture: ComponentFixture<ExternalSubmissionButtonComponent>;
@@ -20,16 +14,7 @@ describe('External Submission Dialog', () => {
     beforeEach(() => {
         modalService = { open: jest.fn() } as any as NgbModal;
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, MockDirective(NgbTooltip)],
-            declarations: [
-                ExternalSubmissionButtonComponent,
-                ButtonComponent,
-                TranslatePipeMock,
-                MockDirective(TranslateDirective),
-                MockDirective(NgForm),
-                MockDirective(NgModel),
-                MockDirective(FeatureToggleDirective),
-            ],
+            imports: [ArtemisTestModule],
             providers: [{ provide: NgbModal, useValue: modalService }],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/component/exercises/shared/external-submission-dialog.component.spec.ts b/src/test/javascript/spec/component/exercises/shared/external-submission-dialog.component.spec.ts
index b6287d3493fb..075f9cc48d8e 100644
--- a/src/test/javascript/spec/component/exercises/shared/external-submission-dialog.component.spec.ts
+++ b/src/test/javascript/spec/component/exercises/shared/external-submission-dialog.component.spec.ts
@@ -10,8 +10,6 @@ import { Feedback, FeedbackType } from 'app/entities/feedback.model';
 import { Exercise } from 'app/entities/exercise.model';
 import { User } from 'app/core/user/user.model';
 import { EventManager } from 'app/core/util/event-manager.service';
-import { NgForm, NgModel } from '@angular/forms';
-import { MockDirective } from 'ng-mocks';
 
 describe('External Submission Dialog', () => {
     let fixture: ComponentFixture<ExternalSubmissionDialogComponent>;
@@ -27,7 +25,6 @@ describe('External Submission Dialog', () => {
         };
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [ExternalSubmissionDialogComponent, MockDirective(NgForm), MockDirective(NgModel)],
             providers: [{ provide: NgbActiveModal, useValue: activeModal }],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/component/exercises/shared/feedback/feedback-suggestion-option.component.spec.ts b/src/test/javascript/spec/component/exercises/shared/feedback/feedback-suggestion-option.component.spec.ts
index a6fa1b4c7cff..82871c1417dc 100644
--- a/src/test/javascript/spec/component/exercises/shared/feedback/feedback-suggestion-option.component.spec.ts
+++ b/src/test/javascript/spec/component/exercises/shared/feedback/feedback-suggestion-option.component.spec.ts
@@ -17,7 +17,6 @@ describe('ExerciseFeedbackSuggestionOptionsComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            declarations: [ExerciseFeedbackSuggestionOptionsComponent],
             providers: [
                 MockProvider(AthenaService, {
                     isEnabled: () => of(true),
diff --git a/src/test/javascript/spec/component/exercises/shared/headers/difficulty-badge.component.spec.ts b/src/test/javascript/spec/component/exercises/shared/headers/difficulty-badge.component.spec.ts
index 0b2b00eff87c..9dc83887a423 100644
--- a/src/test/javascript/spec/component/exercises/shared/headers/difficulty-badge.component.spec.ts
+++ b/src/test/javascript/spec/component/exercises/shared/headers/difficulty-badge.component.spec.ts
@@ -13,7 +13,6 @@ describe('DifficultyBadge', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [],
-            declarations: [DifficultyBadgeComponent],
             providers: [{ provide: TranslateService, useClass: MockTranslateService }],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/component/exercises/shared/headers/included-in-score-badge.component.spec.ts b/src/test/javascript/spec/component/exercises/shared/headers/included-in-score-badge.component.spec.ts
index d92b9c4d5b03..3cf192fad552 100644
--- a/src/test/javascript/spec/component/exercises/shared/headers/included-in-score-badge.component.spec.ts
+++ b/src/test/javascript/spec/component/exercises/shared/headers/included-in-score-badge.component.spec.ts
@@ -10,7 +10,6 @@ describe('IncludedInScoreBadge', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [],
-            declarations: [IncludedInScoreBadgeComponent],
             providers: [{ provide: TranslateService, useClass: MockTranslateService }],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/component/exercises/shared/team-config-form-group.component.spec.ts b/src/test/javascript/spec/component/exercises/shared/team-config-form-group.component.spec.ts
index 558987481795..89386c48ab03 100644
--- a/src/test/javascript/spec/component/exercises/shared/team-config-form-group.component.spec.ts
+++ b/src/test/javascript/spec/component/exercises/shared/team-config-form-group.component.spec.ts
@@ -6,6 +6,7 @@ import { ExerciseGroup } from 'app/entities/exercise-group.model';
 import { TeamConfigFormGroupComponent } from 'app/exercises/shared/team-config-form-group/team-config-form-group.component';
 import { Subject } from 'rxjs';
 import { NgModel } from '@angular/forms';
+import { ArtemisTestModule } from '../../../test.module';
 
 describe('Team Config Form Group Component', () => {
     let fixture: ComponentFixture<TeamConfigFormGroupComponent>;
@@ -14,7 +15,9 @@ describe('Team Config Form Group Component', () => {
     let teamAssignmentConfig: TeamAssignmentConfig;
 
     beforeEach(() => {
-        TestBed.configureTestingModule({})
+        TestBed.configureTestingModule({
+            imports: [ArtemisTestModule],
+        })
             .compileComponents()
             .then(() => {
                 fixture = TestBed.createComponent(TeamConfigFormGroupComponent);
diff --git a/src/test/javascript/spec/component/feature-overview/feature-overview.component.spec.ts b/src/test/javascript/spec/component/feature-overview/feature-overview.component.spec.ts
index 1ccd7811c0bc..8bab37a646a5 100644
--- a/src/test/javascript/spec/component/feature-overview/feature-overview.component.spec.ts
+++ b/src/test/javascript/spec/component/feature-overview/feature-overview.component.spec.ts
@@ -4,7 +4,6 @@ import { ArtemisTestModule } from '../../test.module';
 import { FeatureOverviewComponent, TargetAudience } from 'app/feature-overview/feature-overview.component';
 import { By } from '@angular/platform-browser';
 import { DebugElement } from '@angular/core';
-import { TranslatePipeMock } from '../../helpers/mocks/service/mock-translate.service';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 import { MockProfileService } from '../../helpers/mocks/service/mock-profile.service';
 
@@ -19,7 +18,6 @@ describe('Feature Overview Component', () => {
         beforeEach(() => {
             TestBed.configureTestingModule({
                 imports: [ArtemisTestModule],
-                declarations: [FeatureOverviewComponent, TranslatePipeMock],
                 providers: [
                     { provide: ActivatedRoute, useValue: route },
                     { provide: ProfileService, useValue: MockProfileService },
diff --git a/src/test/javascript/spec/component/file-upload-exercise/file-upload-exercise-update.component.spec.ts b/src/test/javascript/spec/component/file-upload-exercise/file-upload-exercise-update.component.spec.ts
index 3579287a3913..09d459ccc2da 100644
--- a/src/test/javascript/spec/component/file-upload-exercise/file-upload-exercise-update.component.spec.ts
+++ b/src/test/javascript/spec/component/file-upload-exercise/file-upload-exercise-update.component.spec.ts
@@ -33,7 +33,6 @@ describe('FileUploadExerciseUpdateComponent', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [FileUploadExerciseUpdateComponent],
             providers: [
                 { provide: LocalStorageService, useClass: MockSyncStorage },
                 { provide: SessionStorageService, useClass: MockSyncStorage },
@@ -41,9 +40,7 @@ describe('FileUploadExerciseUpdateComponent', () => {
                 { provide: NgbModal, useClass: MockNgbModalService },
                 MockProvider(TranslateService),
             ],
-        })
-            .overrideTemplate(FileUploadExerciseUpdateComponent, '')
-            .compileComponents();
+        }).compileComponents();
 
         fixture = TestBed.createComponent(FileUploadExerciseUpdateComponent);
         comp = fixture.componentInstance;
diff --git a/src/test/javascript/spec/component/file-upload-exercise/file-upload-exercise.component.spec.ts b/src/test/javascript/spec/component/file-upload-exercise/file-upload-exercise.component.spec.ts
index 5d5d4f6048aa..1d9b5fabdccf 100644
--- a/src/test/javascript/spec/component/file-upload-exercise/file-upload-exercise.component.spec.ts
+++ b/src/test/javascript/spec/component/file-upload-exercise/file-upload-exercise.component.spec.ts
@@ -29,16 +29,13 @@ describe('FileUploadExercise Management Component', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [FileUploadExerciseComponent],
             providers: [
                 { provide: ActivatedRoute, useValue: route },
                 { provide: LocalStorageService, useClass: MockSyncStorage },
                 { provide: SessionStorageService, useClass: MockSyncStorage },
                 { provide: TranslateService, useClass: MockTranslateService },
             ],
-        })
-            .overrideTemplate(FileUploadExerciseComponent, '')
-            .compileComponents();
+        }).compileComponents();
 
         fixture = TestBed.createComponent(FileUploadExerciseComponent);
         comp = fixture.componentInstance;
diff --git a/src/test/javascript/spec/component/forms/form-footer.component.spec.ts b/src/test/javascript/spec/component/forms/form-footer.component.spec.ts
index e53a44e194cc..8560ff6218c9 100644
--- a/src/test/javascript/spec/component/forms/form-footer.component.spec.ts
+++ b/src/test/javascript/spec/component/forms/form-footer.component.spec.ts
@@ -68,7 +68,7 @@ describe('FormFooterComponent', () => {
         comp.invalidReasons = [];
         comp.isDisabled = false;
         fixture.detectChanges();
-        const saveButton = fixture.debugElement.query(By.css('#save-entity')).nativeElement;
+        const saveButton = fixture.debugElement.query(By.css('#save-entity')).componentInstance;
         expect(saveButton.disabled).toBeFalse();
     });
 });
diff --git a/src/test/javascript/spec/component/git-diff-report/git-diff-file-panel.component.spec.ts b/src/test/javascript/spec/component/git-diff-report/git-diff-file-panel.component.spec.ts
index e62d3af1f108..312f0abf0552 100644
--- a/src/test/javascript/spec/component/git-diff-report/git-diff-file-panel.component.spec.ts
+++ b/src/test/javascript/spec/component/git-diff-report/git-diff-file-panel.component.spec.ts
@@ -4,7 +4,7 @@ import { MockComponent, MockDirective } from 'ng-mocks';
 import { GitDiffLineStatComponent } from '../../../../../main/webapp/app/exercises/programming/git-diff-report/git-diff-line-stat.component';
 import { ProgrammingExerciseGitDiffEntry } from '../../../../../main/webapp/app/entities/programming-exercise-git-diff-entry.model';
 import { GitDiffFilePanelComponent } from '../../../../../main/webapp/app/exercises/programming/git-diff-report/git-diff-file-panel.component';
-import { NgbAccordionBody, NgbAccordionButton, NgbAccordionCollapse, NgbAccordionDirective, NgbAccordionHeader, NgbAccordionItem } from '@ng-bootstrap/ng-bootstrap';
+import { NgbAccordionButton, NgbAccordionCollapse, NgbAccordionDirective, NgbAccordionHeader, NgbAccordionItem } from '@ng-bootstrap/ng-bootstrap';
 import { GitDiffFileComponent } from '../../../../../main/webapp/app/exercises/programming/git-diff-report/git-diff-file.component';
 import { GitDiffFilePanelTitleComponent } from '../../../../../main/webapp/app/exercises/programming/git-diff-report/git-diff-file-panel-title.component';
 import { MonacoDiffEditorComponent } from '../../../../../main/webapp/app/shared/monaco-editor/monaco-diff-editor.component';
@@ -27,7 +27,6 @@ describe('GitDiffFilePanelComponent', () => {
                 MockDirective(NgbAccordionHeader),
                 MockDirective(NgbAccordionButton),
                 MockDirective(NgbAccordionCollapse),
-                MockDirective(NgbAccordionBody),
             ],
             providers: [],
         }).compileComponents();
diff --git a/src/test/javascript/spec/component/git-diff-report/git-diff-modal.component.spec.ts b/src/test/javascript/spec/component/git-diff-report/git-diff-modal.component.spec.ts
index e2da096b0e41..d49c006dbe7c 100644
--- a/src/test/javascript/spec/component/git-diff-report/git-diff-modal.component.spec.ts
+++ b/src/test/javascript/spec/component/git-diff-report/git-diff-modal.component.spec.ts
@@ -19,15 +19,10 @@ describe('GitDiffReportModalComponent', () => {
     let loadTemplateFilesSpy: jest.SpyInstance;
     let loadParticipationFilesSpy: jest.SpyInstance;
     let loadSolutionFilesSpy: jest.SpyInstance;
-
-    const filesWithContentTemplate = new Map<string, string>();
-    filesWithContentTemplate.set('test', 'test');
-    const filesWithContentParticipation1 = new Map<string, string>();
-    filesWithContentParticipation1.set('test3', 'test3');
-    const filesWithContentParticipation2 = new Map<string, string>();
-    filesWithContentParticipation2.set('test4', 'test4');
-    const filesWithContentSolution = new Map<string, string>();
-    filesWithContentSolution.set('test2', 'test2');
+    let filesWithContentTemplate: Map<string, string>;
+    let filesWithContentParticipation1: Map<string, string>;
+    let filesWithContentParticipation2: Map<string, string>;
+    let filesWithContentSolution: Map<string, string>;
 
     beforeEach(() => {
         TestBed.configureTestingModule({
@@ -39,6 +34,17 @@ describe('GitDiffReportModalComponent', () => {
         programmingExerciseService = TestBed.inject(ProgrammingExerciseService);
         programmingExerciseParticipationService = TestBed.inject(ProgrammingExerciseParticipationService);
 
+        modal = TestBed.inject(NgbActiveModal);
+
+        filesWithContentTemplate = new Map<string, string>();
+        filesWithContentTemplate.set('test', 'test');
+        filesWithContentParticipation1 = new Map<string, string>();
+        filesWithContentParticipation1.set('test3', 'test3');
+        filesWithContentParticipation2 = new Map<string, string>();
+        filesWithContentParticipation2.set('test4', 'test4');
+        filesWithContentSolution = new Map<string, string>();
+        filesWithContentSolution.set('test2', 'test2');
+
         loadSolutionFilesSpy = jest.spyOn(programmingExerciseService, 'getSolutionRepositoryTestFilesWithContent').mockReturnValue(of(filesWithContentSolution));
         loadTemplateFilesSpy = jest.spyOn(programmingExerciseService, 'getTemplateRepositoryTestFilesWithContent').mockReturnValue(of(filesWithContentTemplate));
         loadParticipationFilesSpy = jest
@@ -103,8 +109,28 @@ describe('GitDiffReportModalComponent', () => {
         expect(comp.rightCommitFileContentByPath()).toEqual(filesWithContentParticipation1);
     });
 
+    /**
+     * For some reason, this test needs to be executed before the next one.
+     * Somehow, the mocked error-response leaks into this test, despite properly resetting the mocks.
+     * Also, other tests seem to not be affected by this.
+     */
+    it('should load files from cache if available for template and participation repo', async () => {
+        const cachedRepositoryFiles = new Map<string, Map<string, string>>();
+        cachedRepositoryFiles.set('1-template', filesWithContentTemplate);
+        cachedRepositoryFiles.set('def', filesWithContentParticipation1);
+        fixture.componentRef.setInput('cachedRepositoryFiles', cachedRepositoryFiles);
+        fixture.componentRef.setInput('report', { programmingExercise: { id: 1 }, participationIdForRightCommit: 3, rightCommitHash: 'def' } as ProgrammingExerciseGitDiffReport);
+        fixture.componentRef.setInput('diffForTemplateAndSolution', false);
+        fixture.detectChanges();
+        await finishEffects();
+        expect(loadParticipationFilesSpy).not.toHaveBeenCalled();
+        expect(loadTemplateFilesSpy).not.toHaveBeenCalled();
+        expect(comp.leftCommitFileContentByPath()).toEqual(filesWithContentTemplate);
+        expect(comp.rightCommitFileContentByPath()).toEqual(filesWithContentParticipation1);
+    });
+
     it('should set error flag if loading files fails', async () => {
-        jest.spyOn(programmingExerciseService, 'getTemplateRepositoryTestFilesWithContent').mockReturnValue(throwError('error'));
+        jest.spyOn(programmingExerciseService, 'getTemplateRepositoryTestFilesWithContent').mockReturnValue(throwError('error1'));
         jest.spyOn(programmingExerciseService, 'getSolutionRepositoryTestFilesWithContent').mockReturnValue(throwError('error'));
         jest.spyOn(programmingExerciseParticipationService, 'getParticipationRepositoryFilesWithContentAtCommit').mockReturnValue(throwError('error'));
         fixture.componentRef.setInput('report', { programmingExercise: { id: 1 }, participationIdForRightCommit: 3, rightCommitHash: 'abc' } as ProgrammingExerciseGitDiffReport);
@@ -134,21 +160,6 @@ describe('GitDiffReportModalComponent', () => {
         expect(modalServiceSpy).toHaveBeenCalled();
     });
 
-    it('should load files from cache if available for template and participation repo', async () => {
-        const cachedRepositoryFiles = new Map<string, Map<string, string>>();
-        cachedRepositoryFiles.set('1-template', filesWithContentTemplate);
-        cachedRepositoryFiles.set('def', filesWithContentParticipation1);
-        fixture.componentRef.setInput('cachedRepositoryFiles', cachedRepositoryFiles);
-        fixture.componentRef.setInput('report', { programmingExercise: { id: 1 }, participationIdForRightCommit: 3, rightCommitHash: 'def' } as ProgrammingExerciseGitDiffReport);
-        fixture.componentRef.setInput('diffForTemplateAndSolution', false);
-        fixture.detectChanges();
-        await finishEffects();
-        expect(loadParticipationFilesSpy).not.toHaveBeenCalled();
-        expect(loadTemplateFilesSpy).not.toHaveBeenCalled();
-        expect(comp.leftCommitFileContentByPath()).toEqual(filesWithContentTemplate);
-        expect(comp.rightCommitFileContentByPath()).toEqual(filesWithContentParticipation1);
-    });
-
     it('should load files from cache if available for participation repo at both commits', async () => {
         const cachedRepositoryFiles = new Map<string, Map<string, string>>();
         cachedRepositoryFiles.set('def', filesWithContentParticipation1);
diff --git a/src/test/javascript/spec/component/grading-system/detailed-grading-system.component.spec.ts b/src/test/javascript/spec/component/grading-system/detailed-grading-system.component.spec.ts
index d393fe92dfbb..6aa436faf12b 100644
--- a/src/test/javascript/spec/component/grading-system/detailed-grading-system.component.spec.ts
+++ b/src/test/javascript/spec/component/grading-system/detailed-grading-system.component.spec.ts
@@ -3,11 +3,7 @@ import { DetailedGradingSystemComponent } from 'app/grading-system/detailed-grad
 import { GradingSystemService } from 'app/grading-system/grading-system.service';
 import { ArtemisTestModule } from '../../test.module';
 import { GradeType, GradingScale } from 'app/entities/grading-scale.model';
-import { MockComponent, MockDirective, MockPipe, MockProvider } from 'ng-mocks';
-import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { GradingSystemInfoModalComponent } from 'app/grading-system/grading-system-info-modal/grading-system-info-modal.component';
-import { NgModel, NgSelectOption } from '@angular/forms';
+import { MockProvider } from 'ng-mocks';
 import { GradeStep } from 'app/entities/grade-step.model';
 import { cloneDeep } from 'lodash-es';
 import { of } from 'rxjs';
@@ -19,10 +15,8 @@ import { Course } from 'app/entities/course.model';
 import { ExamManagementService } from 'app/exam/manage/exam-management.service';
 import { CourseManagementService } from 'app/course/manage/course-management.service';
 import { MockCourseManagementService } from '../../helpers/mocks/service/mock-course-management.service';
-import { HelpIconComponent } from 'app/shared/components/help-icon.component';
 import { PresentationType } from 'app/grading-system/grading-system-presentations/grading-system-presentations.component';
 import { download, generateCsv, mkConfig } from 'export-to-csv';
-import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 jest.mock('export-to-csv', () => {
     return {
@@ -79,15 +73,6 @@ describe('Detailed Grading System Component', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [
-                MockDirective(NgModel),
-                MockDirective(NgSelectOption),
-                MockComponent(GradingSystemInfoModalComponent),
-                MockComponent(HelpIconComponent),
-                MockDirective(DeleteButtonDirective),
-                MockPipe(ArtemisTranslatePipe),
-                MockDirective(TranslateDirective),
-            ],
             providers: [
                 { provide: ActivatedRoute, useValue: route },
                 MockProvider(ExamManagementService),
@@ -678,9 +663,12 @@ describe('Detailed Grading System Component', () => {
         // Csv without header
         const invalidCsv = `4.0,10,10,TRUE`;
 
+        const warnLogSpy = jest.spyOn(console, 'warn').mockImplementation();
+
         const event = { target: { files: [invalidCsv] } };
         await comp.onCSVFileSelect(event);
 
+        expect(warnLogSpy).toHaveBeenCalledOnce();
         expect(comp.gradingScale.gradeSteps).toHaveLength(0);
     });
 
diff --git a/src/test/javascript/spec/component/grading-system/grading-system-presentations.component.spec.ts b/src/test/javascript/spec/component/grading-system/grading-system-presentations.component.spec.ts
index 2e57665dfd3b..020b19e16d40 100644
--- a/src/test/javascript/spec/component/grading-system/grading-system-presentations.component.spec.ts
+++ b/src/test/javascript/spec/component/grading-system/grading-system-presentations.component.spec.ts
@@ -2,8 +2,6 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { GradingScale } from 'app/entities/grading-scale.model';
 import { GradingSystemPresentationsComponent, PresentationType } from 'app/grading-system/grading-system-presentations/grading-system-presentations.component';
 import { Course } from 'app/entities/course.model';
-import { HelpIconComponent } from 'app/shared/components/help-icon.component';
-import { MockComponent } from 'ng-mocks';
 
 describe('Grading System Presentations Component', () => {
     let component: GradingSystemPresentationsComponent;
@@ -42,9 +40,7 @@ describe('Grading System Presentations Component', () => {
     } as GradingScale;
 
     beforeEach(() => {
-        return TestBed.configureTestingModule({
-            declarations: [MockComponent(HelpIconComponent)],
-        })
+        return TestBed.configureTestingModule({})
             .compileComponents()
             .then(() => {
                 componentFixture = TestBed.createComponent(GradingSystemPresentationsComponent);
diff --git a/src/test/javascript/spec/component/grading-system/grading-system.component.spec.ts b/src/test/javascript/spec/component/grading-system/grading-system.component.spec.ts
index 2f45c6ee0466..6b8a02f3b9e8 100644
--- a/src/test/javascript/spec/component/grading-system/grading-system.component.spec.ts
+++ b/src/test/javascript/spec/component/grading-system/grading-system.component.spec.ts
@@ -1,15 +1,10 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ArtemisTestModule } from '../../test.module';
 import { GradingScale } from 'app/entities/grading-scale.model';
-import { MockComponent, MockDirective, MockPipe } from 'ng-mocks';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { GradingSystemInfoModalComponent } from 'app/grading-system/grading-system-info-modal/grading-system-info-modal.component';
-import { NgModel } from '@angular/forms';
 import { BehaviorSubject } from 'rxjs';
-import { ActivatedRoute, Params, RouterModule } from '@angular/router';
+import { ActivatedRoute, Params } from '@angular/router';
 import { GradingSystemComponent } from 'app/grading-system/grading-system.component';
 import { BaseGradingSystemComponent } from 'app/grading-system/base-grading-system/base-grading-system.component';
-import { DocumentationButtonComponent } from 'app/shared/components/documentation-button/documentation-button.component';
 
 describe('Grading System Component', () => {
     let comp: GradingSystemComponent;
@@ -20,8 +15,7 @@ describe('Grading System Component', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, RouterModule.forRoot([])],
-            declarations: [MockDirective(NgModel), MockComponent(DocumentationButtonComponent), MockComponent(GradingSystemInfoModalComponent), MockPipe(ArtemisTranslatePipe)],
+            imports: [ArtemisTestModule],
             providers: [{ provide: ActivatedRoute, useValue: route }],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/component/grading-system/interval-grading-system.component.spec.ts b/src/test/javascript/spec/component/grading-system/interval-grading-system.component.spec.ts
index fa0f490c3e09..3519e8b0efa9 100644
--- a/src/test/javascript/spec/component/grading-system/interval-grading-system.component.spec.ts
+++ b/src/test/javascript/spec/component/grading-system/interval-grading-system.component.spec.ts
@@ -2,11 +2,7 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { IntervalGradingSystemComponent } from 'app/grading-system/interval-grading-system/interval-grading-system.component';
 import { ArtemisTestModule } from '../../test.module';
 import { GradeType, GradingScale } from 'app/entities/grading-scale.model';
-import { MockComponent, MockDirective, MockPipe, MockProvider } from 'ng-mocks';
-import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { GradingSystemInfoModalComponent } from 'app/grading-system/grading-system-info-modal/grading-system-info-modal.component';
-import { NgModel, NgSelectOption } from '@angular/forms';
+import { MockProvider } from 'ng-mocks';
 import { GradeStep } from 'app/entities/grade-step.model';
 import { cloneDeep } from 'lodash-es';
 import { of } from 'rxjs';
@@ -16,8 +12,6 @@ import { Course } from 'app/entities/course.model';
 import { ExamManagementService } from 'app/exam/manage/exam-management.service';
 import { CourseManagementService } from 'app/course/manage/course-management.service';
 import { MockCourseManagementService } from '../../helpers/mocks/service/mock-course-management.service';
-import { ModePickerComponent } from 'app/exercises/shared/mode-picker/mode-picker.component';
-import { HelpIconComponent } from 'app/shared/components/help-icon.component';
 
 describe('Interval Grading System Component', () => {
     let comp: IntervalGradingSystemComponent;
@@ -77,15 +71,6 @@ describe('Interval Grading System Component', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [
-                MockDirective(NgModel),
-                MockDirective(NgSelectOption),
-                MockComponent(GradingSystemInfoModalComponent),
-                MockComponent(HelpIconComponent),
-                MockComponent(ModePickerComponent),
-                MockDirective(DeleteButtonDirective),
-                MockPipe(ArtemisTranslatePipe),
-            ],
             providers: [
                 { provide: ActivatedRoute, useValue: route },
                 MockProvider(ExamManagementService),
diff --git a/src/test/javascript/spec/component/import/exercise-import.component.spec.ts b/src/test/javascript/spec/component/import/exercise-import.component.spec.ts
index ae6201f3dea5..1bade48c017c 100644
--- a/src/test/javascript/spec/component/import/exercise-import.component.spec.ts
+++ b/src/test/javascript/spec/component/import/exercise-import.component.spec.ts
@@ -269,8 +269,7 @@ describe('ExerciseImportComponent', () => {
             comp.exerciseType = exerciseType;
 
             comp.ngOnInit();
-
-            expect(getSpy).toHaveBeenCalledExactlyOnceWith(expectedPagingService, undefined, 0); // default values for arguments 2 and 3
+            expect(getSpy).toHaveBeenCalledWith(expectedPagingService, {});
         }),
     );
 
@@ -285,7 +284,7 @@ describe('ExerciseImportComponent', () => {
         comp.ngOnInit();
 
         expect(comp.titleKey).toContain('configureGrading');
-        expect(getSpy).toHaveBeenCalledExactlyOnceWith(CodeAnalysisPagingService, undefined, 0);
+        expect(getSpy).toHaveBeenCalledWith(CodeAnalysisPagingService, {});
     });
 
     it('should sort by exam title when only the exam filter is active', () => {
diff --git a/src/test/javascript/spec/component/import/import.component.spec.ts b/src/test/javascript/spec/component/import/import.component.spec.ts
index 88919c3b0a58..529cc9a012e0 100644
--- a/src/test/javascript/spec/component/import/import.component.spec.ts
+++ b/src/test/javascript/spec/component/import/import.component.spec.ts
@@ -1,7 +1,6 @@
-import { Component } from '@angular/core';
+import { Component, inject } from '@angular/core';
 import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testing';
 import { FormsModule } from '@angular/forms';
-import { Router } from '@angular/router';
 import { NgbActiveModal, NgbPagination } from '@ng-bootstrap/ng-bootstrap';
 import { Exam } from 'app/entities/exam/exam.model';
 import { ButtonComponent } from 'app/shared/components/button.component';
@@ -18,8 +17,9 @@ import { DummyPagingService } from '../manage/dummy-paging-service';
 
 @Component({ template: '' })
 class DummyImportComponent extends ImportComponent<BaseEntity> {
-    constructor(router: Router, sortService: SortService, activeModal: NgbActiveModal, pagingService: DummyPagingService) {
-        super(router, sortService, activeModal, pagingService);
+    constructor() {
+        const pagingService = inject(DummyPagingService);
+        super(pagingService);
     }
 }
 describe('ImportComponent', () => {
diff --git a/src/test/javascript/spec/component/iris/iris-chat.service.spec.ts b/src/test/javascript/spec/component/iris/iris-chat.service.spec.ts
index 6040fd98c892..24b283542d7f 100644
--- a/src/test/javascript/spec/component/iris/iris-chat.service.spec.ts
+++ b/src/test/javascript/spec/component/iris/iris-chat.service.spec.ts
@@ -24,6 +24,7 @@ import {
     mockWebsocketStatusMessage,
 } from '../../helpers/sample/iris-sample-data';
 import { IrisMessage, IrisUserMessage } from 'app/entities/iris/iris-message.model';
+import 'app/shared/util/array.extension';
 
 describe('IrisChatService', () => {
     let service: IrisChatService;
diff --git a/src/test/javascript/spec/component/iris/settings/iris-course-settings-update.component.spec.ts b/src/test/javascript/spec/component/iris/settings/iris-course-settings-update.component.spec.ts
index 12f1ebfe860a..0b81f07452e8 100644
--- a/src/test/javascript/spec/component/iris/settings/iris-course-settings-update.component.spec.ts
+++ b/src/test/javascript/spec/component/iris/settings/iris-course-settings-update.component.spec.ts
@@ -2,13 +2,12 @@ import { ArtemisTestModule } from '../../../test.module';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { IrisSettingsUpdateComponent } from 'app/iris/settings/iris-settings-update/iris-settings-update.component';
 import { IrisSettingsService } from 'app/iris/settings/shared/iris-settings.service';
-import { MockComponent, MockDirective, MockProvider } from 'ng-mocks';
+import { MockComponent, MockProvider } from 'ng-mocks';
 import { BehaviorSubject, of } from 'rxjs';
 import { ButtonComponent } from 'app/shared/components/button.component';
 import { IrisCommonSubSettingsUpdateComponent } from 'app/iris/settings/iris-settings-update/iris-common-sub-settings-update/iris-common-sub-settings-update.component';
 import { mockEmptySettings, mockSettings } from './mock-settings';
 import { ActivatedRoute, Params, provideRouter } from '@angular/router';
-import { NgModel } from '@angular/forms';
 import { IrisCourseSettingsUpdateComponent } from 'app/iris/settings/iris-course-settings-update/iris-course-settings-update.component';
 import { By } from '@angular/platform-browser';
 import { IrisSettings } from 'app/entities/iris/settings/iris-settings.model';
@@ -28,13 +27,7 @@ describe('IrisCourseSettingsUpdateComponent Component', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule, MockJhiTranslateDirective],
-            declarations: [
-                IrisCourseSettingsUpdateComponent,
-                IrisSettingsUpdateComponent,
-                MockComponent(IrisCommonSubSettingsUpdateComponent),
-                MockComponent(ButtonComponent),
-                MockDirective(NgModel),
-            ],
+            declarations: [IrisCourseSettingsUpdateComponent, IrisSettingsUpdateComponent, MockComponent(IrisCommonSubSettingsUpdateComponent), MockComponent(ButtonComponent)],
             providers: [provideRouter([]), MockProvider(IrisSettingsService), { provide: ActivatedRoute, useValue: route }],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/component/iris/settings/iris-enabled.component.spec.ts b/src/test/javascript/spec/component/iris/settings/iris-enabled.component.spec.ts
index 8647d036e2a7..578987ad8571 100644
--- a/src/test/javascript/spec/component/iris/settings/iris-enabled.component.spec.ts
+++ b/src/test/javascript/spec/component/iris/settings/iris-enabled.component.spec.ts
@@ -26,8 +26,7 @@ describe('IrisEnabledComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule],
-            declarations: [IrisEnabledComponent, TranslatePipeMock],
+            imports: [ArtemisTestModule, IrisEnabledComponent, TranslatePipeMock],
             providers: [provideRouter([]), MockProvider(IrisSettingsService)],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/component/iris/settings/iris-exercise-settings-update.component.spec.ts b/src/test/javascript/spec/component/iris/settings/iris-exercise-settings-update.component.spec.ts
index 7d37655167c4..2dd0826fdcad 100644
--- a/src/test/javascript/spec/component/iris/settings/iris-exercise-settings-update.component.spec.ts
+++ b/src/test/javascript/spec/component/iris/settings/iris-exercise-settings-update.component.spec.ts
@@ -2,14 +2,13 @@ import { ArtemisTestModule } from '../../../test.module';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { IrisSettingsUpdateComponent } from 'app/iris/settings/iris-settings-update/iris-settings-update.component';
 import { IrisSettingsService } from 'app/iris/settings/shared/iris-settings.service';
-import { MockComponent, MockDirective, MockProvider } from 'ng-mocks';
+import { MockComponent, MockProvider } from 'ng-mocks';
 import { BehaviorSubject, of } from 'rxjs';
 import { ButtonComponent } from 'app/shared/components/button.component';
 import { IrisCommonSubSettingsUpdateComponent } from 'app/iris/settings/iris-settings-update/iris-common-sub-settings-update/iris-common-sub-settings-update.component';
 import { mockSettings } from './mock-settings';
 import { IrisExerciseSettingsUpdateComponent } from 'app/iris/settings/iris-exercise-settings-update/iris-exercise-settings-update.component';
 import { ActivatedRoute, Params, provideRouter } from '@angular/router';
-import { NgModel } from '@angular/forms';
 import { By } from '@angular/platform-browser';
 import { IrisSettings } from 'app/entities/iris/settings/iris-settings.model';
 import { HttpResponse } from '@angular/common/http';
@@ -27,13 +26,7 @@ describe('IrisExerciseSettingsUpdateComponent Component', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [
-                IrisExerciseSettingsUpdateComponent,
-                IrisSettingsUpdateComponent,
-                MockComponent(IrisCommonSubSettingsUpdateComponent),
-                MockComponent(ButtonComponent),
-                MockDirective(NgModel),
-            ],
+            declarations: [IrisExerciseSettingsUpdateComponent, IrisSettingsUpdateComponent, MockComponent(IrisCommonSubSettingsUpdateComponent), MockComponent(ButtonComponent)],
             providers: [provideRouter([]), MockProvider(IrisSettingsService), { provide: ActivatedRoute, useValue: route }],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/component/iris/settings/iris-global-settings-update.component.spec.ts b/src/test/javascript/spec/component/iris/settings/iris-global-settings-update.component.spec.ts
index c2837bccd6b4..b9bf9836cbbe 100644
--- a/src/test/javascript/spec/component/iris/settings/iris-global-settings-update.component.spec.ts
+++ b/src/test/javascript/spec/component/iris/settings/iris-global-settings-update.component.spec.ts
@@ -2,12 +2,11 @@ import { ArtemisTestModule } from '../../../test.module';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { IrisSettingsUpdateComponent } from 'app/iris/settings/iris-settings-update/iris-settings-update.component';
 import { IrisSettingsService } from 'app/iris/settings/shared/iris-settings.service';
-import { MockComponent, MockDirective, MockProvider } from 'ng-mocks';
+import { MockComponent, MockProvider } from 'ng-mocks';
 import { of } from 'rxjs';
 import { ButtonComponent } from 'app/shared/components/button.component';
 import { IrisCommonSubSettingsUpdateComponent } from 'app/iris/settings/iris-settings-update/iris-common-sub-settings-update/iris-common-sub-settings-update.component';
 import { mockSettings } from './mock-settings';
-import { NgModel } from '@angular/forms';
 import { IrisGlobalSettingsUpdateComponent } from 'app/iris/settings/iris-global-settings-update/iris-global-settings-update.component';
 import { By } from '@angular/platform-browser';
 import { IrisSettings } from 'app/entities/iris/settings/iris-settings.model';
@@ -22,13 +21,7 @@ describe('IrisGlobalSettingsUpdateComponent Component', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [
-                IrisGlobalSettingsUpdateComponent,
-                IrisSettingsUpdateComponent,
-                MockComponent(IrisCommonSubSettingsUpdateComponent),
-                MockComponent(ButtonComponent),
-                MockDirective(NgModel),
-            ],
+            declarations: [IrisGlobalSettingsUpdateComponent, IrisSettingsUpdateComponent, MockComponent(IrisCommonSubSettingsUpdateComponent), MockComponent(ButtonComponent)],
             providers: [MockProvider(IrisSettingsService)],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/component/iris/settings/iris-settings-update-component.spec.ts b/src/test/javascript/spec/component/iris/settings/iris-settings-update-component.spec.ts
index e35074c2942d..5d9e8d3d4971 100644
--- a/src/test/javascript/spec/component/iris/settings/iris-settings-update-component.spec.ts
+++ b/src/test/javascript/spec/component/iris/settings/iris-settings-update-component.spec.ts
@@ -4,8 +4,7 @@ import { IrisSettingsUpdateComponent } from 'app/iris/settings/iris-settings-upd
 import { IrisSettingsType } from 'app/entities/iris/settings/iris-settings.model';
 import { mockSettings, mockVariants } from './mock-settings';
 import { ArtemisTestModule } from '../../../test.module';
-import { NgModel } from '@angular/forms';
-import { MockComponent, MockDirective, MockPipe, MockProvider } from 'ng-mocks';
+import { MockComponent, MockPipe, MockProvider } from 'ng-mocks';
 import { IrisCommonSubSettingsUpdateComponent } from 'app/iris/settings/iris-settings-update/iris-common-sub-settings-update/iris-common-sub-settings-update.component';
 import { ButtonComponent } from 'app/shared/components/button.component';
 import { IrisSettingsService } from 'app/iris/settings/shared/iris-settings.service';
@@ -24,15 +23,15 @@ describe('IrisSettingsUpdateComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, NgbTooltipMockDirective, MockJhiTranslateDirective],
-            declarations: [
+            imports: [
+                ArtemisTestModule,
+                NgbTooltipMockDirective,
+                MockJhiTranslateDirective,
                 IrisCourseSettingsUpdateComponent,
                 IrisSettingsUpdateComponent,
                 IrisCommonSubSettingsUpdateComponent,
-                MockPipe(ArtemisTranslatePipe),
-                MockComponent(ButtonComponent),
-                MockDirective(NgModel),
             ],
+            declarations: [MockPipe(ArtemisTranslatePipe), MockComponent(ButtonComponent)],
             providers: [
                 MockProvider(IrisSettingsService, {
                     getGlobalSettings: () => of(mockSettings()),
diff --git a/src/test/javascript/spec/component/iris/ui/chat-status-bar.component.spec.ts b/src/test/javascript/spec/component/iris/ui/chat-status-bar.component.spec.ts
index 4a33821525fe..30fecd2ebddb 100644
--- a/src/test/javascript/spec/component/iris/ui/chat-status-bar.component.spec.ts
+++ b/src/test/javascript/spec/component/iris/ui/chat-status-bar.component.spec.ts
@@ -10,8 +10,7 @@ describe('ChatStatusBarComponent', () => {
 
     beforeEach(async () => {
         await TestBed.configureTestingModule({
-            imports: [FontAwesomeModule],
-            declarations: [ChatStatusBarComponent],
+            imports: [FontAwesomeModule, ChatStatusBarComponent],
         }).compileComponents();
 
         fixture = TestBed.createComponent(ChatStatusBarComponent);
diff --git a/src/test/javascript/spec/component/iris/ui/iris-base-chatbot.component.spec.ts b/src/test/javascript/spec/component/iris/ui/iris-base-chatbot.component.spec.ts
index a5a0334dbc33..18b92e4fa0b4 100644
--- a/src/test/javascript/spec/component/iris/ui/iris-base-chatbot.component.spec.ts
+++ b/src/test/javascript/spec/component/iris/ui/iris-base-chatbot.component.spec.ts
@@ -19,7 +19,7 @@ import { of } from 'rxjs';
 import dayjs from 'dayjs/esm';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { ButtonComponent } from 'app/shared/components/button.component';
-import { FormsModule } from 'app/forms/forms.module';
+import { ArtemisFormsModule } from '../../../../../../main/webapp/app/forms/artemis-forms.module';
 import {
     mockClientMessage,
     mockServerMessage,
@@ -62,7 +62,7 @@ describe('IrisBaseChatbotComponent', () => {
         } as any;
 
         await TestBed.configureTestingModule({
-            imports: [FormsModule, FontAwesomeModule, RouterModule, NoopAnimationsModule],
+            imports: [ArtemisFormsModule, FontAwesomeModule, RouterModule, NoopAnimationsModule],
             declarations: [
                 IrisBaseChatbotComponent,
                 MockPipe(ArtemisTranslatePipe),
diff --git a/src/test/javascript/spec/component/learning-paths/components/learning-paths-configuration.component.spec.ts b/src/test/javascript/spec/component/learning-paths/components/learning-paths-configuration.component.spec.ts
index 220681f972f8..8e33f42aab3a 100644
--- a/src/test/javascript/spec/component/learning-paths/components/learning-paths-configuration.component.spec.ts
+++ b/src/test/javascript/spec/component/learning-paths/components/learning-paths-configuration.component.spec.ts
@@ -49,11 +49,10 @@ describe('LearningPathsConfigurationComponent', () => {
     it('should load learning paths configuration', async () => {
         fixture.detectChanges();
         await fixture.whenStable();
+        fixture.detectChanges();
 
         const includeAllExercisesCheckBox = fixture.nativeElement.querySelector('#include-all-graded-exercises-checkbox');
 
-        fixture.detectChanges();
-
         expect(includeAllExercisesCheckBox.checked).toEqual(learningPathsConfiguration.includeAllGradedExercises);
         expect(component.includeAllGradedExercisesEnabled()).toEqual(learningPathsConfiguration.includeAllGradedExercises);
         expect(getLearningPathsConfigurationSpy).toHaveBeenCalledExactlyOnceWith(courseId);
@@ -82,6 +81,7 @@ describe('LearningPathsConfigurationComponent', () => {
     it('should enable edit mode', async () => {
         fixture.detectChanges();
         await fixture.whenStable();
+        fixture.detectChanges();
 
         const includeAllExercisesCheckBox = fixture.nativeElement.querySelector('#include-all-graded-exercises-checkbox');
         expect(includeAllExercisesCheckBox.disabled).toBeTrue();
diff --git a/src/test/javascript/spec/component/learning-paths/pages/learning-path-instructor-page.component.spec.ts b/src/test/javascript/spec/component/learning-paths/pages/learning-path-instructor-page.component.spec.ts
index 500d5db33716..4ac3f94170eb 100644
--- a/src/test/javascript/spec/component/learning-paths/pages/learning-path-instructor-page.component.spec.ts
+++ b/src/test/javascript/spec/component/learning-paths/pages/learning-path-instructor-page.component.spec.ts
@@ -108,6 +108,9 @@ describe('LearningPathInstructorPageComponent', () => {
     it('should enable learning paths', async () => {
         const enableLearningPathsSpy = jest.spyOn(learningPathApiService, 'enableLearningPaths').mockResolvedValue();
 
+        fixture.detectChanges();
+        await fixture.whenStable();
+
         await clickEnableLearningPathsButton();
 
         expect(enableLearningPathsSpy).toHaveBeenCalledExactlyOnceWith(courseId);
@@ -118,6 +121,9 @@ describe('LearningPathInstructorPageComponent', () => {
         const alertServiceErrorSpy = jest.spyOn(alertService, 'addAlert');
         jest.spyOn(learningPathApiService, 'enableLearningPaths').mockRejectedValue(new Error('Error'));
 
+        fixture.detectChanges();
+        await fixture.whenStable();
+
         await clickEnableLearningPathsButton();
 
         expect(alertServiceErrorSpy).toHaveBeenCalledOnce();
@@ -126,6 +132,9 @@ describe('LearningPathInstructorPageComponent', () => {
     it('should set isLoading correctly on enable learning paths', async () => {
         const isLoadingSpy = jest.spyOn(component.isLoading, 'set');
 
+        fixture.detectChanges();
+        await fixture.whenStable();
+
         await clickEnableLearningPathsButton();
 
         expect(isLoadingSpy).toHaveBeenNthCalledWith(1, true);
diff --git a/src/test/javascript/spec/component/lecture-unit/attachment-unit/attachment-unit-form.component.spec.ts b/src/test/javascript/spec/component/lecture-unit/attachment-unit/attachment-unit-form.component.spec.ts
index 6de2fc97f18e..b325246f4d44 100644
--- a/src/test/javascript/spec/component/lecture-unit/attachment-unit/attachment-unit-form.component.spec.ts
+++ b/src/test/javascript/spec/component/lecture-unit/attachment-unit/attachment-unit-form.component.spec.ts
@@ -10,13 +10,15 @@ import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 import { CompetencySelectionComponent } from 'app/shared/competency-selection/competency-selection.component';
 import { MAX_FILE_SIZE } from 'app/shared/constants/input.constants';
 import { OwlDateTimeModule, OwlNativeDateTimeModule } from '@danielmoncada/angular-datetime-picker';
+import { TranslateService } from '@ngx-translate/core';
+import { MockTranslateService } from '../../../helpers/mocks/service/mock-translate.service';
 
 describe('AttachmentUnitFormComponent', () => {
     let attachmentUnitFormComponentFixture: ComponentFixture<AttachmentUnitFormComponent>;
     let attachmentUnitFormComponent: AttachmentUnitFormComponent;
 
-    beforeEach(() => {
-        TestBed.configureTestingModule({
+    beforeEach(async () => {
+        await TestBed.configureTestingModule({
             imports: [ReactiveFormsModule, FormsModule, MockDirective(NgbTooltip), MockModule(OwlDateTimeModule), MockModule(OwlNativeDateTimeModule)],
             declarations: [
                 AttachmentUnitFormComponent,
@@ -25,13 +27,12 @@ describe('AttachmentUnitFormComponent', () => {
                 MockComponent(FaIconComponent),
                 MockComponent(CompetencySelectionComponent),
             ],
+            providers: [{ provide: TranslateService, useClass: MockTranslateService }],
             schemas: [],
-        })
-            .compileComponents()
-            .then(() => {
-                attachmentUnitFormComponentFixture = TestBed.createComponent(AttachmentUnitFormComponent);
-                attachmentUnitFormComponent = attachmentUnitFormComponentFixture.componentInstance;
-            });
+        }).compileComponents();
+
+        attachmentUnitFormComponentFixture = TestBed.createComponent(AttachmentUnitFormComponent);
+        attachmentUnitFormComponent = attachmentUnitFormComponentFixture.componentInstance;
     });
 
     afterEach(() => {
diff --git a/src/test/javascript/spec/component/lecture-unit/attachment-unit/create-attachment-unit.component.spec.ts b/src/test/javascript/spec/component/lecture-unit/attachment-unit/create-attachment-unit.component.spec.ts
index ec4ecfa6328c..0acd7be6acc2 100644
--- a/src/test/javascript/spec/component/lecture-unit/attachment-unit/create-attachment-unit.component.spec.ts
+++ b/src/test/javascript/spec/component/lecture-unit/attachment-unit/create-attachment-unit.component.spec.ts
@@ -1,12 +1,11 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
 import dayjs from 'dayjs/esm';
 import { ComponentFixture, TestBed, fakeAsync } from '@angular/core/testing';
 import { MockProvider } from 'ng-mocks';
 import { AlertService } from 'app/core/util/alert.service';
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute, Router, convertToParamMap } from '@angular/router';
 import { MockRouter } from '../../../helpers/mocks/mock-router';
 import { of } from 'rxjs';
-import { AttachmentUnitFormData } from 'app/lecture/lecture-unit/lecture-unit-management/attachment-unit-form/attachment-unit-form.component';
+import { AttachmentUnitFormComponent, AttachmentUnitFormData } from 'app/lecture/lecture-unit/lecture-unit-management/attachment-unit-form/attachment-unit-form.component';
 import { CreateAttachmentUnitComponent } from 'app/lecture/lecture-unit/lecture-unit-management/create-attachment-unit/create-attachment-unit.component';
 import { AttachmentUnitService } from 'app/lecture/lecture-unit/lecture-unit-management/attachmentUnit.service';
 import { HttpResponse } from '@angular/common/http';
@@ -14,26 +13,15 @@ import { Attachment, AttachmentType } from 'app/entities/attachment.model';
 import { AttachmentUnit } from 'app/entities/lecture-unit/attachmentUnit.model';
 import { By } from '@angular/platform-browser';
 import { objectToJsonBlob } from 'app/utils/blob-util';
-
-@Component({ selector: 'jhi-attachment-unit-form', template: '' })
-class AttachmentUnitFormStubComponent {
-    @Input() isEditMode = false;
-    @Output() formSubmitted: EventEmitter<AttachmentUnitFormData> = new EventEmitter<AttachmentUnitFormData>();
-}
-
-@Component({ selector: 'jhi-lecture-unit-layout', template: '<ng-content />' })
-class LectureUnitLayoutStubComponent {
-    @Input()
-    isLoading = false;
-}
+import { ArtemisTestModule } from '../../../test.module';
+import { OwlNativeDateTimeModule } from '@danielmoncada/angular-datetime-picker';
 
 describe('CreateAttachmentUnitComponent', () => {
     let createAttachmentUnitComponentFixture: ComponentFixture<CreateAttachmentUnitComponent>;
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [],
-            declarations: [AttachmentUnitFormStubComponent, LectureUnitLayoutStubComponent, CreateAttachmentUnitComponent],
+            imports: [ArtemisTestModule, OwlNativeDateTimeModule],
             providers: [
                 MockProvider(AttachmentUnitService),
                 MockProvider(AlertService),
@@ -41,6 +29,7 @@ describe('CreateAttachmentUnitComponent', () => {
                 {
                     provide: ActivatedRoute,
                     useValue: {
+                        snapshot: { paramMap: convertToParamMap({ courseId: '1' }) },
                         parent: {
                             parent: {
                                 paramMap: of({
@@ -67,11 +56,9 @@ describe('CreateAttachmentUnitComponent', () => {
                 },
             ],
             schemas: [],
-        })
-            .compileComponents()
-            .then(() => {
-                createAttachmentUnitComponentFixture = TestBed.createComponent(CreateAttachmentUnitComponent);
-            });
+        }).compileComponents();
+
+        createAttachmentUnitComponentFixture = TestBed.createComponent(CreateAttachmentUnitComponent);
     });
 
     afterEach(() => {
@@ -125,10 +112,8 @@ describe('CreateAttachmentUnitComponent', () => {
         const navigateSpy = jest.spyOn(router, 'navigate');
         createAttachmentUnitComponentFixture.detectChanges();
 
-        const attachmentUnitFormStubComponent: AttachmentUnitFormStubComponent = createAttachmentUnitComponentFixture.debugElement.query(
-            By.directive(AttachmentUnitFormStubComponent),
-        ).componentInstance;
-        attachmentUnitFormStubComponent.formSubmitted.emit(attachmentUnitFormData);
+        const attachmentUnitFormComponent = createAttachmentUnitComponentFixture.debugElement.query(By.directive(AttachmentUnitFormComponent)).componentInstance;
+        attachmentUnitFormComponent.formSubmitted.emit(attachmentUnitFormData);
 
         createAttachmentUnitComponentFixture.whenStable().then(() => {
             expect(createAttachmentUnitStub).toHaveBeenCalledWith(formData, 1);
diff --git a/src/test/javascript/spec/component/lecture-unit/attachment-unit/edit-attachment-unit.component.spec.ts b/src/test/javascript/spec/component/lecture-unit/attachment-unit/edit-attachment-unit.component.spec.ts
index 57d4b3beebbd..0aab0bd2d285 100644
--- a/src/test/javascript/spec/component/lecture-unit/attachment-unit/edit-attachment-unit.component.spec.ts
+++ b/src/test/javascript/spec/component/lecture-unit/attachment-unit/edit-attachment-unit.component.spec.ts
@@ -1,12 +1,11 @@
 import dayjs from 'dayjs/esm';
 import { MockRouter } from '../../../helpers/mocks/mock-router';
-import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { MockProvider } from 'ng-mocks';
 import { AlertService } from 'app/core/util/alert.service';
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute, Router, convertToParamMap } from '@angular/router';
 import { of } from 'rxjs';
-import { AttachmentUnitFormData } from 'app/lecture/lecture-unit/lecture-unit-management/attachment-unit-form/attachment-unit-form.component';
+import { AttachmentUnitFormComponent, AttachmentUnitFormData } from 'app/lecture/lecture-unit/lecture-unit-management/attachment-unit-form/attachment-unit-form.component';
 import { AttachmentUnitService } from 'app/lecture/lecture-unit/lecture-unit-management/attachmentUnit.service';
 import { EditAttachmentUnitComponent } from 'app/lecture/lecture-unit/lecture-unit-management/edit-attachment-unit/edit-attachment-unit.component';
 import { Attachment, AttachmentType } from 'app/entities/attachment.model';
@@ -14,27 +13,11 @@ import { AttachmentUnit } from 'app/entities/lecture-unit/attachmentUnit.model';
 import { HttpResponse } from '@angular/common/http';
 import { By } from '@angular/platform-browser';
 import { objectToJsonBlob } from 'app/utils/blob-util';
-
-@Component({ selector: 'jhi-attachment-unit-form', template: '' })
-class AttachmentUnitFormStubComponent {
-    errorMessage: string;
-    @Input() isEditMode = false;
-    @Input() formData: AttachmentUnitFormData;
-    @Output() formSubmitted: EventEmitter<AttachmentUnitFormData> = new EventEmitter<AttachmentUnitFormData>();
-
-    setFileUploadError(errorMessage: string) {
-        this.errorMessage = errorMessage;
-    }
-}
-
-@Component({ selector: 'jhi-lecture-unit-layout', template: '<ng-content />' })
-class LectureUnitLayoutStubComponent {
-    @Input()
-    isLoading = false;
-}
+import { OwlNativeDateTimeModule } from '@danielmoncada/angular-datetime-picker';
+import { ArtemisTestModule } from '../../../test.module';
 
 describe('EditAttachmentUnitComponent', () => {
-    let editAttachmentUnitComponentFixture: ComponentFixture<EditAttachmentUnitComponent>;
+    let fixture: ComponentFixture<EditAttachmentUnitComponent>;
 
     let attachmentUnitService;
     let router: Router;
@@ -47,8 +30,7 @@ describe('EditAttachmentUnitComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [],
-            declarations: [AttachmentUnitFormStubComponent, LectureUnitLayoutStubComponent, EditAttachmentUnitComponent],
+            imports: [ArtemisTestModule, OwlNativeDateTimeModule],
             providers: [
                 MockProvider(AttachmentUnitService),
                 MockProvider(AlertService),
@@ -56,6 +38,9 @@ describe('EditAttachmentUnitComponent', () => {
                 {
                     provide: ActivatedRoute,
                     useValue: {
+                        snapshot: {
+                            paramMap: convertToParamMap({ courseId: 1 }),
+                        },
                         paramMap: of({
                             get: (key: string) => {
                                 switch (key) {
@@ -80,71 +65,64 @@ describe('EditAttachmentUnitComponent', () => {
                 },
             ],
             schemas: [],
-        })
-            .compileComponents()
-            .then(() => {
-                editAttachmentUnitComponentFixture = TestBed.createComponent(EditAttachmentUnitComponent);
-                router = TestBed.inject(Router);
-                attachmentUnitService = TestBed.inject(AttachmentUnitService);
-
-                attachment = new Attachment();
-                attachment.id = 1;
-                attachment.version = 1;
-                attachment.attachmentType = AttachmentType.FILE;
-                attachment.releaseDate = dayjs().year(2010).month(3).date(5);
-                attachment.uploadDate = dayjs().year(2010).month(3).date(5);
-                attachment.name = 'test';
-                attachment.link = '/path/to/file';
-
-                attachmentUnit = new AttachmentUnit();
-                attachmentUnit.id = 1;
-                attachmentUnit.description = 'lorem ipsum';
-                attachmentUnit.attachment = attachment;
-
-                fakeFile = new File([''], 'Test-File.pdf', { type: 'application/pdf' });
-
-                baseFormData = new FormData();
-                baseFormData.append('file', fakeFile, 'updated file');
-                baseFormData.append('attachment', objectToJsonBlob(attachment));
-                baseFormData.append('attachmentUnit', objectToJsonBlob(attachmentUnit));
-
-                jest.spyOn(attachmentUnitService, 'findById').mockReturnValue(
-                    of(
-                        new HttpResponse({
-                            body: attachmentUnit,
-                            status: 200,
-                        }),
-                    ),
-                );
-                updateAttachmentUnitSpy = jest.spyOn(attachmentUnitService, 'update');
-                navigateSpy = jest.spyOn(router, 'navigate');
-            });
+        }).compileComponents();
+        fixture = TestBed.createComponent(EditAttachmentUnitComponent);
+        router = TestBed.inject(Router);
+        attachmentUnitService = TestBed.inject(AttachmentUnitService);
+
+        attachment = new Attachment();
+        attachment.id = 1;
+        attachment.version = 1;
+        attachment.attachmentType = AttachmentType.FILE;
+        attachment.releaseDate = dayjs().year(2010).month(3).date(5);
+        attachment.uploadDate = dayjs().year(2010).month(3).date(5);
+        attachment.name = 'test';
+        attachment.link = '/path/to/file';
+
+        attachmentUnit = new AttachmentUnit();
+        attachmentUnit.id = 1;
+        attachmentUnit.description = 'lorem ipsum';
+        attachmentUnit.attachment = attachment;
+
+        fakeFile = new File([''], 'Test-File.pdf', { type: 'application/pdf' });
+
+        baseFormData = new FormData();
+        baseFormData.append('file', fakeFile, 'updated file');
+        baseFormData.append('attachment', objectToJsonBlob(attachment));
+        baseFormData.append('attachmentUnit', objectToJsonBlob(attachmentUnit));
+
+        jest.spyOn(attachmentUnitService, 'findById').mockReturnValue(
+            of(
+                new HttpResponse({
+                    body: attachmentUnit,
+                    status: 200,
+                }),
+            ),
+        );
+        updateAttachmentUnitSpy = jest.spyOn(attachmentUnitService, 'update');
+        navigateSpy = jest.spyOn(router, 'navigate');
     });
 
     afterEach(() => {
         jest.restoreAllMocks();
     });
 
-    it('should set form data correctly', () => {
-        editAttachmentUnitComponentFixture.detectChanges();
-        const attachmentUnitFormStubComponent: AttachmentUnitFormStubComponent = editAttachmentUnitComponentFixture.debugElement.query(
-            By.directive(AttachmentUnitFormStubComponent),
-        ).componentInstance;
-
-        expect(attachmentUnitFormStubComponent.formData.formProperties.name).toEqual(attachment.name);
-        expect(attachmentUnitFormStubComponent.formData.formProperties.releaseDate).toEqual(attachment.releaseDate);
-        expect(attachmentUnitFormStubComponent.formData.formProperties.updateNotificationText).toBeUndefined();
-        expect(attachmentUnitFormStubComponent.formData.formProperties.version).toBe(1);
-        expect(attachmentUnitFormStubComponent.formData.formProperties.description).toEqual(attachmentUnit.description);
-        expect(attachmentUnitFormStubComponent.formData.fileProperties.fileName).toEqual(attachment.link);
-        expect(attachmentUnitFormStubComponent.formData.fileProperties.file).toBeUndefined();
+    it('should set form data correctly', async () => {
+        fixture.detectChanges();
+        const attachmentUnitFormComponent: AttachmentUnitFormComponent = fixture.debugElement.query(By.directive(AttachmentUnitFormComponent)).componentInstance;
+
+        expect(attachmentUnitFormComponent.formData()?.formProperties.name).toEqual(attachment.name);
+        expect(attachmentUnitFormComponent.formData()?.formProperties.releaseDate).toEqual(attachment.releaseDate);
+        expect(attachmentUnitFormComponent.formData()?.formProperties.updateNotificationText).toBeUndefined();
+        expect(attachmentUnitFormComponent.formData()?.formProperties.version).toBe(1);
+        expect(attachmentUnitFormComponent.formData()?.formProperties.description).toEqual(attachmentUnit.description);
+        expect(attachmentUnitFormComponent.formData()?.fileProperties.fileName).toEqual(attachment.link);
+        expect(attachmentUnitFormComponent.formData()?.fileProperties.file).toBeUndefined();
     });
 
-    it('should update attachment unit with file change without notification', () => {
-        editAttachmentUnitComponentFixture.detectChanges();
-        const attachmentUnitFormStubComponent: AttachmentUnitFormStubComponent = editAttachmentUnitComponentFixture.debugElement.query(
-            By.directive(AttachmentUnitFormStubComponent),
-        ).componentInstance;
+    it('should update attachment unit with file change without notification', async () => {
+        fixture.detectChanges();
+        const attachmentUnitFormComponent: AttachmentUnitFormComponent = fixture.debugElement.query(By.directive(AttachmentUnitFormComponent)).componentInstance;
 
         const fileName = 'updated file';
 
@@ -163,18 +141,16 @@ describe('EditAttachmentUnitComponent', () => {
         };
 
         updateAttachmentUnitSpy.mockReturnValue(of({ body: attachmentUnit, status: 200 }));
-        attachmentUnitFormStubComponent.formSubmitted.emit(attachmentUnitFormData);
-        editAttachmentUnitComponentFixture.detectChanges();
+        attachmentUnitFormComponent.formSubmitted.emit(attachmentUnitFormData);
+        fixture.detectChanges();
 
         expect(updateAttachmentUnitSpy).toHaveBeenCalledWith(1, 1, baseFormData, undefined);
         expect(navigateSpy).toHaveBeenCalledOnce();
     });
 
-    it('should update attachment unit with file change with notification', () => {
-        editAttachmentUnitComponentFixture.detectChanges();
-        const attachmentUnitFormStubComponent: AttachmentUnitFormStubComponent = editAttachmentUnitComponentFixture.debugElement.query(
-            By.directive(AttachmentUnitFormStubComponent),
-        ).componentInstance;
+    it('should update attachment unit with file change with notification', async () => {
+        fixture.detectChanges();
+        const attachmentUnitFormComponent: AttachmentUnitFormComponent = fixture.debugElement.query(By.directive(AttachmentUnitFormComponent)).componentInstance;
 
         const fileName = 'updated file';
 
@@ -195,18 +171,16 @@ describe('EditAttachmentUnitComponent', () => {
         };
 
         updateAttachmentUnitSpy.mockReturnValue(of({ body: attachmentUnit, status: 200 }));
-        attachmentUnitFormStubComponent.formSubmitted.emit(attachmentUnitFormData);
-        editAttachmentUnitComponentFixture.detectChanges();
+        attachmentUnitFormComponent.formSubmitted.emit(attachmentUnitFormData);
+        fixture.detectChanges();
 
         expect(updateAttachmentUnitSpy).toHaveBeenCalledWith(1, 1, baseFormData, notification);
         expect(navigateSpy).toHaveBeenCalledOnce();
     });
 
-    it('should update attachment unit without file change without notification', () => {
-        editAttachmentUnitComponentFixture.detectChanges();
-        const attachmentUnitFormStubComponent: AttachmentUnitFormStubComponent = editAttachmentUnitComponentFixture.debugElement.query(
-            By.directive(AttachmentUnitFormStubComponent),
-        ).componentInstance;
+    it('should update attachment unit without file change without notification', async () => {
+        fixture.detectChanges();
+        const attachmentUnitFormComponent: AttachmentUnitFormComponent = fixture.debugElement.query(By.directive(AttachmentUnitFormComponent)).componentInstance;
 
         const attachmentUnitFormData: AttachmentUnitFormData = {
             formProperties: {
@@ -224,8 +198,8 @@ describe('EditAttachmentUnitComponent', () => {
         formData.append('attachmentUnit', objectToJsonBlob(attachmentUnit));
 
         updateAttachmentUnitSpy.mockReturnValue(of({ body: attachmentUnit, status: 200 }));
-        attachmentUnitFormStubComponent.formSubmitted.emit(attachmentUnitFormData);
-        editAttachmentUnitComponentFixture.detectChanges();
+        attachmentUnitFormComponent.formSubmitted.emit(attachmentUnitFormData);
+        fixture.detectChanges();
 
         expect(updateAttachmentUnitSpy).toHaveBeenCalledWith(1, 1, formData, undefined);
         expect(navigateSpy).toHaveBeenCalledOnce();
diff --git a/src/test/javascript/spec/component/lecture-unit/exercise-unit/create-exercise-unit.component.spec.ts b/src/test/javascript/spec/component/lecture-unit/exercise-unit/create-exercise-unit.component.spec.ts
index c01d76662132..43ff6d9b13c8 100644
--- a/src/test/javascript/spec/component/lecture-unit/exercise-unit/create-exercise-unit.component.spec.ts
+++ b/src/test/javascript/spec/component/lecture-unit/exercise-unit/create-exercise-unit.component.spec.ts
@@ -22,6 +22,7 @@ import { SortByDirective } from 'app/shared/sort/sort-by.directive';
 import { SortDirective } from 'app/shared/sort/sort.directive';
 import { AlertService } from 'app/core/util/alert.service';
 import { UMLDiagramType } from '@ls1intum/apollon';
+import { ArtemisTestModule } from '../../../test.module';
 
 describe('CreateExerciseUnitComponent', () => {
     let createExerciseUnitComponentFixture: ComponentFixture<CreateExerciseUnitComponent>;
@@ -36,7 +37,7 @@ describe('CreateExerciseUnitComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [],
+            imports: [ArtemisTestModule],
             declarations: [
                 CreateExerciseUnitComponent,
                 MockPipe(ArtemisTranslatePipe),
diff --git a/src/test/javascript/spec/component/lecture-unit/exercise-unit/exercise-unit.component.spec.ts b/src/test/javascript/spec/component/lecture-unit/exercise-unit/exercise-unit.component.spec.ts
index 5d72248e268d..7167c2dce9cd 100644
--- a/src/test/javascript/spec/component/lecture-unit/exercise-unit/exercise-unit.component.spec.ts
+++ b/src/test/javascript/spec/component/lecture-unit/exercise-unit/exercise-unit.component.spec.ts
@@ -1,23 +1,11 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ExerciseUnitComponent } from 'app/overview/course-lectures/exercise-unit/exercise-unit.component';
 import { ExerciseUnit } from 'app/entities/lecture-unit/exerciseUnit.model';
-import { Component, Input } from '@angular/core';
-import { Exercise } from 'app/entities/exercise.model';
 import { Course } from 'app/entities/course.model';
 import { TextExercise } from 'app/entities/text/text-exercise.model';
 import { By } from '@angular/platform-browser';
-
-@Component({ selector: 'jhi-course-exercise-row', template: '' })
-class CourseExerciseRowStubComponent {
-    @Input()
-    exercise: Exercise;
-    @Input()
-    course: Course;
-    @Input()
-    hasGuidedTour: boolean;
-    @Input()
-    isPresentationMode: boolean;
-}
+import { CourseExerciseRowComponent } from '../../../../../../main/webapp/app/overview/course-exercises/course-exercise-row.component';
+import { MockComponent } from 'ng-mocks';
 
 describe('ExerciseUnitComponent', () => {
     let exerciseUnit: ExerciseUnit;
@@ -28,9 +16,7 @@ describe('ExerciseUnitComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [],
-            declarations: [ExerciseUnitComponent, CourseExerciseRowStubComponent],
-            providers: [],
+            declarations: [ExerciseUnitComponent, MockComponent(CourseExerciseRowComponent)],
             schemas: [],
         })
             .compileComponents()
@@ -54,11 +40,9 @@ describe('ExerciseUnitComponent', () => {
 
     it('should initialize and set input of course exercise row correctly', () => {
         exerciseUnitComponentFixture.detectChanges();
-        const courseExerciseRowStubComponent: CourseExerciseRowStubComponent = exerciseUnitComponentFixture.debugElement.query(
-            By.directive(CourseExerciseRowStubComponent),
-        ).componentInstance;
+        const courseExerciseRowComponent: CourseExerciseRowComponent = exerciseUnitComponentFixture.debugElement.query(By.directive(CourseExerciseRowComponent)).componentInstance;
 
-        expect(courseExerciseRowStubComponent.course).toEqual(exerciseUnitComponent.course);
-        expect(courseExerciseRowStubComponent.exercise).toEqual(exerciseUnitComponent.exerciseUnit.exercise);
+        expect(courseExerciseRowComponent.course).toEqual(exerciseUnitComponent.course);
+        expect(courseExerciseRowComponent.exercise).toEqual(exerciseUnitComponent.exerciseUnit.exercise);
     });
 });
diff --git a/src/test/javascript/spec/component/lecture-unit/online-unit/create-online-unit.component.spec.ts b/src/test/javascript/spec/component/lecture-unit/online-unit/create-online-unit.component.spec.ts
index 5ecdc487555d..b41e7d89bd3f 100644
--- a/src/test/javascript/spec/component/lecture-unit/online-unit/create-online-unit.component.spec.ts
+++ b/src/test/javascript/spec/component/lecture-unit/online-unit/create-online-unit.component.spec.ts
@@ -1,37 +1,25 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { OnlineUnitFormData } from 'app/lecture/lecture-unit/lecture-unit-management/online-unit-form/online-unit-form.component';
+import { OnlineUnitFormComponent, OnlineUnitFormData } from 'app/lecture/lecture-unit/lecture-unit-management/online-unit-form/online-unit-form.component';
 import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testing';
 import { CreateOnlineUnitComponent } from 'app/lecture/lecture-unit/lecture-unit-management/create-online-unit/create-online-unit.component';
 import { OnlineUnitService } from 'app/lecture/lecture-unit/lecture-unit-management/onlineUnit.service';
 import { MockProvider } from 'ng-mocks';
 import { AlertService } from 'app/core/util/alert.service';
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute, Router, convertToParamMap } from '@angular/router';
 import { MockRouter } from '../../../helpers/mocks/mock-router';
 import { of } from 'rxjs';
 import { OnlineUnit } from 'app/entities/lecture-unit/onlineUnit.model';
 import dayjs from 'dayjs/esm';
 import { HttpResponse } from '@angular/common/http';
 import { By } from '@angular/platform-browser';
-
-@Component({ selector: 'jhi-online-unit-form', template: '' })
-class OnlineUnitFormStubComponent {
-    @Input() isEditMode = false;
-    @Output() formSubmitted: EventEmitter<OnlineUnitFormData> = new EventEmitter<OnlineUnitFormData>();
-}
-
-@Component({ selector: 'jhi-lecture-unit-layout', template: '<ng-content />' })
-class LectureUnitLayoutStubComponent {
-    @Input()
-    isLoading = false;
-}
+import { ArtemisTestModule } from '../../../test.module';
+import { OwlNativeDateTimeModule } from '@danielmoncada/angular-datetime-picker';
 
 describe('CreateOnlineUnitComponent', () => {
     let createOnlineUnitComponentFixture: ComponentFixture<CreateOnlineUnitComponent>;
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [],
-            declarations: [OnlineUnitFormStubComponent, LectureUnitLayoutStubComponent, CreateOnlineUnitComponent],
+            imports: [ArtemisTestModule, OwlNativeDateTimeModule],
             providers: [
                 MockProvider(OnlineUnitService),
                 MockProvider(AlertService),
@@ -39,6 +27,9 @@ describe('CreateOnlineUnitComponent', () => {
                 {
                     provide: ActivatedRoute,
                     useValue: {
+                        snapshot: {
+                            paramMap: convertToParamMap({ courseId: 1 }),
+                        },
                         parent: {
                             parent: {
                                 paramMap: of({
@@ -97,7 +88,7 @@ describe('CreateOnlineUnitComponent', () => {
 
         createOnlineUnitComponentFixture.detectChanges();
         tick();
-        const onlineUnitForm: OnlineUnitFormStubComponent = createOnlineUnitComponentFixture.debugElement.query(By.directive(OnlineUnitFormStubComponent)).componentInstance;
+        const onlineUnitForm: OnlineUnitFormComponent = createOnlineUnitComponentFixture.debugElement.query(By.directive(OnlineUnitFormComponent)).componentInstance;
         onlineUnitForm.formSubmitted.emit(formDate);
 
         createOnlineUnitComponentFixture.whenStable().then(() => {
diff --git a/src/test/javascript/spec/component/lecture-unit/online-unit/edit-online-unit.component.spec.ts b/src/test/javascript/spec/component/lecture-unit/online-unit/edit-online-unit.component.spec.ts
index bfd91e57bf24..5f5b51227a4f 100644
--- a/src/test/javascript/spec/component/lecture-unit/online-unit/edit-online-unit.component.spec.ts
+++ b/src/test/javascript/spec/component/lecture-unit/online-unit/edit-online-unit.component.spec.ts
@@ -1,30 +1,18 @@
 import dayjs from 'dayjs/esm';
-import { OnlineUnitFormData } from 'app/lecture/lecture-unit/lecture-unit-management/online-unit-form/online-unit-form.component';
 import { OnlineUnitService } from 'app/lecture/lecture-unit/lecture-unit-management/onlineUnit.service';
 import { MockRouter } from '../../../helpers/mocks/mock-router';
-import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { EditOnlineUnitComponent } from 'app/lecture/lecture-unit/lecture-unit-management/edit-online-unit/edit-online-unit.component';
 import { MockProvider } from 'ng-mocks';
 import { AlertService } from 'app/core/util/alert.service';
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute, Router, convertToParamMap } from '@angular/router';
 import { of } from 'rxjs';
 import { OnlineUnit } from 'app/entities/lecture-unit/onlineUnit.model';
 import { HttpResponse } from '@angular/common/http';
 import { By } from '@angular/platform-browser';
-
-@Component({ selector: 'jhi-online-unit-form', template: '' })
-class OnlineUnitFormStubComponent {
-    @Input() isEditMode = false;
-    @Input() formData: OnlineUnitFormData;
-    @Output() formSubmitted: EventEmitter<OnlineUnitFormData> = new EventEmitter<OnlineUnitFormData>();
-}
-
-@Component({ selector: 'jhi-lecture-unit-layout', template: '<ng-content />' })
-class LectureUnitLayoutStubComponent {
-    @Input()
-    isLoading = false;
-}
+import { ArtemisTestModule } from '../../../test.module';
+import { OnlineUnitFormComponent } from '../../../../../../main/webapp/app/lecture/lecture-unit/lecture-unit-management/online-unit-form/online-unit-form.component';
+import { OwlNativeDateTimeModule } from '@danielmoncada/angular-datetime-picker';
 
 describe('EditOnlineUnitComponent', () => {
     let editOnlineUnitComponentFixture: ComponentFixture<EditOnlineUnitComponent>;
@@ -32,8 +20,7 @@ describe('EditOnlineUnitComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [],
-            declarations: [OnlineUnitFormStubComponent, LectureUnitLayoutStubComponent, EditOnlineUnitComponent],
+            imports: [ArtemisTestModule, OwlNativeDateTimeModule],
             providers: [
                 MockProvider(OnlineUnitService),
                 MockProvider(AlertService),
@@ -41,6 +28,9 @@ describe('EditOnlineUnitComponent', () => {
                 {
                     provide: ActivatedRoute,
                     useValue: {
+                        snapshot: {
+                            paramMap: convertToParamMap({ courseId: 1 }),
+                        },
                         paramMap: of({
                             get: (key: string) => {
                                 switch (key) {
@@ -98,9 +88,8 @@ describe('EditOnlineUnitComponent', () => {
         });
 
         const findByIdStub = jest.spyOn(onlineUnitService, 'findById').mockReturnValue(of(response));
-        const onlineUnitFormStubComponent: OnlineUnitFormStubComponent = editOnlineUnitComponentFixture.debugElement.query(
-            By.directive(OnlineUnitFormStubComponent),
-        ).componentInstance;
+        editOnlineUnitComponentFixture.detectChanges();
+        const onlineUnitFormComponent: OnlineUnitFormComponent = editOnlineUnitComponentFixture.debugElement.query(By.directive(OnlineUnitFormComponent)).componentInstance;
         editOnlineUnitComponentFixture.detectChanges(); // onInit
         expect(editOnlineUnitComponent.onlineUnit).toEqual(onlineUnitOfResponse);
         expect(findByIdStub).toHaveBeenCalledOnce();
@@ -108,7 +97,7 @@ describe('EditOnlineUnitComponent', () => {
         expect(editOnlineUnitComponent.formData.releaseDate).toEqual(onlineUnitOfResponse.releaseDate);
         expect(editOnlineUnitComponent.formData.description).toEqual(onlineUnitOfResponse.description);
         expect(editOnlineUnitComponent.formData.source).toEqual(onlineUnitOfResponse.source);
-        expect(onlineUnitFormStubComponent.formData).toEqual(editOnlineUnitComponent.formData);
+        expect(onlineUnitFormComponent.formData()).toEqual(editOnlineUnitComponent.formData);
     });
 
     it('should send PUT request upon form submission and navigate', () => {
@@ -144,7 +133,7 @@ describe('EditOnlineUnitComponent', () => {
         const updatedStub = jest.spyOn(onlineUnitService, 'update').mockReturnValue(of(updateResponse));
         const navigateSpy = jest.spyOn(router, 'navigate');
 
-        const textUnitForm: OnlineUnitFormStubComponent = editOnlineUnitComponentFixture.debugElement.query(By.directive(OnlineUnitFormStubComponent)).componentInstance;
+        const textUnitForm: OnlineUnitFormComponent = editOnlineUnitComponentFixture.debugElement.query(By.directive(OnlineUnitFormComponent)).componentInstance;
         textUnitForm.formSubmitted.emit({
             name: changedUnit.name,
             description: changedUnit.description,
diff --git a/src/test/javascript/spec/component/lecture-unit/text-unit/create-text-unit.component.spec.ts b/src/test/javascript/spec/component/lecture-unit/text-unit/create-text-unit.component.spec.ts
index 0598227ac7fb..52a37a3a5219 100644
--- a/src/test/javascript/spec/component/lecture-unit/text-unit/create-text-unit.component.spec.ts
+++ b/src/test/javascript/spec/component/lecture-unit/text-unit/create-text-unit.component.spec.ts
@@ -1,9 +1,8 @@
 import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testing';
 import { CreateTextUnitComponent } from 'app/lecture/lecture-unit/lecture-unit-management/create-text-unit/create-text-unit.component';
-import { TextUnitFormData } from 'app/lecture/lecture-unit/lecture-unit-management/text-unit-form/text-unit-form.component';
+import { TextUnitFormComponent, TextUnitFormData } from 'app/lecture/lecture-unit/lecture-unit-management/text-unit-form/text-unit-form.component';
 import { MockRouter } from '../../../helpers/mocks/mock-router';
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute, Router, convertToParamMap } from '@angular/router';
 import { of } from 'rxjs';
 import { TextUnitService } from 'app/lecture/lecture-unit/lecture-unit-management/textUnit.service';
 import { MockProvider } from 'ng-mocks';
@@ -12,26 +11,17 @@ import dayjs from 'dayjs/esm';
 import { By } from '@angular/platform-browser';
 import { TextUnit } from 'app/entities/lecture-unit/textUnit.model';
 import { HttpResponse } from '@angular/common/http';
-
-@Component({ selector: 'jhi-text-unit-form', template: '' })
-class TextUnitFormStubComponent {
-    @Input() isEditMode = false;
-    @Output() formSubmitted: EventEmitter<TextUnitFormData> = new EventEmitter<TextUnitFormData>();
-}
-
-@Component({ selector: 'jhi-lecture-unit-layout', template: '<ng-content />' })
-class LectureUnitLayoutStubComponent {
-    @Input() isLoading = false;
-}
+import { ArtemisTestModule } from '../../../test.module';
+import { OwlNativeDateTimeModule } from '@danielmoncada/angular-datetime-picker';
+import { MockResizeObserver } from '../../../helpers/mocks/service/mock-resize-observer';
 
 describe('CreateTextUnitComponent', () => {
     let createTextUnitComponentFixture: ComponentFixture<CreateTextUnitComponent>;
     let createTextUnitComponent: CreateTextUnitComponent;
 
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [],
-            declarations: [TextUnitFormStubComponent, LectureUnitLayoutStubComponent, CreateTextUnitComponent],
+    beforeEach(async () => {
+        await TestBed.configureTestingModule({
+            imports: [ArtemisTestModule, OwlNativeDateTimeModule],
             providers: [
                 MockProvider(TextUnitService),
                 MockProvider(AlertService),
@@ -39,6 +29,9 @@ describe('CreateTextUnitComponent', () => {
                 {
                     provide: ActivatedRoute,
                     useValue: {
+                        snapshot: {
+                            paramMap: convertToParamMap({ courseId: 1 }),
+                        },
                         parent: {
                             parent: {
                                 paramMap: of({
@@ -65,12 +58,13 @@ describe('CreateTextUnitComponent', () => {
                 },
             ],
             schemas: [],
-        })
-            .compileComponents()
-            .then(() => {
-                createTextUnitComponentFixture = TestBed.createComponent(CreateTextUnitComponent);
-                createTextUnitComponent = createTextUnitComponentFixture.componentInstance;
-            });
+        }).compileComponents();
+
+        createTextUnitComponentFixture = TestBed.createComponent(CreateTextUnitComponent);
+        createTextUnitComponent = createTextUnitComponentFixture.componentInstance;
+        global.ResizeObserver = jest.fn().mockImplementation((callback: ResizeObserverCallback) => {
+            return new MockResizeObserver(callback);
+        });
     });
 
     afterEach(() => {
@@ -109,7 +103,7 @@ describe('CreateTextUnitComponent', () => {
         createTextUnitComponentFixture.detectChanges();
         tick();
 
-        const textUnitForm: TextUnitFormStubComponent = createTextUnitComponentFixture.debugElement.query(By.directive(TextUnitFormStubComponent)).componentInstance;
+        const textUnitForm: TextUnitFormComponent = createTextUnitComponentFixture.debugElement.query(By.directive(TextUnitFormComponent)).componentInstance;
         textUnitForm.formSubmitted.emit(formDate);
 
         createTextUnitComponentFixture.whenStable().then(() => {
diff --git a/src/test/javascript/spec/component/lecture-unit/text-unit/edit-text-unit.component.spec.ts b/src/test/javascript/spec/component/lecture-unit/text-unit/edit-text-unit.component.spec.ts
index 6377f1a246c8..83bdbc4e55a8 100644
--- a/src/test/javascript/spec/component/lecture-unit/text-unit/edit-text-unit.component.spec.ts
+++ b/src/test/javascript/spec/component/lecture-unit/text-unit/edit-text-unit.component.spec.ts
@@ -1,10 +1,8 @@
 import dayjs from 'dayjs/esm';
 
 import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testing';
-import { TextUnitFormData } from 'app/lecture/lecture-unit/lecture-unit-management/text-unit-form/text-unit-form.component';
-import { MockRouter } from '../../../helpers/mocks/mock-router';
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
+import { TextUnitFormComponent, TextUnitFormData } from 'app/lecture/lecture-unit/lecture-unit-management/text-unit-form/text-unit-form.component';
+import { ActivatedRoute, Router, convertToParamMap } from '@angular/router';
 import { of } from 'rxjs';
 import { TextUnitService } from 'app/lecture/lecture-unit/lecture-unit-management/textUnit.service';
 import { MockProvider } from 'ng-mocks';
@@ -13,34 +11,26 @@ import { TextUnit } from 'app/entities/lecture-unit/textUnit.model';
 import { HttpResponse } from '@angular/common/http';
 import { By } from '@angular/platform-browser';
 import { Alert, AlertService } from 'app/core/util/alert.service';
-
-@Component({ selector: 'jhi-text-unit-form', template: '' })
-class TextUnitFormStubComponent {
-    @Input() isEditMode = false;
-    @Input() formData: TextUnitFormData;
-    @Output() formSubmitted: EventEmitter<TextUnitFormData> = new EventEmitter<TextUnitFormData>();
-}
-
-@Component({ selector: 'jhi-lecture-unit-layout', template: '<ng-content />' })
-class LectureUnitLayoutStubComponent {
-    @Input() isLoading = false;
-}
+import { ArtemisTestModule } from '../../../test.module';
+import { OwlNativeDateTimeModule } from '@danielmoncada/angular-datetime-picker';
+import { MockResizeObserver } from '../../../helpers/mocks/service/mock-resize-observer';
 
 describe('EditTextUnitComponent', () => {
-    let editTextUnitComponentFixture: ComponentFixture<EditTextUnitComponent>;
+    let fixture: ComponentFixture<EditTextUnitComponent>;
     let editTextUnitComponent: EditTextUnitComponent;
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [],
-            declarations: [TextUnitFormStubComponent, LectureUnitLayoutStubComponent, EditTextUnitComponent],
+            imports: [ArtemisTestModule, OwlNativeDateTimeModule],
             providers: [
                 MockProvider(TextUnitService),
                 MockProvider(AlertService),
-                { provide: Router, useClass: MockRouter },
                 {
                     provide: ActivatedRoute,
                     useValue: {
+                        snapshot: {
+                            paramMap: convertToParamMap({ courseId: 1 }),
+                        },
                         paramMap: of({
                             get: () => {
                                 return { textUnitId: 1 };
@@ -59,26 +49,27 @@ describe('EditTextUnitComponent', () => {
                 },
             ],
             schemas: [],
-        })
-            .compileComponents()
-            .then(() => {
-                editTextUnitComponentFixture = TestBed.createComponent(EditTextUnitComponent);
-                editTextUnitComponent = editTextUnitComponentFixture.componentInstance;
-                const alertService = TestBed.inject(AlertService);
-                jest.spyOn(alertService, 'error').mockReturnValue({ message: '' } as Alert);
-            });
+        }).compileComponents();
+        fixture = TestBed.createComponent(EditTextUnitComponent);
+        editTextUnitComponent = fixture.componentInstance;
+        const alertService = TestBed.inject(AlertService);
+        jest.spyOn(alertService, 'error').mockReturnValue({ message: '' } as Alert);
+        global.ResizeObserver = jest.fn().mockImplementation((callback: ResizeObserverCallback) => {
+            return new MockResizeObserver(callback);
+        });
     });
 
     afterEach(() => {
         jest.restoreAllMocks();
     });
     it('should initialize', fakeAsync(() => {
-        editTextUnitComponentFixture.detectChanges();
+        fixture.detectChanges();
         tick();
         expect(editTextUnitComponent).not.toBeNull();
     }));
 
-    it('should set form data correctly', () => {
+    it('should set form data correctly', async () => {
+        const warnSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
         const textUnitService = TestBed.inject(TextUnitService);
 
         const originalTextUnit: TextUnit = new TextUnit();
@@ -93,20 +84,21 @@ describe('EditTextUnitComponent', () => {
         });
 
         const findByIdStub = jest.spyOn(textUnitService, 'findById').mockReturnValue(of(response));
+        fixture.detectChanges();
+        const textUnitFormComponent: TextUnitFormComponent = fixture.debugElement.query(By.directive(TextUnitFormComponent)).componentInstance;
 
-        const textUnitFormStubComponent: TextUnitFormStubComponent = editTextUnitComponentFixture.debugElement.query(By.directive(TextUnitFormStubComponent)).componentInstance;
-
-        editTextUnitComponentFixture.detectChanges();
-        return editTextUnitComponentFixture.whenStable().then(() => {
+        fixture.detectChanges();
+        return fixture.whenStable().then(() => {
             expect(findByIdStub).toHaveBeenCalledOnce();
             expect(editTextUnitComponent.formData.name).toEqual(originalTextUnit.name);
             expect(editTextUnitComponent.formData.releaseDate).toEqual(originalTextUnit.releaseDate);
             expect(editTextUnitComponent.formData.content).toEqual(originalTextUnit.content);
-            expect(textUnitFormStubComponent.formData).toEqual(editTextUnitComponent.formData);
+            expect(textUnitFormComponent.formData()).toEqual(editTextUnitComponent.formData);
+            warnSpy.mockRestore();
         });
     });
 
-    it('should send PUT request upon form submission and navigate', fakeAsync(() => {
+    it('should send PUT request upon form submission and navigate', async () => {
         const router: Router = TestBed.inject(Router);
         const textUnitService = TestBed.inject(TextUnitService);
 
@@ -141,17 +133,16 @@ describe('EditTextUnitComponent', () => {
         const updatedStub = jest.spyOn(textUnitService, 'update').mockReturnValue(of(updateResponse));
         const navigateSpy = jest.spyOn(router, 'navigate');
 
-        editTextUnitComponentFixture.detectChanges();
-        tick();
+        fixture.detectChanges();
 
-        const textUnitForm: TextUnitFormStubComponent = editTextUnitComponentFixture.debugElement.query(By.directive(TextUnitFormStubComponent)).componentInstance;
+        const textUnitForm: TextUnitFormComponent = fixture.debugElement.query(By.directive(TextUnitFormComponent)).componentInstance;
         textUnitForm.formSubmitted.emit(formDate);
 
-        return editTextUnitComponentFixture.whenStable().then(() => {
+        return fixture.whenStable().then(() => {
             expect(findByIdStub).toHaveBeenCalledOnce();
             expect(updatedStub).toHaveBeenCalledOnce();
             expect(navigateSpy).toHaveBeenCalledOnce();
             navigateSpy.mockRestore();
         });
-    }));
+    });
 });
diff --git a/src/test/javascript/spec/component/lecture-unit/text-unit/text-unit-form.component.spec.ts b/src/test/javascript/spec/component/lecture-unit/text-unit/text-unit-form.component.spec.ts
index e54974801b5f..2641eba6459c 100644
--- a/src/test/javascript/spec/component/lecture-unit/text-unit/text-unit-form.component.spec.ts
+++ b/src/test/javascript/spec/component/lecture-unit/text-unit/text-unit-form.component.spec.ts
@@ -1,4 +1,3 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testing';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { By } from '@angular/platform-browser';
@@ -8,19 +7,14 @@ import { TextUnitFormComponent, TextUnitFormData } from 'app/lecture/lecture-uni
 import { FormDateTimePickerComponent } from 'app/shared/date-time-picker/date-time-picker.component';
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import dayjs from 'dayjs/esm';
-import { MockComponent, MockModule, MockPipe, MockProvider } from 'ng-mocks';
+import { MockComponent, MockModule, MockPipe } from 'ng-mocks';
 import { MockRouter } from '../../../helpers/mocks/mock-router';
 import { CompetencySelectionComponent } from 'app/shared/competency-selection/competency-selection.component';
 import { ArtemisTestModule } from '../../../test.module';
 import { NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
 import { OwlDateTimeModule, OwlNativeDateTimeModule } from '@danielmoncada/angular-datetime-picker';
-
-@Component({ selector: 'jhi-markdown-editor-monaco', template: '' })
-class MarkdownEditorStubComponent {
-    @Input() markdown: string;
-    @Input() enableResize = false;
-    @Output() markdownChange = new EventEmitter<string>();
-}
+import { MockResizeObserver } from '../../../helpers/mocks/service/mock-resize-observer';
+import { MarkdownEditorMonacoComponent } from 'app/shared/markdown-editor/monaco/markdown-editor-monaco.component';
 
 type Store = {
     [key: string]: any;
@@ -31,7 +25,7 @@ describe('TextUnitFormComponent', () => {
 
     let textUnitFormComponentFixture: ComponentFixture<TextUnitFormComponent>;
     let textUnitFormComponent: TextUnitFormComponent;
-    beforeEach(() => {
+    beforeEach(async () => {
         // mocking router
         // mocking the local storage for cache testing
         store = {};
@@ -45,23 +39,24 @@ describe('TextUnitFormComponent', () => {
             return (store[key] = <string>value);
         });
 
-        TestBed.configureTestingModule({
+        await TestBed.configureTestingModule({
             imports: [ArtemisTestModule, ReactiveFormsModule, FormsModule, MockModule(NgbTooltipModule), MockModule(OwlDateTimeModule), MockModule(OwlNativeDateTimeModule)],
             declarations: [
                 TextUnitFormComponent,
-                MarkdownEditorStubComponent,
+                MockComponent(MarkdownEditorMonacoComponent),
                 FormDateTimePickerComponent,
                 MockPipe(ArtemisTranslatePipe),
                 MockComponent(CompetencySelectionComponent),
             ],
-            providers: [MockProvider(TranslateService), { provide: Router, useClass: MockRouter }],
-            schemas: [],
-        })
-            .compileComponents()
-            .then(() => {
-                textUnitFormComponentFixture = TestBed.createComponent(TextUnitFormComponent);
-                textUnitFormComponent = textUnitFormComponentFixture.componentInstance;
-            });
+            providers: [{ provide: Router, useClass: MockRouter }],
+        }).compileComponents();
+
+        global.ResizeObserver = jest.fn().mockImplementation((callback: ResizeObserverCallback) => {
+            return new MockResizeObserver(callback);
+        });
+
+        textUnitFormComponentFixture = TestBed.createComponent(TextUnitFormComponent);
+        textUnitFormComponent = textUnitFormComponentFixture.componentInstance;
     });
 
     afterEach(() => {
@@ -106,7 +101,7 @@ describe('TextUnitFormComponent', () => {
         const exampleName = 'Test';
         textUnitFormComponent.form.get('name')!.setValue(exampleName);
         // simulate setting markdown
-        const markdownEditor: MarkdownEditorStubComponent = textUnitFormComponentFixture.debugElement.query(By.directive(MarkdownEditorStubComponent)).componentInstance;
+        const markdownEditor: MarkdownEditorMonacoComponent = textUnitFormComponentFixture.debugElement.query(By.directive(MarkdownEditorMonacoComponent)).componentInstance;
         const exampleMarkdown = 'Lorem Ipsum';
         markdownEditor.markdownChange.emit(exampleMarkdown);
 
@@ -149,7 +144,7 @@ describe('TextUnitFormComponent', () => {
         routerMock.setUrl(fakeUrl);
         textUnitFormComponentFixture.detectChanges(); // ngOnInit
         tick();
-        const markdownEditor: MarkdownEditorStubComponent = textUnitFormComponentFixture.debugElement.query(By.directive(MarkdownEditorStubComponent)).componentInstance;
+        const markdownEditor: MarkdownEditorMonacoComponent = textUnitFormComponentFixture.debugElement.query(By.directive(MarkdownEditorMonacoComponent)).componentInstance;
         const exampleMarkdown = 'Lorem Ipsum';
         markdownEditor.markdownChange.emit(''); // will be ignored
         tick(500);
@@ -180,7 +175,7 @@ describe('TextUnitFormComponent', () => {
         expect(textUnitFormComponent.nameControl!.value).toEqual(formData.name);
         expect(textUnitFormComponent.releaseDateControl!.value).toEqual(formData.releaseDate);
         expect(textUnitFormComponent.content).toEqual(formData.content);
-        const markdownEditor: MarkdownEditorStubComponent = textUnitFormComponentFixture.debugElement.query(By.directive(MarkdownEditorStubComponent)).componentInstance;
+        const markdownEditor: MarkdownEditorMonacoComponent = textUnitFormComponentFixture.debugElement.query(By.directive(MarkdownEditorMonacoComponent)).componentInstance;
         expect(markdownEditor.markdown).toEqual(formData.content);
     }));
 });
diff --git a/src/test/javascript/spec/component/lecture-unit/video-unit/create-video-unit.component.spec.ts b/src/test/javascript/spec/component/lecture-unit/video-unit/create-video-unit.component.spec.ts
index 15ecaf1ce7e7..0b4a02740325 100644
--- a/src/test/javascript/spec/component/lecture-unit/video-unit/create-video-unit.component.spec.ts
+++ b/src/test/javascript/spec/component/lecture-unit/video-unit/create-video-unit.component.spec.ts
@@ -1,29 +1,18 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { VideoUnitFormData } from 'app/lecture/lecture-unit/lecture-unit-management/video-unit-form/video-unit-form.component';
+import { VideoUnitFormComponent, VideoUnitFormData } from 'app/lecture/lecture-unit/lecture-unit-management/video-unit-form/video-unit-form.component';
 import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testing';
 import { CreateVideoUnitComponent } from 'app/lecture/lecture-unit/lecture-unit-management/create-video-unit/create-video-unit.component';
 import { VideoUnitService } from 'app/lecture/lecture-unit/lecture-unit-management/videoUnit.service';
 import { MockProvider } from 'ng-mocks';
 import { AlertService } from 'app/core/util/alert.service';
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute, Router, convertToParamMap } from '@angular/router';
 import { MockRouter } from '../../../helpers/mocks/mock-router';
 import { of } from 'rxjs';
 import { VideoUnit } from 'app/entities/lecture-unit/videoUnit.model';
 import dayjs from 'dayjs/esm';
 import { HttpResponse } from '@angular/common/http';
 import { By } from '@angular/platform-browser';
-
-@Component({ selector: 'jhi-video-unit-form', template: '' })
-class VideoUnitFormStubComponent {
-    @Input() isEditMode = false;
-    @Output() formSubmitted: EventEmitter<VideoUnitFormData> = new EventEmitter<VideoUnitFormData>();
-}
-
-@Component({ selector: 'jhi-lecture-unit-layout', template: '<ng-content />' })
-class LectureUnitLayoutStubComponent {
-    @Input()
-    isLoading = false;
-}
+import { ArtemisTestModule } from '../../../test.module';
+import { OwlNativeDateTimeModule } from '@danielmoncada/angular-datetime-picker';
 
 describe('CreateVideoUnitComponent', () => {
     let createVideoUnitComponentFixture: ComponentFixture<CreateVideoUnitComponent>;
@@ -31,8 +20,7 @@ describe('CreateVideoUnitComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [],
-            declarations: [VideoUnitFormStubComponent, LectureUnitLayoutStubComponent, CreateVideoUnitComponent],
+            imports: [ArtemisTestModule, OwlNativeDateTimeModule],
             providers: [
                 MockProvider(VideoUnitService),
                 MockProvider(AlertService),
@@ -40,6 +28,9 @@ describe('CreateVideoUnitComponent', () => {
                 {
                     provide: ActivatedRoute,
                     useValue: {
+                        snapshot: {
+                            paramMap: convertToParamMap({ courseId: 1 }),
+                        },
                         parent: {
                             parent: {
                                 paramMap: of({
@@ -104,7 +95,7 @@ describe('CreateVideoUnitComponent', () => {
 
         createVideoUnitComponentFixture.detectChanges();
         tick();
-        const videoUnitForm: VideoUnitFormStubComponent = createVideoUnitComponentFixture.debugElement.query(By.directive(VideoUnitFormStubComponent)).componentInstance;
+        const videoUnitForm: VideoUnitFormComponent = createVideoUnitComponentFixture.debugElement.query(By.directive(VideoUnitFormComponent)).componentInstance;
         videoUnitForm.formSubmitted.emit(formDate);
 
         createVideoUnitComponentFixture.whenStable().then(() => {
diff --git a/src/test/javascript/spec/component/lecture-unit/video-unit/edit-video-unit.component.spec.ts b/src/test/javascript/spec/component/lecture-unit/video-unit/edit-video-unit.component.spec.ts
index e642b2906cc0..a52f3f46b3a9 100644
--- a/src/test/javascript/spec/component/lecture-unit/video-unit/edit-video-unit.component.spec.ts
+++ b/src/test/javascript/spec/component/lecture-unit/video-unit/edit-video-unit.component.spec.ts
@@ -1,40 +1,26 @@
 import dayjs from 'dayjs/esm';
-
-import { VideoUnitFormData } from 'app/lecture/lecture-unit/lecture-unit-management/video-unit-form/video-unit-form.component';
 import { VideoUnitService } from 'app/lecture/lecture-unit/lecture-unit-management/videoUnit.service';
 import { MockRouter } from '../../../helpers/mocks/mock-router';
-import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { EditVideoUnitComponent } from 'app/lecture/lecture-unit/lecture-unit-management/edit-video-unit/edit-video-unit.component';
 import { MockProvider } from 'ng-mocks';
 import { AlertService } from 'app/core/util/alert.service';
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute, Router, convertToParamMap } from '@angular/router';
 import { of } from 'rxjs';
 import { VideoUnit } from 'app/entities/lecture-unit/videoUnit.model';
 import { HttpResponse } from '@angular/common/http';
 import { By } from '@angular/platform-browser';
-
-@Component({ selector: 'jhi-video-unit-form', template: '' })
-class VideoUnitFormStubComponent {
-    @Input() isEditMode = false;
-    @Input() formData: VideoUnitFormData;
-    @Output() formSubmitted: EventEmitter<VideoUnitFormData> = new EventEmitter<VideoUnitFormData>();
-}
-
-@Component({ selector: 'jhi-lecture-unit-layout', template: '<ng-content />' })
-class LectureUnitLayoutStubComponent {
-    @Input()
-    isLoading = false;
-}
+import { ArtemisTestModule } from '../../../test.module';
+import { VideoUnitFormComponent } from 'app/lecture/lecture-unit/lecture-unit-management/video-unit-form/video-unit-form.component';
+import { OwlNativeDateTimeModule } from '@danielmoncada/angular-datetime-picker';
 
 describe('EditVideoUnitComponent', () => {
-    let editVideoUnitComponentFixture: ComponentFixture<EditVideoUnitComponent>;
+    let fixture: ComponentFixture<EditVideoUnitComponent>;
     let editVideoUnitComponent: EditVideoUnitComponent;
 
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [],
-            declarations: [VideoUnitFormStubComponent, LectureUnitLayoutStubComponent, EditVideoUnitComponent],
+    beforeEach(async () => {
+        await TestBed.configureTestingModule({
+            imports: [ArtemisTestModule, OwlNativeDateTimeModule],
             providers: [
                 MockProvider(VideoUnitService),
                 MockProvider(AlertService),
@@ -42,6 +28,9 @@ describe('EditVideoUnitComponent', () => {
                 {
                     provide: ActivatedRoute,
                     useValue: {
+                        snapshot: {
+                            paramMap: convertToParamMap({ videoUnitId: 1 }),
+                        },
                         paramMap: of({
                             get: (key: string) => {
                                 switch (key) {
@@ -66,12 +55,10 @@ describe('EditVideoUnitComponent', () => {
                 },
             ],
             schemas: [],
-        })
-            .compileComponents()
-            .then(() => {
-                editVideoUnitComponentFixture = TestBed.createComponent(EditVideoUnitComponent);
-                editVideoUnitComponent = editVideoUnitComponentFixture.componentInstance;
-            });
+        }).compileComponents();
+
+        fixture = TestBed.createComponent(EditVideoUnitComponent);
+        editVideoUnitComponent = fixture.componentInstance;
     });
 
     afterEach(() => {
@@ -79,7 +66,7 @@ describe('EditVideoUnitComponent', () => {
     });
 
     it('should initialize', () => {
-        editVideoUnitComponentFixture.detectChanges();
+        fixture.detectChanges();
         expect(editVideoUnitComponent).not.toBeNull();
     });
 
@@ -99,15 +86,16 @@ describe('EditVideoUnitComponent', () => {
         });
 
         const findByIdStub = jest.spyOn(videoUnitService, 'findById').mockReturnValue(of(response));
-        const videoUnitFormStubComponent: VideoUnitFormStubComponent = editVideoUnitComponentFixture.debugElement.query(By.directive(VideoUnitFormStubComponent)).componentInstance;
-        editVideoUnitComponentFixture.detectChanges(); // onInit
+        fixture.detectChanges();
+        const videoUnitFormComponent: VideoUnitFormComponent = fixture.debugElement.query(By.directive(VideoUnitFormComponent)).componentInstance;
+        fixture.detectChanges(); // onInit
         expect(editVideoUnitComponent.videoUnit).toEqual(videoUnitOfResponse);
         expect(findByIdStub).toHaveBeenCalledOnce();
         expect(editVideoUnitComponent.formData.name).toEqual(videoUnitOfResponse.name);
         expect(editVideoUnitComponent.formData.releaseDate).toEqual(videoUnitOfResponse.releaseDate);
         expect(editVideoUnitComponent.formData.description).toEqual(videoUnitOfResponse.description);
         expect(editVideoUnitComponent.formData.source).toEqual(videoUnitOfResponse.source);
-        expect(videoUnitFormStubComponent.formData).toEqual(editVideoUnitComponent.formData);
+        expect(videoUnitFormComponent.formData()).toEqual(editVideoUnitComponent.formData);
     });
 
     it('should send PUT request upon form submission and navigate', () => {
@@ -127,7 +115,7 @@ describe('EditVideoUnitComponent', () => {
         });
         const findByIdStub = jest.spyOn(videoUnitService, 'findById').mockReturnValue(of(findByIdResponse));
 
-        editVideoUnitComponentFixture.detectChanges(); // onInit
+        fixture.detectChanges(); // onInit
         expect(findByIdStub).toHaveBeenCalledOnce();
         expect(editVideoUnitComponent.videoUnit).toEqual(videoUnitInDatabase);
 
@@ -143,7 +131,7 @@ describe('EditVideoUnitComponent', () => {
         const updatedStub = jest.spyOn(videoUnitService, 'update').mockReturnValue(of(updateResponse));
         const navigateSpy = jest.spyOn(router, 'navigate');
 
-        const textUnitForm: VideoUnitFormStubComponent = editVideoUnitComponentFixture.debugElement.query(By.directive(VideoUnitFormStubComponent)).componentInstance;
+        const textUnitForm: VideoUnitFormComponent = fixture.debugElement.query(By.directive(VideoUnitFormComponent)).componentInstance;
         textUnitForm.formSubmitted.emit({
             name: changedUnit.name,
             description: changedUnit.description,
diff --git a/src/test/javascript/spec/component/lecture/hasLectureUnsavedChanges.guard.spec.ts b/src/test/javascript/spec/component/lecture/hasLectureUnsavedChanges.guard.spec.ts
index 8c2b66b14ada..6a89d6ada14c 100644
--- a/src/test/javascript/spec/component/lecture/hasLectureUnsavedChanges.guard.spec.ts
+++ b/src/test/javascript/spec/component/lecture/hasLectureUnsavedChanges.guard.spec.ts
@@ -17,7 +17,6 @@ describe('hasLectureUnsavedChanges', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [],
-            declarations: [LectureUpdateComponent],
             providers: [
                 { provide: Router, useClass: MockRouter },
                 { provide: NgbModal, useClass: MockNgbModalService },
diff --git a/src/test/javascript/spec/component/lecture/lecture-period.component.spec.ts b/src/test/javascript/spec/component/lecture/lecture-period.component.spec.ts
index 1f6309915829..c87125c7234f 100644
--- a/src/test/javascript/spec/component/lecture/lecture-period.component.spec.ts
+++ b/src/test/javascript/spec/component/lecture/lecture-period.component.spec.ts
@@ -3,8 +3,8 @@ import { FormDateTimePickerComponent } from '../../../../../main/webapp/app/shar
 import { MockComponent, MockPipe } from 'ng-mocks';
 import { Lecture } from '../../../../../main/webapp/app/entities/lecture.model';
 import { ArtemisTranslatePipe } from '../../../../../main/webapp/app/shared/pipes/artemis-translate.pipe';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { LectureUpdatePeriodComponent } from '../../../../../main/webapp/app/lecture/lecture-period/lecture-period.component';
+import { ArtemisTestModule } from '../../test.module';
 
 describe('LectureWizardPeriodComponent', () => {
     let wizardPeriodComponentFixture: ComponentFixture<LectureUpdatePeriodComponent>;
@@ -12,7 +12,7 @@ describe('LectureWizardPeriodComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ReactiveFormsModule, FormsModule],
+            imports: [ArtemisTestModule],
             declarations: [LectureUpdatePeriodComponent, MockPipe(ArtemisTranslatePipe), MockComponent(FormDateTimePickerComponent)],
             providers: [],
             schemas: [],
diff --git a/src/test/javascript/spec/component/lecture/lecture-title-channel-name.component.spec.ts b/src/test/javascript/spec/component/lecture/lecture-title-channel-name.component.spec.ts
index 9bdf1d4349c5..965d0e6c196d 100644
--- a/src/test/javascript/spec/component/lecture/lecture-title-channel-name.component.spec.ts
+++ b/src/test/javascript/spec/component/lecture/lecture-title-channel-name.component.spec.ts
@@ -1,8 +1,6 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { NgForm } from '@angular/forms';
 import { Lecture } from 'app/entities/lecture.model';
 import { LectureTitleChannelNameComponent } from 'app/lecture/lecture-title-channel-name.component';
-import { TitleChannelNameModule } from 'app/shared/form/title-channel-name/title-channel-name.module';
 import { Course, CourseInformationSharingConfiguration } from 'app/entities/course.model';
 
 describe('LectureTitleChannelNameComponent', () => {
@@ -10,11 +8,7 @@ describe('LectureTitleChannelNameComponent', () => {
     let fixture: ComponentFixture<LectureTitleChannelNameComponent>;
 
     beforeEach(async () => {
-        await TestBed.configureTestingModule({
-            declarations: [LectureTitleChannelNameComponent],
-            imports: [TitleChannelNameModule],
-            providers: [NgForm],
-        }).compileComponents();
+        await TestBed.configureTestingModule({}).compileComponents();
     });
 
     beforeEach(() => {
diff --git a/src/test/javascript/spec/component/lecture/lecture-units.component.spec.ts b/src/test/javascript/spec/component/lecture/lecture-units.component.spec.ts
index fd8a0190e1f9..a521a67cc8d5 100644
--- a/src/test/javascript/spec/component/lecture/lecture-units.component.spec.ts
+++ b/src/test/javascript/spec/component/lecture/lecture-units.component.spec.ts
@@ -1,5 +1,4 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { VideoUnitFormData } from 'app/lecture/lecture-unit/lecture-unit-management/video-unit-form/video-unit-form.component';
+import { VideoUnitFormComponent, VideoUnitFormData } from 'app/lecture/lecture-unit/lecture-unit-management/video-unit-form/video-unit-form.component';
 import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testing';
 import { VideoUnitService } from 'app/lecture/lecture-unit/lecture-unit-management/videoUnit.service';
 import { MockComponent, MockProvider } from 'ng-mocks';
@@ -28,29 +27,19 @@ import { objectToJsonBlob } from 'app/utils/blob-util';
 import { CreateExerciseUnitComponent } from 'app/lecture/lecture-unit/lecture-unit-management/create-exercise-unit/create-exercise-unit.component';
 import { LectureUpdateUnitsComponent } from 'app/lecture/lecture-units/lecture-units.component';
 import { CompetencyLectureUnitLink } from 'app/entities/competency.model';
-
-@Component({ selector: 'jhi-video-unit-form', template: '' })
-class VideoUnitFormStubComponent {
-    @Input() isEditMode = false;
-    @Output() formSubmitted: EventEmitter<VideoUnitFormData> = new EventEmitter<VideoUnitFormData>();
-}
-
-@Component({ selector: 'jhi-unit-creation-card', template: '' })
-class UnitCreationCardStubComponent {
-    @Input() emitEvents = true;
-    @Output() onUnitCreationCardClicked: EventEmitter<LectureUnitType> = new EventEmitter<LectureUnitType>();
-}
+import { UnitCreationCardComponent } from 'app/lecture/lecture-unit/lecture-unit-management/unit-creation-card/unit-creation-card.component';
+import { ArtemisTestModule } from '../../test.module';
 
 describe('LectureUpdateUnitsComponent', () => {
     let wizardUnitComponentFixture: ComponentFixture<LectureUpdateUnitsComponent>;
     let wizardUnitComponent: LectureUpdateUnitsComponent;
 
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [],
+    beforeEach(async () => {
+        await TestBed.configureTestingModule({
+            imports: [ArtemisTestModule],
             declarations: [
-                VideoUnitFormStubComponent,
-                UnitCreationCardStubComponent,
+                MockComponent(VideoUnitFormComponent),
+                MockComponent(UnitCreationCardComponent),
                 LectureUpdateUnitsComponent,
                 MockComponent(CreateExerciseUnitComponent),
                 MockComponent(LectureUnitManagementComponent),
@@ -69,14 +58,12 @@ describe('LectureUpdateUnitsComponent', () => {
                 },
             ],
             schemas: [],
-        })
-            .compileComponents()
-            .then(() => {
-                wizardUnitComponentFixture = TestBed.createComponent(LectureUpdateUnitsComponent);
-                wizardUnitComponent = wizardUnitComponentFixture.componentInstance;
-                wizardUnitComponent.lecture = new Lecture();
-                wizardUnitComponent.lecture.id = 1;
-            });
+        }).compileComponents();
+
+        wizardUnitComponentFixture = TestBed.createComponent(LectureUpdateUnitsComponent);
+        wizardUnitComponent = wizardUnitComponentFixture.componentInstance;
+        wizardUnitComponent.lecture = new Lecture();
+        wizardUnitComponent.lecture.id = 1;
     });
 
     afterEach(() => {
@@ -91,7 +78,7 @@ describe('LectureUpdateUnitsComponent', () => {
     it('should open video form when clicked', fakeAsync(() => {
         wizardUnitComponentFixture.detectChanges();
         tick();
-        const unitCreationCard: UnitCreationCardStubComponent = wizardUnitComponentFixture.debugElement.query(By.directive(UnitCreationCardStubComponent)).componentInstance;
+        const unitCreationCard: UnitCreationCardComponent = wizardUnitComponentFixture.debugElement.query(By.directive(UnitCreationCardComponent)).componentInstance;
         unitCreationCard.onUnitCreationCardClicked.emit(LectureUnitType.VIDEO);
 
         wizardUnitComponentFixture.whenStable().then(() => {
@@ -102,7 +89,7 @@ describe('LectureUpdateUnitsComponent', () => {
     it('should open online form when clicked', fakeAsync(() => {
         wizardUnitComponentFixture.detectChanges();
         tick();
-        const unitCreationCard: UnitCreationCardStubComponent = wizardUnitComponentFixture.debugElement.query(By.directive(UnitCreationCardStubComponent)).componentInstance;
+        const unitCreationCard: UnitCreationCardComponent = wizardUnitComponentFixture.debugElement.query(By.directive(UnitCreationCardComponent)).componentInstance;
         unitCreationCard.onUnitCreationCardClicked.emit(LectureUnitType.ONLINE);
 
         wizardUnitComponentFixture.whenStable().then(() => {
@@ -113,7 +100,7 @@ describe('LectureUpdateUnitsComponent', () => {
     it('should open attachment form when clicked', fakeAsync(() => {
         wizardUnitComponentFixture.detectChanges();
         tick();
-        const unitCreationCard: UnitCreationCardStubComponent = wizardUnitComponentFixture.debugElement.query(By.directive(UnitCreationCardStubComponent)).componentInstance;
+        const unitCreationCard: UnitCreationCardComponent = wizardUnitComponentFixture.debugElement.query(By.directive(UnitCreationCardComponent)).componentInstance;
         unitCreationCard.onUnitCreationCardClicked.emit(LectureUnitType.ATTACHMENT);
 
         wizardUnitComponentFixture.whenStable().then(() => {
@@ -124,7 +111,7 @@ describe('LectureUpdateUnitsComponent', () => {
     it('should open text form when clicked', fakeAsync(() => {
         wizardUnitComponentFixture.detectChanges();
         tick();
-        const unitCreationCard: UnitCreationCardStubComponent = wizardUnitComponentFixture.debugElement.query(By.directive(UnitCreationCardStubComponent)).componentInstance;
+        const unitCreationCard: UnitCreationCardComponent = wizardUnitComponentFixture.debugElement.query(By.directive(UnitCreationCardComponent)).componentInstance;
         unitCreationCard.onUnitCreationCardClicked.emit(LectureUnitType.TEXT);
 
         wizardUnitComponentFixture.whenStable().then(() => {
@@ -135,7 +122,7 @@ describe('LectureUpdateUnitsComponent', () => {
     it('should open exercise form when clicked', fakeAsync(() => {
         wizardUnitComponentFixture.detectChanges();
         tick();
-        const unitCreationCard: UnitCreationCardStubComponent = wizardUnitComponentFixture.debugElement.query(By.directive(UnitCreationCardStubComponent)).componentInstance;
+        const unitCreationCard: UnitCreationCardComponent = wizardUnitComponentFixture.debugElement.query(By.directive(UnitCreationCardComponent)).componentInstance;
         unitCreationCard.onUnitCreationCardClicked.emit(LectureUnitType.EXERCISE);
 
         wizardUnitComponentFixture.whenStable().then(() => {
diff --git a/src/test/javascript/spec/component/legal/data-export-confirmation-dialog.service.spec.ts b/src/test/javascript/spec/component/legal/data-export-confirmation-dialog.service.spec.ts
index d9dd0fc6cfea..d4babad48e6a 100644
--- a/src/test/javascript/spec/component/legal/data-export-confirmation-dialog.service.spec.ts
+++ b/src/test/javascript/spec/component/legal/data-export-confirmation-dialog.service.spec.ts
@@ -3,8 +3,6 @@ import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { EventEmitter } from '@angular/core';
 import { Observable } from 'rxjs';
 import { TranslateService } from '@ngx-translate/core';
-import { DeleteDialogComponent } from 'app/shared/delete-dialog/delete-dialog.component';
-import { MockComponent } from 'ng-mocks';
 import { DataExportConfirmationDialogData } from 'app/core/legal/data-export/confirmation/data-export-confirmation-dialog.model';
 import { DataExportConfirmationDialogService } from 'app/core/legal/data-export/confirmation/data-export-confirmation-dialog.service';
 import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
@@ -17,7 +15,6 @@ describe('DataExportConfirmationDialogService', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             providers: [DataExportConfirmationDialogService, { provide: TranslateService, useClass: MockTranslateService }],
-            declarations: [MockComponent(DeleteDialogComponent)],
         });
         service = TestBed.inject(DataExportConfirmationDialogService);
         modalService = TestBed.inject(NgbModal);
diff --git a/src/test/javascript/spec/component/legal/data-export-request-button.directive.spec.ts b/src/test/javascript/spec/component/legal/data-export-request-button.directive.spec.ts
index 094e77d97b5a..b2cb03a236e3 100644
--- a/src/test/javascript/spec/component/legal/data-export-request-button.directive.spec.ts
+++ b/src/test/javascript/spec/component/legal/data-export-request-button.directive.spec.ts
@@ -2,21 +2,14 @@ import { ComponentFixture, TestBed, discardPeriodicTasks, fakeAsync } from '@ang
 import { TranslateService } from '@ngx-translate/core';
 import { Component, DebugElement } from '@angular/core';
 import { By } from '@angular/platform-browser';
-import { JhiLanguageHelper } from 'app/core/language/language.helper';
-import { FormsModule } from '@angular/forms';
-import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
-import { AlertService } from 'app/core/util/alert.service';
-import { TranslateDirective } from 'app/shared/language/translate.directive';
-import { MockComponent, MockDirective, MockModule } from 'ng-mocks';
 import { DataExportRequestButtonDirective } from 'app/core/legal/data-export/confirmation/data-export-request-button.directive';
 import { DataExportConfirmationDialogService } from 'app/core/legal/data-export/confirmation/data-export-confirmation-dialog.service';
-import { TranslatePipeMock } from '../../helpers/mocks/service/mock-translate.service';
 import { ArtemisTestModule } from '../../test.module';
-import { DataExportConfirmationDialogComponent } from 'app/core/legal/data-export/confirmation/data-export-confirmation-dialog.component';
 
 @Component({
     selector: 'jhi-test-component',
     template: '<button jhiDataExportRequestButton [adminDialog]="true" expectedLogin="login"></button>',
+    imports: [DataExportRequestButtonDirective],
 })
 class TestComponent {}
 
@@ -29,15 +22,7 @@ describe('DataExportRequestButtonDirective', () => {
 
     beforeEach(() =>
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, MockModule(FormsModule), NgbModule],
-            declarations: [
-                TestComponent,
-                DataExportRequestButtonDirective,
-                MockComponent(DataExportConfirmationDialogComponent),
-                TranslatePipeMock,
-                MockDirective(TranslateDirective),
-            ],
-            providers: [JhiLanguageHelper, AlertService],
+            imports: [ArtemisTestModule, TestComponent],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/link-preview/link-preview-container.component.spec.ts b/src/test/javascript/spec/component/link-preview/link-preview-container.component.spec.ts
index 534aaad61e6f..5c66c73fc44e 100644
--- a/src/test/javascript/spec/component/link-preview/link-preview-container.component.spec.ts
+++ b/src/test/javascript/spec/component/link-preview/link-preview-container.component.spec.ts
@@ -16,7 +16,6 @@ describe('LinkPreviewContainerComponent', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [LinkPreviewContainerComponent],
             providers: [
                 { provide: LinkPreviewService, useClass: MockLinkPreviewService },
                 { provide: LinkifyService, useClass: LinkifyService },
diff --git a/src/test/javascript/spec/component/localci/build-queue/build-queue.component.spec.ts b/src/test/javascript/spec/component/localci/build-queue/build-queue.component.spec.ts
index 2e51313e967c..6cda0e4df750 100644
--- a/src/test/javascript/spec/component/localci/build-queue/build-queue.component.spec.ts
+++ b/src/test/javascript/spec/component/localci/build-queue/build-queue.component.spec.ts
@@ -1,25 +1,21 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { ActivatedRoute } from '@angular/router';
 import { of } from 'rxjs';
 import { BuildQueueComponent, FinishedBuildJobFilter, FinishedBuildJobFilterStorageKey } from 'app/localci/build-queue/build-queue.component';
 import { BuildQueueService } from 'app/localci/build-queue/build-queue.service';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { MockComponent, MockPipe } from 'ng-mocks';
 import dayjs from 'dayjs/esm';
 import { AccountService } from 'app/core/auth/account.service';
 import { DataTableComponent } from 'app/shared/data-table/data-table.component';
-import { NgxDatatableModule } from '@siemens/ngx-datatable';
 import { ArtemisTestModule } from '../../../test.module';
 import { BuildJobStatistics, FinishedBuildJob, SpanType } from 'app/entities/programming/build-job.model';
 import { TriggeredByPushTo } from 'app/entities/programming/repository-info.model';
-import { waitForAsync } from '@angular/core/testing';
 import { HttpResponse } from '@angular/common/http';
 import { SortingOrder } from 'app/shared/table/pageable-table';
 import { LocalStorageService } from 'ngx-webstorage';
 import { MockLocalStorageService } from '../../../helpers/mocks/service/mock-local-storage.service';
-import { ArtemisSharedComponentModule } from 'app/shared/components/shared-component.module';
-import { PieChartModule } from '@swimlane/ngx-charts';
 import { BuildLogEntry, BuildLogLines } from '../../../../../../main/webapp/app/entities/programming/build-log.model';
+import { MockNgbModalService } from '../../../helpers/mocks/service/mock-ngb-modal.service';
+import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 
 describe('BuildQueueComponent', () => {
     let component: BuildQueueComponent;
@@ -284,14 +280,14 @@ describe('BuildQueueComponent', () => {
         mockActivatedRoute = { params: of({ courseId: testCourseId }) };
 
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, NgxDatatableModule, ArtemisSharedComponentModule, PieChartModule],
-            declarations: [BuildQueueComponent, MockPipe(ArtemisTranslatePipe), MockComponent(DataTableComponent)],
+            imports: [ArtemisTestModule],
             providers: [
                 { provide: BuildQueueService, useValue: mockBuildQueueService },
                 { provide: ActivatedRoute, useValue: mockActivatedRoute },
                 { provide: AccountService, useValue: accountServiceMock },
                 { provide: DataTableComponent, useClass: DataTableComponent },
                 { provide: LocalStorageService, useValue: mockLocalStorageService },
+                { provide: NgbModal, useClass: MockNgbModalService },
             ],
         }).compileComponents();
     }));
diff --git a/src/test/javascript/spec/component/localvc/repository-view.component.spec.ts b/src/test/javascript/spec/component/localvc/repository-view.component.spec.ts
index 512e1abae71a..41723a67aa7d 100644
--- a/src/test/javascript/spec/component/localvc/repository-view.component.spec.ts
+++ b/src/test/javascript/spec/component/localvc/repository-view.component.spec.ts
@@ -1,11 +1,10 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute } from '@angular/router';
 import { ProgrammingExerciseParticipationService } from 'app/exercises/programming/manage/services/programming-exercise-participation.service';
 import { ProgrammingExerciseService } from 'app/exercises/programming/manage/services/programming-exercise.service';
 import { MockAccountService } from '../../helpers/mocks/service/mock-account.service';
 import { MockProgrammingExerciseParticipationService } from '../../helpers/mocks/service/mock-programming-exercise-participation.service';
 import { MockProgrammingExerciseService } from '../../helpers/mocks/service/mock-programming-exercise.service';
-import { MockRouter } from '../../helpers/mocks/mock-router';
 import { MockActivatedRoute } from '../../helpers/mocks/activated-route/mock-activated-route';
 import { DomainService } from 'app/exercises/programming/shared/code-editor/service/code-editor-domain.service';
 import { RepositoryViewComponent } from 'app/localvc/repository-view/repository-view.component';
@@ -19,6 +18,7 @@ import { ProgrammingExerciseStudentParticipation } from 'app/entities/participat
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 import { MockProfileService } from '../../helpers/mocks/service/mock-profile.service';
 import { AuxiliaryRepository } from 'app/entities/programming/programming-exercise-auxiliary-repository-model';
+import { ArtemisTestModule } from '../../test.module';
 
 describe('RepositoryViewComponent', () => {
     let component: RepositoryViewComponent;
@@ -34,14 +34,13 @@ describe('RepositoryViewComponent', () => {
         };
 
         await TestBed.configureTestingModule({
-            declarations: [RepositoryViewComponent],
+            imports: [ArtemisTestModule],
             providers: [
                 { provide: AccountService, useClass: MockAccountService },
                 { provide: DomainService, useValue: mockDomainService },
                 { provide: ActivatedRoute, useValue: new MockActivatedRoute({ key: 'ABC123' }) },
                 { provide: ProgrammingExerciseParticipationService, useClass: MockProgrammingExerciseParticipationService },
                 { provide: ProgrammingExerciseService, useClass: MockProgrammingExerciseService },
-                { provide: Router, useClass: MockRouter },
                 { provide: ProfileService, useClass: MockProfileService },
             ],
         })
diff --git a/src/test/javascript/spec/component/manage/exercise-create-buttons.component.spec.ts b/src/test/javascript/spec/component/manage/exercise-create-buttons.component.spec.ts
index d5329e628c78..e1f68e4fe1bb 100644
--- a/src/test/javascript/spec/component/manage/exercise-create-buttons.component.spec.ts
+++ b/src/test/javascript/spec/component/manage/exercise-create-buttons.component.spec.ts
@@ -22,8 +22,8 @@ describe('Exercise Create Buttons Component', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule],
-            declarations: [QuizExerciseComponent],
+            imports: [ArtemisTestModule, QuizExerciseComponent],
+            declarations: [],
             providers: [
                 { provide: ActivatedRoute, useValue: route },
                 { provide: TranslateService, useClass: MockTranslateService },
diff --git a/src/test/javascript/spec/component/modeling-exercise/modeling-exercise.component.spec.ts b/src/test/javascript/spec/component/modeling-exercise/modeling-exercise.component.spec.ts
index 7b360052c5b9..103501e5ef4a 100644
--- a/src/test/javascript/spec/component/modeling-exercise/modeling-exercise.component.spec.ts
+++ b/src/test/javascript/spec/component/modeling-exercise/modeling-exercise.component.spec.ts
@@ -3,12 +3,10 @@ import { of } from 'rxjs';
 import { HttpHeaders, HttpResponse } from '@angular/common/http';
 import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
 import { ActivatedRoute, convertToParamMap } from '@angular/router';
-import { TranslateService } from '@ngx-translate/core';
 import { ArtemisTestModule } from '../../test.module';
 import { ModelingExerciseComponent } from 'app/exercises/modeling/manage/modeling-exercise.component';
 import { ModelingExercise } from 'app/entities/modeling-exercise.model';
 import { MockSyncStorage } from '../../helpers/mocks/service/mock-sync-storage.service';
-import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
 import { Course } from 'app/entities/course.model';
 import { ModelingExerciseService } from 'app/exercises/modeling/manage/modeling-exercise.service';
 import { SortService } from 'app/shared/service/sort.service';
@@ -34,12 +32,10 @@ describe('ModelingExercise Management Component', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [ModelingExerciseComponent],
             providers: [
                 { provide: ActivatedRoute, useValue: route },
                 { provide: LocalStorageService, useClass: MockSyncStorage },
                 { provide: SessionStorageService, useClass: MockSyncStorage },
-                { provide: TranslateService, useClass: MockTranslateService },
             ],
         })
             .overrideTemplate(ModelingExerciseComponent, '')
diff --git a/src/test/javascript/spec/component/modeling-explanation-editor/modeling-explanation-editor.component.spec.ts b/src/test/javascript/spec/component/modeling-explanation-editor/modeling-explanation-editor.component.spec.ts
index 99d01ef5eb5a..51e6c4d8d7c2 100644
--- a/src/test/javascript/spec/component/modeling-explanation-editor/modeling-explanation-editor.component.spec.ts
+++ b/src/test/javascript/spec/component/modeling-explanation-editor/modeling-explanation-editor.component.spec.ts
@@ -1,7 +1,7 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
 import { By } from '@angular/platform-browser';
 import { ModelingExplanationEditorComponent } from 'app/exercises/modeling/shared/modeling-explanation-editor.component';
+import { ArtemisTestModule } from '../../test.module';
 
 describe('ModelingExplanationEditorComponent', () => {
     let fixture: ComponentFixture<ModelingExplanationEditorComponent>;
@@ -9,9 +9,7 @@ describe('ModelingExplanationEditorComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [FormsModule],
-            declarations: [ModelingExplanationEditorComponent],
-            schemas: [],
+            imports: [ArtemisTestModule],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/modeling-submission/modeling-submission-team.component.spec.ts b/src/test/javascript/spec/component/modeling-submission/modeling-submission-team.component.spec.ts
index 2a1eeea28e7d..51b5296d0d41 100644
--- a/src/test/javascript/spec/component/modeling-submission/modeling-submission-team.component.spec.ts
+++ b/src/test/javascript/spec/component/modeling-submission/modeling-submission-team.component.spec.ts
@@ -130,6 +130,7 @@ describe('ModelingSubmissionComponent', () => {
 
         // Subscribe to patches
         const receiverMock = jest.fn();
+        // @ts-ignore
         comp.submissionPatchObservable.subscribe(receiverMock);
 
         // Force emit a patch
diff --git a/src/test/javascript/spec/component/multiple-choice-question/multiple-choice-question-edit.component.spec.ts b/src/test/javascript/spec/component/multiple-choice-question/multiple-choice-question-edit.component.spec.ts
index f8865fde9f3f..bca21accab45 100644
--- a/src/test/javascript/spec/component/multiple-choice-question/multiple-choice-question-edit.component.spec.ts
+++ b/src/test/javascript/spec/component/multiple-choice-question/multiple-choice-question-edit.component.spec.ts
@@ -1,26 +1,16 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
 import { By } from '@angular/platform-browser';
 import { MultipleChoiceQuestion } from 'app/entities/quiz/multiple-choice-question.model';
 import { MultipleChoiceQuestionEditComponent } from 'app/exercises/quiz/manage/multiple-choice-question/multiple-choice-question-edit.component';
-import { QuizScoringInfoModalComponent } from 'app/exercises/quiz/manage/quiz-scoring-info-modal/quiz-scoring-info-modal.component';
-import { DragAndDropQuestionComponent } from 'app/exercises/quiz/shared/questions/drag-and-drop-question/drag-and-drop-question.component';
-import { MultipleChoiceQuestionComponent } from 'app/exercises/quiz/shared/questions/multiple-choice-question/multiple-choice-question.component';
-import { SecuredImageComponent } from 'app/shared/image/secured-image.component';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { MockComponent, MockDirective, MockPipe } from 'ng-mocks';
-import { DragDropModule } from '@angular/cdk/drag-drop';
+import { MockBuilder } from 'ng-mocks';
 import { ArtemisTestModule } from '../../test.module';
-import { NgbCollapseMocksModule } from '../../helpers/mocks/directive/ngbCollapseMocks.module';
-import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
-import { MultipleChoiceVisualQuestionComponent } from 'app/exercises/quiz/shared/questions/multiple-choice-question/multiple-choice-visual-question.component';
 import { ScoringType } from 'app/entities/quiz/quiz-question.model';
 import { QuizHintAction } from 'app/shared/monaco-editor/model/actions/quiz/quiz-hint.action';
 import { QuizExplanationAction } from 'app/shared/monaco-editor/model/actions/quiz/quiz-explanation.action';
 import { WrongMultipleChoiceAnswerAction } from 'app/shared/monaco-editor/model/actions/quiz/wrong-multiple-choice-answer.action';
 import { CorrectMultipleChoiceAnswerAction } from 'app/shared/monaco-editor/model/actions/quiz/correct-multiple-choice-answer.action';
 import { TestCaseAction } from 'app/shared/monaco-editor/model/actions/test-case.action';
-import { MarkdownEditorMonacoComponent } from 'app/shared/markdown-editor/monaco/markdown-editor-monaco.component';
+import { MockResizeObserver } from '../../helpers/mocks/service/mock-resize-observer';
 
 describe('MultipleChoiceQuestionEditComponent', () => {
     let fixture: ComponentFixture<MultipleChoiceQuestionEditComponent>;
@@ -40,23 +30,14 @@ describe('MultipleChoiceQuestionEditComponent', () => {
         ],
     };
 
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, FormsModule, DragDropModule, NgbCollapseMocksModule, MockDirective(NgbTooltip)],
-            declarations: [
-                MultipleChoiceQuestionEditComponent,
-                MockPipe(ArtemisTranslatePipe),
-                MockComponent(QuizScoringInfoModalComponent),
-                MockComponent(MarkdownEditorMonacoComponent),
-                MockComponent(SecuredImageComponent),
-                MockComponent(DragAndDropQuestionComponent),
-                MockComponent(MultipleChoiceQuestionComponent),
-                MockComponent(MultipleChoiceVisualQuestionComponent),
-            ],
-        }).compileComponents();
+    beforeEach(async () => {
+        await MockBuilder(MultipleChoiceQuestionEditComponent).mock(ArtemisTestModule);
         fixture = TestBed.createComponent(MultipleChoiceQuestionEditComponent);
         component = fixture.componentInstance;
         component.question = question;
+        global.ResizeObserver = jest.fn().mockImplementation((callback: ResizeObserverCallback) => {
+            return new MockResizeObserver(callback);
+        });
     });
 
     afterEach(() => {
diff --git a/src/test/javascript/spec/component/organization/organization-management-resolve.spec.ts b/src/test/javascript/spec/component/organization/organization-management-resolve.spec.ts
index 95b4bd5c3ba8..c33f12a596a0 100644
--- a/src/test/javascript/spec/component/organization/organization-management-resolve.spec.ts
+++ b/src/test/javascript/spec/component/organization/organization-management-resolve.spec.ts
@@ -1,3 +1,4 @@
+import { TestBed } from '@angular/core/testing';
 import { ActivatedRouteSnapshot } from '@angular/router';
 import { OrganizationManagementResolve } from 'app/admin/organization-management/organization-management-resolve.service';
 import { OrganizationManagementService } from 'app/admin/organization-management/organization-management.service';
@@ -9,8 +10,20 @@ describe('OrganizationManagementResolve', () => {
     let organizationManagementResolve: OrganizationManagementResolve;
 
     beforeEach(() => {
-        organizationManagementService = { getOrganizationById: jest.fn() } as any as OrganizationManagementService;
-        organizationManagementResolve = new OrganizationManagementResolve(organizationManagementService);
+        TestBed.configureTestingModule({
+            providers: [
+                OrganizationManagementResolve,
+                {
+                    provide: OrganizationManagementService,
+                    useValue: {
+                        getOrganizationById: jest.fn(),
+                    },
+                },
+            ],
+        });
+
+        organizationManagementService = TestBed.inject(OrganizationManagementService);
+        organizationManagementResolve = TestBed.inject(OrganizationManagementResolve);
     });
 
     it('should search for organization by id', () => {
diff --git a/src/test/javascript/spec/component/organization/organization-management.component.spec.ts b/src/test/javascript/spec/component/organization/organization-management.component.spec.ts
index f7a1885d08e6..eb30f9ecd6e5 100644
--- a/src/test/javascript/spec/component/organization/organization-management.component.spec.ts
+++ b/src/test/javascript/spec/component/organization/organization-management.component.spec.ts
@@ -22,7 +22,6 @@ describe('OrganizationManagementComponent', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [OrganizationManagementComponent],
             providers: [
                 { provide: LocalStorageService, useClass: MockSyncStorage },
                 { provide: SessionStorageService, useClass: MockSyncStorage },
diff --git a/src/test/javascript/spec/component/organization/organization-selector/organization-selector.component.spec.ts b/src/test/javascript/spec/component/organization/organization-selector/organization-selector.component.spec.ts
index 7b5e9ae2f7e5..efde075f2c51 100644
--- a/src/test/javascript/spec/component/organization/organization-selector/organization-selector.component.spec.ts
+++ b/src/test/javascript/spec/component/organization/organization-selector/organization-selector.component.spec.ts
@@ -5,8 +5,6 @@ import { of } from 'rxjs';
 import { MockSyncStorage } from '../../../helpers/mocks/service/mock-sync-storage.service';
 import { OrganizationManagementService } from 'app/admin/organization-management/organization-management.service';
 import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
-import { MockProvider } from 'ng-mocks';
-import { TranslateService } from '@ngx-translate/core';
 import { Organization } from 'app/entities/organization.model';
 
 describe('OrganizationSelectorComponent', () => {
@@ -17,8 +15,10 @@ describe('OrganizationSelectorComponent', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [OrganizationSelectorComponent],
-            providers: [{ provide: LocalStorageService, useClass: MockSyncStorage }, { provide: SessionStorageService, useClass: MockSyncStorage }, MockProvider(TranslateService)],
+            providers: [
+                { provide: LocalStorageService, useClass: MockSyncStorage },
+                { provide: SessionStorageService, useClass: MockSyncStorage },
+            ],
         })
             .overrideTemplate(OrganizationSelectorComponent, '')
             .compileComponents()
diff --git a/src/test/javascript/spec/component/orion/modal-confirm-autofocus.component.spec.ts b/src/test/javascript/spec/component/orion/modal-confirm-autofocus.component.spec.ts
index 7d20a9cd2af5..205616d1a00a 100644
--- a/src/test/javascript/spec/component/orion/modal-confirm-autofocus.component.spec.ts
+++ b/src/test/javascript/spec/component/orion/modal-confirm-autofocus.component.spec.ts
@@ -1,10 +1,10 @@
 import { ArtemisTestModule } from '../../test.module';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MockProvider } from 'ng-mocks';
+import { MockPipe, MockProvider } from 'ng-mocks';
 import { By } from '@angular/platform-browser';
 import { ModalConfirmAutofocusComponent } from 'app/shared/orion/modal-confirm-autofocus/modal-confirm-autofocus.component';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
-import { TranslatePipeMock } from '../../helpers/mocks/service/mock-translate.service';
+import { ArtemisTranslatePipe } from '../../../../../main/webapp/app/shared/pipes/artemis-translate.pipe';
 
 describe('ModalConfirmAutofocusComponent', () => {
     let fixture: ComponentFixture<ModalConfirmAutofocusComponent>;
@@ -13,8 +13,7 @@ describe('ModalConfirmAutofocusComponent', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [ModalConfirmAutofocusComponent, TranslatePipeMock],
-            providers: [MockProvider(NgbActiveModal)],
+            providers: [MockPipe(ArtemisTranslatePipe), MockProvider(NgbActiveModal)],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/orion/orion-code-editor-instructor-and-editor-container.component.spec.ts b/src/test/javascript/spec/component/orion/orion-code-editor-instructor-and-editor-container.component.spec.ts
index fc43be446641..8e54e81ca9c4 100644
--- a/src/test/javascript/spec/component/orion/orion-code-editor-instructor-and-editor-container.component.spec.ts
+++ b/src/test/javascript/spec/component/orion/orion-code-editor-instructor-and-editor-container.component.spec.ts
@@ -78,7 +78,7 @@ describe('CodeEditorInstructorAndEditorOrionContainerComponent', () => {
 
         comp.ngOnInit();
 
-        expect(orionStateStub).toHaveBeenCalledOnce();
+        expect(orionStateStub).toHaveBeenCalled();
         expect(orionStateStub).toHaveBeenCalledWith();
         expect(comp.orionState).toEqual(orionState);
     });
diff --git a/src/test/javascript/spec/component/orion/orion-exercise-assessment-dashboard.component.spec.ts b/src/test/javascript/spec/component/orion/orion-exercise-assessment-dashboard.component.spec.ts
index 430f28bee09f..a233d9f11e79 100644
--- a/src/test/javascript/spec/component/orion/orion-exercise-assessment-dashboard.component.spec.ts
+++ b/src/test/javascript/spec/component/orion/orion-exercise-assessment-dashboard.component.spec.ts
@@ -99,7 +99,7 @@ describe('OrionExerciseAssessmentDashboardComponent', () => {
 
         expect(getForTutorsStub).toHaveBeenCalledOnce();
         expect(getForTutorsStub).toHaveBeenCalledWith(10);
-        expect(orionStateStub).toHaveBeenCalledOnce();
+        expect(orionStateStub).toHaveBeenCalled();
         expect(orionStateStub).toHaveBeenCalledWith();
     }));
 
@@ -124,7 +124,7 @@ describe('OrionExerciseAssessmentDashboardComponent', () => {
 
         expect(getForTutorsStub).toHaveBeenCalledOnce();
         expect(getForTutorsStub).toHaveBeenCalledWith(10);
-        expect(orionStateStub).toHaveBeenCalledOnce();
+        expect(orionStateStub).toHaveBeenCalled();
         expect(orionStateStub).toHaveBeenCalledWith();
         expect(errorSpy).toHaveBeenCalledOnce();
         expect(errorSpy).toHaveBeenCalledWith('error.http.400');
diff --git a/src/test/javascript/spec/component/orion/orion-exercise-details-student-actions.component.spec.ts b/src/test/javascript/spec/component/orion/orion-exercise-details-student-actions.component.spec.ts
index fb07ee6597da..f212eab02b78 100644
--- a/src/test/javascript/spec/component/orion/orion-exercise-details-student-actions.component.spec.ts
+++ b/src/test/javascript/spec/component/orion/orion-exercise-details-student-actions.component.spec.ts
@@ -61,7 +61,7 @@ describe('OrionExerciseDetailsStudentActionsComponent', () => {
     it('ngOnInit should subscribe to state', () => {
         comp.ngOnInit();
 
-        expect(orionStateStub).toHaveBeenCalledOnce();
+        expect(orionStateStub).toHaveBeenCalled();
         expect(orionStateStub).toHaveBeenCalledWith();
         expect(comp.orionState).toEqual(orionState);
     });
diff --git a/src/test/javascript/spec/component/orion/orion-outdated.component.spec.ts b/src/test/javascript/spec/component/orion/orion-outdated.component.spec.ts
index 539974e57e25..a82554049032 100644
--- a/src/test/javascript/spec/component/orion/orion-outdated.component.spec.ts
+++ b/src/test/javascript/spec/component/orion/orion-outdated.component.spec.ts
@@ -5,7 +5,8 @@ import { ActivatedRoute } from '@angular/router';
 import { of } from 'rxjs';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 import { MockProfileService } from '../../helpers/mocks/service/mock-profile.service';
-import { TranslatePipeMock } from '../../helpers/mocks/service/mock-translate.service';
+import { ArtemisTranslatePipe } from '../../../../../main/webapp/app/shared/pipes/artemis-translate.pipe';
+import { MockPipe } from 'ng-mocks';
 
 describe('OrionOutdatedComponent', () => {
     let comp: OrionOutdatedComponent;
@@ -14,8 +15,8 @@ describe('OrionOutdatedComponent', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [OrionOutdatedComponent, TranslatePipeMock],
             providers: [
+                MockPipe(ArtemisTranslatePipe),
                 { provide: ActivatedRoute, useValue: { queryParams: of({ versionString: 'version' }) } },
                 { provide: ProfileService, useClass: MockProfileService },
             ],
diff --git a/src/test/javascript/spec/component/orion/orion-programming-exercise.component.spec.ts b/src/test/javascript/spec/component/orion/orion-programming-exercise.component.spec.ts
index a47acf89a012..a8dd2f12da89 100644
--- a/src/test/javascript/spec/component/orion/orion-programming-exercise.component.spec.ts
+++ b/src/test/javascript/spec/component/orion/orion-programming-exercise.component.spec.ts
@@ -43,7 +43,7 @@ describe('OrionProgrammingExerciseComponent', () => {
 
         comp.ngOnInit();
 
-        expect(orionStateStub).toHaveBeenCalledOnce();
+        expect(orionStateStub).toHaveBeenCalled();
         expect(orionStateStub).toHaveBeenCalledWith();
         expect(comp.orionState).toEqual(orionState);
     });
diff --git a/src/test/javascript/spec/component/overview/course-card.component.spec.ts b/src/test/javascript/spec/component/overview/course-card.component.spec.ts
index bf2403aecf23..e28ec689e49e 100644
--- a/src/test/javascript/spec/component/overview/course-card.component.spec.ts
+++ b/src/test/javascript/spec/component/overview/course-card.component.spec.ts
@@ -2,20 +2,12 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ArtemisTestModule } from '../../test.module';
 import { CourseCardComponent } from 'app/overview/course-card.component';
 import { Course } from 'app/entities/course.model';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { MockRouterLinkDirective } from '../../helpers/mocks/directive/mock-router-link.directive';
-import { SecuredImageComponent } from 'app/shared/image/secured-image.component';
 import { Exercise } from 'app/entities/exercise.model';
-import { MockComponent, MockDirective, MockModule, MockPipe } from 'ng-mocks';
 import dayjs from 'dayjs/esm';
 import { SubmissionExerciseType } from 'app/entities/submission.model';
 import { ProgrammingSubmission } from 'app/entities/programming/programming-submission.model';
-import { ArtemisTimeAgoPipe } from 'app/shared/pipes/artemis-time-ago.pipe';
-import { PieChartModule } from '@swimlane/ngx-charts';
-import { TranslateDirective } from 'app/shared/language/translate.directive';
 import { ScoresStorageService } from 'app/course/course-scores/scores-storage.service';
 import { CourseScores } from 'app/course/course-scores/course-scores';
-import { CourseCardHeaderComponent } from 'app/overview/course-card-header/course-card-header.component';
 
 describe('CourseCardComponent', () => {
     let fixture: ComponentFixture<CourseCardComponent>;
@@ -34,16 +26,7 @@ describe('CourseCardComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, MockModule(PieChartModule)],
-            declarations: [
-                CourseCardComponent,
-                MockPipe(ArtemisTranslatePipe),
-                MockPipe(ArtemisTimeAgoPipe),
-                MockRouterLinkDirective,
-                MockComponent(SecuredImageComponent),
-                MockComponent(CourseCardHeaderComponent),
-                MockDirective(TranslateDirective),
-            ],
+            imports: [ArtemisTestModule],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/overview/course-conversations/course-wide-search.component.spec.ts b/src/test/javascript/spec/component/overview/course-conversations/course-wide-search.component.spec.ts
index 288ed74a8c86..cd68055c9da6 100644
--- a/src/test/javascript/spec/component/overview/course-conversations/course-wide-search.component.spec.ts
+++ b/src/test/javascript/spec/component/overview/course-conversations/course-wide-search.component.spec.ts
@@ -22,7 +22,6 @@ import { NgbTooltipMocksModule } from '../../../helpers/mocks/directive/ngbToolt
 import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 @Directive({
-    // eslint-disable-next-line @angular-eslint/directive-selector
     selector: '[infiniteScroll], [infinite-scroll], [data-infinite-scroll]',
 })
 class InfiniteScrollStubDirective {
diff --git a/src/test/javascript/spec/component/overview/course-conversations/dialogs/channels-create-dialog/channel-form/channel-form.component.spec.ts b/src/test/javascript/spec/component/overview/course-conversations/dialogs/channels-create-dialog/channel-form/channel-form.component.spec.ts
index 6e69f4f0066c..553cf6158c1e 100644
--- a/src/test/javascript/spec/component/overview/course-conversations/dialogs/channels-create-dialog/channel-form/channel-form.component.spec.ts
+++ b/src/test/javascript/spec/component/overview/course-conversations/dialogs/channels-create-dialog/channel-form/channel-form.component.spec.ts
@@ -1,10 +1,11 @@
 import { ComponentFixture, TestBed, fakeAsync, waitForAsync } from '@angular/core/testing';
 import { ChannelFormComponent, ChannelFormData } from 'app/overview/course-conversations/dialogs/channels-create-dialog/channel-form/channel-form.component';
-import { MockComponent, MockPipe, MockProvider } from 'ng-mocks';
+import { MockComponent, MockDirective, MockPipe, MockProvider } from 'ng-mocks';
 import { ChannelIconComponent } from 'app/overview/course-conversations/other/channel-icon/channel-icon.component';
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 describe('ChannelFormComponent', () => {
     let component: ChannelFormComponent;
@@ -17,7 +18,7 @@ describe('ChannelFormComponent', () => {
     beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             imports: [ReactiveFormsModule, FormsModule],
-            declarations: [ChannelFormComponent, MockComponent(ChannelIconComponent), MockPipe(ArtemisTranslatePipe)],
+            declarations: [ChannelFormComponent, MockComponent(ChannelIconComponent), MockPipe(ArtemisTranslatePipe), MockDirective(TranslateDirective)],
             providers: [MockProvider(NgbActiveModal)],
         }).compileComponents();
     }));
diff --git a/src/test/javascript/spec/component/overview/course-conversations/dialogs/channels-create-dialog/channels-create-dialog.component.spec.ts b/src/test/javascript/spec/component/overview/course-conversations/dialogs/channels-create-dialog/channels-create-dialog.component.spec.ts
index 0d74ed850884..4f5ed13dbeff 100644
--- a/src/test/javascript/spec/component/overview/course-conversations/dialogs/channels-create-dialog/channels-create-dialog.component.spec.ts
+++ b/src/test/javascript/spec/component/overview/course-conversations/dialogs/channels-create-dialog/channels-create-dialog.component.spec.ts
@@ -4,21 +4,12 @@ import { ChannelsCreateDialogComponent } from 'app/overview/course-conversations
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { MockPipe, MockProvider } from 'ng-mocks';
 import { Course } from 'app/entities/course.model';
-import { Component, EventEmitter, Output } from '@angular/core';
-import { ChannelFormData, ChannelType } from 'app/overview/course-conversations/dialogs/channels-create-dialog/channel-form/channel-form.component';
+import { ChannelFormData } from 'app/overview/course-conversations/dialogs/channels-create-dialog/channel-form/channel-form.component';
 import { By } from '@angular/platform-browser';
 import { ChannelDTO } from 'app/entities/metis/conversation/channel.model';
 import { initializeDialog } from '../dialog-test-helpers';
-
-@Component({
-    selector: 'jhi-channel-form',
-    template: '',
-})
-class ChannelFormStubComponent {
-    @Output() formSubmitted: EventEmitter<ChannelFormData> = new EventEmitter<ChannelFormData>();
-    @Output() channelTypeChanged: EventEmitter<ChannelType> = new EventEmitter<ChannelType>();
-    @Output() isAnnouncementChannelChanged: EventEmitter<boolean> = new EventEmitter<boolean>();
-}
+import { MockTranslateService } from '../../../../../helpers/mocks/service/mock-translate.service';
+import { TranslateService } from '@ngx-translate/core';
 
 describe('ChannelsCreateDialogComponent', () => {
     let component: ChannelsCreateDialogComponent;
@@ -27,18 +18,18 @@ describe('ChannelsCreateDialogComponent', () => {
 
     beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
-            declarations: [ChannelsCreateDialogComponent, MockPipe(ArtemisTranslatePipe), ChannelFormStubComponent],
-            providers: [MockProvider(NgbActiveModal)],
-        }).compileComponents();
+            declarations: [ChannelsCreateDialogComponent, MockPipe(ArtemisTranslatePipe)],
+            providers: [MockProvider(NgbActiveModal), { provide: TranslateService, useClass: MockTranslateService }],
+        })
+            .compileComponents()
+            .then(() => {
+                fixture = TestBed.createComponent(ChannelsCreateDialogComponent);
+                component = fixture.componentInstance;
+                fixture.detectChanges();
+                initializeDialog(component, fixture, { course });
+            });
     }));
 
-    beforeEach(() => {
-        fixture = TestBed.createComponent(ChannelsCreateDialogComponent);
-        component = fixture.componentInstance;
-        fixture.detectChanges();
-        initializeDialog(component, fixture, { course });
-    });
-
     afterEach(() => {
         jest.restoreAllMocks();
     });
@@ -54,18 +45,26 @@ describe('ChannelsCreateDialogComponent', () => {
         closeButton.click();
         expect(dismissSpy).toHaveBeenCalledOnce();
     });
+
     it('should change channel type when channel type is changed in channel form', () => {
         expect(component.isPublicChannel).toBeTrue();
         const channelTypeChangedEvent = 'PRIVATE';
-        const form: ChannelFormStubComponent = fixture.debugElement.query(By.directive(ChannelFormStubComponent)).componentInstance;
-        form.channelTypeChanged.emit(channelTypeChangedEvent);
+        const formComponentDebug = fixture.debugElement.query(By.css('jhi-channel-form'));
+        expect(formComponentDebug).toBeTruthy();
+
+        const formComponent = formComponentDebug.componentInstance;
+        expect(formComponent).toBeTruthy();
+        formComponent.channelTypeChanged.emit(channelTypeChangedEvent);
         expect(component.isPublicChannel).toBeFalse();
     });
 
     it('should change channel announcement type when channel announcement type is changed in channel form', () => {
         expect(component.isAnnouncementChannel).toBeFalse();
-        const form: ChannelFormStubComponent = fixture.debugElement.query(By.directive(ChannelFormStubComponent)).componentInstance;
-        form.isAnnouncementChannelChanged.emit(true);
+        const formComponentDebug = fixture.debugElement.query(By.css('jhi-channel-form'));
+        expect(formComponentDebug).toBeTruthy();
+
+        const formComponent = formComponentDebug.componentInstance;
+        formComponent.isAnnouncementChannelChanged.emit(true);
         expect(component.isAnnouncementChannel).toBeTrue();
     });
 
@@ -73,13 +72,16 @@ describe('ChannelsCreateDialogComponent', () => {
         const activeModal = TestBed.inject(NgbActiveModal);
         const closeSpy = jest.spyOn(activeModal, 'close');
 
-        const form: ChannelFormStubComponent = fixture.debugElement.query(By.directive(ChannelFormStubComponent)).componentInstance;
+        const formComponentDebug = fixture.debugElement.query(By.css('jhi-channel-form'));
+        expect(formComponentDebug).toBeTruthy();
+
+        const formComponent = formComponentDebug.componentInstance;
         const formData: ChannelFormData = {
             name: 'test',
             description: 'helloWorld',
             isPublic: true,
         };
-        form.formSubmitted.emit(formData);
+        formComponent.formSubmitted.emit(formData);
 
         const expectedChannel = new ChannelDTO();
         expectedChannel.name = formData.name;
diff --git a/src/test/javascript/spec/component/overview/course-conversations/dialogs/channels-overview-dialog/channel-item/channel-item.component.spec.ts b/src/test/javascript/spec/component/overview/course-conversations/dialogs/channels-overview-dialog/channel-item/channel-item.component.spec.ts
index 1090b60899b2..72cc21a7eb2a 100644
--- a/src/test/javascript/spec/component/overview/course-conversations/dialogs/channels-overview-dialog/channel-item/channel-item.component.spec.ts
+++ b/src/test/javascript/spec/component/overview/course-conversations/dialogs/channels-overview-dialog/channel-item/channel-item.component.spec.ts
@@ -1,10 +1,11 @@
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { ChannelItemComponent } from 'app/overview/course-conversations/dialogs/channels-overview-dialog/channel-item/channel-item.component';
-import { MockComponent, MockPipe } from 'ng-mocks';
+import { MockComponent, MockDirective, MockPipe } from 'ng-mocks';
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { ChannelIconComponent } from 'app/overview/course-conversations/other/channel-icon/channel-icon.component';
-import { ChannelDTO } from '../../../../../../../../../main/webapp/app/entities/metis/conversation/channel.model';
+import { ChannelDTO } from 'app/entities/metis/conversation/channel.model';
 import { generateExampleChannelDTO } from '../../../helpers/conversationExampleModels';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 describe('ChannelItemComponent', () => {
     let component: ChannelItemComponent;
@@ -14,7 +15,9 @@ describe('ChannelItemComponent', () => {
     const channel = generateExampleChannelDTO({ id: 1 } as ChannelDTO);
 
     beforeEach(waitForAsync(() => {
-        TestBed.configureTestingModule({ declarations: [ChannelItemComponent, MockPipe(ArtemisTranslatePipe), MockComponent(ChannelIconComponent)] }).compileComponents();
+        TestBed.configureTestingModule({
+            declarations: [ChannelItemComponent, MockPipe(ArtemisTranslatePipe), MockComponent(ChannelIconComponent), MockDirective(TranslateDirective)],
+        }).compileComponents();
     }));
 
     beforeEach(() => {
diff --git a/src/test/javascript/spec/component/overview/course-conversations/dialogs/channels-overview-dialog/channels-overview-dialog.component.spec.ts b/src/test/javascript/spec/component/overview/course-conversations/dialogs/channels-overview-dialog/channels-overview-dialog.component.spec.ts
index f44fea3aea36..afdbd63c5895 100644
--- a/src/test/javascript/spec/component/overview/course-conversations/dialogs/channels-overview-dialog/channels-overview-dialog.component.spec.ts
+++ b/src/test/javascript/spec/component/overview/course-conversations/dialogs/channels-overview-dialog/channels-overview-dialog.component.spec.ts
@@ -7,7 +7,6 @@ import { EMPTY, of } from 'rxjs';
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { MockComponent, MockPipe, MockProvider } from 'ng-mocks';
 import { LoadingIndicatorContainerStubComponent } from '../../../../../helpers/stubs/loading-indicator-container-stub.component';
-import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { generateExampleChannelDTO } from '../../helpers/conversationExampleModels';
 import { ChannelService } from 'app/shared/metis/conversations/channel.service';
 import { ConversationService } from 'app/shared/metis/conversations/conversation.service';
@@ -17,15 +16,9 @@ import { HttpResponse } from '@angular/common/http';
 import { By } from '@angular/platform-browser';
 import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { NgbCollapseMocksModule } from '../../../../../helpers/mocks/directive/ngbCollapseMocks.module';
-
-@Component({
-    selector: 'jhi-channel-item',
-    template: '',
-})
-class ChannelItemStubComponent {
-    @Output() channelAction = new EventEmitter<ChannelAction>();
-    @Input() channel: ChannelDTO;
-}
+import { MockTranslateService } from '../../../../../helpers/mocks/service/mock-translate.service';
+import { TranslateService } from '@ngx-translate/core';
+import { ChannelItemComponent } from 'app/overview/course-conversations/dialogs/channels-overview-dialog/channel-item/channel-item.component';
 
 const examples: ChannelDTO[] = [
     generateExampleChannelDTO({} as ChannelDTO),
@@ -42,7 +35,7 @@ examples.forEach((exampleChannel) => {
         const allowChannelCreation = exampleChannel.subType === ChannelSubType.GENERAL;
         const createChannelFn = allowChannelCreation ? jest.fn() : undefined;
         const canCreateChannel = jest.fn();
-        let channelItems: ChannelItemStubComponent[];
+        let channelItems: ChannelItemComponent[];
 
         let channelOne: ChannelDTO;
         let channelTwo: ChannelDTO;
@@ -56,14 +49,15 @@ examples.forEach((exampleChannel) => {
         beforeEach(waitForAsync(() => {
             TestBed.configureTestingModule({
                 imports: [NgbCollapseMocksModule],
-                declarations: [
-                    ChannelsOverviewDialogComponent,
-                    LoadingIndicatorContainerStubComponent,
-                    ChannelItemStubComponent,
-                    MockPipe(ArtemisTranslatePipe),
-                    MockComponent(FaIconComponent),
+                declarations: [ChannelsOverviewDialogComponent, LoadingIndicatorContainerStubComponent, MockPipe(ArtemisTranslatePipe), MockComponent(FaIconComponent)],
+                providers: [
+                    MockProvider(ChannelService),
+                    MockProvider(ConversationService),
+                    MockProvider(AlertService),
+                    MockProvider(NgbModal),
+                    MockProvider(NgbActiveModal),
+                    { provide: TranslateService, useClass: MockTranslateService },
                 ],
-                providers: [MockProvider(ChannelService), MockProvider(ConversationService), MockProvider(AlertService), MockProvider(NgbModal), MockProvider(NgbActiveModal)],
             }).compileComponents();
         }));
 
@@ -96,7 +90,7 @@ examples.forEach((exampleChannel) => {
             component.canCreateChannel = canCreateChannel;
             initializeDialog(component, fixture, { course, createChannelFn, channelSubType: exampleChannel.subType });
 
-            channelItems = fixture.debugElement.queryAll(By.directive(ChannelItemStubComponent)).map((debugElement) => debugElement.componentInstance);
+            channelItems = fixture.debugElement.queryAll(By.css('jhi-channel-item')).map((debugElement) => debugElement.componentInstance);
         });
 
         it('should create', () => {
diff --git a/src/test/javascript/spec/component/overview/course-conversations/dialogs/conversation-add-users-dialog/conversation-add-users-dialog.component.spec.ts b/src/test/javascript/spec/component/overview/course-conversations/dialogs/conversation-add-users-dialog/conversation-add-users-dialog.component.spec.ts
index ce48067e8a2e..f862998de8d6 100644
--- a/src/test/javascript/spec/component/overview/course-conversations/dialogs/conversation-add-users-dialog/conversation-add-users-dialog.component.spec.ts
+++ b/src/test/javascript/spec/component/overview/course-conversations/dialogs/conversation-add-users-dialog/conversation-add-users-dialog.component.spec.ts
@@ -9,7 +9,6 @@ import { GroupChatService } from 'app/shared/metis/conversations/group-chat.serv
 import { ConversationDTO } from 'app/entities/metis/conversation/conversation.model';
 import { Course } from 'app/entities/course.model';
 import { generateExampleChannelDTO, generateExampleGroupChatDTO } from '../../helpers/conversationExampleModels';
-import { Component, EventEmitter, Input, Output, input } from '@angular/core';
 import { AddUsersFormData } from 'app/overview/course-conversations/dialogs/conversation-add-users-dialog/add-users-form/conversation-add-users-form.component';
 import { initializeDialog } from '../dialog-test-helpers';
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
@@ -19,22 +18,15 @@ import { By } from '@angular/platform-browser';
 import { ChannelDTO, isChannelDTO } from 'app/entities/metis/conversation/channel.model';
 import { GroupChatDTO, isGroupChatDTO } from 'app/entities/metis/conversation/group-chat.model';
 import { of } from 'rxjs';
-import { HttpResponse } from '@angular/common/http';
-@Component({
-    selector: 'jhi-conversation-add-users-form',
-    template: '',
-})
-class ConversationAddUsersFormStubComponent {
-    @Output() formSubmitted: EventEmitter<AddUsersFormData> = new EventEmitter<AddUsersFormData>();
-    @Input() courseId: number;
-    @Input() maxSelectable?: number = undefined;
+import { HttpResponse, provideHttpClient } from '@angular/common/http';
+import { MockTranslateService } from '../../../../../helpers/mocks/service/mock-translate.service';
+import { TranslateService } from '@ngx-translate/core';
+import { provideHttpClientTesting } from '@angular/common/http/testing';
+import { MockSyncStorage } from '../../../../../helpers/mocks/service/mock-sync-storage.service';
+import { SessionStorageService } from 'ngx-webstorage';
 
-    protected readonly isLoading = input<boolean>(false);
-
-    @Input()
-    activeConversation: ConversationDTO;
-}
 const examples: ConversationDTO[] = [generateExampleGroupChatDTO({} as GroupChatDTO), generateExampleChannelDTO({} as ChannelDTO)];
+
 examples.forEach((activeConversation) => {
     describe('ConversationAddUsersDialogComponent with ' + activeConversation.type, () => {
         let component: ConversationAddUsersDialogComponent;
@@ -43,13 +35,17 @@ examples.forEach((activeConversation) => {
 
         beforeEach(waitForAsync(() => {
             TestBed.configureTestingModule({
-                declarations: [ConversationAddUsersDialogComponent, ConversationAddUsersFormStubComponent, MockPipe(ArtemisTranslatePipe), MockComponent(ChannelIconComponent)],
+                declarations: [ConversationAddUsersDialogComponent, MockPipe(ArtemisTranslatePipe), MockComponent(ChannelIconComponent)],
                 providers: [
                     MockProvider(AlertService),
                     MockProvider(NgbActiveModal),
                     MockProvider(ChannelService),
                     MockProvider(ConversationService),
                     MockProvider(GroupChatService),
+                    { provide: TranslateService, useClass: MockTranslateService },
+                    { provide: SessionStorageService, useClass: MockSyncStorage },
+                    provideHttpClient(),
+                    provideHttpClientTesting(),
                 ],
             }).compileComponents();
         }));
@@ -77,7 +73,8 @@ examples.forEach((activeConversation) => {
                 addAllTutors: false,
                 addAllInstructors: false,
             };
-            const form: ConversationAddUsersFormStubComponent = fixture.debugElement.query(By.directive(ConversationAddUsersFormStubComponent)).componentInstance;
+            const formComponentDebug = fixture.debugElement.query(By.css('jhi-conversation-add-users-form'));
+            const form = formComponentDebug.componentInstance;
 
             if (isChannelDTO(activeConversation)) {
                 const channelService = TestBed.inject(ChannelService);
diff --git a/src/test/javascript/spec/component/overview/course-conversations/dialogs/conversation-detail-dialog/conversation-detail-dialog.component.spec.ts b/src/test/javascript/spec/component/overview/course-conversations/dialogs/conversation-detail-dialog/conversation-detail-dialog.component.spec.ts
index 93acf886bdd3..07e6c9f0d4ee 100644
--- a/src/test/javascript/spec/component/overview/course-conversations/dialogs/conversation-detail-dialog/conversation-detail-dialog.component.spec.ts
+++ b/src/test/javascript/spec/component/overview/course-conversations/dialogs/conversation-detail-dialog/conversation-detail-dialog.component.spec.ts
@@ -1,4 +1,3 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { Course } from 'app/entities/course.model';
 import { ConversationDTO } from 'app/entities/metis/conversation/conversation.model';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
@@ -8,63 +7,22 @@ import {
 } from 'app/overview/course-conversations/dialogs/conversation-detail-dialog/conversation-detail-dialog.component';
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { MockComponent, MockPipe, MockProvider } from 'ng-mocks';
+import { MockComponent, MockDirective, MockPipe, MockProvider } from 'ng-mocks';
 import { ChannelIconComponent } from 'app/overview/course-conversations/other/channel-icon/channel-icon.component';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { ConversationService } from 'app/shared/metis/conversations/conversation.service';
-import { ChannelDTO } from '../../../../../../../../main/webapp/app/entities/metis/conversation/channel.model';
+import { ChannelDTO } from 'app/entities/metis/conversation/channel.model';
 import { generateExampleChannelDTO, generateExampleGroupChatDTO, generateOneToOneChatDTO } from '../../helpers/conversationExampleModels';
 import { initializeDialog } from '../dialog-test-helpers';
 import { isOneToOneChatDTO } from 'app/entities/metis/conversation/one-to-one-chat.model';
 import { By } from '@angular/platform-browser';
-
-@Component({
-    selector: 'jhi-conversation-members',
-    template: '',
-})
-class ConversationMembersStubComponent {
-    @Input()
-    course: Course;
-    @Input()
-    public activeConversationInput: ConversationDTO;
-    @Output() changesPerformed = new EventEmitter<void>();
-}
-
-@Component({
-    selector: 'jhi-conversation-settings',
-    template: '',
-})
-class ConversationSettingsStubComponent {
-    @Input()
-    activeConversation: ConversationDTO;
-
-    @Input()
-    course: Course;
-
-    @Output()
-    channelArchivalChange: EventEmitter<void> = new EventEmitter<void>();
-
-    @Output()
-    channelDeleted: EventEmitter<void> = new EventEmitter<void>();
-
-    @Output()
-    conversationLeave: EventEmitter<void> = new EventEmitter<void>();
-}
-
-@Component({
-    selector: 'jhi-conversation-info',
-    template: '',
-})
-class ConversationInfoStubComponent {
-    @Input()
-    activeConversation: ConversationDTO;
-
-    @Input()
-    course: Course;
-
-    @Output()
-    changesPerformed = new EventEmitter<void>();
-}
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { provideHttpClient } from '@angular/common/http';
+import { provideHttpClientTesting } from '@angular/common/http/testing';
+import { MockTranslateService } from '../../../../../helpers/mocks/service/mock-translate.service';
+import { TranslateService } from '@ngx-translate/core';
+import { MockSyncStorage } from '../../../../../helpers/mocks/service/mock-sync-storage.service';
+import { SessionStorageService } from 'ngx-webstorage';
 
 const examples: ConversationDTO[] = [generateOneToOneChatDTO({}), generateExampleGroupChatDTO({}), generateExampleChannelDTO({} as ChannelDTO)];
 
@@ -76,26 +34,26 @@ examples.forEach((activeConversation) => {
 
         beforeEach(waitForAsync(() => {
             TestBed.configureTestingModule({
-                declarations: [
-                    ConversationDetailDialogComponent,
-                    ConversationMembersStubComponent,
-                    ConversationSettingsStubComponent,
-                    ConversationInfoStubComponent,
-                    MockPipe(ArtemisTranslatePipe),
-                    MockComponent(ChannelIconComponent),
-                ],
+                declarations: [ConversationDetailDialogComponent, MockPipe(ArtemisTranslatePipe), MockComponent(ChannelIconComponent), MockDirective(TranslateDirective)],
                 imports: [FontAwesomeModule],
-                providers: [MockProvider(NgbActiveModal), MockProvider(ConversationService)],
-            }).compileComponents();
+                providers: [
+                    MockProvider(NgbActiveModal),
+                    MockProvider(ConversationService),
+                    provideHttpClient(),
+                    provideHttpClientTesting(),
+                    { provide: TranslateService, useClass: MockTranslateService },
+                    { provide: SessionStorageService, useClass: MockSyncStorage },
+                ],
+            })
+                .compileComponents()
+                .then(() => {
+                    fixture = TestBed.createComponent(ConversationDetailDialogComponent);
+                    component = fixture.componentInstance;
+                    initializeDialog(component, fixture, { course, activeConversation, selectedTab: ConversationDetailTabs.INFO });
+                    fixture.detectChanges();
+                });
         }));
 
-        beforeEach(() => {
-            fixture = TestBed.createComponent(ConversationDetailDialogComponent);
-            component = fixture.componentInstance;
-            fixture.detectChanges();
-            initializeDialog(component, fixture, { course, activeConversation, selectedTab: ConversationDetailTabs.INFO });
-        });
-
         afterEach(() => {
             jest.restoreAllMocks();
         });
@@ -116,9 +74,14 @@ examples.forEach((activeConversation) => {
         it('should react correctly to events from members tab', () => {
             component.selectedTab = ConversationDetailTabs.MEMBERS;
             fixture.detectChanges();
-            const membersComponent = fixture.debugElement.query(By.directive(ConversationMembersStubComponent)).componentInstance;
+
+            const membersComponentDebug = fixture.debugElement.query(By.css('jhi-conversation-members'));
+            expect(membersComponentDebug).toBeTruthy();
+
+            const membersComponent = membersComponentDebug.componentInstance;
             expect(membersComponent).toBeTruthy();
             expect(component.changesWerePerformed).toBeFalse();
+
             membersComponent.changesPerformed.emit();
             expect(component.changesWerePerformed).toBeTrue();
         });
@@ -126,9 +89,14 @@ examples.forEach((activeConversation) => {
         it('should react correctly to events from info tab', () => {
             component.selectedTab = ConversationDetailTabs.INFO;
             fixture.detectChanges();
-            const infoComponent = fixture.debugElement.query(By.directive(ConversationInfoStubComponent)).componentInstance;
+
+            const infoComponentDebug = fixture.debugElement.query(By.css('jhi-conversation-info'));
+            expect(infoComponentDebug).toBeTruthy();
+
+            const infoComponent = infoComponentDebug.componentInstance;
             expect(infoComponent).toBeTruthy();
             expect(component.changesWerePerformed).toBeFalse();
+
             infoComponent.changesPerformed.emit();
             expect(component.changesWerePerformed).toBeTrue();
         });
@@ -137,7 +105,11 @@ examples.forEach((activeConversation) => {
             if (!isOneToOneChatDTO(activeConversation)) {
                 component.selectedTab = ConversationDetailTabs.SETTINGS;
                 fixture.detectChanges();
-                const settingsComponent = fixture.debugElement.query(By.directive(ConversationSettingsStubComponent)).componentInstance;
+
+                const settingsComponentDebug = fixture.debugElement.query(By.css('jhi-conversation-settings'));
+                expect(settingsComponentDebug).toBeTruthy();
+
+                const settingsComponent = settingsComponentDebug.componentInstance;
                 expect(settingsComponent).toBeTruthy();
 
                 const activeModal = TestBed.inject(NgbActiveModal);
diff --git a/src/test/javascript/spec/component/overview/course-conversations/dialogs/conversation-detail-dialog/tabs/conversation-info/conversation-info.component.spec.ts b/src/test/javascript/spec/component/overview/course-conversations/dialogs/conversation-detail-dialog/tabs/conversation-info/conversation-info.component.spec.ts
index 4ac0f2a9d16a..4df0d6e328db 100644
--- a/src/test/javascript/spec/component/overview/course-conversations/dialogs/conversation-detail-dialog/tabs/conversation-info/conversation-info.component.spec.ts
+++ b/src/test/javascript/spec/component/overview/course-conversations/dialogs/conversation-detail-dialog/tabs/conversation-info/conversation-info.component.spec.ts
@@ -1,6 +1,6 @@
 import { ComponentFixture, TestBed, fakeAsync, tick, waitForAsync } from '@angular/core/testing';
 import { ConversationInfoComponent } from 'app/overview/course-conversations/dialogs/conversation-detail-dialog/tabs/conversation-info/conversation-info.component';
-import { MockPipe, MockProvider } from 'ng-mocks';
+import { MockDirective, MockPipe, MockProvider } from 'ng-mocks';
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { ChannelService } from 'app/shared/metis/conversations/channel.service';
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
@@ -19,6 +19,7 @@ import { of } from 'rxjs';
 import { GenericUpdateTextPropertyDialogComponent } from 'app/overview/course-conversations/dialogs/generic-update-text-property-dialog/generic-update-text-property-dialog.component';
 import { defaultSecondLayerDialogOptions } from 'app/overview/course-conversations/other/conversation.util';
 import { input } from '@angular/core';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 const examples: ConversationDTO[] = [generateOneToOneChatDTO({}), generateExampleGroupChatDTO({}), generateExampleChannelDTO({} as ChannelDTO)];
 
@@ -40,7 +41,7 @@ examples.forEach((activeConversation) => {
 
         beforeEach(waitForAsync(() => {
             TestBed.configureTestingModule({
-                declarations: [ConversationInfoComponent, MockPipe(ArtemisTranslatePipe), MockPipe(ArtemisDatePipe)],
+                declarations: [ConversationInfoComponent, MockPipe(ArtemisTranslatePipe), MockPipe(ArtemisDatePipe), MockDirective(TranslateDirective)],
                 providers: [MockProvider(ChannelService), MockProvider(GroupChatService), MockProvider(NgbModal), MockProvider(AlertService)],
             }).compileComponents();
         }));
diff --git a/src/test/javascript/spec/component/overview/course-conversations/dialogs/conversation-detail-dialog/tabs/conversation-members/conversation-member-row/conversation-member-row.component.spec.ts b/src/test/javascript/spec/component/overview/course-conversations/dialogs/conversation-detail-dialog/tabs/conversation-members/conversation-member-row/conversation-member-row.component.spec.ts
index 453e946afb84..6d7361ee432f 100644
--- a/src/test/javascript/spec/component/overview/course-conversations/dialogs/conversation-detail-dialog/tabs/conversation-members/conversation-member-row/conversation-member-row.component.spec.ts
+++ b/src/test/javascript/spec/component/overview/course-conversations/dialogs/conversation-detail-dialog/tabs/conversation-members/conversation-member-row/conversation-member-row.component.spec.ts
@@ -2,7 +2,7 @@ import { ComponentFixture, TestBed, fakeAsync, tick, waitForAsync } from '@angul
 import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { ConversationMemberRowComponent } from 'app/overview/course-conversations/dialogs/conversation-detail-dialog/tabs/conversation-members/conversation-member-row/conversation-member-row.component';
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { MockComponent, MockPipe, MockProvider } from 'ng-mocks';
+import { MockComponent, MockDirective, MockPipe, MockProvider } from 'ng-mocks';
 import { NgbModal, NgbModalRef, NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
 import { AccountService } from 'app/core/auth/account.service';
 import { GroupChatService } from 'app/shared/metis/conversations/group-chat.service';
@@ -24,6 +24,7 @@ import { By } from '@angular/platform-browser';
 import { NgbDropdownMocksModule } from '../../../../../../../../helpers/mocks/directive/ngbDropdownMocks.module';
 import { ProfilePictureComponent } from 'app/shared/profile-picture/profile-picture.component';
 import { input, runInInjectionContext } from '@angular/core';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 const memberTemplate = {
     id: 1,
@@ -61,7 +62,13 @@ examples.forEach((activeConversation) => {
         beforeEach(waitForAsync(() => {
             TestBed.configureTestingModule({
                 imports: [NgbTooltipModule, NgbDropdownMocksModule],
-                declarations: [ConversationMemberRowComponent, MockPipe(ArtemisTranslatePipe), MockComponent(FaIconComponent), MockComponent(ProfilePictureComponent)],
+                declarations: [
+                    ConversationMemberRowComponent,
+                    MockPipe(ArtemisTranslatePipe),
+                    MockComponent(FaIconComponent),
+                    MockComponent(ProfilePictureComponent),
+                    MockDirective(TranslateDirective),
+                ],
                 providers: [
                     MockProvider(AccountService),
                     MockProvider(NgbModal),
diff --git a/src/test/javascript/spec/component/overview/course-conversations/dialogs/conversation-detail-dialog/tabs/conversation-members/conversation-members.component.spec.ts b/src/test/javascript/spec/component/overview/course-conversations/dialogs/conversation-detail-dialog/tabs/conversation-members/conversation-members.component.spec.ts
index 7936f973d076..662004a4eb50 100644
--- a/src/test/javascript/spec/component/overview/course-conversations/dialogs/conversation-detail-dialog/tabs/conversation-members/conversation-members.component.spec.ts
+++ b/src/test/javascript/spec/component/overview/course-conversations/dialogs/conversation-detail-dialog/tabs/conversation-members/conversation-members.component.spec.ts
@@ -1,9 +1,10 @@
 import { ComponentFixture, TestBed, fakeAsync, tick, waitForAsync } from '@angular/core/testing';
 import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import '@angular/localize/init';
 import { ConversationMembersComponent } from 'app/overview/course-conversations/dialogs/conversation-detail-dialog/tabs/conversation-members/conversation-members.component';
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { MockComponent, MockPipe, MockProvider } from 'ng-mocks';
-import { Component, EventEmitter, Input, Output, input, signal } from '@angular/core';
+import { MockComponent, MockDirective, MockPipe, MockProvider } from 'ng-mocks';
+import { input, signal } from '@angular/core';
 import { ConversationDTO } from 'app/entities/metis/conversation/conversation.model';
 import { Course } from 'app/entities/course.model';
 import { ConversationUserDTO } from 'app/entities/metis/conversation/conversation-user-dto.model';
@@ -11,30 +12,21 @@ import { ItemCountComponent } from 'app/shared/pagination/item-count.component';
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { ConversationMemberSearchFilter, ConversationService } from 'app/shared/metis/conversations/conversation.service';
 import { AlertService } from 'app/core/util/alert.service';
-import { ChannelDTO } from '../../../../../../../../../../main/webapp/app/entities/metis/conversation/channel.model';
+import { ChannelDTO } from 'app/entities/metis/conversation/channel.model';
 import { generateExampleChannelDTO, generateExampleGroupChatDTO, generateOneToOneChatDTO } from '../../../../helpers/conversationExampleModels';
-import { HttpHeaders, HttpResponse } from '@angular/common/http';
+import { HttpHeaders, HttpResponse, provideHttpClient } from '@angular/common/http';
 import { of } from 'rxjs';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { ConversationAddUsersDialogComponent } from 'app/overview/course-conversations/dialogs/conversation-add-users-dialog/conversation-add-users-dialog.component';
 import { defaultSecondLayerDialogOptions } from 'app/overview/course-conversations/other/conversation.util';
 import { NgbPaginationMocksModule } from '../../../../../../../helpers/mocks/directive/ngbPaginationMocks.module';
+import { MockTranslateService } from '../../../../../../../helpers/mocks/service/mock-translate.service';
+import { TranslateService } from '@ngx-translate/core';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { MockSyncStorage } from '../../../../../../../helpers/mocks/service/mock-sync-storage.service';
+import { SessionStorageService } from 'ngx-webstorage';
+import { provideHttpClientTesting } from '@angular/common/http/testing';
 
-// eslint-disable-next-line @angular-eslint/component-selector
-@Component({ selector: '[jhi-conversation-member-row]', template: '' })
-class ConversationMemberRowStubComponent {
-    @Input()
-    activeConversation: ConversationDTO;
-
-    @Input()
-    course: Course;
-
-    @Output()
-    changePerformed = new EventEmitter<void>();
-
-    @Input()
-    conversationMember: ConversationUserDTO;
-}
 const examples: ConversationDTO[] = [generateOneToOneChatDTO({}), generateExampleGroupChatDTO({}), generateExampleChannelDTO({} as ChannelDTO)];
 
 examples.forEach((activeConversation) => {
@@ -50,12 +42,20 @@ examples.forEach((activeConversation) => {
                 imports: [FormsModule, ReactiveFormsModule, NgbPaginationMocksModule],
                 declarations: [
                     ConversationMembersComponent,
-                    ConversationMemberRowStubComponent,
                     MockPipe(ArtemisTranslatePipe),
                     MockComponent(FaIconComponent),
                     MockComponent(ItemCountComponent),
+                    MockDirective(TranslateDirective),
+                ],
+                providers: [
+                    MockProvider(ConversationService),
+                    MockProvider(AlertService),
+                    MockProvider(NgbModal),
+                    provideHttpClient(),
+                    provideHttpClientTesting(),
+                    { provide: TranslateService, useClass: MockTranslateService },
+                    { provide: SessionStorageService, useClass: MockSyncStorage },
                 ],
-                providers: [MockProvider(ConversationService), MockProvider(AlertService), MockProvider(NgbModal)],
             }).compileComponents();
         }));
 
diff --git a/src/test/javascript/spec/component/overview/course-conversations/dialogs/conversation-detail-dialog/tabs/conversation-settings/conversation-settings.component.spec.ts b/src/test/javascript/spec/component/overview/course-conversations/dialogs/conversation-detail-dialog/tabs/conversation-settings/conversation-settings.component.spec.ts
index 075c9c1eede4..4a08ce0024ee 100644
--- a/src/test/javascript/spec/component/overview/course-conversations/dialogs/conversation-detail-dialog/tabs/conversation-settings/conversation-settings.component.spec.ts
+++ b/src/test/javascript/spec/component/overview/course-conversations/dialogs/conversation-detail-dialog/tabs/conversation-settings/conversation-settings.component.spec.ts
@@ -19,6 +19,7 @@ import { GenericConfirmationDialogComponent } from 'app/overview/course-conversa
 import { defaultSecondLayerDialogOptions } from 'app/overview/course-conversations/other/conversation.util';
 import * as ConversationPermissionUtils from 'app/shared/metis/conversations/conversation-permissions.utils';
 import { input, runInInjectionContext } from '@angular/core';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 const examples: ConversationDTO[] = [generateExampleGroupChatDTO({}), generateExampleChannelDTO({} as ChannelDTO)];
 
@@ -33,7 +34,13 @@ examples.forEach((activeConversation) => {
 
         beforeEach(waitForAsync(() => {
             TestBed.configureTestingModule({
-                declarations: [ConversationSettingsComponent, MockDirective(DeleteButtonDirective), MockComponent(FaIconComponent), MockPipe(ArtemisTranslatePipe)],
+                declarations: [
+                    ConversationSettingsComponent,
+                    MockDirective(DeleteButtonDirective),
+                    MockComponent(FaIconComponent),
+                    MockPipe(ArtemisTranslatePipe),
+                    MockDirective(TranslateDirective),
+                ],
                 providers: [MockProvider(NgbModal), MockProvider(ChannelService), MockProvider(GroupChatService), MockProvider(AlertService)],
             }).compileComponents();
         }));
diff --git a/src/test/javascript/spec/component/overview/course-conversations/dialogs/generic-confirmation-dialog/generic-confirmation-dialog.component.spec.ts b/src/test/javascript/spec/component/overview/course-conversations/dialogs/generic-confirmation-dialog/generic-confirmation-dialog.component.spec.ts
index 4bcd6155d411..81260db54250 100644
--- a/src/test/javascript/spec/component/overview/course-conversations/dialogs/generic-confirmation-dialog/generic-confirmation-dialog.component.spec.ts
+++ b/src/test/javascript/spec/component/overview/course-conversations/dialogs/generic-confirmation-dialog/generic-confirmation-dialog.component.spec.ts
@@ -1,9 +1,10 @@
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { GenericConfirmationDialogComponent } from 'app/overview/course-conversations/dialogs/generic-confirmation-dialog/generic-confirmation-dialog.component';
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { MockPipe, MockProvider } from 'ng-mocks';
+import { MockDirective, MockPipe, MockProvider } from 'ng-mocks';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { initializeDialog } from '../dialog-test-helpers';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 describe('GenericConfirmationDialogComponent', () => {
     let component: GenericConfirmationDialogComponent;
@@ -11,7 +12,7 @@ describe('GenericConfirmationDialogComponent', () => {
 
     beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
-            declarations: [GenericConfirmationDialogComponent, MockPipe(ArtemisTranslatePipe)],
+            declarations: [GenericConfirmationDialogComponent, MockPipe(ArtemisTranslatePipe), MockDirective(TranslateDirective)],
             providers: [MockProvider(NgbActiveModal)],
         }).compileComponents();
     }));
diff --git a/src/test/javascript/spec/component/overview/course-conversations/dialogs/generic-update-text-property-dialog/generic-update-text-property-dialog.component.spec.ts b/src/test/javascript/spec/component/overview/course-conversations/dialogs/generic-update-text-property-dialog/generic-update-text-property-dialog.component.spec.ts
index 1882f264205f..610e8397ceef 100644
--- a/src/test/javascript/spec/component/overview/course-conversations/dialogs/generic-update-text-property-dialog/generic-update-text-property-dialog.component.spec.ts
+++ b/src/test/javascript/spec/component/overview/course-conversations/dialogs/generic-update-text-property-dialog/generic-update-text-property-dialog.component.spec.ts
@@ -2,9 +2,10 @@ import { ComponentFixture, TestBed, fakeAsync, tick, waitForAsync } from '@angul
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { GenericUpdateTextPropertyDialogComponent } from 'app/overview/course-conversations/dialogs/generic-update-text-property-dialog/generic-update-text-property-dialog.component';
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { MockPipe, MockProvider } from 'ng-mocks';
+import { MockDirective, MockPipe, MockProvider } from 'ng-mocks';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { initializeDialog } from '../dialog-test-helpers';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 describe('GenericUpdateTextPropertyDialog', () => {
     let component: GenericUpdateTextPropertyDialogComponent;
@@ -13,7 +14,7 @@ describe('GenericUpdateTextPropertyDialog', () => {
     beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             imports: [FormsModule, ReactiveFormsModule],
-            declarations: [GenericUpdateTextPropertyDialogComponent, MockPipe(ArtemisTranslatePipe)],
+            declarations: [GenericUpdateTextPropertyDialogComponent, MockPipe(ArtemisTranslatePipe), MockDirective(TranslateDirective)],
             providers: [MockProvider(NgbActiveModal)],
         }).compileComponents();
     }));
diff --git a/src/test/javascript/spec/component/overview/course-conversations/dialogs/group-chat-create-dialog/group-chat-create-dialog.component.spec.ts b/src/test/javascript/spec/component/overview/course-conversations/dialogs/group-chat-create-dialog/group-chat-create-dialog.component.spec.ts
index 84672dd6d847..806c79322762 100644
--- a/src/test/javascript/spec/component/overview/course-conversations/dialogs/group-chat-create-dialog/group-chat-create-dialog.component.spec.ts
+++ b/src/test/javascript/spec/component/overview/course-conversations/dialogs/group-chat-create-dialog/group-chat-create-dialog.component.spec.ts
@@ -3,9 +3,10 @@ import { GroupChatCreateDialogComponent } from 'app/overview/course-conversation
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { CourseUsersSelectorComponent } from 'app/shared/course-users-selector/course-users-selector.component';
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { MockComponent, MockPipe, MockProvider } from 'ng-mocks';
+import { MockComponent, MockDirective, MockPipe, MockProvider } from 'ng-mocks';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { initializeDialog } from '../dialog-test-helpers';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 describe('GroupChatCreateDialogComponent', () => {
     let component: GroupChatCreateDialogComponent;
@@ -15,7 +16,7 @@ describe('GroupChatCreateDialogComponent', () => {
     beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             imports: [FormsModule, ReactiveFormsModule],
-            declarations: [GroupChatCreateDialogComponent, MockComponent(CourseUsersSelectorComponent), MockPipe(ArtemisTranslatePipe)],
+            declarations: [GroupChatCreateDialogComponent, MockComponent(CourseUsersSelectorComponent), MockPipe(ArtemisTranslatePipe), MockDirective(TranslateDirective)],
             providers: [MockProvider(NgbActiveModal)],
         }).compileComponents();
     }));
diff --git a/src/test/javascript/spec/component/overview/course-conversations/dialogs/one-to-one-chat-create-dialog/one-to-one-chat-create-dialog.component.spec.ts b/src/test/javascript/spec/component/overview/course-conversations/dialogs/one-to-one-chat-create-dialog/one-to-one-chat-create-dialog.component.spec.ts
index 6660d0abe5fb..5698759be251 100644
--- a/src/test/javascript/spec/component/overview/course-conversations/dialogs/one-to-one-chat-create-dialog/one-to-one-chat-create-dialog.component.spec.ts
+++ b/src/test/javascript/spec/component/overview/course-conversations/dialogs/one-to-one-chat-create-dialog/one-to-one-chat-create-dialog.component.spec.ts
@@ -1,12 +1,13 @@
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { OneToOneChatCreateDialogComponent } from 'app/overview/course-conversations/dialogs/one-to-one-chat-create-dialog/one-to-one-chat-create-dialog.component';
 import { Course } from 'app/entities/course.model';
-import { MockComponent, MockPipe, MockProvider } from 'ng-mocks';
+import { MockComponent, MockDirective, MockPipe, MockProvider } from 'ng-mocks';
 import { CourseUsersSelectorComponent } from 'app/shared/course-users-selector/course-users-selector.component';
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { initializeDialog } from '../dialog-test-helpers';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 describe('OneToOneChatCreateDialogComponent', () => {
     let component: OneToOneChatCreateDialogComponent;
@@ -16,7 +17,7 @@ describe('OneToOneChatCreateDialogComponent', () => {
     beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             imports: [FormsModule, ReactiveFormsModule],
-            declarations: [OneToOneChatCreateDialogComponent, MockComponent(CourseUsersSelectorComponent), MockPipe(ArtemisTranslatePipe)],
+            declarations: [OneToOneChatCreateDialogComponent, MockComponent(CourseUsersSelectorComponent), MockPipe(ArtemisTranslatePipe), MockDirective(TranslateDirective)],
             providers: [MockProvider(NgbActiveModal)],
         }).compileComponents();
     }));
diff --git a/src/test/javascript/spec/component/overview/course-conversations/layout/conversation-messages/conversation-messages.component.spec.ts b/src/test/javascript/spec/component/overview/course-conversations/layout/conversation-messages/conversation-messages.component.spec.ts
index eadb4d81e8e1..85adfeef5db4 100644
--- a/src/test/javascript/spec/component/overview/course-conversations/layout/conversation-messages/conversation-messages.component.spec.ts
+++ b/src/test/javascript/spec/component/overview/course-conversations/layout/conversation-messages/conversation-messages.component.spec.ts
@@ -1,7 +1,7 @@
 import { ConversationMessagesComponent } from 'app/overview/course-conversations/layout/conversation-messages/conversation-messages.component';
 import { ComponentFixture, TestBed, fakeAsync, tick, waitForAsync } from '@angular/core/testing';
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { MockComponent, MockPipe, MockProvider } from 'ng-mocks';
+import { MockComponent, MockDirective, MockPipe, MockProvider } from 'ng-mocks';
 import { ButtonComponent } from 'app/shared/components/button.component';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { FaIconComponent } from '@fortawesome/angular-fontawesome';
@@ -20,6 +20,7 @@ import { Course } from 'app/entities/course.model';
 import { ChannelDTO, getAsChannelDTO } from 'app/entities/metis/conversation/channel.model';
 import { PostCreateEditModalComponent } from 'app/shared/metis/posting-create-edit-modal/post-create-edit-modal/post-create-edit-modal.component';
 import dayjs from 'dayjs';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 const examples: ConversationDTO[] = [
     generateOneToOneChatDTO({}),
@@ -29,7 +30,6 @@ const examples: ConversationDTO[] = [
 ];
 
 @Directive({
-    // eslint-disable-next-line @angular-eslint/directive-selector
     selector: '[infiniteScroll], [infinite-scroll], [data-infinite-scroll]',
 })
 class InfiniteScrollStubDirective {
@@ -68,6 +68,7 @@ examples.forEach((activeConversation) => {
                     MockComponent(PostingThreadComponent),
                     MockComponent(MessageInlineInputComponent),
                     MockComponent(PostCreateEditModalComponent),
+                    MockDirective(TranslateDirective),
                 ],
                 providers: [MockProvider(MetisConversationService), MockProvider(MetisService), MockProvider(NgbModal)],
             }).compileComponents();
diff --git a/src/test/javascript/spec/component/overview/course-conversations/layout/conversation-thread-sidebar/conversation-thread-sidebar.component.spec.ts b/src/test/javascript/spec/component/overview/course-conversations/layout/conversation-thread-sidebar/conversation-thread-sidebar.component.spec.ts
index d2de1b99462d..62b4d505977f 100644
--- a/src/test/javascript/spec/component/overview/course-conversations/layout/conversation-thread-sidebar/conversation-thread-sidebar.component.spec.ts
+++ b/src/test/javascript/spec/component/overview/course-conversations/layout/conversation-thread-sidebar/conversation-thread-sidebar.component.spec.ts
@@ -2,13 +2,14 @@ import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { ConversationThreadSidebarComponent } from 'app/overview/course-conversations/layout/conversation-thread-sidebar/conversation-thread-sidebar.component';
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { MockComponent, MockPipe } from 'ng-mocks';
+import { MockComponent, MockDirective, MockPipe } from 'ng-mocks';
 import { PostComponent } from 'app/shared/metis/post/post.component';
 import { MessageReplyInlineInputComponent } from 'app/shared/metis/message/message-reply-inline-input/message-reply-inline-input.component';
 import { Post } from 'app/entities/metis/post.model';
 import { post } from '../../../../../helpers/sample/metis-sample-data';
 import { NgbTooltipMocksModule } from '../../../../../helpers/mocks/directive/ngbTooltipMocks.module';
 import { ChannelDTO } from 'app/entities/metis/conversation/channel.model';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
 
 describe('ConversationThreadSidebarComponent', () => {
     let component: ConversationThreadSidebarComponent;
@@ -23,6 +24,7 @@ describe('ConversationThreadSidebarComponent', () => {
                 MockPipe(ArtemisTranslatePipe),
                 MockComponent(PostComponent),
                 MockComponent(MessageReplyInlineInputComponent),
+                MockDirective(TranslateDirective),
             ],
         }).compileComponents();
     }));
diff --git a/src/test/javascript/spec/component/overview/course-conversations/posting-summary.component.spec.ts b/src/test/javascript/spec/component/overview/course-conversations/posting-summary.component.spec.ts
index 450135f6923c..80f2abf97a08 100644
--- a/src/test/javascript/spec/component/overview/course-conversations/posting-summary.component.spec.ts
+++ b/src/test/javascript/spec/component/overview/course-conversations/posting-summary.component.spec.ts
@@ -4,10 +4,12 @@ import { Posting, PostingType, SavedPostStatus } from 'app/entities/metis/postin
 import { ConversationType } from 'app/entities/metis/conversation/conversation.model';
 import dayjs from 'dayjs/esm';
 import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
-import { MockComponent, MockPipe } from 'ng-mocks';
+import { MockComponent, MockDirective, MockPipe } from 'ng-mocks';
 import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { ProfilePictureComponent } from 'app/shared/profile-picture/profile-picture.component';
 import { PostingContentComponent } from 'app/shared/metis/posting-content/posting-content.components';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 describe('PostingSummaryComponent', () => {
     let component: PostingSummaryComponent;
@@ -38,7 +40,9 @@ describe('PostingSummaryComponent', () => {
                 MockComponent(FaIconComponent),
                 MockComponent(ProfilePictureComponent),
                 MockComponent(PostingContentComponent),
-            ], // Changed from imports to declarations
+                MockDirective(TranslateDirective),
+                MockPipe(ArtemisTranslatePipe),
+            ],
         }).compileComponents();
 
         fixture = TestBed.createComponent(PostingSummaryComponent);
diff --git a/src/test/javascript/spec/component/overview/course-lectures/course-lecture-row.component.spec.ts b/src/test/javascript/spec/component/overview/course-lectures/course-lecture-row.component.spec.ts
index 31dc9dba62d7..e13826a7976f 100644
--- a/src/test/javascript/spec/component/overview/course-lectures/course-lecture-row.component.spec.ts
+++ b/src/test/javascript/spec/component/overview/course-lectures/course-lecture-row.component.spec.ts
@@ -13,6 +13,7 @@ import { Location } from '@angular/common';
 import { Component } from '@angular/core';
 import { Router, RouterModule } from '@angular/router';
 import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { ArtemisTestModule } from '../../../test.module';
 
 @Component({
     template: '',
@@ -28,6 +29,7 @@ describe('CourseLectureRow', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [
+                ArtemisTestModule,
                 MockDirective(NgbTooltip),
                 RouterModule.forRoot([
                     { path: 'courses/:courseId/lectures', component: DummyComponent },
diff --git a/src/test/javascript/spec/component/overview/course-statistics/course-statistics.component.spec.ts b/src/test/javascript/spec/component/overview/course-statistics/course-statistics.component.spec.ts
index 29e6c4bf98f7..5996bf1b6d3e 100644
--- a/src/test/javascript/spec/component/overview/course-statistics/course-statistics.component.spec.ts
+++ b/src/test/javascript/spec/component/overview/course-statistics/course-statistics.component.spec.ts
@@ -1,8 +1,6 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
-import { ActivatedRoute, provideRouter } from '@angular/router';
-import { NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
-import { BarChartModule, PieChartModule } from '@swimlane/ngx-charts';
+import { ActivatedRoute } from '@angular/router';
 import { CourseScores } from 'app/course/course-scores/course-scores';
 import { ScoresStorageService } from 'app/course/course-scores/scores-storage.service';
 import { DueDateStat } from 'app/course/dashboards/due-date-stat.model';
@@ -15,20 +13,13 @@ import { FileUploadExercise } from 'app/entities/file-upload-exercise.model';
 import { ModelingExercise } from 'app/entities/modeling-exercise.model';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { QuizExercise } from 'app/entities/quiz/quiz-exercise.model';
-import { TreeviewModule } from 'app/exercises/programming/shared/code-editor/treeview/treeview.module';
-import { CourseCompetenciesComponent } from 'app/overview/course-competencies/course-competencies.component';
 import { CourseStatisticsComponent, NgxExercise } from 'app/overview/course-statistics/course-statistics.component';
-import { ExerciseScoresChartComponent } from 'app/overview/visualizations/exercise-scores-chart/exercise-scores-chart.component';
 import { ChartCategoryFilter } from 'app/shared/chart/chart-category-filter';
-import { DocumentationButtonComponent } from 'app/shared/components/documentation-button/documentation-button.component';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { ArtemisNavigationUtilService } from 'app/utils/navigation.utils';
 import dayjs from 'dayjs/esm';
-import { MockComponent, MockModule, MockProvider } from 'ng-mocks';
 import { of } from 'rxjs';
-import { MockTranslateValuesDirective } from '../../../helpers/mocks/directive/mock-translate-values.directive';
 import { ArtemisTestModule } from '../../../test.module';
-import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 
 describe('CourseStatisticsComponent', () => {
     let comp: CourseStatisticsComponent;
@@ -328,20 +319,8 @@ describe('CourseStatisticsComponent', () => {
 
     beforeEach(() => {
         return TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, TreeviewModule.forRoot(), MockModule(PieChartModule), MockModule(BarChartModule), MockModule(NgbTooltipModule)],
-            declarations: [
-                CourseStatisticsComponent,
-                MockComponent(CourseCompetenciesComponent),
-                MockComponent(ExerciseScoresChartComponent),
-                MockComponent(DocumentationButtonComponent),
-                MockTranslateValuesDirective,
-                ArtemisTranslatePipe,
-                TranslateDirective,
-            ],
+            imports: [ArtemisTestModule, NoopAnimationsModule],
             providers: [
-                provideRouter([]),
-                MockProvider(ArtemisNavigationUtilService),
-                MockProvider(ChartCategoryFilter),
                 {
                     provide: ActivatedRoute,
                     useValue: { parent: { params: of(1) } },
diff --git a/src/test/javascript/spec/component/overview/course-statistics/visualizations/exercise-scores-chart.component.spec.ts b/src/test/javascript/spec/component/overview/course-statistics/visualizations/exercise-scores-chart.component.spec.ts
index f791c8b813c8..5d6d0571e64e 100644
--- a/src/test/javascript/spec/component/overview/course-statistics/visualizations/exercise-scores-chart.component.spec.ts
+++ b/src/test/javascript/spec/component/overview/course-statistics/visualizations/exercise-scores-chart.component.spec.ts
@@ -1,18 +1,15 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { TranslateService } from '@ngx-translate/core';
 import { AlertService } from 'app/core/util/alert.service';
-import { MockDirective, MockModule, MockPipe, MockProvider } from 'ng-mocks';
+import { MockModule, MockProvider } from 'ng-mocks';
 import { ChartNode, ExerciseScoresChartComponent } from 'app/overview/visualizations/exercise-scores-chart/exercise-scores-chart.component';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { of } from 'rxjs';
 import { ActivatedRoute, provideRouter } from '@angular/router';
 import { ExerciseScoresChartService, ExerciseScoresDTO } from 'app/overview/visualizations/exercise-scores-chart.service';
 import { ExerciseType } from 'app/entities/exercise.model';
 import dayjs from 'dayjs/esm';
 import { HttpResponse } from '@angular/common/http';
-import { LineChartModule } from '@swimlane/ngx-charts';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { TranslateDirective } from 'app/shared/language/translate.directive';
 import { MockTranslateService } from '../../../../helpers/mocks/service/mock-translate.service';
 import { GraphColors } from 'app/entities/statistics.model';
 import { ArtemisTestModule } from '../../../../test.module';
@@ -42,8 +39,7 @@ describe('ExerciseScoresChartComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, MockModule(LineChartModule), MockModule(BrowserAnimationsModule)],
-            declarations: [ExerciseScoresChartComponent, MockPipe(ArtemisTranslatePipe), MockDirective(TranslateDirective)],
+            imports: [ArtemisTestModule, MockModule(BrowserAnimationsModule)],
             providers: [
                 provideRouter([]),
                 MockProvider(AlertService),
diff --git a/src/test/javascript/spec/component/overview/discussion-section/discussion-section.component.spec.ts b/src/test/javascript/spec/component/overview/discussion-section/discussion-section.component.spec.ts
index 3227b7de1259..b146b7539bf3 100644
--- a/src/test/javascript/spec/component/overview/discussion-section/discussion-section.component.spec.ts
+++ b/src/test/javascript/spec/component/overview/discussion-section/discussion-section.component.spec.ts
@@ -48,7 +48,6 @@ import { ProfilePictureComponent } from 'app/shared/profile-picture/profile-pict
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 
 @Directive({
-    // eslint-disable-next-line @angular-eslint/directive-selector
     selector: '[infinite-scroll]',
 })
 class InfiniteScrollStubDirective {
@@ -303,9 +302,9 @@ describe('DiscussionSectionComponent', () => {
         expect(component.collapsed).toBeTrue();
     }));
 
-    it('should react to srcoll up event', fakeAsync(() => {
-        component.course = { id: 1, courseInformationSharingConfiguration: CourseInformationSharingConfiguration.COMMUNICATION_ONLY } as Course;
-        fixture.componentRef.setInput('lecture', { id: 2 } as Lecture);
+    it('should react to scroll up event', fakeAsync(() => {
+        const course = { id: 1, courseInformationSharingConfiguration: CourseInformationSharingConfiguration.COMMUNICATION_ONLY } as Course;
+        fixture.componentRef.setInput('lecture', { id: 2, course: course } as Lecture);
         fixture.detectChanges();
         const fetchNextPageSpy = jest.spyOn(component, 'fetchNextPage');
 
@@ -333,8 +332,8 @@ describe('DiscussionSectionComponent', () => {
     });
 
     it('fetches new messages on scroll up if more messages are available', fakeAsync(() => {
-        component.course = { id: 1, courseInformationSharingConfiguration: CourseInformationSharingConfiguration.COMMUNICATION_ONLY } as Course;
-        fixture.componentRef.setInput('lecture', { id: 2 } as Lecture);
+        const course = { id: 1, courseInformationSharingConfiguration: CourseInformationSharingConfiguration.COMMUNICATION_ONLY } as Course;
+        fixture.componentRef.setInput('lecture', { id: 2, course: course } as Lecture);
         fixture.detectChanges();
         component.posts = [];
         const commandMetisToFetchPostsSpy = jest.spyOn(component, 'fetchNextPage');
diff --git a/src/test/javascript/spec/component/overview/exercise-details/lti-initializer.component.spec.ts b/src/test/javascript/spec/component/overview/exercise-details/lti-initializer.component.spec.ts
index 28afdf6b7697..35c47ee98017 100644
--- a/src/test/javascript/spec/component/overview/exercise-details/lti-initializer.component.spec.ts
+++ b/src/test/javascript/spec/component/overview/exercise-details/lti-initializer.component.spec.ts
@@ -10,6 +10,8 @@ import { AlertService } from 'app/core/util/alert.service';
 import { MockProvider } from 'ng-mocks';
 import { AccountService } from 'app/core/auth/account.service';
 import { MockAccountService } from '../../../helpers/mocks/service/mock-account.service';
+import { MockNgbModalService } from '../../../helpers/mocks/service/mock-ngb-modal.service';
+import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 
 describe('LtiInitializerComponent', () => {
     let comp: LtiInitializerComponent;
@@ -25,13 +27,13 @@ describe('LtiInitializerComponent', () => {
 
     beforeEach(() => {
         return TestBed.configureTestingModule({
-            declarations: [LtiInitializerComponent],
             providers: [
                 MockProvider(AlertService),
                 { provide: UserService, useClass: MockUserService },
                 { provide: ActivatedRoute, useValue: new MockActivatedRoute() },
                 { provide: Router, useClass: MockRouter },
                 { provide: AccountService, useClass: MockAccountService },
+                { provide: NgbModal, useClass: MockNgbModalService },
             ],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/component/participation/participation.component.spec.ts b/src/test/javascript/spec/component/participation/participation.component.spec.ts
index 62f43f1f2013..d02f2565de8d 100644
--- a/src/test/javascript/spec/component/participation/participation.component.spec.ts
+++ b/src/test/javascript/spec/component/participation/participation.component.spec.ts
@@ -1,7 +1,5 @@
 import { ActivatedRoute, Params } from '@angular/router';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
-import { NgModel } from '@angular/forms';
-import { NgxDatatableModule } from '@siemens/ngx-datatable';
 import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testing';
 import { ParticipationService } from 'app/exercises/shared/participation/participation.service';
 import { ParticipationComponent } from 'app/exercises/shared/participation/participation.component';
@@ -16,26 +14,18 @@ import { Team } from 'app/entities/team.model';
 import { formatTeamAsSearchResult } from 'app/exercises/shared/team/team.utils';
 import { ProgrammingSubmissionService, ProgrammingSubmissionState, ProgrammingSubmissionStateObj } from 'app/exercises/programming/participate/programming-submission.service';
 import { ExerciseService } from 'app/exercises/shared/exercise/exercise.service';
-import { MockComponent, MockDirective, MockModule, MockProvider } from 'ng-mocks';
+import { MockProvider } from 'ng-mocks';
 import { MockProgrammingSubmissionService } from '../../helpers/mocks/service/mock-programming-submission.service';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 import { MockProfileService } from '../../helpers/mocks/service/mock-profile.service';
-import { ProgrammingExerciseInstructorSubmissionStateComponent } from 'app/exercises/programming/shared/actions/programming-exercise-instructor-submission-state.component';
-import { DataTableComponent } from 'app/shared/data-table/data-table.component';
-import { TeamStudentsListComponent } from 'app/exercises/shared/team/team-participate/team-students-list.component';
-import { ProgrammingExerciseInstructorTriggerBuildButtonComponent } from 'app/exercises/programming/shared/actions/programming-exercise-instructor-trigger-build-button.component';
-import { MockRouterLinkDirective } from '../../helpers/mocks/directive/mock-router-link.directive';
-import { FeatureToggleDirective } from 'app/shared/feature-toggle/feature-toggle.directive';
-import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
-import { TranslateDirective } from 'app/shared/language/translate.directive';
 import { ArtemisTestModule } from '../../test.module';
-import { TranslatePipeMock } from '../../helpers/mocks/service/mock-translate.service';
-import { FormDateTimePickerComponent } from 'app/shared/date-time-picker/date-time-picker.component';
 import { Exam } from 'app/entities/exam/exam.model';
 import { ExerciseGroup } from 'app/entities/exercise-group.model';
 import { GradeStepsDTO } from 'app/entities/grade-step.model';
 import { AlertService } from 'app/core/util/alert.service';
 import { MockAlertService } from '../../helpers/mocks/service/mock-alert.service';
+import { MockSyncStorage } from '../../helpers/mocks/service/mock-sync-storage.service';
+import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
 
 describe('ParticipationComponent', () => {
     let component: ParticipationComponent;
@@ -56,26 +46,14 @@ describe('ParticipationComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, MockModule(NgxDatatableModule)],
-            declarations: [
-                ParticipationComponent,
-                MockComponent(DataTableComponent),
-                MockComponent(FormDateTimePickerComponent),
-                MockComponent(ProgrammingExerciseInstructorSubmissionStateComponent),
-                MockComponent(ProgrammingExerciseInstructorTriggerBuildButtonComponent),
-                MockComponent(TeamStudentsListComponent),
-                MockDirective(DeleteButtonDirective),
-                MockDirective(FeatureToggleDirective),
-                MockDirective(NgModel),
-                MockDirective(TranslateDirective),
-                MockRouterLinkDirective,
-                TranslatePipeMock,
-            ],
+            imports: [ArtemisTestModule],
             providers: [
                 { provide: ActivatedRoute, useValue: route },
                 { provide: ProfileService, useClass: MockProfileService },
                 { provide: ProgrammingSubmissionService, useClass: MockProgrammingSubmissionService },
                 { provide: AlertService, useClass: MockAlertService },
+                { provide: LocalStorageService, useClass: MockSyncStorage },
+                { provide: SessionStorageService, useClass: MockSyncStorage },
                 MockProvider(ExerciseService),
                 MockProvider(ParticipationService),
             ],
diff --git a/src/test/javascript/spec/component/plagiarism/modeling-submission-viewer.component.spec.ts b/src/test/javascript/spec/component/plagiarism/modeling-submission-viewer.component.spec.ts
index 815ec61969c2..a1b91592394d 100644
--- a/src/test/javascript/spec/component/plagiarism/modeling-submission-viewer.component.spec.ts
+++ b/src/test/javascript/spec/component/plagiarism/modeling-submission-viewer.component.spec.ts
@@ -1,21 +1,17 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { TranslateService } from '@ngx-translate/core';
 import { of } from 'rxjs';
 import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
 import { ArtemisTestModule } from '../../test.module';
-import { MockTranslateService, TranslateTestingModule } from '../../helpers/mocks/service/mock-translate.service';
 import { ModelingSubmissionElement } from 'app/exercises/shared/plagiarism/types/modeling/ModelingSubmissionElement';
 import { ModelingSubmissionViewerComponent } from 'app/exercises/shared/plagiarism/plagiarism-split-view/modeling-submission-viewer/modeling-submission-viewer.component';
 import { ExerciseType } from 'app/entities/exercise.model';
 import { ModelingExercise } from 'app/entities/modeling-exercise.model';
-import { ArtemisModelingEditorModule } from 'app/exercises/modeling/shared/modeling-editor.module';
 import { PlagiarismSubmission } from 'app/exercises/shared/plagiarism/types/PlagiarismSubmission';
 import { ModelingSubmissionService } from 'app/exercises/modeling/participate/modeling-submission.service';
 import { ModelingSubmission } from 'app/entities/modeling-submission.model';
 import { SubmissionType } from 'app/entities/submission.model';
 import { MockLocalStorageService } from '../../helpers/mocks/service/mock-local-storage.service';
 import { MockSyncStorage } from '../../helpers/mocks/service/mock-sync-storage.service';
-import { SplitPaneHeaderComponent } from 'app/exercises/shared/plagiarism/plagiarism-split-view/split-pane-header/split-pane-header.component';
 
 describe('Modeling Submission Viewer Component', () => {
     let comp: ModelingSubmissionViewerComponent;
@@ -27,10 +23,8 @@ describe('Modeling Submission Viewer Component', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, ArtemisModelingEditorModule, TranslateTestingModule],
-            declarations: [ModelingSubmissionViewerComponent, SplitPaneHeaderComponent],
+            imports: [ArtemisTestModule],
             providers: [
-                { provide: TranslateService, useClass: MockTranslateService },
                 { provide: LocalStorageService, useClass: MockLocalStorageService },
                 { provide: SessionStorageService, useClass: MockSyncStorage },
             ],
diff --git a/src/test/javascript/spec/component/plagiarism/plagiarism-case-instructor-detail-view.component.spec.ts b/src/test/javascript/spec/component/plagiarism/plagiarism-case-instructor-detail-view.component.spec.ts
index c66f5a72b3c1..c723822e647d 100644
--- a/src/test/javascript/spec/component/plagiarism/plagiarism-case-instructor-detail-view.component.spec.ts
+++ b/src/test/javascript/spec/component/plagiarism/plagiarism-case-instructor-detail-view.component.spec.ts
@@ -1,7 +1,6 @@
 import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testing';
 import { PlagiarismCaseInstructorDetailViewComponent } from 'app/course/plagiarism-cases/instructor-view/detail-view/plagiarism-case-instructor-detail-view.component';
 import { ArtemisTestModule } from '../../test.module';
-import { MockTranslateService, TranslateTestingModule } from '../../helpers/mocks/service/mock-translate.service';
 import { PlagiarismCasesService } from 'app/course/plagiarism-cases/shared/plagiarism-cases.service';
 import { ActivatedRoute, convertToParamMap } from '@angular/router';
 import { TranslateService } from '@ngx-translate/core';
@@ -16,13 +15,9 @@ import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
 import { MockSyncStorage } from '../../helpers/mocks/service/mock-sync-storage.service';
 import { Post } from 'app/entities/metis/post.model';
 import { AlertService } from 'app/core/util/alert.service';
-import { MockProvider } from 'ng-mocks';
-import { MockMetisService } from '../../helpers/mocks/service/mock-metis-service.service';
-import { AccountService } from 'app/core/auth/account.service';
-import { MockAccountService } from '../../helpers/mocks/service/mock-account.service';
 import { User } from 'app/core/user/user.model';
-import { NotificationService } from 'app/shared/notification/notification.service';
 import { MockNotificationService } from '../../helpers/mocks/service/mock-notification.service';
+import { NotificationService } from '../../../../../main/webapp/app/shared/notification/notification.service';
 
 describe('Plagiarism Cases Instructor View Component', () => {
     let component: PlagiarismCaseInstructorDetailViewComponent;
@@ -48,17 +43,12 @@ describe('Plagiarism Cases Instructor View Component', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, TranslateTestingModule],
-            declarations: [PlagiarismCaseInstructorDetailViewComponent],
+            imports: [ArtemisTestModule],
             providers: [
                 { provide: ActivatedRoute, useValue: route },
-                { provide: TranslateService, useClass: MockTranslateService },
                 { provide: SessionStorageService, useClass: MockSyncStorage },
                 { provide: LocalStorageService, useClass: MockLocalStorageService },
-                { provide: MetisService, useClass: MockMetisService },
-                { provide: AccountService, useClass: MockAccountService },
                 { provide: NotificationService, useClass: MockNotificationService },
-                MockProvider(AlertService),
             ],
         }).compileComponents();
 
diff --git a/src/test/javascript/spec/component/plagiarism/plagiarism-case-student-detail-view.component.spec.ts b/src/test/javascript/spec/component/plagiarism/plagiarism-case-student-detail-view.component.spec.ts
index 5b4ecff30533..5ba50b00394e 100644
--- a/src/test/javascript/spec/component/plagiarism/plagiarism-case-student-detail-view.component.spec.ts
+++ b/src/test/javascript/spec/component/plagiarism/plagiarism-case-student-detail-view.component.spec.ts
@@ -1,7 +1,6 @@
 import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testing';
 import { PlagiarismCaseStudentDetailViewComponent } from 'app/course/plagiarism-cases/student-view/detail-view/plagiarism-case-student-detail-view.component';
 import { ArtemisTestModule } from '../../test.module';
-import { MockTranslateService, TranslateTestingModule } from '../../helpers/mocks/service/mock-translate.service';
 import { EntityResponseType, PlagiarismCasesService } from 'app/course/plagiarism-cases/shared/plagiarism-cases.service';
 import { ActivatedRoute, Params } from '@angular/router';
 import { BehaviorSubject, Observable, of } from 'rxjs';
@@ -9,8 +8,6 @@ import { HttpResponse } from '@angular/common/http';
 import { PlagiarismCase } from 'app/exercises/shared/plagiarism/types/PlagiarismCase';
 import { MockSyncStorage } from '../../helpers/mocks/service/mock-sync-storage.service';
 import { MockLocalStorageService } from '../../helpers/mocks/service/mock-local-storage.service';
-import { MetisService } from 'app/shared/metis/metis.service';
-import { TranslateService } from '@ngx-translate/core';
 import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
 import { TextExercise } from 'app/entities/text/text-exercise.model';
 import { PlagiarismVerdict } from 'app/exercises/shared/plagiarism/types/PlagiarismVerdict';
@@ -50,15 +47,12 @@ describe('Plagiarism Cases Student View Component', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, TranslateTestingModule],
-            declarations: [PlagiarismCaseStudentDetailViewComponent],
+            imports: [ArtemisTestModule],
             providers: [
                 { provide: ActivatedRoute, useValue: route },
-                { provide: TranslateService, useClass: MockTranslateService },
                 { provide: NotificationService, useClass: MockNotificationService },
                 { provide: SessionStorageService, useClass: MockSyncStorage },
                 { provide: LocalStorageService, useClass: MockLocalStorageService },
-                { provide: MetisService, useClass: MetisService },
             ],
         }).compileComponents();
 
diff --git a/src/test/javascript/spec/component/plagiarism/plagiarism-cases-instructor-view.component.spec.ts b/src/test/javascript/spec/component/plagiarism/plagiarism-cases-instructor-view.component.spec.ts
index ce9c798c79d3..b118e9bc8027 100644
--- a/src/test/javascript/spec/component/plagiarism/plagiarism-cases-instructor-view.component.spec.ts
+++ b/src/test/javascript/spec/component/plagiarism/plagiarism-cases-instructor-view.component.spec.ts
@@ -1,7 +1,7 @@
 import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testing';
 import { PlagiarismCasesInstructorViewComponent } from 'app/course/plagiarism-cases/instructor-view/plagiarism-cases-instructor-view.component';
 import { PlagiarismCasesService } from 'app/course/plagiarism-cases/shared/plagiarism-cases.service';
-import { ActivatedRoute, ActivatedRouteSnapshot, Router, RouterModule, convertToParamMap } from '@angular/router';
+import { ActivatedRoute, ActivatedRouteSnapshot, RouterModule, convertToParamMap } from '@angular/router';
 import { Observable, of } from 'rxjs';
 import { HttpResponse } from '@angular/common/http';
 import { PlagiarismCase } from 'app/exercises/shared/plagiarism/types/PlagiarismCase';
@@ -11,19 +11,22 @@ import { PlagiarismVerdict } from 'app/exercises/shared/plagiarism/types/Plagiar
 import * as DownloadUtil from 'app/shared/util/download.util';
 import dayjs from 'dayjs/esm';
 import { DocumentationButtonComponent } from 'app/shared/components/documentation-button/documentation-button.component';
-import { MockComponent, MockModule } from 'ng-mocks';
+import { MockComponent } from 'ng-mocks';
 import { NotificationService } from 'app/shared/notification/notification.service';
 import { ExerciseType } from 'app/entities/exercise.model';
-import { MockRouter } from '../../helpers/mocks/mock-router';
 import { PlagiarismSubmission } from 'app/exercises/shared/plagiarism/types/PlagiarismSubmission';
 import { TextSubmissionElement } from 'app/exercises/shared/plagiarism/types/text/TextSubmissionElement';
 import { ArtemisTestModule } from '../../test.module';
 import { MockTranslateService, TranslateTestingModule } from '../../helpers/mocks/service/mock-translate.service';
 import { ArtemisDatePipe } from '../../../../../main/webapp/app/shared/pipes/artemis-date.pipe';
-import { MockRouterLinkDirective } from '../../helpers/mocks/directive/mock-router-link.directive';
 import { ProgressBarComponent } from 'app/shared/dashboards/tutor-participation-graph/progress-bar/progress-bar.component';
 import { PlagiarismCaseVerdictComponent } from 'app/course/plagiarism-cases/shared/verdict/plagiarism-case-verdict.component';
 import { MockNotificationService } from '../../helpers/mocks/service/mock-notification.service';
+import { Component } from '@angular/core';
+import { Location } from '@angular/common';
+
+@Component({ template: '' })
+class DummyComponent {}
 
 jest.mock('app/shared/util/download.util', () => ({
     downloadFile: jest.fn(),
@@ -33,7 +36,6 @@ describe('Plagiarism Cases Instructor View Component', () => {
     let component: PlagiarismCasesInstructorViewComponent;
     let fixture: ComponentFixture<PlagiarismCasesInstructorViewComponent>;
     let plagiarismCasesService: PlagiarismCasesService;
-    let router: MockRouter;
 
     let route: ActivatedRoute;
 
@@ -103,21 +105,28 @@ describe('Plagiarism Cases Instructor View Component', () => {
     } as PlagiarismCase;
 
     beforeEach(() => {
-        router = new MockRouter();
         route = { snapshot: { paramMap: convertToParamMap({ courseId: 1 }) } } as any as ActivatedRoute;
 
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, TranslateTestingModule, ArtemisDatePipe, MockModule(RouterModule)],
+            imports: [
+                ArtemisTestModule,
+                TranslateTestingModule,
+                ArtemisDatePipe,
+                RouterModule.forRoot([
+                    {
+                        path: 'course-management/:courseId/:exerciseType/:exerciseId/plagiarism',
+                        component: DummyComponent,
+                    },
+                ]),
+            ],
             declarations: [
                 PlagiarismCasesInstructorViewComponent,
                 MockComponent(DocumentationButtonComponent),
-                MockRouterLinkDirective,
                 MockComponent(ProgressBarComponent),
                 MockComponent(PlagiarismCaseVerdictComponent),
             ],
             providers: [
                 { provide: ActivatedRoute, useValue: route },
-                { provide: Router, useValue: router },
                 { provide: NotificationService, useClass: MockNotificationService },
                 { provide: TranslateService, useClass: MockTranslateService },
             ],
@@ -230,6 +239,7 @@ describe('Plagiarism Cases Instructor View Component', () => {
     });
 
     it('should navigate to plagiarism detection page on click', fakeAsync(() => {
+        const location = fixture.debugElement.injector.get(Location);
         const courseId = route.snapshot.paramMap.get('courseId');
         // exercise id = exercise1.id for first element of first group (0-0)
         const exerciseId = exercise1.id;
@@ -238,7 +248,7 @@ describe('Plagiarism Cases Instructor View Component', () => {
         const plagiarismDetectionLink = fixture.debugElement.nativeElement.querySelector('#plagiarism-detection-link-' + exercise1.id);
         expect(plagiarismDetectionLink).toBeTruthy();
         plagiarismDetectionLink.click();
-        const routePath = router.navigateByUrl.mock.calls[0][0];
-        expect(routePath).toStrictEqual(['/course-management', courseId, exercise1.type + '-exercises', exerciseId, 'plagiarism']);
+        tick();
+        expect(location.path()).toBe(`/course-management/${courseId}/${exercise1.type}-exercises/${exerciseId}/plagiarism`);
     }));
 });
diff --git a/src/test/javascript/spec/component/plagiarism/plagiarism-inspector.component.spec.ts b/src/test/javascript/spec/component/plagiarism/plagiarism-inspector.component.spec.ts
index 55b1e0eb0ea4..1a90ec18ecd3 100644
--- a/src/test/javascript/spec/component/plagiarism/plagiarism-inspector.component.spec.ts
+++ b/src/test/javascript/spec/component/plagiarism/plagiarism-inspector.component.spec.ts
@@ -16,22 +16,15 @@ import { ProgrammingExercise } from 'app/entities/programming/programming-exerci
 import { ProgrammingExerciseService } from 'app/exercises/programming/manage/services/programming-exercise.service';
 import { TextPlagiarismResult } from 'app/exercises/shared/plagiarism/types/text/TextPlagiarismResult';
 import { JhiWebsocketService } from 'app/core/websocket/websocket.service';
-import { MockComponent, MockDirective, MockPipe, MockProvider } from 'ng-mocks';
-import { TranslateService } from '@ngx-translate/core';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { PlagiarismDetailsComponent } from 'app/exercises/shared/plagiarism/plagiarism-details/plagiarism-details.component';
-import { PlagiarismRunDetailsComponent } from 'app/exercises/shared/plagiarism/plagiarism-run-details/plagiarism-run-details.component';
-import { PlagiarismSidebarComponent } from 'app/exercises/shared/plagiarism/plagiarism-sidebar/plagiarism-sidebar.component';
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
-import { NgModel } from '@angular/forms';
 import { PlagiarismInspectorService } from 'app/exercises/shared/plagiarism/plagiarism-inspector/plagiarism-inspector.service';
 import { PlagiarismComparison } from 'app/exercises/shared/plagiarism/types/PlagiarismComparison';
 import { TextSubmissionElement } from 'app/exercises/shared/plagiarism/types/text/TextSubmissionElement';
 import { PlagiarismCasesService } from 'app/course/plagiarism-cases/shared/plagiarism-cases.service';
 import { HttpResponse } from '@angular/common/http';
-import { MockNgbModalService } from '../../helpers/mocks/service/mock-ngb-modal.service';
 import { PlagiarismResultDTO } from 'app/exercises/shared/plagiarism/types/PlagiarismResultDTO';
 import { generateCsv } from 'export-to-csv';
+import { MockNgbModalService } from '../../helpers/mocks/service/mock-ngb-modal.service';
 
 jest.mock('app/shared/util/download.util', () => ({
     downloadFile: jest.fn(),
@@ -104,20 +97,9 @@ describe('Plagiarism Inspector Component', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [
-                PlagiarismInspectorComponent,
-                MockPipe(ArtemisTranslatePipe),
-                MockDirective(NgModel),
-                MockComponent(PlagiarismDetailsComponent),
-                MockComponent(PlagiarismRunDetailsComponent),
-                MockComponent(PlagiarismSidebarComponent),
-            ],
             providers: [
                 { provide: ActivatedRoute, useValue: activatedRoute },
                 { provide: NgbModal, useClass: MockNgbModalService },
-                MockProvider(JhiWebsocketService),
-                MockProvider(TranslateService),
-                MockProvider(PlagiarismInspectorService),
             ],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/component/plagiarism/plagiarism-run-details.component.spec.ts b/src/test/javascript/spec/component/plagiarism/plagiarism-run-details.component.spec.ts
index 116d6173f3b2..b27448c03181 100644
--- a/src/test/javascript/spec/component/plagiarism/plagiarism-run-details.component.spec.ts
+++ b/src/test/javascript/spec/component/plagiarism/plagiarism-run-details.component.spec.ts
@@ -1,13 +1,7 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { TranslateService } from '@ngx-translate/core';
 import { SimpleChange } from '@angular/core';
-import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
 import { PlagiarismRunDetailsComponent } from 'app/exercises/shared/plagiarism/plagiarism-run-details/plagiarism-run-details.component';
-import { MockComponent, MockModule, MockPipe, MockProvider } from 'ng-mocks';
-import { BarChartModule } from '@swimlane/ngx-charts';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { PlagiarismInspectorService } from 'app/exercises/shared/plagiarism/plagiarism-inspector/plagiarism-inspector.service';
-import { HelpIconComponent } from 'app/shared/components/help-icon.component';
 import { ArtemisTestModule } from '../../test.module';
 import { Range } from 'app/shared/util/utils';
 
@@ -24,9 +18,7 @@ describe('Plagiarism Run Details', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, MockModule(BarChartModule)],
-            declarations: [PlagiarismRunDetailsComponent, MockPipe(ArtemisTranslatePipe), MockComponent(HelpIconComponent)],
-            providers: [{ provide: TranslateService, useClass: MockTranslateService }, MockProvider(PlagiarismInspectorService)],
+            imports: [ArtemisTestModule],
         }).compileComponents();
 
         fixture = TestBed.createComponent(PlagiarismRunDetailsComponent);
diff --git a/src/test/javascript/spec/component/plagiarism/split-pane-header.component.spec.ts b/src/test/javascript/spec/component/plagiarism/split-pane-header.component.spec.ts
index d4540192235f..26b12eff5333 100644
--- a/src/test/javascript/spec/component/plagiarism/split-pane-header.component.spec.ts
+++ b/src/test/javascript/spec/component/plagiarism/split-pane-header.component.spec.ts
@@ -1,18 +1,9 @@
 import { EventEmitter, SimpleChange } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { TranslateService } from '@ngx-translate/core';
 import { ArtemisTestModule } from '../../test.module';
-import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
 import { SplitPaneHeaderComponent } from 'app/exercises/shared/plagiarism/plagiarism-split-view/split-pane-header/split-pane-header.component';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { NgModel } from '@angular/forms';
-import { PlagiarismDetailsComponent } from 'app/exercises/shared/plagiarism/plagiarism-details/plagiarism-details.component';
-import { PlagiarismRunDetailsComponent } from 'app/exercises/shared/plagiarism/plagiarism-run-details/plagiarism-run-details.component';
-import { PlagiarismSidebarComponent } from 'app/exercises/shared/plagiarism/plagiarism-sidebar/plagiarism-sidebar.component';
-import { MockComponent, MockDirective, MockPipe } from 'ng-mocks';
 import { TextPlagiarismFileElement } from 'app/exercises/shared/plagiarism/types/text/TextPlagiarismFileElement';
 import { Subject } from 'rxjs';
-import { TextSubmissionViewerComponent } from 'app/exercises/shared/plagiarism/plagiarism-split-view/text-submission-viewer/text-submission-viewer.component';
 import { By } from '@angular/platform-browser';
 
 describe('SplitPaneHeaderComponent', () => {
@@ -30,16 +21,6 @@ describe('SplitPaneHeaderComponent', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [
-                SplitPaneHeaderComponent,
-                MockPipe(ArtemisTranslatePipe),
-                MockDirective(NgModel),
-                MockComponent(PlagiarismDetailsComponent),
-                MockComponent(PlagiarismRunDetailsComponent),
-                MockComponent(PlagiarismSidebarComponent),
-                MockComponent(TextSubmissionViewerComponent),
-            ],
-            providers: [{ provide: TranslateService, useClass: MockTranslateService }],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/presentation-score/presentation-score.component.spec.ts b/src/test/javascript/spec/component/presentation-score/presentation-score.component.spec.ts
index 79767df891e3..6283199b076f 100644
--- a/src/test/javascript/spec/component/presentation-score/presentation-score.component.spec.ts
+++ b/src/test/javascript/spec/component/presentation-score/presentation-score.component.spec.ts
@@ -3,8 +3,8 @@ import { PresentationScoreComponent } from 'app/exercises/shared/presentation-sc
 import { Course } from 'app/entities/course.model';
 import { Exercise } from 'app/entities/exercise.model';
 import { GradingSystemService } from 'app/grading-system/grading-system.service';
-import { HttpTestingController, provideHttpClientTesting } from '@angular/common/http/testing';
-import { provideHttpClient } from '@angular/common/http';
+import { HttpTestingController } from '@angular/common/http/testing';
+import { ArtemisTestModule } from '../../test.module';
 
 describe('PresentationScoreComponent', () => {
     let component: PresentationScoreComponent;
@@ -38,9 +38,7 @@ describe('PresentationScoreComponent', () => {
 
     beforeEach(() => {
         return TestBed.configureTestingModule({
-            declarations: [PresentationScoreComponent],
-            imports: [],
-            providers: [provideHttpClient(), provideHttpClientTesting(), GradingSystemService],
+            imports: [ArtemisTestModule],
         })
             .overrideTemplate(PresentationScoreComponent, '')
             .compileComponents()
diff --git a/src/test/javascript/spec/component/programming-assessment/code-editor-tutor-assessment-container.component.spec.ts b/src/test/javascript/spec/component/programming-assessment/code-editor-tutor-assessment-container.component.spec.ts
index 77af7a04d881..7b8a4856a297 100644
--- a/src/test/javascript/spec/component/programming-assessment/code-editor-tutor-assessment-container.component.spec.ts
+++ b/src/test/javascript/spec/component/programming-assessment/code-editor-tutor-assessment-container.component.spec.ts
@@ -11,10 +11,9 @@ import { User } from 'app/core/user/user.model';
 import { AccountService } from 'app/core/auth/account.service';
 import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
 import { By } from '@angular/platform-browser';
-import { MockComponent, MockPipe, MockProvider } from 'ng-mocks';
+import { MockComponent, MockProvider } from 'ng-mocks';
 import { RepositoryFileService } from 'app/exercises/shared/result/repository.service';
 import { StudentParticipation } from 'app/entities/participation/student-participation.model';
-import { ProgrammingAssessmentRepoExportButtonComponent } from 'app/exercises/programming/assess/repo-export/programming-assessment-repo-export-button.component';
 import { ProgrammingSubmission } from 'app/entities/programming/programming-submission.model';
 import { Feedback, FeedbackType } from 'app/entities/feedback.model';
 import { ProgrammingAssessmentManualResultService } from 'app/exercises/programming/assess/manual-result/programming-assessment-manual-result.service';
@@ -38,29 +37,9 @@ import { ProgrammingExerciseService } from 'app/exercises/programming/manage/ser
 import { CodeEditorRepositoryFileService } from 'app/exercises/programming/shared/code-editor/service/code-editor-repository.service';
 import { CodeEditorFileBrowserComponent } from 'app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser.component';
 import { FileType } from 'app/exercises/programming/shared/code-editor/model/code-editor.model';
-import { CodeEditorContainerComponent } from 'app/exercises/programming/shared/code-editor/container/code-editor-container.component';
-import { ResultComponent } from 'app/exercises/shared/result/result.component';
-import { IncludedInScoreBadgeComponent } from 'app/exercises/shared/exercise-headers/included-in-score-badge.component';
-import { AssessmentInstructionsComponent } from 'app/assessment/assessment-instructions/assessment-instructions/assessment-instructions.component';
-import { UnreferencedFeedbackComponent } from 'app/exercises/shared/unreferenced-feedback/unreferenced-feedback.component';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
 import { TranslateService } from '@ngx-translate/core';
-import { AssessmentHeaderComponent } from 'app/assessment/assessment-header/assessment-header.component';
-import { AssessmentAfterComplaint, ComplaintsForTutorComponent } from 'app/complaints/complaints-for-tutor/complaints-for-tutor.component';
-import { AssessmentComplaintAlertComponent } from 'app/assessment/assessment-complaint-alert/assessment-complaint-alert.component';
-import { CodeEditorGridComponent } from 'app/exercises/programming/shared/code-editor/layout/code-editor-grid.component';
-import { CodeEditorActionsComponent } from 'app/exercises/programming/shared/code-editor/actions/code-editor-actions.component';
-import { CodeEditorInstructionsComponent } from 'app/exercises/programming/shared/code-editor/instructions/code-editor-instructions.component';
-import { KeysPipe } from 'app/shared/pipes/keys.pipe';
-import { CodeEditorBuildOutputComponent } from 'app/exercises/programming/shared/code-editor/build-output/code-editor-build-output.component';
-import { CodeEditorFileBrowserCreateNodeComponent } from 'app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-create-node.component';
-import { CodeEditorStatusComponent } from 'app/exercises/programming/shared/code-editor/status/code-editor-status.component';
-import { CodeEditorFileBrowserFolderComponent } from 'app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-folder.component';
-import { CodeEditorFileBrowserFileComponent } from 'app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-file.component';
-import { CodeEditorTutorAssessmentInlineFeedbackComponent } from 'app/exercises/programming/assess/code-editor-tutor-assessment-inline-feedback.component';
-import { ExtensionPointDirective } from 'app/shared/extension-point/extension-point.directive';
-import { TreeviewComponent } from 'app/exercises/programming/shared/code-editor/treeview/components/treeview/treeview.component';
+import { AssessmentAfterComplaint } from 'app/complaints/complaints-for-tutor/complaints-for-tutor.component';
 import { TreeviewItem } from 'app/exercises/programming/shared/code-editor/treeview/models/treeview-item';
 import { AlertService } from 'app/core/util/alert.service';
 import { Exercise } from 'app/entities/exercise.model';
@@ -175,33 +154,6 @@ describe('CodeEditorTutorAssessmentContainerComponent', () => {
     beforeEach(() => {
         return TestBed.configureTestingModule({
             imports: [ArtemisTestModule, CodeEditorMonacoComponent],
-            declarations: [
-                CodeEditorTutorAssessmentContainerComponent,
-                MockComponent(ProgrammingAssessmentRepoExportButtonComponent),
-                AssessmentLayoutComponent,
-                MockComponent(AssessmentComplaintAlertComponent),
-                MockComponent(AssessmentHeaderComponent),
-                MockComponent(ComplaintsForTutorComponent),
-                CodeEditorContainerComponent,
-                CodeEditorFileBrowserComponent,
-                MockPipe(KeysPipe),
-                TreeviewComponent,
-                MockComponent(CodeEditorStatusComponent),
-                MockComponent(CodeEditorFileBrowserCreateNodeComponent),
-                MockComponent(CodeEditorFileBrowserFolderComponent),
-                MockComponent(CodeEditorFileBrowserFileComponent),
-                MockComponent(CodeEditorBuildOutputComponent),
-                MockComponent(CodeEditorGridComponent),
-                MockComponent(CodeEditorActionsComponent),
-                MockComponent(CodeEditorTutorAssessmentInlineFeedbackComponent),
-                MockComponent(CodeEditorInstructionsComponent),
-                MockComponent(ResultComponent),
-                MockComponent(IncludedInScoreBadgeComponent),
-                MockComponent(AssessmentInstructionsComponent),
-                MockComponent(UnreferencedFeedbackComponent),
-                MockPipe(ArtemisTranslatePipe),
-                ExtensionPointDirective,
-            ],
             providers: [
                 provideRouter([]),
                 { provide: TranslateService, useClass: MockTranslateService },
diff --git a/src/test/javascript/spec/component/programming-assessment/code-editor-tutor-assessment-inline-feedback.component.spec.ts b/src/test/javascript/spec/component/programming-assessment/code-editor-tutor-assessment-inline-feedback.component.spec.ts
index f58644b46ab5..f21a8e880eeb 100644
--- a/src/test/javascript/spec/component/programming-assessment/code-editor-tutor-assessment-inline-feedback.component.spec.ts
+++ b/src/test/javascript/spec/component/programming-assessment/code-editor-tutor-assessment-inline-feedback.component.spec.ts
@@ -1,19 +1,12 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { NgModel } from '@angular/forms';
 import { TranslateService } from '@ngx-translate/core';
-import { MockComponent, MockDirective, MockModule, MockPipe, MockProvider } from 'ng-mocks';
-import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { MockModule, MockProvider } from 'ng-mocks';
 import { CodeEditorTutorAssessmentInlineFeedbackComponent } from 'app/exercises/programming/assess/code-editor-tutor-assessment-inline-feedback.component';
 import { Feedback, FeedbackType, NON_GRADED_FEEDBACK_SUGGESTION_IDENTIFIER } from 'app/entities/feedback.model';
 import { GradingInstruction } from 'app/exercises/shared/structured-grading-criterion/grading-instruction.model';
 import { StructuredGradingCriterionService } from 'app/exercises/shared/structured-grading-criterion/structured-grading-criterion.service';
 import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
-import { GradingInstructionLinkIconComponent } from 'app/shared/grading-instruction-link-icon/grading-instruction-link-icon.component';
-import { AssessmentCorrectionRoundBadgeComponent } from 'app/assessment/unreferenced-feedback-detail/assessment-correction-round-badge/assessment-correction-round-badge.component';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
-import { QuotePipe } from 'app/shared/pipes/quote.pipe';
-import { FeedbackContentPipe } from 'app/shared/pipes/feedback-content.pipe';
 import { By } from '@angular/platform-browser';
 
 describe('CodeEditorTutorAssessmentInlineFeedbackComponent', () => {
@@ -26,16 +19,6 @@ describe('CodeEditorTutorAssessmentInlineFeedbackComponent', () => {
     beforeEach(() => {
         return TestBed.configureTestingModule({
             imports: [MockModule(NgbTooltipModule)],
-            declarations: [
-                CodeEditorTutorAssessmentInlineFeedbackComponent,
-                MockComponent(GradingInstructionLinkIconComponent),
-                MockComponent(AssessmentCorrectionRoundBadgeComponent),
-                MockComponent(FaIconComponent),
-                MockDirective(NgModel),
-                MockPipe(ArtemisTranslatePipe),
-                MockPipe(QuotePipe),
-                MockPipe(FeedbackContentPipe),
-            ],
             providers: [{ provide: TranslateService, useClass: MockTranslateService }, MockProvider(StructuredGradingCriterionService)],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/component/programming-assessment/programming-assessment-repo-export-button.component.spec.ts b/src/test/javascript/spec/component/programming-assessment/programming-assessment-repo-export-button.component.spec.ts
index 5766fd56beda..12ab7205413a 100644
--- a/src/test/javascript/spec/component/programming-assessment/programming-assessment-repo-export-button.component.spec.ts
+++ b/src/test/javascript/spec/component/programming-assessment/programming-assessment-repo-export-button.component.spec.ts
@@ -1,19 +1,14 @@
-import { MockComponent, MockDirective, MockPipe } from 'ng-mocks';
 import dayjs from 'dayjs/esm';
 import { ArtemisTestModule } from '../../test.module';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { Course } from 'app/entities/course.model';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { MockTranslateValuesDirective } from '../../helpers/mocks/directive/mock-translate-values.directive';
 import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
 import { TranslateService } from '@ngx-translate/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
-import { TranslateDirective } from 'app/shared/language/translate.directive';
 import { ProgrammingAssessmentRepoExportButtonComponent } from 'app/exercises/programming/assess/repo-export/programming-assessment-repo-export-button.component';
 import { MockNgbModalService } from '../../helpers/mocks/service/mock-ngb-modal.service';
 import { ProgrammingAssessmentRepoExportDialogComponent } from 'app/exercises/programming/assess/repo-export/programming-assessment-repo-export-dialog.component';
-import { ButtonComponent } from 'app/shared/components/button.component';
 
 describe('ProgrammingAssessmentRepoExportButtonComponent', () => {
     let comp: ProgrammingAssessmentRepoExportButtonComponent;
@@ -31,13 +26,6 @@ describe('ProgrammingAssessmentRepoExportButtonComponent', () => {
     beforeEach(() => {
         return TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [
-                ProgrammingAssessmentRepoExportButtonComponent,
-                MockTranslateValuesDirective,
-                MockPipe(ArtemisTranslatePipe),
-                MockComponent(ButtonComponent),
-                MockDirective(TranslateDirective),
-            ],
             providers: [
                 { provide: TranslateService, useClass: MockTranslateService },
                 { provide: NgbModal, useClass: MockNgbModalService },
diff --git a/src/test/javascript/spec/component/programming-assessment/programming-assessment-repo-export-dialog.component.spec.ts b/src/test/javascript/spec/component/programming-assessment/programming-assessment-repo-export-dialog.component.spec.ts
index 7f9e8d1d6ed4..03db39eedf52 100644
--- a/src/test/javascript/spec/component/programming-assessment/programming-assessment-repo-export-dialog.component.spec.ts
+++ b/src/test/javascript/spec/component/programming-assessment/programming-assessment-repo-export-dialog.component.spec.ts
@@ -2,7 +2,6 @@ import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testin
 import { of } from 'rxjs';
 import { HttpHeaders, HttpResponse } from '@angular/common/http';
 import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
-import { MockComponent, MockDirective, MockPipe } from 'ng-mocks';
 import dayjs from 'dayjs/esm';
 import { ArtemisTestModule } from '../../test.module';
 import { ProgrammingAssessmentRepoExportDialogComponent } from 'app/exercises/programming/assess/repo-export/programming-assessment-repo-export-dialog.component';
@@ -12,15 +11,9 @@ import { ExerciseService } from 'app/exercises/shared/exercise/exercise.service'
 import { ProgrammingAssessmentRepoExportService } from 'app/exercises/programming/assess/repo-export/programming-assessment-repo-export.service';
 import { Exercise } from 'app/entities/exercise.model';
 import { MockSyncStorage } from '../../helpers/mocks/service/mock-sync-storage.service';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { MockTranslateValuesDirective } from '../../helpers/mocks/directive/mock-translate-values.directive';
 import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
 import { TranslateService } from '@ngx-translate/core';
-import { NgForm, NgModel } from '@angular/forms';
-import { FormDateTimePickerComponent } from 'app/shared/date-time-picker/date-time-picker.component';
-import { FeatureToggleDirective } from 'app/shared/feature-toggle/feature-toggle.directive';
-import { MockHasAnyAuthorityDirective } from '../../helpers/mocks/directive/mock-has-any-authority.directive';
-import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { FormDateTimePickerModule } from '../../../../../main/webapp/app/shared/date-time-picker/date-time-picker.module';
 
 const createBlobHttpResponse = () => {
     const blob = new Blob([JSON.stringify({ property: 'blob' })], { type: 'application/json' });
@@ -47,18 +40,7 @@ describe('ProgrammingAssessmentRepoExportDialogComponent', () => {
 
     beforeEach(() => {
         return TestBed.configureTestingModule({
-            imports: [ArtemisTestModule],
-            declarations: [
-                ProgrammingAssessmentRepoExportDialogComponent,
-                MockTranslateValuesDirective,
-                MockPipe(ArtemisTranslatePipe),
-                MockComponent(FormDateTimePickerComponent),
-                MockDirective(TranslateDirective),
-                MockDirective(FeatureToggleDirective),
-                MockDirective(NgModel),
-                MockDirective(NgForm),
-                MockDirective(MockHasAnyAuthorityDirective),
-            ],
+            imports: [ArtemisTestModule, FormDateTimePickerModule],
             providers: [
                 { provide: TranslateService, useClass: MockTranslateService },
                 { provide: SessionStorageService, useClass: MockSyncStorage },
diff --git a/src/test/javascript/spec/component/programming-exercise/category-issues-chart.component.spec.ts b/src/test/javascript/spec/component/programming-exercise/category-issues-chart.component.spec.ts
index 17fee925d299..2109b65f66c7 100644
--- a/src/test/javascript/spec/component/programming-exercise/category-issues-chart.component.spec.ts
+++ b/src/test/javascript/spec/component/programming-exercise/category-issues-chart.component.spec.ts
@@ -1,6 +1,7 @@
 import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testing';
 import { CategoryIssuesChartComponent } from 'app/exercises/programming/manage/grading/charts/category-issues-chart.component';
 import { StaticCodeAnalysisCategory, StaticCodeAnalysisCategoryState } from 'app/entities/programming/static-code-analysis-category.model';
+import { ArtemisTestModule } from '../../test.module';
 
 describe('CategoryIssuesChartComponent', () => {
     let fixture: ComponentFixture<CategoryIssuesChartComponent>;
@@ -9,8 +10,7 @@ describe('CategoryIssuesChartComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [],
-            declarations: [CategoryIssuesChartComponent],
+            imports: [ArtemisTestModule],
             providers: [],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/component/programming-exercise/programming-exercise-build-configuration.component.spec.ts b/src/test/javascript/spec/component/programming-exercise/programming-exercise-build-configuration.component.spec.ts
index 29b142700aab..e1083517774c 100644
--- a/src/test/javascript/spec/component/programming-exercise/programming-exercise-build-configuration.component.spec.ts
+++ b/src/test/javascript/spec/component/programming-exercise/programming-exercise-build-configuration.component.spec.ts
@@ -2,7 +2,6 @@ import { TestBed } from '@angular/core/testing';
 import { ArtemisTestModule } from '../../test.module';
 import { ProgrammingExerciseBuildConfigurationComponent } from 'app/exercises/programming/manage/update/update-components/custom-build-plans/programming-exercise-build-configuration/programming-exercise-build-configuration.component';
 import { FormsModule } from '@angular/forms';
-import { ArtemisProgrammingExerciseUpdateModule } from 'app/exercises/programming/manage/update/programming-exercise-update.module';
 import { of } from 'rxjs';
 import { ProfileService } from '../../../../../main/webapp/app/shared/layouts/profiles/profile.service';
 import { ProgrammingExercise, ProgrammingLanguage } from '../../../../../main/webapp/app/entities/programming/programming-exercise.model';
@@ -22,8 +21,7 @@ describe('ProgrammingExercise Docker Image', () => {
         };
 
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, FormsModule, ArtemisProgrammingExerciseUpdateModule],
-            declarations: [ProgrammingExerciseBuildConfigurationComponent],
+            imports: [ArtemisTestModule, FormsModule],
             providers: [{ provide: ProfileService, useValue: profileServiceMock }],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/component/programming-exercise/programming-exercise-configure-grading.component.spec.ts b/src/test/javascript/spec/component/programming-exercise/programming-exercise-configure-grading.component.spec.ts
index 9be24e9f7a23..1355ef11bb0d 100644
--- a/src/test/javascript/spec/component/programming-exercise/programming-exercise-configure-grading.component.spec.ts
+++ b/src/test/javascript/spec/component/programming-exercise/programming-exercise-configure-grading.component.spec.ts
@@ -1,6 +1,5 @@
 import { DebugElement } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { NgModel } from '@angular/forms';
 import { By } from '@angular/platform-browser';
 import { ActivatedRoute, Params, Router } from '@angular/router';
 import { NgxDatatableModule } from '@siemens/ngx-datatable';
@@ -209,7 +208,6 @@ describe('ProgrammingExerciseConfigureGradingComponent', () => {
                 MockComponent(CategoryIssuesChartComponent),
                 MockComponent(ScaCategoryDistributionChartComponent),
                 MockPipe(RemoveKeysPipe),
-                MockDirective(NgModel),
                 MockDirective(TranslateDirective),
             ],
             providers: [
@@ -225,44 +223,42 @@ describe('ProgrammingExerciseConfigureGradingComponent', () => {
                 { provide: NgbModal, useClass: MockNgbModalService },
                 MockProvider(AlertService),
             ],
-        })
-            .compileComponents()
-            .then(() => {
-                fixture = TestBed.createComponent(ProgrammingExerciseConfigureGradingComponent);
-                debugElement = fixture.debugElement;
-                comp = fixture.componentInstance as ProgrammingExerciseConfigureGradingComponent;
-
-                gradingService = debugElement.injector.get(ProgrammingExerciseGradingService);
-                route = debugElement.injector.get(ActivatedRoute);
-                const router = debugElement.injector.get(Router);
-                programmingExerciseWebsocketService = debugElement.injector.get(ProgrammingExerciseWebsocketService);
-                programmingExerciseService = debugElement.injector.get(ProgrammingExerciseService);
-                modalService = debugElement.injector.get(NgbModal);
-
-                updateCategoriesStub = jest.spyOn(gradingService, 'updateCodeAnalysisCategories');
-                resetCategoriesStub = jest.spyOn(gradingService, 'resetCategories');
-                loadStatisticsStub = jest.spyOn(gradingService, 'getGradingStatistics');
-                importCategoriesFromExerciseStub = jest.spyOn(gradingService, 'importCategoriesFromExercise');
-
-                // @ts-ignore
-                (router as MockRouter).setUrl('/');
-                routeSubject = new Subject();
-                // @ts-ignore
-                (route as MockActivatedRouteWithSubjects).setSubject(routeSubject);
-
-                testCasesChangedStub = jest.spyOn(programmingExerciseWebsocketService, 'getTestCaseState');
-                getExerciseTestCaseStateStub = jest.spyOn(programmingExerciseService, 'getProgrammingExerciseTestCaseState');
-                loadExerciseStub = jest.spyOn(programmingExerciseService, 'find');
-
-                getExerciseTestCaseStateSubject = new Subject();
-
-                testCasesChangedSubject = new Subject<boolean>();
-                testCasesChangedStub.mockReturnValue(testCasesChangedSubject);
-                getExerciseTestCaseStateStub.mockReturnValue(getExerciseTestCaseStateSubject);
-
-                loadStatisticsStub.mockReturnValue(of(gradingStatistics));
-                loadExerciseStub.mockReturnValue(of({ body: exercise }));
-            });
+        }).compileComponents();
+
+        fixture = TestBed.createComponent(ProgrammingExerciseConfigureGradingComponent);
+        debugElement = fixture.debugElement;
+        comp = fixture.componentInstance as ProgrammingExerciseConfigureGradingComponent;
+
+        gradingService = debugElement.injector.get(ProgrammingExerciseGradingService);
+        route = debugElement.injector.get(ActivatedRoute);
+        const router = debugElement.injector.get(Router);
+        programmingExerciseWebsocketService = debugElement.injector.get(ProgrammingExerciseWebsocketService);
+        programmingExerciseService = debugElement.injector.get(ProgrammingExerciseService);
+        modalService = debugElement.injector.get(NgbModal);
+
+        updateCategoriesStub = jest.spyOn(gradingService, 'updateCodeAnalysisCategories');
+        resetCategoriesStub = jest.spyOn(gradingService, 'resetCategories');
+        loadStatisticsStub = jest.spyOn(gradingService, 'getGradingStatistics');
+        importCategoriesFromExerciseStub = jest.spyOn(gradingService, 'importCategoriesFromExercise');
+
+        // @ts-ignore
+        (router as MockRouter).setUrl('/');
+        routeSubject = new Subject();
+        // @ts-ignore
+        (route as MockActivatedRouteWithSubjects).setSubject(routeSubject);
+
+        testCasesChangedStub = jest.spyOn(programmingExerciseWebsocketService, 'getTestCaseState');
+        getExerciseTestCaseStateStub = jest.spyOn(programmingExerciseService, 'getProgrammingExerciseTestCaseState');
+        loadExerciseStub = jest.spyOn(programmingExerciseService, 'find');
+
+        getExerciseTestCaseStateSubject = new Subject();
+
+        testCasesChangedSubject = new Subject<boolean>();
+        testCasesChangedStub.mockReturnValue(testCasesChangedSubject);
+        getExerciseTestCaseStateStub.mockReturnValue(getExerciseTestCaseStateSubject);
+
+        loadStatisticsStub.mockReturnValue(of(gradingStatistics));
+        loadExerciseStub.mockReturnValue(of({ body: exercise }));
     });
 
     afterEach(() => {
diff --git a/src/test/javascript/spec/component/programming-exercise/programming-exercise-create-buttons.component.spec.ts b/src/test/javascript/spec/component/programming-exercise/programming-exercise-create-buttons.component.spec.ts
index 630029986a67..0788437786ec 100644
--- a/src/test/javascript/spec/component/programming-exercise/programming-exercise-create-buttons.component.spec.ts
+++ b/src/test/javascript/spec/component/programming-exercise/programming-exercise-create-buttons.component.spec.ts
@@ -1,7 +1,6 @@
 import { TestBed } from '@angular/core/testing';
 import { ExerciseType } from 'app/entities/exercise.model';
 import { ArtemisTestModule } from '../../test.module';
-import { ProgrammingExerciseComponent } from 'app/exercises/programming/manage/programming-exercise.component';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
 import { TranslateService } from '@ngx-translate/core';
@@ -22,7 +21,6 @@ describe('ProgrammingExercise Create Buttons Component', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [ProgrammingExerciseComponent],
             providers: [
                 { provide: TranslateService, useClass: MockTranslateService },
                 { provide: ActivatedRoute, useValue: route },
diff --git a/src/test/javascript/spec/component/programming-exercise/programming-exercise-detail.component.spec.ts b/src/test/javascript/spec/component/programming-exercise/programming-exercise-detail.component.spec.ts
index 062554dd9c5f..a83bdeca1d8f 100644
--- a/src/test/javascript/spec/component/programming-exercise/programming-exercise-detail.component.spec.ts
+++ b/src/test/javascript/spec/component/programming-exercise/programming-exercise-detail.component.spec.ts
@@ -109,7 +109,6 @@ describe('ProgrammingExerciseDetailComponent', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule, TranslateModule.forRoot()],
-            declarations: [ProgrammingExerciseDetailComponent],
             providers: [
                 MockProvider(AlertService),
                 MockProvider(ProgrammingLanguageFeatureService),
diff --git a/src/test/javascript/spec/component/programming-exercise/programming-exercise-edit-selected.component.spec.ts b/src/test/javascript/spec/component/programming-exercise/programming-exercise-edit-selected.component.spec.ts
index 802cb0180956..c874cb5e660d 100644
--- a/src/test/javascript/spec/component/programming-exercise/programming-exercise-edit-selected.component.spec.ts
+++ b/src/test/javascript/spec/component/programming-exercise/programming-exercise-edit-selected.component.spec.ts
@@ -24,7 +24,6 @@ describe('ProgrammingExercise Edit Selected Component', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [ProgrammingExerciseEditSelectedComponent],
             providers: [
                 { provide: LocalStorageService, useClass: MockSyncStorage },
                 { provide: SessionStorageService, useClass: MockSyncStorage },
diff --git a/src/test/javascript/spec/component/programming-exercise/programming-exercise-instruction-analysis.component.spec.ts b/src/test/javascript/spec/component/programming-exercise/programming-exercise-instruction-analysis.component.spec.ts
index 1e9b1a1f751c..b1ee9c3c6f03 100644
--- a/src/test/javascript/spec/component/programming-exercise/programming-exercise-instruction-analysis.component.spec.ts
+++ b/src/test/javascript/spec/component/programming-exercise/programming-exercise-instruction-analysis.component.spec.ts
@@ -2,15 +2,11 @@ import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testin
 import { By } from '@angular/platform-browser';
 import { DebugElement } from '@angular/core';
 import { triggerChanges } from '../../helpers/utils/general.utils';
-import { TaskCountWarningComponent } from 'app/exercises/programming/manage/instructions-editor/analysis/task-count-warning/task-count-warning.component';
 import { ProgrammingExerciseInstructionAnalysisComponent } from 'app/exercises/programming/manage/instructions-editor/analysis/programming-exercise-instruction-analysis.component';
 import { ProgrammingExerciseInstructionAnalysisService } from 'app/exercises/programming/manage/instructions-editor/analysis/programming-exercise-instruction-analysis.service';
-import { MockComponent, MockDirective, MockPipe } from 'ng-mocks';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { MockProgrammingExerciseInstructionAnalysisService } from '../../helpers/mocks/service/mock-programming-exericse-instruction-analysis.service';
-import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 import { TaskAction } from 'app/shared/monaco-editor/model/actions/task.action';
+import { ArtemisTestModule } from '../../test.module';
 
 describe('ProgrammingExerciseInstructionInstructorAnalysis', () => {
     let comp: ProgrammingExerciseInstructionAnalysisComponent;
@@ -33,13 +29,7 @@ describe('ProgrammingExerciseInstructionInstructorAnalysis', () => {
 
         beforeEach(() => {
             TestBed.configureTestingModule({
-                imports: [MockDirective(NgbTooltip)],
-                declarations: [
-                    ProgrammingExerciseInstructionAnalysisComponent,
-                    MockComponent(TaskCountWarningComponent),
-                    MockPipe(ArtemisTranslatePipe),
-                    MockComponent(FaIconComponent),
-                ],
+                imports: [ArtemisTestModule],
                 providers: [
                     {
                         provide: ProgrammingExerciseInstructionAnalysisService,
diff --git a/src/test/javascript/spec/component/programming-exercise/programming-exercise-instruction.component.spec.ts b/src/test/javascript/spec/component/programming-exercise/programming-exercise-instruction.component.spec.ts
index d0233fde1827..2540f532adcc 100644
--- a/src/test/javascript/spec/component/programming-exercise/programming-exercise-instruction.component.spec.ts
+++ b/src/test/javascript/spec/component/programming-exercise/programming-exercise-instruction.component.spec.ts
@@ -40,6 +40,7 @@ import { MockTranslateService, TranslatePipeMock } from '../../helpers/mocks/ser
 import { MockModule } from 'ng-mocks';
 import { ProgrammingExerciseGradingService } from 'app/exercises/programming/manage/services/programming-exercise-grading.service';
 import { SafeHtmlPipe } from 'app/shared/pipes/safe-html.pipe';
+import 'jest-extended';
 
 describe('ProgrammingExerciseInstructionComponent', () => {
     let comp: ProgrammingExerciseInstructionComponent;
@@ -58,7 +59,7 @@ describe('ProgrammingExerciseInstructionComponent', () => {
     const modalRef = { componentInstance: {} };
 
     beforeEach(() => {
-        return TestBed.configureTestingModule({
+        TestBed.configureTestingModule({
             imports: [ArtemisTestModule, MockModule(NgbTooltipModule)],
             declarations: [
                 ProgrammingExerciseInstructionComponent,
@@ -81,23 +82,22 @@ describe('ProgrammingExerciseInstructionComponent', () => {
             ],
         })
             .overrideModule(BrowserDynamicTestingModule, { set: {} })
-            .compileComponents()
-            .then(() => {
-                fixture = TestBed.createComponent(ProgrammingExerciseInstructionComponent);
-                comp = fixture.componentInstance;
-                debugElement = fixture.debugElement;
-                participationWebsocketService = debugElement.injector.get(ParticipationWebsocketService);
-                programmingExerciseParticipationService = debugElement.injector.get(ProgrammingExerciseParticipationService);
-                programmingExerciseGradingService = debugElement.injector.get(ProgrammingExerciseGradingService);
-                modalService = debugElement.injector.get(NgbModal);
-                themeService = debugElement.injector.get(ThemeService);
-
-                subscribeForLatestResultOfParticipationStub = jest.spyOn(participationWebsocketService, 'subscribeForLatestResultOfParticipation');
-                openModalStub = jest.spyOn(modalService, 'open');
-                getLatestResultWithFeedbacks = jest.spyOn(programmingExerciseParticipationService, 'getLatestResultWithFeedback');
-
-                comp.personalParticipation = true;
-            });
+            .compileComponents();
+
+        fixture = TestBed.createComponent(ProgrammingExerciseInstructionComponent);
+        comp = fixture.componentInstance;
+        debugElement = fixture.debugElement;
+        participationWebsocketService = debugElement.injector.get(ParticipationWebsocketService);
+        programmingExerciseParticipationService = debugElement.injector.get(ProgrammingExerciseParticipationService);
+        programmingExerciseGradingService = debugElement.injector.get(ProgrammingExerciseGradingService);
+        modalService = debugElement.injector.get(NgbModal);
+        themeService = debugElement.injector.get(ThemeService);
+
+        subscribeForLatestResultOfParticipationStub = jest.spyOn(participationWebsocketService, 'subscribeForLatestResultOfParticipation');
+        openModalStub = jest.spyOn(modalService, 'open');
+        getLatestResultWithFeedbacks = jest.spyOn(programmingExerciseParticipationService, 'getLatestResultWithFeedback');
+
+        comp.personalParticipation = true;
     });
 
     afterEach(() => {
@@ -121,6 +121,7 @@ describe('ProgrammingExerciseInstructionComponent', () => {
         subscribeForLatestResultOfParticipationStub.mockReturnValue(of());
         comp.exercise = exercise;
         comp.participation = participation;
+        // @ts-ignore
         comp.participationSubscription = oldSubscription;
 
         triggerChanges(comp, { property: 'participation', currentValue: participation, previousValue: oldParticipation, firstChange: false });
@@ -129,6 +130,7 @@ describe('ProgrammingExerciseInstructionComponent', () => {
         expect(getTestCasesSpy).toHaveBeenCalledOnce();
         expect(subscribeForLatestResultOfParticipationStub).toHaveBeenCalledOnce();
         expect(subscribeForLatestResultOfParticipationStub).toHaveBeenCalledWith(participation.id, true, exercise.id);
+        // @ts-ignore
         expect(comp.participationSubscription).not.toEqual(oldSubscription);
         flush();
         expect(comp.isInitial).toBeTrue();
@@ -154,6 +156,7 @@ describe('ProgrammingExerciseInstructionComponent', () => {
 
         fixture.detectChanges();
         triggerChanges(comp);
+        // @ts-ignore
         expect(comp.problemStatement).toBeUndefined();
         expect(loadInitialResultStub).not.toHaveBeenCalled();
         expect(comp.latestResult).toBeUndefined();
@@ -246,6 +249,7 @@ describe('ProgrammingExerciseInstructionComponent', () => {
         expect(comp.isLoading).toBeFalse();
     });
 
+    // TODO check if this is an issue with the client itself here
     it('should create the steps task icons for the tasks in problem statement markdown', fakeAsync(() => {
         const result: Result = {
             id: 1,
@@ -262,6 +266,7 @@ describe('ProgrammingExerciseInstructionComponent', () => {
             studentAssignedTeamIdComputed: false,
         };
 
+        // @ts-ignore
         comp.problemStatement = exercise.problemStatement!;
         comp.exercise = exercise;
         comp.latestResult = result;
@@ -341,6 +346,7 @@ describe('ProgrammingExerciseInstructionComponent', () => {
             studentAssignedTeamIdComputed: false,
         };
 
+        // @ts-ignore
         comp.problemStatement = exercise.problemStatement!;
         comp.exercise = exercise;
         comp.latestResult = result;
@@ -416,6 +422,7 @@ describe('ProgrammingExerciseInstructionComponent', () => {
             studentAssignedTeamIdComputed: false,
         };
 
+        // @ts-ignore
         comp.problemStatement = exercise.problemStatement!;
         comp.exercise = exercise;
         comp.latestResult = result;
@@ -438,6 +445,7 @@ describe('ProgrammingExerciseInstructionComponent', () => {
         const problemStatement = 'lorem ipsum';
         const updatedProblemStatement = 'new lorem ipsum';
         const updateMarkdownStub = jest.spyOn(comp, 'updateMarkdown');
+        // @ts-ignore
         comp.problemStatement = problemStatement;
         comp.exercise = { problemStatement: updatedProblemStatement } as ProgrammingExercise;
         comp.renderUpdatedProblemStatement();
diff --git a/src/test/javascript/spec/component/programming-exercise/programming-exercise-instructor-trigger-build-button.component.spec.ts b/src/test/javascript/spec/component/programming-exercise/programming-exercise-instructor-trigger-build-button.component.spec.ts
index bf9b03e41e6c..933748dd5f56 100644
--- a/src/test/javascript/spec/component/programming-exercise/programming-exercise-instructor-trigger-build-button.component.spec.ts
+++ b/src/test/javascript/spec/component/programming-exercise/programming-exercise-instructor-trigger-build-button.component.spec.ts
@@ -4,10 +4,6 @@ import { ProgrammingExercise } from 'app/entities/programming/programming-exerci
 import { MockSyncStorage } from '../../helpers/mocks/service/mock-sync-storage.service';
 import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
 import { Course } from 'app/entities/course.model';
-import { MockDirective, MockPipe } from 'ng-mocks';
-import { NgModel } from '@angular/forms';
-import { ButtonComponent } from 'app/shared/components/button.component';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { ProgrammingExerciseInstructorTriggerBuildButtonComponent } from 'app/exercises/programming/shared/actions/programming-exercise-instructor-trigger-build-button.component';
 import { MockNgbModalService } from '../../helpers/mocks/service/mock-ngb-modal.service';
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
@@ -34,7 +30,6 @@ describe('ProgrammingExercise Instructor Trigger Build Component', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [ProgrammingExerciseInstructorTriggerBuildButtonComponent, ButtonComponent, MockPipe(ArtemisTranslatePipe), MockDirective(NgModel)],
             providers: [
                 { provide: NgbModal, useClass: MockNgbModalService },
                 { provide: LocalStorageService, useClass: MockSyncStorage },
diff --git a/src/test/javascript/spec/component/programming-exercise/programming-exercise-lifecycle.component.spec.ts b/src/test/javascript/spec/component/programming-exercise/programming-exercise-lifecycle.component.spec.ts
index 1ebfcb091aaf..e8b0ae20f8f3 100644
--- a/src/test/javascript/spec/component/programming-exercise/programming-exercise-lifecycle.component.spec.ts
+++ b/src/test/javascript/spec/component/programming-exercise/programming-exercise-lifecycle.component.spec.ts
@@ -1,21 +1,17 @@
 import dayjs from 'dayjs/esm';
 import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testing';
 import { ArtemisTestModule } from '../../test.module';
-import { MockComponent, MockDirective } from 'ng-mocks';
 import { ProgrammingExerciseLifecycleComponent } from 'app/exercises/programming/shared/lifecycle/programming-exercise-lifecycle.component';
-import { HelpIconComponent } from 'app/shared/components/help-icon.component';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { ProgrammingExerciseTestScheduleDatePickerComponent } from 'app/exercises/programming/shared/lifecycle/programming-exercise-test-schedule-date-picker.component';
-import { NgModel } from '@angular/forms';
 import { AssessmentType } from 'app/entities/assessment-type.model';
 import { QueryList, SimpleChange } from '@angular/core';
 import { IncludedInOverallScore } from 'app/entities/exercise.model';
 import { expectElementToBeDisabled, expectElementToBeEnabled } from '../../helpers/utils/general.utils';
 import { Course } from 'app/entities/course.model';
-import { ExerciseFeedbackSuggestionOptionsComponent } from 'app/exercises/shared/feedback-suggestion/exercise-feedback-suggestion-options.component';
 import { Subject, of } from 'rxjs';
-import { ActivatedRoute, UrlSegment } from '@angular/router';
-import { TranslatePipeMock } from '../../helpers/mocks/service/mock-translate.service';
+import { ActivatedRoute, UrlSegment, convertToParamMap } from '@angular/router';
+import { OwlNativeDateTimeModule } from '@danielmoncada/angular-datetime-picker';
 
 describe('ProgrammingExerciseLifecycleComponent', () => {
     let comp: ProgrammingExerciseLifecycleComponent;
@@ -29,50 +25,40 @@ describe('ProgrammingExerciseLifecycleComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule],
-            declarations: [
-                ProgrammingExerciseLifecycleComponent,
-                MockComponent(ProgrammingExerciseTestScheduleDatePickerComponent),
-                MockComponent(HelpIconComponent),
-                MockComponent(ExerciseFeedbackSuggestionOptionsComponent),
-                MockDirective(NgModel),
-                TranslatePipeMock,
-            ],
+            imports: [ArtemisTestModule, OwlNativeDateTimeModule],
             providers: [
                 {
                     provide: ActivatedRoute,
                     useValue: {
+                        snapshot: { paramMap: convertToParamMap({ courseId: '1' }) },
                         url: of([{ path: 'programming-exercises' }] as UrlSegment[]),
                     },
                 },
             ],
-        })
-            .compileComponents()
-            .then(() => {
-                fixture = TestBed.createComponent(ProgrammingExerciseLifecycleComponent);
-                comp = fixture.componentInstance;
-
-                exercise = {
-                    id: 42,
-                    dueDate: nextDueDate,
-                    startDate,
-                    buildAndTestStudentSubmissionsAfterDueDate: afterDueDate,
-                    exampleSolutionPublicationDate,
-                } as ProgrammingExercise;
-
-                fixture.componentRef.setInput('isEditFieldDisplayedRecord', {
-                    releaseDate: true,
-                    startDate: true,
-                    dueDate: true,
-                    runTestsAfterDueDate: true,
-                    assessmentDueDate: true,
-                    exampleSolutionPublicationDate: true,
-                    complaintOnAutomaticAssessment: true,
-                    manualFeedbackRequests: true,
-                    showTestNamesToStudents: true,
-                    includeTestsIntoExampleSolution: true,
-                });
-            });
+        }).compileComponents();
+        fixture = TestBed.createComponent(ProgrammingExerciseLifecycleComponent);
+        comp = fixture.componentInstance;
+
+        exercise = {
+            id: 42,
+            dueDate: nextDueDate,
+            startDate,
+            buildAndTestStudentSubmissionsAfterDueDate: afterDueDate,
+            exampleSolutionPublicationDate,
+        } as ProgrammingExercise;
+
+        fixture.componentRef.setInput('isEditFieldDisplayedRecord', {
+            releaseDate: true,
+            startDate: true,
+            dueDate: true,
+            runTestsAfterDueDate: true,
+            assessmentDueDate: true,
+            exampleSolutionPublicationDate: true,
+            complaintOnAutomaticAssessment: true,
+            manualFeedbackRequests: true,
+            showTestNamesToStudents: true,
+            includeTestsIntoExampleSolution: true,
+        });
     });
 
     afterEach(() => {
diff --git a/src/test/javascript/spec/component/programming-exercise/programming-exercise-re-evaluate-button.component.spec.ts b/src/test/javascript/spec/component/programming-exercise/programming-exercise-re-evaluate-button.component.spec.ts
index 16bd1cdf33b0..c7b1c03f4618 100644
--- a/src/test/javascript/spec/component/programming-exercise/programming-exercise-re-evaluate-button.component.spec.ts
+++ b/src/test/javascript/spec/component/programming-exercise/programming-exercise-re-evaluate-button.component.spec.ts
@@ -4,10 +4,6 @@ import { ProgrammingExercise } from 'app/entities/programming/programming-exerci
 import { MockSyncStorage } from '../../helpers/mocks/service/mock-sync-storage.service';
 import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
 import { Course } from 'app/entities/course.model';
-import { MockDirective, MockPipe } from 'ng-mocks';
-import { NgModel } from '@angular/forms';
-import { ButtonComponent } from 'app/shared/components/button.component';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { ProgrammingExerciseReEvaluateButtonComponent } from 'app/exercises/programming/shared/actions/programming-exercise-re-evaluate-button.component';
 import { ProgrammingExerciseGradingService } from 'app/exercises/programming/manage/services/programming-exercise-grading.service';
 
@@ -24,7 +20,6 @@ describe('ProgrammingExercise Re-Evaluate Button Component', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [ProgrammingExerciseReEvaluateButtonComponent, ButtonComponent, MockPipe(ArtemisTranslatePipe), MockDirective(NgModel)],
             providers: [
                 { provide: LocalStorageService, useClass: MockSyncStorage },
                 { provide: SessionStorageService, useClass: MockSyncStorage },
diff --git a/src/test/javascript/spec/component/programming-exercise/programming-exercise-reset-dialog.component.spec.ts b/src/test/javascript/spec/component/programming-exercise/programming-exercise-reset-dialog.component.spec.ts
index 596b3dfad522..7da394cde3f3 100644
--- a/src/test/javascript/spec/component/programming-exercise/programming-exercise-reset-dialog.component.spec.ts
+++ b/src/test/javascript/spec/component/programming-exercise/programming-exercise-reset-dialog.component.spec.ts
@@ -2,7 +2,6 @@ import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testin
 import { of, throwError } from 'rxjs';
 import { HttpResponse } from '@angular/common/http';
 import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
-import { MockComponent, MockDirective, MockPipe } from 'ng-mocks';
 import dayjs from 'dayjs/esm';
 import { ArtemisTestModule } from '../../test.module';
 import { ProgrammingExerciseResetDialogComponent } from 'app/exercises/programming/manage/reset/programming-exercise-reset-dialog.component';
@@ -11,15 +10,8 @@ import { Course } from 'app/entities/course.model';
 import { ProgrammingExerciseResetOptions, ProgrammingExerciseService } from 'app/exercises/programming/manage/services/programming-exercise.service';
 import { AlertService } from 'app/core/util/alert.service';
 import { MockSyncStorage } from '../../helpers/mocks/service/mock-sync-storage.service';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { MockTranslateValuesDirective } from '../../helpers/mocks/directive/mock-translate-values.directive';
 import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
 import { TranslateService } from '@ngx-translate/core';
-import { NgForm, NgModel } from '@angular/forms';
-import { FormDateTimePickerComponent } from 'app/shared/date-time-picker/date-time-picker.component';
-import { FeatureToggleDirective } from 'app/shared/feature-toggle/feature-toggle.directive';
-import { MockHasAnyAuthorityDirective } from '../../helpers/mocks/directive/mock-has-any-authority.directive';
-import { TranslateDirective } from 'app/shared/language/translate.directive';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 
 describe('ProgrammingExerciseResetDialogComponent', () => {
@@ -35,38 +27,24 @@ describe('ProgrammingExerciseResetDialogComponent', () => {
     programmingExercise.dueDate = dayjs().add(7, 'days');
 
     beforeEach(() => {
-        return TestBed.configureTestingModule({
+        TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [
-                ProgrammingExerciseResetDialogComponent,
-                MockTranslateValuesDirective,
-                MockPipe(ArtemisTranslatePipe),
-                MockComponent(FormDateTimePickerComponent),
-                MockDirective(TranslateDirective),
-                MockDirective(FeatureToggleDirective),
-                MockDirective(NgModel),
-                MockDirective(NgForm),
-                MockDirective(MockHasAnyAuthorityDirective),
-            ],
             providers: [
                 { provide: TranslateService, useClass: MockTranslateService },
                 { provide: SessionStorageService, useClass: MockSyncStorage },
                 { provide: LocalStorageService, useClass: MockSyncStorage },
             ],
-        })
-            .compileComponents()
-            .then(() => {
-                // Ignore console errors
-                console.error = () => false;
-                fixture = TestBed.createComponent(ProgrammingExerciseResetDialogComponent);
-                comp = fixture.componentInstance;
-                programmingExerciseService = fixture.debugElement.injector.get(ProgrammingExerciseService);
-
-                // stubs
-                jest.spyOn(programmingExerciseService, 'find').mockReturnValue(of({ body: programmingExercise } as HttpResponse<ProgrammingExercise>));
-
-                comp.programmingExercise = programmingExercise;
-            });
+        }).compileComponents();
+        // Ignore console errors
+        console.error = () => false;
+        fixture = TestBed.createComponent(ProgrammingExerciseResetDialogComponent);
+        comp = fixture.componentInstance;
+        programmingExerciseService = fixture.debugElement.injector.get(ProgrammingExerciseService);
+
+        // stubs
+        jest.spyOn(programmingExerciseService, 'find').mockReturnValue(of({ body: programmingExercise } as HttpResponse<ProgrammingExercise>));
+
+        comp.programmingExercise = programmingExercise;
     });
 
     afterEach(() => {
diff --git a/src/test/javascript/spec/component/programming-exercise/programming-exercise-student-repo-download.component.spec.ts b/src/test/javascript/spec/component/programming-exercise/programming-exercise-student-repo-download.component.spec.ts
index ae746b6195e2..282d7ed28995 100644
--- a/src/test/javascript/spec/component/programming-exercise/programming-exercise-student-repo-download.component.spec.ts
+++ b/src/test/javascript/spec/component/programming-exercise/programming-exercise-student-repo-download.component.spec.ts
@@ -1,12 +1,10 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { ProgrammingExerciseInstructorRepoDownloadComponent } from 'app/exercises/programming/shared/actions/programming-exercise-instructor-repo-download.component';
-import { ButtonComponent } from 'app/shared/components/button.component';
 import { MockProgrammingExerciseService } from '../../helpers/mocks/service/mock-programming-exercise.service';
 import { TranslateModule } from '@ngx-translate/core';
-import { MockComponent } from 'ng-mocks';
 import { ProgrammingExerciseService } from 'app/exercises/programming/manage/services/programming-exercise.service';
 import { ProgrammingExerciseStudentRepoDownloadComponent } from 'app/exercises/programming/shared/actions/programming-exercise-student-repo-download.component';
+import { MockHttpService } from '../../helpers/mocks/service/mock-http.service';
+import { HttpClient } from '@angular/common/http';
 
 describe('ProgrammingExerciseStudentRepoDownloadComponent', () => {
     let comp: ProgrammingExerciseStudentRepoDownloadComponent;
@@ -16,8 +14,10 @@ describe('ProgrammingExerciseStudentRepoDownloadComponent', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [TranslateModule.forRoot()],
-            declarations: [ProgrammingExerciseInstructorRepoDownloadComponent, MockComponent(ButtonComponent)],
-            providers: [{ provide: ProgrammingExerciseService, useClass: MockProgrammingExerciseService }],
+            providers: [
+                { provide: ProgrammingExerciseService, useClass: MockProgrammingExerciseService },
+                { provide: HttpClient, useClass: MockHttpService },
+            ],
         }).compileComponents();
 
         fixture = TestBed.createComponent(ProgrammingExerciseStudentRepoDownloadComponent);
diff --git a/src/test/javascript/spec/component/programming-exercise/programming-exercise-test-case-passed-builds-charts.component.spec.ts b/src/test/javascript/spec/component/programming-exercise/programming-exercise-test-case-passed-builds-charts.component.spec.ts
index b237c4ad56c7..23df194cb383 100644
--- a/src/test/javascript/spec/component/programming-exercise/programming-exercise-test-case-passed-builds-charts.component.spec.ts
+++ b/src/test/javascript/spec/component/programming-exercise/programming-exercise-test-case-passed-builds-charts.component.spec.ts
@@ -2,6 +2,7 @@ import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testin
 
 import { TestCasePassedBuildsChartComponent } from 'app/exercises/programming/manage/grading/charts/test-case-passed-builds-chart.component';
 import { TestCaseStats } from 'app/entities/programming/programming-exercise-test-case-statistics.model';
+import { ArtemisTestModule } from '../../test.module';
 
 describe('TestCasePassedBuildsChartComponent', () => {
     let comp: TestCasePassedBuildsChartComponent;
@@ -9,15 +10,10 @@ describe('TestCasePassedBuildsChartComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [],
-            declarations: [TestCasePassedBuildsChartComponent],
-            providers: [],
-        })
-            .compileComponents()
-            .then(() => {
-                fixture = TestBed.createComponent(TestCasePassedBuildsChartComponent);
-                comp = fixture.componentInstance as TestCasePassedBuildsChartComponent;
-            });
+            imports: [ArtemisTestModule],
+        }).compileComponents();
+        fixture = TestBed.createComponent(TestCasePassedBuildsChartComponent);
+        comp = fixture.componentInstance as TestCasePassedBuildsChartComponent;
     });
 
     const initComponent = (testCaseStats: TestCaseStats | undefined, totalParticipations: number) => {
diff --git a/src/test/javascript/spec/component/programming-exercise/programming-exercise-test-schedule-date-picker.component.spec.ts b/src/test/javascript/spec/component/programming-exercise/programming-exercise-test-schedule-date-picker.component.spec.ts
index 63e21e27214d..de0ecd2f1325 100644
--- a/src/test/javascript/spec/component/programming-exercise/programming-exercise-test-schedule-date-picker.component.spec.ts
+++ b/src/test/javascript/spec/component/programming-exercise/programming-exercise-test-schedule-date-picker.component.spec.ts
@@ -1,13 +1,8 @@
 import dayjs from 'dayjs/esm';
-import { NgModel } from '@angular/forms';
 import { ProgrammingExerciseTestScheduleDatePickerComponent } from 'app/exercises/programming/shared/lifecycle/programming-exercise-test-schedule-date-picker.component';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ArtemisTestModule } from '../../test.module';
-import { OwlDateTimeModule } from '@danielmoncada/angular-datetime-picker';
-import { MockDirective, MockModule, MockPipe } from 'ng-mocks';
-import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { OwlNativeDateTimeModule } from '@danielmoncada/angular-datetime-picker';
 
 describe('ProgrammingExerciseTestScheduleDatePickerComponent', () => {
     let comp: ProgrammingExerciseTestScheduleDatePickerComponent;
@@ -23,29 +18,20 @@ describe('ProgrammingExerciseTestScheduleDatePickerComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, MockModule(OwlDateTimeModule)],
-            declarations: [
-                ProgrammingExerciseTestScheduleDatePickerComponent,
-                MockDirective(NgModel),
-                MockDirective(TranslateDirective),
-                MockPipe(ArtemisDatePipe),
-                MockPipe(ArtemisTranslatePipe),
-            ],
-        })
-            .compileComponents()
-            .then(() => {
-                fixture = TestBed.createComponent(ProgrammingExerciseTestScheduleDatePickerComponent);
-                comp = fixture.componentInstance;
+            imports: [ArtemisTestModule, OwlNativeDateTimeModule],
+        }).compileComponents();
 
-                comp.selectedDate = selectedDate;
-                comp.startAt = startAt;
-                comp.min = min;
-                comp.max = max;
-                comp.label = label;
-                comp.tooltipText = tooltipText;
-                comp.readOnly = readOnly;
-                fixture.detectChanges();
-            });
+        fixture = TestBed.createComponent(ProgrammingExerciseTestScheduleDatePickerComponent);
+        comp = fixture.componentInstance;
+
+        comp.selectedDate = selectedDate;
+        comp.startAt = startAt;
+        comp.min = min;
+        comp.max = max;
+        comp.label = label;
+        comp.tooltipText = tooltipText;
+        comp.readOnly = readOnly;
+        fixture.detectChanges();
     });
 
     it('should not change date when value is reference-equal to selected date', () => {
diff --git a/src/test/javascript/spec/component/programming-exercise/programming-exercise-trigger-all-button.component.spec.ts b/src/test/javascript/spec/component/programming-exercise/programming-exercise-trigger-all-button.component.spec.ts
index 000cf3dbeb54..a602deb351c2 100644
--- a/src/test/javascript/spec/component/programming-exercise/programming-exercise-trigger-all-button.component.spec.ts
+++ b/src/test/javascript/spec/component/programming-exercise/programming-exercise-trigger-all-button.component.spec.ts
@@ -12,10 +12,6 @@ import {
 } from 'app/exercises/programming/shared/actions/programming-exercise-trigger-all-button.component';
 import { ProgrammingSubmissionService } from 'app/exercises/programming/participate/programming-submission.service';
 import { of } from 'rxjs';
-import { MockDirective, MockPipe } from 'ng-mocks';
-import { NgModel } from '@angular/forms';
-import { ButtonComponent } from 'app/shared/components/button.component';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 describe('ProgrammingExercise Trigger All Button Component', () => {
     const course = { id: 123 } as Course;
@@ -31,7 +27,6 @@ describe('ProgrammingExercise Trigger All Button Component', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [ProgrammingExerciseTriggerAllButtonComponent, ButtonComponent, MockPipe(ArtemisTranslatePipe), MockDirective(NgModel)],
             providers: [
                 { provide: NgbModal, useClass: MockNgbModalService },
                 { provide: LocalStorageService, useClass: MockSyncStorage },
diff --git a/src/test/javascript/spec/component/programming-exercise/programming-exercise-update.component.spec.ts b/src/test/javascript/spec/component/programming-exercise/programming-exercise-update.component.spec.ts
index 3de1c9fe3eb5..cc16ff9c57e0 100644
--- a/src/test/javascript/spec/component/programming-exercise/programming-exercise-update.component.spec.ts
+++ b/src/test/javascript/spec/component/programming-exercise/programming-exercise-update.component.spec.ts
@@ -1,8 +1,9 @@
 import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testing';
 import { DebugElement } from '@angular/core';
 import { HttpHeaders, HttpResponse } from '@angular/common/http';
-import { ActivatedRoute, UrlSegment } from '@angular/router';
+import { UrlSegment } from '@angular/router';
 import { WindFile } from 'app/entities/programming/wind.file';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { Subject, of, throwError } from 'rxjs';
 import dayjs from 'dayjs/esm';
 import { MockNgbModalService } from '../../helpers/mocks/service/mock-ngb-modal.service';
@@ -10,78 +11,47 @@ import { ArtemisTestModule } from '../../test.module';
 import { LOCAL_STORAGE_KEY_IS_SIMPLE_MODE, ProgrammingExerciseUpdateComponent } from 'app/exercises/programming/manage/update/programming-exercise-update.component';
 import { ProgrammingExerciseService } from 'app/exercises/programming/manage/services/programming-exercise.service';
 import { ProgrammingExercise, ProgrammingLanguage, ProjectType } from 'app/entities/programming/programming-exercise.model';
-import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
-import { MockSyncStorage } from '../../helpers/mocks/service/mock-sync-storage.service';
-import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
-import { TranslateService } from '@ngx-translate/core';
 import { Course } from 'app/entities/course.model';
-import { MockActivatedRoute } from '../../helpers/mocks/activated-route/mock-activated-route';
 import { ExerciseGroup } from 'app/entities/exercise-group.model';
 import { ExerciseGroupService } from 'app/exam/manage/exercise-groups/exercise-group.service';
 import { CourseManagementService } from 'app/course/manage/course-management.service';
+import '@angular/localize/init';
 import {
     ProgrammingLanguageFeature,
     ProgrammingLanguageFeatureService,
 } from 'app/exercises/programming/shared/service/programming-language-feature/programming-language-feature.service';
-import { MockComponent, MockDirective, MockModule, MockPipe } from 'ng-mocks';
-import { NgxDatatableModule } from '@siemens/ngx-datatable';
-import { HelpIconComponent } from 'app/shared/components/help-icon.component';
-import { CustomMinDirective } from 'app/shared/validators/custom-min-validator.directive';
-import { ButtonComponent } from 'app/shared/components/button.component';
-import { ProgrammingExerciseEditableInstructionComponent } from 'app/exercises/programming/manage/instructions-editor/programming-exercise-editable-instruction.component';
-import { GradingInstructionsDetailsComponent } from 'app/exercises/shared/structured-grading-criterion/grading-instructions-details/grading-instructions-details.component';
-import { CustomMaxDirective } from 'app/shared/validators/custom-max-validator.directive';
-import { ProgrammingExerciseInstructionComponent } from 'app/exercises/programming/shared/instructions-render/programming-exercise-instruction.component';
-import { PresentationScoreComponent } from 'app/exercises/shared/presentation-score/presentation-score.component';
-import { ProgrammingExerciseLifecycleComponent } from 'app/exercises/programming/shared/lifecycle/programming-exercise-lifecycle.component';
-import { TeamConfigFormGroupComponent } from 'app/exercises/shared/team-config-form-group/team-config-form-group.component';
-import { DifficultyPickerComponent } from 'app/exercises/shared/difficulty-picker/difficulty-picker.component';
-import { RemoveAuxiliaryRepositoryButtonComponent } from 'app/exercises/programming/manage/update/remove-auxiliary-repository-button.component';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { CheckboxControlValueAccessor, DefaultValueAccessor, NgForm, NgModel, NumberValueAccessor, SelectControlValueAccessor } from '@angular/forms';
-import { IncludedInOverallScorePickerComponent } from 'app/exercises/shared/included-in-overall-score-picker/included-in-overall-score-picker.component';
-import { CategorySelectorComponent } from 'app/shared/category-selector/category-selector.component';
-import { AddAuxiliaryRepositoryButtonComponent } from 'app/exercises/programming/manage/update/add-auxiliary-repository-button.component';
-import { TranslateDirective } from 'app/shared/language/translate.directive';
-import { TableEditableFieldComponent } from 'app/shared/table/table-editable-field.component';
-import { RemoveKeysPipe } from 'app/shared/pipes/remove-keys.pipe';
-import { SubmissionPolicyUpdateComponent } from 'app/exercises/shared/submission-policy/submission-policy-update.component';
 import { LockRepositoryPolicy, SubmissionPenaltyPolicy } from 'app/entities/submission-policy.model';
-import { OwlDateTimeModule } from '@danielmoncada/angular-datetime-picker';
-import { ModePickerComponent } from 'app/exercises/shared/mode-picker/mode-picker.component';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
-import { NgbTooltipMocksModule } from '../../helpers/mocks/directive/ngbTooltipMocks.module';
-import { NgbAlertsMocksModule } from '../../helpers/mocks/directive/ngbAlertsMocks.module';
-import { CompetencySelectionComponent } from 'app/shared/competency-selection/competency-selection.component';
 import { ProgrammingExerciseInformationComponent } from 'app/exercises/programming/manage/update/update-components/information/programming-exercise-information.component';
 import { ProgrammingExerciseModeComponent } from 'app/exercises/programming/manage/update/update-components/mode/programming-exercise-mode.component';
 import { ProgrammingExerciseLanguageComponent } from 'app/exercises/programming/manage/update/update-components/language/programming-exercise-language.component';
 import { ProgrammingExerciseGradingComponent } from 'app/exercises/programming/manage/update/update-components/grading/programming-exercise-grading.component';
-import { ProgrammingExerciseProblemComponent } from 'app/exercises/programming/manage/update/update-components/problem/programming-exercise-problem.component';
-import { DocumentationButtonComponent } from 'app/shared/components/documentation-button/documentation-button.component';
 import { ExerciseCategory } from 'app/entities/exercise-category.model';
-import { ExerciseUpdateNotificationComponent } from 'app/exercises/shared/exercise-update-notification/exercise-update-notification.component';
 import { ExerciseUpdatePlagiarismComponent } from 'app/exercises/shared/plagiarism/exercise-update-plagiarism/exercise-update-plagiarism.component';
 import * as Utils from 'app/exercises/shared/course-exercises/course-utils';
 import { AuxiliaryRepository } from 'app/entities/programming/programming-exercise-auxiliary-repository-model';
 import { AlertService, AlertType } from 'app/core/util/alert.service';
-import { FormStatusBarComponent } from 'app/forms/form-status-bar/form-status-bar.component';
-import { FormFooterComponent } from 'app/forms/form-footer/form-footer.component';
-import { ProgrammingExerciseRepositoryAndBuildPlanDetailsComponent } from 'app/exercises/programming/shared/build-details/programming-exercise-repository-and-build-plan-details.component';
 import { ProfileInfo } from 'app/shared/layouts/profiles/profile-info.model';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 import { PROFILE_THEIA } from 'app/app.constants';
-import { SwitchEditModeButtonComponent } from 'app/exercises/programming/manage/update/switch-edit-mode-button/switch-edit-mode-button.component';
-import { TitleChannelNameComponent } from 'app/shared/form/title-channel-name/title-channel-name.component';
-import { ExerciseTitleChannelNameModule } from 'app/exercises/shared/exercise-title-channel-name/exercise-title-channel-name.module';
-import { CustomNotIncludedInValidatorDirective } from '../../../../../main/webapp/app/shared/validators/custom-not-included-in-validator.directive';
-import { ProgrammingExerciseDifficultyComponent } from '../../../../../main/webapp/app/exercises/programming/manage/update/update-components/difficulty/programming-exercise-difficulty.component';
 import { APP_NAME_PATTERN_FOR_SWIFT, PACKAGE_NAME_PATTERN_FOR_JAVA_KOTLIN } from '../../../../../main/webapp/app/shared/constants/input.constants';
+import { ActivatedRoute, convertToParamMap } from '@angular/router';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { OwlNativeDateTimeModule } from '@danielmoncada/angular-datetime-picker';
+import { MockResizeObserver } from '../../helpers/mocks/service/mock-resize-observer';
+import { ProgrammingExerciseInstructionAnalysisService } from '../../../../../main/webapp/app/exercises/programming/manage/instructions-editor/analysis/programming-exercise-instruction-analysis.service';
 
 describe('ProgrammingExerciseUpdateComponent', () => {
     const courseId = 1;
     const course = { id: courseId } as Course;
-
+    const route = {
+        snapshot: { paramMap: convertToParamMap({ courseId: '1' }) },
+        url: {
+            pipe: () => ({
+                subscribe: () => {},
+            }),
+        },
+    } as ActivatedRoute;
     let comp: ProgrammingExerciseUpdateComponent;
     let fixture: ComponentFixture<ProgrammingExerciseUpdateComponent>;
     let debugElement: DebugElement;
@@ -96,110 +66,46 @@ describe('ProgrammingExerciseUpdateComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [
-                ArtemisTestModule,
-                NgxDatatableModule,
-                OwlDateTimeModule,
-                NgbTooltipMocksModule,
-                NgbAlertsMocksModule,
-                ProgrammingExerciseInformationComponent,
-                TitleChannelNameComponent,
-            ],
-            declarations: [
-                ProgrammingExerciseUpdateComponent,
-                // The following directives need to be imported raw because the SCA tests heavily rely on the UI interaction with the native inputs.
-                // Mocking that interaction defeats the purpose of interacting with the UI in the first place.
-                NgForm,
-                NgModel,
-                CheckboxControlValueAccessor,
-                DefaultValueAccessor,
-                SelectControlValueAccessor,
-                NumberValueAccessor,
-                MockComponent(HelpIconComponent),
-                MockComponent(ProgrammingExerciseRepositoryAndBuildPlanDetailsComponent),
-                MockComponent(TableEditableFieldComponent),
-                MockComponent(RemoveAuxiliaryRepositoryButtonComponent),
-                MockComponent(CategorySelectorComponent),
-                MockComponent(AddAuxiliaryRepositoryButtonComponent),
-                MockComponent(DifficultyPickerComponent),
-                MockComponent(TeamConfigFormGroupComponent),
-                MockComponent(ProgrammingExerciseLifecycleComponent),
-                MockComponent(IncludedInOverallScorePickerComponent),
-                MockComponent(SubmissionPolicyUpdateComponent),
-                MockComponent(PresentationScoreComponent),
-                MockComponent(ProgrammingExerciseInstructionComponent),
-                MockComponent(ProgrammingExerciseEditableInstructionComponent),
-                MockComponent(GradingInstructionsDetailsComponent),
-                MockComponent(ButtonComponent),
-                MockComponent(CompetencySelectionComponent),
-                MockComponent(ProgrammingExerciseModeComponent),
-                MockComponent(ProgrammingExerciseLanguageComponent),
-                MockComponent(ProgrammingExerciseGradingComponent),
-                MockComponent(ProgrammingExerciseProblemComponent),
-                MockComponent(DocumentationButtonComponent),
-                MockComponent(FormStatusBarComponent),
-                MockComponent(FormFooterComponent),
-                MockPipe(RemoveKeysPipe),
-                MockPipe(ArtemisTranslatePipe),
-                MockDirective(CustomMinDirective),
-                MockDirective(CustomMaxDirective),
-                MockDirective(TranslateDirective),
-                MockComponent(ModePickerComponent),
-                MockComponent(ExerciseUpdateNotificationComponent),
-                MockComponent(ExerciseUpdatePlagiarismComponent),
-                MockComponent(SwitchEditModeButtonComponent),
-                MockModule(ExerciseTitleChannelNameModule),
-                MockDirective(CustomNotIncludedInValidatorDirective),
-                MockComponent(ProgrammingExerciseDifficultyComponent),
-            ],
+            imports: [ArtemisTestModule, BrowserAnimationsModule, FaIconComponent, OwlNativeDateTimeModule],
             providers: [
-                { provide: LocalStorageService, useClass: MockSyncStorage },
-                { provide: SessionStorageService, useClass: MockSyncStorage },
-                { provide: TranslateService, useClass: MockTranslateService },
-                { provide: ActivatedRoute, useValue: new MockActivatedRoute({}) },
+                { provide: ActivatedRoute, useValue: route },
                 { provide: NgbModal, useClass: MockNgbModalService },
-                {
-                    provide: AlertService,
-                    useValue: {
-                        addAlert: () => {},
-                    },
-                },
+                { provide: ProgrammingExerciseInstructionAnalysisService, useClass: ProgrammingExerciseInstructionAnalysisService },
             ],
-        })
-            .compileComponents()
-            .then(() => {
-                fixture = TestBed.createComponent(ProgrammingExerciseUpdateComponent);
-                comp = fixture.componentInstance;
-                debugElement = fixture.debugElement;
-                programmingExerciseService = debugElement.injector.get(ProgrammingExerciseService);
-                courseService = debugElement.injector.get(CourseManagementService);
-                exerciseGroupService = debugElement.injector.get(ExerciseGroupService);
-                programmingExerciseFeatureService = debugElement.injector.get(ProgrammingLanguageFeatureService);
-                alertService = debugElement.injector.get(AlertService);
-                profileService = debugElement.injector.get(ProfileService);
-
-                getProfileInfoSub = jest.spyOn(profileService, 'getProfileInfo');
-                const newProfileInfo = new ProfileInfo();
-                newProfileInfo.activeProfiles = [];
-                getProfileInfoSub.mockReturnValue(of(newProfileInfo));
-
-                comp.isSimpleMode.set(false);
-
-                const route = TestBed.inject(ActivatedRoute);
-                const programmingExercise = new ProgrammingExercise(undefined, undefined);
-                programmingExercise.programmingLanguage = ProgrammingLanguage.JAVA;
-                route.data = of({ programmingExercise });
-                jest.spyOn(programmingExerciseFeatureService, 'getProgrammingLanguageFeature').mockReturnValue({
-                    programmingLanguage: ProgrammingLanguage.JAVA,
-                    sequentialTestRuns: true,
-                    staticCodeAnalysis: true,
-                    plagiarismCheckSupported: true,
-                    packageNameRequired: true,
-                    checkoutSolutionRepositoryAllowed: true,
-                    projectTypes: [ProjectType.PLAIN_MAVEN, ProjectType.MAVEN_MAVEN],
-                    auxiliaryRepositoriesSupported: true,
-                } as ProgrammingLanguageFeature);
-            });
+        }).compileComponents();
+        fixture = TestBed.createComponent(ProgrammingExerciseUpdateComponent);
+        comp = fixture.componentInstance;
+        debugElement = fixture.debugElement;
+        programmingExerciseService = debugElement.injector.get(ProgrammingExerciseService);
+        courseService = debugElement.injector.get(CourseManagementService);
+        exerciseGroupService = debugElement.injector.get(ExerciseGroupService);
+        programmingExerciseFeatureService = debugElement.injector.get(ProgrammingLanguageFeatureService);
+        alertService = debugElement.injector.get(AlertService);
+        profileService = debugElement.injector.get(ProfileService);
+
+        getProfileInfoSub = jest.spyOn(profileService, 'getProfileInfo');
+        const newProfileInfo = new ProfileInfo();
+        newProfileInfo.activeProfiles = [];
+        getProfileInfoSub.mockReturnValue(of(newProfileInfo));
+
+        comp.isSimpleMode.set(false);
+
+        const programmingExercise = new ProgrammingExercise(undefined, undefined);
+        programmingExercise.programmingLanguage = ProgrammingLanguage.JAVA;
+        route.data = of({ programmingExercise });
+        jest.spyOn(programmingExerciseFeatureService, 'getProgrammingLanguageFeature').mockReturnValue({
+            programmingLanguage: ProgrammingLanguage.JAVA,
+            sequentialTestRuns: true,
+            staticCodeAnalysis: true,
+            plagiarismCheckSupported: true,
+            packageNameRequired: true,
+            checkoutSolutionRepositoryAllowed: true,
+            projectTypes: [ProjectType.PLAIN_MAVEN, ProjectType.MAVEN_MAVEN],
+            auxiliaryRepositoriesSupported: true,
+        } as ProgrammingLanguageFeature);
+        global.ResizeObserver = jest.fn().mockImplementation((callback: ResizeObserverCallback) => {
+            return new MockResizeObserver(callback);
+        });
     });
 
     describe('initializeEditMode', () => {
diff --git a/src/test/javascript/spec/component/programming-exercise/programming-exercise.component.spec.ts b/src/test/javascript/spec/component/programming-exercise/programming-exercise.component.spec.ts
index ec6b28b573ab..4bc6c12caa24 100644
--- a/src/test/javascript/spec/component/programming-exercise/programming-exercise.component.spec.ts
+++ b/src/test/javascript/spec/component/programming-exercise/programming-exercise.component.spec.ts
@@ -43,7 +43,6 @@ describe('ProgrammingExercise Management Component', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [ProgrammingExerciseComponent],
             providers: [
                 { provide: SessionStorageService, useClass: MockSyncStorage },
                 { provide: LocalStorageService, useClass: MockSyncStorage },
diff --git a/src/test/javascript/spec/component/programming-exercise/sca-category-distribution-chart.component.spec.ts b/src/test/javascript/spec/component/programming-exercise/sca-category-distribution-chart.component.spec.ts
index 863bb75ed2ca..317b05b468a8 100644
--- a/src/test/javascript/spec/component/programming-exercise/sca-category-distribution-chart.component.spec.ts
+++ b/src/test/javascript/spec/component/programming-exercise/sca-category-distribution-chart.component.spec.ts
@@ -1,10 +1,6 @@
 import { ArtemisTestModule } from '../../test.module';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
 import { ScaCategoryDistributionChartComponent } from 'app/exercises/programming/manage/grading/charts/sca-category-distribution-chart.component';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MockModule, MockPipe, MockProvider } from 'ng-mocks';
-import { BarChartModule } from '@swimlane/ngx-charts';
 import { TranslateService } from '@ngx-translate/core';
 import { StaticCodeAnalysisCategory, StaticCodeAnalysisCategoryState } from 'app/entities/programming/static-code-analysis-category.model';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
@@ -55,9 +51,7 @@ describe('SCA category distribution chart', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, MockModule(BarChartModule)],
-            declarations: [ScaCategoryDistributionChartComponent, MockPipe(ArtemisTranslatePipe)],
-            providers: [MockProvider(ArtemisNavigationUtilService), { provide: TranslateService, useClass: MockTranslateService }],
+            imports: [ArtemisTestModule],
         }).compileComponents();
 
         fixture = TestBed.createComponent(ScaCategoryDistributionChartComponent);
diff --git a/src/test/javascript/spec/component/programming-exercise/test-case-distribution-chart.component.spec.ts b/src/test/javascript/spec/component/programming-exercise/test-case-distribution-chart.component.spec.ts
index f022af2d9cd1..7f0ead7313c8 100644
--- a/src/test/javascript/spec/component/programming-exercise/test-case-distribution-chart.component.spec.ts
+++ b/src/test/javascript/spec/component/programming-exercise/test-case-distribution-chart.component.spec.ts
@@ -1,13 +1,10 @@
 import { ArtemisTestModule } from '../../test.module';
-import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { TranslateService } from '@ngx-translate/core';
 import { TestCaseDistributionChartComponent } from 'app/exercises/programming/manage/grading/charts/test-case-distribution-chart.component';
-import { MockModule, MockPipe, MockProvider } from 'ng-mocks';
-import { BarChartModule } from '@swimlane/ngx-charts';
+import { MockProvider } from 'ng-mocks';
 import { ProgrammingExerciseTestCase, Visibility } from 'app/entities/programming/programming-exercise-test-case.model';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { TestCaseStatsMap } from 'app/entities/programming/programming-exercise-test-case-statistics.model';
 import { ArtemisNavigationUtilService } from 'app/utils/navigation.utils';
 
@@ -71,9 +68,8 @@ describe('Test case distribution chart', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, MockModule(BarChartModule)],
-            declarations: [TestCaseDistributionChartComponent, MockPipe(ArtemisTranslatePipe)],
-            providers: [MockProvider(ArtemisNavigationUtilService), { provide: TranslateService, useClass: MockTranslateService }],
+            imports: [ArtemisTestModule],
+            providers: [MockProvider(ArtemisNavigationUtilService)],
         }).compileComponents();
 
         fixture = TestBed.createComponent(TestCaseDistributionChartComponent);
diff --git a/src/test/javascript/spec/component/programming-exercise/update-components/programming-exercise-grading.component.spec.ts b/src/test/javascript/spec/component/programming-exercise/update-components/programming-exercise-grading.component.spec.ts
index 06426db2f4b5..7d3d9f01619f 100644
--- a/src/test/javascript/spec/component/programming-exercise/update-components/programming-exercise-grading.component.spec.ts
+++ b/src/test/javascript/spec/component/programming-exercise/update-components/programming-exercise-grading.component.spec.ts
@@ -1,8 +1,7 @@
 import { ComponentFixture, TestBed, fakeAsync } from '@angular/core/testing';
-import { MockComponent, MockDirective, MockPipe } from 'ng-mocks';
+import { MockDirective } from 'ng-mocks';
 import { ActivatedRoute } from '@angular/router';
 import { Subject, of } from 'rxjs';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { ProgrammingExerciseGradingComponent } from 'app/exercises/programming/manage/update/update-components/grading/programming-exercise-grading.component';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { IncludedInOverallScore } from 'app/entities/exercise.model';
@@ -10,82 +9,59 @@ import { AssessmentType } from 'app/entities/assessment-type.model';
 import { SubmissionPolicyType } from 'app/entities/submission-policy.model';
 import { MockTranslateService } from '../../../helpers/mocks/service/mock-translate.service';
 import { TranslateService } from '@ngx-translate/core';
-import { CheckboxControlValueAccessor, DefaultValueAccessor, NgModel, NumberValueAccessor, SelectControlValueAccessor } from '@angular/forms';
-import { HelpIconComponent } from 'app/shared/components/help-icon.component';
 import { ProgrammingExerciseLifecycleComponent } from 'app/exercises/programming/shared/lifecycle/programming-exercise-lifecycle.component';
-import { IncludedInOverallScorePickerComponent } from 'app/exercises/shared/included-in-overall-score-picker/included-in-overall-score-picker.component';
 import { SubmissionPolicyUpdateComponent } from 'app/exercises/shared/submission-policy/submission-policy-update.component';
-import { PresentationScoreComponent } from 'app/exercises/shared/presentation-score/presentation-score.component';
-import { FaIconComponent } from '@fortawesome/angular-fontawesome';
-import { CustomMinDirective } from 'app/shared/validators/custom-min-validator.directive';
-import { CustomMaxDirective } from 'app/shared/validators/custom-max-validator.directive';
-import { NgbAlertsMocksModule } from '../../../helpers/mocks/directive/ngbAlertsMocks.module';
 import { NgbCollapse, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
 import { programmingExerciseCreationConfigMock } from './programming-exercise-creation-config-mock';
-import { TranslateDirective } from 'app/shared/language/translate.directive';
-import { GradingInstructionsDetailsComponent } from 'app/exercises/shared/structured-grading-criterion/grading-instructions-details/grading-instructions-details.component';
 import { ProgrammingExerciseInputField } from 'app/exercises/programming/manage/update/programming-exercise-update.helper';
+import { ArtemisTestModule } from '../../../test.module';
 
 describe('ProgrammingExerciseGradingComponent', () => {
     let fixture: ComponentFixture<ProgrammingExerciseGradingComponent>;
     let comp: ProgrammingExerciseGradingComponent;
 
+    const route = {
+        queryParams: of({}),
+        url: {
+            pipe: () => ({
+                subscribe: () => {},
+            }),
+        },
+    } as ActivatedRoute;
+
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [NgbAlertsMocksModule, MockDirective(NgbTooltip), MockDirective(NgbCollapse)],
-            declarations: [
-                ProgrammingExerciseGradingComponent,
-                NgModel,
-                CheckboxControlValueAccessor,
-                DefaultValueAccessor,
-                SelectControlValueAccessor,
-                NumberValueAccessor,
-                MockDirective(CustomMinDirective),
-                MockDirective(CustomMaxDirective),
-                MockPipe(ArtemisTranslatePipe),
-                MockComponent(HelpIconComponent),
-                MockComponent(ProgrammingExerciseLifecycleComponent),
-                MockComponent(IncludedInOverallScorePickerComponent),
-                MockComponent(SubmissionPolicyUpdateComponent),
-                MockComponent(PresentationScoreComponent),
-                MockComponent(FaIconComponent),
-                MockDirective(TranslateDirective),
-                MockComponent(GradingInstructionsDetailsComponent),
-            ],
+            imports: [ArtemisTestModule, MockDirective(NgbTooltip), MockDirective(NgbCollapse)],
+
             providers: [
                 { provide: TranslateService, useClass: MockTranslateService },
-                {
-                    provide: ActivatedRoute,
-                    useValue: { queryParams: of({}) },
-                },
+                { provide: ActivatedRoute, useValue: route },
             ],
             schemas: [],
-        })
-            .compileComponents()
-            .then(() => {
-                fixture = TestBed.createComponent(ProgrammingExerciseGradingComponent);
-                comp = fixture.componentInstance;
-
-                comp.programmingExerciseCreationConfig = programmingExerciseCreationConfigMock;
-                fixture.componentRef.setInput('isEditFieldDisplayedRecord', {
-                    includeExerciseInCourseScoreCalculation: true,
-                    points: true,
-                    bonusPoints: true,
-                    submissionPolicy: true,
-                    timeline: true,
-                    assessmentInstructions: true,
-                    presentationScore: true,
-                });
+        }).compileComponents();
+
+        fixture = TestBed.createComponent(ProgrammingExerciseGradingComponent);
+        comp = fixture.componentInstance;
+
+        comp.programmingExerciseCreationConfig = programmingExerciseCreationConfigMock;
+        fixture.componentRef.setInput('isEditFieldDisplayedRecord', {
+            includeExerciseInCourseScoreCalculation: true,
+            points: true,
+            bonusPoints: true,
+            submissionPolicy: true,
+            timeline: true,
+            assessmentInstructions: true,
+            presentationScore: true,
+        });
 
-                const exercise = new ProgrammingExercise(undefined, undefined);
-                exercise.maxPoints = 10;
-                exercise.includedInOverallScore = IncludedInOverallScore.INCLUDED_COMPLETELY;
-                exercise.assessmentType = AssessmentType.AUTOMATIC;
-                exercise.submissionPolicy = { type: SubmissionPolicyType.NONE };
-                exercise.staticCodeAnalysisEnabled = true;
+        const exercise = new ProgrammingExercise(undefined, undefined);
+        exercise.maxPoints = 10;
+        exercise.includedInOverallScore = IncludedInOverallScore.INCLUDED_COMPLETELY;
+        exercise.assessmentType = AssessmentType.AUTOMATIC;
+        exercise.submissionPolicy = { type: SubmissionPolicyType.NONE };
+        exercise.staticCodeAnalysisEnabled = true;
 
-                comp.programmingExercise = exercise;
-            });
+        comp.programmingExercise = exercise;
     });
 
     afterEach(() => {
@@ -188,7 +164,7 @@ describe('ProgrammingExerciseGradingComponent', () => {
         comp.submissionPolicyUpdateComponent = { form: { valueChanges: new Subject() } } as any as SubmissionPolicyUpdateComponent;
         comp.lifecycleComponent = { formValidChanges: new Subject() } as any as ProgrammingExerciseLifecycleComponent;
 
-        comp.ngAfterViewInit();
+        comp.ngAfterContentInit();
 
         (comp.submissionPolicyUpdateComponent.form.valueChanges as Subject<boolean>).next(false);
         comp.lifecycleComponent.formValidChanges.next(false);
@@ -217,11 +193,13 @@ describe('ProgrammingExerciseGradingComponent', () => {
         testCases.forEach(({ name, selector, field, extraCondition }) => {
             describe('should handle input field ' + name + ' properly', () => {
                 it('should be displayed', () => {
+                    fixture.detectChanges();
                     extraCondition?.();
                     checkFieldVisibility(selector, true);
                 });
 
                 it('should NOT be displayed', () => {
+                    fixture.detectChanges();
                     extraCondition?.();
                     comp.isEditFieldDisplayedRecord()[field] = false;
                     checkFieldVisibility(selector, false);
diff --git a/src/test/javascript/spec/component/programming-exercise/update-components/programming-exercise-information.component.spec.ts b/src/test/javascript/spec/component/programming-exercise/update-components/programming-exercise-information.component.spec.ts
index dd2f9feb61e8..28b11bde84b2 100644
--- a/src/test/javascript/spec/component/programming-exercise/update-components/programming-exercise-information.component.spec.ts
+++ b/src/test/javascript/spec/component/programming-exercise/update-components/programming-exercise-information.component.spec.ts
@@ -1,27 +1,21 @@
 import { ComponentFixture, TestBed, fakeAsync } from '@angular/core/testing';
-import { MockComponent, MockDirective, MockModule, MockPipe, MockProvider } from 'ng-mocks';
+import { MockProvider } from 'ng-mocks';
 import { ActivatedRoute } from '@angular/router';
 import { Subject, of } from 'rxjs';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+
 import { ProgrammingExerciseInformationComponent } from 'app/exercises/programming/manage/update/update-components/information/programming-exercise-information.component';
-import { DefaultValueAccessor, NgModel } from '@angular/forms';
-import { RemoveKeysPipe } from 'app/shared/pipes/remove-keys.pipe';
+import { NgModel } from '@angular/forms';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { ProgrammingExerciseBuildConfig } from 'app/entities/programming/programming-exercise-build.config';
-import { HelpIconComponent } from 'app/shared/components/help-icon.component';
-import { CategorySelectorComponent } from 'app/shared/category-selector/category-selector.component';
-import { AddAuxiliaryRepositoryButtonComponent } from 'app/exercises/programming/manage/update/add-auxiliary-repository-button.component';
 import { programmingExerciseCreationConfigMock } from './programming-exercise-creation-config-mock';
-import { ExerciseTitleChannelNameComponent } from 'app/exercises/shared/exercise-title-channel-name/exercise-title-channel-name.component';
 import { TableEditableFieldComponent } from 'app/shared/table/table-editable-field.component';
 import { QueryList } from '@angular/core';
-import { ProgrammingExerciseRepositoryAndBuildPlanDetailsComponent } from 'app/exercises/programming/shared/build-details/programming-exercise-repository-and-build-plan-details.component';
 import { ProgrammingExerciseEditCheckoutDirectoriesComponent } from 'app/exercises/programming/shared/build-details/programming-exercise-edit-checkout-directories/programming-exercise-edit-checkout-directories.component';
-import { ArtemisProgrammingExerciseUpdateModule } from 'app/exercises/programming/manage/update/programming-exercise-update.module';
-import { CustomNotIncludedInValidatorDirective } from '../../../../../../main/webapp/app/shared/validators/custom-not-included-in-validator.directive';
 import { ExerciseService } from '../../../../../../main/webapp/app/exercises/shared/exercise/exercise.service';
 import { MockExerciseService } from '../../../helpers/mocks/service/mock-exercise.service';
 import { AlertService } from '../../../../../../main/webapp/app/core/util/alert.service';
+import { ArtemisTestModule } from '../../../test.module';
 
 describe('ProgrammingExerciseInformationComponent', () => {
     let fixture: ComponentFixture<ProgrammingExerciseInformationComponent>;
@@ -29,22 +23,7 @@ describe('ProgrammingExerciseInformationComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [],
-            declarations: [
-                ProgrammingExerciseInformationComponent,
-                DefaultValueAccessor,
-                NgModel,
-                MockComponent(HelpIconComponent),
-                MockComponent(ExerciseTitleChannelNameComponent),
-                MockComponent(ProgrammingExerciseRepositoryAndBuildPlanDetailsComponent),
-                MockComponent(ProgrammingExerciseEditCheckoutDirectoriesComponent),
-                MockComponent(CategorySelectorComponent),
-                MockComponent(AddAuxiliaryRepositoryButtonComponent),
-                MockPipe(ArtemisTranslatePipe),
-                MockPipe(RemoveKeysPipe),
-                MockModule(ArtemisProgrammingExerciseUpdateModule),
-                MockDirective(CustomNotIncludedInValidatorDirective),
-            ],
+            imports: [ArtemisTestModule, BrowserAnimationsModule],
             providers: [
                 MockProvider(AlertService),
                 {
@@ -57,25 +36,21 @@ describe('ProgrammingExerciseInformationComponent', () => {
                 },
             ],
             schemas: [],
-        })
-            .compileComponents()
-            .then(() => {
-                fixture = TestBed.createComponent(ProgrammingExerciseInformationComponent);
-                comp = fixture.componentInstance;
-
-                comp.programmingExerciseCreationConfig = programmingExerciseCreationConfigMock;
-
-                fixture.componentRef.setInput('programmingExercise', new ProgrammingExercise(undefined, undefined));
-                fixture.componentRef.setInput('isEditFieldDisplayedRecord', {
-                    shortName: true,
-                    categories: true,
-                });
-                fixture.componentRef.setInput('isSimpleMode', false);
-                fixture.componentRef.setInput('isExamMode', false);
-                fixture.componentRef.setInput('isImport', false);
-
-                comp.programmingExercise().buildConfig = new ProgrammingExerciseBuildConfig();
-            });
+        }).compileComponents();
+        fixture = TestBed.createComponent(ProgrammingExerciseInformationComponent);
+        comp = fixture.componentInstance;
+
+        fixture.componentRef.setInput('programmingExercise', new ProgrammingExercise(undefined, undefined));
+        fixture.componentRef.setInput('isEditFieldDisplayedRecord', {
+            shortName: true,
+            categories: true,
+        });
+        fixture.componentRef.setInput('isSimpleMode', false);
+        fixture.componentRef.setInput('isExamMode', false);
+        fixture.componentRef.setInput('isImport', false);
+        fixture.componentRef.setInput('isLocal', false);
+        fixture.componentRef.setInput('programmingExerciseCreationConfig', programmingExerciseCreationConfigMock);
+        comp.programmingExercise().buildConfig = new ProgrammingExerciseBuildConfig();
     });
 
     afterEach(() => {
diff --git a/src/test/javascript/spec/component/programming-exercise/update-components/programming-exercise-language.component.spec.ts b/src/test/javascript/spec/component/programming-exercise/update-components/programming-exercise-language.component.spec.ts
index d5baffd9ae0c..3f281fff5682 100644
--- a/src/test/javascript/spec/component/programming-exercise/update-components/programming-exercise-language.component.spec.ts
+++ b/src/test/javascript/spec/component/programming-exercise/update-components/programming-exercise-language.component.spec.ts
@@ -1,16 +1,12 @@
 import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testing';
-import { MockPipe } from 'ng-mocks';
 import { ActivatedRoute } from '@angular/router';
 import { of } from 'rxjs';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { CheckboxControlValueAccessor, DefaultValueAccessor, NgModel, NumberValueAccessor, SelectControlValueAccessor } from '@angular/forms';
-import { RemoveKeysPipe } from 'app/shared/pipes/remove-keys.pipe';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
 import { ProgrammingExerciseLanguageComponent } from 'app/exercises/programming/manage/update/update-components/language/programming-exercise-language.component';
 import { programmingExerciseCreationConfigMock } from './programming-exercise-creation-config-mock';
-import { ProgrammingExerciseTheiaComponent } from 'app/exercises/programming/manage/update/update-components/theia/programming-exercise-theia.component';
 import { provideHttpClient } from '@angular/common/http';
 import { TheiaService } from 'app/exercises/programming/shared/service/theia.service';
+import { ArtemisTestModule } from '../../../test.module';
 
 describe('ProgrammingExerciseLanguageComponent', () => {
     let fixture: ComponentFixture<ProgrammingExerciseLanguageComponent>;
@@ -23,18 +19,7 @@ describe('ProgrammingExerciseLanguageComponent', () => {
             getTheiaImages: jest.fn(),
         };
         TestBed.configureTestingModule({
-            imports: [],
-            declarations: [
-                ProgrammingExerciseLanguageComponent,
-                ProgrammingExerciseTheiaComponent,
-                CheckboxControlValueAccessor,
-                DefaultValueAccessor,
-                SelectControlValueAccessor,
-                NumberValueAccessor,
-                NgModel,
-                MockPipe(ArtemisTranslatePipe),
-                MockPipe(RemoveKeysPipe),
-            ],
+            imports: [ArtemisTestModule],
             providers: [
                 provideHttpClient(),
                 {
diff --git a/src/test/javascript/spec/component/programming-exercise/update-components/programming-exercise-problem.component.spec.ts b/src/test/javascript/spec/component/programming-exercise/update-components/programming-exercise-problem.component.spec.ts
index 7cfae26ed812..1588dce899c3 100644
--- a/src/test/javascript/spec/component/programming-exercise/update-components/programming-exercise-problem.component.spec.ts
+++ b/src/test/javascript/spec/component/programming-exercise/update-components/programming-exercise-problem.component.spec.ts
@@ -1,51 +1,42 @@
 import { ComponentFixture, TestBed, fakeAsync } from '@angular/core/testing';
-import { MockComponent, MockDirective, MockModule, MockPipe } from 'ng-mocks';
-import { ActivatedRoute } from '@angular/router';
+import { ActivatedRoute, convertToParamMap } from '@angular/router';
 import { of } from 'rxjs';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { TranslateService } from '@ngx-translate/core';
 import { ProgrammingExerciseProblemComponent } from 'app/exercises/programming/manage/update/update-components/problem/programming-exercise-problem.component';
 import { ProgrammingExercise } from 'app/entities/programming/programming-exercise.model';
-import { FaIconComponent } from '@fortawesome/angular-fontawesome';
-import { CompetencySelectionComponent } from 'app/shared/competency-selection/competency-selection.component';
-import { NgModel } from '@angular/forms';
-import { NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
 import { programmingExerciseCreationConfigMock } from './programming-exercise-creation-config-mock';
+import { MockTranslateService } from '../../../helpers/mocks/service/mock-translate.service';
+import { ArtemisTestModule } from '../../../test.module';
 
 describe('ProgrammingExerciseProblemComponent', () => {
     let fixture: ComponentFixture<ProgrammingExerciseProblemComponent>;
     let comp: ProgrammingExerciseProblemComponent;
 
+    const route = {
+        snapshot: { paramMap: convertToParamMap({ courseId: '1' }) },
+        queryParams: of({}),
+    } as ActivatedRoute;
+
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [MockModule(NgbTooltipModule)],
-            declarations: [
-                ProgrammingExerciseProblemComponent,
-                MockComponent(FaIconComponent),
-                MockComponent(CompetencySelectionComponent),
-                MockPipe(ArtemisTranslatePipe),
-                MockDirective(NgModel),
-            ],
+            imports: [ArtemisTestModule],
             providers: [
-                {
-                    provide: ActivatedRoute,
-                    useValue: { queryParams: of({}) },
-                },
+                { provide: TranslateService, useClass: MockTranslateService },
+                { provide: ActivatedRoute, useValue: route },
             ],
             schemas: [],
-        })
-            .compileComponents()
-            .then(() => {
-                fixture = TestBed.createComponent(ProgrammingExerciseProblemComponent);
-                comp = fixture.componentInstance;
+        }).compileComponents();
+
+        fixture = TestBed.createComponent(ProgrammingExerciseProblemComponent);
+        comp = fixture.componentInstance;
 
-                fixture.componentRef.setInput('isEditFieldDisplayedRecord', {
-                    problemStatement: true,
-                    linkedCompetencies: true,
-                });
+        fixture.componentRef.setInput('isEditFieldDisplayedRecord', {
+            problemStatement: true,
+            linkedCompetencies: true,
+        });
 
-                comp.programmingExerciseCreationConfig = programmingExerciseCreationConfigMock;
-                comp.programmingExercise = new ProgrammingExercise(undefined, undefined);
-            });
+        comp.programmingExerciseCreationConfig = programmingExerciseCreationConfigMock;
+        comp.programmingExercise = new ProgrammingExercise(undefined, undefined);
     });
 
     afterEach(() => {
diff --git a/src/test/javascript/spec/component/programming-exercise/update-components/theia/programming-exercise-theia.component.spec.ts b/src/test/javascript/spec/component/programming-exercise/update-components/theia/programming-exercise-theia.component.spec.ts
index ab3018105eaa..132053b601a3 100644
--- a/src/test/javascript/spec/component/programming-exercise/update-components/theia/programming-exercise-theia.component.spec.ts
+++ b/src/test/javascript/spec/component/programming-exercise/update-components/theia/programming-exercise-theia.component.spec.ts
@@ -8,7 +8,6 @@ import { ProgrammingExercise } from 'app/entities/programming/programming-exerci
 import { programmingExerciseCreationConfigMock } from '../programming-exercise-creation-config-mock';
 import { ProgrammingExerciseTheiaComponent } from 'app/exercises/programming/manage/update/update-components/theia/programming-exercise-theia.component';
 import { TheiaService } from 'app/exercises/programming/shared/service/theia.service';
-import { ArtemisSharedLibsModule } from 'app/shared/shared-libs.module';
 
 describe('ProgrammingExerciseTheiaComponent', () => {
     let fixture: ComponentFixture<ProgrammingExerciseTheiaComponent>;
@@ -21,7 +20,7 @@ describe('ProgrammingExerciseTheiaComponent', () => {
             getTheiaImages: jest.fn(),
         };
         TestBed.configureTestingModule({
-            imports: [ProgrammingExerciseTheiaComponent, ArtemisSharedLibsModule],
+            imports: [ProgrammingExerciseTheiaComponent],
             declarations: [MockPipe(ArtemisTranslatePipe), MockPipe(RemoveKeysPipe)],
             providers: [
                 {
diff --git a/src/test/javascript/spec/component/quiz-exercise/quiz-exercise-create-buttons.components.spec.ts b/src/test/javascript/spec/component/quiz-exercise/quiz-exercise-create-buttons.components.spec.ts
index ebaf9bcd1afb..d4f11c46c3e9 100644
--- a/src/test/javascript/spec/component/quiz-exercise/quiz-exercise-create-buttons.components.spec.ts
+++ b/src/test/javascript/spec/component/quiz-exercise/quiz-exercise-create-buttons.components.spec.ts
@@ -3,7 +3,6 @@ import { ExerciseType } from 'app/entities/exercise.model';
 import { ActivatedRoute, convertToParamMap } from '@angular/router';
 import { TranslateService } from '@ngx-translate/core';
 import { ArtemisTestModule } from '../../test.module';
-import { QuizExerciseComponent } from 'app/exercises/quiz/manage/quiz-exercise.component';
 import { QuizExercise } from 'app/entities/quiz/quiz-exercise.model';
 import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
 import { Course } from 'app/entities/course.model';
@@ -26,7 +25,6 @@ describe('QuizExercise Create Buttons Component', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [QuizExerciseComponent],
             providers: [
                 { provide: ActivatedRoute, useValue: route },
                 { provide: TranslateService, useClass: MockTranslateService },
diff --git a/src/test/javascript/spec/component/quiz-exercise/quiz-exercise-update.component.spec.ts b/src/test/javascript/spec/component/quiz-exercise/quiz-exercise-update.component.spec.ts
index 47d8dabd2185..70ec9af2bdd1 100644
--- a/src/test/javascript/spec/component/quiz-exercise/quiz-exercise-update.component.spec.ts
+++ b/src/test/javascript/spec/component/quiz-exercise/quiz-exercise-update.component.spec.ts
@@ -40,7 +40,6 @@ import { Exam } from 'app/entities/exam/exam.model';
 import { MockProvider } from 'ng-mocks';
 import { Duration } from 'app/exercises/quiz/manage/quiz-exercise-interfaces';
 import { QuizQuestionListEditComponent } from 'app/exercises/quiz/manage/quiz-question-list-edit.component';
-import { MockNgbModalService } from '../../helpers/mocks/service/mock-ngb-modal.service';
 import { ExerciseCategory } from 'app/entities/exercise-category.model';
 
 describe('QuizExerciseUpdateComponent', () => {
@@ -148,7 +147,6 @@ describe('QuizExerciseUpdateComponent', () => {
     const configureTestBed = (testRoute?: ActivatedRoute) => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [QuizExerciseUpdateComponent],
             providers: [
                 MockProvider(NgbModal),
                 MockProvider(ChangeDetectorRef),
@@ -1016,7 +1014,8 @@ describe('QuizExerciseUpdateComponent', () => {
                 comp.cacheValidation();
                 comp.pendingChangesCache = true;
                 if (comp.courseId) {
-                    comp.quizQuestionListEditComponent = new QuizQuestionListEditComponent(new MockNgbModalService() as any as NgbModal);
+                    const childFixture = TestBed.createComponent(QuizQuestionListEditComponent);
+                    comp.quizQuestionListEditComponent = childFixture.componentInstance;
                     jest.spyOn(comp.quizQuestionListEditComponent, 'parseAllQuestions').mockImplementation();
                 }
                 comp.save();
diff --git a/src/test/javascript/spec/component/quiz-exercise/quiz-exercise-visual-editor.component.spec.ts b/src/test/javascript/spec/component/quiz-exercise/quiz-exercise-visual-editor.component.spec.ts
index 003b02c3e048..d8dfdcebb91f 100644
--- a/src/test/javascript/spec/component/quiz-exercise/quiz-exercise-visual-editor.component.spec.ts
+++ b/src/test/javascript/spec/component/quiz-exercise/quiz-exercise-visual-editor.component.spec.ts
@@ -5,14 +5,13 @@ import { CourseManagementService } from 'app/course/manage/course-management.ser
 import { of } from 'rxjs';
 import { MockRouter } from '../../helpers/mocks/mock-router';
 import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
-import { MockComponent, MockDirective, MockModule, MockPipe, MockProvider } from 'ng-mocks';
+import { MockComponent, MockModule, MockPipe, MockProvider } from 'ng-mocks';
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { ArtemisNavigationUtilService } from 'app/utils/navigation.utils';
 import { MultipleChoiceVisualQuestionComponent } from 'app/exercises/quiz/shared/questions/multiple-choice-question/multiple-choice-visual-question.component';
 import { MultipleChoiceQuestion } from 'app/entities/quiz/multiple-choice-question.model';
 import { AnswerOption } from 'app/entities/quiz/answer-option.model';
 import { FaIconComponent } from '@fortawesome/angular-fontawesome';
-import { NgModel } from '@angular/forms';
 import { NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
 
 describe('QuizVisualEditorComponent', () => {
@@ -21,8 +20,8 @@ describe('QuizVisualEditorComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [MockModule(NgbTooltipModule)],
-            declarations: [MultipleChoiceVisualQuestionComponent, MockPipe(ArtemisTranslatePipe), MockComponent(FaIconComponent), MockDirective(NgModel)],
+            imports: [MultipleChoiceVisualQuestionComponent, MockModule(NgbTooltipModule), MockComponent(FaIconComponent)],
+            declarations: [MockPipe(ArtemisTranslatePipe)],
             providers: [
                 MockProvider(ArtemisNavigationUtilService),
                 MockProvider(CourseManagementService),
diff --git a/src/test/javascript/spec/component/quiz-exercise/quiz-exercise.component.spec.ts b/src/test/javascript/spec/component/quiz-exercise/quiz-exercise.component.spec.ts
index 4f0e8219e5bf..482ddd98a6f7 100644
--- a/src/test/javascript/spec/component/quiz-exercise/quiz-exercise.component.spec.ts
+++ b/src/test/javascript/spec/component/quiz-exercise/quiz-exercise.component.spec.ts
@@ -32,7 +32,7 @@ describe('QuizExercise Management Component', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [QuizExerciseComponent],
+            declarations: [],
             providers: [
                 { provide: ActivatedRoute, useValue: route },
                 { provide: LocalStorageService, useClass: MockSyncStorage },
diff --git a/src/test/javascript/spec/component/quiz-exercise/quiz-re-evaluate-warning.component.spec.ts b/src/test/javascript/spec/component/quiz-exercise/quiz-re-evaluate-warning.component.spec.ts
index b714896fb778..f9c31e0adc06 100644
--- a/src/test/javascript/spec/component/quiz-exercise/quiz-re-evaluate-warning.component.spec.ts
+++ b/src/test/javascript/spec/component/quiz-exercise/quiz-re-evaluate-warning.component.spec.ts
@@ -1,24 +1,13 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { of } from 'rxjs';
 import { HttpResponse } from '@angular/common/http';
-import { TranslateService } from '@ngx-translate/core';
 import { ArtemisTestModule } from '../../test.module';
 import { QuizExerciseService } from 'app/exercises/quiz/manage/quiz-exercise.service';
 import { QuizExercise } from 'app/entities/quiz/quiz-exercise.model';
-import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
 import { Course } from 'app/entities/course.model';
-import { NgbActiveModal, NgbModal } from '@ng-bootstrap/ng-bootstrap';
-import { ReEvaluateMultipleChoiceQuestionComponent } from 'app/exercises/quiz/manage/re-evaluate/multiple-choice-question/re-evaluate-multiple-choice-question.component';
-import { MockComponent, MockDirective, MockPipe } from 'ng-mocks';
-import { ReEvaluateDragAndDropQuestionComponent } from 'app/exercises/quiz/manage/re-evaluate/drag-and-drop-question/re-evaluate-drag-and-drop-question.component';
-import { ReEvaluateShortAnswerQuestionComponent } from 'app/exercises/quiz/manage/re-evaluate/short-answer-question/re-evaluate-short-answer-question.component';
-import { NgModel } from '@angular/forms';
-import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
 import { MultipleChoiceQuestion } from 'app/entities/quiz/multiple-choice-question.model';
 import { DragAndDropQuestion } from 'app/entities/quiz/drag-and-drop-question.model';
 import { QuizReEvaluateWarningComponent } from 'app/exercises/quiz/manage/re-evaluate/quiz-re-evaluate-warning.component';
-import { TranslateDirective } from 'app/shared/language/translate.directive';
-import { MockTranslateValuesDirective } from '../../helpers/mocks/directive/mock-translate-values.directive';
 
 describe('QuizExercise Re-evaluate Warning Component', () => {
     let comp: QuizReEvaluateWarningComponent;
@@ -33,17 +22,6 @@ describe('QuizExercise Re-evaluate Warning Component', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [
-                NgModel,
-                QuizReEvaluateWarningComponent,
-                MockComponent(ReEvaluateMultipleChoiceQuestionComponent),
-                MockComponent(ReEvaluateDragAndDropQuestionComponent),
-                MockComponent(ReEvaluateShortAnswerQuestionComponent),
-                MockTranslateValuesDirective,
-                MockDirective(TranslateDirective),
-                MockPipe(ArtemisDatePipe),
-            ],
-            providers: [NgbModal, NgbActiveModal, { provide: TranslateService, useClass: MockTranslateService }],
         }).compileComponents();
 
         fixture = TestBed.createComponent(QuizReEvaluateWarningComponent);
diff --git a/src/test/javascript/spec/component/quiz-exercise/quiz-re-evaluate.component.spec.ts b/src/test/javascript/spec/component/quiz-exercise/quiz-re-evaluate.component.spec.ts
index e98f9d499204..eba60a0f5b76 100644
--- a/src/test/javascript/spec/component/quiz-exercise/quiz-re-evaluate.component.spec.ts
+++ b/src/test/javascript/spec/component/quiz-exercise/quiz-re-evaluate.component.spec.ts
@@ -11,21 +11,12 @@ import { Course } from 'app/entities/course.model';
 import { QuizReEvaluateComponent } from 'app/exercises/quiz/manage/re-evaluate/quiz-re-evaluate.component';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 import { MockRouter } from '../../helpers/mocks/mock-router';
-import { ReEvaluateMultipleChoiceQuestionComponent } from 'app/exercises/quiz/manage/re-evaluate/multiple-choice-question/re-evaluate-multiple-choice-question.component';
-import { MockComponent, MockDirective, MockPipe, MockProvider } from 'ng-mocks';
-import { ReEvaluateDragAndDropQuestionComponent } from 'app/exercises/quiz/manage/re-evaluate/drag-and-drop-question/re-evaluate-drag-and-drop-question.component';
-import { ReEvaluateShortAnswerQuestionComponent } from 'app/exercises/quiz/manage/re-evaluate/short-answer-question/re-evaluate-short-answer-question.component';
-import { NgModel } from '@angular/forms';
-import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
+import { MockProvider } from 'ng-mocks';
 import { MultipleChoiceQuestion } from 'app/entities/quiz/multiple-choice-question.model';
 import { DragAndDropQuestion } from 'app/entities/quiz/drag-and-drop-question.model';
 import { QuizQuestionType } from 'app/entities/quiz/quiz-question.model';
 import { SimpleChange } from '@angular/core';
-import { IncludedInOverallScorePickerComponent } from 'app/exercises/shared/included-in-overall-score-picker/included-in-overall-score-picker.component';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { IncludedInOverallScore } from 'app/entities/exercise.model';
-import { TranslateDirective } from 'app/shared/language/translate.directive';
-import { MockTranslateValuesDirective } from '../../helpers/mocks/directive/mock-translate-values.directive';
 import { AnswerOption } from 'app/entities/quiz/answer-option.model';
 import { DragItem } from 'app/entities/quiz/drag-item.model';
 import { DropLocation } from 'app/entities/quiz/drop-location.model';
@@ -85,18 +76,6 @@ describe('QuizExercise Re-evaluate Component', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [
-                NgModel,
-                QuizReEvaluateComponent,
-                MockComponent(ReEvaluateMultipleChoiceQuestionComponent),
-                MockComponent(ReEvaluateDragAndDropQuestionComponent),
-                MockComponent(ReEvaluateShortAnswerQuestionComponent),
-                MockTranslateValuesDirective,
-                MockDirective(TranslateDirective),
-                MockPipe(ArtemisDatePipe),
-                MockComponent(IncludedInOverallScorePickerComponent),
-                MockPipe(ArtemisTranslatePipe),
-            ],
             providers: [
                 MockProvider(NgbModal),
                 { provide: ActivatedRoute, useValue: route },
diff --git a/src/test/javascript/spec/component/quiz-statistic/drag-and-drop-statistic.component.spec.ts b/src/test/javascript/spec/component/quiz-statistic/drag-and-drop-statistic.component.spec.ts
index 1fdf7e3254c4..6796fd2b5e57 100644
--- a/src/test/javascript/spec/component/quiz-statistic/drag-and-drop-statistic.component.spec.ts
+++ b/src/test/javascript/spec/component/quiz-statistic/drag-and-drop-statistic.component.spec.ts
@@ -40,7 +40,6 @@ describe('QuizExercise Drag And Drop Question Statistic Component', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [DragAndDropQuestionStatisticComponent],
             providers: [
                 { provide: ActivatedRoute, useValue: route },
                 { provide: LocalStorageService, useClass: MockSyncStorage },
diff --git a/src/test/javascript/spec/component/quiz-statistic/multiple-choice-question-statistic.component.spec.ts b/src/test/javascript/spec/component/quiz-statistic/multiple-choice-question-statistic.component.spec.ts
index d91998da46ac..03e074962048 100644
--- a/src/test/javascript/spec/component/quiz-statistic/multiple-choice-question-statistic.component.spec.ts
+++ b/src/test/javascript/spec/component/quiz-statistic/multiple-choice-question-statistic.component.spec.ts
@@ -42,7 +42,6 @@ describe('QuizExercise Multiple Choice Question Statistic Component', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [MultipleChoiceQuestionStatisticComponent],
             providers: [
                 { provide: ActivatedRoute, useValue: route },
                 { provide: LocalStorageService, useClass: MockSyncStorage },
diff --git a/src/test/javascript/spec/component/quiz-statistic/quiz-point-statistic.component.spec.ts b/src/test/javascript/spec/component/quiz-statistic/quiz-point-statistic.component.spec.ts
index 8a9bc18939e8..ae40d62faccd 100644
--- a/src/test/javascript/spec/component/quiz-statistic/quiz-point-statistic.component.spec.ts
+++ b/src/test/javascript/spec/component/quiz-statistic/quiz-point-statistic.component.spec.ts
@@ -49,7 +49,6 @@ describe('QuizExercise Point Statistic Component', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [QuizPointStatisticComponent],
             providers: [
                 { provide: ActivatedRoute, useValue: route },
                 { provide: LocalStorageService, useClass: MockSyncStorage },
diff --git a/src/test/javascript/spec/component/quiz-statistic/quiz-statistic.component.spec.ts b/src/test/javascript/spec/component/quiz-statistic/quiz-statistic.component.spec.ts
index 1f0aaeb985f9..282646dff54e 100644
--- a/src/test/javascript/spec/component/quiz-statistic/quiz-statistic.component.spec.ts
+++ b/src/test/javascript/spec/component/quiz-statistic/quiz-statistic.component.spec.ts
@@ -39,17 +39,21 @@ describe('QuizExercise Statistic Component', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [QuizStatisticComponent],
-            providers: [
-                { provide: ActivatedRoute, useValue: route },
-                { provide: LocalStorageService, useClass: MockSyncStorage },
-                { provide: SessionStorageService, useClass: MockSyncStorage },
-                { provide: TranslateService, useClass: MockTranslateService },
-                { provide: Router, useClass: MockRouter },
-                { provide: AccountService, useClass: MockAccountService },
-                MockProvider(ChangeDetectorRef),
-            ],
+            declarations: [],
         })
+            .overrideComponent(QuizStatisticComponent, {
+                set: {
+                    providers: [
+                        { provide: ActivatedRoute, useValue: route },
+                        { provide: LocalStorageService, useClass: MockSyncStorage },
+                        { provide: SessionStorageService, useClass: MockSyncStorage },
+                        { provide: TranslateService, useClass: MockTranslateService },
+                        { provide: Router, useClass: MockRouter },
+                        { provide: AccountService, useClass: MockAccountService },
+                        MockProvider(ChangeDetectorRef),
+                    ],
+                },
+            })
             .overrideTemplate(QuizStatisticComponent, '')
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/quiz-statistic/quiz-statistics-footer.component.spec.ts b/src/test/javascript/spec/component/quiz-statistic/quiz-statistics-footer.component.spec.ts
index 10dec7dd5a55..1c93ce7aed88 100644
--- a/src/test/javascript/spec/component/quiz-statistic/quiz-statistics-footer.component.spec.ts
+++ b/src/test/javascript/spec/component/quiz-statistic/quiz-statistics-footer.component.spec.ts
@@ -16,6 +16,8 @@ import { QuizQuestion, QuizQuestionType } from 'app/entities/quiz/quiz-question.
 import { AccountService } from 'app/core/auth/account.service';
 import { MockAccountService } from '../../helpers/mocks/service/mock-account.service';
 import { UI_RELOAD_TIME } from 'app/shared/constants/exercise-exam-constants';
+import { ShortAnswerQuestionUtil } from 'app/exercises/quiz/shared/short-answer-question-util.service';
+import { QuizStatisticUtil } from 'app/exercises/quiz/shared/quiz-statistic-util.service';
 
 const question = { id: 1, type: QuizQuestionType.MULTIPLE_CHOICE } as QuizQuestion;
 const course = { id: 2 } as Course;
@@ -36,16 +38,19 @@ describe('QuizExercise Statistic Footer Component', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [QuizStatisticsFooterComponent],
-            providers: [
-                { provide: ActivatedRoute, useValue: route },
-                { provide: LocalStorageService, useClass: MockSyncStorage },
-                { provide: SessionStorageService, useClass: MockSyncStorage },
-                { provide: TranslateService, useClass: MockTranslateService },
-                { provide: Router, useClass: MockRouter },
-                { provide: AccountService, useClass: MockAccountService },
-            ],
+            providers: [{ provide: Router, useClass: MockRouter }, QuizStatisticUtil, ShortAnswerQuestionUtil],
         })
+            .overrideComponent(QuizStatisticsFooterComponent, {
+                set: {
+                    providers: [
+                        { provide: ActivatedRoute, useValue: route },
+                        { provide: LocalStorageService, useClass: MockSyncStorage },
+                        { provide: SessionStorageService, useClass: MockSyncStorage },
+                        { provide: TranslateService, useClass: MockTranslateService },
+                        { provide: AccountService, useClass: MockAccountService },
+                    ],
+                },
+            })
             .overrideTemplate(QuizStatisticsFooterComponent, '')
             .compileComponents()
             .then(() => {
@@ -53,7 +58,7 @@ describe('QuizExercise Statistic Footer Component', () => {
                 comp = fixture.componentInstance;
                 quizService = fixture.debugElement.injector.get(QuizExerciseService);
                 accountService = fixture.debugElement.injector.get(AccountService);
-                router = fixture.debugElement.injector.get(Router);
+                router = TestBed.inject(Router);
                 routerSpy = jest.spyOn(router, 'navigateByUrl');
                 accountSpy = jest.spyOn(accountService, 'hasAnyAuthorityDirect').mockReturnValue(true);
                 quizServiceFindSpy = jest.spyOn(quizService, 'find').mockReturnValue(of(new HttpResponse({ body: quizExercise })));
diff --git a/src/test/javascript/spec/component/quiz-statistic/short-answer-question-statistic.component.spec.ts b/src/test/javascript/spec/component/quiz-statistic/short-answer-question-statistic.component.spec.ts
index 18c21a2764e3..b92a5af737f8 100644
--- a/src/test/javascript/spec/component/quiz-statistic/short-answer-question-statistic.component.spec.ts
+++ b/src/test/javascript/spec/component/quiz-statistic/short-answer-question-statistic.component.spec.ts
@@ -60,16 +60,19 @@ describe('QuizExercise Short Answer Question Statistic Component', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [ShortAnswerQuestionStatisticComponent],
-            providers: [
-                { provide: ActivatedRoute, useValue: route },
-                { provide: LocalStorageService, useClass: MockSyncStorage },
-                { provide: SessionStorageService, useClass: MockSyncStorage },
-                { provide: TranslateService, useClass: MockTranslateService },
-                { provide: AccountService, useClass: MockAccountService },
-                MockProvider(ChangeDetectorRef),
-            ],
         })
+            .overrideComponent(ShortAnswerQuestionStatisticComponent, {
+                set: {
+                    providers: [
+                        { provide: ActivatedRoute, useValue: route },
+                        { provide: LocalStorageService, useClass: MockSyncStorage },
+                        { provide: SessionStorageService, useClass: MockSyncStorage },
+                        { provide: TranslateService, useClass: MockTranslateService },
+                        { provide: AccountService, useClass: MockAccountService },
+                        MockProvider(ChangeDetectorRef),
+                    ],
+                },
+            })
             .overrideTemplate(ShortAnswerQuestionStatisticComponent, '')
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/rating/star-rating.component.spec.ts b/src/test/javascript/spec/component/rating/star-rating.component.spec.ts
index bc57b97bcee1..a48d3d7be23e 100644
--- a/src/test/javascript/spec/component/rating/star-rating.component.spec.ts
+++ b/src/test/javascript/spec/component/rating/star-rating.component.spec.ts
@@ -6,9 +6,7 @@ describe('StarRatingComponent', () => {
     let fixture: ComponentFixture<StarRatingComponent>;
 
     beforeEach(() => {
-        TestBed.configureTestingModule({
-            declarations: [StarRatingComponent],
-        }).compileComponents();
+        TestBed.configureTestingModule({}).compileComponents();
     });
 
     beforeEach(() => {
diff --git a/src/test/javascript/spec/component/settings/ide/ide-settings.component.spec.ts b/src/test/javascript/spec/component/settings/ide/ide-settings.component.spec.ts
index 971d75089900..9643455ec842 100644
--- a/src/test/javascript/spec/component/settings/ide/ide-settings.component.spec.ts
+++ b/src/test/javascript/spec/component/settings/ide/ide-settings.component.spec.ts
@@ -4,8 +4,7 @@ import { of } from 'rxjs';
 import { IdeSettingsComponent } from 'app/shared/user-settings/ide-preferences/ide-settings.component';
 import { IdeSettingsService } from 'app/shared/user-settings/ide-preferences/ide-settings.service';
 import { ProgrammingLanguage } from 'app/entities/programming/programming-exercise.model';
-import { provideHttpClientTesting } from '@angular/common/http/testing';
-import { provideHttpClient } from '@angular/common/http';
+import { ArtemisTestModule } from '../../../test.module';
 
 describe('IdeSettingsComponent', () => {
     let component: IdeSettingsComponent;
@@ -20,9 +19,8 @@ describe('IdeSettingsComponent', () => {
 
     beforeEach(async () => {
         await TestBed.configureTestingModule({
-            imports: [],
-            declarations: [IdeSettingsComponent],
-            providers: [provideHttpClient(), provideHttpClientTesting(), { provide: IdeSettingsService, useValue: mockIdeSettingsService }],
+            imports: [ArtemisTestModule],
+            providers: [{ provide: IdeSettingsService, useValue: mockIdeSettingsService }],
             schemas: [CUSTOM_ELEMENTS_SCHEMA],
         }).compileComponents();
 
diff --git a/src/test/javascript/spec/component/shared/alert-overlay.component.spec.ts b/src/test/javascript/spec/component/shared/alert-overlay.component.spec.ts
index d0b3db94d9fc..f3ea5b8d7f33 100644
--- a/src/test/javascript/spec/component/shared/alert-overlay.component.spec.ts
+++ b/src/test/javascript/spec/component/shared/alert-overlay.component.spec.ts
@@ -4,7 +4,6 @@ import { ArtemisTestModule } from '../../test.module';
 import { AlertOverlayComponent } from 'app/shared/alert/alert-overlay.component';
 import { By } from '@angular/platform-browser';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { CloseCircleComponent } from 'app/shared/close-circle/close-circle.component';
 
 describe('Alert Overlay Component Tests', () => {
     let comp: AlertOverlayComponent;
@@ -14,7 +13,6 @@ describe('Alert Overlay Component Tests', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule, NoopAnimationsModule],
-            declarations: [AlertOverlayComponent, CloseCircleComponent],
             providers: [{ provide: AlertService, useClass: AlertService }],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/component/shared/assessment-progress-label.component.spec.ts b/src/test/javascript/spec/component/shared/assessment-progress-label.component.spec.ts
index 756609e957b4..eb7a1a4cdfe7 100644
--- a/src/test/javascript/spec/component/shared/assessment-progress-label.component.spec.ts
+++ b/src/test/javascript/spec/component/shared/assessment-progress-label.component.spec.ts
@@ -13,8 +13,6 @@ describe('Assessment progress label test', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [AssessmentProgressLabelComponent],
-            providers: [],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/shared/circular-progress-bar.component.spec.ts b/src/test/javascript/spec/component/shared/circular-progress-bar.component.spec.ts
index ac1f4691d0fa..8f653a3e0be1 100644
--- a/src/test/javascript/spec/component/shared/circular-progress-bar.component.spec.ts
+++ b/src/test/javascript/spec/component/shared/circular-progress-bar.component.spec.ts
@@ -1,15 +1,11 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { CircularProgressBarComponent } from 'app/shared/circular-progress-bar/circular-progress-bar.component';
+
 describe('CircularProgressBarComponent', () => {
     let circularProgressBarComponentFixture: ComponentFixture<CircularProgressBarComponent>;
     let circularProgressBarComponent: CircularProgressBarComponent;
     beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [],
-            declarations: [CircularProgressBarComponent],
-            providers: [],
-            schemas: [],
-        })
+        TestBed.configureTestingModule({})
             .compileComponents()
             .then(() => {
                 circularProgressBarComponentFixture = TestBed.createComponent(CircularProgressBarComponent);
diff --git a/src/test/javascript/spec/component/shared/color-selector.component.spec.ts b/src/test/javascript/spec/component/shared/color-selector.component.spec.ts
index 43d4557f8fea..693e491d82fe 100644
--- a/src/test/javascript/spec/component/shared/color-selector.component.spec.ts
+++ b/src/test/javascript/spec/component/shared/color-selector.component.spec.ts
@@ -10,7 +10,6 @@ describe('ColorSelectorComponent', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [ColorSelectorComponent],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/shared/competency-selection.component.spec.ts b/src/test/javascript/spec/component/shared/competency-selection.component.spec.ts
index 13cdf686b9c9..f08828c38218 100644
--- a/src/test/javascript/spec/component/shared/competency-selection.component.spec.ts
+++ b/src/test/javascript/spec/component/shared/competency-selection.component.spec.ts
@@ -1,12 +1,7 @@
 import { ArtemisTestModule } from '../../test.module';
 import { CompetencySelectionComponent } from 'app/shared/competency-selection/competency-selection.component';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FaIconComponent } from '@fortawesome/angular-fontawesome';
-import { MockComponent, MockDirective, MockModule } from 'ng-mocks';
-import { NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
-import { ActivatedRoute, Router, convertToParamMap } from '@angular/router';
-import { MockRouter } from '../../helpers/mocks/mock-router';
-import { NgModel, ReactiveFormsModule } from '@angular/forms';
+import { ActivatedRoute, convertToParamMap } from '@angular/router';
 import { Competency, CompetencyLearningObjectLink } from 'app/entities/competency.model';
 import { of, throwError } from 'rxjs';
 import { HttpResponse } from '@angular/common/http';
@@ -24,8 +19,7 @@ describe('CompetencySelection', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, ReactiveFormsModule, MockModule(NgbTooltipModule)],
-            declarations: [CompetencySelectionComponent, MockComponent(FaIconComponent), MockDirective(NgModel)],
+            imports: [ArtemisTestModule],
             providers: [
                 {
                     provide: ActivatedRoute,
@@ -35,10 +29,6 @@ describe('CompetencySelection', () => {
                         },
                     } as any as ActivatedRoute,
                 },
-                {
-                    provide: Router,
-                    useClass: MockRouter,
-                },
             ],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/component/shared/confirm-entity-name.component.spec.ts b/src/test/javascript/spec/component/shared/confirm-entity-name.component.spec.ts
index 17625d2a357b..98f5e90c5778 100644
--- a/src/test/javascript/spec/component/shared/confirm-entity-name.component.spec.ts
+++ b/src/test/javascript/spec/component/shared/confirm-entity-name.component.spec.ts
@@ -2,15 +2,17 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { ConfirmEntityNameComponent } from 'app/shared/confirm-entity-name/confirm-entity-name.component';
 import { Component } from '@angular/core';
-import { MockDirective } from 'ng-mocks';
-import { TranslateModule, TranslateService } from '@ngx-translate/core';
+import { TranslateService } from '@ngx-translate/core';
 import { TranslateDirective } from 'app/shared/language/translate.directive';
 import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
+import { ArtemisTestModule } from '../../test.module';
+import { By } from '@angular/platform-browser';
 
 const expectedEntityName = 'TestEntityName';
 
 @Component({
-    template: '<jhi-confirm-entity-name [entityName]="expectedEntityName" [formControl]="control" />',
+    template: '<jhi-confirm-entity-name [entityName]="expectedEntityName" />',
+    imports: [ConfirmEntityNameComponent],
 })
 class ConfirmEntityNameHostComponent {
     expectedEntityName = expectedEntityName;
@@ -22,40 +24,50 @@ describe('ConfirmEntityNameComponent', () => {
     describe('NgModel', () => {
         let component: ConfirmEntityNameHostComponent;
         let fixture: ComponentFixture<ConfirmEntityNameHostComponent>;
+        let confirmEntityNameComponent: ConfirmEntityNameComponent;
 
         beforeEach(async () => {
             await TestBed.configureTestingModule({
-                imports: [FormsModule, ReactiveFormsModule, TranslateModule.forRoot()],
-                declarations: [ConfirmEntityNameHostComponent, ConfirmEntityNameComponent, MockDirective(TranslateDirective)],
+                imports: [ArtemisTestModule, ReactiveFormsModule, ConfirmEntityNameComponent],
             }).compileComponents();
             fixture = TestBed.createComponent(ConfirmEntityNameHostComponent);
+
             component = fixture.componentInstance;
+
+            const confirmEntityNameDebugElement = fixture.debugElement.query(By.directive(ConfirmEntityNameComponent));
+            confirmEntityNameComponent = confirmEntityNameDebugElement.componentInstance;
         });
 
         it('control should be valid with valid input', async () => {
-            component.control.setValue(expectedEntityName);
+            confirmEntityNameComponent.entityName = expectedEntityName;
+            fixture.detectChanges();
+            confirmEntityNameComponent.control.setValue(expectedEntityName);
             fixture.detectChanges();
-            expect(component.control.valid).toBeTrue();
+            expect(confirmEntityNameComponent.control.valid).toBeTrue();
         });
 
         it('control should be invalid with invalid input', async () => {
-            component.control.setValue('');
+            confirmEntityNameComponent.entityName = expectedEntityName;
             fixture.detectChanges();
-            expect(component.control.invalid).toBeTrue();
+            confirmEntityNameComponent.control.setValue('');
+            fixture.detectChanges();
+            expect(confirmEntityNameComponent.control.invalid).toBeTrue();
         });
 
         it('control should be valid for dynamic entity name', async () => {
             component.expectedEntityName = 'OtherTestEntityName';
-            component.control.setValue('OtherTestEntityName');
             fixture.detectChanges();
-            expect(component.control.valid).toBeTrue();
+            confirmEntityNameComponent.control.setValue('OtherTestEntityName');
+            fixture.detectChanges();
+            expect(confirmEntityNameComponent.control.valid).toBeTrue();
         });
 
         it('control should be invalid for dynamic entity name with previous entity name', async () => {
             component.expectedEntityName = 'OtherTestEntityName';
-            component.control.setValue('TestEntityName');
             fixture.detectChanges();
-            expect(component.control.invalid).toBeTrue();
+            confirmEntityNameComponent.control.setValue('TestEntityName');
+            fixture.detectChanges();
+            expect(confirmEntityNameComponent.control.invalid).toBeTrue();
         });
     });
 
@@ -66,7 +78,6 @@ describe('ConfirmEntityNameComponent', () => {
         beforeEach(async () => {
             await TestBed.configureTestingModule({
                 imports: [FormsModule, ReactiveFormsModule, TranslateDirective],
-                declarations: [ConfirmEntityNameComponent],
                 providers: [{ provide: TranslateService, useClass: MockTranslateService }],
             }).compileComponents();
             fixture = TestBed.createComponent(ConfirmEntityNameComponent);
diff --git a/src/test/javascript/spec/component/shared/course-group.component.spec.ts b/src/test/javascript/spec/component/shared/course-group.component.spec.ts
index 815cca2f5ee3..d7233a792114 100644
--- a/src/test/javascript/spec/component/shared/course-group.component.spec.ts
+++ b/src/test/javascript/spec/component/shared/course-group.component.spec.ts
@@ -1,31 +1,15 @@
 import { HttpResponse } from '@angular/common/http';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ActivatedRoute } from '@angular/router';
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
-import { TranslateService } from '@ngx-translate/core';
-import { NgxDatatableModule } from '@siemens/ngx-datatable';
 import { User } from 'app/core/user/user.model';
 import { UserService } from 'app/core/user/user.service';
 import { CourseGroupComponent, GroupUserInformationRow } from 'app/shared/course-group/course-group.component';
-import { CourseManagementService } from 'app/course/manage/course-management.service';
 import { CourseGroup } from 'app/entities/course.model';
-import { HasAnyAuthorityDirective } from 'app/shared/auth/has-any-authority.directive';
-import { CourseExamArchiveButtonComponent } from 'app/shared/components/course-exam-archive-button/course-exam-archive-button.component';
-import { DataTableComponent } from 'app/shared/data-table/data-table.component';
-import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
-import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import dayjs from 'dayjs/esm';
-import { MockComponent, MockDirective, MockModule, MockPipe, MockProvider } from 'ng-mocks';
 import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
 import { Observable, of, throwError } from 'rxjs';
 import { MockSyncStorage } from '../../helpers/mocks/service/mock-sync-storage.service';
-import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
 import { ArtemisTestModule } from '../../test.module';
-import { MockRouterLinkDirective } from '../../helpers/mocks/directive/mock-router-link.directive';
-import { UsersImportButtonComponent } from 'app/shared/user-import/users-import-button.component';
-import { TranslateDirective } from 'app/shared/language/translate.directive';
-import { AlertService } from 'app/core/util/alert.service';
 import { EMAIL_KEY, NAME_KEY, REGISTRATION_NUMBER_KEY, USERNAME_KEY } from 'app/shared/export/export-constants';
 
 describe('CourseGroupComponent', () => {
@@ -43,28 +27,11 @@ describe('CourseGroupComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, MockModule(NgxDatatableModule)],
-            declarations: [
-                CourseGroupComponent,
-                MockComponent(DataTableComponent),
-                MockComponent(UsersImportButtonComponent),
-                MockRouterLinkDirective,
-                MockPipe(ArtemisTranslatePipe),
-                MockDirective(DeleteButtonDirective),
-                MockPipe(ArtemisDatePipe),
-                MockDirective(TranslateDirective),
-                MockComponent(CourseExamArchiveButtonComponent),
-                MockDirective(HasAnyAuthorityDirective),
-            ],
+            imports: [ArtemisTestModule],
             providers: [
                 { provide: ActivatedRoute, useValue: route },
                 { provide: LocalStorageService, useClass: MockSyncStorage },
                 { provide: SessionStorageService, useClass: MockSyncStorage },
-                { provide: TranslateService, useClass: MockTranslateService },
-                MockProvider(AlertService),
-                MockProvider(NgbModal),
-                MockProvider(CourseManagementService),
-                MockProvider(UserService),
             ],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/component/shared/course-users-selector/course-users-selector.component.spec.ts b/src/test/javascript/spec/component/shared/course-users-selector/course-users-selector.component.spec.ts
index 74693eb15ba5..9a12e1054641 100644
--- a/src/test/javascript/spec/component/shared/course-users-selector/course-users-selector.component.spec.ts
+++ b/src/test/javascript/spec/component/shared/course-users-selector/course-users-selector.component.spec.ts
@@ -6,20 +6,18 @@ import { NgbTypeaheadModule } from '@ng-bootstrap/ng-bootstrap';
 import { By } from '@angular/platform-browser';
 import { of } from 'rxjs';
 import { HttpResponse } from '@angular/common/http';
-import { MockComponent, MockPipe, MockProvider } from 'ng-mocks';
 import { CourseManagementService } from 'app/course/manage/course-management.service';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { CourseUsersSelectorComponent, SearchRoleGroup } from 'app/shared/course-users-selector/course-users-selector.component';
 import { UserPublicInfoDTO } from 'app/core/user/user.model';
 import { ArtemisSharedComponentModule } from 'app/shared/components/shared-component.module';
 import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { TranslateModule } from '@ngx-translate/core';
 import { ProfilePictureComponent } from 'app/shared/profile-picture/profile-picture.component';
+import { ArtemisTestModule } from '../../../test.module';
 
 @Component({
     template: `
         <jhi-course-users-selector
-            [(ngModel)]="selectedUsers"
             [disabled]="disabled"
             [courseId]="courseId"
             [rolesToAllowSearchingIn]="rolesToAllowSearchingIn"
@@ -27,11 +25,12 @@ import { ProfilePictureComponent } from 'app/shared/profile-picture/profile-pict
             [showUserList]="showUserList"
         />
     `,
+    imports: [CourseUsersSelectorComponent],
 })
 class WrapperComponent {
     @ViewChild(CourseUsersSelectorComponent)
     courseUsersSelectorComponent: CourseUsersSelectorComponent;
-
+    searchInput = '';
     disabled = false;
     courseId = 1;
     rolesToAllowSearchingIn: SearchRoleGroup[] = ['tutors', 'students', 'instructors'];
@@ -44,23 +43,31 @@ describe('CourseUsersSelectorComponent', () => {
     let wrapperComponent: WrapperComponent;
     let fixture: ComponentFixture<WrapperComponent>;
     let userSelectorComponent: CourseUsersSelectorComponent;
-    let searchUsersSpy: jest.SpyInstance;
+    let userSelectorDebugElement: DebugElement;
+    // let searchUsersSpy: jest.SpyInstance;
+    const courseManagementServiceMock = { searchUsers: jest.fn() } as unknown as CourseManagementService;
 
     beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
-            imports: [CommonModule, FormsModule, ReactiveFormsModule, NgbTypeaheadModule, ArtemisSharedModule, ArtemisSharedComponentModule, TranslateModule.forRoot()],
-            declarations: [CourseUsersSelectorComponent, WrapperComponent, MockPipe(ArtemisTranslatePipe), MockComponent(ProfilePictureComponent)],
-            providers: [MockProvider(CourseManagementService)],
+            imports: [
+                ArtemisTestModule,
+                CommonModule,
+                FormsModule,
+                ReactiveFormsModule,
+                NgbTypeaheadModule,
+                ArtemisSharedModule,
+                ArtemisSharedComponentModule,
+                TranslateModule.forRoot(),
+            ],
+            providers: [{ provide: CourseManagementService, useValue: courseManagementServiceMock }],
         }).compileComponents();
-    }));
-
-    beforeEach(() => {
         fixture = TestBed.createComponent(WrapperComponent);
-        fixture.detectChanges();
         wrapperComponent = fixture.componentInstance;
-        userSelectorComponent = wrapperComponent.courseUsersSelectorComponent;
-        searchUsersSpy = jest.spyOn(TestBed.inject(CourseManagementService), 'searchUsers');
-    });
+        fixture.detectChanges();
+
+        userSelectorDebugElement = fixture.debugElement.query(By.directive(CourseUsersSelectorComponent));
+        userSelectorComponent = userSelectorDebugElement.componentInstance;
+    }));
 
     it('should create', () => {
         expect(wrapperComponent).toBeTruthy();
@@ -84,7 +91,7 @@ describe('CourseUsersSelectorComponent', () => {
     testCases.forEach((testCase) => {
         it('changing connected wrapper should update the component property', fakeAsync(() => {
             const exampleUserPublicInfoDTO = generateExampleUserPublicInfoDTO({});
-            wrapperComponent.selectedUsers = [exampleUserPublicInfoDTO];
+            userSelectorComponent.selectedUsers = [exampleUserPublicInfoDTO];
             wrapperComponent.multiSelect = testCase.multiSelect;
             fixture.detectChanges();
             tick();
@@ -93,7 +100,7 @@ describe('CourseUsersSelectorComponent', () => {
         }));
 
         it('should convert undefined to empty array', fakeAsync(() => {
-            wrapperComponent.selectedUsers = undefined;
+            userSelectorComponent.selectedUsers = [];
             wrapperComponent.multiSelect = testCase.multiSelect;
             fixture.detectChanges();
             tick();
@@ -101,13 +108,14 @@ describe('CourseUsersSelectorComponent', () => {
         }));
 
         it('searching, selecting and deleting a user should update the selectedUsers property', fakeAsync(() => {
+            userSelectorComponent.selectedUsers = [];
             wrapperComponent.multiSelect = testCase.multiSelect;
             const user = generateExampleUserPublicInfoDTO({});
             const searchResponse: HttpResponse<UserPublicInfoDTO[]> = new HttpResponse({
                 body: [user],
                 status: 200,
             });
-            const searchStub = searchUsersSpy.mockReturnValue(of(searchResponse));
+            const searchStub = jest.spyOn(courseManagementServiceMock, 'searchUsers').mockReturnValue(of(searchResponse));
 
             // searching for a user
             changeInput(fixture.debugElement.nativeElement, 'test');
@@ -115,13 +123,12 @@ describe('CourseUsersSelectorComponent', () => {
             fixture.detectChanges();
             expect(searchStub).toHaveBeenCalledOnce();
             expect(searchStub).toHaveBeenCalledWith(1, 'test', ['students', 'tutors', 'instructors']);
-            expectDropdownItems(fixture.nativeElement, ['Mortimer of Sto Helit (mort)']);
+            expectDropdownItems(fixture.nativeElement, ['MHMortimer of Sto Helit (mort)']);
             // selecting the user in the dropdown
             getDropdownButtons(fixture.debugElement)[0].triggerEventHandler('click', {});
             fixture.detectChanges();
             tick();
             expect(userSelectorComponent.selectedUsers).toEqual([user]);
-            expect(wrapperComponent.selectedUsers).toEqual([user]);
 
             // now we delete the user again from the selected users
             expect(fixture.debugElement.queryAll(By.css('.selected-user'))).toHaveLength(1);
@@ -136,7 +143,7 @@ describe('CourseUsersSelectorComponent', () => {
         it('should block the input field and not show delete button', fakeAsync(() => {
             wrapperComponent.multiSelect = testCase.multiSelect;
             const exampleUserPublicInfoDTO = generateExampleUserPublicInfoDTO({});
-            wrapperComponent.selectedUsers = [exampleUserPublicInfoDTO];
+            userSelectorComponent.selectedUsers = [exampleUserPublicInfoDTO];
             wrapperComponent.disabled = true;
             fixture.detectChanges();
             tick(1000);
@@ -146,13 +153,15 @@ describe('CourseUsersSelectorComponent', () => {
 
         it('should render profile picture for users in dropdown', fakeAsync(() => {
             const user = generateExampleUserPublicInfoDTO({});
-            searchUsersSpy.mockReturnValue(of(new HttpResponse({ body: [user], status: 200 })));
+            const searchResponse = new HttpResponse({ body: [user], status: 200 });
+            const searchStub = jest.spyOn(courseManagementServiceMock, 'searchUsers').mockReturnValue(of(searchResponse));
 
             changeInput(fixture.debugElement.nativeElement, 'test');
             tick(1000);
             fixture.detectChanges();
+            expect(searchStub).toHaveBeenCalledOnce();
 
-            const profilePicture = fixture.debugElement.query(By.directive(MockComponent(ProfilePictureComponent)));
+            const profilePicture = fixture.debugElement.query(By.directive(ProfilePictureComponent));
             expect(profilePicture).not.toBeNull();
         }));
     });
diff --git a/src/test/javascript/spec/component/shared/date-time-picker.component.spec.ts b/src/test/javascript/spec/component/shared/date-time-picker.component.spec.ts
index 2284476033cf..82e689e58a4f 100644
--- a/src/test/javascript/spec/component/shared/date-time-picker.component.spec.ts
+++ b/src/test/javascript/spec/component/shared/date-time-picker.component.spec.ts
@@ -1,9 +1,8 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { NgModel } from '@angular/forms';
 import { OwlDateTimeModule } from '@danielmoncada/angular-datetime-picker';
 import { FormDateTimePickerComponent } from 'app/shared/date-time-picker/date-time-picker.component';
 import dayjs from 'dayjs/esm';
-import { MockDirective, MockModule, MockPipe } from 'ng-mocks';
+import { MockModule, MockPipe } from 'ng-mocks';
 import { ArtemisTestModule } from '../../test.module';
 import { ArtemisTranslatePipe } from '../../../../../main/webapp/app/shared/pipes/artemis-translate.pipe';
 import { NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
@@ -18,7 +17,7 @@ describe('FormDateTimePickerComponent', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule, MockModule(OwlDateTimeModule), MockPipe(ArtemisTranslatePipe), MockModule(NgbTooltipModule)],
-            declarations: [FormDateTimePickerComponent, MockDirective(NgModel)],
+            declarations: [FormDateTimePickerComponent],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/shared/detail-overview-navigation-bar.component.spec.ts b/src/test/javascript/spec/component/shared/detail-overview-navigation-bar.component.spec.ts
index d3d82bacec15..0195c9285a02 100644
--- a/src/test/javascript/spec/component/shared/detail-overview-navigation-bar.component.spec.ts
+++ b/src/test/javascript/spec/component/shared/detail-overview-navigation-bar.component.spec.ts
@@ -1,6 +1,6 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { DetailOverviewNavigationBarComponent } from 'app/shared/detail-overview-navigation-bar/detail-overview-navigation-bar.component';
-import { TranslatePipeMock } from '../../helpers/mocks/service/mock-translate.service';
+import { ArtemisTestModule } from '../../test.module';
 
 const sectionHeadlines = [
     { id: 'general', translationKey: 'some.translation.key' },
@@ -19,9 +19,7 @@ describe('DetailOverviewNavigationBar', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [],
-            declarations: [DetailOverviewNavigationBarComponent, TranslatePipeMock],
-            providers: [],
+            imports: [ArtemisTestModule],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/shared/exercise-update-warning.component.spec.ts b/src/test/javascript/spec/component/shared/exercise-update-warning.component.spec.ts
index 43d4886aef13..14310c265a8d 100644
--- a/src/test/javascript/spec/component/shared/exercise-update-warning.component.spec.ts
+++ b/src/test/javascript/spec/component/shared/exercise-update-warning.component.spec.ts
@@ -1,10 +1,6 @@
 import { ComponentFixture, TestBed, fakeAsync } from '@angular/core/testing';
 import { ArtemisTestModule } from '../../test.module';
 import { ExerciseUpdateWarningComponent } from 'app/exercises/shared/exercise-update-warning/exercise-update-warning.component';
-import { MockDirective, MockPipe, MockProvider } from 'ng-mocks';
-import { NgModel } from '@angular/forms';
-import { TranslateService } from '@ngx-translate/core';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 
 describe('Exercise Update Warning Component Tests', () => {
     let fixture: ComponentFixture<ExerciseUpdateWarningComponent>;
@@ -13,8 +9,6 @@ describe('Exercise Update Warning Component Tests', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [ExerciseUpdateWarningComponent, MockDirective(NgModel), MockPipe(ArtemisTranslatePipe)],
-            providers: [MockProvider(TranslateService)],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/shared/feedback/feedback-modal.component.spec.ts b/src/test/javascript/spec/component/shared/feedback/feedback-modal.component.spec.ts
index f2123eb7f2b4..86a969a0c01b 100644
--- a/src/test/javascript/spec/component/shared/feedback/feedback-modal.component.spec.ts
+++ b/src/test/javascript/spec/component/shared/feedback/feedback-modal.component.spec.ts
@@ -1,8 +1,6 @@
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { DebugElement, SimpleChange } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
-import { BarChartModule } from '@swimlane/ngx-charts';
 import { Course } from 'app/entities/course.model';
 import { ExerciseType } from 'app/entities/exercise.model';
 import { Feedback, FeedbackType, STATIC_CODE_ANALYSIS_FEEDBACK_IDENTIFIER } from 'app/entities/feedback.model';
@@ -13,7 +11,6 @@ import { ProgrammingSubmission } from 'app/entities/programming/programming-subm
 import { Result } from 'app/entities/result.model';
 import { SubmissionType } from 'app/entities/submission.model';
 import { BuildLogService } from 'app/exercises/programming/shared/service/build-log.service';
-import { FeedbackCollapseComponent } from 'app/exercises/shared/feedback/collapse/feedback-collapse.component';
 import { FeedbackComponent } from 'app/exercises/shared/feedback/feedback.component';
 import { FeedbackItem } from 'app/exercises/shared/feedback/item/feedback-item';
 import { ProgrammingFeedbackItemService } from 'app/exercises/shared/feedback/item/programming-feedback-item.service';
@@ -21,10 +18,7 @@ import { FeedbackNode } from 'app/exercises/shared/feedback/node/feedback-node';
 import { ResultService } from 'app/exercises/shared/result/result.service';
 import { ProfileInfo } from 'app/shared/layouts/profiles/profile-info.model';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
-import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
-import { MockComponent, MockModule, MockPipe, MockProvider } from 'ng-mocks';
 import { BehaviorSubject, of, throwError } from 'rxjs';
-import { TranslatePipeMock } from '../../../helpers/mocks/service/mock-translate.service';
 import { ArtemisTestModule } from '../../../test.module';
 import { FeedbackGroup } from 'app/exercises/shared/feedback/group/feedback-group';
 
@@ -175,9 +169,7 @@ describe('FeedbackComponent', () => {
 
     beforeEach(() => {
         return TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, MockModule(BarChartModule)],
-            declarations: [FeedbackComponent, TranslatePipeMock, MockPipe(ArtemisDatePipe), MockComponent(FeedbackCollapseComponent)],
-            providers: [MockProvider(NgbActiveModal), MockProvider(ResultService), MockProvider(BuildLogService), MockProvider(ProfileService)],
+            imports: [ArtemisTestModule],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/shared/feedback/feedback-text.component.spec.ts b/src/test/javascript/spec/component/shared/feedback/feedback-text.component.spec.ts
index 26e2bcc866e2..9c626f52f1b4 100644
--- a/src/test/javascript/spec/component/shared/feedback/feedback-text.component.spec.ts
+++ b/src/test/javascript/spec/component/shared/feedback/feedback-text.component.spec.ts
@@ -18,7 +18,6 @@ describe('FeedbackTextComponent', () => {
     beforeEach(() => {
         return TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [FeedbackTextComponent],
             providers: [MockProvider(LongFeedbackTextService)],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/component/shared/fireworks.component.spec.ts b/src/test/javascript/spec/component/shared/fireworks.component.spec.ts
index 2fe7567d3cb9..fb41a21782cb 100644
--- a/src/test/javascript/spec/component/shared/fireworks.component.spec.ts
+++ b/src/test/javascript/spec/component/shared/fireworks.component.spec.ts
@@ -10,7 +10,6 @@ describe('Fireworks', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [FireworksComponent],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/shared/grading-instructions-details.component.spec.ts b/src/test/javascript/spec/component/shared/grading-instructions-details.component.spec.ts
index e5b3d7cb808d..896586eaffc6 100644
--- a/src/test/javascript/spec/component/shared/grading-instructions-details.component.spec.ts
+++ b/src/test/javascript/spec/component/shared/grading-instructions-details.component.spec.ts
@@ -39,7 +39,6 @@ describe('GradingInstructionsDetailsComponent', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [GradingInstructionsDetailsComponent],
             providers: [
                 { provide: LocalStorageService, useClass: MockSyncStorage },
                 { provide: SessionStorageService, useClass: MockSyncStorage },
diff --git a/src/test/javascript/spec/component/shared/image-cropper/image-croppper.component.spec.ts b/src/test/javascript/spec/component/shared/image-cropper/image-croppper.component.spec.ts
index 8171525fe7fa..fed502d791d4 100644
--- a/src/test/javascript/spec/component/shared/image-cropper/image-croppper.component.spec.ts
+++ b/src/test/javascript/spec/component/shared/image-cropper/image-croppper.component.spec.ts
@@ -29,7 +29,6 @@ describe('ImageCropperComponent', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [],
-            declarations: [ImageCropperComponent],
             providers: [MockProvider(CropService), MockProvider(CropperPositionService), MockProvider(LoadImageService)],
             schemas: [],
         })
diff --git a/src/test/javascript/spec/component/shared/main.component.spec.ts b/src/test/javascript/spec/component/shared/main.component.spec.ts
index 2f639ad2429f..3f46b69e3196 100644
--- a/src/test/javascript/spec/component/shared/main.component.spec.ts
+++ b/src/test/javascript/spec/component/shared/main.component.spec.ts
@@ -2,7 +2,7 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { MockTranslateService, TranslateTestingModule } from '../../helpers/mocks/service/mock-translate.service';
 import { ArtemisTestModule } from '../../test.module';
 import { By } from '@angular/platform-browser';
-import { JhiMainComponent } from 'app/shared/layouts/main/main.component';
+import { AppComponent } from '../../../../../main/webapp/app/app.component';
 import { MockSyncStorage } from '../../helpers/mocks/service/mock-sync-storage.service';
 import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
 import { TranslateService } from '@ngx-translate/core';
@@ -22,13 +22,13 @@ class MockThemeService {
 }
 
 describe('JhiMainComponent', () => {
-    let fixture: ComponentFixture<JhiMainComponent>;
-    let comp: JhiMainComponent;
+    let fixture: ComponentFixture<AppComponent>;
+    let comp: AppComponent;
 
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule, TranslateTestingModule, RouterModule.forRoot([])],
-            declarations: [JhiMainComponent, MockComponent(AlertOverlayComponent), MockComponent(PageRibbonComponent), MockComponent(NotificationPopupComponent)],
+            declarations: [AppComponent, MockComponent(AlertOverlayComponent), MockComponent(PageRibbonComponent), MockComponent(NotificationPopupComponent)],
             providers: [
                 { provide: LocalStorageService, useClass: MockSyncStorage },
                 { provide: SessionStorageService, useClass: MockSyncStorage },
@@ -38,7 +38,7 @@ describe('JhiMainComponent', () => {
         })
             .compileComponents()
             .then(() => {
-                fixture = TestBed.createComponent(JhiMainComponent);
+                fixture = TestBed.createComponent(AppComponent);
                 comp = fixture.componentInstance;
                 fixture.detectChanges();
             });
diff --git a/src/test/javascript/spec/component/shared/metis/answer-post/answer-post.component.spec.ts b/src/test/javascript/spec/component/shared/metis/answer-post/answer-post.component.spec.ts
index 4fdd9a243698..01e4f96bba36 100644
--- a/src/test/javascript/spec/component/shared/metis/answer-post/answer-post.component.spec.ts
+++ b/src/test/javascript/spec/component/shared/metis/answer-post/answer-post.component.spec.ts
@@ -10,13 +10,13 @@ import { metisPostExerciseUser1, metisResolvingAnswerPostUser1 } from '../../../
 import { OverlayModule } from '@angular/cdk/overlay';
 import { AnswerPostCreateEditModalComponent } from 'app/shared/metis/posting-create-edit-modal/answer-post-create-edit-modal/answer-post-create-edit-modal.component';
 import { DOCUMENT } from '@angular/common';
-import { Reaction } from '../../../../../../../main/webapp/app/entities/metis/reaction.model';
+import { Reaction } from 'app/entities/metis/reaction.model';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { MetisService } from 'app/shared/metis/metis.service';
 import { MockMetisService } from '../../../../helpers/mocks/service/mock-metis-service.service';
 import { Posting, PostingType } from 'app/entities/metis/posting.model';
 import { AnswerPost } from 'app/entities/metis/answer-post.model';
-import { PostingHeaderComponent } from '../../../../../../../main/webapp/app/shared/metis/posting-header/posting-header.component';
+import { PostingHeaderComponent } from 'app/shared/metis/posting-header/posting-header.component';
 import dayjs from 'dayjs/esm';
 import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
diff --git a/src/test/javascript/spec/component/shared/metis/message-inline-input-component/message-inline-input.component.spec.ts b/src/test/javascript/spec/component/shared/metis/message-inline-input-component/message-inline-input.component.spec.ts
index 2a0b89b17f77..41c330fb60ce 100644
--- a/src/test/javascript/spec/component/shared/metis/message-inline-input-component/message-inline-input.component.spec.ts
+++ b/src/test/javascript/spec/component/shared/metis/message-inline-input-component/message-inline-input.component.spec.ts
@@ -1,7 +1,7 @@
 import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testing';
 import { MetisService } from 'app/shared/metis/metis.service';
-import { MockModule, MockPipe } from 'ng-mocks';
-import { FormBuilder, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { MockDirective, MockPipe } from 'ng-mocks';
+import { FormBuilder } from '@angular/forms';
 import { provideHttpClientTesting } from '@angular/common/http/testing';
 import { MessageInlineInputComponent } from 'app/shared/metis/message/message-inline-input/message-inline-input.component';
 import { MockMetisService } from '../../../../helpers/mocks/service/mock-metis-service.service';
@@ -9,8 +9,11 @@ import { directMessageUser1, metisPostToCreateUser1 } from '../../../../helpers/
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { throwError } from 'rxjs';
 import { MockSyncStorage } from '../../../../helpers/mocks/service/mock-sync-storage.service';
-import { LocalStorageService } from 'ngx-webstorage';
+import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
 import { provideHttpClient } from '@angular/common/http';
+import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { TranslateService } from '@ngx-translate/core';
+import { MockTranslateService } from '../../../../helpers/mocks/service/mock-translate.service';
 
 describe('MessageInlineInputComponent', () => {
     let component: MessageInlineInputComponent;
@@ -21,14 +24,15 @@ describe('MessageInlineInputComponent', () => {
 
     beforeEach(() => {
         return TestBed.configureTestingModule({
-            imports: [MockModule(FormsModule), MockModule(ReactiveFormsModule)],
-            declarations: [MessageInlineInputComponent, MockPipe(ArtemisTranslatePipe)],
+            declarations: [MessageInlineInputComponent, MockPipe(ArtemisTranslatePipe), MockDirective(TranslateDirective)],
             providers: [
                 provideHttpClient(),
                 provideHttpClientTesting(),
                 FormBuilder,
                 { provide: MetisService, useClass: MockMetisService },
                 { provide: LocalStorageService, useClass: MockSyncStorage },
+                { provide: TranslateService, useClass: MockTranslateService },
+                { provide: SessionStorageService, useClass: MockSyncStorage },
             ],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/component/shared/metis/message-reply-inline-input/message-reply-inline-input.component.spec.ts b/src/test/javascript/spec/component/shared/metis/message-reply-inline-input/message-reply-inline-input.component.spec.ts
index ab90976788fc..f23cd5134687 100644
--- a/src/test/javascript/spec/component/shared/metis/message-reply-inline-input/message-reply-inline-input.component.spec.ts
+++ b/src/test/javascript/spec/component/shared/metis/message-reply-inline-input/message-reply-inline-input.component.spec.ts
@@ -1,7 +1,7 @@
 import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testing';
 import { MetisService } from 'app/shared/metis/metis.service';
-import { MockModule, MockPipe } from 'ng-mocks';
-import { FormBuilder, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { MockPipe } from 'ng-mocks';
+import { FormBuilder } from '@angular/forms';
 import { provideHttpClientTesting } from '@angular/common/http/testing';
 import { MockMetisService } from '../../../../helpers/mocks/service/mock-metis-service.service';
 import { directMessageUser1, metisPostToCreateUser1 } from '../../../../helpers/sample/metis-sample-data';
@@ -9,8 +9,10 @@ import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { MessageReplyInlineInputComponent } from 'app/shared/metis/message/message-reply-inline-input/message-reply-inline-input.component';
 import { throwError } from 'rxjs';
 import { MockSyncStorage } from '../../../../helpers/mocks/service/mock-sync-storage.service';
-import { LocalStorageService } from 'ngx-webstorage';
+import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
 import { provideHttpClient } from '@angular/common/http';
+import { TranslateService } from '@ngx-translate/core';
+import { MockTranslateService } from '../../../../helpers/mocks/service/mock-translate.service';
 
 describe('MessageReplyInlineInputComponent', () => {
     let component: MessageReplyInlineInputComponent;
@@ -21,7 +23,6 @@ describe('MessageReplyInlineInputComponent', () => {
 
     beforeEach(() => {
         return TestBed.configureTestingModule({
-            imports: [MockModule(FormsModule), MockModule(ReactiveFormsModule)],
             declarations: [MessageReplyInlineInputComponent, MockPipe(ArtemisTranslatePipe)],
             providers: [
                 provideHttpClient(),
@@ -29,6 +30,8 @@ describe('MessageReplyInlineInputComponent', () => {
                 FormBuilder,
                 { provide: MetisService, useClass: MockMetisService },
                 { provide: LocalStorageService, useClass: MockSyncStorage },
+                { provide: TranslateService, useClass: MockTranslateService },
+                { provide: SessionStorageService, useClass: MockSyncStorage },
             ],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/component/shared/metis/posting-content/posting-content-part.component.spec.ts b/src/test/javascript/spec/component/shared/metis/posting-content/posting-content-part.component.spec.ts
index 6020aee32a3b..7e35504a444c 100644
--- a/src/test/javascript/spec/component/shared/metis/posting-content/posting-content-part.component.spec.ts
+++ b/src/test/javascript/spec/component/shared/metis/posting-content/posting-content-part.component.spec.ts
@@ -9,8 +9,6 @@ import { MockQueryParamsDirective, MockRouterLinkDirective } from '../../../../h
 import { FileService } from 'app/shared/http/file.service';
 import { MockFileService } from '../../../../helpers/mocks/service/mock-file.service';
 import { MockRouter } from '../../../../helpers/mocks/mock-router';
-import { MatDialogModule } from '@angular/material/dialog';
-import { MatMenuModule } from '@angular/material/menu';
 import { AccountService } from 'app/core/auth/account.service';
 import { User } from 'app/core/user/user.model';
 import { MockProvider } from 'ng-mocks';
@@ -24,7 +22,6 @@ describe('PostingContentPartComponent', () => {
     let fileService: FileService;
     let openAttachmentSpy: jest.SpyInstance;
     let navigateByUrlSpy: jest.SpyInstance;
-    let enlargeImageSpy: jest.SpyInstance;
 
     let contentBeforeReference: string;
     let contentAfterReference: string;
@@ -33,13 +30,7 @@ describe('PostingContentPartComponent', () => {
         await TestBed.configureTestingModule({
             imports: [
                 ArtemisTestModule,
-                MatDialogModule,
-                MatMenuModule,
                 HtmlForPostingMarkdownPipe, // we want to test against the rendered string, therefore we cannot mock the pipe
-            ],
-            declarations: [
-                PostingContentPartComponent,
-                // FaIconComponent, // we want to test the type of rendered icons, therefore we cannot mock the component
                 MockRouterLinkDirective,
                 MockQueryParamsDirective,
             ],
@@ -59,7 +50,6 @@ describe('PostingContentPartComponent', () => {
         fileService = TestBed.inject(FileService);
         navigateByUrlSpy = jest.spyOn(router, 'navigateByUrl');
         openAttachmentSpy = jest.spyOn(fileService, 'downloadFile');
-        enlargeImageSpy = jest.spyOn(component, 'enlargeImage');
         contentBeforeReference = '**Be aware**\n\n I want to reference the following Post ';
         contentAfterReference = 'in my content,\n\n does it *actually* work?';
     });
@@ -220,6 +210,10 @@ describe('PostingContentPartComponent', () => {
             expect(referenceLink).not.toBeNull();
             expect(referenceLink.innerHTML).toInclude(referenceStr);
 
+            component.enlargeImage = jest.fn();
+
+            const enlargeImageSpy = jest.spyOn(component, 'enlargeImage');
+
             // on click should open referenced attachment unit slide
             referenceLink.click();
             expect(enlargeImageSpy).toHaveBeenCalledOnce();
diff --git a/src/test/javascript/spec/component/shared/metis/postings-create-edit-modal/post-create-edit-modal/post-tag-selector.component.spec.ts b/src/test/javascript/spec/component/shared/metis/postings-create-edit-modal/post-create-edit-modal/post-tag-selector.component.spec.ts
index 0c5350ce337e..e8107a398ef9 100644
--- a/src/test/javascript/spec/component/shared/metis/postings-create-edit-modal/post-create-edit-modal/post-tag-selector.component.spec.ts
+++ b/src/test/javascript/spec/component/shared/metis/postings-create-edit-modal/post-create-edit-modal/post-tag-selector.component.spec.ts
@@ -2,13 +2,9 @@ import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testin
 import { MetisService } from 'app/shared/metis/metis.service';
 import { MockMetisService } from '../../../../../helpers/mocks/service/mock-metis-service.service';
 import { PostTagSelectorComponent } from 'app/shared/metis/posting-create-edit-modal/post-create-edit-modal/post-tag-selector/post-tag-selector.component';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { MockModule, MockPipe } from 'ng-mocks';
-import { FormsModule } from '@angular/forms';
 import { metisTags } from '../../../../../helpers/sample/metis-sample-data';
-import { MatChipsModule } from '@angular/material/chips';
-import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import { MatSelectModule } from '@angular/material/select';
+import { TranslateService } from '@ngx-translate/core';
+import { MockTranslateService } from '../../../../../helpers/mocks/service/mock-translate.service';
 
 describe('PostTagSelectorComponent', () => {
     let component: PostTagSelectorComponent;
@@ -18,9 +14,10 @@ describe('PostTagSelectorComponent', () => {
 
     beforeEach(() => {
         return TestBed.configureTestingModule({
-            imports: [MockModule(MatChipsModule), MockModule(MatAutocompleteModule), MockModule(MatSelectModule), MockModule(FormsModule)],
-            providers: [{ provide: MetisService, useClass: MockMetisService }],
-            declarations: [PostTagSelectorComponent, MockPipe(ArtemisTranslatePipe)],
+            providers: [
+                { provide: MetisService, useClass: MockMetisService },
+                { provide: TranslateService, useClass: MockTranslateService },
+            ],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/shared/metis/postings-reactions-bar/post-reactions-bar/post-reactions-bar.component.spec.ts b/src/test/javascript/spec/component/shared/metis/postings-reactions-bar/post-reactions-bar/post-reactions-bar.component.spec.ts
index c567c465fe56..bedc64c1611d 100644
--- a/src/test/javascript/spec/component/shared/metis/postings-reactions-bar/post-reactions-bar/post-reactions-bar.component.spec.ts
+++ b/src/test/javascript/spec/component/shared/metis/postings-reactions-bar/post-reactions-bar/post-reactions-bar.component.spec.ts
@@ -2,19 +2,17 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { MetisService } from 'app/shared/metis/metis.service';
 import { DebugElement } from '@angular/core';
 import { Post } from 'app/entities/metis/post.model';
-import { MockComponent, MockDirective, MockModule, MockPipe, MockProvider } from 'ng-mocks';
+import { MockComponent, MockDirective, MockPipe, MockProvider } from 'ng-mocks';
 import { getElement } from '../../../../../helpers/utils/general.utils';
 import { PostReactionsBarComponent } from 'app/shared/metis/posting-reactions-bar/post-reactions-bar/post-reactions-bar.component';
-import { OverlayModule } from '@angular/cdk/overlay';
 import { Reaction } from 'app/entities/metis/reaction.model';
 import { provideHttpClientTesting } from '@angular/common/http/testing';
 import { ReactionService } from 'app/shared/metis/reaction.service';
 import { MockReactionService } from '../../../../../helpers/mocks/service/mock-reaction.service';
 import { AccountService } from 'app/core/auth/account.service';
 import { MockAccountService } from '../../../../../helpers/mocks/service/mock-account.service';
-import { EmojiData, EmojiModule } from '@ctrl/ngx-emoji-mart/ngx-emoji';
+import { EmojiData } from '@ctrl/ngx-emoji-mart/ngx-emoji';
 import { FaIconComponent } from '@fortawesome/angular-fontawesome';
-import { PickerModule } from '@ctrl/ngx-emoji-mart';
 import { DisplayPriority, UserRole } from 'app/shared/metis/metis.util';
 import { MockTranslateService, TranslatePipeMock } from '../../../../../helpers/mocks/service/mock-translate.service';
 import { TranslateService } from '@ngx-translate/core';
@@ -57,7 +55,7 @@ describe('PostReactionsBarComponent', () => {
 
     beforeEach(() => {
         return TestBed.configureTestingModule({
-            imports: [MockModule(OverlayModule), MockModule(EmojiModule), MockModule(PickerModule), MockDirective(NgbTooltip)],
+            imports: [MockDirective(NgbTooltip)],
             declarations: [
                 PostReactionsBarComponent,
                 TranslatePipeMock,
diff --git a/src/test/javascript/spec/component/shared/monaco-editor/monaco-editor-action.integration.spec.ts b/src/test/javascript/spec/component/shared/monaco-editor/monaco-editor-action.integration.spec.ts
index 4551f36513f9..a001c849380f 100644
--- a/src/test/javascript/spec/component/shared/monaco-editor/monaco-editor-action.integration.spec.ts
+++ b/src/test/javascript/spec/component/shared/monaco-editor/monaco-editor-action.integration.spec.ts
@@ -90,12 +90,14 @@ describe('MonacoEditorActionIntegration', () => {
         const imageClipboardItem: MockClipboardItem = {
             types: ['image/png'],
             getType: jest.fn().mockResolvedValue(imageBlob),
+            presentationStyle: 'inline',
         };
 
         const nonImageBlob = new Blob(['Sample text content']);
         const textClipboardItem: MockClipboardItem = {
             types: ['text/plain'],
             getType: jest.fn().mockResolvedValue(nonImageBlob),
+            presentationStyle: 'inline',
         };
 
         // Mock the clipboard read function to return the created ClipboardItems
diff --git a/src/test/javascript/spec/component/shared/monaco-editor/monaco-editor.service.spec.ts b/src/test/javascript/spec/component/shared/monaco-editor/monaco-editor.service.spec.ts
index 4951d70833b4..ab982e36233d 100644
--- a/src/test/javascript/spec/component/shared/monaco-editor/monaco-editor.service.spec.ts
+++ b/src/test/javascript/spec/component/shared/monaco-editor/monaco-editor.service.spec.ts
@@ -40,6 +40,7 @@ describe('MonacoEditorService', () => {
     });
 
     it('should correctly handle themes', () => {
+        TestBed.flushEffects();
         // Initialization: The editor should be in light mode since that is what we initialized the themeSubject with
         expect(setThemeSpy).toHaveBeenCalledExactlyOnceWith(MONACO_LIGHT_THEME_DEFINITION.id);
         // Switch to dark theme
diff --git a/src/test/javascript/spec/component/shared/notification/system-notification.component.spec.ts b/src/test/javascript/spec/component/shared/notification/system-notification.component.spec.ts
index dc8411766582..9734bf8279ec 100644
--- a/src/test/javascript/spec/component/shared/notification/system-notification.component.spec.ts
+++ b/src/test/javascript/spec/component/shared/notification/system-notification.component.spec.ts
@@ -42,8 +42,7 @@ describe('System Notification Component', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule],
-            declarations: [SystemNotificationComponent],
+            imports: [ArtemisTestModule, SystemNotificationComponent],
             providers: [
                 { provide: LocalStorageService, useClass: MockSyncStorage },
                 { provide: SessionStorageService, useClass: MockSyncStorage },
diff --git a/src/test/javascript/spec/component/shared/participant-scores-distribution.component.spec.ts b/src/test/javascript/spec/component/shared/participant-scores-distribution.component.spec.ts
index 9d6c7832f0cf..a9c3f132acdd 100644
--- a/src/test/javascript/spec/component/shared/participant-scores-distribution.component.spec.ts
+++ b/src/test/javascript/spec/component/shared/participant-scores-distribution.component.spec.ts
@@ -1,13 +1,8 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ParticipantScoresDistributionComponent } from 'app/shared/participant-scores/participant-scores-distribution/participant-scores-distribution.component';
-import { MockComponent, MockModule, MockPipe, MockProvider } from 'ng-mocks';
+import { MockProvider } from 'ng-mocks';
 import { ArtemisTestModule } from '../../test.module';
 import { GradingSystemService } from 'app/grading-system/grading-system.service';
-import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
-import { TranslateService } from '@ngx-translate/core';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { BarChartModule } from '@swimlane/ngx-charts';
-import { HelpIconComponent } from 'app/shared/components/help-icon.component';
 import { GraphColors } from 'app/entities/statistics.model';
 import { GradeType, GradingScale } from 'app/entities/grading-scale.model';
 import { GradeStep } from 'app/entities/grade-step.model';
@@ -82,9 +77,8 @@ describe('ParticipantScoresDistributionComponent', () => {
 
     beforeEach(() => {
         return TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, MockModule(BarChartModule)],
-            declarations: [ParticipantScoresDistributionComponent, MockPipe(ArtemisTranslatePipe), MockComponent(HelpIconComponent)],
-            providers: [MockProvider(GradingSystemService), { provide: TranslateService, useClass: MockTranslateService }],
+            imports: [ArtemisTestModule],
+            providers: [MockProvider(GradingSystemService)],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/shared/resizeable-container.component.spec.ts b/src/test/javascript/spec/component/shared/resizeable-container.component.spec.ts
index 247365c1f7e2..61e7b87900ab 100644
--- a/src/test/javascript/spec/component/shared/resizeable-container.component.spec.ts
+++ b/src/test/javascript/spec/component/shared/resizeable-container.component.spec.ts
@@ -1,16 +1,12 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ResizeableContainerComponent } from 'app/shared/resizeable-container/resizeable-container.component';
-import { ArtemisTestModule } from '../../test.module';
 
 describe('ResizeableContainerComponent', () => {
     let component: ResizeableContainerComponent;
     let fixture: ComponentFixture<ResizeableContainerComponent>;
 
     beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [ArtemisTestModule],
-            declarations: [ResizeableContainerComponent],
-        }).compileComponents();
+        TestBed.configureTestingModule({}).compileComponents();
     });
 
     beforeEach(() => {
diff --git a/src/test/javascript/spec/component/shared/science.component.spec.ts b/src/test/javascript/spec/component/shared/science.component.spec.ts
index bceff43ecbf9..c4bad75f4387 100644
--- a/src/test/javascript/spec/component/shared/science.component.spec.ts
+++ b/src/test/javascript/spec/component/shared/science.component.spec.ts
@@ -9,8 +9,8 @@ import { LocalStorageService } from 'ngx-webstorage';
 
 @Component({ template: '' })
 class ScienceComponent extends AbstractScienceComponent {
-    constructor(scienceService: ScienceService) {
-        super(scienceService, ScienceEventType.LECTURE__OPEN);
+    constructor() {
+        super(ScienceEventType.LECTURE__OPEN);
         super.logEvent();
     }
 }
@@ -24,7 +24,6 @@ describe('AbstractScienceComponent', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [ScienceComponent],
             providers: [{ provide: LocalStorageService, useClass: MockLocalStorageService }],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/component/shared/sidebar/conversation-options.component.spec.ts b/src/test/javascript/spec/component/shared/sidebar/conversation-options.component.spec.ts
index de008e5098bc..ef131d18150e 100644
--- a/src/test/javascript/spec/component/shared/sidebar/conversation-options.component.spec.ts
+++ b/src/test/javascript/spec/component/shared/sidebar/conversation-options.component.spec.ts
@@ -8,7 +8,6 @@ import { of } from 'rxjs';
 import { HttpResponse } from '@angular/common/http';
 import { generateExampleChannelDTO, generateExampleGroupChatDTO, generateOneToOneChatDTO } from '../../overview/course-conversations/helpers/conversationExampleModels';
 import { ChannelDTO, ChannelSubType } from 'app/entities/metis/conversation/channel.model';
-import { NgbDropdownMocksModule } from '../../../helpers/mocks/directive/ngbDropdownMocks.module';
 import { CourseLectureDetailsComponent } from 'app/overview/course-lectures/course-lecture-details.component';
 import { CourseExerciseDetailsComponent } from 'app/overview/exercise-details/course-exercise-details.component';
 import { ExamDetailComponent } from 'app/exam/manage/exams/exam-detail.component';
@@ -19,7 +18,6 @@ import { MetisService } from 'app/shared/metis/metis.service';
 import { MockMetisService } from '../../../helpers/mocks/service/mock-metis-service.service';
 import { NotificationService } from 'app/shared/notification/notification.service';
 import { MockNotificationService } from '../../../helpers/mocks/service/mock-notification.service';
-import { ArtemisSharedModule } from 'app/shared/shared.module';
 import { GroupChatDTO } from 'app/entities/metis/conversation/group-chat.model';
 import { defaultFirstLayerDialogOptions } from 'app/overview/course-conversations/other/conversation.util';
 import { ConversationDetailDialogComponent } from 'app/overview/course-conversations/dialogs/conversation-detail-dialog/conversation-detail-dialog.component';
@@ -27,6 +25,8 @@ import { MetisConversationService } from 'app/shared/metis/metis-conversation.se
 import { isOneToOneChatDTO } from 'app/entities/metis/conversation/one-to-one-chat.model';
 import { TranslateDirective } from 'app/shared/language/translate.directive';
 import { provideRouter } from '@angular/router';
+import { TranslateService } from '@ngx-translate/core';
+import { MockTranslateService } from '../../../helpers/mocks/service/mock-translate.service';
 
 const examples: (() => ConversationDTO)[] = [
     () => generateOneToOneChatDTO({}),
@@ -51,8 +51,7 @@ examples.forEach((conversation) => {
 
         beforeEach(() => {
             TestBed.configureTestingModule({
-                imports: [ArtemisSharedModule, NgbDropdownMocksModule],
-                declarations: [ConversationOptionsComponent, MockComponent(FaIconComponent), MockPipe(ArtemisTranslatePipe), MockDirective(TranslateDirective)],
+                imports: [MockComponent(FaIconComponent), MockPipe(ArtemisTranslatePipe), MockDirective(TranslateDirective)],
                 providers: [
                     provideRouter([
                         { path: 'courses/:courseId/lectures/:lectureId', component: CourseLectureDetailsComponent },
@@ -63,9 +62,9 @@ examples.forEach((conversation) => {
                     MockProvider(MetisConversationService),
                     MockProvider(AlertService),
                     MockProvider(NgbModal),
-                    MockPipe(ArtemisTranslatePipe),
                     { provide: MetisService, useClass: MockMetisService },
                     { provide: NotificationService, useClass: MockNotificationService },
+                    { provide: TranslateService, useClass: MockTranslateService },
                 ],
             }).compileComponents();
 
diff --git a/src/test/javascript/spec/component/shared/sidebar/sidebar-card-large.component.spec.ts b/src/test/javascript/spec/component/shared/sidebar/sidebar-card-large.component.spec.ts
index 527bd39f41d5..58c2a9919109 100644
--- a/src/test/javascript/spec/component/shared/sidebar/sidebar-card-large.component.spec.ts
+++ b/src/test/javascript/spec/component/shared/sidebar/sidebar-card-large.component.spec.ts
@@ -48,30 +48,28 @@ describe('SidebarCardLargeComponent', () => {
     });
 
     it('should navigate to the item URL on click', async () => {
-        const mockFn = jest.fn();
-        component.emitStoreAndRefresh = mockFn;
+        jest.spyOn(component, 'emitStoreAndRefresh');
         component.itemSelected = true;
         fixture.detectChanges();
         const itemElement = fixture.nativeElement.querySelector('#test-sidebar-card-large');
         itemElement.click();
         await fixture.whenStable();
-        expect(mockFn).toHaveBeenCalledWith('testId');
-        expect(router.navigateByUrl).toHaveBeenCalled();
-        const navigationArray = router.navigateByUrl.mock.calls[0][0];
-        expect(navigationArray).toBe('./testId');
+        expect(component.emitStoreAndRefresh).toHaveBeenCalledWith('testId');
+        expect(router.navigate).toHaveBeenCalled();
+        const navigationArray = router.navigate.mock.calls[1][0];
+        expect(navigationArray).toStrictEqual(['./testId']);
     });
 
     it('should navigate to the when no item was selected before', async () => {
-        const mockFn = jest.fn();
-        component.emitStoreAndRefresh = mockFn;
+        jest.spyOn(component, 'emitStoreAndRefresh');
         component.itemSelected = false;
         fixture.detectChanges();
         const itemElement = fixture.nativeElement.querySelector('#test-sidebar-card-large');
         itemElement.click();
         await fixture.whenStable();
-        expect(mockFn).toHaveBeenCalledWith('testId');
-        expect(router.navigateByUrl).toHaveBeenCalled();
-        const navigationArray = router.navigateByUrl.mock.calls[0][0];
-        expect(navigationArray).toBe('./testId');
+        expect(component.emitStoreAndRefresh).toHaveBeenCalledWith('testId');
+        expect(router.navigate).toHaveBeenCalled();
+        const navigationArray = router.navigate.mock.calls[1][0];
+        expect(navigationArray).toStrictEqual(['', 'testId']);
     });
 });
diff --git a/src/test/javascript/spec/component/shared/sidebar/sidebar-card-medium.component.spec.ts b/src/test/javascript/spec/component/shared/sidebar/sidebar-card-medium.component.spec.ts
index 335ce176e534..f50fbcba7061 100644
--- a/src/test/javascript/spec/component/shared/sidebar/sidebar-card-medium.component.spec.ts
+++ b/src/test/javascript/spec/component/shared/sidebar/sidebar-card-medium.component.spec.ts
@@ -73,30 +73,28 @@ describe('SidebarCardMediumComponent', () => {
     });
 
     it('should navigate to the item URL on click', async () => {
-        const mockFn = jest.fn();
-        component.emitStoreAndRefresh = mockFn;
+        jest.spyOn(component, 'emitStoreAndRefresh');
         component.itemSelected = true;
         fixture.detectChanges();
         const itemElement = fixture.nativeElement.querySelector('#test-sidebar-card-medium');
         itemElement.click();
         await fixture.whenStable();
-        expect(mockFn).toHaveBeenCalledWith('testId');
-        expect(router.navigateByUrl).toHaveBeenCalled();
-        const navigationArray = router.navigateByUrl.mock.calls[0][0];
-        expect(navigationArray).toBe('./testId');
+        expect(component.emitStoreAndRefresh).toHaveBeenCalledWith('testId');
+        expect(router.navigate).toHaveBeenCalled();
+        const navigationArray = router.navigate.mock.calls[1][0];
+        expect(navigationArray).toStrictEqual(['./testId']);
     });
 
     it('should navigate to the when no item was selected before', async () => {
-        const mockFn = jest.fn();
-        component.emitStoreAndRefresh = mockFn;
+        jest.spyOn(component, 'emitStoreAndRefresh');
         component.itemSelected = false;
         fixture.detectChanges();
         const itemElement = fixture.nativeElement.querySelector('#test-sidebar-card-medium');
         itemElement.click();
         await fixture.whenStable();
-        expect(mockFn).toHaveBeenCalledWith('testId');
-        expect(router.navigateByUrl).toHaveBeenCalled();
-        const navigationArray = router.navigateByUrl.mock.calls[0][0];
-        expect(navigationArray).toBe('./testId');
+        expect(component.emitStoreAndRefresh).toHaveBeenCalledWith('testId');
+        expect(router.navigate).toHaveBeenCalled();
+        const navigationArray = router.navigate.mock.calls[1][0];
+        expect(navigationArray).toStrictEqual(['', 'testId']);
     });
 });
diff --git a/src/test/javascript/spec/component/shared/sidebar/sidebar-card-small.component.spec.ts b/src/test/javascript/spec/component/shared/sidebar/sidebar-card-small.component.spec.ts
index 0a38c4d118c3..fb3f4a298a56 100644
--- a/src/test/javascript/spec/component/shared/sidebar/sidebar-card-small.component.spec.ts
+++ b/src/test/javascript/spec/component/shared/sidebar/sidebar-card-small.component.spec.ts
@@ -74,30 +74,28 @@ describe('SidebarCardSmallComponent', () => {
    */
 
     it('should navigate to the item URL on click', async () => {
-        const mockFn = jest.fn();
-        component.emitStoreAndRefresh = mockFn;
+        jest.spyOn(component, 'emitStoreAndRefresh');
         component.itemSelected = true;
         fixture.detectChanges();
         const itemElement = fixture.nativeElement.querySelector('#test-sidebar-card-small');
         itemElement.click();
         await fixture.whenStable();
-        expect(mockFn).toHaveBeenCalledWith('testId');
-        expect(router.navigateByUrl).toHaveBeenCalled();
-        const navigationArray = router.navigateByUrl.mock.calls[0][0];
-        expect(navigationArray).toBe('../communication');
+        expect(component.emitStoreAndRefresh).toHaveBeenCalledWith('testId');
+        expect(router.navigate).toHaveBeenCalled();
+        const navigationArray = router.navigate.mock.calls[1][0];
+        expect(navigationArray).toStrictEqual(['./testId']);
     });
 
     it('should navigate to the when no item was selected before', async () => {
-        const mockFn = jest.fn();
-        component.emitStoreAndRefresh = mockFn;
+        jest.spyOn(component, 'emitStoreAndRefresh');
         component.itemSelected = false;
         fixture.detectChanges();
         const itemElement = fixture.nativeElement.querySelector('#test-sidebar-card-small');
         itemElement.click();
         await fixture.whenStable();
-        expect(mockFn).toHaveBeenCalledWith('testId');
-        expect(router.navigateByUrl).toHaveBeenCalled();
-        const navigationArray = router.navigateByUrl.mock.calls[0][0];
-        expect(navigationArray).toBe('./communication');
+        expect(component.emitStoreAndRefresh).toHaveBeenCalledWith('testId');
+        expect(router.navigate).toHaveBeenCalled();
+        const navigationArray = router.navigate.mock.calls[1][0];
+        expect(navigationArray).toStrictEqual(['', 'testId']);
     });
 });
diff --git a/src/test/javascript/spec/component/shared/treeview/treeview-item.component.spec.ts b/src/test/javascript/spec/component/shared/treeview/treeview-item.component.spec.ts
index b7b09c0e2072..a2914027d81a 100644
--- a/src/test/javascript/spec/component/shared/treeview/treeview-item.component.spec.ts
+++ b/src/test/javascript/spec/component/shared/treeview/treeview-item.component.spec.ts
@@ -6,6 +6,7 @@ import { slice } from 'lodash-es';
 import { TreeviewItemComponent } from 'app/exercises/programming/shared/code-editor/treeview/components/treeview-item/treeview-item.component';
 import { TreeviewItem } from 'app/exercises/programming/shared/code-editor/treeview/models/treeview-item';
 import { createGenericTestComponent } from './common';
+import { ArtemisSharedCommonModule } from 'app/shared/shared-common.module';
 
 const fakeItemTemplate = `
 <ng-template #itemTemplate let-item="item"
@@ -37,9 +38,9 @@ const fakeData: FakeData = {
 const testTemplate = fakeItemTemplate + '<treeview-item [item]="item" [template]="itemTemplate" (checkedChange)="checkedChange($event)"></treeview-item>';
 
 @Component({
-    // eslint-disable-next-line @angular-eslint/component-selector
     selector: 'test',
     template: '',
+    imports: [TreeviewItemComponent, ArtemisSharedCommonModule],
 })
 class TestComponent {
     item = fakeData.item;
@@ -52,7 +53,6 @@ describe('TreeviewItemComponent', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [FormsModule, BrowserModule],
-            declarations: [TestComponent, TreeviewItemComponent],
         });
     });
 
diff --git a/src/test/javascript/spec/component/shared/user-settings/user-settings.directive.spec.ts b/src/test/javascript/spec/component/shared/user-settings/user-settings.directive.spec.ts
index bce6f3acfcbc..df1c00916686 100644
--- a/src/test/javascript/spec/component/shared/user-settings/user-settings.directive.spec.ts
+++ b/src/test/javascript/spec/component/shared/user-settings/user-settings.directive.spec.ts
@@ -25,28 +25,17 @@ import { AlertService } from 'app/core/util/alert.service';
     selector: 'jhi-user-settings-mock',
     template: '',
 })
-class UserSettingsMockComponent extends UserSettingsDirective {
-    changeDetector: ChangeDetectorRef;
-    alertService: AlertService;
-
-    constructor(userSettingsService: UserSettingsService, changeDetector: ChangeDetectorRef, alertService: AlertService) {
-        super(userSettingsService, alertService, changeDetector);
-        this.changeDetector = changeDetector;
-        this.alertService = alertService;
-    }
-}
+class UserSettingsMockComponent extends UserSettingsDirective {}
 
 describe('User Settings Directive', () => {
+    let alertService: AlertService;
     let comp: UserSettingsMockComponent;
     let fixture: ComponentFixture<UserSettingsMockComponent>;
 
     let userSettingsService: UserSettingsService;
     let httpMock: HttpTestingController;
-    let alertService: AlertService;
     let changeDetector: ChangeDetectorRef;
 
-    let changeDetectorDetectChangesSpy: jest.SpyInstance;
-
     const router = new MockRouter();
 
     const notificationSettingA: NotificationSetting = {
@@ -63,7 +52,6 @@ describe('User Settings Directive', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [TranslateTestingModule],
-            declarations: [UserSettingsMockComponent],
             providers: [
                 provideHttpClient(),
                 provideHttpClientTesting(),
@@ -81,12 +69,9 @@ describe('User Settings Directive', () => {
                 // can be any other category, it does not change the logic
                 comp.userSettingsCategory = UserSettingsCategory.NOTIFICATION_SETTINGS;
                 userSettingsService = TestBed.inject(UserSettingsService);
+                alertService = TestBed.inject(AlertService);
                 httpMock = TestBed.inject(HttpTestingController);
-                comp.alertService = TestBed.inject(AlertService);
-                alertService = comp.alertService;
-                comp.changeDetector = fixture.debugElement.injector.get(ChangeDetectorRef);
-                changeDetector = comp.changeDetector;
-                changeDetectorDetectChangesSpy = jest.spyOn(changeDetector.constructor.prototype, 'detectChanges');
+                changeDetector = fixture.debugElement.injector.get(ChangeDetectorRef);
             });
     });
 
@@ -102,6 +87,7 @@ describe('User Settings Directive', () => {
                 jest.spyOn(userSettingsService, 'loadSettings').mockReturnValue(of(new HttpResponse({ body: notificationSettingsForTesting })));
                 const loadSettingsSuccessAsSettingsStructureSpy = jest.spyOn(userSettingsService, 'loadSettingsSuccessAsSettingsStructure');
                 const extractIndividualSettingsFromSettingsStructureSpy = jest.spyOn(userSettingsService, 'extractIndividualSettingsFromSettingsStructure');
+                const changeDetectorDetectChangesSpy = jest.spyOn(changeDetector.constructor.prototype, 'detectChanges');
 
                 comp.ngOnInit();
 
@@ -111,7 +97,7 @@ describe('User Settings Directive', () => {
             });
 
             it('should handle error correctly when loading fails', () => {
-                const alertServiceSpy = jest.spyOn(comp.alertService, 'error');
+                const alertServiceSpy = jest.spyOn(alertService, 'error');
                 const errorResponse = new HttpErrorResponse({ status: 403 });
                 jest.spyOn(userSettingsService, 'loadSettings').mockReturnValue(throwError(() => errorResponse));
 
diff --git a/src/test/javascript/spec/component/shared/vertical-progress-bar.component.spec.ts b/src/test/javascript/spec/component/shared/vertical-progress-bar.component.spec.ts
index b87953bf1e3b..c123ac9681f0 100644
--- a/src/test/javascript/spec/component/shared/vertical-progress-bar.component.spec.ts
+++ b/src/test/javascript/spec/component/shared/vertical-progress-bar.component.spec.ts
@@ -2,17 +2,13 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { VerticalProgressBarComponent } from 'app/shared/vertical-progress-bar/vertical-progress-bar.component';
 import { runOnPushChangeDetection } from '../../helpers/on-push-change-detection.helper';
-import { NgbTooltipMocksModule } from '../../helpers/mocks/directive/ngbTooltipMocks.module';
 
 describe('VerticalProgressBarComponent', () => {
     let component: VerticalProgressBarComponent;
     let fixture: ComponentFixture<VerticalProgressBarComponent>;
 
     beforeEach(async () => {
-        await TestBed.configureTestingModule({
-            imports: [NgbTooltipMocksModule],
-            declarations: [VerticalProgressBarComponent],
-        }).compileComponents();
+        await TestBed.configureTestingModule({}).compileComponents();
 
         fixture = TestBed.createComponent(VerticalProgressBarComponent);
         component = fixture.componentInstance;
diff --git a/src/test/javascript/spec/component/short-answer-question/short-answer-question-edit.component.spec.ts b/src/test/javascript/spec/component/short-answer-question/short-answer-question-edit.component.spec.ts
index a4c7d7683af8..04380db97d0b 100644
--- a/src/test/javascript/spec/component/short-answer-question/short-answer-question-edit.component.spec.ts
+++ b/src/test/javascript/spec/component/short-answer-question/short-answer-question-edit.component.spec.ts
@@ -59,7 +59,13 @@ describe('ShortAnswerQuestionEditComponent', () => {
                 MockComponent(MatchPercentageInfoModalComponent),
             ],
             providers: [MockProvider(NgbModal)],
-        }).compileComponents();
+        })
+            .overrideComponent(ShortAnswerQuestionEditComponent, {
+                set: {
+                    providers: [MockProvider(NgbModal)],
+                },
+            })
+            .compileComponents();
         global.ResizeObserver = jest.fn().mockImplementation((callback: ResizeObserverCallback) => {
             return new MockResizeObserver(callback);
         });
@@ -293,7 +299,7 @@ describe('ShortAnswerQuestionEditComponent', () => {
 
     it('should open', () => {
         const content = {};
-        const modalService = TestBed.inject(NgbModal);
+        const modalService = fixture.debugElement.injector.get(NgbModal);
         const modalSpy = jest.spyOn(modalService, 'open');
         component.open(content);
         expect(modalSpy).toHaveBeenCalledOnce();
diff --git a/src/test/javascript/spec/component/standardized-competencies/admin-import-standardized-competencies.spec.ts b/src/test/javascript/spec/component/standardized-competencies/admin-import-standardized-competencies.spec.ts
index cea5d75e4e6e..e4269f1682ab 100644
--- a/src/test/javascript/spec/component/standardized-competencies/admin-import-standardized-competencies.spec.ts
+++ b/src/test/javascript/spec/component/standardized-competencies/admin-import-standardized-competencies.spec.ts
@@ -27,9 +27,9 @@ describe('AdminImportStandardizedCompetenciesComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, NgbCollapseMocksModule],
-            declarations: [
-                AdminImportStandardizedCompetenciesComponent,
+            imports: [ArtemisTestModule],
+            providers: [
+                NgbCollapseMocksModule,
                 MockPipe(HtmlForMarkdownPipe),
                 KnowledgeAreaTreeStubComponent,
                 MockComponent(ButtonComponent),
@@ -40,8 +40,9 @@ describe('AdminImportStandardizedCompetenciesComponent', () => {
                 MockModule(FontAwesomeModule),
                 MockComponent(StandardizedCompetencyDetailComponent),
                 MockComponent(KnowledgeAreaTreeComponent),
+                MockProvider(AlertService),
+                { provide: Router, useClass: MockRouter },
             ],
-            providers: [{ provide: Router, useClass: MockRouter }, MockProvider(AlertService)],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/standardized-competencies/filter/standardized-competency-filter-page.component.spec.ts b/src/test/javascript/spec/component/standardized-competencies/filter/standardized-competency-filter-page.component.spec.ts
index b065a2fe3015..4cd0c0b91353 100644
--- a/src/test/javascript/spec/component/standardized-competencies/filter/standardized-competency-filter-page.component.spec.ts
+++ b/src/test/javascript/spec/component/standardized-competencies/filter/standardized-competency-filter-page.component.spec.ts
@@ -21,7 +21,6 @@ describe('StandardizedCompetencyFilterPageComponent', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule, FormsModule],
-            declarations: [DummyImportComponent],
             providers: [],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/component/standardized-competencies/standardized-competency-management.spec.ts b/src/test/javascript/spec/component/standardized-competencies/standardized-competency-management.spec.ts
index 9c2b7f487793..7533a582fa29 100644
--- a/src/test/javascript/spec/component/standardized-competencies/standardized-competency-management.spec.ts
+++ b/src/test/javascript/spec/component/standardized-competencies/standardized-competency-management.spec.ts
@@ -1,11 +1,7 @@
 import { ArtemisTestModule } from '../../test.module';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { MockComponent, MockProvider } from 'ng-mocks';
+import { MockProvider } from 'ng-mocks';
 import { StandardizedCompetencyManagementComponent } from 'app/admin/standardized-competencies/standardized-competency-management.component';
-import { ButtonComponent } from 'app/shared/components/button.component';
-import { MockRouterLinkDirective } from '../../helpers/mocks/directive/mock-router-link.directive';
 import { AdminStandardizedCompetencyService } from 'app/admin/standardized-competencies/admin-standardized-competency.service';
 import {
     KnowledgeAreaDTO,
@@ -17,18 +13,12 @@ import {
 } from 'app/entities/competency/standardized-competency.model';
 import { HttpResponse } from '@angular/common/http';
 import { of } from 'rxjs';
-import { NgbTooltipMocksModule } from '../../helpers/mocks/directive/ngbTooltipMocks.module';
-import { NgbCollapseMocksModule } from '../../helpers/mocks/directive/ngbCollapseMocks.module';
 import { By } from '@angular/platform-browser';
 import { CompetencyTaxonomy } from 'app/entities/competency.model';
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
-import { TranslateTestingModule } from '../../helpers/mocks/service/mock-translate.service';
-import { KnowledgeAreaEditStubComponent } from './detail/knowledge-area-edit-stub.component';
-import { KnowledgeAreaTreeStubComponent } from './knowledge-area-tree-stub.component';
 import { StandardizedCompetencyService } from 'app/shared/standardized-competencies/standardized-competency.service';
-import { StandardizedCompetencyEditStubComponent } from './detail/standardized-competency-edit-stub';
-import { StandardizedCompetencyFilterStubComponent } from './filter/standardized-competency-filter-stub.component';
-import { DocumentationButtonComponent } from 'app/shared/components/documentation-button/documentation-button.component';
+import { StandardizedCompetencyEditComponent } from '../../../../../main/webapp/app/admin/standardized-competencies/standardized-competency-edit.component';
+import { KnowledgeAreaEditComponent } from 'app/admin/standardized-competencies/knowledge-area-edit.component';
 
 describe('StandardizedCompetencyManagementComponent', () => {
     let componentFixture: ComponentFixture<StandardizedCompetencyManagementComponent>;
@@ -39,18 +29,8 @@ describe('StandardizedCompetencyManagementComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [TranslateTestingModule, ArtemisTestModule, FormsModule, NgbTooltipMocksModule, NgbCollapseMocksModule],
-            declarations: [
-                StandardizedCompetencyManagementComponent,
-                StandardizedCompetencyEditStubComponent,
-                StandardizedCompetencyFilterStubComponent,
-                KnowledgeAreaEditStubComponent,
-                MockComponent(ButtonComponent),
-                KnowledgeAreaTreeStubComponent,
-                MockRouterLinkDirective,
-                MockComponent(DocumentationButtonComponent),
-            ],
-            providers: [ArtemisTranslatePipe, MockProvider(StandardizedCompetencyService), MockProvider(AdminStandardizedCompetencyService), MockProvider(NgbModal)],
+            imports: [ArtemisTestModule],
+            providers: [MockProvider(NgbModal)],
         })
             .compileComponents()
             .then(() => {
@@ -193,7 +173,7 @@ describe('StandardizedCompetencyManagementComponent', () => {
         component['selectedCompetency'] = competencyToDelete;
         componentFixture.detectChanges();
 
-        const detailComponent = componentFixture.debugElement.query(By.directive(StandardizedCompetencyEditStubComponent)).componentInstance;
+        const detailComponent = componentFixture.debugElement.query(By.directive(StandardizedCompetencyEditComponent)).componentInstance;
         detailComponent.onDelete.emit(competencyToDelete.id);
 
         expect(deleteSpy).toHaveBeenCalledOnce();
@@ -221,7 +201,7 @@ describe('StandardizedCompetencyManagementComponent', () => {
         createSpy.mockReturnValue(of(new HttpResponse({ body: createdCompetency })));
         componentFixture.detectChanges();
 
-        const detailComponent = componentFixture.debugElement.query(By.directive(StandardizedCompetencyEditStubComponent)).componentInstance;
+        const detailComponent = componentFixture.debugElement.query(By.directive(StandardizedCompetencyEditComponent)).componentInstance;
         detailComponent.onSave.emit(competencyToCreate);
 
         expect(createSpy).toHaveBeenCalled();
@@ -341,7 +321,7 @@ describe('StandardizedCompetencyManagementComponent', () => {
         component['selectedKnowledgeArea'] = knowledgeAreaToDelete;
         componentFixture.detectChanges();
 
-        const detailComponent = componentFixture.debugElement.query(By.directive(KnowledgeAreaEditStubComponent)).componentInstance;
+        const detailComponent = componentFixture.debugElement.query(By.directive(KnowledgeAreaEditComponent)).componentInstance;
         detailComponent.onDelete.emit(knowledgeAreaToDelete.id);
 
         expect(deleteSpy).toHaveBeenCalledOnce();
@@ -375,7 +355,7 @@ describe('StandardizedCompetencyManagementComponent', () => {
         component['selectedKnowledgeArea'] = knowledgeAreaToDelete;
         componentFixture.detectChanges();
 
-        const detailComponent = componentFixture.debugElement.query(By.directive(KnowledgeAreaEditStubComponent)).componentInstance;
+        const detailComponent = componentFixture.debugElement.query(By.directive(KnowledgeAreaEditComponent)).componentInstance;
         detailComponent.onDelete.emit(knowledgeAreaToDelete.id);
 
         expect(deleteSpy).toHaveBeenCalledOnce();
@@ -406,7 +386,7 @@ describe('StandardizedCompetencyManagementComponent', () => {
         createSpy.mockReturnValue(of(new HttpResponse({ body: createdKnowledgeArea })));
         componentFixture.detectChanges();
 
-        const detailComponent = componentFixture.debugElement.query(By.directive(KnowledgeAreaEditStubComponent)).componentInstance;
+        const detailComponent = componentFixture.debugElement.query(By.directive(KnowledgeAreaEditComponent)).componentInstance;
         detailComponent.onSave.emit(knowledgeAreaToCreate);
 
         expect(createSpy).toHaveBeenCalled();
@@ -498,7 +478,7 @@ describe('StandardizedCompetencyManagementComponent', () => {
         updateSpy.mockReturnValue(of(new HttpResponse({ body: updatedCompetency })));
         componentFixture.detectChanges();
 
-        const detailComponent = componentFixture.debugElement.query(By.directive(StandardizedCompetencyEditStubComponent)).componentInstance;
+        const detailComponent = componentFixture.debugElement.query(By.directive(StandardizedCompetencyEditComponent)).componentInstance;
         detailComponent.onSave.emit(competencyToUpdate);
 
         expect(updateSpy).toHaveBeenCalled();
@@ -512,7 +492,7 @@ describe('StandardizedCompetencyManagementComponent', () => {
         updateSpy.mockReturnValue(of(new HttpResponse({ body: updatedKnowledgeArea })));
         componentFixture.detectChanges();
 
-        const detailComponent = componentFixture.debugElement.query(By.directive(KnowledgeAreaEditStubComponent)).componentInstance;
+        const detailComponent = componentFixture.debugElement.query(By.directive(KnowledgeAreaEditComponent)).componentInstance;
         detailComponent.onSave.emit(knowledgeAreaToUpdate);
 
         expect(updateSpy).toHaveBeenCalled();
diff --git a/src/test/javascript/spec/component/statistics/doughnut-chart.component.spec.ts b/src/test/javascript/spec/component/statistics/doughnut-chart.component.spec.ts
index 4d4f8ce983ba..9ad4802a1368 100644
--- a/src/test/javascript/spec/component/statistics/doughnut-chart.component.spec.ts
+++ b/src/test/javascript/spec/component/statistics/doughnut-chart.component.spec.ts
@@ -1,14 +1,9 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { MockModule, MockPipe } from 'ng-mocks';
 import { DoughnutChartType } from 'app/course/manage/detail/course-detail.component';
 import { DoughnutChartComponent } from 'app/exercises/shared/statistics/doughnut-chart.component';
 import { ArtemisTestModule } from '../../test.module';
 import { ExerciseType } from 'app/entities/exercise.model';
-import { MockRouter } from '../../helpers/mocks/mock-router';
 import { Router } from '@angular/router';
-import { MockRouterLinkDirective } from '../../helpers/mocks/directive/mock-router-link.directive';
-import { PieChartModule } from '@swimlane/ngx-charts';
 
 describe('DoughnutChartComponent', () => {
     let fixture: ComponentFixture<DoughnutChartComponent>;
@@ -21,9 +16,7 @@ describe('DoughnutChartComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, MockModule(PieChartModule)],
-            declarations: [DoughnutChartComponent, MockPipe(ArtemisTranslatePipe), MockRouterLinkDirective],
-            providers: [{ provide: Router, useClass: MockRouter }],
+            imports: [ArtemisTestModule],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/statistics/statistics-average-score-graph.component.spec.ts b/src/test/javascript/spec/component/statistics/statistics-average-score-graph.component.spec.ts
index d77c1251079e..23b59c3d22e5 100644
--- a/src/test/javascript/spec/component/statistics/statistics-average-score-graph.component.spec.ts
+++ b/src/test/javascript/spec/component/statistics/statistics-average-score-graph.component.spec.ts
@@ -1,18 +1,14 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ArtemisTestModule } from '../../test.module';
-import { MockDirective, MockModule, MockPipe, MockProvider } from 'ng-mocks';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
+import { MockProvider } from 'ng-mocks';
 import { PerformanceInterval, StatisticsAverageScoreGraphComponent } from 'app/shared/statistics-graph/statistics-average-score-graph.component';
-import { BarChartModule } from '@swimlane/ngx-charts';
 import { ExerciseType } from 'app/entities/exercise.model';
 import { GraphColors } from 'app/entities/statistics.model';
 import { CourseManagementStatisticsModel } from 'app/entities/quiz/course-management-statistics-model';
 import { ArtemisNavigationUtilService } from 'app/utils/navigation.utils';
 import { ChartExerciseTypeFilter } from 'app/shared/chart/chart-exercise-type-filter';
 import { ChartCategoryFilter } from 'app/shared/chart/chart-category-filter';
-import { TranslateDirective } from 'app/shared/language/translate.directive';
 import { ExerciseCategory } from 'app/entities/exercise-category.model';
-import { provideRouter } from '@angular/router';
 
 describe('StatisticsAverageScoreGraphComponent', () => {
     let fixture: ComponentFixture<StatisticsAverageScoreGraphComponent>;
@@ -78,9 +74,8 @@ describe('StatisticsAverageScoreGraphComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, MockModule(BarChartModule)],
-            declarations: [StatisticsAverageScoreGraphComponent, MockPipe(ArtemisTranslatePipe), MockDirective(TranslateDirective)],
-            providers: [provideRouter([]), MockProvider(ArtemisNavigationUtilService), MockProvider(ChartExerciseTypeFilter), MockProvider(ChartCategoryFilter)],
+            imports: [ArtemisTestModule],
+            providers: [MockProvider(ArtemisNavigationUtilService)],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/statistics/statistics-graph.component.spec.ts b/src/test/javascript/spec/component/statistics/statistics-graph.component.spec.ts
index 6fce3eef9959..2414fc8f1009 100644
--- a/src/test/javascript/spec/component/statistics/statistics-graph.component.spec.ts
+++ b/src/test/javascript/spec/component/statistics/statistics-graph.component.spec.ts
@@ -1,18 +1,12 @@
 import { HttpTestingController } from '@angular/common/http/testing';
 import { SimpleChange } from '@angular/core';
 import { ArtemisTestModule } from '../../test.module';
-import { TranslateService } from '@ngx-translate/core';
 import { StatisticsGraphComponent } from 'app/shared/statistics-graph/statistics-graph.component';
 import { StatisticsService } from 'app/shared/statistics-graph/statistics.service';
 import { Graphs, SpanType, StatisticsView } from 'app/entities/statistics.model';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import dayjs from 'dayjs/esm';
-import { MockModule, MockPipe } from 'ng-mocks';
 import { of } from 'rxjs';
-import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BarChartModule } from '@swimlane/ngx-charts';
-import { provideRouter } from '@angular/router';
 
 describe('StatisticsGraphComponent', () => {
     let fixture: ComponentFixture<StatisticsGraphComponent>;
@@ -22,9 +16,7 @@ describe('StatisticsGraphComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, MockModule(BarChartModule)],
-            declarations: [StatisticsGraphComponent, MockPipe(ArtemisTranslatePipe)],
-            providers: [provideRouter([]), { provide: TranslateService, useClass: MockTranslateService }],
+            imports: [ArtemisTestModule],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/statistics/statistics-score-distribution-graph.component.spec.ts b/src/test/javascript/spec/component/statistics/statistics-score-distribution-graph.component.spec.ts
index c9dbce1a0dd6..4b9ed2a5fccd 100644
--- a/src/test/javascript/spec/component/statistics/statistics-score-distribution-graph.component.spec.ts
+++ b/src/test/javascript/spec/component/statistics/statistics-score-distribution-graph.component.spec.ts
@@ -1,11 +1,6 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ArtemisTestModule } from '../../test.module';
-import { MockModule, MockPipe, MockProvider } from 'ng-mocks';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
-import { TranslateService } from '@ngx-translate/core';
 import { StatisticsScoreDistributionGraphComponent } from 'app/shared/statistics-graph/statistics-score-distribution-graph.component';
-import { BarChartModule } from '@swimlane/ngx-charts';
 import { ExerciseType } from 'app/entities/exercise.model';
 import { ArtemisNavigationUtilService } from 'app/utils/navigation.utils';
 
@@ -17,9 +12,7 @@ describe('StatisticsScoreDistributionGraphComponent', () => {
     const expectedLabels = ['[0, 10)', '[10, 20)', '[20, 30)', '[30, 40)', '[40, 50)', '[50, 60)', '[60, 70)', '[70, 80)', '[80, 90)', '[90, 100]'];
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, MockModule(BarChartModule)],
-            declarations: [StatisticsScoreDistributionGraphComponent, MockPipe(ArtemisTranslatePipe)],
-            providers: [MockProvider(ArtemisNavigationUtilService), { provide: TranslateService, useClass: MockTranslateService }],
+            imports: [ArtemisTestModule],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/table/table-editable-field.component.spec.ts b/src/test/javascript/spec/component/table/table-editable-field.component.spec.ts
index 3195d6f7abd5..308122e024ab 100644
--- a/src/test/javascript/spec/component/table/table-editable-field.component.spec.ts
+++ b/src/test/javascript/spec/component/table/table-editable-field.component.spec.ts
@@ -1,9 +1,7 @@
 import { ComponentFixture, TestBed, fakeAsync } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
-import { TranslateModule } from '@ngx-translate/core';
 import { DebugElement } from '@angular/core';
 import { ArtemisTestModule } from '../../test.module';
-import { ArtemisTableModule } from 'app/shared/table/table.module';
 import { TableEditableFieldComponent } from 'app/shared/table/table-editable-field.component';
 
 describe('TableEditableFieldComponent', () => {
@@ -15,8 +13,7 @@ describe('TableEditableFieldComponent', () => {
 
     beforeEach(() => {
         return TestBed.configureTestingModule({
-            imports: [TranslateModule.forRoot(), ArtemisTestModule, ArtemisTableModule],
-            declarations: [TableEditableFieldComponent],
+            imports: [ArtemisTestModule],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/team/team-exercise-search.component.spec.ts b/src/test/javascript/spec/component/team/team-exercise-search.component.spec.ts
index 1083ee4d31fc..04116321c79e 100644
--- a/src/test/javascript/spec/component/team/team-exercise-search.component.spec.ts
+++ b/src/test/javascript/spec/component/team/team-exercise-search.component.spec.ts
@@ -1,5 +1,4 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { TranslateService } from '@ngx-translate/core';
 import dayjs from 'dayjs/esm';
 import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
 
@@ -8,7 +7,6 @@ import { TextExercise } from 'app/entities/text/text-exercise.model';
 import { TeamExerciseSearchComponent } from 'app/exercises/shared/team/team-exercise-search/team-exercise-search.component';
 import { MockCourseManagementService } from '../../helpers/mocks/service/mock-course-management.service';
 import { MockSyncStorage } from '../../helpers/mocks/service/mock-sync-storage.service';
-import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
 import { ArtemisTestModule } from '../../test.module';
 import { Course } from 'app/entities/course.model';
 
@@ -19,10 +17,8 @@ describe('Team Exercise Search Component', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [TeamExerciseSearchComponent],
             providers: [
                 { provide: CourseManagementService, useClass: MockCourseManagementService },
-                { provide: TranslateService, useClass: MockTranslateService },
                 { provide: LocalStorageService, useClass: MockSyncStorage },
                 { provide: SessionStorageService, useClass: MockSyncStorage },
             ],
diff --git a/src/test/javascript/spec/component/team/team-owner-search.component.spec.ts b/src/test/javascript/spec/component/team/team-owner-search.component.spec.ts
index 77c1ee8414ea..cd310b5b1afb 100644
--- a/src/test/javascript/spec/component/team/team-owner-search.component.spec.ts
+++ b/src/test/javascript/spec/component/team/team-owner-search.component.spec.ts
@@ -4,10 +4,6 @@ import { TeamOwnerSearchComponent } from 'app/exercises/shared/team/team-owner-s
 import { MockCourseManagementService } from '../../helpers/mocks/service/mock-course-management.service';
 import { ArtemisTestModule } from '../../test.module';
 import { User } from 'app/core/user/user.model';
-import { NgbTypeahead } from '@ng-bootstrap/ng-bootstrap';
-import { MockDirective, MockPipe } from 'ng-mocks';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { NgModel } from '@angular/forms';
 import { HttpResponse } from '@angular/common/http';
 import { of, throwError } from 'rxjs';
 
@@ -20,8 +16,7 @@ describe('Team Owner Search Component', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, MockDirective(NgbTypeahead)],
-            declarations: [TeamOwnerSearchComponent, MockDirective(NgModel), MockPipe(ArtemisTranslatePipe)],
+            imports: [ArtemisTestModule],
             providers: [{ provide: CourseManagementService, useClass: MockCourseManagementService }],
         }).compileComponents();
 
diff --git a/src/test/javascript/spec/component/team/team-participation-table.component.spec.ts b/src/test/javascript/spec/component/team/team-participation-table.component.spec.ts
index 5ca546c8c38c..b1ffbeb9d6da 100644
--- a/src/test/javascript/spec/component/team/team-participation-table.component.spec.ts
+++ b/src/test/javascript/spec/component/team/team-participation-table.component.spec.ts
@@ -2,7 +2,6 @@ import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testin
 import { DebugElement } from '@angular/core';
 import { ArtemisTestModule } from '../../test.module';
 import { By } from '@angular/platform-browser';
-import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
 import { TeamService } from 'app/exercises/shared/team/team.service';
 import { LocalStorageService } from 'ngx-webstorage';
 import { MockSyncStorage } from '../../helpers/mocks/service/mock-sync-storage.service';
@@ -16,15 +15,9 @@ import dayjs from 'dayjs/esm';
 import { HttpResponse } from '@angular/common/http';
 import { Course } from 'app/entities/course.model';
 import { Submission, SubmissionExerciseType } from 'app/entities/submission.model';
-import { Router, RouterModule } from '@angular/router';
-import { MockComponent, MockDirective, MockModule, MockPipe, MockProvider } from 'ng-mocks';
+import { Router } from '@angular/router';
+import { MockProvider } from 'ng-mocks';
 import { TranslateService } from '@ngx-translate/core';
-import { NgxDatatableModule } from '@siemens/ngx-datatable';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
-import { TranslateDirective } from 'app/shared/language/translate.directive';
-import { DataTableComponent } from 'app/shared/data-table/data-table.component';
-import { AssessmentWarningComponent } from 'app/assessment/assessment-warning/assessment-warning.component';
 
 describe('TeamParticipationTableComponent', () => {
     let comp: TeamParticipationTableComponent;
@@ -155,15 +148,7 @@ describe('TeamParticipationTableComponent', () => {
 
     beforeEach(() => {
         return TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, MockModule(NgxDatatableModule), MockModule(RouterModule), MockModule(NgbModule)],
-            declarations: [
-                TeamParticipationTableComponent,
-                MockPipe(ArtemisTranslatePipe),
-                MockPipe(ArtemisDatePipe),
-                MockDirective(TranslateDirective),
-                MockComponent(AssessmentWarningComponent),
-                MockComponent(DataTableComponent),
-            ],
+            imports: [ArtemisTestModule],
             providers: [
                 MockProvider(TranslateService),
                 { provide: TeamService, useClass: MockTeamService },
diff --git a/src/test/javascript/spec/component/team/team.component.spec.ts b/src/test/javascript/spec/component/team/team.component.spec.ts
index 2b35c859c567..842344d67d1b 100644
--- a/src/test/javascript/spec/component/team/team.component.spec.ts
+++ b/src/test/javascript/spec/component/team/team.component.spec.ts
@@ -1,28 +1,17 @@
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-import { Router, RouterModule } from '@angular/router';
-import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
-import { TranslateService } from '@ngx-translate/core';
-import { NgxDatatableModule } from '@siemens/ngx-datatable';
+import { Router } from '@angular/router';
 import { AccountService } from 'app/core/auth/account.service';
 import { User } from 'app/core/user/user.model';
 import { ExerciseService } from 'app/exercises/shared/exercise/exercise.service';
-import { TeamParticipationTableComponent } from 'app/exercises/shared/team/team-participation-table/team-participation-table.component';
-import { TeamDeleteButtonComponent } from 'app/exercises/shared/team/team-update-dialog/team-delete-button.component';
-import { TeamUpdateButtonComponent } from 'app/exercises/shared/team/team-update-dialog/team-update-button.component';
 import { TeamComponent } from 'app/exercises/shared/team/team.component';
 import { TeamService } from 'app/exercises/shared/team/team.service';
-import { DataTableComponent } from 'app/shared/data-table/data-table.component';
-import { FeatureToggleModule } from 'app/shared/feature-toggle/feature-toggle.module';
-import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { MockComponent, MockModule, MockPipe, MockProvider } from 'ng-mocks';
+import { MockProvider } from 'ng-mocks';
 import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
 import { of, throwError } from 'rxjs';
 import { Exercise } from '../../../../../main/webapp/app/entities/exercise.model';
 import { Team } from '../../../../../main/webapp/app/entities/team.model';
 import { mockExercise, mockTeam, mockTeams } from '../../helpers/mocks/service/mock-team.service';
 import { ArtemisTestModule } from '../../test.module';
-import { AssessmentWarningComponent } from 'app/assessment/assessment-warning/assessment-warning.component';
 import { AlertService } from 'app/core/util/alert.service';
 import { HttpResponse } from '@angular/common/http';
 
@@ -39,25 +28,8 @@ describe('TeamComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, MockModule(NgbModule), MockModule(FeatureToggleModule), MockModule(NgxDatatableModule), MockModule(RouterModule)],
-            declarations: [
-                TeamComponent,
-                MockComponent(TeamUpdateButtonComponent),
-                MockComponent(TeamDeleteButtonComponent),
-                MockPipe(ArtemisTranslatePipe),
-                MockPipe(ArtemisDatePipe),
-                MockComponent(TeamParticipationTableComponent),
-                MockComponent(DataTableComponent),
-                MockComponent(AssessmentWarningComponent),
-            ],
-            providers: [
-                MockProvider(SessionStorageService),
-                MockProvider(LocalStorageService),
-                MockProvider(AccountService),
-                TeamService,
-                MockProvider(TranslateService),
-                ExerciseService,
-            ],
+            imports: [ArtemisTestModule],
+            providers: [MockProvider(SessionStorageService), MockProvider(LocalStorageService), MockProvider(AccountService), TeamService, ExerciseService],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/team/teams-export-button.component.spec.ts b/src/test/javascript/spec/component/team/teams-export-button.component.spec.ts
index 7d0a739472cc..a48d300c9f09 100644
--- a/src/test/javascript/spec/component/team/teams-export-button.component.spec.ts
+++ b/src/test/javascript/spec/component/team/teams-export-button.component.spec.ts
@@ -5,7 +5,7 @@ import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { TeamService } from 'app/exercises/shared/team/team.service';
 import { TeamsExportButtonComponent } from 'app/exercises/shared/team/teams-import-dialog/teams-export-button.component';
 import { ButtonComponent } from 'app/shared/components/button.component';
-import { FeatureToggleModule } from 'app/shared/feature-toggle/feature-toggle.module';
+import { FeatureToggleDirective } from 'app/shared/feature-toggle/feature-toggle.directive';
 import { MockDirective, MockModule, MockPipe, MockProvider } from 'ng-mocks';
 import { mockTeams } from '../../helpers/mocks/service/mock-team.service';
 import { ArtemisTestModule } from '../../test.module';
@@ -22,7 +22,7 @@ describe('TeamsExportButtonComponent', () => {
 
     beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, MockModule(NgbModule), MockModule(FeatureToggleModule)],
+            imports: [ArtemisTestModule, MockModule(NgbModule), MockDirective(FeatureToggleDirective)],
             declarations: [TeamsExportButtonComponent, ButtonComponent, MockPipe(ArtemisTranslatePipe), MockDirective(TranslateDirective)],
             providers: [MockProvider(TeamService)],
         }).compileComponents();
diff --git a/src/test/javascript/spec/component/team/teams-import-button.component.spec.ts b/src/test/javascript/spec/component/team/teams-import-button.component.spec.ts
index 94b9c75e1e56..f66948f6b02a 100644
--- a/src/test/javascript/spec/component/team/teams-import-button.component.spec.ts
+++ b/src/test/javascript/spec/component/team/teams-import-button.component.spec.ts
@@ -6,7 +6,7 @@ import { Team } from 'app/entities/team.model';
 import { TeamService } from 'app/exercises/shared/team/team.service';
 import { TeamsImportButtonComponent } from 'app/exercises/shared/team/teams-import-dialog/teams-import-button.component';
 import { ButtonComponent } from 'app/shared/components/button.component';
-import { FeatureToggleModule } from 'app/shared/feature-toggle/feature-toggle.module';
+import { FeatureToggleDirective } from 'app/shared/feature-toggle/feature-toggle.directive';
 import { MockDirective, MockModule, MockPipe, MockProvider } from 'ng-mocks';
 import { mockExercise, mockSourceTeams, mockTeams } from '../../helpers/mocks/service/mock-team.service';
 import { ArtemisTestModule } from '../../test.module';
@@ -24,7 +24,7 @@ describe('TeamsImportButtonComponent', () => {
 
     beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, MockModule(NgbModule), MockModule(FeatureToggleModule)],
+            imports: [ArtemisTestModule, MockModule(NgbModule), MockDirective(FeatureToggleDirective)],
             declarations: [TeamsImportButtonComponent, ButtonComponent, MockPipe(ArtemisTranslatePipe), MockDirective(TranslateDirective)],
             providers: [MockProvider(TeamService), MockProvider(NgbModal)],
         }).compileComponents();
diff --git a/src/test/javascript/spec/component/team/teams-import-dialog.component.spec.ts b/src/test/javascript/spec/component/team/teams-import-dialog.component.spec.ts
index 9762d0570d25..1686b379aeac 100644
--- a/src/test/javascript/spec/component/team/teams-import-dialog.component.spec.ts
+++ b/src/test/javascript/spec/component/team/teams-import-dialog.component.spec.ts
@@ -1,25 +1,17 @@
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { ComponentFixture, TestBed, fakeAsync, tick, waitForAsync } from '@angular/core/testing';
-import { NgForm, NgModel } from '@angular/forms';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { User } from 'app/core/user/user.model';
 import { AlertService } from 'app/core/util/alert.service';
 import { Exercise } from 'app/entities/exercise.model';
 import { Team, TeamImportStrategyType } from 'app/entities/team.model';
-import { TeamExerciseSearchComponent } from 'app/exercises/shared/team/team-exercise-search/team-exercise-search.component';
-import { TeamStudentsListComponent } from 'app/exercises/shared/team/team-participate/team-students-list.component';
 import { TeamService } from 'app/exercises/shared/team/team.service';
 import { TeamsImportDialogComponent } from 'app/exercises/shared/team/teams-import-dialog/teams-import-dialog.component';
-import { TeamsImportFromFileFormComponent } from 'app/exercises/shared/team/teams-import-dialog/teams-import-from-file-form.component';
-import { HelpIconComponent } from 'app/shared/components/help-icon.component';
-import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
 import { flatMap } from 'lodash-es';
-import { MockComponent, MockDirective, MockProvider } from 'ng-mocks';
+import { MockProvider } from 'ng-mocks';
 import { of, throwError } from 'rxjs';
 import { mockExercise, mockSourceExercise, mockSourceTeamStudents, mockSourceTeams, mockTeam, mockTeamStudents, mockTeams } from '../../helpers/mocks/service/mock-team.service';
 import { ArtemisTestModule } from '../../test.module';
-import { TranslateDirective } from 'app/shared/language/translate.directive';
-import { TranslatePipeMock } from '../../helpers/mocks/service/mock-translate.service';
 
 describe('TeamsImportDialogComponent', () => {
     let comp: TeamsImportDialogComponent;
@@ -56,19 +48,7 @@ describe('TeamsImportDialogComponent', () => {
     beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [
-                TeamsImportDialogComponent,
-                MockComponent(TeamsImportFromFileFormComponent),
-                MockDirective(DeleteButtonDirective),
-                MockDirective(TranslateDirective),
-                TranslatePipeMock,
-                MockComponent(TeamExerciseSearchComponent),
-                MockComponent(TeamStudentsListComponent),
-                MockComponent(HelpIconComponent),
-                MockDirective(NgModel),
-                MockDirective(NgForm),
-            ],
-            providers: [MockProvider(TeamService), MockProvider(NgbActiveModal)],
+            providers: [MockProvider(TeamService)],
         }).compileComponents();
     }));
 
diff --git a/src/test/javascript/spec/component/team/teams-import-from-file-form.component.spec.ts b/src/test/javascript/spec/component/team/teams-import-from-file-form.component.spec.ts
index d1798b272d32..ff271eb26165 100644
--- a/src/test/javascript/spec/component/team/teams-import-from-file-form.component.spec.ts
+++ b/src/test/javascript/spec/component/team/teams-import-from-file-form.component.spec.ts
@@ -1,14 +1,11 @@
 import { ChangeDetectorRef, DebugElement } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
-import { FaIconComponent } from '@fortawesome/angular-fontawesome';
-import { TranslateService } from '@ngx-translate/core';
 import { Team } from 'app/entities/team.model';
 import { TeamsImportFromFileFormComponent } from 'app/exercises/shared/team/teams-import-dialog/teams-import-from-file-form.component';
-import { HelpIconComponent } from 'app/shared/components/help-icon.component';
-import { MockComponent, MockProvider } from 'ng-mocks';
 import { mockFileStudents, mockFileTeamsConverted } from '../../helpers/mocks/service/mock-team.service';
 import { unparse } from 'papaparse';
+import { ArtemisTestModule } from '../../test.module';
 
 describe('TeamsImportFromFileFormComponent', () => {
     let comp: TeamsImportFromFileFormComponent;
@@ -26,9 +23,7 @@ describe('TeamsImportFromFileFormComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [],
-            declarations: [TeamsImportFromFileFormComponent, MockComponent(HelpIconComponent), MockComponent(FaIconComponent)],
-            providers: [MockProvider(TranslateService)],
+            imports: [ArtemisTestModule],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/team/teams.component.spec.ts b/src/test/javascript/spec/component/team/teams.component.spec.ts
index 9ace2666920a..3732936b7bd9 100644
--- a/src/test/javascript/spec/component/team/teams.component.spec.ts
+++ b/src/test/javascript/spec/component/team/teams.component.spec.ts
@@ -2,17 +2,16 @@ import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testin
 import { DebugElement } from '@angular/core';
 import { ArtemisTestModule } from '../../test.module';
 import { By } from '@angular/platform-browser';
-import { NgModel } from '@angular/forms';
 import { TeamService } from 'app/exercises/shared/team/team.service';
 import { TeamsComponent } from 'app/exercises/shared/team/teams.component';
 import { ExerciseService } from 'app/exercises/shared/exercise/exercise.service';
-import { ActivatedRoute, Router, convertToParamMap, provideRouter } from '@angular/router';
+import { ActivatedRoute, convertToParamMap } from '@angular/router';
 import { of } from 'rxjs';
 import { MockTeamService, mockTeams } from '../../helpers/mocks/service/mock-team.service';
 import { MockExerciseService } from '../../helpers/mocks/service/mock-exercise.service';
 import { ParticipationService } from 'app/exercises/shared/participation/participation.service';
 import { MockParticipationService } from '../../helpers/mocks/service/mock-participation.service';
-import { MockComponent, MockDirective, MockModule } from 'ng-mocks';
+import { MockComponent } from 'ng-mocks';
 import { TranslatePipeMock } from '../../helpers/mocks/service/mock-translate.service';
 import { TeamsExportButtonComponent } from 'app/exercises/shared/team/teams-import-dialog/teams-export-button.component';
 import { TeamsImportButtonComponent } from 'app/exercises/shared/team/teams-import-dialog/teams-import-button.component';
@@ -27,7 +26,6 @@ describe('TeamsComponent', () => {
     let comp: TeamsComponent;
     let fixture: ComponentFixture<TeamsComponent>;
     let debugElement: DebugElement;
-    let router: Router;
 
     const route = {
         params: of({ exerciseId: 1 }),
@@ -36,10 +34,9 @@ describe('TeamsComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, MockModule(NgxDatatableModule)],
+            imports: [ArtemisTestModule, NgxDatatableModule],
             declarations: [
                 TeamsComponent,
-                MockDirective(NgModel),
                 TranslatePipeMock,
                 MockComponent(TeamsExportButtonComponent),
                 MockComponent(TeamsImportButtonComponent),
@@ -50,7 +47,6 @@ describe('TeamsComponent', () => {
                 MockComponent(TeamDeleteButtonComponent),
             ],
             providers: [
-                provideRouter([]),
                 { provide: ActivatedRoute, useValue: route },
                 { provide: ParticipationService, useClass: MockParticipationService },
                 { provide: ExerciseService, useClass: MockExerciseService },
@@ -62,10 +58,6 @@ describe('TeamsComponent', () => {
                 fixture = TestBed.createComponent(TeamsComponent);
                 comp = fixture.componentInstance;
                 debugElement = fixture.debugElement;
-                router = debugElement.injector.get(Router);
-                fixture.ngZone!.run(() => {
-                    router.initialNavigation();
-                });
             });
     });
 
diff --git a/src/test/javascript/spec/component/text-editor/text-editor.component.spec.ts b/src/test/javascript/spec/component/text-editor/text-editor.component.spec.ts
index 47902e658500..fe249338cccc 100644
--- a/src/test/javascript/spec/component/text-editor/text-editor.component.spec.ts
+++ b/src/test/javascript/spec/component/text-editor/text-editor.component.spec.ts
@@ -36,7 +36,6 @@ import { TeamParticipateInfoBoxComponent } from 'app/exercises/shared/team/team-
 import { TeamSubmissionSyncComponent } from 'app/exercises/shared/team-submission-sync/team-submission-sync.component';
 import { AdditionalFeedbackComponent } from 'app/shared/additional-feedback/additional-feedback.component';
 import { RatingComponent } from 'app/exercises/shared/rating/rating.component';
-import { NgModel } from '@angular/forms';
 import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
 import { ComplaintsStudentViewComponent } from 'app/complaints/complaints-for-students/complaints-student-view.component';
 import { TranslateDirective } from 'app/shared/language/translate.directive';
@@ -81,7 +80,6 @@ describe('TextEditorComponent', () => {
                 MockComponent(TeamSubmissionSyncComponent),
                 MockComponent(AdditionalFeedbackComponent),
                 MockComponent(RatingComponent),
-                MockDirective(NgModel),
                 MockDirective(TranslateDirective),
             ],
             providers: [
diff --git a/src/test/javascript/spec/component/text-exercise/example-text-submission.component.spec.ts b/src/test/javascript/spec/component/text-exercise/example-text-submission.component.spec.ts
index 28bd19ff7ed4..be8a4b153136 100644
--- a/src/test/javascript/spec/component/text-exercise/example-text-submission.component.spec.ts
+++ b/src/test/javascript/spec/component/text-exercise/example-text-submission.component.spec.ts
@@ -22,7 +22,7 @@ import { HelpIconComponent } from 'app/shared/components/help-icon.component';
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { ResizeableContainerComponent } from 'app/shared/resizeable-container/resizeable-container.component';
 import { ScoreDisplayComponent } from 'app/shared/score-display/score-display.component';
-import { MockComponent, MockPipe, MockProvider } from 'ng-mocks';
+import { MockComponent, MockDirective, MockPipe, MockProvider } from 'ng-mocks';
 import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
 import { of, throwError } from 'rxjs';
 import { MockSyncStorage } from '../../helpers/mocks/service/mock-sync-storage.service';
@@ -33,6 +33,7 @@ import { AlertService } from 'app/core/util/alert.service';
 import { DebugElement } from '@angular/core';
 import { ConfirmAutofocusModalComponent } from 'app/shared/components/confirm-autofocus-modal.component';
 import { ConfirmAutofocusButtonComponent } from 'app/shared/components/confirm-autofocus-button.component';
+import { TranslateDirective } from '../../../../../main/webapp/app/shared/language/translate.directive';
 
 describe('ExampleTextSubmissionComponent', () => {
     let fixture: ComponentFixture<ExampleTextSubmissionComponent>;
@@ -62,6 +63,7 @@ describe('ExampleTextSubmissionComponent', () => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule, FormsModule],
             declarations: [
+                MockDirective(TranslateDirective),
                 ExampleTextSubmissionComponent,
                 MockComponent(ConfirmAutofocusModalComponent),
                 MockComponent(ResizeableContainerComponent),
diff --git a/src/test/javascript/spec/component/text-exercise/text-exercise-detail.component.spec.ts b/src/test/javascript/spec/component/text-exercise/text-exercise-detail.component.spec.ts
index b95a4cd7242a..048508517b93 100644
--- a/src/test/javascript/spec/component/text-exercise/text-exercise-detail.component.spec.ts
+++ b/src/test/javascript/spec/component/text-exercise/text-exercise-detail.component.spec.ts
@@ -10,7 +10,7 @@ import { TextExercise } from 'app/entities/text/text-exercise.model';
 import { ExerciseGroup } from 'app/entities/exercise-group.model';
 import { MockActivatedRoute } from '../../helpers/mocks/activated-route/mock-activated-route';
 import { TranslateService } from '@ngx-translate/core';
-import { MockComponent, MockPipe, MockProvider } from 'ng-mocks';
+import { MockComponent, MockDirective, MockPipe, MockProvider } from 'ng-mocks';
 import { NonProgrammingExerciseDetailCommonActionsComponent } from 'app/exercises/shared/exercise-detail-common-actions/non-programming-exercise-detail-common-actions.component';
 import { StatisticsService } from 'app/shared/statistics-graph/statistics.service';
 import { ExerciseManagementStatisticsDto } from 'app/exercises/shared/statistics/exercise-management-statistics-dto';
@@ -19,6 +19,7 @@ import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { ExerciseDetailStatisticsComponent } from 'app/exercises/shared/statistics/exercise-detail-statistics.component';
 import { DocumentationButtonComponent } from 'app/shared/components/documentation-button/documentation-button.component';
 import { DetailOverviewListComponent } from 'app/detail-overview-list/detail-overview-list.component';
+import { TranslateDirective } from '../../../../../main/webapp/app/shared/language/translate.directive';
 
 describe('TextExercise Management Detail Component', () => {
     let comp: TextExerciseDetailComponent;
@@ -44,6 +45,7 @@ describe('TextExercise Management Detail Component', () => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
             declarations: [
+                MockDirective(TranslateDirective),
                 TextExerciseDetailComponent,
                 MockComponent(NonProgrammingExerciseDetailCommonActionsComponent),
                 MockComponent(ExerciseDetailStatisticsComponent),
diff --git a/src/test/javascript/spec/component/text-exercise/text-exercise-row-buttons.component.spec.ts b/src/test/javascript/spec/component/text-exercise/text-exercise-row-buttons.component.spec.ts
index acbd27f05fb4..a478fb7fb98a 100644
--- a/src/test/javascript/spec/component/text-exercise/text-exercise-row-buttons.component.spec.ts
+++ b/src/test/javascript/spec/component/text-exercise/text-exercise-row-buttons.component.spec.ts
@@ -18,14 +18,11 @@ describe('TextExercise Row Buttons Component', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [TextExerciseRowButtonsComponent],
             providers: [
                 { provide: TextExerciseService, useValue: { delete: jest.fn() } },
                 { provide: EventManager, useValue: { broadcast: jest.fn() } },
             ],
-        })
-            .overrideTemplate(TextExerciseRowButtonsComponent, '')
-            .compileComponents();
+        }).compileComponents();
 
         fixture = TestBed.createComponent(TextExerciseRowButtonsComponent);
         comp = fixture.componentInstance;
diff --git a/src/test/javascript/spec/component/text-exercise/text-exercise-update.component.spec.ts b/src/test/javascript/spec/component/text-exercise/text-exercise-update.component.spec.ts
index ccd075b95b2d..987d7bf2bf26 100644
--- a/src/test/javascript/spec/component/text-exercise/text-exercise-update.component.spec.ts
+++ b/src/test/javascript/spec/component/text-exercise/text-exercise-update.component.spec.ts
@@ -14,8 +14,6 @@ import { Course } from 'app/entities/course.model';
 import dayjs from 'dayjs/esm';
 import { Subject, of, throwError } from 'rxjs';
 import { Exam } from 'app/entities/exam/exam.model';
-import { TranslateService } from '@ngx-translate/core';
-import { MockProvider } from 'ng-mocks';
 import { MockNgbModalService } from '../../helpers/mocks/service/mock-ngb-modal.service';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 import * as Utils from 'app/exercises/shared/course-exercises/course-utils';
@@ -38,12 +36,8 @@ describe('TextExercise Management Update Component', () => {
                 { provide: SessionStorageService, useClass: MockSyncStorage },
                 { provide: ActivatedRoute, useValue: new MockActivatedRoute({}) },
                 { provide: NgbModal, useClass: MockNgbModalService },
-                MockProvider(TranslateService),
             ],
-            declarations: [TextExerciseUpdateComponent],
-        })
-            .overrideTemplate(TextExerciseUpdateComponent, '')
-            .compileComponents();
+        }).compileComponents();
 
         fixture = TestBed.createComponent(TextExerciseUpdateComponent);
         comp = fixture.componentInstance;
diff --git a/src/test/javascript/spec/component/text-exercise/text-exercise.component.spec.ts b/src/test/javascript/spec/component/text-exercise/text-exercise.component.spec.ts
index 771035e33ff7..f8dfe7fe698d 100644
--- a/src/test/javascript/spec/component/text-exercise/text-exercise.component.spec.ts
+++ b/src/test/javascript/spec/component/text-exercise/text-exercise.component.spec.ts
@@ -3,14 +3,12 @@ import { ExerciseType } from 'app/entities/exercise.model';
 import { of } from 'rxjs';
 import { HttpHeaders, HttpResponse } from '@angular/common/http';
 import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
-import { TranslateService } from '@ngx-translate/core';
 import { ActivatedRoute, convertToParamMap } from '@angular/router';
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { ArtemisTestModule } from '../../test.module';
 import { TextExerciseComponent } from 'app/exercises/text/manage/text-exercise/text-exercise.component';
 import { TextExercise } from 'app/entities/text/text-exercise.model';
 import { MockSyncStorage } from '../../helpers/mocks/service/mock-sync-storage.service';
-import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
 import { Course } from 'app/entities/course.model';
 import { ExerciseFilter } from 'app/entities/exercise-filter.model';
 import { MockNgbModalService } from '../../helpers/mocks/service/mock-ngb-modal.service';
@@ -30,17 +28,13 @@ describe('TextExercise Management Component', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [TextExerciseComponent],
             providers: [
                 { provide: ActivatedRoute, useValue: route },
                 { provide: LocalStorageService, useClass: MockSyncStorage },
                 { provide: SessionStorageService, useClass: MockSyncStorage },
-                { provide: TranslateService, useClass: MockTranslateService },
                 { provide: NgbModal, useClass: MockNgbModalService },
             ],
-        })
-            .overrideTemplate(TextExerciseComponent, '')
-            .compileComponents();
+        }).compileComponents();
 
         fixture = TestBed.createComponent(TextExerciseComponent);
         comp = fixture.componentInstance;
diff --git a/src/test/javascript/spec/component/text-exercise/tutor-effort-statistics.component.spec.ts b/src/test/javascript/spec/component/text-exercise/tutor-effort-statistics.component.spec.ts
index b8cac8be2db1..3d4c41a0ae01 100644
--- a/src/test/javascript/spec/component/text-exercise/tutor-effort-statistics.component.spec.ts
+++ b/src/test/javascript/spec/component/text-exercise/tutor-effort-statistics.component.spec.ts
@@ -1,22 +1,13 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MockComponent, MockDirective, MockModule, MockPipe } from 'ng-mocks';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
-import { TranslateService } from '@ngx-translate/core';
-import { provideHttpClientTesting } from '@angular/common/http/testing';
 import { TutorEffortStatisticsComponent } from 'app/exercises/text/manage/tutor-effort/tutor-effort-statistics.component';
 import { ArtemisTestModule } from '../../test.module';
-import { MockHasAnyAuthorityDirective } from '../../helpers/mocks/directive/mock-has-any-authority.directive';
 import { TutorEffort } from 'app/entities/tutor-effort.model';
 import { TextExerciseService } from 'app/exercises/text/manage/text-exercise/text-exercise.service';
 import { TextAssessmentService } from 'app/exercises/text/assess/text-assessment.service';
 import { MockActivatedRoute } from '../../helpers/mocks/activated-route/mock-activated-route';
 import { ActivatedRoute, Router } from '@angular/router';
-import { BarChartModule } from '@swimlane/ngx-charts';
-import { HelpIconComponent } from 'app/shared/components/help-icon.component';
 import { MockRouter } from '../../helpers/mocks/mock-router';
 import { of } from 'rxjs';
-import { provideHttpClient } from '@angular/common/http';
 
 describe('TutorEffortStatisticsComponent', () => {
     let fixture: ComponentFixture<TutorEffortStatisticsComponent>;
@@ -50,12 +41,8 @@ describe('TutorEffortStatisticsComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, MockModule(BarChartModule)],
-            declarations: [TutorEffortStatisticsComponent, MockPipe(ArtemisTranslatePipe), MockDirective(MockHasAnyAuthorityDirective), MockComponent(HelpIconComponent)],
+            imports: [ArtemisTestModule],
             providers: [
-                provideHttpClient(),
-                provideHttpClientTesting(),
-                { provide: TranslateService, useClass: MockTranslateService },
                 {
                     provide: ActivatedRoute,
                     useValue: new MockActivatedRoute({ courseId: 1, exerciseId: 1 }),
diff --git a/src/test/javascript/spec/component/text-submission-assessment/textblock-assessment-card.component.spec.ts b/src/test/javascript/spec/component/text-submission-assessment/textblock-assessment-card.component.spec.ts
index 4cce34baf424..5fddb3e8cecb 100644
--- a/src/test/javascript/spec/component/text-submission-assessment/textblock-assessment-card.component.spec.ts
+++ b/src/test/javascript/spec/component/text-submission-assessment/textblock-assessment-card.component.spec.ts
@@ -16,7 +16,6 @@ import { StructuredGradingCriterionService } from 'app/exercises/shared/structur
 import { TextAssessmentAnalytics } from 'app/exercises/text/assess/analytics/text-assesment-analytics.service';
 import { TextAssessmentService } from 'app/exercises/text/assess/text-assessment.service';
 import { TranslateDirective } from 'app/shared/language/translate.directive';
-import { NgModel } from '@angular/forms';
 import { ConfirmIconComponent } from 'app/shared/confirm-icon/confirm-icon.component';
 import { GradingInstructionLinkIconComponent } from 'app/shared/grading-instruction-link-icon/grading-instruction-link-icon.component';
 import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
@@ -34,7 +33,6 @@ describe('TextblockAssessmentCardComponent', () => {
                 TextblockFeedbackEditorComponent,
                 TranslatePipeMock,
                 MockDirective(TranslateDirective),
-                MockDirective(NgModel),
                 MockComponent(ConfirmIconComponent),
                 MockComponent(GradingInstructionLinkIconComponent),
                 MockComponent(AssessmentCorrectionRoundBadgeComponent),
diff --git a/src/test/javascript/spec/component/text-submission-assessment/textblock-feedback-editor.component.spec.ts b/src/test/javascript/spec/component/text-submission-assessment/textblock-feedback-editor.component.spec.ts
index 2405cc4cfd97..a5dd524c9213 100644
--- a/src/test/javascript/spec/component/text-submission-assessment/textblock-feedback-editor.component.spec.ts
+++ b/src/test/javascript/spec/component/text-submission-assessment/textblock-feedback-editor.component.spec.ts
@@ -17,7 +17,6 @@ import { MockSyncStorage } from '../../helpers/mocks/service/mock-sync-storage.s
 import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
 import { MockTranslateService, TranslateTestingModule } from '../../helpers/mocks/service/mock-translate.service';
 import { TextAssessmentEventType } from 'app/entities/text/text-assesment-event.model';
-import { NgModel } from '@angular/forms';
 import { TranslateDirective } from 'app/shared/language/translate.directive';
 import { TextblockFeedbackDropdownComponent } from 'app/exercises/text/assess/textblock-feedback-editor/dropdown/textblock-feedback-dropdown.component';
 
@@ -39,7 +38,6 @@ describe('TextblockFeedbackEditorComponent', () => {
                 MockComponent(FaLayersComponent),
                 MockComponent(GradingInstructionLinkIconComponent),
                 MockDirective(TranslateDirective),
-                MockDirective(NgModel),
             ],
             providers: [
                 MockProvider(ChangeDetectorRef),
diff --git a/src/test/javascript/spec/component/text/manual-text-selection.component.spec.ts b/src/test/javascript/spec/component/text/manual-text-selection.component.spec.ts
index 478418b4d8a2..e14cef42bd89 100644
--- a/src/test/javascript/spec/component/text/manual-text-selection.component.spec.ts
+++ b/src/test/javascript/spec/component/text/manual-text-selection.component.spec.ts
@@ -4,9 +4,6 @@ import { ManualTextSelectionComponent } from 'app/exercises/text/shared/manual-t
 import { TextAssessmentEventType } from 'app/entities/text/text-assesment-event.model';
 import { FeedbackType } from 'app/entities/feedback.model';
 import { TextBlock, TextBlockType } from 'app/entities/text/text-block.model';
-import { MockProvider } from 'ng-mocks';
-import { TextAssessmentAnalytics } from 'app/exercises/text/assess/analytics/text-assesment-analytics.service';
-import { ActivatedRoute } from '@angular/router';
 import { SubmissionExerciseType, SubmissionType } from 'app/entities/submission.model';
 import { TextSubmission } from 'app/entities/text/text-submission.model';
 import { TextBlockRef } from 'app/entities/text/text-block-ref.model';
@@ -37,8 +34,6 @@ describe('ManualTextSelectionComponent', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [ManualTextSelectionComponent],
-            providers: [MockProvider(TextAssessmentAnalytics), MockProvider(ActivatedRoute)],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/tutor-leaderboard/tutor-leaderboard.component.spec.ts b/src/test/javascript/spec/component/tutor-leaderboard/tutor-leaderboard.component.spec.ts
index d8ca84cd934d..db77264ab62a 100644
--- a/src/test/javascript/spec/component/tutor-leaderboard/tutor-leaderboard.component.spec.ts
+++ b/src/test/javascript/spec/component/tutor-leaderboard/tutor-leaderboard.component.spec.ts
@@ -1,18 +1,16 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { Router, RouterModule } from '@angular/router';
+import { Router } from '@angular/router';
 import { AccountService } from 'app/core/auth/account.service';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { MockComponent, MockDirective, MockModule, MockPipe, MockProvider } from 'ng-mocks';
+import { MockProvider } from 'ng-mocks';
 import { TutorLeaderboardElement } from 'app/shared/dashboards/tutor-leaderboard/tutor-leaderboard.model';
 import { TutorLeaderboardComponent } from 'app/shared/dashboards/tutor-leaderboard/tutor-leaderboard.component';
 import { SortService } from 'app/shared/service/sort.service';
-import { SortDirective } from 'app/shared/sort/sort.directive';
-import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { MockRouter } from '../../helpers/mocks/mock-router';
 import { Course } from 'app/entities/course.model';
 import { Exercise } from 'app/entities/exercise.model';
 import { Exam } from 'app/entities/exam/exam.model';
 import { ExerciseGroup } from 'app/entities/exercise-group.model';
+import { ArtemisTestModule } from '../../test.module';
 
 describe('TutorLeaderboardComponent', () => {
     let comp: TutorLeaderboardComponent;
@@ -22,8 +20,7 @@ describe('TutorLeaderboardComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [MockModule(RouterModule)],
-            declarations: [TutorLeaderboardComponent, MockPipe(ArtemisTranslatePipe), MockDirective(SortDirective), MockComponent(FaIconComponent)],
+            imports: [ArtemisTestModule],
             providers: [
                 MockProvider(AccountService),
                 {
@@ -31,14 +28,11 @@ describe('TutorLeaderboardComponent', () => {
                     useClass: MockRouter,
                 },
             ],
-        })
-            .compileComponents()
-            .then(() => {
-                fixture = TestBed.createComponent(TutorLeaderboardComponent);
-                comp = fixture.componentInstance;
-                sortService = TestBed.inject(SortService);
-                sortByPropertySpy = jest.spyOn(sortService, 'sortByProperty').mockImplementation(() => []);
-            });
+        }).compileComponents();
+        fixture = TestBed.createComponent(TutorLeaderboardComponent);
+        comp = fixture.componentInstance;
+        sortService = TestBed.inject(SortService);
+        sortByPropertySpy = jest.spyOn(sortService, 'sortByProperty').mockImplementation(() => []);
     });
 
     afterEach(() => {
diff --git a/src/test/javascript/spec/component/tutorial-groups/course-tutorial-groups/course-tutorial-group-detail.component.spec.ts b/src/test/javascript/spec/component/tutorial-groups/course-tutorial-groups/course-tutorial-group-detail.component.spec.ts
index 1671d52febd5..9e5fd237d292 100644
--- a/src/test/javascript/spec/component/tutorial-groups/course-tutorial-groups/course-tutorial-group-detail.component.spec.ts
+++ b/src/test/javascript/spec/component/tutorial-groups/course-tutorial-groups/course-tutorial-group-detail.component.spec.ts
@@ -1,7 +1,5 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { CourseTutorialGroupDetailComponent } from 'app/overview/tutorial-group-details/course-tutorial-group-detail/course-tutorial-group-detail.component';
-import { LoadingIndicatorContainerStubComponent } from '../../../helpers/stubs/loading-indicator-container-stub.component';
-import { TutorialGroupDetailStubComponent } from '../stubs/tutorial-group-detail-stub.component';
 import { TutorialGroupsService } from 'app/course/tutorial-groups/services/tutorial-groups.service';
 import { MockProvider } from 'ng-mocks';
 import { AlertService } from 'app/core/util/alert.service';
@@ -32,7 +30,6 @@ describe('CourseTutorialGroupDetailComponent', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [CourseTutorialGroupDetailComponent, TutorialGroupDetailStubComponent, LoadingIndicatorContainerStubComponent],
             providers: [
                 MockProvider(TutorialGroupsService),
                 MockProvider(CourseManagementService),
diff --git a/src/test/javascript/spec/component/tutorial-groups/helpers/tutorialGroupExampleModels.ts b/src/test/javascript/spec/component/tutorial-groups/helpers/tutorialGroupExampleModels.ts
index 1d55425cf1a1..1712e6badc50 100644
--- a/src/test/javascript/spec/component/tutorial-groups/helpers/tutorialGroupExampleModels.ts
+++ b/src/test/javascript/spec/component/tutorial-groups/helpers/tutorialGroupExampleModels.ts
@@ -1,7 +1,6 @@
 import { TutorialGroup } from 'app/entities/tutorial-group/tutorial-group.model';
 import { Course } from 'app/entities/course.model';
-import { User } from 'app/core/user/user.model';
-import { TutorialGroupFormData } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/tutorial-group-form/tutorial-group-form.component';
+import { TutorialGroupFormData, UserWithLabel } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/tutorial-group-form/tutorial-group-form.component';
 import dayjs from 'dayjs/esm';
 
 export const generateExampleTutorialGroup = ({
@@ -12,7 +11,7 @@ export const generateExampleTutorialGroup = ({
     language = 'ENGLISH',
     additionalInformation = 'Example Additional Information',
     isOnline = false,
-    teachingAssistant = { id: 1, login: 'Example TA' } as User,
+    teachingAssistant = { id: 1, login: 'Example TA', label: '(Example TA)' } as UserWithLabel,
     isUserRegistered = false,
     isUserTutor = false,
     numberOfRegisteredUsers = 5,
diff --git a/src/test/javascript/spec/component/tutorial-groups/shared/meeting-pattern.pipe.spec.ts b/src/test/javascript/spec/component/tutorial-groups/shared/meeting-pattern.pipe.spec.ts
index c4ba5443898e..ab169a1734a5 100644
--- a/src/test/javascript/spec/component/tutorial-groups/shared/meeting-pattern.pipe.spec.ts
+++ b/src/test/javascript/spec/component/tutorial-groups/shared/meeting-pattern.pipe.spec.ts
@@ -1,10 +1,13 @@
 import { MeetingPatternPipe } from 'app/course/tutorial-groups/shared/meeting-pattern.pipe';
 import { TutorialGroupSchedule } from 'app/entities/tutorial-group/tutorial-group-schedule.model';
+import { TranslateService } from '@ngx-translate/core';
 
 describe('MeetingPatternPipe', () => {
-    const translateService = { instant: jest.fn() };
+    const translateService = {
+        instant: jest.fn(),
+    };
 
-    const pipe = new MeetingPatternPipe(translateService as any);
+    const pipe = new MeetingPatternPipe(translateService as unknown as TranslateService);
 
     beforeEach(() => {
         translateService.instant.mockClear();
diff --git a/src/test/javascript/spec/component/tutorial-groups/shared/tutorial-group-detail.component.spec.ts b/src/test/javascript/spec/component/tutorial-groups/shared/tutorial-group-detail.component.spec.ts
index 8ed9c3393675..d328058634da 100644
--- a/src/test/javascript/spec/component/tutorial-groups/shared/tutorial-group-detail.component.spec.ts
+++ b/src/test/javascript/spec/component/tutorial-groups/shared/tutorial-group-detail.component.spec.ts
@@ -38,6 +38,7 @@ class MockHeaderComponent {
             </ng-template>
         </jhi-tutorial-group-detail>
     `,
+    imports: [TutorialGroupDetailComponent, MockHeaderComponent],
 })
 class MockWrapperComponent {
     @Input()
diff --git a/src/test/javascript/spec/component/tutorial-groups/shared/tutorial-group-free-days-overview.component.spec.ts b/src/test/javascript/spec/component/tutorial-groups/shared/tutorial-group-free-days-overview.component.spec.ts
index dcf006b4ebbe..012ede9549e0 100644
--- a/src/test/javascript/spec/component/tutorial-groups/shared/tutorial-group-free-days-overview.component.spec.ts
+++ b/src/test/javascript/spec/component/tutorial-groups/shared/tutorial-group-free-days-overview.component.spec.ts
@@ -10,6 +10,7 @@ import { SortService } from 'app/shared/service/sort.service';
 import { Component, Input, IterableDiffers } from '@angular/core';
 import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
 import { NgbPopover } from '@ng-bootstrap/ng-bootstrap';
+import { ArtemisTestModule } from '../../../test.module';
 
 @Component({ selector: 'jhi-side-panel', template: '' })
 class MockSidePanelComponent {
@@ -26,7 +27,7 @@ describe('TutorialGroupFreeDaysOverviewComponent', () => {
 
     beforeEach(async () => {
         await TestBed.configureTestingModule({
-            imports: [MockDirective(NgbPopover)],
+            imports: [MockDirective(NgbPopover), ArtemisTestModule, ArtemisTranslatePipe],
             declarations: [
                 TutorialGroupFreeDaysOverviewComponent,
                 MockComponent(FaStackComponent),
diff --git a/src/test/javascript/spec/component/tutorial-groups/shared/tutorial-group-sessions-table.component.spec.ts b/src/test/javascript/spec/component/tutorial-groups/shared/tutorial-group-sessions-table.component.spec.ts
index 8f630c5f5fe9..0577e8472dd8 100644
--- a/src/test/javascript/spec/component/tutorial-groups/shared/tutorial-group-sessions-table.component.spec.ts
+++ b/src/test/javascript/spec/component/tutorial-groups/shared/tutorial-group-sessions-table.component.spec.ts
@@ -12,6 +12,8 @@ import { generateExampleTutorialGroup } from '../helpers/tutorialGroupExampleMod
 import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
 import { NgbCollapseMocksModule } from '../../../helpers/mocks/directive/ngbCollapseMocks.module';
 import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ArtemisTestModule } from '../../../test.module';
+import { provideHttpClient } from '@angular/common/http';
 
 @Component({ selector: 'jhi-mock-extra-column', template: '' })
 class MockExtraColumnComponent {
@@ -27,6 +29,7 @@ class MockExtraColumnComponent {
             </ng-template>
         </jhi-tutorial-group-sessions-table>
     `,
+    imports: [TutorialGroupSessionsTableComponent, MockExtraColumnComponent],
 })
 class MockWrapperComponent {
     @Input()
@@ -56,8 +59,8 @@ describe('TutorialGroupSessionsTableWrapperTest', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [NgbCollapseMocksModule],
-            declarations: [
+            imports: [
+                ArtemisTestModule,
                 TutorialGroupSessionsTableComponent,
                 TutorialGroupSessionRowStubComponent,
                 MockWrapperComponent,
@@ -113,7 +116,7 @@ describe('TutorialGroupSessionTableComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [NgbCollapseMocksModule],
+            imports: [ArtemisTestModule, NgbCollapseMocksModule],
             declarations: [
                 TutorialGroupSessionsTableComponent,
                 TutorialGroupSessionRowStubComponent,
@@ -121,6 +124,7 @@ describe('TutorialGroupSessionTableComponent', () => {
                 MockPipe(ArtemisDatePipe),
                 MockDirective(TranslateDirective),
             ],
+            providers: [provideHttpClient()],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/tutorial-groups/shared/tutorial-groups-table.component.spec.ts b/src/test/javascript/spec/component/tutorial-groups/shared/tutorial-groups-table.component.spec.ts
index d01aa3af255b..745ca1c21531 100644
--- a/src/test/javascript/spec/component/tutorial-groups/shared/tutorial-groups-table.component.spec.ts
+++ b/src/test/javascript/spec/component/tutorial-groups/shared/tutorial-groups-table.component.spec.ts
@@ -17,6 +17,8 @@ import { runOnPushChangeDetection } from '../../../helpers/on-push-change-detect
 import { NgbTooltipMocksModule } from '../../../helpers/mocks/directive/ngbTooltipMocks.module';
 import { TutorialGroupUtilizationIndicatorComponent } from 'app/course/tutorial-groups/shared/tutorial-group-utilization-indicator/tutorial-group-utilization-indicator.component';
 import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { ArtemisTestModule } from '../../../test.module';
+import { ActivatedRoute } from '@angular/router';
 
 @Component({ selector: 'jhi-mock-extra-column', template: '' })
 class MockExtraColumnComponent {
@@ -32,6 +34,7 @@ class MockExtraColumnComponent {
             </ng-template>
         </jhi-tutorial-groups-table>
     `,
+    imports: [TutorialGroupsTableComponent, MockExtraColumnComponent],
 })
 class MockWrapperComponent {
     @Input()
@@ -61,7 +64,7 @@ describe('TutorialGroupTableWrapperTest', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [NgbTooltipMocksModule],
+            imports: [ArtemisTestModule, NgbTooltipMocksModule],
             declarations: [
                 TutorialGroupsTableComponent,
                 TutorialGroupRowStubComponent,
@@ -121,21 +124,8 @@ describe('TutorialGroupsTableComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [NgbTooltipMocksModule],
-            declarations: [
-                TutorialGroupsTableComponent,
-                TutorialGroupRowStubComponent,
-                MockPipe(ArtemisTranslatePipe),
-                MockPipe(ArtemisDatePipe),
-                MockComponent(FaIconComponent),
-                MockRouterLinkDirective,
-                MockDirective(SortDirective),
-                MockDirective(SortByDirective),
-                MockComponent(TutorialGroupUtilizationIndicatorComponent),
-                MockComponent(FaIconComponent),
-                MockDirective(TranslateDirective),
-            ],
-            providers: [MockProvider(SortService)],
+            imports: [ArtemisTestModule, NgbTooltipMocksModule],
+            providers: [MockProvider(SortService), MockProvider(ActivatedRoute)],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/tutorial-groups/stubs/tutorial-group-sessions-table-stub.component.ts b/src/test/javascript/spec/component/tutorial-groups/stubs/tutorial-group-sessions-table-stub.component.ts
index d567f137bdc4..0cae1ca7b46e 100644
--- a/src/test/javascript/spec/component/tutorial-groups/stubs/tutorial-group-sessions-table-stub.component.ts
+++ b/src/test/javascript/spec/component/tutorial-groups/stubs/tutorial-group-sessions-table-stub.component.ts
@@ -33,7 +33,6 @@ export class TutorialGroupSessionsTableStubComponent {
     @Output() attendanceUpdated = new EventEmitter<void>();
 }
 @Component({
-    // eslint-disable-next-line @angular-eslint/component-selector
     selector: '[jhi-session-row]',
     template: `
         <div>
diff --git a/src/test/javascript/spec/component/tutorial-groups/stubs/tutorial-groups-table-stub.component.ts b/src/test/javascript/spec/component/tutorial-groups/stubs/tutorial-groups-table-stub.component.ts
index a0ec423d241e..acddbe447a27 100644
--- a/src/test/javascript/spec/component/tutorial-groups/stubs/tutorial-groups-table-stub.component.ts
+++ b/src/test/javascript/spec/component/tutorial-groups/stubs/tutorial-groups-table-stub.component.ts
@@ -41,7 +41,6 @@ export class TutorialGroupsTableStubComponent {
 }
 
 @Component({
-    // eslint-disable-next-line @angular-eslint/component-selector
     selector: '[jhi-tutorial-group-row]',
     template: `
         <div>
diff --git a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/registered-students/registered-students.component.spec.ts b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/registered-students/registered-students.component.spec.ts
index 92c5861068dc..380f24b828eb 100644
--- a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/registered-students/registered-students.component.spec.ts
+++ b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/registered-students/registered-students.component.spec.ts
@@ -16,6 +16,7 @@ import { CourseManagementService } from 'app/course/manage/course-management.ser
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { LoadingIndicatorContainerStubComponent } from '../../../../helpers/stubs/loading-indicator-container-stub.component';
+import { LocalStorageService } from 'ngx-webstorage';
 
 @Component({ selector: 'jhi-course-group', template: '' })
 class CourseGroupStubComponent {
@@ -66,7 +67,7 @@ describe('Registered Students Component', () => {
                 MockDirective(TranslateDirective),
                 MockPipe(ArtemisTranslatePipe),
             ],
-            providers: [MockProvider(TutorialGroupsService), MockProvider(CourseManagementService), MockProvider(NgbActiveModal)],
+            providers: [MockProvider(TutorialGroupsService), MockProvider(CourseManagementService), MockProvider(NgbActiveModal), MockProvider(LocalStorageService)],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-free-periods/crud/create-tutorial-group-free-period.component.spec.ts b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-free-periods/crud/create-tutorial-group-free-period.component.spec.ts
index 5866f6282009..bca398c35db6 100644
--- a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-free-periods/crud/create-tutorial-group-free-period.component.spec.ts
+++ b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-free-periods/crud/create-tutorial-group-free-period.component.spec.ts
@@ -1,15 +1,13 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MockPipe, MockProvider } from 'ng-mocks';
+import { MockProvider } from 'ng-mocks';
 import { AlertService } from 'app/core/util/alert.service';
 import { of } from 'rxjs';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { HttpResponse } from '@angular/common/http';
 import { By } from '@angular/platform-browser';
-import { LoadingIndicatorContainerStubComponent } from '../../../../../helpers/stubs/loading-indicator-container-stub.component';
 import { TutorialGroupSession } from 'app/entities/tutorial-group/tutorial-group-session.model';
 import { CreateTutorialGroupFreePeriodComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/crud/create-tutorial-group-free-period/create-tutorial-group-free-period.component';
 import { TutorialGroupFreePeriodService } from 'app/course/tutorial-groups/services/tutorial-group-free-period.service';
-import { TutorialGroupFreePeriodFormStubComponent } from '../../../stubs/tutorial-group-free-period-form-stub.component';
+import { OwlNativeDateTimeModule } from '@danielmoncada/angular-datetime-picker';
 import {
     formDataToTutorialGroupFreePeriodDTO,
     generateExampleTutorialGroupFreePeriod,
@@ -17,6 +15,8 @@ import {
 } from '../../../helpers/tutorialGroupFreePeriodExampleModel';
 import { Course } from 'app/entities/course.model';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
+import { ArtemisTestModule } from '../../../../../test.module';
+import { TutorialGroupFreePeriodFormComponent } from '../../../../../../../../main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/crud/tutorial-free-period-form/tutorial-group-free-period-form.component';
 
 describe('CreateTutorialGroupFreePeriodComponent', () => {
     let fixture: ComponentFixture<CreateTutorialGroupFreePeriodComponent>;
@@ -28,26 +28,17 @@ describe('CreateTutorialGroupFreePeriodComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [],
-            declarations: [
-                CreateTutorialGroupFreePeriodComponent,
-                LoadingIndicatorContainerStubComponent,
-                TutorialGroupFreePeriodFormStubComponent,
-                MockPipe(ArtemisTranslatePipe),
-            ],
+            imports: [ArtemisTestModule, OwlNativeDateTimeModule],
             providers: [MockProvider(TutorialGroupFreePeriodService), MockProvider(AlertService), MockProvider(NgbActiveModal)],
-        })
-            .compileComponents()
-            .then(() => {
-                activeModal = TestBed.inject(NgbActiveModal);
-                fixture = TestBed.createComponent(CreateTutorialGroupFreePeriodComponent);
-                component = fixture.componentInstance;
-                component.tutorialGroupConfigurationId = configurationId;
-                component.course = course;
-                component.initialize();
-                tutorialGroupFreePeriodService = TestBed.inject(TutorialGroupFreePeriodService);
-                fixture.detectChanges();
-            });
+        }).compileComponents();
+        activeModal = TestBed.inject(NgbActiveModal);
+        fixture = TestBed.createComponent(CreateTutorialGroupFreePeriodComponent);
+        component = fixture.componentInstance;
+        component.tutorialGroupConfigurationId = configurationId;
+        component.course = course;
+        component.initialize();
+        tutorialGroupFreePeriodService = TestBed.inject(TutorialGroupFreePeriodService);
+        fixture.detectChanges();
     });
 
     afterEach(() => {
@@ -70,7 +61,7 @@ describe('CreateTutorialGroupFreePeriodComponent', () => {
         const createStub = jest.spyOn(tutorialGroupFreePeriodService, 'create').mockReturnValue(of(createResponse));
         const closeSpy = jest.spyOn(activeModal, 'close');
 
-        const sessionForm: TutorialGroupFreePeriodFormStubComponent = fixture.debugElement.query(By.directive(TutorialGroupFreePeriodFormStubComponent)).componentInstance;
+        const sessionForm: TutorialGroupFreePeriodFormComponent = fixture.debugElement.query(By.directive(TutorialGroupFreePeriodFormComponent)).componentInstance;
 
         const formData = tutorialGroupFreePeriodToTutorialGroupFreePeriodFormData(exampleFreePeriod, 'Europe/Berlin');
 
diff --git a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-free-periods/crud/edit-tutorial-group-free-period.component.spec.ts b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-free-periods/crud/edit-tutorial-group-free-period.component.spec.ts
index c6d9fa228cfc..33065a34cbd3 100644
--- a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-free-periods/crud/edit-tutorial-group-free-period.component.spec.ts
+++ b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-free-periods/crud/edit-tutorial-group-free-period.component.spec.ts
@@ -1,14 +1,11 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MockPipe, MockProvider } from 'ng-mocks';
+import { MockProvider } from 'ng-mocks';
 import { AlertService } from 'app/core/util/alert.service';
 import { of } from 'rxjs';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { HttpResponse } from '@angular/common/http';
 import { By } from '@angular/platform-browser';
-import { LoadingIndicatorContainerStubComponent } from '../../../../../helpers/stubs/loading-indicator-container-stub.component';
 import dayjs from 'dayjs/esm';
 import { EditTutorialGroupFreePeriodComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/crud/edit-tutorial-group-free-period/edit-tutorial-group-free-period.component';
-import { TutorialGroupFreePeriodFormStubComponent } from '../../../stubs/tutorial-group-free-period-form-stub.component';
 import { TutorialGroupFreePeriodService } from 'app/course/tutorial-groups/services/tutorial-group-free-period.service';
 import { TutorialGroupFreePeriod } from 'app/entities/tutorial-group/tutorial-group-free-day.model';
 import {
@@ -20,6 +17,9 @@ import { Course } from 'app/entities/course.model';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { TutorialGroupsConfiguration } from 'app/entities/tutorial-group/tutorial-groups-configuration.model';
 import { generateExampleTutorialGroupsConfiguration } from '../../../helpers/tutorialGroupsConfigurationExampleModels';
+import { ArtemisTestModule } from '../../../../../test.module';
+import { TutorialGroupFreePeriodFormComponent } from '../../../../../../../../main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/crud/tutorial-free-period-form/tutorial-group-free-period-form.component';
+import { OwlNativeDateTimeModule } from '@danielmoncada/angular-datetime-picker';
 
 describe('EditTutorialGroupFreePeriodComponent', () => {
     let fixture: ComponentFixture<EditTutorialGroupFreePeriodComponent>;
@@ -35,13 +35,10 @@ describe('EditTutorialGroupFreePeriodComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            declarations: [EditTutorialGroupFreePeriodComponent, LoadingIndicatorContainerStubComponent, TutorialGroupFreePeriodFormStubComponent, MockPipe(ArtemisTranslatePipe)],
+            imports: [ArtemisTestModule, OwlNativeDateTimeModule],
             providers: [MockProvider(TutorialGroupFreePeriodService), MockProvider(AlertService), MockProvider(NgbActiveModal)],
-        })
-            .compileComponents()
-            .then(() => {
-                setUpTestComponent(generateExampleTutorialGroupFreePeriod({}));
-            });
+        }).compileComponents();
+        setUpTestComponent(generateExampleTutorialGroupFreePeriod({}));
     });
 
     afterEach(() => {
@@ -53,7 +50,7 @@ describe('EditTutorialGroupFreePeriodComponent', () => {
     });
 
     it('should set form data correctly for editing free days', () => {
-        const formStub: TutorialGroupFreePeriodFormStubComponent = fixture.debugElement.query(By.directive(TutorialGroupFreePeriodFormStubComponent)).componentInstance;
+        const formStub: TutorialGroupFreePeriodFormComponent = fixture.debugElement.query(By.directive(TutorialGroupFreePeriodFormComponent)).componentInstance;
         expect(component.formData).toEqual(tutorialGroupFreePeriodToTutorialGroupFreePeriodFormData(examplePeriod, 'Europe/Berlin'));
         expect(formStub.formData).toEqual(component.formData);
     });
@@ -68,7 +65,7 @@ describe('EditTutorialGroupFreePeriodComponent', () => {
 
         setUpTestComponent(periodToEdit);
 
-        const formStub: TutorialGroupFreePeriodFormStubComponent = fixture.debugElement.query(By.directive(TutorialGroupFreePeriodFormStubComponent)).componentInstance;
+        const formStub: TutorialGroupFreePeriodFormComponent = fixture.debugElement.query(By.directive(TutorialGroupFreePeriodFormComponent)).componentInstance;
         expect(component.formData).toEqual(tutorialGroupFreePeriodToTutorialGroupFreePeriodFormData(periodToEdit, 'Europe/Berlin'));
         expect(formStub.formData).toEqual(component.formData);
     });
@@ -81,7 +78,7 @@ describe('EditTutorialGroupFreePeriodComponent', () => {
             reason: 'TestReason',
         });
         setUpTestComponent(periodWithinDayToEdit);
-        const formStub: TutorialGroupFreePeriodFormStubComponent = fixture.debugElement.query(By.directive(TutorialGroupFreePeriodFormStubComponent)).componentInstance;
+        const formStub: TutorialGroupFreePeriodFormComponent = fixture.debugElement.query(By.directive(TutorialGroupFreePeriodFormComponent)).componentInstance;
         expect(component.formData).toEqual(tutorialGroupFreePeriodToTutorialGroupFreePeriodFormData(periodWithinDayToEdit, 'Europe/Berlin'));
         expect(formStub.formData).toEqual(component.formData);
     });
@@ -100,7 +97,7 @@ describe('EditTutorialGroupFreePeriodComponent', () => {
         const closeSpy = jest.spyOn(activeModal, 'close');
         const updatedStub = jest.spyOn(periodService, 'update').mockReturnValue(of(updateResponse));
 
-        const sessionForm: TutorialGroupFreePeriodFormStubComponent = fixture.debugElement.query(By.directive(TutorialGroupFreePeriodFormStubComponent)).componentInstance;
+        const sessionForm: TutorialGroupFreePeriodFormComponent = fixture.debugElement.query(By.directive(TutorialGroupFreePeriodFormComponent)).componentInstance;
 
         const formData = {
             startDate: dayjs('2021-01-01T00:00:00').tz('Europe/Berlin').toDate(),
diff --git a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-free-periods/tutorial-free-periods-management/tutorial-group-free-period-row-buttons.component.spec.ts b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-free-periods/tutorial-free-periods-management/tutorial-group-free-period-row-buttons.component.spec.ts
index 6b421d079d29..5b6203022d28 100644
--- a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-free-periods/tutorial-free-periods-management/tutorial-group-free-period-row-buttons.component.spec.ts
+++ b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-free-periods/tutorial-free-periods-management/tutorial-group-free-period-row-buttons.component.spec.ts
@@ -16,6 +16,7 @@ import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { Course } from 'app/entities/course.model';
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { EditTutorialGroupFreePeriodComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/crud/edit-tutorial-group-free-period/edit-tutorial-group-free-period.component';
+import { ArtemisTestModule } from '../../../../../test.module';
 
 describe('TutorialGroupFreePeriodRowButtonsComponent', () => {
     let fixture: ComponentFixture<TutorialGroupFreePeriodRowButtonsComponent>;
@@ -27,6 +28,7 @@ describe('TutorialGroupFreePeriodRowButtonsComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
+            imports: [ArtemisTestModule],
             declarations: [
                 TutorialGroupFreePeriodRowButtonsComponent,
                 MockPipe(ArtemisDatePipe),
diff --git a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-free-periods/tutorial-free-periods-management/tutorial-group-free-periods-management.component.spec.ts b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-free-periods/tutorial-free-periods-management/tutorial-group-free-periods-management.component.spec.ts
index f47763db3b2e..28f541af636a 100644
--- a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-free-periods/tutorial-free-periods-management/tutorial-group-free-periods-management.component.spec.ts
+++ b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-free-periods/tutorial-free-periods-management/tutorial-group-free-periods-management.component.spec.ts
@@ -9,7 +9,6 @@ import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { MockRouterLinkDirective } from '../../../../../helpers/mocks/directive/mock-router-link.directive';
 import { SortService } from 'app/shared/service/sort.service';
 import { LoadingIndicatorContainerStubComponent } from '../../../../../helpers/stubs/loading-indicator-container-stub.component';
-import { Component, Input } from '@angular/core';
 import { TutorialGroupsConfiguration } from 'app/entities/tutorial-group/tutorial-groups-configuration.model';
 import { TutorialGroupFreePeriod } from 'app/entities/tutorial-group/tutorial-group-free-day.model';
 import { TutorialGroupFreePeriodsManagementComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/tutorial-free-periods-management/tutorial-group-free-periods-management.component';
@@ -26,13 +25,7 @@ import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { CreateTutorialGroupFreePeriodComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/crud/create-tutorial-group-free-period/create-tutorial-group-free-period.component';
 import { TutorialGroupFreePeriodsTableComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-free-periods/tutorial-free-periods-management/tutorial-group-free-periods-table/tutorial-group-free-periods-table.component';
 import { TranslateDirective } from 'app/shared/language/translate.directive';
-
-@Component({ selector: 'jhi-tutorial-group-free-period-row-buttons', template: '' })
-class TutorialGroupRowButtonsStubComponent {
-    @Input() course: Course;
-    @Input() tutorialGroupConfiguration: TutorialGroupsConfiguration;
-    @Input() tutorialFreePeriod: TutorialGroupFreePeriod;
-}
+import { ArtemisTestModule } from '../../../../../test.module';
 
 describe('TutorialGroupFreePeriodsManagementComponent', () => {
     let fixture: ComponentFixture<TutorialGroupFreePeriodsManagementComponent>;
@@ -53,10 +46,10 @@ describe('TutorialGroupFreePeriodsManagementComponent', () => {
     const router = new MockRouter();
     beforeEach(() => {
         TestBed.configureTestingModule({
+            imports: [ArtemisTestModule],
             declarations: [
                 TutorialGroupFreePeriodsManagementComponent,
                 LoadingIndicatorContainerStubComponent,
-                TutorialGroupRowButtonsStubComponent,
                 MockPipe(ArtemisTranslatePipe),
                 MockPipe(ArtemisDatePipe),
                 MockComponent(FaIconComponent),
@@ -141,7 +134,7 @@ describe('TutorialGroupFreePeriodsManagementComponent', () => {
     });
 
     it('should display three rows for three free periods', () => {
-        const rowButtons = fixture.debugElement.queryAll(By.directive(TutorialGroupRowButtonsStubComponent));
+        const rowButtons = fixture.debugElement.queryAll(By.css('jhi-tutorial-group-free-period-row-buttons'));
         expect(rowButtons).toHaveLength(3);
         expect(rowButtons[0].componentInstance.tutorialFreePeriod).toEqual(thirdOfJanuaryPeriod);
         expect(rowButtons[1].componentInstance.tutorialFreePeriod).toEqual(secondOfJanuaryPeriod);
diff --git a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/crud/create-tutorial-group-session.component.spec.ts b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/crud/create-tutorial-group-session.component.spec.ts
index 7e469388968f..7d7f54bdfbfb 100644
--- a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/crud/create-tutorial-group-session.component.spec.ts
+++ b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/crud/create-tutorial-group-session.component.spec.ts
@@ -1,11 +1,9 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MockPipe, MockProvider } from 'ng-mocks';
+import { MockProvider } from 'ng-mocks';
 import { AlertService } from 'app/core/util/alert.service';
 import { of } from 'rxjs';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { HttpResponse } from '@angular/common/http';
 import { By } from '@angular/platform-browser';
-import { LoadingIndicatorContainerStubComponent } from '../../../../../helpers/stubs/loading-indicator-container-stub.component';
 import { CreateTutorialGroupSessionComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/crud/create-tutorial-group-session/create-tutorial-group-session.component';
 import { TutorialGroupSessionService } from 'app/course/tutorial-groups/services/tutorial-group-session.service';
 import {
@@ -14,11 +12,14 @@ import {
     tutorialGroupSessionToTutorialGroupSessionFormData,
 } from '../../../helpers/tutorialGroupSessionExampleModels';
 import { TutorialGroupSession } from 'app/entities/tutorial-group/tutorial-group-session.model';
-import { TutorialGroupSessionFormStubComponent } from '../../../stubs/tutorial-group-session-form-stub.component';
 import { generateExampleTutorialGroup } from '../../../helpers/tutorialGroupExampleModels';
 import { Course } from 'app/entities/course.model';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { TutorialGroup } from 'app/entities/tutorial-group/tutorial-group.model';
+import { TutorialGroupSessionFormComponent } from '../../../../../../../../main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/crud/tutorial-group-session-form/tutorial-group-session-form.component';
+import { ArtemisTestModule } from '../../../../../test.module';
+import { OwlNativeDateTimeModule } from '@danielmoncada/angular-datetime-picker';
+import '@angular/localize/init';
 
 describe('CreateTutorialGroupSessionComponent', () => {
     let fixture: ComponentFixture<CreateTutorialGroupSessionComponent>;
@@ -30,23 +31,18 @@ describe('CreateTutorialGroupSessionComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [],
-            declarations: [CreateTutorialGroupSessionComponent, LoadingIndicatorContainerStubComponent, TutorialGroupSessionFormStubComponent, MockPipe(ArtemisTranslatePipe)],
+            imports: [ArtemisTestModule, OwlNativeDateTimeModule],
             providers: [MockProvider(TutorialGroupSessionService), MockProvider(AlertService), MockProvider(NgbActiveModal)],
-        })
-            .compileComponents()
-            .then(() => {
-                tutorialGroup = generateExampleTutorialGroup({ id: 1 });
-                activeModal = TestBed.inject(NgbActiveModal);
-                fixture = TestBed.createComponent(CreateTutorialGroupSessionComponent);
-                component = fixture.componentInstance;
-                component.course = course;
-                component.tutorialGroup = tutorialGroup;
-                component.initialize();
-
-                tutorialGroupSessionService = TestBed.inject(TutorialGroupSessionService);
-                fixture.detectChanges();
-            });
+        }).compileComponents();
+        tutorialGroup = generateExampleTutorialGroup({ id: 1 });
+        activeModal = TestBed.inject(NgbActiveModal);
+        fixture = TestBed.createComponent(CreateTutorialGroupSessionComponent);
+        component = fixture.componentInstance;
+        component.course = course;
+        component.tutorialGroup = tutorialGroup;
+        component.initialize();
+        tutorialGroupSessionService = TestBed.inject(TutorialGroupSessionService);
+        fixture.detectChanges();
     });
 
     afterEach(() => {
@@ -69,7 +65,7 @@ describe('CreateTutorialGroupSessionComponent', () => {
         const createStub = jest.spyOn(tutorialGroupSessionService, 'create').mockReturnValue(of(createResponse));
         const closeSpy = jest.spyOn(activeModal, 'close');
 
-        const sessionForm: TutorialGroupSessionFormStubComponent = fixture.debugElement.query(By.directive(TutorialGroupSessionFormStubComponent)).componentInstance;
+        const sessionForm: TutorialGroupSessionFormComponent = fixture.debugElement.query(By.directive(TutorialGroupSessionFormComponent)).componentInstance;
 
         const formData = tutorialGroupSessionToTutorialGroupSessionFormData(exampleSession, 'Europe/Berlin');
 
diff --git a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/crud/edit-tutorial-group-session.component.spec.ts b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/crud/edit-tutorial-group-session.component.spec.ts
index 5a962e8c277f..4b7ccee4f7a4 100644
--- a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/crud/edit-tutorial-group-session.component.spec.ts
+++ b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/crud/edit-tutorial-group-session.component.spec.ts
@@ -1,13 +1,10 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MockPipe, MockProvider } from 'ng-mocks';
+import { MockProvider } from 'ng-mocks';
 import { AlertService } from 'app/core/util/alert.service';
 import { of } from 'rxjs';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { HttpResponse } from '@angular/common/http';
 import { By } from '@angular/platform-browser';
-import { LoadingIndicatorContainerStubComponent } from '../../../../../helpers/stubs/loading-indicator-container-stub.component';
 import { EditTutorialGroupSessionComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/crud/edit-tutorial-group-session/edit-tutorial-group-session.component';
-import { TutorialGroupSessionFormStubComponent } from '../../../stubs/tutorial-group-session-form-stub.component';
 import { TutorialGroupSessionService } from 'app/course/tutorial-groups/services/tutorial-group-session.service';
 import { TutorialGroupSession } from 'app/entities/tutorial-group/tutorial-group-session.model';
 import {
@@ -19,6 +16,10 @@ import { Course } from 'app/entities/course.model';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { generateExampleTutorialGroup } from '../../../helpers/tutorialGroupExampleModels';
 import { TutorialGroup } from 'app/entities/tutorial-group/tutorial-group.model';
+import { TutorialGroupSessionFormComponent } from '../../../../../../../../main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/crud/tutorial-group-session-form/tutorial-group-session-form.component';
+import { ArtemisTestModule } from '../../../../../test.module';
+import { OwlNativeDateTimeModule } from '@danielmoncada/angular-datetime-picker';
+import '@angular/localize/init';
 
 describe('EditTutorialGroupSessionComponent', () => {
     let fixture: ComponentFixture<EditTutorialGroupSessionComponent>;
@@ -36,23 +37,20 @@ describe('EditTutorialGroupSessionComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            declarations: [EditTutorialGroupSessionComponent, LoadingIndicatorContainerStubComponent, TutorialGroupSessionFormStubComponent, MockPipe(ArtemisTranslatePipe)],
+            imports: [ArtemisTestModule, OwlNativeDateTimeModule],
             providers: [MockProvider(TutorialGroupSessionService), MockProvider(AlertService), MockProvider(NgbActiveModal)],
-        })
-            .compileComponents()
-            .then(() => {
-                fixture = TestBed.createComponent(EditTutorialGroupSessionComponent);
-                component = fixture.componentInstance;
-                activeModal = TestBed.inject(NgbActiveModal);
-                sessionService = TestBed.inject(TutorialGroupSessionService);
-                exampleSession = generateExampleTutorialGroupSession({});
-                exampleTutorialGroup = generateExampleTutorialGroup({});
-                component.course = course;
-                component.tutorialGroupSession = exampleSession;
-                component.tutorialGroup = exampleTutorialGroup;
-                component.initialize();
-                fixture.detectChanges();
-            });
+        }).compileComponents();
+        fixture = TestBed.createComponent(EditTutorialGroupSessionComponent);
+        component = fixture.componentInstance;
+        activeModal = TestBed.inject(NgbActiveModal);
+        sessionService = TestBed.inject(TutorialGroupSessionService);
+        exampleSession = generateExampleTutorialGroupSession({});
+        exampleTutorialGroup = generateExampleTutorialGroup({});
+        component.course = course;
+        component.tutorialGroupSession = exampleSession;
+        component.tutorialGroup = exampleTutorialGroup;
+        component.initialize();
+        fixture.detectChanges();
     });
 
     afterEach(() => {
@@ -64,7 +62,7 @@ describe('EditTutorialGroupSessionComponent', () => {
     });
 
     it('should set form data correctly', () => {
-        const formStub: TutorialGroupSessionFormStubComponent = fixture.debugElement.query(By.directive(TutorialGroupSessionFormStubComponent)).componentInstance;
+        const formStub: TutorialGroupSessionFormComponent = fixture.debugElement.query(By.directive(TutorialGroupSessionFormComponent)).componentInstance;
         expect(component.formData).toEqual(tutorialGroupSessionToTutorialGroupSessionFormData(exampleSession, timeZone));
         expect(formStub.formData).toEqual(component.formData);
     });
@@ -83,7 +81,7 @@ describe('EditTutorialGroupSessionComponent', () => {
         const updatedStub = jest.spyOn(sessionService, 'update').mockReturnValue(of(updateResponse));
         const closeSpy = jest.spyOn(activeModal, 'close');
 
-        const sessionForm: TutorialGroupSessionFormStubComponent = fixture.debugElement.query(By.directive(TutorialGroupSessionFormStubComponent)).componentInstance;
+        const sessionForm: TutorialGroupSessionFormComponent = fixture.debugElement.query(By.directive(TutorialGroupSessionFormComponent)).componentInstance;
 
         const formData = tutorialGroupSessionToTutorialGroupSessionFormData(changedSession, timeZone);
 
diff --git a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/tutorial-group-sessions-management/cancellation-modal.component.spec.ts b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/tutorial-group-sessions-management/cancellation-modal.component.spec.ts
index 6f744efee5d7..b59442810a0d 100644
--- a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/tutorial-group-sessions-management/cancellation-modal.component.spec.ts
+++ b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/tutorial-group-sessions-management/cancellation-modal.component.spec.ts
@@ -1,17 +1,14 @@
 import { ComponentFixture, TestBed, fakeAsync } from '@angular/core/testing';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { MockPipe, MockProvider } from 'ng-mocks';
-import { AlertService } from 'app/core/util/alert.service';
 import { CancellationModalComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/tutorial-group-sessions-management/cancellation-modal/cancellation-modal.component';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { TutorialGroupSessionService } from 'app/course/tutorial-groups/services/tutorial-group-session.service';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { generateExampleTutorialGroupSession } from '../../../helpers/tutorialGroupSessionExampleModels';
 import { TutorialGroupSession, TutorialGroupSessionStatus } from 'app/entities/tutorial-group/tutorial-group-session.model';
 import { of } from 'rxjs';
 import { HttpResponse } from '@angular/common/http';
 import { Course } from 'app/entities/course.model';
 import { runOnPushChangeDetection } from '../../../../../helpers/on-push-change-detection.helper';
+import { ArtemisTestModule } from '../../../../../test.module';
 
 describe('CancellationModalComponent', () => {
     let fixture: ComponentFixture<CancellationModalComponent>;
@@ -25,9 +22,7 @@ describe('CancellationModalComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [FormsModule, ReactiveFormsModule],
-            declarations: [CancellationModalComponent, MockPipe(ArtemisTranslatePipe)],
-            providers: [MockProvider(NgbActiveModal), MockProvider(TutorialGroupSessionService), MockProvider(AlertService)],
+            imports: [ArtemisTestModule],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/tutorial-group-sessions-management/tutorial-group-session-row-buttons.component.spec.ts b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/tutorial-group-sessions-management/tutorial-group-session-row-buttons.component.spec.ts
index db9b1b983112..726b6d6d1289 100644
--- a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/tutorial-group-sessions-management/tutorial-group-session-row-buttons.component.spec.ts
+++ b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/tutorial-group-sessions-management/tutorial-group-session-row-buttons.component.spec.ts
@@ -1,16 +1,10 @@
 import { ComponentFixture, TestBed, fakeAsync } from '@angular/core/testing';
-import { MockComponent, MockDirective, MockPipe, MockProvider } from 'ng-mocks';
-import { FaIconComponent } from '@fortawesome/angular-fontawesome';
-import { MockRouterLinkDirective } from '../../../../../helpers/mocks/directive/mock-router-link.directive';
-import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
-import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
 import { HttpResponse } from '@angular/common/http';
 import { of } from 'rxjs';
 import { TutorialGroupSessionRowButtonsComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/tutorial-group-sessions-management/tutorial-group-session-row-buttons/tutorial-group-session-row-buttons.component';
 import { TutorialGroupSessionService } from 'app/course/tutorial-groups/services/tutorial-group-session.service';
 import { TutorialGroupSession } from 'app/entities/tutorial-group/tutorial-group-session.model';
 import { generateExampleTutorialGroupSession } from '../../../helpers/tutorialGroupSessionExampleModels';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { MockNgbModalService } from '../../../../../helpers/mocks/service/mock-ngb-modal.service';
 import { CancellationModalComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/tutorial-group-sessions-management/cancellation-modal/cancellation-modal.component';
@@ -18,6 +12,7 @@ import { Course } from 'app/entities/course.model';
 import { TutorialGroup } from 'app/entities/tutorial-group/tutorial-group.model';
 import { generateExampleTutorialGroup } from '../../../helpers/tutorialGroupExampleModels';
 import { EditTutorialGroupSessionComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/crud/edit-tutorial-group-session/edit-tutorial-group-session.component';
+import { ArtemisTestModule } from '../../../../../test.module';
 
 describe('TutorialGroupSessionRowButtonsComponent', () => {
     let fixture: ComponentFixture<TutorialGroupSessionRowButtonsComponent>;
@@ -28,15 +23,8 @@ describe('TutorialGroupSessionRowButtonsComponent', () => {
     let tutorialGroupSession: TutorialGroupSession;
     beforeEach(() => {
         TestBed.configureTestingModule({
-            declarations: [
-                TutorialGroupSessionRowButtonsComponent,
-                MockPipe(ArtemisDatePipe),
-                MockPipe(ArtemisTranslatePipe),
-                MockComponent(FaIconComponent),
-                MockRouterLinkDirective,
-                MockDirective(DeleteButtonDirective),
-            ],
-            providers: [MockProvider(TutorialGroupSessionService), { provide: NgbModal, useClass: MockNgbModalService }],
+            imports: [ArtemisTestModule],
+            providers: [{ provide: NgbModal, useClass: MockNgbModalService }],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/tutorial-group-sessions-management/tutorial-group-session-row.component.spec.ts b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/tutorial-group-sessions-management/tutorial-group-session-row.component.spec.ts
index e86185400245..78ae11d6545e 100644
--- a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/tutorial-group-sessions-management/tutorial-group-session-row.component.spec.ts
+++ b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/tutorial-group-sessions-management/tutorial-group-session-row.component.spec.ts
@@ -4,7 +4,7 @@ import { TutorialGroupSessionRowComponent } from 'app/course/tutorial-groups/sha
 import { generateExampleTutorialGroupSession } from '../../../helpers/tutorialGroupSessionExampleModels';
 import { TutorialGroupSession, TutorialGroupSessionStatus } from 'app/entities/tutorial-group/tutorial-group-session.model';
 import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
-import { MockDirective, MockPipe, MockProvider } from 'ng-mocks';
+import { MockDirective, MockProvider } from 'ng-mocks';
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { By } from '@angular/platform-browser';
 import { TutorialGroup } from 'app/entities/tutorial-group/tutorial-group.model';
@@ -16,6 +16,7 @@ import { FormsModule } from '@angular/forms';
 import { of, throwError } from 'rxjs';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import { runOnPushChangeDetection } from '../../../../../helpers/on-push-change-detection.helper';
+import { ArtemisTestModule } from '../../../../../test.module';
 
 describe('TutorialGroupSessionRowComponent', () => {
     let component: TutorialGroupSessionRowComponent;
@@ -25,8 +26,8 @@ describe('TutorialGroupSessionRowComponent', () => {
 
     beforeEach(async () => {
         await TestBed.configureTestingModule({
-            imports: [FormsModule, MockDirective(NgbPopover)],
-            declarations: [TutorialGroupSessionRowComponent, MockPipe(ArtemisDatePipe), MockPipe(ArtemisTranslatePipe)],
+            imports: [FormsModule, MockDirective(NgbPopover), ArtemisTranslatePipe, ArtemisDatePipe, ArtemisTestModule],
+            declarations: [TutorialGroupSessionRowComponent],
             providers: [MockProvider(TutorialGroupSessionService), MockProvider(AlertService)],
         }).compileComponents();
 
diff --git a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/tutorial-group-sessions-management/tutorial-group-sessions-management.component.spec.ts b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/tutorial-group-sessions-management/tutorial-group-sessions-management.component.spec.ts
index 207b243bc32a..ed7b2810c20b 100644
--- a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/tutorial-group-sessions-management/tutorial-group-sessions-management.component.spec.ts
+++ b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/tutorial-group-sessions-management/tutorial-group-sessions-management.component.spec.ts
@@ -3,7 +3,7 @@ import { MockComponent, MockPipe, MockProvider } from 'ng-mocks';
 import { AlertService } from 'app/core/util/alert.service';
 import { of } from 'rxjs';
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { HttpResponse } from '@angular/common/http';
+import { HttpResponse, provideHttpClient } from '@angular/common/http';
 import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { MockRouterLinkDirective } from '../../../../../helpers/mocks/directive/mock-router-link.directive';
 import { SortService } from 'app/shared/service/sort.service';
@@ -17,21 +17,13 @@ import { TutorialGroup } from 'app/entities/tutorial-group/tutorial-group.model'
 import { generateExampleTutorialGroup } from '../../../helpers/tutorialGroupExampleModels';
 import { Course } from 'app/entities/course.model';
 import { TutorialGroupSessionRowStubComponent, TutorialGroupSessionsTableStubComponent } from '../../../stubs/tutorial-group-sessions-table-stub.component';
-import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { NgbActiveModal, NgbModal } from '@ng-bootstrap/ng-bootstrap';
 import { CreateTutorialGroupSessionComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/crud/create-tutorial-group-session/create-tutorial-group-session.component';
 import { RemoveSecondsPipe } from 'app/course/tutorial-groups/shared/remove-seconds.pipe';
+import { MockTranslateService } from '../../../../../helpers/mocks/service/mock-translate.service';
+import { TranslateService } from '@ngx-translate/core';
+import { provideHttpClientTesting } from '@angular/common/http/testing';
 
-@Component({ selector: 'jhi-tutorial-group-session-row-buttons', template: '' })
-class TutorialGroupSessionRowButtonsStubComponent {
-    @Input() course: Course;
-    @Input() tutorialGroup: TutorialGroup;
-    @Input() tutorialGroupSession: TutorialGroupSession;
-
-    @Output() tutorialGroupSessionDeleted = new EventEmitter<void>();
-    @Output() tutorialGroupEdited = new EventEmitter<void>();
-    @Output() cancelOrActivatePressed = new EventEmitter<void>();
-}
 describe('TutorialGroupSessionsManagement', () => {
     let fixture: ComponentFixture<TutorialGroupSessionsManagementComponent>;
     let component: TutorialGroupSessionsManagementComponent;
@@ -57,14 +49,22 @@ describe('TutorialGroupSessionsManagement', () => {
                 TutorialGroupSessionsManagementComponent,
                 TutorialGroupSessionRowStubComponent,
                 TutorialGroupSessionsTableStubComponent,
-                TutorialGroupSessionRowButtonsStubComponent,
                 LoadingIndicatorContainerStubComponent,
                 MockPipe(ArtemisTranslatePipe),
                 MockPipe(RemoveSecondsPipe),
                 MockComponent(FaIconComponent),
                 MockRouterLinkDirective,
             ],
-            providers: [MockProvider(TutorialGroupsService), MockProvider(AlertService), MockProvider(NgbActiveModal), MockProvider(NgbModal), SortService],
+            providers: [
+                MockProvider(TutorialGroupsService),
+                MockProvider(AlertService),
+                MockProvider(NgbActiveModal),
+                MockProvider(NgbModal),
+                SortService,
+                { provide: TranslateService, useClass: MockTranslateService },
+                provideHttpClient(),
+                provideHttpClientTesting(),
+            ],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups-configuration/crud/create-tutorial-groups-configuration.component.spec.ts b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups-configuration/crud/create-tutorial-groups-configuration.component.spec.ts
index 39639ad2784d..765544c23c6e 100644
--- a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups-configuration/crud/create-tutorial-groups-configuration.component.spec.ts
+++ b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups-configuration/crud/create-tutorial-groups-configuration.component.spec.ts
@@ -1,13 +1,11 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MockPipe, MockProvider } from 'ng-mocks';
+import { MockProvider } from 'ng-mocks';
 import { AlertService } from 'app/core/util/alert.service';
 import { Router } from '@angular/router';
 import { MockRouter } from '../../../../../helpers/mocks/mock-router';
 import { of } from 'rxjs';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { HttpResponse } from '@angular/common/http';
 import { By } from '@angular/platform-browser';
-import { LoadingIndicatorContainerStubComponent } from '../../../../../helpers/stubs/loading-indicator-container-stub.component';
 import { CreateTutorialGroupsConfigurationComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-groups-configuration/crud/create-tutorial-groups-configuration/create-tutorial-groups-configuration.component';
 import { TutorialGroupsConfigurationService } from 'app/course/tutorial-groups/services/tutorial-groups-configuration.service';
 import { TutorialGroupsConfigurationFormStubComponent } from '../../../stubs/tutorial-groups-configuration-form-sub.component';
@@ -17,6 +15,10 @@ import { CourseManagementService } from 'app/course/manage/course-management.ser
 import { mockedActivatedRoute } from '../../../../../helpers/mocks/activated-route/mock-activated-route-query-param-map';
 import { Course } from 'app/entities/course.model';
 import { CourseStorageService } from 'app/course/manage/course-storage.service';
+import { ArtemisTestModule } from '../../../../../test.module';
+import { ArtemisDatePipe } from '../../../../../../../../main/webapp/app/shared/pipes/artemis-date.pipe';
+import { OwlNativeDateTimeModule } from '@danielmoncada/angular-datetime-picker';
+import { TutorialGroupsConfigurationFormComponent } from '../../../../../../../../main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups-configuration/crud/tutorial-groups-configuration-form/tutorial-groups-configuration-form.component';
 
 describe('CreateTutorialGroupsConfigurationComponent', () => {
     let fixture: ComponentFixture<CreateTutorialGroupsConfigurationComponent>;
@@ -30,36 +32,27 @@ describe('CreateTutorialGroupsConfigurationComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [],
-            declarations: [
-                CreateTutorialGroupsConfigurationComponent,
-                LoadingIndicatorContainerStubComponent,
-                TutorialGroupsConfigurationFormStubComponent,
-                MockPipe(ArtemisTranslatePipe),
-            ],
+            imports: [ArtemisTestModule, OwlNativeDateTimeModule],
             providers: [
                 MockProvider(TutorialGroupsConfigurationService),
                 MockProvider(CourseManagementService),
                 MockProvider(AlertService),
+                MockProvider(ArtemisDatePipe),
                 { provide: Router, useValue: router },
                 mockedActivatedRoute({ courseId: course.id! }, {}, {}, {}),
             ],
-        })
-            .compileComponents()
-            .then(() => {
-                fixture = TestBed.createComponent(CreateTutorialGroupsConfigurationComponent);
-                component = fixture.componentInstance;
-                tutorialGroupsConfigurationService = TestBed.inject(TutorialGroupsConfigurationService);
-                courseManagementService = TestBed.inject(CourseManagementService);
-                courseStorageService = TestBed.inject(CourseStorageService);
-                const response: HttpResponse<Course> = new HttpResponse({
-                    body: course,
-                    status: 201,
-                });
-
-                getCourseSpy = jest.spyOn(courseManagementService, 'find').mockReturnValue(of(response));
-                fixture.detectChanges();
-            });
+        }).compileComponents();
+        fixture = TestBed.createComponent(CreateTutorialGroupsConfigurationComponent);
+        component = fixture.componentInstance;
+        tutorialGroupsConfigurationService = TestBed.inject(TutorialGroupsConfigurationService);
+        courseManagementService = TestBed.inject(CourseManagementService);
+        courseStorageService = TestBed.inject(CourseStorageService);
+        const response: HttpResponse<Course> = new HttpResponse({
+            body: course,
+            status: 201,
+        });
+        getCourseSpy = jest.spyOn(courseManagementService, 'find').mockReturnValue(of(response));
+        fixture.detectChanges();
     });
 
     afterEach(() => {
@@ -85,7 +78,7 @@ describe('CreateTutorialGroupsConfigurationComponent', () => {
         const navigateSpy = jest.spyOn(router, 'navigate');
         const updateCourseSpy = jest.spyOn(courseStorageService, 'updateCourse');
 
-        const sessionForm: TutorialGroupsConfigurationFormStubComponent = fixture.debugElement.query(By.directive(TutorialGroupsConfigurationFormStubComponent)).componentInstance;
+        const sessionForm: TutorialGroupsConfigurationFormStubComponent = fixture.debugElement.query(By.directive(TutorialGroupsConfigurationFormComponent)).componentInstance;
 
         const formData = tutorialsGroupsConfigurationToFormData(exampleConfiguration);
 
diff --git a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups-configuration/crud/edit-tutorial-groups-configuration.component.spec.ts b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups-configuration/crud/edit-tutorial-groups-configuration.component.spec.ts
index 94d3005bd147..75e577ac2753 100644
--- a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups-configuration/crud/edit-tutorial-groups-configuration.component.spec.ts
+++ b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups-configuration/crud/edit-tutorial-groups-configuration.component.spec.ts
@@ -1,21 +1,22 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MockPipe, MockProvider } from 'ng-mocks';
+import { MockProvider } from 'ng-mocks';
 import { AlertService } from 'app/core/util/alert.service';
 import { MockRouter } from '../../../../../helpers/mocks/mock-router';
 import { of } from 'rxjs';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { HttpResponse } from '@angular/common/http';
 import { By } from '@angular/platform-browser';
-import { LoadingIndicatorContainerStubComponent } from '../../../../../helpers/stubs/loading-indicator-container-stub.component';
 import { Router } from '@angular/router';
 import { EditTutorialGroupsConfigurationComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-groups-configuration/crud/edit-tutorial-groups-configuration/edit-tutorial-groups-configuration.component';
-import { TutorialGroupsConfigurationFormStubComponent } from '../../../stubs/tutorial-groups-configuration-form-sub.component';
 import { TutorialGroupsConfiguration } from 'app/entities/tutorial-group/tutorial-groups-configuration.model';
 import { TutorialGroupsConfigurationService } from 'app/course/tutorial-groups/services/tutorial-groups-configuration.service';
 import { generateExampleTutorialGroupsConfiguration, tutorialsGroupsConfigurationToFormData } from '../../../helpers/tutorialGroupsConfigurationExampleModels';
 import { mockedActivatedRoute } from '../../../../../helpers/mocks/activated-route/mock-activated-route-query-param-map';
 import { Course } from 'app/entities/course.model';
 import { CourseStorageService } from 'app/course/manage/course-storage.service';
+import { ArtemisTestModule } from '../../../../../test.module';
+import { ArtemisDatePipe } from '../../../../../../../../main/webapp/app/shared/pipes/artemis-date.pipe';
+import { OwlNativeDateTimeModule } from '@danielmoncada/angular-datetime-picker';
+import { TutorialGroupsConfigurationFormComponent } from '../../../../../../../../main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups-configuration/crud/tutorial-groups-configuration-form/tutorial-groups-configuration-form.component';
 
 describe('EditTutorialGroupsConfigurationComponent', () => {
     let fixture: ComponentFixture<EditTutorialGroupsConfigurationComponent>;
@@ -29,16 +30,12 @@ describe('EditTutorialGroupsConfigurationComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            declarations: [
-                EditTutorialGroupsConfigurationComponent,
-                LoadingIndicatorContainerStubComponent,
-                TutorialGroupsConfigurationFormStubComponent,
-                MockPipe(ArtemisTranslatePipe),
-            ],
+            imports: [ArtemisTestModule, OwlNativeDateTimeModule],
             providers: [
                 MockProvider(TutorialGroupsConfigurationService),
                 MockProvider(AlertService),
                 MockProvider(CourseStorageService),
+                MockProvider(ArtemisDatePipe),
                 { provide: Router, useValue: router },
                 mockedActivatedRoute(
                     {
@@ -49,20 +46,15 @@ describe('EditTutorialGroupsConfigurationComponent', () => {
                     {},
                 ),
             ],
-        })
-            .compileComponents()
-            .then(() => {
-                fixture = TestBed.createComponent(EditTutorialGroupsConfigurationComponent);
-                component = fixture.componentInstance;
-                configurationService = TestBed.inject(TutorialGroupsConfigurationService);
-
-                exampleConfiguration = generateExampleTutorialGroupsConfiguration({ id: 2 });
-                course.tutorialGroupsConfiguration = exampleConfiguration;
-                courseStorageService = TestBed.inject(CourseStorageService);
-
-                findConfigurationSpy = jest.spyOn(configurationService, 'getOneOfCourse').mockReturnValue(of(new HttpResponse({ body: exampleConfiguration })));
-                fixture.detectChanges();
-            });
+        }).compileComponents();
+        fixture = TestBed.createComponent(EditTutorialGroupsConfigurationComponent);
+        component = fixture.componentInstance;
+        configurationService = TestBed.inject(TutorialGroupsConfigurationService);
+        exampleConfiguration = generateExampleTutorialGroupsConfiguration({ id: 2 });
+        course.tutorialGroupsConfiguration = exampleConfiguration;
+        courseStorageService = TestBed.inject(CourseStorageService);
+        findConfigurationSpy = jest.spyOn(configurationService, 'getOneOfCourse').mockReturnValue(of(new HttpResponse({ body: exampleConfiguration })));
+        fixture.detectChanges();
     });
 
     afterEach(() => {
@@ -76,7 +68,7 @@ describe('EditTutorialGroupsConfigurationComponent', () => {
     });
 
     it('should set form data correctly', () => {
-        const formStub: TutorialGroupsConfigurationFormStubComponent = fixture.debugElement.query(By.directive(TutorialGroupsConfigurationFormStubComponent)).componentInstance;
+        const formStub: TutorialGroupsConfigurationFormComponent = fixture.debugElement.query(By.directive(TutorialGroupsConfigurationFormComponent)).componentInstance;
 
         expect(component.tutorialGroupsConfiguration).toEqual(exampleConfiguration);
         expect(findConfigurationSpy).toHaveBeenCalledOnce();
@@ -100,7 +92,7 @@ describe('EditTutorialGroupsConfigurationComponent', () => {
         const updatedStub = jest.spyOn(configurationService, 'update').mockReturnValue(of(updateResponse));
         const navigateSpy = jest.spyOn(router, 'navigate');
 
-        const sessionForm: TutorialGroupsConfigurationFormStubComponent = fixture.debugElement.query(By.directive(TutorialGroupsConfigurationFormStubComponent)).componentInstance;
+        const sessionForm: TutorialGroupsConfigurationFormComponent = fixture.debugElement.query(By.directive(TutorialGroupsConfigurationFormComponent)).componentInstance;
 
         const formData = tutorialsGroupsConfigurationToFormData(changedConfiguration);
 
diff --git a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/create-tutorial-group.component.spec.ts b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/create-tutorial-group.component.spec.ts
index aaec48efefa3..0c4bb953e4be 100644
--- a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/create-tutorial-group.component.spec.ts
+++ b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/create-tutorial-group.component.spec.ts
@@ -1,5 +1,5 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MockPipe, MockProvider } from 'ng-mocks';
+import { MockComponent, MockPipe, MockProvider } from 'ng-mocks';
 import { AlertService } from 'app/core/util/alert.service';
 import { Router } from '@angular/router';
 import { MockRouter } from '../../../../../helpers/mocks/mock-router';
@@ -10,10 +10,11 @@ import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { HttpResponse } from '@angular/common/http';
 import { TutorialGroup } from 'app/entities/tutorial-group/tutorial-group.model';
 import { By } from '@angular/platform-browser';
-import { LoadingIndicatorContainerStubComponent } from '../../../../../helpers/stubs/loading-indicator-container-stub.component';
-import { TutorialGroupFormStubComponent } from '../../../stubs/tutorial-group-form-stub.component';
 import { generateExampleTutorialGroup, tutorialGroupToTutorialGroupFormData } from '../../../helpers/tutorialGroupExampleModels';
 import { mockedActivatedRoute } from '../../../../../helpers/mocks/activated-route/mock-activated-route-query-param-map';
+import { ArtemisTestModule } from '../../../../../test.module';
+import { TutorialGroupFormComponent } from '../../../../../../../../main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/tutorial-group-form/tutorial-group-form.component';
+import { LoadingIndicatorContainerComponent } from '../../../../../../../../main/webapp/app/shared/loading-indicator-container/loading-indicator-container.component';
 
 describe('CreateTutorialGroupComponent', () => {
     let fixture: ComponentFixture<CreateTutorialGroupComponent>;
@@ -25,17 +26,20 @@ describe('CreateTutorialGroupComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [],
-            declarations: [CreateTutorialGroupComponent, LoadingIndicatorContainerStubComponent, TutorialGroupFormStubComponent, MockPipe(ArtemisTranslatePipe)],
+            imports: [ArtemisTestModule],
+            declarations: [
+                CreateTutorialGroupComponent,
+                MockComponent(LoadingIndicatorContainerComponent),
+                MockComponent(TutorialGroupFormComponent),
+                MockPipe(ArtemisTranslatePipe),
+            ],
             providers: [MockProvider(TutorialGroupsService), MockProvider(AlertService), { provide: Router, useValue: router }, mockedActivatedRoute({}, {}, { course }, {})],
-        })
-            .compileComponents()
-            .then(() => {
-                fixture = TestBed.createComponent(CreateTutorialGroupComponent);
-                component = fixture.componentInstance;
-                tutorialGroupService = TestBed.inject(TutorialGroupsService);
-                fixture.detectChanges();
-            });
+        }).compileComponents();
+
+        fixture = TestBed.createComponent(CreateTutorialGroupComponent);
+        component = fixture.componentInstance;
+        tutorialGroupService = TestBed.inject(TutorialGroupsService);
+        fixture.detectChanges();
     });
 
     afterEach(() => {
@@ -67,7 +71,7 @@ describe('CreateTutorialGroupComponent', () => {
         const createStub = jest.spyOn(tutorialGroupService, 'create').mockReturnValue(of(createResponse));
         const navigateSpy = jest.spyOn(router, 'navigate');
 
-        const tutorialGroupForm: TutorialGroupFormStubComponent = fixture.debugElement.query(By.directive(TutorialGroupFormStubComponent)).componentInstance;
+        const tutorialGroupForm: TutorialGroupFormComponent = fixture.debugElement.query(By.directive(TutorialGroupFormComponent)).componentInstance;
 
         const formData = tutorialGroupToTutorialGroupFormData(exampleTutorialGroup);
 
diff --git a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/edit-tutorial-group.component.spec.ts b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/edit-tutorial-group.component.spec.ts
index 979a8c999a5a..f857e82dae11 100644
--- a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/edit-tutorial-group.component.spec.ts
+++ b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/edit-tutorial-group.component.spec.ts
@@ -1,19 +1,22 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MockPipe, MockProvider } from 'ng-mocks';
+import { MockProvider } from 'ng-mocks';
 import { AlertService } from 'app/core/util/alert.service';
 import { Router } from '@angular/router';
 import { MockRouter } from '../../../../../helpers/mocks/mock-router';
 import { of } from 'rxjs';
 import { TutorialGroupsService } from 'app/course/tutorial-groups/services/tutorial-groups.service';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { HttpResponse } from '@angular/common/http';
 import { TutorialGroup } from 'app/entities/tutorial-group/tutorial-group.model';
 import { By } from '@angular/platform-browser';
 import { EditTutorialGroupComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/edit-tutorial-group/edit-tutorial-group.component';
-import { TutorialGroupFormStubComponent } from '../../../stubs/tutorial-group-form-stub.component';
-import { LoadingIndicatorContainerStubComponent } from '../../../../../helpers/stubs/loading-indicator-container-stub.component';
 import { generateExampleTutorialGroup, tutorialGroupToTutorialGroupFormData } from '../../../helpers/tutorialGroupExampleModels';
 import { mockedActivatedRoute } from '../../../../../helpers/mocks/activated-route/mock-activated-route-query-param-map';
+import { ArtemisTestModule } from '../../../../../test.module';
+import '@angular/localize/init';
+import { OwlNativeDateTimeModule } from '@danielmoncada/angular-datetime-picker';
+import { ArtemisDatePipe } from '../../../../../../../../main/webapp/app/shared/pipes/artemis-date.pipe';
+import { MockResizeObserver } from '../../../../../helpers/mocks/service/mock-resize-observer';
+import { TutorialGroupFormComponent } from '../../../../../../../../main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/tutorial-group-form/tutorial-group-form.component';
 
 describe('EditTutorialGroupComponent', () => {
     let fixture: ComponentFixture<EditTutorialGroupComponent>;
@@ -26,12 +29,11 @@ describe('EditTutorialGroupComponent', () => {
 
     const router = new MockRouter();
 
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [],
-            declarations: [EditTutorialGroupComponent, LoadingIndicatorContainerStubComponent, TutorialGroupFormStubComponent, MockPipe(ArtemisTranslatePipe)],
+    beforeEach(async () => {
+        await TestBed.configureTestingModule({
+            imports: [ArtemisTestModule, EditTutorialGroupComponent, OwlNativeDateTimeModule],
             providers: [
-                MockProvider(TutorialGroupsService),
+                MockProvider(ArtemisDatePipe),
                 MockProvider(AlertService),
                 { provide: Router, useValue: router },
                 mockedActivatedRoute(
@@ -43,23 +45,25 @@ describe('EditTutorialGroupComponent', () => {
                     {},
                 ),
             ],
-        })
-            .compileComponents()
-            .then(() => {
-                fixture = TestBed.createComponent(EditTutorialGroupComponent);
-                component = fixture.componentInstance;
-                exampleTutorialGroup = generateExampleTutorialGroup({});
-
-                tutorialGroupService = TestBed.inject(TutorialGroupsService);
-
-                const response: HttpResponse<TutorialGroup> = new HttpResponse({
-                    body: exampleTutorialGroup,
-                    status: 200,
-                });
-
-                findTutorialGroupSpy = jest.spyOn(tutorialGroupService, 'getOneOfCourse').mockReturnValue(of(response));
-                fixture.detectChanges();
-            });
+        }).compileComponents();
+
+        fixture = TestBed.createComponent(EditTutorialGroupComponent);
+        component = fixture.componentInstance;
+        exampleTutorialGroup = generateExampleTutorialGroup({});
+
+        tutorialGroupService = TestBed.inject(TutorialGroupsService);
+
+        const response: HttpResponse<TutorialGroup> = new HttpResponse({
+            body: exampleTutorialGroup,
+            status: 200,
+        });
+
+        global.ResizeObserver = jest.fn().mockImplementation((callback: ResizeObserverCallback) => {
+            return new MockResizeObserver(callback);
+        });
+
+        findTutorialGroupSpy = jest.spyOn(tutorialGroupService, 'getOneOfCourse').mockReturnValue(of(response));
+        fixture.detectChanges();
     });
 
     afterEach(() => {
@@ -73,14 +77,14 @@ describe('EditTutorialGroupComponent', () => {
     });
 
     it('should set form data correctly', () => {
-        const tutorialGroupFormStubComponent: TutorialGroupFormStubComponent = fixture.debugElement.query(By.directive(TutorialGroupFormStubComponent)).componentInstance;
+        const tutorialGroupFormComponent: TutorialGroupFormComponent = fixture.debugElement.query(By.directive(TutorialGroupFormComponent)).componentInstance;
 
         expect(component.tutorialGroup).toEqual(exampleTutorialGroup);
         expect(findTutorialGroupSpy).toHaveBeenCalledWith(2, 1);
         expect(findTutorialGroupSpy).toHaveBeenCalledOnce();
 
         expect(component.formData).toEqual(tutorialGroupToTutorialGroupFormData(exampleTutorialGroup));
-        expect(tutorialGroupFormStubComponent.formData).toEqual(component.formData);
+        expect(tutorialGroupFormComponent.formData).toEqual(component.formData);
     });
 
     it('should send PUT request upon form submission and navigate', () => {
@@ -106,7 +110,7 @@ describe('EditTutorialGroupComponent', () => {
         const updatedStub = jest.spyOn(tutorialGroupService, 'update').mockReturnValue(of(updateResponse));
         const navigateSpy = jest.spyOn(router, 'navigate');
 
-        const tutorialGroupForm: TutorialGroupFormStubComponent = fixture.debugElement.query(By.directive(TutorialGroupFormStubComponent)).componentInstance;
+        const tutorialGroupForm: TutorialGroupFormComponent = fixture.debugElement.query(By.directive(TutorialGroupFormComponent)).componentInstance;
 
         const formData = tutorialGroupToTutorialGroupFormData(changedTutorialGroup);
 
diff --git a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/tutorial-group-form.component.spec.ts b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/tutorial-group-form.component.spec.ts
index 06e2de934c41..6606a104767a 100644
--- a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/tutorial-group-form.component.spec.ts
+++ b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/crud/tutorial-group-form.component.spec.ts
@@ -25,6 +25,8 @@ import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
 import { generateClickSubmitButton, generateTestFormIsInvalidOnMissingRequiredProperty } from '../../../helpers/tutorialGroupFormsUtils';
 import { ArtemisDateRangePipe } from 'app/shared/pipes/artemis-date-range.pipe';
 import { runOnPushChangeDetection } from '../../../../../helpers/on-push-change-detection.helper';
+import { ArtemisTestModule } from '../../../../../test.module';
+import { MockResizeObserver } from '../../../../../helpers/mocks/service/mock-resize-observer';
 
 @Component({ selector: 'jhi-markdown-editor-monaco', template: '' })
 class MarkdownEditorStubComponent {
@@ -61,7 +63,7 @@ describe('TutorialGroupFormComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ReactiveFormsModule, FormsModule, NgbTypeaheadModule, NgbTimepickerModule, OwlDateTimeModule, OwlNativeDateTimeModule],
+            imports: [ArtemisTestModule, ReactiveFormsModule, FormsModule, NgbTypeaheadModule, NgbTimepickerModule, OwlDateTimeModule, OwlNativeDateTimeModule],
             declarations: [
                 TutorialGroupFormComponent,
                 ScheduleFormComponent,
@@ -87,16 +89,17 @@ describe('TutorialGroupFormComponent', () => {
                 }),
                 MockProvider(AlertService),
             ],
-        })
-            .compileComponents()
-            .then(() => {
-                fixture = TestBed.createComponent(TutorialGroupFormComponent);
-                validTeachingAssistant = new User();
-                validTeachingAssistant.login = 'testLogin';
-                component = fixture.componentInstance;
-                component.course = course;
-                fixture.detectChanges();
-            });
+        }).compileComponents();
+
+        fixture = TestBed.createComponent(TutorialGroupFormComponent);
+        validTeachingAssistant = new User();
+        validTeachingAssistant.login = 'testLogin';
+        component = fixture.componentInstance;
+        component.course = course;
+        global.ResizeObserver = jest.fn().mockImplementation((callback: ResizeObserverCallback) => {
+            return new MockResizeObserver(callback);
+        });
+        fixture.detectChanges();
     });
 
     afterEach(() => {
@@ -253,10 +256,11 @@ describe('TutorialGroupFormComponent', () => {
         it('should submit valid form', fakeAsync(() => {
             setValidFormValues();
             runOnPushChangeDetection(fixture);
-            expect(component.form.valid).toBeTrue();
-            expect(component.isSubmitPossible).toBeTrue();
-
-            clickSubmit(true);
+            fixture.whenStable().then(() => {
+                expect(component.form.valid).toBeTrue();
+                expect(component.isSubmitPossible).toBeTrue();
+                clickSubmit(true);
+            });
         }));
     });
 
diff --git a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/detail/tutorial-group-management-detail.component.spec.ts b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/detail/tutorial-group-management-detail.component.spec.ts
index 221d87d045ad..fd2ac9322f75 100644
--- a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/detail/tutorial-group-management-detail.component.spec.ts
+++ b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/detail/tutorial-group-management-detail.component.spec.ts
@@ -1,8 +1,5 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { TutorialGroupManagementDetailComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/detail/tutorial-group-management-detail.component';
-import { TutorialGroupDetailStubComponent } from '../../../stubs/tutorial-group-detail-stub.component';
-import { TutorialGroupRowButtonsStubComponent } from '../../../stubs/tutorial-group-row-buttons-stub.component';
-import { LoadingIndicatorContainerStubComponent } from '../../../../../helpers/stubs/loading-indicator-container-stub.component';
 import { TutorialGroupsService } from 'app/course/tutorial-groups/services/tutorial-groups.service';
 import { MockProvider } from 'ng-mocks';
 import { AlertService } from 'app/core/util/alert.service';
@@ -13,6 +10,8 @@ import { TutorialGroup } from 'app/entities/tutorial-group/tutorial-group.model'
 import { HttpResponse } from '@angular/common/http';
 import { of } from 'rxjs';
 import { mockedActivatedRoute } from '../../../../../helpers/mocks/activated-route/mock-activated-route-query-param-map';
+import { MockTranslateService } from '../../../../../helpers/mocks/service/mock-translate.service';
+import { TranslateService } from '@ngx-translate/core';
 
 describe('TutorialGroupManagementDetailComponent', () => {
     let fixture: ComponentFixture<TutorialGroupManagementDetailComponent>;
@@ -20,10 +19,10 @@ describe('TutorialGroupManagementDetailComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            declarations: [TutorialGroupManagementDetailComponent, TutorialGroupRowButtonsStubComponent, TutorialGroupDetailStubComponent, LoadingIndicatorContainerStubComponent],
             providers: [
                 MockProvider(TutorialGroupsService),
                 MockProvider(AlertService),
+                { provide: TranslateService, useClass: MockTranslateService },
                 { provide: Router, useClass: MockRouter },
                 mockedActivatedRoute(
                     {
diff --git a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-group-row-button.component.spec.ts b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-group-row-button.component.spec.ts
index ed6ae6a6f9b7..6a9e67975177 100644
--- a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-group-row-button.component.spec.ts
+++ b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-group-row-button.component.spec.ts
@@ -1,21 +1,18 @@
 import { ComponentFixture, TestBed, fakeAsync } from '@angular/core/testing';
-import { MockComponent, MockDirective, MockPipe, MockProvider } from 'ng-mocks';
+import { MockModule, MockProvider } from 'ng-mocks';
 import { TutorialGroupsService } from 'app/course/tutorial-groups/services/tutorial-groups.service';
 import { TutorialGroup } from 'app/entities/tutorial-group/tutorial-group.model';
 import { TutorialGroupRowButtonsComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-group-row-buttons/tutorial-group-row-buttons.component';
-import { FaIconComponent } from '@fortawesome/angular-fontawesome';
-import { MockRouterLinkDirective } from '../../../../../helpers/mocks/directive/mock-router-link.directive';
 import { of } from 'rxjs';
 import { HttpResponse } from '@angular/common/http';
-import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
 import { generateExampleTutorialGroup } from '../../../helpers/tutorialGroupExampleModels';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { Course } from 'app/entities/course.model';
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { TutorialGroupSessionsManagementComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-group-sessions/tutorial-group-sessions-management/tutorial-group-sessions-management.component';
 import { MockRouter } from '../../../../../helpers/mocks/mock-router';
-import { Router } from '@angular/router';
+import { Router, RouterModule } from '@angular/router';
 import { RegisteredStudentsComponent } from 'app/course/tutorial-groups/tutorial-groups-management/registered-students/registered-students.component';
+import { ArtemisTestModule } from '../../../../../test.module';
 
 describe('TutorialGroupRowButtonsComponent', () => {
     let fixture: ComponentFixture<TutorialGroupRowButtonsComponent>;
@@ -25,27 +22,20 @@ describe('TutorialGroupRowButtonsComponent', () => {
     } as Course;
     let tutorialGroup: TutorialGroup;
 
-    const router = new MockRouter();
+    let router: MockRouter;
 
     beforeEach(() => {
+        router = new MockRouter();
         TestBed.configureTestingModule({
-            declarations: [
-                TutorialGroupRowButtonsComponent,
-                MockComponent(FaIconComponent),
-                MockRouterLinkDirective,
-                MockDirective(DeleteButtonDirective),
-                MockPipe(ArtemisTranslatePipe),
-            ],
+            imports: [ArtemisTestModule, MockModule(RouterModule)],
             providers: [MockProvider(TutorialGroupsService), MockProvider(NgbModal), { provide: Router, useValue: router }],
-        })
-            .compileComponents()
-            .then(() => {
-                fixture = TestBed.createComponent(TutorialGroupRowButtonsComponent);
-                component = fixture.componentInstance;
-                tutorialGroup = generateExampleTutorialGroup({});
-                setInputValues();
-                fixture.detectChanges();
-            });
+        }).compileComponents();
+
+        fixture = TestBed.createComponent(TutorialGroupRowButtonsComponent);
+        component = fixture.componentInstance;
+        tutorialGroup = generateExampleTutorialGroup({});
+        setInputValues();
+        fixture.detectChanges();
     });
     const setInputValues = () => {
         component.course = course;
@@ -99,6 +89,7 @@ describe('TutorialGroupRowButtonsComponent', () => {
             expect(mockModalRef.componentInstance.course).toEqual(course);
         });
     }));
+
     it('should navigate to edit', fakeAsync(() => {
         testButtonLeadsToRouting('edit-' + tutorialGroup.id, ['/course-management', course.id!, 'tutorial-groups', tutorialGroup.id!, 'edit']);
     }));
@@ -124,7 +115,11 @@ describe('TutorialGroupRowButtonsComponent', () => {
 
         fixture.whenStable().then(() => {
             expect(navigateSpy).toHaveBeenCalledOnce();
-            expect(navigateSpy).toHaveBeenCalledWith(expectedRoute);
+            const expectedUrlTree = router.createUrlTree(expectedRoute);
+            const actualUrlTree = navigateSpy.mock.calls[0][0];
+
+            expect(actualUrlTree).toEqual(expectedUrlTree);
+
             navigateSpy.mockReset();
         });
     };
diff --git a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-checklist.component.spec.ts b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-checklist.component.spec.ts
index b8e4462c8074..a10a8a704ff1 100644
--- a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-checklist.component.spec.ts
+++ b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-checklist.component.spec.ts
@@ -15,6 +15,8 @@ import { LoadingIndicatorContainerStubComponent } from '../../../../../helpers/s
 import { MockRouterLinkDirective } from '../../../../../helpers/mocks/directive/mock-router-link.directive';
 import { TutorialGroupsConfigurationService } from 'app/course/tutorial-groups/services/tutorial-groups-configuration.service';
 import { generateExampleTutorialGroupsConfiguration } from '../../../helpers/tutorialGroupsConfigurationExampleModels';
+import { MockTranslateService } from '../../../../../helpers/mocks/service/mock-translate.service';
+import { TranslateService } from '@ngx-translate/core';
 
 describe('TutorialGroupsChecklistComponent', () => {
     let fixture: ComponentFixture<TutorialGroupsChecklistComponent>;
@@ -42,6 +44,7 @@ describe('TutorialGroupsChecklistComponent', () => {
                 MockProvider(TutorialGroupsConfigurationService),
                 MockProvider(AlertService),
                 { provide: Router, useValue: router },
+                { provide: TranslateService, useClass: MockTranslateService },
                 mockedActivatedRoute({ courseId: course.id! }, {}, {}, {}),
             ],
         })
diff --git a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-course-information.component.spec.ts b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-course-information.component.spec.ts
index 3c0a6a8e4ece..c0ea43547b0f 100644
--- a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-course-information.component.spec.ts
+++ b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-course-information.component.spec.ts
@@ -6,6 +6,8 @@ import { MockPipe } from 'ng-mocks';
 import { TutorialGroup } from 'app/entities/tutorial-group/tutorial-group.model';
 import { generateExampleTutorialGroup } from '../../../helpers/tutorialGroupExampleModels';
 import { Component, Input } from '@angular/core';
+import { MockTranslateService } from '../../../../../helpers/mocks/service/mock-translate.service';
+import { TranslateService } from '@ngx-translate/core';
 
 @Component({ selector: 'jhi-side-panel', template: '' })
 class MockSidePanelComponent {
@@ -23,6 +25,7 @@ describe('TutorialGroupsCourseInformationComponent', () => {
     beforeEach(async () => {
         await TestBed.configureTestingModule({
             declarations: [TutorialGroupsCourseInformationComponent, MockSidePanelComponent, MockPipe(ArtemisTranslatePipe)],
+            providers: [{ provide: TranslateService, useClass: MockTranslateService }],
         }).compileComponents();
 
         fixture = TestBed.createComponent(TutorialGroupsCourseInformationComponent);
diff --git a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-export-button.component.spec.ts b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-export-button.component.spec.ts
index 509f2ad412b0..49988dac5bb4 100644
--- a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-export-button.component.spec.ts
+++ b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-export-button.component.spec.ts
@@ -8,6 +8,8 @@ import { TutorialGroupsService } from 'app/course/tutorial-groups/services/tutor
 import { AlertService } from 'app/core/util/alert.service';
 import { Directive, Input } from '@angular/core';
 import { of, throwError } from 'rxjs';
+import { MockTranslateService } from '../../../../../helpers/mocks/service/mock-translate.service';
+import { TranslateService } from '@ngx-translate/core';
 
 @Directive({
     selector: '[jhiTranslate]',
@@ -44,6 +46,7 @@ describe('TutorialGroupsExportButtonComponent', () => {
                 { provide: NgbModal, useClass: MockNgbModalService },
                 { provide: TutorialGroupsService, useValue: mockTutorialGroupsService },
                 { provide: AlertService, useValue: mockAlertService },
+                { provide: TranslateService, useClass: MockTranslateService },
             ],
         }).compileComponents();
 
diff --git a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-import-button.component.spec.ts b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-import-button.component.spec.ts
index 6ddaf0b44636..fe88a21194ff 100644
--- a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-import-button.component.spec.ts
+++ b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-import-button.component.spec.ts
@@ -1,5 +1,4 @@
 import { ComponentFixture, TestBed, fakeAsync } from '@angular/core/testing';
-
 import { TutorialGroupsImportButtonComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-import-button/tutorial-groups-import-button.component';
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { MockNgbModalService } from '../../../../../helpers/mocks/service/mock-ngb-modal.service';
@@ -7,6 +6,8 @@ import { MockComponent, MockPipe } from 'ng-mocks';
 import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { TutorialGroupsRegistrationImportDialogComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-import-dialog/tutorial-groups-registration-import-dialog.component';
+import { MockTranslateService } from '../../../../../helpers/mocks/service/mock-translate.service';
+import { TranslateService } from '@ngx-translate/core';
 
 describe('TutorialGroupsImportButtonComponent', () => {
     let component: TutorialGroupsImportButtonComponent;
@@ -16,7 +17,10 @@ describe('TutorialGroupsImportButtonComponent', () => {
     beforeEach(async () => {
         await TestBed.configureTestingModule({
             declarations: [TutorialGroupsImportButtonComponent, MockComponent(FaIconComponent), MockPipe(ArtemisTranslatePipe)],
-            providers: [{ provide: NgbModal, useClass: MockNgbModalService }],
+            providers: [
+                { provide: NgbModal, useClass: MockNgbModalService },
+                { provide: TranslateService, useClass: MockTranslateService },
+            ],
         }).compileComponents();
 
         fixture = TestBed.createComponent(TutorialGroupsImportButtonComponent);
diff --git a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-management.component.spec.ts b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-management.component.spec.ts
index bcb7a46a7453..716901fdbac4 100644
--- a/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-management.component.spec.ts
+++ b/src/test/javascript/spec/component/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-management.component.spec.ts
@@ -1,51 +1,23 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MockComponent, MockDirective, MockPipe, MockProvider } from 'ng-mocks';
+import { MockDirective, MockProvider } from 'ng-mocks';
 import { AlertService } from 'app/core/util/alert.service';
 import { Router } from '@angular/router';
 import { MockRouter } from '../../../../../helpers/mocks/mock-router';
 import { of } from 'rxjs';
 import { TutorialGroupsService } from 'app/course/tutorial-groups/services/tutorial-groups.service';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { HttpResponse } from '@angular/common/http';
 import { TutorialGroup } from 'app/entities/tutorial-group/tutorial-group.model';
 import { TutorialGroupsManagementComponent } from 'app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-management.component';
-import { FaIconComponent } from '@fortawesome/angular-fontawesome';
-import { MockRouterLinkDirective } from '../../../../../helpers/mocks/directive/mock-router-link.directive';
-import { TutorialGroupRowButtonsStubComponent } from '../../../stubs/tutorial-group-row-buttons-stub.component';
-import { LoadingIndicatorContainerStubComponent } from '../../../../../helpers/stubs/loading-indicator-container-stub.component';
 import { generateExampleTutorialGroup } from '../../../helpers/tutorialGroupExampleModels';
-import { TutorialGroupsTableStubComponent } from '../../../stubs/tutorial-groups-table-stub.component';
 import { mockedActivatedRoute } from '../../../../../helpers/mocks/activated-route/mock-activated-route-query-param-map';
-import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { By } from '@angular/platform-browser';
 import { generateExampleTutorialGroupsConfiguration } from '../../../helpers/tutorialGroupsConfigurationExampleModels';
 import { Course } from 'app/entities/course.model';
 import { TutorialGroupsConfigurationService } from 'app/course/tutorial-groups/services/tutorial-groups-configuration.service';
 import { NgbDropdownModule, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
-
-@Component({ selector: 'jhi-tutorial-groups-course-information', template: '' })
-class MockTutorialGroupsCourseInformationComponent {
-    @Input()
-    tutorialGroups: TutorialGroup[] = [];
-}
-@Component({
-    selector: 'jhi-tutorial-groups-import-button',
-    template: '',
-})
-class MockTutorialGroupsImportButtonComponent {
-    @Input() courseId: number;
-    @Output() importFinished: EventEmitter<void> = new EventEmitter();
-}
-
-@Component({
-    selector: 'jhi-tutorial-groups-export-button',
-    template: '',
-})
-class MockTutorialGroupsExportButtonComponent {
-    @Input() courseId: number;
-    @Output() exportFinished: EventEmitter<void> = new EventEmitter();
-}
-
+import { ArtemisTestModule } from '../../../../../test.module';
+import { TutorialGroupsImportButtonComponent } from '../../../../../../../../main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-import-button/tutorial-groups-import-button.component';
+import { TutorialGroupsExportButtonComponent } from '../../../../../../../../main/webapp/app/course/tutorial-groups/tutorial-groups-management/tutorial-groups/tutorial-groups-management/tutorial-groups-export-button.component/tutorial-groups-export-button.component';
 describe('TutorialGroupsManagementComponent', () => {
     let fixture: ComponentFixture<TutorialGroupsManagementComponent>;
     let component: TutorialGroupsManagementComponent;
@@ -64,19 +36,7 @@ describe('TutorialGroupsManagementComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [NgbDropdownModule, MockDirective(NgbTooltip)],
-            declarations: [
-                TutorialGroupsManagementComponent,
-                MockTutorialGroupsCourseInformationComponent,
-                LoadingIndicatorContainerStubComponent,
-                TutorialGroupsTableStubComponent,
-                TutorialGroupRowButtonsStubComponent,
-                MockPipe(ArtemisTranslatePipe),
-                MockComponent(FaIconComponent),
-                MockRouterLinkDirective,
-                MockTutorialGroupsImportButtonComponent,
-                MockTutorialGroupsExportButtonComponent,
-            ],
+            imports: [ArtemisTestModule, NgbDropdownModule, MockDirective(NgbTooltip)],
             providers: [
                 MockProvider(TutorialGroupsConfigurationService),
                 MockProvider(TutorialGroupsService),
@@ -91,27 +51,25 @@ describe('TutorialGroupsManagementComponent', () => {
                     {},
                 ),
             ],
-        })
-            .compileComponents()
-            .then(() => {
-                fixture = TestBed.createComponent(TutorialGroupsManagementComponent);
-                component = fixture.componentInstance;
-                tutorialGroupOne = generateExampleTutorialGroup({ id: 1 });
-                tutorialGroupTwo = generateExampleTutorialGroup({ id: 2 });
+        }).compileComponents();
+
+        fixture = TestBed.createComponent(TutorialGroupsManagementComponent);
+        component = fixture.componentInstance;
+        tutorialGroupOne = generateExampleTutorialGroup({ id: 1 });
+        tutorialGroupTwo = generateExampleTutorialGroup({ id: 2 });
 
-                tutorialGroupsService = TestBed.inject(TutorialGroupsService);
-                getAllOfCourseSpy = jest.spyOn(tutorialGroupsService, 'getAllForCourse').mockReturnValue(
-                    of(
-                        new HttpResponse({
-                            body: [tutorialGroupOne, tutorialGroupTwo],
-                            status: 200,
-                        }),
-                    ),
-                );
-                configurationService = TestBed.inject(TutorialGroupsConfigurationService);
-                getOneOfCourseSpy = jest.spyOn(configurationService, 'getOneOfCourse').mockReturnValue(of(new HttpResponse({ body: configuration })));
-                fixture.detectChanges();
-            });
+        tutorialGroupsService = TestBed.inject(TutorialGroupsService);
+        getAllOfCourseSpy = jest.spyOn(tutorialGroupsService, 'getAllForCourse').mockReturnValue(
+            of(
+                new HttpResponse({
+                    body: [tutorialGroupOne, tutorialGroupTwo],
+                    status: 200,
+                }),
+            ),
+        );
+        configurationService = TestBed.inject(TutorialGroupsConfigurationService);
+        getOneOfCourseSpy = jest.spyOn(configurationService, 'getOneOfCourse').mockReturnValue(of(new HttpResponse({ body: configuration })));
+        fixture.detectChanges();
     });
 
     afterEach(() => {
@@ -140,8 +98,8 @@ describe('TutorialGroupsManagementComponent', () => {
         getOneOfCourseSpy.mockClear();
         expect(getOneOfCourseSpy).not.toHaveBeenCalled();
         expect(getAllOfCourseSpy).not.toHaveBeenCalled();
-        const mockTutorialGroupImportButtonComponent = fixture.debugElement.query(By.directive(MockTutorialGroupsImportButtonComponent)).componentInstance;
-        mockTutorialGroupImportButtonComponent.importFinished.emit();
+        const tutorialGroupImportButtonComponent = fixture.debugElement.query(By.directive(TutorialGroupsImportButtonComponent)).componentInstance;
+        tutorialGroupImportButtonComponent.importFinished.emit();
         expect(getAllOfCourseSpy).toHaveBeenCalledOnce();
         expect(getAllOfCourseSpy).toHaveBeenCalledWith(1);
         expect(getOneOfCourseSpy).toHaveBeenCalledOnce();
@@ -152,8 +110,8 @@ describe('TutorialGroupsManagementComponent', () => {
         getOneOfCourseSpy.mockClear();
         expect(getOneOfCourseSpy).not.toHaveBeenCalled();
         expect(getAllOfCourseSpy).not.toHaveBeenCalled();
-        const mockTutorialGroupExportButtonComponent = fixture.debugElement.query(By.directive(MockTutorialGroupsExportButtonComponent)).componentInstance;
-        mockTutorialGroupExportButtonComponent.exportFinished.emit();
+        const tutorialGroupExportButtonComponent = fixture.debugElement.query(By.directive(TutorialGroupsExportButtonComponent)).componentInstance;
+        tutorialGroupExportButtonComponent.exportFinished.emit();
         expect(getAllOfCourseSpy).toHaveBeenCalledOnce();
         expect(getAllOfCourseSpy).toHaveBeenCalledWith(1);
         expect(getOneOfCourseSpy).toHaveBeenCalledOnce();
diff --git a/src/test/javascript/spec/component/utils/item-count.component.spec.ts b/src/test/javascript/spec/component/utils/item-count.component.spec.ts
index 7d04df08102d..7ac7016f1df3 100644
--- a/src/test/javascript/spec/component/utils/item-count.component.spec.ts
+++ b/src/test/javascript/spec/component/utils/item-count.component.spec.ts
@@ -10,7 +10,6 @@ describe('ItemCountComponent test', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [TranslateModule.forRoot(), TranslateDirective],
-            declarations: [ItemCountComponent],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/component/utils/result.utils.spec.ts b/src/test/javascript/spec/component/utils/result.utils.spec.ts
index b7160cefa41c..a7d50078c51a 100644
--- a/src/test/javascript/spec/component/utils/result.utils.spec.ts
+++ b/src/test/javascript/spec/component/utils/result.utils.spec.ts
@@ -37,6 +37,7 @@ describe('ResultUtils', () => {
             { reference: 'foo', type: FeedbackType.AUTOMATIC },
             { type: FeedbackType.AUTOMATIC },
             { type: FeedbackType.MANUAL_UNREFERENCED },
+            { reference: 'foo', type: FeedbackType.AUTOMATIC_ADAPTED },
             {},
         ];
         const unreferencedFeedbacks = getUnreferencedFeedback(feedbacks);
diff --git a/src/test/javascript/spec/component/virtual-scroll/virtual-scroll.component.spec.ts b/src/test/javascript/spec/component/virtual-scroll/virtual-scroll.component.spec.ts
index 4a009e49fc24..26c7ec165b4c 100644
--- a/src/test/javascript/spec/component/virtual-scroll/virtual-scroll.component.spec.ts
+++ b/src/test/javascript/spec/component/virtual-scroll/virtual-scroll.component.spec.ts
@@ -31,7 +31,6 @@ describe('VirtualScrollComponent', () => {
     beforeEach(() => {
         return TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [VirtualScrollComponent],
             providers: [{ provide: Router, useClass: MockRouter }],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/directive/custom-pattern-validator.directive.spec.ts b/src/test/javascript/spec/directive/custom-pattern-validator.directive.spec.ts
index 5db4d8aaa1b4..54a9530f0030 100644
--- a/src/test/javascript/spec/directive/custom-pattern-validator.directive.spec.ts
+++ b/src/test/javascript/spec/directive/custom-pattern-validator.directive.spec.ts
@@ -1,4 +1,3 @@
-import { CustomPatternValidatorDirective } from 'app/shared/validators/custom-pattern-validator.directive';
 import { ComponentFixture, TestBed, fakeAsync } from '@angular/core/testing';
 import { FormsModule } from '@angular/forms';
 import { CommonModule } from '@angular/common';
@@ -8,6 +7,7 @@ import { By } from '@angular/platform-browser';
 
 @Component({
     template: '<form name="editForm" #editForm="ngForm">' + '<input type="text" name="pattern" validPattern #patternModel="ngModel" [(ngModel)]="pattern"/>' + '</form>',
+    imports: [FormsModule],
 })
 class CustomPatternComponent {
     pattern: string;
@@ -17,16 +17,12 @@ describe('CustomPatternValidatorDirective', () => {
     let fixture: ComponentFixture<CustomPatternComponent>;
     let component = new CustomPatternComponent();
 
-    beforeEach(() => {
-        TestBed.configureTestingModule({
+    beforeEach(async () => {
+        await TestBed.configureTestingModule({
             imports: [ArtemisTestModule, CommonModule, FormsModule],
-            declarations: [CustomPatternValidatorDirective, CustomPatternComponent],
-        })
-            .compileComponents()
-            .then(() => {
-                fixture = TestBed.createComponent(CustomPatternComponent);
-                component = fixture.componentInstance;
-            });
+        }).compileComponents();
+        fixture = TestBed.createComponent(CustomPatternComponent);
+        component = fixture.componentInstance;
     });
 
     it('should accept correct patterns', fakeAsync(() => {
diff --git a/src/test/javascript/spec/directive/delete-dialog.directive.spec.ts b/src/test/javascript/spec/directive/delete-dialog.directive.spec.ts
index b5875c35b14b..0dff699c89d7 100644
--- a/src/test/javascript/spec/directive/delete-dialog.directive.spec.ts
+++ b/src/test/javascript/spec/directive/delete-dialog.directive.spec.ts
@@ -3,21 +3,14 @@ import { TranslateService } from '@ngx-translate/core';
 import { Component, DebugElement } from '@angular/core';
 import { ArtemisTestModule } from '../test.module';
 import { By } from '@angular/platform-browser';
-import { JhiLanguageHelper } from 'app/core/language/language.helper';
-import { FormsModule } from '@angular/forms';
-import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
 import { DeleteButtonDirective } from 'app/shared/delete-dialog/delete-button.directive';
 import { DeleteDialogService } from 'app/shared/delete-dialog/delete-dialog.service';
-import { DeleteDialogComponent } from 'app/shared/delete-dialog/delete-dialog.component';
 import { ActionType } from 'app/shared/delete-dialog/delete-dialog.model';
-import { TranslatePipeMock } from '../helpers/mocks/service/mock-translate.service';
-import { AlertService } from 'app/core/util/alert.service';
-import { TranslateDirective } from 'app/shared/language/translate.directive';
-import { MockComponent, MockDirective } from 'ng-mocks';
 
 @Component({
     selector: 'jhi-test-component',
     template: '<button jhiDeleteButton [actionType]="actionType" entityTitle="title" deleteQuestion="question" deleteConfirmationText="text"></button>',
+    imports: [DeleteButtonDirective],
 })
 class TestComponent {
     actionType = ActionType.Delete;
@@ -33,9 +26,7 @@ describe('DeleteDialogDirective', () => {
 
     beforeEach(() =>
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, FormsModule, NgbModule],
-            declarations: [TestComponent, DeleteButtonDirective, MockComponent(DeleteDialogComponent), TranslatePipeMock, MockDirective(TranslateDirective)],
-            providers: [JhiLanguageHelper, AlertService],
+            imports: [ArtemisTestModule, TestComponent],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/directive/fit-text.directive.spec.ts b/src/test/javascript/spec/directive/fit-text.directive.spec.ts
index 5d462f8e9879..d3a0f7d6d4d0 100644
--- a/src/test/javascript/spec/directive/fit-text.directive.spec.ts
+++ b/src/test/javascript/spec/directive/fit-text.directive.spec.ts
@@ -1,6 +1,5 @@
 import { Component } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FitTextDirective } from 'app/exercises/quiz/shared/fit-text/fit-text.directive';
 
 @Component({
     template: ` <div style="align-content: center;">
@@ -15,9 +14,7 @@ describe('FitTextDirective', () => {
     let fixture: ComponentFixture<TestFitTextComponent>;
 
     beforeEach(() => {
-        TestBed.configureTestingModule({
-            declarations: [TestFitTextComponent, FitTextDirective],
-        });
+        TestBed.configureTestingModule({});
         fixture = TestBed.createComponent(TestFitTextComponent);
     });
 
diff --git a/src/test/javascript/spec/directive/orion-filter.directive.spec.ts b/src/test/javascript/spec/directive/orion-filter.directive.spec.ts
index f42e8968949a..2aeebdfa94c6 100644
--- a/src/test/javascript/spec/directive/orion-filter.directive.spec.ts
+++ b/src/test/javascript/spec/directive/orion-filter.directive.spec.ts
@@ -9,6 +9,7 @@ import { isOrion } from 'app/shared/orion/orion';
 @Component({
     selector: 'jhi-test-component',
     template: '<div id="shown" jhiOrionFilter [showInOrionWindow]="true"></div><div id="hidden" jhiOrionFilter [showInOrionWindow]="false"></div>',
+    imports: [OrionFilterDirective],
 })
 class TestComponent {}
 
@@ -17,11 +18,7 @@ describe('OrionFilterDirective', () => {
     let debugElement: DebugElement;
 
     beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [],
-            declarations: [TestComponent, OrionFilterDirective],
-            providers: [],
-        })
+        TestBed.configureTestingModule({})
             .compileComponents()
             .then(() => {
                 fixture = TestBed.createComponent(TestComponent);
diff --git a/src/test/javascript/spec/directive/posting.directive.spec.ts b/src/test/javascript/spec/directive/posting.directive.spec.ts
index 0591cf0ded17..da4884019d17 100644
--- a/src/test/javascript/spec/directive/posting.directive.spec.ts
+++ b/src/test/javascript/spec/directive/posting.directive.spec.ts
@@ -71,7 +71,6 @@ describe('PostingDirective', () => {
 
     beforeEach(async () => {
         await TestBed.configureTestingModule({
-            declarations: [TestPostingComponent],
             providers: [
                 provideHttpClient(),
                 provideHttpClientTesting(),
diff --git a/src/test/javascript/spec/directive/science.directive.spec.ts b/src/test/javascript/spec/directive/science.directive.spec.ts
index a086bb271dca..e9dc182492e7 100644
--- a/src/test/javascript/spec/directive/science.directive.spec.ts
+++ b/src/test/javascript/spec/directive/science.directive.spec.ts
@@ -10,6 +10,7 @@ import { LocalStorageService } from 'ngx-webstorage';
 
 @Component({
     template: '<div [jhiScience]="ScienceEventType.LECTURE__OPEN"></div>',
+    imports: [ScienceDirective],
 })
 class ScienceDirectiveComponent {
     protected readonly ScienceEventType = ScienceEventType;
@@ -23,7 +24,6 @@ describe('ScienceDirective', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [ScienceDirective, ScienceDirectiveComponent],
             providers: [{ provide: LocalStorageService, useClass: MockLocalStorageService }],
         })
             .compileComponents()
diff --git a/src/test/javascript/spec/directive/sidebar-card.directive.spec.ts b/src/test/javascript/spec/directive/sidebar-card.directive.spec.ts
index 6c47b36f7b9a..2c13b4a550da 100644
--- a/src/test/javascript/spec/directive/sidebar-card.directive.spec.ts
+++ b/src/test/javascript/spec/directive/sidebar-card.directive.spec.ts
@@ -10,7 +10,8 @@ import { SidebarCardMediumComponent } from 'app/shared/sidebar/sidebar-card-medi
 import { SidebarCardLargeComponent } from 'app/shared/sidebar/sidebar-card-large/sidebar-card-large.component';
 
 @Component({
-    template: `<div jhiSidebarCard [size]="size" [itemSelected]="false"></div>`,
+    template: ` <div jhiSidebarCard [size]="size" [itemSelected]="false"></div>`,
+    imports: [SidebarCardDirective],
 })
 class TestHostComponent {
     @ViewChild(SidebarCardDirective) directive: SidebarCardDirective;
diff --git a/src/test/javascript/spec/directive/sticky-popover.directive.spec.ts b/src/test/javascript/spec/directive/sticky-popover.directive.spec.ts
index fb62f9d6c7af..50c76294500e 100644
--- a/src/test/javascript/spec/directive/sticky-popover.directive.spec.ts
+++ b/src/test/javascript/spec/directive/sticky-popover.directive.spec.ts
@@ -6,6 +6,7 @@ import { StickyPopoverDirective } from 'app/shared/sticky-popover/sticky-popover
 
 @Component({
     template: '<div [jhiStickyPopover]="content" placement="right" triggers="manual"></div><ng-template #content><span>some content</span></ng-template>',
+    imports: [StickyPopoverDirective],
 })
 class StickyPopoverComponent {
     pattern: string;
@@ -19,8 +20,7 @@ describe('StickyPopoverDirective', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule],
-            declarations: [StickyPopoverDirective, StickyPopoverComponent],
+            imports: [ArtemisTestModule, StickyPopoverComponent],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/helpers/mocks/directive/mock-has-any-authority.directive.ts b/src/test/javascript/spec/helpers/mocks/directive/mock-has-any-authority.directive.ts
index 7a5540776a9b..c712b1b0d1cb 100644
--- a/src/test/javascript/spec/helpers/mocks/directive/mock-has-any-authority.directive.ts
+++ b/src/test/javascript/spec/helpers/mocks/directive/mock-has-any-authority.directive.ts
@@ -11,7 +11,7 @@ export class MockHasAnyAuthorityDirective {
     ) {}
 
     @Input()
-    set jhiHasAnyAuthority(value: string | string[]) {
+    set jhiHasAnyAuthority(_value: string | string[]) {
         this.updateView();
     }
 
diff --git a/src/test/javascript/spec/helpers/mocks/directive/mock-jhi-translate-directive.directive.ts b/src/test/javascript/spec/helpers/mocks/directive/mock-jhi-translate-directive.directive.ts
index 729726daf0e3..cdb29e170177 100644
--- a/src/test/javascript/spec/helpers/mocks/directive/mock-jhi-translate-directive.directive.ts
+++ b/src/test/javascript/spec/helpers/mocks/directive/mock-jhi-translate-directive.directive.ts
@@ -2,7 +2,6 @@ import { Directive, Input } from '@angular/core';
 
 @Directive({
     selector: '[jhiTranslate]',
-    standalone: true,
 })
 export class MockJhiTranslateDirective {
     @Input() jhiTranslate: string;
diff --git a/src/test/javascript/spec/helpers/mocks/directive/mock-router-link.directive.ts b/src/test/javascript/spec/helpers/mocks/directive/mock-router-link.directive.ts
index 306631dc30a3..b75d7baa77c3 100644
--- a/src/test/javascript/spec/helpers/mocks/directive/mock-router-link.directive.ts
+++ b/src/test/javascript/spec/helpers/mocks/directive/mock-router-link.directive.ts
@@ -2,7 +2,6 @@ import { Directive, HostListener, Input, Optional } from '@angular/core';
 import { Router } from '@angular/router';
 
 @Directive({
-    // eslint-disable-next-line @angular-eslint/directive-selector
     selector: '[routerLink]',
 })
 export class MockRouterLinkDirective {
@@ -17,7 +16,6 @@ export class MockRouterLinkDirective {
 }
 
 @Directive({
-    // eslint-disable-next-line @angular-eslint/directive-selector
     selector: '[routerLinkActiveOptions]',
 })
 export class MockRouterLinkActiveOptionsDirective {
@@ -25,7 +23,6 @@ export class MockRouterLinkActiveOptionsDirective {
 }
 
 @Directive({
-    // eslint-disable-next-line @angular-eslint/directive-selector
     selector: '[queryParams]',
 })
 export class MockQueryParamsDirective {
diff --git a/src/test/javascript/spec/helpers/mocks/directive/mock-translate-values.directive.ts b/src/test/javascript/spec/helpers/mocks/directive/mock-translate-values.directive.ts
index 41d1f5f5f891..79143047a1fa 100644
--- a/src/test/javascript/spec/helpers/mocks/directive/mock-translate-values.directive.ts
+++ b/src/test/javascript/spec/helpers/mocks/directive/mock-translate-values.directive.ts
@@ -1,6 +1,5 @@
 import { Directive, Input } from '@angular/core';
 
-// eslint-disable-next-line @angular-eslint/directive-selector
 @Directive({ selector: '[translateValues]' })
 export class MockTranslateValuesDirective {
     @Input('translateValues') data: any;
diff --git a/src/test/javascript/spec/helpers/mocks/directive/ngbAlertsMocks.module.ts b/src/test/javascript/spec/helpers/mocks/directive/ngbAlertsMocks.module.ts
index 9d792e31ebf1..32c640bfa9f7 100644
--- a/src/test/javascript/spec/helpers/mocks/directive/ngbAlertsMocks.module.ts
+++ b/src/test/javascript/spec/helpers/mocks/directive/ngbAlertsMocks.module.ts
@@ -1,7 +1,6 @@
 import { Component, EventEmitter, Input, NgModule, Output } from '@angular/core';
 
 @Component({
-    // eslint-disable-next-line @angular-eslint/component-selector
     selector: 'ngb-alert',
     exportAs: 'ngbAlert',
     template: '<ng-content />',
diff --git a/src/test/javascript/spec/helpers/mocks/directive/ngbCollapseMocks.module.ts b/src/test/javascript/spec/helpers/mocks/directive/ngbCollapseMocks.module.ts
index 96ef8be96f4b..47cccdd196f9 100644
--- a/src/test/javascript/spec/helpers/mocks/directive/ngbCollapseMocks.module.ts
+++ b/src/test/javascript/spec/helpers/mocks/directive/ngbCollapseMocks.module.ts
@@ -1,7 +1,6 @@
 import { Directive, EventEmitter, Input, NgModule, Output } from '@angular/core';
 
 @Directive({
-    // eslint-disable-next-line @angular-eslint/directive-selector
     selector: '[ngbCollapse]',
 })
 class NgbCollapseMockDirective {
@@ -22,7 +21,6 @@ class NgbCollapseMockDirective {
 }
 
 @NgModule({
-    declarations: [NgbCollapseMockDirective],
-    exports: [NgbCollapseMockDirective],
+    imports: [NgbCollapseMockDirective],
 })
 export class NgbCollapseMocksModule {}
diff --git a/src/test/javascript/spec/helpers/mocks/directive/ngbDropdownMocks.module.ts b/src/test/javascript/spec/helpers/mocks/directive/ngbDropdownMocks.module.ts
index f47e6e8e45b5..19249f20543f 100644
--- a/src/test/javascript/spec/helpers/mocks/directive/ngbDropdownMocks.module.ts
+++ b/src/test/javascript/spec/helpers/mocks/directive/ngbDropdownMocks.module.ts
@@ -1,7 +1,6 @@
 import { Directive, EventEmitter, Input, NgModule, Output } from '@angular/core';
 
 @Directive({
-    // eslint-disable-next-line @angular-eslint/directive-selector
     selector: '[ngbDropdownItem]',
 })
 class NgbDropdownItemMockDirective {
@@ -9,19 +8,16 @@ class NgbDropdownItemMockDirective {
 }
 
 @Directive({
-    // eslint-disable-next-line @angular-eslint/directive-selector
     selector: '[ngbDropdownMenu]',
 })
 class NgbDropdownMenuMockDirective {}
 
 @Directive({
-    // eslint-disable-next-line @angular-eslint/directive-selector
     selector: '[ngbDropdownToggle]',
 })
 class NgbDropdownToggleMockDirective {}
 
 @Directive({
-    // eslint-disable-next-line @angular-eslint/directive-selector
     selector: '[ngbDropdown]',
     exportAs: 'ngbDropdown',
 })
@@ -45,13 +41,12 @@ class NgbDropdownMockDirective {
 }
 
 @Directive({
-    // eslint-disable-next-line @angular-eslint/directive-selector
     selector: '[ngbDropdownAnchor]',
 })
 class NgbDropdownAnchorMockDirective {}
 
 @NgModule({
-    declarations: [NgbDropdownItemMockDirective, NgbDropdownMenuMockDirective, NgbDropdownToggleMockDirective, NgbDropdownMockDirective, NgbDropdownAnchorMockDirective],
     exports: [NgbDropdownItemMockDirective, NgbDropdownMenuMockDirective, NgbDropdownToggleMockDirective, NgbDropdownMockDirective, NgbDropdownAnchorMockDirective],
+    imports: [NgbDropdownItemMockDirective, NgbDropdownMenuMockDirective, NgbDropdownToggleMockDirective, NgbDropdownMockDirective, NgbDropdownAnchorMockDirective],
 })
 export class NgbDropdownMocksModule {}
diff --git a/src/test/javascript/spec/helpers/mocks/directive/ngbPaginationMocks.module.ts b/src/test/javascript/spec/helpers/mocks/directive/ngbPaginationMocks.module.ts
index 0eb04c2033a5..d4dc5cd47c2a 100644
--- a/src/test/javascript/spec/helpers/mocks/directive/ngbPaginationMocks.module.ts
+++ b/src/test/javascript/spec/helpers/mocks/directive/ngbPaginationMocks.module.ts
@@ -1,53 +1,40 @@
 import { Component, Directive, EventEmitter, Input, NgModule, Output } from '@angular/core';
 
-// eslint-disable-next-line @angular-eslint/directive-selector
 @Directive({ selector: 'ng-template[ngbPaginationLast]' })
 export class NgbPaginationLastMockDirective {}
-// eslint-disable-next-line @angular-eslint/directive-selector
+
 @Directive({ selector: 'ng-template[ngbPaginationNext]' })
 export class NgbPaginationNextMockDirective {}
 
-// eslint-disable-next-line @angular-eslint/directive-selector
 @Directive({ selector: 'ng-template[ngbPaginationNumber]' })
 export class NgbPaginationNumberMockDirective {}
 
-// eslint-disable-next-line @angular-eslint/directive-selector
 @Directive({ selector: 'ng-template[ngbPaginationPrevious]' })
 export class NgbPaginationPreviousMockDirective {}
 
-// eslint-disable-next-line @angular-eslint/directive-selector
 @Directive({ selector: 'ng-template[ngbPaginationPages]' })
 export class NgbPaginationPagesMockDirective {}
 
 @Component({
-    // eslint-disable-next-line @angular-eslint/component-selector
     selector: 'ngb-pagination',
     template: '',
 })
 export class NgbPaginationMockComponent {
     @Input() disabled: boolean;
-
     @Input() boundaryLinks: boolean;
-
     @Input() directionLinks: boolean;
     @Input() ellipses: boolean;
     @Input() rotate: boolean;
-
     @Input() collectionSize: number;
-
     @Input() maxSize: number;
-
     @Input() page = 1;
-
     @Input() pageSize: number;
-
     @Output() pageChange = new EventEmitter<number>(true);
-
     @Input() size: 'sm' | 'lg' | string | null;
 }
 
 @NgModule({
-    declarations: [
+    imports: [
         NgbPaginationMockComponent,
         NgbPaginationPagesMockDirective,
         NgbPaginationLastMockDirective,
diff --git a/src/test/javascript/spec/helpers/mocks/directive/ngbTooltipMocks.module.ts b/src/test/javascript/spec/helpers/mocks/directive/ngbTooltipMocks.module.ts
index 9b1be0c9f897..53a71c18bc03 100644
--- a/src/test/javascript/spec/helpers/mocks/directive/ngbTooltipMocks.module.ts
+++ b/src/test/javascript/spec/helpers/mocks/directive/ngbTooltipMocks.module.ts
@@ -1,7 +1,6 @@
 import { Component, Directive, EventEmitter, Input, NgModule, Output } from '@angular/core';
 
 @Component({
-    // eslint-disable-next-line @angular-eslint/component-selector
     selector: 'ngb-tooltip-window',
     template: ``,
 })
@@ -12,41 +11,29 @@ export class NgbTooltipWindowMockComponent {
 }
 
 @Directive({
-    // eslint-disable-next-line @angular-eslint/directive-selector
     selector: '[ngbTooltip]',
     exportAs: 'ngbTooltip',
 })
 export class NgbTooltipMockDirective {
     @Input() animation: boolean;
-
     @Input() autoClose: boolean | 'inside' | 'outside';
-
     @Input() placement: any;
-
     @Input() popperOptions: (options: Partial<any>) => Partial<any>;
-
     @Input() triggers: string;
-
     @Input() positionTarget?: string | HTMLElement;
-
     @Input() container: string;
-
     @Input() disableTooltip: boolean;
-
     @Input() tooltipClass: string;
-
     @Input() openDelay: number;
-
     @Input() closeDelay: number;
-    @Output() shown = new EventEmitter();
+    @Input() ngbTooltip: any;
 
+    @Output() shown = new EventEmitter();
     @Output() hidden = new EventEmitter();
-
-    @Input() ngbTooltip: any;
 }
 
 @NgModule({
-    declarations: [NgbTooltipMockDirective, NgbTooltipWindowMockComponent],
     exports: [NgbTooltipMockDirective, NgbTooltipWindowMockComponent],
+    imports: [NgbTooltipMockDirective, NgbTooltipWindowMockComponent],
 })
 export class NgbTooltipMocksModule {}
diff --git a/src/test/javascript/spec/helpers/mocks/service/mock-clipboard-item.ts b/src/test/javascript/spec/helpers/mocks/service/mock-clipboard-item.ts
index cd0715271129..36e72a69237a 100644
--- a/src/test/javascript/spec/helpers/mocks/service/mock-clipboard-item.ts
+++ b/src/test/javascript/spec/helpers/mocks/service/mock-clipboard-item.ts
@@ -4,4 +4,6 @@ export class MockClipboardItem {
     getType(_type: string): Promise<Blob> {
         return Promise.resolve(new Blob());
     }
+
+    presentationStyle: PresentationStyle;
 }
diff --git a/src/test/javascript/spec/helpers/mocks/service/mock-ngb-modal.service.ts b/src/test/javascript/spec/helpers/mocks/service/mock-ngb-modal.service.ts
index c70dfd40feb5..cd90e74f1e47 100644
--- a/src/test/javascript/spec/helpers/mocks/service/mock-ngb-modal.service.ts
+++ b/src/test/javascript/spec/helpers/mocks/service/mock-ngb-modal.service.ts
@@ -1,4 +1,4 @@
 export class MockNgbModalService {
-    open = (component: any, options: any) => ({ componentInstance: {}, result: { then: () => undefined } });
+    open = (component: any, options: any) => ({ componentInstance: {}, result: { then: () => undefined }, close: () => {} });
     hasOpenModals = () => false;
 }
diff --git a/src/test/javascript/spec/helpers/mocks/service/mock-translate.service.ts b/src/test/javascript/spec/helpers/mocks/service/mock-translate.service.ts
index 1eac6f6c9409..8c69a4f0480c 100644
--- a/src/test/javascript/spec/helpers/mocks/service/mock-translate.service.ts
+++ b/src/test/javascript/spec/helpers/mocks/service/mock-translate.service.ts
@@ -107,7 +107,7 @@ export class TranslateServiceStub {
 }
 
 @NgModule({
-    declarations: [TranslatePipeMock],
+    declarations: [],
     providers: [
         { provide: TranslateService, useClass: TranslateServiceStub },
         { provide: TranslatePipe, useClass: TranslatePipeMock },
@@ -117,6 +117,7 @@ export class TranslateServiceStub {
         TranslateModule.forRoot({
             loader: { provide: TranslateLoader, useClass: FakeLoader },
         }),
+        TranslatePipeMock,
     ],
     exports: [TranslatePipeMock, TranslateModule],
 })
diff --git a/src/test/javascript/spec/helpers/sample/problemStatement.json b/src/test/javascript/spec/helpers/sample/problemStatement.json
index 19a5eb5ac1b3..e863787c2d7d 100644
--- a/src/test/javascript/spec/helpers/sample/problemStatement.json
+++ b/src/test/javascript/spec/helpers/sample/problemStatement.json
@@ -7,8 +7,8 @@
     "problemStatementBothFailedRendered": "<ol>\n<li><span class=\"bold\"><span id=step-icon-0></span> Implement Bubble Sort</span>: <span class=\"text-danger bold\">artemisApp.editor.testStatusLabels.noResult</span><br>\nImplement the method <code>performSort(List&lt;Date&gt;)</code> in the class <code>BubbleSort</code>. Make sure to follow the Bubble Sort algorithm exactly.</li>\n<li><span class=\"bold\"><span id=step-icon-1></span> Implement Merge Sort</span>: <span class=\"text-danger bold\">artemisApp.editor.testStatusLabels.noResult</span><br>\nImplement the method <code>performSort(List&lt;Date&gt;)</code> in the class <code>MergeSort</code>. Make sure to follow the Merge Sort algorithm exactly.</li>\n</ol>\n",
     "problemStatementBothFailedHtml": "<ol>\n<li><span class=\"bold\"><span id=\"step-icon-0\"><fa-icon class=\"ng-fa-icon\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"times-circle\" class=\"svg-inline--fa fa-times-circle fa-w-16 fa-lg text-danger\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z\"></path></svg></fa-icon></span> Implement Bubble Sort</span>: <a data-tests=\"testBubbleSort\" class=\"test-status\"><span class=\"text-danger result\">artemisApp.editor.testStatusLabels.testFailing</span></a><br>\nImplement the method <code>performSort(List&lt;Date&gt;)</code> in the class <code>BubbleSort</code>. Make sure to follow the Bubble Sort algorithm exactly.</li>\n<li><span class=\"bold\"><span id=\"step-icon-1\"><fa-icon class=\"ng-fa-icon\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"check-circle\" class=\"svg-inline--fa fa-check-circle fa-w-16 fa-lg text-success\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z\"></path></svg></fa-icon></span> Implement Merge Sort</span>: <span class=\"text-success bold\">artemisApp.editor.testStatusLabels.testPassing</span><br>\nImplement the method <code>performSort(List&lt;Date&gt;)</code> in the class <code>MergeSort</code>. Make sure to follow the Merge Sort algorithm exactly.</li>\n</ol>\n",
     "problemStatementBubbleSortFailsRendered": "<ol>\n<li><span class=\"bold\"><span id=step-icon-0></span> Implement Bubble Sort</span>: <span class=\"text-danger bold\">artemisApp.editor.testStatusLabels.noResult</span><br>\nImplement the method <code>performSort(List&lt;Date&gt;)</code> in the class <code>BubbleSort</code>. Make sure to follow the Bubble Sort algorithm exactly.</li>\n<li><span class=\"bold\"><span id=step-icon-1></span> Implement Merge Sort</span>: <span class=\"text-danger bold\">artemisApp.editor.testStatusLabels.noResult</span><br>\nImplement the method <code>performSort(List&lt;Date&gt;)</code> in the class <code>MergeSort</code>. Make sure to follow the Merge Sort algorithm exactly.</li>\n</ol>\n",
-    "problemStatementBubbleSortNotExecutedHtml": "<ol>\n<li><div class=\"pe-3-task-0 d-flex\" ng-version=\"{{ANGULAR_VERSION}}\"><div class=\"guided-tour\"><!--container--><!--container--><fa-icon size=\"lg\" class=\"ng-fa-icon test-icon text-secondary\" ng-reflect-size=\"lg\" ng-reflect-icon=\"[object Object]\"><svg role=\"img\" aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"circle-dot\" class=\"svg-inline--fa fa-circle-dot fa-lg\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm256-96a96 96 0 1 1 0 192 96 96 0 1 1 0-192z\"></path></svg></fa-icon><!--container--><span class=\"task-name\">Implement Bubble Sort</span><!--container--><span class=\"guided-tour test-status--linked text-secondary\">artemisApp.editor.testStatusLabels.totalTestsPassing: [{\"totalTests\":1,\"passedTests\":0}]</span><!--container--><!--container--></div></div>\nImplement the method <code>performSort(List&lt;Date&gt;)</code> in the class <code>BubbleSort</code>. Make sure to follow the Bubble Sort algorithm exactly.</li>\n<li><div class=\"pe-3-task-1 d-flex\" ng-version=\"{{ANGULAR_VERSION}}\"><div class=\"guided-tour success\"><fa-icon size=\"lg\" class=\"ng-fa-icon test-icon text-success\" ng-reflect-size=\"lg\" ng-reflect-icon=\"[object Object]\"><svg role=\"img\" aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"circle-check\" class=\"svg-inline--fa fa-circle-check fa-lg\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-111 111-47-47c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l64 64c9.4 9.4 24.6 9.4 33.9 0L369 209z\"></path></svg></fa-icon><!--container--><!--container--><!--container--><span class=\"task-name\">Implement Merge Sort</span><!--container--><span class=\"guided-tour test-status--linked text-success\">artemisApp.editor.testStatusLabels.totalTestsPassing: [{\"totalTests\":1,\"passedTests\":1}]</span><!--container--><!--container--></div></div>\nImplement the method <code>performSort(List&lt;Date&gt;)</code> in the class <code>MergeSort</code>. Make sure to follow the Merge Sort algorithm exactly.</li>\n</ol>",
+    "problemStatementBubbleSortNotExecutedHtml": "<ol>\n<li><div class=\"pe-3-task-0 d-flex\" ng-version=\"{{ANGULAR_VERSION}}\"><div class=\"guided-tour\"><!--container--><!--container--><fa-icon size=\"lg\" class=\"ng-fa-icon test-icon text-secondary\" ng-reflect-size=\"lg\" ng-reflect-icon=\"[object Object]\"><svg role=\"img\" aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"circle-dot\" class=\"svg-inline--fa fa-circle-dot fa-lg\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm256-96a96 96 0 1 1 0 192 96 96 0 1 1 0-192z\"></path></svg></fa-icon><!--container--><span class=\"task-name\">Implement Bubble Sort</span><!--container--><span class=\"guided-tour test-status--linked text-secondary\">artemisApp.editor.testStatusLabels.totalTestsPassing</span><!--container--><!--container--></div></div>\nImplement the method <code>performSort(List&lt;Date&gt;)</code> in the class <code>BubbleSort</code>. Make sure to follow the Bubble Sort algorithm exactly.</li>\n<li><div class=\"pe-3-task-1 d-flex\" ng-version=\"{{ANGULAR_VERSION}}\"><div class=\"guided-tour success\"><fa-icon size=\"lg\" class=\"ng-fa-icon test-icon text-success\" ng-reflect-size=\"lg\" ng-reflect-icon=\"[object Object]\"><svg role=\"img\" aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"circle-check\" class=\"svg-inline--fa fa-circle-check fa-lg\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-111 111-47-47c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l64 64c9.4 9.4 24.6 9.4 33.9 0L369 209z\"></path></svg></fa-icon><!--container--><!--container--><!--container--><span class=\"task-name\">Implement Merge Sort</span><!--container--><span class=\"guided-tour test-status--linked text-success\">artemisApp.editor.testStatusLabels.totalTestsPassing</span><!--container--><!--container--></div></div>\nImplement the method <code>performSort(List&lt;Date&gt;)</code> in the class <code>MergeSort</code>. Make sure to follow the Merge Sort algorithm exactly.</li>\n</ol>",
     "problemStatementEmptySecondTask": "1. [task][Bubble Sort](<testid>1</testid>) \n Implement the method. \n 2. [task][Merge Sort]() \n Implement the method.",
-    "problemStatementEmptySecondTaskNotExecutedHtml": "<ol>\n<li><div class=\"pe-3-task-0 d-flex\" ng-version=\"{{ANGULAR_VERSION}}\"><div class=\"guided-tour success\"><fa-icon size=\"lg\" class=\"ng-fa-icon test-icon text-success\" ng-reflect-size=\"lg\" ng-reflect-icon=\"[object Object]\"><svg role=\"img\" aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"circle-check\" class=\"svg-inline--fa fa-circle-check fa-lg\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-111 111-47-47c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l64 64c9.4 9.4 24.6 9.4 33.9 0L369 209z\"></path></svg></fa-icon><!--container--><!--container--><!--container--><span class=\"task-name\">Bubble Sort</span><!--container--><span class=\"guided-tour test-status--linked text-success\">artemisApp.editor.testStatusLabels.totalTestsPassing: [{\"totalTests\":1,\"passedTests\":1}]</span><!--container--><!--container--></div></div>\nImplement the method.</li>\n<li><div class=\"pe-3-task-1 d-flex\" ng-version=\"{{ANGULAR_VERSION}}\"><div class=\"guided-tour\"><!--container--><!--container--><fa-icon size=\"lg\" class=\"ng-fa-icon test-icon text-secondary\" ng-reflect-size=\"lg\" ng-reflect-icon=\"[object Object]\"><svg role=\"img\" aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"circle-dot\" class=\"svg-inline--fa fa-circle-dot fa-lg\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm256-96a96 96 0 1 1 0 192 96 96 0 1 1 0-192z\"></path></svg></fa-icon><!--container--><span class=\"task-name\">Merge Sort</span><!--container--><!--container--><span class=\"text-secondary\">artemisApp.editor.testStatusLabels.noTests</span><!--container--></div></div>\nImplement the method.</li>\n</ol>",
+    "problemStatementEmptySecondTaskNotExecutedHtml": "<ol>\n<li><div class=\"pe-3-task-0 d-flex\" ng-version=\"{{ANGULAR_VERSION}}\"><div class=\"guided-tour success\"><fa-icon size=\"lg\" class=\"ng-fa-icon test-icon text-success\" ng-reflect-size=\"lg\" ng-reflect-icon=\"[object Object]\"><svg role=\"img\" aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"circle-check\" class=\"svg-inline--fa fa-circle-check fa-lg\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-111 111-47-47c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l64 64c9.4 9.4 24.6 9.4 33.9 0L369 209z\"></path></svg></fa-icon><!--container--><!--container--><!--container--><span class=\"task-name\">Bubble Sort</span><!--container--><span class=\"guided-tour test-status--linked text-success\">artemisApp.editor.testStatusLabels.totalTestsPassing</span><!--container--><!--container--></div></div>\nImplement the method.</li>\n<li><div class=\"pe-3-task-1 d-flex\" ng-version=\"{{ANGULAR_VERSION}}\"><div class=\"guided-tour\"><!--container--><!--container--><fa-icon size=\"lg\" class=\"ng-fa-icon test-icon text-secondary\" ng-reflect-size=\"lg\" ng-reflect-icon=\"[object Object]\"><svg role=\"img\" aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"circle-dot\" class=\"svg-inline--fa fa-circle-dot fa-lg\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm256-96a96 96 0 1 1 0 192 96 96 0 1 1 0-192z\"></path></svg></fa-icon><!--container--><span class=\"task-name\">Merge Sort</span><!--container--><!--container--><span class=\"text-secondary\">artemisApp.editor.testStatusLabels.noTests</span><!--container--></div></div>\nImplement the method.</li>\n</ol>",
     "problemStatementPlantUMLWithTest": "@startuml\nclass Policy {\n<color:testsColor(<testid>1</testid>)>+configure()</color>\n<color:testsColor(<testid>2</testid>)>+testWithParenthesis()</color>}\n@enduml"
 }
diff --git a/src/test/javascript/spec/integration/code-editor/code-editor-container.integration.spec.ts b/src/test/javascript/spec/integration/code-editor/code-editor-container.integration.spec.ts
index 5d02812f588b..f90fad7ce190 100644
--- a/src/test/javascript/spec/integration/code-editor/code-editor-container.integration.spec.ts
+++ b/src/test/javascript/spec/integration/code-editor/code-editor-container.integration.spec.ts
@@ -3,8 +3,6 @@ import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
 import dayjs from 'dayjs/esm';
 import { DebugElement } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
-import { NgModel } from '@angular/forms';
-import { NgbDropdown, NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
 import { BehaviorSubject, Subject, firstValueFrom, of } from 'rxjs';
 import { ArtemisTestModule } from '../../test.module';
 import { ParticipationWebsocketService } from 'app/overview/participation-websocket.service';
@@ -52,29 +50,11 @@ import { MockCodeEditorBuildLogService } from '../../helpers/mocks/service/mock-
 import { CodeEditorContainerComponent } from 'app/exercises/programming/shared/code-editor/container/code-editor-container.component';
 import { omit } from 'lodash-es';
 import { ProgrammingLanguage, ProjectType } from 'app/entities/programming/programming-exercise.model';
-import { CodeEditorGridComponent } from 'app/exercises/programming/shared/code-editor/layout/code-editor-grid.component';
-import { MockComponent, MockDirective, MockModule, MockPipe, MockProvider } from 'ng-mocks';
-import { CodeEditorActionsComponent } from 'app/exercises/programming/shared/code-editor/actions/code-editor-actions.component';
-import { CodeEditorFileBrowserComponent } from 'app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser.component';
-import { CodeEditorInstructionsComponent } from 'app/exercises/programming/shared/code-editor/instructions/code-editor-instructions.component';
-import { CodeEditorBuildOutputComponent } from 'app/exercises/programming/shared/code-editor/build-output/code-editor-build-output.component';
-import { KeysPipe } from 'app/shared/pipes/keys.pipe';
-import { FeatureToggleDirective } from 'app/shared/feature-toggle/feature-toggle.directive';
-import { FeatureToggleLinkDirective } from 'app/shared/feature-toggle/feature-toggle-link.directive';
-import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { CodeEditorFileBrowserCreateNodeComponent } from 'app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-create-node.component';
-import { CodeEditorStatusComponent } from 'app/exercises/programming/shared/code-editor/status/code-editor-status.component';
-import { CodeEditorFileBrowserFolderComponent } from 'app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-folder.component';
-import { CodeEditorFileBrowserFileComponent } from 'app/exercises/programming/shared/code-editor/file-browser/code-editor-file-browser-file.component';
-import { CodeEditorTutorAssessmentInlineFeedbackComponent } from 'app/exercises/programming/assess/code-editor-tutor-assessment-inline-feedback.component';
-import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
-import { TreeviewComponent } from 'app/exercises/programming/shared/code-editor/treeview/components/treeview/treeview.component';
-import { TreeviewItemComponent } from 'app/exercises/programming/shared/code-editor/treeview/components/treeview-item/treeview-item.component';
+import { MockComponent, MockProvider } from 'ng-mocks';
 import { CodeEditorHeaderComponent } from 'app/exercises/programming/shared/code-editor/header/code-editor-header.component';
 import { AlertService } from 'app/core/util/alert.service';
 import { MockResizeObserver } from '../../helpers/mocks/service/mock-resize-observer';
 import { CodeEditorMonacoComponent } from 'app/exercises/programming/shared/code-editor/monaco/code-editor-monaco.component';
-import { RequestFeedbackButtonComponent } from 'app/overview/exercise-details/request-feedback-button/request-feedback-button.component';
 import { MonacoEditorComponent } from '../../../../../main/webapp/app/shared/monaco-editor/monaco-editor.component';
 
 describe('CodeEditorContainerIntegration', () => {
@@ -101,29 +81,7 @@ describe('CodeEditorContainerIntegration', () => {
 
     beforeEach(async () => {
         await TestBed.configureTestingModule({
-            imports: [ArtemisTestModule, CodeEditorMonacoComponent, MockDirective(NgbDropdown), MockModule(NgbTooltipModule)],
-            declarations: [
-                CodeEditorContainerComponent,
-                MockComponent(CodeEditorGridComponent),
-                MockComponent(CodeEditorInstructionsComponent),
-                KeysPipe,
-                MockDirective(FeatureToggleDirective),
-                MockDirective(FeatureToggleLinkDirective),
-                MockDirective(NgModel),
-                MockPipe(ArtemisTranslatePipe),
-                CodeEditorActionsComponent,
-                CodeEditorFileBrowserComponent,
-                CodeEditorBuildOutputComponent,
-                MockComponent(CodeEditorFileBrowserCreateNodeComponent),
-                MockComponent(CodeEditorFileBrowserFolderComponent),
-                MockComponent(CodeEditorFileBrowserFileComponent),
-                MockComponent(CodeEditorStatusComponent),
-                TreeviewComponent,
-                TreeviewItemComponent,
-                MockPipe(ArtemisDatePipe),
-                MockComponent(CodeEditorTutorAssessmentInlineFeedbackComponent),
-                MockComponent(RequestFeedbackButtonComponent),
-            ],
+            imports: [ArtemisTestModule],
             providers: [
                 CodeEditorConflictStateService,
                 MockProvider(AlertService),
diff --git a/src/test/javascript/spec/integration/guided-tour/guided-tour.integration.spec.ts b/src/test/javascript/spec/integration/guided-tour/guided-tour.integration.spec.ts
index 07bb7bc471b9..d385dbb049b8 100644
--- a/src/test/javascript/spec/integration/guided-tour/guided-tour.integration.spec.ts
+++ b/src/test/javascript/spec/integration/guided-tour/guided-tour.integration.spec.ts
@@ -1,49 +1,22 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 import { of } from 'rxjs';
-import { TranslateService } from '@ngx-translate/core';
 import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
 import { ArtemisTestModule } from '../../test.module';
 import { GuidedTourService } from 'app/guided-tour/guided-tour.service';
 import { GuidedTourComponent } from 'app/guided-tour/guided-tour.component';
-import { MockAccountService } from '../../helpers/mocks/service/mock-account.service';
-import { AccountService } from 'app/core/auth/account.service';
 import { MockSyncStorage } from '../../helpers/mocks/service/mock-sync-storage.service';
 import { courseOverviewTour } from 'app/guided-tour/tours/course-overview-tour';
-import { CoursesComponent } from 'app/overview/courses.component';
-import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
 import { NavbarComponent } from 'app/shared/layouts/navbar/navbar.component';
-import { ActiveMenuDirective } from 'app/shared/layouts/navbar/active-menu.directive';
-import { NotificationSidebarComponent } from 'app/shared/notification/notification-sidebar/notification-sidebar.component';
-import { SystemNotificationComponent } from 'app/shared/notification/system-notification/system-notification.component';
-import { ThemeSwitchComponent } from 'app/core/theme/theme-switch.component';
 import { User } from 'app/core/user/user.model';
-import { MockHasAnyAuthorityDirective } from '../../helpers/mocks/directive/mock-has-any-authority.directive';
 import { CourseCardComponent } from 'app/overview/course-card.component';
-import { CourseCardHeaderComponent } from 'app/overview/course-card-header/course-card-header.component';
 import { Course } from 'app/entities/course.model';
 import { ARTEMIS_DEFAULT_COLOR } from 'app/app.constants';
 import { ExerciseService } from 'app/exercises/shared/exercise/exercise.service';
 import { FooterComponent } from 'app/shared/layouts/footer/footer.component';
-import { LoadingNotificationComponent } from 'app/shared/notification/loading-notification/loading-notification.component';
-import { MetisService } from 'app/shared/metis/metis.service';
-import { MockMetisService } from '../../helpers/mocks/service/mock-metis-service.service';
-import { MockComponent, MockDirective, MockModule, MockPipe } from 'ng-mocks';
+import { MockDirective } from 'ng-mocks';
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
-import { CourseExerciseRowComponent } from 'app/overview/course-exercises/course-exercise-row.component';
-import { CourseRegistrationComponent } from 'app/overview/course-registration/course-registration.component';
-import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
-import { SecuredImageComponent } from 'app/shared/image/secured-image.component';
-import { ArtemisTimeAgoPipe } from 'app/shared/pipes/artemis-time-ago.pipe';
-import { SafeResourceUrlPipe } from 'app/shared/pipes/safe-resource-url.pipe';
-import { TranslateDirective } from 'app/shared/language/translate.directive';
-import { FindLanguageFromKeyPipe } from 'app/shared/language/find-language-from-key.pipe';
-import { PieChartModule } from '@swimlane/ngx-charts';
-import { JhiConnectionWarningComponent } from 'app/shared/connection-warning/connection-warning.component';
-import { NgbCollapse, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
-import { NgbDropdownMocksModule } from '../../helpers/mocks/directive/ngbDropdownMocks.module';
-import { DocumentationButtonComponent } from 'app/shared/components/documentation-button/documentation-button.component';
-import { RouterModule } from '@angular/router';
+import { NgbCollapse } from '@ng-bootstrap/ng-bootstrap';
 
 describe('Guided tour integration', () => {
     const user = { id: 1 } as User;
@@ -58,85 +31,43 @@ describe('Guided tour integration', () => {
     let guidedTourService: GuidedTourService;
     let exerciseService: ExerciseService;
 
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [
-                ArtemisTestModule,
-                RouterModule.forRoot([
-                    {
-                        path: 'courses',
-                        component: MockComponent(CoursesComponent),
-                    },
-                ]),
-                MockModule(PieChartModule),
-                MockDirective(NgbTooltip),
-                MockDirective(NgbCollapse),
-                NgbDropdownMocksModule,
-            ],
-            declarations: [
-                CourseCardComponent,
-                GuidedTourComponent,
-                NavbarComponent,
-                FooterComponent,
-                NotificationSidebarComponent,
-                MockHasAnyAuthorityDirective,
-                MockComponent(CourseCardHeaderComponent),
-                MockComponent(CourseRegistrationComponent),
-                MockComponent(CourseExerciseRowComponent),
-                MockComponent(LoadingNotificationComponent),
-                MockComponent(CoursesComponent),
-                MockComponent(SecuredImageComponent),
-                MockComponent(SystemNotificationComponent),
-                // Component can not be mocked at the moment https://github.com/help-me-mom/ng-mocks/issues/8634
-                ThemeSwitchComponent,
-                MockComponent(DocumentationButtonComponent),
-                MockPipe(ArtemisTranslatePipe),
-                MockPipe(ArtemisDatePipe),
-                MockPipe(ArtemisTimeAgoPipe),
-                MockPipe(SafeResourceUrlPipe),
-                MockPipe(FindLanguageFromKeyPipe),
-                MockDirective(ActiveMenuDirective),
-                MockDirective(TranslateDirective),
-                MockComponent(JhiConnectionWarningComponent),
-            ],
+    beforeEach(async () => {
+        await TestBed.configureTestingModule({
+            imports: [ArtemisTestModule, MockDirective(NgbCollapse)],
+            declarations: [GuidedTourComponent],
             providers: [
-                { provide: AccountService, useClass: MockAccountService },
                 { provide: LocalStorageService, useClass: MockSyncStorage },
                 { provide: SessionStorageService, useClass: MockSyncStorage },
-                { provide: TranslateService, useClass: MockTranslateService },
-                { provide: MetisService, useClass: MockMetisService },
                 { provide: ArtemisTranslatePipe, useClass: ArtemisTranslatePipe },
             ],
-        })
-            .compileComponents()
-            .then(() => {
-                guidedTourComponentFixture = TestBed.createComponent(GuidedTourComponent);
-                courseCardComponentFixture = TestBed.createComponent(CourseCardComponent);
-                navBarComponentFixture = TestBed.createComponent(NavbarComponent);
-                footerComponentFixture = TestBed.createComponent(FooterComponent);
-
-                guidedTourComponent = guidedTourComponentFixture.componentInstance;
-                navBarComponent = navBarComponentFixture.componentInstance;
-                courseCardComponent = courseCardComponentFixture.componentInstance;
-
-                guidedTourService = TestBed.inject(GuidedTourService);
-                exerciseService = TestBed.inject(ExerciseService);
-
-                jest.spyOn(navBarComponentFixture.componentInstance, 'ngOnInit').mockImplementation(() => {
-                    navBarComponent.currAccount = user;
-                });
-
-                jest.spyOn<any, any>(guidedTourComponent, 'subscribeToDotChanges').mockReturnValue(of());
-                jest.spyOn(exerciseService, 'getNextExercisesForDays').mockReturnValue([]);
-                jest.spyOn(guidedTourService, 'init').mockImplementation();
-                jest.spyOn<any, any>(guidedTourService, 'updateGuidedTourSettings').mockReturnValue(of());
-                jest.spyOn<any, any>(guidedTourService, 'checkTourState').mockReturnValue(true);
-                jest.spyOn<any, any>(guidedTourService, 'checkSelectorValidity').mockReturnValue(true);
-                jest.spyOn<any, any>(guidedTourService, 'enableTour').mockImplementation(() => {
-                    guidedTourService['availableTourForComponent'] = courseOverviewTour;
-                    guidedTourService.currentTour = courseOverviewTour;
-                });
-            });
+        }).compileComponents();
+
+        guidedTourComponentFixture = TestBed.createComponent(GuidedTourComponent);
+        courseCardComponentFixture = TestBed.createComponent(CourseCardComponent);
+        navBarComponentFixture = TestBed.createComponent(NavbarComponent);
+        footerComponentFixture = TestBed.createComponent(FooterComponent);
+
+        guidedTourComponent = guidedTourComponentFixture.componentInstance;
+        navBarComponent = navBarComponentFixture.componentInstance;
+        courseCardComponent = courseCardComponentFixture.componentInstance;
+
+        guidedTourService = TestBed.inject(GuidedTourService);
+        exerciseService = TestBed.inject(ExerciseService);
+
+        jest.spyOn(navBarComponentFixture.componentInstance, 'ngOnInit').mockImplementation(() => {
+            navBarComponent.currAccount = user;
+        });
+
+        jest.spyOn<any, any>(guidedTourComponent, 'subscribeToDotChanges').mockReturnValue(of());
+        jest.spyOn(exerciseService, 'getNextExercisesForDays').mockReturnValue([]);
+        jest.spyOn(guidedTourService, 'init').mockImplementation();
+        jest.spyOn<any, any>(guidedTourService, 'updateGuidedTourSettings').mockReturnValue(of());
+        jest.spyOn<any, any>(guidedTourService, 'checkTourState').mockReturnValue(true);
+        jest.spyOn<any, any>(guidedTourService, 'checkSelectorValidity').mockReturnValue(true);
+        jest.spyOn<any, any>(guidedTourService, 'enableTour').mockImplementation(() => {
+            guidedTourService['availableTourForComponent'] = courseOverviewTour;
+            guidedTourService.currentTour = courseOverviewTour;
+        });
     });
 
     function startGuidedTour() {
@@ -147,6 +78,7 @@ describe('Guided tour integration', () => {
         guidedTourService['startTour']();
 
         guidedTourComponentFixture.detectChanges();
+        navBarComponentFixture.detectChanges();
         expect(guidedTourComponentFixture.debugElement.query(By.css('.tour-step'))).not.toBeNull();
     }
 
diff --git a/src/test/javascript/spec/interceptor/artemis-version.interceptor.spec.ts b/src/test/javascript/spec/interceptor/artemis-version.interceptor.spec.ts
index 50e9c54f2280..808d4818fafc 100644
--- a/src/test/javascript/spec/interceptor/artemis-version.interceptor.spec.ts
+++ b/src/test/javascript/spec/interceptor/artemis-version.interceptor.spec.ts
@@ -1,20 +1,17 @@
 import { EMPTY, Subject, of } from 'rxjs';
-import { ServerDateService } from 'app/shared/server-date.service';
-import { ArtemisVersionInterceptor } from 'app/core/interceptor/artemis-version.interceptor';
+import { ArtemisVersionInterceptor, WINDOW_INJECTOR_TOKEN } from 'app/core/interceptor/artemis-version.interceptor';
 import { AlertService, AlertType } from 'app/core/util/alert.service';
-import { MockService } from 'ng-mocks';
-import { MockArtemisServerDateService } from '../helpers/mocks/service/mock-server-date.service';
-import { discardPeriodicTasks, fakeAsync, tick } from '@angular/core/testing';
-import { HttpHeaders, HttpRequest, HttpResponse } from '@angular/common/http';
+import { TestBed, discardPeriodicTasks, fakeAsync, tick } from '@angular/core/testing';
+import { HttpHeaders, HttpRequest, HttpResponse, provideHttpClient } from '@angular/common/http';
+import { ARTEMIS_VERSION_HEADER, VERSION } from 'app/app.constants';
+import { TranslateService } from '@ngx-translate/core';
+import { MockTranslateService } from '../helpers/mocks/service/mock-translate.service';
 import { SwUpdate } from '@angular/service-worker';
+import { provideHttpClientTesting } from '@angular/common/http/testing';
 import { ApplicationRef } from '@angular/core';
-import { ARTEMIS_VERSION_HEADER, VERSION } from 'app/app.constants';
 
 describe(`ArtemisVersionInterceptor`, () => {
-    let appRef: ApplicationRef;
     let alertService: AlertService;
-    let serverDateService: ServerDateService;
-
     let swUpdate: any;
     let checkForUpdateSpy: any;
     let activateUpdateSpy: any;
@@ -38,9 +35,25 @@ describe(`ArtemisVersionInterceptor`, () => {
         checkForUpdateSpy = jest.spyOn(swUpdate, 'checkForUpdate');
         activateUpdateSpy = jest.spyOn(swUpdate, 'activateUpdate');
 
-        appRef = { isStable: of(true) } as any as ApplicationRef;
-        alertService = MockService(AlertService);
-        serverDateService = new MockArtemisServerDateService();
+        TestBed.configureTestingModule({
+            providers: [
+                ArtemisVersionInterceptor,
+                { provide: SwUpdate, useValue: swUpdate },
+                { provide: TranslateService, useClass: MockTranslateService },
+                provideHttpClient(),
+                provideHttpClientTesting(),
+                {
+                    provide: WINDOW_INJECTOR_TOKEN,
+                    useValue: {
+                        location: {
+                            reload: jest.fn(),
+                        },
+                    },
+                },
+            ],
+        });
+
+        alertService = TestBed.inject(AlertService);
     });
 
     afterEach(() => {
@@ -48,8 +61,7 @@ describe(`ArtemisVersionInterceptor`, () => {
     });
 
     it('should check for an update immediately and after 60 seconds again if app is stable', fakeAsync(() => {
-        new ArtemisVersionInterceptor(appRef, swUpdate as any as SwUpdate, serverDateService, alertService, {} as any as Window);
-
+        TestBed.inject(ArtemisVersionInterceptor);
         expect(checkForUpdateSpy).toHaveBeenCalledOnce();
         tick(60000);
         expect(checkForUpdateSpy).toHaveBeenCalledTimes(2);
@@ -57,9 +69,11 @@ describe(`ArtemisVersionInterceptor`, () => {
     }));
 
     it('should check for an update after 30s if app is not stable', fakeAsync(() => {
-        const sub = new Subject<boolean>();
-        new ArtemisVersionInterceptor({ isStable: sub.asObservable() } as any as ApplicationRef, swUpdate as any as SwUpdate, serverDateService, alertService, {} as any as Window);
-        sub.next(false);
+        const isStableSubject = new Subject<boolean>();
+        const appRef = TestBed.inject(ApplicationRef);
+        (appRef as any).isStable = isStableSubject.asObservable();
+        TestBed.inject(ArtemisVersionInterceptor);
+        isStableSubject.next(false);
         expect(checkForUpdateSpy).not.toHaveBeenCalled();
         tick(30000);
         expect(checkForUpdateSpy).toHaveBeenCalledOnce();
@@ -69,7 +83,8 @@ describe(`ArtemisVersionInterceptor`, () => {
     it('should show the update alert and have functional callback', fakeAsync(() => {
         const funMock = jest.fn();
         const addAlertSpy = jest.spyOn(alertService, 'addAlert').mockImplementation(funMock);
-        new ArtemisVersionInterceptor(appRef, swUpdate as any as SwUpdate, serverDateService, alertService, { location: { reload: jest.fn() } } as any as Window);
+        // TODO: mock the injected services in ArtemisVersionInterceptor
+        TestBed.inject(ArtemisVersionInterceptor);
         tick();
         expect(addAlertSpy).toHaveBeenCalledOnce();
         expect(funMock).toHaveBeenCalledOnce();
@@ -84,7 +99,7 @@ describe(`ArtemisVersionInterceptor`, () => {
     it('should tell the worker to look for updates in HTTP requests (only) if the version is not equal to current', fakeAsync(() => {
         const requestMock = new HttpRequest('GET', '/test');
 
-        const intercept = new ArtemisVersionInterceptor(appRef, swUpdate as any as SwUpdate, serverDateService, alertService, {} as any as Window);
+        const intercept = TestBed.inject(ArtemisVersionInterceptor);
         tick();
         expect(checkForUpdateSpy).toHaveBeenCalledOnce();
 
diff --git a/src/test/javascript/spec/interceptor/auth-expired.interceptor.spec.ts b/src/test/javascript/spec/interceptor/auth-expired.interceptor.spec.ts
index 1f4fad7d1cd2..0927e179f9a9 100644
--- a/src/test/javascript/spec/interceptor/auth-expired.interceptor.spec.ts
+++ b/src/test/javascript/spec/interceptor/auth-expired.interceptor.spec.ts
@@ -1,3 +1,4 @@
+import { TestBed } from '@angular/core/testing';
 import { HttpErrorResponse, HttpRequest } from '@angular/common/http';
 import { AuthExpiredInterceptor } from 'app/core/interceptor/auth-expired.interceptor';
 import { LoginService } from 'app/core/login/login.service';
@@ -5,8 +6,9 @@ import { AccountService } from 'app/core/auth/account.service';
 import { StateStorageService } from 'app/core/auth/state-storage.service';
 import { Router } from '@angular/router';
 import { throwError } from 'rxjs';
+import { ArtemisTestModule } from '../test.module';
 
-describe(`AuthExpiredInterceptor`, () => {
+describe('AuthExpiredInterceptor', () => {
     let authInterceptor: AuthExpiredInterceptor;
 
     let loginServiceMock: LoginService;
@@ -32,7 +34,18 @@ describe(`AuthExpiredInterceptor`, () => {
             isAuthenticated: jest.fn(),
         } as any as AccountService;
 
-        authInterceptor = new AuthExpiredInterceptor(loginServiceMock, stateStorageServiceMock, routerMock, accountServiceMock);
+        TestBed.configureTestingModule({
+            imports: [ArtemisTestModule],
+            providers: [
+                AuthExpiredInterceptor,
+                { provide: LoginService, useValue: loginServiceMock },
+                { provide: StateStorageService, useValue: stateStorageServiceMock },
+                { provide: AccountService, useValue: accountServiceMock },
+                { provide: Router, useValue: routerMock },
+            ],
+        });
+
+        authInterceptor = TestBed.inject(AuthExpiredInterceptor);
     });
 
     afterEach(() => {
diff --git a/src/test/javascript/spec/interceptor/browser-fingerprint.interceptor.spec.ts b/src/test/javascript/spec/interceptor/browser-fingerprint.interceptor.spec.ts
index fd14fafb8533..c0df481dbe5e 100644
--- a/src/test/javascript/spec/interceptor/browser-fingerprint.interceptor.spec.ts
+++ b/src/test/javascript/spec/interceptor/browser-fingerprint.interceptor.spec.ts
@@ -2,6 +2,7 @@ import { HttpRequest } from '@angular/common/http';
 import { BrowserFingerprintService } from 'app/shared/fingerprint/browser-fingerprint.service';
 import { BrowserFingerprintInterceptor } from 'app/core/interceptor/browser-fingerprint.interceptor.service';
 import { of } from 'rxjs';
+import { TestBed } from '@angular/core/testing';
 
 describe(`BrowserFingerprintInterceptor`, () => {
     let fingerprintInterceptor: BrowserFingerprintInterceptor;
@@ -14,8 +15,23 @@ describe(`BrowserFingerprintInterceptor`, () => {
         instanceIdentifier: of(instanceIdentifier),
     } as any as BrowserFingerprintService;
 
+    const falsyBrowserFingerPrintServiceMock = {
+        fingerprint: of(null),
+        instanceIdentifier: of(null),
+    } as any as BrowserFingerprintService;
+
     beforeEach(() => {
-        fingerprintInterceptor = new BrowserFingerprintInterceptor(browserFingerPrintServiceMock);
+        TestBed.configureTestingModule({
+            providers: [
+                BrowserFingerprintInterceptor,
+                {
+                    provide: BrowserFingerprintService,
+                    useValue: browserFingerPrintServiceMock,
+                },
+            ],
+        });
+
+        fingerprintInterceptor = TestBed.inject(BrowserFingerprintInterceptor);
     });
 
     afterEach(() => {
@@ -45,11 +61,20 @@ describe(`BrowserFingerprintInterceptor`, () => {
         testExpectedFingerprintAndInstanceID(fingerprint, instanceIdentifier);
     });
 
-    it('should not send headers if fingerprint service returnes falsy values', () => {
-        fingerprintInterceptor = new BrowserFingerprintInterceptor({
-            fingerprint: of(undefined),
-            instanceIdentifier: of(undefined),
-        } as any as BrowserFingerprintService);
+    it('should not send headers if fingerprint service returns falsy values', () => {
+        // We have to reset the full module to ensure that we use the falsy BrowserFingerprintService
+        TestBed.resetTestingModule();
+        TestBed.configureTestingModule({
+            providers: [
+                BrowserFingerprintInterceptor,
+                {
+                    provide: BrowserFingerprintService,
+                    useValue: falsyBrowserFingerPrintServiceMock,
+                },
+            ],
+        });
+
+        const otherFingerprintInterceptor = TestBed.inject(BrowserFingerprintInterceptor);
 
         const requestMock = new HttpRequest('GET', `test`);
         const cloneSpy = jest.spyOn(requestMock, 'clone');
@@ -57,7 +82,7 @@ describe(`BrowserFingerprintInterceptor`, () => {
             handle: jest.fn(),
         };
 
-        fingerprintInterceptor.intercept(requestMock, mockHandler);
+        otherFingerprintInterceptor.intercept(requestMock, mockHandler);
 
         expect(cloneSpy).not.toHaveBeenCalled();
         expect(mockHandler.handle).toHaveBeenCalledOnce();
diff --git a/src/test/javascript/spec/interceptor/errorhandler.interceptor.spec.ts b/src/test/javascript/spec/interceptor/errorhandler.interceptor.spec.ts
index 9d63a3d0b32e..86c76c6f30ea 100644
--- a/src/test/javascript/spec/interceptor/errorhandler.interceptor.spec.ts
+++ b/src/test/javascript/spec/interceptor/errorhandler.interceptor.spec.ts
@@ -1,3 +1,4 @@
+import { TestBed } from '@angular/core/testing';
 import { HttpErrorResponse, HttpRequest } from '@angular/common/http';
 import { throwError } from 'rxjs';
 import { ErrorHandlerInterceptor } from 'app/core/interceptor/errorhandler.interceptor';
@@ -18,7 +19,11 @@ describe(`ErrorHandlerInterceptor`, () => {
             isAuthenticated: jest.fn(),
         } as any as AccountService;
 
-        errorHandlerInterceptor = new ErrorHandlerInterceptor(eventManagerMock, accountServiceMock);
+        TestBed.configureTestingModule({
+            providers: [ErrorHandlerInterceptor, { provide: EventManager, useValue: eventManagerMock }, { provide: AccountService, useValue: accountServiceMock }],
+        });
+
+        errorHandlerInterceptor = TestBed.inject(ErrorHandlerInterceptor);
     });
 
     afterEach(() => {
diff --git a/src/test/javascript/spec/interceptor/notification.interceptor.spec.ts b/src/test/javascript/spec/interceptor/notification.interceptor.spec.ts
index c1951953ed8e..83732742557c 100644
--- a/src/test/javascript/spec/interceptor/notification.interceptor.spec.ts
+++ b/src/test/javascript/spec/interceptor/notification.interceptor.spec.ts
@@ -2,6 +2,7 @@ import { HttpHandler, HttpHeaders, HttpRequest, HttpResponse } from '@angular/co
 import { of } from 'rxjs';
 import { NotificationInterceptor } from 'app/core/interceptor/notification.interceptor';
 import { AlertService } from 'app/core/util/alert.service';
+import { TestBed } from '@angular/core/testing';
 
 describe(`NotificationInterceptor`, () => {
     let notificationInterceptor: NotificationInterceptor;
@@ -13,7 +14,11 @@ describe(`NotificationInterceptor`, () => {
             success: jest.fn(),
         } as any as AlertService;
 
-        notificationInterceptor = new NotificationInterceptor(alertServiceMock);
+        TestBed.configureTestingModule({
+            providers: [NotificationInterceptor, { provide: AlertService, useValue: alertServiceMock }],
+        });
+
+        notificationInterceptor = TestBed.inject(NotificationInterceptor);
     });
 
     afterEach(() => {
diff --git a/src/test/javascript/spec/pipe/artemis-date.pipe.spec.ts b/src/test/javascript/spec/pipe/artemis-date.pipe.spec.ts
index 82452456e3ee..64b23c5f1327 100644
--- a/src/test/javascript/spec/pipe/artemis-date.pipe.spec.ts
+++ b/src/test/javascript/spec/pipe/artemis-date.pipe.spec.ts
@@ -2,7 +2,7 @@ import { TestBed } from '@angular/core/testing';
 import { TranslateService } from '@ngx-translate/core';
 import dayjs from 'dayjs/esm';
 import { ArtemisDatePipe } from 'app/shared/pipes/artemis-date.pipe';
-import { MockTranslateService } from '../helpers/mocks/service/mock-translate.service';
+import { ArtemisTestModule } from '../test.module';
 
 const GERMAN_SHORT_DATE_FORMAT = 'DD. MMM. YYYY';
 
@@ -13,13 +13,13 @@ describe('ArtemisDatePipe', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            declarations: [ArtemisDatePipe],
-            providers: [{ provide: TranslateService, useClass: MockTranslateService }],
+            imports: [ArtemisTestModule],
+            providers: [ArtemisDatePipe],
         })
             .compileComponents()
             .then(() => {
                 translateService = TestBed.inject(TranslateService);
-                pipe = new ArtemisDatePipe(translateService);
+                pipe = TestBed.inject(ArtemisDatePipe);
             });
     });
 
diff --git a/src/test/javascript/spec/pipe/artemis-time-ago.pipe.spec.ts b/src/test/javascript/spec/pipe/artemis-time-ago.pipe.spec.ts
index 60a26821d6ea..c03ac5088c80 100644
--- a/src/test/javascript/spec/pipe/artemis-time-ago.pipe.spec.ts
+++ b/src/test/javascript/spec/pipe/artemis-time-ago.pipe.spec.ts
@@ -1,29 +1,23 @@
-import { MockTranslateService } from '../helpers/mocks/service/mock-translate.service';
 import { ArtemisTimeAgoPipe } from 'app/shared/pipes/artemis-time-ago.pipe';
 import { TestBed, fakeAsync, tick } from '@angular/core/testing';
 import { TranslateService } from '@ngx-translate/core';
-import { ChangeDetectorRef, NgZone } from '@angular/core';
+import { ChangeDetectorRef } from '@angular/core';
 import dayjs from 'dayjs/esm';
+import { ArtemisTestModule } from '../test.module';
 
 describe('ArtemisTimeAgoPipe', () => {
     let pipe: ArtemisTimeAgoPipe;
     let translateService: TranslateService;
-    let cdRef: ChangeDetectorRef;
+    const cdRef = { markForCheck: jest.fn() } as any as ChangeDetectorRef;
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            declarations: [ArtemisTimeAgoPipe],
-            providers: [{ provide: TranslateService, useClass: MockTranslateService }],
-        })
-            .compileComponents()
-            .then(() => {
-                cdRef = { markForCheck: jest.fn() } as any as ChangeDetectorRef;
-
-                translateService = TestBed.inject(TranslateService);
-                translateService.use('en');
-                const ngZone = TestBed.inject(NgZone);
-                pipe = new ArtemisTimeAgoPipe(cdRef, ngZone, translateService);
-            });
+            imports: [ArtemisTestModule],
+            providers: [ArtemisTimeAgoPipe, { provide: ChangeDetectorRef, useValue: cdRef }],
+        }).compileComponents();
+        translateService = TestBed.inject(TranslateService);
+        translateService.use('en');
+        pipe = TestBed.inject(ArtemisTimeAgoPipe);
     });
 
     it.each([
diff --git a/src/test/javascript/spec/pipe/reacting-users-on-posting.pipe.spec.ts b/src/test/javascript/spec/pipe/reacting-users-on-posting.pipe.spec.ts
index 5bafc94be616..4df7525fd089 100644
--- a/src/test/javascript/spec/pipe/reacting-users-on-posting.pipe.spec.ts
+++ b/src/test/javascript/spec/pipe/reacting-users-on-posting.pipe.spec.ts
@@ -15,12 +15,12 @@ describe('ReactingUsersOnPostingsPipe', () => {
     beforeEach(async () => {
         await TestBed.configureTestingModule({
             imports: [MockPipe(HtmlForPostingMarkdownPipe)],
-            providers: [{ provide: TranslateService, useClass: MockTranslateService }],
+            providers: [ReactingUsersOnPostingPipe, { provide: TranslateService, useClass: MockTranslateService }],
         })
             .compileComponents()
             .then(() => {
                 translateService = TestBed.inject(TranslateService);
-                reactingUsersPipe = new ReactingUsersOnPostingPipe(translateService);
+                reactingUsersPipe = TestBed.inject(ReactingUsersOnPostingPipe);
                 updateReactingUsersStringSpy = jest.spyOn(reactingUsersPipe as any, 'updateReactingUsersString');
             });
     });
diff --git a/src/test/javascript/spec/service/delete-dialog.service.spec.ts b/src/test/javascript/spec/service/delete-dialog.service.spec.ts
index 5b67027146b4..4dd91e6e4399 100644
--- a/src/test/javascript/spec/service/delete-dialog.service.spec.ts
+++ b/src/test/javascript/spec/service/delete-dialog.service.spec.ts
@@ -7,7 +7,6 @@ import { Observable } from 'rxjs';
 import { TranslateService } from '@ngx-translate/core';
 import { MockTranslateService } from '../helpers/mocks/service/mock-translate.service';
 import { DeleteDialogComponent } from 'app/shared/delete-dialog/delete-dialog.component';
-import { MockComponent } from 'ng-mocks';
 import { ButtonType } from 'app/shared/components/button.component';
 
 describe('Delete Dialog Service', () => {
@@ -18,7 +17,6 @@ describe('Delete Dialog Service', () => {
         TestBed.configureTestingModule({
             imports: [],
             providers: [DeleteDialogService, { provide: TranslateService, useClass: MockTranslateService }],
-            declarations: [MockComponent(DeleteDialogComponent)],
         });
         service = TestBed.inject(DeleteDialogService);
         modalService = TestBed.inject(NgbModal);
diff --git a/src/test/javascript/spec/service/feedback/feedback-item-service.spec.ts b/src/test/javascript/spec/service/feedback/feedback-item-service.spec.ts
index 0e2a40dbc1c9..e4e36464a48a 100644
--- a/src/test/javascript/spec/service/feedback/feedback-item-service.spec.ts
+++ b/src/test/javascript/spec/service/feedback/feedback-item-service.spec.ts
@@ -4,13 +4,20 @@ import { Feedback } from 'app/entities/feedback.model';
 import { FeedbackItem } from 'app/exercises/shared/feedback/item/feedback-item';
 import { FeedbackGroup, isFeedbackGroup } from 'app/exercises/shared/feedback/group/feedback-group';
 import { FeedbackNode } from 'app/exercises/shared/feedback/node/feedback-node';
+import { TestBed } from '@angular/core/testing';
+import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
 
 describe('FeedbackItemService', () => {
     let service: FeedbackItemServiceImpl;
 
     beforeEach(() => {
-        const fake = { instant: (key: string) => key };
-        service = new FeedbackItemServiceImpl(fake as TranslateService);
+        TestBed.configureTestingModule({
+            providers: [{ provide: TranslateService, useClass: MockTranslateService }],
+        })
+            .compileComponents()
+            .then(() => {
+                service = TestBed.inject(FeedbackItemServiceImpl);
+            });
     });
 
     it('should create generic feedback item', () => {
diff --git a/src/test/javascript/spec/service/feedback/programming-feedback-item.service.spec.ts b/src/test/javascript/spec/service/feedback/programming-feedback-item.service.spec.ts
index 89c6a7755334..313b1c580941 100644
--- a/src/test/javascript/spec/service/feedback/programming-feedback-item.service.spec.ts
+++ b/src/test/javascript/spec/service/feedback/programming-feedback-item.service.spec.ts
@@ -5,14 +5,21 @@ import { Feedback, FeedbackType, STATIC_CODE_ANALYSIS_FEEDBACK_IDENTIFIER, SUBMI
 import { TranslateService } from '@ngx-translate/core';
 import { FeedbackItem } from 'app/exercises/shared/feedback/item/feedback-item';
 import { GradingInstruction } from 'app/exercises/shared/structured-grading-criterion/grading-instruction.model';
+import { TestBed } from '@angular/core/testing';
+import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
 
 describe('ProgrammingFeedbackItemService', () => {
     let service: ProgrammingFeedbackItemService;
     const exercise = new ProgrammingExercise(undefined, undefined);
 
     beforeEach(() => {
-        const fake = { instant: (key: string) => key };
-        service = new ProgrammingFeedbackItemService(fake as TranslateService);
+        TestBed.configureTestingModule({
+            providers: [{ provide: TranslateService, useClass: MockTranslateService }],
+        })
+            .compileComponents()
+            .then(() => {
+                service = TestBed.inject(ProgrammingFeedbackItemService);
+            });
     });
 
     it('should create submission policy feedback item', () => {
diff --git a/src/test/javascript/spec/service/metis/metis.service.spec.ts b/src/test/javascript/spec/service/metis/metis.service.spec.ts
index 0e738ebfac68..021abff70aca 100644
--- a/src/test/javascript/spec/service/metis/metis.service.spec.ts
+++ b/src/test/javascript/spec/service/metis/metis.service.spec.ts
@@ -48,6 +48,7 @@ import { NotificationService } from 'app/shared/notification/notification.servic
 import { MockNotificationService } from '../../helpers/mocks/service/mock-notification.service';
 import { SavedPostService } from 'app/shared/metis/saved-post.service';
 import { SavedPostStatus } from 'app/entities/metis/posting.model';
+import 'jest-extended';
 
 describe('Metis Service', () => {
     let metisService: MetisService;
diff --git a/src/test/javascript/spec/service/notification.service.spec.ts b/src/test/javascript/spec/service/notification.service.spec.ts
index 8ad4713b1a11..2814844440db 100644
--- a/src/test/javascript/spec/service/notification.service.spec.ts
+++ b/src/test/javascript/spec/service/notification.service.spec.ts
@@ -30,7 +30,7 @@ import { MockMetisService } from '../helpers/mocks/service/mock-metis-service.se
 import { TutorialGroup } from 'app/entities/tutorial-group/tutorial-group.model';
 import { OneToOneChat } from 'app/entities/metis/conversation/one-to-one-chat.model';
 import { GroupChat } from 'app/entities/metis/conversation/group-chat.model';
-import { MockPipe, MockProvider } from 'ng-mocks';
+import { MockProvider } from 'ng-mocks';
 import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { ChangeDetectorRef } from '@angular/core';
 import { MetisPostDTO } from 'app/entities/metis/metis-post-dto.model';
@@ -156,7 +156,6 @@ describe('Notification Service', () => {
     beforeEach(() => {
         TestBed.configureTestingModule({
             imports: [TranslateTestingModule],
-            declarations: [MockPipe(ArtemisTranslatePipe)],
             providers: [
                 provideRouter([]),
                 provideHttpClient(),
diff --git a/src/test/javascript/spec/service/orion/orion-connector.service.spec.ts b/src/test/javascript/spec/service/orion/orion-connector.service.spec.ts
index 5a5f05943019..1cb70d68ed62 100644
--- a/src/test/javascript/spec/service/orion/orion-connector.service.spec.ts
+++ b/src/test/javascript/spec/service/orion/orion-connector.service.spec.ts
@@ -57,10 +57,6 @@ describe('OrionConnectorService', () => {
         OrionConnectorService.initConnector(serviceUnderTest);
     });
 
-    it('should return router', () => {
-        expect(serviceUnderTest.router).toBe(router);
-    });
-
     it('should forward login', () => {
         serviceUnderTest.login('name', 'pwd');
 
diff --git a/src/test/javascript/spec/service/programming-exercise-instruction-analysis.service.spec.ts b/src/test/javascript/spec/service/programming-exercise-instruction-analysis.service.spec.ts
index 602a4da69214..84ede6959604 100644
--- a/src/test/javascript/spec/service/programming-exercise-instruction-analysis.service.spec.ts
+++ b/src/test/javascript/spec/service/programming-exercise-instruction-analysis.service.spec.ts
@@ -1,7 +1,8 @@
-import { problemStatement } from '../helpers/sample/problemStatement.json';
-import { problemStatementRepeatedTestCases } from '../helpers/sample/problemStatement.json';
+import { TestBed } from '@angular/core/testing';
+import { problemStatement, problemStatementRepeatedTestCases } from '../helpers/sample/problemStatement.json';
 import { MockTranslateService } from '../helpers/mocks/service/mock-translate.service';
 import { ProgrammingExerciseInstructionAnalysisService } from 'app/exercises/programming/manage/instructions-editor/analysis/programming-exercise-instruction-analysis.service';
+import { TranslateService } from '@ngx-translate/core';
 
 describe('ProgrammingExerciseInstructionAnalysisService', () => {
     const taskRegex = /\[task\](.*)/g;
@@ -9,8 +10,11 @@ describe('ProgrammingExerciseInstructionAnalysisService', () => {
     let analysisService: ProgrammingExerciseInstructionAnalysisService;
 
     beforeEach(() => {
-        // @ts-ignore
-        analysisService = new ProgrammingExerciseInstructionAnalysisService(new MockTranslateService());
+        TestBed.configureTestingModule({
+            providers: [ProgrammingExerciseInstructionAnalysisService, { provide: TranslateService, useClass: MockTranslateService }],
+        });
+
+        analysisService = TestBed.inject(ProgrammingExerciseInstructionAnalysisService);
     });
 
     it('should analyse problem statement without any issues correctly', () => {
diff --git a/src/test/javascript/spec/service/science.service.spec.ts b/src/test/javascript/spec/service/science.service.spec.ts
index 71a7573a2797..a89398bcbaf3 100644
--- a/src/test/javascript/spec/service/science.service.spec.ts
+++ b/src/test/javascript/spec/service/science.service.spec.ts
@@ -4,7 +4,6 @@ import { HttpClient } from '@angular/common/http';
 import { TestBed } from '@angular/core/testing';
 import { ScienceService } from 'app/shared/science/science.service';
 import { ScienceEventDTO, ScienceEventType } from 'app/shared/science/science.model';
-import { ScienceSettingsService } from 'app/shared/user-settings/science-settings/science-settings.service';
 import { AccountService } from 'app/core/auth/account.service';
 import { MockAccountService } from '../helpers/mocks/service/mock-account.service';
 import { LocalStorageService } from 'ngx-webstorage';
@@ -14,9 +13,7 @@ import { MockFeatureToggleService } from '../helpers/mocks/service/mock-feature-
 import { of } from 'rxjs';
 
 describe('ScienceService', () => {
-    let scienceSettingService: ScienceSettingsService;
     let scienceService: ScienceService;
-    let accountService: AccountService;
     let httpService: HttpClient;
     let featureToggleService: FeatureToggleService;
     let putStub: jest.SpyInstance;
@@ -36,9 +33,7 @@ describe('ScienceService', () => {
                 httpService = TestBed.inject(HttpClient);
                 featureToggleService = TestBed.inject(FeatureToggleService);
                 jest.spyOn(featureToggleService, 'getFeatureToggleActive').mockReturnValue(of(true));
-                scienceSettingService = TestBed.inject(ScienceSettingsService);
-                accountService = TestBed.inject(AccountService);
-                scienceService = new ScienceService(httpService, featureToggleService, scienceSettingService, accountService);
+                scienceService = TestBed.inject(ScienceService);
                 putStub = jest.spyOn(httpService, 'put');
             });
     });
diff --git a/src/test/javascript/spec/service/task-count-warning.component.spec.ts b/src/test/javascript/spec/service/task-count-warning.component.spec.ts
index d91878f673a5..bb72cb4dd929 100644
--- a/src/test/javascript/spec/service/task-count-warning.component.spec.ts
+++ b/src/test/javascript/spec/service/task-count-warning.component.spec.ts
@@ -9,7 +9,6 @@ describe('TaskCountWarningComponent', () => {
     beforeEach(async () => {
         await TestBed.configureTestingModule({
             imports: [ArtemisTestModule],
-            declarations: [TaskCountWarningComponent],
         }).compileComponents();
 
         fixture = TestBed.createComponent(TaskCountWarningComponent);
diff --git a/src/test/javascript/spec/service/theme.service.spec.ts b/src/test/javascript/spec/service/theme.service.spec.ts
index 3ff8f86499ba..358afb1aea36 100644
--- a/src/test/javascript/spec/service/theme.service.spec.ts
+++ b/src/test/javascript/spec/service/theme.service.spec.ts
@@ -57,6 +57,7 @@ describe('ThemeService', () => {
 
     afterEach(() => {
         jest.restoreAllMocks();
+        documentGetElementMock.mockRestore();
         windowMatchMediaSpy.mockRestore();
     });
 
@@ -149,10 +150,11 @@ describe('ThemeService', () => {
         const initialDisplayClass = 'someDisplayClass';
 
         const winSpy = jest.spyOn(window, 'print').mockImplementation();
-        const returnedElement = { rel: 'stylesheet', style: { display: initialDisplayClass } };
+        const returnedElement = { rel: 'stylesheet', style: { display: initialDisplayClass }, remove: jest.fn() };
         const docSpy = jest.spyOn(document, 'getElementById').mockReturnValue(returnedElement as any as HTMLElement);
 
         service.print();
+        TestBed.flushEffects();
 
         expect(docSpy).toHaveBeenCalledTimes(2);
         expect(docSpy).toHaveBeenCalledWith(THEME_OVERRIDE_ID);
diff --git a/src/test/javascript/spec/service/user-route-access.service.spec.ts b/src/test/javascript/spec/service/user-route-access.service.spec.ts
index 5c8f583c7075..4d6bcd4203a4 100644
--- a/src/test/javascript/spec/service/user-route-access.service.spec.ts
+++ b/src/test/javascript/spec/service/user-route-access.service.spec.ts
@@ -8,7 +8,6 @@ import { MockSyncStorage } from '../helpers/mocks/service/mock-sync-storage.serv
 import { LocalStorageService, SessionStorageService } from 'ngx-webstorage';
 import { AccountService } from 'app/core/auth/account.service';
 import { MockAccountService } from '../helpers/mocks/service/mock-account.service';
-import { provideHttpClientTesting } from '@angular/common/http/testing';
 import { Mutable } from '../helpers/mutable';
 import { mockedActivatedRouteSnapshot } from '../helpers/mocks/activated-route/mock-activated-route-snapshot';
 import { CourseExerciseDetailsComponent } from 'app/overview/exercise-details/course-exercise-details.component';
@@ -16,7 +15,6 @@ import { Authority } from 'app/shared/constants/authority.constants';
 import { StateStorageService } from 'app/core/auth/state-storage.service';
 import { MockProvider } from 'ng-mocks';
 import { AlertService } from 'app/core/util/alert.service';
-import { provideHttpClient } from '@angular/common/http';
 
 describe('UserRouteAccessService', () => {
     const routeStateMock: any = { snapshot: {}, url: '/courses/20/exercises/4512' };
@@ -46,10 +44,7 @@ describe('UserRouteAccessService', () => {
                     },
                 ]),
             ],
-            declarations: [CourseExerciseDetailsComponent],
             providers: [
-                provideHttpClient(),
-                provideHttpClientTesting(),
                 mockedActivatedRouteSnapshot(route),
                 { provide: AccountService, useClass: MockAccountService },
                 { provide: LocalStorageService, useClass: MockSyncStorage },
diff --git a/src/test/javascript/spec/test.module.ts b/src/test/javascript/spec/test.module.ts
index 66a0cfab9693..f8fba5c1a9d6 100644
--- a/src/test/javascript/spec/test.module.ts
+++ b/src/test/javascript/spec/test.module.ts
@@ -23,7 +23,6 @@ import { provideHttpClient } from '@angular/common/http';
 import { provideHttpClientTesting } from '@angular/common/http/testing';
 
 @NgModule({
-    imports: [],
     providers: [
         DatePipe,
         ParseLinks,
diff --git a/src/test/javascript/spec/util/shared/sort-by.directive.spec.ts b/src/test/javascript/spec/util/shared/sort-by.directive.spec.ts
index 2e7904ec5bec..ed8adc7d2772 100644
--- a/src/test/javascript/spec/util/shared/sort-by.directive.spec.ts
+++ b/src/test/javascript/spec/util/shared/sort-by.directive.spec.ts
@@ -5,17 +5,22 @@ import { faSort, faSortDown, faSortUp } from '@fortawesome/free-solid-svg-icons'
 import { SortDirective } from 'app/shared/sort/sort.directive';
 import { SortByDirective } from 'app/shared/sort/sort-by.directive';
 import { ArtemisTestModule } from '../../test.module';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 
 @Component({
     template: `
         <table>
             <thead>
                 <tr jhiSort [(predicate)]="predicate" [(ascending)]="ascending" (sortChange)="transition($event)">
-                    <th jhiSortBy="name">ID<fa-icon [icon]="faSort" /></th>
+                    <th jhiSortBy="name">
+                        ID
+                        <fa-icon [icon]="faSort" />
+                    </th>
                 </tr>
             </thead>
         </table>
     `,
+    imports: [SortDirective, SortByDirective, FaIconComponent],
 })
 class TestSortByDirectiveComponent {
     predicate?: string;
@@ -31,8 +36,7 @@ describe('Directive: SortByDirective', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [ArtemisTestModule],
-            declarations: [TestSortByDirectiveComponent, SortDirective, SortByDirective],
+            imports: [ArtemisTestModule, TestSortByDirectiveComponent],
         })
             .compileComponents()
             .then(() => {
diff --git a/src/test/javascript/spec/util/shared/sort.directive.spec.ts b/src/test/javascript/spec/util/shared/sort.directive.spec.ts
index f2f5aaac70ee..03e27026ed22 100644
--- a/src/test/javascript/spec/util/shared/sort.directive.spec.ts
+++ b/src/test/javascript/spec/util/shared/sort.directive.spec.ts
@@ -11,6 +11,7 @@ import { SortDirective } from 'app/shared/sort/sort.directive';
             </thead>
         </table>
     `,
+    imports: [SortDirective],
 })
 class TestSortDirectiveComponent {
     predicate?: string;
@@ -24,9 +25,7 @@ describe('Directive: SortDirective', () => {
     let tableRow: DebugElement;
 
     beforeEach(() => {
-        TestBed.configureTestingModule({
-            declarations: [TestSortDirectiveComponent, SortDirective],
-        })
+        TestBed.configureTestingModule({})
             .compileComponents()
             .then(() => {
                 fixture = TestBed.createComponent(TestSortDirectiveComponent);
diff --git a/src/test/javascript/spec/util/shared/translate.directive.spec.ts b/src/test/javascript/spec/util/shared/translate.directive.spec.ts
index c40004dc7410..d58b6dcdf280 100644
--- a/src/test/javascript/spec/util/shared/translate.directive.spec.ts
+++ b/src/test/javascript/spec/util/shared/translate.directive.spec.ts
@@ -1,34 +1,34 @@
 import { Component } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { TranslateModule, TranslateService } from '@ngx-translate/core';
+import { TranslateService } from '@ngx-translate/core';
 import { TranslateDirective } from 'app/shared/language/translate.directive';
+import { MockTranslateService } from '../../helpers/mocks/service/mock-translate.service';
 
 @Component({
     template: '<div jhiTranslate="test"></div>',
+    imports: [TranslateDirective],
 })
 class TestTranslateDirectiveComponent {}
 
 describe('TranslateDirective', () => {
     let fixture: ComponentFixture<TestTranslateDirectiveComponent>;
     let translateService: TranslateService;
+    let spy: jest.SpyInstance;
 
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [TranslateModule.forRoot(), TranslateDirective],
-            declarations: [TestTranslateDirectiveComponent],
-        })
-            .compileComponents()
-            .then(() => {
-                translateService = TestBed.inject(TranslateService);
-                fixture = TestBed.createComponent(TestTranslateDirectiveComponent);
-            });
+    beforeEach(async () => {
+        await TestBed.configureTestingModule({
+            imports: [TestTranslateDirectiveComponent],
+            providers: [{ provide: TranslateService, useClass: MockTranslateService }],
+        }).compileComponents();
+
+        translateService = TestBed.inject(TranslateService);
+        spy = jest.spyOn(translateService, 'get');
+        fixture = TestBed.createComponent(TestTranslateDirectiveComponent);
     });
 
     it('should change HTML', () => {
-        const spy = jest.spyOn(translateService, 'get');
-
         fixture.detectChanges();
 
-        expect(spy).toHaveBeenCalledOnce();
+        expect(spy).toHaveBeenCalledWith('test', undefined);
     });
 });
diff --git a/src/test/javascript/vitest/main.component.spec.ts b/src/test/javascript/vitest/main.component.spec.ts
index ead43e7ec9fe..4268bcb9042d 100644
--- a/src/test/javascript/vitest/main.component.spec.ts
+++ b/src/test/javascript/vitest/main.component.spec.ts
@@ -1,6 +1,6 @@
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 import { render } from '@testing-library/angular';
-import { JhiMainComponent } from 'app/shared/layouts/main/main.component';
+import { AppComponent } from '../../../main/webapp/app/app.component';
 import { AlertOverlayComponent } from 'app/shared/alert/alert-overlay.component';
 import { PageRibbonComponent } from 'app/shared/layouts/profiles/page-ribbon.component';
 import { NotificationPopupComponent } from 'app/shared/notification/notification-popup/notification-popup.component';
@@ -20,12 +20,12 @@ class MockThemeService {
 }
 
 describe('JhiMainComponent', () => {
-    let component: JhiMainComponent;
-    let componentFixture: ComponentFixture<JhiMainComponent>;
+    let component: AppComponent;
+    let componentFixture: ComponentFixture<AppComponent>;
     let container: Element;
 
     beforeEach(async () => {
-        const { fixture, container: renderedContainer } = await render(JhiMainComponent, {
+        const { fixture, container: renderedContainer } = await render(AppComponent, {
             imports: [ArtemisTestModule],
             declarations: [AlertOverlayComponent, PageRibbonComponent, NotificationPopupComponent],
             providers: [
diff --git a/tsconfig.json b/tsconfig.json
index 8dcb8e56932a..2125057fea96 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -7,7 +7,6 @@
         "esModuleInterop": true,
         "sourceMap": true,
         "emitDecoratorMetadata": true,
-        "downlevelIteration": true,
         "declaration": false,
         "experimentalDecorators": true,
         "removeComments": true,
@@ -18,17 +17,15 @@
         "strictNullChecks": true,
         "resolveJsonModule": true,
         "skipLibCheck": true,
-        "allowSyntheticDefaultImports": true,
         "outDir": "build/resources/main/static/app",
         "forceConsistentCasingInFileNames": true,
-        "lib": ["es2022", "dom"],
+        "lib": ["es2023", "dom"],
         "typeRoots": ["node_modules/@types"],
         "baseUrl": "./",
         "paths": {
             "app/*": ["src/main/webapp/app/*"]
         },
-        "importHelpers": true,
-        "ignoreDeprecations": "5.0"
+        "importHelpers": true
     },
     "angularCompilerOptions": {
         "genDir": "build/resources/main/aot",

From bc59d9f2dc69ada24231bd34e2663fd4dbf2245c Mon Sep 17 00:00:00 2001
From: Stephan Krusche <krusche@tum.de>
Date: Mon, 13 Jan 2025 22:53:35 +0100
Subject: [PATCH 13/16] Development: Bump version to 7.9.0 (minor update)

---
 README.md         | 2 +-
 build.gradle      | 2 +-
 package-lock.json | 4 ++--
 package.json      | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index d2dc95b1d5e9..55452d6ff241 100644
--- a/README.md
+++ b/README.md
@@ -193,7 +193,7 @@ Refer to [Using JHipster in production](http://www.jhipster.tech/production) for
 The following command can automate the deployment to a server. The example shows the deployment to the main Artemis test server (which runs a virtual machine):
 
 ```shell
-./artemis-server-cli deploy username@artemis-test0.artemis.in.tum.de -w build/libs/Artemis-7.8.3.war
+./artemis-server-cli deploy username@artemis-test0.artemis.in.tum.de -w build/libs/Artemis-7.9.0.war
 ```
 
 ## Architecture
diff --git a/build.gradle b/build.gradle
index 7d3099e888c4..b26bf64d85c2 100644
--- a/build.gradle
+++ b/build.gradle
@@ -25,7 +25,7 @@ plugins {
 }
 
 group = "de.tum.cit.aet.artemis"
-version = "7.8.3"
+version = "7.9.0"
 description = "Interactive Learning with Individual Feedback"
 
 java {
diff --git a/package-lock.json b/package-lock.json
index 6ee54f8eef54..ca9ee476cb41 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
     "name": "artemis",
-    "version": "7.8.3",
+    "version": "7.9.0",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "artemis",
-            "version": "7.8.3",
+            "version": "7.9.0",
             "hasInstallScript": true,
             "license": "MIT",
             "dependencies": {
diff --git a/package.json b/package.json
index 0fa24135ef47..1d8986ae4bf6 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "artemis",
-    "version": "7.8.3",
+    "version": "7.9.0",
     "description": "Interactive Learning with Individual Feedback",
     "private": true,
     "license": "MIT",

From e0cda16ba3888d767c5e8d5368e93c9ccc53a838 Mon Sep 17 00:00:00 2001
From: Stephan Krusche <krusche@tum.de>
Date: Mon, 13 Jan 2025 23:21:09 +0100
Subject: [PATCH 14/16] Development: Update client dependencies

---
 package-lock.json | 367 ++++++++++++++++++++++++----------------------
 package.json      |  22 +--
 2 files changed, 196 insertions(+), 193 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index ca9ee476cb41..b8b7f9353b94 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -100,16 +100,16 @@
                 "@types/jest": "29.5.14",
                 "@types/lodash-es": "4.17.12",
                 "@types/markdown-it": "14.1.2",
-                "@types/node": "22.10.5",
+                "@types/node": "22.10.6",
                 "@types/papaparse": "5.3.15",
                 "@types/smoothscroll-polyfill": "0.3.4",
                 "@types/sockjs-client": "1.5.4",
                 "@types/turndown": "5.0.5",
                 "@types/uuid": "10.0.0",
-                "@typescript-eslint/eslint-plugin": "8.19.1",
-                "@typescript-eslint/parser": "8.19.1",
+                "@typescript-eslint/eslint-plugin": "8.20.0",
+                "@typescript-eslint/parser": "8.20.0",
                 "eslint": "9.18.0",
-                "eslint-config-prettier": "9.1.0",
+                "eslint-config-prettier": "10.0.1",
                 "eslint-plugin-deprecation": "3.0.0",
                 "eslint-plugin-jest": "28.10.0",
                 "eslint-plugin-jest-extended": "2.4.0",
@@ -132,7 +132,7 @@
                 "sass": "1.83.1",
                 "ts-jest": "29.2.5",
                 "typescript": "5.6.3",
-                "typescript-eslint": "8.19.1",
+                "typescript-eslint": "8.20.0",
                 "vite-tsconfig-paths": "5.1.4",
                 "vitest": "2.1.8",
                 "weak-napi": "2.0.2"
@@ -1077,9 +1077,9 @@
             }
         },
         "node_modules/@babel/compat-data": {
-            "version": "7.26.3",
-            "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.26.3.tgz",
-            "integrity": "sha512-nHIxvKPniQXpmQLb0vhY3VaFb3S0YrTAwpOWJZh1wn3oJPjJk9Asva204PsBdmAE8vpzfHudT8DB0scYvy9q0g==",
+            "version": "7.26.5",
+            "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.26.5.tgz",
+            "integrity": "sha512-XvcZi1KWf88RVbF9wn8MN6tYFloU5qX8KjuF3E1PVBmJ9eypXfs4GRiJwLuTZL0iSnJUKn1BFPa5BPZZJyFzPg==",
             "license": "MIT",
             "engines": {
                 "node": ">=6.9.0"
@@ -1150,12 +1150,12 @@
             }
         },
         "node_modules/@babel/helper-compilation-targets": {
-            "version": "7.25.9",
-            "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.25.9.tgz",
-            "integrity": "sha512-j9Db8Suy6yV/VHa4qzrj9yZfZxhLWQdVnRlXxmKLYlhWUVB1sB2G5sxuWYXk/whHD9iW76PmNzxZ4UCnTQTVEQ==",
+            "version": "7.26.5",
+            "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.26.5.tgz",
+            "integrity": "sha512-IXuyn5EkouFJscIDuFF5EsiSolseme1s0CZB+QxVugqJLYmKdxI1VfIBOst0SUu4rnk2Z7kqTwmoO1lp3HIfnA==",
             "license": "MIT",
             "dependencies": {
-                "@babel/compat-data": "^7.25.9",
+                "@babel/compat-data": "^7.26.5",
                 "@babel/helper-validator-option": "^7.25.9",
                 "browserslist": "^4.24.0",
                 "lru-cache": "^5.1.1",
@@ -1285,9 +1285,9 @@
             }
         },
         "node_modules/@babel/helper-plugin-utils": {
-            "version": "7.25.9",
-            "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.25.9.tgz",
-            "integrity": "sha512-kSMlyUVdWe25rEsRGviIgOWnoT/nfABVWlqt9N19/dIPWViAOW2s9wznP5tURbs/IDuNk4gPy3YdYRgH3uxhBw==",
+            "version": "7.26.5",
+            "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.26.5.tgz",
+            "integrity": "sha512-RS+jZcRdZdRFzMyr+wcsaqOmld1/EqTghfaBGQQd/WnRdzdlvSZ//kF7U8VQTxf1ynZ4cjUcYgjVGx13ewNPMg==",
             "license": "MIT",
             "engines": {
                 "node": ">=6.9.0"
@@ -1313,16 +1313,16 @@
             }
         },
         "node_modules/@babel/helper-replace-supers": {
-            "version": "7.25.9",
-            "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.25.9.tgz",
-            "integrity": "sha512-IiDqTOTBQy0sWyeXyGSC5TBJpGFXBkRynjBeXsvbhQFKj2viwJC76Epz35YLU1fpe/Am6Vppb7W7zM4fPQzLsQ==",
+            "version": "7.26.5",
+            "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.26.5.tgz",
+            "integrity": "sha512-bJ6iIVdYX1YooY2X7w1q6VITt+LnUILtNk7zT78ykuwStx8BauCzxvFqFaHjOpW1bVnSUM1PN1f0p5P21wHxvg==",
             "dev": true,
             "license": "MIT",
             "peer": true,
             "dependencies": {
                 "@babel/helper-member-expression-to-functions": "^7.25.9",
                 "@babel/helper-optimise-call-expression": "^7.25.9",
-                "@babel/traverse": "^7.25.9"
+                "@babel/traverse": "^7.26.5"
             },
             "engines": {
                 "node": ">=6.9.0"
@@ -1416,12 +1416,12 @@
             }
         },
         "node_modules/@babel/parser": {
-            "version": "7.26.3",
-            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.3.tgz",
-            "integrity": "sha512-WJ/CvmY8Mea8iDXo6a7RK2wbmJITT5fN3BEkRuFlxVyNx8jOKIIhmC4fSkTcPcf8JyavbBwIe6OpiCOBXt/IcA==",
+            "version": "7.26.5",
+            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.5.tgz",
+            "integrity": "sha512-SRJ4jYmXRqV1/Xc+TIVG84WjHBXKlxO9sHQnA2Pf12QQEAp1LOh6kDzNHXcUnbH1QI0FDoPPVOt+vyUDucxpaw==",
             "license": "MIT",
             "dependencies": {
-                "@babel/types": "^7.26.3"
+                "@babel/types": "^7.26.5"
             },
             "bin": {
                 "parser": "bin/babel-parser.js"
@@ -1862,14 +1862,14 @@
             }
         },
         "node_modules/@babel/plugin-transform-block-scoped-functions": {
-            "version": "7.25.9",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.25.9.tgz",
-            "integrity": "sha512-toHc9fzab0ZfenFpsyYinOX0J/5dgJVA2fm64xPewu7CoYHWEivIWKxkK2rMi4r3yQqLnVmheMXRdG+k239CgA==",
+            "version": "7.26.5",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.26.5.tgz",
+            "integrity": "sha512-chuTSY+hq09+/f5lMj8ZSYgCFpppV2CbYrhNFJ1BFoXpiWPnnAb7R0MqrafCpN8E1+YRrtM1MXZHJdIx8B6rMQ==",
             "dev": true,
             "license": "MIT",
             "peer": true,
             "dependencies": {
-                "@babel/helper-plugin-utils": "^7.25.9"
+                "@babel/helper-plugin-utils": "^7.26.5"
             },
             "engines": {
                 "node": ">=6.9.0"
@@ -2307,14 +2307,14 @@
             }
         },
         "node_modules/@babel/plugin-transform-nullish-coalescing-operator": {
-            "version": "7.25.9",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.25.9.tgz",
-            "integrity": "sha512-ENfftpLZw5EItALAD4WsY/KUWvhUlZndm5GC7G3evUsVeSJB6p0pBeLQUnRnBCBx7zV0RKQjR9kCuwrsIrjWog==",
+            "version": "7.26.6",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.26.6.tgz",
+            "integrity": "sha512-CKW8Vu+uUZneQCPtXmSBUC6NCAUdya26hWCElAWh5mVSlSRsmiCPUUDKb3Z0szng1hiAJa098Hkhg9o4SE35Qw==",
             "dev": true,
             "license": "MIT",
             "peer": true,
             "dependencies": {
-                "@babel/helper-plugin-utils": "^7.25.9"
+                "@babel/helper-plugin-utils": "^7.26.5"
             },
             "engines": {
                 "node": ">=6.9.0"
@@ -2843,16 +2843,16 @@
             }
         },
         "node_modules/@babel/traverse": {
-            "version": "7.26.4",
-            "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.26.4.tgz",
-            "integrity": "sha512-fH+b7Y4p3yqvApJALCPJcwb0/XaOSgtK4pzV6WVjPR5GLFQBRI7pfoX2V2iM48NXvX07NUxxm1Vw98YjqTcU5w==",
+            "version": "7.26.5",
+            "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.26.5.tgz",
+            "integrity": "sha512-rkOSPOw+AXbgtwUga3U4u8RpoK9FEFWBNAlTpcnkLFjL5CT+oyHNuUUC/xx6XefEJ16r38r8Bc/lfp6rYuHeJQ==",
             "license": "MIT",
             "dependencies": {
                 "@babel/code-frame": "^7.26.2",
-                "@babel/generator": "^7.26.3",
-                "@babel/parser": "^7.26.3",
+                "@babel/generator": "^7.26.5",
+                "@babel/parser": "^7.26.5",
                 "@babel/template": "^7.25.9",
-                "@babel/types": "^7.26.3",
+                "@babel/types": "^7.26.5",
                 "debug": "^4.3.1",
                 "globals": "^11.1.0"
             },
@@ -2861,13 +2861,13 @@
             }
         },
         "node_modules/@babel/traverse/node_modules/@babel/generator": {
-            "version": "7.26.3",
-            "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.3.tgz",
-            "integrity": "sha512-6FF/urZvD0sTeO7k6/B15pMLC4CHUv1426lzr3N01aHJTl046uCAh9LXW/fzeXXjPNCJ6iABW5XaWOsIZB93aQ==",
+            "version": "7.26.5",
+            "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.5.tgz",
+            "integrity": "sha512-2caSP6fN9I7HOe6nqhtft7V4g7/V/gfDsC3Ag4W7kEzzvRGKqiv0pu0HogPiZ3KaVSoNDhUws6IJjDjpfmYIXw==",
             "license": "MIT",
             "dependencies": {
-                "@babel/parser": "^7.26.3",
-                "@babel/types": "^7.26.3",
+                "@babel/parser": "^7.26.5",
+                "@babel/types": "^7.26.5",
                 "@jridgewell/gen-mapping": "^0.3.5",
                 "@jridgewell/trace-mapping": "^0.3.25",
                 "jsesc": "^3.0.2"
@@ -2877,9 +2877,9 @@
             }
         },
         "node_modules/@babel/types": {
-            "version": "7.26.3",
-            "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.3.tgz",
-            "integrity": "sha512-vN5p+1kl59GVKMvTHt55NzzmYVxprfJD+ql7U9NFIfKCBkYE55LYtS+WtPlaYOyzydrKI8Nezd+aZextrd+FMA==",
+            "version": "7.26.5",
+            "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.5.tgz",
+            "integrity": "sha512-L6mZmwFDK6Cjh1nRCLXpa6no13ZIioJDz7mdkzHv399pThrTa/k0nUlNaenOeh2kWu/iaOQYElEpKPUswUa9Vg==",
             "license": "MIT",
             "dependencies": {
                 "@babel/helper-string-parser": "^7.25.9",
@@ -3891,13 +3891,13 @@
             }
         },
         "node_modules/@inquirer/checkbox": {
-            "version": "4.0.4",
-            "resolved": "https://registry.npmjs.org/@inquirer/checkbox/-/checkbox-4.0.4.tgz",
-            "integrity": "sha512-fYAKCAcGNMdfjL6hZTRUwkIByQ8EIZCXKrIQZH7XjADnN/xvRUhj8UdBbpC4zoUzvChhkSC/zRKaP/tDs3dZpg==",
+            "version": "4.0.5",
+            "resolved": "https://registry.npmjs.org/@inquirer/checkbox/-/checkbox-4.0.5.tgz",
+            "integrity": "sha512-H//QP3E8Vy0oYX5lw6WSFnOTiRUNm4+LYRby1/1r6y3doRurnqekAj4pJoUbdL5ESEgLqJFJ5HhNDWTp5Qyz5A==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@inquirer/core": "^10.1.2",
+                "@inquirer/core": "^10.1.3",
                 "@inquirer/figures": "^1.0.9",
                 "@inquirer/type": "^3.0.2",
                 "ansi-escapes": "^4.3.2",
@@ -3928,9 +3928,9 @@
             }
         },
         "node_modules/@inquirer/core": {
-            "version": "10.1.2",
-            "resolved": "https://registry.npmjs.org/@inquirer/core/-/core-10.1.2.tgz",
-            "integrity": "sha512-bHd96F3ezHg1mf/J0Rb4CV8ndCN0v28kUlrHqP7+ECm1C/A+paB7Xh2lbMk6x+kweQC+rZOxM/YeKikzxco8bQ==",
+            "version": "10.1.3",
+            "resolved": "https://registry.npmjs.org/@inquirer/core/-/core-10.1.3.tgz",
+            "integrity": "sha512-+7/dCYwDku2xfcWJWX6Urxb8aRz6d0K+4lRgIBM08ktE84dm++RPROgnVfWq4hLK5FVu/O4rbO9HnJtaz3pt2w==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3949,13 +3949,13 @@
             }
         },
         "node_modules/@inquirer/editor": {
-            "version": "4.2.1",
-            "resolved": "https://registry.npmjs.org/@inquirer/editor/-/editor-4.2.1.tgz",
-            "integrity": "sha512-xn9aDaiP6nFa432i68JCaL302FyL6y/6EG97nAtfIPnWZ+mWPgCMLGc4XZ2QQMsZtu9q3Jd5AzBPjXh10aX9kA==",
+            "version": "4.2.2",
+            "resolved": "https://registry.npmjs.org/@inquirer/editor/-/editor-4.2.2.tgz",
+            "integrity": "sha512-BPLJsWxLO6r47wU2qtGG+akQuoSCotDlOu8GTIkJVxJpNNVYnA60xKHkSGbEAALO+D3DFeRXE0JFvFJ53sVbjA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@inquirer/core": "^10.1.2",
+                "@inquirer/core": "^10.1.3",
                 "@inquirer/type": "^3.0.2",
                 "external-editor": "^3.1.0"
             },
@@ -3967,13 +3967,13 @@
             }
         },
         "node_modules/@inquirer/expand": {
-            "version": "4.0.4",
-            "resolved": "https://registry.npmjs.org/@inquirer/expand/-/expand-4.0.4.tgz",
-            "integrity": "sha512-GYocr+BPyxKPxQ4UZyNMqZFSGKScSUc0Vk17II3J+0bDcgGsQm0KYQNooN1Q5iBfXsy3x/VWmHGh20QnzsaHwg==",
+            "version": "4.0.5",
+            "resolved": "https://registry.npmjs.org/@inquirer/expand/-/expand-4.0.5.tgz",
+            "integrity": "sha512-Ff3CqHmc8MuUu9A0LKgftzIdp+D5k/kTYHGmjY7iouO37OuP6Np4UqL0clkjQ2UHph7ORwvi0RMfSNnH3PF0PQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@inquirer/core": "^10.1.2",
+                "@inquirer/core": "^10.1.3",
                 "@inquirer/type": "^3.0.2",
                 "yoctocolors-cjs": "^2.1.2"
             },
@@ -3995,13 +3995,13 @@
             }
         },
         "node_modules/@inquirer/input": {
-            "version": "4.1.1",
-            "resolved": "https://registry.npmjs.org/@inquirer/input/-/input-4.1.1.tgz",
-            "integrity": "sha512-nAXAHQndZcXB+7CyjIW3XuQZZHbQQ0q8LX6miY6bqAWwDzNa9JUioDBYrFmOUNIsuF08o1WT/m2gbBXvBhYVxg==",
+            "version": "4.1.2",
+            "resolved": "https://registry.npmjs.org/@inquirer/input/-/input-4.1.2.tgz",
+            "integrity": "sha512-YnnskI/AX92KVU6gjNxdeLNqdJPBEOkL3I6EzZjfByKskjZtJuAX1CBev8AAHJsLaB3X9JCQoB/ag2dyzRPdSg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@inquirer/core": "^10.1.2",
+                "@inquirer/core": "^10.1.3",
                 "@inquirer/type": "^3.0.2"
             },
             "engines": {
@@ -4012,13 +4012,13 @@
             }
         },
         "node_modules/@inquirer/number": {
-            "version": "3.0.4",
-            "resolved": "https://registry.npmjs.org/@inquirer/number/-/number-3.0.4.tgz",
-            "integrity": "sha512-DX7a6IXRPU0j8kr2ovf+QaaDiIf+zEKaZVzCWdLOTk7XigqSXvoh4cul7x68xp54WTQrgSnW7P1WBJDbyY3GhA==",
+            "version": "3.0.5",
+            "resolved": "https://registry.npmjs.org/@inquirer/number/-/number-3.0.5.tgz",
+            "integrity": "sha512-O/gcUwhS0TzBdBszYues3B4PTwyOLo51RctvXPRGtDfwIftuTTdPnm3K7oiK2OC2CDc7eG4UNa+QtdLlaJxIOA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@inquirer/core": "^10.1.2",
+                "@inquirer/core": "^10.1.3",
                 "@inquirer/type": "^3.0.2"
             },
             "engines": {
@@ -4029,13 +4029,13 @@
             }
         },
         "node_modules/@inquirer/password": {
-            "version": "4.0.4",
-            "resolved": "https://registry.npmjs.org/@inquirer/password/-/password-4.0.4.tgz",
-            "integrity": "sha512-wiliQOWdjM8FnBmdIHtQV2Ca3S1+tMBUerhyjkRCv1g+4jSvEweGu9GCcvVEgKDhTBT15nrxvk5/bVrGUqSs1w==",
+            "version": "4.0.5",
+            "resolved": "https://registry.npmjs.org/@inquirer/password/-/password-4.0.5.tgz",
+            "integrity": "sha512-/Undb8fTDSo6LX79OtAsdaaW08x6Xx9zr4z9Xd1VV/N4kDnJ9fWyUHJ287V0XTqMYgH/5SnZBU2e8VzgpGWO8g==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@inquirer/core": "^10.1.2",
+                "@inquirer/core": "^10.1.3",
                 "@inquirer/type": "^3.0.2",
                 "ansi-escapes": "^4.3.2"
             },
@@ -4072,13 +4072,13 @@
             }
         },
         "node_modules/@inquirer/rawlist": {
-            "version": "4.0.4",
-            "resolved": "https://registry.npmjs.org/@inquirer/rawlist/-/rawlist-4.0.4.tgz",
-            "integrity": "sha512-IsVN2EZdNHsmFdKWx9HaXb8T/s3FlR/U1QPt9dwbSyPtjFbMTlW9CRFvnn0bm/QIsrMRD2oMZqrQpSWPQVbXXg==",
+            "version": "4.0.5",
+            "resolved": "https://registry.npmjs.org/@inquirer/rawlist/-/rawlist-4.0.5.tgz",
+            "integrity": "sha512-38g3v5/cX3NUv+jcr4sU6phKAthQKv36NYRgahsZIGNIVy8ewtSnolCJ1N64nGwi/sTUz5AE6PV1ZF+NaIThxg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@inquirer/core": "^10.1.2",
+                "@inquirer/core": "^10.1.3",
                 "@inquirer/type": "^3.0.2",
                 "yoctocolors-cjs": "^2.1.2"
             },
@@ -4090,13 +4090,13 @@
             }
         },
         "node_modules/@inquirer/search": {
-            "version": "3.0.4",
-            "resolved": "https://registry.npmjs.org/@inquirer/search/-/search-3.0.4.tgz",
-            "integrity": "sha512-tSkJk2SDmC2MEdTIjknXWmCnmPr5owTs9/xjfa14ol1Oh95n6xW7SYn5fiPk4/vrJPys0ggSWiISdPze4LTa7A==",
+            "version": "3.0.5",
+            "resolved": "https://registry.npmjs.org/@inquirer/search/-/search-3.0.5.tgz",
+            "integrity": "sha512-INqlGeK85gOmlVY8aosAdOMWgOmpcA7+eDlq5WBdbh8aZbAXX0HItf1GIdDj8zQnh+8Pv0DXU7OvdaLVcV4bWA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@inquirer/core": "^10.1.2",
+                "@inquirer/core": "^10.1.3",
                 "@inquirer/figures": "^1.0.9",
                 "@inquirer/type": "^3.0.2",
                 "yoctocolors-cjs": "^2.1.2"
@@ -4109,13 +4109,13 @@
             }
         },
         "node_modules/@inquirer/select": {
-            "version": "4.0.4",
-            "resolved": "https://registry.npmjs.org/@inquirer/select/-/select-4.0.4.tgz",
-            "integrity": "sha512-ZzYLuLoUzTIW9EJm++jBpRiTshGqS3Q1o5qOEQqgzaBlmdsjQr6pA4TUNkwu6OBYgM2mIRbCz6mUhFDfl/GF+w==",
+            "version": "4.0.5",
+            "resolved": "https://registry.npmjs.org/@inquirer/select/-/select-4.0.5.tgz",
+            "integrity": "sha512-5UAnpWqs0G316MwJdSdgaRcWPIuUPllHa8pdHVi/w9KE/Ff/GzWhPwUn9ETtq/n8GEiWDUrP/LdJN8FJxf7JbA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@inquirer/core": "^10.1.2",
+                "@inquirer/core": "^10.1.3",
                 "@inquirer/figures": "^1.0.9",
                 "@inquirer/type": "^3.0.2",
                 "ansi-escapes": "^4.3.2",
@@ -7086,13 +7086,13 @@
             }
         },
         "node_modules/@sigstore/protobuf-specs": {
-            "version": "0.3.2",
-            "resolved": "https://registry.npmjs.org/@sigstore/protobuf-specs/-/protobuf-specs-0.3.2.tgz",
-            "integrity": "sha512-c6B0ehIWxMI8wiS/bj6rHMPqeFvngFV7cDU/MY+B16P9Z3Mp9k8L93eYZ7BYzSickzuqAQqAq0V956b3Ju6mLw==",
+            "version": "0.3.3",
+            "resolved": "https://registry.npmjs.org/@sigstore/protobuf-specs/-/protobuf-specs-0.3.3.tgz",
+            "integrity": "sha512-RpacQhBlwpBWd7KEJsRKcBQalbV28fvkxwTOJIqhIuDysMMaJW47V4OqW30iJB9uRpqOSxxEAQFdr8tTattReQ==",
             "dev": true,
             "license": "Apache-2.0",
             "engines": {
-                "node": "^16.14.0 || >=18.0.0"
+                "node": "^18.17.0 || >=20.5.0"
             }
         },
         "node_modules/@sigstore/sign": {
@@ -7774,9 +7774,9 @@
             "peer": true
         },
         "node_modules/@types/node": {
-            "version": "22.10.5",
-            "resolved": "https://registry.npmjs.org/@types/node/-/node-22.10.5.tgz",
-            "integrity": "sha512-F8Q+SeGimwOo86fiovQh8qiXfFEh2/ocYv7tU5pJ3EXMSSxk1Joj5wefpFK2fHTf/N6HKGSxIDBT9f3gCxXPkQ==",
+            "version": "22.10.6",
+            "resolved": "https://registry.npmjs.org/@types/node/-/node-22.10.6.tgz",
+            "integrity": "sha512-qNiuwC4ZDAUNcY47xgaSuS92cjf8JbSUoaKS77bmLG1rU7MlATVSiw/IlrjtIyyskXBZ8KkNfjK/P5na7rgXbQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -7807,7 +7807,8 @@
         "node_modules/@types/prop-types": {
             "version": "15.7.14",
             "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.14.tgz",
-            "integrity": "sha512-gNMvNH49DJ7OJYv+KAKn0Xp45p8PLl6zo2YnvDIbTd4J6MER2BmWN49TG7n9LvkyihINxeKW8+3bfS2yDC9dzQ=="
+            "integrity": "sha512-gNMvNH49DJ7OJYv+KAKn0Xp45p8PLl6zo2YnvDIbTd4J6MER2BmWN49TG7n9LvkyihINxeKW8+3bfS2yDC9dzQ==",
+            "license": "MIT"
         },
         "node_modules/@types/qs": {
             "version": "6.9.17",
@@ -7829,6 +7830,7 @@
             "version": "18.3.18",
             "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.18.tgz",
             "integrity": "sha512-t4yC+vtgnkYjNSKlFx1jkAhH8LgTo2N/7Qvi83kdEaUtMDiwpbLAktKDaAMlRcJ5eSxZkH74eEGt1ky31d7kfQ==",
+            "license": "MIT",
             "dependencies": {
                 "@types/prop-types": "*",
                 "csstype": "^3.0.2"
@@ -7993,17 +7995,17 @@
             "license": "MIT"
         },
         "node_modules/@typescript-eslint/eslint-plugin": {
-            "version": "8.19.1",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.19.1.tgz",
-            "integrity": "sha512-tJzcVyvvb9h/PB96g30MpxACd9IrunT7GF9wfA9/0TJ1LxGOJx1TdPzSbBBnNED7K9Ka8ybJsnEpiXPktolTLg==",
+            "version": "8.20.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.20.0.tgz",
+            "integrity": "sha512-naduuphVw5StFfqp4Gq4WhIBE2gN1GEmMUExpJYknZJdRnc+2gDzB8Z3+5+/Kv33hPQRDGzQO/0opHE72lZZ6A==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
                 "@eslint-community/regexpp": "^4.10.0",
-                "@typescript-eslint/scope-manager": "8.19.1",
-                "@typescript-eslint/type-utils": "8.19.1",
-                "@typescript-eslint/utils": "8.19.1",
-                "@typescript-eslint/visitor-keys": "8.19.1",
+                "@typescript-eslint/scope-manager": "8.20.0",
+                "@typescript-eslint/type-utils": "8.20.0",
+                "@typescript-eslint/utils": "8.20.0",
+                "@typescript-eslint/visitor-keys": "8.20.0",
                 "graphemer": "^1.4.0",
                 "ignore": "^5.3.1",
                 "natural-compare": "^1.4.0",
@@ -8033,16 +8035,16 @@
             }
         },
         "node_modules/@typescript-eslint/parser": {
-            "version": "8.19.1",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.19.1.tgz",
-            "integrity": "sha512-67gbfv8rAwawjYx3fYArwldTQKoYfezNUT4D5ioWetr/xCrxXxvleo3uuiFuKfejipvq+og7mjz3b0G2bVyUCw==",
+            "version": "8.20.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.20.0.tgz",
+            "integrity": "sha512-gKXG7A5HMyjDIedBi6bUrDcun8GIjnI8qOwVLiY3rx6T/sHP/19XLJOnIq/FgQvWLHja5JN/LSE7eklNBr612g==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@typescript-eslint/scope-manager": "8.19.1",
-                "@typescript-eslint/types": "8.19.1",
-                "@typescript-eslint/typescript-estree": "8.19.1",
-                "@typescript-eslint/visitor-keys": "8.19.1",
+                "@typescript-eslint/scope-manager": "8.20.0",
+                "@typescript-eslint/types": "8.20.0",
+                "@typescript-eslint/typescript-estree": "8.20.0",
+                "@typescript-eslint/visitor-keys": "8.20.0",
                 "debug": "^4.3.4"
             },
             "engines": {
@@ -8058,14 +8060,14 @@
             }
         },
         "node_modules/@typescript-eslint/scope-manager": {
-            "version": "8.19.1",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.19.1.tgz",
-            "integrity": "sha512-60L9KIuN/xgmsINzonOcMDSB8p82h95hoBfSBtXuO4jlR1R9L1xSkmVZKgCPVfavDlXihh4ARNjXhh1gGnLC7Q==",
+            "version": "8.20.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.20.0.tgz",
+            "integrity": "sha512-J7+VkpeGzhOt3FeG1+SzhiMj9NzGD/M6KoGn9f4dbz3YzK9hvbhVTmLj/HiTp9DazIzJ8B4XcM80LrR9Dm1rJw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@typescript-eslint/types": "8.19.1",
-                "@typescript-eslint/visitor-keys": "8.19.1"
+                "@typescript-eslint/types": "8.20.0",
+                "@typescript-eslint/visitor-keys": "8.20.0"
             },
             "engines": {
                 "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -8076,14 +8078,14 @@
             }
         },
         "node_modules/@typescript-eslint/type-utils": {
-            "version": "8.19.1",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.19.1.tgz",
-            "integrity": "sha512-Rp7k9lhDKBMRJB/nM9Ksp1zs4796wVNyihG9/TU9R6KCJDNkQbc2EOKjrBtLYh3396ZdpXLtr/MkaSEmNMtykw==",
+            "version": "8.20.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.20.0.tgz",
+            "integrity": "sha512-bPC+j71GGvA7rVNAHAtOjbVXbLN5PkwqMvy1cwGeaxUoRQXVuKCebRoLzm+IPW/NtFFpstn1ummSIasD5t60GA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@typescript-eslint/typescript-estree": "8.19.1",
-                "@typescript-eslint/utils": "8.19.1",
+                "@typescript-eslint/typescript-estree": "8.20.0",
+                "@typescript-eslint/utils": "8.20.0",
                 "debug": "^4.3.4",
                 "ts-api-utils": "^2.0.0"
             },
@@ -8100,9 +8102,9 @@
             }
         },
         "node_modules/@typescript-eslint/types": {
-            "version": "8.19.1",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.19.1.tgz",
-            "integrity": "sha512-JBVHMLj7B1K1v1051ZaMMgLW4Q/jre5qGK0Ew6UgXz1Rqh+/xPzV1aW581OM00X6iOfyr1be+QyW8LOUf19BbA==",
+            "version": "8.20.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.20.0.tgz",
+            "integrity": "sha512-cqaMiY72CkP+2xZRrFt3ExRBu0WmVitN/rYPZErA80mHjHx/Svgp8yfbzkJmDoQ/whcytOPO9/IZXnOc+wigRA==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -8114,14 +8116,14 @@
             }
         },
         "node_modules/@typescript-eslint/typescript-estree": {
-            "version": "8.19.1",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.19.1.tgz",
-            "integrity": "sha512-jk/TZwSMJlxlNnqhy0Eod1PNEvCkpY6MXOXE/WLlblZ6ibb32i2We4uByoKPv1d0OD2xebDv4hbs3fm11SMw8Q==",
+            "version": "8.20.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.20.0.tgz",
+            "integrity": "sha512-Y7ncuy78bJqHI35NwzWol8E0X7XkRVS4K4P4TCyzWkOJih5NDvtoRDW4Ba9YJJoB2igm9yXDdYI/+fkiiAxPzA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@typescript-eslint/types": "8.19.1",
-                "@typescript-eslint/visitor-keys": "8.19.1",
+                "@typescript-eslint/types": "8.20.0",
+                "@typescript-eslint/visitor-keys": "8.20.0",
                 "debug": "^4.3.4",
                 "fast-glob": "^3.3.2",
                 "is-glob": "^4.0.3",
@@ -8141,16 +8143,16 @@
             }
         },
         "node_modules/@typescript-eslint/utils": {
-            "version": "8.19.1",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.19.1.tgz",
-            "integrity": "sha512-IxG5gLO0Ne+KaUc8iW1A+XuKLd63o4wlbI1Zp692n1xojCl/THvgIKXJXBZixTh5dd5+yTJ/VXH7GJaaw21qXA==",
+            "version": "8.20.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.20.0.tgz",
+            "integrity": "sha512-dq70RUw6UK9ei7vxc4KQtBRk7qkHZv447OUZ6RPQMQl71I3NZxQJX/f32Smr+iqWrB02pHKn2yAdHBb0KNrRMA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
                 "@eslint-community/eslint-utils": "^4.4.0",
-                "@typescript-eslint/scope-manager": "8.19.1",
-                "@typescript-eslint/types": "8.19.1",
-                "@typescript-eslint/typescript-estree": "8.19.1"
+                "@typescript-eslint/scope-manager": "8.20.0",
+                "@typescript-eslint/types": "8.20.0",
+                "@typescript-eslint/typescript-estree": "8.20.0"
             },
             "engines": {
                 "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -8165,13 +8167,13 @@
             }
         },
         "node_modules/@typescript-eslint/visitor-keys": {
-            "version": "8.19.1",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.19.1.tgz",
-            "integrity": "sha512-fzmjU8CHK853V/avYZAvuVut3ZTfwN5YtMaoi+X9Y9MA9keaWNHC3zEQ9zvyX/7Hj+5JkNyK1l7TOR2hevHB6Q==",
+            "version": "8.20.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.20.0.tgz",
+            "integrity": "sha512-v/BpkeeYAsPkKCkR8BDwcno0llhzWVqPOamQrAEMdpZav2Y9OVjd9dwJyBLJWwf335B5DmlifECIkZRJCaGaHA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@typescript-eslint/types": "8.19.1",
+                "@typescript-eslint/types": "8.20.0",
                 "eslint-visitor-keys": "^4.2.0"
             },
             "engines": {
@@ -10576,13 +10578,6 @@
                 "node": ">=18"
             }
         },
-        "node_modules/cssstyle/node_modules/rrweb-cssom": {
-            "version": "0.8.0",
-            "resolved": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.8.0.tgz",
-            "integrity": "sha512-guoltQEx+9aMf2gDZ0s62EcV8lsXR+0w8915TC3ITdn2YueuNjdAYh/levpU9nFaoChh9RUS5ZdQMrKfVEN9tw==",
-            "dev": true,
-            "license": "MIT"
-        },
         "node_modules/csstype": {
             "version": "3.1.3",
             "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
@@ -11685,13 +11680,13 @@
             }
         },
         "node_modules/eslint-config-prettier": {
-            "version": "9.1.0",
-            "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-9.1.0.tgz",
-            "integrity": "sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==",
+            "version": "10.0.1",
+            "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-10.0.1.tgz",
+            "integrity": "sha512-lZBts941cyJyeaooiKxAtzoPHTN+GbQTJFAIdQbRhA4/8whaAraEh47Whw/ZFfrjNSnlAxqfm9i0XVAEkULjCw==",
             "dev": true,
             "license": "MIT",
             "bin": {
-                "eslint-config-prettier": "bin/cli.js"
+                "eslint-config-prettier": "build/bin/cli.js"
             },
             "peerDependencies": {
                 "eslint": ">=7.0.0"
@@ -15552,23 +15547,23 @@
             "license": "MIT"
         },
         "node_modules/jsdom": {
-            "version": "25.0.1",
-            "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-25.0.1.tgz",
-            "integrity": "sha512-8i7LzZj7BF8uplX+ZyOlIz86V6TAsSs+np6m1kpW9u0JWi4z/1t+FzcK1aek+ybTnAC4KhBL4uXCNT0wcUIeCw==",
+            "version": "26.0.0",
+            "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-26.0.0.tgz",
+            "integrity": "sha512-BZYDGVAIriBWTpIxYzrXjv3E/4u8+/pSG5bQdIYCbNCGOvsPkDQfTVLAIXAf9ETdCpduCVTkDe2NNZ8NIwUVzw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "cssstyle": "^4.1.0",
+                "cssstyle": "^4.2.1",
                 "data-urls": "^5.0.0",
                 "decimal.js": "^10.4.3",
-                "form-data": "^4.0.0",
+                "form-data": "^4.0.1",
                 "html-encoding-sniffer": "^4.0.0",
                 "http-proxy-agent": "^7.0.2",
-                "https-proxy-agent": "^7.0.5",
+                "https-proxy-agent": "^7.0.6",
                 "is-potential-custom-element-name": "^1.0.1",
-                "nwsapi": "^2.2.12",
-                "parse5": "^7.1.2",
-                "rrweb-cssom": "^0.7.1",
+                "nwsapi": "^2.2.16",
+                "parse5": "^7.2.1",
+                "rrweb-cssom": "^0.8.0",
                 "saxes": "^6.0.0",
                 "symbol-tree": "^3.2.4",
                 "tough-cookie": "^5.0.0",
@@ -15576,7 +15571,7 @@
                 "webidl-conversions": "^7.0.0",
                 "whatwg-encoding": "^3.1.1",
                 "whatwg-mimetype": "^4.0.0",
-                "whatwg-url": "^14.0.0",
+                "whatwg-url": "^14.1.0",
                 "ws": "^8.18.0",
                 "xml-name-validator": "^5.0.0"
             },
@@ -15584,7 +15579,7 @@
                 "node": ">=18"
             },
             "peerDependencies": {
-                "canvas": "^2.11.2"
+                "canvas": "^3.0.0"
             },
             "peerDependenciesMeta": {
                 "canvas": {
@@ -15592,6 +15587,20 @@
                 }
             }
         },
+        "node_modules/jsdom/node_modules/https-proxy-agent": {
+            "version": "7.0.6",
+            "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
+            "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "agent-base": "^7.1.2",
+                "debug": "4"
+            },
+            "engines": {
+                "node": ">= 14"
+            }
+        },
         "node_modules/jsesc": {
             "version": "3.1.0",
             "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
@@ -15731,9 +15740,9 @@
             }
         },
         "node_modules/katex": {
-            "version": "0.16.19",
-            "resolved": "https://registry.npmjs.org/katex/-/katex-0.16.19.tgz",
-            "integrity": "sha512-3IA6DYVhxhBabjSLTNO9S4+OliA3Qvb8pBQXMfC4WxXJgLwZgnfDl0BmB4z6nBMdznBsZ+CGM8DrGZ5hcguDZg==",
+            "version": "0.16.20",
+            "resolved": "https://registry.npmjs.org/katex/-/katex-0.16.20.tgz",
+            "integrity": "sha512-jjuLaMGD/7P8jUTpdKhA9IoqnH+yMFB3sdAFtq5QdAqeP2PjiSbnC3EaguKPNtv6dXXanHxp1ckwvF4a86LBig==",
             "funding": [
                 "https://opencollective.com/katex",
                 "https://github.com/sponsors/katex"
@@ -18829,9 +18838,9 @@
             }
         },
         "node_modules/postcss": {
-            "version": "8.4.49",
-            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.49.tgz",
-            "integrity": "sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==",
+            "version": "8.5.0",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.0.tgz",
+            "integrity": "sha512-27VKOqrYfPncKA2NrFOVhP5MGAfHKLYn/Q0mz9cNQyRAKYi3VNHwYU2qKKqPCqgBmeeJ0uAFB56NumXZ5ZReXg==",
             "dev": true,
             "funding": [
                 {
@@ -18849,7 +18858,7 @@
             ],
             "license": "MIT",
             "dependencies": {
-                "nanoid": "^3.3.7",
+                "nanoid": "^3.3.8",
                 "picocolors": "^1.1.1",
                 "source-map-js": "^1.2.1"
             },
@@ -19456,12 +19465,12 @@
             "license": "MIT"
         },
         "node_modules/readdirp": {
-            "version": "4.0.2",
-            "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.0.2.tgz",
-            "integrity": "sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==",
+            "version": "4.1.1",
+            "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.1.tgz",
+            "integrity": "sha512-h80JrZu/MHUZCyHu5ciuoI0+WxsCxzxJTILn6Fs8rxSnFPh+UVHYfeIxK1nVGugMqkfC4vJcBOYbkfkwYK0+gw==",
             "license": "MIT",
             "engines": {
-                "node": ">= 14.16.0"
+                "node": ">= 14.18.0"
             },
             "funding": {
                 "type": "individual",
@@ -19956,9 +19965,9 @@
             }
         },
         "node_modules/rrweb-cssom": {
-            "version": "0.7.1",
-            "resolved": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.7.1.tgz",
-            "integrity": "sha512-TrEMa7JGdVm0UThDJSx7ddw5nVm3UJS9o9CCIZ72B1vSyEZoziDqBYP3XIoi/12lKrJR8rE3jeFHMok2F/Mnsg==",
+            "version": "0.8.0",
+            "resolved": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.8.0.tgz",
+            "integrity": "sha512-guoltQEx+9aMf2gDZ0s62EcV8lsXR+0w8915TC3ITdn2YueuNjdAYh/levpU9nFaoChh9RUS5ZdQMrKfVEN9tw==",
             "dev": true,
             "license": "MIT"
         },
@@ -21658,9 +21667,9 @@
             }
         },
         "node_modules/tough-cookie": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-5.0.0.tgz",
-            "integrity": "sha512-FRKsF7cz96xIIeMZ82ehjC3xW2E+O2+v11udrDYewUbszngYhsGa8z6YUMMzO9QJZzzyd0nGGXnML/TReX6W8Q==",
+            "version": "5.1.0",
+            "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-5.1.0.tgz",
+            "integrity": "sha512-rvZUv+7MoBYTiDmFPBrhL7Ujx9Sk+q9wwm22x8c8T5IJaR+Wsyc7TNxbVxo84kZoRJZZMazowFLqpankBEQrGg==",
             "dev": true,
             "license": "BSD-3-Clause",
             "dependencies": {
@@ -22068,15 +22077,15 @@
             }
         },
         "node_modules/typescript-eslint": {
-            "version": "8.19.1",
-            "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.19.1.tgz",
-            "integrity": "sha512-LKPUQpdEMVOeKluHi8md7rwLcoXHhwvWp3x+sJkMuq3gGm9yaYJtPo8sRZSblMFJ5pcOGCAak/scKf1mvZDlQw==",
+            "version": "8.20.0",
+            "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.20.0.tgz",
+            "integrity": "sha512-Kxz2QRFsgbWj6Xcftlw3Dd154b3cEPFqQC+qMZrMypSijPd4UanKKvoKDrJ4o8AIfZFKAF+7sMaEIR8mTElozA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@typescript-eslint/eslint-plugin": "8.19.1",
-                "@typescript-eslint/parser": "8.19.1",
-                "@typescript-eslint/utils": "8.19.1"
+                "@typescript-eslint/eslint-plugin": "8.20.0",
+                "@typescript-eslint/parser": "8.20.0",
+                "@typescript-eslint/utils": "8.20.0"
             },
             "engines": {
                 "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
diff --git a/package.json b/package.json
index 1d8986ae4bf6..3228535217ec 100644
--- a/package.json
+++ b/package.json
@@ -83,12 +83,6 @@
         "zone.js": "0.15.0"
     },
     "overrides": {
-        "@angular-builders/jest": {
-            "@angular-devkit/build-angular": "^19.0.0",
-            "@angular/compiler-cli": "^19.0.0",
-            "@angular/core": "^19.0.0",
-            "@angular/platform-browser-dynamic": "^19.0.0"
-        },
         "@swimlane/ngx-charts": {
             "@angular/animations": "^19.0.0",
             "@angular/cdk": "^19.0.0",
@@ -115,17 +109,17 @@
             "eslint": "^9.18.0"
         },
         "express": "5.0.1",
-        "jsdom": "25.0.1",
+        "jsdom": "26.0.0",
         "ng-mocks": {
             "@angular/common": "^19.0.0",
             "@angular/core": "^19.0.0",
             "@angular/forms": "^19.0.0",
             "@angular/platform-browser": "^19.0.0"
         },
-        "postcss": "8.4.49",
+        "postcss": "8.5.0",
         "rimraf": "6.0.1",
         "semver": "7.6.3",
-        "tough-cookie": "5.0.0",
+        "tough-cookie": "5.1.0",
         "vite": "5.4.11",
         "webpack-dev-middleware": "7.4.2",
         "webpack-dev-server": "5.2.0",
@@ -154,16 +148,16 @@
         "@types/jest": "29.5.14",
         "@types/lodash-es": "4.17.12",
         "@types/markdown-it": "14.1.2",
-        "@types/node": "22.10.5",
+        "@types/node": "22.10.6",
         "@types/papaparse": "5.3.15",
         "@types/smoothscroll-polyfill": "0.3.4",
         "@types/sockjs-client": "1.5.4",
         "@types/turndown": "5.0.5",
         "@types/uuid": "10.0.0",
-        "@typescript-eslint/eslint-plugin": "8.19.1",
-        "@typescript-eslint/parser": "8.19.1",
+        "@typescript-eslint/eslint-plugin": "8.20.0",
+        "@typescript-eslint/parser": "8.20.0",
         "eslint": "9.18.0",
-        "eslint-config-prettier": "9.1.0",
+        "eslint-config-prettier": "10.0.1",
         "eslint-plugin-deprecation": "3.0.0",
         "eslint-plugin-jest": "28.10.0",
         "eslint-plugin-jest-extended": "2.4.0",
@@ -186,7 +180,7 @@
         "sass": "1.83.1",
         "ts-jest": "29.2.5",
         "typescript": "5.6.3",
-        "typescript-eslint": "8.19.1",
+        "typescript-eslint": "8.20.0",
         "vite-tsconfig-paths": "5.1.4",
         "vitest": "2.1.8",
         "weak-napi": "2.0.2"

From 247e7fb400b3bf5286b689810e0958e3ad9dd0f1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maximilian=20S=C3=B6lch?=
 <maximiliansoelch@users.noreply.github.com>
Date: Wed, 15 Jan 2025 18:27:31 +0100
Subject: [PATCH 15/16] Text exercises: Fix an edge case with discarded Athena
 feedback suggestions for tutors (#10140)

---
 .../text-submission-assessment.component.ts   |  7 ++++++
 ...xt-submission-assessment.component.spec.ts | 22 +++++++++++++++++++
 2 files changed, 29 insertions(+)

diff --git a/src/main/webapp/app/exercises/text/assess/text-submission-assessment.component.ts b/src/main/webapp/app/exercises/text/assess/text-submission-assessment.component.ts
index 6ca9dda0c7c0..5c1b740b7d24 100644
--- a/src/main/webapp/app/exercises/text/assess/text-submission-assessment.component.ts
+++ b/src/main/webapp/app/exercises/text/assess/text-submission-assessment.component.ts
@@ -311,6 +311,13 @@ export class TextSubmissionAssessmentComponent extends TextAssessmentBaseCompone
                     // ("squish" the existing text block)
                     existingBlockRef.block!.startIndex = end;
                     newTextBlockRefs.push(existingBlockRef);
+                } else if (exEnd == end) {
+                    // existing:       |-----|
+                    // to add:    |----------|
+                    // ->         |-add--|ex-|
+                    // ("squish" the new text block)
+                    refToAdd.block!.endIndex = exStart;
+                    newTextBlockRefs.push(existingBlockRef);
                 }
             }
         }
diff --git a/src/test/javascript/spec/component/text-submission-assessment/text-submission-assessment.component.spec.ts b/src/test/javascript/spec/component/text-submission-assessment/text-submission-assessment.component.spec.ts
index c17c369af9ce..5da12b5602bf 100644
--- a/src/test/javascript/spec/component/text-submission-assessment/text-submission-assessment.component.spec.ts
+++ b/src/test/javascript/spec/component/text-submission-assessment/text-submission-assessment.component.spec.ts
@@ -559,6 +559,28 @@ describe('TextSubmissionAssessmentComponent', () => {
                 [10, 15],
             ],
         },
+        // Two blocks, same end index
+        {
+            input: [
+                [377, 719],
+                [453, 719],
+            ],
+            output: [
+                [377, 453],
+                [453, 719],
+            ],
+        },
+        // Two blocks, same end index, wrong order
+        {
+            input: [
+                [453, 719],
+                [377, 719],
+            ],
+            output: [
+                [377, 453],
+                [453, 719],
+            ],
+        },
         // Two blocks, shifted
         {
             input: [

From 0113946c570db4a8cb7fb570449725458db91864 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Konrad=20G=C3=B6=C3=9Fmann?= <konrad.goessmann@tum.de>
Date: Thu, 16 Jan 2025 16:50:30 +0100
Subject: [PATCH 16/16] Adaptive learning: Add learner profile (#9673)

---
 .../artemis/atlas/api/LearnerProfileApi.java  | 51 ++++++++++++
 .../domain/profile/CourseLearnerProfile.java  | 82 +++++++++++++++++++
 .../atlas/domain/profile/LearnerProfile.java  | 54 ++++++++++++
 .../CourseLearnerProfileRepository.java       | 32 ++++++++
 .../repository/LearnerProfileRepository.java  | 29 +++++++
 .../learningpath/LearningPathService.java     | 23 +++++-
 .../profile/CourseLearnerProfileService.java  | 82 +++++++++++++++++++
 .../profile/LearnerProfileService.java        | 46 +++++++++++
 .../tum/cit/aet/artemis/core/domain/User.java | 15 ++++
 .../core/repository/UserRepository.java       | 13 +++
 .../artemis/core/service/CourseService.java   | 27 ++++--
 .../core/service/UserScheduleService.java     |  8 +-
 .../service/user/UserCreationService.java     | 11 ++-
 .../core/service/user/UserService.java        |  8 +-
 .../aet/artemis/core/web/CourseResource.java  | 26 +++---
 .../changelog/20241107130000_changelog.xml    | 74 +++++++++++++++++
 .../resources/config/liquibase/master.xml     |  1 +
 .../atlas/AbstractAtlasIntegrationTest.java   |  4 +
 .../LearningPathIntegrationTest.java          |  7 +-
 .../LearnerProfileIntegrationTest.java        | 38 +++++++++
 .../util/LearnerProfileUtilService.java       | 27 ++++++
 .../test_repository/UserTestRepository.java   | 11 ++-
 .../core/user/util/UserTestService.java       | 30 ++++---
 ...ogrammingIntegrationJenkinsGitlabTest.java |  4 +
 .../CourseGitlabJenkinsIntegrationTest.java   |  1 +
 25 files changed, 663 insertions(+), 41 deletions(-)
 create mode 100644 src/main/java/de/tum/cit/aet/artemis/atlas/api/LearnerProfileApi.java
 create mode 100644 src/main/java/de/tum/cit/aet/artemis/atlas/domain/profile/CourseLearnerProfile.java
 create mode 100644 src/main/java/de/tum/cit/aet/artemis/atlas/domain/profile/LearnerProfile.java
 create mode 100644 src/main/java/de/tum/cit/aet/artemis/atlas/repository/CourseLearnerProfileRepository.java
 create mode 100644 src/main/java/de/tum/cit/aet/artemis/atlas/repository/LearnerProfileRepository.java
 create mode 100644 src/main/java/de/tum/cit/aet/artemis/atlas/service/profile/CourseLearnerProfileService.java
 create mode 100644 src/main/java/de/tum/cit/aet/artemis/atlas/service/profile/LearnerProfileService.java
 create mode 100644 src/main/resources/config/liquibase/changelog/20241107130000_changelog.xml
 create mode 100644 src/test/java/de/tum/cit/aet/artemis/atlas/profile/LearnerProfileIntegrationTest.java
 create mode 100644 src/test/java/de/tum/cit/aet/artemis/atlas/profile/util/LearnerProfileUtilService.java

diff --git a/src/main/java/de/tum/cit/aet/artemis/atlas/api/LearnerProfileApi.java b/src/main/java/de/tum/cit/aet/artemis/atlas/api/LearnerProfileApi.java
new file mode 100644
index 000000000000..d3099a4ba970
--- /dev/null
+++ b/src/main/java/de/tum/cit/aet/artemis/atlas/api/LearnerProfileApi.java
@@ -0,0 +1,51 @@
+package de.tum.cit.aet.artemis.atlas.api;
+
+import static de.tum.cit.aet.artemis.core.config.Constants.PROFILE_CORE;
+
+import java.util.Set;
+
+import org.springframework.context.annotation.Profile;
+import org.springframework.stereotype.Controller;
+
+import de.tum.cit.aet.artemis.atlas.service.profile.CourseLearnerProfileService;
+import de.tum.cit.aet.artemis.atlas.service.profile.LearnerProfileService;
+import de.tum.cit.aet.artemis.core.domain.Course;
+import de.tum.cit.aet.artemis.core.domain.User;
+
+@Controller
+@Profile(PROFILE_CORE)
+public class LearnerProfileApi extends AbstractAtlasApi {
+
+    private final LearnerProfileService learnerProfileService;
+
+    private final CourseLearnerProfileService courseLearnerProfileService;
+
+    public LearnerProfileApi(LearnerProfileService learnerProfileService, CourseLearnerProfileService courseLearnerProfileService) {
+        this.learnerProfileService = learnerProfileService;
+        this.courseLearnerProfileService = courseLearnerProfileService;
+    }
+
+    public void deleteAllForCourse(Course course) {
+        courseLearnerProfileService.deleteAllForCourse(course);
+    }
+
+    public void createCourseLearnerProfile(Course course, User user) {
+        courseLearnerProfileService.createCourseLearnerProfile(course, user);
+    }
+
+    public void createCourseLearnerProfiles(Course course, Set<User> students) {
+        courseLearnerProfileService.createCourseLearnerProfiles(course, students);
+    }
+
+    public void deleteCourseLearnerProfile(Course course, User user) {
+        courseLearnerProfileService.deleteCourseLearnerProfile(course, user);
+    }
+
+    public void createProfile(User user) {
+        learnerProfileService.createProfile(user);
+    }
+
+    public void deleteProfile(User user) {
+        learnerProfileService.deleteProfile(user);
+    }
+}
diff --git a/src/main/java/de/tum/cit/aet/artemis/atlas/domain/profile/CourseLearnerProfile.java b/src/main/java/de/tum/cit/aet/artemis/atlas/domain/profile/CourseLearnerProfile.java
new file mode 100644
index 000000000000..91e77a7c44e1
--- /dev/null
+++ b/src/main/java/de/tum/cit/aet/artemis/atlas/domain/profile/CourseLearnerProfile.java
@@ -0,0 +1,82 @@
+package de.tum.cit.aet.artemis.atlas.domain.profile;
+
+import jakarta.persistence.Column;
+import jakarta.persistence.Entity;
+import jakarta.persistence.FetchType;
+import jakarta.persistence.JoinColumn;
+import jakarta.persistence.ManyToOne;
+import jakarta.persistence.OneToOne;
+import jakarta.persistence.Table;
+import jakarta.validation.constraints.Max;
+import jakarta.validation.constraints.Min;
+
+import de.tum.cit.aet.artemis.core.domain.Course;
+import de.tum.cit.aet.artemis.core.domain.DomainObject;
+
+@Entity
+@Table(name = "course_learner_profile")
+public class CourseLearnerProfile extends DomainObject {
+
+    @ManyToOne
+    @JoinColumn(name = "learner_profile_id")
+    private LearnerProfile learnerProfile;
+
+    @OneToOne(fetch = FetchType.LAZY)
+    @JoinColumn(name = "course_id")
+    private Course course;
+
+    @Column(name = "aim_for_grade_or_bonus")
+    @Min(0)
+    @Max(5)
+    private int aimForGradeOrBonus;
+
+    @Column(name = "time_investment")
+    @Min(0)
+    @Max(5)
+    private int timeInvestment;
+
+    @Column(name = "repetition_intensity")
+    @Min(0)
+    @Max(5)
+    private int repetitionIntensity;
+
+    public void setLearnerProfile(LearnerProfile learnerProfile) {
+        this.learnerProfile = learnerProfile;
+    }
+
+    public LearnerProfile getLearnerProfile() {
+        return this.learnerProfile;
+    }
+
+    public void setCourse(Course course) {
+        this.course = course;
+    }
+
+    public Course getCourse() {
+        return this.course;
+    }
+
+    public int getAimForGradeOrBonus() {
+        return aimForGradeOrBonus;
+    }
+
+    public void setAimForGradeOrBonus(int aimForGradeOrBonus) {
+        this.aimForGradeOrBonus = aimForGradeOrBonus;
+    }
+
+    public int getTimeInvestment() {
+        return timeInvestment;
+    }
+
+    public void setTimeInvestment(int timeInvestment) {
+        this.timeInvestment = timeInvestment;
+    }
+
+    public int getRepetitionIntensity() {
+        return repetitionIntensity;
+    }
+
+    public void setRepetitionIntensity(int repetitionIntensity) {
+        this.repetitionIntensity = repetitionIntensity;
+    }
+}
diff --git a/src/main/java/de/tum/cit/aet/artemis/atlas/domain/profile/LearnerProfile.java b/src/main/java/de/tum/cit/aet/artemis/atlas/domain/profile/LearnerProfile.java
new file mode 100644
index 000000000000..84bed662672d
--- /dev/null
+++ b/src/main/java/de/tum/cit/aet/artemis/atlas/domain/profile/LearnerProfile.java
@@ -0,0 +1,54 @@
+package de.tum.cit.aet.artemis.atlas.domain.profile;
+
+import java.util.Collection;
+import java.util.HashSet;
+import java.util.Set;
+
+import jakarta.persistence.CascadeType;
+import jakarta.persistence.Entity;
+import jakarta.persistence.FetchType;
+import jakarta.persistence.OneToMany;
+import jakarta.persistence.OneToOne;
+import jakarta.persistence.Table;
+
+import de.tum.cit.aet.artemis.core.domain.DomainObject;
+import de.tum.cit.aet.artemis.core.domain.User;
+
+@Entity
+@Table(name = "learner_profile")
+public class LearnerProfile extends DomainObject {
+
+    @OneToOne(mappedBy = "learnerProfile", cascade = CascadeType.PERSIST)
+    private User user;
+
+    @OneToMany(mappedBy = "learnerProfile", cascade = CascadeType.ALL, orphanRemoval = true, fetch = FetchType.LAZY)
+    private Set<CourseLearnerProfile> courseLearnerProfiles = new HashSet<>();
+
+    public void setUser(User user) {
+        this.user = user;
+    }
+
+    public User getUser() {
+        return this.user;
+    }
+
+    public void setCourseLearnerProfiles(Set<CourseLearnerProfile> courseLearnerProfiles) {
+        this.courseLearnerProfiles = courseLearnerProfiles;
+    }
+
+    public Set<CourseLearnerProfile> getCourseLearnerProfiles() {
+        return this.courseLearnerProfiles;
+    }
+
+    public boolean addCourseLearnerProfile(CourseLearnerProfile courseLearnerProfile) {
+        return this.courseLearnerProfiles.add(courseLearnerProfile);
+    }
+
+    public boolean addAllCourseLearnerProfiles(Collection<? extends CourseLearnerProfile> courseLearnerProfiles) {
+        return this.courseLearnerProfiles.addAll(courseLearnerProfiles);
+    }
+
+    public boolean removeCourseLearnerProfile(CourseLearnerProfile courseLearnerProfile) {
+        return this.courseLearnerProfiles.remove(courseLearnerProfile);
+    }
+}
diff --git a/src/main/java/de/tum/cit/aet/artemis/atlas/repository/CourseLearnerProfileRepository.java b/src/main/java/de/tum/cit/aet/artemis/atlas/repository/CourseLearnerProfileRepository.java
new file mode 100644
index 000000000000..c58cb82f6b96
--- /dev/null
+++ b/src/main/java/de/tum/cit/aet/artemis/atlas/repository/CourseLearnerProfileRepository.java
@@ -0,0 +1,32 @@
+package de.tum.cit.aet.artemis.atlas.repository;
+
+import static de.tum.cit.aet.artemis.core.config.Constants.PROFILE_CORE;
+
+import org.springframework.context.annotation.Profile;
+import org.springframework.data.jpa.repository.Modifying;
+import org.springframework.data.jpa.repository.Query;
+import org.springframework.data.repository.query.Param;
+import org.springframework.stereotype.Repository;
+import org.springframework.transaction.annotation.Transactional;
+
+import de.tum.cit.aet.artemis.atlas.domain.profile.CourseLearnerProfile;
+import de.tum.cit.aet.artemis.core.domain.Course;
+import de.tum.cit.aet.artemis.core.domain.User;
+import de.tum.cit.aet.artemis.core.repository.base.ArtemisJpaRepository;
+
+@Profile(PROFILE_CORE)
+@Repository
+public interface CourseLearnerProfileRepository extends ArtemisJpaRepository<CourseLearnerProfile, Long> {
+
+    @Transactional // ok because of delete
+    @Modifying
+    @Query("""
+                DELETE FROM CourseLearnerProfile clp
+                WHERE clp.course = :course AND clp.learnerProfile.user = :user
+            """)
+    void deleteByCourseAndUser(@Param("course") Course course, @Param("user") User user);
+
+    @Transactional // ok because of delete
+    @Modifying
+    void deleteAllByCourse(Course couese);
+}
diff --git a/src/main/java/de/tum/cit/aet/artemis/atlas/repository/LearnerProfileRepository.java b/src/main/java/de/tum/cit/aet/artemis/atlas/repository/LearnerProfileRepository.java
new file mode 100644
index 000000000000..e08712461584
--- /dev/null
+++ b/src/main/java/de/tum/cit/aet/artemis/atlas/repository/LearnerProfileRepository.java
@@ -0,0 +1,29 @@
+package de.tum.cit.aet.artemis.atlas.repository;
+
+import static de.tum.cit.aet.artemis.core.config.Constants.PROFILE_CORE;
+
+import java.util.Optional;
+
+import org.springframework.context.annotation.Profile;
+import org.springframework.data.jpa.repository.Modifying;
+import org.springframework.stereotype.Repository;
+import org.springframework.transaction.annotation.Transactional;
+
+import de.tum.cit.aet.artemis.atlas.domain.profile.LearnerProfile;
+import de.tum.cit.aet.artemis.core.domain.User;
+import de.tum.cit.aet.artemis.core.repository.base.ArtemisJpaRepository;
+
+@Profile(PROFILE_CORE)
+@Repository
+public interface LearnerProfileRepository extends ArtemisJpaRepository<LearnerProfile, Long> {
+
+    Optional<LearnerProfile> findByUser(User user);
+
+    default LearnerProfile findByUserElseThrow(User user) {
+        return getValueElseThrow(findByUser(user));
+    }
+
+    @Transactional // ok because of delete
+    @Modifying
+    void deleteByUser(User user);
+}
diff --git a/src/main/java/de/tum/cit/aet/artemis/atlas/service/learningpath/LearningPathService.java b/src/main/java/de/tum/cit/aet/artemis/atlas/service/learningpath/LearningPathService.java
index 083c06123a45..8048d2c04ab8 100644
--- a/src/main/java/de/tum/cit/aet/artemis/atlas/service/learningpath/LearningPathService.java
+++ b/src/main/java/de/tum/cit/aet/artemis/atlas/service/learningpath/LearningPathService.java
@@ -37,6 +37,7 @@
 import de.tum.cit.aet.artemis.atlas.repository.CourseCompetencyRepository;
 import de.tum.cit.aet.artemis.atlas.repository.LearningPathRepository;
 import de.tum.cit.aet.artemis.atlas.service.competency.CompetencyProgressService;
+import de.tum.cit.aet.artemis.atlas.service.profile.CourseLearnerProfileService;
 import de.tum.cit.aet.artemis.core.domain.Course;
 import de.tum.cit.aet.artemis.core.domain.User;
 import de.tum.cit.aet.artemis.core.dto.SearchResultPageDTO;
@@ -90,10 +91,13 @@ public class LearningPathService {
 
     private final CourseCompetencyRepository courseCompetencyRepository;
 
+    private final CourseLearnerProfileService courseLearnerProfileService;
+
     public LearningPathService(UserRepository userRepository, LearningPathRepository learningPathRepository, CompetencyProgressRepository competencyProgressRepository,
             LearningPathNavigationService learningPathNavigationService, CourseRepository courseRepository, CompetencyRepository competencyRepository,
             CompetencyRelationRepository competencyRelationRepository, LectureUnitCompletionRepository lectureUnitCompletionRepository,
-            StudentParticipationRepository studentParticipationRepository, CourseCompetencyRepository courseCompetencyRepository) {
+            StudentParticipationRepository studentParticipationRepository, CourseCompetencyRepository courseCompetencyRepository,
+            CourseLearnerProfileService courseLearnerProfileService) {
         this.userRepository = userRepository;
         this.learningPathRepository = learningPathRepository;
         this.competencyProgressRepository = competencyProgressRepository;
@@ -104,6 +108,7 @@ public LearningPathService(UserRepository userRepository, LearningPathRepository
         this.lectureUnitCompletionRepository = lectureUnitCompletionRepository;
         this.studentParticipationRepository = studentParticipationRepository;
         this.courseCompetencyRepository = courseCompetencyRepository;
+        this.courseLearnerProfileService = courseLearnerProfileService;
     }
 
     /**
@@ -113,7 +118,9 @@ public LearningPathService(UserRepository userRepository, LearningPathRepository
      */
     public void enableLearningPathsForCourse(@NotNull Course course) {
         course.setLearningPathsEnabled(true);
-        generateLearningPaths(course);
+        Set<User> students = userRepository.getStudentsWithLearnerProfile(course);
+        courseLearnerProfileService.createCourseLearnerProfiles(course, students);
+        generateLearningPaths(course, students);
         courseRepository.save(course);
         log.debug("Enabled learning paths for course (id={})", course.getId());
     }
@@ -124,7 +131,17 @@ public void enableLearningPathsForCourse(@NotNull Course course) {
      * @param course course the learning paths are created for
      */
     public void generateLearningPaths(@NotNull Course course) {
-        var students = userRepository.getStudents(course);
+        Set<User> students = userRepository.getStudentsWithLearnerProfile(course);
+        generateLearningPaths(course, students);
+    }
+
+    /**
+     * Generate learning paths for all students enrolled in the course
+     *
+     * @param course   course the learning paths are created for
+     * @param students students for which the learning paths are generated with eager loaded learner profiles
+     */
+    public void generateLearningPaths(@NotNull Course course, Set<User> students) {
         students.forEach(student -> generateLearningPathForUser(course, student));
         log.debug("Successfully created learning paths for all {} students in course (id={})", students.size(), course.getId());
     }
diff --git a/src/main/java/de/tum/cit/aet/artemis/atlas/service/profile/CourseLearnerProfileService.java b/src/main/java/de/tum/cit/aet/artemis/atlas/service/profile/CourseLearnerProfileService.java
new file mode 100644
index 000000000000..8ca20bec626e
--- /dev/null
+++ b/src/main/java/de/tum/cit/aet/artemis/atlas/service/profile/CourseLearnerProfileService.java
@@ -0,0 +1,82 @@
+package de.tum.cit.aet.artemis.atlas.service.profile;
+
+import static de.tum.cit.aet.artemis.core.config.Constants.PROFILE_CORE;
+
+import java.util.Set;
+import java.util.stream.Collectors;
+
+import org.springframework.context.annotation.Profile;
+import org.springframework.stereotype.Service;
+
+import de.tum.cit.aet.artemis.atlas.domain.profile.CourseLearnerProfile;
+import de.tum.cit.aet.artemis.atlas.repository.CourseLearnerProfileRepository;
+import de.tum.cit.aet.artemis.atlas.repository.LearnerProfileRepository;
+import de.tum.cit.aet.artemis.core.domain.Course;
+import de.tum.cit.aet.artemis.core.domain.User;
+
+@Profile(PROFILE_CORE)
+@Service
+public class CourseLearnerProfileService {
+
+    private final CourseLearnerProfileRepository courseLearnerProfileRepository;
+
+    private final LearnerProfileRepository learnerProfileRepository;
+
+    public CourseLearnerProfileService(CourseLearnerProfileRepository courseLearnerProfileRepository, LearnerProfileRepository learnerProfileRepository) {
+        this.courseLearnerProfileRepository = courseLearnerProfileRepository;
+        this.learnerProfileRepository = learnerProfileRepository;
+    }
+
+    /**
+     * Create a course learner profile for a user and saves it in the database
+     *
+     * @param course the course for which the profile is created
+     * @param user   the user for which the profile is created
+     */
+    public void createCourseLearnerProfile(Course course, User user) {
+        var courseProfile = new CourseLearnerProfile();
+        courseProfile.setCourse(course);
+
+        var learnerProfile = learnerProfileRepository.findByUserElseThrow(user);
+        courseProfile.setLearnerProfile(learnerProfile);
+
+        courseLearnerProfileRepository.save(courseProfile);
+    }
+
+    /**
+     * Create course learner profiles for a set of users and saves them in the database.
+     *
+     * @param course the course for which the profiles are created
+     * @param users  the users for which the profiles are created with eagerly loaded learner profiles
+     */
+    public void createCourseLearnerProfiles(Course course, Set<User> users) {
+        Set<CourseLearnerProfile> courseProfiles = users.stream().map(user -> {
+            var courseProfile = new CourseLearnerProfile();
+            courseProfile.setCourse(course);
+            courseProfile.setLearnerProfile(user.getLearnerProfile());
+
+            return courseProfile;
+        }).collect(Collectors.toSet());
+
+        courseLearnerProfileRepository.saveAll(courseProfiles);
+    }
+
+    /**
+     * Delete a course learner profile for a user
+     *
+     * @param course the course for which the profile is deleted
+     * @param user   the user for which the profile is deleted
+     */
+    public void deleteCourseLearnerProfile(Course course, User user) {
+        courseLearnerProfileRepository.deleteByCourseAndUser(course, user);
+    }
+
+    /**
+     * Delete all course learner profiles for a course
+     *
+     * @param course the course for which the profiles are deleted
+     */
+    public void deleteAllForCourse(Course course) {
+        courseLearnerProfileRepository.deleteAllByCourse(course);
+    }
+}
diff --git a/src/main/java/de/tum/cit/aet/artemis/atlas/service/profile/LearnerProfileService.java b/src/main/java/de/tum/cit/aet/artemis/atlas/service/profile/LearnerProfileService.java
new file mode 100644
index 000000000000..5b92074b1c0d
--- /dev/null
+++ b/src/main/java/de/tum/cit/aet/artemis/atlas/service/profile/LearnerProfileService.java
@@ -0,0 +1,46 @@
+package de.tum.cit.aet.artemis.atlas.service.profile;
+
+import static de.tum.cit.aet.artemis.core.config.Constants.PROFILE_CORE;
+
+import org.springframework.context.annotation.Profile;
+import org.springframework.stereotype.Service;
+
+import de.tum.cit.aet.artemis.atlas.domain.profile.LearnerProfile;
+import de.tum.cit.aet.artemis.atlas.repository.LearnerProfileRepository;
+import de.tum.cit.aet.artemis.core.domain.User;
+import de.tum.cit.aet.artemis.core.repository.UserRepository;
+
+@Profile(PROFILE_CORE)
+@Service
+public class LearnerProfileService {
+
+    private final LearnerProfileRepository learnerProfileRepository;
+
+    private final UserRepository userRepository;
+
+    public LearnerProfileService(LearnerProfileRepository learnerProfileRepository, UserRepository userRepository) {
+        this.learnerProfileRepository = learnerProfileRepository;
+        this.userRepository = userRepository;
+    }
+
+    /**
+     * Create a learner profile for a user and saves it in the database
+     *
+     * @param user the user for which the profile is created
+     */
+    public void createProfile(User user) {
+        var profile = new LearnerProfile();
+        profile.setUser(user);
+        user.setLearnerProfile(profile);
+        userRepository.save(user);
+    }
+
+    /**
+     * Delete the learner profile of a user
+     *
+     * @param user the user for which the profile is deleted
+     */
+    public void deleteProfile(User user) {
+        learnerProfileRepository.deleteByUser(user);
+    }
+}
diff --git a/src/main/java/de/tum/cit/aet/artemis/core/domain/User.java b/src/main/java/de/tum/cit/aet/artemis/core/domain/User.java
index cebc42aafde9..e6c05978126b 100644
--- a/src/main/java/de/tum/cit/aet/artemis/core/domain/User.java
+++ b/src/main/java/de/tum/cit/aet/artemis/core/domain/User.java
@@ -21,6 +21,7 @@
 import jakarta.persistence.JoinTable;
 import jakarta.persistence.ManyToMany;
 import jakarta.persistence.OneToMany;
+import jakarta.persistence.OneToOne;
 import jakarta.persistence.Table;
 import jakarta.persistence.Transient;
 import jakarta.validation.constraints.Email;
@@ -40,6 +41,7 @@
 
 import de.tum.cit.aet.artemis.atlas.domain.competency.CompetencyProgress;
 import de.tum.cit.aet.artemis.atlas.domain.competency.LearningPath;
+import de.tum.cit.aet.artemis.atlas.domain.profile.LearnerProfile;
 import de.tum.cit.aet.artemis.communication.domain.SavedPost;
 import de.tum.cit.aet.artemis.communication.domain.push_notification.PushNotificationDeviceConfiguration;
 import de.tum.cit.aet.artemis.core.config.Constants;
@@ -211,6 +213,11 @@ public class User extends AbstractAuditingEntity implements Participant {
     @Column(name = "iris_accepted")
     private ZonedDateTime irisAccepted = null;
 
+    @OneToOne(fetch = FetchType.LAZY, cascade = CascadeType.ALL, orphanRemoval = true)
+    @JsonIgnoreProperties("user")
+    @JoinColumn(name = "learner_profile_id")
+    private LearnerProfile learnerProfile;
+
     public User() {
     }
 
@@ -547,4 +554,12 @@ public void hasAcceptedIrisElseThrow() {
             throw new AccessForbiddenException("The user has not accepted the Iris privacy policy yet.");
         }
     }
+
+    public LearnerProfile getLearnerProfile() {
+        return learnerProfile;
+    }
+
+    public void setLearnerProfile(LearnerProfile learnerProfile) {
+        this.learnerProfile = learnerProfile;
+    }
 }
diff --git a/src/main/java/de/tum/cit/aet/artemis/core/repository/UserRepository.java b/src/main/java/de/tum/cit/aet/artemis/core/repository/UserRepository.java
index 6eb94330acff..ddf54cd99117 100644
--- a/src/main/java/de/tum/cit/aet/artemis/core/repository/UserRepository.java
+++ b/src/main/java/de/tum/cit/aet/artemis/core/repository/UserRepository.java
@@ -178,6 +178,9 @@ OR LOWER(user.login) = LOWER(:searchInput)
     @EntityGraph(type = LOAD, attributePaths = { "groups", "authorities" })
     Set<User> findAllWithGroupsAndAuthoritiesByIsDeletedIsFalseAndGroupsContains(String groupName);
 
+    @EntityGraph(type = LOAD, attributePaths = { "groups", "authorities", "learnerProfile" })
+    Set<User> findAllWithGroupsAndAuthoritiesAndLearnerProfileByIsDeletedIsFalseAndGroupsContains(String groupName);
+
     @Query("""
             SELECT DISTINCT user
             FROM User user
@@ -995,6 +998,16 @@ default Set<User> getStudents(Course course) {
         return findAllWithGroupsAndAuthoritiesByIsDeletedIsFalseAndGroupsContains(course.getStudentGroupName());
     }
 
+    /**
+     * Get students by given course with their learner Profile
+     *
+     * @param course object
+     * @return students for given course
+     */
+    default Set<User> getStudentsWithLearnerProfile(Course course) {
+        return findAllWithGroupsAndAuthoritiesAndLearnerProfileByIsDeletedIsFalseAndGroupsContains(course.getStudentGroupName());
+    }
+
     /**
      * Get tutors by given course
      *
diff --git a/src/main/java/de/tum/cit/aet/artemis/core/service/CourseService.java b/src/main/java/de/tum/cit/aet/artemis/core/service/CourseService.java
index 6122b92810c2..b60d01d40313 100644
--- a/src/main/java/de/tum/cit/aet/artemis/core/service/CourseService.java
+++ b/src/main/java/de/tum/cit/aet/artemis/core/service/CourseService.java
@@ -55,6 +55,7 @@
 import de.tum.cit.aet.artemis.assessment.service.TutorLeaderboardService;
 import de.tum.cit.aet.artemis.atlas.api.CompetencyProgressApi;
 import de.tum.cit.aet.artemis.atlas.api.CompetencyRelationApi;
+import de.tum.cit.aet.artemis.atlas.api.LearnerProfileApi;
 import de.tum.cit.aet.artemis.atlas.api.LearningPathApi;
 import de.tum.cit.aet.artemis.atlas.api.PrerequisitesApi;
 import de.tum.cit.aet.artemis.communication.domain.FaqState;
@@ -127,8 +128,6 @@ public class CourseService {
 
     private static final Logger log = LoggerFactory.getLogger(CourseService.class);
 
-    private final FaqRepository faqRepository;
-
     @Value("${artemis.course-archives-path}")
     private Path courseArchivesDirPath;
 
@@ -216,6 +215,10 @@ public class CourseService {
 
     private final BuildJobRepository buildJobRepository;
 
+    private final FaqRepository faqRepository;
+
+    private final LearnerProfileApi learnerProfileApi;
+
     private final LLMTokenUsageTraceRepository llmTokenUsageTraceRepository;
 
     public CourseService(CourseRepository courseRepository, ExerciseService exerciseService, ExerciseDeletionService exerciseDeletionService,
@@ -231,7 +234,8 @@ public CourseService(CourseRepository courseRepository, ExerciseService exercise
             LearningPathApi learningPathApi, Optional<IrisSettingsService> irisSettingsService, LectureRepository lectureRepository,
             TutorialGroupNotificationRepository tutorialGroupNotificationRepository, TutorialGroupChannelManagementService tutorialGroupChannelManagementService,
             PrerequisitesApi prerequisitesApi, CompetencyRelationApi competencyRelationApi, PostRepository postRepository, AnswerPostRepository answerPostRepository,
-            BuildJobRepository buildJobRepository, FaqRepository faqRepository, LLMTokenUsageTraceRepository llmTokenUsageTraceRepository) {
+            BuildJobRepository buildJobRepository, FaqRepository faqRepository, LearnerProfileApi learnerProfileApi, LLMTokenUsageTraceRepository llmTokenUsageTraceRepository) {
+
         this.courseRepository = courseRepository;
         this.exerciseService = exerciseService;
         this.exerciseDeletionService = exerciseDeletionService;
@@ -275,6 +279,7 @@ public CourseService(CourseRepository courseRepository, ExerciseService exercise
         this.postRepository = postRepository;
         this.answerPostRepository = answerPostRepository;
         this.faqRepository = faqRepository;
+        this.learnerProfileApi = learnerProfileApi;
         this.llmTokenUsageTraceRepository = llmTokenUsageTraceRepository;
     }
 
@@ -526,6 +531,7 @@ public void delete(Course course) {
         deleteExamsOfCourse(course);
         deleteGradingScaleOfCourse(course);
         deleteFaqsOfCourse(course);
+        learnerProfileApi.deleteAllForCourse(course);
         irisSettingsService.ifPresent(iss -> iss.deleteSettingsFor(course));
         courseRepository.deleteById(course.getId());
         log.debug("Successfully deleted course {}.", course.getTitle());
@@ -636,6 +642,7 @@ public void enrollUserForCourseOrThrow(User user, Course course) {
         authCheckService.checkUserAllowedToEnrollInCourseElseThrow(user, course);
         userService.addUserToGroup(user, course.getStudentGroupName());
         if (course.getLearningPathsEnabled()) {
+            learnerProfileApi.createCourseLearnerProfile(course, user);
             learningPathApi.generateLearningPathForUser(course, user);
         }
         final var auditEvent = new AuditEvent(user.getLogin(), Constants.ENROLL_IN_COURSE, "course=" + course.getTitle());
@@ -669,6 +676,7 @@ public List<StudentDTO> registerUsersForCourseGroup(Long courseId, List<StudentD
                 notFoundStudentsDTOs.add(studentDto);
             }
             else if (courseGroupRole == Role.STUDENT && course.getLearningPathsEnabled()) {
+                learnerProfileApi.createCourseLearnerProfile(course, optionalStudent.get());
                 learningPathApi.generateLearningPathForUser(course, optionalStudent.get());
             }
         }
@@ -685,6 +693,7 @@ else if (courseGroupRole == Role.STUDENT && course.getLearningPathsEnabled()) {
     public void unenrollUserForCourseOrThrow(User user, Course course) {
         authCheckService.checkUserAllowedToUnenrollFromCourseElseThrow(user, course);
         userService.removeUserFromGroup(user, course.getStudentGroupName());
+        learnerProfileApi.deleteCourseLearnerProfile(course, user);
         final var auditEvent = new AuditEvent(user.getLogin(), Constants.UNENROLL_FROM_COURSE, "course=" + course.getTitle());
         auditEventRepository.add(auditEvent);
         log.info("User {} has successfully unenrolled from course {}", user.getLogin(), course.getTitle());
@@ -1063,11 +1072,17 @@ public List<User> searchOtherUsersNameInCourse(Course course, String nameOfUser)
     /**
      * adds a given user to a user group
      *
-     * @param user  user to be added to a group
-     * @param group user-group where the user should be added
+     * @param user   user to be added to a group
+     * @param group  user-group where the user should be added
+     * @param course the course in which the user should be added
      */
-    public void addUserToGroup(User user, String group) {
+    public void addUserToGroup(User user, String group, Course course) {
         userService.addUserToGroup(user, group);
+        if (group.equals(course.getStudentGroupName()) && course.getLearningPathsEnabled()) {
+            Course courseWithCompetencies = courseRepository.findWithEagerCompetenciesAndPrerequisitesByIdElseThrow(course.getId());
+            learnerProfileApi.createCourseLearnerProfile(course, user);
+            learningPathApi.generateLearningPathForUser(courseWithCompetencies, user);
+        }
     }
 
     /**
diff --git a/src/main/java/de/tum/cit/aet/artemis/core/service/UserScheduleService.java b/src/main/java/de/tum/cit/aet/artemis/core/service/UserScheduleService.java
index ffbe1ec288fa..d9004f8febb6 100644
--- a/src/main/java/de/tum/cit/aet/artemis/core/service/UserScheduleService.java
+++ b/src/main/java/de/tum/cit/aet/artemis/core/service/UserScheduleService.java
@@ -17,6 +17,7 @@
 import org.springframework.context.annotation.Profile;
 import org.springframework.stereotype.Service;
 
+import de.tum.cit.aet.artemis.atlas.api.LearnerProfileApi;
 import de.tum.cit.aet.artemis.core.domain.User;
 import de.tum.cit.aet.artemis.core.exception.VersionControlException;
 import de.tum.cit.aet.artemis.core.repository.UserRepository;
@@ -39,15 +40,19 @@ public class UserScheduleService {
 
     private final ScheduledExecutorService scheduler;
 
+    private final LearnerProfileApi learnerProfileApi;
+
     // Used for tracking and canceling the non-activated accounts that will be cleaned up.
     // The key of the map is the user id.
     private final Map<Long, ScheduledFuture<?>> nonActivatedAccountsFutures = new ConcurrentHashMap<>();
 
-    public UserScheduleService(UserRepository userRepository, Optional<VcsUserManagementService> optionalVcsUserManagementService, CacheManager cacheManager) {
+    public UserScheduleService(UserRepository userRepository, Optional<VcsUserManagementService> optionalVcsUserManagementService, CacheManager cacheManager,
+            LearnerProfileApi learnerProfileApi) {
         this.userRepository = userRepository;
         this.optionalVcsUserManagementService = optionalVcsUserManagementService;
         this.cacheManager = cacheManager;
         this.scheduler = Executors.newScheduledThreadPool(Runtime.getRuntime().availableProcessors());
+        this.learnerProfileApi = learnerProfileApi;
     }
 
     /**
@@ -114,6 +119,7 @@ private void deleteUser(User user) {
         userRepository.delete(user);
         clearUserCaches(user);
         userRepository.flush();
+        learnerProfileApi.deleteProfile(user);
     }
 
     /**
diff --git a/src/main/java/de/tum/cit/aet/artemis/core/service/user/UserCreationService.java b/src/main/java/de/tum/cit/aet/artemis/core/service/user/UserCreationService.java
index 12133bfb8800..3355406a39bb 100644
--- a/src/main/java/de/tum/cit/aet/artemis/core/service/user/UserCreationService.java
+++ b/src/main/java/de/tum/cit/aet/artemis/core/service/user/UserCreationService.java
@@ -23,6 +23,7 @@
 import org.springframework.dao.InvalidDataAccessApiUsageException;
 import org.springframework.stereotype.Service;
 
+import de.tum.cit.aet.artemis.atlas.api.LearnerProfileApi;
 import de.tum.cit.aet.artemis.core.config.Constants;
 import de.tum.cit.aet.artemis.core.domain.Authority;
 import de.tum.cit.aet.artemis.core.domain.Organization;
@@ -74,9 +75,11 @@ public class UserCreationService {
 
     private final CacheManager cacheManager;
 
+    private final LearnerProfileApi learnerProfileApi;
+
     public UserCreationService(UserRepository userRepository, PasswordService passwordService, AuthorityRepository authorityRepository, CourseRepository courseRepository,
             Optional<VcsUserManagementService> optionalVcsUserManagementService, Optional<CIUserManagementService> optionalCIUserManagementService, CacheManager cacheManager,
-            OrganizationRepository organizationRepository) {
+            OrganizationRepository organizationRepository, LearnerProfileApi learnerProfileApi) {
         this.userRepository = userRepository;
         this.passwordService = passwordService;
         this.authorityRepository = authorityRepository;
@@ -85,6 +88,7 @@ public UserCreationService(UserRepository userRepository, PasswordService passwo
         this.optionalCIUserManagementService = optionalCIUserManagementService;
         this.cacheManager = cacheManager;
         this.organizationRepository = organizationRepository;
+        this.learnerProfileApi = learnerProfileApi;
     }
 
     /**
@@ -142,7 +146,8 @@ public User createUser(String login, @Nullable String password, @Nullable Set<St
         catch (InvalidDataAccessApiUsageException | PatternSyntaxException pse) {
             log.warn("Could not retrieve matching organizations from pattern: {}", pse.getMessage());
         }
-        saveUser(newUser);
+        newUser = saveUser(newUser);
+        learnerProfileApi.createProfile(newUser);
         log.debug("Created user: {}", newUser);
         return newUser;
     }
@@ -196,6 +201,8 @@ public User createUser(ManagedUserVM userDTO) {
 
         addUserToGroupsInternal(user, userDTO.getGroups());
 
+        learnerProfileApi.createProfile(user);
+
         log.debug("Created Information for User: {}", user);
         return user;
     }
diff --git a/src/main/java/de/tum/cit/aet/artemis/core/service/user/UserService.java b/src/main/java/de/tum/cit/aet/artemis/core/service/user/UserService.java
index 4ac3f22aaa17..5cce968fc5ce 100644
--- a/src/main/java/de/tum/cit/aet/artemis/core/service/user/UserService.java
+++ b/src/main/java/de/tum/cit/aet/artemis/core/service/user/UserService.java
@@ -38,6 +38,7 @@
 import org.springframework.stereotype.Service;
 import org.springframework.util.StringUtils;
 
+import de.tum.cit.aet.artemis.atlas.api.LearnerProfileApi;
 import de.tum.cit.aet.artemis.atlas.api.ScienceEventApi;
 import de.tum.cit.aet.artemis.communication.domain.SavedPost;
 import de.tum.cit.aet.artemis.communication.repository.SavedPostRepository;
@@ -115,13 +116,15 @@ public class UserService {
 
     private final ParticipationVcsAccessTokenService participationVCSAccessTokenService;
 
+    private final LearnerProfileApi learnerProfileApi;
+
     private final SavedPostRepository savedPostRepository;
 
     public UserService(UserCreationService userCreationService, UserRepository userRepository, AuthorityService authorityService, AuthorityRepository authorityRepository,
             CacheManager cacheManager, Optional<LdapUserService> ldapUserService, GuidedTourSettingsRepository guidedTourSettingsRepository, PasswordService passwordService,
             Optional<VcsUserManagementService> optionalVcsUserManagementService, Optional<CIUserManagementService> optionalCIUserManagementService,
             InstanceMessageSendService instanceMessageSendService, FileService fileService, ScienceEventApi scienceEventApi,
-            ParticipationVcsAccessTokenService participationVCSAccessTokenService, SavedPostRepository savedPostRepository) {
+            ParticipationVcsAccessTokenService participationVCSAccessTokenService, LearnerProfileApi learnerProfileApi, SavedPostRepository savedPostRepository) {
         this.userCreationService = userCreationService;
         this.userRepository = userRepository;
         this.authorityService = authorityService;
@@ -136,6 +139,7 @@ public UserService(UserCreationService userCreationService, UserRepository userR
         this.fileService = fileService;
         this.scienceEventApi = scienceEventApi;
         this.participationVCSAccessTokenService = participationVCSAccessTokenService;
+        this.learnerProfileApi = learnerProfileApi;
         this.savedPostRepository = savedPostRepository;
     }
 
@@ -469,7 +473,9 @@ public void updateUserInConnectorsAndAuthProvider(User user, String oldUserLogin
     public void softDeleteUser(String login) {
         userRepository.findOneWithGroupsByLogin(login).ifPresent(user -> {
             participationVCSAccessTokenService.deleteAllByUserId(user.getId());
+            learnerProfileApi.deleteProfile(user);
             user.setDeleted(true);
+            user.setLearnerProfile(null);
             anonymizeUser(user);
             log.warn("Soft Deleted User: {}", user);
         });
diff --git a/src/main/java/de/tum/cit/aet/artemis/core/web/CourseResource.java b/src/main/java/de/tum/cit/aet/artemis/core/web/CourseResource.java
index 3523bcb48608..9880ba867b40 100644
--- a/src/main/java/de/tum/cit/aet/artemis/core/web/CourseResource.java
+++ b/src/main/java/de/tum/cit/aet/artemis/core/web/CourseResource.java
@@ -66,6 +66,7 @@
 import de.tum.cit.aet.artemis.assessment.service.CourseScoreCalculationService;
 import de.tum.cit.aet.artemis.assessment.service.GradingScaleService;
 import de.tum.cit.aet.artemis.athena.service.AthenaModuleService;
+import de.tum.cit.aet.artemis.atlas.api.LearnerProfileApi;
 import de.tum.cit.aet.artemis.atlas.api.LearningPathApi;
 import de.tum.cit.aet.artemis.communication.service.ConductAgreementService;
 import de.tum.cit.aet.artemis.core.config.Constants;
@@ -177,6 +178,8 @@ public class CourseResource {
 
     private final Optional<AthenaModuleService> athenaModuleService;
 
+    private final LearnerProfileApi learnerProfileApi;
+
     @Value("${artemis.course-archives-path}")
     private String courseArchivesDirPath;
 
@@ -195,7 +198,7 @@ public CourseResource(UserRepository userRepository, CourseService courseService
             FileService fileService, TutorialGroupsConfigurationService tutorialGroupsConfigurationService, GradingScaleService gradingScaleService,
             CourseScoreCalculationService courseScoreCalculationService, GradingScaleRepository gradingScaleRepository, LearningPathApi learningPathApi,
             ConductAgreementService conductAgreementService, Optional<AthenaModuleService> athenaModuleService, ExamRepository examRepository, ComplaintService complaintService,
-            TeamRepository teamRepository) {
+            TeamRepository teamRepository, LearnerProfileApi learnerProfileApi) {
         this.courseService = courseService;
         this.courseRepository = courseRepository;
         this.exerciseService = exerciseService;
@@ -219,6 +222,7 @@ public CourseResource(UserRepository userRepository, CourseService courseService
         this.examRepository = examRepository;
         this.complaintService = complaintService;
         this.teamRepository = teamRepository;
+        this.learnerProfileApi = learnerProfileApi;
     }
 
     /**
@@ -335,6 +339,8 @@ else if (courseUpdate.getCourseIcon() == null && existingCourse.getCourseIcon()
         // if learning paths got enabled, generate learning paths for students
         if (existingCourse.getLearningPathsEnabled() != courseUpdate.getLearningPathsEnabled() && courseUpdate.getLearningPathsEnabled()) {
             Course courseWithCompetencies = courseRepository.findWithEagerCompetenciesAndPrerequisitesByIdElseThrow(result.getId());
+            Set<User> students = userRepository.getStudentsWithLearnerProfile(courseWithCompetencies);
+            learnerProfileApi.createCourseLearnerProfiles(courseWithCompetencies, students);
             learningPathApi.generateLearningPaths(courseWithCompetencies);
         }
 
@@ -1175,7 +1181,7 @@ public ResponseEntity<String> getCourseTitle(@PathVariable Long courseId) {
     public ResponseEntity<Void> addStudentToCourse(@PathVariable Long courseId, @PathVariable String studentLogin) {
         log.debug("REST request to add {} as student to course : {}", studentLogin, courseId);
         var course = courseRepository.findByIdElseThrow(courseId);
-        return addUserToCourseGroup(studentLogin, userRepository.getUserWithGroupsAndAuthorities(), course, course.getStudentGroupName(), Role.STUDENT);
+        return addUserToCourseGroup(studentLogin, userRepository.getUserWithGroupsAndAuthorities(), course, course.getStudentGroupName());
     }
 
     /**
@@ -1190,7 +1196,7 @@ public ResponseEntity<Void> addStudentToCourse(@PathVariable Long courseId, @Pat
     public ResponseEntity<Void> addTutorToCourse(@PathVariable Long courseId, @PathVariable String tutorLogin) {
         log.debug("REST request to add {} as tutors to course : {}", tutorLogin, courseId);
         var course = courseRepository.findByIdElseThrow(courseId);
-        return addUserToCourseGroup(tutorLogin, userRepository.getUserWithGroupsAndAuthorities(), course, course.getTeachingAssistantGroupName(), Role.TEACHING_ASSISTANT);
+        return addUserToCourseGroup(tutorLogin, userRepository.getUserWithGroupsAndAuthorities(), course, course.getTeachingAssistantGroupName());
     }
 
     /**
@@ -1206,7 +1212,7 @@ public ResponseEntity<Void> addEditorToCourse(@PathVariable Long courseId, @Path
         log.debug("REST request to add {} as editors to course : {}", editorLogin, courseId);
         Course course = courseRepository.findByIdElseThrow(courseId);
         courseService.checkIfEditorGroupsNeedsToBeCreated(course);
-        return addUserToCourseGroup(editorLogin, userRepository.getUserWithGroupsAndAuthorities(), course, course.getEditorGroupName(), Role.EDITOR);
+        return addUserToCourseGroup(editorLogin, userRepository.getUserWithGroupsAndAuthorities(), course, course.getEditorGroupName());
     }
 
     /**
@@ -1221,7 +1227,7 @@ public ResponseEntity<Void> addEditorToCourse(@PathVariable Long courseId, @Path
     public ResponseEntity<Void> addInstructorToCourse(@PathVariable Long courseId, @PathVariable String instructorLogin) {
         log.debug("REST request to add {} as instructors to course : {}", instructorLogin, courseId);
         var course = courseRepository.findByIdElseThrow(courseId);
-        return addUserToCourseGroup(instructorLogin, userRepository.getUserWithGroupsAndAuthorities(), course, course.getInstructorGroupName(), Role.INSTRUCTOR);
+        return addUserToCourseGroup(instructorLogin, userRepository.getUserWithGroupsAndAuthorities(), course, course.getInstructorGroupName());
     }
 
     /**
@@ -1231,21 +1237,17 @@ public ResponseEntity<Void> addInstructorToCourse(@PathVariable Long courseId, @
      * @param instructorOrAdmin the user who initiates this request who must be an instructor of the given course or an admin
      * @param course            the course which is only passes to check if the instructorOrAdmin is an instructor of the course
      * @param group             the group to which the userLogin should be added
-     * @param role              the role which should be added
      * @return empty ResponseEntity with status 200 (OK) or with status 404 (Not Found) or with status 403 (Forbidden)
      */
     @NotNull
-    public ResponseEntity<Void> addUserToCourseGroup(String userLogin, User instructorOrAdmin, Course course, String group, Role role) {
+    public ResponseEntity<Void> addUserToCourseGroup(String userLogin, User instructorOrAdmin, Course course, String group) {
         if (authCheckService.isAtLeastInstructorInCourse(course, instructorOrAdmin)) {
             Optional<User> userToAddToGroup = userRepository.findOneWithGroupsAndAuthoritiesByLogin(userLogin);
             if (userToAddToGroup.isEmpty()) {
                 throw new EntityNotFoundException("User", userLogin);
             }
-            courseService.addUserToGroup(userToAddToGroup.get(), group);
-            if (role == Role.STUDENT && course.getLearningPathsEnabled()) {
-                Course courseWithCompetencies = courseRepository.findWithEagerCompetenciesAndPrerequisitesByIdElseThrow(course.getId());
-                learningPathApi.generateLearningPathForUser(courseWithCompetencies, userToAddToGroup.get());
-            }
+            User user = userToAddToGroup.get();
+            courseService.addUserToGroup(user, group, course);
             return ResponseEntity.ok().body(null);
         }
         else {
diff --git a/src/main/resources/config/liquibase/changelog/20241107130000_changelog.xml b/src/main/resources/config/liquibase/changelog/20241107130000_changelog.xml
new file mode 100644
index 000000000000..0341d36332ca
--- /dev/null
+++ b/src/main/resources/config/liquibase/changelog/20241107130000_changelog.xml
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<databaseChangeLog xmlns="http://www.liquibase.org/xml/ns/dbchangelog"
+                   xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+                   xsi:schemaLocation="http://www.liquibase.org/xml/ns/dbchangelog https://www.liquibase.org/xml/ns/dbchangelog/dbchangelog-latest.xsd">
+    <changeSet id="20241107130000" author="stoehrj">
+        <createTable tableName="learner_profile">
+            <column name="id" type="BIGINT" autoIncrement="true">
+                <constraints primaryKey="true" nullable="false"/>
+            </column>
+        </createTable>
+
+        <addColumn tableName="jhi_user">
+            <column name="learner_profile_id" type="bigint"/>
+        </addColumn>
+
+        <addForeignKeyConstraint baseColumnNames="learner_profile_id" baseTableName="jhi_user" constraintName="FK_user_learner_profile" deferrable="false" initiallyDeferred="false" referencedColumnNames="id" referencedTableName="learner_profile" validate="true"/>
+
+        <createIndex tableName="jhi_user" indexName="idx_user_learner_profile">
+            <column name="learner_profile_id"/>
+        </createIndex>
+
+        <sql>
+            INSERT INTO learner_profile (id)
+            SELECT u.id
+            FROM jhi_user u;
+        </sql>
+
+        <sql>
+            UPDATE jhi_user u
+            SET learner_profile_id = u.id;
+        </sql>
+
+        <createTable tableName="course_learner_profile">
+            <column name="id" type="BIGINT" autoIncrement="true">
+                <constraints primaryKey="true" nullable="false"/>
+            </column>
+            <column defaultValueNumeric="0" name="aim_for_grade_or_bonus" type="int">
+                <constraints nullable="false"/>
+            </column>
+            <column defaultValueNumeric="0" name="time_investment" type="int">
+                <constraints nullable="false"/>
+            </column>
+            <column defaultValueNumeric="0" name="repetition_intensity" type="int">
+                <constraints nullable="false"/>
+            </column>
+            <column name="learner_profile_id" type="bigint">
+                <constraints nullable="false"/>
+            </column>
+            <column name="course_id" type="bigint">
+                <constraints nullable="false"/>
+            </column>
+        </createTable>
+
+        <addForeignKeyConstraint baseColumnNames="learner_profile_id" baseTableName="course_learner_profile" constraintName="FK_course_learner_profile_learner_profile" deferrable="false" initiallyDeferred="false" referencedColumnNames="id" referencedTableName="learner_profile" validate="true"/>
+        <addForeignKeyConstraint baseColumnNames="course_id" baseTableName="course_learner_profile" constraintName="FK_course_learner_profile_course" deferrable="false" initiallyDeferred="false" referencedColumnNames="id" referencedTableName="course" validate="true"/>
+
+        <createIndex tableName="course_learner_profile" indexName="idx_clp_learner_profile">
+            <column name="learner_profile_id"/>
+        </createIndex>
+        <createIndex tableName="course_learner_profile" indexName="idx_clp_course">
+            <column name="course_id"/>
+        </createIndex>
+
+        <sql>
+            INSERT INTO course_learner_profile (learner_profile_id, course_id)
+            SELECT lp.id, c.id
+            FROM learner_profile lp, course c
+            WHERE c.start_date &lt;= NOW()
+                AND c.end_date &gt;= NOW()
+                AND c.test_course = FALSE
+                AND c.learning_paths_enabled = TRUE;
+        </sql>
+    </changeSet>
+</databaseChangeLog>
diff --git a/src/main/resources/config/liquibase/master.xml b/src/main/resources/config/liquibase/master.xml
index c25b722955e3..9d85d51f1bb1 100644
--- a/src/main/resources/config/liquibase/master.xml
+++ b/src/main/resources/config/liquibase/master.xml
@@ -42,6 +42,7 @@
     <include file="classpath:config/liquibase/changelog/20241114122713_changelog.xml" relativeToChangelogFile="false"/>
     <include file="classpath:config/liquibase/changelog/20241119191919_changelog.xml" relativeToChangelogFile="false"/>
     <include file="classpath:config/liquibase/changelog/20241125000900_changelog.xml" relativeToChangelogFile="false"/>
+    <include file="classpath:config/liquibase/changelog/20241107130000_changelog.xml" relativeToChangelogFile="false"/>
     <include file="classpath:config/liquibase/changelog/20241217150008_changelog.xml" relativeToChangelogFile="false"/>
 
     <!-- NOTE: please use the format "YYYYMMDDhhmmss_changelog.xml", i.e. year month day hour minutes seconds and not something else! -->
diff --git a/src/test/java/de/tum/cit/aet/artemis/atlas/AbstractAtlasIntegrationTest.java b/src/test/java/de/tum/cit/aet/artemis/atlas/AbstractAtlasIntegrationTest.java
index 71fa3201a4fe..8685950fc701 100644
--- a/src/test/java/de/tum/cit/aet/artemis/atlas/AbstractAtlasIntegrationTest.java
+++ b/src/test/java/de/tum/cit/aet/artemis/atlas/AbstractAtlasIntegrationTest.java
@@ -9,6 +9,7 @@
 import de.tum.cit.aet.artemis.atlas.competency.util.PrerequisiteUtilService;
 import de.tum.cit.aet.artemis.atlas.competency.util.StandardizedCompetencyUtilService;
 import de.tum.cit.aet.artemis.atlas.learningpath.util.LearningPathUtilService;
+import de.tum.cit.aet.artemis.atlas.profile.util.LearnerProfileUtilService;
 import de.tum.cit.aet.artemis.atlas.repository.CompetencyJolRepository;
 import de.tum.cit.aet.artemis.atlas.repository.CompetencyRelationRepository;
 import de.tum.cit.aet.artemis.atlas.repository.CompetencyRepository;
@@ -145,6 +146,9 @@ public abstract class AbstractAtlasIntegrationTest extends AbstractSpringIntegra
     @Autowired
     protected LearningPathUtilService learningPathUtilService;
 
+    @Autowired
+    protected LearnerProfileUtilService learnerProfileUtilService;
+
     // External Util Services
     @Autowired
     protected PageableSearchUtilService pageableSearchUtilService;
diff --git a/src/test/java/de/tum/cit/aet/artemis/atlas/learningpath/LearningPathIntegrationTest.java b/src/test/java/de/tum/cit/aet/artemis/atlas/learningpath/LearningPathIntegrationTest.java
index a7bf7ca1aa01..9eca796775f4 100644
--- a/src/test/java/de/tum/cit/aet/artemis/atlas/learningpath/LearningPathIntegrationTest.java
+++ b/src/test/java/de/tum/cit/aet/artemis/atlas/learningpath/LearningPathIntegrationTest.java
@@ -83,6 +83,8 @@ void setupTestScenario() throws Exception {
         userUtilService.createAndSaveUser(TEST_PREFIX + "student1337");
         userUtilService.createAndSaveUser(TEST_PREFIX + "instructor1337");
 
+        learnerProfileUtilService.createLearnerProfilesForUsers(TEST_PREFIX);
+
         course = courseUtilService.createCoursesWithExercisesAndLectures(TEST_PREFIX, true, true, 1).getFirst();
         competencies = competencyUtilService.createCompetencies(course, 5);
 
@@ -246,10 +248,11 @@ void testGenerateLearningPathOnEnrollment() throws Exception {
         course = learningPathUtilService.enableAndGenerateLearningPathsForCourse(course);
 
         request.postWithResponseBody("/api/courses/" + course.getId() + "/enroll", null, Set.class, HttpStatus.OK);
-        final var user = userTestRepository.findOneWithLearningPathsByLogin(TEST_PREFIX + "student1337").orElseThrow();
+        final var user = userTestRepository.findOneWithLearningPathsAndLearnerProfileByLogin(TEST_PREFIX + "student1337").orElseThrow();
 
         assertThat(user.getLearningPaths()).isNotNull();
-        assertThat(user.getLearningPaths().size()).as("should create LearningPath for student").isEqualTo(1);
+        assertThat(user.getLearningPaths()).as("should create LearningPath for student").hasSize(1);
+        assertThat(user.getLearnerProfile().getCourseLearnerProfiles()).hasSize(1);
     }
 
     @Test
diff --git a/src/test/java/de/tum/cit/aet/artemis/atlas/profile/LearnerProfileIntegrationTest.java b/src/test/java/de/tum/cit/aet/artemis/atlas/profile/LearnerProfileIntegrationTest.java
new file mode 100644
index 000000000000..3eef9a88270a
--- /dev/null
+++ b/src/test/java/de/tum/cit/aet/artemis/atlas/profile/LearnerProfileIntegrationTest.java
@@ -0,0 +1,38 @@
+package de.tum.cit.aet.artemis.atlas.profile;
+
+import static org.assertj.core.api.AssertionsForClassTypes.assertThat;
+
+import org.hibernate.Hibernate;
+import org.junit.jupiter.api.BeforeEach;
+import org.junit.jupiter.api.Test;
+import org.springframework.security.test.context.support.WithMockUser;
+
+import de.tum.cit.aet.artemis.atlas.AbstractAtlasIntegrationTest;
+import de.tum.cit.aet.artemis.core.domain.User;
+
+class LearnerProfileIntegrationTest extends AbstractAtlasIntegrationTest {
+
+    private static final String TEST_PREFIX = "learnerprofiledatabase";
+
+    private static final int NUMBER_OF_STUDENTS = 1;
+
+    private static final String STUDENT1_OF_COURSE = TEST_PREFIX + "student1";
+
+    @BeforeEach
+    void setupTestScenario() {
+        userUtilService.addUsers(TEST_PREFIX, NUMBER_OF_STUDENTS, 1, 1, 1);
+
+        // Add users that are not in the course
+        userUtilService.createAndSaveUser(TEST_PREFIX + "student1337");
+        userUtilService.createAndSaveUser(TEST_PREFIX + "instructor1337");
+
+        learnerProfileUtilService.createLearnerProfilesForUsers(TEST_PREFIX);
+    }
+
+    @Test
+    @WithMockUser(username = STUDENT1_OF_COURSE, roles = "USER")
+    void testLazyFetchLearnerProfile() {
+        User user = userTestRepository.getUserWithGroupsAndAuthorities(STUDENT1_OF_COURSE);
+        assertThat(Hibernate.isInitialized(user.getLearnerProfile())).isFalse();
+    }
+}
diff --git a/src/test/java/de/tum/cit/aet/artemis/atlas/profile/util/LearnerProfileUtilService.java b/src/test/java/de/tum/cit/aet/artemis/atlas/profile/util/LearnerProfileUtilService.java
new file mode 100644
index 000000000000..bf1089a5ead6
--- /dev/null
+++ b/src/test/java/de/tum/cit/aet/artemis/atlas/profile/util/LearnerProfileUtilService.java
@@ -0,0 +1,27 @@
+package de.tum.cit.aet.artemis.atlas.profile.util;
+
+import java.util.Set;
+import java.util.stream.Collectors;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+
+import de.tum.cit.aet.artemis.atlas.domain.profile.LearnerProfile;
+import de.tum.cit.aet.artemis.core.domain.User;
+import de.tum.cit.aet.artemis.core.test_repository.UserTestRepository;
+
+@Service
+public class LearnerProfileUtilService {
+
+    @Autowired
+    private UserTestRepository userTestRepository;
+
+    public void createLearnerProfilesForUsers(String userPrefix) {
+        Set<User> users = userTestRepository.findAllByUserPrefix(userPrefix).stream().peek(user -> {
+            LearnerProfile learnerProfile = new LearnerProfile();
+            learnerProfile.setUser(user);
+            user.setLearnerProfile(learnerProfile);
+        }).collect(Collectors.toSet());
+        userTestRepository.saveAll(users);
+    }
+}
diff --git a/src/test/java/de/tum/cit/aet/artemis/core/test_repository/UserTestRepository.java b/src/test/java/de/tum/cit/aet/artemis/core/test_repository/UserTestRepository.java
index 2e3623ba1e55..2b1734d80fb2 100644
--- a/src/test/java/de/tum/cit/aet/artemis/core/test_repository/UserTestRepository.java
+++ b/src/test/java/de/tum/cit/aet/artemis/core/test_repository/UserTestRepository.java
@@ -59,8 +59,8 @@ default Page<User> findAllWithGroupsByIsDeletedIsFalse(Pageable pageable) {
         return new PageImpl<>(users, pageable, total);
     }
 
-    @EntityGraph(type = LOAD, attributePaths = { "learningPaths" })
-    Optional<User> findOneWithLearningPathsByLogin(String login);
+    @EntityGraph(type = LOAD, attributePaths = { "learningPaths", "learnerProfile", "learnerProfile.courseLearnerProfiles" })
+    Optional<User> findOneWithLearningPathsAndLearnerProfileByLogin(String login);
 
     @EntityGraph(type = LOAD, attributePaths = { "learningPaths" })
     Optional<User> findWithLearningPathsById(long userId);
@@ -75,4 +75,11 @@ default Page<User> findAllWithGroupsByIsDeletedIsFalse(Pageable pageable) {
     default User findWithLearningPathsByIdElseThrow(long userId) {
         return getValueElseThrow(findWithLearningPathsById(userId), userId);
     }
+
+    @Query("""
+            SELECT user
+            FROM User user
+            WHERE user.login LIKE CONCAT(:userPrefix, '%')
+            """)
+    Set<User> findAllByUserPrefix(String userPrefix);
 }
diff --git a/src/test/java/de/tum/cit/aet/artemis/core/user/util/UserTestService.java b/src/test/java/de/tum/cit/aet/artemis/core/user/util/UserTestService.java
index 3f4606f09e63..763b15ec01a0 100644
--- a/src/test/java/de/tum/cit/aet/artemis/core/user/util/UserTestService.java
+++ b/src/test/java/de/tum/cit/aet/artemis/core/user/util/UserTestService.java
@@ -27,6 +27,7 @@
 
 import de.tum.cit.aet.artemis.atlas.domain.science.ScienceEvent;
 import de.tum.cit.aet.artemis.atlas.domain.science.ScienceEventType;
+import de.tum.cit.aet.artemis.atlas.repository.LearnerProfileRepository;
 import de.tum.cit.aet.artemis.atlas.test_repository.ScienceEventTestRepository;
 import de.tum.cit.aet.artemis.core.config.Constants;
 import de.tum.cit.aet.artemis.core.domain.Authority;
@@ -109,6 +110,21 @@ public class UserTestService {
     @Autowired
     private MockMvc mockMvc;
 
+    @Autowired
+    private ParticipationVCSAccessTokenRepository participationVCSAccessTokenRepository;
+
+    @Autowired
+    private ParticipationTestRepository participationRepository;
+
+    @Autowired
+    private SubmissionTestRepository submissionRepository;
+
+    @Autowired
+    private LearnerProfileRepository learnerProfileRepository;
+
+    @Autowired
+    private ExerciseTestRepository exerciseTestRepository;
+
     private String TEST_PREFIX;
 
     private MockDelegate mockDelegate;
@@ -125,18 +141,6 @@ public class UserTestService {
 
     private static final int NUMBER_OF_INSTRUCTORS = 1;
 
-    @Autowired
-    private ParticipationVCSAccessTokenRepository participationVCSAccessTokenRepository;
-
-    @Autowired
-    private ParticipationTestRepository participationRepository;
-
-    @Autowired
-    private SubmissionTestRepository submissionRepository;
-
-    @Autowired
-    private ExerciseTestRepository exerciseTestRepository;
-
     public void setup(String testPrefix, MockDelegate mockDelegate) throws Exception {
         this.TEST_PREFIX = testPrefix;
         this.mockDelegate = mockDelegate;
@@ -407,6 +411,8 @@ public User createExternalUser_asAdmin_isSuccessful() throws Exception {
         assertThat(student).as("New user is equal to request response").isEqualTo(response);
         assertThat(student).as("New user is equal to new user in DB").isEqualTo(userInDB);
 
+        assertThat(learnerProfileRepository.findByUser(student)).isNotEmpty();
+
         return userInDB;
     }
 
diff --git a/src/test/java/de/tum/cit/aet/artemis/programming/AbstractProgrammingIntegrationJenkinsGitlabTest.java b/src/test/java/de/tum/cit/aet/artemis/programming/AbstractProgrammingIntegrationJenkinsGitlabTest.java
index 1923e7a53d54..292dbaf84e72 100644
--- a/src/test/java/de/tum/cit/aet/artemis/programming/AbstractProgrammingIntegrationJenkinsGitlabTest.java
+++ b/src/test/java/de/tum/cit/aet/artemis/programming/AbstractProgrammingIntegrationJenkinsGitlabTest.java
@@ -8,6 +8,7 @@
 
 import com.fasterxml.jackson.databind.ObjectMapper;
 
+import de.tum.cit.aet.artemis.atlas.profile.util.LearnerProfileUtilService;
 import de.tum.cit.aet.artemis.communication.repository.conversation.ChannelRepository;
 import de.tum.cit.aet.artemis.communication.test_repository.PostTestRepository;
 import de.tum.cit.aet.artemis.core.test_repository.UserTestRepository;
@@ -202,4 +203,7 @@ public abstract class AbstractProgrammingIntegrationJenkinsGitlabTest extends Ab
 
     @Autowired
     protected UserUtilService userUtilService;
+
+    @Autowired
+    protected LearnerProfileUtilService learnerProfileUtilService;
 }
diff --git a/src/test/java/de/tum/cit/aet/artemis/programming/CourseGitlabJenkinsIntegrationTest.java b/src/test/java/de/tum/cit/aet/artemis/programming/CourseGitlabJenkinsIntegrationTest.java
index b744f26b09c8..6d635786c9db 100644
--- a/src/test/java/de/tum/cit/aet/artemis/programming/CourseGitlabJenkinsIntegrationTest.java
+++ b/src/test/java/de/tum/cit/aet/artemis/programming/CourseGitlabJenkinsIntegrationTest.java
@@ -702,6 +702,7 @@ void testSearchStudentsAndTutorsAndInstructorsInOtherCourse_forbidden() throws E
     @Test
     @WithMockUser(username = TEST_PREFIX + "instructor1", roles = "INSTRUCTOR")
     void testAddStudentOrTutorOrInstructorToCourse() throws Exception {
+        learnerProfileUtilService.createLearnerProfilesForUsers(TEST_PREFIX);
         courseTestService.testAddStudentOrTutorOrEditorOrInstructorToCourse();
     }