@lenne.tech/ng-base 12.1.0 → 13.2.0

package/{fesm2015/lenne.tech-ng-base-src-lib-base.js → fesm2020/lenne.tech-ng-base.mjs}

@@ -1,19 +1,17 @@
-import * as i1 from 'apollo-angular';
-import { APOLLO_OPTIONS, gql, Apollo } from 'apollo-angular';
+import * as i1$2 from 'apollo-angular';
+import { APOLLO_OPTIONS, gql } from 'apollo-angular';
 import { HttpLink } from 'apollo-angular/http';
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Inject, Directive, ElementRef, Input, Output, HostBinding, PLATFORM_ID, HostListener, Pipe, NgModule } from '@angular/core';
+import { InjectionToken, Injectable, Inject, Directive, Input, Output, HostBinding, PLATFORM_ID, HostListener, Pipe, NgModule } from '@angular/core';
 import { BehaviorSubject, Observable, of, throwError } from 'rxjs';
 import { ApolloLink, split, concat } from '@apollo/client/core';
 import { InMemoryCache } from '@apollo/client/cache';
 import { WebSocketLink } from '@apollo/client/link/ws';
 import { getMainDefinition } from '@apollo/client/utilities';
-import { __awaiter } from 'tslib';
 import { isPlatformBrowser } from '@angular/common';
-import * as i1$2 from '@angular/platform-browser';
-import { DomSanitizer, Title, Meta } from '@angular/platform-browser';
+import * as i1 from '@angular/platform-browser';
 import * as i1$1 from '@angular/router';
-import { Router } from '@angular/router';
+import { FormControl, FormGroup } from '@angular/forms';
 import { buildClientSchema, getIntrospectionQuery } from 'graphql';
 import { map } from 'rxjs/operators';
 
@@ -136,29 +134,32 @@ class StorageService {
         this.storage.clear();
     }
 }
-StorageService.ɵprov = i0.ɵɵdefineInjectable({ factory: function StorageService_Factory() { return new StorageService(i0.ɵɵinject(BASE_MODULE_CONFIG)); }, token: StorageService, providedIn: "root" });
-StorageService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root',
-            },] }
-];
-StorageService.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: [BASE_MODULE_CONFIG,] }] }
-];
+StorageService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: StorageService, deps: [{ token: BASE_MODULE_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
+StorageService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: StorageService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: StorageService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [BASE_MODULE_CONFIG]
+                }] }]; } });
 
 class WsService {
     reconnect() {
-        var _a, _b;
-        (_a = this.client) === null || _a === void 0 ? void 0 : _a.close();
-        (_b = this.client) === null || _b === void 0 ? void 0 : _b.connect();
+        this.client?.close();
+        this.client?.connect();
     }
 }
-WsService.ɵprov = i0.ɵɵdefineInjectable({ factory: function WsService_Factory() { return new WsService(); }, token: WsService, providedIn: "root" });
-WsService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root',
-            },] }
-];
+WsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: WsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+WsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: WsService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: WsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
 
 /**
  * Authentication service
@@ -213,17 +214,17 @@ class AuthService {
         return this._token.asObservable();
     }
 }
-AuthService.ɵprov = i0.ɵɵdefineInjectable({ factory: function AuthService_Factory() { return new AuthService(i0.ɵɵinject(BASE_MODULE_CONFIG), i0.ɵɵinject(StorageService), i0.ɵɵinject(WsService)); }, token: AuthService, providedIn: "root" });
-AuthService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root',
-            },] }
-];
-AuthService.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: [BASE_MODULE_CONFIG,] }] },
-    { type: StorageService },
-    { type: WsService }
-];
+AuthService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: AuthService, deps: [{ token: BASE_MODULE_CONFIG }, { token: StorageService }, { token: WsService }], target: i0.ɵɵFactoryTarget.Injectable });
+AuthService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: AuthService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: AuthService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [BASE_MODULE_CONFIG]
+                }] }, { type: StorageService }, { type: WsService }]; } });
 
 /**
  * Factory for apollo-angular options
@@ -323,13 +324,12 @@ class ContextMenuDirective {
     }
     // Shows or hides our custom context menu, which is specified as a input
     showContextMenu(event, show) {
-        var _a;
         const cm = this.ltContextMenu;
         if (cm) {
             // Try to open context menu
             if (show && event && event instanceof MouseEvent) {
                 // Get valid clicked structureElement
-                const clickedElement = (_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.closest(this.selectors);
+                const clickedElement = event?.target?.closest(this.selectors);
                 if (clickedElement) {
                     // Set clicked structureElement
                     this.clickedElement = clickedElement;
@@ -366,24 +366,29 @@ class ContextMenuDirective {
         }
     }
 }
-ContextMenuDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[ltContextMenu]',
-                exportAs: 'contextMenuData',
-            },] }
-];
-ContextMenuDirective.ctorParameters = () => [
-    { type: ElementRef }
-];
-ContextMenuDirective.propDecorators = {
-    contextMenuData: [{ type: Input }],
-    ltContextMenu: [{ type: Input }],
-    xGap: [{ type: Input }],
-    yGap: [{ type: Input }],
-    overflowSpace: [{ type: Input }],
-    selectors: [{ type: Input }],
-    clickedElement: [{ type: Output }]
-};
+ContextMenuDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: ContextMenuDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+ContextMenuDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.3", type: ContextMenuDirective, selector: "[ltContextMenu]", inputs: { contextMenuData: "contextMenuData", ltContextMenu: "ltContextMenu", xGap: "xGap", yGap: "yGap", overflowSpace: "overflowSpace", selectors: "selectors" }, outputs: { clickedElement: "clickedElement" }, exportAs: ["contextMenuData"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: ContextMenuDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ltContextMenu]',
+                    exportAs: 'contextMenuData',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { contextMenuData: [{
+                type: Input
+            }], ltContextMenu: [{
+                type: Input
+            }], xGap: [{
+                type: Input
+            }], yGap: [{
+                type: Input
+            }], overflowSpace: [{
+                type: Input
+            }], selectors: [{
+                type: Input
+            }], clickedElement: [{
+                type: Output
+            }] } });
 
 /**
  * Directive for lazy loading images
@@ -414,18 +419,19 @@ class LazyLoadDirective {
         this.srcAttr = this.src;
     }
 }
-LazyLoadDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'img[ltLazyLoad]',
-            },] }
-];
-LazyLoadDirective.ctorParameters = () => [
-    { type: ElementRef }
-];
-LazyLoadDirective.propDecorators = {
-    srcAttr: [{ type: HostBinding, args: ['attr.src',] }],
-    src: [{ type: Input }]
-};
+LazyLoadDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: LazyLoadDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+LazyLoadDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.3", type: LazyLoadDirective, selector: "img[ltLazyLoad]", inputs: { src: "src" }, host: { properties: { "attr.src": "this.srcAttr" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: LazyLoadDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'img[ltLazyLoad]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { srcAttr: [{
+                type: HostBinding,
+                args: ['attr.src']
+            }], src: [{
+                type: Input
+            }] } });
 
 /**
  * Helper class
@@ -435,7 +441,7 @@ class Helper {
      * Simple filter function for plain objects
      */
     static filter(objects, filter) {
-        return ((objects === null || objects === void 0 ? void 0 : objects.filter((element) => {
+        return (objects?.filter((element) => {
             for (const [key, value] of Object.entries(filter)) {
                 if (Array.isArray(element[key])) {
                     for (const item of element[key]) {
@@ -449,7 +455,7 @@ class Helper {
                 }
             }
             return true;
-        })) || []);
+        }) || []);
     }
     /**
      * Convert to a url/uri conform string
@@ -459,7 +465,10 @@ class Helper {
      */
     static urlString(str, options = {}) {
         // Config
-        const config = Object.assign({ allowAll: false }, options);
+        const config = {
+            allowAll: false,
+            ...options,
+        };
         // To string
         str = str + '';
         // Trim
@@ -485,7 +494,11 @@ class Helper {
      */
     static map(source, target, options = {}) {
         // Set config
-        const config = Object.assign({ funcAllowed: false, dateStringToDate: true }, options);
+        const config = {
+            funcAllowed: false,
+            dateStringToDate: true,
+            ...options,
+        };
         // Check source
         if (!source || typeof source !== 'object' || Array.isArray(source)) {
             return target;
@@ -532,21 +545,19 @@ class Helper {
      * Get plain parameter
      */
     static getPlainParameter(parameter) {
-        var _a, _b, _c;
         if (!parameter) {
             return parameter;
         }
-        return (_c = (_b = (_a = parameter === null || parameter === void 0 ? void 0 : parameter.split('?')) === null || _a === void 0 ? void 0 : _a.shift()) === null || _b === void 0 ? void 0 : _b.split('#')) === null || _c === void 0 ? void 0 : _c.shift();
+        return parameter?.split('?')?.shift()?.split('#')?.shift();
     }
     /**
      * Get ID of an url parameter
      */
     static getParameterId(parameter) {
-        var _a;
         if (!parameter) {
             return parameter;
         }
-        return (_a = Helper.getPlainParameter(parameter)) === null || _a === void 0 ? void 0 : _a.split('-').pop();
+        return Helper.getPlainParameter(parameter)?.split('-').pop();
     }
     /**
      * Delay
@@ -715,6 +726,15 @@ class Helper {
             return false;
         }
     }
+    static arrayBufferToBase64(buffer) {
+        let binary = '';
+        const bytes = new Uint8Array(buffer);
+        const len = bytes.byteLength;
+        for (let i = 0; i < len; i++) {
+            binary += String.fromCharCode(bytes[i]);
+        }
+        return `data:image/*;base64, ${window.btoa(binary)}`;
+    }
 }
 
 /**
@@ -729,9 +749,13 @@ class ImageService {
      */
     preLoadImages(options) {
         // Init configuration
-        const config = Object.assign({ doneFunnction: undefined, elements: document, regExp: undefined }, options);
+        const config = {
+            doneFunnction: undefined,
+            elements: document,
+            regExp: undefined,
+            ...options,
+        };
         return new Promise((resolve) => {
-            var _a;
             // Convert element(s) into array
             if (!Array.isArray(config.elements)) {
                 // NodeList or HTMLCollection
@@ -756,7 +780,7 @@ class ImageService {
                 // Check if changes are necessary and possible
                 if ((image.complete && image.naturalHeight !== 0) || // already laoded
                     !src || // Image has no src
-                    ((_a = config.regExp) === null || _a === void 0 ? void 0 : _a.test(src)) // Test if src matches regular expression
+                    config.regExp?.test(src) // Test if src matches regular expression
                 ) {
                     continue;
                 }
@@ -777,14 +801,14 @@ class ImageService {
             // Wait until all images loaded
             Promise.all(promises)
                 .catch((e) => console.error('Error during image loading', e))
-                .finally(() => __awaiter(this, void 0, void 0, function* () {
+                .finally(async () => {
                 // Return result
                 let result;
                 if (config.doneFunnction) {
-                    result = yield config.doneFunction();
+                    result = await config.doneFunction();
                 }
                 resolve(result);
-            }));
+            });
         });
     }
     /**
@@ -794,23 +818,23 @@ class ImageService {
      * @param src
      * @protected
      */
-    loadImage(imageElement, src) {
-        return __awaiter(this, void 0, void 0, function* () {
-            src = src || imageElement.src;
-            return new Promise((resolve, reject) => {
-                imageElement.onload = () => resolve(imageElement);
-                imageElement.onerror = reject;
-                imageElement.src = src;
-            });
+    async loadImage(imageElement, src) {
+        src = src || imageElement.src;
+        return new Promise((resolve, reject) => {
+            imageElement.onload = () => resolve(imageElement);
+            imageElement.onerror = reject;
+            imageElement.src = src;
         });
     }
 }
-ImageService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ImageService_Factory() { return new ImageService(); }, token: ImageService, providedIn: "root" });
-ImageService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root',
-            },] }
-];
+ImageService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: ImageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ImageService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: ImageService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: ImageService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
 
 /**
  * Set same height (maximum) to different elements
@@ -829,62 +853,63 @@ class MatchHeightDirective {
     ngOnInit() {
         this.matchHeight(this.el.nativeElement, this.ltMatchHeight);
     }
-    matchHeight(parent, target) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!parent) {
-                return;
-            }
-            let classNames;
-            if (!Array.isArray(target)) {
-                classNames = [target];
+    async matchHeight(parent, target) {
+        if (!parent) {
+            return;
+        }
+        let classNames;
+        if (!Array.isArray(target)) {
+            classNames = [target];
+        }
+        else {
+            classNames = target;
+        }
+        for (const className of classNames) {
+            // find all child structureElements with the selected class name
+            const children = parent.getElementsByClassName(className);
+            if (!children || children.length < 2) {
+                continue;
             }
-            else {
-                classNames = target;
+            // Load images of children
+            if (this.loadImages) {
+                await this.imageService.preLoadImages({ elements: children });
             }
-            for (const className of classNames) {
-                // find all child structureElements with the selected class name
-                const children = parent.getElementsByClassName(className);
-                if (!children || children.length < 2) {
-                    continue;
-                }
-                // Load images of children
-                if (this.loadImages) {
-                    yield this.imageService.preLoadImages({ elements: children });
+            // reset all children height
+            Array.from(children).forEach((element) => {
+                element.style.height = 'initial';
+            });
+            // get all the child structureElements heights
+            const itemHeights = Array.from(children).map((element) => {
+                if (element.getBoundingClientRect) {
+                    return element.getBoundingClientRect().height;
                 }
-                // reset all children height
-                Array.from(children).forEach((element) => {
-                    element.style.height = 'initial';
-                });
-                // get all the child structureElements heights
-                const itemHeights = Array.from(children).map((element) => {
-                    if (element.getBoundingClientRect) {
-                        return element.getBoundingClientRect().height;
-                    }
-                    return 0;
-                });
-                // find out the tallest one
-                const maxHeight = itemHeights.reduce((prev, curr) => (curr > prev ? curr : prev), 0);
-                // update the child structureElements height to the tallest one
-                Array.from(children).forEach((element) => (element.style.height = `${maxHeight}px`));
-            }
-        });
+                return 0;
+            });
+            // find out the tallest one
+            const maxHeight = itemHeights.reduce((prev, curr) => (curr > prev ? curr : prev), 0);
+            // update the child structureElements height to the tallest one
+            Array.from(children).forEach((element) => (element.style.height = `${maxHeight}px`));
+        }
     }
 }
-MatchHeightDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[ltMatchHeight]',
-            },] }
-];
-MatchHeightDirective.ctorParameters = () => [
-    { type: ElementRef },
-    { type: ImageService },
-    { type: String, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] }
-];
-MatchHeightDirective.propDecorators = {
-    ltMatchHeight: [{ type: Input }],
-    loadImages: [{ type: Input }],
-    onResize: [{ type: HostListener, args: ['window:resize',] }]
-};
+MatchHeightDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: MatchHeightDirective, deps: [{ token: i0.ElementRef }, { token: ImageService }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Directive });
+MatchHeightDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.3", type: MatchHeightDirective, selector: "[ltMatchHeight]", inputs: { ltMatchHeight: "ltMatchHeight", loadImages: "loadImages" }, host: { listeners: { "window:resize": "onResize()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: MatchHeightDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ltMatchHeight]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: ImageService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }]; }, propDecorators: { ltMatchHeight: [{
+                type: Input
+            }], loadImages: [{
+                type: Input
+            }], onResize: [{
+                type: HostListener,
+                args: ['window:resize']
+            }] } });
 
 /**
  * Reszise detection
@@ -961,18 +986,18 @@ class ResizableDirective {
         }, true);
     }
 }
-ResizableDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[ltResizable]',
-            },] }
-];
-ResizableDirective.ctorParameters = () => [
-    { type: ElementRef }
-];
-ResizableDirective.propDecorators = {
-    resizableGrabWidth: [{ type: Input }],
-    resizableMinWidth: [{ type: Input }]
-};
+ResizableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: ResizableDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+ResizableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.3", type: ResizableDirective, selector: "[ltResizable]", inputs: { resizableGrabWidth: "resizableGrabWidth", resizableMinWidth: "resizableMinWidth" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: ResizableDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ltResizable]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { resizableGrabWidth: [{
+                type: Input
+            }], resizableMinWidth: [{
+                type: Input
+            }] } });
 
 /**
  * Truncate string with ellipses
@@ -985,11 +1010,14 @@ class EllipsesPipe {
         return value.length > limit ? value.substring(0, limit) + '...' : value;
     }
 }
-EllipsesPipe.decorators = [
-    { type: Pipe, args: [{
-                name: 'ltEllipses',
-            },] }
-];
+EllipsesPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: EllipsesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+EllipsesPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: EllipsesPipe, name: "ltEllipses" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: EllipsesPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'ltEllipses',
+                }]
+        }] });
 
 /**
  * Declarate html as safe
@@ -1002,12 +1030,75 @@ class SafeHtmlPipe {
         return this.sanitized.bypassSecurityTrustHtml(value);
     }
 }
-SafeHtmlPipe.decorators = [
-    { type: Pipe, args: [{ name: 'ltSafeHtml' },] }
-];
-SafeHtmlPipe.ctorParameters = () => [
-    { type: DomSanitizer }
-];
+SafeHtmlPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SafeHtmlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+SafeHtmlPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SafeHtmlPipe, name: "ltSafeHtml" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SafeHtmlPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'ltSafeHtml' }]
+        }], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; } });
+
+class DateAgoPipe {
+    constructor() {
+        this.intervals = {
+            year: 31536000,
+            month: 2592000,
+            week: 604800,
+            day: 86400,
+            hour: 3600,
+            minute: 60,
+            second: 1,
+        };
+        this.singular = {
+            year: 'Jahr',
+            month: 'Monat',
+            week: 'Woche',
+            day: 'Tag',
+            hour: 'Stunde',
+            minute: 'Minute',
+            second: 'Sekunde',
+        };
+        this.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;
+    }
+}
+DateAgoPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: DateAgoPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+DateAgoPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: DateAgoPipe, name: "dateAgo" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: DateAgoPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'dateAgo',
+                    pure: true,
+                }]
+        }] });
 
 // Imported and exported elements
 const elements = [
@@ -1019,6 +1110,7 @@ const elements = [
     // Pipes
     EllipsesPipe,
     SafeHtmlPipe,
+    DateAgoPipe,
 ];
 /**
  * Base module
@@ -1029,7 +1121,17 @@ class BaseModule {
      */
     static forRoot(baseModuleConfig = {}, AppAuthService) {
         // Default config
-        const config = Object.assign({ apiUrl: 'localhost:3000', authGuardRedirectUrl: '/auth', logging: false, version: null, prefix: null, scrollDetectionOffset: 200, scrollOffset: 100, storageType: 'local' }, baseModuleConfig);
+        const config = {
+            apiUrl: 'localhost:3000',
+            authGuardRedirectUrl: '/auth',
+            logging: false,
+            version: null,
+            prefix: null,
+            scrollDetectionOffset: 200,
+            scrollOffset: 100,
+            storageType: 'local',
+            ...baseModuleConfig,
+        };
         // Prepare providers
         const providers = [
             {
@@ -1055,12 +1157,34 @@ class BaseModule {
         };
     }
 }
-BaseModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: elements,
-                exports: elements,
-            },] }
-];
+BaseModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: BaseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+BaseModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: BaseModule, declarations: [
+        // Directives
+        ContextMenuDirective,
+        LazyLoadDirective,
+        MatchHeightDirective,
+        ResizableDirective,
+        // Pipes
+        EllipsesPipe,
+        SafeHtmlPipe,
+        DateAgoPipe], exports: [
+        // Directives
+        ContextMenuDirective,
+        LazyLoadDirective,
+        MatchHeightDirective,
+        ResizableDirective,
+        // Pipes
+        EllipsesPipe,
+        SafeHtmlPipe,
+        DateAgoPipe] });
+BaseModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: BaseModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: BaseModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: elements,
+                    exports: elements,
+                }]
+        }] });
 
 /**
  * Standard class
@@ -1191,7 +1315,12 @@ class GraphQLMeta {
      * Get arguments of GraphQL function
      */
     getArgs(functionName, options = {}) {
-        const { cache, freeze, type } = Object.assign({ cache: true, freeze: true, type: undefined }, options);
+        const { cache, freeze, type } = {
+            cache: true,
+            freeze: true,
+            type: undefined,
+            ...options,
+        };
         // Get cache
         if (cache && freeze) {
             const args = this.args[functionName + type];
@@ -1201,7 +1330,7 @@ class GraphQLMeta {
         }
         const func = this.getFunction(functionName, { type });
         const result = {};
-        if (func === null || func === void 0 ? void 0 : func.args) {
+        if (func?.args) {
             func.args.forEach((item) => {
                 result[item.name] = this.getDeepType(item.type);
             });
@@ -1216,7 +1345,12 @@ class GraphQLMeta {
      * Get fields of GraphQL function
      */
     getFields(functionName, options = {}) {
-        const { cache, freeze, type } = Object.assign({ cache: true, freeze: true, type: undefined }, options);
+        const { cache, freeze, type } = {
+            cache: true,
+            freeze: true,
+            type: undefined,
+            ...options,
+        };
         // Get cache
         if (cache && freeze) {
             const args = this.fields[functionName + type];
@@ -1237,7 +1371,9 @@ class GraphQLMeta {
      */
     getFunction(name, options = {}) {
         // Set config
-        const config = Object.assign({}, options);
+        const config = {
+            ...options,
+        };
         // Init possible functions
         let functions = {};
         // If function type is set
@@ -1253,7 +1389,10 @@ class GraphQLMeta {
             ['Subscription', 'Mutation', 'Query'].forEach((item) => {
                 const type = this.schema.getType(item);
                 if (type) {
-                    functions = Object.assign(Object.assign({}, functions), (type.getFields() || {}));
+                    functions = {
+                        ...functions,
+                        ...(type.getFields() || {}),
+                    };
                 }
             });
         }
@@ -1342,14 +1481,13 @@ class AuthGuard {
      */
     canActivate(route, state) {
         return new Observable((subscriber) => {
-            var _a, _b, _c, _d;
             let allowed = false;
-            const opposite = ((_a = route === null || route === void 0 ? void 0 : route.data) === null || _a === void 0 ? void 0 : _a.opposite) ? (_b = route === null || route === void 0 ? void 0 : route.data) === null || _b === void 0 ? void 0 : _b.opposite : false;
-            const redirectUrl = ((_c = route === null || route === void 0 ? void 0 : route.data) === null || _c === void 0 ? void 0 : _c.redirectUrl) ? route.data.redirectUrl : this.moduleConfig.authGuardRedirectUrl;
+            const opposite = route?.data?.opposite ? route?.data?.opposite : false;
+            const redirectUrl = route?.data?.redirectUrl ? route.data.redirectUrl : this.moduleConfig.authGuardRedirectUrl;
             if (this.authService.token && !opposite) {
                 if (route.data.allowedRole) {
                     const user = this.authService.currentUser;
-                    allowed = (_d = user === null || user === void 0 ? void 0 : user.roles) === null || _d === void 0 ? void 0 : _d.includes(route.data.allowedRole);
+                    allowed = user?.roles?.includes(route.data.allowedRole);
                 }
                 else {
                     allowed = true;
@@ -1372,14 +1510,14 @@ class AuthGuard {
         return this.canActivate(route, state);
     }
 }
-AuthGuard.decorators = [
-    { type: Injectable }
-];
-AuthGuard.ctorParameters = () => [
-    { type: Router },
-    { type: AuthService },
-    { type: undefined, decorators: [{ type: Inject, args: [BASE_MODULE_CONFIG,] }] }
-];
+AuthGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: AuthGuard, deps: [{ token: i1$1.Router }, { token: AuthService }, { token: BASE_MODULE_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
+AuthGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: AuthGuard });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: AuthGuard, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1$1.Router }, { type: AuthService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [BASE_MODULE_CONFIG]
+                }] }]; } });
 
 /**
  * Guard to check if a component can be deactivated
@@ -1389,9 +1527,11 @@ class CanDeactivateGuard {
         return component.canDeactivate ? component.canDeactivate() : true;
     }
 }
-CanDeactivateGuard.decorators = [
-    { type: Injectable }
-];
+CanDeactivateGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: CanDeactivateGuard, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+CanDeactivateGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: CanDeactivateGuard });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: CanDeactivateGuard, decorators: [{
+            type: Injectable
+        }] });
 
 /**
  * Logout guard
@@ -1414,13 +1554,11 @@ class LogoutGuard {
         return this.canActivate(route, state);
     }
 }
-LogoutGuard.decorators = [
-    { type: Injectable }
-];
-LogoutGuard.ctorParameters = () => [
-    { type: Router },
-    { type: AuthService }
-];
+LogoutGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: LogoutGuard, deps: [{ token: i1$1.Router }, { token: AuthService }], target: i0.ɵɵFactoryTarget.Injectable });
+LogoutGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: LogoutGuard });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: LogoutGuard, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1$1.Router }, { type: AuthService }]; } });
 
 /**
  * Comparison operator enum
@@ -1464,6 +1602,29 @@ var SortOrderEnum;
     SortOrderEnum["DESC"] = "DESC";
 })(SortOrderEnum || (SortOrderEnum = {}));
 
+class FormsService {
+    constructor() { }
+    validateAllFormFields(formGroup) {
+        Object.keys(formGroup.controls).forEach((field) => {
+            const control = formGroup.get(field);
+            if (control instanceof FormControl) {
+                control.markAsTouched({ onlySelf: true });
+            }
+            else if (control instanceof FormGroup) {
+                this.validateAllFormFields(control);
+            }
+        });
+    }
+}
+FormsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: FormsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+FormsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: FormsService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: FormsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return []; } });
+
 /**
  * Fullscreen service
  */
@@ -1503,13 +1664,14 @@ class FullscreenService {
         });
     }
 }
-FullscreenService.ɵprov = i0.ɵɵdefineInjectable({ factory: function FullscreenService_Factory() { return new FullscreenService(); }, token: FullscreenService, providedIn: "root" });
-FullscreenService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root',
-            },] }
-];
-FullscreenService.ctorParameters = () => [];
+FullscreenService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: FullscreenService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+FullscreenService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: FullscreenService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: FullscreenService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return []; } });
 
 /**
  * GraphQL meta service
@@ -1535,7 +1697,11 @@ class GraphQLMetaService {
      */
     getSchema(options = {}) {
         // Get configurations
-        const config = Object.assign({ cache: true, freeze: true }, options);
+        const config = {
+            cache: true,
+            freeze: true,
+            ...options,
+        };
         // Use caching
         if (config.cache) {
             if (config.freeze && this._frozenSchema) {
@@ -1583,7 +1749,11 @@ class GraphQLMetaService {
      */
     getMeta(options = {}) {
         // Get configurations
-        const config = Object.assign({ cache: true, log: false }, options);
+        const config = {
+            cache: true,
+            log: false,
+            ...options,
+        };
         // Use caching
         if (config.cache) {
             if (this._meta) {
@@ -1608,15 +1778,14 @@ class GraphQLMetaService {
         return observable;
     }
 }
-GraphQLMetaService.ɵprov = i0.ɵɵdefineInjectable({ factory: function GraphQLMetaService_Factory() { return new GraphQLMetaService(i0.ɵɵinject(i1.Apollo)); }, token: GraphQLMetaService, providedIn: "root" });
-GraphQLMetaService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root',
-            },] }
-];
-GraphQLMetaService.ctorParameters = () => [
-    { type: Apollo }
-];
+GraphQLMetaService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: GraphQLMetaService, deps: [{ token: i1$2.Apollo }], target: i0.ɵɵFactoryTarget.Injectable });
+GraphQLMetaService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: GraphQLMetaService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: GraphQLMetaService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.Apollo }]; } });
 
 /**
  * GraphQL service
@@ -1638,7 +1807,14 @@ class GraphQLService {
             throwError('Missing graphql argument');
         }
         // Get config
-        const config = Object.assign({ arguments: null, fields: null, log: false, model: null, type: GraphQLRequestType.QUERY }, options);
+        const config = {
+            arguments: null,
+            fields: null,
+            log: false,
+            model: null,
+            type: GraphQLRequestType.QUERY,
+            ...options,
+        };
         // Convert class to Object for arguments
         if (typeof config.arguments === 'function') {
             config.arguments = new config.arguments();
@@ -1707,7 +1883,7 @@ class GraphQLService {
                         .filter((field) => !argsData.usedArgs.includes(field));
                     console.log({ argsData, filtered, unused });
                 }
-                const args = (argsData === null || argsData === void 0 ? void 0 : argsData.argsString) || '';
+                const args = argsData?.argsString || '';
                 // Log
                 if (config.log) {
                     console.log({ graphQL: graphql, args, fields, type: config.type });
@@ -1740,8 +1916,7 @@ class GraphQLService {
                     request[config.type] = documentNode;
                 }
                 this.apollo[func](request).subscribe((result) => {
-                    var _a;
-                    const data = ((_a = result === null || result === void 0 ? void 0 : result.data) === null || _a === void 0 ? void 0 : _a[graphql]) !== undefined ? result.data[graphql] : result;
+                    const data = result?.data?.[graphql] !== undefined ? result.data[graphql] : result;
                     // Direct data
                     if (!config.model) {
                         subscriber.next(data);
@@ -1776,7 +1951,7 @@ class GraphQLService {
                 result.push(current);
             }
             else {
-                if (current === null || current === void 0 ? void 0 : current.includes('.')) {
+                if (current?.includes('.')) {
                     cacheNode.push(current.split('.')[1]);
                 }
                 else if (current) {
@@ -1797,7 +1972,14 @@ class GraphQLService {
      */
     prepareArguments(args, options = {}) {
         // Init config variables
-        const { allowed, level, parent, schemaArgs, usedArgs } = Object.assign({ allowed: null, level: 1, parent: '', schemaArgs: [], usedArgs: [] }, options);
+        const { allowed, level, parent, schemaArgs, usedArgs } = {
+            allowed: null,
+            level: 1,
+            parent: '',
+            schemaArgs: [],
+            usedArgs: [],
+            ...options,
+        };
         // Check args
         if (args === undefined || args === null) {
             return { argsString: '', schemaArgs, usedArgs };
@@ -1813,7 +1995,7 @@ class GraphQLService {
                     if (allowed.length < 1) {
                         break;
                     }
-                    key = allowedKeys === null || allowedKeys === void 0 ? void 0 : allowedKeys.shift();
+                    key = allowedKeys?.shift();
                 }
                 // Process value
                 result.push(this.prepareArguments(item, {
@@ -1933,7 +2115,15 @@ class GraphQLService {
      */
     prepareFields(fields, options = {}) {
         // Config
-        const { allowed, parent, schemaFields, spaces, tab, usedFields } = Object.assign({ allowed: null, parent: '', schemaFields: [], spaces: 2, tab: 1, usedFields: [] }, options);
+        const { allowed, parent, schemaFields, spaces, tab, usedFields } = {
+            allowed: null,
+            parent: '',
+            schemaFields: [],
+            spaces: 2,
+            tab: 1,
+            usedFields: [],
+            ...options,
+        };
         // Init fields string
         let fieldsString = '';
         // Check fields
@@ -1966,14 +2156,14 @@ class GraphQLService {
                 }
                 const currentPath = parent + item;
                 schemaFields.push(currentPath);
-                if (allowed && !(allowed === null || allowed === void 0 ? void 0 : allowed[item])) {
+                if (allowed && !allowed?.[item]) {
                     continue;
                 }
                 usedFields.push(currentPath);
                 fieldsString =
                     fieldsString +
                         this.prepareFields(item, {
-                            allowed: typeof (allowed === null || allowed === void 0 ? void 0 : allowed[item]) === 'object' && !((allowed === null || allowed === void 0 ? void 0 : allowed[item]) instanceof GraphQLType) ? allowed === null || allowed === void 0 ? void 0 : allowed[item] : item,
+                            allowed: typeof allowed?.[item] === 'object' && !(allowed?.[item] instanceof GraphQLType) ? allowed?.[item] : item,
                             parent: currentPath + '.',
                             spaces,
                             schemaFields,
@@ -2003,7 +2193,7 @@ class GraphQLService {
                             ' ' +
                             '{' +
                             this.prepareFields(val, {
-                                allowed: typeof (allowed === null || allowed === void 0 ? void 0 : allowed[key]) === 'object' && !((allowed === null || allowed === void 0 ? void 0 : allowed[key]) instanceof GraphQLType) ? allowed === null || allowed === void 0 ? void 0 : allowed[key] : key,
+                                allowed: typeof allowed?.[key] === 'object' && !(allowed?.[key] instanceof GraphQLType) ? allowed?.[key] : key,
                                 parent: currentPath + '.',
                                 spaces,
                                 schemaFields,
@@ -2020,16 +2210,14 @@ class GraphQLService {
         return { fieldsString, schemaFields, usedFields };
     }
 }
-GraphQLService.ɵprov = i0.ɵɵdefineInjectable({ factory: function GraphQLService_Factory() { return new GraphQLService(i0.ɵɵinject(i1.Apollo), i0.ɵɵinject(GraphQLMetaService)); }, token: GraphQLService, providedIn: "root" });
-GraphQLService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root',
-            },] }
-];
-GraphQLService.ctorParameters = () => [
-    { type: Apollo },
-    { type: GraphQLMetaService }
-];
+GraphQLService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: GraphQLService, deps: [{ token: i1$2.Apollo }, { token: GraphQLMetaService }], target: i0.ɵɵFactoryTarget.Injectable });
+GraphQLService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: GraphQLService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: GraphQLService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.Apollo }, { type: GraphQLMetaService }]; } });
 
 /**
  * Loader service for loading indication
@@ -2048,12 +2236,14 @@ class LoaderService {
         return this.isLoading.asObservable();
     }
 }
-LoaderService.ɵprov = i0.ɵɵdefineInjectable({ factory: function LoaderService_Factory() { return new LoaderService(); }, token: LoaderService, providedIn: "root" });
-LoaderService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root',
-            },] }
-];
+LoaderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: LoaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+LoaderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: LoaderService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: LoaderService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
 
 /**
  * GraphQL plus service, for extra error handling and loading indication
@@ -2112,7 +2302,7 @@ class GraphQLPlusService extends GraphQLService {
                     }
                 });
             }
-            else if (error.message.toLowerCase().includes(excludedErrors === null || excludedErrors === void 0 ? void 0 : excludedErrors.toLowerCase())) {
+            else if (error.message.toLowerCase().includes(excludedErrors?.toLowerCase())) {
                 return;
             }
         }
@@ -2122,17 +2312,14 @@ class GraphQLPlusService extends GraphQLService {
         console.error(error);
     }
 }
-GraphQLPlusService.ɵprov = i0.ɵɵdefineInjectable({ factory: function GraphQLPlusService_Factory() { return new GraphQLPlusService(i0.ɵɵinject(i1.Apollo), i0.ɵɵinject(GraphQLMetaService), i0.ɵɵinject(LoaderService)); }, token: GraphQLPlusService, providedIn: "root" });
-GraphQLPlusService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root',
-            },] }
-];
-GraphQLPlusService.ctorParameters = () => [
-    { type: Apollo },
-    { type: GraphQLMetaService },
-    { type: LoaderService }
-];
+GraphQLPlusService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: GraphQLPlusService, deps: [{ token: i1$2.Apollo }, { token: GraphQLMetaService }, { token: LoaderService }], target: i0.ɵɵFactoryTarget.Injectable });
+GraphQLPlusService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: GraphQLPlusService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: GraphQLPlusService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.Apollo }, { type: GraphQLMetaService }, { type: LoaderService }]; } });
 
 /**
  * Scroll service for autoscroll to specific fragments
@@ -2157,7 +2344,12 @@ class ScrollService {
          * @protected
          */
         this.scrollTimer = -1;
-        const config = Object.assign({ scrollDetectionOffset: 200, scrollOffset: 100, scrollSamplingRate: 100 }, moduleConfig);
+        const config = {
+            scrollDetectionOffset: 200,
+            scrollOffset: 100,
+            scrollSamplingRate: 100,
+            ...moduleConfig,
+        };
         this.detectionOffset = config.scrollDetectionOffset;
         this.scrollOffset = config.scrollOffset;
         this.scrollSamplingRate = config.scrollSamplingRate;
@@ -2165,54 +2357,59 @@ class ScrollService {
     /**
      * Scroll to structureElement with specific ID
      */
-    scrollTo(id, options = {}) {
-        return __awaiter(this, void 0, void 0, function* () {
-            // Prepare config
-            const config = Object.assign({ checkUrl: false, loadImagesBefore: true, resetStyles: false, setOverflow: true, stopPropagation: true }, options);
-            // Check current URL
-            if (config.checkUrl && this.router.url !== '/' && !this.router.url.startsWith('/#')) {
-                yield this.router.navigate(['/'], { fragment: id });
-                return !config.stopPropagation;
-            }
-            // Check if target element exits
-            const el = document.getElementById(id);
-            if (!el) {
-                console.error('Missing scroll element with ID:', id);
-                return !config.stopPropagation;
-            }
-            // Check if body overflow is visible
-            // This is necessary for scroll handling
-            const body = document.querySelector('body');
-            let undoOverflowChanges = false;
-            const scrollBodyStyles = JSON.parse(JSON.stringify(window.getComputedStyle(body)));
-            if (config.setOverflow && (scrollBodyStyles.overflowX !== 'visible' || scrollBodyStyles.overflowY !== 'visible')) {
-                // Set body overflow to visible
-                console.warn('Style of body element for overflowX and overflowY will be set to "visible" for scrolling!');
-                body.style.overflowX = 'visible';
-                body.style.overflowY = 'visible';
-                undoOverflowChanges = true;
-            }
-            // Load images before scrolling (once)
-            if (config.loadImagesBefore) {
-                yield this.imageService.preLoadImages();
-            }
-            // Get get bounding rect of target element
-            const cords = el.getBoundingClientRect();
-            // Scroll to element
-            window.scrollBy({ top: cords.top - this.scrollOffset, behavior: 'smooth' });
-            yield this.scrollDone({
-                doneFunction: () => {
-                    // Undo changes
-                    if (undoOverflowChanges && config.resetStyles) {
-                        body.style.overflowX = scrollBodyStyles.overflowX;
-                        body.style.overflowY = scrollBodyStyles.overflowY;
-                        console.warn('Original style of body element for overflowX and overflowY is set.');
-                    }
-                },
-            });
-            // Return stop propagation configuration
+    async scrollTo(id, options = {}) {
+        // Prepare config
+        const config = {
+            checkUrl: false,
+            loadImagesBefore: true,
+            resetStyles: false,
+            setOverflow: true,
+            stopPropagation: true,
+            ...options,
+        };
+        // Check current URL
+        if (config.checkUrl && this.router.url !== '/' && !this.router.url.startsWith('/#')) {
+            await this.router.navigate(['/'], { fragment: id });
+            return !config.stopPropagation;
+        }
+        // Check if target element exits
+        const el = document.getElementById(id);
+        if (!el) {
+            console.error('Missing scroll element with ID:', id);
             return !config.stopPropagation;
+        }
+        // Check if body overflow is visible
+        // This is necessary for scroll handling
+        const body = document.querySelector('body');
+        let undoOverflowChanges = false;
+        const scrollBodyStyles = JSON.parse(JSON.stringify(window.getComputedStyle(body)));
+        if (config.setOverflow && (scrollBodyStyles.overflowX !== 'visible' || scrollBodyStyles.overflowY !== 'visible')) {
+            // Set body overflow to visible
+            console.warn('Style of body element for overflowX and overflowY will be set to "visible" for scrolling!');
+            body.style.overflowX = 'visible';
+            body.style.overflowY = 'visible';
+            undoOverflowChanges = true;
+        }
+        // Load images before scrolling (once)
+        if (config.loadImagesBefore) {
+            await this.imageService.preLoadImages();
+        }
+        // Get get bounding rect of target element
+        const cords = el.getBoundingClientRect();
+        // Scroll to element
+        window.scrollBy({ top: cords.top - this.scrollOffset, behavior: 'smooth' });
+        await this.scrollDone({
+            doneFunction: () => {
+                // Undo changes
+                if (undoOverflowChanges && config.resetStyles) {
+                    body.style.overflowX = scrollBodyStyles.overflowX;
+                    body.style.overflowY = scrollBodyStyles.overflowY;
+                    console.warn('Original style of body element for overflowX and overflowY is set.');
+                }
+            },
         });
+        // Return stop propagation configuration
+        return !config.stopPropagation;
     }
     /**
      * Get last active structureElement
@@ -2245,17 +2442,18 @@ class ScrollService {
     /**
      * Scroll done promise
      */
-    scrollDone(options = {}) {
-        return __awaiter(this, void 0, void 0, function* () {
-            // Init configuration
-            const config = Object.assign({ doneFunction: undefined }, options);
-            // Wait for scroll done
-            yield this.scrollDoneDetection();
-            // Get result
-            if (config.doneFunction) {
-                return config.doneFunction();
-            }
-        });
+    async scrollDone(options = {}) {
+        // Init configuration
+        const config = {
+            doneFunction: undefined,
+            ...options,
+        };
+        // Wait for scroll done
+        await this.scrollDoneDetection();
+        // Get result
+        if (config.doneFunction) {
+            return config.doneFunction();
+        }
     }
     /**
      * Scroll done detecton
@@ -2285,17 +2483,17 @@ class ScrollService {
         return this.scrollPromise;
     }
 }
-ScrollService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ScrollService_Factory() { return new ScrollService(i0.ɵɵinject(i1$1.Router), i0.ɵɵinject(BASE_MODULE_CONFIG), i0.ɵɵinject(ImageService)); }, token: ScrollService, providedIn: "root" });
-ScrollService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root',
-            },] }
-];
-ScrollService.ctorParameters = () => [
-    { type: Router },
-    { type: undefined, decorators: [{ type: Inject, args: [BASE_MODULE_CONFIG,] }] },
-    { type: ImageService }
-];
+ScrollService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: ScrollService, deps: [{ token: i1$1.Router }, { token: BASE_MODULE_CONFIG }, { token: ImageService }], target: i0.ɵɵFactoryTarget.Injectable });
+ScrollService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: ScrollService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: ScrollService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.Router }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [BASE_MODULE_CONFIG]
+                }] }, { type: ImageService }]; } });
 
 /**
  * SEO service for setting HTML meta data
@@ -2382,38 +2580,75 @@ class SEOService {
         this.metaTagService.updateTag({ name: 'keywords', content: keywords });
     }
 }
-SEOService.ɵprov = i0.ɵɵdefineInjectable({ factory: function SEOService_Factory() { return new SEOService(i0.ɵɵinject(i1$2.Title), i0.ɵɵinject(i1$2.Meta)); }, token: SEOService, providedIn: "root" });
-SEOService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root',
-            },] }
-];
-SEOService.ctorParameters = () => [
-    { type: Title },
-    { type: Meta }
-];
+SEOService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SEOService, deps: [{ token: i1.Title }, { token: i1.Meta }], target: i0.ɵɵFactoryTarget.Injectable });
+SEOService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SEOService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: SEOService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.Title }, { type: i1.Meta }]; } });
+
+class ThemeService {
+    constructor(storageService) {
+        this.storageService = storageService;
+        this._theme = new BehaviorSubject('light');
+        // Load from storage
+        this.theme = this.storageService.load('theme');
+        // Use system theme if no theme is set
+        if (!this.theme) {
+            this.checkSystemTheme();
+        }
+    }
+    get theme() {
+        return this._theme.value;
+    }
+    set theme(theme) {
+        this._theme.next(theme);
+        this.storageService.save('theme', theme);
+    }
+    get themeObservable() {
+        return this._theme.asObservable();
+    }
+    /**
+     * Check theme from system
+     */
+    checkSystemTheme() {
+        if (window.matchMedia) {
+            this.theme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+        }
+    }
+}
+ThemeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: ThemeService, deps: [{ token: StorageService }], target: i0.ɵɵFactoryTarget.Injectable });
+ThemeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: ThemeService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: ThemeService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: StorageService }]; } });
 
 /**
  * Custom validator to check that two fields match
  * (inspirated by https://jasonwatmore.com/post/2018/11/07/angular-7-reactive-forms-validation-example)
  */
-function MustMatch(controlName, matchingControlName) {
+const MustMatch = (control) => {
     return (formGroup) => {
-        const control = formGroup.controls[controlName];
-        const matchingControl = formGroup.controls[matchingControlName];
+        const baseControl = control.get('password');
+        const matchingControl = control.get('passwordConfirm');
         if (matchingControl.errors && !matchingControl.errors.mustMatch) {
             // return if another validator has already found an error on the matchingControl
-            return;
+            return null;
         }
         // set error on matchingControl if validation fails
-        if (control.value !== matchingControl.value) {
-            matchingControl.setErrors({ mustMatch: true });
+        if (baseControl.value !== matchingControl.value) {
+            return { mustMatch: true };
         }
         else {
-            matchingControl.setErrors(null);
+            return null;
         }
     };
-}
+};
 
 /**
  * Exports for public API
@@ -2423,5 +2658,5 @@ function MustMatch(controlName, matchingControlName) {
  * Generated bundle index. Do not edit.
  */
 
-export { AuthGuard, AuthService, BASE_MODULE_CONFIG, BaseModule, BasicUser, CanDeactivateGuard, ComparisonOperatorEnum, ContextMenuDirective, EllipsesPipe, FullscreenService, GraphQLEnum, GraphQLMeta, GraphQLMetaService, GraphQLPlusService, GraphQLRequestType, GraphQLService, GraphQLType, Helper, ImageService, LazyLoadDirective, LoaderService, LogicalOperatorEnum, LogoutGuard, MatchHeightDirective, MustMatch, ResizableDirective, SEOService, SafeHtmlPipe, ScrollService, SortOrderEnum, Standard, StorageService, WsService, apolloOptionsFactory };
-//# sourceMappingURL=lenne.tech-ng-base-src-lib-base.js.map
+export { AuthGuard, AuthService, BASE_MODULE_CONFIG, BaseModule, BasicUser, CanDeactivateGuard, ComparisonOperatorEnum, ContextMenuDirective, DateAgoPipe, EllipsesPipe, FormsService, FullscreenService, GraphQLEnum, GraphQLMeta, GraphQLMetaService, GraphQLPlusService, GraphQLRequestType, GraphQLService, GraphQLType, Helper, ImageService, LazyLoadDirective, LoaderService, LogicalOperatorEnum, LogoutGuard, MatchHeightDirective, MustMatch, ResizableDirective, SEOService, SafeHtmlPipe, ScrollService, SortOrderEnum, Standard, StorageService, ThemeService, WsService, apolloOptionsFactory };
+//# sourceMappingURL=lenne.tech-ng-base.mjs.map