valtech-components 2.0.448 → 2.0.450

package/fesm2022/valtech-components.mjs

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, Injectable, inject, HostListener, Pipe, ChangeDetectionStrategy, ViewChild, ChangeDetectorRef, ElementRef, signal, computed, InjectionToken, makeEnvironmentProviders, PLATFORM_ID, NgZone } from '@angular/core';
+import { EventEmitter, Component, Input, Output, Injectable, inject, HostListener, Pipe, ChangeDetectionStrategy, ViewChild, ChangeDetectorRef, ElementRef, signal, computed } from '@angular/core';
 import * as i2$1 from '@ionic/angular/standalone';
 import { IonAvatar, IonCard, IonIcon, IonButton, IonSpinner, IonText, IonModal, IonHeader, IonToolbar, IonContent, IonButtons, IonTitle, IonProgressBar, IonSkeletonText, IonFab, IonFabButton, IonFabList, IonLabel, IonCardContent, IonCardHeader, IonCardTitle, IonCardSubtitle, IonCheckbox, IonTextarea, IonDatetime, IonDatetimeButton, IonInput, IonSelect, IonSelectOption, IonRadioGroup, IonRadio, IonRange, IonSearchbar, IonSegment, IonSegmentButton, IonToggle, IonAccordion, IonAccordionGroup, IonItem, IonTabBar, IonTabButton, IonBadge, IonBreadcrumb, IonBreadcrumbs, IonChip, IonPopover, IonList, IonNote, ToastController as ToastController$1, IonCol, IonRow, IonMenuButton, IonFooter, IonListHeader, IonInfiniteScroll, IonInfiniteScrollContent, IonGrid, MenuController, IonMenu, IonMenuToggle, AlertController } from '@ionic/angular/standalone';
 import * as i1 from '@angular/common';
-import { CommonModule, NgStyle, Location, NgFor, NgClass, isPlatformBrowser } from '@angular/common';
+import { CommonModule, NgStyle, Location, NgFor, NgClass } from '@angular/common';
 import { addIcons } from 'ionicons';
 import { addOutline, addCircleOutline, alertOutline, alertCircleOutline, arrowBackOutline, arrowForwardOutline, arrowDownOutline, checkmarkCircleOutline, ellipsisHorizontalOutline, notificationsOutline, openOutline, closeOutline, chatbubblesOutline, shareOutline, heart, heartOutline, homeOutline, eyeOffOutline, eyeOutline, scanOutline, chevronDownOutline, chevronForwardOutline, checkmarkOutline, clipboardOutline, copyOutline, filterOutline, locationOutline, calendarOutline, businessOutline, logoTwitter, logoInstagram, logoLinkedin, logoYoutube, logoTiktok, logoFacebook, logoGoogle, createOutline, trashOutline, playOutline, refreshOutline, documentTextOutline, lockClosedOutline, informationCircleOutline, logoNpm, removeOutline, add, close, share, create, trash, star, camera, mic, send, downloadOutline, chevronDown, language, list, grid, apps, menu, settings, home, search, person, helpCircle, informationCircle, documentText, notifications, mail, calendar, folder, chevronForward, ellipsisHorizontal, chevronBack, playBack, playForward, checkmark, ellipse, starOutline, starHalf, heartHalf, checkmarkCircle, timeOutline, flag, trendingUp, trendingDown, remove, analytics, people, cash, cart, eye, chatbubbleOutline, thumbsUpOutline, thumbsUp, happyOutline, happy, sadOutline, sad, chevronUp, pin, pencil, callOutline, shuffleOutline, logoWhatsapp, paperPlaneOutline, mailOutline, trophyOutline, ticketOutline, giftOutline, personOutline, ellipsisVertical, closeCircle, chevronBackOutline, sendOutline, chatbubbleEllipsesOutline, swapVerticalOutline, chevronUpOutline, documentOutline } from 'ionicons/icons';
 import * as i1$4 from '@angular/router';
@@ -13,7 +13,7 @@ import * as i1$1 from '@angular/platform-browser';
 import QRCodeStyling from 'qr-code-styling';
 import * as i1$2 from '@angular/forms';
 import { ReactiveFormsModule, FormsModule, FormControl, Validators } from '@angular/forms';
-import { BehaviorSubject, filter, map, distinctUntilChanged, Subject } from 'rxjs';
+import { BehaviorSubject, filter } from 'rxjs';
 import * as i1$3 from 'ng-otp-input';
 import { NgOtpInputComponent, NgOtpInputModule } from 'ng-otp-input';
 import * as i2 from '@ionic/angular';
@@ -27,11 +27,6 @@ import 'prismjs/components/prism-typescript';
 import 'prismjs/components/prism-bash';
 import Swiper from 'swiper';
 import { Navigation, Pagination, EffectFade, EffectCube, EffectCoverflow, EffectFlip, Autoplay } from 'swiper/modules';
-import { provideFirebaseApp, initializeApp } from '@angular/fire/app';
-import { provideAuth, getAuth, connectAuthEmulator, Auth, authState, signInWithCustomToken, signOut } from '@angular/fire/auth';
-import { provideFirestore, getFirestore, connectFirestoreEmulator, enableIndexedDbPersistence, Firestore, doc, getDoc, collection, query as query$1, getDocs, limit, docData, collectionData, serverTimestamp, addDoc, setDoc, updateDoc, deleteDoc, writeBatch, arrayUnion, arrayRemove, increment, where, orderBy, startAfter, startAt, endBefore, endAt, Timestamp } from '@angular/fire/firestore';
-import { provideMessaging, getMessaging, Messaging, getToken, deleteToken, onMessage } from '@angular/fire/messaging';
-import { provideStorage, getStorage, connectStorageEmulator, Storage, ref, uploadBytesResumable, getDownloadURL, getMetadata, deleteObject, listAll } from '@angular/fire/storage';
 
 /**
  * val-avatar
@@ -21133,2478 +21128,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i2$1.ModalController }] });
 
-/**
- * Firebase Types
- *
- * Tipos e interfaces para la integración de Firebase en valtech-components.
- * Todos los modelos de Firestore deben extender FirestoreDocument.
- */
-
-/**
- * Firebase Configuration
- *
- * Configuración e inicialización de Firebase para aplicaciones Angular.
- * Usa provideValtechFirebase() en el bootstrap de tu aplicación.
- */
-/**
- * Token de inyección para la configuración de Firebase.
- * Usado internamente por los servicios de Firebase.
- */
-const VALTECH_FIREBASE_CONFIG = new InjectionToken('ValtechFirebaseConfig');
-/**
- * Provee Firebase a la aplicación Angular.
- *
- * @param config - Configuración de Firebase
- * @returns EnvironmentProviders para usar en bootstrapApplication
- *
- * @example
- * ```typescript
- * // main.ts
- * import { bootstrapApplication } from '@angular/platform-browser';
- * import { provideValtechFirebase } from 'valtech-components';
- * import { environment } from './environments/environment';
- *
- * bootstrapApplication(AppComponent, {
- *   providers: [
- *     provideValtechFirebase({
- *       firebase: environment.firebase,
- *       persistence: true,
- *       emulator: environment.useEmulators ? {
- *         firestore: { host: 'localhost', port: 8080 },
- *         auth: { host: 'localhost', port: 9099 },
- *         storage: { host: 'localhost', port: 9199 },
- *       } : undefined,
- *     }),
- *   ],
- * });
- * ```
- */
-function provideValtechFirebase(config) {
-    // Construir array de providers base
-    const providers = [
-        // Guardar configuración para uso en servicios
-        { provide: VALTECH_FIREBASE_CONFIG, useValue: config },
-        // Inicializar Firebase App
-        provideFirebaseApp(() => initializeApp(config.firebase)),
-        // Firestore con soporte para emuladores y persistencia
-        provideFirestore(() => {
-            const firestore = getFirestore();
-            // Conectar a emulador si está configurado
-            if (config.emulator?.firestore) {
-                connectFirestoreEmulator(firestore, config.emulator.firestore.host, config.emulator.firestore.port);
-            }
-            // Habilitar persistencia offline si está configurada
-            if (config.persistence) {
-                enableIndexedDbPersistence(firestore).catch((err) => {
-                    if (err.code === 'failed-precondition') {
-                        console.warn('[ValtechFirebase] Persistencia no disponible: múltiples pestañas abiertas');
-                    }
-                    else if (err.code === 'unimplemented') {
-                        console.warn('[ValtechFirebase] Persistencia no soportada en este navegador');
-                    }
-                });
-            }
-            return firestore;
-        }),
-        // Auth con soporte para emulador
-        provideAuth(() => {
-            const auth = getAuth();
-            // Conectar a emulador si está configurado
-            if (config.emulator?.auth) {
-                connectAuthEmulator(auth, `http://${config.emulator.auth.host}:${config.emulator.auth.port}`, { disableWarnings: true });
-            }
-            return auth;
-        }),
-        // Storage con soporte para emulador
-        provideStorage(() => {
-            const storage = getStorage();
-            // Conectar a emulador si está configurado
-            if (config.emulator?.storage) {
-                connectStorageEmulator(storage, config.emulator.storage.host, config.emulator.storage.port);
-            }
-            return storage;
-        }),
-    ];
-    // Messaging (FCM) - solo si está explícitamente habilitado
-    // Requiere Service Worker configurado, puede congelar la app si no está disponible
-    if (config.enableMessaging) {
-        providers.push(provideMessaging(() => getMessaging()));
-    }
-    return makeEnvironmentProviders(providers);
-}
-/**
- * Verifica si los emuladores están configurados.
- *
- * @param config - Configuración de Firebase
- * @returns true si hay al menos un emulador configurado
- */
-function hasEmulators(config) {
-    return !!(config.emulator?.firestore || config.emulator?.auth || config.emulator?.storage);
-}
-
-/**
- * Firebase Shared Configuration
- *
- * Configuración base de Firebase compartida entre todas las apps del monorepo.
- * Los secrets (apiKey, appId) se inyectan en build time via environment.
- */
-const APP_IDS = {
-    DEMO: 'demo',
-    SHOWCASE: 'showcase',
-    ADMIN_PORTAL: 'admin-portal',
-    APP: 'app',
-};
-// ============================================================================
-// FIREBASE PROJECT IDS
-// ============================================================================
-/**
- * IDs de los proyectos Firebase por ambiente.
- * Deben coincidir con los proyectos creados en Firebase Console.
- */
-const FIREBASE_PROJECTS = {
-    development: 'myvaltech-dev',
-    production: 'myvaltech-prod',
-};
-// ============================================================================
-// EMULATOR CONFIGURATION (shared across all apps)
-// ============================================================================
-/**
- * Configuración de emuladores compartida.
- * Todos los puertos deben coincidir con frontend/firebase/firebase.json
- */
-const SHARED_EMULATOR_CONFIG = {
-    firestore: { host: 'localhost', port: 9080 },
-    storage: { host: 'localhost', port: 9199 },
-    auth: { host: 'localhost', port: 9099 },
-};
-// ============================================================================
-// STORAGE PATH BUILDERS
-// ============================================================================
-/**
- * Genera paths de Storage con namespace por app.
- *
- * @example
- * // Path específico de la app
- * storagePaths.forApp('showcase', 'uploads', 'image.jpg')
- * // => 'showcase/uploads/image.jpg'
- *
- * // Path compartido
- * storagePaths.shared.profilePhoto('user123', 'avatar.jpg')
- * // => 'profile-photos/user123/avatar.jpg'
- */
-const storagePaths = {
-    /** Carpeta específica de la app: {appId}/{...paths} */
-    forApp: (appId, ...paths) => [appId, ...paths].join('/'),
-    /** Carpetas compartidas (sin namespace) */
-    shared: {
-        /** Foto de perfil de usuario */
-        profilePhoto: (userId, fileName) => `profile-photos/${userId}/${fileName}`,
-        /** Archivos públicos accesibles sin autenticación */
-        public: (...paths) => `public/${paths.join('/')}`,
-    },
-    /** Carpetas de desarrollo (acceso libre en emuladores) */
-    demo: (...paths) => `demo/${paths.join('/')}`,
-};
-// ============================================================================
-// FIRESTORE COLLECTION BUILDERS
-// ============================================================================
-/**
- * Genera paths de colecciones con namespace por app.
- *
- * IMPORTANTE: La estructura es /apps/{appId}/{collection}/{docId}
- * Firestore requiere número impar de segmentos para paths de colección.
- *
- * @example
- * // Colección específica de la app
- * collections.forApp('showcase', 'items')
- * // => 'apps/showcase/items'
- *
- * // Colección de desarrollo
- * collections.forApp('demo', 'items')
- * // => 'apps/demo/items'
- *
- * // Colección compartida
- * collections.shared.users
- * // => 'users'
- */
-const collections = {
-    /** Colección específica de la app: apps/{appId}/{collection} */
-    forApp: (appId, collectionName) => `apps/${appId}/${collectionName}`,
-    /** Colecciones compartidas (sin namespace, nivel raíz) */
-    shared: {
-        /** Usuarios del sistema */
-        users: 'users',
-        /** Perfiles públicos */
-        profiles: 'profiles',
-        /** Notificaciones de usuarios */
-        notifications: 'notifications',
-    },
-};
-/**
- * Crea la configuración completa de Firebase desde variables de entorno.
- * Usa esto en el environment.ts de cada app.
- *
- * @example
- * // environment.ts
- * export const environment = {
- *   firebase: createFirebaseConfig(
- *     {
- *       apiKey: 'AIza...',
- *       authDomain: 'myvaltech-dev.firebaseapp.com',
- *       projectId: 'myvaltech-dev',
- *       storageBucket: 'myvaltech-dev.appspot.com',
- *       messagingSenderId: '123456789',
- *       appId: '1:123456789:web:abc123',
- *     },
- *     { useEmulators: true, persistence: true }
- *   ),
- * };
- */
-function createFirebaseConfig(envConfig, options = {}) {
-    const { useEmulators = false, persistence = true, enableMessaging = false, messagingVapidKey } = options;
-    return {
-        firebase: envConfig,
-        persistence,
-        enableMessaging,
-        messagingVapidKey,
-        emulator: useEmulators ? SHARED_EMULATOR_CONFIG : undefined,
-    };
-}
-// ============================================================================
-// UTILITY: Check if running in emulator mode
-// ============================================================================
-/**
- * Verifica si la configuración tiene emuladores habilitados
- */
-function isEmulatorMode(config) {
-    return config.emulator !== undefined;
-}
-
-/**
- * Firebase Service
- *
- * Servicio principal para la autenticación con Firebase usando Custom Tokens.
- * Permite que usuarios autenticados con tu backend (Cognito, etc.) accedan
- * a servicios de Firebase (Firestore, Storage, FCM) de manera segura.
- */
-/**
- * Servicio de autenticación de Firebase.
- *
- * Este servicio NO maneja el login de usuarios directamente.
- * En su lugar, trabaja con Custom Tokens generados por tu backend.
- *
- * @example
- * ```typescript
- * // Después de autenticarte con tu backend (ej: Cognito)
- * @Component({...})
- * export class LoginComponent {
- *   private authService = inject(AuthService);     // Tu servicio de auth
- *   private firebase = inject(FirebaseService);    // Este servicio
- *
- *   async login(email: string, password: string) {
- *     // 1. Autenticar con tu backend
- *     const response = await this.authService.login(email, password);
- *
- *     // 2. El backend devuelve un Firebase Custom Token
- *     if (response.firebaseToken) {
- *       await this.firebase.signInWithCustomToken(response.firebaseToken);
- *     }
- *
- *     // Ahora el usuario puede acceder a Firestore, Storage, etc.
- *   }
- *
- *   async logout() {
- *     await this.authService.logout();
- *     await this.firebase.signOut();
- *   }
- * }
- * ```
- */
-class FirebaseService {
-    constructor() {
-        this.auth = inject(Auth);
-        this.config = inject(VALTECH_FIREBASE_CONFIG);
-        /** Estado interno de la sesión */
-        this.sessionState = new BehaviorSubject({
-            user: null,
-            isAuthenticated: false,
-            isLoading: true,
-            error: null,
-        });
-        /** Estado actual de la sesión como Observable */
-        this.state$ = this.sessionState.asObservable();
-        /** Usuario actual de Firebase como Observable */
-        this.user$ = authState(this.auth).pipe(map((user) => (user ? this.mapUser(user) : null)), distinctUntilChanged((a, b) => a?.uid === b?.uid));
-        /** Indica si el usuario está autenticado en Firebase */
-        this.isAuthenticated$ = this.user$.pipe(map((user) => !!user), distinctUntilChanged());
-        // Escuchar cambios en el estado de autenticación
-        authState(this.auth).subscribe({
-            next: (user) => {
-                this.sessionState.next({
-                    user: user ? this.mapUser(user) : null,
-                    isAuthenticated: !!user,
-                    isLoading: false,
-                    error: null,
-                });
-            },
-            error: (error) => {
-                this.sessionState.next({
-                    user: null,
-                    isAuthenticated: false,
-                    isLoading: false,
-                    error,
-                });
-            },
-        });
-    }
-    // ===========================================================================
-    // AUTENTICACIÓN
-    // ===========================================================================
-    /**
-     * Autentica al usuario con un Custom Token generado por el backend.
-     *
-     * @param token - Firebase Custom Token generado por tu backend
-     * @returns UserCredential con la información del usuario
-     * @throws Error si el token es inválido o expiró
-     *
-     * @example
-     * ```typescript
-     * // Después de login exitoso con tu backend
-     * const { firebaseToken } = await backendAuth.login(email, password);
-     * await firebaseService.signInWithCustomToken(firebaseToken);
-     * ```
-     */
-    async signInWithCustomToken(token) {
-        try {
-            const credential = await signInWithCustomToken(this.auth, token);
-            return credential;
-        }
-        catch (error) {
-            const message = this.getErrorMessage(error);
-            throw new Error(message);
-        }
-    }
-    /**
-     * Cierra la sesión de Firebase.
-     * Llamar junto con el logout de tu sistema de autenticación principal.
-     *
-     * @example
-     * ```typescript
-     * async logout() {
-     *   await this.backendAuth.logout();    // Tu auth
-     *   await this.firebase.signOut();       // Firebase
-     * }
-     * ```
-     */
-    async signOut() {
-        try {
-            await signOut(this.auth);
-        }
-        catch (error) {
-            const message = this.getErrorMessage(error);
-            throw new Error(message);
-        }
-    }
-    // ===========================================================================
-    // GETTERS SÍNCRONOS
-    // ===========================================================================
-    /**
-     * Obtiene el usuario actual de Firebase (síncrono).
-     * Retorna null si no hay usuario autenticado.
-     */
-    get currentUser() {
-        const user = this.auth.currentUser;
-        return user ? this.mapUser(user) : null;
-    }
-    /**
-     * Obtiene el UID del usuario actual.
-     * Retorna null si no hay usuario autenticado.
-     */
-    get uid() {
-        return this.auth.currentUser?.uid ?? null;
-    }
-    /**
-     * Indica si hay un usuario autenticado actualmente.
-     */
-    get isAuthenticated() {
-        return !!this.auth.currentUser;
-    }
-    // ===========================================================================
-    // TOKENS
-    // ===========================================================================
-    /**
-     * Obtiene el ID Token de Firebase para el usuario actual.
-     * Útil para validar el usuario en tu backend.
-     *
-     * @param forceRefresh - Si true, fuerza la renovación del token
-     * @returns ID Token o null si no hay usuario
-     */
-    async getIdToken(forceRefresh = false) {
-        const user = this.auth.currentUser;
-        if (!user)
-            return null;
-        try {
-            return await user.getIdToken(forceRefresh);
-        }
-        catch {
-            return null;
-        }
-    }
-    /**
-     * Obtiene los claims personalizados del token del usuario.
-     * Los claims son establecidos por tu backend al crear el Custom Token.
-     *
-     * @returns Objeto con los claims o vacío si no hay usuario
-     */
-    async getClaims() {
-        const user = this.auth.currentUser;
-        if (!user)
-            return {};
-        try {
-            const result = await user.getIdTokenResult();
-            return result.claims;
-        }
-        catch {
-            return {};
-        }
-    }
-    /**
-     * Verifica si el usuario tiene un rol específico.
-     * El rol debe estar definido en los claims del Custom Token.
-     *
-     * @param role - Nombre del rol a verificar
-     * @returns true si el usuario tiene el rol
-     */
-    async hasRole(role) {
-        const claims = await this.getClaims();
-        return claims['role'] === role || (Array.isArray(claims['roles']) && claims['roles'].includes(role));
-    }
-    // ===========================================================================
-    // UTILIDADES
-    // ===========================================================================
-    /**
-     * Espera a que el estado de autenticación esté determinado.
-     * Útil en guards o al inicializar la app.
-     *
-     * @returns Usuario actual o null
-     */
-    waitForAuth() {
-        return new Promise((resolve) => {
-            const subscription = this.state$.subscribe((state) => {
-                if (!state.isLoading) {
-                    subscription.unsubscribe();
-                    resolve(state.user);
-                }
-            });
-        });
-    }
-    /**
-     * Obtiene la configuración actual de Firebase.
-     */
-    getConfig() {
-        return this.config;
-    }
-    /**
-     * Indica si los emuladores están habilitados.
-     */
-    isUsingEmulators() {
-        return !!(this.config.emulator?.firestore || this.config.emulator?.auth || this.config.emulator?.storage);
-    }
-    // ===========================================================================
-    // MÉTODOS PRIVADOS
-    // ===========================================================================
-    /**
-     * Mapea un User de Firebase a nuestra interface FirebaseUser
-     */
-    mapUser(user) {
-        return {
-            uid: user.uid,
-            email: user.email,
-            displayName: user.displayName,
-            photoURL: user.photoURL,
-            emailVerified: user.emailVerified,
-            isAnonymous: user.isAnonymous,
-            providerId: user.providerId,
-        };
-    }
-    /**
-     * Convierte errores de Firebase a mensajes en español
-     */
-    getErrorMessage(error) {
-        if (error instanceof Error) {
-            const code = error.code;
-            switch (code) {
-                case 'auth/invalid-custom-token':
-                    return 'Token de autenticación inválido';
-                case 'auth/custom-token-mismatch':
-                    return 'El token no corresponde a este proyecto';
-                case 'auth/network-request-failed':
-                    return 'Error de conexión. Verifica tu conexión a internet';
-                case 'auth/too-many-requests':
-                    return 'Demasiados intentos. Intenta de nuevo más tarde';
-                case 'auth/user-disabled':
-                    return 'Esta cuenta ha sido deshabilitada';
-                case 'auth/user-not-found':
-                    return 'Usuario no encontrado';
-                default:
-                    return error.message || 'Error de autenticación desconocido';
-            }
-        }
-        return 'Error de autenticación desconocido';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FirebaseService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FirebaseService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FirebaseService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [] });
-
-/**
- * Path Builder
- *
- * Utilidades para construir rutas de Firestore con templates.
- * Soporta rutas multi-nivel y anidadas.
- */
-/**
- * Construye una ruta de Firestore reemplazando placeholders.
- *
- * @param template - Template con placeholders en formato {param}
- * @param params - Objeto con los valores a reemplazar
- * @returns Ruta construida
- * @throws Error si faltan parámetros requeridos
- *
- * @example
- * ```typescript
- * // Ruta simple
- * buildPath('users/{userId}', { userId: 'abc123' });
- * // => 'users/abc123'
- *
- * // Ruta anidada
- * buildPath('users/{userId}/documents/{docId}', {
- *   userId: 'abc123',
- *   docId: 'doc456'
- * });
- * // => 'users/abc123/documents/doc456'
- *
- * // Múltiples niveles
- * buildPath('orgs/{orgId}/teams/{teamId}/members/{memberId}', {
- *   orgId: 'org1',
- *   teamId: 'team2',
- *   memberId: 'member3'
- * });
- * // => 'orgs/org1/teams/team2/members/member3'
- * ```
- */
-function buildPath(template, params) {
-    let result = template;
-    // Encontrar todos los placeholders
-    const placeholders = template.match(/\{([^}]+)\}/g);
-    if (!placeholders) {
-        return template;
-    }
-    for (const placeholder of placeholders) {
-        const key = placeholder.slice(1, -1); // Remover { y }
-        const value = params[key];
-        if (value === undefined || value === null) {
-            throw new Error(`Parámetro requerido '${key}' no proporcionado para la ruta: ${template}`);
-        }
-        if (typeof value !== 'string' || value.trim() === '') {
-            throw new Error(`El parámetro '${key}' debe ser un string no vacío`);
-        }
-        // Validar que no contenga caracteres inválidos para Firestore
-        if (value.includes('/')) {
-            throw new Error(`El parámetro '${key}' no puede contener '/'`);
-        }
-        result = result.replace(placeholder, value);
-    }
-    return result;
-}
-/**
- * Extrae los nombres de los parámetros de un template de ruta.
- *
- * @param template - Template de ruta
- * @returns Array con los nombres de los parámetros
- *
- * @example
- * ```typescript
- * extractParams('users/{userId}/documents/{docId}');
- * // => ['userId', 'docId']
- * ```
- */
-function extractPathParams(template) {
-    const matches = template.match(/\{([^}]+)\}/g);
-    if (!matches)
-        return [];
-    return matches.map((m) => m.slice(1, -1));
-}
-/**
- * Valida que una ruta de Firestore sea válida.
- *
- * @param path - Ruta a validar
- * @returns true si la ruta es válida
- *
- * @example
- * ```typescript
- * isValidPath('users/abc123');           // true
- * isValidPath('users/abc123/documents'); // true
- * isValidPath('users//documents');       // false (segmento vacío)
- * isValidPath('');                       // false (vacío)
- * ```
- */
-function isValidPath(path) {
-    if (!path || path.trim() === '')
-        return false;
-    const segments = path.split('/');
-    // No puede tener segmentos vacíos
-    if (segments.some((s) => s.trim() === ''))
-        return false;
-    // No puede empezar o terminar con /
-    if (path.startsWith('/') || path.endsWith('/'))
-        return false;
-    return true;
-}
-/**
- * Obtiene la ruta de la colección padre de un documento.
- *
- * @param documentPath - Ruta completa del documento
- * @returns Ruta de la colección padre
- *
- * @example
- * ```typescript
- * getCollectionPath('users/abc123');
- * // => 'users'
- *
- * getCollectionPath('users/abc123/documents/doc456');
- * // => 'users/abc123/documents'
- * ```
- */
-function getCollectionPath(documentPath) {
-    const segments = documentPath.split('/');
-    if (segments.length < 2) {
-        throw new Error(`Ruta de documento inválida: ${documentPath}`);
-    }
-    return segments.slice(0, -1).join('/');
-}
-/**
- * Obtiene el ID del documento de una ruta.
- *
- * @param documentPath - Ruta completa del documento
- * @returns ID del documento
- *
- * @example
- * ```typescript
- * getDocumentId('users/abc123');
- * // => 'abc123'
- *
- * getDocumentId('users/abc123/documents/doc456');
- * // => 'doc456'
- * ```
- */
-function getDocumentId(documentPath) {
-    const segments = documentPath.split('/');
-    if (segments.length < 2 || segments.length % 2 !== 0) {
-        throw new Error(`Ruta de documento inválida: ${documentPath}`);
-    }
-    return segments[segments.length - 1];
-}
-/**
- * Verifica si una ruta apunta a un documento (número par de segmentos).
- *
- * @param path - Ruta a verificar
- * @returns true si es una ruta de documento
- *
- * @example
- * ```typescript
- * isDocumentPath('users/abc123');           // true
- * isDocumentPath('users');                  // false (colección)
- * isDocumentPath('users/abc123/documents'); // false (colección)
- * ```
- */
-function isDocumentPath(path) {
-    const segments = path.split('/').filter((s) => s.trim() !== '');
-    return segments.length > 0 && segments.length % 2 === 0;
-}
-/**
- * Verifica si una ruta apunta a una colección (número impar de segmentos).
- *
- * @param path - Ruta a verificar
- * @returns true si es una ruta de colección
- */
-function isCollectionPath(path) {
-    const segments = path.split('/').filter((s) => s.trim() !== '');
-    return segments.length > 0 && segments.length % 2 !== 0;
-}
-/**
- * Combina una ruta base con segmentos adicionales.
- *
- * @param basePath - Ruta base
- * @param segments - Segmentos adicionales
- * @returns Ruta combinada
- *
- * @example
- * ```typescript
- * joinPath('users', 'abc123', 'documents');
- * // => 'users/abc123/documents'
- * ```
- */
-function joinPath(...segments) {
-    return segments
-        .filter((s) => s && s.trim() !== '')
-        .map((s) => s.replace(/^\/+|\/+$/g, '')) // Remover / al inicio y final
-        .join('/');
-}
-
-/**
- * Firestore Service
- *
- * Servicio genérico para operaciones CRUD en Firestore.
- * Soporta lecturas one-time, subscripciones real-time, paginación y queries complejas.
- */
-/**
- * Servicio para operaciones CRUD en Firestore.
- *
- * @example
- * ```typescript
- * interface User extends FirestoreDocument {
- *   name: string;
- *   email: string;
- *   role: 'admin' | 'user';
- * }
- *
- * @Component({...})
- * export class UsersComponent {
- *   private firestore = inject(FirestoreService);
- *
- *   // Lectura one-time
- *   async loadUser(id: string) {
- *     const user = await this.firestore.getDoc<User>('users', id);
- *   }
- *
- *   // Subscripción real-time
- *   users$ = this.firestore.collectionChanges<User>('users', {
- *     where: [{ field: 'role', operator: '==', value: 'admin' }],
- *     orderBy: [{ field: 'name', direction: 'asc' }]
- *   });
- *
- *   // Crear documento
- *   async createUser(data: Omit<User, 'id'>) {
- *     const user = await this.firestore.addDoc<User>('users', data);
- *   }
- * }
- * ```
- */
-class FirestoreService {
-    constructor() {
-        this.firestore = inject(Firestore);
-    }
-    // ===========================================================================
-    // LECTURAS ONE-TIME (Promise)
-    // ===========================================================================
-    /**
-     * Obtiene un documento por ID (lectura única).
-     *
-     * @param collectionPath - Ruta de la colección
-     * @param docId - ID del documento
-     * @returns Documento o null si no existe
-     *
-     * @example
-     * ```typescript
-     * const user = await firestoreService.getDoc<User>('users', 'abc123');
-     * if (user) {
-     *   console.log(user.name);
-     * }
-     * ```
-     */
-    async getDoc(collectionPath, docId) {
-        const docRef = doc(this.firestore, collectionPath, docId);
-        const snapshot = await getDoc(docRef);
-        if (!snapshot.exists()) {
-            return null;
-        }
-        return this.mapDocument(snapshot);
-    }
-    /**
-     * Obtiene múltiples documentos con opciones de query.
-     *
-     * @param collectionPath - Ruta de la colección
-     * @param options - Opciones de query (where, orderBy, limit)
-     * @returns Array de documentos
-     *
-     * @example
-     * ```typescript
-     * // Todos los usuarios activos ordenados por nombre
-     * const users = await firestoreService.getDocs<User>('users', {
-     *   where: [{ field: 'active', operator: '==', value: true }],
-     *   orderBy: [{ field: 'name', direction: 'asc' }],
-     *   limit: 50
-     * });
-     * ```
-     */
-    async getDocs(collectionPath, options) {
-        const collectionRef = collection(this.firestore, collectionPath);
-        const constraints = this.buildQueryConstraints(options);
-        const q = query$1(collectionRef, ...constraints);
-        const snapshot = await getDocs(q);
-        return snapshot.docs.map((doc) => this.mapDocument(doc));
-    }
-    /**
-     * Obtiene documentos con paginación basada en cursores.
-     *
-     * @param collectionPath - Ruta de la colección
-     * @param options - Opciones de query (debe incluir limit)
-     * @returns Resultado paginado con cursor para la siguiente página
-     *
-     * @example
-     * ```typescript
-     * // Primera página
-     * const page1 = await firestoreService.getPaginated<User>('users', {
-     *   orderBy: [{ field: 'createdAt', direction: 'desc' }],
-     *   limit: 10
-     * });
-     *
-     * // Siguiente página
-     * if (page1.hasMore) {
-     *   const page2 = await firestoreService.getPaginated<User>('users', {
-     *     orderBy: [{ field: 'createdAt', direction: 'desc' }],
-     *     limit: 10,
-     *     startAfter: page1.lastDoc
-     *   });
-     * }
-     * ```
-     */
-    async getPaginated(collectionPath, options) {
-        const collectionRef = collection(this.firestore, collectionPath);
-        const constraints = this.buildQueryConstraints(options);
-        // Pedir uno más para saber si hay más páginas
-        const q = query$1(collectionRef, ...constraints, limit(options.limit + 1));
-        const snapshot = await getDocs(q);
-        const docs = snapshot.docs;
-        const hasMore = docs.length > options.limit;
-        // Si hay más, remover el documento extra
-        const resultDocs = hasMore ? docs.slice(0, -1) : docs;
-        const lastDoc = resultDocs.length > 0 ? resultDocs[resultDocs.length - 1] : null;
-        return {
-            data: resultDocs.map((doc) => this.mapDocument(doc)),
-            hasMore,
-            lastDoc,
-        };
-    }
-    /**
-     * Verifica si un documento existe.
-     *
-     * @param collectionPath - Ruta de la colección
-     * @param docId - ID del documento
-     * @returns true si el documento existe
-     */
-    async exists(collectionPath, docId) {
-        const docRef = doc(this.firestore, collectionPath, docId);
-        const snapshot = await getDoc(docRef);
-        return snapshot.exists();
-    }
-    // ===========================================================================
-    // SUBSCRIPCIONES REAL-TIME (Observable)
-    // ===========================================================================
-    /**
-     * Suscribe a cambios de un documento (real-time).
-     *
-     * @param collectionPath - Ruta de la colección
-     * @param docId - ID del documento
-     * @returns Observable que emite cuando el documento cambia
-     *
-     * @example
-     * ```typescript
-     * // En el componente
-     * user$ = this.firestoreService.docChanges<User>('users', this.userId);
-     *
-     * // En el template
-     * @if (user$ | async; as user) {
-     *   <p>{{ user.name }}</p>
-     * }
-     * ```
-     */
-    docChanges(collectionPath, docId) {
-        const docRef = doc(this.firestore, collectionPath, docId);
-        return docData(docRef, { idField: 'id' }).pipe(map((data) => {
-            if (!data)
-                return null;
-            return this.convertTimestamps(data);
-        }));
-    }
-    /**
-     * Suscribe a cambios de una colección (real-time).
-     *
-     * @param collectionPath - Ruta de la colección
-     * @param options - Opciones de query
-     * @returns Observable que emite cuando la colección cambia
-     *
-     * @example
-     * ```typescript
-     * // Usuarios activos en tiempo real
-     * activeUsers$ = this.firestoreService.collectionChanges<User>('users', {
-     *   where: [{ field: 'status', operator: '==', value: 'online' }]
-     * });
-     * ```
-     */
-    collectionChanges(collectionPath, options) {
-        const collectionRef = collection(this.firestore, collectionPath);
-        const constraints = this.buildQueryConstraints(options);
-        const q = query$1(collectionRef, ...constraints);
-        return collectionData(q, { idField: 'id' }).pipe(map((docs) => docs.map((doc) => this.convertTimestamps(doc))));
-    }
-    // ===========================================================================
-    // ESCRITURA
-    // ===========================================================================
-    /**
-     * Agrega un documento con ID auto-generado.
-     *
-     * @param collectionPath - Ruta de la colección
-     * @param data - Datos del documento (sin id, createdAt, updatedAt)
-     * @returns Documento creado con su ID
-     *
-     * @example
-     * ```typescript
-     * const newUser = await firestoreService.addDoc<User>('users', {
-     *   name: 'John Doe',
-     *   email: 'john@example.com',
-     *   role: 'user'
-     * });
-     * console.log('Created user with ID:', newUser.id);
-     * ```
-     */
-    async addDoc(collectionPath, data) {
-        const collectionRef = collection(this.firestore, collectionPath);
-        const timestamp = serverTimestamp();
-        const docData = {
-            ...data,
-            createdAt: timestamp,
-            updatedAt: timestamp,
-        };
-        const docRef = await addDoc(collectionRef, docData);
-        // Obtener el documento creado para retornarlo con timestamps resueltos
-        const snapshot = await getDoc(docRef);
-        return this.mapDocument(snapshot);
-    }
-    /**
-     * Crea o sobrescribe un documento con ID específico.
-     *
-     * @param collectionPath - Ruta de la colección
-     * @param docId - ID del documento
-     * @param data - Datos del documento
-     * @param options - Opciones (merge: true para merge en lugar de sobrescribir)
-     *
-     * @example
-     * ```typescript
-     * // Sobrescribir completamente
-     * await firestoreService.setDoc<User>('users', 'user123', userData);
-     *
-     * // Merge con datos existentes
-     * await firestoreService.setDoc<User>('users', 'user123', { name: 'New Name' }, { merge: true });
-     * ```
-     */
-    async setDoc(collectionPath, docId, data, options) {
-        const docRef = doc(this.firestore, collectionPath, docId);
-        const timestamp = serverTimestamp();
-        const docData = {
-            ...data,
-            updatedAt: timestamp,
-            ...(options?.merge ? {} : { createdAt: timestamp }),
-        };
-        await setDoc(docRef, docData, { merge: options?.merge ?? false });
-    }
-    /**
-     * Actualiza campos específicos de un documento.
-     *
-     * @param collectionPath - Ruta de la colección
-     * @param docId - ID del documento
-     * @param data - Campos a actualizar
-     *
-     * @example
-     * ```typescript
-     * await firestoreService.updateDoc<User>('users', 'user123', {
-     *   name: 'Updated Name',
-     *   lastLogin: new Date()
-     * });
-     * ```
-     */
-    async updateDoc(collectionPath, docId, data) {
-        const docRef = doc(this.firestore, collectionPath, docId);
-        await updateDoc(docRef, {
-            ...data,
-            updatedAt: serverTimestamp(),
-        });
-    }
-    /**
-     * Elimina un documento.
-     *
-     * @param collectionPath - Ruta de la colección
-     * @param docId - ID del documento
-     *
-     * @example
-     * ```typescript
-     * await firestoreService.deleteDoc('users', 'user123');
-     * ```
-     */
-    async deleteDoc(collectionPath, docId) {
-        const docRef = doc(this.firestore, collectionPath, docId);
-        await deleteDoc(docRef);
-    }
-    // ===========================================================================
-    // OPERACIONES EN LOTE
-    // ===========================================================================
-    /**
-     * Ejecuta múltiples operaciones de escritura de forma atómica.
-     *
-     * @param operations - Función que recibe el batch y agrega operaciones
-     *
-     * @example
-     * ```typescript
-     * await firestoreService.batch((batch) => {
-     *   batch.set('users/user1', { name: 'User 1' });
-     *   batch.update('users/user2', { status: 'inactive' });
-     *   batch.delete('users/user3');
-     * });
-     * ```
-     */
-    async batch(operations) {
-        const batch = writeBatch(this.firestore);
-        const batchApi = {
-            set: (path, data) => {
-                const [collectionPath, docId] = this.splitPath(path);
-                const docRef = doc(this.firestore, collectionPath, docId);
-                batch.set(docRef, {
-                    ...data,
-                    createdAt: serverTimestamp(),
-                    updatedAt: serverTimestamp(),
-                });
-            },
-            update: (path, data) => {
-                const [collectionPath, docId] = this.splitPath(path);
-                const docRef = doc(this.firestore, collectionPath, docId);
-                batch.update(docRef, {
-                    ...data,
-                    updatedAt: serverTimestamp(),
-                });
-            },
-            delete: (path) => {
-                const [collectionPath, docId] = this.splitPath(path);
-                const docRef = doc(this.firestore, collectionPath, docId);
-                batch.delete(docRef);
-            },
-        };
-        operations(batchApi);
-        await batch.commit();
-    }
-    // ===========================================================================
-    // UTILIDADES
-    // ===========================================================================
-    /**
-     * Construye una ruta a partir de un template.
-     *
-     * @param template - Template con placeholders {param}
-     * @param params - Valores para los placeholders
-     * @returns Ruta construida
-     *
-     * @example
-     * ```typescript
-     * const path = firestoreService.buildPath('users/{userId}/documents/{docId}', {
-     *   userId: 'user123',
-     *   docId: 'doc456'
-     * });
-     * // => 'users/user123/documents/doc456'
-     * ```
-     */
-    buildPath(template, params) {
-        return buildPath(template, params);
-    }
-    /**
-     * Genera un ID único para un documento (sin crearlo).
-     *
-     * @param collectionPath - Ruta de la colección
-     * @returns ID único generado por Firestore
-     */
-    generateId(collectionPath) {
-        const collectionRef = collection(this.firestore, collectionPath);
-        return doc(collectionRef).id;
-    }
-    /**
-     * Retorna un valor de timestamp del servidor.
-     * Usar en campos de fecha para que Firestore asigne el timestamp.
-     */
-    serverTimestamp() {
-        return serverTimestamp();
-    }
-    /**
-     * Retorna un valor para agregar elementos a un array.
-     *
-     * @example
-     * ```typescript
-     * await firestoreService.updateDoc('users', 'user123', {
-     *   tags: firestoreService.arrayUnion('new-tag')
-     * });
-     * ```
-     */
-    arrayUnion(...elements) {
-        return arrayUnion(...elements);
-    }
-    /**
-     * Retorna un valor para remover elementos de un array.
-     */
-    arrayRemove(...elements) {
-        return arrayRemove(...elements);
-    }
-    /**
-     * Retorna un valor para incrementar un campo numérico.
-     *
-     * @example
-     * ```typescript
-     * await firestoreService.updateDoc('users', 'user123', {
-     *   loginCount: firestoreService.increment(1)
-     * });
-     * ```
-     */
-    increment(n) {
-        return increment(n);
-    }
-    // ===========================================================================
-    // MÉTODOS PRIVADOS
-    // ===========================================================================
-    /**
-     * Construye los QueryConstraints a partir de QueryOptions
-     */
-    buildQueryConstraints(options) {
-        const constraints = [];
-        if (!options)
-            return constraints;
-        // Where clauses
-        if (options.where) {
-            for (const clause of options.where) {
-                constraints.push(where(clause.field, clause.operator, clause.value));
-            }
-        }
-        // OrderBy clauses
-        if (options.orderBy) {
-            for (const clause of options.orderBy) {
-                constraints.push(orderBy(clause.field, clause.direction));
-            }
-        }
-        // Cursors para paginación
-        if (options.startAfter) {
-            constraints.push(startAfter(options.startAfter));
-        }
-        if (options.startAt) {
-            constraints.push(startAt(options.startAt));
-        }
-        if (options.endBefore) {
-            constraints.push(endBefore(options.endBefore));
-        }
-        if (options.endAt) {
-            constraints.push(endAt(options.endAt));
-        }
-        // Limit (se agrega al final)
-        if (options.limit) {
-            constraints.push(limit(options.limit));
-        }
-        return constraints;
-    }
-    /**
-     * Mapea un DocumentSnapshot a nuestro tipo
-     */
-    mapDocument(snapshot) {
-        const data = snapshot.data();
-        if (!data) {
-            throw new Error('Documento no tiene datos');
-        }
-        return {
-            id: snapshot.id,
-            ...this.convertTimestamps(data),
-        };
-    }
-    /**
-     * Convierte Timestamps de Firestore a Date de JavaScript
-     */
-    convertTimestamps(data) {
-        const result = {};
-        for (const [key, value] of Object.entries(data)) {
-            if (value instanceof Timestamp) {
-                result[key] = value.toDate();
-            }
-            else if (value && typeof value === 'object' && !Array.isArray(value)) {
-                result[key] = this.convertTimestamps(value);
-            }
-            else {
-                result[key] = value;
-            }
-        }
-        return result;
-    }
-    /**
-     * Divide una ruta de documento en colección e ID
-     */
-    splitPath(path) {
-        const segments = path.split('/');
-        if (segments.length < 2 || segments.length % 2 !== 0) {
-            throw new Error(`Ruta de documento inválida: ${path}`);
-        }
-        const docId = segments.pop();
-        const collectionPath = segments.join('/');
-        return [collectionPath, docId];
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FirestoreService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FirestoreService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FirestoreService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
-/**
- * Query Builder
- *
- * Builder fluido para construir queries de Firestore de manera legible.
- * Alternativa más expresiva a pasar objetos QueryOptions directamente.
- */
-/**
- * Builder fluido para queries de Firestore.
- *
- * @example
- * ```typescript
- * // Construir query con builder
- * const options = new QueryBuilder()
- *   .where('status', '==', 'active')
- *   .where('age', '>=', 18)
- *   .orderBy('createdAt', 'desc')
- *   .limit(10)
- *   .build();
- *
- * // Usar con FirestoreService
- * const users = await firestoreService.getDocs<User>('users', options);
- *
- * // O con método estático
- * const options2 = QueryBuilder.create()
- *   .where('category', '==', 'electronics')
- *   .orderBy('price', 'asc')
- *   .build();
- * ```
- */
-class QueryBuilder {
-    constructor() {
-        this.whereConditions = [];
-        this.orderByConditions = [];
-    }
-    /**
-     * Crea una nueva instancia del builder (método estático alternativo).
-     */
-    static create() {
-        return new QueryBuilder();
-    }
-    /**
-     * Agrega una condición where.
-     *
-     * @param field - Campo a filtrar
-     * @param operator - Operador de comparación
-     * @param value - Valor a comparar
-     *
-     * @example
-     * ```typescript
-     * builder.where('status', '==', 'active')
-     * builder.where('price', '>=', 100)
-     * builder.where('tags', 'array-contains', 'featured')
-     * builder.where('category', 'in', ['electronics', 'books'])
-     * ```
-     */
-    where(field, operator, value) {
-        this.whereConditions.push({ field, operator, value });
-        return this;
-    }
-    /**
-     * Shortcut para where con operador '=='.
-     *
-     * @example
-     * ```typescript
-     * builder.whereEquals('status', 'active')
-     * // equivalente a: builder.where('status', '==', 'active')
-     * ```
-     */
-    whereEquals(field, value) {
-        return this.where(field, '==', value);
-    }
-    /**
-     * Shortcut para where con operador '!='.
-     */
-    whereNotEquals(field, value) {
-        return this.where(field, '!=', value);
-    }
-    /**
-     * Shortcut para where con operador '>'.
-     */
-    whereGreaterThan(field, value) {
-        return this.where(field, '>', value);
-    }
-    /**
-     * Shortcut para where con operador '>='.
-     */
-    whereGreaterOrEqual(field, value) {
-        return this.where(field, '>=', value);
-    }
-    /**
-     * Shortcut para where con operador '<'.
-     */
-    whereLessThan(field, value) {
-        return this.where(field, '<', value);
-    }
-    /**
-     * Shortcut para where con operador '<='.
-     */
-    whereLessOrEqual(field, value) {
-        return this.where(field, '<=', value);
-    }
-    /**
-     * Shortcut para where con operador 'array-contains'.
-     *
-     * @example
-     * ```typescript
-     * builder.whereArrayContains('tags', 'featured')
-     * ```
-     */
-    whereArrayContains(field, value) {
-        return this.where(field, 'array-contains', value);
-    }
-    /**
-     * Shortcut para where con operador 'array-contains-any'.
-     *
-     * @example
-     * ```typescript
-     * builder.whereArrayContainsAny('tags', ['featured', 'new'])
-     * ```
-     */
-    whereArrayContainsAny(field, values) {
-        return this.where(field, 'array-contains-any', values);
-    }
-    /**
-     * Shortcut para where con operador 'in'.
-     *
-     * @example
-     * ```typescript
-     * builder.whereIn('status', ['active', 'pending'])
-     * ```
-     */
-    whereIn(field, values) {
-        return this.where(field, 'in', values);
-    }
-    /**
-     * Shortcut para where con operador 'not-in'.
-     */
-    whereNotIn(field, values) {
-        return this.where(field, 'not-in', values);
-    }
-    /**
-     * Agrega ordenamiento por un campo.
-     *
-     * @param field - Campo por el cual ordenar
-     * @param direction - Dirección: 'asc' o 'desc' (default: 'asc')
-     *
-     * @example
-     * ```typescript
-     * builder.orderBy('createdAt', 'desc')
-     * builder.orderBy('name') // asc por defecto
-     * ```
-     */
-    orderBy(field, direction = 'asc') {
-        this.orderByConditions.push({ field, direction });
-        return this;
-    }
-    /**
-     * Shortcut para orderBy descendente.
-     */
-    orderByDesc(field) {
-        return this.orderBy(field, 'desc');
-    }
-    /**
-     * Shortcut para orderBy ascendente.
-     */
-    orderByAsc(field) {
-        return this.orderBy(field, 'asc');
-    }
-    /**
-     * Limita el número de resultados.
-     *
-     * @param count - Número máximo de documentos
-     *
-     * @example
-     * ```typescript
-     * builder.limit(10)
-     * ```
-     */
-    limit(count) {
-        if (count <= 0) {
-            throw new Error('El límite debe ser mayor a 0');
-        }
-        this.limitValue = count;
-        return this;
-    }
-    /**
-     * Cursor para paginación: empezar después de un documento.
-     *
-     * @param cursor - Documento o snapshot desde donde continuar
-     *
-     * @example
-     * ```typescript
-     * // Primera página
-     * const page1 = await service.getPaginated('users', builder.limit(10).build());
-     *
-     * // Siguiente página
-     * const page2 = await service.getPaginated('users',
-     *   builder.startAfter(page1.lastDoc).limit(10).build()
-     * );
-     * ```
-     */
-    startAfter(cursor) {
-        this.startAfterValue = cursor;
-        return this;
-    }
-    /**
-     * Cursor para paginación: empezar en un documento.
-     */
-    startAt(cursor) {
-        this.startAtValue = cursor;
-        return this;
-    }
-    /**
-     * Cursor para paginación: terminar antes de un documento.
-     */
-    endBefore(cursor) {
-        this.endBeforeValue = cursor;
-        return this;
-    }
-    /**
-     * Cursor para paginación: terminar en un documento.
-     */
-    endAt(cursor) {
-        this.endAtValue = cursor;
-        return this;
-    }
-    /**
-     * Construye el objeto QueryOptions.
-     *
-     * @returns QueryOptions para usar con FirestoreService
-     */
-    build() {
-        const options = {};
-        if (this.whereConditions.length > 0) {
-            options.where = [...this.whereConditions];
-        }
-        if (this.orderByConditions.length > 0) {
-            options.orderBy = [...this.orderByConditions];
-        }
-        if (this.limitValue !== undefined) {
-            options.limit = this.limitValue;
-        }
-        if (this.startAfterValue !== undefined) {
-            options.startAfter = this.startAfterValue;
-        }
-        if (this.startAtValue !== undefined) {
-            options.startAt = this.startAtValue;
-        }
-        if (this.endBeforeValue !== undefined) {
-            options.endBefore = this.endBeforeValue;
-        }
-        if (this.endAtValue !== undefined) {
-            options.endAt = this.endAtValue;
-        }
-        return options;
-    }
-    /**
-     * Resetea el builder para reutilización.
-     */
-    reset() {
-        this.whereConditions = [];
-        this.orderByConditions = [];
-        this.limitValue = undefined;
-        this.startAfterValue = undefined;
-        this.startAtValue = undefined;
-        this.endBeforeValue = undefined;
-        this.endAtValue = undefined;
-        return this;
-    }
-    /**
-     * Clona el builder actual.
-     */
-    clone() {
-        const cloned = new QueryBuilder();
-        cloned.whereConditions = [...this.whereConditions];
-        cloned.orderByConditions = [...this.orderByConditions];
-        cloned.limitValue = this.limitValue;
-        cloned.startAfterValue = this.startAfterValue;
-        cloned.startAtValue = this.startAtValue;
-        cloned.endBeforeValue = this.endBeforeValue;
-        cloned.endAtValue = this.endAtValue;
-        return cloned;
-    }
-}
-/**
- * Función helper para crear un QueryBuilder.
- *
- * @example
- * ```typescript
- * import { query } from 'valtech-components';
- *
- * const options = query()
- *   .where('status', '==', 'active')
- *   .orderBy('createdAt', 'desc')
- *   .limit(10)
- *   .build();
- * ```
- */
-function query() {
-    return new QueryBuilder();
-}
-
-/**
- * Storage Service
- *
- * Servicio para operaciones de Firebase Storage.
- * Soporta upload con tracking de progreso, download y gestión de archivos.
- */
-/**
- * Servicio para Firebase Storage.
- *
- * @example
- * ```typescript
- * @Component({...})
- * export class FileUploadComponent {
- *   private storage = inject(StorageService);
- *
- *   uploadProgress = signal<number>(0);
- *   downloadUrl = signal<string | null>(null);
- *
- *   async onFileSelected(event: Event) {
- *     const file = (event.target as HTMLInputElement).files?.[0];
- *     if (!file) return;
- *
- *     // Upload con progreso
- *     this.storage.upload(`uploads/${file.name}`, file).subscribe({
- *       next: (progress) => this.uploadProgress.set(progress.percentage),
- *       complete: async () => {
- *         const url = await this.storage.getDownloadUrl(`uploads/${file.name}`);
- *         this.downloadUrl.set(url);
- *       }
- *     });
- *   }
- * }
- * ```
- */
-class StorageService {
-    constructor() {
-        this.storage = inject(Storage);
-    }
-    // ===========================================================================
-    // UPLOAD
-    // ===========================================================================
-    /**
-     * Sube un archivo con tracking de progreso.
-     *
-     * @param path - Ruta en Storage donde guardar el archivo
-     * @param file - Archivo a subir (File o Blob)
-     * @param metadata - Metadata opcional (contentType, customMetadata)
-     * @returns Observable que emite el progreso y completa cuando termina
-     *
-     * @example
-     * ```typescript
-     * // Upload básico
-     * storage.upload('images/photo.jpg', file).subscribe({
-     *   next: (progress) => console.log(`${progress.percentage}%`),
-     *   complete: () => console.log('Upload completado')
-     * });
-     *
-     * // Con metadata
-     * storage.upload('docs/report.pdf', file, {
-     *   contentType: 'application/pdf',
-     *   customMetadata: { uploadedBy: 'user123' }
-     * }).subscribe(...);
-     * ```
-     */
-    upload(path, file, metadata) {
-        const storageRef = ref(this.storage, path);
-        const uploadMetadata = {
-            contentType: metadata?.contentType || (file instanceof File ? file.type : undefined),
-            customMetadata: metadata?.customMetadata,
-            cacheControl: metadata?.cacheControl,
-        };
-        const task = uploadBytesResumable(storageRef, file, uploadMetadata);
-        const progress$ = new BehaviorSubject({
-            bytesTransferred: 0,
-            totalBytes: file.size,
-            percentage: 0,
-            state: 'running',
-        });
-        task.on('state_changed', (snapshot) => {
-            progress$.next({
-                bytesTransferred: snapshot.bytesTransferred,
-                totalBytes: snapshot.totalBytes,
-                percentage: Math.round((snapshot.bytesTransferred / snapshot.totalBytes) * 100),
-                state: this.mapTaskState(snapshot.state),
-            });
-        }, (error) => {
-            progress$.next({
-                bytesTransferred: 0,
-                totalBytes: file.size,
-                percentage: 0,
-                state: 'error',
-            });
-            progress$.error(this.getErrorMessage(error));
-        }, () => {
-            progress$.next({
-                bytesTransferred: file.size,
-                totalBytes: file.size,
-                percentage: 100,
-                state: 'success',
-            });
-            progress$.complete();
-        });
-        return progress$.asObservable();
-    }
-    /**
-     * Sube un archivo y retorna la URL de descarga al completar.
-     *
-     * @param path - Ruta en Storage
-     * @param file - Archivo a subir
-     * @param metadata - Metadata opcional
-     * @returns Resultado del upload con URL de descarga
-     *
-     * @example
-     * ```typescript
-     * const result = await storage.uploadAndGetUrl('avatars/user123.jpg', file);
-     * console.log('URL:', result.downloadUrl);
-     * ```
-     */
-    async uploadAndGetUrl(path, file, metadata) {
-        return new Promise((resolve, reject) => {
-            this.upload(path, file, metadata).subscribe({
-                complete: async () => {
-                    try {
-                        const storageRef = ref(this.storage, path);
-                        const downloadUrl = await getDownloadURL(storageRef);
-                        const storedMetadata = await getMetadata(storageRef);
-                        resolve({
-                            downloadUrl,
-                            fullPath: storedMetadata.fullPath,
-                            name: storedMetadata.name,
-                            size: storedMetadata.size,
-                            contentType: storedMetadata.contentType || 'application/octet-stream',
-                            metadata: storedMetadata.customMetadata || {},
-                        });
-                    }
-                    catch (error) {
-                        reject(this.getErrorMessage(error));
-                    }
-                },
-                error: (error) => reject(error),
-            });
-        });
-    }
-    /**
-     * Sube un archivo desde una Data URL (base64).
-     *
-     * @param path - Ruta en Storage
-     * @param dataUrl - Data URL (ej: 'data:image/png;base64,...')
-     * @param metadata - Metadata opcional
-     * @returns Resultado del upload
-     *
-     * @example
-     * ```typescript
-     * // Desde canvas
-     * const dataUrl = canvas.toDataURL('image/png');
-     * const result = await storage.uploadFromDataUrl('images/drawing.png', dataUrl);
-     * ```
-     */
-    async uploadFromDataUrl(path, dataUrl, metadata) {
-        // Extraer content type y datos base64
-        const matches = dataUrl.match(/^data:([^;]+);base64,(.+)$/);
-        if (!matches) {
-            throw new Error('Data URL inválida');
-        }
-        const contentType = matches[1];
-        const base64Data = matches[2];
-        // Convertir base64 a Blob
-        const byteCharacters = atob(base64Data);
-        const byteNumbers = new Array(byteCharacters.length);
-        for (let i = 0; i < byteCharacters.length; i++) {
-            byteNumbers[i] = byteCharacters.charCodeAt(i);
-        }
-        const byteArray = new Uint8Array(byteNumbers);
-        const blob = new Blob([byteArray], { type: contentType });
-        return this.uploadAndGetUrl(path, blob, {
-            contentType,
-            ...metadata,
-        });
-    }
-    // ===========================================================================
-    // DOWNLOAD
-    // ===========================================================================
-    /**
-     * Obtiene la URL de descarga de un archivo.
-     *
-     * @param path - Ruta del archivo en Storage
-     * @returns URL de descarga
-     *
-     * @example
-     * ```typescript
-     * const url = await storage.getDownloadUrl('images/photo.jpg');
-     * // Usar en <img [src]="url">
-     * ```
-     */
-    async getDownloadUrl(path) {
-        try {
-            const storageRef = ref(this.storage, path);
-            return await getDownloadURL(storageRef);
-        }
-        catch (error) {
-            throw new Error(this.getErrorMessage(error));
-        }
-    }
-    /**
-     * Obtiene la metadata de un archivo.
-     *
-     * @param path - Ruta del archivo
-     * @returns Metadata del archivo
-     */
-    async getMetadata(path) {
-        try {
-            const storageRef = ref(this.storage, path);
-            const metadata = await getMetadata(storageRef);
-            return {
-                contentType: metadata.contentType,
-                customMetadata: metadata.customMetadata,
-                cacheControl: metadata.cacheControl,
-                size: metadata.size,
-                name: metadata.name,
-            };
-        }
-        catch (error) {
-            throw new Error(this.getErrorMessage(error));
-        }
-    }
-    // ===========================================================================
-    // DELETE
-    // ===========================================================================
-    /**
-     * Elimina un archivo.
-     *
-     * @param path - Ruta del archivo a eliminar
-     *
-     * @example
-     * ```typescript
-     * await storage.delete('images/old-photo.jpg');
-     * ```
-     */
-    async delete(path) {
-        try {
-            const storageRef = ref(this.storage, path);
-            await deleteObject(storageRef);
-        }
-        catch (error) {
-            throw new Error(this.getErrorMessage(error));
-        }
-    }
-    /**
-     * Elimina múltiples archivos.
-     *
-     * @param paths - Array de rutas a eliminar
-     *
-     * @example
-     * ```typescript
-     * await storage.deleteMultiple([
-     *   'images/photo1.jpg',
-     *   'images/photo2.jpg'
-     * ]);
-     * ```
-     */
-    async deleteMultiple(paths) {
-        await Promise.all(paths.map((path) => this.delete(path)));
-    }
-    // ===========================================================================
-    // LIST
-    // ===========================================================================
-    /**
-     * Lista archivos en un directorio.
-     *
-     * @param path - Ruta del directorio
-     * @returns Lista de rutas de archivos
-     *
-     * @example
-     * ```typescript
-     * const result = await storage.list('images/');
-     * console.log(result.items); // ['images/photo1.jpg', 'images/photo2.jpg']
-     * ```
-     */
-    async list(path) {
-        try {
-            const storageRef = ref(this.storage, path);
-            const result = await listAll(storageRef);
-            return {
-                items: result.items.map((item) => item.fullPath),
-                nextPageToken: undefined, // listAll no soporta paginación
-            };
-        }
-        catch (error) {
-            throw new Error(this.getErrorMessage(error));
-        }
-    }
-    // ===========================================================================
-    // UTILIDADES
-    // ===========================================================================
-    /**
-     * Genera un nombre de archivo único con timestamp.
-     *
-     * @param originalName - Nombre original del archivo
-     * @param prefix - Prefijo opcional
-     * @returns Nombre único
-     *
-     * @example
-     * ```typescript
-     * const uniqueName = storage.generateFileName('photo.jpg', 'user123');
-     * // => 'user123_1703091234567_photo.jpg'
-     * ```
-     */
-    generateFileName(originalName, prefix) {
-        const timestamp = Date.now();
-        const sanitizedName = originalName.replace(/[^a-zA-Z0-9.-]/g, '_');
-        if (prefix) {
-            return `${prefix}_${timestamp}_${sanitizedName}`;
-        }
-        return `${timestamp}_${sanitizedName}`;
-    }
-    /**
-     * Genera una ruta única para un archivo.
-     *
-     * @param directory - Directorio base
-     * @param originalName - Nombre original
-     * @param prefix - Prefijo opcional
-     * @returns Ruta completa única
-     *
-     * @example
-     * ```typescript
-     * const path = storage.generatePath('uploads', 'photo.jpg', 'user123');
-     * // => 'uploads/user123_1703091234567_photo.jpg'
-     * ```
-     */
-    generatePath(directory, originalName, prefix) {
-        const fileName = this.generateFileName(originalName, prefix);
-        const cleanDir = directory.replace(/\/+$/, ''); // Remover / final
-        return `${cleanDir}/${fileName}`;
-    }
-    /**
-     * Obtiene la extensión de un archivo.
-     *
-     * @param filename - Nombre del archivo
-     * @returns Extensión (sin el punto)
-     */
-    getExtension(filename) {
-        const parts = filename.split('.');
-        return parts.length > 1 ? parts.pop().toLowerCase() : '';
-    }
-    /**
-     * Verifica si un archivo es una imagen basándose en su extensión.
-     */
-    isImage(filename) {
-        const ext = this.getExtension(filename);
-        return ['jpg', 'jpeg', 'png', 'gif', 'webp', 'svg', 'bmp'].includes(ext);
-    }
-    /**
-     * Verifica si un archivo es un documento.
-     */
-    isDocument(filename) {
-        const ext = this.getExtension(filename);
-        return ['pdf', 'doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx', 'txt'].includes(ext);
-    }
-    // ===========================================================================
-    // MÉTODOS PRIVADOS
-    // ===========================================================================
-    /**
-     * Mapea el estado de la tarea de upload
-     */
-    mapTaskState(state) {
-        switch (state) {
-            case 'running':
-                return 'running';
-            case 'paused':
-                return 'paused';
-            case 'success':
-                return 'success';
-            case 'canceled':
-                return 'canceled';
-            case 'error':
-                return 'error';
-            default:
-                return 'running';
-        }
-    }
-    /**
-     * Convierte errores de Storage a mensajes en español
-     */
-    getErrorMessage(error) {
-        if (error instanceof Error) {
-            const code = error.code;
-            switch (code) {
-                case 'storage/object-not-found':
-                    return 'El archivo no existe';
-                case 'storage/unauthorized':
-                    return 'No tienes permiso para acceder a este archivo';
-                case 'storage/canceled':
-                    return 'La operación fue cancelada';
-                case 'storage/quota-exceeded':
-                    return 'Se ha excedido la cuota de almacenamiento';
-                case 'storage/invalid-checksum':
-                    return 'El archivo está corrupto';
-                case 'storage/retry-limit-exceeded':
-                    return 'Error de conexión. Intenta de nuevo';
-                case 'storage/invalid-url':
-                    return 'URL de archivo inválida';
-                case 'storage/invalid-argument':
-                    return 'Argumento inválido';
-                default:
-                    return error.message || 'Error de almacenamiento desconocido';
-            }
-        }
-        return 'Error de almacenamiento desconocido';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StorageService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StorageService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
-/**
- * Messaging Service (FCM)
- *
- * Servicio para Firebase Cloud Messaging (Push Notifications).
- * Permite solicitar permisos, obtener tokens, escuchar mensajes y manejar
- * navegación (deep linking) cuando el usuario toca una notificación.
- */
-/**
- * Servicio para Firebase Cloud Messaging (FCM).
- *
- * Permite recibir notificaciones push en la aplicación web.
- * Requiere VAPID key configurada en ValtechFirebaseConfig.
- *
- * @example
- * ```typescript
- * @Component({...})
- * export class NotificationComponent {
- *   private messaging = inject(MessagingService);
- *
- *   token = signal<string | null>(null);
- *
- *   async enableNotifications() {
- *     // Solicitar permiso y obtener token
- *     const token = await this.messaging.requestPermission();
- *
- *     if (token) {
- *       this.token.set(token);
- *       // Enviar token a tu backend para almacenarlo
- *       await this.backend.registerDeviceToken(token);
- *     }
- *   }
- *
- *   // Escuchar mensajes en foreground
- *   messages$ = this.messaging.onMessage();
- * }
- * ```
- */
-class MessagingService {
-    constructor() {
-        this.messaging = inject(Messaging, { optional: true });
-        this.config = inject(VALTECH_FIREBASE_CONFIG);
-        this.platformId = inject(PLATFORM_ID);
-        this.ngZone = inject(NgZone);
-        this.messageSubject = new Subject();
-        this.notificationClickSubject = new Subject();
-        this.stateSubject = new BehaviorSubject({
-            token: null,
-            permission: 'default',
-            isSupported: false,
-        });
-        this.initializeMessaging();
-    }
-    // ===========================================================================
-    // INICIALIZACIÓN
-    // ===========================================================================
-    /**
-     * Inicializa el servicio de messaging
-     */
-    async initializeMessaging() {
-        if (!isPlatformBrowser(this.platformId)) {
-            return;
-        }
-        const supported = await this.checkSupport();
-        const permission = this.getPermissionState();
-        this.stateSubject.next({
-            ...this.stateSubject.value,
-            isSupported: supported,
-            permission,
-        });
-        // Si ya tiene permiso, configurar listeners
-        if (supported && permission === 'granted') {
-            this.setupMessageListener();
-        }
-        // Escuchar mensajes del Service Worker (clicks en notificaciones background)
-        this.setupServiceWorkerListener();
-    }
-    /**
-     * Configura listener para mensajes del Service Worker.
-     * Recibe eventos cuando el usuario hace click en una notificación background.
-     */
-    setupServiceWorkerListener() {
-        if (!isPlatformBrowser(this.platformId) || !('serviceWorker' in navigator)) {
-            return;
-        }
-        navigator.serviceWorker.addEventListener('message', (event) => {
-            // Verificar que es un mensaje de notificación click
-            if (event.data?.type === 'NOTIFICATION_CLICK') {
-                this.ngZone.run(() => {
-                    const notification = event.data.notification;
-                    const action = this.extractActionFromData(notification.data);
-                    this.notificationClickSubject.next({
-                        notification,
-                        action,
-                        timestamp: new Date(),
-                    });
-                });
-            }
-        });
-    }
-    /**
-     * Verifica si FCM está soportado en el navegador actual
-     */
-    async checkSupport() {
-        if (!isPlatformBrowser(this.platformId)) {
-            return false;
-        }
-        // Verificar APIs necesarias
-        if (!('Notification' in window)) {
-            return false;
-        }
-        if (!('serviceWorker' in navigator)) {
-            return false;
-        }
-        // Verificar que messaging esté disponible
-        if (!this.messaging) {
-            return false;
-        }
-        return true;
-    }
-    // ===========================================================================
-    // PERMISOS Y TOKEN
-    // ===========================================================================
-    /**
-     * Solicita permiso de notificaciones y obtiene el token FCM.
-     *
-     * @returns Token FCM si se otorgó permiso, null si se denegó
-     *
-     * @example
-     * ```typescript
-     * const token = await messaging.requestPermission();
-     * if (token) {
-     *   console.log('Token FCM:', token);
-     *   // Enviar a backend
-     * } else {
-     *   console.log('Permiso denegado o no soportado');
-     * }
-     * ```
-     */
-    async requestPermission() {
-        if (!await this.isSupported()) {
-            console.warn('FCM no está soportado en este navegador');
-            return null;
-        }
-        try {
-            // Solicitar permiso de notificaciones
-            const permission = await Notification.requestPermission();
-            this.stateSubject.next({
-                ...this.stateSubject.value,
-                permission: permission,
-            });
-            if (permission !== 'granted') {
-                console.warn('Permiso de notificaciones denegado');
-                return null;
-            }
-            // Obtener token FCM
-            const token = await this.getToken();
-            if (token) {
-                // Configurar listener de mensajes
-                this.setupMessageListener();
-            }
-            return token;
-        }
-        catch (error) {
-            console.error('Error solicitando permiso de notificaciones:', error);
-            return null;
-        }
-    }
-    /**
-     * Obtiene el token FCM actual (sin solicitar permiso).
-     *
-     * @returns Token FCM si está disponible, null si no
-     *
-     * @example
-     * ```typescript
-     * const token = await messaging.getToken();
-     * ```
-     */
-    async getToken() {
-        if (!this.messaging) {
-            return null;
-        }
-        const vapidKey = this.config.messagingVapidKey;
-        if (!vapidKey) {
-            console.warn('VAPID key no configurada. FCM no funcionará.');
-            return null;
-        }
-        try {
-            const token = await getToken(this.messaging, { vapidKey });
-            this.stateSubject.next({
-                ...this.stateSubject.value,
-                token,
-            });
-            return token;
-        }
-        catch (error) {
-            console.error('Error obteniendo token FCM:', error);
-            return null;
-        }
-    }
-    /**
-     * Elimina el token FCM actual (unsubscribe de notificaciones).
-     *
-     * @example
-     * ```typescript
-     * await messaging.deleteToken();
-     * console.log('Token eliminado, no recibirá más notificaciones');
-     * ```
-     */
-    async deleteToken() {
-        if (!this.messaging) {
-            return;
-        }
-        try {
-            await deleteToken(this.messaging);
-            this.stateSubject.next({
-                ...this.stateSubject.value,
-                token: null,
-            });
-            // Limpiar listener de mensajes
-            if (this.unsubscribeOnMessage) {
-                this.unsubscribeOnMessage();
-                this.unsubscribeOnMessage = undefined;
-            }
-        }
-        catch (error) {
-            console.error('Error eliminando token FCM:', error);
-            throw new Error('No se pudo eliminar el token de notificaciones');
-        }
-    }
-    // ===========================================================================
-    // MENSAJES
-    // ===========================================================================
-    /**
-     * Observable de mensajes recibidos en foreground.
-     *
-     * IMPORTANTE: Los mensajes en background son manejados por el Service Worker.
-     *
-     * @returns Observable que emite cuando llega un mensaje en foreground
-     *
-     * @example
-     * ```typescript
-     * messaging.onMessage().subscribe(payload => {
-     *   console.log('Mensaje recibido:', payload);
-     *   // Mostrar notificación custom o actualizar UI
-     * });
-     * ```
-     */
-    onMessage() {
-        return this.messageSubject.asObservable();
-    }
-    /**
-     * Configura el listener de mensajes en foreground
-     */
-    setupMessageListener() {
-        if (!this.messaging || this.unsubscribeOnMessage) {
-            return;
-        }
-        this.unsubscribeOnMessage = onMessage(this.messaging, (payload) => {
-            const notification = {
-                title: payload.notification?.title,
-                body: payload.notification?.body,
-                image: payload.notification?.image,
-                data: payload.data,
-                messageId: payload.messageId,
-            };
-            this.messageSubject.next(notification);
-        });
-    }
-    // ===========================================================================
-    // ESTADO Y UTILIDADES
-    // ===========================================================================
-    /**
-     * Obtiene el estado actual del permiso de notificaciones.
-     *
-     * @returns 'granted' | 'denied' | 'default'
-     *
-     * @example
-     * ```typescript
-     * const permission = messaging.getPermissionState();
-     * if (permission === 'granted') {
-     *   // Ya tiene permiso
-     * } else if (permission === 'default') {
-     *   // Puede solicitar permiso
-     * } else {
-     *   // Denegado, debe habilitar manualmente
-     * }
-     * ```
-     */
-    getPermissionState() {
-        if (!isPlatformBrowser(this.platformId)) {
-            return 'default';
-        }
-        if (!('Notification' in window)) {
-            return 'denied';
-        }
-        return Notification.permission;
-    }
-    /**
-     * Verifica si FCM está soportado en el navegador actual.
-     *
-     * @returns true si FCM está soportado
-     *
-     * @example
-     * ```typescript
-     * if (await messaging.isSupported()) {
-     *   // Puede usar notificaciones push
-     * } else {
-     *   // Navegador no soporta o no tiene Service Worker
-     * }
-     * ```
-     */
-    async isSupported() {
-        return this.checkSupport();
-    }
-    /**
-     * Obtiene el token actual sin hacer request.
-     *
-     * @returns Token almacenado o null
-     */
-    get currentToken() {
-        return this.stateSubject.value.token;
-    }
-    /**
-     * Observable del estado completo del servicio de messaging.
-     */
-    get state$() {
-        return this.stateSubject.asObservable();
-    }
-    /**
-     * Verifica si el usuario ya otorgó permiso de notificaciones.
-     */
-    get hasPermission() {
-        return this.stateSubject.value.permission === 'granted';
-    }
-    // ===========================================================================
-    // DEEP LINKING / NAVEGACIÓN
-    // ===========================================================================
-    /**
-     * Observable de clicks en notificaciones.
-     *
-     * Emite cuando el usuario hace click en una notificación (foreground o background).
-     * Usa este observable para navegar a la página correspondiente.
-     *
-     * @returns Observable que emite NotificationClickEvent
-     *
-     * @example
-     * ```typescript
-     * @Component({...})
-     * export class AppComponent {
-     *   private messaging = inject(MessagingService);
-     *   private router = inject(Router);
-     *
-     *   constructor() {
-     *     this.messaging.onNotificationClick().subscribe(event => {
-     *       if (event.action.route) {
-     *         this.router.navigate([event.action.route], {
-     *           queryParams: event.action.queryParams
-     *         });
-     *       }
-     *     });
-     *   }
-     * }
-     * ```
-     */
-    onNotificationClick() {
-        return this.notificationClickSubject.asObservable();
-    }
-    /**
-     * Extrae la acción de navegación de los datos de una notificación.
-     *
-     * Busca campos específicos en el payload de datos:
-     * - `route`: Ruta interna de la app (ej: '/orders/123')
-     * - `url`: URL externa (ej: 'https://example.com')
-     * - `action_type`: Tipo de acción personalizada
-     * - Campos con prefijo `action_`: Datos adicionales
-     *
-     * @param data - Datos del payload de la notificación
-     * @returns Acción de navegación extraída
-     *
-     * @example
-     * ```typescript
-     * // Payload desde el backend:
-     * // { route: '/orders/123', action_type: 'view_order', action_orderId: '123' }
-     *
-     * const action = messaging.extractActionFromData(notification.data);
-     * // { route: '/orders/123', actionType: 'view_order', actionData: { orderId: '123' } }
-     * ```
-     */
-    extractActionFromData(data) {
-        if (!data) {
-            return {};
-        }
-        const action = {};
-        // Ruta interna
-        if (data['route']) {
-            action.route = data['route'];
-        }
-        // URL externa
-        if (data['url']) {
-            action.url = data['url'];
-        }
-        // Tipo de acción
-        if (data['action_type']) {
-            action.actionType = data['action_type'];
-        }
-        // Query params (puede venir como JSON string)
-        if (data['query_params']) {
-            try {
-                action.queryParams = JSON.parse(data['query_params']);
-            }
-            catch {
-                // Si no es JSON válido, intentar parsear como key=value
-                action.queryParams = this.parseQueryString(data['query_params']);
-            }
-        }
-        // Datos adicionales con prefijo action_
-        const actionData = {};
-        for (const [key, value] of Object.entries(data)) {
-            if (key.startsWith('action_') && key !== 'action_type') {
-                const cleanKey = key.replace('action_', '');
-                // Intentar parsear JSON si es posible
-                try {
-                    actionData[cleanKey] = JSON.parse(value);
-                }
-                catch {
-                    actionData[cleanKey] = value;
-                }
-            }
-        }
-        if (Object.keys(actionData).length > 0) {
-            action.actionData = actionData;
-        }
-        return action;
-    }
-    /**
-     * Emite manualmente un evento de click en notificación.
-     *
-     * Útil para manejar clicks en notificaciones foreground donde
-     * la app decide mostrar un banner custom.
-     *
-     * @param notification - Payload de la notificación
-     *
-     * @example
-     * ```typescript
-     * messaging.onMessage().subscribe(notification => {
-     *   // Mostrar banner custom
-     *   this.showBanner(notification, () => {
-     *     // Usuario hizo click en el banner
-     *     messaging.handleNotificationClick(notification);
-     *   });
-     * });
-     * ```
-     */
-    handleNotificationClick(notification) {
-        const action = this.extractActionFromData(notification.data);
-        this.notificationClickSubject.next({
-            notification,
-            action,
-            timestamp: new Date(),
-        });
-    }
-    /**
-     * Verifica si una notificación tiene acción de navegación.
-     *
-     * @param data - Datos del payload
-     * @returns true si tiene route o url
-     */
-    hasNavigationAction(data) {
-        if (!data)
-            return false;
-        return !!(data['route'] || data['url']);
-    }
-    /**
-     * Parsea un query string en un objeto.
-     */
-    parseQueryString(queryString) {
-        const params = {};
-        if (!queryString)
-            return params;
-        // Remover ? inicial si existe
-        const cleanQuery = queryString.startsWith('?') ? queryString.slice(1) : queryString;
-        for (const pair of cleanQuery.split('&')) {
-            const [key, value] = pair.split('=');
-            if (key) {
-                params[decodeURIComponent(key)] = decodeURIComponent(value || '');
-            }
-        }
-        return params;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MessagingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MessagingService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MessagingService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [] });
-
-/**
- * Firebase Services
- *
- * Servicios reutilizables para integración con Firebase.
- *
- * @example
- * ```typescript
- * // En main.ts
- * import { provideValtechFirebase } from 'valtech-components';
- *
- * bootstrapApplication(AppComponent, {
- *   providers: [
- *     provideValtechFirebase({
- *       firebase: environment.firebase,
- *       persistence: true,
- *     }),
- *   ],
- * });
- *
- * // En componentes
- * import { FirebaseService, FirestoreService } from 'valtech-components';
- *
- * @Component({...})
- * export class MyComponent {
- *   private firebase = inject(FirebaseService);
- *   private firestore = inject(FirestoreService);
- * }
- * ```
- */
-// Tipos
-
 /*
  * Public API Surface of valtech-components
  */
@@ -23613,5 +21136,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { APP_IDS, ARTICLE_SPACING, AccordionComponent, ActionHeaderComponent, ActionType, AlertBoxComponent, ArticleBuilder, ArticleComponent, 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_CANCEL_BUTTON, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_EMPTY_STATE, 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_STATUS_COLORS, DEFAULT_STATUS_LABELS, DEFAULT_WINNER_LABELS, DataTableComponent, DateInputComponent, DateRangeInputComponent, DisplayComponent, DividerComponent, DownloadService, EmailInputComponent, ExpandableTextComponent, FIREBASE_PROJECTS, FabComponent, FileInputComponent, FirebaseService, FirestoreService, FooterComponent, FooterLinksComponent, FormComponent, FormFooterComponent, FunHeaderComponent, GlowCardComponent, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, Icon, IconComponent, IconService, ImageComponent, InAppBrowserService, InfoComponent, InputType, ItemListComponent, LanguageSelectorComponent, LayeredCardComponent, LayoutComponent, LinkComponent, LinkProcessorService, LinksAccordionComponent, LinksCakeComponent, LocalStorageService, LocaleService, MODAL_SIZES, MOTION, MenuComponent, MessagingService, ModalService, MultiSelectSearchComponent, NavigationService, NoContentComponent, NotesBoxComponent, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PLATFORM_CONFIGS, PageContentComponent, PageTemplateComponent, PageWrapperComponent, PaginationComponent, ParticipantCardComponent, PasswordInputComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PriceTagComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProcessLinksPipe, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QueryBuilder, QuoteBoxComponent, RadioInputComponent, RaffleStatusCardComponent, RangeInputComponent, RatingComponent, RecapCardComponent, RightsFooterComponent, SHARED_EMULATOR_CONFIG, 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, ShareButtonsComponent, SimpleComponent, SkeletonComponent, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, TabbedContentComponent, TabsComponent, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TicketGridComponent, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, ToolbarActionType, ToolbarComponent, VALTECH_FIREBASE_CONFIG, WinnerDisplayComponent, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, buildPath, collections, createFirebaseConfig, createGlowCardProps, createNumberFromToField, createTitleProps, extractPathParams, getCollectionPath, getDocumentId, goToTop, hasEmulators, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, provideValtechFirebase, query, replaceSpecialChars, resolveColor, resolveInputDefaultValue, storagePaths };
+export { ARTICLE_SPACING, AccordionComponent, ActionHeaderComponent, ActionType, AlertBoxComponent, ArticleBuilder, ArticleComponent, 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_CANCEL_BUTTON, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_EMPTY_STATE, 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_STATUS_COLORS, DEFAULT_STATUS_LABELS, DEFAULT_WINNER_LABELS, DataTableComponent, DateInputComponent, DateRangeInputComponent, DisplayComponent, DividerComponent, DownloadService, EmailInputComponent, ExpandableTextComponent, FabComponent, FileInputComponent, FooterComponent, FooterLinksComponent, FormComponent, FormFooterComponent, FunHeaderComponent, GlowCardComponent, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, Icon, IconComponent, IconService, ImageComponent, InAppBrowserService, InfoComponent, InputType, ItemListComponent, LanguageSelectorComponent, LayeredCardComponent, LayoutComponent, LinkComponent, LinkProcessorService, LinksAccordionComponent, LinksCakeComponent, LocalStorageService, LocaleService, MODAL_SIZES, MOTION, MenuComponent, ModalService, MultiSelectSearchComponent, NavigationService, NoContentComponent, NotesBoxComponent, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PLATFORM_CONFIGS, PageContentComponent, PageTemplateComponent, PageWrapperComponent, PaginationComponent, ParticipantCardComponent, PasswordInputComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PriceTagComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProcessLinksPipe, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QuoteBoxComponent, RadioInputComponent, RaffleStatusCardComponent, RangeInputComponent, RatingComponent, RecapCardComponent, 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, ShareButtonsComponent, SimpleComponent, SkeletonComponent, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, StatsCardComponent, StepperComponent, SwipeCarouselComponent, TabbedContentComponent, TabsComponent, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TicketGridComponent, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, ToolbarActionType, ToolbarComponent, WinnerDisplayComponent, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, createGlowCardProps, createNumberFromToField, createTitleProps, goToTop, isAtEnd, maxLength, replaceSpecialChars, resolveColor, resolveInputDefaultValue };
 //# sourceMappingURL=valtech-components.mjs.map