upgrade dependencies and migrate

package.json

@@ -11,36 +11,36 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^18.2.13",
-    "@angular/cdk": "^18.2.13",
-    "@angular/common": "^18.2.13",
-    "@angular/compiler": "^18.2.13",
-    "@angular/core": "^18.2.13",
-    "@angular/forms": "^18.2.13",
-    "@angular/material": "^18.2.13",
-    "@angular/material-moment-adapter": "^18.2.13",
-    "@angular/platform-browser": "^18.2.13",
-    "@angular/platform-browser-dynamic": "^18.2.13",
-    "@angular/router": "^18.2.13",
+    "@angular/animations": "^19.2.10",
+    "@angular/cdk": "^19.2.15",
+    "@angular/common": "^19.2.10",
+    "@angular/compiler": "^19.2.10",
+    "@angular/core": "^19.2.10",
+    "@angular/forms": "^19.2.10",
+    "@angular/material": "^19.2.15",
+    "@angular/material-moment-adapter": "^19.2.15",
+    "@angular/platform-browser": "^19.2.10",
+    "@angular/platform-browser-dynamic": "^19.2.10",
+    "@angular/router": "^19.2.10",
     "moment": "^2.30.1",
-    "ng-qrcode": "^18.0.0",
-    "openpgp": "^6.0.1",
+    "ng-qrcode": "^19.0.1",
+    "openpgp": "^6.1.0",
     "qr-scanner": "^1.4.2",
-    "rxjs": "~7.8.1",
+    "rxjs": "~7.8.2",
     "tslib": "^2.8.1",
     "unique-names-generator": "^4.7.1",
-    "zone.js": "~0.14.4"
+    "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^18.2.12",
-    "@angular/cli": "^18.2.12",
-    "@angular/compiler-cli": "^18.2.13",
-    "@angular/localize": "^18.2.13",
-    "@types/jasmine": "^5.1.4",
+    "@angular-devkit/build-angular": "^19.2.11",
+    "@angular/cli": "^19.2.11",
+    "@angular/compiler-cli": "^19.2.10",
+    "@angular/localize": "^19.2.10",
+    "@types/jasmine": "^5.1.8",
     "@types/jasminewd2": "^2.0.13",
-    "@types/node": "^22.10.0",
-    "@types/openpgp": "^4.4.22",
-    "jasmine-core": "~5.4.0",
+    "@types/node": "^22.15.17",
+    "@types/openpgp": "^5.0.0",
+    "jasmine-core": "~5.7.1",
     "jasmine-spec-reporter": "~7.0.0",
     "karma": "^6.4.4",
     "karma-chrome-launcher": "~3.2.0",
@@ -50,6 +50,6 @@
     "protractor": "~7.0.0",
     "ts-node": "~10.9.2",
     "tslint": "~6.1.3",
-    "typescript": "~5.5.4"
+    "typescript": "~5.8.3"
   }
 }

src/app/app.component.ts

@@ -1,9 +1,10 @@
 import { Component } from '@angular/core';
 
-import { I18nService } from './services/i18n.service';
 import { DateAdapter } from '@angular/material/core';
+import { I18nService } from './services/i18n.service';
 
 @Component({
+  standalone: false,
   selector: 'app-root',
   templateUrl: './app.component.html'
 })

src/app/material/autofocus.ts

@@ -1,7 +1,7 @@
 import { Directive, ElementRef, OnInit } from '@angular/core';
-import { MatInput } from '@angular/material/input';
 
 @Directive({
+  standalone: false,
   selector: '[matAutofocus]',
 })
 export class AutofocusDirective implements OnInit {

src/app/pages/account/account.component.ts

@@ -1,10 +1,11 @@
 import { Component, OnInit, ViewChild } from '@angular/core';
 
-import { AuthService } from './../../services/auth.service';
-import { ActivatedRoute, Router } from '@angular/router';
 import { MatTabNavPanel } from '@angular/material/tabs';
+import { Router } from '@angular/router';
+import { AuthService } from './../../services/auth.service';
 
 @Component({
+  standalone: false,
   selector: 'app-account',
   templateUrl: './account.component.html',
   styleUrls: ['./account.component.scss']

src/app/pages/account/aliases/aliases.component.ts

@@ -1,13 +1,14 @@
 import { Component, OnInit, ViewChild } from '@angular/core';
-import { QuotaService } from '../../../services/quota.service';
-import { I18nService } from '../../../services/i18n.service';
-import { Sort } from '@angular/material/sort';
-import { UserAliasService } from '../../../services/useralias.service';
-import { FormBuilder, FormGroup, Validators, NgForm } from '@angular/forms';
+import { FormBuilder, FormGroup, NgForm, Validators } from '@angular/forms';
 import { MatDialog } from '@angular/material/dialog';
+import { Sort } from '@angular/material/sort';
+import { I18nService } from '../../../services/i18n.service';
+import { QuotaService } from '../../../services/quota.service';
+import { UserAliasService } from '../../../services/useralias.service';
 import { ConfirmDialog } from '../../../ui/confirm/confirm.component';
 
 @Component({
+  standalone: false,
   selector: 'app-account-aliases',
   templateUrl: './aliases.component.html',
   styleUrls: ['./aliases.component.scss']

src/app/pages/account/domains/domains.component.ts

@@ -1,14 +1,15 @@
-import { Component, OnInit, ViewChild } from '@angular/core';
-import { I18nService } from '../../../services/i18n.service';
-import { Sort } from '@angular/material/sort';
-import { UserDomainService } from '../../../services/userdomain.service';
-import { FormBuilder, FormGroup, Validators, NgForm } from '@angular/forms';
-import { MatDialog } from '@angular/material/dialog';
-import { ConfirmDialog } from '../../../ui/confirm/confirm.component';
-import { MatSnackBar } from '@angular/material/snack-bar';
 import { Clipboard } from '@angular/cdk/clipboard';
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { FormBuilder, FormGroup, NgForm, Validators } from '@angular/forms';
+import { MatDialog } from '@angular/material/dialog';
+import { MatSnackBar } from '@angular/material/snack-bar';
+import { Sort } from '@angular/material/sort';
+import { I18nService } from '../../../services/i18n.service';
+import { UserDomainService } from '../../../services/userdomain.service';
+import { ConfirmDialog } from '../../../ui/confirm/confirm.component';
 
 @Component({
+  standalone: false,
   selector: 'app-account-domains',
   templateUrl: './domains.component.html',
   styleUrls: ['./domains.component.scss']

src/app/pages/account/dyndns/dyndns.component.ts

@@ -1,15 +1,13 @@
-import { Component, OnInit, ViewChild } from '@angular/core';
-import { I18nService } from '../../../services/i18n.service';
-import { Sort } from '@angular/material/sort';
-import { UserDomainService } from '../../../services/userdomain.service';
-import { FormBuilder, FormGroup, Validators, NgForm } from '@angular/forms';
-import { MatDialog } from '@angular/material/dialog';
-import { ConfirmDialog } from '../../../ui/confirm/confirm.component';
-import { MatSnackBar } from '@angular/material/snack-bar';
 import { Clipboard } from '@angular/cdk/clipboard';
+import { Component, OnInit } from '@angular/core';
+import { MatDialog } from '@angular/material/dialog';
+import { MatSnackBar } from '@angular/material/snack-bar';
 import { DyndnsTokenService } from 'src/app/services/dyndnstoken.service';
+import { I18nService } from '../../../services/i18n.service';
+import { ConfirmDialog } from '../../../ui/confirm/confirm.component';
 
 @Component({
+  standalone: false,
   selector: 'app-account-dyndns',
   templateUrl: './dyndns.component.html',
   styleUrls: ['./dyndns.component.scss']

src/app/pages/account/info/info.component.ts

@@ -3,6 +3,7 @@ import { PermissionService } from './../../../services/permission.service';
 import { QuotaService } from './../../../services/quota.service';
 
 @Component({
+  standalone: false,
   selector: 'app-account-info',
   templateUrl: './info.component.html',
   styleUrls: ['./info.component.scss']

src/app/pages/account/profile/profile.component.ts

@@ -1,6 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 
 @Component({
+  standalone: false,
   selector: 'app-account-profile',
   templateUrl: './profile.component.html',
   styleUrls: ['./profile.component.scss']

src/app/pages/account/security/security.component.ts

@@ -1,12 +1,13 @@
-import { Component, OnInit, ViewChild, Inject } from '@angular/core';
-import { FormBuilder, FormGroup, FormControl, Validators, NgForm } from '@angular/forms';
-import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { Component, Inject, OnInit, ViewChild } from '@angular/core';
+import { FormBuilder, FormControl, FormGroup, NgForm, Validators } from '@angular/forms';
+import { MAT_DIALOG_DATA, MatDialog, MatDialogRef } from '@angular/material/dialog';
 
 import { Auth2FAService } from './../../../services/auth.2fa.service';
 import { UserService } from './../../../services/user.service';
 import { MatchingValidator } from './../../../utils/matching.validator';
 
 @Component({
+  standalone: false,
   selector: 'app-account-security',
   templateUrl: './security.component.html',
   styleUrls: ['./security.component.scss']
@@ -158,6 +159,7 @@ export class SecurityComponent implements OnInit {
 
 
 @Component({
+  standalone: false,
   selector: 'app-security-totp-dialog',
   templateUrl: 'security-totp.dialog.html',
   styleUrls: ['./security.component.scss']

src/app/pages/account/voucher/voucher.component.ts

@@ -1,11 +1,12 @@
-import { Component, OnInit, Inject } from '@angular/core';
-import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { Component, Inject, OnInit } from '@angular/core';
+import { MAT_DIALOG_DATA, MatDialog, MatDialogRef } from '@angular/material/dialog';
 import { MatTableDataSource } from '@angular/material/table';
 
-import { VoucherService } from './../../../services/voucher.service';
 import { QuotaService } from './../../../services/quota.service';
+import { VoucherService } from './../../../services/voucher.service';
 
 @Component({
+  standalone: false,
   selector: 'app-account-voucher',
   templateUrl: './voucher.component.html',
   styleUrls: ['./voucher.component.scss']
@@ -50,6 +51,7 @@ export class VoucherComponent implements OnInit {
 
 
 @Component({
+  standalone: false,
   selector: 'app-voucher-dialog',
   templateUrl: 'voucher.dialog.html',
   styleUrls: ['./voucher.dialog.scss']

src/app/pages/borrow/borrow.component.ts

@@ -1,6 +1,7 @@
 import { Component } from '@angular/core';
 
 @Component({
+  standalone: false,
   selector: 'app-borrow',
   templateUrl: './borrow.component.html',
   styleUrls: ['./borrow.component.scss']

src/app/pages/borrow/items/items.component.ts

@@ -1,17 +1,18 @@
 import { Component, Inject, OnInit } from '@angular/core';
 import { FormArray, FormBuilder, FormControl, FormGroup, ValidatorFn, Validators } from '@angular/forms';
-import { debounceTime } from 'rxjs/operators';
+import { MAT_DIALOG_DATA, MatDialog, MatDialogRef } from '@angular/material/dialog';
 import { PageEvent } from '@angular/material/paginator';
 import { Sort } from '@angular/material/sort';
-import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import * as moment from 'moment';
+import { debounceTime } from 'rxjs/operators';
 
 import { ConfirmDialog } from '../../../ui/confirm/confirm.component';
-import { BorrowItemsService } from './../../../services/borrow.service';
-import { AuthService } from './../../../services/auth.service';
 import { BorrowRequestEditComponent } from '../requests/requests.component';
+import { AuthService } from './../../../services/auth.service';
+import { BorrowItemsService } from './../../../services/borrow.service';
 
 @Component({
+  standalone: false,
   selector: 'app-borrow-items',
   templateUrl: './items.component.html',
   styleUrls: ['./items.component.scss']
@@ -172,6 +173,7 @@ export class BorrowItemsComponent implements OnInit {
 }
 
 @Component({
+  standalone: false,
   selector: 'app-borrow-item-edit',
   templateUrl: './item.edit.html',
   styleUrls: ['./item.edit.scss']

src/app/pages/borrow/proving/proving.component.ts

@@ -1,13 +1,13 @@
-import { AfterViewInit, Component, ElementRef, ViewChild, Inject } from '@angular/core';
-import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { AfterViewInit, Component, ElementRef, Inject, ViewChild } from '@angular/core';
+import { MAT_DIALOG_DATA, MatDialog } from '@angular/material/dialog';
 
 import { BorrowRequestsService } from 'src/app/services/borrow.service';
 
-import QrScanner from 'qr-scanner';
-import { HttpResponse } from '@angular/common/http';
 import { FormControl } from '@angular/forms';
+import QrScanner from 'qr-scanner';
 
 @Component({
+  standalone: false,
   selector: 'app-borrow-proving',
   templateUrl: './proving.component.html',
   styleUrls: ['./proving.component.scss']
@@ -97,6 +97,7 @@ export class BorrowProvingComponent implements AfterViewInit {
 
 
 @Component({
+  standalone: false,
   selector: 'app-borrow-prooving-result',
   templateUrl: 'proving.dialog.html',
   styleUrls: ['./proving.dialog.scss']

src/app/pages/borrow/requests/requests.component.ts

@@ -1,17 +1,16 @@
 import { Component, Inject, OnInit } from '@angular/core';
-import { FormArray, FormBuilder, FormControl, FormGroup, ValidatorFn, Validators } from '@angular/forms';
-import { debounceTime } from 'rxjs/operators';
+import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
+import { MAT_DIALOG_DATA, MatDialog, MatDialogRef } from '@angular/material/dialog';
 import { PageEvent } from '@angular/material/paginator';
 import { Sort } from '@angular/material/sort';
-import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
-import * as moment from 'moment';
 
 import { ConfirmDialog } from '../../../ui/confirm/confirm.component';
+import { AuthService } from './../../../services/auth.service';
 import { BorrowRequestsService } from './../../../services/borrow.service';
 import { I18nService } from './../../../services/i18n.service';
-import { AuthService } from './../../../services/auth.service';
 
 @Component({
+  standalone: false,
   selector: 'app-borrow-requests',
   templateUrl: './requests.component.html',
   styleUrls: ['./requests.component.scss']
@@ -129,6 +128,7 @@ export class BorrowRequestsComponent implements OnInit {
 }
 
 @Component({
+  standalone: false,
   selector: 'app-borrow-request-edit',
   templateUrl: './request.edit.html',
   styleUrls: ['./request.edit.scss']

src/app/pages/dividertest/dividertest.component.ts

@@ -1,6 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 
 @Component({
+  standalone: false,
   selector: 'app-dividertest',
   templateUrl: './dividertest.component.html',
   styleUrls: ['./dividertest.component.scss']

src/app/pages/form-login-2fa/form-login-2fa.component.ts

@@ -6,6 +6,7 @@ import { environment } from '../../../environments/environment';
 import { Auth2FAService } from '../../services/auth.2fa.service';
 
 @Component({
+  standalone: false,
   selector: 'app-form-login-2fa',
   templateUrl: './form-login-2fa.component.html',
   styleUrls: ['./form-login-2fa.component.scss']

src/app/pages/form-login-oidc/form-login-oidc.component.ts

@@ -1,14 +1,14 @@
 import { Component, OnInit } from '@angular/core';
 import { FormBuilder, FormGroup, Validators } from '@angular/forms';
-import { Auth2FAService } from '../../services/auth.2fa.service';
-import { Router, ActivatedRoute } from '@angular/router';
+import { ActivatedRoute, Router } from '@angular/router';
 
-import { environment } from '../../../environments/environment';
 import { Location } from '@angular/common';
-import { UserAliasService } from 'src/app/services/useralias.service';
 import { AuthService } from 'src/app/services/auth.service';
+import { UserAliasService } from 'src/app/services/useralias.service';
+import { environment } from '../../../environments/environment';
 
 @Component({
+  standalone: false,
   selector: 'app-login-oidc',
   templateUrl: './form-login-oidc.component.html',
   styleUrls: ['./form-login-oidc.component.scss']

src/app/pages/form-login/form-login.component.ts

@@ -4,6 +4,7 @@ import { ActivatedRoute, Router } from '@angular/router';
 import { environment } from '../../../environments/environment';
 
 @Component({
+  standalone: false,
   selector: 'app-form-login',
   templateUrl: './form-login.component.html',
   styleUrls: ['./form-login.component.scss']

src/app/pages/invites/code/code.component.ts

@@ -1,17 +1,17 @@
 import { Component, OnInit } from '@angular/core';
 import { FormBuilder, FormGroup, Validators } from '@angular/forms';
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute } from '@angular/router';
 
-import { MatchingValidator } from './../../../utils/matching.validator';
-import { InviteService } from './../../../services/invites.service';
-import { uniqueNamesGenerator, Config, adjectives, colors, animals } from 'unique-names-generator';
-import { I18nService } from 'src/app/services/i18n.service';
 import { MatDialog } from '@angular/material/dialog';
-import { InviteEditComponent } from '../edit/invite.edit';
 import { AuthService } from 'src/app/services/auth.service';
+import { I18nService } from 'src/app/services/i18n.service';
+import { Config, adjectives, animals, colors, uniqueNamesGenerator } from 'unique-names-generator';
+import { InviteService } from './../../../services/invites.service';
+import { MatchingValidator } from './../../../utils/matching.validator';
 
 
 @Component({
+  standalone: false,
   selector: 'app-invite-code',
   templateUrl: './code.component.html',
   styleUrls: ['./code.component.scss']

src/app/pages/invites/edit/invite.edit.ts

@@ -1,14 +1,12 @@
-import { Component, Inject, OnInit } from '@angular/core';
+import { Component, Inject } from '@angular/core';
 import { FormBuilder, FormGroup, Validators } from '@angular/forms';
-import { ActivatedRoute, Router } from '@angular/router';
 
-import { MatchingValidator } from '../../../utils/matching.validator';
+import { MAT_DIALOG_DATA, MatDialog, MatDialogRef } from '@angular/material/dialog';
 import { InviteService } from '../../../services/invites.service';
-import { uniqueNamesGenerator, Config, adjectives, colors, animals } from 'unique-names-generator';
-import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 
 
 @Component({
+  standalone: false,
   selector: 'app-invite-edit',
   templateUrl: './invite.edit.html',
   styleUrls: ['./invite.edit.scss']

src/app/pages/invites/invites.component.ts

@@ -1,18 +1,18 @@
-import { Component, OnInit, ViewChild } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
 
-import { ActivatedRoute, Router } from '@angular/router';
 import { PageEvent } from '@angular/material/paginator';
+import { ActivatedRoute } from '@angular/router';
 
-import { AuthService } from '../../services/auth.service';
-import { I18nService } from '../../services/i18n.service';
-import { QuotaService } from '../../services/quota.service';
-import { InviteService } from '../../services/invites.service';
 import { FormControl } from '@angular/forms';
-import { debounceTime } from 'rxjs/operators';
-import { InviteEditComponent } from './edit/invite.edit';
 import { MatDialog } from '@angular/material/dialog';
+import { debounceTime } from 'rxjs/operators';
+import { I18nService } from '../../services/i18n.service';
+import { InviteService } from '../../services/invites.service';
+import { QuotaService } from '../../services/quota.service';
+import { InviteEditComponent } from './edit/invite.edit';
 
 @Component({
+  standalone: false,
   selector: 'app-invites',
   templateUrl: './invites.component.html',
   styleUrls: ['./invites.component.scss']

src/app/pages/jitsi/jitsi.component.ts

@@ -1,18 +1,19 @@
-import { Component, OnInit, ViewChild, Inject } from '@angular/core';
+import { Clipboard } from '@angular/cdk/clipboard';
+import { DatePipe } from '@angular/common';
+import { Component, Inject, OnInit, ViewChild } from '@angular/core';
+import { FormBuilder, FormGroup, NgForm, Validators } from '@angular/forms';
+import { MAT_DIALOG_DATA, MatDialog, MatDialogRef } from '@angular/material/dialog';
+import { PageEvent } from '@angular/material/paginator';
 import { MatSnackBar } from '@angular/material/snack-bar';
 import { Sort } from '@angular/material/sort';
-import { FormBuilder, FormGroup, Validators, NgForm } from '@angular/forms';
-import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
-import { DatePipe } from '@angular/common';
-import { PageEvent } from '@angular/material/paginator';
-import { Clipboard } from '@angular/cdk/clipboard';
 
-import { QuotaService } from '../../services/quota.service';
 import { JitsiService } from '../../services/jitsi.service';
+import { QuotaService } from '../../services/quota.service';
 import { ConfirmDialog } from '../../ui/confirm/confirm.component';
 import { I18nService } from './../../services/i18n.service';
 
 @Component({
+  standalone: false,
   selector: 'app-account-jitsi',
   templateUrl: './jitsi.component.html',
   styleUrls: ['./jitsi.component.scss']
@@ -208,6 +209,7 @@ export class JitsiComponent implements OnInit {
 
 
 @Component({
+  standalone: false,
   selector: 'app-jitsi-edit-dialog',
   templateUrl: 'jitsi.edit.html',
   styleUrls: ['./jitsi.edit.scss']
@@ -267,6 +269,7 @@ export class JitsiEditDialog {
 }
 
 @Component({
+  standalone: false,
   selector: 'app-jitsi-share-dialog',
   templateUrl: 'jitsi.share.html',
   styleUrls: ['./jitsi.share.scss']

src/app/pages/jukebox/jukebox.compontent.ts

@@ -1,16 +1,15 @@
 import { Component, OnDestroy, OnInit } from '@angular/core';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
 import { MatDialog } from '@angular/material/dialog';
 import { MatSnackBar } from '@angular/material/snack-bar';
 
 import { FormControl } from '@angular/forms';
 
-import { ConfirmDialog } from '../../ui/confirm/confirm.component';
 import { JukeboxService } from 'src/app/services/jukebox.service';
 import { I18nService } from '../../services/i18n.service';
-import { Data } from '@angular/router';
+import { ConfirmDialog } from '../../ui/confirm/confirm.component';
 
 @Component({
+  standalone: false,
   selector: 'app-jukebox',
   templateUrl: './jukebox.component.html',
   styleUrls: ['./jukebox.component.scss']

src/app/pages/login-totp/login-totp.component.ts

@@ -1,11 +1,12 @@
 import { Component, OnInit } from '@angular/core';
 import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { ActivatedRoute, Router } from '@angular/router';
 import { Auth2FAService } from '../../services/auth.2fa.service';
-import { Router, ActivatedRoute } from '@angular/router';
 
 import { environment } from '../../../environments/environment';
 
 @Component({
+  standalone: false,
   selector: 'app-login-totp',
   templateUrl: './login-totp.component.html',
   styleUrls: ['./login-totp.component.scss']

src/app/pages/login/login.component.ts

@@ -1,11 +1,12 @@
 import { Component, OnInit } from '@angular/core';
 import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { ActivatedRoute, Router } from '@angular/router';
 import { AuthService } from './../../services/auth.service';
-import { Router, ActivatedRoute } from '@angular/router';
 
 import { environment } from './../../../environments/environment';
 
 @Component({
+  standalone: false,
   selector: 'app-login',
   templateUrl: './login.component.html',
   styleUrls: ['./login.component.scss']

src/app/pages/minetest/accounts/accounts.component.ts

@@ -1,12 +1,13 @@
 import { Component, OnInit, ViewChild } from '@angular/core';
-import { FormBuilder, FormGroup, Validators, NgForm } from '@angular/forms';
+import { FormBuilder, FormGroup, NgForm, Validators } from '@angular/forms';
 import { MatDialog } from '@angular/material/dialog';
 
-import { QuotaService } from '../../../services/quota.service';
 import { MinetestAccountsService } from '../../../services/minetest.accounts.service';
+import { QuotaService } from '../../../services/quota.service';
 import { ConfirmDialog } from '../../../ui/confirm/confirm.component';
 
 @Component({
+  standalone: false,
   selector: 'app-minetest-accounts',
   templateUrl: './accounts.component.html',
   styleUrls: ['./accounts.component.scss']

src/app/pages/notfound/notfound.component.ts

@@ -1,6 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 
 @Component({
+  standalone: false,
   selector: 'app-notfound',
   templateUrl: './notfound.component.html'
 })

src/app/pages/partey/partey.component.ts

@@ -3,6 +3,7 @@ import { Component, OnInit } from '@angular/core';
 import { ParteyTagsService } from '../../services/partey.service';
 
 @Component({
+  standalone: false,
   selector: 'app-partey',
   templateUrl: './partey.component.html',
   styleUrls: ['./partey.component.scss']

src/app/pages/partey/timeslots/timeslots.compontent.ts

@@ -1,21 +1,21 @@
-import { Component, OnInit, ViewChild, Inject } from '@angular/core';
-import { Sort } from '@angular/material/sort';
-import { MatSnackBar } from '@angular/material/snack-bar';
-import { FormBuilder, FormGroup, Validators, NgForm } from '@angular/forms';
-import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
-import { DatePipe } from '@angular/common';
-import { FormControl } from '@angular/forms';
-import { debounceTime } from 'rxjs/operators';
-import { PageEvent } from '@angular/material/paginator';
 import { Clipboard } from '@angular/cdk/clipboard';
+import { DatePipe } from '@angular/common';
+import { Component, Inject, OnInit, ViewChild } from '@angular/core';
+import { FormBuilder, FormControl, FormGroup, NgForm, Validators } from '@angular/forms';
+import { MAT_DIALOG_DATA, MatDialog, MatDialogRef } from '@angular/material/dialog';
+import { PageEvent } from '@angular/material/paginator';
+import { MatSnackBar } from '@angular/material/snack-bar';
+import { Sort } from '@angular/material/sort';
+import { debounceTime } from 'rxjs/operators';
 
+import * as moment from 'moment';
 import { ParteyTimeslotsService } from '../../../services/partey.service';
 import { ConfirmDialog } from '../../../ui/confirm/confirm.component';
-import { I18nService } from './../../../services/i18n.service';
 import { AuthService } from './../../../services/auth.service';
-import * as moment from 'moment';
+import { I18nService } from './../../../services/i18n.service';
 
 @Component({
+  standalone: false,
   selector: 'app-partey-timeslots',
   templateUrl: './timeslots.component.html',
   styleUrls: ['./timeslots.component.scss']
@@ -238,6 +238,7 @@ export class ParteyTimeslotsComponent implements OnInit {
 
 
 @Component({
+  standalone: false,
   selector: 'app-timeslot-dialog',
   templateUrl: 'timeslot.dialog.html',
   styleUrls: ['./timeslot.dialog.scss']

src/app/pages/password-reset/password-reset.component.ts

@@ -1,11 +1,12 @@
 import { Component, OnInit } from '@angular/core';
 import { FormBuilder, FormGroup, Validators } from '@angular/forms';
 
+import { ActivatedRoute, Router } from '@angular/router';
 import { AuthService } from '../../services/auth.service';
 import { MatchingValidator } from '../../utils/matching.validator';
-import { ActivatedRoute, Router } from '@angular/router';
 
 @Component({
+  standalone: false,
   selector: 'app-password-reset',
   templateUrl: './password-reset.component.html',
   styleUrls: ['./password-reset.component.scss']

src/app/pages/password/password.component.ts

@@ -1,11 +1,12 @@
 import { Component, OnInit } from '@angular/core';
 import { FormBuilder, FormGroup, Validators } from '@angular/forms';
 
-import { AuthService } from './../../services/auth.service';
 import { Router } from '@angular/router';
+import { AuthService } from './../../services/auth.service';
 
 var openpgp = require('openpgp');
 @Component({
+  standalone: false,
   selector: 'app-password',
   templateUrl: './password.component.html',
   styleUrls: ['./password.component.scss']

src/app/pages/register/register.component.ts

@@ -1,22 +1,23 @@
-import { Component, OnInit, Inject, ViewChild, ElementRef } from '@angular/core';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
-import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
-import { Router } from '@angular/router';
-import { MatSnackBar } from '@angular/material/snack-bar';
 import { Clipboard } from '@angular/cdk/clipboard';
+import { Component, ElementRef, Inject, OnInit, ViewChild } from '@angular/core';
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { MAT_DIALOG_DATA, MatDialog, MatDialogRef } from '@angular/material/dialog';
+import { MatSnackBar } from '@angular/material/snack-bar';
+import { Router } from '@angular/router';
 
-import { UserService } from './../../services/user.service';
-import { ItemService } from './../../services/item.service';
 import { I18nService } from './../../services/i18n.service';
-import { MatchingValidator } from './../../utils/matching.validator';
+import { ItemService } from './../../services/item.service';
 import { PermissionService } from './../../services/permission.service';
 import { QuotaService } from './../../services/quota.service';
+import { UserService } from './../../services/user.service';
+import { MatchingValidator } from './../../utils/matching.validator';
 
-import { uniqueNamesGenerator, Config, adjectives, colors, animals } from 'unique-names-generator';
+import { Config, adjectives, animals, colors, uniqueNamesGenerator } from 'unique-names-generator';
 
 var openpgp = require('openpgp');
 
 @Component({
+  standalone: false,
   selector: 'app-register',
   templateUrl: './register.component.html',
   styleUrls: ['./register.component.scss']
@@ -173,6 +174,7 @@ export class RegisterComponent implements OnInit {
 
 
 @Component({
+  standalone: false,
   selector: 'app-register-dialog',
   templateUrl: 'register.dialog.html',
   styleUrls: ['./register.dialog.scss']

src/app/pages/register/username-dialog/username.dialog.ts

@@ -1,14 +1,15 @@
 
 
+import { CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';
 import { Component } from '@angular/core';
 import { MatDialogRef } from '@angular/material/dialog';
-import { CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';
 
 
 
-import { uniqueNamesGenerator, Config, adjectives, colors, animals } from 'unique-names-generator';
+import { Config, adjectives, animals, colors, uniqueNamesGenerator } from 'unique-names-generator';
 
 @Component({
+    standalone: false,
     selector: 'app-username-dialog',
     templateUrl: './username.dialog.html',
     styleUrls: ['./username.dialog.scss']

src/app/pages/services/services.component.ts

@@ -1,9 +1,9 @@
 import { Component, OnInit } from '@angular/core';
-import { Sort } from '@angular/material/sort';
-import { ServiceService } from '../../services/service.service';
 import { I18nService } from '../../services/i18n.service';
+import { ServiceService } from '../../services/service.service';
 
 @Component({
+  standalone: false,
   selector: 'app-services',
   templateUrl: './services.component.html',
   styleUrls: ['./services.component.scss']

src/app/pages/tokens/tokens.component.ts

@@ -4,12 +4,13 @@ import { FormBuilder, FormGroup, NgForm, Validators } from '@angular/forms';
 import { ActivatedRoute, Router } from '@angular/router';
 
 import { AuthService } from './../../services/auth.service';
-import { ItemService } from './../../services/item.service';
 import { I18nService } from './../../services/i18n.service';
+import { ItemService } from './../../services/item.service';
 import { PermissionService } from './../../services/permission.service';
 import { QuotaService } from './../../services/quota.service';
 
 @Component({
+  standalone: false,
   selector: 'app-tokens',
   templateUrl: './tokens.component.html',
   styleUrls: ['./tokens.component.scss']

src/app/pages/unavailable/unavailable.component.ts

@@ -1,8 +1,9 @@
+import { Location } from '@angular/common';
 import { Component, OnInit } from '@angular/core';
-import { Location } from '@angular/common'
-import { Router, ActivatedRoute } from '@angular/router';
+import { ActivatedRoute, Router } from '@angular/router';
 
 @Component({
+  standalone: false,
   selector: 'app-unavailable',
   templateUrl: './unavailable.component.html'
 })

src/app/pages/urlshortener/urlshortener.component.ts

@@ -1,21 +1,22 @@
-import { Component, OnInit, ViewChild, Inject } from '@angular/core';
+import { Clipboard } from '@angular/cdk/clipboard';
+import { Component, Inject, OnInit, ViewChild } from '@angular/core';
+import { FormBuilder, FormControl, FormGroup, NgForm, Validators } from '@angular/forms';
+import { MAT_DIALOG_DATA, MatDialog, MatDialogRef } from '@angular/material/dialog';
+import { PageEvent } from '@angular/material/paginator';
 import { MatSnackBar } from '@angular/material/snack-bar';
 import { Sort } from '@angular/material/sort';
-import { FormBuilder, FormGroup, Validators, NgForm, FormControl } from '@angular/forms';
-import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
-import { PageEvent } from '@angular/material/paginator';
 import { ActivatedRoute } from '@angular/router';
-import { Clipboard } from '@angular/cdk/clipboard';
 
-import { MatchingValidator } from './../../utils/matching.validator';
+import { debounceTime } from 'rxjs/operators';
+import { environment } from '../../../environments/environment';
+import { I18nService } from '../../services/i18n.service';
 import { QuotaService } from '../../services/quota.service';
 import { UrlShortenerService } from '../../services/urlshortener.service';
 import { ConfirmDialog } from '../../ui/confirm/confirm.component';
-import { I18nService } from '../../services/i18n.service';
-import { environment } from '../../../environments/environment';
-import { debounceTime } from 'rxjs/operators';
+import { MatchingValidator } from './../../utils/matching.validator';
 
 @Component({
+  standalone: false,
   selector: 'app-urlshortener',
   templateUrl: './urlshortener.component.html',
   styleUrls: ['./urlshortener.component.scss']
@@ -214,6 +215,7 @@ export class UrlShortenerComponent implements OnInit {
 }
 
 @Component({
+  standalone: false,
   selector: 'app-urlshortener-edit-dialog',
   templateUrl: 'urlshortener.edit.html',
   styleUrls: ['./urlshortener.edit.scss']
@@ -288,6 +290,7 @@ export class UrlShortenerEditDialog {
 
 
 @Component({
+  standalone: false,
   selector: 'app-urlshortener-share-dialog',
   templateUrl: 'urlshortener.share.html',
   styleUrls: ['./urlshortener.share.scss']
@@ -323,6 +326,7 @@ export class UrlShortenerShareDialog {
 
 
 @Component({
+  standalone: false,
   selector: 'app-urlshortener-password',
   templateUrl: './urlshortener.password.html',
   styleUrls: ['./urlshortener.password.scss']

src/app/pages/user/user.component.ts

@@ -6,6 +6,7 @@ import { AuthService } from '../../services/auth.service';
 import { ProfileService } from '../../services/profile.service';
 
 @Component({
+  standalone: false,
   selector: 'app-user',
   templateUrl: './user.component.html'
 })

src/app/ui/confirm/confirm.component.ts

@@ -1,8 +1,9 @@
 import { Component, Inject } from '@angular/core';
-import {MatDialogRef, MAT_DIALOG_DATA} from '@angular/material/dialog';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
 import { I18nService } from '../../services/i18n.service';
 
 @Component({
+  standalone: false,
   templateUrl: 'confirm.component.html',
   styleUrls: ['./confirm.component.scss']
 })

src/app/ui/datetimepicker/datetimepicker.component.ts

@@ -3,6 +3,7 @@ import { ControlValueAccessor, FormControl, NG_VALUE_ACCESSOR } from '@angular/f
 import * as moment from 'moment';
 
 @Component({
+  standalone: false,
   selector: 'app-datetimepicker',
   templateUrl: './datetimepicker.component.html',
   styleUrls: ['./datetimepicker.component.scss'],

src/app/ui/divider/divider.component.ts

@@ -1,7 +1,8 @@
-import { Component, OnInit, Input } from '@angular/core';
+import { Component, Input, OnInit } from '@angular/core';
 import { I18nService } from '../../services/i18n.service';
 
 @Component({
+  standalone: false,
   selector: 'app-divider',
   templateUrl: './divider.component.html',
   styleUrls: ['./divider.component.scss']

src/app/ui/durationpicker/durationpicker.component.ts

@@ -3,6 +3,7 @@ import { ControlValueAccessor, FormControl, NG_VALUE_ACCESSOR } from '@angular/f
 import * as moment from 'moment';
 
 @Component({
+  standalone: false,
   selector: 'app-durationpicker',
   templateUrl: './durationpicker.component.html',
   styleUrls: ['./durationpicker.component.scss'],

src/app/ui/main/main.component.ts

@@ -1,16 +1,17 @@
-import { Component, HostListener, ViewChild } from '@angular/core';
-import { Router } from '@angular/router';
-import { DomSanitizer } from '@angular/platform-browser';
-import { MatIconRegistry } from '@angular/material/icon';
+import { Component, HostListener } from '@angular/core';
 import { DateAdapter } from '@angular/material/core';
+import { MatIconRegistry } from '@angular/material/icon';
+import { DomSanitizer } from '@angular/platform-browser';
+import { Router } from '@angular/router';
 import { fromEvent } from 'rxjs';
 
+import { Location } from '@angular/common';
 import { AuthService } from '../../services/auth.service';
 import { I18nService } from '../../services/i18n.service';
 import { ProfileService } from '../../services/profile.service';
-import { Location } from '@angular/common';
 
 @Component({
+  standalone: false,
   selector: 'app-main',
   templateUrl: './main.component.html',
   styleUrls: ['./main.component.scss']

src/app/ui/permissions/permissions.component.ts

@@ -1,8 +1,9 @@
-import {Component, OnInit, Input, SimpleChanges, OnChanges} from '@angular/core';
+import { Component, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { Sort } from '@angular/material/sort';
 import { I18nService } from './../../services/i18n.service';
 
 @Component({
+  standalone: false,
   selector: 'app-permissions',
   templateUrl: './permissions.component.html',
   styleUrls: ['./permissions.component.scss']

src/app/ui/profilefields/binary/pgp/profilefield.pgp-blob.ts

@@ -1,7 +1,7 @@
-import { Component, OnInit, ElementRef, ViewChild } from '@angular/core';
+import { Clipboard } from '@angular/cdk/clipboard';
+import { Component, ElementRef, OnInit, ViewChild } from '@angular/core';
 import { MatDialogRef } from '@angular/material/dialog';
 import { MatSnackBar } from '@angular/material/snack-bar';
-import { Clipboard } from '@angular/cdk/clipboard';
 
 import { AuthService } from '../../../../services/auth.service';
 import { I18nService } from '../../../../services/i18n.service';
@@ -9,6 +9,7 @@ import { I18nService } from '../../../../services/i18n.service';
 var openpgp = require('openpgp');
 
 @Component({
+  standalone: false,
   templateUrl: './profilefield.pgp-blob.html',
   styleUrls: ['./profilefield.pgp-blob.scss']
 })

src/app/ui/profilefields/profilefields.component.ts

@@ -1,13 +1,14 @@
-import { Component, OnInit, Inject, Input } from '@angular/core';
-import { Sort } from '@angular/material/sort';
+import { Component, Inject, Input, OnInit } from '@angular/core';
 import { FormBuilder, FormGroup, Validators } from '@angular/forms';
-import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
-import { ConfirmDialog } from '../confirm/confirm.component';
+import { MAT_DIALOG_DATA, MatDialog, MatDialogRef } from '@angular/material/dialog';
+import { Sort } from '@angular/material/sort';
 import { I18nService } from '../../services/i18n.service';
 import { ProfileService } from '../../services/profile.service';
+import { ConfirmDialog } from '../confirm/confirm.component';
 import { ProfileFieldPgpBlob } from './binary/pgp/profilefield.pgp-blob';
 
 @Component({
+  standalone: false,
   selector: 'app-profilefields',
   templateUrl: './profilefields.component.html',
   styleUrls: ['./profilefields.component.scss']
@@ -155,6 +156,7 @@ export class ProfileFieldsComponent implements OnInit {
 }
 
 @Component({
+  standalone: false,
   selector: 'app-profilefield-dialog',
   templateUrl: 'profilefield.dialog.html',
   styleUrls: ['./profilefield.dialog.scss']
@@ -236,6 +238,7 @@ export class ProfileFieldDialog {
 
 
 @Component({
+  standalone: false,
   selector: 'app-profilefield-blob',
   templateUrl: 'profilefield.blob.html',
   styleUrls: ['./profilefield.blob.scss']

src/app/ui/quotas/quotas.component.ts

@@ -1,8 +1,9 @@
-import { Component, OnInit, Input, OnChanges, SimpleChanges } from '@angular/core';
+import { Component, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { Sort } from '@angular/material/sort';
 import { I18nService } from './../../services/i18n.service';
 
 @Component({
+  standalone: false,
   selector: 'app-quotas',
   templateUrl: './quotas.component.html',
   styleUrls: ['./quotas.component.scss']

src/app/ui/servicesgrid/servicesgrid.component.ts

@@ -1,8 +1,9 @@
-import { Component, OnInit, Input } from '@angular/core';
+import { Component, Input, OnInit } from '@angular/core';
 import { Sort } from '@angular/material/sort';
 import { I18nService } from '../../services/i18n.service';
 
 @Component({
+  standalone: false,
   selector: 'app-services-grid',
   templateUrl: './servicesgrid.component.html',
   styleUrls: ['./servicesgrid.component.scss']

src/app/ui/servicestable/servicestable.component.ts

@@ -1,8 +1,9 @@
-import { Component, OnInit, Input } from '@angular/core';
+import { Component, Input, OnInit } from '@angular/core';
 import { Sort } from '@angular/material/sort';
 import { I18nService } from '../../services/i18n.service';
 
 @Component({
+  standalone: false,
   selector: 'app-services-table',
   templateUrl: './servicestable.component.html',
   styleUrls: ['./servicestable.component.scss']

src/app/utils/html/html.component.ts

@@ -1,9 +1,10 @@
-import { Component, OnInit, Input } from '@angular/core';
+import { Component, Input, OnInit } from '@angular/core';
 
 import { HttpClient, HttpHeaders } from '@angular/common/http';
 import { I18nService } from './../../services/i18n.service';
 
 @Component({
+    standalone: false,
     selector: 'app-html',
     templateUrl: './html.component.html',
     styleUrls: ['./html.component.scss']

src/app/utils/i18n.pipe.ts

@@ -4,6 +4,7 @@ import { Pipe, PipeTransform } from '@angular/core';
 import { I18nService } from './../services/i18n.service';
 
 @Pipe({
+    standalone: false,
     name: 'i18n'
 })
 export class I18nPipe implements PipeTransform {
@@ -18,6 +19,7 @@ export class I18nPipe implements PipeTransform {
 }
 
 @Pipe({
+    standalone: false,
     name: 'i18nEmpty'
 })
 export class I18nEmptyPipe implements PipeTransform {

src/app/utils/moment.pipe.ts

@@ -1,7 +1,9 @@
 import { Pipe, PipeTransform } from '@angular/core';
 import * as moment from 'moment';
 
-@Pipe({ name: 'datef' })
+@Pipe({
+  standalone: false, name: 'datef'
+})
 export class MomentPipe implements PipeTransform {
   transform(value: Date | moment.Moment, dateFormat: string): any {
     if (!value) {