@nanoporetech-digital/components 5.12.1 → 6.0.0

package/dist/cjs/nano-global-nav.cjs.entry.js

@@ -252,7 +252,7 @@ const GlobalNav = class {
       if (!this.algoliaSearchResults)
         await this.doAlgoliaSearch();
       const activeIndex = this.algoliaSearchResults.results.find((res) => res.selected);
-      const { index, domain, filters, query } = activeIndex;
+      const { index, domain, filters, query, replicas } = activeIndex;
       this.nanoSearchResult.emit({
         meta: {
           indexTitle: activeIndex.indexName,
@@ -260,6 +260,7 @@ const GlobalNav = class {
           domain,
           filters,
           query,
+          replicas,
         },
         client: { apiKey: this.searchApiKey, appId: this.searchAppId },
       });
@@ -280,7 +281,7 @@ const GlobalNav = class {
       const selectedIndex = this.internalSearchIndeces.find((index) => index.index === indexStr);
       if (!selectedIndex || !selectedIndex.alogliaIndex)
         return;
-      this.searchIndex = selectedIndex.index;
+      this.searchIndex = selectedIndex.name;
       if (this.isSearchValSet())
         await this.onSearchChange();
     };
@@ -417,7 +418,7 @@ const GlobalNav = class {
     this.searchAppId = undefined;
     this.searchApiKey = undefined;
     this.searchValue = '';
-    this.searchIndex = 'all_prod_en';
+    this.searchIndex = 'All';
     this.cartCount = 0;
     this.msgCount = 0;
     this.cartUrl = null;
@@ -492,7 +493,7 @@ const GlobalNav = class {
     const config = { timeout: 5000 };
     try {
       if (this.env === 'local') {
-        this.myAccData = (await Promise.resolve().then(function () { return require('./local-my-account-d79ed0a2.js'); }));
+        this.myAccData = (await Promise.resolve().then(function () { return require('./local-my-account-1dfd69a0.js'); }));
       }
       else {
         this.myAccData = await clientFetch(url + 'nav_bar_data.json', config);
@@ -516,7 +517,7 @@ const GlobalNav = class {
     }
     if (!this.searchIndex)
       return this.internalSearchIndeces[0];
-    const foundIndex = this.internalSearchIndeces.find((index) => index.index === this.searchIndex);
+    const foundIndex = this.internalSearchIndeces.find((index) => index.name === this.searchIndex);
     if (!foundIndex) {
       this.currentIndex = this.internalSearchIndeces[0];
       console.error('index not found');
@@ -550,7 +551,7 @@ const GlobalNav = class {
       searchIndex.alogliaIndex = this.algoliaClient.initIndex(searchIndex.index);
     });
     if (!this.searchIndex) {
-      this.searchIndex = this.internalSearchIndeces[0].index;
+      this.searchIndex = this.internalSearchIndeces[0].name;
     }
   }
   /** Current content breakpoint. If it goes up, things can look wonky for a second so we temporarily hide stuff */
@@ -732,6 +733,7 @@ const GlobalNav = class {
       result.domains = this.myAccData.domains || null;
       result.allGroup = !!this.internalSearchIndeces[i].allGroup;
       result.filters = this.internalSearchIndeces[i].filters;
+      result.replicas = this.currentIndex.replicas;
     });
     return this.algoliaSearchResults;
   }
@@ -891,8 +893,8 @@ const GlobalNav = class {
   }
   searchWidget() {
     return [
-      index.h("form", { class: "search-inputs", onSubmit: this.onSearchSubmit, id: "global-nav-search" }, index.h("nano-select", { class: "search-input", label: "Which area of content would you like to search?", hideLabel: true, showInlineError: false, value: this.searchIndex, onNanoChange: this.onSearchIndexChange, mask: true }, this.internalSearchIndeces.map((index$1) => {
-        return (index.h("nano-option", { selected: index$1.index === this.searchIndex, value: index$1.index }, index$1.name || index$1.index));
+      index.h("form", { class: "search-inputs", onSubmit: this.onSearchSubmit, id: "global-nav-search" }, index.h("nano-select", { class: "search-input", label: "Which area of content would you like to search?", hideLabel: true, showInlineError: false, value: this.currentSelectedIndex()?.index, onNanoChange: this.onSearchIndexChange, mask: true }, this.internalSearchIndeces.map((index$1) => {
+        return (index.h("nano-option", { selected: index$1.name === this.searchIndex, value: index$1.index }, index$1.name || index$1.index));
       }), index.h("nano-icon", { name: "light/chevron-down", class: "select-input__arrow", slot: "down-arrow" })), index.h("nano-input", { class: "search-input", label: "What would you like to search for?", "aria-label": "What would you like to search for", hideLabel: true, showInlineError: false, "clear-input": true, placeholder: "Search Nanopore", type: "text", ref: (input) => (this.searchInput = input), onNanoChange: this.onSearchChange, onNanoInput: this.onSearchInput, onKeyDown: this.onAutocompleteInteract, debounce: 500, "aria-autocomplete": "list", "aria-activedescendant": this.autocompleteEles[this.currAIndex]
           ? this.autocompleteEles[this.currAIndex].id
           : false, "aria-controls": "autocomplete-results", onNanoFocus: this.showAutocompleteResults, value: this.searchValue, role: "textbox" }, index.h("button", { class: {