@ni/nimble-components 19.8.4 → 19.9.0

package/dist/all-components-bundle.js

@@ -16288,7 +16288,7 @@
 
   /**
    * Do not edit directly
-   * Generated on Thu, 20 Jul 2023 16:03:51 GMT
+   * Generated on Mon, 24 Jul 2023 14:49:20 GMT
    */
 
   const Information100DarkUi = "#a46eff";
@@ -30899,11 +30899,11 @@
           this.visibleColumns = [];
           this.currentTotalDelta = 0;
           this.dragStart = 0;
-          this.initialColumnPixelWidths = [];
+          this.initialColumnWidths = [];
           this.onDividerMouseMove = (event) => {
               const mouseEvent = event;
               for (let i = 0; i < this.visibleColumns.length; i++) {
-                  this.visibleColumns[i].columnInternals.currentPixelWidth = this.initialColumnPixelWidths[i]?.initialPixelWidth;
+                  this.visibleColumns[i].columnInternals.currentPixelWidth = this.initialColumnWidths[i]?.initialPixelWidth;
               }
               this.currentTotalDelta = this.getAllowedSizeDelta(mouseEvent.clientX - this.dragStart);
               this.performCascadeSizeLeft(this.leftColumnIndex, this.currentTotalDelta);
@@ -30982,7 +30982,7 @@
           // size left
           let currentIndex = this.leftColumnIndex;
           while (currentIndex >= 0) {
-              const columnInitialWidths = this.initialColumnPixelWidths[currentIndex];
+              const columnInitialWidths = this.initialColumnWidths[currentIndex];
               availableSpace
                   += columnInitialWidths.initialPixelWidth
                       - columnInitialWidths.minPixelWidth;
@@ -30992,7 +30992,7 @@
       }
       performCascadeSizeLeft(leftColumnIndex, delta) {
           let currentDelta = delta;
-          const leftColumnInitialWidths = this.initialColumnPixelWidths[leftColumnIndex];
+          const leftColumnInitialWidths = this.initialColumnWidths[leftColumnIndex];
           const allowedDelta = delta < 0
               ? Math.max(leftColumnInitialWidths.minPixelWidth
                   - leftColumnInitialWidths.initialPixelWidth, currentDelta)
@@ -31007,7 +31007,7 @@
       }
       performCascadeSizeRight(rightColumnIndex, delta) {
           let currentDelta = delta;
-          const rightColumnInitialWidths = this.initialColumnPixelWidths[rightColumnIndex];
+          const rightColumnInitialWidths = this.initialColumnWidths[rightColumnIndex];
           const allowedDelta = delta > 0
               ? Math.min(rightColumnInitialWidths.initialPixelWidth
                   - rightColumnInitialWidths.minPixelWidth, currentDelta)
@@ -31031,9 +31031,9 @@
           }
       }
       cacheColumnInitialPixelWidths() {
-          this.initialColumnPixelWidths = [];
+          this.initialColumnWidths = [];
           for (const column of this.visibleColumns) {
-              this.initialColumnPixelWidths.push({
+              this.initialColumnWidths.push({
                   initalColumnFractionalWidth: column.columnInternals.currentFractionalWidth,
                   initialPixelWidth: column.columnInternals.currentPixelWidth,
                   minPixelWidth: column.columnInternals.minPixelWidth
@@ -31051,9 +31051,8 @@
               if (column === this.gridSizedColumns[gridColumnIndex]) {
                   gridColumnIndex += 1;
                   column.columnInternals.currentFractionalWidth = (column.columnInternals.currentPixelWidth
-                      / this.initialColumnPixelWidths[i].initialPixelWidth)
-                      * this.initialColumnPixelWidths[i]
-                          .initalColumnFractionalWidth;
+                      / this.initialColumnWidths[i].initialPixelWidth)
+                      * this.initialColumnWidths[i].initalColumnFractionalWidth;
                   column.columnInternals.currentPixelWidth = undefined;
               }
           }
@@ -31656,6 +31655,8 @@
           this.table = createTable(this.options);
           this.virtualizer = new Virtualizer(this, this.table);
           this.layoutManager = new TableLayoutManager(this);
+          this.layoutManagerNotifier = Observable.getNotifier(this.layoutManager);
+          this.layoutManagerNotifier.subscribe(this, 'isColumnBeingSized');
           this.selectionManager = new InteractiveSelectionManager(this.table, this.selectionMode);
       }
       get validity() {
@@ -31743,6 +31744,13 @@
                   this.tableUpdateTracker.trackColumnPropertyChanged(args);
               }
           }
+          else if (source instanceof TableLayoutManager
+              && args === 'isColumnBeingSized'
+              && !this.layoutManager.isColumnBeingSized) {
+              // 'isColumnBeingSized' changing to 'false' indicates an interactive
+              // column sizing operation has been completed
+              this.emitColumnConfigurationChangeEvent();
+          }
       }
       /** @internal */
       onRowSelectionToggle(rowIndex, event) {