@nanoporetech-digital/components 3.6.0 → 3.7.1

package/dist/custom-elements/index.js

@@ -15544,22 +15544,7 @@ const GlobalNav = class extends H {
       this.THRESHOLDLIMIT - THRESHOLDBREAKS.main &&
       !!this.mainSlotLen && h$1("slot", { name: "main" })), (((!!this.aboutSlotLen || !!this.aboutNavItms.length) &&
       this.hasSiteSlot) ||
-      !!this.siteNavItms.length) && (h$1("div", null, (!!this.aboutSlotLen || !!this.aboutNavItms.length) && [
-      // About Menu as an open list (before more items are added to burger)`
-      (this.threshold >=
-        this.THRESHOLDLIMIT - (THRESHOLDBREAKS.about + 1) ||
-        this.mainSlotLen < 2) &&
-        this.overflowSlotLen < 2 && (h$1("div", { class: "nav-links-wrap" }, !!this.aboutNavItms.length && (h$1("h4", { class: "nav-links_title" }, "About")), h$1("nav", { class: "nav-links nav-links--sub", "aria-label": "About the company links" }, h$1("slot", { name: "about" }), this.aboutNavItms.map((link) => {
-        return (h$1("nano-nav-item", { class: "nano-global-nav nano-global-nav-menu" }, h$1("a", { href: link.address, target: link.target }, link.title)));
-      })))),
-      // About Menu as hidden list (when more items are added to burger)
-      ((this.threshold <
-        this.THRESHOLDLIMIT - (THRESHOLDBREAKS.about + 1) &&
-        this.mainSlotLen >= 2) ||
-        this.overflowSlotLen >= 2) && (h$1("nav", { class: "nav-links", "aria-label": "About the company links" }, !this.aboutNavItms.length && h$1("slot", { name: "about" }), !!this.aboutNavItms.length && (h$1("nano-nav-item", { class: "nano-global-nav nano-global-nav-menu" }, "Company", h$1("nano-icon", { slot: "icon-end", name: "solid/chevron-right" }), h$1("div", { slot: "secondary" }, h$1("div", { class: "content" }, h$1("button", { class: "back-btn", onClick: this.subMenuClose }, h$1("nano-icon", { slot: "icon-end", name: "solid/chevron-left", "aria-label": "go back" }), "Company"), h$1("slot", { name: "about" }), h$1("div", { class: "content--sub" }, this.aboutNavItms.map((link) => {
-        return (h$1("nano-nav-item", { class: "nano-global-nav nano-global-nav-menu" }, h$1("a", { href: link.address, target: link.target }, link.title)));
-      })))))))),
-    ], (this.hasSiteSlot || !!this.siteNavItms.length) && [
+      !!this.siteNavItms.length) && (h$1("div", null, (this.hasSiteSlot || !!this.siteNavItms.length) && [
       (this.threshold >= this.THRESHOLDLIMIT - 2 ||
         this.mainSlotLen < 2) &&
         this.overflowSlotLen < 2 && (h$1("div", { class: "nav-links-wrap" }, h$1("h4", { class: "nav-links_title nav-links_title--sites" }, "Sites"), h$1("nav", { class: "nav-links nav-links--sub nav-links--sites", "aria-label": "Different company site links" }, h$1("slot", { name: "site" }), this.siteNavItms.map((link) => {
@@ -26257,9 +26242,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 +26358,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 +26408,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 +26418,9 @@ const Table = class extends H {
       return;
     this.debounceSetLoading(l);
   }
+  debounceSetLoading(l) {
+    this.internalLoading = l;
+  }
   handleRowsChange() {
     if (!this.rows) {
       this._loading = true;
@@ -26796,6 +26781,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 +26842,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,