valtech-components 4.0.219 → 4.0.220

package/lib/components/atoms/glow/glow.component.d.ts

@@ -30,7 +30,7 @@ export declare class GlowComponent {
     protected intensity: import("@angular/core").Signal<GlowIntensity>;
     protected shape: import("@angular/core").Signal<GlowShape>;
     protected animated: import("@angular/core").Signal<boolean>;
-    protected blendMode: import("@angular/core").Signal<"normal" | "multiply" | "screen" | "overlay" | "soft-light" | "hard-light" | "color-dodge">;
+    protected blendMode: import("@angular/core").Signal<"overlay" | "normal" | "multiply" | "screen" | "soft-light" | "hard-light" | "color-dodge">;
     protected colorRgbVar: import("@angular/core").Signal<string>;
     protected secondaryColorRgbVar: import("@angular/core").Signal<string>;
     protected positionCss: import("@angular/core").Signal<string>;

package/lib/components/atoms/rights-footer/rights-footer.component.d.ts

@@ -39,11 +39,11 @@ export declare class RightsFooterComponent {
     /**
      * Computed helper for align prop in template.
      */
-    propsAlign: import("@angular/core").Signal<"right" | "center" | "left">;
+    propsAlign: import("@angular/core").Signal<"center" | "left" | "right">;
     /**
      * Computed helper for color prop in template.
      */
-    propsColor: import("@angular/core").Signal<"primary" | "secondary" | "tertiary" | "success" | "warning" | "danger" | "light" | "medium" | "dark">;
+    propsColor: import("@angular/core").Signal<"success" | "warning" | "primary" | "secondary" | "tertiary" | "danger" | "light" | "medium" | "dark">;
     /**
      * Computed helper for withMargin prop in template.
      */

package/lib/components/atoms/text/text.component.d.ts

@@ -11,7 +11,7 @@ export declare class TextComponent {
      */
     displayContent: import("@angular/core").Signal<string>;
     propsColor: import("@angular/core").Signal<import("@ionic/core").Color>;
-    propsSize: import("@angular/core").Signal<"medium" | "small" | "large" | "xlarge">;
+    propsSize: import("@angular/core").Signal<"small" | "medium" | "large" | "xlarge">;
     propsBold: import("@angular/core").Signal<boolean>;
     propsProcessLinks: import("@angular/core").Signal<boolean>;
     propsAllowPartialBold: import("@angular/core").Signal<boolean>;

package/lib/components/atoms/user-avatar/user-avatar.component.d.ts

@@ -38,8 +38,8 @@ export declare class UserAvatarComponent {
     readonly imageUrl: import("@angular/core").Signal<string>;
     /** Iniciales — 1-2 chars derivados de name (preferred) o email prefix. */
     readonly initials: import("@angular/core").Signal<string>;
-    readonly sizeClass: import("@angular/core").Signal<"medium" | "small" | "large" | "xlarge" | "xsmall">;
-    readonly shapeClass: import("@angular/core").Signal<"circle" | "square">;
+    readonly sizeClass: import("@angular/core").Signal<"small" | "medium" | "large" | "xlarge" | "xsmall">;
+    readonly shapeClass: import("@angular/core").Signal<"square" | "circle">;
     /** Background — explicito o derivado deterministicamente del user. */
     readonly bgColor: import("@angular/core").Signal<string>;
     readonly ariaLabel: import("@angular/core").Signal<string>;

package/lib/components/molecules/article-card/article-card.component.d.ts

@@ -32,7 +32,7 @@ export declare class ArticleCardComponent {
     /** Emitted when the card is clicked */
     onClick: EventEmitter<ArticleCardClickEvent>;
     /** Merged configuration with defaults */
-    config: import("@angular/core").Signal<ArticleCardMetadata & Required<Pick<ArticleCardMetadata, "aspectRatio" | "bordered" | "shadowed" | "excerptLines">>>;
+    config: import("@angular/core").Signal<ArticleCardMetadata & Required<Pick<ArticleCardMetadata, "bordered" | "shadowed" | "aspectRatio" | "excerptLines">>>;
     isClickable: import("@angular/core").Signal<boolean>;
     getTopicColor(): string | null;
     handleClick(event: MouseEvent): void;

package/lib/components/molecules/chat-input/chat-input.component.d.ts

@@ -0,0 +1,38 @@
+import { EventEmitter } from '@angular/core';
+import { I18nService } from '../../../services/i18n';
+import { ChatInputMetadata } from './types';
+import * as i0 from "@angular/core";
+/**
+ * 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()"
+ * />
+ */
+export declare class ChatInputComponent {
+    protected i18n: I18nService;
+    props: ChatInputMetadata;
+    send: EventEmitter<string>;
+    typing: EventEmitter<void>;
+    protected body: import("@angular/core").WritableSignal<string>;
+    constructor();
+    protected maxLen: import("@angular/core").Signal<number>;
+    protected canSend: import("@angular/core").Signal<boolean>;
+    protected isNearLimit: import("@angular/core").Signal<boolean>;
+    protected isAtLimit: import("@angular/core").Signal<boolean>;
+    protected placeholderText: import("@angular/core").Signal<string>;
+    protected sendLabel: import("@angular/core").Signal<string>;
+    protected counterText: import("@angular/core").Signal<string>;
+    protected onInput(event: Event): void;
+    protected onKeydown(event: KeyboardEvent): void;
+    protected onSend(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChatInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChatInputComponent, "val-chat-input", never, { "props": { "alias": "props"; "required": false; }; }, { "send": "send"; "typing": "typing"; }, never, never, true, never>;
+}

package/lib/components/molecules/chat-input/types.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Configuracion del componente de input de chat.
+ */
+export interface ChatInputMetadata {
+    /** Placeholder del textarea (opcional). */
+    placeholder?: string;
+    /** Si el input esta deshabilitado. */
+    disabled?: boolean;
+    /** Cantidad maxima de caracteres (default: 2000). */
+    maxLength?: number;
+    /** Si se permiten archivos adjuntos (no implementado en esta version). */
+    allowAttachments?: boolean;
+}
+/**
+ * Evento emitido al enviar un mensaje.
+ */
+export interface ChatInputSendEvent {
+    /** Cuerpo del mensaje. */
+    body: string;
+}

package/lib/components/molecules/content-reaction/content-reaction.component.d.ts

@@ -43,8 +43,8 @@ export declare class ContentReactionComponent implements OnInit, OnChanges {
         commentOnValues: ReactionValue[];
         commentPlaceholder: string;
         maxCommentLength: number;
-        emojis: [string, string] | [string, string, string];
-        emojiLabels: [string, string] | [string, string, string];
+        emojis: [string, string, string] | [string, string];
+        emojiLabels: [string, string, string] | [string, string];
         showThankYou: boolean;
         thankYouMessage: string;
         disabled: boolean;

package/lib/components/molecules/cta-card/cta-card.component.d.ts

@@ -35,7 +35,7 @@ export declare class CtaCardComponent {
     /** Emitted with the token of the clicked action button */
     onAction: EventEmitter<string>;
     /** Merged configuration with defaults */
-    config: import("@angular/core").Signal<CtaCardMetadata & Required<Pick<CtaCardMetadata, "padding" | "borderRadius" | "bordered" | "shadowed" | "align">>>;
+    config: import("@angular/core").Signal<CtaCardMetadata & Required<Pick<CtaCardMetadata, "align" | "borderRadius" | "padding" | "bordered" | "shadowed">>>;
     getBackground(): string;
     getColor(): string | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<CtaCardComponent, never>;

package/lib/components/molecules/features-list/features-list.component.d.ts

@@ -40,10 +40,10 @@ export declare class FeaturesListComponent {
         i18nNamespace?: string;
         iconColor: string;
         iconSize: number;
-        mode: "horizontal" | "vertical";
-        gap: "medium" | "small" | "large";
-        alignment: "center" | "start";
-        imageShape: "circle" | "square";
+        mode: "vertical" | "horizontal";
+        gap: "small" | "medium" | "large";
+        alignment: "start" | "center";
+        imageShape: "square" | "circle";
         maxVisible: number;
         showMoreLabel?: string;
         showLessLabel?: string;

package/lib/components/molecules/load-more/load-more.component.d.ts

@@ -26,7 +26,7 @@ export declare class LoadMoreComponent {
     readonly color: import("@angular/core").Signal<string>;
     readonly fill: import("@angular/core").Signal<string>;
     readonly shape: import("@angular/core").Signal<string>;
-    readonly size: import("@angular/core").Signal<"default" | "small" | "large">;
+    readonly size: import("@angular/core").Signal<"small" | "large" | "default">;
     readonly threshold: import("@angular/core").Signal<string>;
     readonly label: import("@angular/core").Signal<string>;
     private readonly _pendingComplete;

package/lib/components/molecules/media-object/media-object.component.d.ts

@@ -30,7 +30,7 @@ export declare class MediaObjectComponent {
     /** Emitted when the inline link is clicked */
     onLinkClick: EventEmitter<string>;
     /** Merged configuration with defaults */
-    config: import("@angular/core").Signal<MediaObjectMetadata & Required<Pick<MediaObjectMetadata, "rounded" | "circle" | "mediaWidth" | "reversed" | "align">>>;
+    config: import("@angular/core").Signal<MediaObjectMetadata & Required<Pick<MediaObjectMetadata, "rounded" | "align" | "circle" | "mediaWidth" | "reversed">>>;
     getColor(): string;
     handleLinkClick(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MediaObjectComponent, never>;

package/lib/components/molecules/message-bubble/message-bubble.component.d.ts

@@ -0,0 +1,40 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { I18nService } from '../../../services/i18n';
+import { MessageBubbleMetadata, MessageReactionClickEvent, MessageReplyClickEvent, MessageDeleteClickEvent, MessageEditClickEvent } from './types';
+import { MessageReaction } from '../../../services/chat/types';
+import * as i0 from "@angular/core";
+/**
+ * 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)"
+ * />
+ */
+export declare class MessageBubbleComponent implements OnInit {
+    protected i18n: I18nService;
+    props: MessageBubbleMetadata;
+    reactionClick: EventEmitter<MessageReactionClickEvent>;
+    replyClick: EventEmitter<MessageReplyClickEvent>;
+    deleteClick: EventEmitter<MessageDeleteClickEvent>;
+    editClick: EventEmitter<MessageEditClickEvent>;
+    constructor();
+    ngOnInit(): void;
+    deletedText(): string;
+    editedLabel(): string;
+    formatTime(date: Date): string;
+    statusIcon(): string;
+    onReactionClick(reaction: MessageReaction): void;
+    onReplyClick(): void;
+    onDeleteClick(): void;
+    onEditClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MessageBubbleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageBubbleComponent, "val-message-bubble", never, { "props": { "alias": "props"; "required": false; }; }, { "reactionClick": "reactionClick"; "replyClick": "replyClick"; "deleteClick": "deleteClick"; "editClick": "editClick"; }, never, never, true, never>;
+}

package/lib/components/molecules/message-bubble/types.d.ts

@@ -0,0 +1,64 @@
+import { MessageAttachment, MessageReaction, MessageReplyTo, MessageStatus, MessageType } from '../../../services/chat/types';
+/**
+ * Datos necesarios para renderizar una burbuja de mensaje.
+ */
+export interface MessageBubbleMetadata {
+    /** ID unico del mensaje. */
+    msgId: string;
+    /** ID del emisor. */
+    senderId: string;
+    /** Nombre visible del emisor. */
+    senderName: string;
+    /** URL del avatar del emisor (opcional). */
+    senderAvatar?: string;
+    /** Cuerpo del mensaje. */
+    body: string;
+    /** Tipo de mensaje. */
+    type: MessageType;
+    /** Fecha de creacion del mensaje. */
+    createdAt: Date;
+    /** Si el mensaje es del usuario actual (alineacion derecha). */
+    isMine: boolean;
+    /** Si el mensaje fue eliminado. */
+    isDeleted?: boolean;
+    /** Si el mensaje fue editado. */
+    isEdited?: boolean;
+    /** Mensaje al que responde (opcional). */
+    replyTo?: MessageReplyTo;
+    /** Archivos adjuntos (opcional). */
+    attachments?: MessageAttachment[];
+    /** Reacciones del mensaje (opcional). */
+    reactions?: MessageReaction[];
+    /** Estado de envio (para mensajes optimistas del lado del cliente). */
+    status?: MessageStatus;
+}
+/**
+ * Evento emitido cuando el usuario hace clic en una reaccion.
+ */
+export interface MessageReactionClickEvent {
+    /** Token de la reaccion clickeada. */
+    token: string;
+    /** ID del mensaje. */
+    msgId: string;
+}
+/**
+ * Evento emitido cuando el usuario responde a un mensaje.
+ */
+export interface MessageReplyClickEvent {
+    /** ID del mensaje al que se responde. */
+    msgId: string;
+}
+/**
+ * Evento emitido cuando el usuario elimina un mensaje.
+ */
+export interface MessageDeleteClickEvent {
+    /** ID del mensaje a eliminar. */
+    msgId: string;
+}
+/**
+ * Evento emitido cuando el usuario edita un mensaje.
+ */
+export interface MessageEditClickEvent {
+    /** ID del mensaje a editar. */
+    msgId: string;
+}

package/lib/components/molecules/metric-card/metric-card.component.d.ts

@@ -28,7 +28,7 @@ export declare class MetricCardComponent {
     /** Emitted with the token of the clicked action */
     onAction: EventEmitter<string>;
     /** Merged configuration with defaults */
-    config: import("@angular/core").Signal<MetricCardMetadata & Required<Pick<MetricCardMetadata, "padding" | "borderRadius" | "bordered" | "shadowed">>>;
+    config: import("@angular/core").Signal<MetricCardMetadata & Required<Pick<MetricCardMetadata, "borderRadius" | "padding" | "bordered" | "shadowed">>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MetricCardComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MetricCardComponent, "val-metric-card", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; }, { "onAction": "onAction"; }, never, never, true, never>;
 }

package/lib/components/molecules/typing-indicator/typing-indicator.component.d.ts

@@ -0,0 +1,19 @@
+import { I18nService } from '../../../services/i18n';
+import * as i0 from "@angular/core";
+/**
+ * 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']" />
+ */
+export declare class TypingIndicatorComponent {
+    protected i18n: I18nService;
+    typingUsers: string[];
+    constructor();
+    protected typingText: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TypingIndicatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TypingIndicatorComponent, "val-typing-indicator", never, { "typingUsers": { "alias": "typingUsers"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/organisms/account-view/account-view.component.d.ts

@@ -34,7 +34,7 @@ export declare class AccountViewComponent {
      * mergea con los defaults — `@Input` gana sobre route data.
      */
     config?: AccountViewConfig;
-    readonly resolvedConfig: import("@angular/core").Signal<Required<Omit<AccountViewConfig, "onOrgSwitched" | "onOrgCreated" | "onLoggedOut" | "onAccountDeleted">> & Pick<AccountViewConfig, "onOrgSwitched" | "onOrgCreated" | "onLoggedOut" | "onAccountDeleted">>;
+    readonly resolvedConfig: import("@angular/core").Signal<Required<Omit<AccountViewConfig, "onOrgCreated" | "onOrgSwitched" | "onLoggedOut" | "onAccountDeleted">> & Pick<AccountViewConfig, "onOrgCreated" | "onOrgSwitched" | "onLoggedOut" | "onAccountDeleted">>;
     /** Namespace i18n resuelto (capturado para llamadas no-reactivas). */
     private get ns();
     readonly createOrgOpen: import("@angular/core").WritableSignal<boolean>;

package/lib/components/organisms/article/article.component.d.ts

@@ -45,7 +45,7 @@ export declare class ArticleComponent implements OnInit {
     getVideoElement(element: ArticleElement): ArticleVideoElement;
     getCustomElement(element: ArticleElement): ArticleCustomElement;
     getQuoteTextProps(element: ArticleElement): {
-        size: "medium" | "small" | "large" | "xlarge";
+        size: "small" | "medium" | "large" | "xlarge";
         color: import("@ionic/core").Color;
         content?: string;
         bold: boolean;
@@ -57,11 +57,11 @@ export declare class ArticleComponent implements OnInit {
         linkConfig?: import("valtech-components").LinkProcessorConfig;
         allowPartialBold?: boolean;
         authorColor?: import("@ionic/core").Color;
-        alignment?: "right" | "center" | "left";
+        alignment?: "center" | "left" | "right";
         showQuoteMark?: boolean;
     };
     getHighlightTextProps(element: ArticleElement): {
-        size: "medium" | "small" | "large" | "xlarge";
+        size: "small" | "medium" | "large" | "xlarge";
         color: import("@ionic/core").Color;
         content?: string;
         bold: boolean;
@@ -93,9 +93,9 @@ export declare class ArticleComponent implements OnInit {
         contentInterpolation?: Record<string, string | number>;
         icon?: import("valtech-components").IconMetada;
         shape?: "round";
-        size?: "default" | "small" | "large";
-        fill?: "solid" | "clear" | "outline" | "default";
-        type: "button" | "submit" | "reset";
+        size?: "small" | "large" | "default";
+        fill?: "clear" | "solid" | "outline" | "default";
+        type: "submit" | "button" | "reset";
         token?: string;
         ref?: any;
         handler?: (value: any) => any;

package/lib/components/organisms/auth-cta/auth-cta.component.d.ts

@@ -35,7 +35,7 @@ export declare class AuthCtaComponent {
     onRegister: EventEmitter<void>;
     constructor();
     /** Merged configuration with defaults */
-    config: import("@angular/core").Signal<AuthCtaMetadata & Required<Pick<AuthCtaMetadata, "padding" | "borderRadius" | "align">>>;
+    config: import("@angular/core").Signal<AuthCtaMetadata & Required<Pick<AuthCtaMetadata, "align" | "borderRadius" | "padding">>>;
     loginLabel: import("@angular/core").Signal<string>;
     registerLabel: import("@angular/core").Signal<string>;
     topLogoProps: import("@angular/core").Signal<{

package/lib/components/organisms/bottom-nav/bottom-nav.component.d.ts

@@ -63,7 +63,7 @@ export declare class BottomNavComponent implements OnInit, OnDestroy {
         i18nNamespace?: string;
         hideLabels: boolean;
         safeArea: boolean;
-        animation: "none" | "slide" | "fade" | "scale";
+        animation: "fade" | "scale" | "slide" | "none";
         maxWidth: string;
     }>;
     /** Computed tabs with FAB inserted if present */

package/lib/components/organisms/chat-window/chat-window.component.d.ts

@@ -0,0 +1,63 @@
+import { EventEmitter, OnChanges, SimpleChanges, AfterViewChecked } from '@angular/core';
+import { I18nService } from '../../../services/i18n';
+import { MessageBubbleMetadata, MessageReactionClickEvent } from '../../molecules/message-bubble/types';
+import * as i0 from "@angular/core";
+/** Estructura interna para agrupar mensajes por fecha. */
+interface MessageGroup {
+    dateLabel: string;
+    messages: MessageBubbleMetadata[];
+}
+/**
+ * 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)"
+ * />
+ */
+export declare class ChatWindowComponent implements OnChanges, AfterViewChecked {
+    protected i18n: I18nService;
+    convId: string;
+    messages: MessageBubbleMetadata[];
+    participants: string[];
+    currentUserId: string;
+    isOpen: boolean;
+    typingUsers: string[];
+    isLoading: boolean;
+    sendMessage: EventEmitter<string>;
+    loadMore: EventEmitter<void>;
+    reactionClick: EventEmitter<{
+        msgId: string;
+        token: string;
+    }>;
+    deleteMessage: EventEmitter<string>;
+    replyTo: EventEmitter<string>;
+    private messagesListRef?;
+    private prevMessageCount;
+    private shouldScrollToBottom;
+    constructor();
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewChecked(): void;
+    protected messageGroups: import("@angular/core").Signal<MessageGroup[]>;
+    protected closedText: import("@angular/core").Signal<string>;
+    protected loadingText: import("@angular/core").Signal<string>;
+    protected onReactionClick(event: MessageReactionClickEvent): void;
+    protected onEditClick(_msgId: string): void;
+    protected onTyping(): void;
+    private scrollToBottom;
+    private formatDateLabel;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChatWindowComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChatWindowComponent, "val-chat-window", never, { "convId": { "alias": "convId"; "required": false; }; "messages": { "alias": "messages"; "required": false; }; "participants": { "alias": "participants"; "required": false; }; "currentUserId": { "alias": "currentUserId"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "typingUsers": { "alias": "typingUsers"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; }, { "sendMessage": "sendMessage"; "loadMore": "loadMore"; "reactionClick": "reactionClick"; "deleteMessage": "deleteMessage"; "replyTo": "replyTo"; }, never, never, true, never>;
+}
+export {};

package/lib/components/organisms/chat-window/types.d.ts

@@ -0,0 +1,36 @@
+import { MessageBubbleMetadata } from '../../molecules/message-bubble/types';
+/**
+ * Configuracion del componente de ventana de chat.
+ */
+export interface ChatWindowMetadata {
+    /** ID de la conversacion. */
+    convId: string;
+    /** Lista de mensajes a mostrar. */
+    messages?: MessageBubbleMetadata[];
+    /** IDs o nombres de participantes. */
+    participants?: string[];
+    /** ID del usuario actual (para marcar mensajes propios). */
+    currentUserId?: string;
+    /** Si la conversacion esta abierta para enviar mensajes. */
+    isOpen?: boolean;
+    /** Usuarios que estan escribiendo en este momento. */
+    typingUsers?: string[];
+    /** Si esta cargando mensajes. */
+    isLoading?: boolean;
+}
+/**
+ * Evento emitido al enviar un mensaje desde la ventana de chat.
+ */
+export interface ChatWindowSendEvent {
+    /** Cuerpo del mensaje. */
+    body: string;
+}
+/**
+ * Evento emitido al hacer clic en una reaccion de un mensaje.
+ */
+export interface ChatWindowReactionEvent {
+    /** ID del mensaje. */
+    msgId: string;
+    /** Token de la reaccion. */
+    token: string;
+}

package/lib/components/organisms/landing-steps/landing-steps.component.d.ts

@@ -4,7 +4,7 @@ export declare class LandingStepsComponent {
     private readonly props_;
     set props(v: LandingStepsMetadata);
     readonly p: import("@angular/core").Signal<LandingStepsMetadata>;
-    readonly cols: import("@angular/core").Signal<3 | 2 | 4>;
+    readonly cols: import("@angular/core").Signal<2 | 3 | 4>;
     readonly accentColor: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<LandingStepsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<LandingStepsComponent, "val-landing-steps", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;

package/lib/components/organisms/login/login.component.d.ts

@@ -48,7 +48,7 @@ export declare class LoginComponent implements OnInit, OnDestroy {
     private _mfaVerifyFormState;
     private _mfaMethod;
     /** Método MFA pendiente — expuesto al template para gatear el link de backup (solo TOTP). */
-    readonly mfaMethod: import("@angular/core").Signal<"EMAIL" | "SMS" | "TOTP">;
+    readonly mfaMethod: import("@angular/core").Signal<"SMS" | "TOTP" | "EMAIL">;
     /** A: el user togglea a "código de respaldo" (8 chars alfanuméricos) cuando perdió el 2º factor. */
     readonly mfaUseBackupCode: import("@angular/core").WritableSignal<boolean>;
     isMFAResetModalOpen: boolean;

package/lib/components/organisms/member-import-modal/member-import-modal.component.d.ts

@@ -28,7 +28,7 @@ export declare class MemberImportModalComponent implements OnInit {
     /** Namespace i18n. */
     i18nNamespace: string;
     csv: string;
-    readonly importMode: import("@angular/core").WritableSignal<"paste" | "file">;
+    readonly importMode: import("@angular/core").WritableSignal<"file" | "paste">;
     readonly onConflictControl: FormControl<string>;
     readonly sendActivationControl: FormControl<boolean>;
     readonly conflictSelectProps: import("@angular/core").Signal<Partial<InputMetadata>>;

package/lib/components/organisms/notification-preferences-view/notification-preferences-view.component.d.ts

@@ -90,7 +90,7 @@ export declare class NotificationPreferencesViewComponent implements OnInit, OnD
     readonly busyLabel: import("@angular/core").Signal<string>;
     readonly contextMessage: import("@angular/core").Signal<string>;
     readonly alertVariant: import("@angular/core").Signal<"warning" | "danger" | "info">;
-    readonly alertIcon: import("@angular/core").Signal<"alert-circle-outline" | "close-circle-outline">;
+    readonly alertIcon: import("@angular/core").Signal<"close-circle-outline" | "alert-circle-outline">;
     readonly toggleProps: import("@angular/core").Signal<ToggleInputMetadata>;
     readonly retryButtonProps: import("@angular/core").Signal<Partial<ButtonMetadata>>;
     readonly tokenPreview: import("@angular/core").Signal<string>;

package/lib/components/organisms/organization-view/organization-view.component.d.ts

@@ -53,7 +53,7 @@ export declare class OrganizationViewComponent {
      * `resolvedConfig` mergea con los defaults — `@Input` gana sobre route data.
      */
     config?: OrganizationViewConfig;
-    readonly resolvedConfig: import("@angular/core").Signal<Required<Omit<OrganizationViewConfig, "onOrgCreated" | "onOrgEdited" | "onMemberInvited" | "onOwnershipTransferred" | "onLeftOrg" | "onOrgDeleted">> & Pick<OrganizationViewConfig, "onOrgCreated" | "onOrgEdited" | "onMemberInvited" | "onOwnershipTransferred" | "onLeftOrg" | "onOrgDeleted">>;
+    readonly resolvedConfig: import("@angular/core").Signal<Required<Omit<OrganizationViewConfig, "onOrgEdited" | "onMemberInvited" | "onOwnershipTransferred" | "onLeftOrg" | "onOrgDeleted" | "onOrgCreated">> & Pick<OrganizationViewConfig, "onOrgEdited" | "onMemberInvited" | "onOwnershipTransferred" | "onLeftOrg" | "onOrgDeleted" | "onOrgCreated">>;
     /** Namespace i18n resuelto (capturado para llamadas no-reactivas). */
     private get ns();
     readonly org: import("@angular/core").WritableSignal<Organization>;

package/lib/components/organisms/thread-panel/thread-panel.component.d.ts

@@ -0,0 +1,55 @@
+import { OnInit, OnDestroy } from '@angular/core';
+import { I18nService } from '../../../services/i18n';
+import { Conversation, Message } from '../../../services/chat/types';
+import { MessageBubbleMetadata } from '../../molecules/message-bubble/types';
+import * as i0 from "@angular/core";
+/**
+ * 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"
+ * />
+ */
+export declare class ThreadPanelComponent implements OnInit, OnDestroy {
+    protected i18n: I18nService;
+    private conversationSvc;
+    private chatConfig;
+    private auth;
+    entityType: string;
+    entityId: string;
+    currentUserId: string;
+    title?: string;
+    protected loading: import("@angular/core").WritableSignal<boolean>;
+    protected conv: import("@angular/core").WritableSignal<Conversation>;
+    protected messages: import("@angular/core").WritableSignal<Message[]>;
+    protected typingUsers: import("@angular/core").WritableSignal<string[]>;
+    private msgSub?;
+    private typingSub?;
+    constructor();
+    ngOnInit(): Promise<void>;
+    ngOnDestroy(): void;
+    protected isConvOpen: import("@angular/core").Signal<boolean>;
+    protected loadingText: import("@angular/core").Signal<string>;
+    protected bubbleMessages: import("@angular/core").Signal<MessageBubbleMetadata[]>;
+    protected onSend(body: string): void;
+    protected onReactionClick(event: {
+        msgId: string;
+        token: string;
+    }): void;
+    protected onDeleteMessage(msgId: string): void;
+    protected onReplyTo(_msgId: string): void;
+    private getOrgId;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThreadPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThreadPanelComponent, "val-thread-panel", never, { "entityType": { "alias": "entityType"; "required": false; }; "entityId": { "alias": "entityId"; "required": false; }; "currentUserId": { "alias": "currentUserId"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/templates/page-wrapper/page-wrapper.component.d.ts

@@ -50,7 +50,7 @@ export declare class PageWrapperComponent implements ViewWillEnter, ViewWillLeav
      * Default header configuration (cached to avoid infinite change detection).
      */
     private readonly defaultHeader;
-    headerProps: import("@angular/core").Signal<import("valtech-components").HeaderMetadata | {
+    headerProps: import("@angular/core").Signal<{
         bordered: boolean;
         translucent: boolean;
         toolbar: {
@@ -77,7 +77,7 @@ export declare class PageWrapperComponent implements ViewWillEnter, ViewWillLeav
                 };
             }[];
         };
-    }>;
+    } | import("valtech-components").HeaderMetadata>;
     contentId: import("@angular/core").Signal<string>;
     propsFooter: import("@angular/core").Signal<import("valtech-components").CompanyFooterMetadata>;
     contentMaxWidth: import("@angular/core").Signal<ContainerSize>;