@lenne.tech/ng-base 15.0.0-beta-3 → 16.1.0

package/fesm2015/lenne.tech-ng-base-base-prototype.mjs

@@ -1,496 +0,0 @@
-import * as i0 from '@angular/core';
-import { Component, Input, NgModule } from '@angular/core';
-import * as i3 from '@angular/forms';
-import { UntypedFormGroup, UntypedFormControl, Validators, FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import * as i4 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i2 from '@angular/router';
-import { RouterModule } from '@angular/router';
-import { BaseModule } from '@lenne.tech/ng-base';
-import * as i5 from '@lenne.tech/ng-base/base-components';
-import { BaseComponentsModule } from '@lenne.tech/ng-base/base-components';
-import * as i1 from '@lenne.tech/ng-base/shared';
-import { fullEmail, securePasswordValidator, Validation, ToastType } from '@lenne.tech/ng-base/shared';
-import { Subscription } from 'rxjs';
-
-class LoginComponent {
-    constructor(formsService, userService, router, route) {
-        this.formsService = formsService;
-        this.userService = userService;
-        this.router = router;
-        this.route = route;
-        this.config = {};
-        this.subscription = new Subscription();
-        this.loginConfig = {
-            redirectUrl: '/main',
-            showPasswordForget: true,
-            showRegister: true,
-            logoUrl: '',
-        };
-    }
-    ngOnInit() {
-        this.loginConfig = Object.assign(Object.assign({}, this.loginConfig), this.config);
-        this.createForm();
-        this.subscription.add(this.route.data.subscribe((data) => {
-            // Merge config from route to component
-            if (data === null || data === void 0 ? void 0 : data.config) {
-                this.loginConfig = Object.assign(Object.assign({}, this.loginConfig), data.config);
-            }
-        }));
-        this.subscription.add(this.route.queryParams.subscribe((params) => {
-            this.redirectUrl = params.redirectUrl;
-        }));
-    }
-    ngOnDestroy() {
-        this.subscription.unsubscribe();
-    }
-    /**
-     * Create login form
-     */
-    createForm() {
-        this.form = new UntypedFormGroup({
-            email: new UntypedFormControl('', [Validators.required, fullEmail()]),
-            password: new UntypedFormControl('', Validators.required),
-        });
-    }
-    /**
-     * Submit login form
-     */
-    submit() {
-        this.error = '';
-        this.loading = true;
-        if (this.form.invalid) {
-            this.formsService.validateAllFormFields(this.form);
-            this.scrollToTop();
-            this.loading = false;
-            return;
-        }
-        this.userService.login(this.form.value).subscribe({
-            next: (response) => {
-                if (response) {
-                    this.router.navigate([this.redirectUrl ? this.redirectUrl : this.loginConfig.redirectUrl]);
-                    this.form.reset();
-                }
-                else {
-                    this.error = 'Etwas ist schiefgelaufen. Bitte probiere es später erneut.';
-                    this.scrollToTop();
-                }
-                this.loading = false;
-            },
-            error: (error) => {
-                var _a, _b;
-                this.error = 'Etwas ist schiefgelaufen. Bitte probiere es später erneut.';
-                // Wrong password
-                if ((_a = error === null || error === void 0 ? void 0 : error.message) === null || _a === void 0 ? void 0 : _a.includes('Unauthorized')) {
-                    this.error = 'Dein Passwort ist leider falsch. Bitte überprüfe deine Eingabe!';
-                }
-                // User not found
-                if ((_b = error === null || error === void 0 ? void 0 : error.message) === null || _b === void 0 ? void 0 : _b.includes('No user found')) {
-                    this.error = 'Es konnte kein Konto mit der E-Mail gefunden werden. Bitte gib eine gültige E-Mail ein!';
-                }
-                this.scrollToTop();
-                this.loading = false;
-            },
-        });
-    }
-    scrollToTop() {
-        window.scrollTo({ top: 0, behavior: 'smooth' });
-    }
-}
-LoginComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LoginComponent, deps: [{ token: i1.FormsService }, { token: i1.UserService }, { token: i2.Router }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
-LoginComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: LoginComponent, selector: "base-login", inputs: { config: "config" }, ngImport: i0, template: "<div class=\"d-flex justify-content-center align-items-center h-100 py-5\">\n  <div class=\"d-flex flex-column login-container\">\n    <div class=\"container\">\n      <img *ngIf=\"loginConfig?.logoUrl\" class=\"img-fluid mb-5\" [src]=\"loginConfig.logoUrl\" alt=\"Logo\" />\n\n      <form [formGroup]=\"form\">\n        <div class=\"alert alert-danger\" role=\"alert\" *ngIf=\"error\">\n          {{ error }}\n        </div>\n        <base-input\n          [id]=\"'email'\"\n          [name]=\"'email'\"\n          [label]=\"'E-Mail Adresse'\"\n          [type]=\"'email'\"\n          [control]=\"form.get('email')\"\n          [autocomplete]=\"'email'\"\n        ></base-input>\n        <base-input\n          [id]=\"'password'\"\n          [name]=\"'password'\"\n          [label]=\"'Passwort'\"\n          [type]=\"'password'\"\n          [eyeButton]=\"true\"\n          [autocomplete]=\"'current-password'\"\n          [control]=\"form.get('password')\"\n        ></base-input>\n        <div class=\"d-grid gap-2 text-center\">\n          <button class=\"btn btn-primary\" (click)=\"submit()\" *ngIf=\"!loading\">Einloggen</button>\n          <button class=\"btn btn-primary\" type=\"button\" disabled *ngIf=\"loading\">\n            <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n            Loading...\n          </button>\n          <hr />\n          <a routerLink=\"../passwort-vergessen\" *ngIf=\"loginConfig?.showPasswordForget\">Passwort vergessen</a>\n          <a routerLink=\"../registrieren\" [queryParams]=\"{redirectUrl}\" *ngIf=\"loginConfig?.showRegister\"\n            >Noch kein Konto? Dann registriere Dich jetzt!</a\n          >\n        </div>\n      </form>\n    </div>\n  </div>\n</div>\n", styles: [".login-container{width:100%;padding:20px 0}@media (min-width: 768px){.login-container{max-width:400px}}\n"], dependencies: [{ kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.InputComponent, selector: "base-input", inputs: ["id", "name", "infoText", "label", "placeholder", "autocomplete", "tabIndex", "control", "type", "required", "eyeButton", "objectPath"], outputs: ["enter"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LoginComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'base-login', template: "<div class=\"d-flex justify-content-center align-items-center h-100 py-5\">\n  <div class=\"d-flex flex-column login-container\">\n    <div class=\"container\">\n      <img *ngIf=\"loginConfig?.logoUrl\" class=\"img-fluid mb-5\" [src]=\"loginConfig.logoUrl\" alt=\"Logo\" />\n\n      <form [formGroup]=\"form\">\n        <div class=\"alert alert-danger\" role=\"alert\" *ngIf=\"error\">\n          {{ error }}\n        </div>\n        <base-input\n          [id]=\"'email'\"\n          [name]=\"'email'\"\n          [label]=\"'E-Mail Adresse'\"\n          [type]=\"'email'\"\n          [control]=\"form.get('email')\"\n          [autocomplete]=\"'email'\"\n        ></base-input>\n        <base-input\n          [id]=\"'password'\"\n          [name]=\"'password'\"\n          [label]=\"'Passwort'\"\n          [type]=\"'password'\"\n          [eyeButton]=\"true\"\n          [autocomplete]=\"'current-password'\"\n          [control]=\"form.get('password')\"\n        ></base-input>\n        <div class=\"d-grid gap-2 text-center\">\n          <button class=\"btn btn-primary\" (click)=\"submit()\" *ngIf=\"!loading\">Einloggen</button>\n          <button class=\"btn btn-primary\" type=\"button\" disabled *ngIf=\"loading\">\n            <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n            Loading...\n          </button>\n          <hr />\n          <a routerLink=\"../passwort-vergessen\" *ngIf=\"loginConfig?.showPasswordForget\">Passwort vergessen</a>\n          <a routerLink=\"../registrieren\" [queryParams]=\"{redirectUrl}\" *ngIf=\"loginConfig?.showRegister\"\n            >Noch kein Konto? Dann registriere Dich jetzt!</a\n          >\n        </div>\n      </form>\n    </div>\n  </div>\n</div>\n", styles: [".login-container{width:100%;padding:20px 0}@media (min-width: 768px){.login-container{max-width:400px}}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.FormsService }, { type: i1.UserService }, { type: i2.Router }, { type: i2.ActivatedRoute }]; }, propDecorators: { config: [{
-                type: Input
-            }] } });
-
-class RegisterComponent {
-    constructor(formsService, userService, router, route) {
-        this.formsService = formsService;
-        this.userService = userService;
-        this.router = router;
-        this.route = route;
-        this.redirectUrl = '';
-        this.subscription = new Subscription();
-    }
-    ngOnInit() {
-        this.createForm();
-        this.subscription.add(this.route.queryParams.subscribe((params) => {
-            this.redirectUrl = params.redirectUrl;
-        }));
-    }
-    /**
-     * Create login form
-     */
-    createForm() {
-        this.form = new UntypedFormGroup({
-            firstName: new UntypedFormControl('', [Validators.required]),
-            lastName: new UntypedFormControl('', [Validators.required]),
-            email: new UntypedFormControl('', [Validators.required, fullEmail()]),
-            password: new UntypedFormControl('', [Validators.required, securePasswordValidator()]),
-            passwordConfirm: new UntypedFormControl('', [Validators.required, securePasswordValidator()]),
-            privacy: new UntypedFormControl(false, Validators.requiredTrue),
-        }, {
-            validators: [Validation.match('password', 'passwordConfirm')],
-        });
-    }
-    /**
-     * Submit login form
-     */
-    submit() {
-        this.error = '';
-        this.loading = true;
-        if (this.form.invalid) {
-            this.formsService.validateAllFormFields(this.form);
-            this.scrollToTop();
-            this.loading = false;
-            return;
-        }
-        const input = this.form.value;
-        delete input.privacy;
-        this.userService.register(input).subscribe({
-            next: (auth) => {
-                if (auth) {
-                    this.router.navigate([this.redirectUrl ? this.redirectUrl : '/main']);
-                }
-                else {
-                    this.error = 'Etwas ist schiefgelaufen. Bitte probiere es später erneut.';
-                    this.scrollToTop();
-                }
-                this.loading = false;
-            },
-            error: (err) => {
-                var _a;
-                if ((_a = err === null || err === void 0 ? void 0 : err.message) === null || _a === void 0 ? void 0 : _a.includes('already exists')) {
-                    this.error =
-                        'Mit dieser E-Mail gibt es bereits ein Konto. Bitte wähle eine andere E-Mail Adresse oder logge dich mit deinem Passwort ein.';
-                    this.scrollToTop();
-                }
-                this.loading = false;
-            },
-        });
-    }
-    scrollToTop() {
-        window.scrollTo({ top: 0, behavior: 'smooth' });
-    }
-}
-RegisterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RegisterComponent, deps: [{ token: i1.FormsService }, { token: i1.UserService }, { token: i2.Router }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
-RegisterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: RegisterComponent, selector: "base-register", ngImport: i0, template: "<div class=\"d-flex justify-content-center align-items-center h-100 py-5\">\n  <div class=\"d-flex flex-column register-container\">\n    <div class=\"container\">\n      <form [formGroup]=\"form\">\n        <div id=\"register-error\" class=\"alert alert-danger\" role=\"alert\" *ngIf=\"error\">\n          {{ error }}\n        </div>\n        <base-input\n          [id]=\"'firstName'\"\n          [name]=\"'firstName'\"\n          [label]=\"'Vorname'\"\n          [type]=\"'text'\"\n          [control]=\"form.get('firstName')\"\n          [autocomplete]=\"'given-name'\"\n        ></base-input>\n        <base-input\n          [id]=\"'lastName'\"\n          [name]=\"'lastName'\"\n          [label]=\"'Nachname'\"\n          [type]=\"'text'\"\n          [control]=\"form.get('lastName')\"\n          [autocomplete]=\"'family-name'\"\n        ></base-input>\n        <base-input\n          [id]=\"'email'\"\n          [name]=\"'email'\"\n          [label]=\"'E-Mail Adresse'\"\n          [type]=\"'email'\"\n          [control]=\"form.get('email')\"\n          [autocomplete]=\"'email'\"\n        ></base-input>\n        <base-input\n          [id]=\"'password'\"\n          [name]=\"'password'\"\n          [label]=\"'Passwort'\"\n          [type]=\"'password'\"\n          [autocomplete]=\"'new-password'\"\n          [eyeButton]=\"true\"\n          [control]=\"form.get('password')\"\n        ></base-input>\n        <base-input\n          [id]=\"'password-confirm'\"\n          [name]=\"'password-confirm'\"\n          [label]=\"'Passwort best\u00E4tigen'\"\n          [autocomplete]=\"'new-password'\"\n          [eyeButton]=\"true\"\n          [type]=\"'password'\"\n          [control]=\"form.get('passwordConfirm')\"\n        ></base-input>\n        <base-checkbox [id]=\"'privacy'\" [control]=\"form.get('privacy')\">\n          Hiermit best\u00E4tige ich, dass ich die <a routerLink=\"/datenschutz\">Datenschutzerkl\u00E4rung</a> gelesen habe und\n          akzeptiere.\n        </base-checkbox>\n        <div class=\"d-grid gap-2 text-center\">\n          <button class=\"btn btn-primary\" (click)=\"submit()\" *ngIf=\"!loading\">Registrieren</button>\n          <button class=\"btn btn-primary\" type=\"button\" disabled *ngIf=\"loading\">\n            <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n            Loading...\n          </button>\n          <hr />\n          <a routerLink=\"../login\" [queryParams]=\"{redirectUrl}\">Bereits ein Konto? Dann logge Dich hier ein!</a>\n        </div>\n      </form>\n    </div>\n  </div>\n</div>\n", styles: [".register-container{width:100%;padding:20px 0}@media (min-width: 768px){.register-container{max-width:400px}}\n"], dependencies: [{ kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.InputComponent, selector: "base-input", inputs: ["id", "name", "infoText", "label", "placeholder", "autocomplete", "tabIndex", "control", "type", "required", "eyeButton", "objectPath"], outputs: ["enter"] }, { kind: "component", type: i5.CheckboxComponent, selector: "base-checkbox", inputs: ["id", "name", "label", "value", "control", "required", "objectPath"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RegisterComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'base-register', template: "<div class=\"d-flex justify-content-center align-items-center h-100 py-5\">\n  <div class=\"d-flex flex-column register-container\">\n    <div class=\"container\">\n      <form [formGroup]=\"form\">\n        <div id=\"register-error\" class=\"alert alert-danger\" role=\"alert\" *ngIf=\"error\">\n          {{ error }}\n        </div>\n        <base-input\n          [id]=\"'firstName'\"\n          [name]=\"'firstName'\"\n          [label]=\"'Vorname'\"\n          [type]=\"'text'\"\n          [control]=\"form.get('firstName')\"\n          [autocomplete]=\"'given-name'\"\n        ></base-input>\n        <base-input\n          [id]=\"'lastName'\"\n          [name]=\"'lastName'\"\n          [label]=\"'Nachname'\"\n          [type]=\"'text'\"\n          [control]=\"form.get('lastName')\"\n          [autocomplete]=\"'family-name'\"\n        ></base-input>\n        <base-input\n          [id]=\"'email'\"\n          [name]=\"'email'\"\n          [label]=\"'E-Mail Adresse'\"\n          [type]=\"'email'\"\n          [control]=\"form.get('email')\"\n          [autocomplete]=\"'email'\"\n        ></base-input>\n        <base-input\n          [id]=\"'password'\"\n          [name]=\"'password'\"\n          [label]=\"'Passwort'\"\n          [type]=\"'password'\"\n          [autocomplete]=\"'new-password'\"\n          [eyeButton]=\"true\"\n          [control]=\"form.get('password')\"\n        ></base-input>\n        <base-input\n          [id]=\"'password-confirm'\"\n          [name]=\"'password-confirm'\"\n          [label]=\"'Passwort best\u00E4tigen'\"\n          [autocomplete]=\"'new-password'\"\n          [eyeButton]=\"true\"\n          [type]=\"'password'\"\n          [control]=\"form.get('passwordConfirm')\"\n        ></base-input>\n        <base-checkbox [id]=\"'privacy'\" [control]=\"form.get('privacy')\">\n          Hiermit best\u00E4tige ich, dass ich die <a routerLink=\"/datenschutz\">Datenschutzerkl\u00E4rung</a> gelesen habe und\n          akzeptiere.\n        </base-checkbox>\n        <div class=\"d-grid gap-2 text-center\">\n          <button class=\"btn btn-primary\" (click)=\"submit()\" *ngIf=\"!loading\">Registrieren</button>\n          <button class=\"btn btn-primary\" type=\"button\" disabled *ngIf=\"loading\">\n            <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n            Loading...\n          </button>\n          <hr />\n          <a routerLink=\"../login\" [queryParams]=\"{redirectUrl}\">Bereits ein Konto? Dann logge Dich hier ein!</a>\n        </div>\n      </form>\n    </div>\n  </div>\n</div>\n", styles: [".register-container{width:100%;padding:20px 0}@media (min-width: 768px){.register-container{max-width:400px}}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.FormsService }, { type: i1.UserService }, { type: i2.Router }, { type: i2.ActivatedRoute }]; } });
-
-class ForgotPasswordComponent {
-    constructor(formsService, userService, router, toastService) {
-        this.formsService = formsService;
-        this.userService = userService;
-        this.router = router;
-        this.toastService = toastService;
-    }
-    ngOnInit() {
-        this.createForm();
-    }
-    /**
-     * Create login form
-     */
-    createForm() {
-        this.form = new UntypedFormGroup({
-            email: new UntypedFormControl('', [Validators.required, fullEmail()]),
-        });
-    }
-    /**
-     * Submit form
-     */
-    submit() {
-        this.loading = true;
-        if (this.form.invalid) {
-            this.formsService.validateAllFormFields(this.form);
-            this.loading = false;
-            return;
-        }
-        this.userService.requestPasswordResetMail(this.form.get('email').value).subscribe({
-            next: (response) => {
-                if (response) {
-                    this.toastService.show({
-                        id: 'password-forgot-success',
-                        title: 'Erfolgreich',
-                        description: 'Wir haben Dir eine E-Mail geschickt. Bitte überprüfe Dein Postfach.',
-                        type: ToastType.SUCCESS,
-                    });
-                    this.router.navigate(['/']);
-                }
-                else {
-                    this.error = 'Etwas ist schiefgelaufen. Bitte probiere es später erneut.';
-                }
-                this.loading = false;
-            },
-            error: () => {
-                this.error = 'Etwas ist schiefgelaufen. Bitte probiere es später erneut.';
-                this.loading = false;
-            },
-        });
-    }
-}
-ForgotPasswordComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ForgotPasswordComponent, deps: [{ token: i1.FormsService }, { token: i1.UserService }, { token: i2.Router }, { token: i1.ToastService }], target: i0.ɵɵFactoryTarget.Component });
-ForgotPasswordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ForgotPasswordComponent, selector: "base-forgot-password", ngImport: i0, template: "<div class=\"d-flex justify-content-center align-items-center h-100 py-5\">\n  <div class=\"d-flex flex-column forgot-container\">\n    <div class=\"container\">\n      <form [formGroup]=\"form\">\n        <div class=\"alert alert-danger\" role=\"alert\" *ngIf=\"error\">\n          {{ error }}\n        </div>\n        <base-input\n          [id]=\"'email'\"\n          [name]=\"'email'\"\n          [label]=\"'E-Mail Adresse'\"\n          [type]=\"'email'\"\n          [autocomplete]=\"'email'\"\n          [control]=\"form.get('email')\"\n        ></base-input>\n        <div class=\"d-grid gap-2 text-center\">\n          <button class=\"btn btn-primary\" (click)=\"submit()\" *ngIf=\"!loading\">E-Mail senden</button>\n          <button class=\"btn btn-primary\" type=\"button\" disabled *ngIf=\"loading\">\n            <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n            Loading...\n          </button>\n          <hr />\n          <a routerLink=\"../login\">Bereits ein Konto? Dann logge Dich hier ein!</a>\n          <a routerLink=\"../registrieren\">Noch kein Konto? Dann registriere Dich jetzt!</a>\n        </div>\n      </form>\n    </div>\n  </div>\n</div>\n", styles: [".forgot-container{width:100%;padding:20px 0}@media (min-width: 768px){.forgot-container{max-width:400px}}\n"], dependencies: [{ kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.InputComponent, selector: "base-input", inputs: ["id", "name", "infoText", "label", "placeholder", "autocomplete", "tabIndex", "control", "type", "required", "eyeButton", "objectPath"], outputs: ["enter"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ForgotPasswordComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'base-forgot-password', template: "<div class=\"d-flex justify-content-center align-items-center h-100 py-5\">\n  <div class=\"d-flex flex-column forgot-container\">\n    <div class=\"container\">\n      <form [formGroup]=\"form\">\n        <div class=\"alert alert-danger\" role=\"alert\" *ngIf=\"error\">\n          {{ error }}\n        </div>\n        <base-input\n          [id]=\"'email'\"\n          [name]=\"'email'\"\n          [label]=\"'E-Mail Adresse'\"\n          [type]=\"'email'\"\n          [autocomplete]=\"'email'\"\n          [control]=\"form.get('email')\"\n        ></base-input>\n        <div class=\"d-grid gap-2 text-center\">\n          <button class=\"btn btn-primary\" (click)=\"submit()\" *ngIf=\"!loading\">E-Mail senden</button>\n          <button class=\"btn btn-primary\" type=\"button\" disabled *ngIf=\"loading\">\n            <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n            Loading...\n          </button>\n          <hr />\n          <a routerLink=\"../login\">Bereits ein Konto? Dann logge Dich hier ein!</a>\n          <a routerLink=\"../registrieren\">Noch kein Konto? Dann registriere Dich jetzt!</a>\n        </div>\n      </form>\n    </div>\n  </div>\n</div>\n", styles: [".forgot-container{width:100%;padding:20px 0}@media (min-width: 768px){.forgot-container{max-width:400px}}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.FormsService }, { type: i1.UserService }, { type: i2.Router }, { type: i1.ToastService }]; } });
-
-class ProfileComponent {
-    constructor(authService, route, userService) {
-        this.authService = authService;
-        this.route = route;
-        this.userService = userService;
-        this.config = {};
-        this.profileConfig = {
-            avatar: {
-                label: 'Profilbild',
-                placeholder: '',
-                croppingImage: true,
-                croppingOptions: {
-                    aspectRatio: 1 / 1,
-                    format: 'png',
-                },
-            },
-            email: {
-                label: 'E-Mail',
-                placeholder: '',
-            },
-            firstName: {
-                label: 'Vorname',
-                placeholder: '',
-            },
-            lastName: {
-                label: 'Nachname',
-                placeholder: '',
-            },
-            roles: {
-                label: '',
-                exclude: true,
-                roles: ['admin'],
-            },
-            username: {
-                label: 'Benutzername',
-                placeholder: '',
-            },
-            password: {
-                label: '',
-                exclude: true,
-            },
-        };
-        this.currentUser = authService.currentUser;
-    }
-    ngOnInit() {
-        this.profileConfig = Object.assign(Object.assign({}, this.profileConfig), this.config);
-        this.route.data.subscribe((data) => {
-            // Merge config from route to component
-            if (data) {
-                this.profileConfig = Object.assign(Object.assign({}, this.profileConfig), data);
-            }
-        });
-    }
-    /**
-     * It gets the current user from the database and updates the current user in the session
-     */
-    updateSessionUser() {
-        if (!this.authService.currentUser) {
-            return;
-        }
-        this.userService.get(this.authService.currentUser.id).subscribe((user) => {
-            if (user) {
-                this.authService.currentUser = user;
-            }
-        });
-    }
-}
-ProfileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProfileComponent, deps: [{ token: i1.AuthService }, { token: i2.ActivatedRoute }, { token: i1.UserService }], target: i0.ɵɵFactoryTarget.Component });
-ProfileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ProfileComponent, selector: "base-profile", inputs: { config: "config" }, ngImport: i0, template: "<div class=\"container\">\n  <div class=\"py-5\">\n    <base-model-form\n      [id]=\"currentUser?.id\"\n      [modelName]=\"'user'\"\n      [label]=\"'Mein Profil'\"\n      [config]=\"profileConfig || {}\"\n      [delete]=\"false\"\n      (finished)=\"updateSessionUser()\"\n    ></base-model-form>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i5.ModelFormComponent, selector: "base-model-form", inputs: ["modelName", "label", "id", "delete", "onlyUpdateMode", "duplicate", "logging", "config", "showFavButton"], outputs: ["finished"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProfileComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'base-profile', template: "<div class=\"container\">\n  <div class=\"py-5\">\n    <base-model-form\n      [id]=\"currentUser?.id\"\n      [modelName]=\"'user'\"\n      [label]=\"'Mein Profil'\"\n      [config]=\"profileConfig || {}\"\n      [delete]=\"false\"\n      (finished)=\"updateSessionUser()\"\n    ></base-model-form>\n  </div>\n</div>\n" }]
-        }], ctorParameters: function () { return [{ type: i1.AuthService }, { type: i2.ActivatedRoute }, { type: i1.UserService }]; }, propDecorators: { config: [{
-                type: Input
-            }] } });
-
-class SetPasswordComponent {
-    constructor(formsService, userService, toastService, route, router) {
-        this.formsService = formsService;
-        this.userService = userService;
-        this.toastService = toastService;
-        this.route = route;
-        this.router = router;
-        this.redirectUrl = '/';
-        this.loading = false;
-        this.error = '';
-    }
-    ngOnInit() {
-        var _a;
-        this.token = (_a = this.route.snapshot.params) === null || _a === void 0 ? void 0 : _a.token;
-        if (!this.token) {
-            this.error =
-                'Der Link ist abgelaufen oder ungültig, bitte probiere es später erneut oder wende Dich an den Support.';
-        }
-        this.createForm();
-    }
-    /**
-     * Create password change form
-     */
-    createForm() {
-        this.form = new UntypedFormGroup({
-            password: new FormControl('', [Validators.required, securePasswordValidator()]),
-            passwordConfirm: new FormControl('', [Validators.required, securePasswordValidator()]),
-        }, { validators: Validation.match('password', 'passwordConfirm') });
-    }
-    /**
-     * Submit form and change password of user
-     */
-    submit() {
-        this.loading = true;
-        if (this.form.invalid) {
-            this.formsService.validateAllFormFields(this.form);
-            this.loading = false;
-            return;
-        }
-        this.userService.resetPassword(this.token, this.form.get('password').value).subscribe({
-            next: (response) => {
-                if (response) {
-                    this.form.reset();
-                    this.toastService.show({
-                        id: 'set-password-success',
-                        title: 'Erfolgreich',
-                        description: 'Passwort wurde erfolgreich gesetzt. Du kannst Dich nun einloggen.',
-                        type: ToastType.SUCCESS,
-                    });
-                }
-                this.router.navigate([this.redirectUrl]);
-                this.loading = false;
-            },
-            error: (error) => {
-                this.loading = false;
-                this.toastService.show({
-                    id: 'set-password-error',
-                    title: 'Fehlgeschlagen',
-                    description: 'Passwort setzen ist fehlgeschlagen, bitte versuche es später erneut.',
-                    type: ToastType.ERROR,
-                });
-            },
-        });
-    }
-}
-SetPasswordComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SetPasswordComponent, deps: [{ token: i1.FormsService }, { token: i1.UserService }, { token: i1.ToastService }, { token: i2.ActivatedRoute }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
-SetPasswordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SetPasswordComponent, selector: "base-set-password", inputs: { redirectUrl: "redirectUrl" }, ngImport: i0, template: "<div class=\"d-flex justify-content-center align-items-center h-100 py-5\">\n  <div class=\"d-flex flex-column set-password-container\">\n    <div class=\"container\">\n      <form [formGroup]=\"form\">\n        <div class=\"alert alert-danger\" role=\"alert\" *ngIf=\"error\">\n          {{ error }}\n        </div>\n        <base-input\n          [id]=\"'password'\"\n          [label]=\"'Passwort'\"\n          [required]=\"true\"\n          [type]=\"'password'\"\n          [control]=\"form.get('password')\"\n          [tabIndex]=\"1\"\n          [eyeButton]=\"true\"\n        ></base-input>\n        <base-input\n          [id]=\"'password-confirm'\"\n          [label]=\"'Passwort best\u00E4tigen'\"\n          [required]=\"true\"\n          [type]=\"'password'\"\n          [control]=\"form.get('passwordConfirm')\"\n          [tabIndex]=\"2\"\n          [eyeButton]=\"true\"\n        ></base-input>\n\n        <div class=\"d-grid gap-2 text-center\">\n          <button class=\"btn btn-primary\" (click)=\"submit()\" *ngIf=\"!loading\">Passwort setzen</button>\n          <button class=\"btn btn-primary\" type=\"button\" disabled *ngIf=\"loading\">\n            <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n            Loading...\n          </button>\n        </div>\n      </form>\n    </div>\n  </div>\n</div>\n", styles: [".set-password-container{width:100%;padding:20px 0}@media (min-width: 768px){.set-password-container{max-width:400px}}\n"], dependencies: [{ kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.InputComponent, selector: "base-input", inputs: ["id", "name", "infoText", "label", "placeholder", "autocomplete", "tabIndex", "control", "type", "required", "eyeButton", "objectPath"], outputs: ["enter"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SetPasswordComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'base-set-password', template: "<div class=\"d-flex justify-content-center align-items-center h-100 py-5\">\n  <div class=\"d-flex flex-column set-password-container\">\n    <div class=\"container\">\n      <form [formGroup]=\"form\">\n        <div class=\"alert alert-danger\" role=\"alert\" *ngIf=\"error\">\n          {{ error }}\n        </div>\n        <base-input\n          [id]=\"'password'\"\n          [label]=\"'Passwort'\"\n          [required]=\"true\"\n          [type]=\"'password'\"\n          [control]=\"form.get('password')\"\n          [tabIndex]=\"1\"\n          [eyeButton]=\"true\"\n        ></base-input>\n        <base-input\n          [id]=\"'password-confirm'\"\n          [label]=\"'Passwort best\u00E4tigen'\"\n          [required]=\"true\"\n          [type]=\"'password'\"\n          [control]=\"form.get('passwordConfirm')\"\n          [tabIndex]=\"2\"\n          [eyeButton]=\"true\"\n        ></base-input>\n\n        <div class=\"d-grid gap-2 text-center\">\n          <button class=\"btn btn-primary\" (click)=\"submit()\" *ngIf=\"!loading\">Passwort setzen</button>\n          <button class=\"btn btn-primary\" type=\"button\" disabled *ngIf=\"loading\">\n            <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n            Loading...\n          </button>\n        </div>\n      </form>\n    </div>\n  </div>\n</div>\n", styles: [".set-password-container{width:100%;padding:20px 0}@media (min-width: 768px){.set-password-container{max-width:400px}}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.FormsService }, { type: i1.UserService }, { type: i1.ToastService }, { type: i2.ActivatedRoute }, { type: i2.Router }]; }, propDecorators: { redirectUrl: [{
-                type: Input
-            }] } });
-
-class EmailVerificationComponent {
-    constructor(route, userService, toastService, router) {
-        this.route = route;
-        this.userService = userService;
-        this.toastService = toastService;
-        this.router = router;
-        this.loading = false;
-    }
-    ngOnInit() {
-        var _a;
-        this.token = (_a = this.route.snapshot.params) === null || _a === void 0 ? void 0 : _a.token;
-        if (!this.token) {
-            this.mode = 'ERROR';
-            return;
-        }
-        this.verifyUser();
-    }
-    verifyUser() {
-        this.userService.verifyUser(this.token).subscribe({
-            next: (response) => {
-                if (response) {
-                    this.toastService.show({
-                        id: 'email-verification-success',
-                        title: 'Erfolgreich',
-                        description: 'Du hast deine E-Mail erfolgreich verifiziert.',
-                        type: ToastType.SUCCESS,
-                    });
-                    this.mode = 'SUCCESS';
-                    setTimeout(() => {
-                        this.router.navigate(['/']);
-                    }, 3000);
-                }
-                else {
-                    this.mode = 'ERROR';
-                }
-                this.loading = false;
-            },
-            error: () => {
-                this.mode = 'ERROR';
-            },
-        });
-    }
-}
-EmailVerificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: EmailVerificationComponent, deps: [{ token: i2.ActivatedRoute }, { token: i1.UserService }, { token: i1.ToastService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
-EmailVerificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: EmailVerificationComponent, selector: "base-email-verification", ngImport: i0, template: "<div class=\"d-flex justify-content-center align-items-center h-100 py-5\">\n  <div class=\"d-flex flex-column verification-container\">\n    <div class=\"container text-center\">\n      <h2 class=\"mb-4\">E-Mail best\u00E4tigen</h2>\n\n      <div class=\"alert alert-danger\" role=\"alert\" *ngIf=\"mode === 'ERROR'\">\n        Etwas ist schiefgelaufen und wir konnten Deine E-Mail leider nicht verifizieren. Bitte probiere es sp\u00E4ter erneut\n        oder wende dich an den Support.\n      </div>\n\n      <div class=\"alert alert-success\" role=\"alert\" *ngIf=\"mode === 'SUCCESS'\">\n        Deine E-Mail wurde erfolgreich verifiziert. Du wirst nun weitergeleitet.\n      </div>\n\n      <div class=\"d-flex justify-content-center align-items-center\" *ngIf=\"loading\">\n        <div class=\"spinner-border text-secondary\" role=\"status\">\n          <span class=\"visually-hidden\">Loading...</span>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".verification-container{width:100%;padding:20px 0}@media (min-width: 768px){.verification-container{max-width:500px}}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: EmailVerificationComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'base-email-verification', template: "<div class=\"d-flex justify-content-center align-items-center h-100 py-5\">\n  <div class=\"d-flex flex-column verification-container\">\n    <div class=\"container text-center\">\n      <h2 class=\"mb-4\">E-Mail best\u00E4tigen</h2>\n\n      <div class=\"alert alert-danger\" role=\"alert\" *ngIf=\"mode === 'ERROR'\">\n        Etwas ist schiefgelaufen und wir konnten Deine E-Mail leider nicht verifizieren. Bitte probiere es sp\u00E4ter erneut\n        oder wende dich an den Support.\n      </div>\n\n      <div class=\"alert alert-success\" role=\"alert\" *ngIf=\"mode === 'SUCCESS'\">\n        Deine E-Mail wurde erfolgreich verifiziert. Du wirst nun weitergeleitet.\n      </div>\n\n      <div class=\"d-flex justify-content-center align-items-center\" *ngIf=\"loading\">\n        <div class=\"spinner-border text-secondary\" role=\"status\">\n          <span class=\"visually-hidden\">Loading...</span>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".verification-container{width:100%;padding:20px 0}@media (min-width: 768px){.verification-container{max-width:500px}}\n"] }]
-        }], ctorParameters: function () { return [{ type: i2.ActivatedRoute }, { type: i1.UserService }, { type: i1.ToastService }, { type: i2.Router }]; } });
-
-// Modules
-const imports = [BaseModule, FormsModule, RouterModule, ReactiveFormsModule, CommonModule, BaseComponentsModule];
-// Imported and exported elements
-const elements = [
-    // Components
-    LoginComponent,
-    RegisterComponent,
-    ForgotPasswordComponent,
-    ProfileComponent,
-    SetPasswordComponent,
-    EmailVerificationComponent,
-];
-class BasePrototypeModule {
-}
-BasePrototypeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BasePrototypeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-BasePrototypeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: BasePrototypeModule, declarations: [
-        // Components
-        LoginComponent,
-        RegisterComponent,
-        ForgotPasswordComponent,
-        ProfileComponent,
-        SetPasswordComponent,
-        EmailVerificationComponent
-    ], imports: [BaseModule, FormsModule, RouterModule, ReactiveFormsModule, CommonModule, BaseComponentsModule], exports: [
-        // Components
-        LoginComponent,
-        RegisterComponent,
-        ForgotPasswordComponent,
-        ProfileComponent,
-        SetPasswordComponent,
-        EmailVerificationComponent
-    ] });
-BasePrototypeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BasePrototypeModule, imports: [imports] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BasePrototypeModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: elements,
-                    imports,
-                    exports: elements,
-                }]
-        }] });
-
-/**
- * Exports for public API
- */
-// Module
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { BasePrototypeModule, EmailVerificationComponent, ForgotPasswordComponent, LoginComponent, ProfileComponent, RegisterComponent, SetPasswordComponent };
-//# sourceMappingURL=lenne.tech-ng-base-base-prototype.mjs.map