fix: ng update core 19

package.json

@@ -12,28 +12,28 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^18.2.13",
+    "@angular/animations": "^19.2.14",
     "@angular/cdk": "^18.2.14",
-    "@angular/cli": "^18.2.19",
-    "@angular/common": "^18.2.13",
-    "@angular/compiler": "^18.2.13",
-    "@angular/core": "^18.2.13",
-    "@angular/forms": "^18.2.13",
+    "@angular/cli": "^19.2.14",
+    "@angular/common": "^19.2.14",
+    "@angular/compiler": "^19.2.14",
+    "@angular/core": "^19.2.14",
+    "@angular/forms": "^19.2.14",
     "@angular/material": "^18.2.14",
     "@angular/material-moment-adapter": "^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/platform-browser": "^19.2.14",
+    "@angular/platform-browser-dynamic": "^19.2.14",
+    "@angular/router": "^19.2.14",
+    "@angular/service-worker": "^19.2.14",
     "marked": "^12.0.1",
     "moment": "^2.29.4",
     "rxjs": "~7.5.0",
     "tslib": "^2.3.0",
-    "zone.js": "~0.14.10"
+    "zone.js": "~0.15.1"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^18.2.19",
-    "@angular/compiler-cli": "^18.2.13",
+    "@angular-devkit/build-angular": "^19.2.14",
+    "@angular/compiler-cli": "^19.2.14",
     "@types/jasmine": "~4.3.0",
     "jasmine-core": "~4.5.0",
     "karma": "~6.4.0",
@@ -41,6 +41,6 @@
     "karma-coverage": "~2.2.0",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.0.0",
-    "typescript": "~5.4.3"
+    "typescript": "~5.8.3"
   }
 }

src/app/admin-view/account-mgmt/account-mgmt.component.ts

@@ -12,7 +12,8 @@ import User from 'src/app/types/user';
 @Component({
     selector: 'app-account-mgmt',
     templateUrl: './account-mgmt.component.html',
-  styleUrls: ['./account-mgmt.component.scss']
+    styleUrls: ['./account-mgmt.component.scss'],
+    standalone: false
 })
 
 

src/app/admin-view/account-mgmt/user-delete/user-delete.component.ts

@@ -3,7 +3,8 @@ import { Component } from '@angular/core';
 @Component({
     selector: 'app-user-delete',
     templateUrl: './user-delete.component.html',
-  styleUrls: ['./user-delete.component.scss']
+    styleUrls: ['./user-delete.component.scss'],
+    standalone: false
 })
 export class UserDeleteComponent {
 

src/app/admin-view/account-mgmt/user-edit/user-edit.component.ts

@@ -19,7 +19,8 @@ export namespace UserEditComponent {
 @Component({
     selector: 'app-user-edit',
     templateUrl: './user-edit.component.html',
-  styleUrls: ['./user-edit.component.scss']
+    styleUrls: ['./user-edit.component.scss'],
+    standalone: false
 })
 export class UserEditComponent { 
   lockout = false;

src/app/admin-view/account-mgmt/user-reset/user-reset.component.ts

@@ -3,7 +3,8 @@ import { Component } from '@angular/core';
 @Component({
     selector: 'app-user-reset',
     templateUrl: './user-reset.component.html',
-  styleUrls: ['./user-reset.component.scss']
+    styleUrls: ['./user-reset.component.scss'],
+    standalone: false
 })
 export class UserResetComponent {
 

src/app/admin-view/admin-view.component.spec.ts

@@ -9,7 +9,10 @@ import { MatListModule } from '@angular/material/list';
 import { RouterModule } from '@angular/router';
 import { Component, Input } from '@angular/core';
 
-@Component({selector: "app-toolbar", template: ''})
+@Component({
+    selector: "app-toolbar", template: '',
+    standalone: false
+})
 class ToolbarMock {
     @Input() drawer!: MatDrawer;
 }

src/app/admin-view/admin-view.component.ts

@@ -6,7 +6,8 @@ import { Link } from '../types/link';
 @Component({
   selector: 'app-admin-view',
   templateUrl: './admin-view.component.html',
-  styleUrls: ['./admin-view.component.scss']
+  styleUrls: ['./admin-view.component.scss'],
+  standalone: false
 })
 export class AdminViewComponent {
   private readonly _LINKS: Link[] = [

src/app/admin-view/grades/attendence-summary/attendence-summary.component.ts

@@ -7,7 +7,8 @@ import { AdminCommService } from '../../admin-comm.service';
 @Component({
     selector: 'app-attendence-summary',
     templateUrl: './attendence-summary.component.html',
-  styleUrl: './attendence-summary.component.scss'
+    styleUrl: './attendence-summary.component.scss',
+    standalone: false
 })
 export class AttendenceSummaryComponent implements OnInit {
 

src/app/admin-view/grades/attendence-summary/hour-display/hour-display.component.ts

@@ -4,7 +4,8 @@ import moment from 'moment';
 @Component({
     selector: 'app-hour-display',
     templateUrl: './hour-display.component.html',
-  styleUrl: './hour-display.component.scss'
+    styleUrl: './hour-display.component.scss',
+    standalone: false
 })
 export class HourDisplayComponent {
   @Input() value = "";

src/app/admin-view/grades/attendence/attendence.component.ts

@@ -6,7 +6,8 @@ import { AdminCommService } from '../../admin-comm.service';
 @Component({
     selector: 'app-attendence',
     templateUrl: './attendence.component.html',
-  styleUrl: './attendence.component.scss'
+    styleUrl: './attendence.component.scss',
+    standalone: false
 })
 export class AttendenceComponent implements OnInit {
 

src/app/admin-view/grades/grades.component.spec.ts

@@ -12,14 +12,20 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { MatInputModule } from '@angular/material/input';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 
-@Component({selector: "app-date-selector", template: ''})
+@Component({
+    selector: "app-date-selector", template: '',
+    standalone: false
+})
 class DateSelectorStub {
     @Input() date: moment.Moment = moment.utc().startOf('day');
     @Output() dateChange = new EventEmitter<moment.Moment>();
     @Input() filter: (date: moment.Moment | null) => boolean = () => true
 }
 
-@Component({selector: "app-room-chooser", template: ''})
+@Component({
+    selector: "app-room-chooser", template: '',
+    standalone: false
+})
 class RoomSelectorStub {
   @Input() rooms: string[] = []
   @Output() room: EventEmitter<string> = new EventEmitter<string>();

src/app/admin-view/grades/grades.component.ts

@@ -12,7 +12,8 @@ import { AttendenceComponent } from './attendence/attendence.component';
 @Component({
     selector: 'app-grades',
     templateUrl: './grades.component.html',
-  styleUrl: './grades.component.scss'
+    styleUrl: './grades.component.scss',
+    standalone: false
 })
 export class GradesComponent implements OnInit, OnDestroy {
   rooms!: string[]

src/app/admin-view/grades/summary/summary.component.ts

@@ -10,7 +10,8 @@ import { MatSort } from '@angular/material/sort';
 @Component({
     selector: 'app-summary',
     templateUrl: './summary.component.html',
-  styleUrl: './summary.component.scss'
+    styleUrl: './summary.component.scss',
+    standalone: false
 })
 export class SummaryComponent implements OnInit, OnDestroy {
 

src/app/admin-view/groups/groups.component.ts

@@ -8,7 +8,8 @@ import { RemoveConfirmComponent } from './remove-confirm/remove-confirm.componen
 @Component({
     selector: 'app-groups',
     templateUrl: './groups.component.html',
-  styleUrls: ['./groups.component.scss']
+    styleUrls: ['./groups.component.scss'],
+    standalone: false
 })
 export class GroupsComponent implements OnInit {
   groups?: Group[]

src/app/admin-view/groups/remove-confirm/remove-confirm.component.ts

@@ -3,7 +3,8 @@ import { Component } from '@angular/core';
 @Component({
     selector: 'app-remove-confirm',
     templateUrl: './remove-confirm.component.html',
-  styleUrls: ['./remove-confirm.component.scss']
+    styleUrls: ['./remove-confirm.component.scss'],
+    standalone: false
 })
 export class RemoveConfirmComponent {
 

src/app/admin-view/key/key.component.ts

@@ -13,7 +13,8 @@ import { MatSnackBar } from '@angular/material/snack-bar';
 @Component({
     selector: 'app-admin-key',
     templateUrl: './key.component.html',
-  styleUrl: './key.component.scss'
+    styleUrl: './key.component.scss',
+    standalone: false
 })
 export class AdminKeyComponent implements AfterViewInit, OnInit {
   keys: MatTableDataSource<AKey> = new MatTableDataSource<AKey>();

src/app/admin-view/key/new-key/new-key.component.spec.ts

@@ -19,7 +19,8 @@ import { NoopAnimationsModule } from '@angular/platform-browser/animations';
         {
             provide: MatFormFieldControl,
             useExisting: UserSearchStub
-  }]
+        }],
+    standalone: false
 })
 class UserSearchStub implements ControlValueAccessor, MatFormFieldControl<never> {
   value: null = null;

src/app/admin-view/key/new-key/new-key.component.ts

@@ -7,7 +7,8 @@ import { UserSearchResult } from 'src/app/commonComponents/user-search/user-sear
 @Component({
     selector: 'app-new-key',
     templateUrl: './new-key.component.html',
-  styleUrl: './new-key.component.scss'
+    styleUrl: './new-key.component.scss',
+    standalone: false
 })
 export class NewKeyComponent implements OnInit {
   rooms: string[] = []

src/app/admin-view/menu-new/menu-add/menu-add.component.ts

@@ -13,7 +13,8 @@ import * as moment from 'moment';
     styleUrl: './menu-add.component.scss',
     providers: [
         { provide: MAT_DATE_RANGE_SELECTION_STRATEGY, useClass: FDSelection }
-  ]
+    ],
+    standalone: false
 })
 export class MenuAddComponent {
   type: string | undefined;

src/app/admin-view/menu-new/menu-new.component.ts

@@ -20,7 +20,8 @@ import { LocalStorageService } from 'src/app/services/local-storage.service';
     styleUrls: ['./menu-new.component.scss'],
     providers: [
         { provide: MAT_DATE_RANGE_SELECTION_STRATEGY, useClass: FDSelection }
-  ]
+    ],
+    standalone: false
 })
 export class MenuNewComponent {
   dcols: string[] = ['day', 'sn', 'ob', 'kol']

src/app/admin-view/menu-new/menu-upload/menu-upload.component.ts

@@ -6,6 +6,7 @@ import { MatDialogRef } from '@angular/material/dialog';
     selector: 'app-upload-edit',
     templateUrl: './menu-upload.component.html',
     styleUrls: ['./menu-upload.component.scss'],
+    standalone: false
 })
 export class MenuUploadComponent {
   constructor(private ac:AdminCommService, public dialogRef: MatDialogRef<MenuUploadComponent>) {}

src/app/admin-view/news-edit/new-post/edit-post.component.ts

@@ -5,7 +5,8 @@ import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
 @Component({
     selector: 'app-edit-post',
     templateUrl: './edit-post.component.html',
-  styleUrls: ['./edit-post.component.scss']
+    styleUrls: ['./edit-post.component.scss'],
+    standalone: false
 })
 export class NewPostComponent {
   form: FormGroup;

src/app/admin-view/news-edit/news-edit.component.ts

@@ -10,7 +10,8 @@ import { marked } from 'marked';
 @Component({
     selector: 'app-news-edit',
     templateUrl: './news-edit.component.html',
-  styleUrls: ['./news-edit.component.scss']
+    styleUrls: ['./news-edit.component.scss'],
+    standalone: false
 })
 export class NewsEditComponent implements OnInit {
   news:Array<News & {formatted: string}> = new Array<News & {formatted: string}>

src/app/admin-view/notifications/notifications.component.spec.ts

@@ -21,7 +21,8 @@ import { NoopAnimationsModule } from '@angular/platform-browser/animations';
         {
             provide: MatFormFieldControl,
             useExisting: UserSearchStub
-  }]
+        }],
+    standalone: false
 })
 class UserSearchStub implements ControlValueAccessor, MatFormFieldControl<never> {
   value: null = null;

src/app/admin-view/notifications/notifications.component.ts

@@ -11,7 +11,8 @@ import { UserSearchResult } from 'src/app/commonComponents/user-search/user-sear
 @Component({
     selector: 'app-notifications',
     templateUrl: './notifications.component.html',
-  styleUrls: ['./notifications.component.scss']
+    styleUrls: ['./notifications.component.scss'],
+    standalone: false
 })
 export class NotificationsComponent implements OnInit, OnDestroy {
   

src/app/admin-view/notifications/outbox/message/message.component.ts

@@ -4,7 +4,8 @@ import { AdminCommService } from 'src/app/admin-view/admin-comm.service';
 @Component({
     selector: 'app-message',
     templateUrl: './message.component.html',
-  styleUrl: './message.component.scss'
+    styleUrl: './message.component.scss',
+    standalone: false
 })
 export class MessageComponent {
   @Input() item!: {_id: string, sentDate: moment.Moment, title: string}

src/app/admin-view/notifications/outbox/outbox.component.ts

@@ -7,7 +7,8 @@ import moment from 'moment';
 @Component({
     selector: 'app-outbox',
     templateUrl: './outbox.component.html',
-  styleUrl: './outbox.component.scss'
+    styleUrl: './outbox.component.scss',
+    standalone: false
 })
 export class OutboxComponent implements OnInit {
 

src/app/admin-view/settings/settings.component.spec.ts

@@ -12,7 +12,10 @@ import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { of } from 'rxjs';
 import { MatInputModule } from '@angular/material/input';
 
-@Component({selector: 'app-list-editor', template: ''})
+@Component({
+    selector: 'app-list-editor', template: '',
+    standalone: false
+})
 class ListEditorStub {
   @Input() converter?: any[];
   @Input() list?: string[];

src/app/admin-view/settings/settings.component.ts

@@ -6,7 +6,8 @@ import { FormBuilder } from '@angular/forms';
 @Component({
     selector: 'app-settings',
     templateUrl: './settings.component.html',
-  styleUrl: './settings.component.scss'
+    styleUrl: './settings.component.scss',
+    standalone: false
 })
 export class SettingsComponent implements OnInit {
   usettings: IUSettings = {cleanThings: [], keyrooms: [], menu: {defaultItems: {kol: [], sn: []}}, rooms: [], security: {loginTimeout: {attempts: 0, lockout: 0, time: 0}}}

src/app/admin-view/start/start.component.ts

@@ -3,7 +3,8 @@ import { Component } from '@angular/core';
 @Component({
     selector: 'app-start',
     templateUrl: './start.component.html',
-  styleUrl: './start.component.scss'
+    styleUrl: './start.component.scss',
+    standalone: false
 })
 export class StartAdminComponent {
 

src/app/admin-view/toolbar/toolbar.component.ts

@@ -7,7 +7,8 @@ import { MatMenuTrigger } from '@angular/material/menu';
 @Component({
     selector: 'app-toolbar',
     templateUrl: './toolbar.component.html',
-  styleUrl: './toolbar.component.scss'
+    styleUrl: './toolbar.component.scss',
+    standalone: false
 })
 export class ToolbarComponent {
   @Input() drawer!: MatDrawer;

src/app/app-view/app-view.component.ts

@@ -12,7 +12,8 @@ import { NotifDialogComponent } from './notif-dialog/notif-dialog.component';
 @Component({
     selector: 'app-app-view',
     templateUrl: './app-view.component.html',
-  styleUrls: ['./app-view.component.scss']
+    styleUrls: ['./app-view.component.scss'],
+    standalone: false
 })
 export class AppViewComponent implements OnInit {
   private readonly _LINKS: Link[] = [

src/app/app-view/menu/allergens/allergens.component.ts

@@ -3,7 +3,8 @@ import { Component } from '@angular/core';
 @Component({
     selector: 'app-allergens',
     templateUrl: './allergens.component.html',
-  styleUrls: ['./allergens.component.scss']
+    styleUrls: ['./allergens.component.scss'],
+    standalone: false
 })
 export class AllergensComponent {
 

src/app/app-view/menu/menu.component.ts

@@ -10,7 +10,8 @@ import { LocalStorageService } from 'src/app/services/local-storage.service';
 @Component({
     selector: 'app-menu',
     templateUrl: './menu.component.html',
-  styleUrls: ['./menu.component.scss']
+    styleUrls: ['./menu.component.scss'],
+    standalone: false
 })
 export class MenuComponent {
     constructor(private uc:UpdatesService, readonly bs: MatBottomSheet, readonly ls: LocalStorageService) { 

src/app/app-view/news/news.component.ts

@@ -8,6 +8,7 @@ import { marked } from 'marked';
     selector: 'app-news',
     templateUrl: './news.component.html',
     styleUrls: ['./news.component.scss'],
+    standalone: false
 })
 export class NewsComponent implements OnInit {
   news:Array<News> = new Array<News>

src/app/app-view/notif-dialog/notif-dialog.component.ts

@@ -6,7 +6,8 @@ import { UpdatesService } from 'src/app/services/updates.service';
 @Component({
     selector: 'app-notif-dialog',
     templateUrl: './notif-dialog.component.html',
-  styleUrl: './notif-dialog.component.scss'
+    styleUrl: './notif-dialog.component.scss',
+    standalone: false
 })
 export class NotifDialogComponent {
 

src/app/app-view/personal/about/about.component.ts

@@ -4,7 +4,8 @@ import { Link } from 'src/app/types/link';
 @Component({
     selector: 'app-about',
     templateUrl: './about.component.html',
-  styleUrl: './about.component.scss'
+    styleUrl: './about.component.scss',
+    standalone: false
 })
 export class AboutComponent {
   LINKS: { title: string, info: string, icon: string, link: string }[] = [

src/app/app-view/personal/change-password-dialog/change-password-dialog.component.ts

@@ -9,7 +9,8 @@ import { LocalStorageService } from 'src/app/services/local-storage.service';
 @Component({
     selector: 'app-change-password-dialog',
     templateUrl: './change-password-dialog.component.html',
-  styleUrls: ['./change-password-dialog.component.scss']
+    styleUrls: ['./change-password-dialog.component.scss'],
+    standalone: false
 })
 export class ChangePasswordDialogComponent {
   error: string | null = null;

src/app/app-view/personal/clean/clean.component.spec.ts

@@ -10,7 +10,10 @@ import { MatDatepicker } from '@angular/material/datepicker';
 import { Component, EventEmitter, Input, Output } from '@angular/core';
 import * as moment from 'moment';
 
-@Component({selector: "app-date-selector", template: ''})
+@Component({
+    selector: "app-date-selector", template: '',
+    standalone: false
+})
 class DateSelectorStub {
     @Input() date: moment.Moment = moment.utc().startOf('day');
     @Output() dateChange = new EventEmitter<moment.Moment>();

src/app/app-view/personal/clean/clean.component.ts

@@ -7,7 +7,8 @@ import { CleanNote } from 'src/app/types/clean-note';
 @Component({
     selector: 'app-clean',
     templateUrl: './clean.component.html',
-  styleUrl: './clean.component.scss'
+    styleUrl: './clean.component.scss',
+    standalone: false
 })
 export class CleanComponent implements OnInit {
   private _day: moment.Moment = moment()

src/app/app-view/personal/extra/extra.component.ts

@@ -7,7 +7,8 @@ import { MatDialog } from '@angular/material/dialog';
 @Component({
     selector: 'app-extra',
     templateUrl: './extra.component.html',
-  styleUrl: './extra.component.scss'
+    styleUrl: './extra.component.scss',
+    standalone: false
 })
 export class ExtraComponent {
 

src/app/app-view/personal/extra/redirect/redirect.component.ts

@@ -5,7 +5,8 @@ import { AuthClient } from 'src/app/services/auth.client';
 @Component({
     selector: 'app-redirect',
     templateUrl: './redirect.component.html',
-  styleUrl: './redirect.component.scss'
+    styleUrl: './redirect.component.scss',
+    standalone: false
 })
 export class RedirectComponent {
   protected redirect = ""

src/app/app-view/personal/key/key.component.ts

@@ -5,7 +5,8 @@ import { UKey } from 'src/app/types/key';
 @Component({
     selector: 'app-key',
     templateUrl: './key.component.html',
-  styleUrl: './key.component.scss'
+    styleUrl: './key.component.scss',
+    standalone: false
 })
 export class KeyComponent implements OnInit {
   

src/app/app-view/personal/logout-confirmation/logout-confirmation.component.ts

@@ -3,7 +3,8 @@ import { Component } from '@angular/core';
 @Component({
     selector: 'app-logout-confirmation',
     templateUrl: './logout-confirmation.component.html',
-  styleUrls: ['./logout-confirmation.component.scss']
+    styleUrls: ['./logout-confirmation.component.scss'],
+    standalone: false
 })
 export class LogoutConfirmationComponent {
 

src/app/app-view/personal/personal.component.ts

@@ -15,7 +15,8 @@ import { ExtraComponent } from './extra/extra.component';
 @Component({
     selector: 'app-personal',
     templateUrl: './personal.component.html',
-  styleUrls: ['./personal.component.scss']
+    styleUrls: ['./personal.component.scss'],
+    standalone: false
 })
 export class PersonalComponent {
   updateaval: boolean | unknown = false

src/app/app-view/start/start.component.ts

@@ -6,7 +6,8 @@ import { Link } from 'src/app/types/link';
 @Component({
     selector: 'app-start',
     templateUrl: './start.component.html',
-  styleUrl: './start.component.scss'
+    styleUrl: './start.component.scss',
+    standalone: false
 })
 export class StartComponent {
   private readonly _LINKS: Link[] = [

src/app/app.component.ts

@@ -6,7 +6,8 @@ import * as moment from 'moment';
 @Component({
     selector: 'app-root',
     templateUrl: './app.component.html',
-  styleUrls: ['./app.component.scss']
+    styleUrls: ['./app.component.scss'],
+    standalone: false
 })
 export class AppComponent {
   constructor (readonly updates: AppUpdateService, mir: MatIconRegistry) {

src/app/ce.directive.ts

@@ -1,7 +1,8 @@
 import { Directive, ElementRef, EventEmitter, HostListener, Input, Output } from '@angular/core';
 
 @Directive({
-  selector: '[appCe] [contenteditable]'
+    selector: '[appCe] [contenteditable]',
+    standalone: false
 })
 export class CeDirective {
   @Input() multiline: boolean = false

src/app/commonComponents/date-selector/date-selector.component.ts

@@ -5,7 +5,8 @@ import moment from 'moment';
 @Component({
     selector: 'app-date-selector',
     templateUrl: './date-selector.component.html',
-  styleUrls: ['./date-selector.component.scss']
+    styleUrls: ['./date-selector.component.scss'],
+    standalone: false
 })
 export class DateSelectorComponent implements OnChanges {
   @Input() date: moment.Moment = moment.utc().startOf('day');

src/app/commonComponents/field-editor/field-editor.component.ts

@@ -3,7 +3,8 @@ import { Component, ElementRef, EventEmitter, HostBinding, HostListener, Input,
 @Component({
     selector: 'app-field-editor',
     templateUrl: './field-editor.component.html',
-  styleUrl: './field-editor.component.scss'
+    styleUrl: './field-editor.component.scss',
+    standalone: false
 })
 export class FieldEditorComponent {
   @HostBinding('tabindex') tabindex = 0;

src/app/commonComponents/list-editor/list-editor.component.ts

@@ -5,6 +5,7 @@ import { ChangeDetectorRef, Component, ElementRef, EventEmitter, HostBinding, Ho
     selector: 'app-list-editor[list], app-list-editor[converter]',
     templateUrl: './list-editor.component.html',
     styleUrls: ['./list-editor.component.scss'],
+    standalone: false
 })
 export class ListEditorComponent implements OnChanges {
   @HostBinding('tabindex') tabindex = 0;

src/app/commonComponents/room-chooser/room-chooser.component.ts

@@ -3,7 +3,8 @@ import { Component, EventEmitter, Input, OnChanges, Output, SimpleChanges } from
 @Component({
     selector: 'app-room-chooser',
     templateUrl: './room-chooser.component.html',
-  styleUrl: './room-chooser.component.scss'
+    styleUrl: './room-chooser.component.scss',
+    standalone: false
 })
 export class RoomChooserComponent implements OnChanges {
   @Input() rooms: string[] = []

src/app/commonComponents/user-search/user-search.component.ts

@@ -26,7 +26,8 @@ export interface UserSearchResult {
     ],
     host: {
         '(blur)': '_onTouched()'
-  }
+    },
+    standalone: false
 })
 export class UserSearchComponent implements ControlValueAccessor, MatFormFieldControl<UserSearchResult>, OnDestroy, DoCheck {
   protected loading: boolean = false

src/app/label.directive.ts

@@ -2,7 +2,8 @@ import { Directive, HostBinding, Input, Optional } from '@angular/core';
 import { ControlContainer } from '@angular/forms';
 
 @Directive({
-  selector: 'span[control]'
+    selector: 'span[control]',
+    standalone: false
 })
 export class LabelDirective {
   @Input() control: string = ""

src/app/login/login.component.ts

@@ -8,7 +8,8 @@ import { LocalStorageService } from '../services/local-storage.service';
 @Component({
     selector: 'app-login',
     templateUrl: './login.component.html',
-  styleUrls: ['./login.component.scss']
+    styleUrls: ['./login.component.scss'],
+    standalone: false
 })
 export class LoginComponent implements OnInit {
   protected error: string | null = null;