valtech-components 2.0.558 → 2.0.559

package/fesm2022/valtech-components.mjs

@@ -3319,6 +3319,96 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
 
+/**
+ * Helper para resolver traducciones i18n en InputMetadata y FormMetadata.
+ *
+ * @example
+ * ```typescript
+ * helper = inject(InputI18nHelper);
+ *
+ * // Resolver un input
+ * emailInput = this.helper.resolveInput({
+ *   ...baseEmailInput,
+ *   labelKey: 'email',
+ *   placeholderKey: 'emailPlaceholder',
+ *   errorKeys: { required: 'emailRequired', email: 'emailInvalid' },
+ *   i18nNamespace: '_auth',
+ * });
+ *
+ * // Resolver un form completo
+ * loginForm = this.helper.resolveForm(loginFormConfig);
+ * ```
+ */
+class InputI18nHelper {
+    constructor() {
+        this.i18n = inject(I18nService);
+    }
+    /**
+     * Resuelve traducciones para un InputMetadata.
+     * Si hay keys de i18n, las resuelve; sino, usa los valores directos.
+     */
+    resolveInput(input) {
+        const namespace = input.i18nNamespace || '_global';
+        return {
+            ...input,
+            label: input.labelKey
+                ? this.i18n.t(input.labelKey, namespace)
+                : input.label || '',
+            placeholder: input.placeholderKey
+                ? this.i18n.t(input.placeholderKey, namespace)
+                : input.placeholder || '',
+            hint: input.hintKey ? this.i18n.t(input.hintKey, namespace) : input.hint || '',
+            errors: input.errorKeys
+                ? this.resolveErrors(input.errorKeys, namespace)
+                : input.errors || {},
+        };
+    }
+    /**
+     * Resuelve traducciones para un FormMetadata completo.
+     */
+    resolveForm(form) {
+        const namespace = form.i18nNamespace || '_global';
+        return {
+            ...form,
+            name: form.nameKey ? this.i18n.t(form.nameKey, namespace) : form.name || '',
+            sections: form.sections.map((section) => ({
+                ...section,
+                name: section.nameKey
+                    ? this.i18n.t(section.nameKey, namespace)
+                    : section.name || '',
+                fields: section.fields.map((field) => this.resolveInput({ ...field, i18nNamespace: namespace })),
+            })),
+            actions: this.resolveButton(form.actions, namespace),
+        };
+    }
+    /**
+     * Resuelve traducciones para un ButtonMetadata.
+     */
+    resolveButton(button, namespace) {
+        const ns = namespace || button.i18nNamespace || '_global';
+        return {
+            ...button,
+            text: button.textKey ? this.i18n.t(button.textKey, ns) : button.text,
+        };
+    }
+    /**
+     * Resuelve un mapa de error keys a mensajes traducidos.
+     */
+    resolveErrors(errorKeys, namespace) {
+        const resolved = {};
+        for (const [validatorKey, i18nKey] of Object.entries(errorKeys)) {
+            resolved[validatorKey] = this.i18n.t(i18nKey, namespace);
+        }
+        return resolved;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InputI18nHelper, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InputI18nHelper, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InputI18nHelper, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 /**
  * Pipe de traducción para templates.
  *
@@ -3677,6 +3767,170 @@ const VALTECH_DEFAULT_CONTENT = {
             paymentFailed: 'Failed',
         },
     },
+    _auth: {
+        es: {
+            // Login
+            loginTitle: 'Iniciar sesión',
+            email: 'Correo electrónico',
+            emailPlaceholder: 'tu@email.com',
+            emailRequired: 'El correo es requerido',
+            emailInvalid: 'Ingresa un correo válido',
+            password: 'Contraseña',
+            passwordPlaceholder: '••••••••',
+            passwordRequired: 'La contraseña es requerida',
+            loginSubmit: 'Iniciar sesión',
+            // OAuth
+            orContinueWith: 'o continúa con',
+            continueWithGoogle: 'Continuar con Google',
+            continueWithApple: 'Continuar con Apple',
+            continueWithMicrosoft: 'Continuar con Microsoft',
+            connecting: 'Conectando...',
+            // Register
+            registerTitle: 'Crear cuenta',
+            fullName: 'Nombre completo',
+            namePlaceholder: 'Tu nombre',
+            nameRequired: 'El nombre es requerido',
+            nameMinLength: 'Mínimo 2 caracteres',
+            passwordMinLength: 'Mínimo 8 caracteres',
+            registerSubmit: 'Registrarse',
+            noAccount: '¿No tienes cuenta?',
+            register: 'Registrarse',
+            hasAccount: '¿Ya tienes cuenta?',
+            signIn: 'Iniciar sesión',
+            // Verify email
+            verifyTitle: 'Verificar correo',
+            verifyDescription: 'Ingresa el código de verificación enviado a tu correo.',
+            verifySubmit: 'Verificar',
+            codeRequired: 'El código es requerido',
+            codeMinLength: 'Ingresa los 6 dígitos',
+            noCodeReceived: '¿No has recibido tu código?',
+            resend: 'Reenviar',
+            resendIn: 'Reenviar en {seconds}s',
+            codeSent: 'Código reenviado. Revisa tu email.',
+            emailVerified: '¡Email verificado! Bienvenido.',
+            // MFA
+            mfaTitle: 'Verificación MFA',
+            mfaTOTP: 'Ingresa el código de tu app de autenticación',
+            mfaEmail: 'Ingresa el código enviado a tu correo',
+            mfaSMS: 'Ingresa el código enviado a tu teléfono',
+            // Forgot/Reset password
+            forgotTitle: 'Recuperar contraseña',
+            forgotDescription: 'Ingresa tu correo electrónico y te enviaremos un código.',
+            forgotSubmit: 'Enviar código',
+            forgotLink: '¿Olvidaste tu contraseña?',
+            recoverPassword: 'Recuperar contraseña',
+            resetTitle: 'Restablecer contraseña',
+            resetDescription: 'Hemos enviado un código de verificación a tu correo.',
+            newPassword: 'Nueva contraseña',
+            newPasswordHint: 'Mínimo 8 caracteres',
+            resetSubmit: 'Cambiar contraseña',
+            passwordUpdated: '¡Contraseña actualizada! Ya puedes iniciar sesión.',
+            // Legal
+            legalPrefix: 'Utilizamos los servicios de',
+            legalSuffix: 'para ofrecerte una experiencia segura. Al iniciar sesión, aceptas nuestros',
+            termsAndConditions: 'Términos y Condiciones',
+            and: 'y',
+            privacyPolicy: 'Política de Privacidad',
+            // Toasts
+            welcome: '¡Bienvenido!',
+            completeAllFields: 'Completa todos los campos.',
+            enterEmail: 'Ingresa tu correo electrónico.',
+            // Errors (mapeados de códigos backend)
+            errorInvalidCredentials: 'Correo o contraseña incorrectos',
+            errorEmailNotVerified: 'Debes verificar tu correo electrónico',
+            errorAccountSuspended: 'Tu cuenta ha sido suspendida',
+            errorEmailExists: 'Este correo ya está registrado',
+            errorWeakPassword: 'La contraseña es muy débil',
+            errorInvalidCode: 'Código incorrecto',
+            errorExpiredCode: 'El código ha expirado. Solicita uno nuevo.',
+            errorTooManyAttempts: 'Demasiados intentos, intenta más tarde',
+            errorMFAInvalidCode: 'Código de verificación incorrecto',
+            errorPopupBlocked: 'Por favor, permite ventanas emergentes',
+            errorOAuthFailed: 'Error de autenticación',
+            errorGeneric: 'Ha ocurrido un error. Intenta de nuevo.',
+        },
+        en: {
+            // Login
+            loginTitle: 'Sign in',
+            email: 'Email',
+            emailPlaceholder: 'you@email.com',
+            emailRequired: 'Email is required',
+            emailInvalid: 'Enter a valid email',
+            password: 'Password',
+            passwordPlaceholder: '••••••••',
+            passwordRequired: 'Password is required',
+            loginSubmit: 'Sign in',
+            // OAuth
+            orContinueWith: 'or continue with',
+            continueWithGoogle: 'Continue with Google',
+            continueWithApple: 'Continue with Apple',
+            continueWithMicrosoft: 'Continue with Microsoft',
+            connecting: 'Connecting...',
+            // Register
+            registerTitle: 'Create account',
+            fullName: 'Full name',
+            namePlaceholder: 'Your name',
+            nameRequired: 'Name is required',
+            nameMinLength: 'Minimum 2 characters',
+            passwordMinLength: 'Minimum 8 characters',
+            registerSubmit: 'Sign up',
+            noAccount: "Don't have an account?",
+            register: 'Sign up',
+            hasAccount: 'Already have an account?',
+            signIn: 'Sign in',
+            // Verify email
+            verifyTitle: 'Verify email',
+            verifyDescription: 'Enter the verification code sent to your email.',
+            verifySubmit: 'Verify',
+            codeRequired: 'Code is required',
+            codeMinLength: 'Enter all 6 digits',
+            noCodeReceived: "Didn't receive your code?",
+            resend: 'Resend',
+            resendIn: 'Resend in {seconds}s',
+            codeSent: 'Code resent. Check your email.',
+            emailVerified: 'Email verified! Welcome.',
+            // MFA
+            mfaTitle: 'MFA Verification',
+            mfaTOTP: 'Enter the code from your authenticator app',
+            mfaEmail: 'Enter the code sent to your email',
+            mfaSMS: 'Enter the code sent to your phone',
+            // Forgot/Reset password
+            forgotTitle: 'Recover password',
+            forgotDescription: 'Enter your email and we will send you a code.',
+            forgotSubmit: 'Send code',
+            forgotLink: 'Forgot your password?',
+            recoverPassword: 'Recover password',
+            resetTitle: 'Reset password',
+            resetDescription: 'We have sent a verification code to your email.',
+            newPassword: 'New password',
+            newPasswordHint: 'Minimum 8 characters',
+            resetSubmit: 'Change password',
+            passwordUpdated: 'Password updated! You can now sign in.',
+            // Legal
+            legalPrefix: 'We use the services of',
+            legalSuffix: 'to offer you a secure experience. By signing in, you accept our',
+            termsAndConditions: 'Terms and Conditions',
+            and: 'and',
+            privacyPolicy: 'Privacy Policy',
+            // Toasts
+            welcome: 'Welcome!',
+            completeAllFields: 'Complete all fields.',
+            enterEmail: 'Enter your email.',
+            // Errors
+            errorInvalidCredentials: 'Incorrect email or password',
+            errorEmailNotVerified: 'You must verify your email',
+            errorAccountSuspended: 'Your account has been suspended',
+            errorEmailExists: 'This email is already registered',
+            errorWeakPassword: 'Password is too weak',
+            errorInvalidCode: 'Incorrect code',
+            errorExpiredCode: 'Code has expired. Request a new one.',
+            errorTooManyAttempts: 'Too many attempts, try again later',
+            errorMFAInvalidCode: 'Incorrect verification code',
+            errorPopupBlocked: 'Please allow pop-ups',
+            errorOAuthFailed: 'Authentication error',
+            errorGeneric: 'An error occurred. Please try again.',
+        },
+    },
 };
 
 /**
@@ -28923,6 +29177,8 @@ class LoginComponent {
         this.authService = inject(AuthService);
         this.toastService = inject(ToastService);
         this.router = inject(Router);
+        this.i18n = inject(I18nService);
+        this.i18nHelper = inject(InputI18nHelper);
         // Timers
         this.resendTimer = null;
         this.resetResendTimer = null;
@@ -28940,283 +29196,351 @@ class LoginComponent {
         // ==========================================
         // LOGIN FORM
         // ==========================================
-        this.emailInput = {
-            type: InputType.EMAIL,
-            label: 'Correo electrónico',
-            name: 'email',
-            token: 'login-email',
-            hint: '',
-            placeholder: 'tu@email.com',
-            errors: {
-                required: 'El correo es requerido',
-                email: 'Ingresa un correo válido',
-            },
-            validators: [Validators.required, Validators.email],
-            order: 0,
-            state: ComponentStates.ENABLED,
-            control: undefined,
-        };
-        this.passwordInput = {
-            type: InputType.PASSWORD,
-            label: 'Contraseña',
-            name: 'password',
-            token: 'login-password',
-            hint: '',
-            placeholder: '••••••••',
-            errors: {
-                required: 'La contraseña es requerida',
-            },
-            validators: [Validators.required],
-            order: 1,
-            state: ComponentStates.ENABLED,
-            control: undefined,
-        };
-        this.loginFormProps = {
-            name: 'Iniciar sesión',
+        this._loginFormState = ComponentStates.ENABLED;
+        // ==========================================
+        // REGISTER FORM
+        // ==========================================
+        this._registerFormState = ComponentStates.ENABLED;
+        // ==========================================
+        // VERIFY EMAIL FORM
+        // ==========================================
+        this._verifyFormState = ComponentStates.ENABLED;
+        this._verifyFormSectionName = '';
+        // ==========================================
+        // MFA VERIFY FORM
+        // ==========================================
+        this._mfaVerifyFormState = ComponentStates.ENABLED;
+        this._mfaMethod = 'TOTP';
+        // ==========================================
+        // FORGOT PASSWORD FORM
+        // ==========================================
+        this._forgotPasswordFormState = ComponentStates.ENABLED;
+        // ==========================================
+        // RESET PASSWORD FORM
+        // ==========================================
+        this._resetPasswordFormState = ComponentStates.ENABLED;
+        this._resetFormSectionName = '';
+    }
+    /**
+     * Helper method for translating auth-related strings.
+     * Exposed to template for dynamic text.
+     */
+    t(key, data) {
+        return this.i18n.t(key, '_auth', data);
+    }
+    // Resolved props with defaults
+    get config() {
+        return { ...LOGIN_DEFAULTS, ...this.props };
+    }
+    get loginFormProps() {
+        return this.i18nHelper.resolveForm({
+            nameKey: 'loginTitle',
+            i18nNamespace: '_auth',
             sections: [
                 {
                     name: '',
                     order: 0,
-                    fields: [this.emailInput, this.passwordInput],
+                    fields: [
+                        {
+                            type: InputType.EMAIL,
+                            name: 'email',
+                            token: 'login-email',
+                            hint: '',
+                            labelKey: 'email',
+                            placeholderKey: 'emailPlaceholder',
+                            errorKeys: {
+                                required: 'emailRequired',
+                                email: 'emailInvalid',
+                            },
+                            validators: [Validators.required, Validators.email],
+                            order: 0,
+                            state: ComponentStates.ENABLED,
+                        },
+                        {
+                            type: InputType.PASSWORD,
+                            name: 'password',
+                            token: 'login-password',
+                            hint: '',
+                            labelKey: 'password',
+                            placeholderKey: 'passwordPlaceholder',
+                            errorKeys: {
+                                required: 'passwordRequired',
+                            },
+                            validators: [Validators.required],
+                            order: 1,
+                            state: ComponentStates.ENABLED,
+                        },
+                    ],
                 },
             ],
             actions: {
-                ...SolidDefaultBlock('Iniciar sesión', 'submit'),
+                ...SolidDefaultBlock('', 'submit'),
                 token: 'login-submit',
+                textKey: 'loginSubmit',
             },
-            state: ComponentStates.ENABLED,
-        };
-        // ==========================================
-        // REGISTER FORM
-        // ==========================================
-        this.nameInput = {
-            type: InputType.TEXT,
-            label: 'Nombre completo',
-            name: 'name',
-            token: 'register-name',
-            hint: '',
-            placeholder: 'Tu nombre',
-            errors: {
-                required: 'El nombre es requerido',
-                minlength: 'Mínimo 2 caracteres',
-            },
-            validators: [Validators.required, Validators.minLength(2)],
-            order: 0,
-            state: ComponentStates.ENABLED,
-            control: undefined,
-        };
-        this.registerEmailInput = {
-            type: InputType.EMAIL,
-            label: 'Correo electrónico',
-            name: 'email',
-            token: 'register-email',
-            hint: '',
-            placeholder: 'tu@email.com',
-            errors: {
-                required: 'El correo es requerido',
-                email: 'Ingresa un correo válido',
-            },
-            validators: [Validators.required, Validators.email],
-            order: 1,
-            state: ComponentStates.ENABLED,
-            control: undefined,
-        };
-        this.registerPasswordInput = {
-            type: InputType.PASSWORD,
-            label: 'Contraseña',
-            name: 'password',
-            token: 'register-password',
-            hint: '',
-            placeholder: '••••••••',
-            errors: {
-                required: 'La contraseña es requerida',
-                minlength: 'Mínimo 8 caracteres',
-            },
-            validators: [Validators.required, Validators.minLength(8)],
-            order: 2,
-            state: ComponentStates.ENABLED,
-            control: undefined,
-        };
-        this.registerFormProps = {
-            name: 'Crear cuenta',
+            state: this._loginFormState,
+        });
+    }
+    set loginFormState(value) {
+        this._loginFormState = value;
+    }
+    get registerFormProps() {
+        return this.i18nHelper.resolveForm({
+            nameKey: 'registerTitle',
+            i18nNamespace: '_auth',
             sections: [
                 {
                     name: '',
                     order: 0,
-                    fields: [this.nameInput, this.registerEmailInput, this.registerPasswordInput],
+                    fields: [
+                        {
+                            type: InputType.TEXT,
+                            name: 'name',
+                            token: 'register-name',
+                            hint: '',
+                            labelKey: 'fullName',
+                            placeholderKey: 'namePlaceholder',
+                            errorKeys: {
+                                required: 'nameRequired',
+                                minlength: 'nameMinLength',
+                            },
+                            validators: [Validators.required, Validators.minLength(2)],
+                            order: 0,
+                            state: ComponentStates.ENABLED,
+                        },
+                        {
+                            type: InputType.EMAIL,
+                            name: 'email',
+                            token: 'register-email',
+                            hint: '',
+                            labelKey: 'email',
+                            placeholderKey: 'emailPlaceholder',
+                            errorKeys: {
+                                required: 'emailRequired',
+                                email: 'emailInvalid',
+                            },
+                            validators: [Validators.required, Validators.email],
+                            order: 1,
+                            state: ComponentStates.ENABLED,
+                        },
+                        {
+                            type: InputType.PASSWORD,
+                            name: 'password',
+                            token: 'register-password',
+                            hint: '',
+                            labelKey: 'password',
+                            placeholderKey: 'passwordPlaceholder',
+                            errorKeys: {
+                                required: 'passwordRequired',
+                                minlength: 'passwordMinLength',
+                            },
+                            validators: [Validators.required, Validators.minLength(8)],
+                            order: 2,
+                            state: ComponentStates.ENABLED,
+                        },
+                    ],
                 },
             ],
             actions: {
-                ...SolidDefaultBlock('Registrarse', 'submit'),
+                ...SolidDefaultBlock('', 'submit'),
                 token: 'register-submit',
+                textKey: 'registerSubmit',
             },
-            state: ComponentStates.ENABLED,
-        };
-        // ==========================================
-        // VERIFY EMAIL FORM
-        // ==========================================
-        this.verifyPinInput = {
-            type: InputType.PIN_CODE,
-            label: '',
-            name: 'code',
-            token: 'verify-pin',
-            hint: '',
-            placeholder: '',
-            errors: {
-                required: 'El código es requerido',
-                minlength: 'Ingresa los 6 dígitos',
-            },
-            validators: [Validators.required, Validators.minLength(6)],
-            order: 0,
-            state: ComponentStates.ENABLED,
-            control: undefined,
-            length: 6,
-            allowNumbersOnly: true,
-            autoFocus: true,
-        };
-        this.verifyFormProps = {
-            name: 'Verificar correo',
+            state: this._registerFormState,
+        });
+    }
+    set registerFormState(value) {
+        this._registerFormState = value;
+    }
+    get verifyFormProps() {
+        return this.i18nHelper.resolveForm({
+            nameKey: 'verifyTitle',
+            i18nNamespace: '_auth',
             sections: [
                 {
-                    name: 'Ingresa el código de verificación enviado a tu correo.',
+                    name: this._verifyFormSectionName || this.t('verifyDescription'),
                     order: 0,
-                    fields: [this.verifyPinInput],
+                    fields: [
+                        {
+                            type: InputType.PIN_CODE,
+                            label: '',
+                            name: 'code',
+                            token: 'verify-pin',
+                            hint: '',
+                            placeholder: '',
+                            errorKeys: {
+                                required: 'codeRequired',
+                                minlength: 'codeMinLength',
+                            },
+                            validators: [Validators.required, Validators.minLength(6)],
+                            order: 0,
+                            state: ComponentStates.ENABLED,
+                            length: 6,
+                            allowNumbersOnly: true,
+                            autoFocus: true,
+                        },
+                    ],
                 },
             ],
             actions: {
-                ...SolidDefaultBlock('Verificar', 'submit'),
+                ...SolidDefaultBlock('', 'submit'),
                 token: 'verify-submit',
+                textKey: 'verifySubmit',
             },
-            state: ComponentStates.ENABLED,
-        };
-        // ==========================================
-        // MFA VERIFY FORM
-        // ==========================================
-        this.mfaPinInput = {
-            type: InputType.PIN_CODE,
-            label: '',
-            name: 'code',
-            token: 'mfa-pin',
-            hint: '',
-            placeholder: '',
-            errors: {
-                required: 'El código es requerido',
-                minlength: 'Ingresa los 6 dígitos',
-            },
-            validators: [Validators.required, Validators.minLength(6)],
-            order: 0,
-            state: ComponentStates.ENABLED,
-            control: undefined,
-            length: 6,
-            allowNumbersOnly: true,
-            autoFocus: true,
-        };
-        this.mfaVerifyFormProps = {
-            name: 'Verificación MFA',
+            state: this._verifyFormState,
+        });
+    }
+    set verifyFormState(value) {
+        this._verifyFormState = value;
+    }
+    set verifyFormSectionName(value) {
+        this._verifyFormSectionName = value;
+    }
+    get mfaVerifyFormProps() {
+        const sectionName = this._mfaMethod === 'TOTP'
+            ? this.t('mfaTOTP')
+            : this._mfaMethod === 'EMAIL'
+                ? this.t('mfaEmail')
+                : this.t('mfaSMS');
+        return this.i18nHelper.resolveForm({
+            nameKey: 'mfaTitle',
+            i18nNamespace: '_auth',
             sections: [
                 {
-                    name: '',
+                    name: sectionName,
                     order: 0,
-                    fields: [this.mfaPinInput],
+                    fields: [
+                        {
+                            type: InputType.PIN_CODE,
+                            label: '',
+                            name: 'code',
+                            token: 'mfa-pin',
+                            hint: '',
+                            placeholder: '',
+                            errorKeys: {
+                                required: 'codeRequired',
+                                minlength: 'codeMinLength',
+                            },
+                            validators: [Validators.required, Validators.minLength(6)],
+                            order: 0,
+                            state: ComponentStates.ENABLED,
+                            length: 6,
+                            allowNumbersOnly: true,
+                            autoFocus: true,
+                        },
+                    ],
                 },
             ],
             actions: {
-                ...SolidDefaultBlock('Verificar', 'submit'),
+                ...SolidDefaultBlock('', 'submit'),
                 token: 'mfa-verify-submit',
+                textKey: 'verifySubmit',
             },
-            state: ComponentStates.ENABLED,
-        };
-        // ==========================================
-        // FORGOT PASSWORD FORM
-        // ==========================================
-        this.forgotEmailInput = {
-            type: InputType.EMAIL,
-            label: '',
-            name: 'email',
-            token: 'forgot-email',
-            hint: '',
-            placeholder: 'tu@email.com',
-            errors: {
-                required: 'El correo es requerido',
-                email: 'Ingresa un correo válido',
-            },
-            validators: [Validators.required, Validators.email],
-            order: 0,
-            state: ComponentStates.ENABLED,
-            control: undefined,
-        };
-        this.forgotPasswordFormProps = {
-            name: 'Recuperar contraseña',
+            state: this._mfaVerifyFormState,
+        });
+    }
+    set mfaVerifyFormState(value) {
+        this._mfaVerifyFormState = value;
+    }
+    set mfaMethod(value) {
+        this._mfaMethod = value;
+    }
+    get forgotPasswordFormProps() {
+        return this.i18nHelper.resolveForm({
+            nameKey: 'forgotTitle',
+            i18nNamespace: '_auth',
             sections: [
                 {
-                    name: 'Ingresa tu correo electrónico y te enviaremos un código para restablecer tu contraseña.',
+                    name: this.t('forgotDescription'),
                     order: 0,
-                    fields: [this.forgotEmailInput],
+                    fields: [
+                        {
+                            type: InputType.EMAIL,
+                            label: '',
+                            name: 'email',
+                            token: 'forgot-email',
+                            hint: '',
+                            placeholderKey: 'emailPlaceholder',
+                            errorKeys: {
+                                required: 'emailRequired',
+                                email: 'emailInvalid',
+                            },
+                            validators: [Validators.required, Validators.email],
+                            order: 0,
+                            state: ComponentStates.ENABLED,
+                        },
+                    ],
                 },
             ],
             actions: {
-                ...SolidDefaultBlock('Enviar código', 'submit'),
+                ...SolidDefaultBlock('', 'submit'),
                 token: 'forgot-submit',
+                textKey: 'forgotSubmit',
             },
-            state: ComponentStates.ENABLED,
-        };
-        // ==========================================
-        // RESET PASSWORD FORM
-        // ==========================================
-        this.resetPinInput = {
-            type: InputType.PIN_CODE,
-            label: '',
-            name: 'code',
-            token: 'reset-pin',
-            hint: '',
-            placeholder: '',
-            errors: {
-                required: 'El código es requerido',
-                minlength: 'Ingresa los 6 dígitos',
-            },
-            validators: [Validators.required, Validators.minLength(6)],
-            order: 0,
-            state: ComponentStates.ENABLED,
-            control: undefined,
-            length: 6,
-            allowNumbersOnly: true,
-            autoFocus: true,
-        };
-        this.newPasswordInput = {
-            type: InputType.PASSWORD,
-            label: 'Nueva contraseña',
-            name: 'newPassword',
-            token: 'reset-new-password',
-            hint: 'Mínimo 8 caracteres',
-            placeholder: '••••••••',
-            errors: {
-                required: 'La contraseña es requerida',
-                minlength: 'Mínimo 8 caracteres',
-            },
-            validators: [Validators.required, Validators.minLength(8)],
-            order: 1,
-            state: ComponentStates.ENABLED,
-            control: undefined,
-        };
-        this.resetPasswordFormProps = {
-            name: 'Restablecer contraseña',
+            state: this._forgotPasswordFormState,
+        });
+    }
+    set forgotPasswordFormState(value) {
+        this._forgotPasswordFormState = value;
+    }
+    get resetPasswordFormProps() {
+        return this.i18nHelper.resolveForm({
+            nameKey: 'resetTitle',
+            i18nNamespace: '_auth',
             sections: [
                 {
-                    name: 'Hemos enviado un código de verificación a tu correo.',
+                    name: this._resetFormSectionName || this.t('resetDescription'),
                     order: 0,
-                    fields: [this.resetPinInput, this.newPasswordInput],
+                    fields: [
+                        {
+                            type: InputType.PIN_CODE,
+                            label: '',
+                            name: 'code',
+                            token: 'reset-pin',
+                            hint: '',
+                            placeholder: '',
+                            errorKeys: {
+                                required: 'codeRequired',
+                                minlength: 'codeMinLength',
+                            },
+                            validators: [Validators.required, Validators.minLength(6)],
+                            order: 0,
+                            state: ComponentStates.ENABLED,
+                            length: 6,
+                            allowNumbersOnly: true,
+                            autoFocus: true,
+                        },
+                        {
+                            type: InputType.PASSWORD,
+                            name: 'newPassword',
+                            token: 'reset-new-password',
+                            labelKey: 'newPassword',
+                            hintKey: 'newPasswordHint',
+                            placeholderKey: 'passwordPlaceholder',
+                            errorKeys: {
+                                required: 'passwordRequired',
+                                minlength: 'passwordMinLength',
+                            },
+                            validators: [Validators.required, Validators.minLength(8)],
+                            order: 1,
+                            state: ComponentStates.ENABLED,
+                        },
+                    ],
                 },
             ],
             actions: {
-                ...SolidDefaultBlock('Cambiar contraseña', 'submit'),
+                ...SolidDefaultBlock('', 'submit'),
                 token: 'reset-submit',
+                textKey: 'resetSubmit',
             },
-            state: ComponentStates.ENABLED,
-        };
+            state: this._resetPasswordFormState,
+        });
     }
-    // Resolved props with defaults
-    get config() {
-        return { ...LOGIN_DEFAULTS, ...this.props };
+    set resetPasswordFormState(value) {
+        this._resetPasswordFormState = value;
+    }
+    set resetFormSectionName(value) {
+        this._resetFormSectionName = value;
     }
     // ==========================================
     // HANDLERS
@@ -29225,13 +29549,13 @@ class LoginComponent {
         const email = event.fields['email'];
         const password = event.fields['password'];
         if (!email || !password) {
-            this.showToast('Completa todos los campos.');
+            this.showToast(this.t('completeAllFields'));
             return;
         }
-        this.loginFormProps.state = ComponentStates.WORKING;
+        this._loginFormState = ComponentStates.WORKING;
         this.authService.signin({ email, password }).subscribe({
             next: () => {
-                this.loginFormProps.state = ComponentStates.ENABLED;
+                this._loginFormState = ComponentStates.ENABLED;
                 if (this.authService.mfaPending().required) {
                     this.openMFAVerifyModal();
                     return;
@@ -29239,7 +29563,7 @@ class LoginComponent {
                 this.handleLoginSuccess();
             },
             error: (err) => {
-                this.loginFormProps.state = ComponentStates.ENABLED;
+                this._loginFormState = ComponentStates.ENABLED;
                 const errorCode = err?.code;
                 if (errorCode === 'AUTHV2_EMAIL_NOT_VERIFIED') {
                     this.openVerifyModal(email);
@@ -29284,18 +29608,18 @@ class LoginComponent {
         const email = event.fields['email'];
         const password = event.fields['password'];
         if (!name || !email || !password) {
-            this.showToast('Completa todos los campos.');
+            this.showToast(this.t('completeAllFields'));
             return;
         }
-        this.registerFormProps.state = ComponentStates.WORKING;
+        this._registerFormState = ComponentStates.WORKING;
         this.authService.signup({ name, email, password }).subscribe({
             next: () => {
-                this.registerFormProps.state = ComponentStates.ENABLED;
+                this._registerFormState = ComponentStates.ENABLED;
                 this.closeRegisterModal();
                 this.openVerifyModal(email);
             },
             error: (err) => {
-                this.registerFormProps.state = ComponentStates.ENABLED;
+                this._registerFormState = ComponentStates.ENABLED;
                 this.handleError(err, 'signup');
             },
         });
@@ -29305,19 +29629,20 @@ class LoginComponent {
     // ==========================================
     openVerifyModal(email) {
         this.pendingVerificationEmail = email;
-        this.verifyFormProps.sections[0].name = `Ingresa el código enviado a ${email}`;
-        this.verifyFormProps.state = ComponentStates.ENABLED;
+        this._verifyFormSectionName = `${this.t('verifyDescription').replace('.', '')} (${email})`;
+        this._verifyFormState = ComponentStates.ENABLED;
         this.isVerifyModalOpen = true;
         this.startResendCooldown();
     }
     closeVerifyModal() {
         this.isVerifyModalOpen = false;
         this.pendingVerificationEmail = '';
+        this._verifyFormSectionName = '';
         this.stopResendCooldown();
     }
     verifyHandler(event) {
         const code = event.fields['code'];
-        this.verifyFormProps.state = ComponentStates.WORKING;
+        this._verifyFormState = ComponentStates.WORKING;
         this.authService
             .verifyEmail({
             email: this.pendingVerificationEmail,
@@ -29325,13 +29650,13 @@ class LoginComponent {
         })
             .subscribe({
             next: () => {
-                this.verifyFormProps.state = ComponentStates.ENABLED;
-                this.showToast('¡Email verificado! Bienvenido.');
+                this._verifyFormState = ComponentStates.ENABLED;
+                this.showToast(this.t('emailVerified'));
                 this.closeVerifyModal();
                 this.handleLoginSuccess();
             },
             error: (err) => {
-                this.verifyFormProps.state = ComponentStates.ENABLED;
+                this._verifyFormState = ComponentStates.ENABLED;
                 this.handleError(err, 'verify');
             },
         });
@@ -29346,7 +29671,7 @@ class LoginComponent {
         })
             .subscribe({
             next: () => {
-                this.showToast('Código reenviado. Revisa tu email.');
+                this.showToast(this.t('codeSent'));
                 this.startResendCooldown();
             },
             error: (err) => {
@@ -29359,30 +29684,25 @@ class LoginComponent {
     // ==========================================
     openMFAVerifyModal() {
         const method = this.authService.mfaPending().method;
-        this.mfaVerifyFormProps.sections[0].name =
-            method === 'TOTP'
-                ? 'Ingresa el código de tu app de autenticación'
-                : method === 'EMAIL'
-                    ? 'Ingresa el código enviado a tu correo'
-                    : 'Ingresa el código enviado a tu teléfono';
-        this.mfaVerifyFormProps.state = ComponentStates.ENABLED;
+        this._mfaMethod = method;
+        this._mfaVerifyFormState = ComponentStates.ENABLED;
         this.isMFAVerifyModalOpen = true;
-        this.onMFARequired.emit({ method: method });
+        this.onMFARequired.emit({ method });
     }
     closeMFAVerifyModal() {
         this.isMFAVerifyModalOpen = false;
     }
     verifyMFAHandler(event) {
         const code = event.fields['code'];
-        this.mfaVerifyFormProps.state = ComponentStates.WORKING;
+        this._mfaVerifyFormState = ComponentStates.WORKING;
         this.authService.verifyMFA(code).subscribe({
             next: () => {
-                this.mfaVerifyFormProps.state = ComponentStates.ENABLED;
+                this._mfaVerifyFormState = ComponentStates.ENABLED;
                 this.closeMFAVerifyModal();
                 this.handleLoginSuccess(undefined, true);
             },
             error: (err) => {
-                this.mfaVerifyFormProps.state = ComponentStates.ENABLED;
+                this._mfaVerifyFormState = ComponentStates.ENABLED;
                 this.handleError(err, 'mfa');
             },
         });
@@ -29399,19 +29719,19 @@ class LoginComponent {
     forgotPasswordHandler(event) {
         const email = event.fields['email'];
         if (!email) {
-            this.showToast('Ingresa tu correo electrónico.');
+            this.showToast(this.t('enterEmail'));
             return;
         }
-        this.forgotPasswordFormProps.state = ComponentStates.WORKING;
+        this._forgotPasswordFormState = ComponentStates.WORKING;
         this.authService.forgotPassword({ email }).subscribe({
             next: () => {
-                this.forgotPasswordFormProps.state = ComponentStates.ENABLED;
+                this._forgotPasswordFormState = ComponentStates.ENABLED;
                 this.closeForgotPasswordModal();
                 this.openResetPasswordModal(email);
-                this.showToast('Código enviado. Revisa tu email.');
+                this.showToast(this.t('codeSent'));
             },
             error: (err) => {
-                this.forgotPasswordFormProps.state = ComponentStates.ENABLED;
+                this._forgotPasswordFormState = ComponentStates.ENABLED;
                 this.handleError(err, 'forgot');
             },
         });
@@ -29421,20 +29741,21 @@ class LoginComponent {
     // ==========================================
     openResetPasswordModal(email) {
         this.pendingResetEmail = email;
-        this.resetPasswordFormProps.sections[0].name = `Ingresa el código enviado a ${email}`;
-        this.resetPasswordFormProps.state = ComponentStates.ENABLED;
+        this._resetFormSectionName = `${this.t('resetDescription').replace('.', '')} (${email})`;
+        this._resetPasswordFormState = ComponentStates.ENABLED;
         this.isResetPasswordModalOpen = true;
         this.startResetResendCooldown();
     }
     closeResetPasswordModal() {
         this.isResetPasswordModalOpen = false;
         this.pendingResetEmail = '';
+        this._resetFormSectionName = '';
         this.stopResetResendCooldown();
     }
     resetPasswordHandler(event) {
         const code = event.fields['code'];
         const newPassword = event.fields['newPassword'];
-        this.resetPasswordFormProps.state = ComponentStates.WORKING;
+        this._resetPasswordFormState = ComponentStates.WORKING;
         this.authService
             .resetPassword({
             email: this.pendingResetEmail,
@@ -29443,12 +29764,12 @@ class LoginComponent {
         })
             .subscribe({
             next: () => {
-                this.resetPasswordFormProps.state = ComponentStates.ENABLED;
-                this.showToast('¡Contraseña actualizada! Ya puedes iniciar sesión.');
+                this._resetPasswordFormState = ComponentStates.ENABLED;
+                this.showToast(this.t('passwordUpdated'));
                 this.closeResetPasswordModal();
             },
             error: (err) => {
-                this.resetPasswordFormProps.state = ComponentStates.ENABLED;
+                this._resetPasswordFormState = ComponentStates.ENABLED;
                 this.handleError(err, 'reset');
             },
         });
@@ -29463,7 +29784,7 @@ class LoginComponent {
         })
             .subscribe({
             next: () => {
-                this.showToast('Código reenviado. Revisa tu email.');
+                this.showToast(this.t('codeSent'));
                 this.startResetResendCooldown();
             },
             error: (err) => {
@@ -29475,7 +29796,7 @@ class LoginComponent {
     // HELPERS
     // ==========================================
     handleLoginSuccess(oauthProvider, mfaCompleted) {
-        this.showToast('¡Bienvenido!');
+        this.showToast(this.t('welcome'));
         this.onSuccess.emit({
             user: this.authService.user(),
             mfaCompleted,
@@ -29504,55 +29825,34 @@ class LoginComponent {
     }
     getErrorMessage(err) {
         const error = err;
-        const errorMessages = {
-            // Validation
-            VALIDATION_MISSING_REQUIRED_FIELDS: 'Faltan campos requeridos',
-            VALIDATION_INVALID_REQUEST: 'Solicitud inválida',
+        // Map error codes to i18n keys
+        const errorKeyMap = {
             // Signin
-            AUTHV2_INVALID_CREDENTIALS: 'Correo o contraseña incorrectos',
-            AUTHV2_EMAIL_NOT_VERIFIED: 'Debes verificar tu correo electrónico',
-            AUTHV2_ACCOUNT_SUSPENDED: 'Tu cuenta ha sido suspendida',
-            AUTHV2_SIGNIN_FAILED: 'Error al iniciar sesión',
+            AUTHV2_INVALID_CREDENTIALS: 'errorInvalidCredentials',
+            AUTHV2_EMAIL_NOT_VERIFIED: 'errorEmailNotVerified',
+            AUTHV2_ACCOUNT_SUSPENDED: 'errorAccountSuspended',
             // Signup
-            AUTHV2_EMAIL_EXISTS: 'Este correo ya está registrado',
-            AUTHV2_PHONE_EXISTS: 'Este teléfono ya está registrado',
-            AUTHV2_WEAK_PASSWORD: 'La contraseña es muy débil',
-            AUTHV2_SIGNUP_FAILED: 'Error al crear la cuenta',
+            AUTHV2_EMAIL_EXISTS: 'errorEmailExists',
+            AUTHV2_WEAK_PASSWORD: 'errorWeakPassword',
             // Verification codes
-            AUTHV2_INVALID_CODE: 'Código incorrecto',
-            AUTHV2_EXPIRED_CODE: 'El código ha expirado. Solicita uno nuevo.',
-            AUTHV2_CODE_EXPIRED: 'El código ha expirado. Solicita uno nuevo.',
-            AUTHV2_CODE_ALREADY_USED: 'Este código ya fue utilizado',
-            AUTHV2_TOO_MANY_ATTEMPTS: 'Demasiados intentos, intenta más tarde',
-            AUTHV2_SEND_CODE_FAILED: 'Error al enviar el código',
-            AUTHV2_ALREADY_VERIFIED: 'Este email ya está verificado',
+            AUTHV2_INVALID_CODE: 'errorInvalidCode',
+            AUTHV2_EXPIRED_CODE: 'errorExpiredCode',
+            AUTHV2_CODE_EXPIRED: 'errorExpiredCode',
+            AUTHV2_TOO_MANY_ATTEMPTS: 'errorTooManyAttempts',
             // MFA
-            AUTHV2_MFA_INVALID_CODE: 'Código de verificación incorrecto',
-            // Password reset
-            AUTHV2_PASSWORD_RESET_FAILED: 'Error al restablecer la contraseña',
-            AUTHV2_INVALID_CURRENT_PASSWORD: 'Contraseña actual incorrecta',
-            AUTHV2_SAME_PASSWORD: 'La nueva contraseña debe ser diferente',
-            // Session/Tokens
-            AUTHV2_INVALID_TOKEN: 'Sesión inválida',
-            AUTHV2_EXPIRED_TOKEN: 'Tu sesión ha expirado',
-            AUTHV2_SESSION_EXPIRED: 'Tu sesión ha expirado',
-            // User
-            AUTHV2_USER_NOT_FOUND: 'Usuario no encontrado',
+            AUTHV2_MFA_INVALID_CODE: 'errorMFAInvalidCode',
             // OAuth
-            POPUP_BLOCKED: 'Por favor, permite ventanas emergentes para este sitio',
-            POPUP_CLOSED: 'Se canceló la autenticación',
-            INVALID_RESPONSE: 'Error en la respuesta del servidor',
-            OAUTH_FAILED: 'Error de autenticación',
-            OAUTH_EMAIL_EXISTS: 'Este correo ya está registrado con otro método',
+            POPUP_BLOCKED: 'errorPopupBlocked',
+            OAUTH_FAILED: 'errorOAuthFailed',
         };
         const errorCode = error?.error?.code || error?.code;
-        if (errorCode && errorMessages[errorCode]) {
-            return errorMessages[errorCode];
+        if (errorCode && errorKeyMap[errorCode]) {
+            return this.t(errorKeyMap[errorCode]);
         }
         if (error?.error?.message) {
             return error.error.message;
         }
-        return 'Ha ocurrido un error. Intenta de nuevo.';
+        return this.t('errorGeneric');
     }
     // ==========================================
     // COOLDOWN TIMERS
@@ -29594,7 +29894,7 @@ class LoginComponent {
         this.stopResetResendCooldown();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LoginComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: LoginComponent, isStandalone: true, selector: "val-login", inputs: { props: "props" }, outputs: { onSuccess: "onSuccess", onError: "onError", onMFARequired: "onMFARequired" }, ngImport: i0, template: "<div class=\"val-login\" [class.val-login--card]=\"config.showCard\">\n  <!-- Logo -->\n  @if (props.logo) {\n    <div class=\"logo-container\">\n      <val-image [props]=\"props.logo\" />\n    </div>\n  }\n\n  <!-- Login Form -->\n  <val-form [props]=\"loginFormProps\" (onSubmit)=\"loginHandler($event)\" />\n\n  <!-- OAuth Section -->\n  @if (config.showOAuth && config.oauthProviders.length > 0) {\n    <div class=\"oauth-separator\">\n      <span>o contin\u00FAa con</span>\n    </div>\n\n    <div class=\"oauth-buttons\">\n      @for (provider of config.oauthProviders; track provider) {\n        <ion-button\n          expand=\"block\"\n          fill=\"outline\"\n          color=\"dark\"\n          (click)=\"loginWithOAuth(provider)\"\n          [disabled]=\"isOAuthLoading\"\n        >\n          @switch (provider) {\n            @case ('google') {\n              <ion-icon slot=\"start\" name=\"logo-google\"></ion-icon>\n              {{ isOAuthLoading ? 'Conectando...' : 'Continuar con Google' }}\n            }\n            @case ('apple') {\n              <ion-icon slot=\"start\" name=\"logo-apple\"></ion-icon>\n              {{ isOAuthLoading ? 'Conectando...' : 'Continuar con Apple' }}\n            }\n            @case ('microsoft') {\n              <ion-icon slot=\"start\" name=\"logo-microsoft\"></ion-icon>\n              {{ isOAuthLoading ? 'Conectando...' : 'Continuar con Microsoft' }}\n            }\n          }\n        </ion-button>\n      }\n    </div>\n  }\n\n  <!-- Register Link -->\n  @if (config.showRegister) {\n    <div class=\"auth-link\">\n      <ion-text color=\"dark\">\n        \u00BFNo tienes cuenta?\n        <a (click)=\"openRegisterModal()\">Registrarse</a>\n      </ion-text>\n    </div>\n  }\n\n  <!-- Forgot Password Link -->\n  @if (config.showForgotPassword) {\n    <div class=\"auth-link forgot-password\">\n      <ion-text color=\"dark\">\n        \u00BFOlvidaste tu contrase\u00F1a?\n        <a (click)=\"openForgotPasswordModal()\">Recuperar contrase\u00F1a</a>\n      </ion-text>\n    </div>\n  }\n\n  <!-- Legal Notice -->\n  @if (props.legal) {\n    <div class=\"legal-notice\">\n      <ion-text color=\"medium\">\n        <p>\n          Utilizamos los servicios de\n          @if (props.legal.companyLink) {\n            <a [href]=\"props.legal.companyLink\"><strong>{{ props.legal.companyName }}</strong></a>\n          } @else {\n            <strong>{{ props.legal.companyName }}</strong>\n          }\n          para ofrecerte una experiencia segura. Al iniciar sesi\u00F3n, aceptas\n          nuestros\n          @if (props.legal.termsLink) {\n            <a [href]=\"props.legal.termsLink\">T\u00E9rminos y Condiciones</a>\n          } @else {\n            <span>T\u00E9rminos y Condiciones</span>\n          }\n          y\n          @if (props.legal.privacyLink) {\n            <a [href]=\"props.legal.privacyLink\">Pol\u00EDtica de Privacidad</a>\n          } @else {\n            <span>Pol\u00EDtica de Privacidad</span>\n          }.\n        </p>\n      </ion-text>\n    </div>\n  }\n</div>\n\n<!-- Register Modal -->\n<ion-modal [isOpen]=\"isRegisterModalOpen\" (didDismiss)=\"closeRegisterModal()\">\n  <ng-template>\n    <ion-header>\n      <ion-toolbar>\n        <ion-buttons slot=\"end\">\n          <ion-button fill=\"clear\" (click)=\"closeRegisterModal()\">\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 (props.logo) {\n          <div class=\"logo-container\">\n            <val-image [props]=\"props.logo\" />\n          </div>\n        }\n        <val-form [props]=\"registerFormProps\" (onSubmit)=\"registerHandler($event)\" />\n        <div class=\"auth-link\">\n          <ion-text color=\"dark\">\n            \u00BFYa tienes cuenta?\n            <a (click)=\"closeRegisterModal()\">Iniciar sesi\u00F3n</a>\n          </ion-text>\n        </div>\n      </section>\n    </ion-content>\n  </ng-template>\n</ion-modal>\n\n<!-- Verify Email Modal -->\n<ion-modal [isOpen]=\"isVerifyModalOpen\" [backdropDismiss]=\"false\">\n  <ng-template>\n    <ion-header>\n      <ion-toolbar>\n        <ion-buttons slot=\"end\">\n          <ion-button fill=\"clear\" (click)=\"closeVerifyModal()\">\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 (props.logo) {\n          <div class=\"logo-container\">\n            <val-image [props]=\"props.logo\" />\n          </div>\n        }\n        <val-form [props]=\"verifyFormProps\" (onSubmit)=\"verifyHandler($event)\" />\n        <div class=\"resend-link\">\n          <ion-text color=\"dark\">\n            \u00BFNo has recibido tu c\u00F3digo?\n            @if (resendCooldown > 0) {\n              <span class=\"cooldown\">Reenviar en {{ resendCooldown }}s</span>\n            } @else {\n              <a (click)=\"resendCode()\">Reenviar</a>\n            }\n          </ion-text>\n        </div>\n      </section>\n    </ion-content>\n  </ng-template>\n</ion-modal>\n\n<!-- Forgot Password Modal -->\n<ion-modal [isOpen]=\"isForgotPasswordModalOpen\" (didDismiss)=\"closeForgotPasswordModal()\">\n  <ng-template>\n    <ion-header>\n      <ion-toolbar>\n        <ion-buttons slot=\"end\">\n          <ion-button fill=\"clear\" (click)=\"closeForgotPasswordModal()\">\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 (props.logo) {\n          <div class=\"logo-container\">\n            <val-image [props]=\"props.logo\" />\n          </div>\n        }\n        <val-form [props]=\"forgotPasswordFormProps\" (onSubmit)=\"forgotPasswordHandler($event)\" />\n      </section>\n    </ion-content>\n  </ng-template>\n</ion-modal>\n\n<!-- Reset Password Modal -->\n<ion-modal [isOpen]=\"isResetPasswordModalOpen\" [backdropDismiss]=\"false\">\n  <ng-template>\n    <ion-header>\n      <ion-toolbar>\n        <ion-buttons slot=\"end\">\n          <ion-button fill=\"clear\" (click)=\"closeResetPasswordModal()\">\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 (props.logo) {\n          <div class=\"logo-container\">\n            <val-image [props]=\"props.logo\" />\n          </div>\n        }\n        <val-form [props]=\"resetPasswordFormProps\" (onSubmit)=\"resetPasswordHandler($event)\" />\n        <div class=\"resend-link\">\n          <ion-text color=\"dark\">\n            \u00BFNo has recibido tu c\u00F3digo?\n            @if (resetResendCooldown > 0) {\n              <span class=\"cooldown\">Reenviar en {{ resetResendCooldown }}s</span>\n            } @else {\n              <a (click)=\"resendResetCode()\">Reenviar</a>\n            }\n          </ion-text>\n        </div>\n      </section>\n    </ion-content>\n  </ng-template>\n</ion-modal>\n\n<!-- MFA Verify Modal -->\n<ion-modal [isOpen]=\"isMFAVerifyModalOpen\" [backdropDismiss]=\"false\">\n  <ng-template>\n    <ion-header>\n      <ion-toolbar>\n        <ion-buttons slot=\"end\">\n          <ion-button fill=\"clear\" (click)=\"closeMFAVerifyModal()\">\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 (props.logo) {\n          <div class=\"logo-container\">\n            <val-image [props]=\"props.logo\" />\n          </div>\n        }\n        <val-form [props]=\"mfaVerifyFormProps\" (onSubmit)=\"verifyMFAHandler($event)\" />\n      </section>\n    </ion-content>\n  </ng-template>\n</ion-modal>\n", styles: [".val-login{width:100%}.val-login--card{padding:1rem;background:var(--ion-color-light);border-radius:16px;box-shadow:0 2px 8px #00000014}.logo-container{max-width:130px;margin-bottom:1.5rem}.auth-link{text-align:center;margin-top:1rem;font-size:.9rem}.auth-link a{color:var(--ion-color-primary);text-decoration:none;font-weight:500;cursor:pointer}.auth-link a:hover{text-decoration:underline}.oauth-separator{display:flex;align-items:center;margin:1.5rem 0}.oauth-separator:before,.oauth-separator:after{content:\"\";flex:1;height:1px;background:var(--ion-color-medium-tint)}.oauth-separator span{padding:0 1rem;color:var(--ion-color-dark);font-size:.85rem}.oauth-buttons{margin-bottom:1rem}.oauth-buttons ion-button{--border-radius: 8px;--border-width: 1px}.oauth-buttons ion-icon{font-size:1.2rem;margin-right:.5rem}.legal-notice{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--ion-color-medium-tint)}.legal-notice p{font-size:.75rem;line-height:1.5;text-align:center;margin:0}.legal-notice a{color:var(--ion-color-primary);text-decoration:none}.legal-notice a:hover{text-decoration:underline}.modal-form-section{padding:1rem}.resend-link{text-align:center;margin-top:1rem;font-size:.9rem}.resend-link a{color:var(--ion-color-primary);cursor:pointer;font-weight:500}.resend-link a:hover{text-decoration:underline}.resend-link .cooldown{color:var(--ion-color-medium)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: FormComponent, selector: "val-form", inputs: ["props"], outputs: ["onSubmit", "onInvalid", "onSelectChange"] }, { kind: "component", type: ImageComponent, selector: "val-image", inputs: ["props"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: LoginComponent, isStandalone: true, selector: "val-login", inputs: { props: "props" }, outputs: { onSuccess: "onSuccess", onError: "onError", onMFARequired: "onMFARequired" }, ngImport: i0, template: "<div class=\"val-login\" [class.val-login--card]=\"config.showCard\">\n  <!-- Logo -->\n  @if (props.logo) {\n    <div class=\"logo-container\">\n      <val-image [props]=\"props.logo\" />\n    </div>\n  }\n\n  <!-- Login Form -->\n  <val-form [props]=\"loginFormProps\" (onSubmit)=\"loginHandler($event)\" />\n\n  <!-- OAuth Section -->\n  @if (config.showOAuth && config.oauthProviders.length > 0) {\n    <div class=\"oauth-separator\">\n      <span>{{ t('orContinueWith') }}</span>\n    </div>\n\n    <div class=\"oauth-buttons\">\n      @for (provider of config.oauthProviders; track provider) {\n        <ion-button\n          expand=\"block\"\n          fill=\"outline\"\n          color=\"dark\"\n          (click)=\"loginWithOAuth(provider)\"\n          [disabled]=\"isOAuthLoading\"\n        >\n          @switch (provider) {\n            @case ('google') {\n              <ion-icon slot=\"start\" name=\"logo-google\"></ion-icon>\n              {{ isOAuthLoading ? t('connecting') : t('continueWithGoogle') }}\n            }\n            @case ('apple') {\n              <ion-icon slot=\"start\" name=\"logo-apple\"></ion-icon>\n              {{ isOAuthLoading ? t('connecting') : t('continueWithApple') }}\n            }\n            @case ('microsoft') {\n              <ion-icon slot=\"start\" name=\"logo-microsoft\"></ion-icon>\n              {{ isOAuthLoading ? t('connecting') : t('continueWithMicrosoft') }}\n            }\n          }\n        </ion-button>\n      }\n    </div>\n  }\n\n  <!-- Register Link -->\n  @if (config.showRegister) {\n    <div class=\"auth-link\">\n      <ion-text color=\"dark\">\n        {{ t('noAccount') }}\n        <a (click)=\"openRegisterModal()\">{{ t('register') }}</a>\n      </ion-text>\n    </div>\n  }\n\n  <!-- Forgot Password Link -->\n  @if (config.showForgotPassword) {\n    <div class=\"auth-link forgot-password\">\n      <ion-text color=\"dark\">\n        {{ t('forgotLink') }}\n        <a (click)=\"openForgotPasswordModal()\">{{ t('recoverPassword') }}</a>\n      </ion-text>\n    </div>\n  }\n\n  <!-- Legal Notice -->\n  @if (props.legal) {\n    <div class=\"legal-notice\">\n      <ion-text color=\"medium\">\n        <p>\n          {{ t('legalPrefix') }}\n          @if (props.legal.companyLink) {\n            <a [href]=\"props.legal.companyLink\"><strong>{{ props.legal.companyName }}</strong></a>\n          } @else {\n            <strong>{{ props.legal.companyName }}</strong>\n          }\n          {{ t('legalSuffix') }}\n          @if (props.legal.termsLink) {\n            <a [href]=\"props.legal.termsLink\">{{ t('termsAndConditions') }}</a>\n          } @else {\n            <span>{{ t('termsAndConditions') }}</span>\n          }\n          {{ t('and') }}\n          @if (props.legal.privacyLink) {\n            <a [href]=\"props.legal.privacyLink\">{{ t('privacyPolicy') }}</a>\n          } @else {\n            <span>{{ t('privacyPolicy') }}</span>\n          }.\n        </p>\n      </ion-text>\n    </div>\n  }\n</div>\n\n<!-- Register Modal -->\n<ion-modal [isOpen]=\"isRegisterModalOpen\" (didDismiss)=\"closeRegisterModal()\">\n  <ng-template>\n    <ion-header>\n      <ion-toolbar>\n        <ion-buttons slot=\"end\">\n          <ion-button fill=\"clear\" (click)=\"closeRegisterModal()\">\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 (props.logo) {\n          <div class=\"logo-container\">\n            <val-image [props]=\"props.logo\" />\n          </div>\n        }\n        <val-form [props]=\"registerFormProps\" (onSubmit)=\"registerHandler($event)\" />\n        <div class=\"auth-link\">\n          <ion-text color=\"dark\">\n            {{ t('hasAccount') }}\n            <a (click)=\"closeRegisterModal()\">{{ t('signIn') }}</a>\n          </ion-text>\n        </div>\n      </section>\n    </ion-content>\n  </ng-template>\n</ion-modal>\n\n<!-- Verify Email Modal -->\n<ion-modal [isOpen]=\"isVerifyModalOpen\" [backdropDismiss]=\"false\">\n  <ng-template>\n    <ion-header>\n      <ion-toolbar>\n        <ion-buttons slot=\"end\">\n          <ion-button fill=\"clear\" (click)=\"closeVerifyModal()\">\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 (props.logo) {\n          <div class=\"logo-container\">\n            <val-image [props]=\"props.logo\" />\n          </div>\n        }\n        <val-form [props]=\"verifyFormProps\" (onSubmit)=\"verifyHandler($event)\" />\n        <div class=\"resend-link\">\n          <ion-text color=\"dark\">\n            {{ t('noCodeReceived') }}\n            @if (resendCooldown > 0) {\n              <span class=\"cooldown\">{{ t('resendIn', { seconds: resendCooldown.toString() }) }}</span>\n            } @else {\n              <a (click)=\"resendCode()\">{{ t('resend') }}</a>\n            }\n          </ion-text>\n        </div>\n      </section>\n    </ion-content>\n  </ng-template>\n</ion-modal>\n\n<!-- Forgot Password Modal -->\n<ion-modal [isOpen]=\"isForgotPasswordModalOpen\" (didDismiss)=\"closeForgotPasswordModal()\">\n  <ng-template>\n    <ion-header>\n      <ion-toolbar>\n        <ion-buttons slot=\"end\">\n          <ion-button fill=\"clear\" (click)=\"closeForgotPasswordModal()\">\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 (props.logo) {\n          <div class=\"logo-container\">\n            <val-image [props]=\"props.logo\" />\n          </div>\n        }\n        <val-form [props]=\"forgotPasswordFormProps\" (onSubmit)=\"forgotPasswordHandler($event)\" />\n      </section>\n    </ion-content>\n  </ng-template>\n</ion-modal>\n\n<!-- Reset Password Modal -->\n<ion-modal [isOpen]=\"isResetPasswordModalOpen\" [backdropDismiss]=\"false\">\n  <ng-template>\n    <ion-header>\n      <ion-toolbar>\n        <ion-buttons slot=\"end\">\n          <ion-button fill=\"clear\" (click)=\"closeResetPasswordModal()\">\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 (props.logo) {\n          <div class=\"logo-container\">\n            <val-image [props]=\"props.logo\" />\n          </div>\n        }\n        <val-form [props]=\"resetPasswordFormProps\" (onSubmit)=\"resetPasswordHandler($event)\" />\n        <div class=\"resend-link\">\n          <ion-text color=\"dark\">\n            {{ t('noCodeReceived') }}\n            @if (resetResendCooldown > 0) {\n              <span class=\"cooldown\">{{ t('resendIn', { seconds: resetResendCooldown.toString() }) }}</span>\n            } @else {\n              <a (click)=\"resendResetCode()\">{{ t('resend') }}</a>\n            }\n          </ion-text>\n        </div>\n      </section>\n    </ion-content>\n  </ng-template>\n</ion-modal>\n\n<!-- MFA Verify Modal -->\n<ion-modal [isOpen]=\"isMFAVerifyModalOpen\" [backdropDismiss]=\"false\">\n  <ng-template>\n    <ion-header>\n      <ion-toolbar>\n        <ion-buttons slot=\"end\">\n          <ion-button fill=\"clear\" (click)=\"closeMFAVerifyModal()\">\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 (props.logo) {\n          <div class=\"logo-container\">\n            <val-image [props]=\"props.logo\" />\n          </div>\n        }\n        <val-form [props]=\"mfaVerifyFormProps\" (onSubmit)=\"verifyMFAHandler($event)\" />\n      </section>\n    </ion-content>\n  </ng-template>\n</ion-modal>\n", styles: [".val-login{width:100%}.val-login--card{padding:1rem;background:var(--ion-color-light);border-radius:16px;box-shadow:0 2px 8px #00000014}.logo-container{max-width:130px;margin-bottom:1.5rem}.auth-link{text-align:center;margin-top:1rem;font-size:.9rem}.auth-link a{color:var(--ion-color-primary);text-decoration:none;font-weight:500;cursor:pointer}.auth-link a:hover{text-decoration:underline}.oauth-separator{display:flex;align-items:center;margin:1.5rem 0}.oauth-separator:before,.oauth-separator:after{content:\"\";flex:1;height:1px;background:var(--ion-color-medium-tint)}.oauth-separator span{padding:0 1rem;color:var(--ion-color-dark);font-size:.85rem}.oauth-buttons{margin-bottom:1rem}.oauth-buttons ion-button{--border-radius: 8px;--border-width: 1px}.oauth-buttons ion-icon{font-size:1.2rem;margin-right:.5rem}.legal-notice{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--ion-color-medium-tint)}.legal-notice p{font-size:.75rem;line-height:1.5;text-align:center;margin:0}.legal-notice a{color:var(--ion-color-primary);text-decoration:none}.legal-notice a:hover{text-decoration:underline}.modal-form-section{padding:1rem}.resend-link{text-align:center;margin-top:1rem;font-size:.9rem}.resend-link a{color:var(--ion-color-primary);cursor:pointer;font-weight:500}.resend-link a:hover{text-decoration:underline}.resend-link .cooldown{color:var(--ion-color-medium)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: FormComponent, selector: "val-form", inputs: ["props"], outputs: ["onSubmit", "onInvalid", "onSelectChange"] }, { kind: "component", type: ImageComponent, selector: "val-image", inputs: ["props"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LoginComponent, decorators: [{
             type: Component,
@@ -29610,7 +29910,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         IonToolbar,
                         FormComponent,
                         ImageComponent,
-                    ], template: "<div class=\"val-login\" [class.val-login--card]=\"config.showCard\">\n  <!-- Logo -->\n  @if (props.logo) {\n    <div class=\"logo-container\">\n      <val-image [props]=\"props.logo\" />\n    </div>\n  }\n\n  <!-- Login Form -->\n  <val-form [props]=\"loginFormProps\" (onSubmit)=\"loginHandler($event)\" />\n\n  <!-- OAuth Section -->\n  @if (config.showOAuth && config.oauthProviders.length > 0) {\n    <div class=\"oauth-separator\">\n      <span>o contin\u00FAa con</span>\n    </div>\n\n    <div class=\"oauth-buttons\">\n      @for (provider of config.oauthProviders; track provider) {\n        <ion-button\n          expand=\"block\"\n          fill=\"outline\"\n          color=\"dark\"\n          (click)=\"loginWithOAuth(provider)\"\n          [disabled]=\"isOAuthLoading\"\n        >\n          @switch (provider) {\n            @case ('google') {\n              <ion-icon slot=\"start\" name=\"logo-google\"></ion-icon>\n              {{ isOAuthLoading ? 'Conectando...' : 'Continuar con Google' }}\n            }\n            @case ('apple') {\n              <ion-icon slot=\"start\" name=\"logo-apple\"></ion-icon>\n              {{ isOAuthLoading ? 'Conectando...' : 'Continuar con Apple' }}\n            }\n            @case ('microsoft') {\n              <ion-icon slot=\"start\" name=\"logo-microsoft\"></ion-icon>\n              {{ isOAuthLoading ? 'Conectando...' : 'Continuar con Microsoft' }}\n            }\n          }\n        </ion-button>\n      }\n    </div>\n  }\n\n  <!-- Register Link -->\n  @if (config.showRegister) {\n    <div class=\"auth-link\">\n      <ion-text color=\"dark\">\n        \u00BFNo tienes cuenta?\n        <a (click)=\"openRegisterModal()\">Registrarse</a>\n      </ion-text>\n    </div>\n  }\n\n  <!-- Forgot Password Link -->\n  @if (config.showForgotPassword) {\n    <div class=\"auth-link forgot-password\">\n      <ion-text color=\"dark\">\n        \u00BFOlvidaste tu contrase\u00F1a?\n        <a (click)=\"openForgotPasswordModal()\">Recuperar contrase\u00F1a</a>\n      </ion-text>\n    </div>\n  }\n\n  <!-- Legal Notice -->\n  @if (props.legal) {\n    <div class=\"legal-notice\">\n      <ion-text color=\"medium\">\n        <p>\n          Utilizamos los servicios de\n          @if (props.legal.companyLink) {\n            <a [href]=\"props.legal.companyLink\"><strong>{{ props.legal.companyName }}</strong></a>\n          } @else {\n            <strong>{{ props.legal.companyName }}</strong>\n          }\n          para ofrecerte una experiencia segura. Al iniciar sesi\u00F3n, aceptas\n          nuestros\n          @if (props.legal.termsLink) {\n            <a [href]=\"props.legal.termsLink\">T\u00E9rminos y Condiciones</a>\n          } @else {\n            <span>T\u00E9rminos y Condiciones</span>\n          }\n          y\n          @if (props.legal.privacyLink) {\n            <a [href]=\"props.legal.privacyLink\">Pol\u00EDtica de Privacidad</a>\n          } @else {\n            <span>Pol\u00EDtica de Privacidad</span>\n          }.\n        </p>\n      </ion-text>\n    </div>\n  }\n</div>\n\n<!-- Register Modal -->\n<ion-modal [isOpen]=\"isRegisterModalOpen\" (didDismiss)=\"closeRegisterModal()\">\n  <ng-template>\n    <ion-header>\n      <ion-toolbar>\n        <ion-buttons slot=\"end\">\n          <ion-button fill=\"clear\" (click)=\"closeRegisterModal()\">\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 (props.logo) {\n          <div class=\"logo-container\">\n            <val-image [props]=\"props.logo\" />\n          </div>\n        }\n        <val-form [props]=\"registerFormProps\" (onSubmit)=\"registerHandler($event)\" />\n        <div class=\"auth-link\">\n          <ion-text color=\"dark\">\n            \u00BFYa tienes cuenta?\n            <a (click)=\"closeRegisterModal()\">Iniciar sesi\u00F3n</a>\n          </ion-text>\n        </div>\n      </section>\n    </ion-content>\n  </ng-template>\n</ion-modal>\n\n<!-- Verify Email Modal -->\n<ion-modal [isOpen]=\"isVerifyModalOpen\" [backdropDismiss]=\"false\">\n  <ng-template>\n    <ion-header>\n      <ion-toolbar>\n        <ion-buttons slot=\"end\">\n          <ion-button fill=\"clear\" (click)=\"closeVerifyModal()\">\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 (props.logo) {\n          <div class=\"logo-container\">\n            <val-image [props]=\"props.logo\" />\n          </div>\n        }\n        <val-form [props]=\"verifyFormProps\" (onSubmit)=\"verifyHandler($event)\" />\n        <div class=\"resend-link\">\n          <ion-text color=\"dark\">\n            \u00BFNo has recibido tu c\u00F3digo?\n            @if (resendCooldown > 0) {\n              <span class=\"cooldown\">Reenviar en {{ resendCooldown }}s</span>\n            } @else {\n              <a (click)=\"resendCode()\">Reenviar</a>\n            }\n          </ion-text>\n        </div>\n      </section>\n    </ion-content>\n  </ng-template>\n</ion-modal>\n\n<!-- Forgot Password Modal -->\n<ion-modal [isOpen]=\"isForgotPasswordModalOpen\" (didDismiss)=\"closeForgotPasswordModal()\">\n  <ng-template>\n    <ion-header>\n      <ion-toolbar>\n        <ion-buttons slot=\"end\">\n          <ion-button fill=\"clear\" (click)=\"closeForgotPasswordModal()\">\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 (props.logo) {\n          <div class=\"logo-container\">\n            <val-image [props]=\"props.logo\" />\n          </div>\n        }\n        <val-form [props]=\"forgotPasswordFormProps\" (onSubmit)=\"forgotPasswordHandler($event)\" />\n      </section>\n    </ion-content>\n  </ng-template>\n</ion-modal>\n\n<!-- Reset Password Modal -->\n<ion-modal [isOpen]=\"isResetPasswordModalOpen\" [backdropDismiss]=\"false\">\n  <ng-template>\n    <ion-header>\n      <ion-toolbar>\n        <ion-buttons slot=\"end\">\n          <ion-button fill=\"clear\" (click)=\"closeResetPasswordModal()\">\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 (props.logo) {\n          <div class=\"logo-container\">\n            <val-image [props]=\"props.logo\" />\n          </div>\n        }\n        <val-form [props]=\"resetPasswordFormProps\" (onSubmit)=\"resetPasswordHandler($event)\" />\n        <div class=\"resend-link\">\n          <ion-text color=\"dark\">\n            \u00BFNo has recibido tu c\u00F3digo?\n            @if (resetResendCooldown > 0) {\n              <span class=\"cooldown\">Reenviar en {{ resetResendCooldown }}s</span>\n            } @else {\n              <a (click)=\"resendResetCode()\">Reenviar</a>\n            }\n          </ion-text>\n        </div>\n      </section>\n    </ion-content>\n  </ng-template>\n</ion-modal>\n\n<!-- MFA Verify Modal -->\n<ion-modal [isOpen]=\"isMFAVerifyModalOpen\" [backdropDismiss]=\"false\">\n  <ng-template>\n    <ion-header>\n      <ion-toolbar>\n        <ion-buttons slot=\"end\">\n          <ion-button fill=\"clear\" (click)=\"closeMFAVerifyModal()\">\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 (props.logo) {\n          <div class=\"logo-container\">\n            <val-image [props]=\"props.logo\" />\n          </div>\n        }\n        <val-form [props]=\"mfaVerifyFormProps\" (onSubmit)=\"verifyMFAHandler($event)\" />\n      </section>\n    </ion-content>\n  </ng-template>\n</ion-modal>\n", styles: [".val-login{width:100%}.val-login--card{padding:1rem;background:var(--ion-color-light);border-radius:16px;box-shadow:0 2px 8px #00000014}.logo-container{max-width:130px;margin-bottom:1.5rem}.auth-link{text-align:center;margin-top:1rem;font-size:.9rem}.auth-link a{color:var(--ion-color-primary);text-decoration:none;font-weight:500;cursor:pointer}.auth-link a:hover{text-decoration:underline}.oauth-separator{display:flex;align-items:center;margin:1.5rem 0}.oauth-separator:before,.oauth-separator:after{content:\"\";flex:1;height:1px;background:var(--ion-color-medium-tint)}.oauth-separator span{padding:0 1rem;color:var(--ion-color-dark);font-size:.85rem}.oauth-buttons{margin-bottom:1rem}.oauth-buttons ion-button{--border-radius: 8px;--border-width: 1px}.oauth-buttons ion-icon{font-size:1.2rem;margin-right:.5rem}.legal-notice{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--ion-color-medium-tint)}.legal-notice p{font-size:.75rem;line-height:1.5;text-align:center;margin:0}.legal-notice a{color:var(--ion-color-primary);text-decoration:none}.legal-notice a:hover{text-decoration:underline}.modal-form-section{padding:1rem}.resend-link{text-align:center;margin-top:1rem;font-size:.9rem}.resend-link a{color:var(--ion-color-primary);cursor:pointer;font-weight:500}.resend-link a:hover{text-decoration:underline}.resend-link .cooldown{color:var(--ion-color-medium)}\n"] }]
+                    ], template: "<div class=\"val-login\" [class.val-login--card]=\"config.showCard\">\n  <!-- Logo -->\n  @if (props.logo) {\n    <div class=\"logo-container\">\n      <val-image [props]=\"props.logo\" />\n    </div>\n  }\n\n  <!-- Login Form -->\n  <val-form [props]=\"loginFormProps\" (onSubmit)=\"loginHandler($event)\" />\n\n  <!-- OAuth Section -->\n  @if (config.showOAuth && config.oauthProviders.length > 0) {\n    <div class=\"oauth-separator\">\n      <span>{{ t('orContinueWith') }}</span>\n    </div>\n\n    <div class=\"oauth-buttons\">\n      @for (provider of config.oauthProviders; track provider) {\n        <ion-button\n          expand=\"block\"\n          fill=\"outline\"\n          color=\"dark\"\n          (click)=\"loginWithOAuth(provider)\"\n          [disabled]=\"isOAuthLoading\"\n        >\n          @switch (provider) {\n            @case ('google') {\n              <ion-icon slot=\"start\" name=\"logo-google\"></ion-icon>\n              {{ isOAuthLoading ? t('connecting') : t('continueWithGoogle') }}\n            }\n            @case ('apple') {\n              <ion-icon slot=\"start\" name=\"logo-apple\"></ion-icon>\n              {{ isOAuthLoading ? t('connecting') : t('continueWithApple') }}\n            }\n            @case ('microsoft') {\n              <ion-icon slot=\"start\" name=\"logo-microsoft\"></ion-icon>\n              {{ isOAuthLoading ? t('connecting') : t('continueWithMicrosoft') }}\n            }\n          }\n        </ion-button>\n      }\n    </div>\n  }\n\n  <!-- Register Link -->\n  @if (config.showRegister) {\n    <div class=\"auth-link\">\n      <ion-text color=\"dark\">\n        {{ t('noAccount') }}\n        <a (click)=\"openRegisterModal()\">{{ t('register') }}</a>\n      </ion-text>\n    </div>\n  }\n\n  <!-- Forgot Password Link -->\n  @if (config.showForgotPassword) {\n    <div class=\"auth-link forgot-password\">\n      <ion-text color=\"dark\">\n        {{ t('forgotLink') }}\n        <a (click)=\"openForgotPasswordModal()\">{{ t('recoverPassword') }}</a>\n      </ion-text>\n    </div>\n  }\n\n  <!-- Legal Notice -->\n  @if (props.legal) {\n    <div class=\"legal-notice\">\n      <ion-text color=\"medium\">\n        <p>\n          {{ t('legalPrefix') }}\n          @if (props.legal.companyLink) {\n            <a [href]=\"props.legal.companyLink\"><strong>{{ props.legal.companyName }}</strong></a>\n          } @else {\n            <strong>{{ props.legal.companyName }}</strong>\n          }\n          {{ t('legalSuffix') }}\n          @if (props.legal.termsLink) {\n            <a [href]=\"props.legal.termsLink\">{{ t('termsAndConditions') }}</a>\n          } @else {\n            <span>{{ t('termsAndConditions') }}</span>\n          }\n          {{ t('and') }}\n          @if (props.legal.privacyLink) {\n            <a [href]=\"props.legal.privacyLink\">{{ t('privacyPolicy') }}</a>\n          } @else {\n            <span>{{ t('privacyPolicy') }}</span>\n          }.\n        </p>\n      </ion-text>\n    </div>\n  }\n</div>\n\n<!-- Register Modal -->\n<ion-modal [isOpen]=\"isRegisterModalOpen\" (didDismiss)=\"closeRegisterModal()\">\n  <ng-template>\n    <ion-header>\n      <ion-toolbar>\n        <ion-buttons slot=\"end\">\n          <ion-button fill=\"clear\" (click)=\"closeRegisterModal()\">\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 (props.logo) {\n          <div class=\"logo-container\">\n            <val-image [props]=\"props.logo\" />\n          </div>\n        }\n        <val-form [props]=\"registerFormProps\" (onSubmit)=\"registerHandler($event)\" />\n        <div class=\"auth-link\">\n          <ion-text color=\"dark\">\n            {{ t('hasAccount') }}\n            <a (click)=\"closeRegisterModal()\">{{ t('signIn') }}</a>\n          </ion-text>\n        </div>\n      </section>\n    </ion-content>\n  </ng-template>\n</ion-modal>\n\n<!-- Verify Email Modal -->\n<ion-modal [isOpen]=\"isVerifyModalOpen\" [backdropDismiss]=\"false\">\n  <ng-template>\n    <ion-header>\n      <ion-toolbar>\n        <ion-buttons slot=\"end\">\n          <ion-button fill=\"clear\" (click)=\"closeVerifyModal()\">\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 (props.logo) {\n          <div class=\"logo-container\">\n            <val-image [props]=\"props.logo\" />\n          </div>\n        }\n        <val-form [props]=\"verifyFormProps\" (onSubmit)=\"verifyHandler($event)\" />\n        <div class=\"resend-link\">\n          <ion-text color=\"dark\">\n            {{ t('noCodeReceived') }}\n            @if (resendCooldown > 0) {\n              <span class=\"cooldown\">{{ t('resendIn', { seconds: resendCooldown.toString() }) }}</span>\n            } @else {\n              <a (click)=\"resendCode()\">{{ t('resend') }}</a>\n            }\n          </ion-text>\n        </div>\n      </section>\n    </ion-content>\n  </ng-template>\n</ion-modal>\n\n<!-- Forgot Password Modal -->\n<ion-modal [isOpen]=\"isForgotPasswordModalOpen\" (didDismiss)=\"closeForgotPasswordModal()\">\n  <ng-template>\n    <ion-header>\n      <ion-toolbar>\n        <ion-buttons slot=\"end\">\n          <ion-button fill=\"clear\" (click)=\"closeForgotPasswordModal()\">\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 (props.logo) {\n          <div class=\"logo-container\">\n            <val-image [props]=\"props.logo\" />\n          </div>\n        }\n        <val-form [props]=\"forgotPasswordFormProps\" (onSubmit)=\"forgotPasswordHandler($event)\" />\n      </section>\n    </ion-content>\n  </ng-template>\n</ion-modal>\n\n<!-- Reset Password Modal -->\n<ion-modal [isOpen]=\"isResetPasswordModalOpen\" [backdropDismiss]=\"false\">\n  <ng-template>\n    <ion-header>\n      <ion-toolbar>\n        <ion-buttons slot=\"end\">\n          <ion-button fill=\"clear\" (click)=\"closeResetPasswordModal()\">\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 (props.logo) {\n          <div class=\"logo-container\">\n            <val-image [props]=\"props.logo\" />\n          </div>\n        }\n        <val-form [props]=\"resetPasswordFormProps\" (onSubmit)=\"resetPasswordHandler($event)\" />\n        <div class=\"resend-link\">\n          <ion-text color=\"dark\">\n            {{ t('noCodeReceived') }}\n            @if (resetResendCooldown > 0) {\n              <span class=\"cooldown\">{{ t('resendIn', { seconds: resetResendCooldown.toString() }) }}</span>\n            } @else {\n              <a (click)=\"resendResetCode()\">{{ t('resend') }}</a>\n            }\n          </ion-text>\n        </div>\n      </section>\n    </ion-content>\n  </ng-template>\n</ion-modal>\n\n<!-- MFA Verify Modal -->\n<ion-modal [isOpen]=\"isMFAVerifyModalOpen\" [backdropDismiss]=\"false\">\n  <ng-template>\n    <ion-header>\n      <ion-toolbar>\n        <ion-buttons slot=\"end\">\n          <ion-button fill=\"clear\" (click)=\"closeMFAVerifyModal()\">\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 (props.logo) {\n          <div class=\"logo-container\">\n            <val-image [props]=\"props.logo\" />\n          </div>\n        }\n        <val-form [props]=\"mfaVerifyFormProps\" (onSubmit)=\"verifyMFAHandler($event)\" />\n      </section>\n    </ion-content>\n  </ng-template>\n</ion-modal>\n", styles: [".val-login{width:100%}.val-login--card{padding:1rem;background:var(--ion-color-light);border-radius:16px;box-shadow:0 2px 8px #00000014}.logo-container{max-width:130px;margin-bottom:1.5rem}.auth-link{text-align:center;margin-top:1rem;font-size:.9rem}.auth-link a{color:var(--ion-color-primary);text-decoration:none;font-weight:500;cursor:pointer}.auth-link a:hover{text-decoration:underline}.oauth-separator{display:flex;align-items:center;margin:1.5rem 0}.oauth-separator:before,.oauth-separator:after{content:\"\";flex:1;height:1px;background:var(--ion-color-medium-tint)}.oauth-separator span{padding:0 1rem;color:var(--ion-color-dark);font-size:.85rem}.oauth-buttons{margin-bottom:1rem}.oauth-buttons ion-button{--border-radius: 8px;--border-width: 1px}.oauth-buttons ion-icon{font-size:1.2rem;margin-right:.5rem}.legal-notice{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--ion-color-medium-tint)}.legal-notice p{font-size:.75rem;line-height:1.5;text-align:center;margin:0}.legal-notice a{color:var(--ion-color-primary);text-decoration:none}.legal-notice a:hover{text-decoration:underline}.modal-form-section{padding:1rem}.resend-link{text-align:center;margin-top:1rem;font-size:.9rem}.resend-link a{color:var(--ion-color-primary);cursor:pointer;font-weight:500}.resend-link a:hover{text-decoration:underline}.resend-link .cooldown{color:var(--ion-color-medium)}\n"] }]
         }], propDecorators: { props: [{
                 type: Input
             }], onSuccess: [{
@@ -34936,5 +35236,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, ARTICLE_SPACING, AccordionComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, ArticleBuilder, ArticleComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, BannerComponent, BaseDefault, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, CheckInputComponent, ChipGroupComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContentLoaderComponent, CountdownComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_CANCEL_BUTTON, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_EMPTY_STATE, DEFAULT_INFINITE_LIST_METADATA, DEFAULT_LEGEND_LABELS, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PAYMENT_STATUS_COLORS, DEFAULT_PAYMENT_STATUS_LABELS, DEFAULT_PLATFORMS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DEFAULT_STATUS_COLORS, DEFAULT_STATUS_LABELS, DEFAULT_WINNER_LABELS, DataTableComponent, DateInputComponent, DateRangeInputComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsCalloutComponent, DocsCodeExampleComponent, DocsLayoutComponent, DocsNavLinksComponent, DocsSearchComponent, DocsSidebarComponent, DocsTocComponent, DownloadService, EmailInputComponent, ExpandableTextComponent, FabComponent, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FooterComponent, FooterLinksComponent, FormComponent, FormFooterComponent, FormSkeletonComponent, FunHeaderComponent, GlowCardComponent, GridSkeletonComponent, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, Icon, IconComponent, IconService, ImageComponent, InAppBrowserService, InfiniteListComponent, InfoComponent, InputType, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LOGIN_DEFAULTS, LanguageSelectorComponent, LayeredCardComponent, LayoutComponent, LinkComponent, LinkProcessorService, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadingDirective, LocalStorageService, LocaleService, LoginComponent, MODAL_SIZES, MOTION, MenuComponent, MessagingService, ModalService, MultiSelectSearchComponent, NavigationService, NoContentComponent, NotesBoxComponent, NotificationsService, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OAuthCallbackComponent, OAuthService, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PLATFORM_CONFIGS, PageContentComponent, PageTemplateComponent, PageWrapperComponent, PaginationComponent, PaginationService, ParticipantCardComponent, PasswordInputComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, 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, RaffleStatusCardComponent, RangeInputComponent, RatingComponent, RecapCardComponent, RefresherComponent, RightsFooterComponent, SKELETON_PRESETS, 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, SkeletonService, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, TabbedContentComponent, TableSkeletonComponent, TabsComponent, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TicketGridComponent, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TranslatePipe, TypedCollection, VALTECH_ADS_CONFIG, VALTECH_AUTH_CONFIG, VALTECH_DEFAULT_CONTENT, VALTECH_FIREBASE_CONFIG, WinnerDisplayComponent, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, buildPath, collections, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createTitleProps, extractPathParams, getCollectionPath, getDocumentId, goToTop, guestGuard, hasEmulators, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, permissionGuard, permissionGuardFromRoute, provideValtechAds, provideValtechAuth, provideValtechAuthInterceptor, provideValtechFirebase, provideValtechI18n, provideValtechPresets, provideValtechSkeleton, query, replaceSpecialChars, resolveColor, resolveInputDefaultValue, roleGuard, storagePaths, superAdminGuard };
+export { AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, ARTICLE_SPACING, AccordionComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, ArticleBuilder, ArticleComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, BannerComponent, BaseDefault, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, CheckInputComponent, ChipGroupComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContentLoaderComponent, CountdownComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_CANCEL_BUTTON, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_EMPTY_STATE, DEFAULT_INFINITE_LIST_METADATA, DEFAULT_LEGEND_LABELS, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PAYMENT_STATUS_COLORS, DEFAULT_PAYMENT_STATUS_LABELS, DEFAULT_PLATFORMS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DEFAULT_STATUS_COLORS, DEFAULT_STATUS_LABELS, DEFAULT_WINNER_LABELS, DataTableComponent, DateInputComponent, DateRangeInputComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsCalloutComponent, DocsCodeExampleComponent, DocsLayoutComponent, DocsNavLinksComponent, DocsSearchComponent, DocsSidebarComponent, DocsTocComponent, DownloadService, EmailInputComponent, ExpandableTextComponent, FabComponent, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FooterComponent, FooterLinksComponent, FormComponent, FormFooterComponent, FormSkeletonComponent, FunHeaderComponent, GlowCardComponent, GridSkeletonComponent, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, Icon, IconComponent, IconService, ImageComponent, InAppBrowserService, InfiniteListComponent, InfoComponent, InputI18nHelper, InputType, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LOGIN_DEFAULTS, LanguageSelectorComponent, LayeredCardComponent, LayoutComponent, LinkComponent, LinkProcessorService, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadingDirective, LocalStorageService, LocaleService, LoginComponent, MODAL_SIZES, MOTION, MenuComponent, MessagingService, ModalService, MultiSelectSearchComponent, NavigationService, NoContentComponent, NotesBoxComponent, NotificationsService, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OAuthCallbackComponent, OAuthService, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PLATFORM_CONFIGS, PageContentComponent, PageTemplateComponent, PageWrapperComponent, PaginationComponent, PaginationService, ParticipantCardComponent, PasswordInputComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, 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, RaffleStatusCardComponent, RangeInputComponent, RatingComponent, RecapCardComponent, RefresherComponent, RightsFooterComponent, SKELETON_PRESETS, 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, SkeletonService, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, TabbedContentComponent, TableSkeletonComponent, TabsComponent, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TicketGridComponent, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TranslatePipe, TypedCollection, VALTECH_ADS_CONFIG, VALTECH_AUTH_CONFIG, VALTECH_DEFAULT_CONTENT, VALTECH_FIREBASE_CONFIG, WinnerDisplayComponent, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, buildPath, collections, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createTitleProps, extractPathParams, getCollectionPath, getDocumentId, goToTop, guestGuard, hasEmulators, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, permissionGuard, permissionGuardFromRoute, provideValtechAds, provideValtechAuth, provideValtechAuthInterceptor, provideValtechFirebase, provideValtechI18n, provideValtechPresets, provideValtechSkeleton, query, replaceSpecialChars, resolveColor, resolveInputDefaultValue, roleGuard, storagePaths, superAdminGuard };
 //# sourceMappingURL=valtech-components.mjs.map