valtech-components 4.0.219 → 4.0.221

package/fesm2022/valtech-components.mjs

@@ -25,7 +25,7 @@ import { getApps, getApp, initializeApp as initializeApp$1 } from 'firebase/app'
 import * as i2$1 from '@ionic/angular/standalone';
 import { AlertController, IonAvatar, IonCard, IonIcon, IonButton, IonSpinner, IonText, IonModal, IonHeader, IonToolbar, IonContent, IonButtons, IonTitle, IonProgressBar, IonSkeletonText, IonFab, IonFabButton, IonFabList, IonLabel, IonCardContent, IonCardHeader, IonCardTitle, IonCardSubtitle, IonCheckbox, IonRadio, IonRadioGroup, IonTextarea, IonDatetime, IonSelect, IonSelectOption, IonPopover, IonList, IonItem, IonInput, IonChip, IonRange, IonSearchbar, IonSegment, IonSegmentButton, IonToggle, IonRippleEffect, IonAccordion, IonAccordionGroup, IonTabBar, IonTabButton, IonBadge, IonBreadcrumb, IonBreadcrumbs, IonInfiniteScroll, IonInfiniteScrollContent, IonNote, IonDatetimeButton, ToastController as ToastController$1, IonCol, IonRow, IonRefresher, IonRefresherContent, IonMenuButton, IonFooter, IonListHeader, IonGrid, MenuController, IonMenu, IonMenuToggle, IonSplitPane } from '@ionic/angular/standalone';
 import { addIcons } from 'ionicons';
-import { addOutline, addCircleOutline, alertOutline, alertCircleOutline, arrowBackOutline, arrowForwardOutline, arrowDownOutline, settings, settingsOutline, checkmarkCircleOutline, ellipsisHorizontalOutline, notifications, notificationsOutline, openOutline, closeOutline, chatbubblesOutline, shareOutline, heart, heartOutline, home, homeOutline, eyeOffOutline, eyeOutline, scanOutline, chevronDownOutline, chevronForwardOutline, checkmarkOutline, clipboardOutline, copyOutline, filterOutline, locationOutline, calendarOutline, businessOutline, logoTwitter, logoInstagram, logoLinkedin, logoYoutube, logoTiktok, logoFacebook, logoGoogle, createOutline, trashOutline, playOutline, peopleOutline, phonePortraitOutline, refreshOutline, documentTextOutline, lockClosedOutline, cloudUploadOutline, textOutline, informationCircleOutline, logoNpm, removeOutline, optionsOutline, personOutline, shieldCheckmarkOutline, keyOutline, desktopOutline, logOutOutline, cloudDownloadOutline, cloudOutline, gitBranchOutline, layersOutline, serverOutline, warningOutline, bulbOutline, lockOpenOutline, diamondOutline, newspaperOutline, add, close, share, create, trash, star, camera, mic, send, downloadOutline, chevronDown, language, globeOutline, checkmark, list, grid, apps, menu, search, person, helpCircle, informationCircle, documentText, mail, calendar, folder, chevronForward, ellipsisHorizontal, chevronBack, playBack, playForward, 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, logoWhatsapp, paperPlaneOutline, mailOutline, chevronDownCircleOutline, closeCircle, alertCircle, logoApple, logoMicrosoft, linkOutline, unlinkOutline, cloudOfflineOutline, documentOutline, attachOutline, cameraOutline, closeCircleOutline, imageOutline, printOutline, chevronBackOutline, sendOutline, chatbubbleEllipsesOutline, swapVerticalOutline, chevronUpOutline, searchOutline, cartOutline, chatbubble, compass, compassOutline, gridOutline, listOutline, folderOutline, documents, documentsOutline, statsChart, statsChartOutline, laptopOutline, swapHorizontalOutline, codeSlashOutline, notificationsOffOutline, alarmOutline, chatboxEllipsesOutline, checkmarkDoneOutline, cogOutline, shareSocialOutline, helpCircleOutline, menuOutline, stopCircleOutline, videocamOffOutline } from 'ionicons/icons';
+import { addOutline, addCircleOutline, alertOutline, alertCircleOutline, arrowBackOutline, arrowForwardOutline, arrowDownOutline, settings, settingsOutline, checkmarkCircleOutline, ellipsisHorizontalOutline, notifications, notificationsOutline, openOutline, closeOutline, chatbubblesOutline, shareOutline, heart, heartOutline, home, homeOutline, eyeOffOutline, eyeOutline, scanOutline, chevronDownOutline, chevronForwardOutline, checkmarkOutline, clipboardOutline, copyOutline, filterOutline, locationOutline, calendarOutline, businessOutline, logoTwitter, logoInstagram, logoLinkedin, logoYoutube, logoTiktok, logoFacebook, logoGoogle, createOutline, trashOutline, playOutline, peopleOutline, phonePortraitOutline, refreshOutline, documentTextOutline, lockClosedOutline, cloudUploadOutline, textOutline, informationCircleOutline, logoNpm, removeOutline, optionsOutline, personOutline, shieldCheckmarkOutline, keyOutline, desktopOutline, logOutOutline, cloudDownloadOutline, cloudOutline, gitBranchOutline, layersOutline, serverOutline, warningOutline, bulbOutline, lockOpenOutline, diamondOutline, newspaperOutline, add, close, share, create, trash, star, camera, mic, send, downloadOutline, chevronDown, language, globeOutline, checkmark, list, grid, apps, menu, search, person, helpCircle, informationCircle, documentText, mail, calendar, folder, chevronForward, ellipsisHorizontal, chevronBack, playBack, playForward, 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, logoWhatsapp, paperPlaneOutline, mailOutline, chevronDownCircleOutline, closeCircle, alertCircle, logoApple, logoMicrosoft, linkOutline, unlinkOutline, cloudOfflineOutline, documentOutline, attachOutline, cameraOutline, closeCircleOutline, imageOutline, printOutline, chevronBackOutline, sendOutline, chatbubbleEllipsesOutline, swapVerticalOutline, chevronUpOutline, searchOutline, cartOutline, chatbubble, compass, compassOutline, gridOutline, listOutline, folderOutline, documents, documentsOutline, statsChart, statsChartOutline, laptopOutline, swapHorizontalOutline, codeSlashOutline, notificationsOffOutline, alarmOutline, chatboxEllipsesOutline, checkmarkDoneOutline, cogOutline, shareSocialOutline, helpCircleOutline, menuOutline, stopCircleOutline, videocamOffOutline, checkmarkDone, returnDownBackOutline } from 'ionicons/icons';
 import { Browser } from '@capacitor/browser';
 import * as i1$6 from '@angular/platform-browser';
 import { DomSanitizer, Meta, Title } from '@angular/platform-browser';
@@ -56,7 +56,7 @@ import { BrowserMultiFormatReader } from '@zxing/browser';
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-const VERSION = '4.0.211';
+const VERSION = '4.0.221';
 
 // Control de estado de refresco (singleton a nivel de módulo)
 let isRefreshing = false;
@@ -7845,6 +7845,70 @@ const VALTECH_DEFAULT_CONTENT = {
             decline: 'Decline',
         },
     },
+    Chat: {
+        es: {
+            messageDeleted: '[mensaje eliminado]',
+            edited: '(editado)',
+            react: 'Reaccionar',
+            reply: 'Responder',
+            edit: 'Editar',
+            delete: 'Eliminar',
+        },
+        en: {
+            messageDeleted: '[message deleted]',
+            edited: '(edited)',
+            react: 'React',
+            reply: 'Reply',
+            edit: 'Edit',
+            delete: 'Delete',
+        },
+    },
+    ChatInput: {
+        es: {
+            placeholder: 'Escribe un mensaje',
+            send: 'Enviar',
+            counter: '{count}/{max}',
+        },
+        en: {
+            placeholder: 'Write a message',
+            send: 'Send',
+            counter: '{count}/{max}',
+        },
+    },
+    TypingIndicator: {
+        es: {
+            one: '{name} esta escribiendo',
+            two: '{name} y {other} estan escribiendo',
+            many: 'Varios estan escribiendo',
+        },
+        en: {
+            one: '{name} is typing',
+            two: '{name} and {other} are typing',
+            many: 'Several people are typing',
+        },
+    },
+    ChatWindow: {
+        es: {
+            conversationClosed: 'Esta conversacion esta cerrada',
+            loading: 'Cargando mensajes...',
+            noMessages: 'No hay mensajes aun',
+        },
+        en: {
+            conversationClosed: 'This conversation is closed',
+            loading: 'Loading messages...',
+            noMessages: 'No messages yet',
+        },
+    },
+    ThreadPanel: {
+        es: {
+            loading: 'Cargando conversacion...',
+            thread: 'Hilo',
+        },
+        en: {
+            loading: 'Loading conversation...',
+            thread: 'Thread',
+        },
+    },
 };
 
 /**
@@ -67070,6 +67134,104 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
 
+/**
+ * EntityFeedService — capa de lectura Firestore para entidades proyectables.
+ *
+ * Soporta cualquier tipo de entidad (posts, articles, adoptions, reels...)
+ * siguiendo el esquema de paths:
+ *   - Entidades: apps/{appId}/orgs/{orgId}/{entityType}s/{entityId}
+ *   - Reacciones del usuario: apps/{appId}/users/{uid}/reactions/{entityType}_{entityId}
+ *
+ * FirestoreService auto-prefija los paths con apps/{appId}/.
+ *
+ * @example
+ * const feed = inject(EntityFeedService);
+ *
+ * // Solo entidades
+ * feed.watchEntities<Post>('org_x', 'post').subscribe(posts => ...);
+ *
+ * // Feed con reaccion del viewer incluida
+ * feed.watchFeed<Post>('org_x', 'post').subscribe(items => {
+ *   items.forEach(item => console.log(item.viewerHasReacted, item.viewerToken));
+ * });
+ */
+class EntityFeedService {
+    constructor() {
+        this.fs = inject(FirestoreService);
+        this.auth = inject(AuthService);
+    }
+    /**
+     * Suscripcion en tiempo real a entidades publicadas de un tipo dado.
+     *
+     * Coleccion: orgs/{orgId}/{entityType}s
+     * Auto-prefijada a: apps/{appId}/orgs/{orgId}/{entityType}s
+     *
+     * Filtra por status === 'published', ordena por publishedAt desc.
+     *
+     * @param orgId - ID de la organizacion
+     * @param entityType - Tipo de entidad en singular (ej. 'post', 'article')
+     * @param options - Opciones opcionales (limit, default 20)
+     */
+    watchEntities(orgId, entityType, options) {
+        return this.fs.collectionChanges(`orgs/${orgId}/${entityType}s`, {
+            where: [{ field: 'status', operator: '==', value: 'published' }],
+            orderBy: [{ field: 'publishedAt', direction: 'desc' }],
+            limit: options?.limit ?? 20,
+        });
+    }
+    /**
+     * Suscripcion en tiempo real a las reacciones del usuario actual para un tipo de entidad.
+     *
+     * Coleccion: users/{uid}/reactions
+     * Auto-prefijada a: apps/{appId}/users/{uid}/reactions
+     *
+     * Retorna un Map<entityId, token> para lookup O(1) al combinar con el feed.
+     * Si no hay usuario autenticado, retorna un Map vacio.
+     *
+     * @param entityType - Tipo de entidad a filtrar (ej. 'post', 'article')
+     */
+    watchMyReactions(entityType) {
+        const user = this.auth.user();
+        if (!user?.userId)
+            return of(new Map());
+        return this.fs
+            .collectionChanges(`users/${user.userId}/reactions`, {
+            where: [{ field: 'entityType', operator: '==', value: entityType }],
+        })
+            .pipe(map(docs => new Map(docs.map(d => [d.entityId, d.token]))));
+    }
+    /**
+     * Combina watchEntities + watchMyReactions en un unico stream.
+     *
+     * Cada item del feed incluye viewerToken y viewerHasReacted, listos para
+     * renderizar el estado de reaccion del usuario actual sin logica adicional
+     * en la pagina.
+     *
+     * @param orgId - ID de la organizacion
+     * @param entityType - Tipo de entidad en singular (ej. 'post', 'article')
+     * @param options - Opciones opcionales (limit, default 20)
+     */
+    watchFeed(orgId, entityType, options) {
+        return this.watchEntities(orgId, entityType, options).pipe(switchMap$1(entities => {
+            const user = this.auth.user();
+            if (!user?.userId || entities.length === 0) {
+                return of(entities.map(e => ({ ...e, viewerToken: null, viewerHasReacted: false })));
+            }
+            return this.watchMyReactions(entityType).pipe(map(reactions => entities.map(e => ({
+                ...e,
+                viewerToken: reactions.get(e.id) ?? null,
+                viewerHasReacted: reactions.has(e.id),
+            }))));
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EntityFeedService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EntityFeedService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EntityFeedService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 const REACTION_BAR_I18N = {
     es: {
         loading: 'Cargando reacciones...',
@@ -71802,6 +71964,1211 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
   `, styles: [":host{display:grid;grid-template-columns:1fr;width:100%;box-sizing:border-box;margin:var(--val-form-field-gap, .5rem) 0;padding:var(--val-form-field-padding, 0)}.vff-label{margin-bottom:.25rem}.vff-label ::ng-deep p{margin:0}\n"] }]
         }] });
 
+/**
+ * Token de inyeccion para la configuracion del Chat.
+ */
+const VALTECH_CHAT_CONFIG = new InjectionToken('ValtechChatConfig');
+/**
+ * Configuracion por defecto del Chat.
+ */
+const DEFAULT_CHAT_CONFIG = {
+    chatPrefix: '/v2/chat',
+};
+/**
+ * Provee el servicio de Chat a la aplicacion Angular.
+ *
+ * @example
+ * // main.ts
+ * import { provideValtechChat } from 'valtech-components';
+ *
+ * bootstrapApplication(AppComponent, {
+ *   providers: [
+ *     provideValtechChat({
+ *       apiUrl: environment.apiUrl,
+ *       appId: 'showcase',
+ *     }),
+ *   ],
+ * });
+ */
+function provideValtechChat(config) {
+    const mergedConfig = {
+        ...DEFAULT_CHAT_CONFIG,
+        ...config,
+    };
+    return makeEnvironmentProviders([{ provide: VALTECH_CHAT_CONFIG, useValue: mergedConfig }]);
+}
+
+/**
+ * ConversationService
+ *
+ * Gestiona conversaciones y mensajes del chat.
+ *
+ * Dos capas:
+ *   - HTTP (via backend /v2/chat/*): operaciones de escritura y consulta.
+ *   - Firestore real-time (directa): escucha mensajes y estado de escritura.
+ *
+ * Paths Firestore:
+ *   /apps/{appId}/orgs/{orgId}/conversations/{convId}/messages/{msgId}
+ *   /apps/{appId}/orgs/{orgId}/conversations/{convId}/typing/{userId}
+ *
+ * @example
+ * // Enviar y escuchar mensajes
+ * const svc = inject(ConversationService);
+ *
+ * // Enviar (HTTP)
+ * svc.sendMessage(convId, 'Hola!').subscribe();
+ *
+ * // Escuchar en tiempo real (Firestore)
+ * svc.watchMessages(convId, orgId, appId).subscribe(msgs => this.messages.set(msgs));
+ */
+class ConversationService {
+    constructor() {
+        this.config = inject(VALTECH_CHAT_CONFIG, { optional: true });
+        this.http = inject(HttpClient);
+        this.firestoreService = inject(FirestoreService, { optional: true });
+        this.firestore = inject(Firestore, { optional: true });
+        if (!this.config && isDevMode()) {
+            console.warn('[valtech-components] ConversationService: provideValtechChat() no esta en main.ts. ' +
+                'El chat no funcionara.');
+        }
+    }
+    // ===========================================================================
+    // HTTP — operaciones de escritura y consulta al backend
+    // ===========================================================================
+    get baseUrl() {
+        return `${this.config?.apiUrl}${this.config?.chatPrefix ?? '/v2/chat'}`;
+    }
+    /**
+     * Crea una nueva conversacion.
+     */
+    createConversation(req) {
+        return this.http.post(`${this.baseUrl}/conversations`, req);
+    }
+    /**
+     * Obtiene o crea una conversacion asociada a una entidad (post, request, etc.).
+     * Usa el patron upsert del backend: si ya existe una conversacion para esa entidad,
+     * la devuelve; si no, la crea.
+     */
+    getOrCreateForEntity(entityType, entityId, type = 'entity') {
+        return this.http.post(`${this.baseUrl}/conversations/entity-conversations`, {
+            entityType,
+            entityId,
+            type,
+        });
+    }
+    /**
+     * Lista las conversaciones del usuario autenticado.
+     */
+    listConversations(cursor) {
+        const params = {};
+        if (cursor)
+            params['cursor'] = cursor;
+        return this.http.get(`${this.baseUrl}/conversations`, { params });
+    }
+    /**
+     * Obtiene una conversacion por ID.
+     */
+    getConversation(convId) {
+        return this.http.get(`${this.baseUrl}/conversations/${convId}`);
+    }
+    /**
+     * Actualiza el titulo o estado de una conversacion.
+     */
+    updateConversation(convId, req) {
+        return this.http.patch(`${this.baseUrl}/conversations/${convId}`, req);
+    }
+    /**
+     * Abre una conversacion cerrada.
+     */
+    openConversation(convId) {
+        return this.http.post(`${this.baseUrl}/conversations/${convId}/open`, {});
+    }
+    /**
+     * Cierra una conversacion.
+     */
+    closeConversation(convId) {
+        return this.http.post(`${this.baseUrl}/conversations/${convId}/close`, {});
+    }
+    /**
+     * Agrega un participante a la conversacion.
+     */
+    addParticipant(convId, userId) {
+        return this.http.post(`${this.baseUrl}/conversations/${convId}/participants`, { userId });
+    }
+    /**
+     * Elimina un participante de la conversacion.
+     */
+    removeParticipant(convId, userId) {
+        return this.http.delete(`${this.baseUrl}/conversations/${convId}/participants/${userId}`);
+    }
+    /**
+     * Envia un mensaje a una conversacion.
+     */
+    sendMessage(convId, body) {
+        return this.http.post(`${this.baseUrl}/conversations/${convId}/messages`, { body });
+    }
+    /**
+     * Elimina (marca como eliminado) un mensaje.
+     */
+    deleteMessage(convId, msgId) {
+        return this.http.delete(`${this.baseUrl}/conversations/${convId}/messages/${msgId}`);
+    }
+    // ===========================================================================
+    // Firestore — escucha en tiempo real (sin pasar por el backend)
+    // ===========================================================================
+    /**
+     * Construye el path base para los datos de una conversacion.
+     * Nota: usamos el path completo con skipPrefix porque el path ya incluye
+     * apps/{appId}/orgs/{orgId} que el FirestoreService prefijaria de nuevo.
+     * En cambio armamos el path como sub-coleccion directamente.
+     */
+    convMessagesPath(convId, orgId, appId) {
+        return `apps/${appId}/orgs/${orgId}/conversations/${convId}/messages`;
+    }
+    convTypingPath(convId, orgId, appId) {
+        return `apps/${appId}/orgs/${orgId}/conversations/${convId}/typing`;
+    }
+    /**
+     * Escucha los mensajes de una conversacion en tiempo real.
+     *
+     * @param convId - ID de la conversacion
+     * @param orgId - ID de la organizacion
+     * @param appId - ID de la aplicacion
+     * @param limit - Cantidad maxima de mensajes a cargar (default 50)
+     */
+    watchMessages(convId, orgId, appId, limit = 50) {
+        if (!this.firestoreService) {
+            throw new Error('[ConversationService] FirestoreService no disponible. Asegurate de provideValtechFirebase().');
+        }
+        // Usamos ABS_PATH_SENTINEL para evitar que FirestoreService anteponga el prefijo
+        // porque el path ya contiene la ruta completa con appId/orgId.
+        const { ABS_PATH_SENTINEL } = this.getAbsPathSentinel();
+        const collectionPath = `${ABS_PATH_SENTINEL}${this.convMessagesPath(convId, orgId, appId)}`;
+        return this.firestoreService.collectionChanges(collectionPath, {
+            orderBy: [{ field: 'createdAt', direction: 'asc' }],
+            limit,
+        });
+    }
+    /**
+     * Escucha los usuarios que estan escribiendo en una conversacion.
+     * Devuelve un array de displayNames.
+     *
+     * @param convId - ID de la conversacion
+     * @param orgId - ID de la organizacion
+     * @param appId - ID de la aplicacion
+     */
+    watchTyping(convId, orgId, appId) {
+        if (!this.firestoreService) {
+            throw new Error('[ConversationService] FirestoreService no disponible. Asegurate de provideValtechFirebase().');
+        }
+        const { ABS_PATH_SENTINEL } = this.getAbsPathSentinel();
+        const collectionPath = `${ABS_PATH_SENTINEL}${this.convTypingPath(convId, orgId, appId)}`;
+        return this.firestoreService
+            .collectionChanges(collectionPath)
+            .pipe(map(docs => docs.map(d => d.displayName)));
+    }
+    /**
+     * Registra que el usuario actual esta escribiendo.
+     * El documento se sobreescribe para actualizar el timestamp.
+     * Debe llamarse con un TTL/cleanup (ver stopTyping).
+     *
+     * @param convId - ID de la conversacion
+     * @param orgId - ID de la organizacion
+     * @param appId - ID de la aplicacion
+     * @param displayName - Nombre visible del usuario
+     */
+    startTyping(convId, orgId, appId, displayName) {
+        if (!this.firestore)
+            return;
+        const userId = this.getCurrentUserId();
+        if (!userId)
+            return;
+        const path = `${this.convTypingPath(convId, orgId, appId)}/${userId}`;
+        const docRef = doc(this.firestore, path);
+        void setDoc(docRef, {
+            displayName,
+            updatedAt: serverTimestamp(),
+        });
+    }
+    /**
+     * Elimina el documento de "escribiendo" del usuario actual.
+     *
+     * @param convId - ID de la conversacion
+     * @param orgId - ID de la organizacion
+     * @param appId - ID de la aplicacion
+     */
+    stopTyping(convId, orgId, appId) {
+        if (!this.firestore)
+            return;
+        const userId = this.getCurrentUserId();
+        if (!userId)
+            return;
+        const path = `${this.convTypingPath(convId, orgId, appId)}/${userId}`;
+        const docRef = doc(this.firestore, path);
+        void deleteDoc(docRef);
+    }
+    /**
+     * Marca un mensaje como leido por el usuario actual.
+     * Escribe directamente en Firestore sin pasar por el backend.
+     *
+     * @param convId - ID de la conversacion
+     * @param msgId - ID del ultimo mensaje leido
+     * @param orgId - ID de la organizacion
+     * @param appId - ID de la aplicacion
+     */
+    markRead(convId, msgId, orgId, appId) {
+        if (!this.firestore)
+            return;
+        const userId = this.getCurrentUserId();
+        if (!userId)
+            return;
+        const convPath = `apps/${appId}/orgs/${orgId}/conversations/${convId}`;
+        const convRef = doc(this.firestore, convPath);
+        // Usa dot-notation de Firestore para actualizar solo el campo del usuario
+        const updateData = {
+            [`participants_readMap.${userId}`]: msgId,
+            updatedAt: serverTimestamp(),
+        };
+        void updateDoc(convRef, updateData);
+    }
+    // ===========================================================================
+    // Helpers privados
+    // ===========================================================================
+    /**
+     * Importa ABS_PATH_SENTINEL de forma lazy para evitar dependencias circulares.
+     */
+    getAbsPathSentinel() {
+        // La sentinel se define en firestore.service.ts — replicamos el valor aqui
+        // para no crear una dependencia circular en el import estatico.
+        return { ABS_PATH_SENTINEL: '__abs__:' };
+    }
+    /**
+     * Obtiene el userId del usuario actual desde sessionStorage / localStorage
+     * como fallback no-DI para el contexto de escritura de Firestore.
+     * En prod, el AuthService actualiza el userId en el contexto de la app.
+     */
+    getCurrentUserId() {
+        // Intentar obtenerlo desde sessionStorage (el AuthService lo guarda ahi)
+        if (typeof sessionStorage !== 'undefined') {
+            const uid = sessionStorage.getItem('uid') ?? sessionStorage.getItem('userId');
+            if (uid)
+                return uid;
+        }
+        return null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ConversationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ConversationService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ConversationService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Chat Service Types
+ *
+ * Tipos compartidos para el sistema de chat en tiempo real.
+ * Firestore paths:
+ *   /apps/{appId}/orgs/{orgId}/conversations/{convId}/messages/{msgId}
+ *   /apps/{appId}/orgs/{orgId}/conversations/{convId}/typing/{userId}
+ */
+
+addIcons({
+    checkmark,
+    checkmarkDone,
+    timeOutline,
+    alertCircle,
+    pencil,
+    trash,
+    returnDownBackOutline,
+});
+const CHAT_I18N = {
+    es: {
+        messageDeleted: '[mensaje eliminado]',
+        edited: '(editado)',
+        react: 'Reaccionar',
+        reply: 'Responder',
+        edit: 'Editar',
+        delete: 'Eliminar',
+    },
+    en: {
+        messageDeleted: '[message deleted]',
+        edited: '(edited)',
+        react: 'React',
+        reply: 'Reply',
+        edit: 'Edit',
+        delete: 'Delete',
+    },
+};
+/**
+ * val-message-bubble
+ *
+ * Burbuja de mensaje para el chat. Alineada a la derecha si isMine, a la izquierda si no.
+ * Muestra nombre del emisor, cuerpo, timestamp, estado de envio, reacciones y acciones.
+ * Si el mensaje fue eliminado muestra un texto en gris sin acciones.
+ *
+ * @example
+ * <val-message-bubble
+ *   [props]="msg"
+ *   (reactionClick)="onReaction($event)"
+ *   (replyClick)="onReply($event)"
+ *   (deleteClick)="onDelete($event)"
+ * />
+ */
+class MessageBubbleComponent {
+    constructor() {
+        this.i18n = inject(I18nService);
+        this.reactionClick = new EventEmitter();
+        this.replyClick = new EventEmitter();
+        this.deleteClick = new EventEmitter();
+        this.editClick = new EventEmitter();
+        if (!this.i18n.hasNamespace('Chat')) {
+            this.i18n.registerDefaults('Chat', CHAT_I18N);
+        }
+    }
+    ngOnInit() { }
+    deletedText() {
+        this.i18n.lang();
+        return this.i18n.t('messageDeleted', 'Chat');
+    }
+    editedLabel() {
+        this.i18n.lang();
+        return this.i18n.t('edited', 'Chat');
+    }
+    formatTime(date) {
+        if (!date)
+            return '';
+        const d = date instanceof Date ? date : new Date(date);
+        return d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
+    }
+    statusIcon() {
+        switch (this.props.status) {
+            case 'sending':
+                return 'time-outline';
+            case 'failed':
+                return 'alert-circle';
+            case 'sent':
+            default:
+                return 'checkmark';
+        }
+    }
+    onReactionClick(reaction) {
+        this.reactionClick.emit({ token: reaction.token, msgId: this.props.msgId });
+    }
+    onReplyClick() {
+        this.replyClick.emit({ msgId: this.props.msgId });
+    }
+    onDeleteClick() {
+        this.deleteClick.emit({ msgId: this.props.msgId });
+    }
+    onEditClick() {
+        this.editClick.emit({ msgId: this.props.msgId });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MessageBubbleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: MessageBubbleComponent, isStandalone: true, selector: "val-message-bubble", inputs: { props: "props" }, outputs: { reactionClick: "reactionClick", replyClick: "replyClick", deleteClick: "deleteClick", editClick: "editClick" }, ngImport: i0, template: `
+    <div class="message-bubble-wrapper" [class.is-mine]="props.isMine">
+      @if (!props.isMine && !props.isDeleted) {
+        <span class="sender-name">{{ props.senderName }}</span>
+      }
+
+      <div class="bubble">
+        @if (props.replyTo && !props.isDeleted) {
+          <div class="reply-preview">
+            <div class="reply-sender">{{ props.replyTo.senderName }}</div>
+            <div class="reply-body">{{ props.replyTo.body }}</div>
+          </div>
+        }
+
+        @if (props.isDeleted) {
+          <span class="deleted-text">{{ deletedText() }}</span>
+        } @else {
+          <div class="bubble-body">{{ props.body }}</div>
+        }
+
+        <div class="bubble-meta">
+          <span class="timestamp">{{ formatTime(props.createdAt) }}</span>
+          @if (props.isEdited && !props.isDeleted) {
+            <span class="edited-label">{{ editedLabel() }}</span>
+          }
+          @if (props.isMine && props.status) {
+            <ion-icon
+              [name]="statusIcon()"
+              [class]="'status-icon ' + (props.status ?? '')"
+              aria-hidden="true"
+            ></ion-icon>
+          }
+        </div>
+      </div>
+
+      @if (!props.isDeleted && props.reactions && props.reactions.length > 0) {
+        <div class="reactions-bar">
+          @for (reaction of props.reactions; track reaction.token) {
+            <button class="reaction-btn" [class.active]="reaction.active" (click)="onReactionClick(reaction)">
+              <span>{{ reaction.token }}</span>
+              @if (reaction.count > 0) {
+                <span class="reaction-count">{{ reaction.count }}</span>
+              }
+            </button>
+          }
+        </div>
+      }
+
+      @if (!props.isDeleted) {
+        <div class="bubble-actions">
+          <ion-button fill="clear" size="small" (click)="onReplyClick()">
+            <ion-icon name="return-down-back-outline" slot="icon-only" aria-hidden="true"></ion-icon>
+          </ion-button>
+          @if (props.isMine) {
+            <ion-button fill="clear" size="small" (click)="onEditClick()">
+              <ion-icon name="pencil" slot="icon-only" aria-hidden="true"></ion-icon>
+            </ion-button>
+            <ion-button fill="clear" size="small" color="danger" (click)="onDeleteClick()">
+              <ion-icon name="trash" slot="icon-only" aria-hidden="true"></ion-icon>
+            </ion-button>
+          }
+        </div>
+      }
+    </div>
+  `, isInline: true, styles: [".message-bubble-wrapper{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:4px}.message-bubble-wrapper.is-mine{align-items:flex-end}.message-bubble-wrapper.is-mine .bubble{background:var(--ion-color-primary);color:#fff;border-radius:18px 18px 4px}.message-bubble-wrapper.is-mine .bubble-meta{justify-content:flex-end}.message-bubble-wrapper:not(.is-mine) .bubble{background:var(--ion-card-background, var(--ion-background-color, #fff));color:var(--ion-text-color, #000);border-radius:18px 18px 18px 4px;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .08))}.sender-name{font-size:.75rem;font-weight:600;color:var(--ion-color-medium, #92949c);margin:0 0 2px 12px}.bubble{max-width:75%;min-width:60px;padding:10px 14px;word-break:break-word;position:relative;box-shadow:0 1px 2px #0000000f}.reply-preview{background:#0000000f;border-left:3px solid var(--ion-color-primary);border-radius:6px;padding:6px 8px;margin-bottom:6px;font-size:.75rem;opacity:.85}.reply-preview .reply-sender{font-weight:700;margin-bottom:2px}.reply-preview .reply-body{opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.bubble-body{font-size:.9375rem;line-height:1.4;white-space:pre-wrap}.deleted-text{font-size:.875rem;font-style:italic;opacity:.6}.bubble-meta{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:.6875rem;opacity:.7}.edited-label{font-style:italic}.status-icon{font-size:.75rem}.status-icon.sending{color:var(--ion-color-medium)}.status-icon.sent{color:#fff}.status-icon.failed{color:var(--ion-color-danger)}.reactions-bar{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reactions-bar .reaction-btn{display:inline-flex;align-items:center;gap:3px;background:var(--ion-card-background, var(--ion-background-color, #fff));border:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));border-radius:12px;padding:2px 8px;font-size:.8125rem;cursor:pointer;transition:background .15s ease}.reactions-bar .reaction-btn.active{background:var(--ion-color-primary-tint, #4c8dff);color:#fff;border-color:var(--ion-color-primary)}.reactions-bar .reaction-btn .reaction-count{font-weight:600}.bubble-actions{display:flex;gap:4px;margin-top:2px}.bubble-actions ion-button{--padding-start: 6px;--padding-end: 6px;font-size:.75rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MessageBubbleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-message-bubble', standalone: true, imports: [CommonModule, IonIcon, IonButton], template: `
+    <div class="message-bubble-wrapper" [class.is-mine]="props.isMine">
+      @if (!props.isMine && !props.isDeleted) {
+        <span class="sender-name">{{ props.senderName }}</span>
+      }
+
+      <div class="bubble">
+        @if (props.replyTo && !props.isDeleted) {
+          <div class="reply-preview">
+            <div class="reply-sender">{{ props.replyTo.senderName }}</div>
+            <div class="reply-body">{{ props.replyTo.body }}</div>
+          </div>
+        }
+
+        @if (props.isDeleted) {
+          <span class="deleted-text">{{ deletedText() }}</span>
+        } @else {
+          <div class="bubble-body">{{ props.body }}</div>
+        }
+
+        <div class="bubble-meta">
+          <span class="timestamp">{{ formatTime(props.createdAt) }}</span>
+          @if (props.isEdited && !props.isDeleted) {
+            <span class="edited-label">{{ editedLabel() }}</span>
+          }
+          @if (props.isMine && props.status) {
+            <ion-icon
+              [name]="statusIcon()"
+              [class]="'status-icon ' + (props.status ?? '')"
+              aria-hidden="true"
+            ></ion-icon>
+          }
+        </div>
+      </div>
+
+      @if (!props.isDeleted && props.reactions && props.reactions.length > 0) {
+        <div class="reactions-bar">
+          @for (reaction of props.reactions; track reaction.token) {
+            <button class="reaction-btn" [class.active]="reaction.active" (click)="onReactionClick(reaction)">
+              <span>{{ reaction.token }}</span>
+              @if (reaction.count > 0) {
+                <span class="reaction-count">{{ reaction.count }}</span>
+              }
+            </button>
+          }
+        </div>
+      }
+
+      @if (!props.isDeleted) {
+        <div class="bubble-actions">
+          <ion-button fill="clear" size="small" (click)="onReplyClick()">
+            <ion-icon name="return-down-back-outline" slot="icon-only" aria-hidden="true"></ion-icon>
+          </ion-button>
+          @if (props.isMine) {
+            <ion-button fill="clear" size="small" (click)="onEditClick()">
+              <ion-icon name="pencil" slot="icon-only" aria-hidden="true"></ion-icon>
+            </ion-button>
+            <ion-button fill="clear" size="small" color="danger" (click)="onDeleteClick()">
+              <ion-icon name="trash" slot="icon-only" aria-hidden="true"></ion-icon>
+            </ion-button>
+          }
+        </div>
+      }
+    </div>
+  `, styles: [".message-bubble-wrapper{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:4px}.message-bubble-wrapper.is-mine{align-items:flex-end}.message-bubble-wrapper.is-mine .bubble{background:var(--ion-color-primary);color:#fff;border-radius:18px 18px 4px}.message-bubble-wrapper.is-mine .bubble-meta{justify-content:flex-end}.message-bubble-wrapper:not(.is-mine) .bubble{background:var(--ion-card-background, var(--ion-background-color, #fff));color:var(--ion-text-color, #000);border-radius:18px 18px 18px 4px;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .08))}.sender-name{font-size:.75rem;font-weight:600;color:var(--ion-color-medium, #92949c);margin:0 0 2px 12px}.bubble{max-width:75%;min-width:60px;padding:10px 14px;word-break:break-word;position:relative;box-shadow:0 1px 2px #0000000f}.reply-preview{background:#0000000f;border-left:3px solid var(--ion-color-primary);border-radius:6px;padding:6px 8px;margin-bottom:6px;font-size:.75rem;opacity:.85}.reply-preview .reply-sender{font-weight:700;margin-bottom:2px}.reply-preview .reply-body{opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.bubble-body{font-size:.9375rem;line-height:1.4;white-space:pre-wrap}.deleted-text{font-size:.875rem;font-style:italic;opacity:.6}.bubble-meta{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:.6875rem;opacity:.7}.edited-label{font-style:italic}.status-icon{font-size:.75rem}.status-icon.sending{color:var(--ion-color-medium)}.status-icon.sent{color:#fff}.status-icon.failed{color:var(--ion-color-danger)}.reactions-bar{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reactions-bar .reaction-btn{display:inline-flex;align-items:center;gap:3px;background:var(--ion-card-background, var(--ion-background-color, #fff));border:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));border-radius:12px;padding:2px 8px;font-size:.8125rem;cursor:pointer;transition:background .15s ease}.reactions-bar .reaction-btn.active{background:var(--ion-color-primary-tint, #4c8dff);color:#fff;border-color:var(--ion-color-primary)}.reactions-bar .reaction-btn .reaction-count{font-weight:600}.bubble-actions{display:flex;gap:4px;margin-top:2px}.bubble-actions ion-button{--padding-start: 6px;--padding-end: 6px;font-size:.75rem}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { props: [{
+                type: Input
+            }], reactionClick: [{
+                type: Output
+            }], replyClick: [{
+                type: Output
+            }], deleteClick: [{
+                type: Output
+            }], editClick: [{
+                type: Output
+            }] } });
+
+addIcons({ sendOutline });
+const CHAT_INPUT_I18N = {
+    es: {
+        placeholder: 'Escribe un mensaje',
+        send: 'Enviar',
+        counter: '{count}/{max}',
+    },
+    en: {
+        placeholder: 'Write a message',
+        send: 'Send',
+        counter: '{count}/{max}',
+    },
+};
+/**
+ * val-chat-input
+ *
+ * Campo de entrada para mensajes de chat. Textarea auto-grow con contador
+ * de caracteres y boton de enviar. Emite send() al pulsar el boton o Enter
+ * (sin Shift), y typing() en cada keydown.
+ *
+ * @example
+ * <val-chat-input
+ *   [props]="{ placeholder: 'Mensaje...', maxLength: 1000 }"
+ *   (send)="onSend($event)"
+ *   (typing)="onTyping()"
+ * />
+ */
+class ChatInputComponent {
+    constructor() {
+        this.i18n = inject(I18nService);
+        this.props = {};
+        this.send = new EventEmitter();
+        this.typing = new EventEmitter();
+        this.body = signal('');
+        this.maxLen = computed(() => this.props?.maxLength ?? 2000);
+        this.canSend = computed(() => {
+            const trimmed = this.body().trim();
+            return trimmed.length > 0 && trimmed.length <= this.maxLen();
+        });
+        this.isNearLimit = computed(() => {
+            const len = this.body().length;
+            const max = this.maxLen();
+            return len >= max * 0.85 && len < max;
+        });
+        this.isAtLimit = computed(() => this.body().length >= this.maxLen());
+        this.placeholderText = computed(() => {
+            this.i18n.lang();
+            return this.props?.placeholder ?? this.i18n.t('placeholder', 'ChatInput');
+        });
+        this.sendLabel = computed(() => {
+            this.i18n.lang();
+            return this.i18n.t('send', 'ChatInput');
+        });
+        this.counterText = computed(() => {
+            this.i18n.lang();
+            return this.i18n.t('counter', 'ChatInput', {
+                count: String(this.body().length),
+                max: String(this.maxLen()),
+            });
+        });
+        this.i18n.registerDefaults('ChatInput', CHAT_INPUT_I18N);
+    }
+    onInput(event) {
+        const target = event.target;
+        this.body.set(target.value ?? '');
+    }
+    onKeydown(event) {
+        this.typing.emit();
+        if (event.key === 'Enter' && !event.shiftKey) {
+            event.preventDefault();
+            this.onSend();
+        }
+    }
+    onSend() {
+        const trimmed = this.body().trim();
+        if (!trimmed || trimmed.length > this.maxLen())
+            return;
+        this.send.emit(trimmed);
+        this.body.set('');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChatInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ChatInputComponent, isStandalone: true, selector: "val-chat-input", inputs: { props: "props" }, outputs: { send: "send", typing: "typing" }, ngImport: i0, template: `
+    <div class="chat-input-wrapper">
+      <div class="textarea-wrap">
+        <ion-textarea
+          [placeholder]="placeholderText()"
+          [disabled]="props?.disabled ?? false"
+          [maxlength]="maxLen()"
+          [autoGrow]="true"
+          [rows]="1"
+          [value]="body()"
+          (ionInput)="onInput($event)"
+          (keydown)="onKeydown($event)"
+        ></ion-textarea>
+        <span class="char-counter" [class.near-limit]="isNearLimit()" [class.at-limit]="isAtLimit()">
+          {{ counterText() }}
+        </span>
+      </div>
+
+      <ion-button
+        class="send-btn"
+        shape="round"
+        [disabled]="!canSend()"
+        (click)="onSend()"
+        [attr.aria-label]="sendLabel()"
+      >
+        <ion-icon name="send-outline" slot="icon-only" aria-hidden="true"></ion-icon>
+      </ion-button>
+    </div>
+  `, isInline: true, styles: [".chat-input-wrapper{display:flex;align-items:flex-end;gap:8px;padding:8px 12px;background:var(--ion-card-background, var(--ion-background-color, #fff));border-top:1px solid var(--ion-border-color, rgba(0, 0, 0, .1))}.textarea-wrap{flex:1;position:relative}.textarea-wrap ion-textarea{--background: var(--ion-color-light, #f4f5f8);--border-radius: 20px;--padding-start: 14px;--padding-end: 14px;--padding-top: 8px;--padding-bottom: 8px;font-size:.9375rem;min-height:40px}.char-counter{position:absolute;bottom:4px;right:14px;font-size:.6875rem;color:var(--ion-color-medium, #92949c);pointer-events:none}.char-counter.near-limit{color:var(--ion-color-warning, #ffc409)}.char-counter.at-limit{color:var(--ion-color-danger, #eb445a)}.send-btn{--border-radius: 50%;--padding-start: 0;--padding-end: 0;width:40px;height:40px;flex-shrink:0;margin:0}.send-btn ion-icon{font-size:1.25rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonTextarea, selector: "ion-textarea", inputs: ["autoGrow", "autocapitalize", "autofocus", "clearOnEdit", "color", "cols", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "maxlength", "minlength", "mode", "name", "placeholder", "readonly", "required", "rows", "shape", "spellcheck", "value", "wrap"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChatInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-chat-input', standalone: true, imports: [CommonModule, IonTextarea, IonButton, IonIcon], template: `
+    <div class="chat-input-wrapper">
+      <div class="textarea-wrap">
+        <ion-textarea
+          [placeholder]="placeholderText()"
+          [disabled]="props?.disabled ?? false"
+          [maxlength]="maxLen()"
+          [autoGrow]="true"
+          [rows]="1"
+          [value]="body()"
+          (ionInput)="onInput($event)"
+          (keydown)="onKeydown($event)"
+        ></ion-textarea>
+        <span class="char-counter" [class.near-limit]="isNearLimit()" [class.at-limit]="isAtLimit()">
+          {{ counterText() }}
+        </span>
+      </div>
+
+      <ion-button
+        class="send-btn"
+        shape="round"
+        [disabled]="!canSend()"
+        (click)="onSend()"
+        [attr.aria-label]="sendLabel()"
+      >
+        <ion-icon name="send-outline" slot="icon-only" aria-hidden="true"></ion-icon>
+      </ion-button>
+    </div>
+  `, styles: [".chat-input-wrapper{display:flex;align-items:flex-end;gap:8px;padding:8px 12px;background:var(--ion-card-background, var(--ion-background-color, #fff));border-top:1px solid var(--ion-border-color, rgba(0, 0, 0, .1))}.textarea-wrap{flex:1;position:relative}.textarea-wrap ion-textarea{--background: var(--ion-color-light, #f4f5f8);--border-radius: 20px;--padding-start: 14px;--padding-end: 14px;--padding-top: 8px;--padding-bottom: 8px;font-size:.9375rem;min-height:40px}.char-counter{position:absolute;bottom:4px;right:14px;font-size:.6875rem;color:var(--ion-color-medium, #92949c);pointer-events:none}.char-counter.near-limit{color:var(--ion-color-warning, #ffc409)}.char-counter.at-limit{color:var(--ion-color-danger, #eb445a)}.send-btn{--border-radius: 50%;--padding-start: 0;--padding-end: 0;width:40px;height:40px;flex-shrink:0;margin:0}.send-btn ion-icon{font-size:1.25rem}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { props: [{
+                type: Input
+            }], send: [{
+                type: Output
+            }], typing: [{
+                type: Output
+            }] } });
+
+const TYPING_I18N = {
+    es: {
+        one: '{name} esta escribiendo',
+        two: '{name} y {other} estan escribiendo',
+        many: 'Varios estan escribiendo',
+    },
+    en: {
+        one: '{name} is typing',
+        two: '{name} and {other} are typing',
+        many: 'Several people are typing',
+    },
+};
+/**
+ * val-typing-indicator
+ *
+ * Muestra quienes estan escribiendo en el chat con animacion de tres puntos.
+ * Se oculta automaticamente si typingUsers esta vacio.
+ *
+ * @example
+ * <val-typing-indicator [typingUsers]="['Maria', 'Carlos']" />
+ */
+class TypingIndicatorComponent {
+    constructor() {
+        this.i18n = inject(I18nService);
+        this.typingUsers = [];
+        this.typingText = computed(() => {
+            this.i18n.lang();
+            const users = this.typingUsers ?? [];
+            if (users.length === 0)
+                return '';
+            if (users.length === 1) {
+                return this.i18n.t('one', 'TypingIndicator', { name: users[0] });
+            }
+            if (users.length === 2) {
+                return this.i18n.t('two', 'TypingIndicator', { name: users[0], other: users[1] });
+            }
+            return this.i18n.t('many', 'TypingIndicator');
+        });
+        this.i18n.registerDefaults('TypingIndicator', TYPING_I18N);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TypingIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TypingIndicatorComponent, isStandalone: true, selector: "val-typing-indicator", inputs: { typingUsers: "typingUsers" }, ngImport: i0, template: `
+    @if (typingUsers && typingUsers.length > 0) {
+      <div class="typing-indicator">
+        <div class="dots">
+          <span></span>
+          <span></span>
+          <span></span>
+        </div>
+        <span class="typing-text">{{ typingText() }}</span>
+      </div>
+    }
+  `, isInline: true, styles: [".typing-indicator{display:flex;align-items:center;gap:8px;padding:4px 12px;min-height:28px}.typing-text{font-size:.8125rem;color:var(--ion-color-medium, #92949c);font-style:italic}.dots{display:flex;align-items:center;gap:3px}.dots span{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--ion-color-medium, #92949c);animation:typing-dot 1.2s infinite ease-in-out}.dots span:nth-child(1){animation-delay:0s}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes typing-dot{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TypingIndicatorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-typing-indicator', standalone: true, imports: [CommonModule], template: `
+    @if (typingUsers && typingUsers.length > 0) {
+      <div class="typing-indicator">
+        <div class="dots">
+          <span></span>
+          <span></span>
+          <span></span>
+        </div>
+        <span class="typing-text">{{ typingText() }}</span>
+      </div>
+    }
+  `, styles: [".typing-indicator{display:flex;align-items:center;gap:8px;padding:4px 12px;min-height:28px}.typing-text{font-size:.8125rem;color:var(--ion-color-medium, #92949c);font-style:italic}.dots{display:flex;align-items:center;gap:3px}.dots span{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--ion-color-medium, #92949c);animation:typing-dot 1.2s infinite ease-in-out}.dots span:nth-child(1){animation-delay:0s}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes typing-dot{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { typingUsers: [{
+                type: Input
+            }] } });
+
+addIcons({ chatbubblesOutline });
+const CHAT_WINDOW_I18N = {
+    es: {
+        conversationClosed: 'Esta conversacion esta cerrada',
+        loading: 'Cargando mensajes...',
+        noMessages: 'No hay mensajes aun',
+    },
+    en: {
+        conversationClosed: 'This conversation is closed',
+        loading: 'Loading messages...',
+        noMessages: 'No messages yet',
+    },
+};
+/**
+ * val-chat-window
+ *
+ * Ventana de chat completa. Muestra la lista de mensajes agrupados por fecha,
+ * el indicador de escritura, el input de mensaje (solo si isOpen) y un banner
+ * cuando la conversacion esta cerrada. Auto-scroll al ultimo mensaje cuando
+ * llegan mensajes nuevos.
+ *
+ * @example
+ * <val-chat-window
+ *   [convId]="conv.id"
+ *   [messages]="messages()"
+ *   [currentUserId]="userId"
+ *   [isOpen]="conv.status === 'open'"
+ *   [typingUsers]="typingUsers()"
+ *   (sendMessage)="onSend($event)"
+ *   (reactionClick)="onReaction($event)"
+ * />
+ */
+class ChatWindowComponent {
+    constructor() {
+        this.i18n = inject(I18nService);
+        this.convId = '';
+        this.messages = [];
+        this.participants = [];
+        this.currentUserId = '';
+        this.isOpen = true;
+        this.typingUsers = [];
+        this.isLoading = false;
+        this.sendMessage = new EventEmitter();
+        this.loadMore = new EventEmitter();
+        this.reactionClick = new EventEmitter();
+        this.deleteMessage = new EventEmitter();
+        this.replyTo = new EventEmitter();
+        this.prevMessageCount = 0;
+        this.shouldScrollToBottom = false;
+        this.messageGroups = computed(() => {
+            const msgs = this.messages ?? [];
+            if (msgs.length === 0)
+                return [];
+            const groups = [];
+            let currentLabel = '';
+            let currentGroup = [];
+            for (const msg of msgs) {
+                const label = this.formatDateLabel(msg.createdAt);
+                if (label !== currentLabel) {
+                    if (currentGroup.length > 0) {
+                        groups.push({ dateLabel: currentLabel, messages: currentGroup });
+                    }
+                    currentLabel = label;
+                    currentGroup = [msg];
+                }
+                else {
+                    currentGroup.push(msg);
+                }
+            }
+            if (currentGroup.length > 0) {
+                groups.push({ dateLabel: currentLabel, messages: currentGroup });
+            }
+            return groups;
+        });
+        this.closedText = computed(() => {
+            this.i18n.lang();
+            return this.i18n.t('conversationClosed', 'ChatWindow');
+        });
+        this.loadingText = computed(() => {
+            this.i18n.lang();
+            return this.i18n.t('loading', 'ChatWindow');
+        });
+        this.i18n.registerDefaults('ChatWindow', CHAT_WINDOW_I18N);
+    }
+    ngOnChanges(changes) {
+        if (changes['messages']) {
+            const current = changes['messages'].currentValue ?? [];
+            if (current.length !== this.prevMessageCount) {
+                this.prevMessageCount = current.length;
+                this.shouldScrollToBottom = true;
+            }
+        }
+    }
+    ngAfterViewChecked() {
+        if (this.shouldScrollToBottom) {
+            this.scrollToBottom();
+            this.shouldScrollToBottom = false;
+        }
+    }
+    onReactionClick(event) {
+        this.reactionClick.emit({ msgId: event.msgId, token: event.token });
+    }
+    onEditClick(_msgId) {
+        // Implementacion futura: emitir evento de edicion
+    }
+    onTyping() {
+        // El padre puede suscribirse al output typing si necesita propagar a Firestore
+    }
+    scrollToBottom() {
+        const el = this.messagesListRef?.nativeElement;
+        if (el) {
+            el.scrollTop = el.scrollHeight;
+        }
+    }
+    formatDateLabel(date) {
+        if (!date)
+            return '';
+        const d = date instanceof Date ? date : new Date(date);
+        const now = new Date();
+        const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
+        const msgDay = new Date(d.getFullYear(), d.getMonth(), d.getDate());
+        const diffMs = today.getTime() - msgDay.getTime();
+        const diffDays = Math.round(diffMs / 86400000);
+        if (diffDays === 0)
+            return this.i18n.t('today', '_global') || 'Hoy';
+        if (diffDays === 1)
+            return this.i18n.t('yesterday', '_global') || 'Ayer';
+        return d.toLocaleDateString([], { day: '2-digit', month: 'short', year: 'numeric' });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChatWindowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ChatWindowComponent, isStandalone: true, selector: "val-chat-window", inputs: { convId: "convId", messages: "messages", participants: "participants", currentUserId: "currentUserId", isOpen: "isOpen", typingUsers: "typingUsers", isLoading: "isLoading" }, outputs: { sendMessage: "sendMessage", loadMore: "loadMore", reactionClick: "reactionClick", deleteMessage: "deleteMessage", replyTo: "replyTo" }, viewQueries: [{ propertyName: "messagesListRef", first: true, predicate: ["messagesList"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    <div class="chat-window">
+      <div class="messages-list" #messagesList>
+        @if (isLoading) {
+          <div class="loading-state">
+            <ion-spinner name="dots"></ion-spinner>
+            <span>{{ loadingText() }}</span>
+          </div>
+        } @else {
+          @for (group of messageGroups(); track group.dateLabel) {
+            <div class="date-separator">
+              <div class="date-line"></div>
+              <span class="date-label">{{ group.dateLabel }}</span>
+              <div class="date-line"></div>
+            </div>
+            @for (msg of group.messages; track msg.msgId) {
+              <val-message-bubble
+                [props]="msg"
+                (reactionClick)="onReactionClick($event)"
+                (replyClick)="replyTo.emit($event.msgId)"
+                (deleteClick)="deleteMessage.emit($event.msgId)"
+                (editClick)="onEditClick($event.msgId)"
+              />
+            }
+          }
+        }
+      </div>
+
+      <val-typing-indicator [typingUsers]="typingUsers" />
+
+      @if (!isOpen) {
+        <div class="closed-banner">{{ closedText() }}</div>
+      } @else {
+        <val-chat-input [props]="{ disabled: isLoading }" (send)="sendMessage.emit($event)" (typing)="onTyping()" />
+      }
+    </div>
+  `, isInline: true, styles: [".chat-window{display:flex;flex-direction:column;height:100%;background:var(--ion-background-color, #f4f5f8);overflow:hidden}.messages-list{flex:1;overflow-y:auto;padding:12px 8px;scroll-behavior:smooth}.messages-list::-webkit-scrollbar{width:4px}.messages-list::-webkit-scrollbar-thumb{background:var(--ion-color-light-shade, #d7d8da);border-radius:2px}.date-separator{display:flex;align-items:center;gap:8px;margin:12px 0}.date-separator .date-line{flex:1;height:1px;background:var(--ion-border-color, rgba(0, 0, 0, .1))}.date-separator .date-label{font-size:.75rem;color:var(--ion-color-medium, #92949c);white-space:nowrap;padding:0 4px}.loading-state{display:flex;align-items:center;justify-content:center;padding:24px;color:var(--ion-color-medium, #92949c);font-size:.875rem;gap:8px}.closed-banner{padding:10px 16px;background:var(--ion-color-warning-tint, #fff9e6);border-top:1px solid var(--ion-color-warning, #ffc409);text-align:center;font-size:.875rem;color:var(--ion-color-warning-shade, #b29500)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: MessageBubbleComponent, selector: "val-message-bubble", inputs: ["props"], outputs: ["reactionClick", "replyClick", "deleteClick", "editClick"] }, { kind: "component", type: ChatInputComponent, selector: "val-chat-input", inputs: ["props"], outputs: ["send", "typing"] }, { kind: "component", type: TypingIndicatorComponent, selector: "val-typing-indicator", inputs: ["typingUsers"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChatWindowComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-chat-window', standalone: true, imports: [CommonModule, IonIcon, IonSpinner, MessageBubbleComponent, ChatInputComponent, TypingIndicatorComponent], template: `
+    <div class="chat-window">
+      <div class="messages-list" #messagesList>
+        @if (isLoading) {
+          <div class="loading-state">
+            <ion-spinner name="dots"></ion-spinner>
+            <span>{{ loadingText() }}</span>
+          </div>
+        } @else {
+          @for (group of messageGroups(); track group.dateLabel) {
+            <div class="date-separator">
+              <div class="date-line"></div>
+              <span class="date-label">{{ group.dateLabel }}</span>
+              <div class="date-line"></div>
+            </div>
+            @for (msg of group.messages; track msg.msgId) {
+              <val-message-bubble
+                [props]="msg"
+                (reactionClick)="onReactionClick($event)"
+                (replyClick)="replyTo.emit($event.msgId)"
+                (deleteClick)="deleteMessage.emit($event.msgId)"
+                (editClick)="onEditClick($event.msgId)"
+              />
+            }
+          }
+        }
+      </div>
+
+      <val-typing-indicator [typingUsers]="typingUsers" />
+
+      @if (!isOpen) {
+        <div class="closed-banner">{{ closedText() }}</div>
+      } @else {
+        <val-chat-input [props]="{ disabled: isLoading }" (send)="sendMessage.emit($event)" (typing)="onTyping()" />
+      }
+    </div>
+  `, styles: [".chat-window{display:flex;flex-direction:column;height:100%;background:var(--ion-background-color, #f4f5f8);overflow:hidden}.messages-list{flex:1;overflow-y:auto;padding:12px 8px;scroll-behavior:smooth}.messages-list::-webkit-scrollbar{width:4px}.messages-list::-webkit-scrollbar-thumb{background:var(--ion-color-light-shade, #d7d8da);border-radius:2px}.date-separator{display:flex;align-items:center;gap:8px;margin:12px 0}.date-separator .date-line{flex:1;height:1px;background:var(--ion-border-color, rgba(0, 0, 0, .1))}.date-separator .date-label{font-size:.75rem;color:var(--ion-color-medium, #92949c);white-space:nowrap;padding:0 4px}.loading-state{display:flex;align-items:center;justify-content:center;padding:24px;color:var(--ion-color-medium, #92949c);font-size:.875rem;gap:8px}.closed-banner{padding:10px 16px;background:var(--ion-color-warning-tint, #fff9e6);border-top:1px solid var(--ion-color-warning, #ffc409);text-align:center;font-size:.875rem;color:var(--ion-color-warning-shade, #b29500)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { convId: [{
+                type: Input
+            }], messages: [{
+                type: Input
+            }], participants: [{
+                type: Input
+            }], currentUserId: [{
+                type: Input
+            }], isOpen: [{
+                type: Input
+            }], typingUsers: [{
+                type: Input
+            }], isLoading: [{
+                type: Input
+            }], sendMessage: [{
+                type: Output
+            }], loadMore: [{
+                type: Output
+            }], reactionClick: [{
+                type: Output
+            }], deleteMessage: [{
+                type: Output
+            }], replyTo: [{
+                type: Output
+            }], messagesListRef: [{
+                type: ViewChild,
+                args: ['messagesList']
+            }] } });
+
+const THREAD_PANEL_I18N = {
+    es: {
+        loading: 'Cargando conversacion...',
+        thread: 'Hilo',
+    },
+    en: {
+        loading: 'Loading conversation...',
+        thread: 'Thread',
+    },
+};
+/**
+ * val-thread-panel
+ *
+ * Panel de hilo de conversacion asociado a una entidad (post, request, etc.).
+ * Internamente usa ConversationService.getOrCreateForEntity() para inicializar
+ * la conversacion y luego watchMessages() para escuchar en tiempo real.
+ * Renderiza val-chat-window con los mensajes ya mapeados.
+ *
+ * Requiere provideValtechChat() y provideValtechFirebase() en main.ts.
+ *
+ * @example
+ * <val-thread-panel
+ *   entityType="post"
+ *   entityId="post-abc123"
+ *   currentUserId="user-xyz"
+ *   title="Comentarios"
+ * />
+ */
+class ThreadPanelComponent {
+    constructor() {
+        this.i18n = inject(I18nService);
+        this.conversationSvc = inject(ConversationService, { optional: true });
+        this.chatConfig = inject(VALTECH_CHAT_CONFIG, { optional: true });
+        this.auth = inject(AuthService, { optional: true });
+        this.entityType = '';
+        this.entityId = '';
+        this.currentUserId = '';
+        this.loading = signal(true);
+        this.conv = signal(null);
+        this.messages = signal([]);
+        this.typingUsers = signal([]);
+        this.isConvOpen = computed(() => this.conv()?.status === 'open');
+        this.loadingText = computed(() => {
+            this.i18n.lang();
+            return this.i18n.t('loading', 'ThreadPanel');
+        });
+        this.bubbleMessages = computed(() => {
+            const uid = this.currentUserId || this.auth?.user()?.userId || '';
+            return this.messages().map(msg => ({
+                msgId: msg.id,
+                senderId: msg.senderId,
+                senderName: msg.senderName,
+                senderAvatar: msg.senderAvatar,
+                body: msg.body,
+                type: msg.type,
+                createdAt: msg.createdAt,
+                isMine: msg.senderId === uid,
+                isDeleted: msg.isDeleted,
+                isEdited: msg.isEdited,
+                replyTo: msg.replyTo,
+                attachments: msg.attachments,
+                reactions: msg.reactions,
+                status: msg.status,
+            }));
+        });
+        this.i18n.registerDefaults('ThreadPanel', THREAD_PANEL_I18N);
+    }
+    async ngOnInit() {
+        if (!this.conversationSvc || !this.entityType || !this.entityId) {
+            this.loading.set(false);
+            return;
+        }
+        try {
+            const conversation = await firstValueFrom(this.conversationSvc.getOrCreateForEntity(this.entityType, this.entityId));
+            this.conv.set(conversation);
+            const orgId = this.getOrgId();
+            const appId = this.chatConfig?.appId ?? '';
+            if (orgId && appId) {
+                this.msgSub = this.conversationSvc
+                    .watchMessages(conversation.id, orgId, appId)
+                    .subscribe(msgs => this.messages.set(msgs));
+                this.typingSub = this.conversationSvc
+                    .watchTyping(conversation.id, orgId, appId)
+                    .subscribe(users => this.typingUsers.set(users));
+            }
+        }
+        catch (err) {
+            console.error('[ThreadPanel] Error al inicializar conversacion:', err);
+        }
+        finally {
+            this.loading.set(false);
+        }
+    }
+    ngOnDestroy() {
+        this.msgSub?.unsubscribe();
+        this.typingSub?.unsubscribe();
+        const conv = this.conv();
+        const orgId = this.getOrgId();
+        const appId = this.chatConfig?.appId ?? '';
+        if (conv && orgId && appId && this.conversationSvc) {
+            this.conversationSvc.stopTyping(conv.id, orgId, appId);
+        }
+    }
+    onSend(body) {
+        const conv = this.conv();
+        if (!conv || !this.conversationSvc)
+            return;
+        this.conversationSvc.sendMessage(conv.id, body).subscribe();
+    }
+    onReactionClick(event) {
+        // Reacciones se implementan a nivel de app consumer
+        console.debug('[ThreadPanel] reactionClick', event);
+    }
+    onDeleteMessage(msgId) {
+        const conv = this.conv();
+        if (!conv || !this.conversationSvc)
+            return;
+        this.conversationSvc.deleteMessage(conv.id, msgId).subscribe();
+    }
+    onReplyTo(_msgId) {
+        // Implementacion futura: seleccionar mensaje de respuesta
+    }
+    getOrgId() {
+        return this.auth?.user()?.activeOrg ?? '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ThreadPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ThreadPanelComponent, isStandalone: true, selector: "val-thread-panel", inputs: { entityType: "entityType", entityId: "entityId", currentUserId: "currentUserId", title: "title" }, ngImport: i0, template: `
+    <div class="thread-panel">
+      @if (title) {
+        <div class="thread-header">
+          <p class="thread-title">{{ title }}</p>
+        </div>
+      }
+
+      @if (loading()) {
+        <div class="thread-loading">
+          <ion-spinner name="dots"></ion-spinner>
+          <span>{{ loadingText() }}</span>
+        </div>
+      } @else {
+        <div class="thread-chat">
+          <val-chat-window
+            [convId]="conv()?.id ?? ''"
+            [messages]="bubbleMessages()"
+            [currentUserId]="currentUserId"
+            [isOpen]="isConvOpen()"
+            [typingUsers]="typingUsers()"
+            [isLoading]="false"
+            (sendMessage)="onSend($event)"
+            (reactionClick)="onReactionClick($event)"
+            (deleteMessage)="onDeleteMessage($event)"
+            (replyTo)="onReplyTo($event)"
+          />
+        </div>
+      }
+    </div>
+  `, isInline: true, styles: [".thread-panel{display:flex;flex-direction:column;height:100%;background:var(--ion-background-color, #f4f5f8)}.thread-header{padding:12px 16px;border-bottom:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));background:var(--ion-card-background, var(--ion-background-color, #fff))}.thread-header .thread-title{font-size:1rem;font-weight:600;color:var(--ion-text-color, #000);margin:0}.thread-loading{display:flex;align-items:center;justify-content:center;flex:1;gap:10px;color:var(--ion-color-medium, #92949c);font-size:.875rem}.thread-chat{flex:1;overflow:hidden;display:flex;flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: ChatWindowComponent, selector: "val-chat-window", inputs: ["convId", "messages", "participants", "currentUserId", "isOpen", "typingUsers", "isLoading"], outputs: ["sendMessage", "loadMore", "reactionClick", "deleteMessage", "replyTo"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ThreadPanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-thread-panel', standalone: true, imports: [CommonModule, IonSpinner, ChatWindowComponent], template: `
+    <div class="thread-panel">
+      @if (title) {
+        <div class="thread-header">
+          <p class="thread-title">{{ title }}</p>
+        </div>
+      }
+
+      @if (loading()) {
+        <div class="thread-loading">
+          <ion-spinner name="dots"></ion-spinner>
+          <span>{{ loadingText() }}</span>
+        </div>
+      } @else {
+        <div class="thread-chat">
+          <val-chat-window
+            [convId]="conv()?.id ?? ''"
+            [messages]="bubbleMessages()"
+            [currentUserId]="currentUserId"
+            [isOpen]="isConvOpen()"
+            [typingUsers]="typingUsers()"
+            [isLoading]="false"
+            (sendMessage)="onSend($event)"
+            (reactionClick)="onReactionClick($event)"
+            (deleteMessage)="onDeleteMessage($event)"
+            (replyTo)="onReplyTo($event)"
+          />
+        </div>
+      }
+    </div>
+  `, styles: [".thread-panel{display:flex;flex-direction:column;height:100%;background:var(--ion-background-color, #f4f5f8)}.thread-header{padding:12px 16px;border-bottom:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));background:var(--ion-card-background, var(--ion-background-color, #fff))}.thread-header .thread-title{font-size:1rem;font-weight:600;color:var(--ion-text-color, #000);margin:0}.thread-loading{display:flex;align-items:center;justify-content:center;flex:1;gap:10px;color:var(--ion-color-medium, #92949c);font-size:.875rem}.thread-chat{flex:1;overflow:hidden;display:flex;flex-direction:column}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { entityType: [{
+                type: Input
+            }], entityId: [{
+                type: Input
+            }], currentUserId: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }] } });
+
 /*
  * Public API Surface of valtech-components
  */
@@ -71811,5 +73178,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ACTION_CARD_DEFAULTS, AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, APP_VERSION_PLATFORM_PLUGIN, APP_VERSION_REMOTE_PLUGIN, ARTICLE_CARD_DEFAULTS, ARTICLE_SPACING, ARTICLE_STRIP_DEFAULTS, AUTH_CTA_DEFAULTS, AVATAR_UPLOAD_DEFAULTS, AboutViewComponent, AccordionComponent, AccountViewComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AnimatedTerminalComponent, ApiKeyCreateModalComponent, ApiKeyService, ApiKeysModalComponent, ApiKeysViewComponent, AppConfigService, AppVersionService, ArticleBuilder, ArticleCardComponent, ArticleComponent, ArticleStripComponent, AttachmentUploaderComponent, AuthBackgroundComponent, AuthCtaComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, AvatarUploadComponent, BOTTOM_NAV_DEFAULTS, BannerComponent, BlogPostBuilder, BottomNavComponent, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, CALLOUT_LABELS, CHEV_KEYS, CIRCLE_KEYS, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CORNER_KEYS, CTA_CARD_DEFAULTS, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, ChangeEmailModalComponent, ChangePasswordModalComponent, CheckInputComponent, CheckboxRadioInputComponent, ChipGroupComponent, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContainerComponent, ContentLoaderComponent, ContentReactionComponent, ContentService, ContentTransformer, CookieBannerComponent, CookieSettingsComponent, CountdownComponent, CreateOrgModalComponent, CtaCardComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_APP_CONFIG_SERVICE_CONFIG, DEFAULT_APP_VERSION_SERVICE_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACK_HEADER, DEFAULT_BUTTON_PRESETS, DEFAULT_CANCEL_BUTTON, DEFAULT_CHECK_INTERVAL_MS, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_DEBUG_CONSOLE_CONFIG, DEFAULT_DONATION_CONFIG, DEFAULT_EMPTY_STATE, DEFAULT_EMULATOR_CONFIG, DEFAULT_FEEDBACK_CONFIG, DEFAULT_FEEDBACK_TYPE_OPTIONS, DEFAULT_HOME_HEADER, DEFAULT_INFINITE_LIST_METADATA, DEFAULT_LOGIN_LOGO, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLATFORMS, DEFAULT_POST_UPDATE_GRACE_MS, DEFAULT_PRESETS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DEFAULT_SPLASH_SCREEN_CONFIG, DataTableComponent, DateInputComponent, DatePickerComponent, DateRangeInputComponent, DebugConsoleComponent, DeleteAccountModalComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsBuilder, DocsCalloutComponent, DocsCodeExampleComponent, DocsLayoutComponent, DocsNavLinksComponent, DocsNavigationService, DocsPageComponent, DocsSearchComponent, DocsSectionComponent, DocsShellComponent, DocsSidebarComponent, DocsTocComponent, DonationService, DownloadService, EditOrgModalComponent, EmptyStateComponent, EntityCardComponent, ExpandableTextComponent, FEATURES_LIST_DEFAULTS, FUN_MODAL_DEFAULTS, FabComponent, FaqComponent, FeaturesListComponent, FeedbackFormComponent, FeedbackService, FieldListComponent, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FontSizeOption, FontSizeSelectorComponent, FontSizeService, FooterComponent, FooterLinksComponent, FormComponent, FormFieldComponent, FormSkeletonComponent, FunHeaderComponent, FunModalComponent, GlassComponent, GlowCardComponent, GlowComponent, GridSkeletonComponent, HANDOFF_ROUTE_PARAM, HANDOFF_TOKEN_PARAM, HandoffService, HapticsService, HasPermissionDirective, HeaderComponent, HintComponent, HorizontalScrollComponent, HrefComponent, HtmlViewerModalComponent, I18nService, IMAGE_DEFAULTS, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, INVITATION_CARD_DEFAULTS, IONIC_COLORS$5 as IONIC_COLORS, Icon, IconComponent, IconService, ImageComponent, ImageCropComponent, ImageService, InAppBrowserService, InfiniteListComponent, InfoComponent, InputI18nHelper, InputType, InvitationCardComponent, InviteMemberModalComponent, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LEGAL_CONTENT_CONFIG, LOGGED_IN_HINT_COOKIE, LOGIN_DEFAULTS, LandingSplitComponent, LandingStepsComponent, LanguageSelectorComponent, LanguageSelectorV2Component, LayeredCardComponent, LegalContentService, LegalLinkService, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadMoreComponent, LoadingDirective, LocalStorageService, LocaleService, LoginAttemptModalComponent, LoginComponent, MEDIA_OBJECT_DEFAULTS, MEMBER_CARD_DEFAULTS, METRIC_CARD_DEFAULTS, MODAL_SIZES, MOTIF_KEYS, MOTION, MaintenancePageComponent, MarkdownArticleParserService, MediaObjectComponent, MemberCardComponent, MemberDetailModalComponent, MemberImportModalComponent, MenuComponent, MessagingService, MetaService, MetricCardComponent, MfaModalComponent, ModalService, ModalShellComponent, MultiSelectSearchComponent, NUM_KEYS, NavigationService, NetworkBannerComponent, NetworkStatusService, NewsBuilder, NoContentComponent, NotesBoxComponent, NotificationActionService, NotificationPreferencesViewComponent, NotificationsService, NotificationsViewComponent, NumberFromToComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OptionCardsComponent, OrgInfoSheetComponent, OrgService, OrgSwitchService, OrganizationViewComponent, PATTERN_MOTIFS, PATTERN_PALETTES, PATTERN_STYLE_CONFIGS, PLATFORM_CONFIGS, POST_UPDATE_TS_KEY, PageContentComponent, PageLinksComponent, PageRefreshService, PageTemplateComponent, PageWavesComponent, PageWrapperComponent, PaginationComponent, PaginationService, PasswordInputComponent, PatternComponent, PdfService, PermissionCatalogService, PermissionSelectorComponent, PermissionsModalComponent, PermissionsViewComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PreferencesService, PreferencesViewComponent, PresetService, PriceTagComponent, ProcessLinksPipe, ProfileSkeletonComponent, ProfileViewComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QrScannerComponent, QueryBuilder, QuoteBoxComponent, REQUEST_STATUSES, RadioInputComponent, RangeInputComponent, RatingComponent, ReactionBarComponent, ReactionsService, RefresherComponent, RequestFirestoreService, RequestFormBuilderService, RequestFormComponent, RequestModalComponent, RequestService, RightsFooterComponent, RotatingTextComponent, SEARCH_HEADER_DEFAULTS, SETTINGS_SECTIONS_CATALOG, SHAPE_KEYS, SHARE_PROFILE_MODAL_DEFAULTS, SKELETON_LAYOUT_DEFAULT_ROWS, SKELETON_PRESETS, SOLID_KEYS, STATS_BAR_DEFAULTS, STROKE_KEYS, SearchHeaderComponent, SearchSelectorComponent, SearchbarComponent, SectionHeaderComponent, SecurityViewComponent, SegmentControlComponent, SelectSearchComponent, SessionListModalComponent, SessionService, SettingsHubComponent, ShareButtonsComponent, ShareProfileModalComponent, SimpleComponent, SkeletonComponent, SkeletonLayoutComponent, SkeletonService, SplashComponent, SplashScreenService, StatsBarComponent, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, SwitchOrgModalComponent, TRI_KEYS, TabbedContentComponent, TableSkeletonComponent, TabsComponent, Terminal404Component, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TicketCardComponent, TicketCardImageService, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TransferOwnershipModalComponent, TranslatePipe, TypedCollection, UPDATE_BANNER_DEFAULT_CONTENT, UPDATE_BANNER_I18N_NAMESPACE, UpdateBannerComponent, UserAvatarComponent, UsernameInputComponent, VALTECH_ADS_CONFIG, VALTECH_APP_CONFIG, VALTECH_APP_VERSION, VALTECH_AUTH_CONFIG, VALTECH_COMPANY_LINKS, VALTECH_CONTENT_CONFIG, VALTECH_DEBUG_CONSOLE, VALTECH_DEFAULT_CONTENT, VALTECH_DONATION_CONFIG, VALTECH_FEEDBACK_CONFIG, VALTECH_FIREBASE_CONFIG, VALTECH_FOOTER_I18N, VALTECH_FOOTER_LOGO, VALTECH_LANGUAGE_SELECTOR, VALTECH_LEGAL_CONFIG, VALTECH_NETWORK_ERROR_KEY, VALTECH_REACTIONS_CONFIG, VALTECH_SETTINGS_MENU_LINKS, VALTECH_SITE_PATHS, VALTECH_SOCIAL_LINKS, VALTECH_SPLASH_SCREEN, VALTECH_WEB_BASE_URLS, VALTECH_WHATSAPP_CONFIG, VERSION, ValtechErrorService, VerifyViewComponent, WhatsappFabComponent, WhatsappService, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, authPasswordValidator, beautifyLegalArticle, blogPost, buildCompanyFooterProps, buildFooterLinks, buildLegalLinkResolver, buildPath, buildSettingsCards, button, canSubmitRequestType, collections, connectPageRefresh, createErrorStateProps, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createPageState, createPermissionLabeler, createRefreshableStream, createTitleProps, docs, errorLoggingInterceptor, extractPathParams, generatePatternTiles, generateRandomTile, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, getTimeOfDayKey, goToTop, groupPermissionsByScope, guestGuard, hasEmulators, iconButton, interpretError, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isIonicColor, isValidPath, joinPath, maxLength, mulberry32, news, parseMarkdownArticle, permissionGuard, permissionGuardFromRoute, provideLegalContent, provideSplashScreen, provideValtechAboutRoutes, provideValtechAccountRoutes, provideValtechAds, provideValtechApiKeysRoutes, provideValtechAppConfig, provideValtechAppVersion, provideValtechAppVersionHttp, provideValtechAuth, provideValtechAuthInterceptor, provideValtechContent, provideValtechDebugConsole, provideValtechDonations, provideValtechErrorHandling, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechLegal, provideValtechNotificationPreferencesRoutes, provideValtechNotificationsRoutes, provideValtechOrganizationRoutes, provideValtechPermissionsRoutes, provideValtechPreferencesRoutes, provideValtechPresets, provideValtechProfileRoutes, provideValtechReactions, provideValtechSecurityRoutes, provideValtechSettingsRoutes, provideValtechSite, provideValtechSkeleton, provideValtechWhatsapp, query, rbacGuard, renderPatternSvgInner, replaceSpecialChars, requestSubmitMode, resolveColor, resolveInputDefaultValue, resolveIonicColor, resolveWebBaseUrl, roleGuard, selectableRequestTypes, storagePaths, superAdminGuard, toArticle };
+export { ACTION_CARD_DEFAULTS, AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, APP_VERSION_PLATFORM_PLUGIN, APP_VERSION_REMOTE_PLUGIN, ARTICLE_CARD_DEFAULTS, ARTICLE_SPACING, ARTICLE_STRIP_DEFAULTS, AUTH_CTA_DEFAULTS, AVATAR_UPLOAD_DEFAULTS, AboutViewComponent, AccordionComponent, AccountViewComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AnimatedTerminalComponent, ApiKeyCreateModalComponent, ApiKeyService, ApiKeysModalComponent, ApiKeysViewComponent, AppConfigService, AppVersionService, ArticleBuilder, ArticleCardComponent, ArticleComponent, ArticleStripComponent, AttachmentUploaderComponent, AuthBackgroundComponent, AuthCtaComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, AvatarUploadComponent, BOTTOM_NAV_DEFAULTS, BannerComponent, BlogPostBuilder, BottomNavComponent, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, CALLOUT_LABELS, CHEV_KEYS, CIRCLE_KEYS, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CORNER_KEYS, CTA_CARD_DEFAULTS, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, ChangeEmailModalComponent, ChangePasswordModalComponent, ChatInputComponent, ChatWindowComponent, CheckInputComponent, CheckboxRadioInputComponent, ChipGroupComponent, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContainerComponent, ContentLoaderComponent, ContentReactionComponent, ContentService, ContentTransformer, ConversationService, CookieBannerComponent, CookieSettingsComponent, CountdownComponent, CreateOrgModalComponent, CtaCardComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_APP_CONFIG_SERVICE_CONFIG, DEFAULT_APP_VERSION_SERVICE_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACK_HEADER, DEFAULT_BUTTON_PRESETS, DEFAULT_CANCEL_BUTTON, DEFAULT_CHECK_INTERVAL_MS, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_DEBUG_CONSOLE_CONFIG, DEFAULT_DONATION_CONFIG, DEFAULT_EMPTY_STATE, DEFAULT_EMULATOR_CONFIG, DEFAULT_FEEDBACK_CONFIG, DEFAULT_FEEDBACK_TYPE_OPTIONS, DEFAULT_HOME_HEADER, DEFAULT_INFINITE_LIST_METADATA, DEFAULT_LOGIN_LOGO, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLATFORMS, DEFAULT_POST_UPDATE_GRACE_MS, DEFAULT_PRESETS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DEFAULT_SPLASH_SCREEN_CONFIG, DataTableComponent, DateInputComponent, DatePickerComponent, DateRangeInputComponent, DebugConsoleComponent, DeleteAccountModalComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsBuilder, DocsCalloutComponent, DocsCodeExampleComponent, DocsLayoutComponent, DocsNavLinksComponent, DocsNavigationService, DocsPageComponent, DocsSearchComponent, DocsSectionComponent, DocsShellComponent, DocsSidebarComponent, DocsTocComponent, DonationService, DownloadService, EditOrgModalComponent, EmptyStateComponent, EntityCardComponent, EntityFeedService, ExpandableTextComponent, FEATURES_LIST_DEFAULTS, FUN_MODAL_DEFAULTS, FabComponent, FaqComponent, FeaturesListComponent, FeedbackFormComponent, FeedbackService, FieldListComponent, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FontSizeOption, FontSizeSelectorComponent, FontSizeService, FooterComponent, FooterLinksComponent, FormComponent, FormFieldComponent, FormSkeletonComponent, FunHeaderComponent, FunModalComponent, GlassComponent, GlowCardComponent, GlowComponent, GridSkeletonComponent, HANDOFF_ROUTE_PARAM, HANDOFF_TOKEN_PARAM, HandoffService, HapticsService, HasPermissionDirective, HeaderComponent, HintComponent, HorizontalScrollComponent, HrefComponent, HtmlViewerModalComponent, I18nService, IMAGE_DEFAULTS, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, INVITATION_CARD_DEFAULTS, IONIC_COLORS$5 as IONIC_COLORS, Icon, IconComponent, IconService, ImageComponent, ImageCropComponent, ImageService, InAppBrowserService, InfiniteListComponent, InfoComponent, InputI18nHelper, InputType, InvitationCardComponent, InviteMemberModalComponent, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LEGAL_CONTENT_CONFIG, LOGGED_IN_HINT_COOKIE, LOGIN_DEFAULTS, LandingSplitComponent, LandingStepsComponent, LanguageSelectorComponent, LanguageSelectorV2Component, LayeredCardComponent, LegalContentService, LegalLinkService, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadMoreComponent, LoadingDirective, LocalStorageService, LocaleService, LoginAttemptModalComponent, LoginComponent, MEDIA_OBJECT_DEFAULTS, MEMBER_CARD_DEFAULTS, METRIC_CARD_DEFAULTS, MODAL_SIZES, MOTIF_KEYS, MOTION, MaintenancePageComponent, MarkdownArticleParserService, MediaObjectComponent, MemberCardComponent, MemberDetailModalComponent, MemberImportModalComponent, MenuComponent, MessageBubbleComponent, MessagingService, MetaService, MetricCardComponent, MfaModalComponent, ModalService, ModalShellComponent, MultiSelectSearchComponent, NUM_KEYS, NavigationService, NetworkBannerComponent, NetworkStatusService, NewsBuilder, NoContentComponent, NotesBoxComponent, NotificationActionService, NotificationPreferencesViewComponent, NotificationsService, NotificationsViewComponent, NumberFromToComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OptionCardsComponent, OrgInfoSheetComponent, OrgService, OrgSwitchService, OrganizationViewComponent, PATTERN_MOTIFS, PATTERN_PALETTES, PATTERN_STYLE_CONFIGS, PLATFORM_CONFIGS, POST_UPDATE_TS_KEY, PageContentComponent, PageLinksComponent, PageRefreshService, PageTemplateComponent, PageWavesComponent, PageWrapperComponent, PaginationComponent, PaginationService, PasswordInputComponent, PatternComponent, PdfService, PermissionCatalogService, PermissionSelectorComponent, PermissionsModalComponent, PermissionsViewComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PreferencesService, PreferencesViewComponent, PresetService, PriceTagComponent, ProcessLinksPipe, ProfileSkeletonComponent, ProfileViewComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QrScannerComponent, QueryBuilder, QuoteBoxComponent, REQUEST_STATUSES, RadioInputComponent, RangeInputComponent, RatingComponent, ReactionBarComponent, ReactionsService, RefresherComponent, RequestFirestoreService, RequestFormBuilderService, RequestFormComponent, RequestModalComponent, RequestService, RightsFooterComponent, RotatingTextComponent, SEARCH_HEADER_DEFAULTS, SETTINGS_SECTIONS_CATALOG, SHAPE_KEYS, SHARE_PROFILE_MODAL_DEFAULTS, SKELETON_LAYOUT_DEFAULT_ROWS, SKELETON_PRESETS, SOLID_KEYS, STATS_BAR_DEFAULTS, STROKE_KEYS, SearchHeaderComponent, SearchSelectorComponent, SearchbarComponent, SectionHeaderComponent, SecurityViewComponent, SegmentControlComponent, SelectSearchComponent, SessionListModalComponent, SessionService, SettingsHubComponent, ShareButtonsComponent, ShareProfileModalComponent, SimpleComponent, SkeletonComponent, SkeletonLayoutComponent, SkeletonService, SplashComponent, SplashScreenService, StatsBarComponent, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, SwitchOrgModalComponent, TRI_KEYS, TabbedContentComponent, TableSkeletonComponent, TabsComponent, Terminal404Component, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, ThreadPanelComponent, TicketCardComponent, TicketCardImageService, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TransferOwnershipModalComponent, TranslatePipe, TypedCollection, TypingIndicatorComponent, UPDATE_BANNER_DEFAULT_CONTENT, UPDATE_BANNER_I18N_NAMESPACE, UpdateBannerComponent, UserAvatarComponent, UsernameInputComponent, VALTECH_ADS_CONFIG, VALTECH_APP_CONFIG, VALTECH_APP_VERSION, VALTECH_AUTH_CONFIG, VALTECH_CHAT_CONFIG, VALTECH_COMPANY_LINKS, VALTECH_CONTENT_CONFIG, VALTECH_DEBUG_CONSOLE, VALTECH_DEFAULT_CONTENT, VALTECH_DONATION_CONFIG, VALTECH_FEEDBACK_CONFIG, VALTECH_FIREBASE_CONFIG, VALTECH_FOOTER_I18N, VALTECH_FOOTER_LOGO, VALTECH_LANGUAGE_SELECTOR, VALTECH_LEGAL_CONFIG, VALTECH_NETWORK_ERROR_KEY, VALTECH_REACTIONS_CONFIG, VALTECH_SETTINGS_MENU_LINKS, VALTECH_SITE_PATHS, VALTECH_SOCIAL_LINKS, VALTECH_SPLASH_SCREEN, VALTECH_WEB_BASE_URLS, VALTECH_WHATSAPP_CONFIG, VERSION, ValtechErrorService, VerifyViewComponent, WhatsappFabComponent, WhatsappService, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, authPasswordValidator, beautifyLegalArticle, blogPost, buildCompanyFooterProps, buildFooterLinks, buildLegalLinkResolver, buildPath, buildSettingsCards, button, canSubmitRequestType, collections, connectPageRefresh, createErrorStateProps, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createPageState, createPermissionLabeler, createRefreshableStream, createTitleProps, docs, errorLoggingInterceptor, extractPathParams, generatePatternTiles, generateRandomTile, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, getTimeOfDayKey, goToTop, groupPermissionsByScope, guestGuard, hasEmulators, iconButton, interpretError, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isIonicColor, isValidPath, joinPath, maxLength, mulberry32, news, parseMarkdownArticle, permissionGuard, permissionGuardFromRoute, provideLegalContent, provideSplashScreen, provideValtechAboutRoutes, provideValtechAccountRoutes, provideValtechAds, provideValtechApiKeysRoutes, provideValtechAppConfig, provideValtechAppVersion, provideValtechAppVersionHttp, provideValtechAuth, provideValtechAuthInterceptor, provideValtechChat, provideValtechContent, provideValtechDebugConsole, provideValtechDonations, provideValtechErrorHandling, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechLegal, provideValtechNotificationPreferencesRoutes, provideValtechNotificationsRoutes, provideValtechOrganizationRoutes, provideValtechPermissionsRoutes, provideValtechPreferencesRoutes, provideValtechPresets, provideValtechProfileRoutes, provideValtechReactions, provideValtechSecurityRoutes, provideValtechSettingsRoutes, provideValtechSite, provideValtechSkeleton, provideValtechWhatsapp, query, rbacGuard, renderPatternSvgInner, replaceSpecialChars, requestSubmitMode, resolveColor, resolveInputDefaultValue, resolveIonicColor, resolveWebBaseUrl, roleGuard, selectableRequestTypes, storagePaths, superAdminGuard, toArticle };
 //# sourceMappingURL=valtech-components.mjs.map