valtech-components 2.0.452 → 2.0.453

package/fesm2022/valtech-components.mjs

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, Injectable, HostListener, inject, Pipe, ChangeDetectionStrategy, ViewChild, ChangeDetectorRef, ElementRef, signal, computed } from '@angular/core';
+import { EventEmitter, Component, Input, Output, Injectable, HostListener, inject, Pipe, ChangeDetectionStrategy, ViewChild, ChangeDetectorRef, ElementRef, signal, computed, InjectionToken, makeEnvironmentProviders, Inject, PLATFORM_ID, Optional, APP_INITIALIZER } 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, NgFor, NgClass } from '@angular/common';
+import { CommonModule, NgStyle, NgFor, NgClass, isPlatformBrowser } 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$1 from '@angular/router';
@@ -13,7 +13,7 @@ import * as i1$2 from '@angular/platform-browser';
 import QRCodeStyling from 'qr-code-styling';
 import * as i1$3 from '@angular/forms';
 import { ReactiveFormsModule, FormsModule, FormControl, Validators } from '@angular/forms';
-import { BehaviorSubject, filter } from 'rxjs';
+import { BehaviorSubject, filter, map, distinctUntilChanged, Subject, firstValueFrom, throwError, of } from 'rxjs';
 import * as i1$4 from 'ng-otp-input';
 import { NgOtpInputComponent, NgOtpInputModule } from 'ng-otp-input';
 import * as i2 from '@ionic/angular';
@@ -27,6 +27,18 @@ 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 * as i1$5 from '@angular/fire/auth';
+import { provideAuth, getAuth, connectAuthEmulator, authState, signInWithCustomToken, signOut } from '@angular/fire/auth';
+import * as i1$6 from '@angular/fire/firestore';
+import { provideFirestore, getFirestore, connectFirestoreEmulator, enableIndexedDbPersistence, 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 * as i1$8 from '@angular/fire/messaging';
+import { provideMessaging, getMessaging, getToken, deleteToken, onMessage } from '@angular/fire/messaging';
+import * as i1$7 from '@angular/fire/storage';
+import { provideStorage, getStorage, connectStorageEmulator, ref, uploadBytesResumable, getDownloadURL, getMetadata, deleteObject, listAll } from '@angular/fire/storage';
+import * as i1$9 from '@angular/common/http';
+import { provideHttpClient, withInterceptors } from '@angular/common/http';
+import { tap, catchError, switchMap, finalize, filter as filter$1, take } from 'rxjs/operators';
 
 /**
  * val-avatar
@@ -21128,6 +21140,4185 @@ 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(auth, config) {
+        this.auth = auth;
+        this.config = 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();
+        // Inicializar observables que dependen de auth
+        this.user$ = authState(this.auth).pipe(map((user) => (user ? this.mapUser(user) : null)), distinctUntilChanged((a, b) => a?.uid === b?.uid));
+        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: [{ token: i1$5.Auth }, { token: VALTECH_FIREBASE_CONFIG }], 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: () => [{ type: i1$5.Auth }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [VALTECH_FIREBASE_CONFIG]
+                }] }] });
+
+/**
+ * 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(firestore) {
+        this.firestore = 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: [{ token: i1$6.Firestore }], 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' }]
+        }], ctorParameters: () => [{ type: i1$6.Firestore }] });
+
+/**
+ * Firestore Collection Factory
+ *
+ * Patrón factory para crear instancias de colección tipadas.
+ * Reemplaza la clase abstracta para evitar problemas con inject() en clases no-injectable.
+ */
+/**
+ * Factory para crear instancias de colección tipadas.
+ *
+ * @example
+ * ```typescript
+ * @Injectable({ providedIn: 'root' })
+ * export class UsersService {
+ *   private users = inject(FirestoreCollectionFactory).create<User>('users');
+ *
+ *   getAll = () => this.users.getAll();
+ *   getById = (id: string) => this.users.getById(id);
+ *   create = (data: Omit<User, 'id'>) => this.users.create(data);
+ *
+ *   // Métodos personalizados
+ *   async getActiveUsers(): Promise<User[]> {
+ *     return this.users.query({
+ *       where: [{ field: 'active', operator: '==', value: true }]
+ *     });
+ *   }
+ * }
+ * ```
+ */
+class FirestoreCollectionFactory {
+    constructor(firestore) {
+        this.firestore = firestore;
+    }
+    /**
+     * Crea una instancia de colección tipada.
+     *
+     * @param collectionPath - Ruta de la colección en Firestore
+     * @param options - Opciones de configuración
+     * @returns Instancia de TypedCollection
+     */
+    create(collectionPath, options) {
+        return new TypedCollection(this.firestore, collectionPath, options);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FirestoreCollectionFactory, deps: [{ token: FirestoreService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FirestoreCollectionFactory, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FirestoreCollectionFactory, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: FirestoreService }] });
+/**
+ * Colección tipada con métodos CRUD.
+ *
+ * NO usa inject() - recibe FirestoreService por constructor.
+ * Esto evita el error NG0203.
+ */
+class TypedCollection {
+    constructor(firestore, collectionPath, options = {}) {
+        this.firestore = firestore;
+        this.collectionPath = collectionPath;
+        this.options = {
+            softDelete: false,
+            timestamps: true,
+            ...options,
+        };
+    }
+    // ===========================================================================
+    // LECTURAS ONE-TIME
+    // ===========================================================================
+    /**
+     * Obtiene un documento por ID.
+     */
+    async getById(id) {
+        return this.firestore.getDoc(this.collectionPath, id);
+    }
+    /**
+     * Obtiene todos los documentos de la colección.
+     */
+    async getAll(options) {
+        const queryOptions = this.applyDefaultFilters(options);
+        return this.firestore.getDocs(this.collectionPath, queryOptions);
+    }
+    /**
+     * Ejecuta una query personalizada.
+     */
+    async query(options) {
+        const queryOptions = this.applyDefaultFilters(options);
+        return this.firestore.getDocs(this.collectionPath, queryOptions);
+    }
+    /**
+     * Obtiene documentos con paginación.
+     */
+    async paginate(options) {
+        const queryOptions = this.applyDefaultFilters(options);
+        return this.firestore.getPaginated(this.collectionPath, queryOptions);
+    }
+    /**
+     * Obtiene el primer documento que coincida con la query.
+     */
+    async getFirst(options) {
+        const queryOptions = this.applyDefaultFilters({
+            ...options,
+            limit: 1,
+        });
+        const results = await this.firestore.getDocs(this.collectionPath, queryOptions);
+        return results[0] ?? null;
+    }
+    /**
+     * Cuenta los documentos que coinciden con la query.
+     * Nota: Esto carga todos los documentos, usar con cuidado en colecciones grandes.
+     */
+    async count(options) {
+        const queryOptions = this.applyDefaultFilters(options);
+        const results = await this.firestore.getDocs(this.collectionPath, queryOptions);
+        return results.length;
+    }
+    /**
+     * Verifica si un documento existe.
+     */
+    async exists(id) {
+        return this.firestore.exists(this.collectionPath, id);
+    }
+    // ===========================================================================
+    // SUBSCRIPCIONES REAL-TIME
+    // ===========================================================================
+    /**
+     * Suscribe a cambios de un documento.
+     */
+    watch(id) {
+        return this.firestore.docChanges(this.collectionPath, id);
+    }
+    /**
+     * Suscribe a cambios de la colección.
+     */
+    watchAll(options) {
+        const queryOptions = this.applyDefaultFilters(options);
+        return this.firestore.collectionChanges(this.collectionPath, queryOptions);
+    }
+    /**
+     * Suscribe a una query personalizada.
+     */
+    watchQuery(options) {
+        const queryOptions = this.applyDefaultFilters(options);
+        return this.firestore.collectionChanges(this.collectionPath, queryOptions);
+    }
+    // ===========================================================================
+    // ESCRITURA
+    // ===========================================================================
+    /**
+     * Crea un nuevo documento con ID auto-generado.
+     */
+    async create(data) {
+        return this.firestore.addDoc(this.collectionPath, data);
+    }
+    /**
+     * Crea un documento con ID específico.
+     */
+    async createWithId(id, data) {
+        return this.firestore.setDoc(this.collectionPath, id, data);
+    }
+    /**
+     * Actualiza campos de un documento.
+     */
+    async update(id, data) {
+        return this.firestore.updateDoc(this.collectionPath, id, data);
+    }
+    /**
+     * Elimina un documento.
+     * Si softDelete está habilitado, marca como eliminado en lugar de borrar.
+     */
+    async delete(id) {
+        if (this.options.softDelete) {
+            return this.firestore.updateDoc(this.collectionPath, id, {
+                deletedAt: new Date(),
+            });
+        }
+        return this.firestore.deleteDoc(this.collectionPath, id);
+    }
+    /**
+     * Restaura un documento soft-deleted.
+     */
+    async restore(id) {
+        if (!this.options.softDelete) {
+            throw new Error('Soft delete no está habilitado para esta colección');
+        }
+        return this.firestore.updateDoc(this.collectionPath, id, {
+            deletedAt: null,
+        });
+    }
+    // ===========================================================================
+    // SUB-COLECCIONES
+    // ===========================================================================
+    /**
+     * Obtiene una referencia a una sub-colección.
+     *
+     * @example
+     * ```typescript
+     * // En UsersService
+     * getUserDocuments(userId: string) {
+     *   return this.users.subcollection<Document>(userId, 'documents');
+     * }
+     *
+     * // Uso
+     * const docs = await users.getUserDocuments('user123').getAll();
+     * ```
+     */
+    subcollection(parentId, subcollectionName) {
+        const subPath = `${this.collectionPath}/${parentId}/${subcollectionName}`;
+        return {
+            getById: (id) => this.firestore.getDoc(subPath, id),
+            getAll: (options) => this.firestore.getDocs(subPath, options),
+            watch: (id) => this.firestore.docChanges(subPath, id),
+            watchAll: (options) => this.firestore.collectionChanges(subPath, options),
+            create: (data) => this.firestore.addDoc(subPath, data),
+            update: (id, data) => this.firestore.updateDoc(subPath, id, data),
+            delete: (id) => this.firestore.deleteDoc(subPath, id),
+        };
+    }
+    // ===========================================================================
+    // MÉTODOS PRIVADOS
+    // ===========================================================================
+    /**
+     * Aplica filtros por defecto a las queries.
+     */
+    applyDefaultFilters(options) {
+        if (!this.options.softDelete) {
+            return options ?? {};
+        }
+        // Excluir documentos soft-deleted por defecto
+        const whereClause = { field: 'deletedAt', operator: '==', value: null };
+        return {
+            ...options,
+            where: [...(options?.where ?? []), whereClause],
+        };
+    }
+    // ===========================================================================
+    // UTILIDADES
+    // ===========================================================================
+    /**
+     * Genera un nuevo ID sin crear el documento.
+     */
+    generateId() {
+        return this.firestore.generateId(this.collectionPath);
+    }
+    /**
+     * Obtiene la ruta de la colección.
+     */
+    getPath() {
+        return this.collectionPath;
+    }
+}
+
+/**
+ * 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(storage) {
+        this.storage = 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: [{ token: i1$7.Storage }], 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' }]
+        }], ctorParameters: () => [{ type: i1$7.Storage }] });
+
+/**
+ * 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(messaging, config, platformId, ngZone) {
+        this.messaging = messaging;
+        this.config = config;
+        this.platformId = platformId;
+        this.ngZone = 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: [{ token: i1$8.Messaging, optional: true }, { token: VALTECH_FIREBASE_CONFIG }, { token: PLATFORM_ID }, { token: i0.NgZone }], 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: () => [{ type: i1$8.Messaging, decorators: [{
+                    type: Optional
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [VALTECH_FIREBASE_CONFIG]
+                }] }, { type: Object, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }, { type: i0.NgZone }] });
+
+/**
+ * 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
+
+/**
+ * Tipos e interfaces para el servicio de autenticación de Valtech.
+ * Alineados con el backend AuthV2.
+ */
+/**
+ * Estado inicial de autenticación.
+ */
+const INITIAL_AUTH_STATE = {
+    isAuthenticated: false,
+    isLoading: true,
+    accessToken: null,
+    refreshToken: null,
+    userId: null,
+    email: null,
+    roles: [],
+    permissions: [],
+    isSuperAdmin: false,
+    expiresAt: null,
+    error: null,
+};
+/**
+ * Estado inicial de MFA.
+ */
+const INITIAL_MFA_STATE = {
+    required: false,
+    mfaToken: null,
+    method: null,
+};
+
+/**
+ * Servicio para manejo de estado de autenticación con Angular Signals.
+ * Proporciona estado reactivo inmutable.
+ */
+class AuthStateService {
+    constructor() {
+        // Estado interno (mutable solo dentro del servicio)
+        this._state = signal(INITIAL_AUTH_STATE);
+        this._mfaPending = signal(INITIAL_MFA_STATE);
+        // =============================================
+        // Signals públicos (readonly)
+        // =============================================
+        /** Estado completo de autenticación */
+        this.state = this._state.asReadonly();
+        /** Estado de MFA pendiente */
+        this.mfaPending = this._mfaPending.asReadonly();
+        /** Usuario está autenticado */
+        this.isAuthenticated = computed(() => this._state().isAuthenticated);
+        /** Estado de carga */
+        this.isLoading = computed(() => this._state().isLoading);
+        /** Token de acceso */
+        this.accessToken = computed(() => this._state().accessToken);
+        /** Roles del usuario */
+        this.roles = computed(() => this._state().roles);
+        /** Permisos del usuario */
+        this.permissions = computed(() => this._state().permissions);
+        /** Usuario es super admin */
+        this.isSuperAdmin = computed(() => this._state().isSuperAdmin);
+        /** Error actual */
+        this.error = computed(() => this._state().error);
+        /** Información del usuario */
+        this.user = computed(() => {
+            const state = this._state();
+            if (!state.isAuthenticated || !state.userId) {
+                return null;
+            }
+            return {
+                userId: state.userId,
+                email: state.email || '',
+                roles: state.roles,
+                permissions: state.permissions,
+                isSuperAdmin: state.isSuperAdmin,
+            };
+        });
+    }
+    // =============================================
+    // Métodos de actualización
+    // =============================================
+    /**
+     * Establece el estado de carga.
+     */
+    setLoading(isLoading) {
+        this._state.update((s) => ({ ...s, isLoading }));
+    }
+    /**
+     * Establece el estado de autenticación exitosa.
+     */
+    setAuthenticated(data) {
+        this._state.set({
+            isAuthenticated: true,
+            isLoading: false,
+            accessToken: data.accessToken,
+            refreshToken: data.refreshToken,
+            userId: data.userId || null,
+            email: data.email || null,
+            roles: data.roles,
+            permissions: data.permissions,
+            isSuperAdmin: data.isSuperAdmin,
+            expiresAt: data.expiresAt,
+            error: null,
+        });
+    }
+    /**
+     * Actualiza solo el access token (después de refresh).
+     */
+    updateAccessToken(accessToken, expiresIn) {
+        const expiresAt = Date.now() + expiresIn * 1000;
+        this._state.update((s) => ({
+            ...s,
+            accessToken,
+            expiresAt,
+        }));
+    }
+    /**
+     * Actualiza los permisos.
+     */
+    updatePermissions(roles, permissions, isSuperAdmin) {
+        this._state.update((s) => ({
+            ...s,
+            roles,
+            permissions,
+            isSuperAdmin,
+        }));
+    }
+    /**
+     * Establece un error de autenticación.
+     */
+    setError(error) {
+        this._state.update((s) => ({
+            ...s,
+            error,
+            isLoading: false,
+        }));
+    }
+    /**
+     * Limpia el error.
+     */
+    clearError() {
+        this._state.update((s) => ({
+            ...s,
+            error: null,
+        }));
+    }
+    /**
+     * Establece estado de MFA pendiente.
+     */
+    setMFAPending(mfaState) {
+        this._mfaPending.set(mfaState);
+    }
+    /**
+     * Limpia el estado de MFA pendiente.
+     */
+    clearMFAPending() {
+        this._mfaPending.set(INITIAL_MFA_STATE);
+    }
+    /**
+     * Resetea todo el estado a valores iniciales.
+     */
+    reset() {
+        this._state.set(INITIAL_AUTH_STATE);
+        this._mfaPending.set(INITIAL_MFA_STATE);
+    }
+    /**
+     * Restaura estado desde datos almacenados.
+     */
+    restoreFromStorage(stored) {
+        if (stored.accessToken) {
+            this._state.set({
+                isAuthenticated: true,
+                isLoading: false,
+                accessToken: stored.accessToken,
+                refreshToken: stored.refreshToken || null,
+                userId: null, // Se extraerá del token
+                email: null, // Se extraerá del token
+                roles: stored.roles || [],
+                permissions: stored.permissions || [],
+                isSuperAdmin: stored.isSuperAdmin || false,
+                expiresAt: stored.expiresAt || null,
+                error: null,
+            });
+        }
+    }
+    /**
+     * Actualiza el userId y email (después de parsear el token).
+     */
+    updateUserInfo(userId, email) {
+        this._state.update((s) => ({
+            ...s,
+            userId,
+            email,
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthStateService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthStateService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * Servicio para manejo de tokens JWT.
+ * Parseo y validación de tokens sin dependencias externas.
+ */
+class TokenService {
+    /**
+     * Parsea un token JWT y extrae los claims.
+     * @param token - Token JWT
+     * @returns Claims del token o null si es inválido
+     */
+    parseToken(token) {
+        try {
+            const parts = token.split('.');
+            if (parts.length !== 3) {
+                return null;
+            }
+            const payload = parts[1];
+            const decoded = this.base64UrlDecode(payload);
+            return JSON.parse(decoded);
+        }
+        catch {
+            console.warn('[ValtechAuth] Error al parsear token JWT');
+            return null;
+        }
+    }
+    /**
+     * Verifica si un token es válido (no expirado).
+     * @param token - Token JWT
+     * @returns true si el token es válido
+     */
+    isTokenValid(token) {
+        const claims = this.parseToken(token);
+        if (!claims) {
+            return false;
+        }
+        // exp está en segundos, Date.now() en milisegundos
+        const expirationMs = claims.exp * 1000;
+        return Date.now() < expirationMs;
+    }
+    /**
+     * Obtiene el tiempo restante del token en segundos.
+     * @param token - Token JWT
+     * @returns Segundos restantes o 0 si expirado
+     */
+    getTimeToExpiry(token) {
+        const claims = this.parseToken(token);
+        if (!claims) {
+            return 0;
+        }
+        const expirationMs = claims.exp * 1000;
+        const remaining = expirationMs - Date.now();
+        return remaining > 0 ? Math.floor(remaining / 1000) : 0;
+    }
+    /**
+     * Obtiene el timestamp de expiración del token.
+     * @param token - Token JWT
+     * @returns Timestamp en milisegundos o null
+     */
+    getExpirationTime(token) {
+        const claims = this.parseToken(token);
+        if (!claims) {
+            return null;
+        }
+        return claims.exp * 1000;
+    }
+    /**
+     * Extrae el user ID del token.
+     * @param token - Token JWT
+     * @returns User ID o null
+     */
+    getUserId(token) {
+        const claims = this.parseToken(token);
+        return claims?.uid || null;
+    }
+    /**
+     * Extrae el email del token.
+     * @param token - Token JWT
+     * @returns Email o null
+     */
+    getEmail(token) {
+        const claims = this.parseToken(token);
+        return claims?.email || null;
+    }
+    /**
+     * Decodifica base64url a string.
+     * Base64url usa - y _ en lugar de + y /
+     */
+    base64UrlDecode(str) {
+        // Reemplazar caracteres base64url por base64 estándar
+        let base64 = str.replace(/-/g, '+').replace(/_/g, '/');
+        // Agregar padding si es necesario
+        const padding = base64.length % 4;
+        if (padding) {
+            base64 += '='.repeat(4 - padding);
+        }
+        // Decodificar
+        const decoded = atob(base64);
+        // Manejar caracteres UTF-8
+        return decodeURIComponent(decoded
+            .split('')
+            .map((c) => '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2))
+            .join(''));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TokenService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TokenService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TokenService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * Servicio para persistencia de estado de autenticación en localStorage.
+ */
+class AuthStorageService {
+    constructor(config) {
+        this.config = config;
+        const prefix = this.config.storagePrefix || 'valtech_auth_';
+        this.keys = {
+            ACCESS_TOKEN: `${prefix}access_token`,
+            REFRESH_TOKEN: `${prefix}refresh_token`,
+            ROLES: `${prefix}roles`,
+            PERMISSIONS: `${prefix}permissions`,
+            IS_SUPER_ADMIN: `${prefix}is_super_admin`,
+            EXPIRES_AT: `${prefix}expires_at`,
+        };
+    }
+    /**
+     * Guarda el estado completo de autenticación.
+     */
+    saveState(state) {
+        try {
+            localStorage.setItem(this.keys.ACCESS_TOKEN, state.accessToken);
+            localStorage.setItem(this.keys.REFRESH_TOKEN, state.refreshToken);
+            localStorage.setItem(this.keys.ROLES, JSON.stringify(state.roles));
+            localStorage.setItem(this.keys.PERMISSIONS, JSON.stringify(state.permissions));
+            localStorage.setItem(this.keys.IS_SUPER_ADMIN, String(state.isSuperAdmin));
+            if (state.expiresAt) {
+                localStorage.setItem(this.keys.EXPIRES_AT, String(state.expiresAt));
+            }
+        }
+        catch (e) {
+            console.warn('[ValtechAuth] Error guardando estado en storage:', e);
+        }
+    }
+    /**
+     * Carga el estado de autenticación desde storage.
+     */
+    loadState() {
+        try {
+            const accessToken = localStorage.getItem(this.keys.ACCESS_TOKEN);
+            const refreshToken = localStorage.getItem(this.keys.REFRESH_TOKEN);
+            const rolesJson = localStorage.getItem(this.keys.ROLES);
+            const permissionsJson = localStorage.getItem(this.keys.PERMISSIONS);
+            const isSuperAdmin = localStorage.getItem(this.keys.IS_SUPER_ADMIN) === 'true';
+            const expiresAtStr = localStorage.getItem(this.keys.EXPIRES_AT);
+            return {
+                accessToken: accessToken || undefined,
+                refreshToken: refreshToken || undefined,
+                roles: rolesJson ? JSON.parse(rolesJson) : [],
+                permissions: permissionsJson ? JSON.parse(permissionsJson) : [],
+                isSuperAdmin,
+                expiresAt: expiresAtStr ? Number(expiresAtStr) : undefined,
+            };
+        }
+        catch (e) {
+            console.warn('[ValtechAuth] Error cargando estado desde storage:', e);
+            return {};
+        }
+    }
+    /**
+     * Guarda solo el access token.
+     */
+    saveAccessToken(token, expiresAt) {
+        try {
+            localStorage.setItem(this.keys.ACCESS_TOKEN, token);
+            if (expiresAt) {
+                localStorage.setItem(this.keys.EXPIRES_AT, String(expiresAt));
+            }
+        }
+        catch (e) {
+            console.warn('[ValtechAuth] Error guardando access token:', e);
+        }
+    }
+    /**
+     * Guarda los permisos actualizados.
+     */
+    savePermissions(response) {
+        try {
+            localStorage.setItem(this.keys.ROLES, JSON.stringify(response.roles));
+            localStorage.setItem(this.keys.PERMISSIONS, JSON.stringify(response.permissions));
+            localStorage.setItem(this.keys.IS_SUPER_ADMIN, String(response.isSuperAdmin));
+        }
+        catch (e) {
+            console.warn('[ValtechAuth] Error guardando permisos:', e);
+        }
+    }
+    /**
+     * Carga los permisos desde storage.
+     */
+    loadPermissions() {
+        try {
+            const rolesJson = localStorage.getItem(this.keys.ROLES);
+            const permissionsJson = localStorage.getItem(this.keys.PERMISSIONS);
+            const isSuperAdmin = localStorage.getItem(this.keys.IS_SUPER_ADMIN) === 'true';
+            return {
+                roles: rolesJson ? JSON.parse(rolesJson) : [],
+                permissions: permissionsJson ? JSON.parse(permissionsJson) : [],
+                isSuperAdmin,
+            };
+        }
+        catch {
+            return { roles: [], permissions: [], isSuperAdmin: false };
+        }
+    }
+    /**
+     * Obtiene el refresh token.
+     */
+    getRefreshToken() {
+        return localStorage.getItem(this.keys.REFRESH_TOKEN);
+    }
+    /**
+     * Limpia todo el estado de autenticación.
+     */
+    clear() {
+        try {
+            Object.values(this.keys).forEach((key) => localStorage.removeItem(key));
+        }
+        catch (e) {
+            console.warn('[ValtechAuth] Error limpiando storage:', e);
+        }
+    }
+    /**
+     * Verifica si hay estado guardado.
+     */
+    hasStoredState() {
+        return !!localStorage.getItem(this.keys.ACCESS_TOKEN);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthStorageService, deps: [{ token: VALTECH_AUTH_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthStorageService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthStorageService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [VALTECH_AUTH_CONFIG]
+                }] }] });
+
+/**
+ * Servicio para sincronización de estado de autenticación entre pestañas.
+ * Usa BroadcastChannel API con fallback a storage events.
+ */
+class AuthSyncService {
+    constructor(config) {
+        this.config = config;
+        this.channel = null;
+        this.eventSubject = new Subject();
+        this.storageListener = null;
+        /** Observable de eventos de sincronización */
+        this.onEvent$ = this.eventSubject.asObservable();
+        const prefix = this.config.storagePrefix || 'valtech_auth_';
+        this.channelName = `${prefix}sync_channel`;
+    }
+    /**
+     * Inicia la sincronización entre pestañas.
+     */
+    start() {
+        if (!this.config.enableTabSync) {
+            return;
+        }
+        // Intentar usar BroadcastChannel API (mejor rendimiento)
+        if (typeof BroadcastChannel !== 'undefined') {
+            this.initBroadcastChannel();
+        }
+        else {
+            // Fallback a storage events
+            this.initStorageEvents();
+        }
+    }
+    /**
+     * Detiene la sincronización.
+     */
+    stop() {
+        if (this.channel) {
+            this.channel.close();
+            this.channel = null;
+        }
+        if (this.storageListener) {
+            window.removeEventListener('storage', this.storageListener);
+            this.storageListener = null;
+        }
+    }
+    /**
+     * Envía un evento a otras pestañas.
+     */
+    broadcast(event) {
+        if (!this.config.enableTabSync) {
+            return;
+        }
+        const fullEvent = {
+            ...event,
+            timestamp: Date.now(),
+        };
+        if (this.channel) {
+            this.channel.postMessage(fullEvent);
+        }
+        else {
+            // Fallback: usar localStorage para notificar
+            this.broadcastViaStorage(fullEvent);
+        }
+    }
+    ngOnDestroy() {
+        this.stop();
+        this.eventSubject.complete();
+    }
+    /**
+     * Inicializa BroadcastChannel API.
+     */
+    initBroadcastChannel() {
+        try {
+            this.channel = new BroadcastChannel(this.channelName);
+            this.channel.onmessage = (event) => {
+                this.handleEvent(event.data);
+            };
+            this.channel.onmessageerror = () => {
+                console.warn('[ValtechAuth] Error en BroadcastChannel, usando fallback');
+                this.channel?.close();
+                this.channel = null;
+                this.initStorageEvents();
+            };
+        }
+        catch {
+            // BroadcastChannel no disponible, usar fallback
+            this.initStorageEvents();
+        }
+    }
+    /**
+     * Inicializa fallback con storage events.
+     */
+    initStorageEvents() {
+        const storageKey = `${this.config.storagePrefix}sync_event`;
+        this.storageListener = (event) => {
+            if (event.key === storageKey && event.newValue) {
+                try {
+                    const syncEvent = JSON.parse(event.newValue);
+                    this.handleEvent(syncEvent);
+                }
+                catch {
+                    // Ignorar eventos mal formados
+                }
+            }
+        };
+        window.addEventListener('storage', this.storageListener);
+    }
+    /**
+     * Envía evento via localStorage (fallback).
+     */
+    broadcastViaStorage(event) {
+        const storageKey = `${this.config.storagePrefix}sync_event`;
+        try {
+            // Escribir y luego limpiar para permitir múltiples eventos del mismo tipo
+            localStorage.setItem(storageKey, JSON.stringify(event));
+            // Usar setTimeout para permitir que otras pestañas lean el valor
+            setTimeout(() => {
+                localStorage.removeItem(storageKey);
+            }, 100);
+        }
+        catch {
+            console.warn('[ValtechAuth] Error enviando evento via storage');
+        }
+    }
+    /**
+     * Maneja un evento recibido.
+     */
+    handleEvent(event) {
+        // Verificar que el evento no sea muy antiguo (más de 5 segundos)
+        const age = Date.now() - event.timestamp;
+        if (age > 5000) {
+            return;
+        }
+        this.eventSubject.next(event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthSyncService, deps: [{ token: VALTECH_AUTH_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthSyncService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthSyncService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [VALTECH_AUTH_CONFIG]
+                }] }] });
+
+/**
+ * Servicio principal de autenticación.
+ *
+ * @example
+ * ```typescript
+ * import { AuthService } from 'valtech-components';
+ *
+ * @Component({...})
+ * export class LoginComponent {
+ *   private auth = inject(AuthService);
+ *
+ *   async login() {
+ *     await firstValueFrom(this.auth.signin({ email, password }));
+ *     if (this.auth.mfaPending().required) {
+ *       // Mostrar UI de MFA
+ *     } else {
+ *       this.router.navigate(['/']);
+ *     }
+ *   }
+ * }
+ * ```
+ */
+class AuthService {
+    constructor(config, http, router, stateService, tokenService, storageService, syncService, firebaseService) {
+        this.config = config;
+        this.http = http;
+        this.router = router;
+        this.stateService = stateService;
+        this.tokenService = tokenService;
+        this.storageService = storageService;
+        this.syncService = syncService;
+        this.firebaseService = firebaseService;
+        // Timer para refresh proactivo
+        this.refreshTimerId = null;
+        this.syncSubscription = null;
+        // =============================================
+        // ESTADO PÚBLICO (Signals readonly)
+        // =============================================
+        /** Estado completo de autenticación */
+        this.state = this.stateService.state;
+        /** Usuario está autenticado */
+        this.isAuthenticated = this.stateService.isAuthenticated;
+        /** Estado de carga */
+        this.isLoading = this.stateService.isLoading;
+        /** Información del usuario */
+        this.user = this.stateService.user;
+        /** Token de acceso */
+        this.accessToken = this.stateService.accessToken;
+        /** Roles del usuario */
+        this.roles = this.stateService.roles;
+        /** Permisos del usuario */
+        this.permissions = this.stateService.permissions;
+        /** Usuario es super admin */
+        this.isSuperAdmin = this.stateService.isSuperAdmin;
+        /** Estado de MFA pendiente */
+        this.mfaPending = this.stateService.mfaPending;
+        /** Error actual */
+        this.error = this.stateService.error;
+    }
+    // =============================================
+    // INICIALIZACIÓN
+    // =============================================
+    /**
+     * Inicializa el servicio de autenticación.
+     * Llamado automáticamente por provideValtechAuth.
+     */
+    async initialize() {
+        // 1. Cargar estado desde storage
+        const storedState = this.storageService.loadState();
+        if (storedState.accessToken) {
+            // 2. Verificar si token es válido
+            if (this.tokenService.isTokenValid(storedState.accessToken)) {
+                this.stateService.restoreFromStorage(storedState);
+                // Extraer info del token
+                const claims = this.tokenService.parseToken(storedState.accessToken);
+                if (claims) {
+                    this.stateService.updateUserInfo(claims.uid, claims.email);
+                }
+                // 3. Iniciar timer de refresco proactivo
+                this.startRefreshTimer();
+            }
+            else if (storedState.refreshToken) {
+                // 4. Token expirado pero hay refresh token - intentar refrescar
+                try {
+                    await firstValueFrom(this.refreshAccessToken());
+                }
+                catch {
+                    this.clearState();
+                }
+            }
+            else {
+                this.clearState();
+            }
+        }
+        // 5. Iniciar sincronización entre pestañas
+        if (this.config.enableTabSync) {
+            this.syncService.start();
+            this.syncSubscription = this.syncService.onEvent$.subscribe(event => this.handleSyncEvent(event));
+        }
+        this.stateService.setLoading(false);
+    }
+    ngOnDestroy() {
+        this.stopRefreshTimer();
+        this.syncSubscription?.unsubscribe();
+    }
+    // =============================================
+    // AUTENTICACIÓN
+    // =============================================
+    /**
+     * Inicia sesión con email y contraseña.
+     */
+    signin(request) {
+        this.stateService.clearError();
+        return this.http.post(`${this.baseUrl}/signin`, request).pipe(tap(response => {
+            if (response.mfaRequired) {
+                // MFA requerido - guardar estado temporal
+                this.stateService.setMFAPending({
+                    required: true,
+                    mfaToken: response.mfaToken,
+                    method: response.mfaMethod,
+                });
+            }
+            else if (response.accessToken) {
+                // Login exitoso sin MFA
+                this.handleSuccessfulAuth(response);
+            }
+        }), catchError(error => this.handleAuthError(error)));
+    }
+    /**
+     * Registra un nuevo usuario.
+     * El usuario queda en estado PENDING hasta verificar su email.
+     */
+    signup(request) {
+        this.stateService.clearError();
+        return this.http
+            .post(`${this.baseUrl}/signup`, request)
+            .pipe(catchError(error => this.handleAuthError(error)));
+    }
+    /**
+     * Verifica email con código de 6 dígitos.
+     * Si es exitoso, hace auto-login y retorna tokens.
+     */
+    verifyEmail(request) {
+        this.stateService.clearError();
+        return this.http.post(`${this.baseUrl}/verify-email`, request).pipe(tap(response => {
+            if (response.verified && response.accessToken) {
+                // Auto-login: guardar tokens y actualizar estado
+                this.handleSuccessfulAuth(response);
+            }
+        }), catchError(error => this.handleAuthError(error)));
+    }
+    /**
+     * Reenvía código de verificación al email.
+     */
+    resendCode(request) {
+        return this.http
+            .post(`${this.baseUrl}/resend-code`, request)
+            .pipe(catchError(error => this.handleAuthError(error)));
+    }
+    /**
+     * Verifica código MFA.
+     */
+    verifyMFA(code) {
+        const mfaState = this.mfaPending();
+        if (!mfaState.mfaToken) {
+            return throwError(() => ({
+                code: 'MFA_NOT_PENDING',
+                message: 'No hay verificación MFA pendiente',
+            }));
+        }
+        return this.http
+            .post(`${this.baseUrl}/mfa/verify`, {
+            mfaToken: mfaState.mfaToken,
+            code,
+        })
+            .pipe(tap(response => {
+            this.stateService.clearMFAPending();
+            this.handleSuccessfulAuth(response);
+        }), catchError(error => this.handleAuthError(error)));
+    }
+    /**
+     * Refresca el token de acceso.
+     */
+    refreshAccessToken() {
+        const refreshToken = this.state().refreshToken;
+        if (!refreshToken) {
+            return throwError(() => ({
+                code: 'NO_REFRESH_TOKEN',
+                message: 'No hay token de refresco',
+            }));
+        }
+        return this.http.post(`${this.baseUrl}/refresh`, { refreshToken }).pipe(tap(response => {
+            const expiresAt = Date.now() + response.expiresIn * 1000;
+            this.stateService.updateAccessToken(response.accessToken, response.expiresIn);
+            this.storageService.saveAccessToken(response.accessToken, expiresAt);
+            this.startRefreshTimer();
+            this.syncService.broadcast({
+                type: 'TOKEN_REFRESH',
+                payload: { accessToken: response.accessToken, expiresAt },
+            });
+        }), catchError(error => {
+            this.logout();
+            return throwError(() => error);
+        }));
+    }
+    /**
+     * Cierra sesión.
+     */
+    logout() {
+        const refreshToken = this.state().refreshToken;
+        // Notificar al backend (fire and forget)
+        if (refreshToken) {
+            this.http
+                .post(`${this.baseUrl}/logout`, { refreshToken })
+                .pipe(catchError(() => of(null)))
+                .subscribe();
+        }
+        // Cerrar sesión de Firebase si está integrado
+        this.signOutFirebase();
+        this.clearState();
+        this.syncService.broadcast({ type: 'LOGOUT' });
+        this.router.navigate([this.config.loginRoute]);
+    }
+    // =============================================
+    // MFA SETUP (usuario autenticado)
+    // =============================================
+    /**
+     * Configura MFA para el usuario.
+     */
+    setupMFA(method, phone) {
+        return this.http
+            .post(`${this.baseUrl}/mfa/setup`, { method, phone })
+            .pipe(catchError(error => this.handleAuthError(error)));
+    }
+    /**
+     * Confirma la configuración de MFA.
+     */
+    confirmMFA(code) {
+        return this.http
+            .post(`${this.baseUrl}/mfa/confirm`, { code })
+            .pipe(catchError(error => this.handleAuthError(error)));
+    }
+    /**
+     * Deshabilita MFA.
+     */
+    disableMFA(password) {
+        return this.http
+            .post(`${this.baseUrl}/mfa/disable`, { password })
+            .pipe(catchError(error => this.handleAuthError(error)));
+    }
+    // =============================================
+    // PERMISOS
+    // =============================================
+    /**
+     * Obtiene los permisos actualizados del backend.
+     */
+    fetchPermissions() {
+        return this.http.get(`${this.baseUrl}/permissions`).pipe(tap(response => {
+            this.stateService.updatePermissions(response.roles, response.permissions, response.isSuperAdmin);
+            this.storageService.savePermissions(response);
+            this.syncService.broadcast({ type: 'PERMISSIONS_UPDATE' });
+        }), catchError(error => this.handleAuthError(error)));
+    }
+    /**
+     * Verifica si el usuario tiene un permiso específico.
+     * Formato: "resource:action" (ej: "templates:edit")
+     */
+    hasPermission(permission) {
+        if (this.isSuperAdmin())
+            return true;
+        const [resource, action] = permission.split(':');
+        return this.permissions().some(p => {
+            const [pResource, pAction] = p.split(':');
+            return ((pResource === '*' || pResource === resource) && (pAction === '*' || pAction === action));
+        });
+    }
+    /**
+     * Verifica si el usuario tiene alguno de los permisos dados.
+     */
+    hasAnyPermission(permissions) {
+        return permissions.some(p => this.hasPermission(p));
+    }
+    /**
+     * Verifica si el usuario tiene todos los permisos dados.
+     */
+    hasAllPermissions(permissions) {
+        return permissions.every(p => this.hasPermission(p));
+    }
+    /**
+     * Verifica si el usuario tiene un rol específico.
+     */
+    hasRole(role) {
+        return this.roles().some(r => r.toLowerCase() === role.toLowerCase());
+    }
+    // =============================================
+    // PRIVATE METHODS
+    // =============================================
+    get baseUrl() {
+        return `${this.config.apiUrl}${this.config.authPrefix}`;
+    }
+    handleSuccessfulAuth(response) {
+        const expiresAt = Date.now() + response.expiresIn * 1000;
+        const tokenData = this.tokenService.parseToken(response.accessToken);
+        this.stateService.setAuthenticated({
+            accessToken: response.accessToken,
+            refreshToken: response.refreshToken,
+            userId: tokenData?.uid,
+            email: tokenData?.email,
+            roles: response.roles || [],
+            permissions: response.permissions || [],
+            isSuperAdmin: response.permissions?.includes('*:*') || false,
+            expiresAt,
+        });
+        this.storageService.saveState({
+            accessToken: response.accessToken,
+            refreshToken: response.refreshToken,
+            roles: response.roles || [],
+            permissions: response.permissions || [],
+            isSuperAdmin: response.permissions?.includes('*:*') || false,
+            expiresAt,
+        });
+        this.startRefreshTimer();
+        this.syncService.broadcast({ type: 'LOGIN' });
+        // Integración con Firebase
+        if (this.config.enableFirebaseIntegration &&
+            'firebaseToken' in response &&
+            response.firebaseToken) {
+            this.signInWithFirebase(response.firebaseToken);
+        }
+    }
+    clearState() {
+        this.stopRefreshTimer();
+        this.stateService.reset();
+        this.storageService.clear();
+    }
+    startRefreshTimer() {
+        this.stopRefreshTimer();
+        const state = this.stateService.state();
+        if (!state.expiresAt)
+            return;
+        const refreshBeforeMs = (this.config.refreshBeforeExpiry || 60) * 1000;
+        const refreshAt = state.expiresAt - refreshBeforeMs;
+        const delay = refreshAt - Date.now();
+        if (delay > 0) {
+            this.refreshTimerId = setTimeout(() => {
+                this.refreshAccessToken().subscribe({
+                    error: () => this.logout(),
+                });
+            }, delay);
+        }
+        else if (state.refreshToken) {
+            // Token ya debería refrescarse, intentar ahora
+            this.refreshAccessToken().subscribe({
+                error: () => this.logout(),
+            });
+        }
+    }
+    stopRefreshTimer() {
+        if (this.refreshTimerId) {
+            clearTimeout(this.refreshTimerId);
+            this.refreshTimerId = null;
+        }
+    }
+    handleSyncEvent(event) {
+        switch (event.type) {
+            case 'LOGIN':
+            case 'TOKEN_REFRESH': {
+                // Recargar estado desde storage
+                const state = this.storageService.loadState();
+                if (state.accessToken) {
+                    this.stateService.restoreFromStorage(state);
+                    const claims = this.tokenService.parseToken(state.accessToken);
+                    if (claims) {
+                        this.stateService.updateUserInfo(claims.uid, claims.email);
+                    }
+                    this.startRefreshTimer();
+                }
+                break;
+            }
+            case 'LOGOUT':
+                this.stateService.reset();
+                this.stopRefreshTimer();
+                this.router.navigate([this.config.loginRoute]);
+                break;
+            case 'PERMISSIONS_UPDATE': {
+                const perms = this.storageService.loadPermissions();
+                this.stateService.updatePermissions(perms.roles, perms.permissions, perms.isSuperAdmin);
+                break;
+            }
+        }
+    }
+    handleAuthError(error) {
+        const authError = {
+            code: error.error?.code || 'UNKNOWN_ERROR',
+            message: error.error?.message || 'Error de autenticación desconocido',
+        };
+        this.stateService.setError(authError);
+        return throwError(() => authError);
+    }
+    // =============================================
+    // FIREBASE INTEGRATION
+    // =============================================
+    async signInWithFirebase(firebaseToken) {
+        try {
+            if (this.firebaseService) {
+                await this.firebaseService.signInWithCustomToken(firebaseToken);
+                console.log('[ValtechAuth] Firebase signin successful');
+            }
+            else {
+                console.warn('[ValtechAuth] FirebaseService not provided. Add provideValtechFirebase() to your providers.');
+            }
+        }
+        catch (error) {
+            // No bloquear el login principal si Firebase falla
+            console.error('[ValtechAuth] Firebase signin failed:', error);
+        }
+    }
+    async signOutFirebase() {
+        if (!this.config.enableFirebaseIntegration)
+            return;
+        try {
+            if (this.firebaseService) {
+                await this.firebaseService.signOut();
+                console.log('[ValtechAuth] Firebase signout successful');
+            }
+        }
+        catch (error) {
+            // Ignorar errores de Firebase signout
+            console.warn('[ValtechAuth] Firebase signout failed:', error);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthService, deps: [{ token: VALTECH_AUTH_CONFIG }, { token: i1$9.HttpClient }, { token: i1$1.Router }, { token: AuthStateService }, { token: TokenService }, { token: AuthStorageService }, { token: AuthSyncService }, { token: FirebaseService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [VALTECH_AUTH_CONFIG]
+                }] }, { type: i1$9.HttpClient }, { type: i1$1.Router }, { type: AuthStateService }, { type: TokenService }, { type: AuthStorageService }, { type: AuthSyncService }, { type: FirebaseService }] });
+
+// Control de estado de refresco (singleton a nivel de módulo)
+let isRefreshing = false;
+const refreshTokenSubject = new BehaviorSubject(null);
+/**
+ * Interceptor HTTP que:
+ * 1. Agrega header Authorization con Bearer token a requests API
+ * 2. Maneja errores 401 refrescando el token automáticamente
+ * 3. Encola requests durante el refresco para evitar múltiples refresh
+ *
+ * @example
+ * ```typescript
+ * // Incluido automáticamente por provideValtechAuth()
+ * // Para uso manual:
+ * import { provideHttpClient, withInterceptors } from '@angular/common/http';
+ * import { authInterceptor } from 'valtech-components';
+ *
+ * bootstrapApplication(AppComponent, {
+ *   providers: [
+ *     provideHttpClient(withInterceptors([authInterceptor])),
+ *   ],
+ * });
+ * ```
+ */
+const authInterceptor = (request, next) => {
+    const authService = inject(AuthService);
+    const config = inject(VALTECH_AUTH_CONFIG);
+    // Omitir requests que no son a nuestra API
+    if (!isApiRequest(request, config.apiUrl)) {
+        return next(request);
+    }
+    // Omitir endpoints de auth que no necesitan token
+    if (isAuthEndpoint(request, config.authPrefix)) {
+        return next(request);
+    }
+    const accessToken = authService.accessToken();
+    // Agregar header de autorización si hay token
+    if (accessToken) {
+        request = addAuthHeader(request, accessToken);
+    }
+    return next(request).pipe(catchError((error) => {
+        if (error.status === 401 && !isAuthEndpoint(request, config.authPrefix)) {
+            return handle401Error(request, next, authService);
+        }
+        if (error.status === 403) {
+            console.error('[ValtechAuth] Permiso denegado:', error.error?.message || 'Acceso prohibido');
+        }
+        return throwError(() => error);
+    }));
+};
+/**
+ * Agrega header de autorización a la request.
+ */
+function addAuthHeader(request, token) {
+    return request.clone({
+        setHeaders: {
+            Authorization: `Bearer ${token}`,
+        },
+    });
+}
+/**
+ * Verifica si la request es a nuestra API.
+ */
+function isApiRequest(request, apiUrl) {
+    return request.url.startsWith(apiUrl) || request.url.includes('/v2/auth');
+}
+/**
+ * Verifica si la request es a un endpoint de auth que no debe reintentar.
+ */
+function isAuthEndpoint(request, authPrefix) {
+    const authEndpoints = ['/signin', '/signup', '/refresh', '/logout', '/mfa/verify'];
+    return authEndpoints.some((endpoint) => request.url.includes(`${authPrefix}${endpoint}`));
+}
+/**
+ * Maneja errores 401 refrescando el token.
+ */
+function handle401Error(request, next, authService) {
+    if (!isRefreshing) {
+        isRefreshing = true;
+        refreshTokenSubject.next(null);
+        return authService.refreshAccessToken().pipe(switchMap((response) => {
+            refreshTokenSubject.next(response.accessToken);
+            return next(addAuthHeader(request, response.accessToken));
+        }), catchError((error) => {
+            authService.logout();
+            return throwError(() => error);
+        }), finalize(() => {
+            isRefreshing = false;
+        }));
+    }
+    // Esperar a que termine el refresco en curso
+    return refreshTokenSubject.pipe(filter$1((token) => token !== null), take(1), switchMap((token) => next(addAuthHeader(request, token))));
+}
+
+/**
+ * Token de inyección para la configuración de Auth.
+ */
+const VALTECH_AUTH_CONFIG = new InjectionToken('ValtechAuthConfig');
+/**
+ * Configuración por defecto.
+ */
+const DEFAULT_AUTH_CONFIG = {
+    authPrefix: '/v2/auth',
+    storagePrefix: 'valtech_auth_',
+    refreshBeforeExpiry: 60,
+    enableTabSync: true,
+    loginRoute: '/login',
+    homeRoute: '/',
+    unauthorizedRoute: '/unauthorized',
+    enableFirebaseIntegration: false,
+};
+/**
+ * Factory para inicializar el AuthService.
+ */
+function initializeAuth(authService) {
+    return () => authService.initialize();
+}
+/**
+ * Provee el servicio de autenticación a la aplicación Angular.
+ *
+ * @param config - Configuración de autenticación
+ * @returns EnvironmentProviders para usar en bootstrapApplication
+ *
+ * @example
+ * ```typescript
+ * // main.ts
+ * import { bootstrapApplication } from '@angular/platform-browser';
+ * import { provideValtechAuth } from 'valtech-components';
+ * import { environment } from './environments/environment';
+ *
+ * bootstrapApplication(AppComponent, {
+ *   providers: [
+ *     provideValtechAuth({
+ *       apiUrl: environment.apiUrl,
+ *       enableFirebaseIntegration: true,
+ *     }),
+ *   ],
+ * });
+ * ```
+ */
+function provideValtechAuth(config) {
+    const mergedConfig = {
+        ...DEFAULT_AUTH_CONFIG,
+        ...config,
+    };
+    return makeEnvironmentProviders([
+        { provide: VALTECH_AUTH_CONFIG, useValue: mergedConfig },
+        provideHttpClient(withInterceptors([authInterceptor])),
+        // Inicializar AuthService al arrancar la app
+        {
+            provide: APP_INITIALIZER,
+            useFactory: initializeAuth,
+            deps: [AuthService],
+            multi: true,
+        },
+    ]);
+}
+/**
+ * Provee solo el interceptor (para apps que ya tienen AuthService configurado manualmente).
+ */
+function provideValtechAuthInterceptor() {
+    return makeEnvironmentProviders([
+        provideHttpClient(withInterceptors([authInterceptor])),
+    ]);
+}
+
+/**
+ * Guard que verifica si el usuario está autenticado.
+ * Redirige a loginRoute si no está autenticado.
+ *
+ * @example
+ * ```typescript
+ * import { authGuard } from 'valtech-components';
+ *
+ * const routes: Routes = [
+ *   {
+ *     path: 'dashboard',
+ *     canActivate: [authGuard],
+ *     loadComponent: () => import('./dashboard.page'),
+ *   },
+ * ];
+ * ```
+ */
+const authGuard = () => {
+    const authService = inject(AuthService);
+    const router = inject(Router);
+    const config = inject(VALTECH_AUTH_CONFIG);
+    if (authService.isAuthenticated()) {
+        return true;
+    }
+    return router.createUrlTree([config.loginRoute]);
+};
+/**
+ * Guard que verifica si el usuario NO está autenticado.
+ * Redirige a homeRoute si ya está autenticado.
+ * Útil para páginas de login/registro.
+ *
+ * @example
+ * ```typescript
+ * import { guestGuard } from 'valtech-components';
+ *
+ * const routes: Routes = [
+ *   {
+ *     path: 'login',
+ *     canActivate: [guestGuard],
+ *     loadComponent: () => import('./login.page'),
+ *   },
+ * ];
+ * ```
+ */
+const guestGuard = () => {
+    const authService = inject(AuthService);
+    const router = inject(Router);
+    const config = inject(VALTECH_AUTH_CONFIG);
+    if (!authService.isAuthenticated()) {
+        return true;
+    }
+    return router.createUrlTree([config.homeRoute]);
+};
+/**
+ * Factory para crear guard de permisos.
+ * Verifica si el usuario tiene el permiso especificado.
+ *
+ * @param permissions - Permiso o lista de permisos requeridos (OR)
+ * @returns Guard function
+ *
+ * @example
+ * ```typescript
+ * import { authGuard, permissionGuard } from 'valtech-components';
+ *
+ * const routes: Routes = [
+ *   {
+ *     path: 'templates',
+ *     canActivate: [authGuard, permissionGuard('templates:read')],
+ *     loadComponent: () => import('./templates.page'),
+ *   },
+ *   {
+ *     path: 'admin',
+ *     canActivate: [authGuard, permissionGuard(['admin:*', 'super_admin'])],
+ *     loadComponent: () => import('./admin.page'),
+ *   },
+ * ];
+ * ```
+ */
+function permissionGuard(permissions) {
+    return () => {
+        const authService = inject(AuthService);
+        const router = inject(Router);
+        const config = inject(VALTECH_AUTH_CONFIG);
+        const permArray = Array.isArray(permissions) ? permissions : [permissions];
+        if (authService.hasAnyPermission(permArray)) {
+            return true;
+        }
+        console.warn(`[ValtechAuth] Permiso denegado. Requerido: ${permArray.join(' o ')}`);
+        return router.createUrlTree([config.unauthorizedRoute]);
+    };
+}
+/**
+ * Guard que lee permisos desde route.data.
+ * Permite configurar permisos directamente en la definición de rutas.
+ *
+ * @example
+ * ```typescript
+ * import { authGuard, permissionGuardFromRoute } from 'valtech-components';
+ *
+ * const routes: Routes = [
+ *   {
+ *     path: 'admin/users',
+ *     canActivate: [authGuard, permissionGuardFromRoute],
+ *     data: {
+ *       permissions: ['users:read', 'users:manage'],
+ *       requireAll: false  // true = AND, false = OR (default)
+ *     },
+ *     loadComponent: () => import('./users.page'),
+ *   },
+ * ];
+ * ```
+ */
+const permissionGuardFromRoute = (route) => {
+    const authService = inject(AuthService);
+    const router = inject(Router);
+    const config = inject(VALTECH_AUTH_CONFIG);
+    const permissions = route.data['permissions'];
+    const requireAll = route.data['requireAll'];
+    if (!permissions || permissions.length === 0) {
+        return true;
+    }
+    const hasAccess = requireAll
+        ? authService.hasAllPermissions(permissions)
+        : authService.hasAnyPermission(permissions);
+    if (hasAccess) {
+        return true;
+    }
+    console.warn(`[ValtechAuth] Permiso denegado. Requerido: ${permissions.join(requireAll ? ' y ' : ' o ')}`);
+    return router.createUrlTree([config.unauthorizedRoute]);
+};
+/**
+ * Guard que verifica si el usuario es super admin.
+ *
+ * @example
+ * ```typescript
+ * import { authGuard, superAdminGuard } from 'valtech-components';
+ *
+ * const routes: Routes = [
+ *   {
+ *     path: 'super-admin',
+ *     canActivate: [authGuard, superAdminGuard],
+ *     loadComponent: () => import('./super-admin.page'),
+ *   },
+ * ];
+ * ```
+ */
+const superAdminGuard = () => {
+    const authService = inject(AuthService);
+    const router = inject(Router);
+    const config = inject(VALTECH_AUTH_CONFIG);
+    if (authService.isSuperAdmin()) {
+        return true;
+    }
+    console.warn('[ValtechAuth] Acceso de super admin requerido');
+    return router.createUrlTree([config.unauthorizedRoute]);
+};
+/**
+ * Guard que verifica si el usuario tiene un rol específico.
+ *
+ * @param roles - Rol o lista de roles requeridos (OR)
+ * @returns Guard function
+ *
+ * @example
+ * ```typescript
+ * import { authGuard, roleGuard } from 'valtech-components';
+ *
+ * const routes: Routes = [
+ *   {
+ *     path: 'editor',
+ *     canActivate: [authGuard, roleGuard(['editor', 'admin'])],
+ *     loadComponent: () => import('./editor.page'),
+ *   },
+ * ];
+ * ```
+ */
+function roleGuard(roles) {
+    return () => {
+        const authService = inject(AuthService);
+        const router = inject(Router);
+        const config = inject(VALTECH_AUTH_CONFIG);
+        const roleArray = Array.isArray(roles) ? roles : [roles];
+        const hasRole = roleArray.some((role) => authService.hasRole(role));
+        if (hasRole) {
+            return true;
+        }
+        console.warn(`[ValtechAuth] Rol requerido: ${roleArray.join(' o ')}`);
+        return router.createUrlTree([config.unauthorizedRoute]);
+    };
+}
+
+/**
+ * Valtech Auth Service
+ *
+ * Servicio de autenticación reutilizable para aplicaciones Angular.
+ * Proporciona autenticación con AuthV2, MFA, sincronización entre pestañas,
+ * y refresh proactivo de tokens.
+ *
+ * @example
+ * ```typescript
+ * // En main.ts
+ * import { bootstrapApplication } from '@angular/platform-browser';
+ * import { provideValtechAuth } from 'valtech-components';
+ * import { environment } from './environments/environment';
+ *
+ * bootstrapApplication(AppComponent, {
+ *   providers: [
+ *     provideValtechAuth({
+ *       apiUrl: environment.apiUrl,
+ *       enableFirebaseIntegration: true,
+ *     }),
+ *   ],
+ * });
+ *
+ * // En app.routes.ts
+ * import { authGuard, guestGuard, permissionGuard } from 'valtech-components';
+ *
+ * const routes: Routes = [
+ *   { path: 'login', canActivate: [guestGuard], loadComponent: () => import('./login.page') },
+ *   { path: 'dashboard', canActivate: [authGuard], loadComponent: () => import('./dashboard.page') },
+ *   { path: 'admin', canActivate: [authGuard, permissionGuard('admin:*')], loadComponent: () => import('./admin.page') },
+ * ];
+ *
+ * // En componentes
+ * import { AuthService } from 'valtech-components';
+ *
+ * @Component({...})
+ * export class LoginComponent {
+ *   private auth = inject(AuthService);
+ *
+ *   async login() {
+ *     await firstValueFrom(this.auth.signin({ email, password }));
+ *     if (this.auth.mfaPending().required) {
+ *       // Mostrar UI de MFA
+ *     } else {
+ *       this.router.navigate(['/dashboard']);
+ *     }
+ *   }
+ *
+ *   // En template: usar signals directamente
+ *   // {{ auth.user()?.email }}
+ *   // @if (auth.hasPermission('templates:edit')) { ... }
+ * }
+ * ```
+ */
+// Tipos
+
 /*
  * Public API Surface of valtech-components
  */
@@ -21136,5 +25327,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-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 };
+export { APP_IDS, ARTICLE_SPACING, AccordionComponent, ActionHeaderComponent, ActionType, AlertBoxComponent, ArticleBuilder, ArticleComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, BannerComponent, BaseDefault, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, CheckInputComponent, ChipGroupComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContentLoaderComponent, CountdownComponent, CurrencyInputComponent, DEFAULT_AUTH_CONFIG, 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, FirestoreCollectionFactory, FirestoreService, FooterComponent, FooterLinksComponent, FormComponent, FormFooterComponent, FunHeaderComponent, GlowCardComponent, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, 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, TokenService, ToolbarActionType, ToolbarComponent, TypedCollection, VALTECH_AUTH_CONFIG, VALTECH_FIREBASE_CONFIG, WinnerDisplayComponent, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, buildPath, collections, createFirebaseConfig, createGlowCardProps, createNumberFromToField, createTitleProps, extractPathParams, getCollectionPath, getDocumentId, goToTop, guestGuard, hasEmulators, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, permissionGuard, permissionGuardFromRoute, provideValtechAuth, provideValtechAuthInterceptor, provideValtechFirebase, query, replaceSpecialChars, resolveColor, resolveInputDefaultValue, roleGuard, storagePaths, superAdminGuard };
 //# sourceMappingURL=valtech-components.mjs.map