@ni/spright-components 4.3.8 → 4.3.10

package/dist/all-components-bundle.js

@@ -66333,7 +66333,7 @@ img.ProseMirror-separator {
 
     :host {
         height: 480px;
-        ${tableFitRowsHeight.cssCustomProperty}: calc(var(--ni-private-table-scroll-height) + ${controlHeight});
+        ${tableFitRowsHeight.cssCustomProperty}: calc(var(--ni-private-table-scroll-height) + var(--ni-private-table-horizontal-scrollbar-height) + ${controlHeight});
         ${
 /**
  * Set a default maximum height for the table of 40.5 rows plus the header row so
@@ -67686,7 +67686,7 @@ focus outline in that case.
         aria-multiselectable="${x => x.ariaMultiSelectable}"
         ${children$1({ property: 'childItems', filter: elements() })}
     >
-        <style>:host{ --ni-private-table-scroll-height: ${x => x.virtualizer.scrollHeight}px; }</style>
+        <style>:host{ --ni-private-table-scroll-height: ${x => x.virtualizer.scrollHeight}px; --ni-private-table-horizontal-scrollbar-height: ${x => x.virtualizer.horizontalScrollbarHeight}px; }</style>
         <div class="table-container ${x => (x.windowShiftKeyDown ? 'disable-select' : '')}"
             style="
             --ni-private-table-scroll-x: -${x => x.scrollX}px;
@@ -68597,6 +68597,7 @@ focus outline in that case.
       constructor(table, tanStackTable) {
           this.visibleItems = [];
           this.scrollHeight = 0;
+          this.horizontalScrollbarHeight = 0;
           this.isScrolling = false;
           this.headerContainerMarginRight = 0;
           this.rowContainerYOffset = 0;
@@ -68612,6 +68613,7 @@ focus outline in that case.
                   // by the same margin so the column headers align with the corresponding rendered cells
                   const viewportBoundingWidth = borderBoxSize.inlineSize;
                   this.headerContainerMarginRight = viewportBoundingWidth - this.table.viewport.clientWidth;
+                  this.horizontalScrollbarHeight = borderBoxSize.blockSize - this.table.viewport.clientHeight;
               }
           });
       }
@@ -68704,6 +68706,9 @@ focus outline in that case.
   __decorate$1([
       observable
   ], Virtualizer.prototype, "scrollHeight", undefined);
+  __decorate$1([
+      observable
+  ], Virtualizer.prototype, "horizontalScrollbarHeight", undefined);
   __decorate$1([
       observable
   ], Virtualizer.prototype, "isScrolling", undefined);