valtech-components 2.0.969 → 2.0.971

package/fesm2022/valtech-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, InjectionToken, makeEnvironmentProviders, APP_INITIALIZER, ErrorHandler, Injectable, DestroyRef, Inject, signal, computed, PLATFORM_ID, isDevMode, Optional, runInInjectionContext, effect, Pipe, TemplateRef, ViewContainerRef, input, Directive, EventEmitter, Component, Input, Output, ChangeDetectionStrategy, HostBinding, HostListener, NgZone, ViewChild, ChangeDetectorRef, output, ContentChild, ElementRef, Injector, isSignal, ViewEncapsulation } from '@angular/core';
+import { inject, InjectionToken, makeEnvironmentProviders, APP_INITIALIZER, ErrorHandler, Injectable, DestroyRef, Inject, signal, computed, PLATFORM_ID, isDevMode, Optional, runInInjectionContext, effect, Pipe, TemplateRef, ViewContainerRef, input, Directive, EventEmitter, Component, Input, Output, ChangeDetectionStrategy, HostBinding, HostListener, NgZone, ViewChild, ChangeDetectorRef, output, ContentChild, ElementRef, viewChild, Injector, isSignal, ViewEncapsulation } from '@angular/core';
 import { BehaviorSubject, throwError, Subject, map, distinctUntilChanged, filter as filter$1, take as take$1, firstValueFrom, of, from, EMPTY, Observable, interval, debounceTime, switchMap as switchMap$1, catchError as catchError$1, takeUntil, isObservable, shareReplay, race, timer, forkJoin } from 'rxjs';
 import { catchError, switchMap, finalize, filter, take, map as map$1, tap, retry, timeout, debounceTime as debounceTime$1, takeUntil as takeUntil$1 } from 'rxjs/operators';
 import * as i1$3 from '@angular/common/http';
@@ -17,7 +17,7 @@ import * as i1$2 from '@angular/fire/storage';
 import { provideStorage, getStorage, connectStorageEmulator, ref, uploadBytesResumable, getDownloadURL, getMetadata, deleteObject, listAll } from '@angular/fire/storage';
 import { takeUntilDestroyed, toSignal, toObservable } from '@angular/core/rxjs-interop';
 import * as i1$4 from '@angular/router';
-import { Router, NavigationEnd, RouterLink, RouterOutlet, RouterModule } from '@angular/router';
+import { Router, NavigationEnd, RouterLink, ActivatedRoute, RouterOutlet, RouterModule } from '@angular/router';
 import * as i2 from '@ionic/angular';
 import { IonicModule, ToastController, NavController } from '@ionic/angular';
 import { isSupported, getMessaging as getMessaging$1 } from 'firebase/messaging';
@@ -54,7 +54,7 @@ import 'prismjs/components/prism-json';
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-const VERSION = '2.0.969';
+const VERSION = '2.0.971';
 
 // Control de estado de refresco (singleton a nivel de módulo)
 let isRefreshing = false;
@@ -41489,6 +41489,786 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }] } });
 
+/**
+ * PageRefreshService — bus del pull-to-refresh estándar del factory.
+ *
+ * **Por qué existe:** `val-page-wrapper` posee un único `<ion-content>` y todas
+ * las páginas se renderizan dentro vía `<router-outlet>`. Un `<ion-refresher>`
+ * tiene que vivir dentro de ese `ion-content`, así que el refresher NO puede
+ * declararse en el template de cada página — vive una sola vez en
+ * `val-page-wrapper`. Este servicio es el puente: la página activa registra
+ * *qué hacer* al refrescar; el page-wrapper dispara el gesto y cierra el spinner.
+ *
+ * **Uso en una página** (ver `frontend/CLAUDE.md` — es el patrón estándar):
+ *
+ * ```ts
+ * export class MiPage implements ViewWillEnter, ViewWillLeave {
+ *   private pageRefresh = inject(PageRefreshService);
+ *
+ *   ionViewWillEnter(): void {
+ *     this.pageRefresh.register(() => this.reload());
+ *   }
+ *   ionViewWillLeave(): void {
+ *     this.pageRefresh.unregister();
+ *   }
+ *
+ *   private async reload(): Promise<void> {
+ *     // re-fetch / re-suscribir streams / etc.
+ *   }
+ * }
+ * ```
+ *
+ * Páginas que no llaman `register()` simplemente no muestran refresher —
+ * opt-in, sin impacto.
+ */
+class PageRefreshService {
+    constructor() {
+        this.handler = null;
+        /**
+         * `true` cuando hay una página con handler registrado. `val-page-wrapper`
+         * renderiza el `<val-refresher>` sólo cuando esto es `true`.
+         */
+        this.hasHandler = signal(false);
+    }
+    /**
+     * Registra el handler de refresh de la página activa. Llamar en
+     * `ionViewWillEnter`. Si ya había uno, lo reemplaza (sólo hay una página
+     * activa a la vez en el router-outlet de Ionic).
+     */
+    register(handler) {
+        this.handler = handler;
+        this.hasHandler.set(true);
+    }
+    /**
+     * Quita el handler. Llamar en `ionViewWillLeave` para que el refresher
+     * desaparezca al salir de la vista.
+     */
+    unregister() {
+        this.handler = null;
+        this.hasHandler.set(false);
+    }
+    /**
+     * Ejecuta el handler registrado y espera a que termine. Lo invoca
+     * `val-page-wrapper` al detectar el gesto de pull. No-op si no hay handler.
+     */
+    async run() {
+        if (!this.handler)
+            return;
+        await this.handler();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PageRefreshService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PageRefreshService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PageRefreshService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+/**
+ * Conecta una página al pull-to-refresh estándar en UNA línea, sin lifecycle
+ * hooks manuales: registra el handler y lo desregistra al destruir la página
+ * (vía `DestroyRef`).
+ *
+ * DEBE llamarse en un injection context (constructor o field initializer).
+ *
+ * @example
+ * ```ts
+ * export class MiPage {
+ *   private data = createRefreshableStream(() => this.svc.getX());
+ *   readonly items = this.data.data;
+ *
+ *   constructor() {
+ *     connectPageRefresh(() => this.data.reload());
+ *   }
+ * }
+ * ```
+ *
+ * Reemplaza el patrón `ngOnInit`→`register` / `ngOnDestroy`→`unregister`.
+ */
+function connectPageRefresh(handler) {
+    const svc = inject(PageRefreshService);
+    const destroyRef = inject(DestroyRef);
+    svc.register(handler);
+    destroyRef.onDestroy(() => svc.unregister());
+}
+
+/**
+ * Defaults i18n (es/en) embebidos en `val-profile-view`. Auto-registrados en el
+ * constructor del componente si el consumer no proveyó el namespace
+ * (`Settings.Profile` por default). Garantiza que nunca haya una key faltante
+ * evaluada por cada change-detection (ver nota en valtech-components/CLAUDE.md
+ * sobre el storm de CD con `val-debug-console`). El consumer puede override
+ * registrando el mismo namespace antes de que el componente monte.
+ *
+ * SOLO incluye las keys que la vista realmente usa.
+ */
+const PROFILE_VIEW_I18N = {
+    es: {
+        pageTitle: 'Perfil',
+        pageDescription: 'Administra tu informacion personal',
+        name: 'Nombre completo',
+        namePlaceholder: 'Tu nombre completo',
+        nameHint: 'Tu nombre real que se mostrara en tu perfil.',
+        email: 'Correo electronico',
+        handle: 'Nombre de usuario',
+        handlePlaceholder: 'usuario',
+        handleHint: 'Tu identificador unico (@usuario). Otros pueden buscarte con este nombre.',
+        handleInUse: 'Ese nombre de usuario ya está tomado',
+        handleError: 'Error al actualizar el nombre de usuario',
+        phoneInUse: 'Ese teléfono ya está en uso por otra cuenta',
+        phoneInvalid: 'Formato de teléfono inválido (usa E.164: +56...)',
+        phone: 'Telefono',
+        phonePlaceholder: '+1 234 567 8900',
+        phoneHint: 'Opcional. Para recuperacion de cuenta y notificaciones.',
+        save: 'Guardar cambios',
+        saving: 'Guardando...',
+        saveSuccess: 'Perfil actualizado',
+        saveError: 'Error al actualizar el perfil',
+        usernameInvalid: 'Solo letras, numeros y guion bajo',
+        avatarSuccess: 'Foto actualizada',
+        avatarError: 'Error al actualizar la foto',
+        changePhoto: 'Cambiar foto',
+        viewPhoto: 'Ver foto',
+        errorTitle: 'No pudimos cargar tu perfil',
+        offlineTitle: 'Sin conexión',
+        offlineHint: 'Revisa tu conexión a internet e intenta nuevamente.',
+        retry: 'Reintentar',
+    },
+    en: {
+        pageTitle: 'Profile',
+        pageDescription: 'Manage your personal information',
+        name: 'Full name',
+        namePlaceholder: 'Your full name',
+        nameHint: 'Your real name that will be displayed on your profile.',
+        email: 'Email',
+        handle: 'Username',
+        handlePlaceholder: 'username',
+        handleHint: 'Your unique identifier (@username). Others can search for you with this name.',
+        handleInUse: 'That username is already taken',
+        handleError: 'Failed to update username',
+        phoneInUse: 'That phone is already in use by another account',
+        phoneInvalid: 'Invalid phone format (use E.164: +1...)',
+        phone: 'Phone',
+        phonePlaceholder: '+1 234 567 8900',
+        phoneHint: 'Optional. For account recovery and notifications.',
+        save: 'Save changes',
+        saving: 'Saving...',
+        saveSuccess: 'Profile updated',
+        saveError: 'Failed to update profile',
+        usernameInvalid: 'Only letters, numbers and underscore',
+        avatarSuccess: 'Photo updated',
+        avatarError: 'Failed to update photo',
+        changePhoto: 'Change photo',
+        viewPhoto: 'View photo',
+        errorTitle: "We couldn't load your profile",
+        offlineTitle: 'Offline',
+        offlineHint: 'Check your internet connection and try again.',
+        retry: 'Retry',
+    },
+};
+
+/** Patrón sincronizado con backend handleRegex: lowercase alfanum + underscore. */
+const HANDLE_PATTERN = /^[a-z_][a-z0-9_]*$/;
+const HANDLE_MIN = 3;
+const HANDLE_MAX = 20;
+const DEFAULT_NAMESPACE = 'Settings.Profile';
+/**
+ * `val-profile-view` — vista Perfil full-feature autocontenida (organism).
+ *
+ * Edita los campos públicos del usuario en UN solo formulario con UN solo botón
+ * "Guardar". Wireup:
+ *  - Avatar — val-avatar-upload (Firebase Storage + backend sync). Separado del
+ *    form porque es upload sync independiente.
+ *  - Handle (@usuario) — InputType.HANDLE (val-username-input con check de
+ *    disponibilidad async resuelto vía AuthService inyectado).
+ *  - Nombre — InputType.TEXT.
+ *  - Teléfono — InputType.PHONE.
+ *
+ * Submit handler dispatcha:
+ *  1. Si handle cambió → updateHandle PRIMERO (uniqueness).
+ *  2. Si name o phone cambió → updateProfile con ambos.
+ *
+ * Lectura del perfil: suscribe al doc Firestore /users/{uid} (mirror que mantiene
+ * el backend). Reactivo cross-tab + auto-refresca tras save. Fallback REST
+ * (auth.getProfile) si el doc no existe o el listener falla.
+ *
+ * NO renderiza ion-content — vive dentro de val-page-wrapper.
+ *
+ * Auto-registra sus defaults i18n (es/en) en el constructor si el consumer no
+ * proveyó el namespace configurado (default `Settings.Profile`).
+ */
+class ProfileViewComponent {
+    /** Namespace i18n resuelto (capturado una vez para llamadas no-reactivas). */
+    get ns() {
+        return this.resolvedConfig().i18nNamespace;
+    }
+    constructor() {
+        this.nav = inject(NavigationService);
+        this.auth = inject(AuthService);
+        this.i18n = inject(I18nService);
+        this.toast = inject(ToastService);
+        this.errors = inject(ValtechErrorService);
+        this.firebase = inject(FirebaseService);
+        this.collections = inject(FirestoreCollectionFactory);
+        this.route = inject(ActivatedRoute, { optional: true });
+        /** Config mergeada con defaults. @Input gana sobre route data. */
+        this.resolvedConfig = computed(() => {
+            const fromRoute = (this.route?.snapshot.data['profileConfig'] ?? {});
+            const merged = { ...fromRoute, ...(this.config ?? {}) };
+            return {
+                showAvatar: merged.showAvatar ?? true,
+                showHandle: merged.showHandle ?? true,
+                showPhone: merged.showPhone ?? true,
+                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE,
+                onSaved: merged.onSaved,
+                onAvatarUploaded: merged.onAvatarUploaded,
+            };
+        });
+        /**
+         * Colección global /users/{uid} (skipAppPrefix: true — el doc vive fuera de
+         * apps/{appId}/... porque es cross-app, ver firestore.rules).
+         */
+        this.usersCol = this.collections.create('users', {
+            skipAppPrefix: true,
+        });
+        this.formCmp = viewChild('form');
+        this.profile = signal(null);
+        this.loading = signal(true);
+        this.saving = signal(false);
+        this.loadError = signal(null);
+        this._userId = computed(() => this.auth.user()?.userId ?? null);
+        this.errorState = computed(() => {
+            this.i18n.lang();
+            const err = this.loadError();
+            if (!err)
+                return null;
+            return createErrorStateProps(err, {
+                title: {
+                    offline: this.t('offlineTitle'),
+                    error: this.t('errorTitle'),
+                },
+                description: {
+                    offline: this.t('offlineHint'),
+                    error: interpretError(err).message,
+                },
+                retryLabel: this.t('retry'),
+                onRetry: () => this.loadFromApi(),
+                retrying: this.loading(),
+            });
+        });
+        this.avatarProps = computed(() => {
+            this.i18n.lang();
+            const p = this.profile();
+            return {
+                currentUrl: p?.avatarUrl,
+                initials: this.initialsFromName(p?.name),
+                size: 96,
+                editable: true,
+                showViewButton: true,
+                i18nNamespace: this.ns,
+            };
+        });
+        this.formMeta = this.buildFormMeta();
+        // Auto-registro i18n — respeta override del consumer. El namespace puede
+        // venir de @Input.config o del route data; lo resolvemos acá.
+        const ns = this.ns;
+        if (!this.i18n.hasNamespace(ns)) {
+            this.i18n.registerContent(ns, PROFILE_VIEW_I18N);
+        }
+        this.nav.setBackHeader('pageTitle', ns, { withMenu: true });
+        connectPageRefresh(() => this.loadFromApi());
+        effect(onCleanup => {
+            const uid = this._userId();
+            if (!uid) {
+                this.profile.set(null);
+                this.loading.set(false);
+                return;
+            }
+            this.loading.set(true);
+            let sub = null;
+            let cancelled = false;
+            let apiFallbackUsed = false;
+            void this.firebase.whenFirebaseAuthReady().then(() => {
+                if (cancelled)
+                    return;
+                sub = this.usersCol.watch(uid).subscribe({
+                    next: doc => {
+                        if (doc) {
+                            this.profile.set(this.mapMirrorToProfile(doc));
+                            this.loadError.set(null);
+                            this.loading.set(false);
+                        }
+                        else if (!apiFallbackUsed) {
+                            apiFallbackUsed = true;
+                            void this.loadFromApi();
+                        }
+                    },
+                    error: () => {
+                        if (!apiFallbackUsed) {
+                            apiFallbackUsed = true;
+                            void this.loadFromApi();
+                        }
+                    },
+                });
+            });
+            onCleanup(() => {
+                cancelled = true;
+                sub?.unsubscribe();
+            });
+        }, { allowSignalWrites: true });
+        // saving → mutar state (val-form.ngDoCheck lo detecta).
+        effect(() => {
+            const isSaving = this.saving();
+            const state = isSaving ? ComponentStates.WORKING : ComponentStates.ENABLED;
+            this.formMeta.state = state;
+            this.formMeta.actions.state = state;
+            this.formMeta.actions.text = isSaving ? this.t('saving') : this.t('save');
+        });
+        // profile loaded + form mounted → patchValue al FormGroup.
+        effect(() => {
+            const p = this.profile();
+            const form = this.formCmp()?.Form;
+            if (!p || !form)
+                return;
+            form.patchValue({
+                handle: p.handle || '',
+                name: p.name || '',
+                phone: p.phone || '',
+            }, { emitEvent: false });
+        });
+        // i18n.lang change → mutar labels (rare, no afecta typing).
+        effect(() => {
+            this.i18n.lang();
+            this.applyI18nLabels();
+        });
+    }
+    /** Construcción inicial — UNA vez. Gatea handle/phone según config. */
+    buildFormMeta() {
+        const cfg = this.resolvedConfig();
+        const handleField = {
+            token: 'profile-handle',
+            name: 'handle',
+            label: this.t('handle'),
+            hint: this.t('handleHint'),
+            placeholder: this.t('handlePlaceholder'),
+            type: InputType.HANDLE,
+            order: 1,
+            validators: [
+                Validators.required,
+                Validators.minLength(HANDLE_MIN),
+                Validators.maxLength(HANDLE_MAX),
+                Validators.pattern(HANDLE_PATTERN),
+            ],
+            errors: {
+                required: this.t('usernameInvalid'),
+                minlength: this.t('usernameInvalid'),
+                maxlength: this.t('usernameInvalid'),
+                pattern: this.t('usernameInvalid'),
+            },
+            value: '',
+            range: { min: HANDLE_MIN, max: HANDLE_MAX },
+            state: ComponentStates.ENABLED,
+        };
+        const nameField = {
+            token: 'profile-name',
+            name: 'name',
+            label: this.t('name'),
+            hint: this.t('nameHint'),
+            placeholder: this.t('namePlaceholder'),
+            type: InputType.TEXT,
+            order: 2,
+            validators: [Validators.required, Validators.minLength(2), Validators.maxLength(100)],
+            errors: {},
+            value: '',
+            state: ComponentStates.ENABLED,
+        };
+        const phoneField = {
+            token: 'profile-phone',
+            name: 'phone',
+            label: this.t('phone'),
+            hint: this.t('phoneHint'),
+            placeholder: this.t('phonePlaceholder'),
+            type: InputType.PHONE,
+            order: 3,
+            validators: [],
+            errors: {},
+            value: '',
+            state: ComponentStates.ENABLED,
+        };
+        // Filtrado por config: el name siempre va; handle/phone son opt-out.
+        const fields = [];
+        if (cfg.showHandle)
+            fields.push(handleField);
+        fields.push(nameField);
+        if (cfg.showPhone)
+            fields.push(phoneField);
+        const submitButton = {
+            text: this.t('save'),
+            color: 'dark',
+            type: 'submit',
+            fill: 'solid',
+            size: 'default',
+            shape: 'round',
+            expand: 'block',
+            state: ComponentStates.ENABLED,
+            token: 'profile-save',
+        };
+        return {
+            name: '',
+            state: ComponentStates.ENABLED,
+            sections: [
+                {
+                    name: '',
+                    order: 1,
+                    fields,
+                },
+            ],
+            actions: submitButton,
+        };
+    }
+    /** Re-aplica labels/hints/placeholders en cambio de idioma. */
+    applyI18nLabels() {
+        const section = this.formMeta.sections[0];
+        for (const field of section.fields) {
+            switch (field.name) {
+                case 'handle':
+                    field.label = this.t('handle');
+                    field.hint = this.t('handleHint');
+                    field.placeholder = this.t('handlePlaceholder');
+                    field.errors = {
+                        required: this.t('usernameInvalid'),
+                        minlength: this.t('usernameInvalid'),
+                        maxlength: this.t('usernameInvalid'),
+                        pattern: this.t('usernameInvalid'),
+                    };
+                    break;
+                case 'name':
+                    field.label = this.t('name');
+                    field.hint = this.t('nameHint');
+                    field.placeholder = this.t('namePlaceholder');
+                    break;
+                case 'phone':
+                    field.label = this.t('phone');
+                    field.hint = this.t('phoneHint');
+                    field.placeholder = this.t('phonePlaceholder');
+                    break;
+            }
+        }
+        const button = this.formMeta.actions;
+        button.text = this.saving() ? this.t('saving') : this.t('save');
+    }
+    /**
+     * Fallback REST. Capa 4 (UI declarativa): NO toasteamos acá — el
+     * val-empty-state ES la UI del error.
+     */
+    async loadFromApi() {
+        this.loading.set(true);
+        try {
+            const p = await firstValueFrom(this.auth.getProfile());
+            this.profile.set(p);
+            this.loadError.set(null);
+        }
+        catch (err) {
+            this.loadError.set(err);
+        }
+        finally {
+            this.loading.set(false);
+        }
+    }
+    mapMirrorToProfile(doc) {
+        return {
+            operationId: '',
+            userId: doc.userId,
+            email: doc.email,
+            name: doc.name ?? '',
+            handle: doc.handle,
+            phone: doc.phone,
+            avatarUrl: doc.avatarUrl,
+            emailVerified: false,
+            phoneVerified: false,
+            mfaEnabled: false,
+            createdAt: '',
+            updatedAt: '',
+        };
+    }
+    async onSubmit(event) {
+        if (this.saving())
+            return;
+        const current = this.profile();
+        if (!current)
+            return;
+        const cfg = this.resolvedConfig();
+        const fields = event.fields || {};
+        const nextHandle = String(fields['handle'] || '')
+            .trim()
+            .toLowerCase();
+        const nextName = String(fields['name'] || '').trim();
+        const nextPhone = String(fields['phone'] || '').trim();
+        const handleChanged = cfg.showHandle && !!nextHandle && nextHandle !== (current.handle || '').toLowerCase();
+        const nameChanged = !!nextName && nextName !== (current.name || '');
+        const phoneChanged = cfg.showPhone && nextPhone !== (current.phone || '');
+        if (!handleChanged && !nameChanged && !phoneChanged) {
+            this.toast.show({
+                message: this.t('saveSuccess'),
+                duration: 2000,
+                color: 'dark',
+                position: 'top',
+            });
+            return;
+        }
+        this.saving.set(true);
+        try {
+            if (handleChanged) {
+                try {
+                    await firstValueFrom(this.auth.updateHandle(nextHandle));
+                }
+                catch (err) {
+                    this.errors.handle(err, {
+                        context: 'profile.updateHandle',
+                        i18nMap: { AUTH_USERNAME_EXISTS: 'handleInUse' },
+                        fallbackKey: 'handleError',
+                        i18nNamespace: this.ns,
+                    });
+                    await this.loadFromApi();
+                    return;
+                }
+            }
+            if (nameChanged || phoneChanged) {
+                const payload = {};
+                if (nameChanged)
+                    payload.name = nextName;
+                if (phoneChanged)
+                    payload.phone = nextPhone;
+                try {
+                    await firstValueFrom(this.auth.updateProfile(payload));
+                }
+                catch (err) {
+                    this.errors.handle(err, {
+                        context: 'profile.updateProfile',
+                        i18nMap: {
+                            AUTHV2_PHONE_EXISTS: 'phoneInUse',
+                            AUTHV2_INVALID_PHONE: 'phoneInvalid',
+                        },
+                        fallbackKey: 'saveError',
+                        i18nNamespace: this.ns,
+                    });
+                    await this.loadFromApi();
+                    return;
+                }
+            }
+            this.toast.show({
+                message: this.t('saveSuccess'),
+                duration: 2500,
+                color: 'dark',
+                position: 'top',
+            });
+            cfg.onSaved?.(this.profile() ?? current);
+        }
+        finally {
+            this.saving.set(false);
+        }
+    }
+    onAvatarUploaded(result) {
+        this.toast.show({
+            message: this.t('avatarSuccess'),
+            duration: 2500,
+            color: 'dark',
+            position: 'top',
+        });
+        this.resolvedConfig().onAvatarUploaded?.(result);
+    }
+    onAvatarError(_err) {
+        this.toast.show({
+            message: this.t('avatarError'),
+            duration: 3000,
+            color: 'dark',
+            position: 'top',
+        });
+    }
+    /** Lee del namespace configurado. */
+    t(key) {
+        return this.i18n.t(key, this.ns);
+    }
+    initialsFromName(name) {
+        if (!name)
+            return '?';
+        const parts = name.trim().split(/\s+/).filter(Boolean);
+        if (parts.length === 0)
+            return '?';
+        const first = parts[0]?.[0] ?? '';
+        const last = parts.length > 1 ? (parts[parts.length - 1]?.[0] ?? '') : '';
+        return (first + last).toUpperCase() || '?';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ProfileViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ProfileViewComponent, isStandalone: true, selector: "val-profile-view", inputs: { config: "config" }, viewQueries: [{ propertyName: "formCmp", first: true, predicate: ["form"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    <div class="page">
+      <header class="page-header">
+        <val-display [props]="{ size: 'small', color: 'dark', content: t('pageTitle') }" />
+        <val-title
+          [props]="{
+            size: 'large',
+            color: 'dark',
+            bold: false,
+            content: t('pageDescription'),
+          }"
+        />
+      </header>
+
+      @if (loading()) {
+        <val-skeleton-layout [props]="{ preset: 'form', rows: 3, showAvatar: true }" />
+      } @else if (errorState()) {
+        <val-empty-state [props]="errorState()!" />
+      } @else {
+        @if (profile(); as p) {
+          @if (resolvedConfig().showAvatar) {
+            <section class="settings-section avatar-section">
+              <val-avatar-upload
+                [props]="avatarProps()"
+                (uploaded)="onAvatarUploaded($event)"
+                (error)="onAvatarError($event)"
+              />
+              <div class="avatar-meta">
+                <val-title
+                  [props]="{
+                    size: 'medium',
+                    color: 'dark',
+                    bold: true,
+                    content: p.name || '—',
+                  }"
+                />
+                <val-text
+                  [props]="{
+                    size: 'small',
+                    color: 'dark',
+                    bold: false,
+                    content: p.email,
+                  }"
+                />
+                @if (p.handle) {
+                  <val-text
+                    [props]="{
+                      size: 'small',
+                      color: 'dark',
+                      bold: true,
+                      content: '@' + p.handle,
+                    }"
+                  />
+                }
+              </div>
+            </section>
+          }
+
+          <val-form #form [props]="formMeta" (onSubmit)="onSubmit($event)" />
+        }
+      }
+    </div>
+  `, isInline: true, styles: [".page{padding:16px 0;max-width:720px;margin:0 auto}.page-header{margin-bottom:16px}.page-header h1{font-size:22px;font-weight:700;margin:0 0 4px}.hint{font-size:13px;opacity:.7;margin:0 0 12px}.settings-section{padding:16px 0}.settings-section+.settings-section{border-top:1px solid var(--val-border-color, rgba(0, 0, 0, .08))}.avatar-section{display:flex;align-items:center;gap:16px}.avatar-meta{display:flex;flex-direction:column;gap:2px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: AvatarUploadComponent, selector: "val-avatar-upload", inputs: ["props"], outputs: ["uploaded", "error", "uploadStart"] }, { kind: "component", type: EmptyStateComponent, selector: "val-empty-state", inputs: ["props"] }, { kind: "component", type: FormComponent, selector: "val-form", inputs: ["props"], outputs: ["onSubmit", "onInvalid", "onSelectChange"] }, { kind: "component", type: DisplayComponent, selector: "val-display", inputs: ["props"] }, { kind: "component", type: TextComponent, selector: "val-text", inputs: ["props"] }, { kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }, { kind: "component", type: SkeletonLayoutComponent, selector: "val-skeleton-layout", inputs: ["props"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ProfileViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-profile-view', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        AvatarUploadComponent,
+                        EmptyStateComponent,
+                        FormComponent,
+                        DisplayComponent,
+                        TextComponent,
+                        TitleComponent,
+                        SkeletonLayoutComponent,
+                    ], template: `
+    <div class="page">
+      <header class="page-header">
+        <val-display [props]="{ size: 'small', color: 'dark', content: t('pageTitle') }" />
+        <val-title
+          [props]="{
+            size: 'large',
+            color: 'dark',
+            bold: false,
+            content: t('pageDescription'),
+          }"
+        />
+      </header>
+
+      @if (loading()) {
+        <val-skeleton-layout [props]="{ preset: 'form', rows: 3, showAvatar: true }" />
+      } @else if (errorState()) {
+        <val-empty-state [props]="errorState()!" />
+      } @else {
+        @if (profile(); as p) {
+          @if (resolvedConfig().showAvatar) {
+            <section class="settings-section avatar-section">
+              <val-avatar-upload
+                [props]="avatarProps()"
+                (uploaded)="onAvatarUploaded($event)"
+                (error)="onAvatarError($event)"
+              />
+              <div class="avatar-meta">
+                <val-title
+                  [props]="{
+                    size: 'medium',
+                    color: 'dark',
+                    bold: true,
+                    content: p.name || '—',
+                  }"
+                />
+                <val-text
+                  [props]="{
+                    size: 'small',
+                    color: 'dark',
+                    bold: false,
+                    content: p.email,
+                  }"
+                />
+                @if (p.handle) {
+                  <val-text
+                    [props]="{
+                      size: 'small',
+                      color: 'dark',
+                      bold: true,
+                      content: '@' + p.handle,
+                    }"
+                  />
+                }
+              </div>
+            </section>
+          }
+
+          <val-form #form [props]="formMeta" (onSubmit)="onSubmit($event)" />
+        }
+      }
+    </div>
+  `, styles: [".page{padding:16px 0;max-width:720px;margin:0 auto}.page-header{margin-bottom:16px}.page-header h1{font-size:22px;font-weight:700;margin:0 0 4px}.hint{font-size:13px;opacity:.7;margin:0 0 12px}.settings-section{padding:16px 0}.settings-section+.settings-section{border-top:1px solid var(--val-border-color, rgba(0, 0, 0, .08))}.avatar-section{display:flex;align-items:center;gap:16px}.avatar-meta{display:flex;flex-direction:column;gap:2px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { config: [{
+                type: Input
+            }] } });
+
+/**
+ * Helper para montar la vista Perfil (`val-profile-view`) como ruta en una app
+ * del factory. El `config` se pasa por route `data` (`profileConfig`) y el
+ * componente lo lee como fallback de su `@Input() config`.
+ *
+ * @example
+ * ```ts
+ * // settings.routes.ts
+ * export const settingsRoutes: Routes = [
+ *   ...provideValtechProfileRoutes(),
+ *   { path: 'preferences', loadComponent: () => ... },
+ * ];
+ *
+ * // con config acotada:
+ * ...provideValtechProfileRoutes({ config: { showPhone: false } }),
+ * ```
+ */
+function provideValtechProfileRoutes(opts) {
+    return [
+        {
+            path: opts?.path ?? 'profile',
+            component: ProfileViewComponent,
+            data: { profileConfig: opts?.config },
+        },
+    ];
+}
+
 /** Built-in label sets for the three platform locales. */
 const CALLOUT_LABELS = {
     es: {
@@ -42451,108 +43231,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Output
             }] } });
 
-/**
- * PageRefreshService — bus del pull-to-refresh estándar del factory.
- *
- * **Por qué existe:** `val-page-wrapper` posee un único `<ion-content>` y todas
- * las páginas se renderizan dentro vía `<router-outlet>`. Un `<ion-refresher>`
- * tiene que vivir dentro de ese `ion-content`, así que el refresher NO puede
- * declararse en el template de cada página — vive una sola vez en
- * `val-page-wrapper`. Este servicio es el puente: la página activa registra
- * *qué hacer* al refrescar; el page-wrapper dispara el gesto y cierra el spinner.
- *
- * **Uso en una página** (ver `frontend/CLAUDE.md` — es el patrón estándar):
- *
- * ```ts
- * export class MiPage implements ViewWillEnter, ViewWillLeave {
- *   private pageRefresh = inject(PageRefreshService);
- *
- *   ionViewWillEnter(): void {
- *     this.pageRefresh.register(() => this.reload());
- *   }
- *   ionViewWillLeave(): void {
- *     this.pageRefresh.unregister();
- *   }
- *
- *   private async reload(): Promise<void> {
- *     // re-fetch / re-suscribir streams / etc.
- *   }
- * }
- * ```
- *
- * Páginas que no llaman `register()` simplemente no muestran refresher —
- * opt-in, sin impacto.
- */
-class PageRefreshService {
-    constructor() {
-        this.handler = null;
-        /**
-         * `true` cuando hay una página con handler registrado. `val-page-wrapper`
-         * renderiza el `<val-refresher>` sólo cuando esto es `true`.
-         */
-        this.hasHandler = signal(false);
-    }
-    /**
-     * Registra el handler de refresh de la página activa. Llamar en
-     * `ionViewWillEnter`. Si ya había uno, lo reemplaza (sólo hay una página
-     * activa a la vez en el router-outlet de Ionic).
-     */
-    register(handler) {
-        this.handler = handler;
-        this.hasHandler.set(true);
-    }
-    /**
-     * Quita el handler. Llamar en `ionViewWillLeave` para que el refresher
-     * desaparezca al salir de la vista.
-     */
-    unregister() {
-        this.handler = null;
-        this.hasHandler.set(false);
-    }
-    /**
-     * Ejecuta el handler registrado y espera a que termine. Lo invoca
-     * `val-page-wrapper` al detectar el gesto de pull. No-op si no hay handler.
-     */
-    async run() {
-        if (!this.handler)
-            return;
-        await this.handler();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PageRefreshService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PageRefreshService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PageRefreshService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-/**
- * Conecta una página al pull-to-refresh estándar en UNA línea, sin lifecycle
- * hooks manuales: registra el handler y lo desregistra al destruir la página
- * (vía `DestroyRef`).
- *
- * DEBE llamarse en un injection context (constructor o field initializer).
- *
- * @example
- * ```ts
- * export class MiPage {
- *   private data = createRefreshableStream(() => this.svc.getX());
- *   readonly items = this.data.data;
- *
- *   constructor() {
- *     connectPageRefresh(() => this.data.reload());
- *   }
- * }
- * ```
- *
- * Reemplaza el patrón `ngOnInit`→`register` / `ngOnDestroy`→`unregister`.
- */
-function connectPageRefresh(handler) {
-    const svc = inject(PageRefreshService);
-    const destroyRef = inject(DestroyRef);
-    svc.register(handler);
-    destroyRef.onDestroy(() => svc.unregister());
-}
-
 class NetworkStatusService {
     constructor() {
         this._isOnline = signal(typeof navigator !== 'undefined' ? navigator.onLine : true);
@@ -48790,6 +49468,7 @@ class ContentReactionComponent {
                 ...s,
                 isLoading: false,
                 isSubmitted: true,
+                comment: '',
                 hadPreviousReaction: !useAnonymous, // Solo para autenticados
             }));
             this.reactionSubmit.emit({
@@ -52654,5 +53333,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ACTION_CARD_DEFAULTS, AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, ARTICLE_CARD_DEFAULTS, ARTICLE_SPACING, ARTICLE_STRIP_DEFAULTS, AUTH_CTA_DEFAULTS, AVATAR_UPLOAD_DEFAULTS, AccordionComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AnimatedTerminalComponent, AppConfigService, AppVersionService, ArticleBuilder, ArticleCardComponent, ArticleComponent, ArticleStripComponent, AttachmentUploaderComponent, AuthBackgroundComponent, AuthCtaComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, AvatarUploadComponent, BOTTOM_NAV_DEFAULTS, BannerComponent, BaseDefault, BlogPostBuilder, BottomNavComponent, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, CALLOUT_LABELS, CHEV_KEYS, CIRCLE_KEYS, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CONTENT_CARD_DEFAULTS, CORNER_KEYS, CTA_CARD_DEFAULTS, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, ChangeEmailModalComponent, ChangePasswordModalComponent, CheckInputComponent, CheckboxRadioInputComponent, ChipGroupComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContainerComponent, ContentCardComponent, ContentLoaderComponent, ContentReactionComponent, ContentService, ContentTransformer, CookieBannerComponent, CountdownComponent, CtaCardComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_APP_CONFIG_SERVICE_CONFIG, DEFAULT_APP_VERSION_SERVICE_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACK_HEADER, DEFAULT_CANCEL_BUTTON, DEFAULT_CHECK_INTERVAL_MS, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_DEBUG_CONSOLE_CONFIG, DEFAULT_DONATION_CONFIG, DEFAULT_EMPTY_STATE, DEFAULT_EMULATOR_CONFIG, DEFAULT_FEEDBACK_CONFIG, DEFAULT_FEEDBACK_TYPE_OPTIONS, DEFAULT_HOME_HEADER, DEFAULT_INFINITE_LIST_METADATA, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLATFORMS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DEFAULT_SPLASH_SCREEN_CONFIG, DataTableComponent, DateInputComponent, DateRangeInputComponent, DebugConsoleComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsBuilder, DocsCalloutComponent, DocsCodeExampleComponent, DocsLayoutComponent, DocsNavLinksComponent, DocsNavigationService, DocsPageComponent, DocsSearchComponent, DocsSectionComponent, DocsShellComponent, DocsSidebarComponent, DocsTocComponent, DonationService, DownloadService, EmailInputComponent, EmptyStateComponent, ExpandableTextComponent, FEATURES_LIST_DEFAULTS, FUN_MODAL_DEFAULTS, FabComponent, FaqComponent, FeaturesListComponent, FeedbackFormComponent, FeedbackService, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FooterComponent, FooterLinksComponent, FormComponent, FormFooterComponent, FormSkeletonComponent, FunHeaderComponent, FunModalComponent, GlassComponent, GlowCardComponent, GlowComponent, GridSkeletonComponent, HANDOFF_ROUTE_PARAM, HANDOFF_TOKEN_PARAM, HandoffService, HasPermissionDirective, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, IMAGE_DEFAULTS, INFO_CARD_DEFAULTS, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, INVITATION_CARD_DEFAULTS, Icon, IconComponent, IconService, ImageComponent, ImageCropComponent, ImageService, InAppBrowserService, InfiniteListComponent, InfoCardComponent, InfoComponent, InputI18nHelper, InputType, InvitationCardComponent, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LEGAL_CONTENT_CONFIG, LOGIN_DEFAULTS, LandingSplitComponent, LandingStepsComponent, LanguageSelectorComponent, LayeredCardComponent, LegalContentService, LegalLinkService, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadingDirective, LocalStorageService, LocaleService, LoginComponent, MEDIA_OBJECT_DEFAULTS, MEMBER_CARD_DEFAULTS, METRIC_CARD_DEFAULTS, MODAL_SIZES, MOTIF_KEYS, MOTION, MaintenancePageComponent, MarkdownArticleParserService, MediaObjectComponent, MemberCardComponent, MenuComponent, MessagingService, MetaService, MetricCardComponent, MfaModalComponent, ModalService, ModalShellComponent, MultiSelectSearchComponent, NUM_KEYS, NavigationService, NetworkBannerComponent, NetworkStatusService, NewsBuilder, NoContentComponent, NotesBoxComponent, NotificationActionService, NotificationsService, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OrgService, OrgSwitchService, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PATTERN_MOTIFS, PATTERN_PALETTES, PATTERN_STYLE_CONFIGS, PLATFORM_CONFIGS, PageContentComponent, PageLinksComponent, PageRefreshService, PageTemplateComponent, PageWavesComponent, PageWrapperComponent, PaginationComponent, PaginationService, PasswordInputComponent, PatternComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PreferencesService, PresetService, PriceTagComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProcessLinksPipe, ProfileSkeletonComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QueryBuilder, QuoteBoxComponent, REQUEST_STATUSES, RadioInputComponent, RangeInputComponent, RatingComponent, RefresherComponent, RequestFirestoreService, RequestFormBuilderService, RequestService, RightsFooterComponent, RotatingTextComponent, SEARCH_HEADER_DEFAULTS, SHAPE_KEYS, SHARE_PROFILE_MODAL_DEFAULTS, SKELETON_LAYOUT_DEFAULT_ROWS, SKELETON_PRESETS, SOLID_KEYS, STATS_BAR_DEFAULTS, STROKE_KEYS, SearchHeaderComponent, 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, ShareProfileModalComponent, SimpleComponent, SkeletonComponent, SkeletonLayoutComponent, SkeletonService, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, SplashScreenService, StatsBarComponent, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, TRI_KEYS, TabbedContentComponent, TableSkeletonComponent, TabsComponent, Terminal404Component, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TranslatePipe, TypedCollection, UPDATE_BANNER_DEFAULT_CONTENT, UPDATE_BANNER_I18N_NAMESPACE, UpdateBannerComponent, UserAvatarComponent, UsernameInputComponent, VALTECH_ADS_CONFIG, VALTECH_APP_CONFIG, VALTECH_APP_VERSION, VALTECH_AUTH_CONFIG, VALTECH_COMPANY_LINKS, VALTECH_CONTENT_CONFIG, VALTECH_DEBUG_CONSOLE, VALTECH_DEFAULT_CONTENT, VALTECH_DONATION_CONFIG, VALTECH_FEEDBACK_CONFIG, VALTECH_FIREBASE_CONFIG, VALTECH_FOOTER_I18N, VALTECH_FOOTER_LOGO, VALTECH_LANGUAGE_SELECTOR, VALTECH_LEGAL_CONFIG, VALTECH_NETWORK_ERROR_KEY, VALTECH_SITE_PATHS, VALTECH_SOCIAL_LINKS, VALTECH_SPLASH_SCREEN, VALTECH_WEB_BASE_URLS, VERSION, ValtechErrorService, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, authPasswordValidator, beautifyLegalArticle, blogPost, buildFooterLinks, buildPath, collections, connectPageRefresh, createErrorStateProps, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createRefreshableStream, createTitleProps, docs, errorLoggingInterceptor, extractPathParams, generatePatternTiles, generateRandomTile, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, getTimeOfDayKey, goToTop, guestGuard, hasEmulators, interpretError, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, mulberry32, news, parseMarkdownArticle, permissionGuard, permissionGuardFromRoute, provideLegalContent, provideSplashScreen, provideValtechAds, provideValtechAppConfig, provideValtechAppVersion, provideValtechAuth, provideValtechAuthInterceptor, provideValtechContent, provideValtechDebugConsole, provideValtechDonations, provideValtechErrorHandling, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechLegal, provideValtechPresets, provideValtechSite, provideValtechSkeleton, query, renderPatternSvgInner, replaceSpecialChars, resolveColor$1 as resolveColor, resolveInputDefaultValue, resolveWebBaseUrl, roleGuard, storagePaths, superAdminGuard, toArticle };
+export { ACTION_CARD_DEFAULTS, AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, ARTICLE_CARD_DEFAULTS, ARTICLE_SPACING, ARTICLE_STRIP_DEFAULTS, AUTH_CTA_DEFAULTS, AVATAR_UPLOAD_DEFAULTS, AccordionComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AnimatedTerminalComponent, AppConfigService, AppVersionService, ArticleBuilder, ArticleCardComponent, ArticleComponent, ArticleStripComponent, AttachmentUploaderComponent, AuthBackgroundComponent, AuthCtaComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, AvatarUploadComponent, BOTTOM_NAV_DEFAULTS, BannerComponent, BaseDefault, BlogPostBuilder, BottomNavComponent, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, CALLOUT_LABELS, CHEV_KEYS, CIRCLE_KEYS, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CONTENT_CARD_DEFAULTS, CORNER_KEYS, CTA_CARD_DEFAULTS, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, ChangeEmailModalComponent, ChangePasswordModalComponent, CheckInputComponent, CheckboxRadioInputComponent, ChipGroupComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContainerComponent, ContentCardComponent, ContentLoaderComponent, ContentReactionComponent, ContentService, ContentTransformer, CookieBannerComponent, CountdownComponent, CtaCardComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_APP_CONFIG_SERVICE_CONFIG, DEFAULT_APP_VERSION_SERVICE_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACK_HEADER, DEFAULT_CANCEL_BUTTON, DEFAULT_CHECK_INTERVAL_MS, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_DEBUG_CONSOLE_CONFIG, DEFAULT_DONATION_CONFIG, DEFAULT_EMPTY_STATE, DEFAULT_EMULATOR_CONFIG, DEFAULT_FEEDBACK_CONFIG, DEFAULT_FEEDBACK_TYPE_OPTIONS, DEFAULT_HOME_HEADER, DEFAULT_INFINITE_LIST_METADATA, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLATFORMS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DEFAULT_SPLASH_SCREEN_CONFIG, DataTableComponent, DateInputComponent, DateRangeInputComponent, DebugConsoleComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsBuilder, DocsCalloutComponent, DocsCodeExampleComponent, DocsLayoutComponent, DocsNavLinksComponent, DocsNavigationService, DocsPageComponent, DocsSearchComponent, DocsSectionComponent, DocsShellComponent, DocsSidebarComponent, DocsTocComponent, DonationService, DownloadService, EmailInputComponent, EmptyStateComponent, ExpandableTextComponent, FEATURES_LIST_DEFAULTS, FUN_MODAL_DEFAULTS, FabComponent, FaqComponent, FeaturesListComponent, FeedbackFormComponent, FeedbackService, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FooterComponent, FooterLinksComponent, FormComponent, FormFooterComponent, FormSkeletonComponent, FunHeaderComponent, FunModalComponent, GlassComponent, GlowCardComponent, GlowComponent, GridSkeletonComponent, HANDOFF_ROUTE_PARAM, HANDOFF_TOKEN_PARAM, HandoffService, HasPermissionDirective, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, IMAGE_DEFAULTS, INFO_CARD_DEFAULTS, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, INVITATION_CARD_DEFAULTS, Icon, IconComponent, IconService, ImageComponent, ImageCropComponent, ImageService, InAppBrowserService, InfiniteListComponent, InfoCardComponent, InfoComponent, InputI18nHelper, InputType, InvitationCardComponent, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LEGAL_CONTENT_CONFIG, LOGIN_DEFAULTS, LandingSplitComponent, LandingStepsComponent, LanguageSelectorComponent, LayeredCardComponent, LegalContentService, LegalLinkService, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadingDirective, LocalStorageService, LocaleService, LoginComponent, MEDIA_OBJECT_DEFAULTS, MEMBER_CARD_DEFAULTS, METRIC_CARD_DEFAULTS, MODAL_SIZES, MOTIF_KEYS, MOTION, MaintenancePageComponent, MarkdownArticleParserService, MediaObjectComponent, MemberCardComponent, MenuComponent, MessagingService, MetaService, MetricCardComponent, MfaModalComponent, ModalService, ModalShellComponent, MultiSelectSearchComponent, NUM_KEYS, NavigationService, NetworkBannerComponent, NetworkStatusService, NewsBuilder, NoContentComponent, NotesBoxComponent, NotificationActionService, NotificationsService, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OrgService, OrgSwitchService, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PATTERN_MOTIFS, PATTERN_PALETTES, PATTERN_STYLE_CONFIGS, PLATFORM_CONFIGS, PageContentComponent, PageLinksComponent, PageRefreshService, PageTemplateComponent, PageWavesComponent, PageWrapperComponent, PaginationComponent, PaginationService, PasswordInputComponent, PatternComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PreferencesService, PresetService, PriceTagComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProcessLinksPipe, ProfileSkeletonComponent, ProfileViewComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QueryBuilder, QuoteBoxComponent, REQUEST_STATUSES, RadioInputComponent, RangeInputComponent, RatingComponent, RefresherComponent, RequestFirestoreService, RequestFormBuilderService, RequestService, RightsFooterComponent, RotatingTextComponent, SEARCH_HEADER_DEFAULTS, SHAPE_KEYS, SHARE_PROFILE_MODAL_DEFAULTS, SKELETON_LAYOUT_DEFAULT_ROWS, SKELETON_PRESETS, SOLID_KEYS, STATS_BAR_DEFAULTS, STROKE_KEYS, SearchHeaderComponent, 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, ShareProfileModalComponent, SimpleComponent, SkeletonComponent, SkeletonLayoutComponent, SkeletonService, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, SplashScreenService, StatsBarComponent, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, TRI_KEYS, TabbedContentComponent, TableSkeletonComponent, TabsComponent, Terminal404Component, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TranslatePipe, TypedCollection, UPDATE_BANNER_DEFAULT_CONTENT, UPDATE_BANNER_I18N_NAMESPACE, UpdateBannerComponent, UserAvatarComponent, UsernameInputComponent, VALTECH_ADS_CONFIG, VALTECH_APP_CONFIG, VALTECH_APP_VERSION, VALTECH_AUTH_CONFIG, VALTECH_COMPANY_LINKS, VALTECH_CONTENT_CONFIG, VALTECH_DEBUG_CONSOLE, VALTECH_DEFAULT_CONTENT, VALTECH_DONATION_CONFIG, VALTECH_FEEDBACK_CONFIG, VALTECH_FIREBASE_CONFIG, VALTECH_FOOTER_I18N, VALTECH_FOOTER_LOGO, VALTECH_LANGUAGE_SELECTOR, VALTECH_LEGAL_CONFIG, VALTECH_NETWORK_ERROR_KEY, VALTECH_SITE_PATHS, VALTECH_SOCIAL_LINKS, VALTECH_SPLASH_SCREEN, VALTECH_WEB_BASE_URLS, VERSION, ValtechErrorService, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, authPasswordValidator, beautifyLegalArticle, blogPost, buildFooterLinks, buildPath, collections, connectPageRefresh, createErrorStateProps, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createRefreshableStream, createTitleProps, docs, errorLoggingInterceptor, extractPathParams, generatePatternTiles, generateRandomTile, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, getTimeOfDayKey, goToTop, guestGuard, hasEmulators, interpretError, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, mulberry32, news, parseMarkdownArticle, permissionGuard, permissionGuardFromRoute, provideLegalContent, provideSplashScreen, provideValtechAds, provideValtechAppConfig, provideValtechAppVersion, provideValtechAuth, provideValtechAuthInterceptor, provideValtechContent, provideValtechDebugConsole, provideValtechDonations, provideValtechErrorHandling, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechLegal, provideValtechPresets, provideValtechProfileRoutes, provideValtechSite, provideValtechSkeleton, query, renderPatternSvgInner, replaceSpecialChars, resolveColor$1 as resolveColor, resolveInputDefaultValue, resolveWebBaseUrl, roleGuard, storagePaths, superAdminGuard, toArticle };
 //# sourceMappingURL=valtech-components.mjs.map