@homebound/beam 4.13.0 → 4.13.1

package/dist/index.cjs

@@ -14393,23 +14393,32 @@ function GridTable(props) {
   }
   return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TableStateContext.Provider, { value: rowStateContext, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(PresentationProvider, { fieldProps, wrap: style?.presentationSettings?.wrap, children: [
     /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { ref: resizeRef, ...(0, import_runtime42.trussProps)(getTableRefWidthStyles(as === "virtual", inDocumentScrollLayout)), ...tid.probe }),
-    loading && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { ...(0, import_runtime42.trussProps)({
-      position: "fixed",
-      top: "top0",
-      right: "r_0",
-      bottom: "bot_0",
-      left: "l_0",
-      display: "df",
-      alignItems: "aic",
-      justifyContent: "jcc",
-      pointerEvents: "pen",
-      zIndex: ["z_var", {
-        "--zIndex": (0, import_runtime42.maybeCssVar)(zIndices.tableLoadingOverlay)
-      }]
-    }), ...tid.loadingOverlay, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Loader, { ...tid.loadingSpinner }) }),
+    loading && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { ...(0, import_runtime42.trussProps)(loadingOverlayCss), ...tid.loadingOverlay, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Loader, { ...tid.loadingSpinner }) }),
     as === "card" ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(CardView, { cardRows: visibleDataRows, id, virtuosoRangeRef, infiniteScroll, persistScrollPosition, loading }) : _as === "virtual" ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(VirtualGridTableView, { style: tableStyle, id, columns, visibleDataRows, keptSelectedRows, pinnedRows, firstRowMessage, stickyHeader, xss, virtuosoRef, virtuosoRangeRef, tableHeadRows, stickyOffset, infiniteScroll, persistScrollPosition, loading }) : renders[_as](tableStyle, id, columns, visibleDataRows, keptSelectedRows, pinnedRows, firstRowMessage, stickyHeader, xss, virtuosoRef, virtuosoRangeRef, tableHeadRows, stickyOffset, loading, infiniteScroll, tableContainerRef, persistScrollPosition)
   ] }) });
 }
+var loadingOverlayCss = {
+  position: "fixed",
+  top: ["top_var", {
+    "--top": (0, import_runtime42.maybeCssVar)(__maybeInc12(stickyTableHeaderOffset()))
+  }],
+  bottom: ["bottom_var", {
+    "--bottom": (0, import_runtime42.maybeCssVar)(__maybeInc12(getFloatingBottomOffset()))
+  }],
+  left: ["left_var", {
+    "--left": (0, import_runtime42.maybeCssVar)(__maybeInc12(documentScrollChromeLeft()))
+  }],
+  width: ["w_var", {
+    "--width": (0, import_runtime42.maybeCssVar)(__maybeInc12(`calc(${documentScrollChromeWidth()} - var(${beamRightPaneWidthVar}, 0px))`))
+  }],
+  display: "df",
+  alignItems: "aic",
+  justifyContent: "jcc",
+  pointerEvents: "pen",
+  zIndex: ["z_var", {
+    "--zIndex": (0, import_runtime42.maybeCssVar)(zIndices.tableLoadingOverlay)
+  }]
+};
 var renders = {
   table: renderTable,
   div: renderDiv