@ni/ok-components 1.9.5 → 1.9.6

package/dist/all-components-bundle.js

@@ -103909,8 +103909,30 @@ focus outline in that case.
               this.onMessagesChanged();
           }
       }
+      /** @internal */
+      smoothScrollTo(scrollTop) {
+          const container = this.conversation.messagesContainer;
+          if (Math.abs(container.scrollTop - scrollTop) <= 1) {
+              // No movement is needed, so `scrollTo` would not emit a scroll event
+              // to clear the programmatic guard. Snap to the exact target and
+              // leave the guard clear so streamed content keeps being followed.
+              this.programmaticScrollTarget = undefined;
+              container.scrollTop = scrollTop;
+              return;
+          }
+          this.programmaticScrollTarget = scrollTop;
+          container.scrollTo({
+              top: scrollTop,
+              behavior: 'smooth'
+          });
+      }
+      /** @internal */
+      instantScrollTo(scrollTop) {
+          this.conversation.messagesContainer.scrollTop = scrollTop;
+      }
       onMessagesChanged() {
           const current = this.getOrderedMessages();
+          const isInitialContent = this.previousMessages.length === 0;
           const previousSet = new Set(this.previousMessages);
           const addedMessages = current.filter(message => !previousSet.has(message));
           this.previousMessages = current;
@@ -103919,7 +103941,7 @@ focus outline in that case.
               return;
           }
           const hasAnchorMessage = addedMessages.some(message => message.messageInternals.anchorOnInsert);
-          this.scheduleScrollUpdate(hasAnchorMessage);
+          this.scheduleScrollUpdate(hasAnchorMessage, isInitialContent);
       }
       repartition(messages) {
           const anchorIndex = this.findLatestAnchorIndex(messages);
@@ -103935,18 +103957,19 @@ focus outline in that case.
               message.messageInternals.slot = undefined;
           }
       }
-      scheduleScrollUpdate(hasAnchorMessage) {
+      scheduleScrollUpdate(hasAnchorMessage, isInitialContent) {
           this.pendingAnchorInsert = this.pendingAnchorInsert || hasAnchorMessage;
           if (this.scrollUpdatePending) {
               return;
           }
+          const shouldAnimate = !isInitialContent;
           this.scrollUpdatePending = true;
           requestAnimationFrame(() => {
               this.scrollUpdatePending = false;
               const anchorInsert = this.pendingAnchorInsert;
               this.pendingAnchorInsert = false;
               if (anchorInsert) {
-                  this.anchorToLastInsertedMessage();
+                  this.anchorToLastInsertedMessage(shouldAnimate);
               }
               else if (this.autoScrollEngaged) {
                   this.followContent();
@@ -103957,14 +103980,19 @@ focus outline in that case.
        * Pins the most recently inserted anchor message near the top of the
        * viewport.
        */
-      anchorToLastInsertedMessage() {
+      anchorToLastInsertedMessage(animate) {
           const message = this.getLastAnchorMessage();
           if (message === undefined) {
               return;
           }
           this.setScrollAnchorMessage(message);
           this.autoScrollEngaged = true;
-          this.smoothScrollTo(this.getMaxScrollTop());
+          if (animate) {
+              this.smoothScrollTo(this.getMaxScrollTop());
+          }
+          else {
+              this.instantScrollTo(this.getMaxScrollTop());
+          }
       }
       followContent() {
           this.instantScrollTo(this.getMaxScrollTop());
@@ -103989,25 +104017,6 @@ focus outline in that case.
           const { scrollHeight, clientHeight } = this.conversation.messagesContainer;
           return Math.max(0, scrollHeight - clientHeight);
       }
-      smoothScrollTo(scrollTop) {
-          const container = this.conversation.messagesContainer;
-          if (Math.abs(container.scrollTop - scrollTop) <= 1) {
-              // No movement is needed, so `scrollTo` would not emit a scroll event
-              // to clear the programmatic guard. Snap to the exact target and
-              // leave the guard clear so streamed content keeps being followed.
-              this.programmaticScrollTarget = undefined;
-              container.scrollTop = scrollTop;
-              return;
-          }
-          this.programmaticScrollTarget = scrollTop;
-          container.scrollTo({
-              top: scrollTop,
-              behavior: 'smooth'
-          });
-      }
-      instantScrollTo(scrollTop) {
-          this.conversation.messagesContainer.scrollTop = scrollTop;
-      }
       setScrollAnchorMessage(message) {
           if (this.scrollAnchorMessage === message) {
               return;