@nanoporetech-digital/components 7.6.0 → 7.8.0

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

@@ -1,12 +1,13 @@
 /*!
  * Web Components for Nanopore digital Web Apps
  */
-import { proxyCustomElement, HTMLElement, createEvent, readTask, writeTask, Build, h, Host, getAssetPath } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, readTask, writeTask, Build, Host, getAssetPath } from '@stencil/core/internal/client';
 import { a as algoliasearch } from './algoliasearch-lite.esm.browser.js';
 import { C as ComponentStore } from './component-store.js';
 import { d as debounce } from './throttle.js';
 import { d as displayTransition } from './transitions.js';
 import { s as searchInsight } from './search-insights.js';
+import { t as transformTag, h } from './renderer.js';
 import { d as defineCustomElement$a } from './datalist.js';
 import { d as defineCustomElement$9 } from './dropdown.js';
 import { d as defineCustomElement$8 } from './global-nav-user-profile.js';
@@ -56,7 +57,7 @@ async function clientFetch(url, { body, ...customConfig } = {}) {
     }
 }
 
-const globalNavCss = ":host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}.global-nav{font-family:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit}.global-nav button{background:none;color:inherit;border:none}.global-nav .icon-btn{position:relative;background:none;color:inherit;border:none;align-self:normal;padding:9px 7px;cursor:pointer;display:flex;align-items:center}.global-nav .icon-btn nano-icon{inline-size:18px;block-size:18px}.global-nav ::slotted(nano-nav-item[slot=icon]){--padding-top:9px;--padding-bottom:9px;--padding-start:7px;--padding-end:7px;--display:flex;font-size:18px}.global-nav a{color:inherit;text-decoration:none;white-space:nowrap}.global-nav .nav-links_title{margin:8px 0 3px}.global-nav .nav-links ul{margin:0;padding:0}.global-nav .nav-links li{list-style:none}.global-nav .login-btn{display:flex;align-items:center}.global-nav .menu-btn{padding:9px var(--bar-item-spacing) 9px var(--bar-item-spacing)}.site-content{display:flex;transition:min-height 0.2s ease;position:relative;z-index:auto;align-items:stretch;flex:1}.bars{color:var(--bar-text-color);z-index:var(--nano-layer-index-menubar, 10);position:relative;max-inline-size:100%;min-inline-size:100%;box-shadow:none;transition:0.2s ease box-shadow;display:flex;flex-wrap:wrap}[stuck] .bars{box-shadow:0 1px 25px 0 rgba(0, 0, 0, 0.15)}.bars::before{content:\"\";inline-size:100%;block-size:100%;z-index:-1;background:var(--bar-background);position:absolute}.main-bar{flex:1 1 100%;inline-size:fit-content;padding-inline:0 var(--bar-item-spacing);padding-block:var(--bar-vertical-padding);display:flex;align-items:center;justify-content:space-between;overflow-x:hidden}.main-bar:focus{outline:none}:host(.ready) .main-bar{overflow-x:visible}.main-bar>*,.main-bar ::slotted(*){transition:opacity 0.2s ease}:host(:not(.ready)) .main-bar>*,:host(:not(.ready)) .main-bar ::slotted(*){opacity:0 !important}:host(.ready) .main-bar>*,:host(.ready) .main-bar ::slotted(*){opacity:1}:host(.resizing) .main-bar>*,:host(.resizing) .main-bar ::slotted(*){opacity:0 !important}.main-bar>*{flex:0 0 auto}.main-bar>* ::slotted(nano-nav-item[slot=icon]){margin-inline-start:11px}.main-bar>* ::slotted(nano-nav-item),.main-bar>* nano-nav-item{--color-hover:var(--bar-color-focus);--secondary-bg-color:var(--bar-dropdown-bg);--secondary-color:var(--bar-dropdown-text);--bg-color-open:var(--bar-background);--padding-top:7px;--padding-bottom:7px;--padding-end:2px;--padding-start:2px;text-decoration:none !important}.main-bar .icon-btn{margin-block:0;margin-inline-start:6px}:host(.threshold-2) .main-bar .icon-btn{margin-block:0;margin-inline-start:11px}.main-bar .menu-btn.icon-btn{margin:0 !important;border-inline-end:1.5px solid var(--bar-color-shade)}.main-bar .logo{block-size:40px;inline-size:173px;min-inline-size:173px}:host(:not(.threshold-1)) .main-bar .logo{block-size:30px;inline-size:130px;min-inline-size:130px}.main-bar .logo-link{margin-inline:0;padding-inline:var(--bar-item-spacing);display:flex;align-items:center;border:none}.main-bar .nav-links{flex:0 0 auto;display:flex;justify-content:space-around}.main-bar .nav-links ul{display:flex;justify-content:space-around}.main-bar .nav-links ::slotted(nano-nav-item),.main-bar .nav-links nano-nav-item{--padding-top:7px;--padding-bottom:7px;--padding-end:2px;--padding-start:2px;--margin:0 var(--bar-item-spacing)}.main-bar .nav-links--main{justify-content:flex-start;letter-spacing:1.5px;font-weight:600;text-transform:uppercase;font-size:1.065em;margin-inline-end:auto}.main-bar .nav-links--main ::slotted(nano-nav-item){--color:var(--bar-text-color);--padding-end:3px;--padding-start:0}.main-bar .nav-links--sub{--color:var(--color, #e2e2e2);margin-inline-start:6px;justify-content:flex-end}.main-bar .login-btn{display:inline-block;border-radius:4px;background-color:var(--login-button-bg);color:var(--login-button-text);padding:3px 10px;position:relative;inset-inline-start:auto;inset-block-end:auto;margin-inline:11px 0}.main-bar .measure-ele{min-inline-size:1px;display:block;margin:0;padding:0}.gn-menu{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:-1;display:none;transition:z-index 0.01s ease 0.2s;block-size:100vh;inline-size:100vw;overflow-y:auto}:host(.threshold-4) .gn-menu{position:absolute;inline-size:calc(100vw - 20px)}.gn-menu.menu-full-screen{inline-size:100vw !important}.gn-menu_wrap{max-inline-size:92vw;inline-size:335px;background:var(--menu-background);color:var(--menu-text-color);padding:calc(var(--bar-vertical-padding) + 1px) 0 0;box-shadow:0 0 36px 0 rgba(0, 0, 0, 0.8);position:relative;pointer-events:all;margin-block-end:36px;opacity:0;outline:none;transition:transform 0.2s ease, opacity 0.2s ease;overflow:hidden}.gn-menu_wrap.has-promotion{padding:var(--menu-padding) 0 0}.gn-menu.open{z-index:var(--nano-layer-index-dropdown, 300);transition:z-index 0.01s ease}.gn-menu.open .gn-menu_wrap{opacity:1;transform:translate3d(0, 0, 0) !important;transition:transform 0.2s ease 0.01s, opacity 0.2s ease 0.01s}.gn-menu_actions{padding-inline-end:calc(var(--menu-padding) / 2);display:flex;justify-content:space-between}.gn-menu_actions-counter{background:#d0021b;color:var(--menu-text-color);position:absolute;inset-block-end:4px;inset-inline:auto 0;font-size:9px;block-size:14px;line-height:14px;inline-size:auto;min-inline-size:14px;border-radius:50%;box-sizing:border-box;text-align:center;text-indent:0}.gn-menu .content-wrap{position:relative;transition:0.2s ease min-height;min-block-size:190px}.gn-menu .content--sub{padding:var(--menu-padding) 0 var(--menu-padding) 7px}.gn-menu .menu-btn{margin-inline-end:auto}.gn-menu .nav-links{display:flex;flex-wrap:wrap}.gn-menu .nav-links ::slotted(nano-nav-item),.gn-menu .nav-links nano-nav-item{--icon-size:14px;--display:inline-block;--secondary-bg-color:#001a21;--padding-top:10px;--padding-bottom:10px;--padding-end:calc(var(--menu-padding) * 2);--padding-start:calc(var(--menu-padding) + 3px);--color:var(--menu-text-color);--color-hover:var(--menu-title-text);--bg-color-hover:transparent;--bg-color-focus:#002530;--focus-outline:none;inline-size:100%}.gn-menu .nav-links .user-nav{--bg-color:var(--menu-user-panel-bg);--padding-top:9px;--padding-bottom:9px;font-weight:bold;margin:5px 0 0}.gn-menu .nav-links .user-nav ::slotted(nano-nav-item),.gn-menu .nav-links .user-nav nano-nav-item{font-weight:400;--bg-color:transparent}.gn-menu .nav-links .user-nav .content{padding:0;background-color:var(--menu-user-panel-bg)}.gn-menu .nav-links .user-nav .content--sub{padding-inline:var(--menu-padding)}.gn-menu .nav-links .user-nav .back-btn{padding-inline-start:var(--menu-padding)}.gn-menu .nav-links_title{margin:0 var(--menu-padding) 4px;border-block-end:1px solid var(--menu-hint-color);padding-block-end:8px;text-transform:uppercase;color:var(--menu-title-text);letter-spacing:1px;font-weight:600}.gn-menu .nav-links_title--sites{border-block-end:none}.gn-menu .nav-links-wrap{margin:18px 0}.gn-menu .nav-links-wrap:last-child{margin-block-end:0}.gn-menu .nav-links .back-btn{border-block-start:1px solid var(--menu-hint-color);border-block-end:1px solid var(--menu-hint-color);display:flex;align-items:center;padding:10px 11px 10px 0;inline-size:100%;font-size:12px;text-transform:uppercase;color:var(--menu-title-text);letter-spacing:1px;font-weight:600;cursor:pointer}.gn-menu .nav-links .back-btn:hover{color:var(--menu-text-color)}.gn-menu .nav-links .back-btn nano-icon{margin-inline-end:10px;font-size:12px;color:var(--menu-icon-color)}.gn-menu .nav-links--sub{display:flex;flex-wrap:wrap}.gn-menu .nav-links--sub ::slotted(nano-nav-item),.gn-menu .nav-links--sub nano-nav-item{--border-bottom:none;--padding-end:var(--menu-padding);--padding-start:var(--menu-padding);--padding-top:8px;--padding-bottom:8px;margin:0;inline-size:50%;line-height:1.8}.gn-menu .nav-links--sites ::slotted(nano-nav-item),.gn-menu .nav-links--sites nano-nav-item{inline-size:100%}.gn-menu .nav-links .content{padding:8px var(--menu-padding)}.gn-menu .login-btn{padding-inline:7px var(--menu-padding);padding-block:var(--menu-padding)}.gn-menu .login-btn nano-icon{margin-inline-start:10px}.gn-menu .logout-btn{justify-content:flex-end}.gn-menu .logout-btn a{padding:0 5px}.mask{opacity:0;background:rgba(0, 0, 0, 0.3);position:fixed;inset-inline:0;inset-block-start:0;block-size:100vh;z-index:-1;transition:transform 0.2s ease, opacity 0.2s ease, visibility 0.01s ease 0.2s, z-index 0.01s ease 0.2s;visibility:hidden}.mask.open{opacity:1;transition:z-index 0.01s ease, visibility 0.01s ease, transform 0.2s ease 0.01s, opacity 0.2s ease 0.01s;z-index:var(--nano-layer-index-mask, 10);visibility:visible}.search-btn::before{content:\"\";background-color:rgb(12, 90, 113);block-size:9px;inset-inline:0 5px;inset-block-end:-20px;position:absolute;transform:translateZ(0) scaleX(0);transform-origin:0;transition:0.2s ease transform}.search-btn--open::before{transform:translateZ(0) scaleX(1);opacity:0.7}.search-bar{block-size:0;overflow:hidden;transition:0.2s ease height;padding:0 var(--bar-item-spacing);outline:none;max-inline-size:45em;margin-inline-start:auto;flex:1;}.search-bar .search-widget{margin:0;overflow:inherit;max-inline-size:none;max-block-size:none;min-inline-size:auto;padding-inline-end:0}.search-bar .search-widget .search-icon--search{display:none}.search-bar .search-widget .search-input{--input-border-width:2px 0 0 0;--input-bg-color:#f3f3f3;--nano-input-border-color:transparent;--nano-input-border-color--focus:var(--bar-search-focus);font-size:1.1875em}.search-bar .search-widget nano-select.search-input{--input-border-width:2px 3px 0 0;--input-bg-color:var(--bar-search-focus);--input-bg-color--focus:#f3f3f3;color:#f3f3f3}.search-bar .search-widget nano-select.search-input.has-focus{color:var(--bar-search-focus)}.search-bar .search-widget .select-input__arrow{font-size:0.75em}.search-bar .search-widget .select__mask.sc-nano-select{line-height:2.35em;min-block-size:2.35em;padding-block-start:2px}.search-bar .search-inputs{padding:0;margin:0}.search-bar .search-autocomplete{inset-block-start:100%;inline-size:100%}.search-widget{padding-inline-end:var(--bar-item-spacing);margin-inline:var(--bar-item-spacing) auto;position:relative;flex:1 1 auto;max-inline-size:500px;min-inline-size:350px;max-block-size:36px;inset-block-start:-1px}.search-inputs{display:flex;margin:0}.search-inputs input[type=submit]{display:none}.search-autocomplete{position:absolute;inset-block-start:calc(100% + 15px);inline-size:calc(100% - var(--bar-item-spacing));inset-inline-start:0;background:white;border:2px solid var(--bar-color-tint);border-radius:0 0 5px 5px;color:#4a4a4a;padding-block:calc(var(--bar-vertical-padding) / 2) 1px;padding-inline:0;z-index:1}.search-autocomplete-hit{padding-block:calc(var(--bar-vertical-padding) / 4);padding-inline:var(--bar-item-spacing);inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;text-align:start;line-height:1.5;cursor:pointer}.search-autocomplete-hit-scope{color:rgb(167, 176, 179);font-weight:600}.search-autocomplete-hit:hover,.search-autocomplete-hit:focus-visible{background-color:#e4e6e8}.search-autocomplete-hit:focus-visible{box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)))}.search-autocomplete-hit:focus{outline:none}.search-autocomplete-hit .search__highlight,.search-autocomplete-hit em{font-weight:bold;font-style:normal}.search-autocomplete-hit--no-result:hover,.search-autocomplete-hit--no-result:focus{background:none !important}.search-autocomplete-foot{margin:7px 0 0}.search-autocomplete-submit{background:none;border:none;align-self:normal;padding:9px var(--bar-item-spacing) !important;cursor:pointer;display:flex;align-items:center;color:#007495;justify-content:flex-end;inline-size:100%;text-decoration:underline;border-block-start:1px solid rgb(232, 234, 234)}.search-autocomplete-submit:hover,.search-autocomplete-submit:focus{background-color:#e4e6e8}nano-select.search-input{--input-border-width:0 0 2px 0;--input-text-color:var(--bar-text-color);--nano-input-border-color:rgb(103 138 154);--padding-end:var(--bar-item-spacing);--nano-input-border-color--focus:black;font-weight:600;letter-spacing:1.5px;font-size:1.2em;flex:0 1 auto;inline-size:auto;display:flex;align-items:center;flex-direction:column;position:relative;inset-inline-start:1px;text-transform:uppercase}:host(:not(.ready)) nano-select.search-input{overflow:hidden;max-block-size:1em}nano-select.search-input .down-arrow{font-size:0.65em}nano-input.search-input{--clear-btn-color:var(--bar-text-color);--nano-input-border-color:rgb(103 138 154);--input-border-width:0 0 2px 0;--placeholder-color:var(--bar-text-color);--input-text-color:var(--bar-text-color);--padding-start:21px;--nano-input-border-color--focus:black;font-size:1.2em;inline-size:206px;display:flex;align-items:center;flex-direction:column;flex:1}:host(:dir(rtl)) nano-input.search-input{--input-border-radius:5px 0 0 5px}:host-context([dir=rtl]) nano-input.search-input{--input-border-radius:5px 0 0 5px}:host(:not(.ready)) nano-input.search-input{overflow:hidden;max-block-size:1em}nano-input.search-input .search-icon{background:none;padding:0 8px;display:none;font-size:0.9em}nano-input.search-input .search-icon--show{display:flex !important}nano-input.search-input .search-icon--loader{animation:spin 1s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}nano-input.search-input .search-icon nano-icon{block-size:1.4em}.user-profile{display:flex;justify-content:space-between;align-items:center;padding:2em;background-color:var(--menu-user-profile-bg)}.user-profile .left{display:flex;align-items:center}.user-profile .avatar-container{position:relative}.user-profile .avatar-container img.avatar{border-radius:50px}.user-profile .avatar-container img.logo-small{position:absolute;block-size:30px;inline-size:30px;inset-block-end:0;inset-inline-end:0;background-color:#27586e;border-radius:10px;padding:5px}.user-profile .user-details{display:flex;flex-direction:column;margin:0 1.25em;color:white}.user-profile .user-details .name{font-size:1.25em}.user-profile .user-details .bio{margin:0.5em 0}.user-profile .user-details .kudos span{background-color:#81c7eb;color:#415958;padding:0.25em;border-radius:0.5em;font-weight:bold}.user-profile .chevron-right{font-size:1.5em;color:white}.user-links{position:relative}.user-links .icon-btn{padding-inline-end:0;font-weight:400;padding:7px}.user-links .icon-btn nano-icon{margin-inline-start:5px;inline-size:16px;block-size:16px;transform-origin:center;transition:transform 0.2s ease, color 0.2s ease}.user-links .icon-btn.open nano-icon{transform:rotate(180deg);color:#007495}.user-links-panel{display:none;position:absolute;border-radius:4px 0 4px 4px;box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.4);background-color:#568c9d;opacity:0;transform:translate3d(0, 30px, 0);transition:transform 0.2s ease, opacity 0.2s ease;inset-inline-end:0;min-inline-size:318px;z-index:2}.user-links-panel:focus{outline:none}.user-links-panel.show{opacity:1;transform:translate3d(0, calc(var(--padding) + 1px), 0)}.user-links-panel-content{padding:0 18px;display:flex;flex-direction:column;color:white}.user-links-panel-content a{padding:11px 0;border-block-end:#669dac 1px solid}.user-links-panel-content a:hover,.user-links-panel-content a:focus{color:#455556}.user-links-panel-content a:last-child{border-block-end:none}.user-links-panel-foot{background-color:#aac5cd;border-radius:0 0 4px 4px;padding:var(--padding);color:#455556;display:flex;align-items:center;font-weight:400;justify-content:space-between}.user-links-panel-foot a:hover{text-decoration:underline}.user-links-panel .user-profile{background-color:var(--bar-user-panel-bg)}:host{--bar-vertical-padding:19px;--bar-item-spacing:13px;--bar-background:white;--bar-text-color:#4a4a4a;--bar-color-shade:#d8d8d8;--bar-color-tint:rgb(19 89 111);--bar-color-focus:#007fa9;--bar-user-panel-bg:#016d86;--bar-dropdown-bg:#196c82;--bar-dropdown-text:white;--bar-search-focus:#007FA9;--menu-background:#001a21;--menu-text-color:white;--menu-user-profile-bg:#001a21;--menu-user-panel-bg:#193037;--menu-padding:12px;--menu-hint-color:#33484d;--menu-title-text:#90c6e7;--menu-icon-color:white;--login-button-bg:#007fa9;--login-button-text:white;--padding:12px;--padding-top:var(--padding);--padding-end:var(--padding);--padding-bottom:var(--padding);--padding-start:var(--padding);display:flex;flex-direction:column;position:relative;line-height:1.5;block-size:100%;font-size:0.9375em;font-size:clamp(0.77rem, 1vw, 0.9rem)}:host input,:host select,:host button{font-family:inherit;appearance:none;font-size:inherit}:host a:focus,:host button:focus{outline:none}:host a:focus-visible,:host button:focus-visible{box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)))}";
+const globalNavCss = ":host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}.global-nav{font-family:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit}.global-nav button{background:none;color:inherit;border:none}.global-nav .icon-btn{position:relative;background:none;color:inherit;border:none;align-self:normal;padding:9px 7px;cursor:pointer;display:flex;align-items:center}.global-nav .icon-btn .nano-icon{inline-size:18px;block-size:18px}.global-nav ::slotted(.nano-nav-item[slot=icon]){--padding-top:9px;--padding-bottom:9px;--padding-start:7px;--padding-end:7px;--display:flex;font-size:18px}.global-nav a{color:inherit;text-decoration:none;white-space:nowrap}.global-nav .nav-links_title{margin:8px 0 3px}.global-nav .nav-links ul{margin:0;padding:0}.global-nav .nav-links li{list-style:none}.global-nav .login-btn{display:flex;align-items:center}.global-nav .menu-btn{padding:9px var(--bar-item-spacing) 9px var(--bar-item-spacing)}.site-content{display:flex;transition:min-height 0.2s ease;position:relative;z-index:auto;align-items:stretch;flex:1}.bars{color:var(--bar-text-color);z-index:var(--nano-layer-index-menubar, 10);position:relative;max-inline-size:100%;min-inline-size:100%;box-shadow:none;transition:0.2s ease box-shadow;display:flex;flex-wrap:wrap}[stuck] .bars{box-shadow:0 1px 25px 0 rgba(0, 0, 0, 0.15)}.bars::before{content:\"\";inline-size:100%;block-size:100%;z-index:-1;background:var(--bar-background);position:absolute}.main-bar{flex:1 1 100%;inline-size:fit-content;padding-inline:0 var(--bar-item-spacing);padding-block:var(--bar-vertical-padding);display:flex;align-items:center;justify-content:space-between;overflow-x:hidden}.main-bar:focus{outline:none}:host(.ready) .main-bar{overflow-x:visible}.main-bar>*,.main-bar ::slotted(*){transition:opacity 0.2s ease}:host(:not(.ready)) .main-bar>*,:host(:not(.ready)) .main-bar ::slotted(*){opacity:0 !important}:host(.ready) .main-bar>*,:host(.ready) .main-bar ::slotted(*){opacity:1}:host(.resizing) .main-bar>*,:host(.resizing) .main-bar ::slotted(*){opacity:0 !important}.main-bar>*{flex:0 0 auto}.main-bar>* ::slotted(.nano-nav-item[slot=icon]){margin-inline-start:11px}.main-bar>* ::slotted(.nano-nav-item),.main-bar>* .nano-nav-item{--color-hover:var(--bar-color-focus);--secondary-bg-color:var(--bar-dropdown-bg);--secondary-color:var(--bar-dropdown-text);--bg-color-open:var(--bar-background);--padding-top:7px;--padding-bottom:7px;--padding-end:2px;--padding-start:2px;text-decoration:none !important}.main-bar .icon-btn{margin-block:0;margin-inline-start:6px}:host(.threshold-2) .main-bar .icon-btn{margin-block:0;margin-inline-start:11px}.main-bar .menu-btn.icon-btn{margin:0 !important;border-inline-end:1.5px solid var(--bar-color-shade)}.main-bar .logo{block-size:40px;inline-size:173px;min-inline-size:173px}:host(:not(.threshold-1)) .main-bar .logo{block-size:30px;inline-size:130px;min-inline-size:130px}.main-bar .logo-link{margin-inline:0;padding-inline:var(--bar-item-spacing);display:flex;align-items:center;border:none}.main-bar .nav-links{flex:0 0 auto;display:flex;justify-content:space-around}.main-bar .nav-links ul{display:flex;justify-content:space-around}.main-bar .nav-links ::slotted(.nano-nav-item),.main-bar .nav-links .nano-nav-item{--padding-top:7px;--padding-bottom:7px;--padding-end:2px;--padding-start:2px;--margin:0 var(--bar-item-spacing)}.main-bar .nav-links--main{justify-content:flex-start;letter-spacing:1.5px;font-weight:600;text-transform:uppercase;font-size:1.065em;margin-inline-end:auto}.main-bar .nav-links--main ::slotted(.nano-nav-item){--color:var(--bar-text-color);--padding-end:3px;--padding-start:0}.main-bar .nav-links--sub{--color:var(--color, #e2e2e2);margin-inline-start:6px;justify-content:flex-end}.main-bar .login-btn{display:inline-block;border-radius:4px;background-color:var(--login-button-bg);color:var(--login-button-text);padding:3px 10px;position:relative;inset-inline-start:auto;inset-block-end:auto;margin-inline:11px 0}.main-bar .measure-ele{min-inline-size:1px;display:block;margin:0;padding:0}.gn-menu{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:-1;display:none;transition:z-index 0.01s ease 0.2s;block-size:100vh;inline-size:100vw;overflow-y:auto}:host(.threshold-4) .gn-menu{position:absolute;inline-size:calc(100vw - 20px)}.gn-menu.menu-full-screen{inline-size:100vw !important}.gn-menu_wrap{max-inline-size:92vw;inline-size:335px;background:var(--menu-background);color:var(--menu-text-color);padding:calc(var(--bar-vertical-padding) + 1px) 0 0;box-shadow:0 0 36px 0 rgba(0, 0, 0, 0.8);position:relative;pointer-events:all;margin-block-end:36px;opacity:0;outline:none;transition:transform 0.2s ease, opacity 0.2s ease;overflow:hidden}.gn-menu_wrap.has-promotion{padding:var(--menu-padding) 0 0}.gn-menu.open{z-index:var(--nano-layer-index-dropdown, 300);transition:z-index 0.01s ease}.gn-menu.open .gn-menu_wrap{opacity:1;transform:translate3d(0, 0, 0) !important;transition:transform 0.2s ease 0.01s, opacity 0.2s ease 0.01s}.gn-menu_actions{padding-inline-end:calc(var(--menu-padding) / 2);display:flex;justify-content:space-between}.gn-menu_actions-counter{background:#d0021b;color:var(--menu-text-color);position:absolute;inset-block-end:4px;inset-inline:auto 0;font-size:9px;block-size:14px;line-height:14px;inline-size:auto;min-inline-size:14px;border-radius:50%;box-sizing:border-box;text-align:center;text-indent:0}.gn-menu .content-wrap{position:relative;transition:0.2s ease min-height;min-block-size:190px}.gn-menu .content--sub{padding:var(--menu-padding) 0 var(--menu-padding) 7px}.gn-menu .menu-btn{margin-inline-end:auto}.gn-menu .nav-links{display:flex;flex-wrap:wrap}.gn-menu .nav-links ::slotted(.nano-nav-item),.gn-menu .nav-links .nano-nav-item{--icon-size:14px;--display:inline-block;--secondary-bg-color:#001a21;--padding-top:10px;--padding-bottom:10px;--padding-end:calc(var(--menu-padding) * 2);--padding-start:calc(var(--menu-padding) + 3px);--color:var(--menu-text-color);--color-hover:var(--menu-title-text);--bg-color-hover:transparent;--bg-color-focus:#002530;--focus-outline:none;inline-size:100%}.gn-menu .nav-links .user-nav{--bg-color:var(--menu-user-panel-bg);--padding-top:9px;--padding-bottom:9px;font-weight:bold;margin:5px 0 0}.gn-menu .nav-links .user-nav ::slotted(.nano-nav-item),.gn-menu .nav-links .user-nav .nano-nav-item{font-weight:400;--bg-color:transparent}.gn-menu .nav-links .user-nav .content{padding:0;background-color:var(--menu-user-panel-bg)}.gn-menu .nav-links .user-nav .content--sub{padding-inline:var(--menu-padding)}.gn-menu .nav-links .user-nav .back-btn{padding-inline-start:var(--menu-padding)}.gn-menu .nav-links_title{margin:0 var(--menu-padding) 4px;border-block-end:1px solid var(--menu-hint-color);padding-block-end:8px;text-transform:uppercase;color:var(--menu-title-text);letter-spacing:1px;font-weight:600}.gn-menu .nav-links_title--sites{border-block-end:none}.gn-menu .nav-links-wrap{margin:18px 0}.gn-menu .nav-links-wrap:last-child{margin-block-end:0}.gn-menu .nav-links .back-btn{border-block-start:1px solid var(--menu-hint-color);border-block-end:1px solid var(--menu-hint-color);display:flex;align-items:center;padding:10px 11px 10px 0;inline-size:100%;font-size:12px;text-transform:uppercase;color:var(--menu-title-text);letter-spacing:1px;font-weight:600;cursor:pointer}.gn-menu .nav-links .back-btn:hover{color:var(--menu-text-color)}.gn-menu .nav-links .back-btn .nano-icon{margin-inline-end:10px;font-size:12px;color:var(--menu-icon-color)}.gn-menu .nav-links--sub{display:flex;flex-wrap:wrap}.gn-menu .nav-links--sub ::slotted(.nano-nav-item),.gn-menu .nav-links--sub .nano-nav-item{--border-bottom:none;--padding-end:var(--menu-padding);--padding-start:var(--menu-padding);--padding-top:8px;--padding-bottom:8px;margin:0;inline-size:50%;line-height:1.8}.gn-menu .nav-links--sites ::slotted(.nano-nav-item),.gn-menu .nav-links--sites .nano-nav-item{inline-size:100%}.gn-menu .nav-links .content{padding:8px var(--menu-padding)}.gn-menu .login-btn{padding-inline:7px var(--menu-padding);padding-block:var(--menu-padding)}.gn-menu .login-btn .nano-icon{margin-inline-start:10px}.gn-menu .logout-btn{justify-content:flex-end}.gn-menu .logout-btn a{padding:0 5px}.mask{opacity:0;background:rgba(0, 0, 0, 0.3);position:fixed;inset-inline:0;inset-block-start:0;block-size:100vh;z-index:-1;transition:transform 0.2s ease, opacity 0.2s ease, visibility 0.01s ease 0.2s, z-index 0.01s ease 0.2s;visibility:hidden}.mask.open{opacity:1;transition:z-index 0.01s ease, visibility 0.01s ease, transform 0.2s ease 0.01s, opacity 0.2s ease 0.01s;z-index:var(--nano-layer-index-mask, 10);visibility:visible}.search-btn::before{content:\"\";background-color:rgb(12, 90, 113);block-size:9px;inset-inline:0 5px;inset-block-end:-20px;position:absolute;transform:translateZ(0) scaleX(0);transform-origin:0;transition:0.2s ease transform}.search-btn--open::before{transform:translateZ(0) scaleX(1);opacity:0.7}.search-bar{block-size:0;overflow:hidden;transition:0.2s ease height;padding:0 var(--bar-item-spacing);outline:none;max-inline-size:45em;margin-inline-start:auto;flex:1;}.search-bar .search-widget{margin:0;overflow:inherit;max-inline-size:none;max-block-size:none;min-inline-size:auto;padding-inline-end:0}.search-bar .search-widget .search-icon--search{display:none}.search-bar .search-widget .search-input{--input-border-width:2px 0 0 0;--input-bg-color:#f3f3f3;--nano-input-border-color:transparent;--nano-input-border-color--focus:var(--bar-search-focus);font-size:1.1875em}.search-bar .search-widget .nano-select.search-input{--input-border-width:2px 3px 0 0;--input-bg-color:var(--bar-search-focus);--input-bg-color--focus:#f3f3f3;color:#f3f3f3}.search-bar .search-widget .nano-select.search-input.has-focus{color:var(--bar-search-focus)}.search-bar .search-widget .select-input__arrow{font-size:0.75em}.search-bar .search-widget .select__mask.sc-nano-select{line-height:2.35em;min-block-size:2.35em;padding-block-start:2px}.search-bar .search-inputs{padding:0;margin:0}.search-bar .search-autocomplete{inset-block-start:100%;inline-size:100%}.search-widget{padding-inline-end:var(--bar-item-spacing);margin-inline:var(--bar-item-spacing) auto;position:relative;flex:1 1 auto;max-inline-size:500px;min-inline-size:350px;max-block-size:36px;inset-block-start:-1px}.search-inputs{display:flex;margin:0}.search-inputs input[type=submit]{display:none}.search-autocomplete{position:absolute;inset-block-start:calc(100% + 15px);inline-size:calc(100% - var(--bar-item-spacing));inset-inline-start:0;background:white;border:2px solid var(--bar-color-tint);border-radius:0 0 5px 5px;color:#4a4a4a;padding-block:calc(var(--bar-vertical-padding) / 2) 1px;padding-inline:0;z-index:1}.search-autocomplete-hit{padding-block:calc(var(--bar-vertical-padding) / 4);padding-inline:var(--bar-item-spacing);inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;text-align:start;line-height:1.5;cursor:pointer}.search-autocomplete-hit-scope{color:rgb(167, 176, 179);font-weight:600}.search-autocomplete-hit:hover,.search-autocomplete-hit:focus-visible{background-color:#e4e6e8}.search-autocomplete-hit:focus-visible{box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)))}.search-autocomplete-hit:focus{outline:none}.search-autocomplete-hit .search__highlight,.search-autocomplete-hit em{font-weight:bold;font-style:normal}.search-autocomplete-hit--no-result:hover,.search-autocomplete-hit--no-result:focus{background:none !important}.search-autocomplete-foot{margin:7px 0 0}.search-autocomplete-submit{background:none;border:none;align-self:normal;padding:9px var(--bar-item-spacing) !important;cursor:pointer;display:flex;align-items:center;color:#007495;justify-content:flex-end;inline-size:100%;text-decoration:underline;border-block-start:1px solid rgb(232, 234, 234)}.search-autocomplete-submit:hover,.search-autocomplete-submit:focus{background-color:#e4e6e8}.nano-select.search-input{--input-border-width:0 0 2px 0;--input-text-color:var(--bar-text-color);--nano-input-border-color:rgb(103 138 154);--padding-end:var(--bar-item-spacing);--nano-input-border-color--focus:black;font-weight:600;letter-spacing:1.5px;font-size:1.2em;flex:0 1 auto;inline-size:auto;display:flex;align-items:center;flex-direction:column;position:relative;inset-inline-start:1px;text-transform:uppercase}:host(:not(.ready)) .nano-select.search-input{overflow:hidden;max-block-size:1em}.nano-select.search-input .down-arrow{font-size:0.65em}.nano-input.search-input{--clear-btn-color:var(--bar-text-color);--nano-input-border-color:rgb(103 138 154);--input-border-width:0 0 2px 0;--placeholder-color:var(--bar-text-color);--input-text-color:var(--bar-text-color);--padding-start:21px;--nano-input-border-color--focus:black;font-size:1.2em;inline-size:206px;display:flex;align-items:center;flex-direction:column;flex:1}:host(:dir(rtl)) .nano-input.search-input{--input-border-radius:5px 0 0 5px}:host-context([dir=rtl]) .nano-input.search-input{--input-border-radius:5px 0 0 5px}:host(:not(.ready)) .nano-input.search-input{overflow:hidden;max-block-size:1em}.nano-input.search-input .search-icon{background:none;padding:0 8px;display:none;font-size:0.9em}.nano-input.search-input .search-icon--show{display:flex !important}.nano-input.search-input .search-icon--loader{animation:spin 1s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.nano-input.search-input .search-icon .nano-icon{block-size:1.4em}.user-profile{display:flex;justify-content:space-between;align-items:center;padding:2em;background-color:var(--menu-user-profile-bg)}.user-profile .left{display:flex;align-items:center}.user-profile .avatar-container{position:relative}.user-profile .avatar-container img.avatar{border-radius:50px}.user-profile .avatar-container img.logo-small{position:absolute;block-size:30px;inline-size:30px;inset-block-end:0;inset-inline-end:0;background-color:#27586e;border-radius:10px;padding:5px}.user-profile .user-details{display:flex;flex-direction:column;margin:0 1.25em;color:white}.user-profile .user-details .name{font-size:1.25em}.user-profile .user-details .bio{margin:0.5em 0}.user-profile .user-details .kudos span{background-color:#81c7eb;color:#415958;padding:0.25em;border-radius:0.5em;font-weight:bold}.user-profile .chevron-right{font-size:1.5em;color:white}.user-links{position:relative}.user-links .icon-btn{padding-inline-end:0;font-weight:400;padding:7px}.user-links .icon-btn .nano-icon{margin-inline-start:5px;inline-size:16px;block-size:16px;transform-origin:center;transition:transform 0.2s ease, color 0.2s ease}.user-links .icon-btn.open .nano-icon{transform:rotate(180deg);color:#007495}.user-links-panel{display:none;position:absolute;border-radius:4px 0 4px 4px;box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.4);background-color:#568c9d;opacity:0;transform:translate3d(0, 30px, 0);transition:transform 0.2s ease, opacity 0.2s ease;inset-inline-end:0;min-inline-size:318px;z-index:2}.user-links-panel:focus{outline:none}.user-links-panel.show{opacity:1;transform:translate3d(0, calc(var(--padding) + 1px), 0)}.user-links-panel-content{padding:0 18px;display:flex;flex-direction:column;color:white}.user-links-panel-content a{padding:11px 0;border-block-end:#669dac 1px solid}.user-links-panel-content a:hover,.user-links-panel-content a:focus{color:#455556}.user-links-panel-content a:last-child{border-block-end:none}.user-links-panel-foot{background-color:#aac5cd;border-radius:0 0 4px 4px;padding:var(--padding);color:#455556;display:flex;align-items:center;font-weight:400;justify-content:space-between}.user-links-panel-foot a:hover{text-decoration:underline}.user-links-panel .user-profile{background-color:var(--bar-user-panel-bg)}:host{--bar-vertical-padding:19px;--bar-item-spacing:13px;--bar-background:white;--bar-text-color:#4a4a4a;--bar-color-shade:#d8d8d8;--bar-color-tint:rgb(19 89 111);--bar-color-focus:#007fa9;--bar-user-panel-bg:#016d86;--bar-dropdown-bg:#196c82;--bar-dropdown-text:white;--bar-search-focus:#007FA9;--menu-background:#001a21;--menu-text-color:white;--menu-user-profile-bg:#001a21;--menu-user-panel-bg:#193037;--menu-padding:12px;--menu-hint-color:#33484d;--menu-title-text:#90c6e7;--menu-icon-color:white;--login-button-bg:#007fa9;--login-button-text:white;--padding:12px;--padding-top:var(--padding);--padding-end:var(--padding);--padding-bottom:var(--padding);--padding-start:var(--padding);display:flex;flex-direction:column;position:relative;line-height:1.5;block-size:100%;font-size:0.9375em;font-size:clamp(0.77rem, 1vw, 0.9rem)}:host input,:host select,:host button{font-family:inherit;appearance:none;font-size:inherit}:host a:focus,:host button:focus{outline:none}:host a:focus-visible,:host button:focus-visible{box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)))}";
 const NanoGlobalNavStyle0 = globalNavCss;
 
 // the 'breakpoints' where different segments of content go into or out-of the burger / overflow menu
@@ -457,7 +458,7 @@ const GlobalNav = /*@__PURE__*/ proxyCustomElement(class GlobalNav extends HTMLE
         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 =
@@ -472,7 +473,7 @@ const GlobalNav = /*@__PURE__*/ proxyCustomElement(class GlobalNav extends HTMLE
             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'));
         }
     }
@@ -541,7 +542,7 @@ const GlobalNav = /*@__PURE__*/ proxyCustomElement(class GlobalNav extends HTMLE
     }
     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) => {
@@ -909,26 +910,26 @@ const GlobalNav = /*@__PURE__*/ proxyCustomElement(class GlobalNav extends HTMLE
         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) => {
@@ -1043,50 +1044,51 @@ const GlobalNav = /*@__PURE__*/ proxyCustomElement(class GlobalNav extends HTMLE
         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) ||
@@ -1098,52 +1100,52 @@ const GlobalNav = /*@__PURE__*/ proxyCustomElement(class GlobalNav extends HTMLE
             ((!!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
     /**