@ni/ok-components 0.2.12 → 0.2.14

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

@@ -12374,14 +12374,12 @@ const t=this.hierarchyOptions.get(n)?.delayedHierarchyState,o=i.delayedHierarchy
 t!==UL||o!==HL||this.parentRowsWithChildren.has(n)||this.explicitExpansionStates.delete(n)}this.hierarchyOptions=e}isRowExpandable(t){return t.subRows.length>0||this.canLoadDelayedChildren(t.id)}setHierarchyEnabled(t){this.isHierarchyEnabled=t}isLoadingChildren(t){return!!this.isHierarchyEnabled&&this.hierarchyOptions.get(t)?.delayedHierarchyState===UL}canLoadDelayedChildren(t){if(!this.isHierarchyEnabled)return!1
 const e=this.hierarchyOptions.get(t)?.delayedHierarchyState
 return e!==VL}getDefaultExpansionState(t){return 0!==t.subRows.length}}class vP extends yD{isValid(){return this.noneTracked()}getValidationFlags(){return this.getTrackedItems()}}class bP extends vP{constructor(t){super(t),this.isColumnValid=!0}getValidity(){return this.getValidationFlags()}onTrackingChange(){super.onTrackingChange(),this.isColumnValid=this.isValid()}setConditionValue(t,e){e?this.track(t):this.untrack(t)}}t([C],bP.prototype,"isColumnValid",void 0)
-class yP{get inNavigationMode(){return this.focusType!==iB&&this.focusType!==oB}constructor(t,e){this.table=t,this.virtualizer=e,this.focusType=XL,this.headerActionIndex=-1,this.rowIndex=-1,this.cellContentIndex=-1,this.columnIndex=-1,this.focusWithinTable=!1,this.isCurrentlyFocusingElement=!1,this.visibleRowNotifiers=[],this.onTableFocusIn=t=>{this.focusWithinTable=!0,this.updateFocusStateFromActiveElement(!1)
-const e=void 0!==this.table.openActionMenuRecordId
-if((t.target===this.table||this.focusType===XL)&&!e){let t=!0
-this.hasRowOrCellFocusType()&&this.scrollToAndFocusRow(this.rowIndex)&&(t=!1),t&&!this.setFocusOnHeader()&&this.table.blur()}},this.onTableFocusOut=()=>{this.focusWithinTable=!1},this.onCellActionMenuBlur=t=>{t.stopPropagation()
+class yP{get inNavigationMode(){return this.focusType!==iB&&this.focusType!==oB}constructor(t,e){this.table=t,this.virtualizer=e,this.focusType=XL,this.headerActionIndex=-1,this.rowIndex=-1,this.cellContentIndex=-1,this.columnIndex=-1,this.focusWithinTable=!1,this.isCurrentlyFocusingElement=!1,this.focusedViaPointer=!1,this.visibleRowNotifiers=[],this.onTableFocusIn=t=>{this.focusWithinTable=!0,this.updateFocusStateFromActiveElement()
+void 0!==this.table.openActionMenuRecordId||(this.focusType===XL?this.focusSomethingOtherThanTheTable():t.target===this.table&&(this.hasRowOrCellFocusType()&&this.rowIndexIsValid(this.rowIndex)?this.scrollToAndFocusRow(this.rowIndex):this.hasHeaderFocusType()?this.focusHeaderElement():this.focusSomethingOtherThanTheTable())),this.focusedViaPointer=!1},this.onTableFocusOut=()=>{this.focusWithinTable=!1},this.onCellActionMenuBlur=t=>{t.stopPropagation()
 const e=t.detail
-e.actionMenuButton&&this.setActionMenuButtonFocused(e.actionMenuButton,!1)},this.onCellViewFocusIn=t=>{t.stopPropagation(),this.updateFocusStateFromActiveElement(!1)},this.onCellFocusIn=t=>{t.stopPropagation()
-const e=t.detail
-this.updateFocusStateFromActiveElement(!0),this.focusType===tB&&this.getActiveElement()===e&&this.focusCurrentRow(!1)},this.onCellBlur=t=>{t.stopPropagation()
+e.actionMenuButton&&this.setActionMenuButtonFocused(e.actionMenuButton,!1)},this.onCellViewFocusIn=t=>{t.stopPropagation(),this.updateFocusStateFromActiveElement()},this.onCellFocusIn=t=>{t.stopPropagation()
+const e=t.detail,n=this.updateFocusStateFromActiveElement()
+n&&this.hasRowOrCellFocusType()&&this.rowIndex!==n.resolvedRowIndex&&this.setRowFocusState(n.resolvedRowIndex),this.focusType===tB&&this.getActiveElement()===e&&this.focusCurrentRow(!1)},this.onCellBlur=t=>{t.stopPropagation()
 const e=t.detail
 this.setElementFocusable(e,!1)},this.onCaptureKeyDown=t=>{let e=!1
 if(t.key===pn)e=this.onTabPressed(t.shiftKey)
@@ -12406,10 +12404,10 @@ break
 case un:e=this.onSpacePressed(t.shiftKey)
 break
 case"F2":e=this.onF2Pressed()}e&&t.preventDefault()},this.onKeyDown=t=>{if(!(this.inNavigationMode||t.defaultPrevented||t.key!==an&&"F2"!==t.key)){const t=this.getCurrentRow()
-t&&this.trySetCellFocus(t.getFocusableElements())}},this.onViewportKeyDown=t=>{let e=!this.inNavigationMode&&(t.key===rn||t.key===en)
+t&&this.trySetCellFocus(t.getFocusableElements())}},this.onPointerDown=()=>{this.focusedViaPointer=!0},this.onPointerUpOrCancel=()=>{this.focusedViaPointer=!1},this.onViewportKeyDown=t=>{let e=!this.inNavigationMode&&(t.key===rn||t.key===en)
 switch(t.key){case hn:case dn:case ln:case cn:e=!0}e&&(t.preventDefault(),t.stopImmediatePropagation())},this.tableNotifier=x.getNotifier(this.table),this.tableNotifier.subscribe(this,"rowElements"),this.virtualizerNotifier=x.getNotifier(this.virtualizer),this.virtualizerNotifier.subscribe(this,"visibleItems")}resetFocusState(){this.focusType=XL
 const t=this.getActiveElement()
-t&&this.isInTable(t)&&this.setDefaultFocus()}get hasActiveRowOrCellFocus(){return this.focusWithinTable&&this.hasRowOrCellFocusType()}connect(){this.table.addEventListener("keydown",this.onCaptureKeyDown,{capture:!0}),this.table.addEventListener("keydown",this.onKeyDown),this.table.addEventListener("focusin",this.onTableFocusIn),this.table.addEventListener("focusout",this.onTableFocusOut),this.table.viewport.addEventListener("keydown",this.onViewportKeyDown),this.table.viewport.addEventListener("cell-action-menu-blur",this.onCellActionMenuBlur),this.table.viewport.addEventListener("cell-view-focus-in",this.onCellViewFocusIn),this.table.viewport.addEventListener("cell-focus-in",this.onCellFocusIn),this.table.viewport.addEventListener("cell-blur",this.onCellBlur)}disconnect(){this.table.removeEventListener("keydown",this.onCaptureKeyDown,{capture:!0}),this.table.removeEventListener("keydown",this.onKeyDown),this.table.removeEventListener("focusin",this.onTableFocusIn),this.table.removeEventListener("focusout",this.onTableFocusOut),this.table.viewport.removeEventListener("keydown",this.onViewportKeyDown),this.table.viewport.removeEventListener("cell-action-menu-blur",this.onCellActionMenuBlur),this.table.viewport.removeEventListener("cell-view-focus-in",this.onCellViewFocusIn),this.table.viewport.removeEventListener("cell-focus-in",this.onCellFocusIn),this.table.viewport.removeEventListener("cell-blur",this.onCellBlur)}handleChange(t,e){let n=!1
+t&&this.isInTable(t)&&this.setDefaultFocus()}get hasActiveRowOrCellFocus(){return this.focusWithinTable&&this.hasRowOrCellFocusType()}connect(){this.table.addEventListener("keydown",this.onCaptureKeyDown,{capture:!0}),this.table.addEventListener("keydown",this.onKeyDown),this.table.addEventListener("pointerdown",this.onPointerDown),this.table.addEventListener("pointerup",this.onPointerUpOrCancel),this.table.addEventListener("pointercancel",this.onPointerUpOrCancel),this.table.addEventListener("focusin",this.onTableFocusIn),this.table.addEventListener("focusout",this.onTableFocusOut),this.table.viewport.addEventListener("keydown",this.onViewportKeyDown),this.table.viewport.addEventListener("cell-action-menu-blur",this.onCellActionMenuBlur),this.table.viewport.addEventListener("cell-view-focus-in",this.onCellViewFocusIn),this.table.viewport.addEventListener("cell-focus-in",this.onCellFocusIn),this.table.viewport.addEventListener("cell-blur",this.onCellBlur)}disconnect(){this.table.removeEventListener("keydown",this.onCaptureKeyDown,{capture:!0}),this.table.removeEventListener("keydown",this.onKeyDown),this.table.removeEventListener("pointerdown",this.onPointerDown),this.table.removeEventListener("pointerup",this.onPointerUpOrCancel),this.table.removeEventListener("pointercancel",this.onPointerUpOrCancel),this.table.removeEventListener("focusin",this.onTableFocusIn),this.table.removeEventListener("focusout",this.onTableFocusOut),this.table.viewport.removeEventListener("keydown",this.onViewportKeyDown),this.table.viewport.removeEventListener("cell-action-menu-blur",this.onCellActionMenuBlur),this.table.viewport.removeEventListener("cell-view-focus-in",this.onCellViewFocusIn),this.table.viewport.removeEventListener("cell-focus-in",this.onCellFocusIn),this.table.viewport.removeEventListener("cell-blur",this.onCellBlur)}handleChange(t,e){let n=!1
 if(t===this.virtualizer&&"visibleItems"===e)n=!0
 else if(t===this.table&&"rowElements"===e){for(const t of this.visibleRowNotifiers)t.unsubscribe(this)
 this.visibleRowNotifiers=[]
@@ -12420,7 +12418,7 @@ this.rowIndex=0}this.focusWithinTable&&this.focusCurrentRow(!1)}}onRowFocusIn(t)
 const e=t.target
 this.isResolvedRowType(e)&&this.rowIndex!==e.resolvedRowIndex&&this.setRowFocusState(e.resolvedRowIndex)}onRowBlur(t){const e=t.target
 this.isResolvedRowType(e)&&this.setElementFocusable(e,!1)}onRowActionMenuToggle(t){if(t.detail.newState){const e=t.target,n=this.table.visibleColumns.findIndex((e=>e.columnId===t.detail.columnId))
-this.setCellActionMenuFocusState(e.resolvedRowIndex,n,!1)}}onEnterPressed(t){let e,n
+this.setCellActionMenuFocusState(e.resolvedRowIndex,n,!1)}}focusSomethingOtherThanTheTable(){this.setDefaultFocus(),this.focusType===XL&&this.table.blur()}onEnterPressed(t){let e,n
 if(this.hasRowOrCellFocusType()&&(e=this.getCurrentRow(),n=e?.getFocusableElements()),this.focusType===tB&&e instanceof NB)return this.toggleRowExpanded(e),!0
 if(this.focusType===nB){if(t){const t=n?.cells[this.columnIndex]
 if(t?.actionMenuButton&&!t.actionMenuButton.open)return t.actionMenuButton.toggleButton.control.click(),!0}return this.focusFirstInteractiveElementInCurrentCell(n)}return!1}onF2Pressed(){if(this.focusType===nB){const t=this.getCurrentRow(),e=t?.getFocusableElements()
@@ -12440,7 +12438,7 @@ return this.trySetRowSelectionCheckboxFocus(e)||this.trySetCellFocus(e,0)}return
 return this.trySetCellFocus(e,this.table.visibleColumns.length-1)}return this.onMoveDown(0,this.table.tableData.length-1)}handleHomeEndWithinRow(t){return(this.focusType===nB||this.focusType===eB)&&!t}onTabPressed(t){const e=this.getActiveElement()
 if(null===e||e===this.table)return!1
 const n=this.hasRowOrCellFocusType()?this.getNextRowTabStop(t):this.getNextHeaderTabStop(t)
-return n?(this.focusType=n.focusType,this.rowIndex=n.rowIndex??this.rowIndex,this.columnIndex=n.columnIndex??this.columnIndex,this.headerActionIndex=n.headerActionIndex??this.headerActionIndex,this.cellContentIndex=n.cellContentIndex??this.cellContentIndex,this.hasRowOrCellFocusType()?this.focusCurrentRow(!1):this.focusHeaderElement(),!0):(this.blurAfterLastTab(e),!1)}getNextRowTabStop(t){const e=this.getCurrentRow()
+return n?(this.focusType=n.focusType,this.rowIndex=n.rowIndex??this.rowIndex,this.columnIndex=n.columnIndex??this.columnIndex,this.headerActionIndex=n.headerActionIndex??this.headerActionIndex,this.cellContentIndex=n.cellContentIndex??this.cellContentIndex,this.hasRowOrCellFocusType()?this.focusCurrentRow(!this.focusedViaPointer):this.focusHeaderElement(),!0):(this.blurAfterLastTab(e),!1)}getNextRowTabStop(t){const e=this.getCurrentRow()
 if(void 0===e)return
 let n=-1
 const i=[],o=e.getFocusableElements()
@@ -12465,15 +12463,19 @@ switch(this.focusType){case QL:return this.setRowFocusState(0),this.scrollToAndF
 case JL:return this.setCellFocusState(this.columnIndex,0,!1),this.scrollToAndFocusRow(0)
 case tB:case eB:case nB:{const i={}
 let o=this.rowIndex
-return void 0!==e&&(o=e),o+=t,n&&o>=this.table.tableData.length&&(o=this.table.tableData.length-1),t>1&&(i.align="end"),o>this.rowIndex&&o<this.table.tableData.length&&this.scrollToAndFocusRow(o,i)}}return!1}updateFocusStateFromActiveElement(t){const e=this.getActiveElement()
-if(e){const n=this.getContainingRow(e)
-if(n){if(!(n instanceof NB)){const t=this.getContainingCell(e)
-if(t){const i=this.table.visibleColumns.indexOf(t.column)
-if(t.actionMenuButton===e)return void this.setCellActionMenuFocusState(n.resolvedRowIndex,i,!1)
-const o=t.cellView.tabbableChildren.indexOf(e)
-if(o>-1)return void this.setCellContentFocusState(o,n.resolvedRowIndex,i,!1)}}t&&this.hasRowOrCellFocusType()&&this.rowIndex!==n.resolvedRowIndex&&this.setRowFocusState(n.resolvedRowIndex)}}}focusElement(t,e){const n=this.getActiveElement()
-n!==t&&(this.setElementFocusable(t,!0),this.isCurrentlyFocusingElement=!0,t.focus(e),this.isCurrentlyFocusingElement=!1,n&&this.isInTable(n)&&this.setElementFocusable(n,!1))}setElementFocusable(t,e){t!==this.table&&(t.tabIndex=e?0:-1)}setActionMenuButtonFocused(t,e){e?t.classList.add("cell-action-menu-focused"):t.classList.remove("cell-action-menu-focused")}setFocusOnHeader(){return this.hasHeaderFocusType()?this.focusHeaderElement():(this.setDefaultFocus(),this.focusType!==XL)}setDefaultFocus(){const t=this.getTableHeaderFocusableElements()
-this.trySetHeaderActionFocus(t,0)||this.trySetColumnHeaderFocus(t,0)||this.scrollToAndFocusRow(0)||(this.focusType=XL)}scrollToAndFocusRow(t,e){if(t>=0&&t<this.table.tableData.length){switch(this.focusType){case XL:case QL:case JL:this.setRowFocusState(t)}return this.rowIndex=t,this.virtualizer.scrollToIndex(t,e),this.focusCurrentRow(!0),!0}return!1}focusCurrentRow(t){const e=this.getCurrentRowVisibleIndex()
+return void 0!==e&&(o=e),o+=t,n&&o>=this.table.tableData.length&&(o=this.table.tableData.length-1),t>1&&(i.align="end"),o>this.rowIndex&&o<this.table.tableData.length&&this.scrollToAndFocusRow(o,i)}}return!1}updateFocusStateFromActiveElement(){const{activeElement:t,row:e,cell:n}=this.getActiveElementCellAndRow()
+if(!n)return e
+const i=this.table.visibleColumns.indexOf(n.column)
+if(n.actionMenuButton===t)this.setCellActionMenuFocusState(e.resolvedRowIndex,i,!1)
+else{const o=n.cellView.tabbableChildren.indexOf(t)
+o>-1&&this.setCellContentFocusState(o,e.resolvedRowIndex,i,!1)}return e}getActiveElementCellAndRow(){const t=this.getActiveElement()
+if(!t)return{}
+const e=this.getContainingRow(t)
+if(!e)return{activeElement:t}
+if(e instanceof NB)return{activeElement:t,row:e}
+return{activeElement:t,row:e,cell:this.getContainingCell(t)}}focusElement(t,e){const n=this.getActiveElement()
+n!==t&&(this.setElementFocusable(t,!0),this.isCurrentlyFocusingElement=!0,t.focus(e),this.isCurrentlyFocusingElement=!1,n&&this.isInTable(n)&&this.setElementFocusable(n,!1))}setElementFocusable(t,e){t!==this.table&&(t.tabIndex=e?0:-1)}setActionMenuButtonFocused(t,e){e?t.classList.add("cell-action-menu-focused"):t.classList.remove("cell-action-menu-focused")}setDefaultFocus(){const t=this.getTableHeaderFocusableElements()
+this.trySetHeaderActionFocus(t,0)||this.trySetColumnHeaderFocus(t,0)||this.scrollToAndFocusRow(0)||(this.focusType=XL)}scrollToAndFocusRow(t,e){return!!this.rowIndexIsValid(t)&&(this.hasRowOrCellFocusType()||this.setRowFocusState(),this.rowIndex=t,this.virtualizer.scrollToIndex(t,e),this.focusCurrentRow(!this.focusedViaPointer),!0)}rowIndexIsValid(t){return t>=0&&t<this.table.tableData.length}focusCurrentRow(t){const e=this.getCurrentRowVisibleIndex()
 if(e<0)return!1
 const n=this.table.rowElements[e]
 let i=!1
@@ -12492,7 +12494,7 @@ break}case oB:i=n.cells[this.columnIndex]?.cell.cellView.tabbableChildren[this.c
 let e
 switch(this.focusType){case QL:e=t.headerActions[this.headerActionIndex]
 break
-case JL:e=t.columnHeaders[this.columnIndex]}return!!e&&(this.focusElement(e),!0)}getCurrentRowVisibleIndex(){return this.table.rowElements.findIndex((t=>t.resolvedRowIndex===this.rowIndex))}getTableHeaderFocusableElements(){const t=[]
+case JL:e=t.columnHeaders[this.columnIndex]}return!!e&&(this.focusElement(e,{preventScroll:this.focusedViaPointer}),!0)}getCurrentRowVisibleIndex(){return this.table.rowElements.findIndex((t=>t.resolvedRowIndex===this.rowIndex))}getTableHeaderFocusableElements(){const t=[]
 this.table.selectionCheckbox?.getRootNode()===this.table.shadowRoot&&t.push(this.table.selectionCheckbox),this.table.showCollapseAll&&this.table.collapseAllButton?.getRootNode()===this.table.shadowRoot&&t.push(this.table.collapseAllButton)
 const e=[]
 return this.canFocusColumnHeaders()&&this.table.columnHeadersContainer.querySelectorAll(CB).forEach((t=>e.push(t))),{headerActions:t,columnHeaders:e}}canFocusColumnHeaders(){return void 0!==this.table.columns.find((t=>!t.columnInternals.sortingDisabled))}getCurrentRow(){return this.table.rowElements[this.getCurrentRowVisibleIndex()]}isRowExpanded(t){if(t instanceof TB&&t.isParentRow||t instanceof NB)return t.expanded}toggleRowExpanded(t){t instanceof NB?t.onGroupExpandToggle():t.onRowExpandToggle(),this.focusRowElement(t)}getContainingRow(t){return this.getContainingElement(t,(t=>this.isResolvedRowType(t)))}getContainingCell(t){return this.getContainingElement(t,(t=>t instanceof MB))}getContainingElement(t,e){let n=t
@@ -12502,12 +12504,12 @@ for(;e&&e!==this.table;)e=e.parentElement??e.parentNode?.host
 return e===this.table}getActiveElement(){let t=document.activeElement
 for(;t?.shadowRoot?.activeElement&&(t=t.shadowRoot.activeElement,!(t instanceof Ve)||this.isResolvedRowType(t)||t instanceof MB||t instanceof cB););return t}focusFirstInteractiveElementInCurrentCell(t){return!!t&&(this.trySetCellContentFocus(t,0)||this.trySetCellActionMenuFocus(t))}hasRowOrCellFocusType(){switch(this.focusType){case nB:case iB:case oB:case tB:case eB:return!0
 default:return!1}}hasHeaderFocusType(){switch(this.focusType){case QL:case JL:return!0
-default:return!1}}trySetRowSelectionCheckboxFocus(t){return!!t?.selectionCheckbox&&(this.focusType=eB,this.focusCurrentRow(!0),!0)}trySetColumnHeaderFocus(t,e){return e>=0&&e<t.columnHeaders.length&&(this.focusType=JL,this.columnIndex=e,this.focusHeaderElement(),!0)}trySetHeaderActionFocus(t,e){return e>=0&&e<t.headerActions.length&&(this.focusType=QL,this.headerActionIndex=e,this.focusHeaderElement(),!0)}trySetCellFocus(t,e,n){if(!t)return!1
+default:return!1}}trySetRowSelectionCheckboxFocus(t){return!!t?.selectionCheckbox&&(this.focusType=eB,this.focusCurrentRow(!this.focusedViaPointer),!0)}trySetColumnHeaderFocus(t,e){return e>=0&&e<t.columnHeaders.length&&(this.focusType=JL,this.columnIndex=e,this.focusHeaderElement(),!0)}trySetHeaderActionFocus(t,e){return e>=0&&e<t.headerActions.length&&(this.focusType=QL,this.headerActionIndex=e,this.focusHeaderElement(),!0)}trySetCellFocus(t,e,n){if(!t)return!1
 const i=e??this.columnIndex,o=n??this.rowIndex
 return i>=0&&i<t.cells.length&&(this.focusType=nB,this.setRowCellFocusState(i,o,!0),!0)}trySetCellContentFocus(t,e,n,i){if(!t)return!1
 const o=n??this.columnIndex,r=i??this.rowIndex
 return o>=0&&o<t.cells.length&&e>=0&&e<t.cells[o].cell.cellView.tabbableChildren.length&&(this.setCellContentFocusState(e,r,o,!0),!0)}trySetCellActionMenuFocus(t,e,n){const i=e??this.columnIndex,o=n??this.rowIndex
-return!!(i>=0&&i<t.cells.length&&t.cells[i].actionMenuButton)&&(this.setCellActionMenuFocusState(o,i,!0),!0)}setCellActionMenuFocusState(t,e,n){this.focusType=iB,this.setRowCellFocusState(e,t,n)}setCellContentFocusState(t,e,n,i){this.focusType=oB,this.cellContentIndex=t,this.setRowCellFocusState(n,e,i)}setRowFocusState(t){this.focusType=tB,void 0!==t&&(this.rowIndex=t)}setCellFocusState(t,e,n){this.focusType=nB,this.setRowCellFocusState(t,e,n)}setRowCellFocusState(t,e,n){this.rowIndex=e,this.columnIndex=t,n&&this.focusCurrentRow(!0)}isResolvedRowType(t){return t instanceof TB||t instanceof NB}}let wP=class extends Ve{get validity(){return this.tableValidator.getValidity()}get showRowOperationColumn(){return this.selectionMode===jL.multiple||this.showCollapseAll}get collapseButtonVisibility(){return this.canHaveCollapsibleRows?this.showCollapseAll?"visible":"":"hidden-size-reduced"}get rowHeight(){return this._rowHeight}constructor(){super(),this.selectionMode=jL.none,this.actionMenusPreserveSelection=!1,this.tableData=[],this.columns=[],this.childItems=[],this.rowElements=[],this.canRenderRows=!0,this.scrollX=0,this.selectionState=WL,this.showCollapseAll=!1,this.canHaveCollapsibleRows=!1,this.visibleColumns=[],this.tableScrollableMinWidth=0,this.windowShiftKeyDown=!1,this.tableValidator=new gB,this.tableUpdateTracker=new aP(this),this.columnNotifiers=[],this._rowHeight=0,this.isInitialized=!1,this.ignoreSelectionChangeEvents=!1,this.requestedSlots=new Map,this.borderWidthSubscriber={handleChange:()=>{this.updateRowHeight()}},this.controlHeightSubscriber={handleChange:()=>{this.updateRowHeight()}},this.actionMenuSlots=[],this.onViewPortScroll=t=>{this.scrollX=t.target.scrollLeft},this.onKeyDown=t=>{this.windowShiftKeyDown=t.shiftKey},this.onKeyUp=t=>{this.windowShiftKeyDown=t.shiftKey},this.onBlur=()=>{this.windowShiftKeyDown=!1},this.getRowCanExpand=t=>this.expansionManager.isRowExpandable(t),this.getIsRowExpanded=t=>this.expansionManager.isRowExpanded(t),this.handleRowSelectionChange=t=>{const e=t instanceof Function?t(this.table.getState().rowSelection):t
+return!!(i>=0&&i<t.cells.length&&t.cells[i].actionMenuButton)&&(this.setCellActionMenuFocusState(o,i,!0),!0)}setCellActionMenuFocusState(t,e,n){this.focusType=iB,this.setRowCellFocusState(e,t,n)}setCellContentFocusState(t,e,n,i){this.focusType=oB,this.cellContentIndex=t,this.setRowCellFocusState(n,e,i)}setRowFocusState(t){this.focusType=tB,void 0!==t&&(this.rowIndex=t)}setCellFocusState(t,e,n){this.focusType=nB,this.setRowCellFocusState(t,e,n)}setRowCellFocusState(t,e,n){this.rowIndex=e,this.columnIndex=t,n&&this.focusCurrentRow(!this.focusedViaPointer)}isResolvedRowType(t){return t instanceof TB||t instanceof NB}}let wP=class extends Ve{get validity(){return this.tableValidator.getValidity()}get showRowOperationColumn(){return this.selectionMode===jL.multiple||this.showCollapseAll}get collapseButtonVisibility(){return this.canHaveCollapsibleRows?this.showCollapseAll?"visible":"":"hidden-size-reduced"}get rowHeight(){return this._rowHeight}constructor(){super(),this.selectionMode=jL.none,this.actionMenusPreserveSelection=!1,this.tableData=[],this.columns=[],this.childItems=[],this.rowElements=[],this.canRenderRows=!0,this.scrollX=0,this.selectionState=WL,this.showCollapseAll=!1,this.canHaveCollapsibleRows=!1,this.visibleColumns=[],this.tableScrollableMinWidth=0,this.windowShiftKeyDown=!1,this.tableValidator=new gB,this.tableUpdateTracker=new aP(this),this.columnNotifiers=[],this._rowHeight=0,this.isInitialized=!1,this.ignoreSelectionChangeEvents=!1,this.requestedSlots=new Map,this.borderWidthSubscriber={handleChange:()=>{this.updateRowHeight()}},this.controlHeightSubscriber={handleChange:()=>{this.updateRowHeight()}},this.actionMenuSlots=[],this.onViewPortScroll=t=>{this.scrollX=t.target.scrollLeft},this.onKeyDown=t=>{this.windowShiftKeyDown=t.shiftKey},this.onKeyUp=t=>{this.windowShiftKeyDown=t.shiftKey},this.onBlur=()=>{this.windowShiftKeyDown=!1},this.getRowCanExpand=t=>this.expansionManager.isRowExpandable(t),this.getIsRowExpanded=t=>this.expansionManager.isRowExpanded(t),this.handleRowSelectionChange=t=>{const e=t instanceof Function?t(this.table.getState().rowSelection):t
 this.updateTableOptions({state:{rowSelection:e}})},this.handleExpandedChange=t=>{const e=t instanceof Function?t(this.table.getState().expanded):t
 this.updateTableOptions({state:{expanded:e}})},this.options={data:[],onStateChange:t=>{},onRowSelectionChange:this.handleRowSelectionChange,onExpandedChange:this.handleExpandedChange,getCoreRowModel:t=>jN((()=>[t.options.data]),(e=>{const n={rows:[],flatRows:[],rowsById:{}},i=function(e,o,r){void 0===o&&(o=0)
 const s=[]
@@ -15799,6 +15801,7 @@ const m0=f0.compose({baseName:"chat-conversation",template:u0,styles:h0})
 Mi.getOrCreate().withPrefix("spright").register(m0())
 const g0=Mt`
     ${d0("flex")}
+    ${qg}
 
     :host {
         width: 100%;
@@ -15840,6 +15843,22 @@ const g0=Mt`
         border-bottom-color: ${oc};
     }
 
+    :host([error-visible]) .container::after {
+        border-bottom-color: ${tc};
+    }
+        
+    :host([error-visible]) .container {
+        border-bottom-color: ${tc};
+    }
+
+    :host([error-visible]:hover) .container::after {
+        border-bottom-color: ${tc};
+    }
+
+    :host([error-visible]:focus-within) .container {
+        border-bottom-color: ${tc};
+    }
+
     @media (prefers-reduced-motion) {
         .container::after {
             transition-duration: 0s;
@@ -15866,6 +15885,17 @@ const g0=Mt`
         color: ${dd};
     }
 
+    :host([error-visible]) .error-icon {
+        display: none;
+    }
+
+    :host([error-visible]) .error-icon.scrollbar-width-calculated {
+        display: inline-flex;
+        position: absolute;
+        top: ${yc};
+        right: var(--ni-private-scrollbar-width);
+    }
+
     .action-button {
         align-self: flex-end;
         width: 80px;
@@ -15895,10 +15925,16 @@ const g0=Mt`
         ${t=>t.processing?t.stopButtonLabel:t.sendButtonLabel}
         ${Ut((t=>t.processing),Q`<${Vv} slot="start"></${Vv}>`,Q`<${zv} slot="start"></${zv}>`)}
     </${uh}>
+    <${_g}
+        severity="error"
+        class="error-icon ${t=>t.scrollbarWidth>=0?"scrollbar-width-calculated":""}"
+        style="--ni-private-scrollbar-width: ${t=>t.scrollbarWidth}px;"
+    ></${_g}>
+    ${Zg}
 </div>`
-class b0 extends Ve{constructor(){super(...arguments),this.value="",this.maxLength=-1,this.processing=!1,this.disableSendButton=!0}textAreaKeydownHandler(t){return!(t.key===sn&&!t.shiftKey)||(this.processing||this.sendButtonClickHandler(),!1)}textAreaInputHandler(){this.value=this.textArea.value,this.disableSendButton=this.shouldDisableSendButton()}valueChanged(){this.textArea&&(this.textArea.value=this.value,this.disableSendButton=this.shouldDisableSendButton())}connectedCallback(){super.connectedCallback(),this.textArea.value=this.value,this.disableSendButton=this.shouldDisableSendButton()}sendButtonClickHandler(){if(this.shouldDisableSendButton())return
+class b0 extends(Kg(Ve)){constructor(){super(...arguments),this.value="",this.maxLength=-1,this.processing=!1,this.disableSendButton=!0,this.scrollbarWidth=-1,this.updateScrollbarWidthQueued=!1}textAreaKeydownHandler(t){return!(t.key===sn&&!t.shiftKey)||(this.processing||this.sendButtonClickHandler(),!1)}textAreaInputHandler(){this.value=this.textArea.value,this.disableSendButton=this.shouldDisableSendButton(),this.queueUpdateScrollbarWidth()}placeholderChanged(){this.queueUpdateScrollbarWidth()}valueChanged(){this.textArea&&(this.textArea.value=this.value,this.disableSendButton=this.shouldDisableSendButton(),this.queueUpdateScrollbarWidth())}connectedCallback(){super.connectedCallback(),this.textArea.value=this.value,this.disableSendButton=this.shouldDisableSendButton(),this.resizeObserver=new ResizeObserver((()=>this.onResize())),this.resizeObserver.observe(this)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect()}sendButtonClickHandler(){if(this.shouldDisableSendButton())return
 const t={text:this.textArea.value}
-this.resetInput(),this.$emit("send",t)}stopButtonClickHandler(){this.processing&&(this.$emit("stop"),this.textArea?.blur())}shouldDisableSendButton(){return 0===this.textArea.value.length}resetInput(){this.value="",this.disableSendButton=!0,this.textArea&&(this.textArea.value="",this.textArea.focus())}}t([ft],b0.prototype,"placeholder",void 0),t([ft({attribute:"send-button-label"})],b0.prototype,"sendButtonLabel",void 0),t([ft({attribute:"stop-button-label"})],b0.prototype,"stopButtonLabel",void 0),t([ft],b0.prototype,"value",void 0),t([ft({attribute:"tabindex",converter:ut})],b0.prototype,"tabIndex",void 0),t([ft({attribute:"maxlength",converter:ut})],b0.prototype,"maxLength",void 0),t([ft({attribute:"processing",mode:"boolean"})],b0.prototype,"processing",void 0),t([C],b0.prototype,"textArea",void 0),t([C],b0.prototype,"disableSendButton",void 0)
+this.resetInput(),this.$emit("send",t)}stopButtonClickHandler(){this.processing&&(this.$emit("stop"),this.textArea?.blur())}shouldDisableSendButton(){return 0===this.textArea.value.length}resetInput(){this.value="",this.disableSendButton=!0,this.textArea&&(this.textArea.value="",this.textArea.focus())}onResize(){this.scrollbarWidth=this.textArea.offsetWidth-this.textArea.clientWidth}queueUpdateScrollbarWidth(){this.$fastController.isConnected&&(this.updateScrollbarWidthQueued||(this.updateScrollbarWidthQueued=!0,b.queueUpdate((()=>this.updateScrollbarWidth()))))}updateScrollbarWidth(){this.updateScrollbarWidthQueued=!1,this.scrollbarWidth=this.textArea.offsetWidth-this.textArea.clientWidth}}t([ft],b0.prototype,"placeholder",void 0),t([ft({attribute:"send-button-label"})],b0.prototype,"sendButtonLabel",void 0),t([ft({attribute:"stop-button-label"})],b0.prototype,"stopButtonLabel",void 0),t([ft],b0.prototype,"value",void 0),t([ft({attribute:"tabindex",converter:ut})],b0.prototype,"tabIndex",void 0),t([ft({attribute:"maxlength",converter:ut})],b0.prototype,"maxLength",void 0),t([ft({attribute:"processing",mode:"boolean"})],b0.prototype,"processing",void 0),t([C],b0.prototype,"textArea",void 0),t([C],b0.prototype,"disableSendButton",void 0),t([C],b0.prototype,"scrollbarWidth",void 0)
 const y0=b0.compose({baseName:"chat-input",template:v0,styles:g0,shadowOptions:{delegatesFocus:!0}})
 Mi.getOrCreate().withPrefix("spright").register(y0())
 const w0={system:void 0,outbound:"outbound",inbound:"inbound"},x0=Mt`