@nanoporetech-digital/components 7.6.0 → 7.8.0

package/dist/collection/components/global-nav/global-nav-user-profile.js

@@ -1,7 +1,8 @@
 /*!
  * Web Components for Nanopore digital Web Apps
  */
-import { h, getAssetPath, } from "@stencil/core";
+import { getAssetPath, } from "@stencil/core";
+import { h } from "../../utils/renderer";
 /**
  * Nanopore digital global navigation user profile.
  */
@@ -16,7 +17,7 @@ export class GlobalNavUserProfile {
     userProfileUrl;
     // Render output
     render() {
-        return (!!this.myAccountUser && (h("a", { key: '31b3e0ae896e5a34f245dbfcb6e00ed6a471ff8b', href: this.userProfileUrl, class: "user-profile" }, h("div", { key: '0941d9edce6e44514ad0d9de5106e42b5d68b23d', class: "left" }, h("div", { key: '7b3e0ea8aeae2cccbad064e4ecf9b9e871e77507', class: "avatar-container" }, h("img", { key: 'eb260f1daa4fa608b05e68fe19f0fbe72cd2062d', class: "avatar", src: this.myAccountUser?.small_avatar_url, alt: "User Avatar", height: 75, width: 75 }), this.myAccountUser.is_nanopore_user && (h("img", { key: 'bac044dfc3337f789696f2a537e5d68edc0e4576', class: "logo-small", src: getAssetPath(`../nano-assets/ont-wheel-light.svg`), alt: "Nanopore Logo" }))), h("div", { key: 'f105a381f0b4f180d8d0a8e4b70337dbd76e8263', class: "user-details" }, h("span", { key: '4853278cb87b17d48617a65d03ca680a79237420', class: "name" }, this.myAccountUser.name), h("span", { key: '0d898d60e1269a40838a01c15762deb00c45077b', class: "bio" }, this.myAccountUser.job_title, " at ", this.myAccountUser.company))), h("div", { key: '4cd48813a80d5d65ad8d2f79edfc1b210b9ad972', class: "right" }, h("div", { key: 'ce02fabe1a27ce856d6cce3020ac8dbfac18e354', class: "chevron-right" }, h("nano-icon", { key: 'aaf766f5825248f222797821c4b3038757a74df0', slot: "icon-end", name: "light/chevron-right" }))))));
+        return (!!this.myAccountUser && (h("a", { key: 'af80219c25fba785b6f7d18afef4a41b9ced4765', href: this.userProfileUrl, class: "user-profile" }, h("div", { key: '6ae0f4f9b48782faadb43d1594159e3fad9ee63d', class: "left" }, h("div", { key: '0bd20abade1f0fe5822aba9c2217d80124d62b20', class: "avatar-container" }, h("img", { key: '1a7096bd20754f3faf5ab150da0ebe2fe2684188', class: "avatar", src: this.myAccountUser?.small_avatar_url, alt: "User Avatar", height: 75, width: 75 }), this.myAccountUser.is_nanopore_user && (h("img", { key: 'ad532ddde8267a7049820fb7ae39f0302f208db9', class: "logo-small", src: getAssetPath(`../nano-assets/ont-wheel-light.svg`), alt: "Nanopore Logo" }))), h("div", { key: '9521c0b57fcb9343a746b0d0243f111e0a014100', class: "user-details" }, h("span", { key: '710b0ab535abe256c1d778f0e7deda1f23465fb9', class: "name" }, this.myAccountUser.name), h("span", { key: 'c4e782a0a9e70b7e160bfd466430126d6d77cb28', class: "bio" }, this.myAccountUser.job_title, " at ", this.myAccountUser.company))), h("div", { key: '3725605d921254382356a40da96c45a9cc54d401', class: "right" }, h("div", { key: 'fd99f869ee248ce594b5fef4fe310cfe9a127dd4', class: "chevron-right" }, h("nano-icon", { key: '4e548bc839e06498c1f1641af7fe30715e572d97', slot: "icon-end", name: "light/chevron-right" }))))));
     }
     static get is() { return "nano-global-nav-user-profile"; }
     static get properties() {

package/dist/collection/components/global-nav/global-nav-user-profile.js.map

@@ -1 +1 @@
-{"version":3,"file":"global-nav-user-profile.js","sourceRoot":"","sources":["../../../../src/components/global-nav/global-nav-user-profile.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,CAAC,EACD,IAAI,EACJ,YAAY,GAEb,MAAM,eAAe,CAAC;AAGvB;;GAEG;AAIH,MAAM,OAAO,oBAAoB;IAC/B;;OAEG;IACK,aAAa,CAAgB;IAErC;;OAEG;IACK,cAAc,CAAS;IAE/B,gBAAgB;IAEhB,MAAM;QACJ,OAAO,CACL,CAAC,CAAC,IAAI,CAAC,aAAa,IAAI,CACtB,0DAAG,IAAI,EAAE,IAAI,CAAC,cAAc,EAAE,KAAK,EAAC,cAAc;YAChD,4DAAK,KAAK,EAAC,MAAM;gBACf,4DAAK,KAAK,EAAC,kBAAkB;oBAC3B,4DACE,KAAK,EAAC,QAAQ,EACd,GAAG,EAAE,IAAI,CAAC,aAAa,EAAE,gBAAgB,EACzC,GAAG,EAAC,aAAa,EACjB,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,GACT;oBACD,IAAI,CAAC,aAAa,CAAC,gBAAgB,IAAI,CACtC,4DACE,KAAK,EAAC,YAAY,EAClB,GAAG,EAAE,YAAY,CAAC,oCAAoC,CAAC,EACvD,GAAG,EAAC,eAAe,GACnB,CACH,CACG;gBAEN,4DAAK,KAAK,EAAC,cAAc;oBACvB,6DAAM,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAQ;oBAEnD,6DAAM,KAAK,EAAC,KAAK;wBACd,IAAI,CAAC,aAAa,CAAC,SAAS;;wBAAM,IAAI,CAAC,aAAa,CAAC,OAAO,CACxD,CACH,CACF;YAEN,4DAAK,KAAK,EAAC,OAAO;gBAChB,4DAAK,KAAK,EAAC,eAAe;oBACxB,kEAAW,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,qBAAqB,GAAa,CAC9D,CACF,CACJ,CACL,CACF,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n  Component,\n  h,\n  Prop,\n  getAssetPath,\n  ComponentInterface,\n} from '@stencil/core';\nimport { MyAccountUser } from './global-nav-interface';\n\n/**\n * Nanopore digital global navigation user profile.\n */\n@Component({\n  tag: 'nano-global-nav-user-profile',\n})\nexport class GlobalNavUserProfile implements ComponentInterface {\n  /**\n   * Logged in user details automatically populated from MyAccount\n   */\n  @Prop() myAccountUser: MyAccountUser;\n\n  /**\n   * Link to the user profile\n   */\n  @Prop() userProfileUrl: string;\n\n  // Render output\n\n  render() {\n    return (\n      !!this.myAccountUser && (\n        <a href={this.userProfileUrl} class=\"user-profile\">\n          <div class=\"left\">\n            <div class=\"avatar-container\">\n              <img\n                class=\"avatar\"\n                src={this.myAccountUser?.small_avatar_url}\n                alt=\"User Avatar\"\n                height={75}\n                width={75}\n              />\n              {this.myAccountUser.is_nanopore_user && (\n                <img\n                  class=\"logo-small\"\n                  src={getAssetPath(`../nano-assets/ont-wheel-light.svg`)}\n                  alt=\"Nanopore Logo\"\n                />\n              )}\n            </div>\n\n            <div class=\"user-details\">\n              <span class=\"name\">{this.myAccountUser.name}</span>\n\n              <span class=\"bio\">\n                {this.myAccountUser.job_title} at {this.myAccountUser.company}\n              </span>\n            </div>\n          </div>\n\n          <div class=\"right\">\n            <div class=\"chevron-right\">\n              <nano-icon slot=\"icon-end\" name=\"light/chevron-right\"></nano-icon>\n            </div>\n          </div>\n        </a>\n      )\n    );\n  }\n}\n"]}
+{"version":3,"file":"global-nav-user-profile.js","sourceRoot":"","sources":["../../../../src/components/global-nav/global-nav-user-profile.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,YAAY,GAEb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,CAAC,EAAE,MAAM,sBAAsB,CAAC;AAGzC;;GAEG;AAIH,MAAM,OAAO,oBAAoB;IAC/B;;OAEG;IACK,aAAa,CAAgB;IAErC;;OAEG;IACK,cAAc,CAAS;IAE/B,gBAAgB;IAEhB,MAAM;QACJ,OAAO,CACL,CAAC,CAAC,IAAI,CAAC,aAAa,IAAI,CACtB,0DAAG,IAAI,EAAE,IAAI,CAAC,cAAc,EAAE,KAAK,EAAC,cAAc;YAChD,4DAAK,KAAK,EAAC,MAAM;gBACf,4DAAK,KAAK,EAAC,kBAAkB;oBAC3B,4DACE,KAAK,EAAC,QAAQ,EACd,GAAG,EAAE,IAAI,CAAC,aAAa,EAAE,gBAAgB,EACzC,GAAG,EAAC,aAAa,EACjB,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,GACT;oBACD,IAAI,CAAC,aAAa,CAAC,gBAAgB,IAAI,CACtC,4DACE,KAAK,EAAC,YAAY,EAClB,GAAG,EAAE,YAAY,CAAC,oCAAoC,CAAC,EACvD,GAAG,EAAC,eAAe,GACnB,CACH,CACG;gBAEN,4DAAK,KAAK,EAAC,cAAc;oBACvB,6DAAM,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAQ;oBAEnD,6DAAM,KAAK,EAAC,KAAK;wBACd,IAAI,CAAC,aAAa,CAAC,SAAS;;wBAAM,IAAI,CAAC,aAAa,CAAC,OAAO,CACxD,CACH,CACF;YAEN,4DAAK,KAAK,EAAC,OAAO;gBAChB,4DAAK,KAAK,EAAC,eAAe;oBACxB,kEAAW,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,qBAAqB,GAAa,CAC9D,CACF,CACJ,CACL,CACF,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n  Component,\n  Prop,\n  getAssetPath,\n  ComponentInterface,\n} from '@stencil/core';\nimport { h } from '../../utils/renderer';\nimport { MyAccountUser } from './global-nav-interface';\n\n/**\n * Nanopore digital global navigation user profile.\n */\n@Component({\n  tag: 'nano-global-nav-user-profile',\n})\nexport class GlobalNavUserProfile implements ComponentInterface {\n  /**\n   * Logged in user details automatically populated from MyAccount\n   */\n  @Prop() myAccountUser: MyAccountUser;\n\n  /**\n   * Link to the user profile\n   */\n  @Prop() userProfileUrl: string;\n\n  // Render output\n\n  render() {\n    return (\n      !!this.myAccountUser && (\n        <a href={this.userProfileUrl} class=\"user-profile\">\n          <div class=\"left\">\n            <div class=\"avatar-container\">\n              <img\n                class=\"avatar\"\n                src={this.myAccountUser?.small_avatar_url}\n                alt=\"User Avatar\"\n                height={75}\n                width={75}\n              />\n              {this.myAccountUser.is_nanopore_user && (\n                <img\n                  class=\"logo-small\"\n                  src={getAssetPath(`../nano-assets/ont-wheel-light.svg`)}\n                  alt=\"Nanopore Logo\"\n                />\n              )}\n            </div>\n\n            <div class=\"user-details\">\n              <span class=\"name\">{this.myAccountUser.name}</span>\n\n              <span class=\"bio\">\n                {this.myAccountUser.job_title} at {this.myAccountUser.company}\n              </span>\n            </div>\n          </div>\n\n          <div class=\"right\">\n            <div class=\"chevron-right\">\n              <nano-icon slot=\"icon-end\" name=\"light/chevron-right\"></nano-icon>\n            </div>\n          </div>\n        </a>\n      )\n    );\n  }\n}\n"]}

package/dist/collection/components/global-nav/global-nav.js

@@ -1,13 +1,14 @@
 /*!
  * Web Components for Nanopore digital Web Apps
  */
-import { h, Host, Build, getAssetPath, readTask, writeTask, } from "@stencil/core";
+import { Host, Build, getAssetPath, readTask, writeTask, } from "@stencil/core";
 import algoliasearch from "algoliasearch/dist/algoliasearch-lite.esm.browser";
 import { clientFetch } from "../../utils/fetch";
 import { ComponentStore } from "../../utils/store/component-store";
 import { debounce } from "../../utils/throttle";
 import { displayTransition } from "../../utils/transitions";
 import searchInsight from "../../utils/search-insights";
+import { transformTag, h } from "../../utils/renderer";
 // the 'breakpoints' where different segments of content go into or out-of the burger / overflow menu
 const THRESHOLDBREAKS = {
     about: 0,
@@ -428,7 +429,7 @@ export class GlobalNav {
         ev.stopPropagation();
         this.secondaryMenuOpen = ev.target;
         if (!this.menuSelectedItems) {
-            this.menuSelectedItems = this.el.querySelectorAll('nano-nav-item[selected]');
+            this.menuSelectedItems = this.el.querySelectorAll(`${transformTag('nano-nav-item')}[selected]`);
             this.menuSelectedItems.forEach((i) => i.classList.remove('selected'));
         }
         this.menuContentDiv.style.minHeight =
@@ -443,7 +444,7 @@ export class GlobalNav {
             this.menuContentDiv.style.minHeight = '';
             this.menuSelectedItems = null;
             this.el
-                .querySelectorAll('nano-nav-item[selected]')
+                .querySelectorAll(`${transformTag('nano-nav-item')}[selected]`)
                 .forEach((i) => i.classList.add('selected'));
         }
     }
@@ -514,7 +515,7 @@ export class GlobalNav {
     }
     subMenuClose = (ev) => {
         ev.preventDefault();
-        ev.target.closest('nano-nav-item').open = false;
+        ev.target.closest(transformTag('nano-nav-item')).open = false;
     };
     // User profile menu
     onUserBtnClick = (ev) => {
@@ -886,26 +887,26 @@ export class GlobalNav {
         let menuItems, barItems;
         readTask(() => {
             menuItems = [
-                ...Array.from(this.el.querySelectorAll('nano-nav-item[slot="site"]')),
-                ...Array.from(this.el.querySelectorAll('nano-nav-item[slot="overflow"]')),
+                ...Array.from(this.el.querySelectorAll(`${transformTag('nano-nav-item')}[slot="site"]`)),
+                ...Array.from(this.el.querySelectorAll(`${transformTag('nano-nav-item')}[slot="overflow"]`)),
             ];
             barItems = [];
             if (this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.icon)
-                menuItems.push(...Array.from(this.el.querySelectorAll('nano-nav-item[slot="icon"]')));
+                menuItems.push(...Array.from(this.el.querySelectorAll(`${transformTag('nano-nav-item')}[slot="icon"]`)));
             else
-                barItems.push(...Array.from(this.el.querySelectorAll('nano-nav-item[slot="icon"]')));
+                barItems.push(...Array.from(this.el.querySelectorAll(`${transformTag('nano-nav-item')}[slot="icon"]`)));
             if (this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.login)
-                menuItems.push(...Array.from(this.el.querySelectorAll('nano-nav-item[slot="loggedin"]')));
+                menuItems.push(...Array.from(this.el.querySelectorAll(`${transformTag('nano-nav-item')}[slot="loggedin"]`)));
             else
-                barItems.push(...Array.from(this.el.querySelectorAll('nano-nav-item[slot="loggedin"]')));
+                barItems.push(...Array.from(this.el.querySelectorAll(`${transformTag('nano-nav-item')}[slot="loggedin"]`)));
             if (this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.main)
-                menuItems.push(...Array.from(this.el.querySelectorAll('nano-nav-item[slot="main"]')));
+                menuItems.push(...Array.from(this.el.querySelectorAll(`${transformTag('nano-nav-item')}[slot="main"]`)));
             else
-                barItems.push(...Array.from(this.el.querySelectorAll('nano-nav-item[slot="main"]')));
+                barItems.push(...Array.from(this.el.querySelectorAll(`${transformTag('nano-nav-item')}[slot="main"]`)));
             if (this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.about)
-                menuItems.push(...Array.from(this.el.querySelectorAll('nano-nav-item[slot="about"]')));
+                menuItems.push(...Array.from(this.el.querySelectorAll(`${transformTag('nano-nav-item')}[slot="about"]`)));
             else
-                barItems.push(...Array.from(this.el.querySelectorAll('nano-nav-item[slot="about"]')));
+                barItems.push(...Array.from(this.el.querySelectorAll(`${transformTag('nano-nav-item')}[slot="about"]`)));
         });
         writeTask(() => {
             menuItems.forEach((item) => {
@@ -1020,50 +1021,51 @@ export class GlobalNav {
         const isRtl = this.el.ownerDocument.dir === 'rtl';
         const searchWidget = this.searchWidget();
         searchWidget.push(this.autocompleteList());
-        return (h(Host, { key: 'ceda3253092e3966623805611c3073cc556da42d', class: {
+        return (h(Host, { key: '24a35d2ad7bf721dd01ea704298d32450c987c53', class: {
                 [this.thresholdClasses().join(' ')]: true,
                 ready: this.ready,
                 'search-bar-shown': this.searchBarShown && this.scrollingUp,
                 'search-auto-complete-shown': this.showAutocomplete && this.scrollingUp,
                 'modal-open': this.modalIsOpen,
                 resizing: this.isResizing,
-            }, dir: isRtl ? 'rtl' : null }, h("div", { key: 'db4bc7c163e0bb39d93651b8620cc7a6de748c1a', class: {
+                'nano-global-nav': true,
+            }, dir: isRtl ? 'rtl' : null }, h("div", { key: '6507f16e32b2c6d1e236efa05a8eb725226bebab', class: {
                 'global-nav': true,
                 'scrolling-down': !this.scrollingUp,
-            } }, h("nav", { key: '025fd87a092c590f2a3fcc4ca2b0e304e8bbe80a', id: "global-nav-menu", class: {
+            } }, h("nav", { key: '860000d1e558d4f386c6e656e9cf80768d5dad1f', id: "global-nav-menu", class: {
                 'gn-menu': true,
                 open: this.modalOpen,
                 'has-promotion': this.hasPromotionSlot,
                 'menu-full-screen': this.menuFullScreen,
                 'secondary-open': !!this.secondaryMenuOpen,
-            }, "aria-expanded": this.modalOpen ? 'true' : 'false', ref: (div) => (this.menuDiv = div), part: "burger" }, h("div", { key: 'd15deab6eda0c2264e61cc05e05b149138129c3e', class: "gn-menu_wrap", ref: (div) => (this.menuWrapDiv = div), tabindex: "-1", part: "burger-menu" }, h("div", { key: '713fa58af1ca9ef2088b6f639ee4c076a09d0c66', class: "gn-menu_actions", part: "burger-actions-bar" }, h("button", { key: 'dde9091dcb1c57ce91c177f964c392b896b5d2bf', class: "menu-btn icon-btn icon-btn", onMouseDown: this.onMenuBtnClick, onKeyDown: this.onMenuBtnKeyDown }, this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.login && (h("nano-icon", { key: 'b103dedeb0de2e38f382a1eaff38a5dee8d3051b', name: "light/xmark", "aria-label": "close menu", role: "img" })), this.threshold >= THRESHOLDLIMIT - THRESHOLDBREAKS.login && (h("nano-icon", { key: 'cbce10bcc6a2bcfef0e594614b4cfc706a43756c', name: "light/bars", "aria-label": "close menu", role: "img" }))), this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.icon && [
-            !!this.iconSlotLen && h("slot", { key: '04eeecfd6ccbce9a662616397859c539579447da', name: "icon" }),
+            }, "aria-expanded": this.modalOpen ? 'true' : 'false', ref: (div) => (this.menuDiv = div), part: "burger" }, h("div", { key: '3d5bd2e8fd1257a1d3ee1d0106b85e213260c6c0', class: "gn-menu_wrap", ref: (div) => (this.menuWrapDiv = div), tabindex: "-1", part: "burger-menu" }, h("div", { key: '355f89f2ba243c3858e18c9af208d2c102214f6d', class: "gn-menu_actions", part: "burger-actions-bar" }, h("button", { key: 'b078eb21d775f3fb72873f08d8170c5cbd15fc7e', class: "menu-btn icon-btn icon-btn", onMouseDown: this.onMenuBtnClick, onKeyDown: this.onMenuBtnKeyDown }, this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.login && (h("nano-icon", { key: '59d9b7de1ec45513defaa00b318f56335239c4ba', name: "light/xmark", "aria-label": "close menu", role: "img" })), this.threshold >= THRESHOLDLIMIT - THRESHOLDBREAKS.login && (h("nano-icon", { key: 'a51364497a6436124d41c67387d4e06459fecac3', name: "light/bars", "aria-label": "close menu", role: "img" }))), this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.icon && [
+            !!this.iconSlotLen && h("slot", { key: '5a4de1bfc3142f1ab92c14f996e371105e8747ae', name: "icon" }),
             this.myAccData &&
                 (!this.activeMyAccountSections ||
                     this.activeMyAccountSections.includes('icons')) && [
-                this.msgUrl && (h("a", { key: '64989511ed03f4f4b498849acfb76da9b20bcb49', href: this.msgUrl, class: "icon-btn" }, h("nano-icon", { key: '41d6976c5c4c774587d92eb6629a9cd4453b46c7', name: "light/bell", role: "img", ariaLabel: "Check notifications" }), this.msgCount > 0 && (h("span", { key: '011d5590e22188cf4ed9b196adfd1515415711a4', class: "gn-menu_actions-counter" }, this.msgCount)))),
-                this.cartUrl && (h("a", { key: 'c98708a9dd67bb8b4a8c20012f2e03338dd86bf8', href: this.cartUrl, class: "icon-btn" }, h("nano-icon", { key: '6726cf018efba3262aca8c262ec60d324e3682b0', name: "light/cart-shopping", role: "img", ariaLabel: "Go to cart" }), this.cartCount > 0 && (h("span", { key: '66260d5a4c7796d10ff4968645dcd7bfb0818c61', class: "gn-menu_actions-counter" }, this.cartCount)))),
+                this.msgUrl && (h("a", { key: 'c160c224ab55265b8711dfe52847ec694aea45b8', href: this.msgUrl, class: "icon-btn" }, h("nano-icon", { key: 'd1d6d0665ffd3fbe6a1cbf2fb5232b8de837680c', name: "light/bell", role: "img", ariaLabel: "Check notifications" }), this.msgCount > 0 && (h("span", { key: 'd88070f6f7b57b4f3db2d4165f3640b9c2a02cfa', class: "gn-menu_actions-counter" }, this.msgCount)))),
+                this.cartUrl && (h("a", { key: 'b34df751132a325edb07fd7b8bc722f6ac1a5249', href: this.cartUrl, class: "icon-btn" }, h("nano-icon", { key: 'baaeb176499832c4c337ab70b667c6405c289d25', name: "light/cart-shopping", role: "img", ariaLabel: "Go to cart" }), this.cartCount > 0 && (h("span", { key: '868f6bec4cec2385ead80ea3b25ff665546576d0', class: "gn-menu_actions-counter" }, this.cartCount)))),
             ],
-        ], this.myAccData && this.myAccData.urls.login && (h("a", { key: 'b8bd00843832d9b33c2c056cf6a9092fde587b41', href: this.myAccData.urls.login + this.ssoRedirect, class: "login-btn" }, "Login / Register", ' ', h("nano-icon", { key: '81e42aea5289a6e8e8ebefc8008ac29ae4d9844b', name: "solid/chevron-right" })))), h("div", { key: 'fe2209459687ab012e0c5533d397bb6b316f2f44', class: "content-wrap", ref: (div) => (this.menuContentDiv = div) }, h("div", { key: '206b8871b399707d204b265d46f7d734caa7bbac', class: "content", part: "burger-content" }, h("nav", { key: 'e130d3997439580b3829c776a08d3b4793326b20', class: "nav-links nav-links--main", role: "menu" }, h("slot", { key: 'e34b8233578d0f0f8ffed436f6cf1ddf956d749c', name: "overflow", onSlotchange: this.assessSlottedContent }), this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.main &&
-            !!this.mainSlotLen && (h("slot", { key: '282f3fc30bfa4729836933b463194a826d2682dd', name: "main", onSlotchange: this.assessSlottedContent }))), (((!!this.aboutSlotLen || !!this.aboutNavItms.length) &&
+        ], this.myAccData && this.myAccData.urls.login && (h("a", { key: '574ed325458daae66c2ef942af1698d60a1fc7d1', href: this.myAccData.urls.login + this.ssoRedirect, class: "login-btn" }, "Login / Register", ' ', h("nano-icon", { key: '5cb49b6829078fa1703930c9d023638751604517', name: "solid/chevron-right" })))), h("div", { key: '998c9784eb21866fd28c2b261cfd61a1c2183de9', class: "content-wrap", ref: (div) => (this.menuContentDiv = div) }, h("div", { key: '256be0960f44b72b62176a73a09937897aa211fb', class: "content", part: "burger-content" }, h("nav", { key: 'ed7346608de637f45639a5f7ee0a34930ebd2265', class: "nav-links nav-links--main", role: "menu" }, h("slot", { key: 'dfd170cd101390574856a9eadac9a67714d1f98f', name: "overflow", onSlotchange: this.assessSlottedContent }), this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.main &&
+            !!this.mainSlotLen && (h("slot", { key: 'f2e316b2d713411d126e39ac7c0a27f1d45128ad', name: "main", onSlotchange: this.assessSlottedContent }))), (((!!this.aboutSlotLen || !!this.aboutNavItms.length) &&
             this.hasSiteSlot) ||
-            !!this.siteNavItms.length) && (h("div", { key: '868fd4c323c898b5ab84d0342c91142ab1a77e7c' }, (this.hasSiteSlot || !!this.siteNavItms.length) && [
+            !!this.siteNavItms.length) && (h("div", { key: '5cf164c338a24c26208a7807bb58e747890d0a3c' }, (this.hasSiteSlot || !!this.siteNavItms.length) && [
             (this.threshold >= THRESHOLDLIMIT - 2 ||
                 this.mainSlotLen < 2) &&
-                this.overflowSlotLen < 2 && (h("div", { key: 'f1ecc66b77b82b8781133fbf63c3cba54f56946f', class: "nav-links-wrap" }, h("h4", { key: '3f500c77e46dc92edf12a766471256bdc6cb0732', class: "nav-links_title nav-links_title--sites" }, "Sites"), h("nav", { key: '474a2a1eb5804607061c154910d1ef85a27293e6', class: "nav-links nav-links--sub nav-links--sites", "aria-label": "Different company site links" }, h("slot", { key: 'd9cb04967fbfe1c505b2c89d4ac14911b430a76a', name: "site", onSlotchange: this.assessSlottedContent }), this.siteNavItms.map((link) => {
+                this.overflowSlotLen < 2 && (h("div", { key: '5ae0b83ce30a602168a22d1367f75c7150eb2a8c', class: "nav-links-wrap" }, h("h4", { key: 'c19be958e609ed84e9e2feb0342c601fa5c38017', class: "nav-links_title nav-links_title--sites" }, "Sites"), h("nav", { key: '64fcab191bc5c7f100ba29fa83bff5e69813fc72', class: "nav-links nav-links--sub nav-links--sites", "aria-label": "Different company site links" }, h("slot", { key: 'aa8d2a33df760e02d193e94fc93fd731db345551', name: "site", onSlotchange: this.assessSlottedContent }), this.siteNavItms.map((link) => {
                 return (h("nano-nav-item", { class: "nano-global-nav nano-global-nav-menu" }, h("a", { href: link.address, target: link.target }, link.title)));
             })))),
             ((this.threshold < THRESHOLDLIMIT - 2 &&
                 this.mainSlotLen >= 2) ||
-                this.overflowSlotLen >= 2) && (h("nav", { key: 'd96b03af604a79609a9753541d3b91f5279f6138', class: "nav-links", "aria-label": "Different company site links" }, h("nano-nav-item", { key: 'e0d38fcdbaf13efc8794cbe6dc239f4e7ebb8fd7', class: "nano-global-nav nano-global-nav-menu", closeOnBlur: false }, "Sites", h("nano-icon", { key: '222491df8fbae17b04b2ab12ac60b84d7a4e94fd', slot: "icon-end", name: "solid/chevron-right" }), h("div", { key: '4fd0951bd245827975d74e8bd129bc52c0c5e16e', slot: "secondary" }, h("div", { key: '48bb03c9ded8605be664120049d655a687a8746a', class: "content" }, h("button", { key: 'c2c0d6243fe1143e69be061e1b8922121445d78f', class: "back-btn", onClick: this.subMenuClose }, h("nano-icon", { key: 'a63218c0176d0c4e648d9d9642f9ab37f54484e2', slot: "icon-end", name: "solid/chevron-left", "aria-label": "go back", role: "img" }), "Sites"), h("div", { key: '8bd724d8ed6f066e77ee6a24a1c2e3c4373d20ff', class: "content--sub" }, h("slot", { key: '5778a22c7b65b2fcd08f3d7ec80524bb67f6058b', name: "site", onSlotchange: this.assessSlottedContent }), this.siteNavItms.map((link) => {
+                this.overflowSlotLen >= 2) && (h("nav", { key: '6f7613703f867a4a120a9511bb591784479bbb1a', class: "nav-links", "aria-label": "Different company site links" }, h("nano-nav-item", { key: 'b1f63cabe7bafb88d8d1a0386b1ea159ae334608', class: "nano-global-nav nano-global-nav-menu", closeOnBlur: false }, "Sites", h("nano-icon", { key: '5fe1c4389dacf278b3cc3290041af82e9f5f0731', slot: "icon-end", name: "solid/chevron-right" }), h("div", { key: '6fe3dbea59f144d3f857a70942ed03e667833f08', slot: "secondary" }, h("div", { key: 'd2c9bd8e6b35aebd5a2dc22a6a40de3db401123c', class: "content" }, h("button", { key: 'd996342c3f68a52c2d756801849ce2e82b25fb01', class: "back-btn", onClick: this.subMenuClose }, h("nano-icon", { key: '453b6631e44817cc9952cb649e3eb1e9f5b22a83', slot: "icon-end", name: "solid/chevron-left", "aria-label": "go back", role: "img" }), "Sites"), h("div", { key: '6aef4eb001acae9a17de56a9357293d7824da662', class: "content--sub" }, h("slot", { key: '64cf6e8c2bc47c9609c571a3e4fbf1a6d9955e0a', name: "site", onSlotchange: this.assessSlottedContent }), this.siteNavItms.map((link) => {
                 return (h("nano-nav-item", { class: "nano-global-nav nano-global-nav-menu" }, h("a", { href: link.address, target: link.target }, link.title)));
             }))))))),
         ]))), this.isLoggedIn &&
             this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.login &&
-            (this.loggedInNavItms.length || this.hasLoggedinSlot) && (h("nav", { key: '850736ba273e3c6af95063d07e89560b58136226', class: "nav-links", "aria-label": "Your user account links" }, h("nano-nav-item", { key: '55c65cae494ee1d610d24f422778479916abbea0', class: "nano-global-nav user-nav nano-global-nav-menu", closeOnBlur: false }, this.myAccountUser.name, h("nano-icon", { key: 'b864c66b8fac307895a9237e3413093891c3911b', slot: "icon-end", name: "solid/chevron-right" }), h("div", { key: 'c359ded4242707e2bd6d881d77facc1a0fdffd16', slot: "secondary" }, h("div", { key: '7e732f132d058e6eb5d00aedc933e42de37daf30', class: "content" }, h("button", { key: '279060c3c78adbd90e381c97915e72c2ff23df4d', class: "back-btn", onClick: this.subMenuClose }, h("nano-icon", { key: '78e4431b4bfff8ba600dce229ee543f83bb9ef32', slot: "icon-end", name: "solid/chevron-left", "aria-label": "go back", role: "img" }), this.myAccountUser.name), !!this.myAccountUser?.small_avatar_url && (h("nano-global-nav-user-profile", { key: '0bc585026f62503e2286a8b575cd39e1ccd2612c', myAccountUser: this.myAccountUser, userProfileUrl: this.userProfileUrl })), h("div", { key: 'c2644c333bc812695d42dc4c21d8af6ed4fca89e', class: "content--sub" }, h("slot", { key: '7ad5c3719510b379cf586fb016255745d58ee4c6', name: "loggedin", onSlotchange: this.assessSlottedContent }), this.loggedInNavItms.map((link) => {
+            (this.loggedInNavItms.length || this.hasLoggedinSlot) && (h("nav", { key: 'c74acf7d9230f3ce4722e9aee3cd7de5ab14fea2', class: "nav-links", "aria-label": "Your user account links" }, h("nano-nav-item", { key: '2de6d7fbe9c41bcfbf213d86396c2f89c49ef00c', class: "nano-global-nav user-nav nano-global-nav-menu", closeOnBlur: false }, this.myAccountUser.name, h("nano-icon", { key: 'ba118d2302b391640f00b30d8f03d64df08d0fb6', slot: "icon-end", name: "solid/chevron-right" }), h("div", { key: 'e7052720dd70aed785d055ee496d7c75f1736bf1', slot: "secondary" }, h("div", { key: '4dcc50535727163c54b95f705b390f16b4f82e7f', class: "content" }, h("button", { key: 'e3018cecdeca60b2fcf120a77bb3bd5bc710f19f', class: "back-btn", onClick: this.subMenuClose }, h("nano-icon", { key: '60938fd4dcf94006ffb5544fb7ddb24952ece667', slot: "icon-end", name: "solid/chevron-left", "aria-label": "go back", role: "img" }), this.myAccountUser.name), !!this.myAccountUser?.small_avatar_url && (h("nano-global-nav-user-profile", { key: 'd3d4d5d4e971f2c2e82adc7f64b3313d11e8a8e3', myAccountUser: this.myAccountUser, userProfileUrl: this.userProfileUrl })), h("div", { key: '2dffba3926caf4e82f13baa8e1070fb15fa1194d', class: "content--sub" }, h("slot", { key: 'b424a41514d0a0ec6c218f6a6191c5441bb02740', name: "loggedin", onSlotchange: this.assessSlottedContent }), this.loggedInNavItms.map((link) => {
             return (h("nano-nav-item", { class: "nano-global-nav nano-global-nav-menu" }, h("a", { href: link.address, target: link.target }, link.title)));
-        }), h("nano-nav-item", { key: '30ff5321e7b0f0b9aca65c1e9b4210db6a4467a2', class: "nano-global-nav nano-global-nav-menu" }, h("a", { key: 'c15591903c91575134e36f70e4f5c32a012de941', href: this.myAccData.urls.forgot_password +
-                this.ssoRedirect }, "Change Password")))))))), h("slot", { key: '4f479a3bad959fc343a02807a145c700b42e7483', name: "promotion", onSlotchange: this.assessSlottedContent }), this.myAccData && this.myAccData.urls.logout && (h("div", { key: '9faeef2b33a7b958a91c979c5136b9b4e5ff14bc', class: "login-btn logout-btn" }, h("a", { key: 'c7f55132375c303bf22c961b771046e5a195de17', href: this.myAccData.urls.logout + this.ssoRedirect }, "Logout")))))), h("div", { key: '8d3f06caa5f6d31b38386e94e3c15442aec7e3db', class: "bars", part: "bars" }, h("nav", { key: '568740754ad066ded30c30242ada0b953eadbd71', part: "main-bar", class: "main-bar", "aria-label": "Main site navigation", tabindex: "-1", ref: (div) => (this.mainBarDiv = div) }, (this.hasPromotionSlot ||
+        }), h("nano-nav-item", { key: '2eaab58c5e0108e209308d1dd82e5a77803b8d02', class: "nano-global-nav nano-global-nav-menu" }, h("a", { key: '34b8908d1c901652129a9b7b3647945795e5d831', href: this.myAccData.urls.forgot_password +
+                this.ssoRedirect }, "Change Password")))))))), h("slot", { key: '8fc5918b9e332211e87b875d9688502be7e8c0f6', name: "promotion", onSlotchange: this.assessSlottedContent }), this.myAccData && this.myAccData.urls.logout && (h("div", { key: '36f4753c6c5e7cdc1e52ebe48b618562bc6bd73f', class: "login-btn logout-btn" }, h("a", { key: 'b207ee40e85bcca7e6a6e5b9bbd22a4e0a4a4e06', href: this.myAccData.urls.logout + this.ssoRedirect }, "Logout")))))), h("div", { key: '840fab91269d501ff63032755453fc7dd2e3044b', class: "bars", part: "bars" }, h("nav", { key: 'c5787f83cad65be5ab76d1c94e0afef8767ba30b', part: "main-bar", class: "main-bar", "aria-label": "Main site navigation", tabindex: "-1", ref: (div) => (this.mainBarDiv = div) }, (this.hasPromotionSlot ||
             !!this.overflowSlotLen ||
             ((this.myAccData || !!this.iconSlotLen) &&
                 this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.icon) ||
@@ -1075,52 +1077,52 @@ export class GlobalNav {
             ((!!this.aboutSlotLen || !!this.aboutNavItms.length) &&
                 this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.about) ||
             this.hasSiteSlot ||
-            !!this.siteNavItms.length) && (h("button", { key: '1df66501d377d32756602b37efc256215ca6827f', class: "menu-btn icon-btn", onMouseDown: this.menuOpen, onKeyDown: this.onMenuBtnKeyDown, "aria-expanded": this.modalOpen ? 'true' : 'false', "aria-controls": "global-nav-menu", ref: (btn) => (this.menuBtn = btn) }, h("nano-icon", { key: '08003a9cbe7739141ca950b57cbca80d59c26ff4', name: "light/bars", "aria-label": "Open menu" }))), this.showLogo && (h("a", { key: '45d4a9f41894d85153643b102b3dda79e66a136f', href: this.logoUrl, class: "logo-link", part: "logo-link" }, h("img", { key: 'bb6982196dcbd03f3e86d65d07fdfe0f891a0b4b', src: getAssetPath(`../nano-assets/ont-logo.svg`), alt: "Oxford Nanopore Technologies Logo", class: "logo" }))), !this.showLogo && (h("div", { key: '594ec310c35470f62a70760f2a2af3571e400d25', class: "logo-link" }, h("slot", { key: '0feb2d7a0ab5ee5412a411b0f20a78fa891b690a', name: "logo", onSlotchange: this.assessSlottedContent }))), h("div", { key: 'a55973abf2fad9f00d89c28d14031767e611b0dd', class: "nav-links nav-links--main" }, h("slot", { key: '10edb90ec94c8bfad847eb9a1d3cc44d3113dc78', name: "main", onSlotchange: this.assessSlottedContent })), this.mainSlotLen === 0 &&
+            !!this.siteNavItms.length) && (h("button", { key: '228ac94558fa514552ef4fdbf64d7e50f8308eaf', class: "menu-btn icon-btn", onMouseDown: this.menuOpen, onKeyDown: this.onMenuBtnKeyDown, "aria-expanded": this.modalOpen ? 'true' : 'false', "aria-controls": "global-nav-menu", ref: (btn) => (this.menuBtn = btn) }, h("nano-icon", { key: '0a6a501e1b137d8c2c6b35e89d5f2c2a227757ae', name: "light/bars", "aria-label": "Open menu" }))), this.showLogo && (h("a", { key: '287d80e53176feb00c5c27c7725709fb1bfe429b', href: this.logoUrl, class: "logo-link", part: "logo-link" }, h("img", { key: 'c4ed59df56ee140f81836c2e70c680cfc64494a9', src: getAssetPath(`../nano-assets/ont-logo.svg`), alt: "Oxford Nanopore Technologies Logo", class: "logo" }))), !this.showLogo && (h("div", { key: '6457da01602749c6d4e57cc5eed213eb709f4725', class: "logo-link" }, h("slot", { key: '55427cf66636a0dd4e230a3d0b102ef7f13d1b8c', name: "logo", onSlotchange: this.assessSlottedContent }))), h("div", { key: 'e80af31b5921eb88bc30c1c1cd744135e9bdf608', class: "nav-links nav-links--main" }, h("slot", { key: '5593574b8f2c1cbb42a7054b9d57a0e388671f47', name: "main", onSlotchange: this.assessSlottedContent })), this.mainSlotLen === 0 &&
             this.threshold >= THRESHOLDLIMIT - THRESHOLDBREAKS.search && [
-            this.showSearch && !!this.internalSearchIndeces.length && (h("div", { key: '959836475d21c7f5fdbffaa6a151d38844ce805a', class: "search-widget", role: "combobox", "aria-owns": "autocomplete-results", "aria-expanded": this.showAutocomplete && this.autocompleteResults
+            this.showSearch && !!this.internalSearchIndeces.length && (h("div", { key: 'b549fa2052b890c98612f61b36192b1ebdae3727', class: "search-widget", role: "combobox", "aria-owns": "autocomplete-results", "aria-expanded": this.showAutocomplete && this.autocompleteResults
                     ? 'true'
                     : 'false' }, searchWidget)),
             (!this.showSearch || !this.myAccData) &&
-                !!this.searchSlotLen && (h("slot", { key: '7191d7a587bc0a9ecd2e495c6df8be4925b88cfc', name: "search", onSlotchange: this.assessSlottedContent })),
+                !!this.searchSlotLen && (h("slot", { key: '2ce8de3529a1282b84bdd869d8ee52e82d3b005e', name: "search", onSlotchange: this.assessSlottedContent })),
         ], (this.mainSlotLen > 0 ||
             this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.search) &&
             ((this.showSearch && !!this.internalSearchIndeces.length) ||
-                !!this.searchSlotLen) && (h("button", { key: '368884b9c3384bdb584deed9486ca2f96fad0689', class: {
+                !!this.searchSlotLen) && (h("button", { key: 'a7897e2689f5a359abf9ef9ed2a4ec817fd5b080', class: {
                 'icon-btn': true,
                 'search-btn': true,
                 'search-btn--open': this.searchBarShown,
-            }, "aria-controls": "global-nav-search-bar", "aria-expanded": this.searchBarShown ? 'true' : 'false', onClick: this.onSearchBtnClick }, h("nano-icon", { key: 'aeff003b72c950eb48ba564f4cc0dcb402d44364', name: "light/magnifying-glass", role: "img", ariaLabel: "Search Oxford Nanopore" }))), this.threshold >= THRESHOLDLIMIT - THRESHOLDBREAKS.icon && [
-            !!this.iconSlotLen && h("slot", { key: '9ee9b58f47c37e04992db2ea6dbb760b2199d964', name: "icon" }),
+            }, "aria-controls": "global-nav-search-bar", "aria-expanded": this.searchBarShown ? 'true' : 'false', onClick: this.onSearchBtnClick }, h("nano-icon", { key: '722a12b69853025aea0afe9df06a619d4436cedc', name: "light/magnifying-glass", role: "img", ariaLabel: "Search Oxford Nanopore" }))), this.threshold >= THRESHOLDLIMIT - THRESHOLDBREAKS.icon && [
+            !!this.iconSlotLen && h("slot", { key: '42e97c3c8747b7c74db55cecd0b69d1852578b76', name: "icon" }),
             this.myAccData &&
                 (!this.activeMyAccountSections ||
                     this.activeMyAccountSections.includes('icons')) && [
-                this.msgUrl && (h("a", { key: 'ab65bbc5e39537eefd3e4fcbccd395a3ed806f42', href: this.msgUrl, class: "icon-btn" }, h("nano-icon", { key: 'c33a164a2c69602d8850ba023d41dfb847fe777a', name: "light/bell", ariaLabel: "View your notifications" }), this.msgCount > 0 && (h("span", { key: '86d7fd2568e3685b3986e1e4b1c579458c5fa69b', class: "gn-menu_actions-counter" }, this.msgCount)))),
-                this.cartUrl && (h("a", { key: '0a899aaa7afe5926cd88e39d7337b72813891c4f', href: this.cartUrl, class: "icon-btn" }, h("nano-icon", { key: 'ce434fb90cc320345cef5d171b1ddbaf82ac5158', name: "light/cart-shopping", ariaLabel: "View your shopping cart" }), this.cartCount > 0 && (h("span", { key: 'f246a901d24d4615fec66ba014e0657d7cb0964b', class: "gn-menu_actions-counter" }, this.cartCount)))),
+                this.msgUrl && (h("a", { key: '594e5afec810a113431fec5d3e7455b436ed8e64', href: this.msgUrl, class: "icon-btn" }, h("nano-icon", { key: '06716749b05dd80fe53682007f4a7002cea52a4f', name: "light/bell", ariaLabel: "View your notifications" }), this.msgCount > 0 && (h("span", { key: '5663dbe78c0752ed36b0aedc6607616716bf7e80', class: "gn-menu_actions-counter" }, this.msgCount)))),
+                this.cartUrl && (h("a", { key: '37c337b1f1ee4cf77e7262d836ec5e68bfb8eeab', href: this.cartUrl, class: "icon-btn" }, h("nano-icon", { key: '453c5ab4b42e75939fba0d27bfc6612190110e3d', name: "light/cart-shopping", ariaLabel: "View your shopping cart" }), this.cartCount > 0 && (h("span", { key: 'f05cd64edfb4551025985f856015db1c0172aa08', class: "gn-menu_actions-counter" }, this.cartCount)))),
             ],
         ], (!!this.aboutSlotLen || !!this.aboutNavItms.length) &&
-            this.threshold >= THRESHOLDLIMIT - THRESHOLDBREAKS.about && (h("nav", { key: '3ce034f72d8ab5df32ee10f5b9669da168d6aa21', class: "nav-links nav-links--sub", "aria-label": "About the company. Links", role: "menu" }, h("slot", { key: 'a4cb4eac6b50b90b6c7fd68034413097eccf463a', name: "about", onSlotchange: this.assessSlottedContent }), !!this.aboutNavItms.length && (h("nano-nav-item", { key: 'b6f8c35ba5ce43ab93f88e1bc694cc39cd1f49e6', class: "nano-global-nav nano-global-nav-bar" }, h("a", { key: 'c1d70829b703dff3f7b922c170fe09983928ecbd', href: this.aboutNavItms[0].address, target: this.aboutNavItms[0].target }, this.aboutNavItms[0].title))))), this.myAccData &&
+            this.threshold >= THRESHOLDLIMIT - THRESHOLDBREAKS.about && (h("nav", { key: 'd4acf4145017c329be89cc5dc8ee2c363e07abd9', class: "nav-links nav-links--sub", "aria-label": "About the company. Links", role: "menu" }, h("slot", { key: 'effca72df5b665591a8a0bfb20928c087f477926', name: "about", onSlotchange: this.assessSlottedContent }), !!this.aboutNavItms.length && (h("nano-nav-item", { key: '53e97b86a3b21bb721f2c1c9429b644e80edb45f', class: "nano-global-nav nano-global-nav-bar" }, h("a", { key: '47b828025006378bc2d32e43e0b86c515a2ff4ae', href: this.aboutNavItms[0].address, target: this.aboutNavItms[0].target }, this.aboutNavItms[0].title))))), this.myAccData &&
             (!this.activeMyAccountSections ||
                 this.activeMyAccountSections.includes('loggedin')) &&
             this.threshold >= THRESHOLDLIMIT - THRESHOLDBREAKS.login && [
-            this.myAccData.urls.login && (h("a", { key: '4e7c88dfdb7a413df7f2cf308cbc082d1d5dc01e', href: this.myAccData.urls.login + this.ssoRedirect, class: "login-btn" }, "Login / Register")),
-            this.myAccountUser && (h("div", { key: '3f7f987452d9f8de25a4b83a46d3e20fa324595f', class: "user-links" }, h("button", { key: '0b0c45ebb04db8bb0fd39c223c63990ee08905ae', class: {
+            this.myAccData.urls.login && (h("a", { key: '49e47b4a0eff405906177fa9ac75b7b8c503500e', href: this.myAccData.urls.login + this.ssoRedirect, class: "login-btn" }, "Login / Register")),
+            this.myAccountUser && (h("div", { key: '92ff2c5e6cea3e5ed0383585ffa6048c0c260898', class: "user-links" }, h("button", { key: '9616128132c5cca0e0d7095255a2a268736021d4', class: {
                     'icon-btn': true,
                     'user-links-btn': true,
                     open: this.userMenuOpen,
-                }, onMouseDown: this.onUserBtnClick, onKeyDown: this.onUserBtnKeyDown }, ' ', this.myAccountUser.name, h("nano-icon", { key: '2d5575012897f7e2c8f6d0f9cb12fcb5bb8380fd', name: "solid/caret-down", ariaLabel: "View your account links" })), h("div", { key: '7028132765e72d5fe83219747ad4221e40b84683', class: "user-links-panel", tabindex: "-1", ref: (div) => (this.userLinkPanel = div) }, !!this.myAccountUser?.small_avatar_url && (h("nano-global-nav-user-profile", { key: 'a3467be6d0f04caa79eba7509b4a5f1afb9e0038', myAccountUser: this.myAccountUser, userProfileUrl: this.userProfileUrl })), h("div", { key: '5d8c9dcf813436997d0143bb1da4646c583c42fe', class: "user-links-panel-content" }, this.loggedInNavItms.map((link) => {
+                }, onMouseDown: this.onUserBtnClick, onKeyDown: this.onUserBtnKeyDown }, ' ', this.myAccountUser.name, h("nano-icon", { key: '122db375cc8db65f5a4f16180f6428102d8cbd21', name: "solid/caret-down", ariaLabel: "View your account links" })), h("div", { key: 'f6e44355fee2fb4b13d0b2e2a0be9c70a5e8c2ae', class: "user-links-panel", tabindex: "-1", ref: (div) => (this.userLinkPanel = div) }, !!this.myAccountUser?.small_avatar_url && (h("nano-global-nav-user-profile", { key: '4b394ae61cf88ee87bffc60f6a4941cd2a49a75d', myAccountUser: this.myAccountUser, userProfileUrl: this.userProfileUrl })), h("div", { key: '11e22a97ca4f9fb61004e5d6b4a6a8b254fc42e0', class: "user-links-panel-content" }, this.loggedInNavItms.map((link) => {
                 return (h("a", { href: link.address, target: link.target }, link.title));
-            })), h("div", { key: 'd8ae4d930ff1ce6388a25d9350b327521014233b', class: "user-links-panel-foot" }, h("a", { key: '216c409f4a5e316a858ec9fe68138f33bf15d5d5', href: this.myAccData.urls.forgot_password +
-                    this.ssoRedirect }, "Change Password"), h("a", { key: 'e7e033ff08b81bf325ac25d84e9e2c3e05cbdec4', href: this.myAccData.urls.logout + this.ssoRedirect }, "Logout"))))),
+            })), h("div", { key: '960c025ec4f02407d7c3c7628391693146cb3696', class: "user-links-panel-foot" }, h("a", { key: 'b436b24213dcb3f3f5e6631bdb5c09a6cc8a58a1', href: this.myAccData.urls.forgot_password +
+                    this.ssoRedirect }, "Change Password"), h("a", { key: '9c068fc5c88b89b8b440de798481b50c75575c30', href: this.myAccData.urls.logout + this.ssoRedirect }, "Logout"))))),
         ]), (this.mainSlotLen > 0 ||
-            this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.search) && (h("div", { key: '4c0818b9fa886b40a76068484c3be603c2e8c479', id: "global-nav-search-bar", class: {
+            this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.search) && (h("div", { key: 'c0301d8f09af80559b6b617338ab0280e9fa24af', id: "global-nav-search-bar", class: {
                 'search-bar': true,
                 show: this.searchBarShown,
-            }, "aria-expanded": this.searchBarShown ? 'true' : 'false', role: "region", tabindex: "-1", ref: (div) => (this.searchBarEl = div), part: "search-bar" }, h("div", { key: 'e247d9383ee5d6971784294a0cb6aa3fe0dfd8dc', class: "search-widget" }, this.showSearch && !!this.internalSearchIndeces.length && (h("div", { key: '588f27daa253c676c114449f7d422a2d37513768' }, searchWidget)), (!this.showSearch || !this.myAccData) &&
-            !!this.searchSlotLen && (h("slot", { key: '364532f3a05af6d1de520b3c06b7ad10c01f375b', name: "search", onSlotchange: this.assessSlottedContent })))))), (this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.login ||
-            this.menuFullScreen) && (h("div", { key: 'f06fde8b9b0f2d20daaff68462fd174cad0833d1', class: {
+            }, "aria-expanded": this.searchBarShown ? 'true' : 'false', role: "region", tabindex: "-1", ref: (div) => (this.searchBarEl = div), part: "search-bar" }, h("div", { key: 'a91f8a78d5ef401db74dbcba2ed8baa707e239f5', class: "search-widget" }, this.showSearch && !!this.internalSearchIndeces.length && (h("div", { key: 'aabb58b78e40aba19642c8732422eb2e7575365f' }, searchWidget)), (!this.showSearch || !this.myAccData) &&
+            !!this.searchSlotLen && (h("slot", { key: '6814610e28a8710768cbed27b6e534024d06c4e5', name: "search", onSlotchange: this.assessSlottedContent })))))), (this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.login ||
+            this.menuFullScreen) && (h("div", { key: 'b49ca662c96557b2a267589c2f8d25f25f2bcb75', class: {
                 mask: true,
                 open: this.modalOpen,
-            }, onClick: this.menuClose, onTouchEnd: this.menuClose }))), h("div", { key: 'e0cd775ba3d7f553e52dcdca3010edfb5be985e4', class: "site-content" }, h("slot", { key: '1ed7c7e2462f579d3acf0de982dfbb970355dfa7' }))));
+            }, onClick: this.menuClose, onTouchEnd: this.menuClose }))), h("div", { key: '2d3d588a904ee2c95c3582b9735bb8597dcf05d1', class: "site-content" }, h("slot", { key: '3411ccdeff0c33e857e72683e57acfcfef11ee96' }))));
     }
     // Data processing
     /**