@ni/nimble-components 29.8.1 → 29.8.2

package/dist/all-components-bundle.js

@@ -16333,7 +16333,7 @@
 
   /**
    * Do not edit directly
-   * Generated on Thu, 11 Jul 2024 17:27:02 GMT
+   * Generated on Thu, 11 Jul 2024 21:51:38 GMT
    */
 
   const Information100DarkUi = "#a46eff";
@@ -16755,7 +16755,6 @@
   const keyFunction2 = "F2";
   const keyPageDown = "PageDown";
   const keyPageUp = "PageUp";
-  const keyShift = "Shift";
   const keySpace = " ";
   const keyTab = "Tab";
 
@@ -66389,7 +66388,7 @@ focus outline in that case.
         aria-multiselectable="${x => x.ariaMultiSelectable}"
         ${children$1({ property: 'childItems', filter: elements() })}
     >
-        <div class="table-container ${x => (x.documentShiftKeyDown ? 'disable-select' : '')}"
+        <div class="table-container ${x => (x.windowShiftKeyDown ? 'disable-select' : '')}"
             style="
             --ni-private-table-scroll-x: -${x => x.scrollX}px;
             --ni-private-table-header-container-margin-right: ${x => x.virtualizer.headerContainerMarginRight}px;
@@ -69527,7 +69526,7 @@ focus outline in that case.
            * space through a column resize operation.
            */
           this.tableScrollableMinWidth = 0;
-          this.documentShiftKeyDown = false;
+          this.windowShiftKeyDown = false;
           this.tableValidator = new TableValidator();
           this.tableUpdateTracker = new TableUpdateTracker(this);
           this.columnNotifiers = [];
@@ -69544,14 +69543,13 @@ focus outline in that case.
               this.scrollX = event.target.scrollLeft;
           };
           this.onKeyDown = (event) => {
-              if (event.key === keyShift) {
-                  this.documentShiftKeyDown = true;
-              }
+              this.windowShiftKeyDown = event.shiftKey;
           };
           this.onKeyUp = (event) => {
-              if (event.key === keyShift) {
-                  this.documentShiftKeyDown = false;
-              }
+              this.windowShiftKeyDown = event.shiftKey;
+          };
+          this.onBlur = () => {
+              this.windowShiftKeyDown = false;
           };
           this.getRowCanExpand = (row) => {
               return this.expansionManager.isRowExpandable(row);
@@ -69649,16 +69647,18 @@ focus outline in that case.
               passive: true
           });
           this.keyboardNavigationManager.connect();
-          document.addEventListener('keydown', this.onKeyDown);
-          document.addEventListener('keyup', this.onKeyUp);
+          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);
-          document.removeEventListener('keydown', this.onKeyDown);
-          document.removeEventListener('keyup', this.onKeyUp);
+          window.removeEventListener('keydown', this.onKeyDown);
+          window.removeEventListener('keyup', this.onKeyUp);
+          window.removeEventListener('blur', this.onBlur);
       }
       checkValidity() {
           return this.tableValidator.isValid();
@@ -69691,7 +69691,7 @@ focus outline in that case.
       /** @internal */
       onRowSelectionToggle(rowIndex, event) {
           event.stopImmediatePropagation();
-          const selectionChanged = this.selectionManager.handleRowSelectionToggle(this.tableData[rowIndex], event.detail.newState, this.documentShiftKeyDown);
+          const selectionChanged = this.selectionManager.handleRowSelectionToggle(this.tableData[rowIndex], event.detail.newState, this.windowShiftKeyDown);
           if (selectionChanged) {
               void this.emitSelectionChangeEvent();
           }
@@ -70367,7 +70367,7 @@ focus outline in that case.
   ], Table$1.prototype, "tableScrollableMinWidth", void 0);
   __decorate$1([
       observable
-  ], Table$1.prototype, "documentShiftKeyDown", void 0);
+  ], Table$1.prototype, "windowShiftKeyDown", void 0);
   const nimbleTable = Table$1.compose({
       baseName: 'table',
       template: template$g,