@ni/nimble-components 30.0.1 → 30.0.2

package/dist/all-components-bundle.js

@@ -16333,7 +16333,7 @@
 
   /**
    * Do not edit directly
-   * Generated on Tue, 16 Jul 2024 23:38:17 GMT
+   * Generated on Wed, 17 Jul 2024 17:49:16 GMT
    */
 
   const Information100DarkUi = "#a46eff";
@@ -66667,15 +66667,7 @@ focus outline in that case.
                                         @row-slots-request="${(_, c) => c.parent.onRowSlotsRequest(c.event)}"
                                         @row-expand-toggle="${(x, c) => c.parent.handleRowExpanded(x.index)}"
                                     >
-                                    ${when((x, c) => c.parent.openActionMenuRecordId === c.parent.tableData[x.index]?.id, html `
-                                        ${repeat((_, c) => c.parent.actionMenuSlots, html `
-                                            <slot
-                                                name="${x => x}"
-                                                slot="${x => `row-action-menu-${x}`}">
-                                            </slot>
-                                        `)}
-                                    `)}
-                                    ${repeat((x, c) => (c.parent.tableData[x.index]?.slots || []), html `
+                                    ${repeat((x, c) => (c.parent.tableData[x.index]?.requestedSlots || []), html `
                                         <slot
                                             name="${x => x.name}"
                                             slot="${x => x.slot}"
@@ -69624,10 +69616,6 @@ focus outline in that case.
            * @internal
            */
           this.rowElements = [];
-          /**
-           * @internal
-           */
-          this.actionMenuSlots = [];
           /**
            * @internal
            */
@@ -69666,7 +69654,8 @@ focus outline in that case.
           this.ignoreSelectionChangeEvents = false;
           // Map from the external slot name to the record ID of the row that should have the slot
           // and the unique slot name that the slot should be slotted into.
-          this.columnRequestedSlots = new Map();
+          this.requestedSlots = new Map();
+          this.actionMenuSlots = [];
           this.onViewPortScroll = (event) => {
               this.scrollX = event.target.scrollLeft;
           };
@@ -69864,7 +69853,7 @@ focus outline in that case.
           event.stopImmediatePropagation();
           for (const slotMetadata of event.detail.slots) {
               const uniqueSlot = uniquifySlotNameForColumnId(event.detail.columnInternalId, slotMetadata.slot);
-              this.columnRequestedSlots.set(slotMetadata.name, {
+              this.requestedSlots.set(slotMetadata.name, {
                   recordId: event.detail.recordId,
                   uniqueSlot
               });
@@ -70043,9 +70032,12 @@ focus outline in that case.
           this.observeColumns();
           this.tableUpdateTracker.trackColumnInstancesChanged();
       }
-      removeActionMenuSlotsFromColumnRequestedSlots() {
+      updateRequestedSlotsForOpeningActionMenu(openActionMenuRecordId) {
           for (const actionMenuSlot of this.actionMenuSlots) {
-              this.columnRequestedSlots.delete(actionMenuSlot);
+              this.requestedSlots.set(actionMenuSlot, {
+                  recordId: openActionMenuRecordId,
+                  uniqueSlot: `row-action-menu-${actionMenuSlot}`
+              });
           }
           this.refreshRows();
       }
@@ -70055,7 +70047,7 @@ focus outline in that case.
               await this.emitSelectionChangeEvent();
           }
           this.openActionMenuRecordId = event.detail.recordIds[0];
-          this.removeActionMenuSlotsFromColumnRequestedSlots();
+          this.updateRequestedSlotsForOpeningActionMenu(this.openActionMenuRecordId);
           const detail = await this.getActionMenuToggleEventDetail(event);
           this.$emit('action-menu-beforetoggle', detail);
       }
@@ -70183,6 +70175,13 @@ focus outline in that case.
           this.updateTableOptions(updatedOptions);
       }
       updateActionMenuSlots() {
+          if (this.openActionMenuRecordId !== undefined) {
+              // If the action menu is open, delete all the slots associated
+              // with the old action menu slots.
+              for (const actionMenuSlot of this.actionMenuSlots) {
+                  this.requestedSlots.delete(actionMenuSlot);
+              }
+          }
           const slots = new Set();
           for (const column of this.columns) {
               if (column.actionMenuSlot) {
@@ -70190,6 +70189,11 @@ focus outline in that case.
               }
           }
           this.actionMenuSlots = Array.from(slots);
+          if (this.openActionMenuRecordId !== undefined) {
+              // If the action menu is open, create slots for all the new
+              // action menu slots.
+              this.updateRequestedSlotsForOpeningActionMenu(this.openActionMenuRecordId);
+          }
       }
       validate() {
           this.tableValidator.validateIdFieldConfiguration(this.selectionMode, this.idFieldName, this.parentIdFieldName);
@@ -70274,7 +70278,7 @@ focus outline in that case.
                   groupColumn: this.getGroupRowColumn(row),
                   resolvedRowIndex: row.index,
                   isLoadingChildren: this.expansionManager.isLoadingChildren(row.id),
-                  slots: slotsByRecordId[row.id] ?? []
+                  requestedSlots: slotsByRecordId[row.id] ?? []
               };
               hasDataHierarchy = hasDataHierarchy || isParent;
               return rowState;
@@ -70286,7 +70290,7 @@ focus outline in that case.
       getRequestedSlotsByRecordId() {
           const slotsByRecordId = {};
           for (const [slotName, { recordId, uniqueSlot }] of this
-              .columnRequestedSlots) {
+              .requestedSlots) {
               if (!Object.prototype.hasOwnProperty.call(slotsByRecordId, recordId)) {
                   slotsByRecordId[recordId] = [];
               }
@@ -70434,9 +70438,6 @@ focus outline in that case.
   __decorate$1([
       observable
   ], Table$1.prototype, "rowElements", void 0);
-  __decorate$1([
-      observable
-  ], Table$1.prototype, "actionMenuSlots", void 0);
   __decorate$1([
       observable
   ], Table$1.prototype, "openActionMenuRecordId", void 0);