@ni/spright-components 2.0.1 → 2.0.3

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

@@ -10346,12 +10346,21 @@ return!this.missingColumnId&&!this.duplicateColumnId}validateColumnSortIndices(t
         grid-template-columns: var(--ni-private-table-row-grid-columns) auto;
     }
 
+    .collapse-all-button-container {
+        display: flex;
+        min-width: ${_l};
+    }
+
     .collapse-all-button {
         height: ${kl};
         margin-left: ${_l};
         visibility: hidden;
     }
 
+    .collapse-all-button.hidden-size-reduced {
+        display: none;
+    }
+
     .collapse-all-button.visible {
         visibility: visible;
     }
@@ -10654,7 +10663,7 @@ const zR="nimble-table-header",VR=Mt`
         flex: 0 0 auto;
     }
 
-    .row-front-spacer.top-level-parent {
+    .row-front-spacer.reduced-size-spacer {
         width: ${_l};
     }
 
@@ -10828,7 +10837,7 @@ const GR="nimble-table-cell",ZR=Q`
                 `)}
             </span>
         `)}
-        <span class="row-front-spacer ${t=>t.isTopLevelParentRow?"top-level-parent":""}"></span>
+        <span class="row-front-spacer ${t=>t.isTopLevelParentRow||!t.reserveCollapseSpace?"reduced-size-spacer":""}"></span>
         ${Gt((t=>t.isParentRow),Q`
             ${Gt((t=>t.loading),Q`
                 <span class="spinner-container">
@@ -10894,7 +10903,7 @@ const GR="nimble-table-cell",ZR=Q`
         </span>
     </template>
 `
-class KR extends We{constructor(){super(...arguments),this.selectable=!1,this.selected=!1,this.hideSelection=!1,this.expanded=!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 KR 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
 const e=t.target.checked
 this.onSelectionChange(!e,e)}onSelectionChange(t,e){this.selected=e
 const n={oldState:t,newState:e}
@@ -10906,7 +10915,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"})],KR.prototype,"recordId",void 0),t([ft({mode:"boolean"})],KR.prototype,"selectable",void 0),t([ft({mode:"boolean"})],KR.prototype,"selected",void 0),t([ft({attribute:"hide-selection",mode:"boolean"})],KR.prototype,"hideSelection",void 0),t([ft({mode:"boolean"})],KR.prototype,"expanded",void 0),t([C],KR.prototype,"dataRecord",void 0),t([C],KR.prototype,"columns",void 0),t([C],KR.prototype,"currentActionMenuColumn",void 0),t([C],KR.prototype,"nestingLevel",void 0),t([C],KR.prototype,"resolvedRowIndex",void 0),t([ft({attribute:"is-parent-row",mode:"boolean"})],KR.prototype,"isParentRow",void 0),t([ft({attribute:"menu-open",mode:"boolean"})],KR.prototype,"menuOpen",void 0),t([ft({attribute:"row-operation-grid-cell-hidden",mode:"boolean"})],KR.prototype,"rowOperationGridCellHidden",void 0),t([ft({mode:"boolean"})],KR.prototype,"loading",void 0),t([C],KR.prototype,"cellIndentLevels",void 0),t([C],KR.prototype,"cellStates",void 0),t([C],KR.prototype,"selectionCheckbox",void 0),t([C],KR.prototype,"animationClass",void 0),t([k],KR.prototype,"isTopLevelParentRow",null),t([k],KR.prototype,"isNestedParent",null),t([k],KR.prototype,"showSelectionCheckbox",null),t([k],KR.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"})],KR.prototype,"recordId",void 0),t([ft({mode:"boolean"})],KR.prototype,"selectable",void 0),t([ft({mode:"boolean"})],KR.prototype,"selected",void 0),t([ft({attribute:"hide-selection",mode:"boolean"})],KR.prototype,"hideSelection",void 0),t([ft({mode:"boolean"})],KR.prototype,"expanded",void 0),t([ft({attribute:"reserve-collapse-space",mode:"boolean"})],KR.prototype,"reserveCollapseSpace",void 0),t([C],KR.prototype,"dataRecord",void 0),t([C],KR.prototype,"columns",void 0),t([C],KR.prototype,"currentActionMenuColumn",void 0),t([C],KR.prototype,"nestingLevel",void 0),t([C],KR.prototype,"resolvedRowIndex",void 0),t([ft({attribute:"is-parent-row",mode:"boolean"})],KR.prototype,"isParentRow",void 0),t([ft({attribute:"menu-open",mode:"boolean"})],KR.prototype,"menuOpen",void 0),t([ft({attribute:"row-operation-grid-cell-hidden",mode:"boolean"})],KR.prototype,"rowOperationGridCellHidden",void 0),t([ft({mode:"boolean"})],KR.prototype,"loading",void 0),t([C],KR.prototype,"cellIndentLevels",void 0),t([C],KR.prototype,"cellStates",void 0),t([C],KR.prototype,"selectionCheckbox",void 0),t([C],KR.prototype,"animationClass",void 0),t([k],KR.prototype,"isTopLevelParentRow",null),t([k],KR.prototype,"isNestedParent",null),t([k],KR.prototype,"showSelectionCheckbox",null),t([k],KR.prototype,"ariaSelected",null)
 const YR=KR.compose({baseName:"table-row",template:ZR,styles:HR})
 _i.getOrCreate().withPrefix("nimble").register(YR())
 const XR="nimble-table-row",JR=Mt`
@@ -11078,7 +11087,7 @@ const nF="nimble-table-group-row",iF=Q`
                                         ${Ut("selectionCheckbox")}
                                         ${""}
                                         tabindex="-1"
-                                        class="${t=>`selection-checkbox ${t.selectionMode?t.selectionMode:""}`}"
+                                        class="selection-checkbox"
                                         @change="${(t,e)=>t.onAllRowsSelectionChange(e.event)}"
                                         title="${t=>Fv.getValueFor(t)}"
                                         aria-label="${t=>Fv.getValueFor(t)}"
@@ -11086,19 +11095,21 @@ const nF="nimble-table-group-row",iF=Q`
                                     </${mg}>
                                 </span>
                             `)}
-                            <${Vh}
-                                ${Ut("collapseAllButton")}
-                                ${""}
-                                tabindex="-1"
-                                class="collapse-all-button ${t=>""+(t.showCollapseAll?"visible":"")}"
-                                content-hidden
-                                appearance="${oh}"
-                                title="${t=>Dv.getValueFor(t)}"
-                                @click="${t=>t.handleCollapseAllRows()}"
-                            >
-                                <${iv} slot="start"></${iv}>
-                                ${t=>Dv.getValueFor(t)}
-                            </${Vh}>
+                            <span class="collapse-all-button-container">
+                                <${Vh}
+                                    ${Ut("collapseAllButton")}
+                                    ${""}
+                                    tabindex="-1"
+                                    class="collapse-all-button ${t=>t.collapseButtonVisibility}"
+                                    content-hidden
+                                    appearance="${oh}"
+                                    title="${t=>Dv.getValueFor(t)}"
+                                    @click="${t=>t.handleCollapseAllRows()}"
+                                >
+                                    <${iv} slot="start"></${iv}>
+                                    ${t=>Dv.getValueFor(t)}
+                                </${Vh}>
+                            </span>
                         </span>
                         <span class="column-headers-container" ${Ut("columnHeadersContainer")}>
                             ${Qt((t=>t.visibleColumns),Q`
@@ -11182,6 +11193,7 @@ const nF="nimble-table-group-row",iF=Q`
                                         ?selected="${(t,e)=>e.parent.tableData[t.index]?.selectionState===cR}"
                                         ?expanded="${(t,e)=>e.parent.tableData[t.index]?.isExpanded}"
                                         ?hide-selection="${(t,e)=>e.parent.selectionMode!==aR.multiple}"
+                                        ?reserve-collapse-space="${(t,e)=>e.parent.canHaveCollapsibleRows}"
                                         :dataRecord="${(t,e)=>e.parent.tableData[t.index]?.record}"
                                         :columns="${(t,e)=>e.parent.columns}"
                                         :isParentRow="${(t,e)=>e.parent.tableData[t.index]?.isParentRow}"
@@ -11198,15 +11210,7 @@ const nF="nimble-table-group-row",iF=Q`
                                         @row-slots-request="${(t,e)=>e.parent.onRowSlotsRequest(e.event)}"
                                         @row-expand-toggle="${(t,e)=>e.parent.handleRowExpanded(t.index)}"
                                     >
-                                    ${Gt(((t,e)=>e.parent.openActionMenuRecordId===e.parent.tableData[t.index]?.id),Q`
-                                        ${Qt(((t,e)=>e.parent.actionMenuSlots),Q`
-                                            <slot
-                                                name="${t=>t}"
-                                                slot="${t=>`row-action-menu-${t}`}">
-                                            </slot>
-                                        `)}
-                                    `)}
-                                    ${Qt(((t,e)=>e.parent.tableData[t.index]?.slots||[]),Q`
+                                    ${Qt(((t,e)=>e.parent.tableData[t.index]?.requestedSlots||[]),Q`
                                         <slot
                                             name="${t=>t.name}"
                                             slot="${t=>t.slot}"
@@ -11553,7 +11557,7 @@ const i=e??this.columnIndex,s=n??this.rowIndex
 return i>=0&&i<t.cells.length&&(this.focusType=bR,this.setRowCellFocusState(i,s,!0),!0)}trySetCellContentFocus(t,e,n,i){if(!t)return!1
 const s=n??this.columnIndex,o=i??this.rowIndex
 return s>=0&&s<t.cells.length&&e>=0&&e<t.cells[s].cell.cellView.tabbableChildren.length&&(this.setCellContentFocusState(e,o,s,!0),!0)}trySetCellActionMenuFocus(t,e,n){const i=e??this.columnIndex,s=n??this.rowIndex
-return!!(i>=0&&i<t.cells.length&&t.cells[i].actionMenuButton)&&(this.setCellActionMenuFocusState(s,i,!0),!0)}setCellActionMenuFocusState(t,e,n){this.focusType=yR,this.setRowCellFocusState(e,t,n)}setCellContentFocusState(t,e,n,i){this.focusType=wR,this.cellContentIndex=t,this.setRowCellFocusState(n,e,i)}setRowFocusState(t){this.focusType=gR,void 0!==t&&(this.rowIndex=t)}setCellFocusState(t,e,n){this.focusType=bR,this.setRowCellFocusState(t,e,n)}setRowCellFocusState(t,e,n){this.rowIndex=e,this.columnIndex=t,n&&this.focusCurrentRow(!0)}isResolvedRowType(t){return t instanceof KR||t instanceof tF}}let NF=class extends We{get validity(){return this.tableValidator.getValidity()}get showRowOperationColumn(){return this.selectionMode===aR.multiple||this.showCollapseAll}constructor(){super(),this.selectionMode=aR.none,this.tableData=[],this.columns=[],this.childItems=[],this.rowElements=[],this.actionMenuSlots=[],this.canRenderRows=!0,this.scrollX=0,this.selectionState=lR,this.showCollapseAll=!1,this.visibleColumns=[],this.tableScrollableMinWidth=0,this.windowShiftKeyDown=!1,this.tableValidator=new RR,this.tableUpdateTracker=new kF(this),this.columnNotifiers=[],this.isInitialized=!1,this.ignoreSelectionChangeEvents=!1,this.columnRequestedSlots=new Map,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(s,i,!0),!0)}setCellActionMenuFocusState(t,e,n){this.focusType=yR,this.setRowCellFocusState(e,t,n)}setCellContentFocusState(t,e,n,i){this.focusType=wR,this.cellContentIndex=t,this.setRowCellFocusState(n,e,i)}setRowFocusState(t){this.focusType=gR,void 0!==t&&(this.rowIndex=t)}setCellFocusState(t,e,n){this.focusType=bR,this.setRowCellFocusState(t,e,n)}setRowCellFocusState(t,e,n){this.rowIndex=e,this.columnIndex=t,n&&this.focusCurrentRow(!0)}isResolvedRowType(t){return t instanceof KR||t instanceof tF}}let NF=class extends We{get validity(){return this.tableValidator.getValidity()}get showRowOperationColumn(){return this.selectionMode===aR.multiple||this.showCollapseAll}get collapseButtonVisibility(){return this.canHaveCollapsibleRows?this.showCollapseAll?"visible":"":"hidden-size-reduced"}constructor(){super(),this.selectionMode=aR.none,this.tableData=[],this.columns=[],this.childItems=[],this.rowElements=[],this.canRenderRows=!0,this.scrollX=0,this.selectionState=lR,this.showCollapseAll=!1,this.canHaveCollapsibleRows=!1,this.visibleColumns=[],this.tableScrollableMinWidth=0,this.windowShiftKeyDown=!1,this.tableValidator=new RR,this.tableUpdateTracker=new kF(this),this.columnNotifiers=[],this.isInitialized=!1,this.ignoreSelectionChangeEvents=!1,this.requestedSlots=new Map,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=>aO((()=>[t.options.data]),(e=>{const n={rows:[],flatRows:[],rowsById:{}},i=function(e,s,o){void 0===s&&(s=0)
 const r=[]
@@ -11583,21 +11587,22 @@ const e=structuredClone(t),n=this.tableValidator.getOptionsWithPresentIds(e)
 this.expansionManager.setHierarchyOptions(n),this.refreshRows()}connectedCallback(){super.connectedCallback(),this.initialize(),this.virtualizer.connect(),this.viewport.addEventListener("scroll",this.onViewPortScroll,{passive:!0}),this.keyboardNavigationManager.connect(),window.addEventListener("keydown",this.onKeyDown),window.addEventListener("keyup",this.onKeyUp),window.addEventListener("blur",this.onBlur)}disconnectedCallback(){super.disconnectedCallback(),this.virtualizer.disconnect(),this.keyboardNavigationManager.disconnect(),this.viewport.removeEventListener("scroll",this.onViewPortScroll),window.removeEventListener("keydown",this.onKeyDown),window.removeEventListener("keyup",this.onKeyUp),window.removeEventListener("blur",this.onBlur)}checkValidity(){return this.tableValidator.isValid()}handleChange(t,e){(t instanceof OR||t instanceof AR)&&"string"==typeof e?this.tableUpdateTracker.trackColumnPropertyChanged(e):t instanceof RF&&"isColumnValid"===e?this.tableValidator.validateColumnConfigurations(this.columns):t instanceof wF&&"isColumnBeingSized"===e&&!this.layoutManager.isColumnBeingSized&&this.emitColumnConfigurationChangeEvent()}onRowSelectionToggle(t,e){e.stopImmediatePropagation()
 this.selectionManager.handleRowSelectionToggle(this.tableData[t],e.detail.newState,this.windowShiftKeyDown)&&this.emitSelectionChangeEvent()}onRowClick(t,e){return this.selectionManager.handleRowClick(this.tableData[t],e.shiftKey,e.ctrlKey||e.metaKey)&&this.emitSelectionChangeEvent(),!0}onRowFocusIn(t){this.keyboardNavigationManager.onRowFocusIn(t)}onRowBlur(t){this.keyboardNavigationManager.onRowBlur(t)}onAllRowsSelectionChange(t){t.stopPropagation(),this.ignoreSelectionChangeEvents||(this.table.toggleAllRowsSelected(this.selectionCheckbox.checked),this.emitSelectionChangeEvent())}onRowActionMenuBeforeToggle(t,e){e.stopImmediatePropagation(),this.handleActionMenuBeforeToggleEvent(t,e)}onRowActionMenuToggle(t){t.stopImmediatePropagation(),this.handleRowActionMenuToggleEvent(t)}onRowSlotsRequest(t){t.stopImmediatePropagation()
 for(const e of t.detail.slots){const n=$R(t.detail.columnInternalId,e.slot)
-this.columnRequestedSlots.set(e.name,{recordId:t.detail.recordId,uniqueSlot:n})}this.refreshRows()}handleCollapseAllRows(){this.expansionManager.collapseAll()}onRightDividerMouseDown(t,e){0===t.button&&this.layoutManager.beginColumnInteractiveSize(t.clientX,this.getRightDividerIndex(e))}onLeftDividerMouseDown(t,e){0===t.button&&this.layoutManager.beginColumnInteractiveSize(t.clientX,this.getLeftDividerIndex(e))}getLeftDividerIndex(t){return 2*t-1}getRightDividerIndex(t){return 2*t}handleGroupRowExpanded(t,e){this.toggleRowExpanded(t),e.stopPropagation()}handleRowExpanded(t){this.toggleRowExpanded(t)}toggleColumnSort(t,e){if(t.columnInternals.sortingDisabled)return
+this.requestedSlots.set(e.name,{recordId:t.detail.recordId,uniqueSlot:n})}this.refreshRows()}handleCollapseAllRows(){this.expansionManager.collapseAll()}onRightDividerMouseDown(t,e){0===t.button&&this.layoutManager.beginColumnInteractiveSize(t.clientX,this.getRightDividerIndex(e))}onLeftDividerMouseDown(t,e){0===t.button&&this.layoutManager.beginColumnInteractiveSize(t.clientX,this.getLeftDividerIndex(e))}getLeftDividerIndex(t){return 2*t-1}getRightDividerIndex(t){return 2*t}handleGroupRowExpanded(t,e){this.toggleRowExpanded(t),e.stopPropagation()}handleRowExpanded(t){this.toggleRowExpanded(t)}toggleColumnSort(t,e){if(t.columnInternals.sortingDisabled)return
 const n=this.getColumnsParticipatingInSorting().sort(((t,e)=>t.columnInternals.currentSortIndex-e.columnInternals.currentSortIndex)),i=n.indexOf(t),s=i>-1,o=t.columnInternals.currentSortDirection
 let r=rR.ascending
 s?o===rR.descending?(n.splice(i,1),r=rR.none,t.columnInternals.currentSortIndex=void 0):r=rR.descending:n.push(t),t.columnInternals.currentSortDirection=r
 for(let i=0;i<n.length;i++){const s=n[i]
 e?n[i].columnInternals.currentSortIndex=i:s===t?s.columnInternals.currentSortIndex=0:(s.columnInternals.currentSortIndex=void 0,s.columnInternals.currentSortDirection=rR.none)}this.emitColumnConfigurationChangeEvent()}onHeaderKeyDown(t,e){const n=e.shiftKey
-return e.key===Ta&&this.toggleColumnSort(t,n),!0}update(){this.validate(),this.tableUpdateTracker.requiresTanStackUpdate&&this.updateTanStack(),this.tableUpdateTracker.updateActionMenuSlots&&this.updateActionMenuSlots(),this.tableUpdateTracker.updateColumnWidths&&(this.rowGridColumns=this.layoutManager.getGridTemplateColumns(),this.visibleColumns=this.columns.filter((t=>!t.columnHidden))),this.tableUpdateTracker.requiresKeyboardFocusReset&&this.keyboardNavigationManager.resetFocusState()}get ariaMultiSelectable(){switch(this.selectionMode){case aR.multiple:return"true"
+return e.key===Ta&&this.toggleColumnSort(t,n),!0}update(){if(this.validate(),this.tableUpdateTracker.requiresTanStackUpdate&&this.updateTanStack(),this.tableUpdateTracker.updateRowParentIds||this.tableUpdateTracker.updateGroupRows){const t=this.isHierarchyEnabled(),e=this.columns.some((t=>!t.columnInternals.groupingDisabled))
+this.canHaveCollapsibleRows=t||e}this.tableUpdateTracker.updateActionMenuSlots&&this.updateActionMenuSlots(),this.tableUpdateTracker.updateColumnWidths&&(this.rowGridColumns=this.layoutManager.getGridTemplateColumns(),this.visibleColumns=this.columns.filter((t=>!t.columnHidden))),this.tableUpdateTracker.requiresKeyboardFocusReset&&this.keyboardNavigationManager.resetFocusState()}get ariaMultiSelectable(){switch(this.selectionMode){case aR.multiple:return"true"
 case aR.single:return"false"
 default:return null}}getHeaderContainerElements(){return this.columnHeadersContainer.querySelectorAll(".header-container")}calculateTanStackData(t){this.dataHierarchyManager=new AF(t,this.idFieldName,this.parentIdFieldName)
 const e=this.dataHierarchyManager.hierarchicalData
 this.tableValidator.setParentIdConfigurationValidity(this.dataHierarchyManager.parentIdConfigurationValid)
 const n={data:e}
 if(this.validateWithData(t),this.tableValidator.areRecordIdsValid()){const t=this.selectionManager.getCurrentSelectedRecordIds()
-n.state={rowSelection:this.calculateTanStackSelectionState(t),expanded:!0}}return n}selectionModeChanged(t,e){this.$fastController.isConnected&&this.tableUpdateTracker.trackSelectionModeChanged()}idFieldNameChanged(t,e){this.$fastController.isConnected&&this.tableUpdateTracker.trackIdFieldNameChanged()}parentIdFieldNameChanged(t,e){this.$fastController.isConnected&&this.tableUpdateTracker.trackParentIdFieldNameChanged()}columnsChanged(t,e){this.$fastController.isConnected&&(this.observeColumns(),this.tableUpdateTracker.trackColumnInstancesChanged())}removeActionMenuSlotsFromColumnRequestedSlots(){for(const t of this.actionMenuSlots)this.columnRequestedSlots.delete(t)
-this.refreshRows()}async handleActionMenuBeforeToggleEvent(t,e){this.selectionManager.handleActionMenuOpening(this.tableData[t])&&await this.emitSelectionChangeEvent(),this.openActionMenuRecordId=e.detail.recordIds[0],this.removeActionMenuSlotsFromColumnRequestedSlots()
+n.state={rowSelection:this.calculateTanStackSelectionState(t),expanded:!0}}return n}selectionModeChanged(t,e){this.$fastController.isConnected&&this.tableUpdateTracker.trackSelectionModeChanged()}idFieldNameChanged(t,e){this.$fastController.isConnected&&this.tableUpdateTracker.trackIdFieldNameChanged()}parentIdFieldNameChanged(t,e){this.$fastController.isConnected&&this.tableUpdateTracker.trackParentIdFieldNameChanged()}columnsChanged(t,e){this.$fastController.isConnected&&(this.observeColumns(),this.tableUpdateTracker.trackColumnInstancesChanged())}updateRequestedSlotsForOpeningActionMenu(t){for(const e of this.actionMenuSlots)this.requestedSlots.set(e,{recordId:t,uniqueSlot:`row-action-menu-${e}`})
+this.refreshRows()}async handleActionMenuBeforeToggleEvent(t,e){this.selectionManager.handleActionMenuOpening(this.tableData[t])&&await this.emitSelectionChangeEvent(),this.openActionMenuRecordId=e.detail.recordIds[0],this.updateRequestedSlotsForOpeningActionMenu(this.openActionMenuRecordId)
 const n=await this.getActionMenuToggleEventDetail(e)
 this.$emit("action-menu-beforetoggle",n)}async handleRowActionMenuToggleEvent(t){this.keyboardNavigationManager.onRowActionMenuToggle(t)
 const e=await this.getActionMenuToggleEventDetail(t)
@@ -11611,16 +11616,17 @@ const i=x.getNotifier(t.columnInternals.validator)
 i.subscribe(this),this.columnNotifiers.push(i)}}getColumnsParticipatingInSorting(){return this.columns.filter((t=>!t.columnInternals.sortingDisabled&&t.columnInternals.currentSortDirection!==rR.none&&"number"==typeof t.columnInternals.currentSortIndex))}getColumnsParticipatingInGrouping(){return this.columns.filter((t=>!t.columnInternals.groupingDisabled&&"number"==typeof t.columnInternals.groupIndex))}childItemsChanged(){this.updateColumnsFromChildItems()}async updateColumnsFromChildItems(){await TE(this.childItems),this.columns=this.childItems.filter((t=>t instanceof OR))}updateTanStack(){const t={state:{}}
 if(this.tableUpdateTracker.updateColumnSort&&(t.state.sorting=this.calculateTanStackSortState()),this.tableUpdateTracker.updateColumnDefinition&&(t.columns=this.calculateTanStackColumns()),this.tableUpdateTracker.updateRowIds&&(t.getRowId=this.calculateTanStackRowIdFunction(),t.state.rowSelection={},this.selectionManager.handleSelectionReset(),this.expansionManager.resetHierarchyOptions()),this.tableUpdateTracker.updateRowParentIds&&this.expansionManager.setHierarchyEnabled(this.isHierarchyEnabled()),this.tableUpdateTracker.updateSelectionMode&&(t.enableMultiRowSelection=this.selectionMode===aR.multiple,t.enableSubRowSelection=this.selectionMode===aR.multiple,t.state.rowSelection={},this.selectionManager.handleSelectionModeChanged(this.selectionMode)),this.dataHierarchyManager&&this.tableUpdateTracker.requiresTanStackDataReset)if(this.parentIdFieldName||this.tableUpdateTracker.updateRowParentIds){const e=this.dataHierarchyManager.getAllRecords(!0),n=this.calculateTanStackData(e)
 n.state&&(t.state.rowSelection=n.state.rowSelection),t.data=n.data}else t.data=[...this.table.options.data]
-this.tableUpdateTracker.updateGroupRows&&(t.state.grouping=this.calculateTanStackGroupingState()),(this.tableUpdateTracker.updateRowIds||this.tableUpdateTracker.updateRowParentIds||this.tableUpdateTracker.updateGroupRows)&&(t.state.expanded=!0,this.expansionManager.resetExpansionState()),this.updateTableOptions(t)}updateActionMenuSlots(){const t=new Set
+this.tableUpdateTracker.updateGroupRows&&(t.state.grouping=this.calculateTanStackGroupingState()),(this.tableUpdateTracker.updateRowIds||this.tableUpdateTracker.updateRowParentIds||this.tableUpdateTracker.updateGroupRows)&&(t.state.expanded=!0,this.expansionManager.resetExpansionState()),this.updateTableOptions(t)}updateActionMenuSlots(){if(void 0!==this.openActionMenuRecordId)for(const t of this.actionMenuSlots)this.requestedSlots.delete(t)
+const t=new Set
 for(const e of this.columns)e.actionMenuSlot&&t.add(e.actionMenuSlot)
-this.actionMenuSlots=Array.from(t)}validate(){this.tableValidator.validateIdFieldConfiguration(this.selectionMode,this.idFieldName,this.parentIdFieldName),this.tableValidator.validateColumnIds(this.columns.map((t=>t.columnId))),this.tableValidator.validateColumnSortIndices(this.getColumnsParticipatingInSorting().map((t=>t.columnInternals.currentSortIndex))),this.tableValidator.validateColumnGroupIndices(this.getColumnsParticipatingInGrouping().map((t=>t.columnInternals.groupIndex))),this.tableValidator.validateColumnConfigurations(this.columns),this.dataHierarchyManager&&this.validateWithData(this.dataHierarchyManager.getAllRecords())}validateWithData(t){this.tableValidator.validateRecordIds(t,this.idFieldName),this.canRenderRows=this.checkValidity()}emitColumnConfigurationChangeEvent(){const t={columns:this.columns.map((t=>({columnId:t.columnId,sortIndex:t.columnInternals.currentSortIndex??void 0,sortDirection:t.columnInternals.currentSortDirection,groupIndex:t.columnInternals.groupIndex,hidden:t.columnHidden,fractionalWidth:t.columnInternals.currentFractionalWidth,pixelWidth:t.columnInternals.currentPixelWidth})))}
+this.actionMenuSlots=Array.from(t),void 0!==this.openActionMenuRecordId&&this.updateRequestedSlotsForOpeningActionMenu(this.openActionMenuRecordId)}validate(){this.tableValidator.validateIdFieldConfiguration(this.selectionMode,this.idFieldName,this.parentIdFieldName),this.tableValidator.validateColumnIds(this.columns.map((t=>t.columnId))),this.tableValidator.validateColumnSortIndices(this.getColumnsParticipatingInSorting().map((t=>t.columnInternals.currentSortIndex))),this.tableValidator.validateColumnGroupIndices(this.getColumnsParticipatingInGrouping().map((t=>t.columnInternals.groupIndex))),this.tableValidator.validateColumnConfigurations(this.columns),this.dataHierarchyManager&&this.validateWithData(this.dataHierarchyManager.getAllRecords())}validateWithData(t){this.tableValidator.validateRecordIds(t,this.idFieldName),this.canRenderRows=this.checkValidity()}emitColumnConfigurationChangeEvent(){const t={columns:this.columns.map((t=>({columnId:t.columnId,sortIndex:t.columnInternals.currentSortIndex??void 0,sortDirection:t.columnInternals.currentSortDirection,groupIndex:t.columnInternals.groupIndex,hidden:t.columnHidden,fractionalWidth:t.columnInternals.currentFractionalWidth,pixelWidth:t.columnInternals.currentPixelWidth})))}
 this.$emit("column-configuration-change",t)}async emitSelectionChangeEvent(){const t={selectedRecordIds:await this.getSelectedRecordIds()}
 this.$emit("selection-change",t)}selectionStateChanged(){this.setSelectionCheckboxState()}selectionCheckboxChanged(){this.setSelectionCheckboxState()}setSelectionCheckboxState(){this.selectionCheckbox&&(this.ignoreSelectionChangeEvents=!0,this.selectionCheckbox.checked=this.selectionState===cR,this.selectionCheckbox.indeterminate=this.selectionState===dR,this.ignoreSelectionChangeEvents=!1)}isHierarchyEnabled(){return"string"==typeof this.parentIdFieldName}refreshRows(){this.selectionState=this.getTableSelectionState()
 let t=!1
 const e=this.table.getRowModel().rows,n=this.getRequestedSlotsByRecordId()
-this.tableData=e.map((e=>{const i=e.getIsGrouped(),s=!i&&e.getParentRow(),o=!i&&this.getRowCanExpand(e),r=!i&&!o&&!s&&e.depth>0&&!this.parentIdFieldName,a={record:e.original.clientRecord,id:e.id,selectionState:this.getRowSelectionState(e),isGroupRow:i,isExpanded:e.getIsExpanded(),groupRowValue:i?e.getValue(e.groupingColumnId):void 0,nestingLevel:r?e.depth-1:e.depth,isParentRow:o,immediateChildCount:e.subRows.length,groupColumn:this.getGroupRowColumn(e),resolvedRowIndex:e.index,isLoadingChildren:this.expansionManager.isLoadingChildren(e.id),slots:n[e.id]??[]}
+this.tableData=e.map((e=>{const i=e.getIsGrouped(),s=!i&&e.getParentRow(),o=!i&&this.getRowCanExpand(e),r=!i&&!o&&!s&&e.depth>0&&!this.parentIdFieldName,a={record:e.original.clientRecord,id:e.id,selectionState:this.getRowSelectionState(e),isGroupRow:i,isExpanded:e.getIsExpanded(),groupRowValue:i?e.getValue(e.groupingColumnId):void 0,nestingLevel:r?e.depth-1:e.depth,isParentRow:o,immediateChildCount:e.subRows.length,groupColumn:this.getGroupRowColumn(e),resolvedRowIndex:e.index,isLoadingChildren:this.expansionManager.isLoadingChildren(e.id),requestedSlots:n[e.id]??[]}
 return t=t||o,a})),this.showCollapseAll=t||this.getColumnsParticipatingInGrouping().length>0,this.virtualizer.dataChanged()}getRequestedSlotsByRecordId(){const t={}
-for(const[e,{recordId:n,uniqueSlot:i}]of this.columnRequestedSlots)Object.prototype.hasOwnProperty.call(t,n)||(t[n]=[]),t[n].push({name:e,slot:i})
+for(const[e,{recordId:n,uniqueSlot:i}]of this.requestedSlots)Object.prototype.hasOwnProperty.call(t,n)||(t[n]=[]),t[n].push({name:e,slot:i})
 return t}getTableSelectionState(){return this.table.getIsAllRowsSelected()?cR:this.table.getIsSomeRowsSelected()?dR:lR}getRowSelectionState(t){return t.getIsGrouped()?this.getGroupedRowSelectionState(t):t.getIsSelected()?cR:lR}getGroupedRowSelectionState(t){const e=t.getLeafRows().filter((t=>!t.getIsGrouped()))??[]
 let n=!1,i=!1
 for(const t of e)if(t.getIsSelected()?n=!0:i=!0,n&&i)return dR
@@ -11633,7 +11639,7 @@ if("string"==typeof n)return e.clientRecord[n]},sortingFn:vF(t.columnInternals.s
 const e={},n=this.tableValidator.getPresentRecordIds(t)
 for(const t of n)if(e[t]=!0,this.selectionMode===aR.single)break
 return e}}
-t([ft({attribute:"id-field-name"})],NF.prototype,"idFieldName",void 0),t([ft({attribute:"parent-id-field-name"})],NF.prototype,"parentIdFieldName",void 0),t([ft({attribute:"selection-mode"})],NF.prototype,"selectionMode",void 0),t([C],NF.prototype,"tableData",void 0),t([C],NF.prototype,"columns",void 0),t([C],NF.prototype,"childItems",void 0),t([C],NF.prototype,"rowElements",void 0),t([C],NF.prototype,"actionMenuSlots",void 0),t([C],NF.prototype,"openActionMenuRecordId",void 0),t([C],NF.prototype,"canRenderRows",void 0),t([C],NF.prototype,"scrollX",void 0),t([C],NF.prototype,"rowGridColumns",void 0),t([C],NF.prototype,"selectionState",void 0),t([C],NF.prototype,"selectionCheckbox",void 0),t([C],NF.prototype,"collapseAllButton",void 0),t([C],NF.prototype,"showCollapseAll",void 0),t([C],NF.prototype,"firstSortedColumn",void 0),t([C],NF.prototype,"visibleColumns",void 0),t([C],NF.prototype,"tableScrollableMinWidth",void 0),t([C],NF.prototype,"windowShiftKeyDown",void 0)
+t([ft({attribute:"id-field-name"})],NF.prototype,"idFieldName",void 0),t([ft({attribute:"parent-id-field-name"})],NF.prototype,"parentIdFieldName",void 0),t([ft({attribute:"selection-mode"})],NF.prototype,"selectionMode",void 0),t([C],NF.prototype,"tableData",void 0),t([C],NF.prototype,"columns",void 0),t([C],NF.prototype,"childItems",void 0),t([C],NF.prototype,"rowElements",void 0),t([C],NF.prototype,"openActionMenuRecordId",void 0),t([C],NF.prototype,"canRenderRows",void 0),t([C],NF.prototype,"scrollX",void 0),t([C],NF.prototype,"rowGridColumns",void 0),t([C],NF.prototype,"selectionState",void 0),t([C],NF.prototype,"selectionCheckbox",void 0),t([C],NF.prototype,"collapseAllButton",void 0),t([C],NF.prototype,"showCollapseAll",void 0),t([C],NF.prototype,"canHaveCollapsibleRows",void 0),t([k],NF.prototype,"collapseButtonVisibility",null),t([C],NF.prototype,"firstSortedColumn",void 0),t([C],NF.prototype,"visibleColumns",void 0),t([C],NF.prototype,"tableScrollableMinWidth",void 0),t([C],NF.prototype,"windowShiftKeyDown",void 0)
 const LF=NF.compose({baseName:"table",template:iF,styles:FR})
 _i.getOrCreate().withPrefix("nimble").register(LF())
 const BF=Mt`