@cdevhub/ngx-chat 1.0.6 → 1.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdevhub/ngx-chat",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "A pure presentational Angular 21 library for building chat interfaces",
   "publishConfig": {
     "access": "public"

package/types/cdevhub-ngx-chat.d.ts

@@ -1859,6 +1859,16 @@ declare class ChatComponent {
         readonly theme?: ChatTheme | undefined;
         readonly direction?: ChatDirection | undefined;
     } | undefined>;
+    /**
+     * Whether there are more messages to load.
+     * When true, enables "load more" functionality at scroll top.
+     */
+    readonly hasMore: _angular_core.InputSignal<boolean>;
+    /**
+     * Whether more messages are currently being loaded.
+     * Shows loading indicator and prevents duplicate load requests.
+     */
+    readonly loadingMore: _angular_core.InputSignal<boolean>;
     /**
      * Emitted when the user sends a message.
      * Parent should add the message to state and send to server.
@@ -1964,7 +1974,7 @@ declare class ChatComponent {
      */
     onTyping(event: ChatTypingEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChatComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChatComponent, "ngx-chat", never, { "messages": { "alias": "messages"; "required": false; "isSignal": true; }; "isTyping": { "alias": "isTyping"; "required": false; "isSignal": true; }; "typingLabel": { "alias": "typingLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; }, { "send": "send"; "typing": "typing"; "action": "action"; "retry": "retry"; "loadMore": "loadMore"; "attachmentClick": "attachmentClick"; }, ["headerContent"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChatComponent, "ngx-chat", never, { "messages": { "alias": "messages"; "required": false; "isSignal": true; }; "isTyping": { "alias": "isTyping"; "required": false; "isSignal": true; }; "typingLabel": { "alias": "typingLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "hasMore": { "alias": "hasMore"; "required": false; "isSignal": true; }; "loadingMore": { "alias": "loadingMore"; "required": false; "isSignal": true; }; }, { "send": "send"; "typing": "typing"; "action": "action"; "retry": "retry"; "loadMore": "loadMore"; "attachmentClick": "attachmentClick"; }, ["headerContent"], never, true, never>;
 }
 
 /**
@@ -2238,7 +2248,131 @@ declare class ChatMessagesComponent implements OnDestroy {
      * Optional configuration override.
      * If not provided, uses global configuration.
      */
-    readonly config: _angular_core.InputSignal<Partial<ChatConfig> | undefined>;
+    readonly config: _angular_core.InputSignal<{
+        readonly behavior?: {
+            readonly sendOnEnter?: boolean | undefined;
+            readonly showTimestamps?: boolean | undefined;
+            readonly timestampFormat?: {
+                localeMatcher?: "best fit" | "lookup" | undefined | undefined;
+                weekday?: "long" | "short" | "narrow" | undefined | undefined;
+                era?: "long" | "short" | "narrow" | undefined | undefined;
+                year?: "numeric" | "2-digit" | undefined | undefined;
+                month?: "numeric" | "2-digit" | "long" | "short" | "narrow" | undefined | undefined;
+                day?: "numeric" | "2-digit" | undefined | undefined;
+                hour?: "numeric" | "2-digit" | undefined | undefined;
+                minute?: "numeric" | "2-digit" | undefined | undefined;
+                second?: "numeric" | "2-digit" | undefined | undefined;
+                timeZoneName?: "short" | "long" | "shortOffset" | "longOffset" | "shortGeneric" | "longGeneric" | undefined | undefined;
+                formatMatcher?: "best fit" | "basic" | undefined | undefined;
+                hour12?: boolean | undefined | undefined;
+                timeZone?: string | undefined | undefined;
+                calendar?: string | undefined | undefined;
+                dayPeriod?: "narrow" | "short" | "long" | undefined | undefined;
+                numberingSystem?: string | undefined | undefined;
+                dateStyle?: "full" | "long" | "medium" | "short" | undefined | undefined;
+                timeStyle?: "full" | "long" | "medium" | "short" | undefined | undefined;
+                hourCycle?: "h11" | "h12" | "h23" | "h24" | undefined | undefined;
+                fractionalSecondDigits?: 1 | 2 | 3 | undefined | undefined;
+            } | undefined;
+            readonly autoScroll?: boolean | undefined;
+            readonly groupMessages?: boolean | undefined;
+            readonly groupTimeThreshold?: number | undefined;
+            readonly sendCooldown?: number | undefined;
+            readonly typingDebounce?: number | undefined;
+            readonly scrollNearBottomThreshold?: number | undefined;
+            readonly showSenderName?: boolean | undefined;
+            readonly showAvatar?: boolean | undefined;
+            readonly avatarPosition?: "top" | "bottom" | undefined;
+        } | undefined;
+        readonly validation?: {
+            readonly minMessageLength?: number | undefined;
+            readonly maxMessageLength?: number | undefined;
+            readonly forbiddenPatterns?: readonly ({
+                exec?: {} | undefined;
+                test?: {} | undefined;
+                readonly source?: string | undefined;
+                readonly global?: boolean | undefined;
+                readonly ignoreCase?: boolean | undefined;
+                readonly multiline?: boolean | undefined;
+                lastIndex?: number | undefined;
+                compile?: {} | undefined;
+                readonly flags?: string | undefined;
+                readonly sticky?: boolean | undefined;
+                readonly unicode?: boolean | undefined;
+                readonly dotAll?: boolean | undefined;
+                readonly hasIndices?: boolean | undefined;
+                [Symbol.match]?: {} | undefined;
+                [Symbol.replace]?: {} | undefined;
+                [Symbol.search]?: {} | undefined;
+                [Symbol.split]?: {} | undefined;
+                [Symbol.matchAll]?: {} | undefined;
+            } | undefined)[] | undefined;
+            readonly sanitize?: boolean | undefined;
+            readonly trimWhitespace?: boolean | undefined;
+            readonly allowEmptyContent?: boolean | undefined;
+            readonly maxWordLength?: number | undefined;
+            readonly normalizeUnicode?: boolean | undefined;
+            readonly stripInvisibleChars?: boolean | undefined;
+        } | undefined;
+        readonly markdown?: {
+            readonly enabled?: boolean | undefined;
+            readonly syntaxHighlighting?: boolean | undefined;
+            readonly sanitizeLinks?: boolean | undefined;
+            readonly externalLinksNewTab?: boolean | undefined;
+            readonly allowedTags?: readonly (string | undefined)[] | undefined;
+            readonly allowedAttributes?: {
+                readonly [x: string]: readonly (string | undefined)[] | undefined;
+            } | undefined;
+            readonly breaks?: boolean | undefined;
+            readonly linkify?: boolean | undefined;
+        } | undefined;
+        readonly attachments?: {
+            readonly enabled?: boolean | undefined;
+            readonly maxFileSize?: number | undefined;
+            readonly maxFilesPerMessage?: number | undefined;
+            readonly allowedMimeTypes?: readonly (string | undefined)[] | undefined;
+            readonly blockedMimeTypes?: readonly (string | undefined)[] | undefined;
+            readonly imageCompression?: boolean | undefined;
+            readonly imageCompressionQuality?: number | undefined;
+            readonly maxImageDimensions?: {
+                readonly width?: number | undefined;
+                readonly height?: number | undefined;
+            } | undefined;
+            readonly thumbnailSize?: {
+                readonly width?: number | undefined;
+                readonly height?: number | undefined;
+            } | undefined;
+            readonly dragAndDrop?: boolean | undefined;
+            readonly pasteFromClipboard?: boolean | undefined;
+        } | undefined;
+        readonly virtualScroll?: {
+            readonly enabled?: boolean | undefined;
+            readonly threshold?: number | undefined;
+            readonly defaultItemHeight?: number | undefined;
+            readonly bufferSize?: number | undefined;
+            readonly cacheItemHeights?: boolean | undefined;
+        } | undefined;
+        readonly errorRecovery?: {
+            readonly autoRetry?: boolean | undefined;
+            readonly maxRetries?: number | undefined;
+            readonly retryDelay?: number | undefined;
+            readonly exponentialBackoff?: boolean | undefined;
+            readonly maxRetryDelay?: number | undefined;
+            readonly offlineQueue?: boolean | undefined;
+            readonly maxQueueSize?: number | undefined;
+        } | undefined;
+        readonly keyboard?: {
+            readonly sendOnEnter?: boolean | undefined;
+            readonly sendOnCtrlEnter?: boolean | undefined;
+            readonly escToClear?: boolean | undefined;
+            readonly escToCancelAction?: boolean | undefined;
+            readonly arrowKeysForActions?: boolean | undefined;
+            readonly upToEditLast?: boolean | undefined;
+            readonly focusTrap?: boolean | undefined;
+        } | undefined;
+        readonly theme?: _cdevhub_ngx_chat.ChatTheme | undefined;
+        readonly direction?: _cdevhub_ngx_chat.ChatDirection | undefined;
+    } | undefined>;
     /**
      * Emitted when the user scrolls near the top to load more messages.
      * The parent should fetch older messages and prepend to the list.
@@ -2425,7 +2559,131 @@ declare class ChatMessageBubbleComponent {
      * Optional configuration override.
      * If not provided, uses global configuration.
      */
-    readonly config: _angular_core.InputSignal<Partial<ChatConfig> | undefined>;
+    readonly config: _angular_core.InputSignal<{
+        readonly behavior?: {
+            readonly sendOnEnter?: boolean | undefined;
+            readonly showTimestamps?: boolean | undefined;
+            readonly timestampFormat?: {
+                localeMatcher?: "best fit" | "lookup" | undefined | undefined;
+                weekday?: "long" | "short" | "narrow" | undefined | undefined;
+                era?: "long" | "short" | "narrow" | undefined | undefined;
+                year?: "numeric" | "2-digit" | undefined | undefined;
+                month?: "numeric" | "2-digit" | "long" | "short" | "narrow" | undefined | undefined;
+                day?: "numeric" | "2-digit" | undefined | undefined;
+                hour?: "numeric" | "2-digit" | undefined | undefined;
+                minute?: "numeric" | "2-digit" | undefined | undefined;
+                second?: "numeric" | "2-digit" | undefined | undefined;
+                timeZoneName?: "short" | "long" | "shortOffset" | "longOffset" | "shortGeneric" | "longGeneric" | undefined | undefined;
+                formatMatcher?: "best fit" | "basic" | undefined | undefined;
+                hour12?: boolean | undefined | undefined;
+                timeZone?: string | undefined | undefined;
+                calendar?: string | undefined | undefined;
+                dayPeriod?: "narrow" | "short" | "long" | undefined | undefined;
+                numberingSystem?: string | undefined | undefined;
+                dateStyle?: "full" | "long" | "medium" | "short" | undefined | undefined;
+                timeStyle?: "full" | "long" | "medium" | "short" | undefined | undefined;
+                hourCycle?: "h11" | "h12" | "h23" | "h24" | undefined | undefined;
+                fractionalSecondDigits?: 1 | 2 | 3 | undefined | undefined;
+            } | undefined;
+            readonly autoScroll?: boolean | undefined;
+            readonly groupMessages?: boolean | undefined;
+            readonly groupTimeThreshold?: number | undefined;
+            readonly sendCooldown?: number | undefined;
+            readonly typingDebounce?: number | undefined;
+            readonly scrollNearBottomThreshold?: number | undefined;
+            readonly showSenderName?: boolean | undefined;
+            readonly showAvatar?: boolean | undefined;
+            readonly avatarPosition?: "top" | "bottom" | undefined;
+        } | undefined;
+        readonly validation?: {
+            readonly minMessageLength?: number | undefined;
+            readonly maxMessageLength?: number | undefined;
+            readonly forbiddenPatterns?: readonly ({
+                exec?: {} | undefined;
+                test?: {} | undefined;
+                readonly source?: string | undefined;
+                readonly global?: boolean | undefined;
+                readonly ignoreCase?: boolean | undefined;
+                readonly multiline?: boolean | undefined;
+                lastIndex?: number | undefined;
+                compile?: {} | undefined;
+                readonly flags?: string | undefined;
+                readonly sticky?: boolean | undefined;
+                readonly unicode?: boolean | undefined;
+                readonly dotAll?: boolean | undefined;
+                readonly hasIndices?: boolean | undefined;
+                [Symbol.match]?: {} | undefined;
+                [Symbol.replace]?: {} | undefined;
+                [Symbol.search]?: {} | undefined;
+                [Symbol.split]?: {} | undefined;
+                [Symbol.matchAll]?: {} | undefined;
+            } | undefined)[] | undefined;
+            readonly sanitize?: boolean | undefined;
+            readonly trimWhitespace?: boolean | undefined;
+            readonly allowEmptyContent?: boolean | undefined;
+            readonly maxWordLength?: number | undefined;
+            readonly normalizeUnicode?: boolean | undefined;
+            readonly stripInvisibleChars?: boolean | undefined;
+        } | undefined;
+        readonly markdown?: {
+            readonly enabled?: boolean | undefined;
+            readonly syntaxHighlighting?: boolean | undefined;
+            readonly sanitizeLinks?: boolean | undefined;
+            readonly externalLinksNewTab?: boolean | undefined;
+            readonly allowedTags?: readonly (string | undefined)[] | undefined;
+            readonly allowedAttributes?: {
+                readonly [x: string]: readonly (string | undefined)[] | undefined;
+            } | undefined;
+            readonly breaks?: boolean | undefined;
+            readonly linkify?: boolean | undefined;
+        } | undefined;
+        readonly attachments?: {
+            readonly enabled?: boolean | undefined;
+            readonly maxFileSize?: number | undefined;
+            readonly maxFilesPerMessage?: number | undefined;
+            readonly allowedMimeTypes?: readonly (string | undefined)[] | undefined;
+            readonly blockedMimeTypes?: readonly (string | undefined)[] | undefined;
+            readonly imageCompression?: boolean | undefined;
+            readonly imageCompressionQuality?: number | undefined;
+            readonly maxImageDimensions?: {
+                readonly width?: number | undefined;
+                readonly height?: number | undefined;
+            } | undefined;
+            readonly thumbnailSize?: {
+                readonly width?: number | undefined;
+                readonly height?: number | undefined;
+            } | undefined;
+            readonly dragAndDrop?: boolean | undefined;
+            readonly pasteFromClipboard?: boolean | undefined;
+        } | undefined;
+        readonly virtualScroll?: {
+            readonly enabled?: boolean | undefined;
+            readonly threshold?: number | undefined;
+            readonly defaultItemHeight?: number | undefined;
+            readonly bufferSize?: number | undefined;
+            readonly cacheItemHeights?: boolean | undefined;
+        } | undefined;
+        readonly errorRecovery?: {
+            readonly autoRetry?: boolean | undefined;
+            readonly maxRetries?: number | undefined;
+            readonly retryDelay?: number | undefined;
+            readonly exponentialBackoff?: boolean | undefined;
+            readonly maxRetryDelay?: number | undefined;
+            readonly offlineQueue?: boolean | undefined;
+            readonly maxQueueSize?: number | undefined;
+        } | undefined;
+        readonly keyboard?: {
+            readonly sendOnEnter?: boolean | undefined;
+            readonly sendOnCtrlEnter?: boolean | undefined;
+            readonly escToClear?: boolean | undefined;
+            readonly escToCancelAction?: boolean | undefined;
+            readonly arrowKeysForActions?: boolean | undefined;
+            readonly upToEditLast?: boolean | undefined;
+            readonly focusTrap?: boolean | undefined;
+        } | undefined;
+        readonly theme?: _cdevhub_ngx_chat.ChatTheme | undefined;
+        readonly direction?: _cdevhub_ngx_chat.ChatDirection | undefined;
+    } | undefined>;
     /**
      * Merged configuration from input and global config.
      */
@@ -2471,6 +2729,11 @@ declare class ChatMessageBubbleComponent {
      * Emits retry event through ChatEventService.
      */
     onRetry(): void;
+    /**
+     * Handles attachment click.
+     * Forwards to ChatEventService for bubbling up.
+     */
+    onAttachmentClick(event: AttachmentClickEvent): void;
     /**
      * Gets status icon configuration for a message status.
      */
@@ -2513,6 +2776,7 @@ declare class ChatMessageBubbleComponent {
  */
 declare class ChatSenderComponent {
     private readonly configService;
+    private readonly attachmentService;
     private readonly destroyRef;
     /**
      * Reference to the textarea element for auto-resize and focus management.
@@ -2674,7 +2938,11 @@ declare class ChatSenderComponent {
     /**
      * Pending attachments to be sent with the message.
      */
-    readonly pendingAttachments: _angular_core.WritableSignal<PendingAttachmentRef[]>;
+    readonly pendingAttachments: _angular_core.WritableSignal<PendingAttachment[]>;
+    /**
+     * Attachment validation error message.
+     */
+    readonly attachmentError: _angular_core.WritableSignal<string | null>;
     /**
      * Whether the user is currently typing.
      */
@@ -2785,7 +3053,16 @@ declare class ChatSenderComponent {
     /**
      * Adds a pending attachment.
      */
-    addAttachment(attachment: PendingAttachmentRef): void;
+    addAttachment(attachment: PendingAttachment): void;
+    /**
+     * Handles files selected from the attachment picker.
+     * Validates each file and creates pending attachments.
+     */
+    onFilesSelected(files: FileList): void;
+    /**
+     * Handles retry request for a failed attachment.
+     */
+    onRetryAttachment(attachmentId: string): void;
     /**
      * Removes a pending attachment by ID.
      */