valtech-components 2.0.833 → 2.0.835

package/fesm2022/valtech-components.mjs

@@ -53,7 +53,7 @@ import 'prismjs/components/prism-json';
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-const VERSION = '2.0.833';
+const VERSION = '2.0.835';
 
 /**
  * Servicio para gestionar presets de componentes.
@@ -4342,6 +4342,70 @@ const VALTECH_DEFAULT_CONTENT = {
             passwordChangedSuccess: '¡Contraseña actualizada!',
             errorCurrentPasswordWrong: 'La contraseña actual es incorrecta',
             errorSamePassword: 'La nueva contraseña debe ser diferente a la actual',
+            // Set password (cuenta OAuth-only)
+            setPasswordTitle: 'Crear contraseña',
+            setPasswordDescription: 'Tu cuenta usa inicio de sesión social. Crea una contraseña para entrar también con tu correo.',
+            setPasswordSubmit: 'Crear contraseña',
+            setPasswordConfirmTitle: '¿Crear contraseña?',
+            setPasswordConfirmMessage: 'Podrás iniciar sesión con tu correo y contraseña, además de tu cuenta social. No perderás el acceso social.',
+            setPasswordConfirmOk: 'Crear contraseña',
+            setPasswordConfirmCancel: 'Cancelar',
+            passwordSetSuccess: '¡Contraseña creada!',
+            errorPasswordAlreadySet: 'Esta cuenta ya tiene una contraseña.',
+            // MFA — autenticación en dos pasos
+            mfaManageTitle: 'Autenticación en dos pasos',
+            mfaEnabledLabel: 'MFA habilitado',
+            mfaDisabledLabel: 'MFA deshabilitado',
+            mfaDisabledHint: 'Habilita MFA para mayor seguridad en tu cuenta.',
+            mfaEnableButton: 'Habilitar MFA',
+            mfaDisableButton: 'Deshabilitar MFA',
+            mfaEnableTitle: 'Habilitar MFA',
+            mfaMethodPrompt: 'Elige el método de verificación:',
+            mfaMethodTotp: 'App de autenticación',
+            mfaMethodTotpHint: 'Usa Google Authenticator u otra app (recomendado).',
+            mfaMethodEmail: 'Correo electrónico',
+            mfaMethodEmailHint: 'Recibe códigos en tu correo.',
+            mfaMethodSms: 'SMS',
+            mfaMethodSmsHint: 'Recibe códigos por mensaje de texto.',
+            mfaPhoneLabel: 'Teléfono',
+            mfaPhoneInvalid: 'Ingresa un número válido en formato E.164 (ej: +56912345678).',
+            mfaPhoneRegistered: 'Teléfono registrado',
+            mfaContinue: 'Continuar',
+            mfaCancel: 'Cancelar',
+            mfaTotpSetupTitle: 'Configurar app de autenticación',
+            mfaTotpStep1: 'Paso 1 — Escanea el código QR con tu app de autenticación.',
+            mfaTotpManualEntry: '¿No puedes escanear? Ingresa este código manualmente:',
+            mfaTotpStep2: 'Paso 2 — Ingresa el código de 6 dígitos de tu app:',
+            mfaTotpVerify: 'Verificar y activar',
+            mfaConfirmTitle: 'Confirmar MFA',
+            mfaConfirmPromptEmail: 'Ingresa el código de 6 dígitos enviado a tu correo.',
+            mfaConfirmPromptSms: 'Ingresa el código de 6 dígitos enviado a tu teléfono.',
+            mfaConfirmButton: 'Confirmar',
+            mfaNoCode: '¿No recibiste el código?',
+            mfaResend: 'Reenviar',
+            mfaResendIn: 'Reenviar en',
+            mfaBackupCodesTitle: 'Códigos de respaldo',
+            mfaBackupCodesAvailable: 'Códigos disponibles',
+            mfaBackupCodesLow: 'Te quedan pocos códigos. Considera regenerarlos.',
+            mfaBackupCodesSaveWarning: 'Importante: guarda estos códigos de respaldo.',
+            mfaBackupCodesExplain: 'Si pierdes acceso a tu app, estos códigos te permiten entrar. Cada uno se usa una sola vez.',
+            mfaCopyCodes: 'Copiar códigos',
+            mfaRegenerateCodes: 'Regenerar códigos de respaldo',
+            mfaDisableTitle: 'Deshabilitar MFA',
+            mfaDisablePrompt: 'Ingresa tu contraseña para deshabilitar MFA.',
+            mfaPasswordLabel: 'Contraseña',
+            mfaCodeInvalid: 'Ingresa un código válido de 6 dígitos.',
+            mfaPasswordRequired: 'Ingresa tu contraseña.',
+            mfaEnabledOk: '¡MFA habilitado correctamente!',
+            mfaDisabledOk: 'MFA deshabilitado correctamente.',
+            mfaCodesCopied: 'Códigos copiados al portapapeles.',
+            mfaErrorInvalidCode: 'Código incorrecto.',
+            mfaErrorExpiredCode: 'El código ha expirado. Solicita uno nuevo.',
+            mfaErrorCodeUsed: 'Este código ya fue utilizado.',
+            mfaErrorAlreadyActive: 'MFA ya está habilitado.',
+            mfaErrorNotEnabled: 'MFA no está habilitado.',
+            mfaErrorPhoneRequired: 'Número de teléfono requerido.',
+            mfaErrorPhoneExists: 'Este teléfono ya está en uso.',
             // Legal
             legalPrefix: 'Utilizamos los servicios de',
             legalSuffix: 'para ofrecerte una experiencia segura. Al iniciar sesión, aceptas nuestros',
@@ -4432,6 +4496,70 @@ const VALTECH_DEFAULT_CONTENT = {
             passwordChangedSuccess: 'Password updated!',
             errorCurrentPasswordWrong: 'Current password is incorrect',
             errorSamePassword: 'New password must be different from the current one',
+            // Set password (OAuth-only account)
+            setPasswordTitle: 'Create password',
+            setPasswordDescription: 'Your account uses social sign-in. Create a password to also sign in with your email.',
+            setPasswordSubmit: 'Create password',
+            setPasswordConfirmTitle: 'Create password?',
+            setPasswordConfirmMessage: 'You will be able to sign in with your email and password, in addition to your social account. You will not lose social access.',
+            setPasswordConfirmOk: 'Create password',
+            setPasswordConfirmCancel: 'Cancel',
+            passwordSetSuccess: 'Password created!',
+            errorPasswordAlreadySet: 'This account already has a password.',
+            // MFA — two-factor authentication
+            mfaManageTitle: 'Two-factor authentication',
+            mfaEnabledLabel: 'MFA enabled',
+            mfaDisabledLabel: 'MFA disabled',
+            mfaDisabledHint: 'Enable MFA for extra account security.',
+            mfaEnableButton: 'Enable MFA',
+            mfaDisableButton: 'Disable MFA',
+            mfaEnableTitle: 'Enable MFA',
+            mfaMethodPrompt: 'Choose your verification method:',
+            mfaMethodTotp: 'Authenticator app',
+            mfaMethodTotpHint: 'Use Google Authenticator or another app (recommended).',
+            mfaMethodEmail: 'Email',
+            mfaMethodEmailHint: 'Receive codes in your email.',
+            mfaMethodSms: 'SMS',
+            mfaMethodSmsHint: 'Receive codes by text message.',
+            mfaPhoneLabel: 'Phone',
+            mfaPhoneInvalid: 'Enter a valid number in E.164 format (e.g. +56912345678).',
+            mfaPhoneRegistered: 'Registered phone',
+            mfaContinue: 'Continue',
+            mfaCancel: 'Cancel',
+            mfaTotpSetupTitle: 'Set up authenticator app',
+            mfaTotpStep1: 'Step 1 — Scan the QR code with your authenticator app.',
+            mfaTotpManualEntry: "Can't scan? Enter this code manually:",
+            mfaTotpStep2: 'Step 2 — Enter the 6-digit code from your app:',
+            mfaTotpVerify: 'Verify and activate',
+            mfaConfirmTitle: 'Confirm MFA',
+            mfaConfirmPromptEmail: 'Enter the 6-digit code sent to your email.',
+            mfaConfirmPromptSms: 'Enter the 6-digit code sent to your phone.',
+            mfaConfirmButton: 'Confirm',
+            mfaNoCode: "Didn't receive the code?",
+            mfaResend: 'Resend',
+            mfaResendIn: 'Resend in',
+            mfaBackupCodesTitle: 'Backup codes',
+            mfaBackupCodesAvailable: 'Available codes',
+            mfaBackupCodesLow: 'You have few codes left. Consider regenerating them.',
+            mfaBackupCodesSaveWarning: 'Important: save these backup codes.',
+            mfaBackupCodesExplain: 'If you lose access to your app, these codes let you sign in. Each can be used once.',
+            mfaCopyCodes: 'Copy codes',
+            mfaRegenerateCodes: 'Regenerate backup codes',
+            mfaDisableTitle: 'Disable MFA',
+            mfaDisablePrompt: 'Enter your password to disable MFA.',
+            mfaPasswordLabel: 'Password',
+            mfaCodeInvalid: 'Enter a valid 6-digit code.',
+            mfaPasswordRequired: 'Enter your password.',
+            mfaEnabledOk: 'MFA enabled successfully!',
+            mfaDisabledOk: 'MFA disabled successfully.',
+            mfaCodesCopied: 'Codes copied to clipboard.',
+            mfaErrorInvalidCode: 'Incorrect code.',
+            mfaErrorExpiredCode: 'The code has expired. Request a new one.',
+            mfaErrorCodeUsed: 'This code was already used.',
+            mfaErrorAlreadyActive: 'MFA is already enabled.',
+            mfaErrorNotEnabled: 'MFA is not enabled.',
+            mfaErrorPhoneRequired: 'Phone number required.',
+            mfaErrorPhoneExists: 'This phone is already in use.',
             // Legal
             legalPrefix: 'We use the services of',
             legalSuffix: 'to offer you a secure experience. By signing in, you accept our',
@@ -20518,7 +20646,7 @@ function isPublicEndpoint(request, authPrefix) {
         '/logout',
         '/mfa/verify', // Solo durante login
     ];
-    return publicEndpoints.some((endpoint) => request.url.includes(`${authPrefix}${endpoint}`));
+    return publicEndpoints.some(endpoint => request.url.includes(`${authPrefix}${endpoint}`));
 }
 /**
  * Verifica si la request es a un endpoint que NO debe reintentar refresh en 401.
@@ -20527,6 +20655,9 @@ function isNoRefreshEndpoint(request, authPrefix) {
     // Endpoints que no deben intentar refresh en 401:
     // - Públicos: signin, signup, refresh, logout
     // - MFA: verify (durante login), confirm (401 = código incorrecto), disable (401 = contraseña incorrecta)
+    // - change-password: 401 = contraseña actual incorrecta, NO token expirado.
+    //   Sin esta exclusión, el retry tras refresh vuelve a dar 401 y el
+    //   catchError de handle401Error dispara logout.
     const noRefreshEndpoints = [
         '/signin',
         '/signup',
@@ -20535,8 +20666,9 @@ function isNoRefreshEndpoint(request, authPrefix) {
         '/mfa/verify',
         '/mfa/confirm',
         '/mfa/disable',
+        '/change-password',
     ];
-    return noRefreshEndpoints.some((endpoint) => request.url.includes(`${authPrefix}${endpoint}`));
+    return noRefreshEndpoints.some(endpoint => request.url.includes(`${authPrefix}${endpoint}`));
 }
 /**
  * Maneja errores 401 refrescando el token.
@@ -20545,10 +20677,10 @@ function handle401Error(request, next, authService) {
     if (!isRefreshing) {
         isRefreshing = true;
         refreshTokenSubject.next(null);
-        return authService.refreshAccessToken().pipe(switchMap((response) => {
+        return authService.refreshAccessToken().pipe(switchMap(response => {
             refreshTokenSubject.next(response.accessToken);
             return next(addAuthHeader(request, response.accessToken));
-        }), catchError((error) => {
+        }), catchError(error => {
             authService.logout();
             return throwError(() => error);
         }), finalize(() => {
@@ -20556,7 +20688,7 @@ function handle401Error(request, next, authService) {
         }));
     }
     // Esperar a que termine el refresco en curso
-    return refreshTokenSubject.pipe(filter((token) => token !== null), take(1), switchMap((token) => next(addAuthHeader(request, token))));
+    return refreshTokenSubject.pipe(filter((token) => token !== null), take(1), switchMap(token => next(addAuthHeader(request, token))));
 }
 
 /**
@@ -28924,16 +29056,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         }], ctorParameters: () => [{ type: i2.ToastController }] });
 
 /**
- * `val-change-password-modal` — modal para que un usuario autenticado cambie
- * su contraseña. Análogo al modal de "recuperar contraseña" del `val-login`,
- * pero para una sesión activa (vista de seguridad / settings).
+ * `val-change-password-modal` — modal de gestión de contraseña para un usuario
+ * autenticado. Análogo al modal de "recuperar contraseña" del `val-login`.
  *
- * Self-contained: inyecta `AuthService` y llama `changePassword()` directo —
- * la app solo controla la visibilidad y reacciona a los eventos.
+ * Es dual-mode: al abrirse consulta `AuthService.checkHasPassword()` y se adapta:
+ *  - **change** — el user ya tiene contraseña → pide actual + nueva →
+ *    `changePassword()`.
+ *  - **set** — el user es OAuth-only (sin contraseña) → pide solo la nueva,
+ *    pide confirmación explícita (no pierde el acceso social, es aditivo) →
+ *    `setPasswordForOAuthUser()`.
  *
- * El gate de apertura lo controla el padre vía `[isOpen]`. El componente emite
- * `changed` al éxito y `dismissed` cuando el user cierra el modal — el padre
- * pone `isOpen` en `false` en ambos casos.
+ * Self-contained: inyecta `AuthService` y llama el endpoint directo — la app
+ * solo controla `[isOpen]` y reacciona a `(changed)` / `(dismissed)`.
  *
  * i18n: usa el namespace compartido `_auth` (mismas claves que `val-login`).
  *
@@ -28947,10 +29081,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * ```
  */
 class ChangePasswordModalComponent {
+    /**
+     * Controla la visibilidad del modal. Lo decide el componente padre. Cada vez
+     * que pasa de cerrado a abierto se resuelve el modo (change vs set).
+     */
+    set isOpen(value) {
+        const opening = value && !this._isOpen;
+        this._isOpen = value;
+        if (opening) {
+            this.resolveMode();
+        }
+    }
+    get isOpen() {
+        return this._isOpen;
+    }
     constructor() {
-        /** Controla la visibilidad del modal. Lo decide el componente padre. */
-        this.isOpen = false;
-        /** Emite al cambiar la contraseña con éxito. El padre debe cerrar el modal. */
+        this._isOpen = false;
+        /** Emite al cambiar/crear la contraseña con éxito. El padre cierra el modal. */
         this.changed = new EventEmitter();
         /** Emite cuando el user cierra el modal (botón X o backdrop). */
         this.dismissed = new EventEmitter();
@@ -28958,65 +29105,112 @@ class ChangePasswordModalComponent {
         this.toast = inject(ToastService);
         this.i18n = inject(I18nService);
         this.i18nHelper = inject(InputI18nHelper);
+        this.confirmDialog = inject(ConfirmationDialogService);
+        this._mode = signal('loading');
+        /** Modo actual — `loading` mientras se consulta `checkHasPassword()`. */
+        this.mode = this._mode.asReadonly();
         this._formState = signal(ComponentStates.ENABLED);
-        this.formProps = computed(() => this.i18nHelper.resolveForm({
-            nameKey: 'changePasswordTitle',
-            i18nNamespace: '_auth',
-            sections: [
-                {
-                    name: this.t('changePasswordDescription'),
-                    order: 0,
-                    fields: [
+        this.formProps = computed(() => {
+            if (this._mode() === 'set') {
+                return this.i18nHelper.resolveForm({
+                    nameKey: 'setPasswordTitle',
+                    i18nNamespace: '_auth',
+                    sections: [
                         {
-                            type: InputType.PASSWORD,
-                            name: 'currentPassword',
-                            token: 'change-current-password',
-                            labelKey: 'currentPassword',
-                            hint: '',
-                            placeholderKey: 'passwordPlaceholder',
-                            errorKeys: {
-                                required: 'currentPasswordRequired',
-                            },
-                            validators: [Validators.required],
+                            name: this.t('setPasswordDescription'),
                             order: 0,
-                            state: ComponentStates.ENABLED,
-                        },
-                        {
-                            type: InputType.PASSWORD,
-                            name: 'newPassword',
-                            token: 'change-new-password',
-                            labelKey: 'newPassword',
-                            hintKey: 'newPasswordHint',
-                            placeholderKey: 'passwordPlaceholder',
-                            errorKeys: {
-                                required: 'passwordRequired',
-                                minlength: 'passwordMinLength',
-                            },
-                            validators: [Validators.required, Validators.minLength(8)],
-                            order: 1,
-                            state: ComponentStates.ENABLED,
+                            fields: [this.newPasswordField(0)],
                         },
                     ],
+                    actions: {
+                        ...SolidDefaultBlock('', 'submit'),
+                        token: 'set-submit',
+                        textKey: 'setPasswordSubmit',
+                    },
+                    state: this._formState(),
+                });
+            }
+            return this.i18nHelper.resolveForm({
+                nameKey: 'changePasswordTitle',
+                i18nNamespace: '_auth',
+                sections: [
+                    {
+                        name: this.t('changePasswordDescription'),
+                        order: 0,
+                        fields: [
+                            {
+                                type: InputType.PASSWORD,
+                                name: 'currentPassword',
+                                token: 'change-current-password',
+                                labelKey: 'currentPassword',
+                                hint: '',
+                                placeholderKey: 'passwordPlaceholder',
+                                errorKeys: {
+                                    required: 'currentPasswordRequired',
+                                },
+                                validators: [Validators.required],
+                                order: 0,
+                                state: ComponentStates.ENABLED,
+                            },
+                            this.newPasswordField(1),
+                        ],
+                    },
+                ],
+                actions: {
+                    ...SolidDefaultBlock('', 'submit'),
+                    token: 'change-submit',
+                    textKey: 'changePasswordSubmit',
                 },
-            ],
-            actions: {
-                ...SolidDefaultBlock('', 'submit'),
-                token: 'change-submit',
-                textKey: 'changePasswordSubmit',
-            },
-            state: this._formState(),
-        }));
+                state: this._formState(),
+            });
+        });
         addIcons({ closeOutline });
     }
     /** Traduce una clave del namespace `_auth`. */
     t(key) {
         return this.i18n.t(key, '_auth');
     }
+    /** Campo "nueva contraseña" — compartido por ambos modos. */
+    newPasswordField(order) {
+        return {
+            type: InputType.PASSWORD,
+            name: 'newPassword',
+            token: 'change-new-password',
+            labelKey: 'newPassword',
+            hintKey: 'newPasswordHint',
+            placeholderKey: 'passwordPlaceholder',
+            errorKeys: {
+                required: 'passwordRequired',
+                minlength: 'passwordMinLength',
+            },
+            validators: [Validators.required, Validators.minLength(8)],
+            order,
+            state: ComponentStates.ENABLED,
+        };
+    }
     /** Cierre iniciado por el user (X / backdrop). */
     close() {
         this.dismissed.emit();
     }
-    submitHandler(event) {
+    /** Consulta si el user ya tiene contraseña para elegir el modo del modal. */
+    resolveMode() {
+        this._mode.set('loading');
+        this._formState.set(ComponentStates.ENABLED);
+        this.auth.checkHasPassword().subscribe({
+            next: res => this._mode.set(res.hasPassword ? 'change' : 'set'),
+            // Fallback conservador: ante un fallo, asumir flujo de cambio normal.
+            error: () => this._mode.set('change'),
+        });
+    }
+    async submitHandler(event) {
+        if (this._mode() === 'set') {
+            await this.handleSetPassword(event);
+            return;
+        }
+        this.handleChangePassword(event);
+    }
+    /** Flujo normal: el user tiene contraseña y la cambia. */
+    handleChangePassword(event) {
         const currentPassword = event.fields['currentPassword'];
         const newPassword = event.fields['newPassword'];
         if (!currentPassword || !newPassword) {
@@ -29036,6 +29230,39 @@ class ChangePasswordModalComponent {
             },
         });
     }
+    /**
+     * Flujo OAuth-only: el user no tiene contraseña. Antes de crearla pide
+     * confirmación explícita — es un cambio de cuenta, aunque aditivo (conserva
+     * el acceso social).
+     */
+    async handleSetPassword(event) {
+        const newPassword = event.fields['newPassword'];
+        if (!newPassword) {
+            this.showToast(this.t('completeAllFields'));
+            return;
+        }
+        const result = await this.confirmDialog.confirm({
+            title: this.t('setPasswordConfirmTitle'),
+            message: this.t('setPasswordConfirmMessage'),
+            confirmButton: { text: this.t('setPasswordConfirmOk'), role: 'confirm' },
+            cancelButton: { text: this.t('setPasswordConfirmCancel'), role: 'cancel' },
+        });
+        if (!result.confirmed) {
+            return;
+        }
+        this._formState.set(ComponentStates.WORKING);
+        this.auth.setPasswordForOAuthUser(newPassword).subscribe({
+            next: () => {
+                this._formState.set(ComponentStates.ENABLED);
+                this.showToast(this.t('passwordSetSuccess'));
+                this.changed.emit();
+            },
+            error: err => {
+                this._formState.set(ComponentStates.ENABLED);
+                this.showToast(this.resolveError(err));
+            },
+        });
+    }
     /** Mapea los códigos de error del backend a mensajes del namespace `_auth`. */
     resolveError(err) {
         const code = err?.code;
@@ -29044,6 +29271,8 @@ class ChangePasswordModalComponent {
                 return this.t('errorCurrentPasswordWrong');
             case 'AUTHV2_SAME_PASSWORD':
                 return this.t('errorSamePassword');
+            case 'AUTHV2_PASSWORD_ALREADY_SET':
+                return this.t('errorPasswordAlreadySet');
             default:
                 return this.t('errorGeneric');
         }
@@ -29052,11 +29281,11 @@ class ChangePasswordModalComponent {
         this.toast.show({ message, duration: 3500 });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChangePasswordModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ChangePasswordModalComponent, isStandalone: true, selector: "val-change-password-modal", inputs: { isOpen: "isOpen" }, outputs: { changed: "changed", dismissed: "dismissed" }, ngImport: i0, template: "<ion-modal [isOpen]=\"isOpen\" (didDismiss)=\"close()\">\n  <ng-template>\n    <ion-header>\n      <ion-toolbar>\n        <ion-buttons slot=\"end\">\n          <ion-button fill=\"clear\" (click)=\"close()\">\n            <ion-icon name=\"close-outline\"></ion-icon>\n          </ion-button>\n        </ion-buttons>\n      </ion-toolbar>\n    </ion-header>\n    <ion-content class=\"ion-padding\">\n      <section class=\"modal-form-section\">\n        <val-form [props]=\"formProps()\" (onSubmit)=\"submitHandler($event)\" />\n      </section>\n    </ion-content>\n  </ng-template>\n</ion-modal>\n", styles: [".modal-form-section{display:flex;flex-direction:column;gap:16px;max-width:420px;margin:0 auto;padding-top:8px}\n"], dependencies: [{ kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonModal, selector: "ion-modal" }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: FormComponent, selector: "val-form", inputs: ["props"], outputs: ["onSubmit", "onInvalid", "onSelectChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ChangePasswordModalComponent, isStandalone: true, selector: "val-change-password-modal", inputs: { isOpen: "isOpen" }, outputs: { changed: "changed", dismissed: "dismissed" }, ngImport: i0, template: "<ion-modal [isOpen]=\"isOpen\" (didDismiss)=\"close()\">\n  <ng-template>\n    <ion-header>\n      <ion-toolbar>\n        <ion-buttons slot=\"end\">\n          <ion-button fill=\"clear\" (click)=\"close()\">\n            <ion-icon name=\"close-outline\"></ion-icon>\n          </ion-button>\n        </ion-buttons>\n      </ion-toolbar>\n    </ion-header>\n    <ion-content class=\"ion-padding\">\n      <section class=\"modal-form-section\">\n        @if (mode() === 'loading') {\n        <div class=\"modal-loading\">\n          <ion-spinner name=\"crescent\"></ion-spinner>\n        </div>\n        } @else {\n        <val-form [props]=\"formProps()\" (onSubmit)=\"submitHandler($event)\" />\n        }\n      </section>\n    </ion-content>\n  </ng-template>\n</ion-modal>\n", styles: [".modal-form-section{display:flex;flex-direction:column;gap:16px;max-width:420px;margin:0 auto;padding-top:8px}.modal-loading{display:flex;justify-content:center;padding:40px 0}\n"], dependencies: [{ kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonModal, selector: "ion-modal" }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: FormComponent, selector: "val-form", inputs: ["props"], outputs: ["onSubmit", "onInvalid", "onSelectChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChangePasswordModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'val-change-password-modal', standalone: true, imports: [IonButton, IonButtons, IonContent, IonHeader, IonIcon, IonModal, IonToolbar, FormComponent], template: "<ion-modal [isOpen]=\"isOpen\" (didDismiss)=\"close()\">\n  <ng-template>\n    <ion-header>\n      <ion-toolbar>\n        <ion-buttons slot=\"end\">\n          <ion-button fill=\"clear\" (click)=\"close()\">\n            <ion-icon name=\"close-outline\"></ion-icon>\n          </ion-button>\n        </ion-buttons>\n      </ion-toolbar>\n    </ion-header>\n    <ion-content class=\"ion-padding\">\n      <section class=\"modal-form-section\">\n        <val-form [props]=\"formProps()\" (onSubmit)=\"submitHandler($event)\" />\n      </section>\n    </ion-content>\n  </ng-template>\n</ion-modal>\n", styles: [".modal-form-section{display:flex;flex-direction:column;gap:16px;max-width:420px;margin:0 auto;padding-top:8px}\n"] }]
+            args: [{ selector: 'val-change-password-modal', standalone: true, imports: [IonButton, IonButtons, IonContent, IonHeader, IonIcon, IonModal, IonSpinner, IonToolbar, FormComponent], template: "<ion-modal [isOpen]=\"isOpen\" (didDismiss)=\"close()\">\n  <ng-template>\n    <ion-header>\n      <ion-toolbar>\n        <ion-buttons slot=\"end\">\n          <ion-button fill=\"clear\" (click)=\"close()\">\n            <ion-icon name=\"close-outline\"></ion-icon>\n          </ion-button>\n        </ion-buttons>\n      </ion-toolbar>\n    </ion-header>\n    <ion-content class=\"ion-padding\">\n      <section class=\"modal-form-section\">\n        @if (mode() === 'loading') {\n        <div class=\"modal-loading\">\n          <ion-spinner name=\"crescent\"></ion-spinner>\n        </div>\n        } @else {\n        <val-form [props]=\"formProps()\" (onSubmit)=\"submitHandler($event)\" />\n        }\n      </section>\n    </ion-content>\n  </ng-template>\n</ion-modal>\n", styles: [".modal-form-section{display:flex;flex-direction:column;gap:16px;max-width:420px;margin:0 auto;padding-top:8px}.modal-loading{display:flex;justify-content:center;padding:40px 0}\n"] }]
         }], ctorParameters: () => [], propDecorators: { isOpen: [{
                 type: Input
             }], changed: [{
@@ -30005,6 +30234,408 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Output
             }] } });
 
+/** Segundos de espera antes de poder reenviar el código EMAIL/SMS. */
+const RESEND_COOLDOWN_SECONDS = 30;
+/**
+ * `val-mfa-modal` — modal de gestión de autenticación de dos factores (MFA)
+ * para un usuario autenticado. Mismo patrón que `val-change-password-modal`.
+ *
+ * Flujo (máquina de estados interna):
+ *  - `loading` → `getProfile()` para conocer el estado MFA.
+ *  - `status` → muestra MFA habilitado/deshabilitado. Si está habilitado:
+ *    gestión de backup codes (TOTP) + deshabilitar. Si no: botón habilitar.
+ *  - `method-select` → elegir TOTP / EMAIL / SMS.
+ *  - `totp-setup` → QR + secreto manual + backup codes → verificar código.
+ *  - `code-confirm` → (EMAIL/SMS) ingresar código recibido, con reenvío.
+ *  - `disable` → contraseña para deshabilitar MFA.
+ *
+ * El QR se genera **client-side** (`QrGeneratorService`) — el secreto TOTP
+ * nunca sale del navegador.
+ *
+ * Self-contained: inyecta `AuthService` y llama los endpoints directo. La app
+ * controla `[isOpen]` y reacciona a `(changed)` / `(dismissed)`.
+ *
+ * i18n: namespace compartido `_auth`.
+ *
+ * @example
+ * ```html
+ * <val-mfa-modal
+ *   [isOpen]="isModalOpen()"
+ *   (dismissed)="isModalOpen.set(false)"
+ * />
+ * ```
+ */
+class MfaModalComponent {
+    /** Controla la visibilidad. Cada apertura re-resuelve el estado MFA. */
+    set isOpen(value) {
+        const opening = value && !this._isOpen;
+        this._isOpen = value;
+        if (opening) {
+            this.resolveStatus();
+        }
+    }
+    get isOpen() {
+        return this._isOpen;
+    }
+    constructor() {
+        this._isOpen = false;
+        /** Emite cuando el estado MFA cambia (habilitado / deshabilitado). */
+        this.changed = new EventEmitter();
+        /** Emite cuando el user cierra el modal (botón X o backdrop). */
+        this.dismissed = new EventEmitter();
+        this.auth = inject(AuthService);
+        this.toast = inject(ToastService);
+        this.i18n = inject(I18nService);
+        this.qrGen = inject(QrGeneratorService);
+        this._step = signal('loading');
+        /** Paso actual del flujo. */
+        this.step = this._step.asReadonly();
+        /** `true` mientras una llamada al backend está en curso. */
+        this.working = signal(false);
+        // Estado MFA actual.
+        this.mfaEnabled = signal(false);
+        this.mfaMethod = signal(null);
+        this.userPhone = signal(null);
+        this.backupCodesCount = signal(0);
+        // Estado del flujo de habilitación.
+        this.selectedMethod = signal('TOTP');
+        this.totpSetup = signal(null);
+        this.totpQr = signal(null);
+        /** Códigos de respaldo recién regenerados — se muestran una sola vez. */
+        this.regeneratedCodes = signal(null);
+        this.resendCooldown = signal(0);
+        this.pinControl = new FormControl('', [Validators.required, Validators.minLength(6), Validators.maxLength(6)]);
+        this.passwordControl = new FormControl('', [Validators.required]);
+        this.phoneControl = new FormControl('', [Validators.required, Validators.pattern(/^\+[1-9]\d{6,14}$/)]);
+        this.pinInputProps = {
+            control: this.pinControl,
+            token: 'mfa-code',
+            length: 6,
+            allowNumbersOnly: true,
+            autoFocus: true,
+        };
+        this.resendTimer = null;
+        addIcons({ closeOutline });
+    }
+    ngOnDestroy() {
+        this.stopCooldown();
+    }
+    /** Traduce una clave del namespace `_auth`. */
+    t(key) {
+        return this.i18n.t(key, '_auth');
+    }
+    /** Cierre iniciado por el user (X / backdrop). */
+    close() {
+        this.dismissed.emit();
+    }
+    // ===========================================================================
+    // Carga de estado
+    // ===========================================================================
+    /** Consulta el perfil para conocer el estado MFA y posicionar el flujo. */
+    resolveStatus() {
+        this._step.set('loading');
+        this.resetFlow();
+        this.auth.getProfile().subscribe({
+            next: profile => {
+                this.mfaEnabled.set(profile.mfaEnabled);
+                this.mfaMethod.set(profile.mfaMethod ?? null);
+                this.userPhone.set(profile.phone ?? null);
+                if (profile.mfaEnabled && profile.mfaMethod === 'TOTP') {
+                    this.loadBackupCount();
+                }
+                this._step.set('status');
+            },
+            error: () => {
+                // Fallback: usar el signal de usuario en sesión.
+                const user = this.auth.user();
+                this.mfaEnabled.set(user?.mfaEnabled ?? false);
+                this.mfaMethod.set(user?.mfaMethod ?? null);
+                this._step.set('status');
+            },
+        });
+    }
+    loadBackupCount() {
+        this.auth.getBackupCodesCount().subscribe({
+            next: res => this.backupCodesCount.set(res.count),
+            error: () => this.backupCodesCount.set(0),
+        });
+    }
+    // ===========================================================================
+    // Navegación entre pasos
+    // ===========================================================================
+    goToMethodSelect() {
+        this.regeneratedCodes.set(null);
+        this._step.set('method-select');
+    }
+    goToDisable() {
+        this.passwordControl.reset();
+        this._step.set('disable');
+    }
+    backToStatus() {
+        this.stopCooldown();
+        this.resolveStatus();
+    }
+    // ===========================================================================
+    // Habilitar MFA
+    // ===========================================================================
+    /** Continúa desde el selector de método al setup correspondiente. */
+    proceedWithMethod() {
+        const method = this.selectedMethod();
+        if (method === 'TOTP') {
+            this.setupTotp();
+            return;
+        }
+        let phone;
+        if (method === 'SMS' && !this.userPhone()) {
+            if (this.phoneControl.invalid) {
+                this.phoneControl.markAsTouched();
+                this.showToast(this.t('mfaPhoneInvalid'));
+                return;
+            }
+            phone = this.phoneControl.value ?? undefined;
+        }
+        this.working.set(true);
+        this.auth.setupMFA(method, phone).subscribe({
+            next: res => {
+                this.working.set(false);
+                if (res.codeSent) {
+                    this.pinControl.reset();
+                    this._step.set('code-confirm');
+                    this.startCooldown();
+                }
+            },
+            error: err => {
+                this.working.set(false);
+                this.showToast(this.resolveError(err));
+            },
+        });
+    }
+    setupTotp() {
+        this.working.set(true);
+        this.auth.setupTOTP().subscribe({
+            next: res => {
+                this.totpSetup.set(res);
+                this.pinControl.reset();
+                this.qrGen
+                    .generate({ data: res.qrCodeUrl, width: 220 })
+                    .then(qr => this.totpQr.set(qr))
+                    .catch(() => this.totpQr.set(null));
+                this.working.set(false);
+                this._step.set('totp-setup');
+            },
+            error: err => {
+                this.working.set(false);
+                this.showToast(this.resolveError(err));
+            },
+        });
+    }
+    /** Verifica el código TOTP de la app de autenticación y activa MFA. */
+    verifyTotp() {
+        const code = this.pinControl.value;
+        if (!code || code.length !== 6) {
+            this.showToast(this.t('mfaCodeInvalid'));
+            return;
+        }
+        this.working.set(true);
+        this.auth.verifyTOTPSetup(code).subscribe({
+            next: res => {
+                this.working.set(false);
+                if (res.enabled) {
+                    this.showToast(this.t('mfaEnabledOk'));
+                    this.changed.emit();
+                    this.resolveStatus();
+                }
+            },
+            error: err => {
+                this.working.set(false);
+                this.showToast(this.resolveError(err));
+            },
+        });
+    }
+    /** Confirma el código EMAIL/SMS y activa MFA. */
+    confirmCode() {
+        const code = this.pinControl.value;
+        if (!code || code.length !== 6) {
+            this.showToast(this.t('mfaCodeInvalid'));
+            return;
+        }
+        this.working.set(true);
+        this.auth.confirmMFA(code).subscribe({
+            next: res => {
+                this.working.set(false);
+                if (res.mfaEnabled) {
+                    this.showToast(this.t('mfaEnabledOk'));
+                    this.changed.emit();
+                    this.resolveStatus();
+                }
+            },
+            error: err => {
+                this.working.set(false);
+                this.showToast(this.resolveError(err));
+            },
+        });
+    }
+    /** Reenvía el código EMAIL/SMS (re-ejecuta el setup). */
+    resendCode() {
+        if (this.resendCooldown() > 0) {
+            return;
+        }
+        this.proceedWithMethod();
+    }
+    // ===========================================================================
+    // Gestión (MFA habilitado)
+    // ===========================================================================
+    /** Regenera los códigos de respaldo TOTP y los muestra una vez. */
+    regenerateBackupCodes() {
+        this.working.set(true);
+        this.auth.regenerateBackupCodes().subscribe({
+            next: res => {
+                this.working.set(false);
+                this.backupCodesCount.set(res.backupCodes.length);
+                this.regeneratedCodes.set(res.backupCodes);
+            },
+            error: err => {
+                this.working.set(false);
+                this.showToast(this.resolveError(err));
+            },
+        });
+    }
+    /** Deshabilita MFA — requiere la contraseña de la cuenta. */
+    confirmDisable() {
+        const password = this.passwordControl.value;
+        if (!password) {
+            this.showToast(this.t('mfaPasswordRequired'));
+            return;
+        }
+        this.working.set(true);
+        this.auth.disableMFA(password).subscribe({
+            next: res => {
+                this.working.set(false);
+                if (res.mfaDisabled) {
+                    this.showToast(this.t('mfaDisabledOk'));
+                    this.changed.emit();
+                    this.resolveStatus();
+                }
+            },
+            error: err => {
+                this.working.set(false);
+                this.showToast(this.resolveError(err));
+            },
+        });
+    }
+    /** Copia una lista de códigos de respaldo al portapapeles. */
+    async copyCodes(codes) {
+        try {
+            await navigator.clipboard.writeText(codes.join('\n'));
+            this.showToast(this.t('mfaCodesCopied'));
+        }
+        catch {
+            /* sin recurso de copia disponible */
+        }
+    }
+    /** Etiqueta i18n legible para un método MFA. */
+    methodLabel(method) {
+        switch (method) {
+            case 'TOTP':
+                return this.t('mfaMethodTotp');
+            case 'EMAIL':
+                return this.t('mfaMethodEmail');
+            case 'SMS':
+                return this.t('mfaMethodSms');
+            default:
+                return '';
+        }
+    }
+    // ===========================================================================
+    // Helpers
+    // ===========================================================================
+    resetFlow() {
+        this.pinControl.reset();
+        this.passwordControl.reset();
+        this.phoneControl.reset();
+        this.totpSetup.set(null);
+        this.totpQr.set(null);
+        this.regeneratedCodes.set(null);
+        this.selectedMethod.set('TOTP');
+        this.stopCooldown();
+    }
+    startCooldown() {
+        this.stopCooldown();
+        this.resendCooldown.set(RESEND_COOLDOWN_SECONDS);
+        this.resendTimer = setInterval(() => {
+            this.resendCooldown.update(v => v - 1);
+            if (this.resendCooldown() <= 0) {
+                this.stopCooldown();
+            }
+        }, 1000);
+    }
+    stopCooldown() {
+        if (this.resendTimer) {
+            clearInterval(this.resendTimer);
+            this.resendTimer = null;
+        }
+        this.resendCooldown.set(0);
+    }
+    /** Mapea los códigos de error MFA del backend a mensajes del namespace `_auth`. */
+    resolveError(err) {
+        const code = err?.code;
+        switch (code) {
+            case 'AUTHV2_MFA_INVALID_CODE':
+                return this.t('mfaErrorInvalidCode');
+            case 'AUTHV2_EXPIRED_CODE':
+                return this.t('mfaErrorExpiredCode');
+            case 'AUTHV2_CODE_USED':
+                return this.t('mfaErrorCodeUsed');
+            case 'AUTHV2_MFA_ALREADY_ACTIVE':
+                return this.t('mfaErrorAlreadyActive');
+            case 'AUTHV2_MFA_NOT_ENABLED':
+                return this.t('mfaErrorNotEnabled');
+            case 'AUTHV2_PHONE_REQUIRED':
+                return this.t('mfaErrorPhoneRequired');
+            case 'AUTHV2_PHONE_EXISTS':
+                return this.t('mfaErrorPhoneExists');
+            case 'AUTHV2_TOO_MANY_ATTEMPTS':
+                return this.t('errorTooManyAttempts');
+            case 'AUTHV2_INVALID_CURRENT_PASSWORD':
+                return this.t('errorCurrentPasswordWrong');
+            default:
+                return this.t('errorGeneric');
+        }
+    }
+    showToast(message) {
+        this.toast.show({ message, duration: 3500 });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MfaModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: MfaModalComponent, isStandalone: true, selector: "val-mfa-modal", inputs: { isOpen: "isOpen" }, outputs: { changed: "changed", dismissed: "dismissed" }, ngImport: i0, template: "<ion-modal [isOpen]=\"isOpen\" (didDismiss)=\"close()\">\n  <ng-template>\n    <ion-header>\n      <ion-toolbar>\n        <ion-buttons slot=\"end\">\n          <ion-button fill=\"clear\" (click)=\"close()\">\n            <ion-icon name=\"close-outline\"></ion-icon>\n          </ion-button>\n        </ion-buttons>\n      </ion-toolbar>\n    </ion-header>\n\n    <ion-content class=\"ion-padding\">\n      <section class=\"mfa-modal\">\n        @switch (step()) { @case ('loading') {\n        <div class=\"mfa-loading\">\n          <ion-spinner name=\"crescent\"></ion-spinner>\n        </div>\n        } @case ('status') {\n        <h2 class=\"mfa-title\">{{ t('mfaManageTitle') }}</h2>\n\n        @if (mfaEnabled()) {\n        <p class=\"mfa-status mfa-status--on\">{{ t('mfaEnabledLabel') }} \u00B7 {{ methodLabel(mfaMethod()) }}</p>\n\n        @if (mfaMethod() === 'TOTP') {\n        <div class=\"mfa-block\">\n          <h3>{{ t('mfaBackupCodesTitle') }}</h3>\n          <p class=\"mfa-muted\">{{ t('mfaBackupCodesAvailable') }}: {{ backupCodesCount() }}</p>\n          @if (backupCodesCount() < 3) {\n          <p class=\"mfa-warn\">{{ t('mfaBackupCodesLow') }}</p>\n          } @if (regeneratedCodes(); as codes) {\n          <p class=\"mfa-warn\">{{ t('mfaBackupCodesSaveWarning') }}</p>\n          <div class=\"mfa-codes\">\n            @for (code of codes; track code) {\n            <code class=\"mfa-code\">{{ code }}</code>\n            }\n          </div>\n          <ion-button expand=\"block\" fill=\"outline\" (click)=\"copyCodes(codes)\"> {{ t('mfaCopyCodes') }} </ion-button>\n          } @else {\n          <ion-button expand=\"block\" fill=\"outline\" [disabled]=\"working()\" (click)=\"regenerateBackupCodes()\">\n            @if (working()) {\n            <ion-spinner name=\"crescent\"></ion-spinner>\n            } @else { {{ t('mfaRegenerateCodes') }} }\n          </ion-button>\n          }\n        </div>\n        }\n\n        <ion-button expand=\"block\" color=\"danger\" fill=\"outline\" (click)=\"goToDisable()\">\n          {{ t('mfaDisableButton') }}\n        </ion-button>\n        } @else {\n        <p class=\"mfa-status mfa-status--off\">{{ t('mfaDisabledLabel') }}</p>\n        <p class=\"mfa-muted\">{{ t('mfaDisabledHint') }}</p>\n        <ion-button expand=\"block\" (click)=\"goToMethodSelect()\"> {{ t('mfaEnableButton') }} </ion-button>\n        } } @case ('method-select') {\n        <h2 class=\"mfa-title\">{{ t('mfaEnableTitle') }}</h2>\n        <p class=\"mfa-muted\">{{ t('mfaMethodPrompt') }}</p>\n\n        <ion-radio-group [value]=\"selectedMethod()\" (ionChange)=\"selectedMethod.set($event.detail.value)\">\n          <ion-item>\n            <ion-radio slot=\"start\" value=\"TOTP\"></ion-radio>\n            <ion-label>\n              <strong>{{ t('mfaMethodTotp') }}</strong>\n              <p>{{ t('mfaMethodTotpHint') }}</p>\n            </ion-label>\n          </ion-item>\n          <ion-item>\n            <ion-radio slot=\"start\" value=\"EMAIL\"></ion-radio>\n            <ion-label>\n              <strong>{{ t('mfaMethodEmail') }}</strong>\n              <p>{{ t('mfaMethodEmailHint') }}</p>\n            </ion-label>\n          </ion-item>\n          <ion-item>\n            <ion-radio slot=\"start\" value=\"SMS\"></ion-radio>\n            <ion-label>\n              <strong>{{ t('mfaMethodSms') }}</strong>\n              <p>{{ t('mfaMethodSmsHint') }}</p>\n            </ion-label>\n          </ion-item>\n        </ion-radio-group>\n\n        @if (selectedMethod() === 'SMS' && !userPhone()) {\n        <ion-input\n          label=\"{{ t('mfaPhoneLabel') }}\"\n          labelPlacement=\"floating\"\n          type=\"tel\"\n          placeholder=\"+56912345678\"\n          [formControl]=\"phoneControl\"\n        ></ion-input>\n        @if (phoneControl.invalid && phoneControl.touched) {\n        <p class=\"mfa-error\">{{ t('mfaPhoneInvalid') }}</p>\n        } } @if (selectedMethod() === 'SMS' && userPhone(); as phone) {\n        <p class=\"mfa-muted\">{{ t('mfaPhoneRegistered') }}: {{ phone }}</p>\n        }\n\n        <ion-button expand=\"block\" [disabled]=\"working()\" (click)=\"proceedWithMethod()\">\n          @if (working()) {\n          <ion-spinner name=\"crescent\"></ion-spinner>\n          } @else { {{ t('mfaContinue') }} }\n        </ion-button>\n        <ion-button expand=\"block\" fill=\"clear\" color=\"medium\" (click)=\"backToStatus()\">\n          {{ t('mfaCancel') }}\n        </ion-button>\n        } @case ('totp-setup') {\n        <h2 class=\"mfa-title\">{{ t('mfaTotpSetupTitle') }}</h2>\n        <p class=\"mfa-muted\">{{ t('mfaTotpStep1') }}</p>\n\n        @if (totpQr(); as qr) {\n        <div class=\"mfa-qr\">\n          <val-qr-code [props]=\"{ qr: qr }\" />\n        </div>\n        } @if (totpSetup(); as setup) {\n        <p class=\"mfa-muted\">{{ t('mfaTotpManualEntry') }}</p>\n        <code class=\"mfa-secret\">{{ setup.secret }}</code>\n\n        <p class=\"mfa-muted\">{{ t('mfaTotpStep2') }}</p>\n        <div class=\"mfa-pin\">\n          <val-pin-input [props]=\"pinInputProps\" />\n        </div>\n\n        <ion-button expand=\"block\" [disabled]=\"working()\" (click)=\"verifyTotp()\">\n          @if (working()) {\n          <ion-spinner name=\"crescent\"></ion-spinner>\n          } @else { {{ t('mfaTotpVerify') }} }\n        </ion-button>\n\n        <div class=\"mfa-block mfa-block--warn\">\n          <p class=\"mfa-warn\">{{ t('mfaBackupCodesSaveWarning') }}</p>\n          <p class=\"mfa-muted\">{{ t('mfaBackupCodesExplain') }}</p>\n          <div class=\"mfa-codes\">\n            @for (code of setup.backupCodes; track code) {\n            <code class=\"mfa-code\">{{ code }}</code>\n            }\n          </div>\n          <ion-button expand=\"block\" fill=\"outline\" (click)=\"copyCodes(setup.backupCodes)\">\n            {{ t('mfaCopyCodes') }}\n          </ion-button>\n        </div>\n        }\n\n        <ion-button expand=\"block\" fill=\"clear\" color=\"medium\" (click)=\"backToStatus()\">\n          {{ t('mfaCancel') }}\n        </ion-button>\n        } @case ('code-confirm') {\n        <h2 class=\"mfa-title\">{{ t('mfaConfirmTitle') }}</h2>\n        <p class=\"mfa-muted\">\n          {{ selectedMethod() === 'EMAIL' ? t('mfaConfirmPromptEmail') : t('mfaConfirmPromptSms') }}\n        </p>\n\n        <div class=\"mfa-pin\">\n          <val-pin-input [props]=\"pinInputProps\" />\n        </div>\n\n        <ion-button expand=\"block\" [disabled]=\"working()\" (click)=\"confirmCode()\">\n          @if (working()) {\n          <ion-spinner name=\"crescent\"></ion-spinner>\n          } @else { {{ t('mfaConfirmButton') }} }\n        </ion-button>\n\n        <p class=\"mfa-resend\">\n          {{ t('mfaNoCode') }} @if (resendCooldown() > 0) {\n          <span class=\"mfa-muted\">{{ t('mfaResendIn') }} {{ resendCooldown() }}s</span>\n          } @else {\n          <a (click)=\"resendCode()\">{{ t('mfaResend') }}</a>\n          }\n        </p>\n\n        <ion-button expand=\"block\" fill=\"clear\" color=\"medium\" (click)=\"backToStatus()\">\n          {{ t('mfaCancel') }}\n        </ion-button>\n        } @case ('disable') {\n        <h2 class=\"mfa-title\">{{ t('mfaDisableTitle') }}</h2>\n        <p class=\"mfa-muted\">{{ t('mfaDisablePrompt') }}</p>\n\n        <ion-input\n          label=\"{{ t('mfaPasswordLabel') }}\"\n          labelPlacement=\"floating\"\n          type=\"password\"\n          [formControl]=\"passwordControl\"\n        ></ion-input>\n\n        <ion-button\n          expand=\"block\"\n          color=\"danger\"\n          [disabled]=\"working() || passwordControl.invalid\"\n          (click)=\"confirmDisable()\"\n        >\n          @if (working()) {\n          <ion-spinner name=\"crescent\"></ion-spinner>\n          } @else { {{ t('mfaDisableButton') }} }\n        </ion-button>\n        <ion-button expand=\"block\" fill=\"clear\" color=\"medium\" (click)=\"backToStatus()\">\n          {{ t('mfaCancel') }}\n        </ion-button>\n        } }\n      </section>\n    </ion-content>\n  </ng-template>\n</ion-modal>\n", styles: [".mfa-modal{max-width:460px;margin:0 auto;display:flex;flex-direction:column;gap:12px;padding-top:4px}.mfa-loading{display:flex;justify-content:center;padding:40px 0}.mfa-title{font-size:18px;font-weight:700;margin:0;color:var(--ion-color-dark)}.mfa-status{font-weight:600;margin:0}.mfa-status--on{color:var(--ion-color-success-shade)}.mfa-status--off{color:var(--ion-color-dark)}.mfa-muted{color:var(--ion-color-medium);font-size:14px;margin:0}.mfa-warn{color:var(--ion-color-warning-shade);font-size:14px;font-weight:600;margin:0}.mfa-error{color:var(--ion-color-danger);font-size:13px;margin:4px 0 0}.mfa-block{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:12px;background:var(--ion-color-light)}.mfa-block--warn{background:var(--ion-color-warning-tint, rgba(255, 196, 9, .12));border:1px solid var(--ion-color-warning)}.mfa-block h3{font-size:15px;font-weight:600;margin:0;color:var(--ion-color-dark)}.mfa-qr{display:flex;justify-content:center;padding:12px 0}.mfa-secret{display:block;padding:10px 12px;border-radius:8px;background:var(--ion-color-light);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;letter-spacing:.04em;word-break:break-all;text-align:center}.mfa-pin{display:flex;justify-content:center;padding:8px 0}.mfa-codes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mfa-code{padding:8px;border-radius:6px;background:var(--ion-background-color, #fff);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;text-align:center}.mfa-resend{text-align:center;font-size:14px;color:var(--ion-color-medium);margin:4px 0}.mfa-resend a{color:var(--ion-color-primary);cursor:pointer;font-weight:600}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonModal, selector: "ion-modal" }, { kind: "component", type: IonRadio, selector: "ion-radio", inputs: ["alignment", "color", "disabled", "justify", "labelPlacement", "mode", "name", "value"] }, { kind: "component", type: IonRadioGroup, selector: "ion-radio-group", inputs: ["allowEmptySelection", "compareWith", "errorText", "helperText", "name", "value"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: QrCodeComponent, selector: "val-qr-code", inputs: ["props"], outputs: ["actionComplete", "imageLoad", "imageError"] }, { kind: "component", type: PinInputComponent, selector: "val-pin-input", inputs: ["props"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MfaModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-mfa-modal', standalone: true, imports: [
+                        ReactiveFormsModule,
+                        IonButton,
+                        IonButtons,
+                        IonContent,
+                        IonHeader,
+                        IonIcon,
+                        IonInput,
+                        IonItem,
+                        IonLabel,
+                        IonModal,
+                        IonRadio,
+                        IonRadioGroup,
+                        IonSpinner,
+                        IonToolbar,
+                        QrCodeComponent,
+                        PinInputComponent,
+                    ], template: "<ion-modal [isOpen]=\"isOpen\" (didDismiss)=\"close()\">\n  <ng-template>\n    <ion-header>\n      <ion-toolbar>\n        <ion-buttons slot=\"end\">\n          <ion-button fill=\"clear\" (click)=\"close()\">\n            <ion-icon name=\"close-outline\"></ion-icon>\n          </ion-button>\n        </ion-buttons>\n      </ion-toolbar>\n    </ion-header>\n\n    <ion-content class=\"ion-padding\">\n      <section class=\"mfa-modal\">\n        @switch (step()) { @case ('loading') {\n        <div class=\"mfa-loading\">\n          <ion-spinner name=\"crescent\"></ion-spinner>\n        </div>\n        } @case ('status') {\n        <h2 class=\"mfa-title\">{{ t('mfaManageTitle') }}</h2>\n\n        @if (mfaEnabled()) {\n        <p class=\"mfa-status mfa-status--on\">{{ t('mfaEnabledLabel') }} \u00B7 {{ methodLabel(mfaMethod()) }}</p>\n\n        @if (mfaMethod() === 'TOTP') {\n        <div class=\"mfa-block\">\n          <h3>{{ t('mfaBackupCodesTitle') }}</h3>\n          <p class=\"mfa-muted\">{{ t('mfaBackupCodesAvailable') }}: {{ backupCodesCount() }}</p>\n          @if (backupCodesCount() < 3) {\n          <p class=\"mfa-warn\">{{ t('mfaBackupCodesLow') }}</p>\n          } @if (regeneratedCodes(); as codes) {\n          <p class=\"mfa-warn\">{{ t('mfaBackupCodesSaveWarning') }}</p>\n          <div class=\"mfa-codes\">\n            @for (code of codes; track code) {\n            <code class=\"mfa-code\">{{ code }}</code>\n            }\n          </div>\n          <ion-button expand=\"block\" fill=\"outline\" (click)=\"copyCodes(codes)\"> {{ t('mfaCopyCodes') }} </ion-button>\n          } @else {\n          <ion-button expand=\"block\" fill=\"outline\" [disabled]=\"working()\" (click)=\"regenerateBackupCodes()\">\n            @if (working()) {\n            <ion-spinner name=\"crescent\"></ion-spinner>\n            } @else { {{ t('mfaRegenerateCodes') }} }\n          </ion-button>\n          }\n        </div>\n        }\n\n        <ion-button expand=\"block\" color=\"danger\" fill=\"outline\" (click)=\"goToDisable()\">\n          {{ t('mfaDisableButton') }}\n        </ion-button>\n        } @else {\n        <p class=\"mfa-status mfa-status--off\">{{ t('mfaDisabledLabel') }}</p>\n        <p class=\"mfa-muted\">{{ t('mfaDisabledHint') }}</p>\n        <ion-button expand=\"block\" (click)=\"goToMethodSelect()\"> {{ t('mfaEnableButton') }} </ion-button>\n        } } @case ('method-select') {\n        <h2 class=\"mfa-title\">{{ t('mfaEnableTitle') }}</h2>\n        <p class=\"mfa-muted\">{{ t('mfaMethodPrompt') }}</p>\n\n        <ion-radio-group [value]=\"selectedMethod()\" (ionChange)=\"selectedMethod.set($event.detail.value)\">\n          <ion-item>\n            <ion-radio slot=\"start\" value=\"TOTP\"></ion-radio>\n            <ion-label>\n              <strong>{{ t('mfaMethodTotp') }}</strong>\n              <p>{{ t('mfaMethodTotpHint') }}</p>\n            </ion-label>\n          </ion-item>\n          <ion-item>\n            <ion-radio slot=\"start\" value=\"EMAIL\"></ion-radio>\n            <ion-label>\n              <strong>{{ t('mfaMethodEmail') }}</strong>\n              <p>{{ t('mfaMethodEmailHint') }}</p>\n            </ion-label>\n          </ion-item>\n          <ion-item>\n            <ion-radio slot=\"start\" value=\"SMS\"></ion-radio>\n            <ion-label>\n              <strong>{{ t('mfaMethodSms') }}</strong>\n              <p>{{ t('mfaMethodSmsHint') }}</p>\n            </ion-label>\n          </ion-item>\n        </ion-radio-group>\n\n        @if (selectedMethod() === 'SMS' && !userPhone()) {\n        <ion-input\n          label=\"{{ t('mfaPhoneLabel') }}\"\n          labelPlacement=\"floating\"\n          type=\"tel\"\n          placeholder=\"+56912345678\"\n          [formControl]=\"phoneControl\"\n        ></ion-input>\n        @if (phoneControl.invalid && phoneControl.touched) {\n        <p class=\"mfa-error\">{{ t('mfaPhoneInvalid') }}</p>\n        } } @if (selectedMethod() === 'SMS' && userPhone(); as phone) {\n        <p class=\"mfa-muted\">{{ t('mfaPhoneRegistered') }}: {{ phone }}</p>\n        }\n\n        <ion-button expand=\"block\" [disabled]=\"working()\" (click)=\"proceedWithMethod()\">\n          @if (working()) {\n          <ion-spinner name=\"crescent\"></ion-spinner>\n          } @else { {{ t('mfaContinue') }} }\n        </ion-button>\n        <ion-button expand=\"block\" fill=\"clear\" color=\"medium\" (click)=\"backToStatus()\">\n          {{ t('mfaCancel') }}\n        </ion-button>\n        } @case ('totp-setup') {\n        <h2 class=\"mfa-title\">{{ t('mfaTotpSetupTitle') }}</h2>\n        <p class=\"mfa-muted\">{{ t('mfaTotpStep1') }}</p>\n\n        @if (totpQr(); as qr) {\n        <div class=\"mfa-qr\">\n          <val-qr-code [props]=\"{ qr: qr }\" />\n        </div>\n        } @if (totpSetup(); as setup) {\n        <p class=\"mfa-muted\">{{ t('mfaTotpManualEntry') }}</p>\n        <code class=\"mfa-secret\">{{ setup.secret }}</code>\n\n        <p class=\"mfa-muted\">{{ t('mfaTotpStep2') }}</p>\n        <div class=\"mfa-pin\">\n          <val-pin-input [props]=\"pinInputProps\" />\n        </div>\n\n        <ion-button expand=\"block\" [disabled]=\"working()\" (click)=\"verifyTotp()\">\n          @if (working()) {\n          <ion-spinner name=\"crescent\"></ion-spinner>\n          } @else { {{ t('mfaTotpVerify') }} }\n        </ion-button>\n\n        <div class=\"mfa-block mfa-block--warn\">\n          <p class=\"mfa-warn\">{{ t('mfaBackupCodesSaveWarning') }}</p>\n          <p class=\"mfa-muted\">{{ t('mfaBackupCodesExplain') }}</p>\n          <div class=\"mfa-codes\">\n            @for (code of setup.backupCodes; track code) {\n            <code class=\"mfa-code\">{{ code }}</code>\n            }\n          </div>\n          <ion-button expand=\"block\" fill=\"outline\" (click)=\"copyCodes(setup.backupCodes)\">\n            {{ t('mfaCopyCodes') }}\n          </ion-button>\n        </div>\n        }\n\n        <ion-button expand=\"block\" fill=\"clear\" color=\"medium\" (click)=\"backToStatus()\">\n          {{ t('mfaCancel') }}\n        </ion-button>\n        } @case ('code-confirm') {\n        <h2 class=\"mfa-title\">{{ t('mfaConfirmTitle') }}</h2>\n        <p class=\"mfa-muted\">\n          {{ selectedMethod() === 'EMAIL' ? t('mfaConfirmPromptEmail') : t('mfaConfirmPromptSms') }}\n        </p>\n\n        <div class=\"mfa-pin\">\n          <val-pin-input [props]=\"pinInputProps\" />\n        </div>\n\n        <ion-button expand=\"block\" [disabled]=\"working()\" (click)=\"confirmCode()\">\n          @if (working()) {\n          <ion-spinner name=\"crescent\"></ion-spinner>\n          } @else { {{ t('mfaConfirmButton') }} }\n        </ion-button>\n\n        <p class=\"mfa-resend\">\n          {{ t('mfaNoCode') }} @if (resendCooldown() > 0) {\n          <span class=\"mfa-muted\">{{ t('mfaResendIn') }} {{ resendCooldown() }}s</span>\n          } @else {\n          <a (click)=\"resendCode()\">{{ t('mfaResend') }}</a>\n          }\n        </p>\n\n        <ion-button expand=\"block\" fill=\"clear\" color=\"medium\" (click)=\"backToStatus()\">\n          {{ t('mfaCancel') }}\n        </ion-button>\n        } @case ('disable') {\n        <h2 class=\"mfa-title\">{{ t('mfaDisableTitle') }}</h2>\n        <p class=\"mfa-muted\">{{ t('mfaDisablePrompt') }}</p>\n\n        <ion-input\n          label=\"{{ t('mfaPasswordLabel') }}\"\n          labelPlacement=\"floating\"\n          type=\"password\"\n          [formControl]=\"passwordControl\"\n        ></ion-input>\n\n        <ion-button\n          expand=\"block\"\n          color=\"danger\"\n          [disabled]=\"working() || passwordControl.invalid\"\n          (click)=\"confirmDisable()\"\n        >\n          @if (working()) {\n          <ion-spinner name=\"crescent\"></ion-spinner>\n          } @else { {{ t('mfaDisableButton') }} }\n        </ion-button>\n        <ion-button expand=\"block\" fill=\"clear\" color=\"medium\" (click)=\"backToStatus()\">\n          {{ t('mfaCancel') }}\n        </ion-button>\n        } }\n      </section>\n    </ion-content>\n  </ng-template>\n</ion-modal>\n", styles: [".mfa-modal{max-width:460px;margin:0 auto;display:flex;flex-direction:column;gap:12px;padding-top:4px}.mfa-loading{display:flex;justify-content:center;padding:40px 0}.mfa-title{font-size:18px;font-weight:700;margin:0;color:var(--ion-color-dark)}.mfa-status{font-weight:600;margin:0}.mfa-status--on{color:var(--ion-color-success-shade)}.mfa-status--off{color:var(--ion-color-dark)}.mfa-muted{color:var(--ion-color-medium);font-size:14px;margin:0}.mfa-warn{color:var(--ion-color-warning-shade);font-size:14px;font-weight:600;margin:0}.mfa-error{color:var(--ion-color-danger);font-size:13px;margin:4px 0 0}.mfa-block{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:12px;background:var(--ion-color-light)}.mfa-block--warn{background:var(--ion-color-warning-tint, rgba(255, 196, 9, .12));border:1px solid var(--ion-color-warning)}.mfa-block h3{font-size:15px;font-weight:600;margin:0;color:var(--ion-color-dark)}.mfa-qr{display:flex;justify-content:center;padding:12px 0}.mfa-secret{display:block;padding:10px 12px;border-radius:8px;background:var(--ion-color-light);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;letter-spacing:.04em;word-break:break-all;text-align:center}.mfa-pin{display:flex;justify-content:center;padding:8px 0}.mfa-codes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mfa-code{padding:8px;border-radius:6px;background:var(--ion-background-color, #fff);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;text-align:center}.mfa-resend{text-align:center;font-size:14px;color:var(--ion-color-medium);margin:4px 0}.mfa-resend a{color:var(--ion-color-primary);cursor:pointer;font-weight:600}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { isOpen: [{
+                type: Input
+            }], changed: [{
+                type: Output
+            }], dismissed: [{
+                type: Output
+            }] } });
+
 /**
  * ItemListComponent
  *
@@ -46441,5 +47072,5 @@ function buildFooterLinks(links, t, resolver) {
  * Generated bundle index. Do not edit.
  */
 
-export { ACTION_CARD_DEFAULTS, AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, ARTICLE_SPACING, AVATAR_UPLOAD_DEFAULTS, AccordionComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AppConfigService, AppVersionService, ArticleBuilder, ArticleComponent, AuthBackgroundComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, AvatarUploadComponent, BOTTOM_NAV_DEFAULTS, BannerComponent, BaseDefault, BlogPostBuilder, BottomNavComponent, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, CALLOUT_LABELS, CHEV_KEYS, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, ChangePasswordModalComponent, CheckInputComponent, CheckboxRadioInputComponent, ChipGroupComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContainerComponent, ContentLoaderComponent, ContentReactionComponent, ContentTransformer, CookieBannerComponent, CountdownComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_APP_CONFIG_SERVICE_CONFIG, DEFAULT_APP_VERSION_SERVICE_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACK_HEADER, DEFAULT_CANCEL_BUTTON, DEFAULT_CHECK_INTERVAL_MS, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_DEBUG_CONSOLE_CONFIG, DEFAULT_DONATION_CONFIG, DEFAULT_EMPTY_STATE, DEFAULT_EMULATOR_CONFIG, DEFAULT_FEEDBACK_CONFIG, DEFAULT_FEEDBACK_TYPE_OPTIONS, DEFAULT_HOME_HEADER, DEFAULT_INFINITE_LIST_METADATA, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLATFORMS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DataTableComponent, DateInputComponent, DateRangeInputComponent, DebugConsoleComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsBuilder, DocsCalloutComponent, DocsCodeExampleComponent, DocsLayoutComponent, DocsNavLinksComponent, DocsNavigationService, DocsPageComponent, DocsSearchComponent, DocsSectionComponent, DocsShellComponent, DocsSidebarComponent, DocsTocComponent, DonationService, DownloadService, EmailInputComponent, ExpandableTextComponent, FEATURES_LIST_DEFAULTS, FabComponent, FaqComponent, FeaturesListComponent, FeedbackFormComponent, FeedbackService, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FooterComponent, FooterLinksComponent, FormComponent, FormFooterComponent, FormSkeletonComponent, FunHeaderComponent, GlassComponent, GlowCardComponent, GlowComponent, GridSkeletonComponent, HANDOFF_ROUTE_PARAM, HANDOFF_TOKEN_PARAM, HandoffService, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, IMAGE_DEFAULTS, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, Icon, IconComponent, IconService, ImageComponent, ImageCropComponent, ImageService, InAppBrowserService, InfiniteListComponent, InfoComponent, InputI18nHelper, InputType, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LEGAL_CONTENT_CONFIG, LOGIN_DEFAULTS, LanguageSelectorComponent, LayeredCardComponent, LegalContentService, LegalLinkService, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadingDirective, LocalStorageService, LocaleService, LoginComponent, MODAL_SIZES, MOTIF_KEYS, MOTION, MaintenancePageComponent, MarkdownArticleParserService, MenuComponent, MessagingService, MetaService, ModalService, MultiSelectSearchComponent, NavigationService, NewsBuilder, NoContentComponent, NotesBoxComponent, NotificationActionService, NotificationsService, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OrgSwitchService, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PATTERN_MOTIFS, PATTERN_PALETTES, PLATFORM_CONFIGS, PageContentComponent, PageLinksComponent, PageRefreshService, PageTemplateComponent, PageWrapperComponent, PaginationComponent, PaginationService, PasswordInputComponent, PatternComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PreferencesService, PresetService, PriceTagComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProcessLinksPipe, ProfileSkeletonComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QueryBuilder, QuoteBoxComponent, RadioInputComponent, RangeInputComponent, RatingComponent, RefresherComponent, RightsFooterComponent, RotatingTextComponent, SHAPE_KEYS, SKELETON_LAYOUT_DEFAULT_ROWS, SKELETON_PRESETS, SOLID_KEYS, SearchSelectorComponent, SearchbarComponent, SecondarySolidBlockButton, SecondarySolidBlockHrefButton, SecondarySolidBlockIconButton, SecondarySolidBlockIconHrefButton, SecondarySolidDefaultRoundButton, SecondarySolidDefaultRoundHrefButton, SecondarySolidDefaultRoundIconButton, SecondarySolidDefaultRoundIconHrefButton, SecondarySolidFullButton, SecondarySolidFullHrefButton, SecondarySolidFullIconButton, SecondarySolidFullIconHrefButton, SecondarySolidLargeRoundButton, SecondarySolidLargeRoundHrefButton, SecondarySolidLargeRoundIconButton, SecondarySolidLargeRoundIconHrefButton, SecondarySolidSmallRoundButton, SecondarySolidSmallRoundHrefButton, SecondarySolidSmallRoundIconButton, SecondarySolidSmallRoundIconHrefButton, SegmentControlComponent, SelectSearchComponent, SessionService, ShareButtonsComponent, SimpleComponent, SkeletonComponent, SkeletonLayoutComponent, SkeletonService, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, TRI_KEYS, TabbedContentComponent, TableSkeletonComponent, TabsComponent, Terminal404Component, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TranslatePipe, TypedCollection, UPDATE_BANNER_DEFAULT_CONTENT, UPDATE_BANNER_I18N_NAMESPACE, UpdateBannerComponent, UserAvatarComponent, UsernameInputComponent, VALTECH_ADS_CONFIG, VALTECH_APP_CONFIG, VALTECH_APP_VERSION, VALTECH_AUTH_CONFIG, VALTECH_COMPANY_LINKS, VALTECH_DEBUG_CONSOLE, VALTECH_DEFAULT_CONTENT, VALTECH_DONATION_CONFIG, VALTECH_FEEDBACK_CONFIG, VALTECH_FIREBASE_CONFIG, VALTECH_FOOTER_I18N, VALTECH_FOOTER_LOGO, VALTECH_LANGUAGE_SELECTOR, VALTECH_LEGAL_CONFIG, VALTECH_SOCIAL_LINKS, VERSION, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, blogPost, buildFooterLinks, buildPath, collections, connectPageRefresh, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createRefreshableStream, createTitleProps, docs, extractPathParams, generatePatternTiles, generateRandomTile, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, getTimeOfDayKey, goToTop, guestGuard, hasEmulators, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, mulberry32, news, parseMarkdownArticle, permissionGuard, permissionGuardFromRoute, provideLegalContent, provideValtechAds, provideValtechAppConfig, provideValtechAppVersion, provideValtechAuth, provideValtechAuthInterceptor, provideValtechDebugConsole, provideValtechDonations, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechLegal, provideValtechPresets, provideValtechSkeleton, query, renderPatternSvgInner, replaceSpecialChars, resolveColor, resolveInputDefaultValue, roleGuard, storagePaths, superAdminGuard, toArticle };
+export { ACTION_CARD_DEFAULTS, AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, ARTICLE_SPACING, AVATAR_UPLOAD_DEFAULTS, AccordionComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AppConfigService, AppVersionService, ArticleBuilder, ArticleComponent, AuthBackgroundComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, AvatarUploadComponent, BOTTOM_NAV_DEFAULTS, BannerComponent, BaseDefault, BlogPostBuilder, BottomNavComponent, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, CALLOUT_LABELS, CHEV_KEYS, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, ChangePasswordModalComponent, CheckInputComponent, CheckboxRadioInputComponent, ChipGroupComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContainerComponent, ContentLoaderComponent, ContentReactionComponent, ContentTransformer, CookieBannerComponent, CountdownComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_APP_CONFIG_SERVICE_CONFIG, DEFAULT_APP_VERSION_SERVICE_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACK_HEADER, DEFAULT_CANCEL_BUTTON, DEFAULT_CHECK_INTERVAL_MS, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_DEBUG_CONSOLE_CONFIG, DEFAULT_DONATION_CONFIG, DEFAULT_EMPTY_STATE, DEFAULT_EMULATOR_CONFIG, DEFAULT_FEEDBACK_CONFIG, DEFAULT_FEEDBACK_TYPE_OPTIONS, DEFAULT_HOME_HEADER, DEFAULT_INFINITE_LIST_METADATA, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLATFORMS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DataTableComponent, DateInputComponent, DateRangeInputComponent, DebugConsoleComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsBuilder, DocsCalloutComponent, DocsCodeExampleComponent, DocsLayoutComponent, DocsNavLinksComponent, DocsNavigationService, DocsPageComponent, DocsSearchComponent, DocsSectionComponent, DocsShellComponent, DocsSidebarComponent, DocsTocComponent, DonationService, DownloadService, EmailInputComponent, ExpandableTextComponent, FEATURES_LIST_DEFAULTS, FabComponent, FaqComponent, FeaturesListComponent, FeedbackFormComponent, FeedbackService, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FooterComponent, FooterLinksComponent, FormComponent, FormFooterComponent, FormSkeletonComponent, FunHeaderComponent, GlassComponent, GlowCardComponent, GlowComponent, GridSkeletonComponent, HANDOFF_ROUTE_PARAM, HANDOFF_TOKEN_PARAM, HandoffService, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, IMAGE_DEFAULTS, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, Icon, IconComponent, IconService, ImageComponent, ImageCropComponent, ImageService, InAppBrowserService, InfiniteListComponent, InfoComponent, InputI18nHelper, InputType, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LEGAL_CONTENT_CONFIG, LOGIN_DEFAULTS, LanguageSelectorComponent, LayeredCardComponent, LegalContentService, LegalLinkService, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadingDirective, LocalStorageService, LocaleService, LoginComponent, MODAL_SIZES, MOTIF_KEYS, MOTION, MaintenancePageComponent, MarkdownArticleParserService, MenuComponent, MessagingService, MetaService, MfaModalComponent, ModalService, MultiSelectSearchComponent, NavigationService, NewsBuilder, NoContentComponent, NotesBoxComponent, NotificationActionService, NotificationsService, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OrgSwitchService, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PATTERN_MOTIFS, PATTERN_PALETTES, PLATFORM_CONFIGS, PageContentComponent, PageLinksComponent, PageRefreshService, PageTemplateComponent, PageWrapperComponent, PaginationComponent, PaginationService, PasswordInputComponent, PatternComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PreferencesService, PresetService, PriceTagComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProcessLinksPipe, ProfileSkeletonComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QueryBuilder, QuoteBoxComponent, RadioInputComponent, RangeInputComponent, RatingComponent, RefresherComponent, RightsFooterComponent, RotatingTextComponent, SHAPE_KEYS, SKELETON_LAYOUT_DEFAULT_ROWS, SKELETON_PRESETS, SOLID_KEYS, SearchSelectorComponent, SearchbarComponent, SecondarySolidBlockButton, SecondarySolidBlockHrefButton, SecondarySolidBlockIconButton, SecondarySolidBlockIconHrefButton, SecondarySolidDefaultRoundButton, SecondarySolidDefaultRoundHrefButton, SecondarySolidDefaultRoundIconButton, SecondarySolidDefaultRoundIconHrefButton, SecondarySolidFullButton, SecondarySolidFullHrefButton, SecondarySolidFullIconButton, SecondarySolidFullIconHrefButton, SecondarySolidLargeRoundButton, SecondarySolidLargeRoundHrefButton, SecondarySolidLargeRoundIconButton, SecondarySolidLargeRoundIconHrefButton, SecondarySolidSmallRoundButton, SecondarySolidSmallRoundHrefButton, SecondarySolidSmallRoundIconButton, SecondarySolidSmallRoundIconHrefButton, SegmentControlComponent, SelectSearchComponent, SessionService, ShareButtonsComponent, SimpleComponent, SkeletonComponent, SkeletonLayoutComponent, SkeletonService, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, TRI_KEYS, TabbedContentComponent, TableSkeletonComponent, TabsComponent, Terminal404Component, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TranslatePipe, TypedCollection, UPDATE_BANNER_DEFAULT_CONTENT, UPDATE_BANNER_I18N_NAMESPACE, UpdateBannerComponent, UserAvatarComponent, UsernameInputComponent, VALTECH_ADS_CONFIG, VALTECH_APP_CONFIG, VALTECH_APP_VERSION, VALTECH_AUTH_CONFIG, VALTECH_COMPANY_LINKS, VALTECH_DEBUG_CONSOLE, VALTECH_DEFAULT_CONTENT, VALTECH_DONATION_CONFIG, VALTECH_FEEDBACK_CONFIG, VALTECH_FIREBASE_CONFIG, VALTECH_FOOTER_I18N, VALTECH_FOOTER_LOGO, VALTECH_LANGUAGE_SELECTOR, VALTECH_LEGAL_CONFIG, VALTECH_SOCIAL_LINKS, VERSION, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, blogPost, buildFooterLinks, buildPath, collections, connectPageRefresh, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createRefreshableStream, createTitleProps, docs, extractPathParams, generatePatternTiles, generateRandomTile, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, getTimeOfDayKey, goToTop, guestGuard, hasEmulators, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, mulberry32, news, parseMarkdownArticle, permissionGuard, permissionGuardFromRoute, provideLegalContent, provideValtechAds, provideValtechAppConfig, provideValtechAppVersion, provideValtechAuth, provideValtechAuthInterceptor, provideValtechDebugConsole, provideValtechDonations, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechLegal, provideValtechPresets, provideValtechSkeleton, query, renderPatternSvgInner, replaceSpecialChars, resolveColor, resolveInputDefaultValue, roleGuard, storagePaths, superAdminGuard, toArticle };
 //# sourceMappingURL=valtech-components.mjs.map