@lenne.tech/ng-base 18.1.3 → 22.0.1

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

@@ -1,505 +0,0 @@
-import * as i0 from '@angular/core';
-import { Component, Input } from '@angular/core';
-import * as i3 from '@angular/forms';
-import { UntypedFormGroup, UntypedFormControl, Validators, ReactiveFormsModule, FormControl } from '@angular/forms';
-import * as i2 from '@angular/router';
-import { RouterLink } from '@angular/router';
-import * as i1 from '@lenne.tech/ng-base/shared';
-import { fullEmail, securePasswordValidator, Validation, ToastType } from '@lenne.tech/ng-base/shared';
-import { Subscription } from 'rxjs';
-import { InputComponent, CheckboxComponent, ModelFormComponent } from '@lenne.tech/ng-base/base-components';
-
-class LoginComponent {
-    formsService;
-    userService;
-    router;
-    route;
-    config = {};
-    form;
-    error;
-    loading;
-    subscription = new Subscription();
-    loginConfig = {
-        redirectUrl: '/main',
-        showPasswordForget: true,
-        showRegister: true,
-        logoUrl: '',
-    };
-    redirectUrl;
-    constructor(formsService, userService, router, route) {
-        this.formsService = formsService;
-        this.userService = userService;
-        this.router = router;
-        this.route = route;
-    }
-    ngOnInit() {
-        this.loginConfig = { ...this.loginConfig, ...this.config };
-        this.createForm();
-        this.subscription.add(this.route.data.subscribe((data) => {
-            // Merge config from route to component
-            if (data?.config) {
-                this.loginConfig = { ...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) => {
-                this.error = 'Etwas ist schiefgelaufen. Bitte probiere es später erneut.';
-                // Wrong password
-                if (error?.message?.includes('Unauthorized')) {
-                    this.error = 'Dein Passwort ist leider falsch. Bitte überprüfe deine Eingabe!';
-                }
-                // User not found
-                if (error?.message?.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' });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: LoginComponent, deps: [{ token: i1.FormsService }, { token: i1.UserService }, { token: i2.Router }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: LoginComponent, isStandalone: true, 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      @if (loginConfig?.logoUrl) {\n        <img class=\"img-fluid mb-5\" [src]=\"loginConfig.logoUrl\" alt=\"Logo\" />\n      }\n\n      <form [formGroup]=\"form\">\n        @if (error) {\n          <div class=\"alert alert-danger\" role=\"alert\">\n            {{ error }}\n          </div>\n        }\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          @if (!loading) {\n            <button class=\"btn btn-primary\" (click)=\"submit()\" data-cy=\"login-submit\">Einloggen</button>\n          }\n          @if (loading) {\n            <button class=\"btn btn-primary\" type=\"button\" disabled>\n              <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n              Loading...\n            </button>\n          }\n          <hr />\n          @if (loginConfig?.showPasswordForget) {\n            <a routerLink=\"../passwort-vergessen\">Passwort vergessen</a>\n          }\n          @if (loginConfig?.showRegister) {\n            <a routerLink=\"../registrieren\" [queryParams]=\"{redirectUrl}\"\n              >Noch kein Konto? Dann registriere Dich jetzt!</a\n              >\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: "ngmodule", type: ReactiveFormsModule }, { 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: "component", type: InputComponent, selector: "base-input", inputs: ["id", "name", "infoText", "label", "placeholder", "autocomplete", "tabIndex", "control", "type", "required", "eyeButton", "objectPath"], outputs: ["enter"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: LoginComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'base-login', standalone: true, imports: [
-                        ReactiveFormsModule,
-                        InputComponent,
-                        RouterLink
-                    ], 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      @if (loginConfig?.logoUrl) {\n        <img class=\"img-fluid mb-5\" [src]=\"loginConfig.logoUrl\" alt=\"Logo\" />\n      }\n\n      <form [formGroup]=\"form\">\n        @if (error) {\n          <div class=\"alert alert-danger\" role=\"alert\">\n            {{ error }}\n          </div>\n        }\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          @if (!loading) {\n            <button class=\"btn btn-primary\" (click)=\"submit()\" data-cy=\"login-submit\">Einloggen</button>\n          }\n          @if (loading) {\n            <button class=\"btn btn-primary\" type=\"button\" disabled>\n              <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n              Loading...\n            </button>\n          }\n          <hr />\n          @if (loginConfig?.showPasswordForget) {\n            <a routerLink=\"../passwort-vergessen\">Passwort vergessen</a>\n          }\n          @if (loginConfig?.showRegister) {\n            <a routerLink=\"../registrieren\" [queryParams]=\"{redirectUrl}\"\n              >Noch kein Konto? Dann registriere Dich jetzt!</a\n              >\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: () => [{ type: i1.FormsService }, { type: i1.UserService }, { type: i2.Router }, { type: i2.ActivatedRoute }], propDecorators: { config: [{
-                type: Input
-            }] } });
-
-class RegisterComponent {
-    formsService;
-    userService;
-    router;
-    route;
-    config = {};
-    form;
-    error;
-    loading;
-    redirectUrl = '';
-    subscription = new Subscription();
-    constructor(formsService, userService, router, route) {
-        this.formsService = formsService;
-        this.userService = userService;
-        this.router = router;
-        this.route = route;
-    }
-    ngOnInit() {
-        this.createForm();
-        this.redirectUrl = this.config?.redirectUrl || '';
-        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),
-        }, 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) => {
-                if (err?.message?.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' });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: RegisterComponent, deps: [{ token: i1.FormsService }, { token: i1.UserService }, { token: i2.Router }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: RegisterComponent, isStandalone: true, selector: "base-register", 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 register-container\">\n    <div class=\"container\">\n      <form [formGroup]=\"form\">\n        @if (error) {\n          <div id=\"register-error\" class=\"alert alert-danger\" role=\"alert\">\n            {{ error }}\n          </div>\n        }\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          @if (!loading) {\n            <button class=\"btn btn-primary\" (click)=\"submit()\">Registrieren</button>\n          }\n          @if (loading) {\n            <button class=\"btn btn-primary\" type=\"button\" disabled>\n              <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n              Loading...\n            </button>\n          }\n          <hr />\n          @if (!config?.hideLoginLink) {\n            <a routerLink=\"../login\" [queryParams]=\"{ redirectUrl }\">Bereits ein Konto? Dann logge Dich hier ein!</a>\n          }\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: "ngmodule", type: ReactiveFormsModule }, { 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: "component", type: InputComponent, selector: "base-input", inputs: ["id", "name", "infoText", "label", "placeholder", "autocomplete", "tabIndex", "control", "type", "required", "eyeButton", "objectPath"], outputs: ["enter"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: CheckboxComponent, selector: "base-checkbox", inputs: ["id", "name", "label", "value", "control", "required", "objectPath"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: RegisterComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'base-register', standalone: true, imports: [
-                        ReactiveFormsModule,
-                        InputComponent,
-                        RouterLink,
-                        CheckboxComponent,
-                    ], 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        @if (error) {\n          <div id=\"register-error\" class=\"alert alert-danger\" role=\"alert\">\n            {{ error }}\n          </div>\n        }\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          @if (!loading) {\n            <button class=\"btn btn-primary\" (click)=\"submit()\">Registrieren</button>\n          }\n          @if (loading) {\n            <button class=\"btn btn-primary\" type=\"button\" disabled>\n              <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n              Loading...\n            </button>\n          }\n          <hr />\n          @if (!config?.hideLoginLink) {\n            <a routerLink=\"../login\" [queryParams]=\"{ redirectUrl }\">Bereits ein Konto? Dann logge Dich hier ein!</a>\n          }\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: () => [{ type: i1.FormsService }, { type: i1.UserService }, { type: i2.Router }, { type: i2.ActivatedRoute }], propDecorators: { config: [{
-                type: Input
-            }] } });
-
-class ForgotPasswordComponent {
-    formsService;
-    userService;
-    router;
-    toastService;
-    form;
-    error;
-    loading;
-    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;
-            },
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ForgotPasswordComponent, deps: [{ token: i1.FormsService }, { token: i1.UserService }, { token: i2.Router }, { token: i1.ToastService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: ForgotPasswordComponent, isStandalone: true, 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        @if (error) {\n          <div class=\"alert alert-danger\" role=\"alert\">\n            {{ error }}\n          </div>\n        }\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          @if (!loading) {\n            <button class=\"btn btn-primary\" (click)=\"submit()\">E-Mail senden</button>\n          }\n          @if (loading) {\n            <button class=\"btn btn-primary\" type=\"button\" disabled>\n              <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n              Loading...\n            </button>\n          }\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: "ngmodule", type: ReactiveFormsModule }, { 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: "component", type: InputComponent, selector: "base-input", inputs: ["id", "name", "infoText", "label", "placeholder", "autocomplete", "tabIndex", "control", "type", "required", "eyeButton", "objectPath"], outputs: ["enter"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ForgotPasswordComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'base-forgot-password', standalone: true, imports: [
-                        ReactiveFormsModule,
-                        InputComponent,
-                        RouterLink
-                    ], 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        @if (error) {\n          <div class=\"alert alert-danger\" role=\"alert\">\n            {{ error }}\n          </div>\n        }\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          @if (!loading) {\n            <button class=\"btn btn-primary\" (click)=\"submit()\">E-Mail senden</button>\n          }\n          @if (loading) {\n            <button class=\"btn btn-primary\" type=\"button\" disabled>\n              <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n              Loading...\n            </button>\n          }\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: () => [{ type: i1.FormsService }, { type: i1.UserService }, { type: i2.Router }, { type: i1.ToastService }] });
-
-class ProfileComponent {
-    authService;
-    route;
-    userService;
-    config = {};
-    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,
-        },
-    };
-    currentUser;
-    constructor(authService, route, userService) {
-        this.authService = authService;
-        this.route = route;
-        this.userService = userService;
-        this.currentUser = authService.currentUser;
-    }
-    ngOnInit() {
-        this.profileConfig = { ...this.profileConfig, ...this.config };
-        this.route.data.subscribe((data) => {
-            // Merge config from route to component
-            if (data) {
-                this.profileConfig = { ...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;
-            }
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ProfileComponent, deps: [{ token: i1.AuthService }, { token: i2.ActivatedRoute }, { token: i1.UserService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: ProfileComponent, isStandalone: true, 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: ModelFormComponent, selector: "base-model-form", inputs: ["modelName", "label", "id", "delete", "onlyUpdateMode", "duplicate", "logging", "config", "showFavButton"], outputs: ["finished"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ProfileComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'base-profile', standalone: true, imports: [
-                        ModelFormComponent
-                    ], 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: () => [{ type: i1.AuthService }, { type: i2.ActivatedRoute }, { type: i1.UserService }], propDecorators: { config: [{
-                type: Input
-            }] } });
-
-class SetPasswordComponent {
-    formsService;
-    userService;
-    toastService;
-    route;
-    router;
-    redirectUrl = '/';
-    form;
-    loading = false;
-    token;
-    error = '';
-    constructor(formsService, userService, toastService, route, router) {
-        this.formsService = formsService;
-        this.userService = userService;
-        this.toastService = toastService;
-        this.route = route;
-        this.router = router;
-    }
-    ngOnInit() {
-        this.token = this.route.snapshot.params?.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()]),
-        }, 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,
-                });
-            },
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: SetPasswordComponent, deps: [{ token: i1.FormsService }, { token: i1.UserService }, { token: i1.ToastService }, { token: i2.ActivatedRoute }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: SetPasswordComponent, isStandalone: true, 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        @if (error) {\n          <div class=\"alert alert-danger\" role=\"alert\">\n            {{ error }}\n          </div>\n        }\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          @if (!loading) {\n            <button class=\"btn btn-primary\" (click)=\"submit()\">Passwort setzen</button>\n          }\n          @if (loading) {\n            <button class=\"btn btn-primary\" type=\"button\" disabled>\n              <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n              Loading...\n            </button>\n          }\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: "component", type: InputComponent, selector: "base-input", inputs: ["id", "name", "infoText", "label", "placeholder", "autocomplete", "tabIndex", "control", "type", "required", "eyeButton", "objectPath"], outputs: ["enter"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: SetPasswordComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'base-set-password', standalone: true, imports: [
-                        InputComponent,
-                        ReactiveFormsModule
-                    ], 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        @if (error) {\n          <div class=\"alert alert-danger\" role=\"alert\">\n            {{ error }}\n          </div>\n        }\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          @if (!loading) {\n            <button class=\"btn btn-primary\" (click)=\"submit()\">Passwort setzen</button>\n          }\n          @if (loading) {\n            <button class=\"btn btn-primary\" type=\"button\" disabled>\n              <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n              Loading...\n            </button>\n          }\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: () => [{ type: i1.FormsService }, { type: i1.UserService }, { type: i1.ToastService }, { type: i2.ActivatedRoute }, { type: i2.Router }], propDecorators: { redirectUrl: [{
-                type: Input
-            }] } });
-
-class EmailVerificationComponent {
-    route;
-    userService;
-    toastService;
-    router;
-    token;
-    mode;
-    loading = false;
-    constructor(route, userService, toastService, router) {
-        this.route = route;
-        this.userService = userService;
-        this.toastService = toastService;
-        this.router = router;
-    }
-    ngOnInit() {
-        this.token = this.route.snapshot.params?.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';
-            },
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: EmailVerificationComponent, deps: [{ token: i2.ActivatedRoute }, { token: i1.UserService }, { token: i1.ToastService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: EmailVerificationComponent, isStandalone: true, 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      @if (mode === 'ERROR') {\n        <div class=\"alert alert-danger\" role=\"alert\">\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\n      @if (mode === 'SUCCESS') {\n        <div class=\"alert alert-success\" role=\"alert\">\n          Deine E-Mail wurde erfolgreich verifiziert. Du wirst nun weitergeleitet.\n        </div>\n      }\n\n      @if (loading) {\n        <div class=\"d-flex justify-content-center align-items-center\">\n          <div class=\"spinner-border text-secondary\" role=\"status\">\n            <span class=\"visually-hidden\">Loading...</span>\n          </div>\n        </div>\n      }\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"] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: EmailVerificationComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'base-email-verification', standalone: true, 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      @if (mode === 'ERROR') {\n        <div class=\"alert alert-danger\" role=\"alert\">\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\n      @if (mode === 'SUCCESS') {\n        <div class=\"alert alert-success\" role=\"alert\">\n          Deine E-Mail wurde erfolgreich verifiziert. Du wirst nun weitergeleitet.\n        </div>\n      }\n\n      @if (loading) {\n        <div class=\"d-flex justify-content-center align-items-center\">\n          <div class=\"spinner-border text-secondary\" role=\"status\">\n            <span class=\"visually-hidden\">Loading...</span>\n          </div>\n        </div>\n      }\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: () => [{ type: i2.ActivatedRoute }, { type: i1.UserService }, { type: i1.ToastService }, { type: i2.Router }] });
-
-/**
- * Exports for public API
- */
-// Pages
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { EmailVerificationComponent, ForgotPasswordComponent, LoginComponent, ProfileComponent, RegisterComponent, SetPasswordComponent };
-//# sourceMappingURL=lenne.tech-ng-base-base-prototype.mjs.map