@lenne.tech/ng-base 17.0.1 → 18.1.0

package/fesm2022/lenne.tech-ng-base.mjs

@@ -1,8 +1,8 @@
 import { APOLLO_OPTIONS, ApolloModule } from 'apollo-angular';
 import { HttpLink } from 'apollo-angular/http';
 import * as i0 from '@angular/core';
-import { Directive, HostBinding, Input, PLATFORM_ID, Inject, HostListener, Pipe, NgModule, Injectable } from '@angular/core';
-import { ApolloLink, fromPromise, concat, split } from '@apollo/client/core';
+import { NgModule, Directive, HostBinding, Input, PLATFORM_ID, Inject, HostListener, Injectable, Pipe } from '@angular/core';
+import { ApolloLink, fromPromise, split, concat } from '@apollo/client/core';
 import { InMemoryCache } from '@apollo/client/cache';
 import { getMainDefinition } from '@apollo/client/utilities';
 import * as i2 from '@lenne.tech/ng-base/shared';
@@ -10,10 +10,10 @@ import { createRestartableClient, BASE_MODULE_CONFIG, AuthService, WsService } f
 import { GraphQLWsLink } from '@apollo/client/link/subscriptions';
 import { firstValueFrom, Observable, BehaviorSubject } from 'rxjs';
 import { onError } from '@apollo/client/link/error';
+import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 import { isPlatformBrowser } from '@angular/common';
-import * as i1 from '@angular/platform-browser';
-import { HttpClientModule } from '@angular/common/http';
-import * as i1$1 from '@angular/router';
+import * as i1 from '@angular/router';
+import * as i1$1 from '@angular/platform-browser';
 
 /**
  * Inspired by Inpspired by https://github.com/jaydenseric/extract-files/releases/tag/v11.0.0
@@ -202,6 +202,86 @@ function apolloOptionsFactory(baseModuleConfig, httpLink, authService, wsService
     };
 }
 
+/**
+ * Base module
+ */
+class BaseModule {
+    /**
+     * Set configuration of base module in root module of the app
+     */
+    static forRoot(baseModuleConfig = {}, AppAuthService) {
+        // Default config
+        const config = {
+            apiUrl: '',
+            authGuardRedirectUrl: '/auth',
+            logging: false,
+            version: null,
+            prefix: null,
+            scrollDetectionOffset: 200,
+            scrollOffset: 100,
+            storageType: 'local',
+            securePasswordTransfer: true,
+            ...baseModuleConfig,
+        };
+        if (config.logging) {
+            console.log('Config:', config);
+        }
+        // Prepare providers
+        const providers = [
+            {
+                provide: BASE_MODULE_CONFIG,
+                useValue: config,
+            },
+        ];
+        // Add apollo features if API URL is set
+        if (baseModuleConfig.apiUrl) {
+            providers.push({
+                provide: APOLLO_OPTIONS,
+                useFactory: apolloOptionsFactory,
+                deps: [BASE_MODULE_CONFIG, HttpLink, AppAuthService ? AppAuthService : AuthService, WsService],
+            });
+        }
+        else if (config.logging) {
+            console.log('apiUrl is missing, ApolloLink is not initialized');
+        }
+        // Return root module
+        return {
+            ngModule: BaseModule,
+            providers,
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: BaseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.2", ngImport: i0, type: BaseModule, imports: [ApolloModule], exports: [ApolloModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: BaseModule, providers: [provideHttpClient(withInterceptorsFromDi())], imports: [ApolloModule, ApolloModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: BaseModule, decorators: [{
+            type: NgModule,
+            args: [{ exports: [ApolloModule], imports: [ApolloModule], providers: [provideHttpClient(withInterceptorsFromDi())] }]
+        }] });
+
+/**
+ * Decorator for automatically unsubscribe subscriptions
+ * Inspired by https://codereacter.medium.com/angular-advanced-features-and-tips-you-may-not-know-about-cae3b8527184#9bd6
+ */
+function AutoUnsubscribe(blackList = []) {
+    return function (constructor) {
+        const original = constructor.prototype.ngOnDestroy;
+        constructor.prototype.ngOnDestroy = function () {
+            for (const prop of Object.keys(this)) {
+                if (!blackList.includes(prop)) {
+                    const property = this[prop];
+                    if (property && typeof property.unsubscribe === 'function') {
+                        property.unsubscribe();
+                    }
+                }
+            }
+            if (original && typeof original === 'function') {
+                original.apply(this, arguments);
+            }
+        };
+    };
+}
+
 /**
  * Directive for lazy loading images
  */
@@ -232,13 +312,14 @@ class LazyLoadDirective {
     loadImage() {
         this.srcAttr = this.src;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: LazyLoadDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: LazyLoadDirective, selector: "img[ltLazyLoad]", inputs: { src: "src" }, host: { properties: { "attr.src": "this.srcAttr" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: LazyLoadDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.2", type: LazyLoadDirective, isStandalone: true, selector: "img[ltLazyLoad]", inputs: { src: "src" }, host: { properties: { "attr.src": "this.srcAttr" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: LazyLoadDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: LazyLoadDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'img[ltLazyLoad]',
+                    standalone: true
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { srcAttr: [{
                 type: HostBinding,
@@ -314,13 +395,14 @@ class MatchHeightDirective {
             Array.from(children).forEach((element) => (element.style.height = `${maxHeight}px`));
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: MatchHeightDirective, deps: [{ token: i0.ElementRef }, { token: i2.ImageService }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: MatchHeightDirective, selector: "[ltMatchHeight]", inputs: { ltMatchHeight: "ltMatchHeight", loadImages: "loadImages" }, host: { listeners: { "window:resize": "onResize()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: MatchHeightDirective, deps: [{ token: i0.ElementRef }, { token: i2.ImageService }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.2", type: MatchHeightDirective, isStandalone: true, selector: "[ltMatchHeight]", inputs: { ltMatchHeight: "ltMatchHeight", loadImages: "loadImages" }, host: { listeners: { "window:resize": "onResize()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: MatchHeightDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: MatchHeightDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ltMatchHeight]',
+                    standalone: true
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i2.ImageService }, { type: undefined, decorators: [{
                     type: Inject,
@@ -409,13 +491,14 @@ class ResizableDirective {
             this.mouseMove(e);
         }, true);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: ResizableDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: ResizableDirective, selector: "[ltResizable]", inputs: { resizableGrabWidth: "resizableGrabWidth", resizableMinWidth: "resizableMinWidth" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ResizableDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.2", type: ResizableDirective, isStandalone: true, selector: "[ltResizable]", inputs: { resizableGrabWidth: "resizableGrabWidth", resizableMinWidth: "resizableMinWidth" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: ResizableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ResizableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ltResizable]',
+                    standalone: true,
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { resizableGrabWidth: [{
                 type: Input
@@ -423,194 +506,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
                 type: Input
             }] } });
 
-/**
- * Declarate html as safe
- */
-class SafeHtmlPipe {
-    sanitized;
-    constructor(sanitized) {
-        this.sanitized = sanitized;
-    }
-    transform(value) {
-        return this.sanitized.bypassSecurityTrustHtml(value);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: SafeHtmlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.4", ngImport: i0, type: SafeHtmlPipe, name: "ltSafeHtml" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: SafeHtmlPipe, decorators: [{
-            type: Pipe,
-            args: [{ name: 'ltSafeHtml' }]
-        }], ctorParameters: () => [{ type: i1.DomSanitizer }] });
-
-class DateAgoPipe {
-    intervals = {
-        year: 31536000,
-        month: 2592000,
-        week: 604800,
-        day: 86400,
-        hour: 3600,
-        minute: 60,
-        second: 1,
-    };
-    singular = {
-        year: 'Jahr',
-        month: 'Monat',
-        week: 'Woche',
-        day: 'Tag',
-        hour: 'Stunde',
-        minute: 'Minute',
-        second: 'Sekunde',
-    };
-    plural = {
-        year: 'Jahren',
-        month: 'Monaten',
-        week: 'Wochen',
-        day: 'Tagen',
-        hour: 'Stunden',
-        minute: 'Minuten',
-        second: 'Sekunden',
-    };
-    transform(value, currentDate) {
-        const now = currentDate ?? new Date();
-        if (value) {
-            const seconds = Math.floor((+now - +new Date(value)) / 1000);
-            if (seconds < 29) {
-                return 'gerade eben'; // less than 30 seconds ago will show as 'Just now'
-            }
-            let counter;
-            for (const i of Object.keys(this.intervals)) {
-                counter = Math.floor(seconds / this.intervals[i]);
-                if (counter > 0) {
-                    if (counter === 1) {
-                        return 'vor ' + counter + ' ' + this.singular[i]; // singular (1 day ago)
-                    }
-                    else {
-                        return 'vor ' + counter + ' ' + this.plural[i]; // plural (2 days ago)
-                    }
-                }
-            }
-        }
-        return value;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: DateAgoPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.4", ngImport: i0, type: DateAgoPipe, name: "dateAgo" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: DateAgoPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'dateAgo',
-                    pure: true,
-                }]
-        }] });
-
-// Imported and exported elements
-const elements = [
-    // Directives
-    LazyLoadDirective,
-    MatchHeightDirective,
-    ResizableDirective,
-    // Pipes
-    SafeHtmlPipe,
-    DateAgoPipe,
-];
-/**
- * Base module
- */
-class BaseModule {
-    /**
-     * Set configuration of base module in root module of the app
-     */
-    static forRoot(baseModuleConfig = {}, AppAuthService) {
-        // Default config
-        const config = {
-            apiUrl: '',
-            authGuardRedirectUrl: '/auth',
-            logging: false,
-            version: null,
-            prefix: null,
-            scrollDetectionOffset: 200,
-            scrollOffset: 100,
-            storageType: 'local',
-            securePasswordTransfer: true,
-            ...baseModuleConfig,
-        };
-        if (config.logging) {
-            console.log('Config:', config);
-        }
-        // Prepare providers
-        const providers = [
-            {
-                provide: BASE_MODULE_CONFIG,
-                useValue: config,
-            },
-        ];
-        // Add apollo features if API URL is set
-        if (baseModuleConfig.apiUrl) {
-            providers.push({
-                provide: APOLLO_OPTIONS,
-                useFactory: apolloOptionsFactory,
-                deps: [BASE_MODULE_CONFIG, HttpLink, AppAuthService ? AppAuthService : AuthService, WsService],
-            });
-        }
-        else if (config.logging) {
-            console.log('apiUrl is missing, ApolloLink is not initialized');
-        }
-        // Return root module
-        return {
-            ngModule: BaseModule,
-            providers,
-        };
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: BaseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.4", ngImport: i0, type: BaseModule, declarations: [
-            // Directives
-            LazyLoadDirective,
-            MatchHeightDirective,
-            ResizableDirective,
-            // Pipes
-            SafeHtmlPipe,
-            DateAgoPipe], imports: [ApolloModule, HttpClientModule], exports: [
-            // Directives
-            LazyLoadDirective,
-            MatchHeightDirective,
-            ResizableDirective,
-            // Pipes
-            SafeHtmlPipe,
-            DateAgoPipe, ApolloModule, HttpClientModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: BaseModule, imports: [ApolloModule, HttpClientModule, ApolloModule, HttpClientModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: BaseModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [ApolloModule, HttpClientModule],
-                    declarations: elements,
-                    exports: [...elements, ApolloModule, HttpClientModule],
-                }]
-        }] });
-
-/**
- * Decorator for automatically unsubscribe subscriptions
- * Inspired by https://codereacter.medium.com/angular-advanced-features-and-tips-you-may-not-know-about-cae3b8527184#9bd6
- */
-function AutoUnsubscribe(blackList = []) {
-    return function (constructor) {
-        const original = constructor.prototype.ngOnDestroy;
-        constructor.prototype.ngOnDestroy = function () {
-            for (const prop of Object.keys(this)) {
-                if (!blackList.includes(prop)) {
-                    const property = this[prop];
-                    if (property && typeof property.unsubscribe === 'function') {
-                        property.unsubscribe();
-                    }
-                }
-            }
-            if (original && typeof original === 'function') {
-                original.apply(this, arguments);
-            }
-        };
-    };
-}
-
 /**
  * Authentication guard
  */
@@ -682,12 +577,12 @@ class AuthGuard {
     canActivateChild(route, state) {
         return this.canActivate(route, state);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: AuthGuard, deps: [{ token: i1$1.Router }, { token: i2.AuthService }, { token: BASE_MODULE_CONFIG }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: AuthGuard });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AuthGuard, deps: [{ token: i1.Router }, { token: i2.AuthService }, { token: BASE_MODULE_CONFIG }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AuthGuard });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: AuthGuard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AuthGuard, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$1.Router }, { type: i2.AuthService }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i1.Router }, { type: i2.AuthService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [BASE_MODULE_CONFIG]
                 }] }, { type: undefined, decorators: [{
@@ -702,10 +597,10 @@ class CanDeactivateGuard {
     canDeactivate(component) {
         return component.canDeactivate ? component.canDeactivate() : true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: CanDeactivateGuard, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: CanDeactivateGuard });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: CanDeactivateGuard, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: CanDeactivateGuard });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: CanDeactivateGuard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: CanDeactivateGuard, decorators: [{
             type: Injectable
         }] });
 
@@ -731,12 +626,93 @@ class LogoutGuard {
     canActivateChild(route, state) {
         return this.canActivate(route, state);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: LogoutGuard, deps: [{ token: i1$1.Router }, { token: i2.AuthService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: LogoutGuard });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: LogoutGuard, deps: [{ token: i1.Router }, { token: i2.AuthService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: LogoutGuard });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: LogoutGuard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: LogoutGuard, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$1.Router }, { type: i2.AuthService }] });
+        }], ctorParameters: () => [{ type: i1.Router }, { type: i2.AuthService }] });
+
+/**
+ * Declarate html as safe
+ */
+class SafeHtmlPipe {
+    sanitized;
+    constructor(sanitized) {
+        this.sanitized = sanitized;
+    }
+    transform(value) {
+        return this.sanitized.bypassSecurityTrustHtml(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: SafeHtmlPipe, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.0.2", ngImport: i0, type: SafeHtmlPipe, isStandalone: true, name: "ltSafeHtml" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: SafeHtmlPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'ltSafeHtml', standalone: true }]
+        }], ctorParameters: () => [{ type: i1$1.DomSanitizer }] });
+
+class DateAgoPipe {
+    intervals = {
+        year: 31536000,
+        month: 2592000,
+        week: 604800,
+        day: 86400,
+        hour: 3600,
+        minute: 60,
+        second: 1,
+    };
+    singular = {
+        year: 'Jahr',
+        month: 'Monat',
+        week: 'Woche',
+        day: 'Tag',
+        hour: 'Stunde',
+        minute: 'Minute',
+        second: 'Sekunde',
+    };
+    plural = {
+        year: 'Jahren',
+        month: 'Monaten',
+        week: 'Wochen',
+        day: 'Tagen',
+        hour: 'Stunden',
+        minute: 'Minuten',
+        second: 'Sekunden',
+    };
+    transform(value, currentDate) {
+        const now = currentDate ?? new Date();
+        if (value) {
+            const seconds = Math.floor((+now - +new Date(value)) / 1000);
+            if (seconds < 29) {
+                return 'gerade eben'; // less than 30 seconds ago will show as 'Just now'
+            }
+            let counter;
+            for (const i of Object.keys(this.intervals)) {
+                counter = Math.floor(seconds / this.intervals[i]);
+                if (counter > 0) {
+                    if (counter === 1) {
+                        return 'vor ' + counter + ' ' + this.singular[i]; // singular (1 day ago)
+                    }
+                    else {
+                        return 'vor ' + counter + ' ' + this.plural[i]; // plural (2 days ago)
+                    }
+                }
+            }
+        }
+        return value;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: DateAgoPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.0.2", ngImport: i0, type: DateAgoPipe, isStandalone: true, name: "dateAgo" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: DateAgoPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'dateAgo',
+                    pure: true,
+                    standalone: true,
+                }]
+        }] });
 
 /**
  * Fullscreen service
@@ -776,10 +752,10 @@ class FullscreenService {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: FullscreenService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: FullscreenService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: FullscreenService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: FullscreenService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: FullscreenService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: FullscreenService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -878,15 +854,15 @@ class SEOService {
     setPageKeywords(keywords) {
         this.metaTagService.updateTag({ name: 'keywords', content: keywords });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: SEOService, deps: [{ token: i1.Title }, { token: i1.Meta }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: SEOService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: SEOService, deps: [{ token: i1$1.Title }, { token: i1$1.Meta }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: SEOService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: SEOService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: SEOService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i1.Title }, { type: i1.Meta }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i1$1.Title }, { type: i1$1.Meta }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [PLATFORM_ID]
                 }] }] });
@@ -921,10 +897,10 @@ class ThemeService {
             this.theme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: ThemeService, deps: [{ token: i2.StorageService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: ThemeService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ThemeService, deps: [{ token: i2.StorageService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ThemeService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: ThemeService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ThemeService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',