@ni/spright-components 4.0.2 → 4.0.3

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

@@ -10653,7 +10653,7 @@ const pF="nimble-table-header",fF=Mt`
         position: absolute;
     }
 
-    :host([selectable]:not([selected]):hover)::before {
+    :host([selectable]:not([selected])[allow-hover]:hover)::before {
         background-color: ${wl};
     }
 
@@ -10661,7 +10661,7 @@ const pF="nimble-table-header",fF=Mt`
         background-color: ${vl};
     }
 
-    :host([selected]:hover)::before {
+    :host([selected][allow-hover]:hover)::before {
         background-color: ${yl};
     }
 
@@ -10776,7 +10776,7 @@ const pF="nimble-table-header",fF=Mt`
         height: ${Pl};
     }
 
-    :host(:hover) nimble-table-cell {
+    :host([allow-hover]:hover) nimble-table-cell {
         --ni-private-table-cell-action-menu-display: block;
     }
 
@@ -10788,7 +10788,7 @@ const pF="nimble-table-header",fF=Mt`
         --ni-private-table-cell-action-menu-display: block;
     }
 `.withBehaviors(tu(Lo.color,Mt`
-            :host([selectable]:not([selected]):hover)::before {
+            :host([selectable]:not([selected])[allow-hover]:hover)::before {
                 background-color: ${fl(ho,.05)};
             }
 
@@ -10796,7 +10796,7 @@ const pF="nimble-table-header",fF=Mt`
                 background-color: ${fl(ho,.25)};
             }
 
-            :host([selected]:hover)::before {
+            :host([selected][allow-hover]:hover)::before {
                 background-color: ${fl(ho,.2)};
             }
         `)),gF=Mt`
@@ -10962,7 +10962,7 @@ const wF="nimble-table-cell",xF=Q`
         </span>
     </template>
 `
-class CF extends We{constructor(){super(...arguments),this.selectable=!1,this.selected=!1,this.hideSelection=!1,this.expanded=!1,this.reserveCollapseSpace=!1,this.columnNotifiers=[],this.columns=[],this.nestingLevel=0,this.isParentRow=!1,this.menuOpen=!1,this.rowOperationGridCellHidden=!1,this.loading=!1,this.cellIndentLevels=[],this.cellStates=[],this.animationClass="",this.ignoreSelectionChangeEvents=!1,this.removeAnimatingClass=()=>{this.animationClass="",this.expandIcon?.removeEventListener("transitionend",this.removeAnimatingClass)}}get isTopLevelParentRow(){return this.isParentRow&&0===this.nestingLevel}get isNestedParent(){return this.isParentRow&&this.nestingLevel>0}get showSelectionCheckbox(){return this.selectable&&!this.hideSelection}get ariaSelected(){return this.selectable?this.selected?"true":"false":null}onSelectionCheckboxChange(t){if(this.ignoreSelectionChangeEvents)return
+class CF extends We{constructor(){super(...arguments),this.selectable=!1,this.selected=!1,this.hideSelection=!1,this.expanded=!1,this.reserveCollapseSpace=!1,this.columnNotifiers=[],this.columns=[],this.nestingLevel=0,this.isParentRow=!1,this.menuOpen=!1,this.rowOperationGridCellHidden=!1,this.loading=!1,this.cellIndentLevels=[],this.cellStates=[],this.animationClass="",this.allowHover=!1,this.ignoreSelectionChangeEvents=!1,this.removeAnimatingClass=()=>{this.animationClass="",this.expandIcon?.removeEventListener("transitionend",this.removeAnimatingClass)}}get isTopLevelParentRow(){return this.isParentRow&&0===this.nestingLevel}get isNestedParent(){return this.isParentRow&&this.nestingLevel>0}get showSelectionCheckbox(){return this.selectable&&!this.hideSelection}get ariaSelected(){return this.selectable?this.selected?"true":"false":null}onSelectionCheckboxChange(t){if(this.ignoreSelectionChangeEvents)return
 const e=t.target.checked
 this.onSelectionChange(!e,e)}onSelectionChange(t,e){this.selected=e
 const n={oldState:t,newState:e}
@@ -10974,7 +10974,7 @@ this.$emit(t,i)}columnsChanged(){this.updateCellIndentLevels(),this.updateCellSt
 return e.subscribe(this),e}))}updateCellStates(){this.cellStates=this.columns.map((t=>{const e=t.columnInternals.dataRecordFieldNames
 let n
 if(this.hasValidFieldNames(e)&&this.dataRecord){const i=e.map((t=>this.dataRecord[t]))
-n={cellRecord:Object.fromEntries(t.columnInternals.cellRecordFieldNames.map(((t,e)=>[t,i[e]]))),columnConfig:t.columnInternals.columnConfig}}return n}))}hasValidFieldNames(t){return t.every((t=>void 0!==t))}selectedChanged(){this.setSelectionCheckboxState()}selectionCheckboxChanged(){this.setSelectionCheckboxState()}setSelectionCheckboxState(){this.selectionCheckbox&&(this.ignoreSelectionChangeEvents=!0,this.selectionCheckbox.checked=this.selected,this.ignoreSelectionChangeEvents=!1)}}t([ft({attribute:"record-id"})],CF.prototype,"recordId",void 0),t([ft({mode:"boolean"})],CF.prototype,"selectable",void 0),t([ft({mode:"boolean"})],CF.prototype,"selected",void 0),t([ft({attribute:"hide-selection",mode:"boolean"})],CF.prototype,"hideSelection",void 0),t([ft({mode:"boolean"})],CF.prototype,"expanded",void 0),t([ft({attribute:"reserve-collapse-space",mode:"boolean"})],CF.prototype,"reserveCollapseSpace",void 0),t([C],CF.prototype,"dataRecord",void 0),t([C],CF.prototype,"columns",void 0),t([C],CF.prototype,"currentActionMenuColumn",void 0),t([C],CF.prototype,"nestingLevel",void 0),t([C],CF.prototype,"resolvedRowIndex",void 0),t([ft({attribute:"is-parent-row",mode:"boolean"})],CF.prototype,"isParentRow",void 0),t([ft({attribute:"menu-open",mode:"boolean"})],CF.prototype,"menuOpen",void 0),t([ft({attribute:"row-operation-grid-cell-hidden",mode:"boolean"})],CF.prototype,"rowOperationGridCellHidden",void 0),t([ft({mode:"boolean"})],CF.prototype,"loading",void 0),t([C],CF.prototype,"cellIndentLevels",void 0),t([C],CF.prototype,"cellStates",void 0),t([C],CF.prototype,"selectionCheckbox",void 0),t([C],CF.prototype,"animationClass",void 0),t([k],CF.prototype,"isTopLevelParentRow",null),t([k],CF.prototype,"isNestedParent",null),t([k],CF.prototype,"showSelectionCheckbox",null),t([k],CF.prototype,"ariaSelected",null)
+n={cellRecord:Object.fromEntries(t.columnInternals.cellRecordFieldNames.map(((t,e)=>[t,i[e]]))),columnConfig:t.columnInternals.columnConfig}}return n}))}hasValidFieldNames(t){return t.every((t=>void 0!==t))}selectedChanged(){this.setSelectionCheckboxState()}selectionCheckboxChanged(){this.setSelectionCheckboxState()}setSelectionCheckboxState(){this.selectionCheckbox&&(this.ignoreSelectionChangeEvents=!0,this.selectionCheckbox.checked=this.selected,this.ignoreSelectionChangeEvents=!1)}}t([ft({attribute:"record-id"})],CF.prototype,"recordId",void 0),t([ft({mode:"boolean"})],CF.prototype,"selectable",void 0),t([ft({mode:"boolean"})],CF.prototype,"selected",void 0),t([ft({attribute:"hide-selection",mode:"boolean"})],CF.prototype,"hideSelection",void 0),t([ft({mode:"boolean"})],CF.prototype,"expanded",void 0),t([ft({attribute:"reserve-collapse-space",mode:"boolean"})],CF.prototype,"reserveCollapseSpace",void 0),t([C],CF.prototype,"dataRecord",void 0),t([C],CF.prototype,"columns",void 0),t([C],CF.prototype,"currentActionMenuColumn",void 0),t([C],CF.prototype,"nestingLevel",void 0),t([C],CF.prototype,"resolvedRowIndex",void 0),t([ft({attribute:"is-parent-row",mode:"boolean"})],CF.prototype,"isParentRow",void 0),t([ft({attribute:"menu-open",mode:"boolean"})],CF.prototype,"menuOpen",void 0),t([ft({attribute:"row-operation-grid-cell-hidden",mode:"boolean"})],CF.prototype,"rowOperationGridCellHidden",void 0),t([ft({mode:"boolean"})],CF.prototype,"loading",void 0),t([C],CF.prototype,"cellIndentLevels",void 0),t([C],CF.prototype,"cellStates",void 0),t([C],CF.prototype,"selectionCheckbox",void 0),t([C],CF.prototype,"animationClass",void 0),t([ft({attribute:"allow-hover",mode:"boolean"})],CF.prototype,"allowHover",void 0),t([k],CF.prototype,"isTopLevelParentRow",null),t([k],CF.prototype,"isNestedParent",null),t([k],CF.prototype,"showSelectionCheckbox",null),t([k],CF.prototype,"ariaSelected",null)
 const kF=CF.compose({baseName:"table-row",template:xF,styles:mF})
 _i.getOrCreate().withPrefix("nimble").register(kF())
 const SF="nimble-table-row",_F=Mt`
@@ -11012,7 +11012,7 @@ const SF="nimble-table-row",_F=Mt`
         position: absolute;
     }
 
-    :host(:hover)::before {
+    :host([allow-hover]:hover)::before {
         background-color: ${wl};
     }
 
@@ -11058,11 +11058,11 @@ const SF="nimble-table-row",_F=Mt`
         padding-left: 0px;
     }
 `.withBehaviors(tu(Lo.color,Mt`
-            :host(:hover)::before {
+            :host([allow-hover]:hover)::before {
                 background-color: ${fl(ho,.05)};
             }
         `),tu(Lo.dark,Mt`
-            :host(:hover)::before {
+            :host([allow-hover]:hover)::before {
                 background-color: ${fl(ho,.1)};
             }
         `)),IF=Q`
@@ -11105,11 +11105,11 @@ const SF="nimble-table-row",_F=Mt`
         </div>
     </template>
 `
-class MF extends We{constructor(){super(...arguments),this.nestingLevel=0,this.expanded=!1,this.selectable=!1,this.selectionState=FR,this.animationClass="",this.ignoreSelectionChangeEvents=!1,this.removeAnimatingClass=()=>{this.animationClass="",this.expandIcon.removeEventListener("transitionend",this.removeAnimatingClass)}}onGroupExpandToggle(){this.$emit("group-expand-toggle"),this.animationClass="animating",this.expandIcon.addEventListener("transitionend",this.removeAnimatingClass)}onSelectionCheckboxChange(t){if(this.ignoreSelectionChangeEvents)return
+class MF extends We{constructor(){super(...arguments),this.nestingLevel=0,this.expanded=!1,this.selectable=!1,this.selectionState=FR,this.animationClass="",this.allowHover=!1,this.ignoreSelectionChangeEvents=!1,this.removeAnimatingClass=()=>{this.animationClass="",this.expandIcon.removeEventListener("transitionend",this.removeAnimatingClass)}}onGroupExpandToggle(){this.$emit("group-expand-toggle"),this.animationClass="animating",this.expandIcon.addEventListener("transitionend",this.removeAnimatingClass)}onSelectionCheckboxChange(t){if(this.ignoreSelectionChangeEvents)return
 const e=t.target.checked
 this.selectionState=e?NR:FR
 const n={oldState:!e,newState:e}
-this.$emit("group-selection-toggle",n)}getFocusableElements(){return{selectionCheckbox:this.selectable?this.selectionCheckbox:void 0,cells:[]}}selectionStateChanged(){this.setSelectionCheckboxState()}selectionCheckboxChanged(){this.setSelectionCheckboxState()}setSelectionCheckboxState(){this.selectionCheckbox&&(this.ignoreSelectionChangeEvents=!0,this.selectionCheckbox.checked=this.selectionState===NR,this.selectionCheckbox.indeterminate=this.selectionState===LR,this.ignoreSelectionChangeEvents=!1)}}t([C],MF.prototype,"groupRowValue",void 0),t([C],MF.prototype,"nestingLevel",void 0),t([C],MF.prototype,"resolvedRowIndex",void 0),t([C],MF.prototype,"immediateChildCount",void 0),t([C],MF.prototype,"groupColumn",void 0),t([ft({mode:"boolean"})],MF.prototype,"expanded",void 0),t([ft({mode:"boolean"})],MF.prototype,"selectable",void 0),t([ft({attribute:"selection-state"})],MF.prototype,"selectionState",void 0),t([C],MF.prototype,"selectionCheckbox",void 0),t([C],MF.prototype,"animationClass",void 0)
+this.$emit("group-selection-toggle",n)}getFocusableElements(){return{selectionCheckbox:this.selectable?this.selectionCheckbox:void 0,cells:[]}}selectionStateChanged(){this.setSelectionCheckboxState()}selectionCheckboxChanged(){this.setSelectionCheckboxState()}setSelectionCheckboxState(){this.selectionCheckbox&&(this.ignoreSelectionChangeEvents=!0,this.selectionCheckbox.checked=this.selectionState===NR,this.selectionCheckbox.indeterminate=this.selectionState===LR,this.ignoreSelectionChangeEvents=!1)}}t([C],MF.prototype,"groupRowValue",void 0),t([C],MF.prototype,"nestingLevel",void 0),t([C],MF.prototype,"resolvedRowIndex",void 0),t([C],MF.prototype,"immediateChildCount",void 0),t([C],MF.prototype,"groupColumn",void 0),t([ft({mode:"boolean"})],MF.prototype,"expanded",void 0),t([ft({mode:"boolean"})],MF.prototype,"selectable",void 0),t([ft({attribute:"selection-state"})],MF.prototype,"selectionState",void 0),t([C],MF.prototype,"selectionCheckbox",void 0),t([C],MF.prototype,"animationClass",void 0),t([ft({attribute:"allow-hover",mode:"boolean"})],MF.prototype,"allowHover",void 0)
 const $F=MF.compose({baseName:"table-group-row",template:IF,styles:_F})
 _i.getOrCreate().withPrefix("nimble").register($F())
 const EF="nimble-table-group-row",DF=Q`
@@ -11235,6 +11235,7 @@ const EF="nimble-table-group-row",DF=Q`
                                         ?selectable="${(t,e)=>e.parent.selectionMode===RR.multiple}"
                                         selection-state="${(t,e)=>e.parent.tableData[t.index]?.selectionState}"
                                         :resolvedRowIndex="${t=>t.index}"
+                                        ?allow-hover="${(t,e)=>!e.parent.virtualizer.isScrolling}"
                                         @focusin="${(t,e)=>e.parent.onRowFocusIn(e.event)}"
                                         @blur="${(t,e)=>e.parent.onRowBlur(e.event)}"
                                         @group-selection-toggle="${(t,e)=>e.parent.onRowSelectionToggle(t.index,e.event)}"
@@ -11260,6 +11261,7 @@ const EF="nimble-table-group-row",DF=Q`
                                         ?row-operation-grid-cell-hidden="${(t,e)=>!e.parent.showRowOperationColumn}"
                                         ?loading="${(t,e)=>e.parent.tableData[t.index]?.isLoadingChildren}"
                                         :resolvedRowIndex="${t=>t.index}"
+                                        ?allow-hover="${(t,e)=>!e.parent.virtualizer.isScrolling}"
                                         @click="${(t,e)=>e.parent.onRowClick(t.index,e.event)}"
                                         @focusin="${(t,e)=>e.parent.onRowFocusIn(e.event)}"
                                         @blur="${(t,e)=>e.parent.onRowBlur(e.event)}"
@@ -11376,21 +11378,21 @@ const UF=(t,e,n,i)=>{for(;t<=e;){const s=(t+e)/2|0,o=n(s)
 if(o<i)t=s+1
 else{if(!(o>i))return s
 e=s-1}}return t>0?t-1:0}
-class qF{get pageSize(){return this._pageSize}get rowHeight(){return parseFloat(Pl.getValueFor(this.table))+2*parseFloat(jl.getValueFor(this.table))}constructor(t,e){this.visibleItems=[],this.scrollHeight=0,this.headerContainerMarginRight=0,this.rowContainerYOffset=0,this._pageSize=0,this.table=t,this.tanStackTable=e,this.viewportResizeObserver=new ResizeObserver((t=>{const e=t[0]?.borderBoxSize[0]
+class qF{get pageSize(){return this._pageSize}get rowHeight(){return parseFloat(Pl.getValueFor(this.table))+2*parseFloat(jl.getValueFor(this.table))}constructor(t,e){this.visibleItems=[],this.scrollHeight=0,this.isScrolling=!1,this.headerContainerMarginRight=0,this.rowContainerYOffset=0,this._pageSize=0,this.isScrollingTimer=0,this.table=t,this.tanStackTable=e,this.viewportResizeObserver=new ResizeObserver((t=>{const e=t[0]?.borderBoxSize[0]
 if(e){this.updatePageSize()
 const t=e.inlineSize
 this.headerContainerMarginRight=t-this.table.viewport.clientWidth}}))}connect(){this.viewportResizeObserver.observe(this.table.viewport),this.updateVirtualizer()
 const t=this.virtualizer.scrollOffset
 null!==t&&this.table.viewport.scrollTo({top:t})}disconnect(){this.viewportResizeObserver.disconnect()}dataChanged(){this.table.$fastController.isConnected&&this.updateVirtualizer()}scrollToIndex(t,e){this.virtualizer?.scrollToIndex(t,e)}updateVirtualizer(){const t=this.createVirtualizerOptions()
 this.virtualizer?this.virtualizer.setOptions(t):this.virtualizer=new HF(t),this.virtualizer._willUpdate(),this.handleVirtualizerChange()}createVirtualizerOptions(){const t=this.rowHeight
-return{count:this.tanStackTable.getRowModel().rows.length,getScrollElement:()=>this.table.viewport,estimateSize:e=>t,enableSmoothScroll:!0,overscan:3,scrollingDelay:5,scrollToFn:VF,observeElementOffset:PF,observeElementRect:NF,onChange:()=>this.handleVirtualizerChange()}}handleVirtualizerChange(){const t=this.virtualizer
-this.visibleItems=t.getVirtualItems(),this.scrollHeight=t.getTotalSize()
+return{count:this.tanStackTable.getRowModel().rows.length,getScrollElement:()=>this.table.viewport,estimateSize:e=>t,enableSmoothScroll:!0,overscan:3,isScrollingResetDelay:250,scrollToFn:VF,observeElementOffset:PF,observeElementRect:NF,onChange:()=>this.handleVirtualizerChange()}}handleVirtualizerChange(){const t=this.virtualizer
+this.visibleItems=t.getVirtualItems(),this.scrollHeight=t.getTotalSize(),this.isScrolling=t.isScrolling,window.clearTimeout(this.isScrollingTimer),this.isScrolling&&(this.isScrollingTimer=window.setTimeout((()=>{this.isScrolling=!1}),300))
 let e=0
 if(this.visibleItems.length>0){e=this.visibleItems[0].start}this.rowContainerYOffset=e}updatePageSize(){this._pageSize=Math.round(this.table.viewport.clientHeight/this.rowHeight)}}function jF(t){switch(t){case ZR:return GF
 case KR:return WF
 default:return GF}}function WF(t,e,n){const i=t.getValue(n),s=e.getValue(n)
 return"string"==typeof i&&"string"==typeof s?i.localeCompare(s):i===s?0:void 0===i||null===i&&void 0!==s?-1:1}function GF(t,e,n){const i=t.getValue(n),s=e.getValue(n)
-return Object.is(i,s)?0:void 0===i?-1:void 0===s?1:null===i?-1:null===s?1:Number.isNaN(i)?-1:Number.isNaN(s)?1:0===i&&0===s?Object.is(i,-0)?-1:1:i>s?1:-1}t([C],qF.prototype,"visibleItems",void 0),t([C],qF.prototype,"scrollHeight",void 0),t([C],qF.prototype,"headerContainerMarginRight",void 0),t([C],qF.prototype,"rowContainerYOffset",void 0)
+return Object.is(i,s)?0:void 0===i?-1:void 0===s?1:null===i?-1:null===s?1:Number.isNaN(i)?-1:Number.isNaN(s)?1:0===i&&0===s?Object.is(i,-0)?-1:1:i>s?1:-1}t([C],qF.prototype,"visibleItems",void 0),t([C],qF.prototype,"scrollHeight",void 0),t([C],qF.prototype,"isScrolling",void 0),t([C],qF.prototype,"headerContainerMarginRight",void 0),t([C],qF.prototype,"rowContainerYOffset",void 0)
 class ZF{constructor(t){this.table=t,this.isColumnBeingSized=!1,this.visibleColumns=[],this.currentTotalDelta=0,this.dragStart=0,this.initialColumnWidths=[],this.onDividerMouseMove=t=>{const e=t
 for(let t=0;t<this.visibleColumns.length;t++)this.visibleColumns[t].columnInternals.currentPixelWidth=this.initialColumnWidths[t]?.initialPixelWidth
 this.currentTotalDelta=this.getAllowedSizeDelta(e.clientX-this.dragStart),this.performCascadeSizeLeft(this.leftColumnIndex,this.currentTotalDelta),this.performCascadeSizeRight(this.rightColumnIndex,this.currentTotalDelta)