@mintplayer/ng-spark-auth 0.1.0 → 0.3.0

package/fesm2022/mintplayer-ng-spark-auth.mjs

@@ -1,159 +1,8 @@
-import * as i0 from '@angular/core';
-import { InjectionToken, inject, signal, computed, Injectable, Pipe, makeEnvironmentProviders, ChangeDetectionStrategy, Component } from '@angular/core';
-import { HttpClient, withInterceptors, withXsrfConfiguration, HttpErrorResponse } from '@angular/common/http';
-import { firstValueFrom, tap } from 'rxjs';
-import { Router, RouterLink, ActivatedRoute } from '@angular/router';
-import * as i1 from '@angular/forms';
-import { FormBuilder, Validators, ReactiveFormsModule } from '@angular/forms';
-import { Color } from '@mintplayer/ng-bootstrap';
-import { BsAlertComponent } from '@mintplayer/ng-bootstrap/alert';
-import { BsCardComponent, BsCardHeaderComponent } from '@mintplayer/ng-bootstrap/card';
-import { BsFormComponent, BsFormControlDirective } from '@mintplayer/ng-bootstrap/form';
-import { BsToggleButtonComponent } from '@mintplayer/ng-bootstrap/toggle-button';
-import { BsSpinnerComponent } from '@mintplayer/ng-bootstrap/spinner';
-
-const SPARK_AUTH_CONFIG = new InjectionToken('SPARK_AUTH_CONFIG');
-const defaultSparkAuthConfig = {
-    apiBasePath: '/spark/auth',
-    defaultRedirectUrl: '/',
-    loginUrl: '/login',
-};
-
-const SPARK_AUTH_ROUTE_PATHS = new InjectionToken('SPARK_AUTH_ROUTE_PATHS');
-
-class SparkAuthService {
-    http = inject(HttpClient);
-    config = inject(SPARK_AUTH_CONFIG);
-    currentUser = signal(null, ...(ngDevMode ? [{ debugName: "currentUser" }] : []));
-    user = this.currentUser.asReadonly();
-    isAuthenticated = computed(() => this.currentUser()?.isAuthenticated === true, ...(ngDevMode ? [{ debugName: "isAuthenticated" }] : []));
-    constructor() {
-        this.checkAuth();
-    }
-    async login(email, password) {
-        await firstValueFrom(this.http.post(`${this.config.apiBasePath}/login?useCookies=true`, { email, password }));
-        await this.csrfRefresh();
-        await this.checkAuth();
-    }
-    async loginTwoFactor(twoFactorCode, twoFactorRecoveryCode) {
-        await firstValueFrom(this.http.post(`${this.config.apiBasePath}/login?useCookies=true`, {
-            twoFactorCode,
-            twoFactorRecoveryCode,
-        }));
-        await this.csrfRefresh();
-        await this.checkAuth();
-    }
-    async register(email, password) {
-        await firstValueFrom(this.http.post(`${this.config.apiBasePath}/register`, { email, password }));
-    }
-    async logout() {
-        await firstValueFrom(this.http.post(`${this.config.apiBasePath}/logout`, {}));
-        await this.csrfRefresh();
-        this.currentUser.set(null);
-    }
-    async csrfRefresh() {
-        await firstValueFrom(this.http.post(`${this.config.apiBasePath}/csrf-refresh`, {}));
-    }
-    async checkAuth() {
-        try {
-            const user = await firstValueFrom(this.http.get(`${this.config.apiBasePath}/me`));
-            this.currentUser.set(user);
-            return user;
-        }
-        catch {
-            this.currentUser.set(null);
-            return null;
-        }
-    }
-    async forgotPassword(email) {
-        await firstValueFrom(this.http.post(`${this.config.apiBasePath}/forgotPassword`, { email }));
-    }
-    async resetPassword(email, resetCode, newPassword) {
-        await firstValueFrom(this.http.post(`${this.config.apiBasePath}/resetPassword`, {
-            email,
-            resetCode,
-            newPassword,
-        }));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SparkAuthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SparkAuthService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SparkAuthService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [] });
-
-/** Read the global language signal set by @mintplayer/ng-spark */
-const currentLanguage = globalThis.__sparkCurrentLanguage ?? signal('en');
-class SparkAuthTranslationService {
-    http = inject(HttpClient);
-    translationsMap = signal({}, ...(ngDevMode ? [{ debugName: "translationsMap" }] : []));
-    constructor() {
-        this.loadTranslations();
-    }
-    async loadTranslations() {
-        try {
-            const t = await firstValueFrom(this.http.get('/spark/translations'));
-            this.translationsMap.set(t);
-        }
-        catch {
-            // Translations failed to load; keys will be shown as-is
-        }
-    }
-    t(key) {
-        const ts = this.translationsMap()[key];
-        if (!ts)
-            return key;
-        const lang = currentLanguage();
-        return ts[lang] ?? ts['en'] ?? Object.values(ts)[0] ?? key;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SparkAuthTranslationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SparkAuthTranslationService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SparkAuthTranslationService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [] });
-
-class TranslateKeyPipe {
-    translation = inject(SparkAuthTranslationService);
-    transform(key) {
-        return this.translation.t(key);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TranslateKeyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: TranslateKeyPipe, isStandalone: true, name: "t", pure: false });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TranslateKeyPipe, decorators: [{
-            type: Pipe,
-            args: [{ name: 't', pure: false, standalone: true }]
-        }] });
-
-const sparkAuthInterceptor = (req, next) => {
-    const config = inject(SPARK_AUTH_CONFIG);
-    const router = inject(Router);
-    return next(req).pipe(tap({
-        error: (error) => {
-            if (error.status === 401 &&
-                !req.url.startsWith(config.apiBasePath)) {
-                router.navigate([config.loginUrl], {
-                    queryParams: { returnUrl: router.url },
-                });
-            }
-        },
-    }));
-};
-
-const sparkAuthGuard = (route, state) => {
-    const authService = inject(SparkAuthService);
-    const router = inject(Router);
-    const config = inject(SPARK_AUTH_CONFIG);
-    if (authService.isAuthenticated()) {
-        return true;
-    }
-    return router.createUrlTree([config.loginUrl], {
-        queryParams: { returnUrl: state.url },
-    });
-};
+import { defaultSparkAuthConfig, SPARK_AUTH_CONFIG } from '@mintplayer/ng-spark-auth/models';
+export { SPARK_AUTH_CONFIG, defaultSparkAuthConfig } from '@mintplayer/ng-spark-auth/models';
+import { makeEnvironmentProviders } from '@angular/core';
+import { withInterceptors, withXsrfConfiguration } from '@angular/common/http';
+import { sparkAuthInterceptor } from '@mintplayer/ng-spark-auth/interceptors';
 
 function provideSparkAuth(config) {
     return makeEnvironmentProviders([
@@ -170,374 +19,20 @@ function withSparkAuth() {
     ];
 }
 
-function resolveEntry(entry, defaultPath, defaultLoader) {
-    if (entry === undefined || typeof entry === 'string') {
-        return {
-            path: typeof entry === 'string' ? entry : defaultPath,
-            loadComponent: defaultLoader,
-        };
-    }
-    return {
-        path: entry.path,
-        loadComponent: entry.component
-            ? () => Promise.resolve(entry.component)
-            : defaultLoader,
-    };
-}
-function sparkAuthRoutes(config) {
-    const login = resolveEntry(config?.login, 'login', () => Promise.resolve().then(function () { return sparkLogin_component; }).then(m => m.SparkLoginComponent));
-    const twoFactor = resolveEntry(config?.twoFactor, 'login/two-factor', () => Promise.resolve().then(function () { return sparkTwoFactor_component; }).then(m => m.SparkTwoFactorComponent));
-    const register = resolveEntry(config?.register, 'register', () => Promise.resolve().then(function () { return sparkRegister_component; }).then(m => m.SparkRegisterComponent));
-    const forgotPassword = resolveEntry(config?.forgotPassword, 'forgot-password', () => Promise.resolve().then(function () { return sparkForgotPassword_component; }).then(m => m.SparkForgotPasswordComponent));
-    const resetPassword = resolveEntry(config?.resetPassword, 'reset-password', () => Promise.resolve().then(function () { return sparkResetPassword_component; }).then(m => m.SparkResetPasswordComponent));
-    const paths = {
-        login: '/' + login.path,
-        twoFactor: '/' + twoFactor.path,
-        register: '/' + register.path,
-        forgotPassword: '/' + forgotPassword.path,
-        resetPassword: '/' + resetPassword.path,
-    };
-    return [
-        {
-            path: '',
-            providers: [
-                { provide: SPARK_AUTH_ROUTE_PATHS, useValue: paths },
-            ],
-            children: [
-                { path: login.path, loadComponent: login.loadComponent },
-                { path: twoFactor.path, loadComponent: twoFactor.loadComponent },
-                { path: register.path, loadComponent: register.loadComponent },
-                { path: forgotPassword.path, loadComponent: forgotPassword.loadComponent },
-                { path: resetPassword.path, loadComponent: resetPassword.loadComponent },
-            ],
-        },
-    ];
-}
-
-class SparkAuthBarComponent {
-    authService = inject(SparkAuthService);
-    config = inject(SPARK_AUTH_CONFIG);
-    router = inject(Router);
-    async onLogout() {
-        await this.authService.logout();
-        this.router.navigateByUrl('/');
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SparkAuthBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: SparkAuthBarComponent, isStandalone: true, selector: "spark-auth-bar", ngImport: i0, template: "@if (authService.isAuthenticated()) {\n  <span class=\"me-2\">{{ authService.user()?.userName }}</span>\n  <button class=\"btn btn-outline-light btn-sm\" (click)=\"onLogout()\">{{ 'authLogout' | t }}</button>\n} @else {\n  <a class=\"btn btn-outline-light btn-sm\" [routerLink]=\"config.loginUrl\">{{ 'authLogin' | t }}</a>\n}\n", dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: TranslateKeyPipe, name: "t" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SparkAuthBarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'spark-auth-bar', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [RouterLink, TranslateKeyPipe], template: "@if (authService.isAuthenticated()) {\n  <span class=\"me-2\">{{ authService.user()?.userName }}</span>\n  <button class=\"btn btn-outline-light btn-sm\" (click)=\"onLogout()\">{{ 'authLogout' | t }}</button>\n} @else {\n  <a class=\"btn btn-outline-light btn-sm\" [routerLink]=\"config.loginUrl\">{{ 'authLogin' | t }}</a>\n}\n" }]
-        }] });
-
-class SparkLoginComponent {
-    fb = inject(FormBuilder);
-    authService = inject(SparkAuthService);
-    router = inject(Router);
-    route = inject(ActivatedRoute);
-    config = inject(SPARK_AUTH_CONFIG);
-    translation = inject(SparkAuthTranslationService);
-    routePaths = inject(SPARK_AUTH_ROUTE_PATHS);
-    colors = Color;
-    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
-    errorMessage = signal('', ...(ngDevMode ? [{ debugName: "errorMessage" }] : []));
-    form = this.fb.group({
-        email: ['', Validators.required],
-        password: ['', Validators.required],
-        rememberMe: [false],
-    });
-    async onSubmit() {
-        if (this.form.invalid)
-            return;
-        this.loading.set(true);
-        this.errorMessage.set('');
-        const { email, password } = this.form.value;
-        try {
-            await this.authService.login(email, password);
-            const returnUrl = this.route.snapshot.queryParamMap.get('returnUrl');
-            this.router.navigateByUrl(returnUrl || this.config.defaultRedirectUrl);
-        }
-        catch (err) {
-            if (err instanceof HttpErrorResponse && err.status === 401 && err.error?.detail === 'RequiresTwoFactor') {
-                const returnUrl = this.route.snapshot.queryParamMap.get('returnUrl');
-                this.router.navigate([this.routePaths.twoFactor], {
-                    queryParams: returnUrl ? { returnUrl } : undefined,
-                });
-            }
-            else {
-                this.errorMessage.set(this.translation.t('authInvalidCredentials'));
-            }
-        }
-        finally {
-            this.loading.set(false);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SparkLoginComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: SparkLoginComponent, isStandalone: true, selector: "spark-login", ngImport: i0, template: "<div class=\"d-flex justify-content-center\">\n  <bs-card style=\"width: 100%; max-width: 400px;\">\n    <bs-card-header>\n      <h3 class=\"mb-0 text-center\">{{ 'authLogin' | t }}</h3>\n    </bs-card-header>\n    <div class=\"p-4\">\n      @if (errorMessage()) {\n        <bs-alert [type]=\"colors.danger\" class=\"mb-3\">{{ errorMessage() }}</bs-alert>\n      }\n\n      <bs-form>\n        <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n          <div class=\"mb-3\">\n            <label for=\"email\" class=\"form-label\">{{ 'authEmail' | t }}</label>\n            <input\n              type=\"text\"\n              id=\"email\"\n              formControlName=\"email\"\n              autocomplete=\"username\"\n            />\n          </div>\n\n          <div class=\"mb-3\">\n            <label for=\"password\" class=\"form-label\">{{ 'authPassword' | t }}</label>\n            <input\n              type=\"password\"\n              id=\"password\"\n              formControlName=\"password\"\n              autocomplete=\"current-password\"\n            />\n          </div>\n\n          <div class=\"mb-3\">\n            <bs-toggle-button [type]=\"'checkbox'\" formControlName=\"rememberMe\" [name]=\"'rememberMe'\">{{ 'authRememberMe' | t }}</bs-toggle-button>\n          </div>\n\n          <button\n            type=\"submit\"\n            class=\"btn btn-primary w-100\"\n            [disabled]=\"loading()\"\n          >\n            @if (loading()) {\n              <bs-spinner class=\"me-1\" />\n            }\n            {{ 'authLogin' | t }}\n          </button>\n        </form>\n      </bs-form>\n\n      <div class=\"mt-3 text-center\">\n        <a [routerLink]=\"routePaths.register\">{{ 'authCreateAccount' | t }}</a>\n      </div>\n      <div class=\"mt-2 text-center\">\n        <a [routerLink]=\"routePaths.forgotPassword\">{{ 'authForgotPassword' | t }}</a>\n      </div>\n    </div>\n  </bs-card>\n</div>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: BsAlertComponent, selector: "bs-alert", inputs: ["type", "isVisible"], outputs: ["isVisibleChange", "afterOpenedOrClosed"] }, { kind: "component", type: BsCardComponent, selector: "bs-card", inputs: ["rounded"] }, { kind: "component", type: BsCardHeaderComponent, selector: "bs-card-header", inputs: ["noPadding"] }, { kind: "component", type: BsFormComponent, selector: "bs-form", inputs: ["action", "method"], outputs: ["submitted"] }, { kind: "directive", type: BsFormControlDirective, selector: "bs-form input:not(.no-form-control), bs-form textarea:not(.no-form-control)" }, { kind: "component", type: BsToggleButtonComponent, selector: "bs-toggle-button", inputs: ["type", "isToggled", "name", "value", "group"], outputs: ["isToggledChange"] }, { kind: "component", type: BsSpinnerComponent, selector: "bs-spinner", inputs: ["type", "color"] }, { kind: "pipe", type: TranslateKeyPipe, name: "t" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SparkLoginComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'spark-login', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [ReactiveFormsModule, RouterLink, BsAlertComponent, BsCardComponent, BsCardHeaderComponent, BsFormComponent, BsFormControlDirective, BsToggleButtonComponent, BsSpinnerComponent, TranslateKeyPipe], template: "<div class=\"d-flex justify-content-center\">\n  <bs-card style=\"width: 100%; max-width: 400px;\">\n    <bs-card-header>\n      <h3 class=\"mb-0 text-center\">{{ 'authLogin' | t }}</h3>\n    </bs-card-header>\n    <div class=\"p-4\">\n      @if (errorMessage()) {\n        <bs-alert [type]=\"colors.danger\" class=\"mb-3\">{{ errorMessage() }}</bs-alert>\n      }\n\n      <bs-form>\n        <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n          <div class=\"mb-3\">\n            <label for=\"email\" class=\"form-label\">{{ 'authEmail' | t }}</label>\n            <input\n              type=\"text\"\n              id=\"email\"\n              formControlName=\"email\"\n              autocomplete=\"username\"\n            />\n          </div>\n\n          <div class=\"mb-3\">\n            <label for=\"password\" class=\"form-label\">{{ 'authPassword' | t }}</label>\n            <input\n              type=\"password\"\n              id=\"password\"\n              formControlName=\"password\"\n              autocomplete=\"current-password\"\n            />\n          </div>\n\n          <div class=\"mb-3\">\n            <bs-toggle-button [type]=\"'checkbox'\" formControlName=\"rememberMe\" [name]=\"'rememberMe'\">{{ 'authRememberMe' | t }}</bs-toggle-button>\n          </div>\n\n          <button\n            type=\"submit\"\n            class=\"btn btn-primary w-100\"\n            [disabled]=\"loading()\"\n          >\n            @if (loading()) {\n              <bs-spinner class=\"me-1\" />\n            }\n            {{ 'authLogin' | t }}\n          </button>\n        </form>\n      </bs-form>\n\n      <div class=\"mt-3 text-center\">\n        <a [routerLink]=\"routePaths.register\">{{ 'authCreateAccount' | t }}</a>\n      </div>\n      <div class=\"mt-2 text-center\">\n        <a [routerLink]=\"routePaths.forgotPassword\">{{ 'authForgotPassword' | t }}</a>\n      </div>\n    </div>\n  </bs-card>\n</div>\n" }]
-        }] });
-
-var sparkLogin_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    SparkLoginComponent: SparkLoginComponent,
-    default: SparkLoginComponent
-});
-
-class SparkTwoFactorComponent {
-    fb = inject(FormBuilder);
-    authService = inject(SparkAuthService);
-    router = inject(Router);
-    route = inject(ActivatedRoute);
-    config = inject(SPARK_AUTH_CONFIG);
-    translation = inject(SparkAuthTranslationService);
-    routePaths = inject(SPARK_AUTH_ROUTE_PATHS);
-    colors = Color;
-    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
-    errorMessage = signal('', ...(ngDevMode ? [{ debugName: "errorMessage" }] : []));
-    useRecoveryCode = signal(false, ...(ngDevMode ? [{ debugName: "useRecoveryCode" }] : []));
-    form = this.fb.group({
-        code: [''],
-        recoveryCode: [''],
-    });
-    toggleRecoveryCode() {
-        this.useRecoveryCode.update(v => !v);
-        this.errorMessage.set('');
-    }
-    async onSubmit() {
-        const isRecovery = this.useRecoveryCode();
-        const code = isRecovery ? this.form.value.recoveryCode : this.form.value.code;
-        if (!code?.trim()) {
-            this.errorMessage.set(isRecovery
-                ? this.translation.t('authEnterRecoveryCodeError')
-                : this.translation.t('authEnterCodeError'));
-            return;
-        }
-        this.loading.set(true);
-        this.errorMessage.set('');
-        const twoFactorCode = isRecovery ? undefined : code;
-        const twoFactorRecoveryCode = isRecovery ? code : undefined;
-        try {
-            await this.authService.loginTwoFactor(twoFactorCode ?? '', twoFactorRecoveryCode);
-            const returnUrl = this.route.snapshot.queryParamMap.get('returnUrl');
-            this.router.navigateByUrl(returnUrl || this.config.defaultRedirectUrl);
-        }
-        catch {
-            this.errorMessage.set(this.translation.t('authInvalidCode'));
-        }
-        finally {
-            this.loading.set(false);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SparkTwoFactorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: SparkTwoFactorComponent, isStandalone: true, selector: "spark-two-factor", ngImport: i0, template: "<div class=\"d-flex justify-content-center\">\n  <bs-card style=\"width: 100%; max-width: 400px;\">\n    <bs-card-header>\n      <h3 class=\"mb-0 text-center\">{{ 'authTwoFactorTitle' | t }}</h3>\n    </bs-card-header>\n    <div class=\"p-4\">\n      @if (errorMessage()) {\n        <bs-alert [type]=\"colors.danger\" class=\"mb-3\">{{ errorMessage() }}</bs-alert>\n      }\n\n      <bs-form>\n        <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n          @if (!useRecoveryCode()) {\n            <div class=\"mb-3\">\n              <label for=\"code\" class=\"form-label\">{{ 'authCode' | t }}</label>\n              <input\n                type=\"text\"\n                id=\"code\"\n                formControlName=\"code\"\n                autocomplete=\"one-time-code\"\n                maxlength=\"6\"\n                [placeholder]=\"'authEnterCode' | t\"\n              />\n            </div>\n          } @else {\n            <div class=\"mb-3\">\n              <label for=\"recoveryCode\" class=\"form-label\">{{ 'authRecoveryCode' | t }}</label>\n              <input\n                type=\"text\"\n                id=\"recoveryCode\"\n                formControlName=\"recoveryCode\"\n                autocomplete=\"off\"\n                [placeholder]=\"'authEnterRecoveryCode' | t\"\n              />\n            </div>\n          }\n\n          <button\n            type=\"submit\"\n            class=\"btn btn-primary w-100\"\n            [disabled]=\"loading()\"\n          >\n            @if (loading()) {\n              <bs-spinner class=\"me-1\" />\n            }\n            {{ 'authVerify' | t }}\n          </button>\n        </form>\n      </bs-form>\n\n      <div class=\"mt-3 text-center\">\n        <button class=\"btn btn-link\" (click)=\"toggleRecoveryCode()\">\n          @if (useRecoveryCode()) {\n            {{ 'authUseAuthCode' | t }}\n          } @else {\n            {{ 'authUseRecoveryCode' | t }}\n          }\n        </button>\n      </div>\n      <div class=\"mt-2 text-center\">\n        <a [routerLink]=\"routePaths.login\">{{ 'authBackToLogin' | t }}</a>\n      </div>\n    </div>\n  </bs-card>\n</div>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: BsAlertComponent, selector: "bs-alert", inputs: ["type", "isVisible"], outputs: ["isVisibleChange", "afterOpenedOrClosed"] }, { kind: "component", type: BsCardComponent, selector: "bs-card", inputs: ["rounded"] }, { kind: "component", type: BsCardHeaderComponent, selector: "bs-card-header", inputs: ["noPadding"] }, { kind: "component", type: BsFormComponent, selector: "bs-form", inputs: ["action", "method"], outputs: ["submitted"] }, { kind: "directive", type: BsFormControlDirective, selector: "bs-form input:not(.no-form-control), bs-form textarea:not(.no-form-control)" }, { kind: "component", type: BsSpinnerComponent, selector: "bs-spinner", inputs: ["type", "color"] }, { kind: "pipe", type: TranslateKeyPipe, name: "t" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SparkTwoFactorComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'spark-two-factor', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [ReactiveFormsModule, RouterLink, BsAlertComponent, BsCardComponent, BsCardHeaderComponent, BsFormComponent, BsFormControlDirective, BsSpinnerComponent, TranslateKeyPipe], template: "<div class=\"d-flex justify-content-center\">\n  <bs-card style=\"width: 100%; max-width: 400px;\">\n    <bs-card-header>\n      <h3 class=\"mb-0 text-center\">{{ 'authTwoFactorTitle' | t }}</h3>\n    </bs-card-header>\n    <div class=\"p-4\">\n      @if (errorMessage()) {\n        <bs-alert [type]=\"colors.danger\" class=\"mb-3\">{{ errorMessage() }}</bs-alert>\n      }\n\n      <bs-form>\n        <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n          @if (!useRecoveryCode()) {\n            <div class=\"mb-3\">\n              <label for=\"code\" class=\"form-label\">{{ 'authCode' | t }}</label>\n              <input\n                type=\"text\"\n                id=\"code\"\n                formControlName=\"code\"\n                autocomplete=\"one-time-code\"\n                maxlength=\"6\"\n                [placeholder]=\"'authEnterCode' | t\"\n              />\n            </div>\n          } @else {\n            <div class=\"mb-3\">\n              <label for=\"recoveryCode\" class=\"form-label\">{{ 'authRecoveryCode' | t }}</label>\n              <input\n                type=\"text\"\n                id=\"recoveryCode\"\n                formControlName=\"recoveryCode\"\n                autocomplete=\"off\"\n                [placeholder]=\"'authEnterRecoveryCode' | t\"\n              />\n            </div>\n          }\n\n          <button\n            type=\"submit\"\n            class=\"btn btn-primary w-100\"\n            [disabled]=\"loading()\"\n          >\n            @if (loading()) {\n              <bs-spinner class=\"me-1\" />\n            }\n            {{ 'authVerify' | t }}\n          </button>\n        </form>\n      </bs-form>\n\n      <div class=\"mt-3 text-center\">\n        <button class=\"btn btn-link\" (click)=\"toggleRecoveryCode()\">\n          @if (useRecoveryCode()) {\n            {{ 'authUseAuthCode' | t }}\n          } @else {\n            {{ 'authUseRecoveryCode' | t }}\n          }\n        </button>\n      </div>\n      <div class=\"mt-2 text-center\">\n        <a [routerLink]=\"routePaths.login\">{{ 'authBackToLogin' | t }}</a>\n      </div>\n    </div>\n  </bs-card>\n</div>\n" }]
-        }] });
-
-var sparkTwoFactor_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    SparkTwoFactorComponent: SparkTwoFactorComponent,
-    default: SparkTwoFactorComponent
-});
-
-function passwordMatchValidator$1(control) {
-    const password = control.get('password');
-    const confirmPassword = control.get('confirmPassword');
-    if (password && confirmPassword && password.value !== confirmPassword.value) {
-        return { passwordMismatch: true };
-    }
-    return null;
-}
-class SparkRegisterComponent {
-    fb = inject(FormBuilder);
-    authService = inject(SparkAuthService);
-    router = inject(Router);
-    translation = inject(SparkAuthTranslationService);
-    routePaths = inject(SPARK_AUTH_ROUTE_PATHS);
-    colors = Color;
-    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
-    errorMessage = signal('', ...(ngDevMode ? [{ debugName: "errorMessage" }] : []));
-    form = this.fb.group({
-        email: ['', [Validators.required, Validators.email]],
-        password: ['', Validators.required],
-        confirmPassword: ['', Validators.required],
-    }, { validators: passwordMatchValidator$1 });
-    async onSubmit() {
-        if (this.form.invalid) {
-            this.form.markAllAsTouched();
-            return;
-        }
-        this.loading.set(true);
-        this.errorMessage.set('');
-        const { email, password } = this.form.value;
-        try {
-            await this.authService.register(email, password);
-            this.router.navigate([this.routePaths.login], {
-                queryParams: { registered: 'true' },
-            });
-        }
-        catch (err) {
-            if (err instanceof HttpErrorResponse) {
-                if (err.status === 400 && err.error?.errors) {
-                    const messages = [].concat(...Object.values(err.error.errors));
-                    this.errorMessage.set(messages.join(' '));
-                }
-                else if (err.error?.detail) {
-                    this.errorMessage.set(err.error.detail);
-                }
-                else {
-                    this.errorMessage.set(this.translation.t('authRegistrationFailed'));
-                }
-            }
-            else {
-                this.errorMessage.set(this.translation.t('authRegistrationFailed'));
-            }
-        }
-        finally {
-            this.loading.set(false);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SparkRegisterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: SparkRegisterComponent, isStandalone: true, selector: "spark-register", ngImport: i0, template: "<div class=\"d-flex justify-content-center\">\n  <bs-card style=\"width: 100%; max-width: 400px;\">\n    <bs-card-header>\n      <h3 class=\"mb-0 text-center\">{{ 'authRegister' | t }}</h3>\n    </bs-card-header>\n    <div class=\"p-4\">\n      @if (errorMessage()) {\n        <bs-alert [type]=\"colors.danger\" class=\"mb-3\">{{ errorMessage() }}</bs-alert>\n      }\n\n      <bs-form>\n        <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n          <div class=\"mb-3\">\n            <label for=\"email\" class=\"form-label\">{{ 'authEmail' | t }}</label>\n            <input\n              type=\"email\"\n              id=\"email\"\n              formControlName=\"email\"\n              autocomplete=\"email\"\n            />\n            @if (form.get('email')?.touched && form.get('email')?.hasError('email')) {\n              <div class=\"text-danger mt-1\">{{ 'authInvalidEmail' | t }}</div>\n            }\n          </div>\n\n          <div class=\"mb-3\">\n            <label for=\"password\" class=\"form-label\">{{ 'authPassword' | t }}</label>\n            <input\n              type=\"password\"\n              id=\"password\"\n              formControlName=\"password\"\n              autocomplete=\"new-password\"\n            />\n          </div>\n\n          <div class=\"mb-3\">\n            <label for=\"confirmPassword\" class=\"form-label\">{{ 'authConfirmPassword' | t }}</label>\n            <input\n              type=\"password\"\n              id=\"confirmPassword\"\n              formControlName=\"confirmPassword\"\n              autocomplete=\"new-password\"\n            />\n            @if (form.touched && form.hasError('passwordMismatch')) {\n              <div class=\"text-danger mt-1\">{{ 'authPasswordMismatch' | t }}</div>\n            }\n          </div>\n\n          <button\n            type=\"submit\"\n            class=\"btn btn-primary w-100\"\n            [disabled]=\"loading()\"\n          >\n            @if (loading()) {\n              <bs-spinner class=\"me-1\" />\n            }\n            {{ 'authRegister' | t }}\n          </button>\n        </form>\n      </bs-form>\n\n      <div class=\"mt-3 text-center\">\n        <span>{{ 'authAlreadyHaveAccount' | t }} </span>\n        <a [routerLink]=\"routePaths.login\">{{ 'authLogin' | t }}</a>\n      </div>\n    </div>\n  </bs-card>\n</div>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: BsAlertComponent, selector: "bs-alert", inputs: ["type", "isVisible"], outputs: ["isVisibleChange", "afterOpenedOrClosed"] }, { kind: "component", type: BsCardComponent, selector: "bs-card", inputs: ["rounded"] }, { kind: "component", type: BsCardHeaderComponent, selector: "bs-card-header", inputs: ["noPadding"] }, { kind: "component", type: BsFormComponent, selector: "bs-form", inputs: ["action", "method"], outputs: ["submitted"] }, { kind: "directive", type: BsFormControlDirective, selector: "bs-form input:not(.no-form-control), bs-form textarea:not(.no-form-control)" }, { kind: "component", type: BsSpinnerComponent, selector: "bs-spinner", inputs: ["type", "color"] }, { kind: "pipe", type: TranslateKeyPipe, name: "t" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SparkRegisterComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'spark-register', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [ReactiveFormsModule, RouterLink, BsAlertComponent, BsCardComponent, BsCardHeaderComponent, BsFormComponent, BsFormControlDirective, BsSpinnerComponent, TranslateKeyPipe], template: "<div class=\"d-flex justify-content-center\">\n  <bs-card style=\"width: 100%; max-width: 400px;\">\n    <bs-card-header>\n      <h3 class=\"mb-0 text-center\">{{ 'authRegister' | t }}</h3>\n    </bs-card-header>\n    <div class=\"p-4\">\n      @if (errorMessage()) {\n        <bs-alert [type]=\"colors.danger\" class=\"mb-3\">{{ errorMessage() }}</bs-alert>\n      }\n\n      <bs-form>\n        <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n          <div class=\"mb-3\">\n            <label for=\"email\" class=\"form-label\">{{ 'authEmail' | t }}</label>\n            <input\n              type=\"email\"\n              id=\"email\"\n              formControlName=\"email\"\n              autocomplete=\"email\"\n            />\n            @if (form.get('email')?.touched && form.get('email')?.hasError('email')) {\n              <div class=\"text-danger mt-1\">{{ 'authInvalidEmail' | t }}</div>\n            }\n          </div>\n\n          <div class=\"mb-3\">\n            <label for=\"password\" class=\"form-label\">{{ 'authPassword' | t }}</label>\n            <input\n              type=\"password\"\n              id=\"password\"\n              formControlName=\"password\"\n              autocomplete=\"new-password\"\n            />\n          </div>\n\n          <div class=\"mb-3\">\n            <label for=\"confirmPassword\" class=\"form-label\">{{ 'authConfirmPassword' | t }}</label>\n            <input\n              type=\"password\"\n              id=\"confirmPassword\"\n              formControlName=\"confirmPassword\"\n              autocomplete=\"new-password\"\n            />\n            @if (form.touched && form.hasError('passwordMismatch')) {\n              <div class=\"text-danger mt-1\">{{ 'authPasswordMismatch' | t }}</div>\n            }\n          </div>\n\n          <button\n            type=\"submit\"\n            class=\"btn btn-primary w-100\"\n            [disabled]=\"loading()\"\n          >\n            @if (loading()) {\n              <bs-spinner class=\"me-1\" />\n            }\n            {{ 'authRegister' | t }}\n          </button>\n        </form>\n      </bs-form>\n\n      <div class=\"mt-3 text-center\">\n        <span>{{ 'authAlreadyHaveAccount' | t }} </span>\n        <a [routerLink]=\"routePaths.login\">{{ 'authLogin' | t }}</a>\n      </div>\n    </div>\n  </bs-card>\n</div>\n" }]
-        }] });
-
-var sparkRegister_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    SparkRegisterComponent: SparkRegisterComponent,
-    default: SparkRegisterComponent
-});
-
-class SparkForgotPasswordComponent {
-    fb = inject(FormBuilder);
-    authService = inject(SparkAuthService);
-    translation = inject(SparkAuthTranslationService);
-    routePaths = inject(SPARK_AUTH_ROUTE_PATHS);
-    colors = Color;
-    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
-    errorMessage = signal('', ...(ngDevMode ? [{ debugName: "errorMessage" }] : []));
-    successMessage = signal('', ...(ngDevMode ? [{ debugName: "successMessage" }] : []));
-    form = this.fb.group({
-        email: ['', [Validators.required, Validators.email]],
-    });
-    async onSubmit() {
-        if (this.form.invalid) {
-            this.form.markAllAsTouched();
-            return;
-        }
-        this.loading.set(true);
-        this.errorMessage.set('');
-        this.successMessage.set('');
-        const { email } = this.form.value;
-        try {
-            await this.authService.forgotPassword(email);
-        }
-        catch {
-            // Don't reveal whether the email exists
-        }
-        this.successMessage.set(this.translation.t('authForgotPasswordSuccess'));
-        this.loading.set(false);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SparkForgotPasswordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: SparkForgotPasswordComponent, isStandalone: true, selector: "spark-forgot-password", ngImport: i0, template: "<div class=\"d-flex justify-content-center\">\n  <bs-card style=\"width: 100%; max-width: 400px;\">\n    <bs-card-header>\n      <h3 class=\"mb-0 text-center\">{{ 'authForgotPasswordTitle' | t }}</h3>\n    </bs-card-header>\n    <div class=\"p-4\">\n      @if (successMessage()) {\n        <bs-alert [type]=\"colors.success\" class=\"mb-3\">{{ successMessage() }}</bs-alert>\n      }\n\n      @if (errorMessage()) {\n        <bs-alert [type]=\"colors.danger\" class=\"mb-3\">{{ errorMessage() }}</bs-alert>\n      }\n\n      @if (!successMessage()) {\n        <p class=\"text-muted mb-3\">\n          {{ 'authForgotPasswordDescription' | t }}\n        </p>\n\n        <bs-form>\n          <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n            <div class=\"mb-3\">\n              <label for=\"email\" class=\"form-label\">{{ 'authEmail' | t }}</label>\n              <input\n                type=\"email\"\n                id=\"email\"\n                formControlName=\"email\"\n                autocomplete=\"email\"\n              />\n            </div>\n\n            <button\n              type=\"submit\"\n              class=\"btn btn-primary w-100\"\n              [disabled]=\"loading()\"\n            >\n              @if (loading()) {\n                <bs-spinner class=\"me-1\" />\n              }\n              {{ 'authSendResetLink' | t }}\n            </button>\n          </form>\n        </bs-form>\n      }\n\n      <div class=\"mt-3 text-center\">\n        <a [routerLink]=\"routePaths.login\">{{ 'authBackToLogin' | t }}</a>\n      </div>\n    </div>\n  </bs-card>\n</div>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: BsAlertComponent, selector: "bs-alert", inputs: ["type", "isVisible"], outputs: ["isVisibleChange", "afterOpenedOrClosed"] }, { kind: "component", type: BsCardComponent, selector: "bs-card", inputs: ["rounded"] }, { kind: "component", type: BsCardHeaderComponent, selector: "bs-card-header", inputs: ["noPadding"] }, { kind: "component", type: BsFormComponent, selector: "bs-form", inputs: ["action", "method"], outputs: ["submitted"] }, { kind: "directive", type: BsFormControlDirective, selector: "bs-form input:not(.no-form-control), bs-form textarea:not(.no-form-control)" }, { kind: "component", type: BsSpinnerComponent, selector: "bs-spinner", inputs: ["type", "color"] }, { kind: "pipe", type: TranslateKeyPipe, name: "t" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SparkForgotPasswordComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'spark-forgot-password', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [ReactiveFormsModule, RouterLink, BsAlertComponent, BsCardComponent, BsCardHeaderComponent, BsFormComponent, BsFormControlDirective, BsSpinnerComponent, TranslateKeyPipe], template: "<div class=\"d-flex justify-content-center\">\n  <bs-card style=\"width: 100%; max-width: 400px;\">\n    <bs-card-header>\n      <h3 class=\"mb-0 text-center\">{{ 'authForgotPasswordTitle' | t }}</h3>\n    </bs-card-header>\n    <div class=\"p-4\">\n      @if (successMessage()) {\n        <bs-alert [type]=\"colors.success\" class=\"mb-3\">{{ successMessage() }}</bs-alert>\n      }\n\n      @if (errorMessage()) {\n        <bs-alert [type]=\"colors.danger\" class=\"mb-3\">{{ errorMessage() }}</bs-alert>\n      }\n\n      @if (!successMessage()) {\n        <p class=\"text-muted mb-3\">\n          {{ 'authForgotPasswordDescription' | t }}\n        </p>\n\n        <bs-form>\n          <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n            <div class=\"mb-3\">\n              <label for=\"email\" class=\"form-label\">{{ 'authEmail' | t }}</label>\n              <input\n                type=\"email\"\n                id=\"email\"\n                formControlName=\"email\"\n                autocomplete=\"email\"\n              />\n            </div>\n\n            <button\n              type=\"submit\"\n              class=\"btn btn-primary w-100\"\n              [disabled]=\"loading()\"\n            >\n              @if (loading()) {\n                <bs-spinner class=\"me-1\" />\n              }\n              {{ 'authSendResetLink' | t }}\n            </button>\n          </form>\n        </bs-form>\n      }\n\n      <div class=\"mt-3 text-center\">\n        <a [routerLink]=\"routePaths.login\">{{ 'authBackToLogin' | t }}</a>\n      </div>\n    </div>\n  </bs-card>\n</div>\n" }]
-        }] });
-
-var sparkForgotPassword_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    SparkForgotPasswordComponent: SparkForgotPasswordComponent,
-    default: SparkForgotPasswordComponent
-});
-
-function passwordMatchValidator(control) {
-    const password = control.get('newPassword');
-    const confirmPassword = control.get('confirmPassword');
-    if (password && confirmPassword && password.value !== confirmPassword.value) {
-        return { passwordMismatch: true };
-    }
-    return null;
-}
-class SparkResetPasswordComponent {
-    fb = inject(FormBuilder);
-    authService = inject(SparkAuthService);
-    router = inject(Router);
-    route = inject(ActivatedRoute);
-    translation = inject(SparkAuthTranslationService);
-    routePaths = inject(SPARK_AUTH_ROUTE_PATHS);
-    colors = Color;
-    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
-    errorMessage = signal('', ...(ngDevMode ? [{ debugName: "errorMessage" }] : []));
-    successMessage = signal('', ...(ngDevMode ? [{ debugName: "successMessage" }] : []));
-    email = '';
-    code = '';
-    form = this.fb.group({
-        newPassword: ['', Validators.required],
-        confirmPassword: ['', Validators.required],
-    }, { validators: passwordMatchValidator });
-    ngOnInit() {
-        this.email = this.route.snapshot.queryParamMap.get('email') ?? '';
-        this.code = this.route.snapshot.queryParamMap.get('code') ?? '';
-        if (!this.email || !this.code) {
-            this.errorMessage.set(this.translation.t('authInvalidResetLink'));
-        }
-    }
-    async onSubmit() {
-        if (this.form.invalid) {
-            this.form.markAllAsTouched();
-            return;
-        }
-        if (!this.email || !this.code) {
-            this.errorMessage.set(this.translation.t('authInvalidResetLink'));
-            return;
-        }
-        this.loading.set(true);
-        this.errorMessage.set('');
-        this.successMessage.set('');
-        const { newPassword } = this.form.value;
-        try {
-            await this.authService.resetPassword(this.email, this.code, newPassword);
-            this.successMessage.set(this.translation.t('authResetSuccess'));
-        }
-        catch (err) {
-            if (err instanceof HttpErrorResponse && err.error?.detail) {
-                this.errorMessage.set(err.error.detail);
-            }
-            else {
-                this.errorMessage.set(this.translation.t('authResetFailed'));
-            }
-        }
-        finally {
-            this.loading.set(false);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SparkResetPasswordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: SparkResetPasswordComponent, isStandalone: true, selector: "spark-reset-password", ngImport: i0, template: "<div class=\"d-flex justify-content-center\">\n  <bs-card style=\"width: 100%; max-width: 400px;\">\n    <bs-card-header>\n      <h3 class=\"mb-0 text-center\">{{ 'authResetPassword' | t }}</h3>\n    </bs-card-header>\n    <div class=\"p-4\">\n      @if (successMessage()) {\n        <bs-alert [type]=\"colors.success\" class=\"mb-3\">\n          {{ successMessage() }}\n          <div class=\"mt-2\">\n            <a [routerLink]=\"routePaths.login\">{{ 'authGoToLogin' | t }}</a>\n          </div>\n        </bs-alert>\n      }\n\n      @if (errorMessage()) {\n        <bs-alert [type]=\"colors.danger\" class=\"mb-3\">{{ errorMessage() }}</bs-alert>\n      }\n\n      @if (!successMessage()) {\n        <bs-form>\n          <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n            <div class=\"mb-3\">\n              <label for=\"newPassword\" class=\"form-label\">{{ 'authNewPassword' | t }}</label>\n              <input\n                type=\"password\"\n                id=\"newPassword\"\n                formControlName=\"newPassword\"\n                autocomplete=\"new-password\"\n              />\n            </div>\n\n            <div class=\"mb-3\">\n              <label for=\"confirmPassword\" class=\"form-label\">{{ 'authConfirmPassword' | t }}</label>\n              <input\n                type=\"password\"\n                id=\"confirmPassword\"\n                formControlName=\"confirmPassword\"\n                autocomplete=\"new-password\"\n              />\n              @if (form.touched && form.hasError('passwordMismatch')) {\n                <div class=\"text-danger mt-1\">{{ 'authPasswordMismatch' | t }}</div>\n              }\n            </div>\n\n            <button\n              type=\"submit\"\n              class=\"btn btn-primary w-100\"\n              [disabled]=\"loading()\"\n            >\n              @if (loading()) {\n                <bs-spinner class=\"me-1\" />\n              }\n              {{ 'authResetPassword' | t }}\n            </button>\n          </form>\n        </bs-form>\n\n        <div class=\"mt-3 text-center\">\n          <a [routerLink]=\"routePaths.login\">{{ 'authBackToLogin' | t }}</a>\n        </div>\n      }\n    </div>\n  </bs-card>\n</div>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: BsAlertComponent, selector: "bs-alert", inputs: ["type", "isVisible"], outputs: ["isVisibleChange", "afterOpenedOrClosed"] }, { kind: "component", type: BsCardComponent, selector: "bs-card", inputs: ["rounded"] }, { kind: "component", type: BsCardHeaderComponent, selector: "bs-card-header", inputs: ["noPadding"] }, { kind: "component", type: BsFormComponent, selector: "bs-form", inputs: ["action", "method"], outputs: ["submitted"] }, { kind: "directive", type: BsFormControlDirective, selector: "bs-form input:not(.no-form-control), bs-form textarea:not(.no-form-control)" }, { kind: "component", type: BsSpinnerComponent, selector: "bs-spinner", inputs: ["type", "color"] }, { kind: "pipe", type: TranslateKeyPipe, name: "t" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SparkResetPasswordComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'spark-reset-password', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [ReactiveFormsModule, RouterLink, BsAlertComponent, BsCardComponent, BsCardHeaderComponent, BsFormComponent, BsFormControlDirective, BsSpinnerComponent, TranslateKeyPipe], template: "<div class=\"d-flex justify-content-center\">\n  <bs-card style=\"width: 100%; max-width: 400px;\">\n    <bs-card-header>\n      <h3 class=\"mb-0 text-center\">{{ 'authResetPassword' | t }}</h3>\n    </bs-card-header>\n    <div class=\"p-4\">\n      @if (successMessage()) {\n        <bs-alert [type]=\"colors.success\" class=\"mb-3\">\n          {{ successMessage() }}\n          <div class=\"mt-2\">\n            <a [routerLink]=\"routePaths.login\">{{ 'authGoToLogin' | t }}</a>\n          </div>\n        </bs-alert>\n      }\n\n      @if (errorMessage()) {\n        <bs-alert [type]=\"colors.danger\" class=\"mb-3\">{{ errorMessage() }}</bs-alert>\n      }\n\n      @if (!successMessage()) {\n        <bs-form>\n          <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n            <div class=\"mb-3\">\n              <label for=\"newPassword\" class=\"form-label\">{{ 'authNewPassword' | t }}</label>\n              <input\n                type=\"password\"\n                id=\"newPassword\"\n                formControlName=\"newPassword\"\n                autocomplete=\"new-password\"\n              />\n            </div>\n\n            <div class=\"mb-3\">\n              <label for=\"confirmPassword\" class=\"form-label\">{{ 'authConfirmPassword' | t }}</label>\n              <input\n                type=\"password\"\n                id=\"confirmPassword\"\n                formControlName=\"confirmPassword\"\n                autocomplete=\"new-password\"\n              />\n              @if (form.touched && form.hasError('passwordMismatch')) {\n                <div class=\"text-danger mt-1\">{{ 'authPasswordMismatch' | t }}</div>\n              }\n            </div>\n\n            <button\n              type=\"submit\"\n              class=\"btn btn-primary w-100\"\n              [disabled]=\"loading()\"\n            >\n              @if (loading()) {\n                <bs-spinner class=\"me-1\" />\n              }\n              {{ 'authResetPassword' | t }}\n            </button>\n          </form>\n        </bs-form>\n\n        <div class=\"mt-3 text-center\">\n          <a [routerLink]=\"routePaths.login\">{{ 'authBackToLogin' | t }}</a>\n        </div>\n      }\n    </div>\n  </bs-card>\n</div>\n" }]
-        }] });
-
-var sparkResetPassword_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    SparkResetPasswordComponent: SparkResetPasswordComponent,
-    default: SparkResetPasswordComponent
-});
+// Root entry point — bootstrap API only.
+// For other members import from sub-paths:
+//   @mintplayer/ng-spark-auth/core         (SparkAuthService, SparkAuthTranslationService)
+//   @mintplayer/ng-spark-auth/models       (types + SPARK_AUTH_ROUTE_PATHS)
+//   @mintplayer/ng-spark-auth/guards       (sparkAuthGuard)
+//   @mintplayer/ng-spark-auth/interceptors (sparkAuthInterceptor)
+//   @mintplayer/ng-spark-auth/pipes        (TranslateKeyPipe)
+//   @mintplayer/ng-spark-auth/routes       (sparkAuthRoutes)
+//   @mintplayer/ng-spark-auth/auth-bar     (SparkAuthBarComponent)
+//   @mintplayer/ng-spark-auth/{login,two-factor,register,forgot-password,reset-password}
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { SPARK_AUTH_CONFIG, SPARK_AUTH_ROUTE_PATHS, SparkAuthBarComponent, SparkAuthService, SparkAuthTranslationService, SparkForgotPasswordComponent, SparkLoginComponent, SparkRegisterComponent, SparkResetPasswordComponent, SparkTwoFactorComponent, TranslateKeyPipe, defaultSparkAuthConfig, provideSparkAuth, sparkAuthGuard, sparkAuthInterceptor, sparkAuthRoutes, withSparkAuth };
+export { provideSparkAuth, withSparkAuth };
 //# sourceMappingURL=mintplayer-ng-spark-auth.mjs.map