@ni/nimble-components 30.0.0 → 30.0.1

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

@@ -10243,7 +10243,7 @@ try{e=document.createElement(t)}catch(t){}if(!(e instanceof SR))throw new Error(
         >
         </${t}>
     `)
-class IR extends We{constructor(){super(...arguments),this.delegatedEvents=[],this.delegatedEventHandler=()=>{}}get tabbableChildren(){return[]}focusedRecycleCallback(){}columnChanged(){for(const t of this.delegatedEvents)this.removeEventListener(t,this.delegatedEventHandler)
+class IR extends We{constructor(){super(...arguments),this.delegatedEvents=[],this.delegatedEventHandler=()=>{}}get tabbableChildren(){return[]}columnChanged(){for(const t of this.delegatedEvents)this.removeEventListener(t,this.delegatedEventHandler)
 if(this.delegatedEvents=[],this.delegatedEventHandler=()=>{},this.column){this.delegatedEvents=this.column.columnInternals.delegatedEvents,this.delegatedEventHandler=t=>{this.recordId&&this.column?.dispatchEvent(new CustomEvent("delegated-event",{detail:{originalEvent:t,recordId:this.recordId}}))}
 for(const t of this.delegatedEvents)this.addEventListener(t,this.delegatedEventHandler)}}}function MR(t,e){return`${t}-${e}`}function $R(t,e){return MR(t.columnInternals.uniqueId,e)}t([C],IR.prototype,"cellRecord",void 0),t([C],IR.prototype,"columnConfig",void 0),t([C],IR.prototype,"column",void 0),t([C],IR.prototype,"recordId",void 0)
 const ER=t=>((t=>{let e
@@ -10898,8 +10898,7 @@ class ZR extends We{constructor(){super(...arguments),this.selectable=!1,this.se
 const e=t.target.checked
 this.onSelectionChange(!e,e)}onSelectionChange(t,e){this.selected=e
 const n={oldState:t,newState:e}
-this.$emit("row-selection-toggle",n)}onCellActionMenuBeforeToggle(t,e){this.currentActionMenuColumn=e,this.emitActionMenuToggleEvent("row-action-menu-beforetoggle",t.detail,e)}onCellActionMenuToggle(t,e){this.menuOpen=t.detail.newState,this.emitActionMenuToggleEvent("row-action-menu-toggle",t.detail,e)}closeOpenActionMenus(){if(this.menuOpen){const t=Array.from(this.cellContainer.children).find((t=>t instanceof qR&&t.menuOpen))
-t?.actionMenuButton?.open&&t.actionMenuButton.toggleButton.control.click()}}handleChange(t,e){t instanceof DR&&"string"==typeof e&&(AR(e,"columnConfig")||AR(e,"dataRecordFieldNames"))&&this.updateCellStates()}getFocusableElements(){return{selectionCheckbox:this.showSelectionCheckbox?this.selectionCheckbox:void 0,cells:Array.from(this.cellContainer.querySelectorAll(WR)).map((t=>({cell:t,actionMenuButton:t.hasActionMenu?t.actionMenuButton:void 0})))}}onRowExpandToggle(t){const e={oldState:this.expanded,newState:!this.expanded,recordId:this.recordId}
+this.$emit("row-selection-toggle",n)}onCellActionMenuBeforeToggle(t,e){this.currentActionMenuColumn=e,this.emitActionMenuToggleEvent("row-action-menu-beforetoggle",t.detail,e)}onCellActionMenuToggle(t,e){this.menuOpen=t.detail.newState,this.emitActionMenuToggleEvent("row-action-menu-toggle",t.detail,e)}handleChange(t,e){t instanceof DR&&"string"==typeof e&&(AR(e,"columnConfig")||AR(e,"dataRecordFieldNames"))&&this.updateCellStates()}getFocusableElements(){return{selectionCheckbox:this.showSelectionCheckbox?this.selectionCheckbox:void 0,cells:Array.from(this.cellContainer.querySelectorAll(WR)).map((t=>({cell:t,actionMenuButton:t.hasActionMenu?t.actionMenuButton:void 0})))}}onRowExpandToggle(t){const e={oldState:this.expanded,newState:!this.expanded,recordId:this.recordId}
 this.$emit("row-expand-toggle",e),t?.stopImmediatePropagation(),this.animationClass="animating",this.expandIcon?.addEventListener("transitionend",this.removeAnimatingClass)}onCellViewSlotsRequest(t,e){if(e.stopImmediatePropagation(),"string"!=typeof this.recordId)return
 const n={recordId:this.recordId,columnInternalId:t.columnInternals.uniqueId,slots:e.detail.slots}
 this.$emit("row-slots-request",n)}emitActionMenuToggleEvent(t,e,n){const i={newState:e.newState,oldState:e.oldState,recordIds:[this.recordId],columnId:n.columnId}
@@ -11325,8 +11324,7 @@ const e=this.getMeasurements()
 let n
 return n=0===e.length?this.options.paddingStart:1===this.options.lanes?(null==(t=e[e.length-1])?void 0:t.end)??0:Math.max(...e.slice(-this.options.lanes).map((t=>t.end))),n-this.options.scrollMargin+this.options.paddingEnd},this._scrollToOffset=(t,{adjustments:e,behavior:n})=>{this.options.scrollToFn(t,{behavior:n,adjustments:e},this)},this.measure=()=>{var t,e
 this.itemSizeCache=new Map,null==(e=(t=this.options).onChange)||e.call(t,this,!1)},this.setOptions(t)}}(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:pF,observeElementOffset:hF,observeElementRect:lF,onChange:()=>this.handleVirtualizerChange()}}handleVirtualizerChange(){this.table.handleFocusedCellRecycling()
-const t=this.virtualizer
+return{count:this.tanStackTable.getRowModel().rows.length,getScrollElement:()=>this.table.viewport,estimateSize:e=>t,enableSmoothScroll:!0,overscan:3,scrollingDelay:5,scrollToFn:pF,observeElementOffset:hF,observeElementRect:lF,onChange:()=>this.handleVirtualizerChange()}}handleVirtualizerChange(){const t=this.virtualizer
 this.visibleItems=t.getVirtualItems(),this.scrollHeight=t.getTotalSize()
 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 gF(t){switch(t){case wR:return bF
@@ -11464,7 +11462,7 @@ else if(t===this.table&&"rowElements"===e){for(const t of this.visibleRowNotifie
 this.visibleRowNotifiers=[]
 for(const t of this.table.rowElements){x.getNotifier(t).subscribe(this,"resolvedRowIndex"),t.resolvedRowIndex===this.rowIndex&&(n=!0)}}else"resolvedRowIndex"===e&&this.isResolvedRowType(t)&&t.resolvedRowIndex===this.rowIndex&&(n=!0)
 if(n&&(this.focusType!==bR&&this.focusType!==yR||this.setCellFocusState(this.columnIndex,this.rowIndex,!1),this.inNavigationMode&&this.hasRowOrCellFocusType())){if(this.rowIndex>this.table.tableData.length-1){if(!(this.table.tableData.length>0))return void(this.focusWithinTable?this.setDefaultFocus():this.focusType=uR)
-this.rowIndex=0}this.focusWithinTable&&this.focusCurrentRow(!1)}}handleFocusedCellRecycling(t){t&&!this.focusWithinTable&&this.focusCurrentRow(!1)}onRowFocusIn(t){if(this.isCurrentlyFocusingElement)return
+this.rowIndex=0}this.focusWithinTable&&this.focusCurrentRow(!1)}}onRowFocusIn(t){if(this.isCurrentlyFocusingElement)return
 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))
@@ -11598,11 +11596,7 @@ 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}handleFocusedCellRecycling(){const t=this.keyboardNavigationManager.hasActiveRowOrCellFocus
-let e=this.shadowRoot.activeElement
-for(;null!==e&&!(e instanceof IR)&&e.shadowRoot;)e=e.shadowRoot.activeElement
-if(e instanceof IR&&e.focusedRecycleCallback(),void 0!==this.openActionMenuRecordId){const t=this.rowElements.find((t=>t instanceof ZR&&t.recordId===this.openActionMenuRecordId))
-t?.closeOpenActionMenus()}this.keyboardNavigationManager.handleFocusedCellRecycling(t)}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)
+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()
 const n=await this.getActionMenuToggleEventDetail(e)
 this.$emit("action-menu-beforetoggle",n)}async handleRowActionMenuToggleEvent(t){this.keyboardNavigationManager.onRowActionMenuToggle(t)
@@ -11721,7 +11715,7 @@ function PF(t){class e extends t{fractionalWidthChanged(){this.columnInternals.f
     </template>
 `
 class qF extends IR{constructor(){super(...arguments),this.hasOverflow=!1,this.isPlaceholder=!1}get text(){const t=this.cellRecord?.label??this.cellRecord?.href
-return null==t&&this.columnConfig?.placeholder?(this.isPlaceholder=!0,this.columnConfig.placeholder):(this.isPlaceholder=!1,"string"==typeof this.cellRecord?.label?this.cellRecord.label:"string"==typeof this.cellRecord?.href?this.cellRecord.href:"")}get showAnchor(){return"string"==typeof this.cellRecord?.href}focusedRecycleCallback(){this.anchor?.blur()}get tabbableChildren(){return this.showAnchor?[this.anchor]:[]}}t([C],qF.prototype,"hasOverflow",void 0),t([C],qF.prototype,"isPlaceholder",void 0),t([k],qF.prototype,"text",null),t([k],qF.prototype,"showAnchor",null)
+return null==t&&this.columnConfig?.placeholder?(this.isPlaceholder=!0,this.columnConfig.placeholder):(this.isPlaceholder=!1,"string"==typeof this.cellRecord?.label?this.cellRecord.label:"string"==typeof this.cellRecord?.href?this.cellRecord.href:"")}get showAnchor(){return"string"==typeof this.cellRecord?.href}get tabbableChildren(){return this.showAnchor?[this.anchor]:[]}}t([C],qF.prototype,"hasOverflow",void 0),t([C],qF.prototype,"isPlaceholder",void 0),t([k],qF.prototype,"text",null),t([k],qF.prototype,"showAnchor",null)
 const jF=qF.compose({baseName:"table-column-anchor-cell-view",template:UF,styles:HF})
 _i.getOrCreate().withPrefix("nimble").register(jF())
 class WF extends SR{constructor(){super(...arguments),this.hasOverflow=!1,this.text=Pv.getValueFor(this),this.noValuePlaceholderLabelSubscriber={handleChange:()=>{this.applyPlaceholderTextIfNeeded()}},this.emptyPlaceholderLabelSubscriber={handleChange:()=>{this.applyPlaceholderTextIfNeeded()}}}connectedCallback(){super.connectedCallback(),Pv.subscribe(this.noValuePlaceholderLabelSubscriber,this),zv.subscribe(this.emptyPlaceholderLabelSubscriber,this),this.applyPlaceholderTextIfNeeded()}disconnectedCallback(){super.disconnectedCallback(),Pv.unsubscribe(this.noValuePlaceholderLabelSubscriber),zv.unsubscribe(this.emptyPlaceholderLabelSubscriber)}columnConfigChanged(){this.applyPlaceholderTextIfNeeded()||this.updateText()}groupHeaderValueChanged(){this.applyPlaceholderTextIfNeeded()||this.updateText()}applyPlaceholderTextIfNeeded(){return null===this.groupHeaderValue||void 0===this.groupHeaderValue?(this.text=Pv.getValueFor(this),!0):""===this.groupHeaderValue&&(this.text=zv.getValueFor(this),!0)}}t([C],WF.prototype,"hasOverflow",void 0),t([C],WF.prototype,"text",void 0)