@nanoporetech-digital/components 3.6.0 → 3.7.0

package/dist/custom-elements/index.js

@@ -26257,9 +26257,6 @@ const Table = class extends H {
     this.nanoTblBeforeSearch = createEvent(this, "nanoTblBeforeSearch", 7);
     this.nanoTblAfterSearch = createEvent(this, "nanoTblAfterSearch", 7);
     this.nanoTblBeforeEdit = createEvent(this, "nanoTblBeforeEdit", 7);
-    this.debounceSetLoading = (l) => {
-      this.internalLoading = l;
-    };
     this.renderId = 'tbl-' + id$1++;
     this.filters = [];
     this.currentFilters = '[]';
@@ -26376,8 +26373,7 @@ const Table = class extends H {
                 Math.max(0, blockIndex - 1),
               ];
               if (potentialBlocks.toString() !== this.activeBlocks.toString()) {
-                this.activeBlocks = potentialBlocks;
-                this.setBlockHeight();
+                this.debouncedBlockChange(potentialBlocks);
               }
             }
             // fire the event regardless
@@ -26427,6 +26423,7 @@ const Table = class extends H {
     this.blocks = [];
     this.activeBlocks = [0, 1, 2];
     this.debounceSetLoading = debounce$2(this.debounceSetLoading.bind(this), 50);
+    this.debouncedBlockChange = debounce$2(this.debouncedBlockChange.bind(this), 100);
   }
   get _loading() {
     return this.loading !== undefined ? this.loading : this.internalLoading;
@@ -26436,6 +26433,9 @@ const Table = class extends H {
       return;
     this.debounceSetLoading(l);
   }
+  debounceSetLoading(l) {
+    this.internalLoading = l;
+  }
   handleRowsChange() {
     if (!this.rows) {
       this._loading = true;
@@ -26796,6 +26796,10 @@ const Table = class extends H {
       });
     });
   }
+  debouncedBlockChange(newBlocks) {
+    this.activeBlocks = newBlocks;
+    this.setBlockHeight();
+  }
   /** Process slotted content */
   processSlots() {
     // see if we have slot content
@@ -26853,9 +26857,9 @@ const Table = class extends H {
       } }, this.activeBlocks.includes(blockIndex) ? (block.rows.map((row, i) => {
       const rowIndex = blockIndex > 0 ? blockIndex * this.perBlock + i : i;
       return (h$1(TableRow, { rowRenderer: this.rowRender, rowModel: row, rowIndex: rowIndex }, this.store.config.state.columns.map((_colModel, colIndex) => (h$1(TableCell, { rowIndex: rowIndex, colIndex: colIndex })))));
-    })) : (h$1("td", { colSpan: this.store.config.state.columns.length, style: {
+    })) : (h$1("tr", null, h$1("td", { colSpan: this.store.config.state.columns.length, style: {
         height: this.getBlockHeight(blockIndex),
-      } }))))), this.showFooter && (h$1("tfoot", null, h$1(TableHeadFootRow, { rowRenderer: this.footRender, onColumnPinned: this.handleColumnPinned }, this.store.config.state.columns.map((colModel) => [
+      } })))))), this.showFooter && (h$1("tfoot", null, h$1(TableHeadFootRow, { rowRenderer: this.footRender, onColumnPinned: this.handleColumnPinned }, this.store.config.state.columns.map((colModel) => [
       h$1(TableColHead, { column: colModel, headRenderer: this.footRender, onColumnPinned: this.handleColumnPinned, onColumnSortClick: this.sortStart, defaults: {
           sortable: this.defaultSort,
           draggable: this.defaultColDraggable,