@progress/kendo-angular-conversational-ui 24.0.0-develop.16 → 24.0.0-develop.18

package/chat/chat.component.d.ts

@@ -467,6 +467,8 @@ export declare class ChatComponent implements OnInit, AfterViewInit, OnDestroy {
     private _cachedContextMenuActions;
     private _lastContextMenuActionsReference;
     private _previousMessagesLength;
+    private _previousLastMessageId;
+    private _hasProcessedMessages;
     private _pendingScrollAction;
     private _scrollHandledBeforePaint;
     private _lastNewMessageId;

package/fesm2022/progress-kendo-angular-conversational-ui.mjs

@@ -215,8 +215,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1777884265,
-    version: '24.0.0-develop.16',
+    publishDate: 1777970062,
+    version: '24.0.0-develop.18',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -3050,7 +3050,7 @@ class ScrollAnchorDirective {
         const bottomScrollTop = Math.max(0, container.scrollHeight - container.clientHeight);
         const finalScrollTop = Math.min(targetScrollTop, bottomScrollTop);
         if (finalScrollTop > container.scrollTop) {
-            container.scrollTo({ top: finalScrollTop, behavior: 'smooth' });
+            container.scrollTo({ top: finalScrollTop, behavior: this._endlessMode ? 'auto' : 'smooth' });
         }
         this._thresholdScrollCap = targetScrollTop;
         this._streamingFollow = true;
@@ -9473,6 +9473,8 @@ class ChatComponent {
     _cachedContextMenuActions = [];
     _lastContextMenuActionsReference = null;
     _previousMessagesLength = 0;
+    _previousLastMessageId = null;
+    _hasProcessedMessages = false;
     _pendingScrollAction = null;
     _scrollHandledBeforePaint = false;
     _lastNewMessageId = null;
@@ -9675,7 +9677,7 @@ class ChatComponent {
             this.anchor?.recordScrollHeight();
             this.anchor?.setAriaLive('off');
             const reqStart = Math.max(0, this.startIndex - this.pageSize);
-            this.loadMore.emit({ startIndex: reqStart, endIndex: this.startIndex });
+            this.loadMore.emit({ startIndex: reqStart, endIndex: this.endIndex });
             return;
         }
         const range = this.endlessState.extendUp();
@@ -9705,7 +9707,7 @@ class ChatComponent {
             this.endlessState.isLoading = true;
             this.anchor?.setAriaLive('off');
             const reqEnd = Math.min(this.total, this.endIndex + this.pageSize);
-            this.loadMore.emit({ startIndex: this.endIndex, endIndex: reqEnd });
+            this.loadMore.emit({ startIndex: this.startIndex, endIndex: reqEnd });
             return;
         }
         const range = this.endlessState.extendDown();
@@ -9871,14 +9873,18 @@ class ChatComponent {
         const prevLength = this._previousMessagesLength;
         const hasNoMessages = !messages;
         const hasNoNewMessages = messages && messages.length <= prevLength;
-        const isInitialLoad = prevLength === 0;
-        if (hasNoMessages || hasNoNewMessages || isInitialLoad) {
+        const isInitialLoad = prevLength === 0 && !this._hasProcessedMessages;
+        const lastMessage = messages?.length > 0 ? messages[messages.length - 1] : null;
+        const currentLastId = lastMessage?.id ?? null;
+        const isLastMessageReplaced = messages?.length === prevLength
+            && currentLastId !== this._previousLastMessageId
+            && this._previousLastMessageId !== null && currentLastId !== null;
+        if (hasNoMessages || (hasNoNewMessages && !isLastMessageReplaced) || isInitialLoad) {
             this._pendingScrollAction = null;
             this._lastNewMessageId = null;
             return;
         }
-        const lastMessage = messages[messages.length - 1];
-        this._lastNewMessageId = lastMessage?.id ?? null;
+        this._lastNewMessageId = currentLastId;
         const isAuthor = this.isOwnMessage(lastMessage);
         if (isAuthor) {
             this._pendingScrollAction = 'author';
@@ -9890,7 +9896,7 @@ class ChatComponent {
         }
         const distance = this.anchor.getDistanceFromBottom();
         const threshold = this.anchor.getAutoScrollThresholdPx();
-        const isNearBottom = distance <= threshold || this.anchor.isFollowingThreshold;
+        const isNearBottom = distance <= Math.max(threshold, scrollButtonThreshold);
         this._pendingScrollAction = isNearBottom ? 'receiver' : null;
     }
     getLastNewMessageElement() {
@@ -9928,7 +9934,10 @@ class ChatComponent {
     }
     handleMessagesChange() {
         if (this.scrollMode !== 'endless') {
-            this._previousMessagesLength = this.processedMessages?.length || 0;
+            const msgs = this.processedMessages;
+            this._previousMessagesLength = msgs?.length || 0;
+            this._previousLastMessageId = msgs?.length > 0 ? msgs[msgs.length - 1]?.id ?? null : null;
+            this._hasProcessedMessages = true;
             return;
         }
         const allMessages = this.processedMessages || [];
@@ -9952,6 +9961,8 @@ class ChatComponent {
             this.endlessState.init(allMessages.length, this.pageSize);
         }
         this._previousMessagesLength = allMessages.length;
+        this._previousLastMessageId = allMessages.length > 0 ? allMessages[allMessages.length - 1]?.id ?? null : null;
+        this._hasProcessedMessages = true;
     }
     handleRemoteMessagesChange() {
         const wasLoading = this.endlessState.isLoading;
@@ -9975,7 +9986,7 @@ class ChatComponent {
                 }));
             }
         }
-        else if (isInitialBatch) {
+        else if (isInitialBatch && !this._pendingScrollAction) {
             this.autoScroll = true;
             this.subs.add(this.zone.onStable.pipe(take(1)).subscribe(() => {
                 this.anchor?.scrollToBottom();
@@ -9989,6 +10000,12 @@ class ChatComponent {
             }
         }
         this._previousMessagesLength = currentLength;
+        this._previousLastMessageId = currentLength > 0
+            ? this.processedMessages[currentLength - 1]?.id ?? null
+            : null;
+        if (currentLength > 0) {
+            this._hasProcessedMessages = true;
+        }
     }
     handleRemoteReferencedMessageClick(messageId) {
         const messageEl = this.chatService.messageElementsMap.get(messageId);

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1777884265,
-  "version": "24.0.0-develop.16",
+  "publishDate": 1777970062,
+  "version": "24.0.0-develop.18",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-conversational-ui",
-  "version": "24.0.0-develop.16",
+  "version": "24.0.0-develop.18",
   "description": "Kendo UI for Angular Conversational UI components",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -91,7 +91,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1777884265,
+      "publishDate": 1777970062,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -101,22 +101,22 @@
     "@angular/core": "19 - 21",
     "@angular/platform-browser": "19 - 21",
     "@progress/kendo-licensing": "^1.11.0",
-    "@progress/kendo-angular-buttons": "24.0.0-develop.16",
-    "@progress/kendo-angular-inputs": "24.0.0-develop.16",
-    "@progress/kendo-angular-layout": "24.0.0-develop.16",
-    "@progress/kendo-angular-icons": "24.0.0-develop.16",
-    "@progress/kendo-angular-common": "24.0.0-develop.16",
-    "@progress/kendo-angular-intl": "24.0.0-develop.16",
-    "@progress/kendo-angular-l10n": "24.0.0-develop.16",
-    "@progress/kendo-angular-menu": "24.0.0-develop.16",
-    "@progress/kendo-angular-popup": "24.0.0-develop.16",
-    "@progress/kendo-angular-toolbar": "24.0.0-develop.16",
-    "@progress/kendo-angular-upload": "24.0.0-develop.16",
+    "@progress/kendo-angular-buttons": "24.0.0-develop.18",
+    "@progress/kendo-angular-inputs": "24.0.0-develop.18",
+    "@progress/kendo-angular-layout": "24.0.0-develop.18",
+    "@progress/kendo-angular-icons": "24.0.0-develop.18",
+    "@progress/kendo-angular-common": "24.0.0-develop.18",
+    "@progress/kendo-angular-intl": "24.0.0-develop.18",
+    "@progress/kendo-angular-l10n": "24.0.0-develop.18",
+    "@progress/kendo-angular-menu": "24.0.0-develop.18",
+    "@progress/kendo-angular-popup": "24.0.0-develop.18",
+    "@progress/kendo-angular-toolbar": "24.0.0-develop.18",
+    "@progress/kendo-angular-upload": "24.0.0-develop.18",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "24.0.0-develop.16"
+    "@progress/kendo-angular-schematics": "24.0.0-develop.18"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-conversational-ui.mjs",