@ni/ok-components 1.9.4 → 1.9.6

package/dist/all-components-bundle.min.js

@@ -17875,18 +17875,20 @@ const z6=t=>`${Vo(t)}:host{box-sizing:border-box;}*{box-sizing:border-box;}:host
 class q6{constructor(t,e){this.isScrollAnchor=!1,this.host=t,this.anchorOnInsert=e?.anchorOnInsert??!1}get slot(){return this.slotName}set slot(t){t!==this.slotName&&(this.slotName=t,void 0===t?this.host.removeAttribute("slot"):this.host.setAttribute("slot",t))}static elementHasMessageInternals(t){return t.messageInternals instanceof q6}}t([k],q6.prototype,"isScrollAnchor",void 0)
 class j6{get isActive(){return void 0!==this.resizeObserver}constructor(t){this.conversation=t,this.autoScrollEngaged=!0,this.anchorActive=!1,this.scrollUpdatePending=!1,this.pendingAnchorInsert=!1,this.previousMessages=[],this.onScroll=()=>{const t=this.conversation.messagesContainer
 if(void 0!==this.programmaticScrollTarget){const e=Math.abs(t.scrollTop-this.programmaticScrollTarget)<=1,n=this.getDistanceFromBottom()<=10
-return void((e||n)&&(this.programmaticScrollTarget=void 0))}this.autoScrollEngaged=this.getDistanceFromBottom()<=10},this.conversationNotifier=C.getNotifier(this.conversation)}connect(){this.autoScrollEngaged=!0,this.previousMessages=this.getOrderedMessages(),this.conversationNotifier.subscribe(this,"slottedMessages"),this.conversationNotifier.subscribe(this,"slottedHistoryMessages"),this.conversation.messagesContainer.addEventListener("scroll",this.onScroll,{passive:!0}),this.resizeObserver=new ResizeObserver(()=>{this.onContentSizeChanged()}),this.resizeObserver.observe(this.conversation.anchoredContainer),this.resizeObserver.observe(this.conversation.messagesContainer),this.repartition(this.previousMessages)}disconnect(){this.conversationNotifier.unsubscribe(this,"slottedMessages"),this.conversationNotifier.unsubscribe(this,"slottedHistoryMessages"),this.conversation.messagesContainer.removeEventListener("scroll",this.onScroll),this.resizeObserver?.disconnect(),this.resizeObserver=void 0,this.setScrollAnchorMessage(void 0),this.clearSlotAssignments(),this.anchorActive=!1,this.previousMessages=[]}handleChange(t,e){t!==this.conversation||"slottedMessages"!==e&&"slottedHistoryMessages"!==e||this.onMessagesChanged()}onMessagesChanged(){const t=this.getOrderedMessages(),e=new Set(this.previousMessages),n=t.filter(t=>!e.has(t))
-if(this.previousMessages=t,this.repartition(t),0===n.length)return
-const i=n.some(t=>t.messageInternals.anchorOnInsert)
-this.scheduleScrollUpdate(i)}repartition(t){const e=this.findLatestAnchorIndex(t)
-t.forEach((t,n)=>{t.messageInternals.slot=e>=0&&n<e?"history":void 0}),this.anchorActive=e>=0}clearSlotAssignments(){for(const t of this.getOrderedMessages())t.messageInternals.slot=void 0}scheduleScrollUpdate(t){this.pendingAnchorInsert=this.pendingAnchorInsert||t,this.scrollUpdatePending||(this.scrollUpdatePending=!0,requestAnimationFrame(()=>{this.scrollUpdatePending=!1
+return void((e||n)&&(this.programmaticScrollTarget=void 0))}this.autoScrollEngaged=this.getDistanceFromBottom()<=10},this.conversationNotifier=C.getNotifier(this.conversation)}connect(){this.autoScrollEngaged=!0,this.previousMessages=this.getOrderedMessages(),this.conversationNotifier.subscribe(this,"slottedMessages"),this.conversationNotifier.subscribe(this,"slottedHistoryMessages"),this.conversation.messagesContainer.addEventListener("scroll",this.onScroll,{passive:!0}),this.resizeObserver=new ResizeObserver(()=>{this.onContentSizeChanged()}),this.resizeObserver.observe(this.conversation.anchoredContainer),this.resizeObserver.observe(this.conversation.messagesContainer),this.repartition(this.previousMessages)}disconnect(){this.conversationNotifier.unsubscribe(this,"slottedMessages"),this.conversationNotifier.unsubscribe(this,"slottedHistoryMessages"),this.conversation.messagesContainer.removeEventListener("scroll",this.onScroll),this.resizeObserver?.disconnect(),this.resizeObserver=void 0,this.setScrollAnchorMessage(void 0),this.clearSlotAssignments(),this.anchorActive=!1,this.previousMessages=[]}handleChange(t,e){t!==this.conversation||"slottedMessages"!==e&&"slottedHistoryMessages"!==e||this.onMessagesChanged()}smoothScrollTo(t){const e=this.conversation.messagesContainer
+if(Math.abs(e.scrollTop-t)<=1)return this.programmaticScrollTarget=void 0,void(e.scrollTop=t)
+this.programmaticScrollTarget=t,e.scrollTo({top:t,behavior:"smooth"})}instantScrollTo(t){this.conversation.messagesContainer.scrollTop=t}onMessagesChanged(){const t=this.getOrderedMessages(),e=0===this.previousMessages.length,n=new Set(this.previousMessages),i=t.filter(t=>!n.has(t))
+if(this.previousMessages=t,this.repartition(t),0===i.length)return
+const o=i.some(t=>t.messageInternals.anchorOnInsert)
+this.scheduleScrollUpdate(o,e)}repartition(t){const e=this.findLatestAnchorIndex(t)
+t.forEach((t,n)=>{t.messageInternals.slot=e>=0&&n<e?"history":void 0}),this.anchorActive=e>=0}clearSlotAssignments(){for(const t of this.getOrderedMessages())t.messageInternals.slot=void 0}scheduleScrollUpdate(t,e){if(this.pendingAnchorInsert=this.pendingAnchorInsert||t,this.scrollUpdatePending)return
+const n=!e
+this.scrollUpdatePending=!0,requestAnimationFrame(()=>{this.scrollUpdatePending=!1
 const t=this.pendingAnchorInsert
-this.pendingAnchorInsert=!1,t?this.anchorToLastInsertedMessage():this.autoScrollEngaged&&this.followContent()}))}anchorToLastInsertedMessage(){const t=this.getLastAnchorMessage()
-void 0!==t&&(this.setScrollAnchorMessage(t),this.autoScrollEngaged=!0,this.smoothScrollTo(this.getMaxScrollTop()))}followContent(){this.instantScrollTo(this.getMaxScrollTop())}onContentSizeChanged(){this.pendingAnchorInsert||void 0!==this.programmaticScrollTarget||this.autoScrollEngaged&&this.followContent()}getDistanceFromBottom(){const{scrollTop:t,scrollHeight:e,clientHeight:n}=this.conversation.messagesContainer
+this.pendingAnchorInsert=!1,t?this.anchorToLastInsertedMessage(n):this.autoScrollEngaged&&this.followContent()})}anchorToLastInsertedMessage(t){const e=this.getLastAnchorMessage()
+void 0!==e&&(this.setScrollAnchorMessage(e),this.autoScrollEngaged=!0,t?this.smoothScrollTo(this.getMaxScrollTop()):this.instantScrollTo(this.getMaxScrollTop()))}followContent(){this.instantScrollTo(this.getMaxScrollTop())}onContentSizeChanged(){this.pendingAnchorInsert||void 0!==this.programmaticScrollTarget||this.autoScrollEngaged&&this.followContent()}getDistanceFromBottom(){const{scrollTop:t,scrollHeight:e,clientHeight:n}=this.conversation.messagesContainer
 return e-t-n}getMaxScrollTop(){const{scrollHeight:t,clientHeight:e}=this.conversation.messagesContainer
-return Math.max(0,t-e)}smoothScrollTo(t){const e=this.conversation.messagesContainer
-if(Math.abs(e.scrollTop-t)<=1)return this.programmaticScrollTarget=void 0,void(e.scrollTop=t)
-this.programmaticScrollTarget=t,e.scrollTo({top:t,behavior:"smooth"})}instantScrollTo(t){this.conversation.messagesContainer.scrollTop=t}setScrollAnchorMessage(t){this.scrollAnchorMessage!==t&&(void 0!==this.scrollAnchorMessage&&(this.scrollAnchorMessage.messageInternals.isScrollAnchor=!1),this.scrollAnchorMessage=t,void 0!==t&&(t.messageInternals.isScrollAnchor=!0))}getLastAnchorMessage(){const t=this.getOrderedMessages(),e=this.findLatestAnchorIndex(t)
+return Math.max(0,t-e)}setScrollAnchorMessage(t){this.scrollAnchorMessage!==t&&(void 0!==this.scrollAnchorMessage&&(this.scrollAnchorMessage.messageInternals.isScrollAnchor=!1),this.scrollAnchorMessage=t,void 0!==t&&(t.messageInternals.isScrollAnchor=!0))}getLastAnchorMessage(){const t=this.getOrderedMessages(),e=this.findLatestAnchorIndex(t)
 return e>=0?t[e]:void 0}findLatestAnchorIndex(t){for(let e=t.length-1;e>=0;e--){const n=t[e]
 if(n?.messageInternals.anchorOnInsert)return e}return-1}getOrderedMessages(){const t=[]
 for(const e of Array.from(this.conversation.children))q6.elementHasMessageInternals(e)&&t.push(e)