@nanoporetech-digital/components 7.9.2 → 8.0.0-alpha.0

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

@@ -1,5 +1,4 @@
 /*!
- * Web Components for Nanopore digital Web Apps
+ * Custom elements for Nanopore-Digital Web applications
  */
-import{r as e,c as t,g as n,e as i,d as a,a as s,j as o}from"./index-6cc72cd9.js";import{a as r}from"./algoliasearch-lite.esm.browser-0f71b631.js";import{C as l}from"./component-store-199a9fd8.js";import{d as c}from"./throttle-df960210.js";import{d as h}from"./transitions-c09bd7f6.js";import{s as d}from"./search-insights-1a7b7dc5.js";import{t as b,h as u}from"./renderer-4bc3e2dc.js";async function f(e,{body:t,...n}={}){const i={Accept:"application/json, text/plain, */*","Access-Control-Allow-Origin":"*","Content-Type":"application/json",Cache:"no-cache"};const a={method:t?"POST":"GET",credentials:"include",keepalive:true,mode:"cors",...n,headers:{...i,...n.headers}};if(t){a.body=JSON.stringify(t)}let s=setTimeout((()=>{}),0);if(window.AbortController){const e=new AbortController;const{timeout:t=500}=n;s=setTimeout((()=>e.abort()),t);a.signal=e.signal}const o=await fetch(e,a);clearTimeout(s);if(o.ok){return await o.json()}else{const e=await o.text();return new Error(e)}}const p=':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 m=p;const g={about:0,main:1,login:2,search:3,icon:4};const v=Object.keys(g).length;const k=class{debounceResize;debounceSetResizingState;currSize=0;menuDiv;menuBtn;menuWrapDiv;menuContentDiv;menuSelectedItems;searchBarEl;searchInput;algoliaClient;currentIndex;autocompleteResults;autocompleteEles=[];currAIndex=-1;algoliaSearchResults;scopeSearch;mainBarDiv;userLinkPanel;isLoggedIn=false;myAccData=null;aboutNavItms=[];siteNavItms=[];loggedInNavItms=[];constructor(n){e(this,n);this.nanoIsReady=t(this,"nanoIsReady",7);this.nanoSearchResult=t(this,"nanoSearchResult",7);this.nanoSearchError=t(this,"nanoSearchError",7);this.nanoSearchReset=t(this,"nanoSearchReset",7);this.assessSlottedContent=c(this.assessSlottedContent.bind(this),10);this.handleBarResize=c(this.handleBarResize.bind(this),200)}userProfileUrl="";hasLoggedinSlot=false;hasSiteSlot=false;hasPromotionSlot=false;aboutSlotLen=0;iconSlotLen=0;mainSlotLen=0;overflowSlotLen=0;searchSlotLen=0;thresholdReady=false;remoteDataReady=false;ready=false;isResizing=false;threshold=v;modalOpen=false;modalIsOpen=false;searchBarShown=false;scrollingUp=true;showAutocomplete=false;secondaryMenuOpen=null;userMenuOpen=false;menuFullScreen=false;searchLoading=false;searchValInternal="";internalSearchIndeces=[];get el(){return n(this)}env="prod";ssoDataUrl;myAccountData;handleMyAccountData(){if(!this.myAccountData)return;if(!this.myAccountData.user||!this.myAccountData.links)return;this.myAccData=this.myAccountData;if(this.myAccData.user.id){this.isLoggedIn=true;this.myAccountUser=this.myAccData.user}this.processMyAccLinks();this.processMyAccData();this.remoteDataReady=true}ssoRedirect=encodeURIComponent(window.location.href);getMyAccountData=true;activeMyAccountSections=null;showSearch=true;showLogo=true;logoUrl=location.protocol+"//"+location.host;searchIndeces=[];myAccountUser=null;searchAppId;searchApiKey;searchValue="";searchIndex="All";cartCount=0;msgCount=0;cartUrl=null;msgUrl=null;nanoIsReady;nanoSearchResult;nanoSearchError;nanoSearchReset;async submitSearch(){this.onSearchSubmit();this.showAutocomplete=false;return}async toggleOverflowMenu(e){if(e===true||e===undefined&&!this.modalIsOpen){this.menuOpen()}else{this.menuClose(null,true)}}async getMyAccData(){if(this.myAccData)return;switch(this.env){case"prod":this.userProfileUrl="https://myaccount.nanoporetech.com/";break;case"local":case"dev":case"test":default:this.userProfileUrl="https://myaccount.nanoporetech.com/";break}if(!this.getMyAccountData||this.myAccData){this.remoteDataReady=true;return}let e=this.ssoDataUrl;if(!e){switch(this.env){case"dev":e="https://myaccount-dev.nanoporetech.com/";break;case"test":e="https://myaccount-test.nanoporetech.com/";break;default:e="https://myaccount.nanoporetech.com/";break}}const t={timeout:5e3};try{if(this.env==="local"){this.myAccData=await import("./local-my-account-3ba1ec04.js")}else{this.myAccData=await f(e+"nav_bar_data.json",t)}if(this.myAccData.user.id){this.isLoggedIn=true;this.myAccountUser=this.myAccData.user}this.processMyAccLinks();this.processMyAccData();setTimeout((()=>this.remoteDataReady=true),300)}catch(e){console.error(e);this.remoteDataReady=true}}currentSelectedIndex(){if(!this.internalSearchIndeces.length){return}if(!this.searchIndex)return this.internalSearchIndeces[0];const e=this.internalSearchIndeces.find((e=>e.name===this.searchIndex));if(!e){this.currentIndex=this.internalSearchIndeces[0];console.error("index not found");return}this.currentIndex=e;return e}changeInternalSearchVal(){if(this.searchValInternal!==this.searchValue)this.searchValue=this.searchValInternal}initAlgoliaClient(){if(!this.searchAppId||!this.searchApiKey)return;this.algoliaClient=r(this.searchAppId,this.searchApiKey);this.addAlgoliaIndeces();d.init(this.searchAppId,this.searchApiKey).then((()=>{if(this.myAccountUser)d.setUser(this.myAccountUser.uuid)}))}addIndeces(){this.internalSearchIndeces=[...this.internalSearchIndeces,...this.searchIndeces]}addAlgoliaIndeces(){if(!this.algoliaClient||!this.internalSearchIndeces.length)return;this.internalSearchIndeces.forEach((e=>{e.alogliaIndex=this.algoliaClient.initIndex(e.index)}));if(!this.searchIndex){this.searchIndex=this.internalSearchIndeces[0].name}}thresholdChange(e,t){if(e>t){this.setResizingState(true)}}assessReady(){if(this.thresholdReady&&this.remoteDataReady){this.ready=true;this.nanoIsReady.emit();if(this.searchValue)requestAnimationFrame((()=>this.searchbarShow()))}}setupAutocompleteBlur(){if(this.showAutocomplete){this.el.shadowRoot.addEventListener("click",this.onAutocompleteBlur)}else{this.el.shadowRoot.removeEventListener("click",this.onAutocompleteBlur)}}closeSearchBar(){if(!!this.secondaryMenuOpen&&this.searchBarShown)this.searchbarHide()}slotChange(){this.threshold=v}thresholdClasses(){const e=[];let t=0;for(t;t<this.threshold;t++)e.push("threshold-"+(t+1));return e}setResizingState=(e=false)=>{if(typeof this.debounceSetResizingState==="undefined"){this.debounceSetResizingState=c(this.setResizingState,600)}if(e){this.isResizing=true;this.debounceSetResizingState()}else{this.isResizing=false}};onWindowResize(){if(this.threshold<v&&window.innerWidth>this.currSize){this.threshold=v}this.currSize=window.innerWidth;this.searchbarHide();this.handleBarResize()}secondaryOpen(e){if(!e.detail.secondaryMenu)return;e.stopPropagation();this.secondaryMenuOpen=e.target;if(!this.menuSelectedItems){this.menuSelectedItems=this.el.querySelectorAll(`${b("nano-nav-item")}[selected]`);this.menuSelectedItems.forEach((e=>e.classList.remove("selected")))}this.menuContentDiv.style.minHeight=e.detail.secondaryMenu.scrollHeight+"px"}secondaryClose(e){if(!e.detail.secondaryMenu)return;e.stopPropagation();if(this.secondaryMenuOpen===e.target&&this.menuSelectedItems){this.secondaryMenuOpen=null;this.menuContentDiv.style.minHeight="";this.menuSelectedItems=null;this.el.querySelectorAll(`${b("nano-nav-item")}[selected]`).forEach((e=>e.classList.add("selected")))}}onMenuBtnKeyDown=e=>{switch(e.key){case"Enter":case" ":if(this.modalOpen)this.menuClose(e,true);else this.menuOpen();break}};onMenuBtnClick=e=>{this.menuClose(e,true)};menuOpen=e=>{if(e)e.preventDefault();this.menuDiv.style.display="block";this.modalOpen=true;this.menuWrapDiv.focus({preventScroll:true});if(this.threshold<2||this.menuWrapDiv.scrollHeight>window.innerHeight){document.body.style.overflow="hidden";this.menuFullScreen=true}else document.body.style.overflowX="hidden";setTimeout((()=>this.modalIsOpen=true),300)};onMenuHidden=()=>{this.menuDiv.removeEventListener("transitionend",this.onMenuHidden);document.body.style.overflow="";this.menuDiv.style.display="none";this.modalIsOpen=false;this.menuFullScreen=false;setTimeout((()=>{if(document.activeElement===document.body&&this.menuBtn)this.mainBarDiv.focus({preventScroll:true})}),50)};menuClose(e,t=false){if(!this.modalIsOpen)return;if(t){this.modalOpen=false;this.menuDiv.addEventListener("transitionend",this.onMenuHidden);return}if(!e.composedPath().some((e=>e===this.menuContentDiv||e.classList?.contains("gn-menu_actions")))){requestAnimationFrame((()=>{if(this.secondaryMenuOpen)return;this.modalOpen=false;this.menuDiv.addEventListener("transitionend",this.onMenuHidden)}))}}subMenuClose=e=>{e.preventDefault();e.target.closest(b("nano-nav-item")).open=false};onUserBtnClick=e=>{e.preventDefault();this.userMenuOpen=!this.userMenuOpen};onUserBtnKeyDown=e=>{switch(e.key){case"Enter":case" ":this.userMenuOpen=!this.userMenuOpen;break}};onUserMenuBlur=e=>{if(!e.relatedTarget){this.userMenuOpen=false;return}if(e.relatedTarget.closest(".user-links-panel"))return false;this.userMenuOpen=false};async handleUserMenu(){await h(this.userLinkPanel,{className:"show",show:this.userMenuOpen});if(this.userMenuOpen){this.userLinkPanel.focus();this.userLinkPanel.addEventListener("focusout",this.onUserMenuBlur)}else{this.userLinkPanel.removeEventListener("focusout",this.onUserMenuBlur);this.el.focus()}}onSearchBtnClick=e=>{e.preventDefault();if(this.searchBarShown)this.searchbarHide();else this.searchbarShow()};async searchbarShow(){if(!this.searchBarEl)return;this.searchBarShown=true;this.searchBarEl.removeEventListener("transitionend",this.onSearchBarHidden);this.searchBarEl.addEventListener("transitionend",this.onSearchBarShown);this.searchBarEl.style.display="block";requestAnimationFrame((()=>{const e=Math.floor(this.searchBarEl.querySelector(".search-widget").scrollHeight)-1;this.searchBarEl.style.height=e.toString()+"px"}))}onSearchBarShown=()=>{this.searchBarEl.removeEventListener("transitionend",this.onSearchBarShown);if(this.searchInput)this.searchInput.setFocus();this.searchBarEl.style.overflow="visible"};searchbarHide=e=>{if(e&&e.relatedTarget&&e.relatedTarget.closest("#global-nav-search-bar")){return}this.showAutocomplete=this.searchBarShown=false;if(this.searchValInternal.length&&e)return;if(!this.searchBarEl)return;this.searchBarEl.addEventListener("transitionend",this.onSearchBarHidden);this.searchBarEl.style.overflow="hidden";this.searchBarEl.style.height="0px"};onSearchBarHidden=()=>{this.searchBarEl.style.display="none"};autocompleteSnippet(e){const t=["title"];if(e._snippetResult){const n=t.find((t=>e._snippetResult[t]&&e._snippetResult[t].matchLevel!=="none"));if(n){if(n!=="title")return(e.title.length>15?e.title.substring(0,15)+" ...":e.title)+" "+e._snippetResult[n].value;else return e._snippetResult["title"].value}}return e.title}onSearchInput=e=>{this.searchValInternal=this.searchInput.value;if(!this.isSearchValSet()){this.searchLoading=false;return}if(e.detail.type==="input"){this.showAutocomplete=false;this.searchLoading=true}};async doAlgoliaSearch(){this.algoliaSearchResults=null;const e=this.internalSearchIndeces.map((e=>{const t={clickAnalytics:true,attributesToSnippet:["body:5","title:8"],indexName:e.index,query:this.searchValInternal,facets:e.filters,hitsPerPage:5,filters:""};if(e.name==="Community"){t.filters="created > "+Math.floor((Date.now()-631152e5)/1e3)}return t}));try{this.algoliaSearchResults=this.processSearchResults(await this.algoliaClient.search(e))}catch(e){this.nanoSearchError.emit(e)}this.searchLoading=false;if(!this.algoliaSearchResults)return;this.algoliaSearchResults.results.map(((e,t)=>{e.indexName=this.internalSearchIndeces[t].name;e.selected=this.currentIndex.name===this.internalSearchIndeces[t].name;e.domain=this.currentIndex.domain||null;e.domains=this.myAccData.domains||null;e.allGroup=!!this.internalSearchIndeces[t].allGroup;e.filters=this.internalSearchIndeces[t].filters;e.replicas=this.currentIndex.replicas}));return this.algoliaSearchResults}onSearchChange=async e=>{this.searchValInternal=this.searchValue=e?e.detail.value:this.searchValInternal;this.showAutocomplete=false;this.autocompleteResults=null;if(!this.isSearchValSet()){if(!this.searchValInternal.length){this.nanoSearchReset.emit()}this.searchLoading=false;return}if(!this.currentIndex)this.currentSelectedIndex();this.searchLoading=true;const t=await this.doAlgoliaSearch();this.scopeSearch=null;this.scopeSearch=t;this.autocompleteResults=t.results.find((e=>e.selected));this.showAutocompleteResults();this.searchLoading=false};onSearchSubmit=async e=>{if(e)e.preventDefault();if(!this.isSearchValSet())return;if(!this.currentIndex)this.currentSelectedIndex();if(!this.algoliaSearchResults)await this.doAlgoliaSearch();const t=this.algoliaSearchResults.results.find((e=>e.selected));const{index:n,domain:i,filters:a,query:s,replicas:o}=t;this.nanoSearchResult.emit({meta:{indexTitle:t.indexName,index:n,domain:i,filters:a,query:s,replicas:o},client:{apiKey:this.searchApiKey,appId:this.searchAppId}});this.showAutocomplete=false;return this.algoliaSearchResults};onSearchIndexChange=async e=>{const t=e;let n=e;if(!this.currentIndex)this.currentSelectedIndex();if(t.detail&&t.detail.value.length)n=t.detail.value;if(!n||!n.length)return;if(this.currentIndex.index===n)return;const i=this.internalSearchIndeces.find((e=>e.index===n));if(!i||!i.alogliaIndex)return;this.searchIndex=i.name;if(this.isSearchValSet())await this.onSearchChange()};isSearchValSet(){if(this.searchValInternal.length<3)return false;return true}switchIndexSubmit=async e=>{if(this.isSearchValSet()){await this.onSearchIndexChange(e);this.onSearchSubmit()}else this.onSearchIndexChange(e)};resetHitFocus(){this.currAIndex=-1}onAutocompleteBlur=e=>{if(!this.showAutocomplete||!this.autocompleteResults)return;if(e&&e.target&&e.target.closest(".search-widget"))return;this.showAutocomplete=false};showAutocompleteResults=()=>{if(!this.autocompleteResults||!this.autocompleteResults.hits)return;this.showAutocomplete=true};setActiveElement(e){this.autocompleteEles.map((e=>e.setAttribute("aria-selected","false")));e.focus({preventScroll:true});e.setAttribute("aria-selected","true")}onAutocompleteInteract=e=>{if(!this.showAutocomplete||!this.autocompleteResults)return;let t=this.currAIndex;switch(e.key){case"Tab":setTimeout((()=>{if(!this.el.shadowRoot.activeElement||!this.el.shadowRoot.activeElement.closest(".search-widget")){this.showAutocomplete=false;return}else{const e=this.autocompleteEles.find(((e,t)=>{if(e===this.el.shadowRoot.activeElement){this.currAIndex=t;return true}}));if(e)this.setActiveElement(e);else this.currAIndex=-1}}));break;case"ArrowDown":case"ArrowUp":{if(e.key==="ArrowDown")t++;else if(e.key==="ArrowUp")t--;const n=this.autocompleteEles[t];if(n||t<0||t>this.autocompleteEles.length-1){e.preventDefault()}if(n){this.setActiveElement(n);this.currAIndex=t}else if(t<0){this.searchInput.setFocus();this.currAIndex=-1}break}case"Enter":case" ":if(this.autocompleteEles[this.currAIndex]){this.autocompleteEles[this.currAIndex].click()}break}};assessSlottedContent=()=>{i((()=>{this.hasSiteSlot=!!this.el.querySelectorAll('[slot="site"]').length;this.hasLoggedinSlot=!!this.el.querySelectorAll('[slot="loggedin"]').length;this.hasPromotionSlot=!!this.el.querySelectorAll('[slot="promotion"]').length;this.aboutSlotLen=this.el.querySelectorAll('[slot="about"]').length;this.iconSlotLen=this.el.querySelectorAll('[slot="icon"]').length;this.mainSlotLen=this.el.querySelectorAll('[slot="main"]').length;this.overflowSlotLen=this.el.querySelectorAll('[slot="overflow"]').length;this.searchSlotLen=this.el.querySelectorAll('[slot="search"]').length}))};async handleBarResize(){const e=()=>new Promise((e=>{this.threshold--;setTimeout((()=>{e()}),200)}));while(this.threshold>0){if(this.mainBarDiv.scrollWidth<=this.mainBarDiv.parentElement.clientWidth)break;await e()}this.thresholdReady=true;let t,n;i((()=>{t=[...Array.from(this.el.querySelectorAll(`${b("nano-nav-item")}[slot="site"]`)),...Array.from(this.el.querySelectorAll(`${b("nano-nav-item")}[slot="overflow"]`))];n=[];if(this.threshold<v-g.icon)t.push(...Array.from(this.el.querySelectorAll(`${b("nano-nav-item")}[slot="icon"]`)));else n.push(...Array.from(this.el.querySelectorAll(`${b("nano-nav-item")}[slot="icon"]`)));if(this.threshold<v-g.login)t.push(...Array.from(this.el.querySelectorAll(`${b("nano-nav-item")}[slot="loggedin"]`)));else n.push(...Array.from(this.el.querySelectorAll(`${b("nano-nav-item")}[slot="loggedin"]`)));if(this.threshold<v-g.main)t.push(...Array.from(this.el.querySelectorAll(`${b("nano-nav-item")}[slot="main"]`)));else n.push(...Array.from(this.el.querySelectorAll(`${b("nano-nav-item")}[slot="main"]`)));if(this.threshold<v-g.about)t.push(...Array.from(this.el.querySelectorAll(`${b("nano-nav-item")}[slot="about"]`)));else n.push(...Array.from(this.el.querySelectorAll(`${b("nano-nav-item")}[slot="about"]`)))}));a((()=>{t.forEach((e=>{e.classList.add("nano-global-nav-menu");e.classList.remove("nano-global-nav-bar")}));n.forEach((e=>{e.classList.remove("nano-global-nav-menu");e.classList.add("nano-global-nav-bar")}))}))}componentWillLoad(){l.init(this,["searchIndex","searchValue"],"url-hash","gns");this.assessSlottedContent()}connectedCallback(){this.handleMyAccountData();this.getMyAccData()}componentDidLoad(){{this.debounceResize=c(this.onWindowResize.bind(this),200);window.addEventListener("resize",this.debounceResize);this.currSize=window.innerWidth}this.initAlgoliaClient();this.addAlgoliaIndeces();requestAnimationFrame((()=>this.handleBarResize()))}disconnectedCallback(){window.removeEventListener("resize",this.debounceResize)}autocompleteList(){let e;if(this.showAutocomplete&&this.scrollingUp){let t=0;let n=0;const i=(e,t)=>t.index!==this.currentIndex.index?e+t.hits.length:e;const a=(e,t)=>t.index===this.currentIndex.index?e+t.hits.length:e;if(this.scopeSearch){n=this.scopeSearch.results.reduce(i,0);t=this.scopeSearch.results.reduce(a,0)}if(this.autocompleteResults&&this.autocompleteResults.hits.length||n&&!t){let n=0;e=u("div",null,!t&&u("div",{class:"search-autocomplete-hit search-autocomplete-hit--no-result"},"No results matching '",this.searchValInternal,"' were found in"," ",u("strong",null,this.currentIndex.name),". Try another phrase."),this.autocompleteResults&&[this.autocompleteResults.hits.map(((e,t)=>u("a",{role:"option",ref:e=>this.autocompleteEles.push(e),tabindex:"-1",id:"autocomplete-hit-"+t,href:e.url,class:"search-autocomplete-hit",innerHTML:this.autocompleteSnippet(e),onClick:()=>{d.sendClick({index:this.currentIndex.index,eventName:"Global nav quick search - search result clicked",queryID:this.autocompleteResults.queryID,objectIDs:[e.objectID],positions:[t+1]})}})))],(!t||this.currentIndex.allGroup)&&this.scopeSearch&&this.scopeSearch.results&&[this.scopeSearch.results.map(((e,t)=>{if(!e.hits.length||e.index===this.currentIndex.index||n>1)return;n++;return u("button",{role:"option",ref:e=>this.autocompleteEles.push(e),tabindex:"-1",id:"autocomplete-scope-"+t,class:"search-autocomplete-hit",onClick:()=>this.switchIndexSubmit(e.index),onMouseDown:()=>this.switchIndexSubmit(e.index)},'"',this.searchValInternal,'"'," ",u("div",{class:"search-autocomplete-hit-scope"},"in ",e.indexName))}))],!!t&&u("div",{class:"search-autocomplete-foot"},u("button",{role:"option",class:"search-autocomplete-submit",ref:e=>this.autocompleteEles.push(e),id:"autocomplete-foot",onClick:this.onSearchSubmit,onMouseDown:this.onSearchSubmit},"View all results")))}else if(!t){e=u("div",{class:"search-autocomplete-hit search-autocomplete-hit--no-result"},"No results matching '",this.searchValInternal,"' were found. Try another phrase.")}}return u("div",{class:"search-autocomplete",role:"listbox",id:"autocomplete-results","aria-expanded":this.showAutocomplete?"true":"false",hidden:!this.showAutocomplete,onKeyDown:this.onAutocompleteInteract},e)}searchWidget(){return[u("form",{class:"search-inputs",onSubmit:this.onSearchSubmit,id:"global-nav-search"},u("nano-select",{class:"search-input",label:"Which area of content would you like to search?",hideLabel:true,showInlineError:false,value:this.currentSelectedIndex()?.index,onNanoChange:this.onSearchIndexChange,mask:true},this.internalSearchIndeces.map((e=>u("nano-option",{selected:e.name===this.searchIndex,value:e.index},e.name||e.index))),u("nano-icon",{name:"light/chevron-down",class:"select-input__arrow",slot:"down-arrow"})),u("nano-input",{class:"search-input",label:"What would you like to search for?","aria-label":"What would you like to search for",hideLabel:true,showInlineError:false,"clear-input":true,placeholder:"Search Nanopore",type:"text",ref:e=>this.searchInput=e,onNanoChange:this.onSearchChange,onNanoInput:this.onSearchInput,onKeyDown:this.onAutocompleteInteract,debounce:500,"aria-autocomplete":"list","aria-activedescendant":this.autocompleteEles[this.currAIndex]?this.autocompleteEles[this.currAIndex].id:false,"aria-controls":"autocomplete-results",onNanoFocus:this.showAutocompleteResults,value:this.searchValue,role:"textbox"},u("button",{class:{"search-icon":true,"search-icon--search":true,"search-icon--show":!!this.searchValue&&!this.searchLoading},slot:"end",onClick:e=>{this.searchValInternal=this.searchInput.value;this.onSearchSubmit(e)}},u("nano-icon",{name:"light/magnifying-glass",role:"img",ariaLabel:"Search now"})),u("span",{class:{"search-icon":true,"search-icon--loader":true,"search-icon--show":this.searchLoading},slot:"end"},u("nano-icon",{name:"light/spinner-third"}))),u("input",{type:"submit"}))]}render(){this.autocompleteEles=[];const e=this.el.ownerDocument.dir==="rtl";const t=this.searchWidget();t.push(this.autocompleteList());return u(s,{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,"nano-global-nav":true},dir:e?"rtl":null},u("div",{key:"6507f16e32b2c6d1e236efa05a8eb725226bebab",class:{"global-nav":true,"scrolling-down":!this.scrollingUp}},u("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:e=>this.menuDiv=e,part:"burger"},u("div",{key:"3d5bd2e8fd1257a1d3ee1d0106b85e213260c6c0",class:"gn-menu_wrap",ref:e=>this.menuWrapDiv=e,tabindex:"-1",part:"burger-menu"},u("div",{key:"355f89f2ba243c3858e18c9af208d2c102214f6d",class:"gn-menu_actions",part:"burger-actions-bar"},u("button",{key:"b078eb21d775f3fb72873f08d8170c5cbd15fc7e",class:"menu-btn icon-btn icon-btn",onMouseDown:this.onMenuBtnClick,onKeyDown:this.onMenuBtnKeyDown},this.threshold<v-g.login&&u("nano-icon",{key:"59d9b7de1ec45513defaa00b318f56335239c4ba",name:"light/xmark","aria-label":"close menu",role:"img"}),this.threshold>=v-g.login&&u("nano-icon",{key:"a51364497a6436124d41c67387d4e06459fecac3",name:"light/bars","aria-label":"close menu",role:"img"})),this.threshold<v-g.icon&&[!!this.iconSlotLen&&u("slot",{key:"5a4de1bfc3142f1ab92c14f996e371105e8747ae",name:"icon"}),this.myAccData&&(!this.activeMyAccountSections||this.activeMyAccountSections.includes("icons"))&&[this.msgUrl&&u("a",{key:"c160c224ab55265b8711dfe52847ec694aea45b8",href:this.msgUrl,class:"icon-btn"},u("nano-icon",{key:"d1d6d0665ffd3fbe6a1cbf2fb5232b8de837680c",name:"light/bell",role:"img",ariaLabel:"Check notifications"}),this.msgCount>0&&u("span",{key:"d88070f6f7b57b4f3db2d4165f3640b9c2a02cfa",class:"gn-menu_actions-counter"},this.msgCount)),this.cartUrl&&u("a",{key:"b34df751132a325edb07fd7b8bc722f6ac1a5249",href:this.cartUrl,class:"icon-btn"},u("nano-icon",{key:"baaeb176499832c4c337ab70b667c6405c289d25",name:"light/cart-shopping",role:"img",ariaLabel:"Go to cart"}),this.cartCount>0&&u("span",{key:"868f6bec4cec2385ead80ea3b25ff665546576d0",class:"gn-menu_actions-counter"},this.cartCount))]],this.myAccData&&this.myAccData.urls.login&&u("a",{key:"574ed325458daae66c2ef942af1698d60a1fc7d1",href:this.myAccData.urls.login+this.ssoRedirect,class:"login-btn"},"Login / Register"," ",u("nano-icon",{key:"5cb49b6829078fa1703930c9d023638751604517",name:"solid/chevron-right"}))),u("div",{key:"998c9784eb21866fd28c2b261cfd61a1c2183de9",class:"content-wrap",ref:e=>this.menuContentDiv=e},u("div",{key:"256be0960f44b72b62176a73a09937897aa211fb",class:"content",part:"burger-content"},u("nav",{key:"ed7346608de637f45639a5f7ee0a34930ebd2265",class:"nav-links nav-links--main",role:"menu"},u("slot",{key:"dfd170cd101390574856a9eadac9a67714d1f98f",name:"overflow",onSlotchange:this.assessSlottedContent}),this.threshold<v-g.main&&!!this.mainSlotLen&&u("slot",{key:"f2e316b2d713411d126e39ac7c0a27f1d45128ad",name:"main",onSlotchange:this.assessSlottedContent})),((!!this.aboutSlotLen||!!this.aboutNavItms.length)&&this.hasSiteSlot||!!this.siteNavItms.length)&&u("div",{key:"5cf164c338a24c26208a7807bb58e747890d0a3c"},(this.hasSiteSlot||!!this.siteNavItms.length)&&[(this.threshold>=v-2||this.mainSlotLen<2)&&this.overflowSlotLen<2&&u("div",{key:"5ae0b83ce30a602168a22d1367f75c7150eb2a8c",class:"nav-links-wrap"},u("h4",{key:"c19be958e609ed84e9e2feb0342c601fa5c38017",class:"nav-links_title nav-links_title--sites"},"Sites"),u("nav",{key:"64fcab191bc5c7f100ba29fa83bff5e69813fc72",class:"nav-links nav-links--sub nav-links--sites","aria-label":"Different company site links"},u("slot",{key:"aa8d2a33df760e02d193e94fc93fd731db345551",name:"site",onSlotchange:this.assessSlottedContent}),this.siteNavItms.map((e=>u("nano-nav-item",{class:"nano-global-nav nano-global-nav-menu"},u("a",{href:e.address,target:e.target},e.title)))))),(this.threshold<v-2&&this.mainSlotLen>=2||this.overflowSlotLen>=2)&&u("nav",{key:"6f7613703f867a4a120a9511bb591784479bbb1a",class:"nav-links","aria-label":"Different company site links"},u("nano-nav-item",{key:"b1f63cabe7bafb88d8d1a0386b1ea159ae334608",class:"nano-global-nav nano-global-nav-menu",closeOnBlur:false},"Sites",u("nano-icon",{key:"5fe1c4389dacf278b3cc3290041af82e9f5f0731",slot:"icon-end",name:"solid/chevron-right"}),u("div",{key:"6fe3dbea59f144d3f857a70942ed03e667833f08",slot:"secondary"},u("div",{key:"d2c9bd8e6b35aebd5a2dc22a6a40de3db401123c",class:"content"},u("button",{key:"d996342c3f68a52c2d756801849ce2e82b25fb01",class:"back-btn",onClick:this.subMenuClose},u("nano-icon",{key:"453b6631e44817cc9952cb649e3eb1e9f5b22a83",slot:"icon-end",name:"solid/chevron-left","aria-label":"go back",role:"img"}),"Sites"),u("div",{key:"6aef4eb001acae9a17de56a9357293d7824da662",class:"content--sub"},u("slot",{key:"64cf6e8c2bc47c9609c571a3e4fbf1a6d9955e0a",name:"site",onSlotchange:this.assessSlottedContent}),this.siteNavItms.map((e=>u("nano-nav-item",{class:"nano-global-nav nano-global-nav-menu"},u("a",{href:e.address,target:e.target},e.title)))))))))])),this.isLoggedIn&&this.threshold<v-g.login&&(this.loggedInNavItms.length||this.hasLoggedinSlot)&&u("nav",{key:"c74acf7d9230f3ce4722e9aee3cd7de5ab14fea2",class:"nav-links","aria-label":"Your user account links"},u("nano-nav-item",{key:"2de6d7fbe9c41bcfbf213d86396c2f89c49ef00c",class:"nano-global-nav user-nav nano-global-nav-menu",closeOnBlur:false},this.myAccountUser.name,u("nano-icon",{key:"ba118d2302b391640f00b30d8f03d64df08d0fb6",slot:"icon-end",name:"solid/chevron-right"}),u("div",{key:"e7052720dd70aed785d055ee496d7c75f1736bf1",slot:"secondary"},u("div",{key:"4dcc50535727163c54b95f705b390f16b4f82e7f",class:"content"},u("button",{key:"e3018cecdeca60b2fcf120a77bb3bd5bc710f19f",class:"back-btn",onClick:this.subMenuClose},u("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&&u("nano-global-nav-user-profile",{key:"d3d4d5d4e971f2c2e82adc7f64b3313d11e8a8e3",myAccountUser:this.myAccountUser,userProfileUrl:this.userProfileUrl}),u("div",{key:"2dffba3926caf4e82f13baa8e1070fb15fa1194d",class:"content--sub"},u("slot",{key:"b424a41514d0a0ec6c218f6a6191c5441bb02740",name:"loggedin",onSlotchange:this.assessSlottedContent}),this.loggedInNavItms.map((e=>u("nano-nav-item",{class:"nano-global-nav nano-global-nav-menu"},u("a",{href:e.address,target:e.target},e.title)))),u("nano-nav-item",{key:"2eaab58c5e0108e209308d1dd82e5a77803b8d02",class:"nano-global-nav nano-global-nav-menu"},u("a",{key:"34b8908d1c901652129a9b7b3647945795e5d831",href:this.myAccData.urls.forgot_password+this.ssoRedirect},"Change Password"))))))),u("slot",{key:"8fc5918b9e332211e87b875d9688502be7e8c0f6",name:"promotion",onSlotchange:this.assessSlottedContent}),this.myAccData&&this.myAccData.urls.logout&&u("div",{key:"36f4753c6c5e7cdc1e52ebe48b618562bc6bd73f",class:"login-btn logout-btn"},u("a",{key:"b207ee40e85bcca7e6a6e5b9bbd22a4e0a4a4e06",href:this.myAccData.urls.logout+this.ssoRedirect},"Logout"))))),u("div",{key:"840fab91269d501ff63032755453fc7dd2e3044b",class:"bars",part:"bars"},u("nav",{key:"c5787f83cad65be5ab76d1c94e0afef8767ba30b",part:"main-bar",class:"main-bar","aria-label":"Main site navigation",tabindex:"-1",ref:e=>this.mainBarDiv=e},(this.hasPromotionSlot||!!this.overflowSlotLen||(this.myAccData||!!this.iconSlotLen)&&this.threshold<v-g.icon||this.isLoggedIn&&(!!this.loggedInNavItms.length||this.hasLoggedinSlot)&&this.threshold<v-g.login||!!this.mainSlotLen&&this.threshold<v-g.main||(!!this.aboutSlotLen||!!this.aboutNavItms.length)&&this.threshold<v-g.about||this.hasSiteSlot||!!this.siteNavItms.length)&&u("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:e=>this.menuBtn=e},u("nano-icon",{key:"0a6a501e1b137d8c2c6b35e89d5f2c2a227757ae",name:"light/bars","aria-label":"Open menu"})),this.showLogo&&u("a",{key:"287d80e53176feb00c5c27c7725709fb1bfe429b",href:this.logoUrl,class:"logo-link",part:"logo-link"},u("img",{key:"c4ed59df56ee140f81836c2e70c680cfc64494a9",src:o(`../nano-assets/ont-logo.svg`),alt:"Oxford Nanopore Technologies Logo",class:"logo"})),!this.showLogo&&u("div",{key:"6457da01602749c6d4e57cc5eed213eb709f4725",class:"logo-link"},u("slot",{key:"55427cf66636a0dd4e230a3d0b102ef7f13d1b8c",name:"logo",onSlotchange:this.assessSlottedContent})),u("div",{key:"e80af31b5921eb88bc30c1c1cd744135e9bdf608",class:"nav-links nav-links--main"},u("slot",{key:"5593574b8f2c1cbb42a7054b9d57a0e388671f47",name:"main",onSlotchange:this.assessSlottedContent})),this.mainSlotLen===0&&this.threshold>=v-g.search&&[this.showSearch&&!!this.internalSearchIndeces.length&&u("div",{key:"b549fa2052b890c98612f61b36192b1ebdae3727",class:"search-widget",role:"combobox","aria-owns":"autocomplete-results","aria-expanded":this.showAutocomplete&&this.autocompleteResults?"true":"false"},t),(!this.showSearch||!this.myAccData)&&!!this.searchSlotLen&&u("slot",{key:"2ce8de3529a1282b84bdd869d8ee52e82d3b005e",name:"search",onSlotchange:this.assessSlottedContent})],(this.mainSlotLen>0||this.threshold<v-g.search)&&(this.showSearch&&!!this.internalSearchIndeces.length||!!this.searchSlotLen)&&u("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},u("nano-icon",{key:"722a12b69853025aea0afe9df06a619d4436cedc",name:"light/magnifying-glass",role:"img",ariaLabel:"Search Oxford Nanopore"})),this.threshold>=v-g.icon&&[!!this.iconSlotLen&&u("slot",{key:"42e97c3c8747b7c74db55cecd0b69d1852578b76",name:"icon"}),this.myAccData&&(!this.activeMyAccountSections||this.activeMyAccountSections.includes("icons"))&&[this.msgUrl&&u("a",{key:"594e5afec810a113431fec5d3e7455b436ed8e64",href:this.msgUrl,class:"icon-btn"},u("nano-icon",{key:"06716749b05dd80fe53682007f4a7002cea52a4f",name:"light/bell",ariaLabel:"View your notifications"}),this.msgCount>0&&u("span",{key:"5663dbe78c0752ed36b0aedc6607616716bf7e80",class:"gn-menu_actions-counter"},this.msgCount)),this.cartUrl&&u("a",{key:"37c337b1f1ee4cf77e7262d836ec5e68bfb8eeab",href:this.cartUrl,class:"icon-btn"},u("nano-icon",{key:"453c5ab4b42e75939fba0d27bfc6612190110e3d",name:"light/cart-shopping",ariaLabel:"View your shopping cart"}),this.cartCount>0&&u("span",{key:"f05cd64edfb4551025985f856015db1c0172aa08",class:"gn-menu_actions-counter"},this.cartCount))]],(!!this.aboutSlotLen||!!this.aboutNavItms.length)&&this.threshold>=v-g.about&&u("nav",{key:"d4acf4145017c329be89cc5dc8ee2c363e07abd9",class:"nav-links nav-links--sub","aria-label":"About the company. Links",role:"menu"},u("slot",{key:"effca72df5b665591a8a0bfb20928c087f477926",name:"about",onSlotchange:this.assessSlottedContent}),!!this.aboutNavItms.length&&u("nano-nav-item",{key:"53e97b86a3b21bb721f2c1c9429b644e80edb45f",class:"nano-global-nav nano-global-nav-bar"},u("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>=v-g.login&&[this.myAccData.urls.login&&u("a",{key:"49e47b4a0eff405906177fa9ac75b7b8c503500e",href:this.myAccData.urls.login+this.ssoRedirect,class:"login-btn"},"Login / Register"),this.myAccountUser&&u("div",{key:"92ff2c5e6cea3e5ed0383585ffa6048c0c260898",class:"user-links"},u("button",{key:"9616128132c5cca0e0d7095255a2a268736021d4",class:{"icon-btn":true,"user-links-btn":true,open:this.userMenuOpen},onMouseDown:this.onUserBtnClick,onKeyDown:this.onUserBtnKeyDown}," ",this.myAccountUser.name,u("nano-icon",{key:"122db375cc8db65f5a4f16180f6428102d8cbd21",name:"solid/caret-down",ariaLabel:"View your account links"})),u("div",{key:"f6e44355fee2fb4b13d0b2e2a0be9c70a5e8c2ae",class:"user-links-panel",tabindex:"-1",ref:e=>this.userLinkPanel=e},!!this.myAccountUser?.small_avatar_url&&u("nano-global-nav-user-profile",{key:"4b394ae61cf88ee87bffc60f6a4941cd2a49a75d",myAccountUser:this.myAccountUser,userProfileUrl:this.userProfileUrl}),u("div",{key:"11e22a97ca4f9fb61004e5d6b4a6a8b254fc42e0",class:"user-links-panel-content"},this.loggedInNavItms.map((e=>u("a",{href:e.address,target:e.target},e.title)))),u("div",{key:"960c025ec4f02407d7c3c7628391693146cb3696",class:"user-links-panel-foot"},u("a",{key:"b436b24213dcb3f3f5e6631bdb5c09a6cc8a58a1",href:this.myAccData.urls.forgot_password+this.ssoRedirect},"Change Password"),u("a",{key:"9c068fc5c88b89b8b440de798481b50c75575c30",href:this.myAccData.urls.logout+this.ssoRedirect},"Logout"))))]),(this.mainSlotLen>0||this.threshold<v-g.search)&&u("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:e=>this.searchBarEl=e,part:"search-bar"},u("div",{key:"a91f8a78d5ef401db74dbcba2ed8baa707e239f5",class:"search-widget"},this.showSearch&&!!this.internalSearchIndeces.length&&u("div",{key:"aabb58b78e40aba19642c8732422eb2e7575365f"},t),(!this.showSearch||!this.myAccData)&&!!this.searchSlotLen&&u("slot",{key:"6814610e28a8710768cbed27b6e534024d06c4e5",name:"search",onSlotchange:this.assessSlottedContent})))),(this.threshold<v-g.login||this.menuFullScreen)&&u("div",{key:"b49ca662c96557b2a267589c2f8d25f25f2bcb75",class:{mask:true,open:this.modalOpen},onClick:this.menuClose,onTouchEnd:this.menuClose})),u("div",{key:"2d3d588a904ee2c95c3582b9735bb8597dcf05d1",class:"site-content"},u("slot",{key:"3411ccdeff0c33e857e72683e57acfcfef11ee96"})))}domainFor(e){if(!this.myAccData)return"";const t=this.myAccData.domains.find((t=>t.origin===e));return t?t.domain:""}processSearchResults(e){const t=e;const n=e;if(t.results){t.results.forEach(((e,n)=>{t.results[n]=this.processSearchResults(e)}));return t}else{n.hits.map((e=>{if(e.url&&!e.url.match(/^http/))e.url=location.protocol+"//"+this.domainFor(e.origin)+e.url}));return n}}processMyAccData(){if(!this.myAccData||!this.myAccData.search.indeces.length)return;if(this.myAccData.search.api_key)this.searchApiKey=this.myAccData.search.api_key;if(this.myAccData.search.app_id)this.searchAppId=this.myAccData.search.app_id;if(this.myAccData.cart.count)this.cartCount=this.myAccData.cart.count;if(this.myAccData.notifications.count)this.msgCount=this.myAccData.notifications.count;if(!this.searchAppId||!this.searchApiKey)return;this.internalSearchIndeces=[...this.myAccData.search.indeces,...this.searchIndeces];if(this.myAccData.urls.cart&&!this.cartUrl)this.cartUrl=this.myAccData.urls.cart;if(this.myAccData.urls.messages&&!this.msgUrl)this.msgUrl=this.myAccData.urls.messages}processMyAccLinks(){if(!this.myAccData.links||!this.myAccData.links.length)return;this.myAccData.links.forEach((e=>{switch(e.area){case"left-side-logged-in":case"left-side-logged-out":if(this.activeMyAccountSections&&!this.activeMyAccountSections.includes("sites"))break;if(this.isLoggedIn&&e.area==="left-side-logged-in")this.siteNavItms.push(e);else if(!this.isLoggedIn&&e.area==="left-side-logged-out")this.siteNavItms.push(e);break;case"right-side-logged-in":case"right-side-logged-out":if(this.activeMyAccountSections&&!this.activeMyAccountSections.includes("about"))break;if(this.isLoggedIn&&e.area==="right-side-logged-in")this.aboutNavItms.push(e);else if(!this.isLoggedIn&&e.area==="right-side-logged-out")this.aboutNavItms.push(e);break;case"profile-panel-list":if(this.activeMyAccountSections&&!this.activeMyAccountSections.includes("loggedin"))break;this.loggedInNavItms.push(e);break}}))}static get assetsDirs(){return["assets"]}static get watchers(){return{myAccountData:["handleMyAccountData"],env:["getMyAccData"],ssoDataUrl:["getMyAccData"],searchIndex:["currentSelectedIndex"],searchValInternal:["changeInternalSearchVal"],searchApiKey:["initAlgoliaClient"],searchAppId:["initAlgoliaClient"],searchIndeces:["addIndeces"],internalSearchIndeces:["addAlgoliaIndeces"],threshold:["thresholdChange"],thresholdReady:["assessReady"],remoteDataReady:["assessReady"],showAutocomplete:["setupAutocompleteBlur","resetHitFocus"],secondaryMenuOpen:["closeSearchBar"],aboutSlotLen:["slotChange"],iconSlotLen:["slotChange"],mainSlotLen:["slotChange"],overflowSlotLen:["slotChange"],searchSlotLen:["slotChange"],userMenuOpen:["handleUserMenu"]}}};k.style=m;export{k as nano_global_nav};
-//# sourceMappingURL=nano-global-nav.entry.js.map
+import{a as n,r as e,c as a,d as o,l as t}from"./index-CFYZ-ZOT.js";import{h as i}from"./renderer-LJzCFyMt.js";import{a as r}from"./algoliasearch-lite.esm.browser-C1SNUAIj.js";import{d as s}from"./throttle-C93FMm2Z.js";import{a as l}from"./style-BrRDhFfF.js";import{s as c}from"./search-insights-8OL2oeQN.js";const h=class{get host(){return n(this)}overflowMenu;overflowOpen=!1;logoUrl=location.protocol+"//"+location.host;cartUrl="";msgUrl="";loginUrl="";logoutUrl="";contactUrl="https://nanoporetech.com/contact";_sessionRedirect=window.location.href;get sessionRedirect(){return encodeURIComponent(this._sessionRedirect)}set sessionRedirect(n){this._sessionRedirect=n}cartCount=0;msgCount=0;async toggleOverflowMenu(){this.overflowOpen=!this.overflowOpen}myAccountUrl;async handleMyAccountUrl(){this.myAccountUrl&&("local-logged-in"!==this.myAccountUrl?"local-logged-out"!==this.myAccountUrl?fetch(this.myAccountUrl+"/nav_bar_data.json").then((n=>n.json())).then((n=>{this.myAccountData=n})).catch((n=>{console.error("Error fetching MyAccount data",n)})):this.myAccountData=await import("./local-logged-out-CD2oXHpq.js"):this.myAccountData=await import("./local-logged-in-DNQyU0ot.js"))}myAccountData;nanoUserData;userLinks=[];isLoggedIn=!1;get myAccountUser(){return this.myAccountData?.user?.uuid?this.myAccountData.user:null}processUserData(){this.myAccountUser&&(this.userLinks=this.myAccountData?.links.filter((n=>"profile-panel-list"===n.area)),this.loginUrl=this.loginUrl||this.myAccountData.urls.login,this.logoutUrl=this.logoutUrl||this.myAccountData.urls.logout,this.msgUrl=this.msgUrl||this.myAccountData.urls.messages,this.msgCount=this.msgCount||this.myAccountData.notifications.count,this.cartUrl=this.cartUrl||this.myAccountData.urls.cart,this.cartCount=this.cartCount||this.myAccountData.cart.count,this.isLoggedIn=!0,this.nanoUserData.emit(this.myAccountUser))}formatLoginLink(n){return n?this.sessionRedirect?n.endsWith("=")?n+this.sessionRedirect:n.includes("?")?n+"&ReplayState="+this.sessionRedirect:n+"?ReplayState="+this.sessionRedirect:n:""}resizeObserver;cachedWidth;mainMenu;_mainMenuBar;get mainMenuBar(){return this._mainMenuBar}set mainMenuBar(n){this._mainMenuBar!==n&&(this._mainMenuBar=n,this.addMainmenuRo())}shouldResize=!0;breakpoint=0;breakpointChanged(){this.breakpoint<this.bpPartials.mainMenu.breakpoint&&!1===this.shouldResize&&(this.overflowOpen=!1)}debounceResetResize=s((()=>{this.shouldResize=!1}),300);addMainmenuRo(){this.removeMainmenuRo(),(this.resizeObserver=new ResizeObserver((()=>{this.shouldResize||this.mainMenuBar.clientWidth>=this.cachedWidth&&0===this.breakpoint||this.mainMenuBar.clientWidth<=this.cachedWidth&&this.mainMenuBar.clientWidth>=this.mainMenu.scrollWidth||(this.shouldResize=!0,this.breakpoint=0)}))).observe(this.mainMenuBar)}removeMainmenuRo(){this.resizeObserver&&(this.mainMenuBar?this.resizeObserver.unobserve(this.mainMenuBar):this.resizeObserver.disconnect())}handleResize=()=>{this.shouldResize&&(this.breakpoint<4&&this.mainMenu.scrollWidth>this.mainMenuBar.clientWidth?this.breakpoint++:(this.cachedWidth=this.mainMenuBar.clientWidth,this.debounceResetResize()))};algoliaClient;searchResults;searchInput;activeIndex;autocompleteResults;searchForm;searchIndices=[];searchBarShown=!1;searchLoading=!1;_searchValue="";nanoSearchResult;nanoSearchError;nanoSearchReset;searchIndex="All";get searchValue(){return this._searchValue}set searchValue(n){n&&this.host.componentOnReady().then((()=>{this.searchBarShown=!0,this.handleSearchTermChangeEvent(n)}))}async submitSearch(){this.onSearchSubmit()}handleSearchIndex(){if(this.searchIndices?.length){if(this.searchIndex)return this.activeIndex=this.searchIndices.find((n=>n.name===this.searchIndex))||this.searchIndices[0],this.activeIndex;this.activeIndex=this.searchIndices[0]}}initSearch(){if(!this.myAccountData)return;const{search:n}=this.myAccountData;n?.app_id&&n?.api_key&&(this.algoliaClient=r(n.app_id,n.api_key),c.init(n.app_id,n.api_key).then((()=>{this.myAccountUser&&c.setUser(this.myAccountUser.uuid)})),this.searchIndices=this.myAccountData.search.indeces,this.searchIndices.forEach((n=>{n.algoliaIndex=this.algoliaClient.initIndex(n.index)})),this.searchIndex||(this.searchIndex=this.searchIndices[0].name))}onSearchSubmit=async n=>{if(n&&n.preventDefault(),!this.activeIndex||!this.myAccountData||this._searchValue?.length<3)return;this.searchResults||await this.doAlgoliaSearch();const{search:e}=this.myAccountData,a=this.searchResults.results.find((n=>this.activeIndex.index===n.index)),{index:o,domain:t,filters:i,query:r,replicas:s}=a;this.searchBarShown=!1,this.nanoSearchResult.emit({meta:{indexTitle:a.indexName,index:o,domain:t,filters:i,query:r,replicas:s},client:{apiKey:e.api_key,appId:e.app_id}})};async doAlgoliaSearch(){this.searchResults=null;const n=this.searchIndices.map((n=>{const e={clickAnalytics:!0,attributesToSnippet:["body:5","title:8"],indexName:n.index,query:this._searchValue,facets:n.filters,hitsPerPage:5,filters:""};return"Community"===n.name&&(e.filters="created > "+Math.floor((Date.now()-631152e5)/1e3)),e}));try{this.searchLoading=!0,this.searchResults=this.processSearchResults(await this.algoliaClient.search(n))}catch(n){console.error(n),this.nanoSearchError.emit(n)}return this.searchLoading=!1,this.searchResults}processSearchResults(n){const e=n,a=n;return e.results?(e.results.forEach(((n,a)=>{n={...n,indexName:this.searchIndices[a].name,selected:this.activeIndex.name===this.searchIndices[a].name,domain:this.activeIndex.domain||null,domains:this.myAccountData.domains||null,allGroup:!!this.searchIndices[a].allGroup,filters:this.searchIndices[a].filters,replicas:this.activeIndex.replicas},e.results[a]=this.processSearchResults(n)})),e):(a.hits.map((n=>{n.url&&!n.url.match(/^http/)&&(n.url=location.protocol+"//"+this.domainFor(n.origin)+n.url)})),a)}domainFor(n){if(!this.myAccountData)return"";const e=this.myAccountData.domains.find((e=>e.origin===n));return e?e.domain:""}async setAutocompleteResults(){this.autocompleteResults=null,this._searchValue.length<3?this._searchValue.length||this.nanoSearchReset.emit():this.autocompleteResults=(await this.doAlgoliaSearch()).results.find((n=>n.selected))}autocompleteSnippet(n){return n._snippetResult?.title?.value||n.title}handleSearchOpenEvent=n=>{n.target.classList.contains("gn__search-dropdown")&&(this.searchInput.setFocus(),this.searchBarShown=!0)};handleSearchCloseEvent=n=>{n.target.classList.contains("gn__search-dropdown")&&(this.searchBarShown=!1)};handleSearchTermInputEvent=n=>{"input"===n.detail.type&&this.searchInput.value.length>=3&&(this.autocompleteResults=null,this.searchLoading=!0)};handleSearchTermChangeEvent=n=>{this._searchValue!==n&&(this._searchValue=n,this.setAutocompleteResults())};handleSearchIndexChangeEvent=n=>{if(!n.detail?.value?.length)return;const e=n.detail.value;if(this.activeIndex.index===e)return;const a=this.searchIndices.find((n=>n.index===e));a&&a.algoliaIndex&&(this.searchIndex=a.name,this._searchValue.length>=3&&(this.searchInput.setFocus(),this.searchBarShown=!0,this.setAutocompleteResults()))};constructor(n){e(this,n),this.nanoUserData=a(this,"nanoUserData",7),this.nanoSearchResult=a(this,"nanoSearchResult",7),this.nanoSearchError=a(this,"nanoSearchError",7),this.nanoSearchReset=a(this,"nanoSearchReset",7),this.handleResize=s(this.handleResize,75)}componentWillLoad(){this.handleMyAccountUrl(),this.initSearch(),this.processUserData(),l(this.host.shadowRoot)}componentDidRender(){this.handleResize()}loggedInPanel(){if(this.isLoggedIn&&this.myAccountUser)return i("div",{part:"user-panel",class:"gn__user-panel nano-theme-dark"},i("div",{class:"gn__user-panel-head",slot:"label"},i("nano-avatar",{initials:this.myAccountUser.first_name?.charAt(0)+this.myAccountUser.last_name?.charAt(0)},this.myAccountUser.small_avatar_url&&!this.myAccountUser.small_avatar_url.includes("generic")&&i("img",{src:this.myAccountUser.small_avatar_url,alt:"User Avatar",height:40,width:40})),i("div",null,this.myAccountUser.name,i("br",null),this.myAccountUser.job_title,", ",this.myAccountUser.company)),i("div",{class:"gn__user-panel-body"},this.userLinks.map((n=>i("a",{href:n.address,target:n.target||void 0},n.title,("Messages"===n.title||n.address.includes(this.msgUrl)||this.msgUrl.includes(n.address))&&this.msgCount>0&&i("nano-badge",{theme:"danger",strength:"2"},this.msgCount))))),i("div",{class:"gn__user-panel-foot"},i("nano-cta",{secondary:!0,size:"small",icon:"false",class:"gn__login-cta"},i("a",{href:this.formatLoginLink(this.logoutUrl)},"Logout"))))}bpPartials={contact:{tpl:()=>i("a",{href:this.contactUrl},"Contact"),breakpoint:0},mainMenu:{tpl:()=>i("slot",{name:"menu"}),breakpoint:1},logo:{tpl:()=>{},breakpoint:2}};noResultPartial(){if(this.searchLoading||this.autocompleteResults?.hits.length||this._searchValue.length<3)return;const n=[];return"All"===this.searchIndex?(n.push(i("div",{slot:"no-result",class:"gn__search-no-results"},'No results matching for "',i("strong",null,this._searchValue),'" Try another phrase')),n):(this.searchResults.results.forEach((e=>{e.hits.length&&n.push(i("nano-option",{class:"gn__search-result",onNanoSelect:n=>{n.preventDefault(),this.searchIndex=e.indexName,this.onSearchSubmit(n)}},'Show results for "',i("strong",null,this._searchValue),'" in ',i("strong",null,e.indexName)))})),n.unshift(i("div",{slot:n.length?"list-top":"no-result",class:"gn__search-no-results"},'No results matching for "',i("strong",null,this._searchValue),'" in'," ",i("strong",null,this.searchIndex),". Try another phrase")),n)}render(){const n=this.bpPartials;return i(o,{key:"c968c75746e8b8211210b47c595cff25f0af8933",class:{"overflow-menu":this.breakpoint>n.mainMenu.breakpoint,"bar-menu":this.breakpoint<=n.mainMenu.breakpoint,"nano-global-nav":!0}},i("div",{key:"edeec7490c6a32e2a44f3a8109f5d3f18c9d6101",class:{gn:!0,"gn__search-open":this.searchBarShown}},i("nano-drawer",{key:"56df68664885f1ed133b75e7f290405eb32bed67",ref:n=>this.overflowMenu=n,label:"Main menu",part:"drawer",class:"gn__drawer nano-theme-dark",placement:"start",open:this.overflowOpen,onNanoAfterHide:()=>this.overflowOpen=!1,onNanoAfterShow:()=>this.overflowOpen=!0},i("div",{key:"da5e97e862497b1af8f0d0b3ed67e0dd03761f28",class:"gn__drawer-header",part:"overflow-header",slot:"label"},"Main menu"),i("nav",{key:"3336390377aba9b2f127a7e1056fb80ba7d1ec75",class:"gn__drawer-menu",part:"overflow-menu"},this.breakpoint>n.mainMenu.breakpoint?n.mainMenu.tpl():"",i("slot",{key:"8c29d087282917c213beeadf719840c44b0f5494",name:"overflow"}))),i("div",{key:"6f07398ab8cd7d5f5fadafdb1d1f29ee9917efc3",class:"gn__menu-bar-wrapper"},i("div",{key:"58546b45ca7ba896a9f0e1c5e528e191602e64a8",class:"gn__menu-bar",part:"menu-bar",ref:n=>this.mainMenuBar=n},i("nav",{key:"dd3d1cf935f2231e280cb0c7697c55470887c949",class:"gn__main-menu "+(this.shouldResize?"resizing":""),part:"main-menu",ref:n=>this.mainMenu=n},this.breakpoint>n.mainMenu.breakpoint&&i("nano-icon-button",{key:"aa31d9a9cc0e1ad0d4db76ca9f4add388cef95bd",class:"gn__overflow-button",iconName:"light/bars",label:"Open Menu",onClick:()=>this.overflowMenu.show()}),i("slot",{key:"02abef6f7550594481eff44ae5e332d74ba61138",name:"logo"},i("a",{key:"084b9f9f88c68933f0d038b655833c5ba0117498",href:this.logoUrl,class:"gn__logo-link",part:"logo-link"},i("img",this.breakpoint<=n.logo.breakpoint?{src:t("../nano-assets/ont-logo.svg"),alt:"Oxford Nanopore Technologies logo. Features a stylised representation of a nanopore,\n                            (a tiny protein channel embedded in a membrane) through which DNA or RNA molecules are passed in for sequencing.",class:"gn__logo gn__logo--large",width:"152",height:"36",part:"logo logo--large"}:{src:t("../nano-assets/ont-wheel.svg"),alt:"Oxford Nanopore Technologies logo. A stylised representation of a nanopore,\n                            (a tiny protein channel embedded in a membrane) through which DNA or RNA molecules are passed in for sequencing.",class:"gn__logo gn__logo--small",width:"36",height:"36",part:"logo logo--small"}))),this.breakpoint<=n.mainMenu.breakpoint&&i("div",{key:"130b8ce4dfd708a8a884aa172a6b7c1a7defa204",class:"gn__main-menu-links"},n.mainMenu.tpl()),i("div",{key:"e4f69fca3d5a6700de16f8102dbf916a0b0e4d77",class:"gn__main-menu-actions"},i("nano-dropdown",{key:"40033ff956c6f0b59ef5f569a00e56efc8e0f8df",dialogTitle:"Search Oxford Nanopore Technologies",placement:"bottom",class:"gn__search-dropdown",skidding:-30,distance:25,open:this.searchBarShown,onNanoAfterShow:this.handleSearchOpenEvent,onNanoAfterHide:this.handleSearchCloseEvent,autoOpen:!!this.searchIndices.length},i("nano-icon-button",{key:"32b4e3be46dae8578c4adf038bda844d3bf4b8b9",class:"gn__search-button",slot:"trigger",iconName:"light/magnifying-glass",label:"Search"}),!!this.searchIndices.length&&i("form",{key:"17ee6f5b011997b09148d8a09749931ae0e681f0",ref:n=>this.searchForm=n,class:"gn__search-form",part:"search-form",onSubmit:this.onSearchSubmit},this.searchIndices.length>1&&i("nano-select",{key:"800b2d3b1343a6d09a8951b753742e6eb5731648",part:"search-select",label:"Which site do you wish to search in?",mask:!0,hideLabel:!0,value:this.activeIndex?.index,onNanoChange:this.handleSearchIndexChangeEvent},this.searchIndices.map((n=>i("nano-option",{selected:n.name===this.searchIndex,value:n.index},n.name||n.index)))),i("nano-input",{key:"a8eb120a2268645e17935d5dd86e8cf9de550866",ref:n=>this.searchInput=n,part:"search-input",label:"Search Oxford Nanopore Technologies",placeholder:"Search Oxford Nanopore...",hideLabel:!0,clearable:!0,onNanoChange:n=>{this.handleSearchTermChangeEvent(n.detail.value)},onNanoInput:this.handleSearchTermInputEvent,debounce:500,value:this._searchValue},i("nano-icon",{key:"33472cd1d86a17143253aed1a7924b05343614a7",slot:"end",name:"light/magnifying-glass"}),i("nano-datalist",{key:"f88f3bcef70a7a29410d77ba849862ffc9db6562",class:"gn__search-results",onNanoSelect:n=>n.preventDefault(),dropDownConfig:{tetherTo:this.searchForm},disableFilter:!0},this.searchLoading&&i("div",{key:"075a4615d1715d941bd2368db97375f614867477",slot:"no-result",class:"gn__search-loading"},i("nano-spinner",{key:"5194af389122625d1209e25208de761fa15dd7e3"},"Searching...")),this.noResultPartial(),!!this.autocompleteResults?.hits.length&&[this.autocompleteResults.hits.map(((n,e)=>i("nano-option",{href:n.url,class:"gn__search-result",onClick:()=>{c.sendClick({index:this.activeIndex.index,eventName:"Global nav quick search - search result clicked",queryID:this.autocompleteResults.queryID,objectIDs:[n.objectID],positions:[e+1]})}},i("span",{innerHTML:this.autocompleteSnippet(n)})))),i("nano-option",{key:"c9dec204a82019869cc9b8086f07cfbfdf309f15",class:"gn__search-viewall",onNanoSelect:this.onSearchSubmit},"View all results")])))),i("div",{key:"986773d6af8b1b50000db8c428c2f25f07298a3c",class:"gn__cart"},i("nano-icon-button",{key:"0afee86e684d4136e729955d28444a6c8a27838f",iconName:"light/cart-shopping",label:"View your cart",href:this.cartUrl}),!!this.cartCount&&i("nano-badge",{key:"6305ad69d802aeda9a132ca204baf8b7b3aa17be",theme:"danger",strength:"2"},this.cartCount>9?"9+":this.cartCount)),this.breakpoint<=n.contact.breakpoint?n.contact.tpl():"",this.isLoggedIn?i("nano-dropdown",{dialogTitle:"User menu",class:"gn__user-dropdown",distance:10,placement:"bottom-end"},i("button",{slot:"trigger",class:"gn__user-dropdown-trigger"},i("nano-icon",{name:"light/user"}),i("nano-icon",{name:"light/chevron-down",class:"gn__user-dropdown-chevron"}),!!this.msgCount&&i("nano-badge",{theme:"danger",strength:"2"},this.msgCount>9?"9+":this.msgCount)),this.loggedInPanel()):i("nano-cta",{secondary:!0,size:"small",icon:"false",class:"gn__login-cta"},i("a",{href:this.formatLoginLink(this.loginUrl)},"Login")))))),i("div",{key:"7c8b5194019e9b8346f6e0e927cff22ccf8b3e2e",class:"gn__site",part:"site-wrapper"},i("nano-global-search-results",{key:"213396f31494cb46551fd6839b95bf4155982a57",part:"site-search-results"},i("slot",{key:"d9471b1379c08106453aef43c0e590cf272a425f"})))))}static get assetsDirs(){return["assets"]}static get watchers(){return{myAccountUrl:["handleMyAccountUrl"],myAccountData:["processUserData","initSearch"],shouldResize:["breakpointChanged"],breakpoint:["breakpointChanged"],searchIndices:["handleSearchIndex"],searchIndex:["handleSearchIndex"]}}};h.style=':host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--main-menu-bar-bg-color:var(--nano-color-base-0);--main-menu-text-color:var(--nano-color-base-1000);--main-menu-hover-text-color:var(--nano-color-primary-1000);--main-menu-active-text-color:var(--nano-color-primary-1200);--main-menu-active-border-color:var(--nano-color-primary-1000);--overflow-bg-color:var(--nano-color-grey-mono-1600);--overflow-text-color:var(--nano-color-basic-white);--overflow-hover-text-color:var(--nano-color-blue-cerulean-700);--overflow-active-text-color:var(--nano-color-blue-cerulean-300);display:block;color:var(--main-menu-text-color)}img{max-inline-size:none;display:block}::slotted(a),:host::slotted(a),a{text-decoration:none}a:has(img){display:inline-block}a:focus{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}nano-drawer:not(:defined){display:none}nano-badge{position:absolute;font-size:0.5625rem;pointer-events:none}.gn__cart{position:relative}.gn__cart nano-badge{inset-block-start:-0.35rem;inset-inline-end:-0.4rem}.gn__login-cta{--bg:transparent}.gn__menu-bar-wrapper{z-index:var(--nano-z-index-menubar);position:relative}.gn__menu-bar-wrapper::after{content:"";position:absolute;block-size:1px;inline-size:100%;inset-inline:0;inset-block-end:-1px;z-index:-3;background-color:var(--nano-color-neutral-200)}.gn__menu-bar{inline-size:100%;overflow:clip}.gn__menu-bar a{color:var(--main-menu-text-color)}.gn__menu-bar a:hover{color:var(--main-menu-hover-text-color)}.gn__menu-bar a:active{color:var(--main-menu-active-text-color)}.gn__main-menu{display:inline-flex;align-items:center;background-color:var(--main-menu-bar-bg-color);min-inline-size:100%;padding:var(--nano-spacing-md);transition:opacity var(--nano-transition-x-fast) ease;opacity:1}.gn__main-menu.resizing{transition:none;opacity:0}.gn__main-menu>*{margin-inline-end:var(--nano-spacing-xl)}.gn__main-menu>*:is(slot){display:flex}.gn__main-menu>*:last-child{margin-inline-end:0}.gn__overflow-button{--padding:0.5rem 0.875rem 0.5rem 0;margin-inline-end:0.875rem;font-size:1.125rem;position:relative}.gn__overflow-button::after{content:"";position:absolute;inline-size:1px;block-size:100%;inset-inline-end:0;background-color:var(--nano-color-neutral-300);opacity:0.7;inset-block-start:0}.gn__main-menu-links,.gn__main-menu-actions{display:inline-flex;align-items:center}.gn__main-menu-links .nano-icon,.gn__main-menu-links .nano-icon-button,.gn__main-menu-actions .nano-icon,.gn__main-menu-actions .nano-icon-button{--active-color:var(--main-menu-active-text-color);--hover-color:var(--main-menu-hover-text-color);font-size:1rem}.gn__main-menu-links .nano-icon-button:hover,.gn__main-menu-actions .nano-icon-button:hover{color:var(--main-menu-hover-text-color)}.gn__main-menu-links{gap:var(--nano-spacing-xl)}.gn__main-menu-links ::slotted(a),.gn__main-menu-links::slotted(a){color:var(--main-menu-text-color)}.gn__main-menu-links ::slotted(a:hover){color:var(--main-menu-hover-text-color)}.gn__main-menu-links ::slotted(*:active){color:var(--main-menu-active-text-color)}.gn__main-menu-actions{margin-inline-start:auto;font-size:0.9375rem;gap:var(--nano-spacing-md)}.gn__search-dropdown{--overflow:visible;--padding:0;--background:transparent}.gn__search-dropdown .nano-icon-button{position:relative}.gn__search-dropdown .nano-icon-button::before{content:"";position:absolute;background-color:var(--main-menu-active-border-color);block-size:4px;inset-inline:5px 2px;inset-block-end:-1.5625rem;transform:translateZ(0) scaleX(0);transform-origin:0 center;transition:transform var(--nano-transition-x-fast) ease-in-out}.gn__search-open .gn__search-dropdown .nano-icon-button::before{transform:translateZ(0) scaleX(1)}.gn__search-form{display:inline-flex;max-inline-size:100vw;inline-size:30.625rem}.gn__search-form .nano-select{--input-bg-color:var(--nano-color-neutral-200);flex:0}.gn__search-form .nano-select:focus-within{z-index:1}.gn__search-form .nano-select .form-ctrl__input{border-inline-end:none}.gn__search-form .nano-input{flex:1}.gn__search-results{--padding-start:var(--nano-spacing-md);--padding-top:var(--nano-spacing-sm);--padding-bottom:var(--nano-spacing-sm);font-size:var(--nano-font-size-2xs)}.gn__search-loading{display:flex;justify-content:center}.gn__search-result{--padding-start:0.3125rem;--padding-top:var(--nano-spacing-sm);--padding-bottom:var(--nano-spacing-sm);--bg-focus:var(--nano-color-primary-300);--color-focus:var(--nano-color-neutral-1400);--color:var(--nano-color-neutral-1400);font-size:var(--nano-font-size-2xs)}.gn__search-result .search__highlight{font-style:normal;background:var(--nano-color-highlight)}.gn__search-viewall{--bg-focus:var(--nano-color-primary-300);--color-focus:var(--nano-color-neutral-1400);--color:var(--nano-color-primary-1200)}.gn__search-viewall::part(label),.gn__search-viewall [part~="label"]{justify-content:flex-end;text-decoration:underline}.gn__user-dropdown-trigger{all:unset;cursor:pointer;color:var(--nano-color-primary-1200);display:flex;white-space:nowrap;gap:var(--nano-spacing-xs);align-items:center;position:relative;padding-inline-start:var(--nano-spacing-md)}.gn__user-dropdown-trigger:hover{color:var(--main-menu-hover-text-color)}.gn__user-dropdown-trigger:active{color:var(--main-menu-active-text-color)}.gn__user-dropdown-trigger:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.gn__user-dropdown-trigger::before{content:"";position:absolute;inline-size:1px;block-size:100%;inset-inline-start:0;background-color:var(--nano-color-neutral-300);opacity:0.7;inset-block-start:0}.gn__user-dropdown-trigger .gn__user-dropdown-chevron{transition:rotate var(--nano-transition-x-fast) linear}[open] .gn__user-dropdown-trigger .gn__user-dropdown-chevron{rotate:180deg}.gn__user-dropdown-trigger nano-badge{inset-block-start:-0.7rem;inset-inline-end:-0.7rem}.gn__user-dropdown{--background:var(--overflow-bg-color);--padding:0;--overflow:visible}.gn__user-panel{inline-size:21.25rem;max-inline-size:21.25rem;color:var(--overflow-text-color);padding:var(--nano-spacing-md)}.gn__user-panel a{color:var(--overflow-text-color)}.gn__user-panel a:hover{text-decoration:underline;color:var(--overflow-hover-text-color)}.gn__user-panel-head{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);padding-block-end:var(--nano-spacing-md);display:flex;align-items:center;gap:var(--nano-spacing-sm);font-size:var(--nano-font-size-xs)}.gn__user-panel-head .gn__user-avatar nano-icon{font-size:2.5rem}.gn__user-panel-body{display:flex;flex-direction:column}.gn__user-panel-body a{position:relative;border-block-end:1px solid rgb(var(--nano-color-base-rgb-1000)/10%);padding-block:var(--nano-spacing-md)}.gn__user-panel-body a:first-child{border-block-start:1px solid rgb(var(--nano-color-base-rgb-1000)/10%)}.gn__user-panel-foot{padding-block-start:var(--nano-spacing-md);display:flex;align-items:center;justify-content:space-between;gap:var(--nano-spacing-md)}.gn__drawer{--panel-background:var(--overflow-bg-color);--header-button-color:var(--overflow-text-color);--body-spacing:0;--header-spacing:var(--nano-spacing-md) 0;--footer-spacing:var(--nano-spacing-md)}.gn__drawer::part(title),.gn__drawer [part~="title"]{display:flex;justify-content:flex-end}.gn__drawer::part(header-actions),.gn__drawer [part~="header-actions"]{order:-1}.gn__drawer-header{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}.gn__drawer-menu{display:flex;flex-direction:column;margin:0 var(--nano-spacing-md);padding-block-end:var(--nano-spacing-md);color:var(--overflow-text-color);border-block-start:1px solid rgb(var(--nano-color-base-rgb-1000)/10%);position:relative}.gn__drawer-menu ::slotted(a),.gn__drawer-menu::slotted(a){padding:var(--nano-spacing-md) 0}.gn__drawer-menu ::slotted(a),.gn__drawer-menu ::slotted(.nano-nav-item),.gn__drawer-menu::slotted(a),.gn__drawer-menu::slotted(.nano-nav-item){--padding:var(--nano-spacing-md) 0;display:block;color:inherit !important;border-block-end:1px solid rgb(var(--nano-color-base-rgb-1000)/10%)}.gn__drawer-menu ::slotted(a:hover),.gn__drawer-menu ::slotted(.nano-nav-item:hover){text-decoration:underline;color:var(--overflow-hover-text-color) !important}';export{h as nano_global_nav}

package/dist/nano-components/nano-grid-item.entry.js

@@ -1,5 +1,4 @@
 /*!
- * Web Components for Nanopore digital Web Apps
+ * Custom elements for Nanopore-Digital Web applications
  */
-import{r,h as s}from"./index-6cc72cd9.js";const c=class{constructor(s){r(this,s)}render(){return s("slot",{key:"8455879c23d6022649f66a70f8812ce6129d0da1"})}};c.style=":host { display: inline-block; }";export{c as nano_grid_item};
-//# sourceMappingURL=nano-grid-item.entry.js.map
+import{r as e,h as r}from"./index-CFYZ-ZOT.js";const s=class{constructor(r){e(this,r)}render(){return r("slot",{key:"8df6ce243d4a12c9cfe966f33d70b181eeb84b43"})}};s.style=":host { display: inline-block; }";export{s as nano_grid_item}

package/dist/nano-components/nano-grid_2.entry.js

@@ -1,5 +1,4 @@
 /*!
- * Web Components for Nanopore digital Web Apps
+ * Custom elements for Nanopore-Digital Web applications
  */
-import{h as e,g as i,a as t,r as n,c as s}from"./index-6cc72cd9.js";import{h as r}from"./renderer-4bc3e2dc.js";const o=(()=>{try{return!!new CSSStyleSheet}catch(e){return false}})();const a=new WeakMap;function c(n={}){return(s,r)=>{if(!n.cacheKeyProperty){n.cacheKeyProperty=r}const{componentWillLoad:c,render:g,componentWillRender:b}=s;if(!c)console.warn(`ConstructibleStyle requires you to have a \`componentWillLoad\` lifecycle method in \`${s.constructor.name}\`. Failure to add this function may cause ConstructibleStyle to fail due to StencilJS build optimizations.`);if(o){const e=e=>{if(!e[n.cacheKeyProperty]||a.get(e)&&a.get(e)===e[n.cacheKeyProperty])return;a.set(e,e[n.cacheKeyProperty]);const t=i(e);const o=typeof e[r]==="function"?e[r]():e[r];const c=t.shadowRoot||document;c.adoptedStyleSheets=[...c.adoptedStyleSheets||[],h(e,s,o,n)]};s.componentWillLoad=function(){const i=c&&c.call(this);e(this);return i};s.componentWillRender=function(){const i=b&&b.call(this);e(this);return i}}else{s.render=function(){const i=typeof this[r]==="function"?this[r]():this[r];let n=g.call(this);if(d(n)){l(n,s.constructor.name,i)}else{n=e(t,null,n);if(!("attachShadow"in HTMLElement.prototype)){l(n,s.constructor.name,i)}else{if(!s.__constructableStyle){const e=document.createElement("style");e.setAttribute("type","text/css");e.setAttribute("constructible-style",s.constructor.name);e.innerHTML=i;s.__constructableStyle=e;document.head.appendChild(e)}}}return n}}}}function l(i,t,n){(g(i)||[]).push(e("style",{type:"text/css","constructible-style":t},n))}function h(e,i,t,n){if(!i.__constructableStyle){i.__constructableStyle={}}const s=e[n.cacheKeyProperty];if(!i.__constructableStyle[s]){i.__constructableStyle[s]=new CSSStyleSheet;i.__constructableStyle[s].replace(t)}return i.__constructableStyle[s]}function d(e){for(const i in e){if(i in e){if(e[i]===t){return true}}}return false}function g(e){for(const i in e){if(i in e){if(Array.isArray(e[i])){return e[i]}}}}const b=':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}:host{--grid-col-gap:var(--nano-spacing-medium, 16px);--grid-row-gap:var(--nano-spacing-medium, 16px);--current-grid-size:"grid size: s";container-type:inline-size;display:block}:host .grid{display:grid;gap:var(--grid-row-gap) var(--grid-col-gap);block-size:inherit;min-block-size:inherit}:host([show-helper]:not([show-helper=false])){position:relative}:host([show-helper]:not([show-helper=false])) .grid--helper{position:absolute;inset:0;pointer-events:none;display:grid !important;overflow:hidden}:host([show-helper]:not([show-helper=false])) .grid--helper::before{content:var(--current-grid-size);font-size:30px;position:absolute;inline-size:100%;inset-inline-start:0;text-align:center;inset-block-start:50%;transform:translateY(-50%);color:rgba(0, 0, 0, 0.2);text-transform:uppercase;z-index:99;pointer-events:none}:host([show-helper]:not([show-helper=false])) .grid__helper-item{background:hsla(204, 80%, 72%, 0.25);block-size:100vh}';const f=b;var p=undefined&&undefined.__decorate||function(e,i,t,n){var s=arguments.length,r=s<3?i:n===null?n=Object.getOwnPropertyDescriptor(i,t):n,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(e,i,t,n);else for(var a=e.length-1;a>=0;a--)if(o=e[a])r=(s<3?o(r):s>3?o(i,t,r):o(i,t))||r;return s>3&&r&&Object.defineProperty(i,t,r),r};var u=undefined&&undefined.__metadata||function(e,i){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,i)};const m=class{constructor(e){n(this,e)}grids=[];cacheKey;sSize=300;mSize=550;lSize=800;xlSize=1e3;sCols;mCols;lCols;xlCols;xxlCols;sTpl;mTpl;lTpl;xlTpl;xxlTpl;showHelper=false;constructSizeArray(){this.grids=[];if(this.sCols)this.grids.push({cols:this.sCols,breakpoint:0,name:"s",template:this.sTpl});if(this.mCols)this.grids.push({cols:this.mCols,breakpoint:this.sSize,name:"m",template:this.mTpl});if(this.lCols)this.grids.push({cols:this.lCols,breakpoint:this.mSize,name:"l",template:this.lTpl});if(this.xlCols)this.grids.push({cols:this.xlCols,breakpoint:this.lSize,name:"xl",template:this.xlTpl});if(this.xxlCols)this.grids.push({cols:this.xxlCols,breakpoint:this.xlSize,name:"xxl",template:this.xxlTpl});this.cacheKey=this.grids.map((e=>`${e.cols}-${e.breakpoint}-${e.template||""}`)).join("")+"-helper-"+this.showHelper}styles=()=>{const e=`\n      ${this.grids.map((e=>`\n          @container (min-width: ${Number(e.breakpoint+1)?Number(e.breakpoint)+1+"px":e.breakpoint}) {\n            [cache-key="${this.cacheKey}"].grid {\n              --current-grid-size: "grid size: ${e.name}";\n              ${e.template?`grid-template: ${e.template};`:`grid-template-columns: repeat(${e.cols}, minmax(calc((100% / ${e.cols}) - var(--grid-col-gap)), 1fr));`}\n            }\n            ${[...Array(e.cols)].map(((i,t)=>{const n=t+1;return`\n                  [cache-key="${this.cacheKey}"].grid > [grid-states~="${e.name}-col-start-${n}"],\n                  ::slotted([grid-states~="${e.name}-col-start-${n}"]) {\n                    grid-column-start: ${n} !important;\n                  }\n                  [cache-key="${this.cacheKey}"].grid > [grid-states~="${e.name}-col-span-${n}"],\n                  ::slotted([grid-states~="${e.name}-col-span-${n}"]) {\n                    grid-column-end: span ${n} !important;\n                  }\n              `})).join("")}\n              ${[...Array(24)].map(((i,t)=>{const n=t+1;return`\n                    [cache-key="${this.cacheKey}"].grid > [grid-states~="${e.name}-row-start-${n}"],\n                    ::slotted([grid-states~="${e.name}-row-start-${n}"]) {\n                      grid-row-start: ${n} !important;\n                    }\n                    [cache-key="${this.cacheKey}"].grid > [grid-states~="${e.name}-row-span-${n}"],\n                    ::slotted([grid-states~="${e.name}-row-span-${n}"]) {\n                      grid-row-end: span ${n} !important;\n                    }\n                `})).join("")}\n            ${this.showHelper?`\n                [cache-key="${this.cacheKey}"].grid--helper :nth-child(-n+${e.cols}) {\n                  display: block !important;\n                }\n              `:""}\n          }\n        `)).join("")}\n    `;return e.replace(/\/\*[\s\S]*?\*\//g,"").replace(/\s{2,}/g," ").replace(/\s*([{}:;,])\s*/g,"$1").replace(/\n/g,"")};componentWillLoad(){this.constructSizeArray()}render(){return r(t,{key:"0299504cb77aa4332c7dc2c2d895513938844d10",clas:"nano-grid"},r("div",{key:"ea2a3faf3994483ae290955ba4ba6a6a8afa4a94",part:"grid",class:"grid","cache-key":this.cacheKey},r("slot",{key:"8b0233a9a7b6fece32ddc3ebe7753efcf3d494cd"})),this.showHelper&&r("div",{key:"e2a9d7d2dad1ce5a1b41716a377631123e74ebcd",class:"grid grid--helper",part:"helper","cache-key":this.cacheKey},[...Array(24)].map((()=>r("div",{class:"grid__helper-item"})))))}static get watchers(){return{sTpl:["constructSizeArray"],mTpl:["constructSizeArray"],lTpl:["constructSizeArray"],xlTpl:["constructSizeArray"],xxlTpl:["constructSizeArray"],sSize:["constructSizeArray"],mSize:["constructSizeArray"],lSize:["constructSizeArray"],xlSize:["constructSizeArray"],sCols:["constructSizeArray"],mCols:["constructSizeArray"],lCols:["constructSizeArray"],xlCols:["constructSizeArray"],xxlCols:["constructSizeArray"],showHelper:["constructSizeArray"]}}};p([c({cacheKeyProperty:"cacheKey"}),u("design:type",Object)],m.prototype,"styles",void 0);m.style=f;const y=":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}:host{--padding:0;display:inline-block;object-fit:cover;object-position:center;background-size:cover;background-position:center}:host *{border-radius:inherit}:host([background]:not([background=false])){display:block}.img{position:relative;object-fit:inherit;object-position:inherit;background-color:inherit;background-position:inherit;background-size:inherit;background-origin:inherit;background-attachment:inherit;background-repeat:inherit;flex:1 1 100%;display:flex;flex-direction:column;min-block-size:inherit;min-inline-size:inherit;block-size:inherit;inline-size:inherit;max-block-size:inherit;max-inline-size:inherit;aspect-ratio:inherit}.img__loader,.img__observer{position:absolute;inset:0;block-size:100%;inline-size:100%;z-index:-1}.img__image,.img__bg{border-radius:inherit;display:block;opacity:0;transition:0.5s ease opacity, 0.3s ease filter 0.4s;filter:blur(5px);flex:1}.img__image.loaded,.img__bg.loaded{opacity:1;filter:blur(0)}@media not all and (resolution >= 0.001dpcm){@supports (-webkit-appearance: none){.img__image.loaded,.img__bg.loaded{filter:blur(0)}}}.img__image{object-fit:inherit;object-position:inherit;min-block-size:inherit;min-inline-size:inherit;block-size:inherit;inline-size:inherit;max-block-size:inherit;max-inline-size:inherit;aspect-ratio:inherit}.img__image.hide{visibility:hidden}.img__image.hide.no-height{block-size:1px;position:absolute;z-index:-1}.img__bg{background-color:inherit;background-position:inherit;background-size:inherit;background-origin:inherit;background-attachment:inherit;background-repeat:inherit;overflow:auto;padding:var(--padding)}.img__bg.no-height{position:absolute;inset:0}";const z=y;const k=class{constructor(e){n(this,e);this.nanoImgWillLoad=s(this,"nanoImgWillLoad",7);this.nanoImgDidLoad=s(this,"nanoImgDidLoad",7);this.nanoImgError=s(this,"nanoImgError",7)}io;_srcSet={};get host(){return i(this)}loadSrc;loadError;hasLoaded=false;imgStates=null;_src;_srcChanged(){this.hasLoaded=false;this.addIO()}alt;src;srcChanged(){this._src=this.src}srcSet;srcSetChanged(){if(!this.srcSet)return;delete this._srcSet;this._srcSet={};this.imgStates=this.srcSet.split(",").map((e=>{const[i,t]=e.split(" ").filter((e=>e.length));this._srcSet[i]={src:t,active:false};return i})).join(", ")}lazy=true;lazyChanged(){if(!this.lazy)this.load()}background;autoHeight="content";nanoImgWillLoad;nanoImgDidLoad;nanoImgError;addIO(){if(!this._src||this.hasLoaded)return;if(!this.lazy){this.load();return}if(typeof window!=="undefined"&&"IntersectionObserver"in window){this.removeIO();this.io=new IntersectionObserver((e=>{if(e[0].isIntersecting){this.load();this.removeIO()}}));this.io.observe(this.host)}else setTimeout((()=>this.load()),200)}load(){this.loadError=this.onError;this.loadSrc=this._src;this.nanoImgWillLoad.emit()}onLoad=()=>{this.nanoImgDidLoad.emit();setTimeout((()=>this.hasLoaded=true),50)};onError=()=>{this.nanoImgError.emit()};onResize=e=>{Object.entries(e.detail).forEach((([e,i])=>{this._srcSet[e].active=!!i}));const i=[];Object.keys(this._srcSet).sort().forEach((e=>{if(this._srcSet[e].active)i.push(this._srcSet[e].src)}));if(i.length)this._src=i.slice(-1)[0];else this._src=this.src};removeIO(){if(this.io){this.io.disconnect();this.io=undefined}}connectedCallback(){this.srcChanged();this.srcSetChanged();this.lazyChanged()}componentDidLoad(){this.addIO()}disconnectedCallback(){this.removeIO()}render(){const e=this.loadSrc?{"background-image":`url(${this.loadSrc})`}:{};return r(t,{key:"5f56dcb4a2fe386f1bdd130f4ddf48e2f6859f67",class:"nano-img"},r("div",{key:"bf901f23c00d91e988c530b98ea3e72d55a06b25",class:"img"},r("nano-skeleton",{key:"67b01b95235b44ac958f74b9162a1f10f81d5253",class:"img__loader"}),!!this.background&&r("div",{key:"b5f786a707e70b78a183fcd15fb02d0ed1066d9c",class:{loaded:this.hasLoaded,img__bg:true,"no-height":this.autoHeight==="image"},style:e},r("slot",{key:"a56ca90ca3a47eeefe1f54229c2d4cf056dab2fc"})),r("img",{key:"f15763c2522895d76416e38044cc26baff76f74a",class:{img__image:true,loaded:this.hasLoaded,hide:this.background,"no-height":this.autoHeight==="content"},decoding:"async",src:this.loadSrc,loading:undefined,alt:this.alt,onLoad:this.onLoad,onError:this.loadError}),r("nano-resize-observe",{key:"4db81fe9e3b7fb99773daa70efe9f89abb2ad362",class:"img__observer",onNanoResizeStateChange:this.onResize,states:this.imgStates})))}static get watchers(){return{_src:["_srcChanged"],src:["srcChanged"],srcSet:["srcSetChanged"],lazy:["lazyChanged"]}}};k.style=z;export{m as nano_grid,k as nano_img};
-//# sourceMappingURL=nano-grid_2.entry.js.map
+import{h as t,d as i,a as e,r as n,c as r}from"./index-CFYZ-ZOT.js";import{h as o}from"./renderer-LJzCFyMt.js";const s=(()=>{try{return!!new CSSStyleSheet}catch(t){return!1}})(),a=new WeakMap;function c(i,e,n){(function(t){for(const i in t)if(i in t&&Array.isArray(t[i]))return t[i]}(i)||[]).push(t("style",{type:"text/css","constructible-style":e},n))}function l(t,i,e,n){i.__constructableStyle||(i.__constructableStyle={});const r=t[n.cacheKeyProperty];return i.__constructableStyle[r]||(i.__constructableStyle[r]=new CSSStyleSheet,i.__constructableStyle[r].replace(e)),i.__constructableStyle[r]}const h=class{constructor(t){n(this,t)}grids=[];cacheKey;sSize=300;mSize=550;lSize=800;xlSize=1e3;sCols;mCols;lCols;xlCols;xxlCols;sTpl;mTpl;lTpl;xlTpl;xxlTpl;showHelper=!1;constructSizeArray(){this.grids=[],this.sCols&&this.grids.push({cols:this.sCols,breakpoint:0,name:"s",template:this.sTpl}),this.mCols&&this.grids.push({cols:this.mCols,breakpoint:this.sSize,name:"m",template:this.mTpl}),this.lCols&&this.grids.push({cols:this.lCols,breakpoint:this.mSize,name:"l",template:this.lTpl}),this.xlCols&&this.grids.push({cols:this.xlCols,breakpoint:this.lSize,name:"xl",template:this.xlTpl}),this.xxlCols&&this.grids.push({cols:this.xxlCols,breakpoint:this.xlSize,name:"xxl",template:this.xxlTpl}),this.cacheKey=this.grids.map((t=>`${t.cols}-${t.breakpoint}-${t.template||""}`)).join("")+"-helper-"+this.showHelper}styles=()=>`\n      ${this.grids.map((t=>`\n          @container (min-width: ${Number(t.breakpoint+1)?Number(t.breakpoint)+1+"px":t.breakpoint}) {\n            [cache-key="${this.cacheKey}"].grid {\n              --current-grid-size: "grid size: ${t.name}";\n              ${t.template?`grid-template: ${t.template};`:`grid-template-columns: repeat(${t.cols}, minmax(calc((100% / ${t.cols}) - var(--grid-col-gap)), 1fr));`}\n            }\n            ${[...Array(t.cols)].map(((i,e)=>{const n=e+1;return`\n                  [cache-key="${this.cacheKey}"].grid > [grid-states~="${t.name}-col-start-${n}"],\n                  ::slotted([grid-states~="${t.name}-col-start-${n}"]) {\n                    grid-column-start: ${n} !important;\n                  }\n                  [cache-key="${this.cacheKey}"].grid > [grid-states~="${t.name}-col-span-${n}"],\n                  ::slotted([grid-states~="${t.name}-col-span-${n}"]) {\n                    grid-column-end: span ${n} !important;\n                  }\n              `})).join("")}\n              ${[...Array(24)].map(((i,e)=>{const n=e+1;return`\n                    [cache-key="${this.cacheKey}"].grid > [grid-states~="${t.name}-row-start-${n}"],\n                    ::slotted([grid-states~="${t.name}-row-start-${n}"]) {\n                      grid-row-start: ${n} !important;\n                    }\n                    [cache-key="${this.cacheKey}"].grid > [grid-states~="${t.name}-row-span-${n}"],\n                    ::slotted([grid-states~="${t.name}-row-span-${n}"]) {\n                      grid-row-end: span ${n} !important;\n                    }\n                `})).join("")}\n            ${this.showHelper?`\n                [cache-key="${this.cacheKey}"].grid--helper :nth-child(-n+${t.cols}) {\n                  display: block !important;\n                }\n              `:""}\n          }\n        `)).join("")}\n    `.replace(/\/\*[\s\S]*?\*\//g,"").replace(/\s{2,}/g," ").replace(/\s*([{}:;,])\s*/g,"$1").replace(/\n/g,"");componentWillLoad(){this.constructSizeArray()}render(){return o(i,{key:"410e2e3fce3867216adb0f9bf0501f8d40514bce",class:"nano-grid"},o("div",{key:"424f6da1b39d37ef70912e87e5d61320b5ff8d11",part:"grid",class:"grid","cache-key":this.cacheKey},o("slot",{key:"051bdae40a3d63dfdb744a980c74a42c2ac9c05f"})),this.showHelper&&o("div",{key:"b24395cdacf9d7ba3a15b1a9b064a2a97f3afac1",class:"grid grid--helper",part:"helper","cache-key":this.cacheKey},[...Array(24)].map((()=>o("div",{class:"grid__helper-item"})))))}static get watchers(){return{sTpl:["constructSizeArray"],mTpl:["constructSizeArray"],lTpl:["constructSizeArray"],xlTpl:["constructSizeArray"],xxlTpl:["constructSizeArray"],sSize:["constructSizeArray"],mSize:["constructSizeArray"],lSize:["constructSizeArray"],xlSize:["constructSizeArray"],sCols:["constructSizeArray"],mCols:["constructSizeArray"],lCols:["constructSizeArray"],xlCols:["constructSizeArray"],xxlCols:["constructSizeArray"],showHelper:["constructSizeArray"]}}};(function(t,i,e,n){var r,o=arguments.length,s=o<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,e):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,n);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(o<3?r(s):o>3?r(i,e,s):r(i,e))||s);o>3&&s&&Object.defineProperty(i,e,s)})([function(n={}){return(r,o)=>{n.cacheKeyProperty||(n.cacheKeyProperty=o);const{componentWillLoad:h,render:d,componentWillRender:p}=r;if(h||console.warn(`ConstructibleStyle requires you to have a \`componentWillLoad\` lifecycle method in \`${r.constructor.name}\`. Failure to add this function may cause ConstructibleStyle to fail due to StencilJS build optimizations.`),s){const t=t=>{if(!t[n.cacheKeyProperty]||a.get(t)&&a.get(t)===t[n.cacheKeyProperty])return;a.set(t,t[n.cacheKeyProperty]);const i=e(t),s="function"==typeof t[o]?t[o]():t[o],c=i.shadowRoot||document;c.adoptedStyleSheets=[...c.adoptedStyleSheets||[],l(t,r,s,n)]};r.componentWillLoad=function(){const i=h&&h.call(this);return t(this),i},r.componentWillRender=function(){const i=p&&p.call(this);return t(this),i}}else r.render=function(){const e="function"==typeof this[o]?this[o]():this[o];let n=d.call(this);if(function(t){for(const e in t)if(e in t&&t[e]===i)return!0;return!1}(n))c(n,r.constructor.name,e);else if(n=t(i,null,n),"attachShadow"in HTMLElement.prototype){if(!r.__constructableStyle){const t=document.createElement("style");t.setAttribute("type","text/css"),t.setAttribute("constructible-style",r.constructor.name),t.innerHTML=e,r.__constructableStyle=t,document.head.appendChild(t)}}else c(n,r.constructor.name,e);return n}}}({cacheKeyProperty:"cacheKey"}),function(t,i){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,i)}("design:type",Object)],h.prototype,"styles",void 0),h.style=':host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--grid-col-gap:var(--nano-spacing-medium, 16px);--grid-row-gap:var(--nano-spacing-medium, 16px);--current-grid-size:"grid size: s";container-type:inline-size;display:block}:host .grid{display:grid;gap:var(--grid-row-gap) var(--grid-col-gap);block-size:inherit;min-block-size:inherit}:host([show-helper]:not([show-helper=false])){position:relative}:host([show-helper]:not([show-helper=false])) .grid--helper{position:absolute;inset:0;pointer-events:none;display:grid !important;overflow:hidden}:host([show-helper]:not([show-helper=false])) .grid--helper::before{content:var(--current-grid-size);font-size:30px;position:absolute;inline-size:100%;inset-inline-start:0;text-align:center;inset-block-start:50%;transform:translateY(-50%);color:rgba(0, 0, 0, 0.2);text-transform:uppercase;z-index:99;pointer-events:none}:host([show-helper]:not([show-helper=false])) .grid__helper-item{background:hsla(204, 80%, 72%, 0.25);block-size:100vh}';const d=class{constructor(t){n(this,t),this.nanoImgWillLoad=r(this,"nanoImgWillLoad",7),this.nanoImgDidLoad=r(this,"nanoImgDidLoad",7),this.nanoImgError=r(this,"nanoImgError",7)}io;_srcSet={};get host(){return e(this)}loadSrc;loadError;hasLoaded=!1;imgStates=null;_src;_srcChanged(){this.hasLoaded=!1,this.addIO()}alt;src;srcChanged(){this._src=this.src}srcSet;srcSetChanged(){this.srcSet&&(delete this._srcSet,this._srcSet={},this.imgStates=this.srcSet.split(",").map((t=>{const[i,e]=t.split(" ").filter((t=>t.length));return this._srcSet[i]={src:e,active:!1},i})).join(", "))}lazy=!0;lazyChanged(){this.lazy||this.load()}background;autoHeight="content";nanoImgWillLoad;nanoImgDidLoad;nanoImgError;addIO(){this._src&&!this.hasLoaded&&(this.lazy?"undefined"!=typeof window&&"IntersectionObserver"in window?(this.removeIO(),this.io=new IntersectionObserver((t=>{t[0].isIntersecting&&(this.load(),this.removeIO())})),this.io.observe(this.host)):setTimeout((()=>this.load()),200):this.load())}load(){this.loadError=this.onError,this.loadSrc=this._src,this.nanoImgWillLoad.emit()}onLoad=()=>{this.nanoImgDidLoad.emit(),setTimeout((()=>this.hasLoaded=!0),50)};onError=()=>{this.nanoImgError.emit()};onResize=t=>{Object.entries(t.detail).forEach((([t,i])=>{this._srcSet[t].active=!!i}));const i=[];Object.keys(this._srcSet).sort().forEach((t=>{this._srcSet[t].active&&i.push(this._srcSet[t].src)})),this._src=i.length?i.slice(-1)[0]:this.src};removeIO(){this.io&&(this.io.disconnect(),this.io=void 0)}connectedCallback(){this.srcChanged(),this.srcSetChanged(),this.lazyChanged()}componentDidLoad(){this.addIO()}disconnectedCallback(){this.removeIO()}render(){const t=this.loadSrc?{"background-image":`url(${this.loadSrc})`}:{};return o(i,{key:"a9d5cb1d0be8540d7ea690fd13d92b1f5ec614af",class:"nano-img"},o("div",{key:"1f40afc64a5652f53b224403c59b4f108e5eb044",class:"img"},o("nano-skeleton",{key:"a8872721a38b11951ca6950d567193ba16e1d348",class:"img__loader"}),!!this.background&&o("div",{key:"d9c1fd739f4a4914a0cfe8c1eb8ef50832ecc35c",class:{loaded:this.hasLoaded,img__bg:!0,"no-height":"image"===this.autoHeight},style:t},o("slot",{key:"750330595e7dc0e2127d8646616107154215e97b"})),o("img",{key:"c04ad33e34573482e701f4239e17a9a28fd98dd0",class:{img__image:!0,loaded:this.hasLoaded,hide:this.background,"no-height":"content"===this.autoHeight},decoding:"async",src:this.loadSrc,loading:void 0,alt:this.alt,onLoad:this.onLoad,onError:this.loadError}),o("nano-resize-observe",{key:"4d40e294ec3a56be5756aede03e91aaf3d629bf3",class:"img__observer",onNanoResizeStateChange:this.onResize,states:this.imgStates})))}static get watchers(){return{_src:["_srcChanged"],src:["srcChanged"],srcSet:["srcSetChanged"],lazy:["lazyChanged"]}}};d.style=":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--padding:0;display:inline-block;object-fit:cover;object-position:center;background-size:cover;background-position:center}:host *{border-radius:inherit}:host([background]:not([background=false])){display:block}.img{position:relative;object-fit:inherit;object-position:inherit;background-color:inherit;background-position:inherit;background-size:inherit;background-origin:inherit;background-attachment:inherit;background-repeat:inherit;flex:1 1 100%;display:flex;flex-direction:column;min-block-size:inherit;min-inline-size:inherit;block-size:inherit;inline-size:inherit;max-block-size:inherit;max-inline-size:inherit;aspect-ratio:inherit}.img__loader,.img__observer{position:absolute;inset:0;block-size:100%;inline-size:100%;z-index:-1}.img__image,.img__bg{border-radius:inherit;display:block;opacity:0;transition:0.5s ease opacity, 0.3s ease filter 0.4s;filter:blur(5px);flex:1}.img__image.loaded,.img__bg.loaded{opacity:1;filter:blur(0)}@media not all and (resolution >= 0.001dpcm){@supports (-webkit-appearance: none){.img__image.loaded,.img__bg.loaded{filter:blur(0)}}}.img__image{object-fit:inherit;object-position:inherit;min-block-size:inherit;min-inline-size:inherit;block-size:inherit;inline-size:inherit;max-block-size:inherit;max-inline-size:inherit;aspect-ratio:inherit}.img__image.hide{visibility:hidden}.img__image.hide.no-height{block-size:1px;position:absolute;z-index:-1}.img__bg{background-color:inherit;background-position:inherit;background-size:inherit;background-origin:inherit;background-attachment:inherit;background-repeat:inherit;overflow:auto;padding:var(--padding)}.img__bg.no-height{position:absolute;inset:0}";export{h as nano_grid,d as nano_img}

package/dist/nano-components/nano-hero.entry.js

@@ -1,5 +1,4 @@
 /*!
- * Web Components for Nanopore digital Web Apps
+ * Custom elements for Nanopore-Digital Web applications
  */
-import{r as n,g as o,a as e}from"./index-6cc72cd9.js";import{h as t}from"./renderer-4bc3e2dc.js";const i=":host {\n  box-sizing: border-box;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n:host {\n  box-sizing: border-box;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n:host {\n  /**\n   * @prop --nano-loader-base: Base colour of nano-skeleton. Default depends on theme;\n   * @prop --nano-loader-tint: Tint colour of nano-skeleton. Default depends on theme;\n   * @prop --theme-color: Text color. Default depends on theme;\n   * @prop --theme-tint-color: Color used for bread crumbs and icons. Defaults to #90c6e7;\n   * @prop --scrim-color: Color of the gradient covering the background. Default depends on theme;\n   * @prop --scrim-direction: Direction of the gradient covering the background. Default what content slots are present;\n   * @prop --scrim-opacity-from: Starting opactiy of the gradient covering the background. Default .25;\n   * @prop --scrim-opacity-to: Final opactiy of the gradient covering the background. Default depends on `theme`;\n   * @prop --quote-size: Font size of the quote. Defaults to 1.3em and grows to 3rem on the xl breakpoint;\n  */\n  --nano-loader-base: #4a4a4a;\n  --nano-loader-tint: #7d7d7d;\n  --theme-color: #fff;\n  --theme-tint-color: #90c6e7;\n  --scrim-color: 0 0 0;\n  --scrim-direction: 90deg;\n  --scrim-opacity-from: 0.25;\n  --scrim-opacity-to: 0.7;\n  --padding: 0;\n  --quote-size: 1.3rem;\n  color: var(--theme-color);\n  display: block;\n  container-type: inline-size;\n}\n\n:host([theme=light]) {\n  --nano-loader-base: #fff;\n  --nano-loader-tint: white;\n  --theme-color: #4a4a4a;\n  --scrim-color: 255 255 255;\n  --scrim-opacity-from: 0.25;\n  --scrim-opacity-to: 1;\n  --scrim-direction: 270deg;\n  color: var(--theme-color);\n}\n:host([theme=light]) .hero__primary-content {\n  --color: #4a4a4a;\n}\n\n.hero {\n  position: relative;\n}\n@container (min-width: 800px) {\n  .hero {\n    --quote-size: 3rem;\n  }\n}\n.hero--rtl {\n  --scrim-direction: 270deg;\n}\n.hero--secondary:not(.hero--iconbox) {\n  --scrim-direction: 0deg;\n}\n.hero__bg-wrap {\n  overflow: hidden;\n}\n.hero__bg-slot {\n  position: absolute;\n  inset: 0;\n}\n.hero__ctas {\n  display: flex;\n  justify-content: flex-end;\n  padding-block: 32px 0;\n  padding-inline: 32px;\n  margin-block-end: -64px;\n  position: relative;\n  z-index: 1;\n}\n@media (width <= 52em) {\n  .hero__ctas {\n    display: none;\n  }\n}\n@media (width <= 58em) {\n  .hero__ctas {\n    margin-block-end: -48px;\n  }\n}\n.hero__ctas ::slotted(a.button[slot=secondary-ctas]) {\n  padding-inline: 0.5rem !important;\n  font-size: 0.875rem !important;\n  margin-block: 0 !important;\n  margin-inline: 0.25rem !important;\n}\n.hero__img {\n  display: block;\n  --padding: inherit;\n}\n.hero__breadcrumbs {\n  display: none;\n  margin-block: 20px 0;\n  margin-inline: 14px;\n  line-height: 14px;\n}\n.hero--breadcrumb .hero__breadcrumbs {\n  display: block;\n}\n@container (min-width: 800px) {\n  .hero__breadcrumbs {\n    margin-block: 0;\n    margin-inline: 50px;\n    max-inline-size: 50%;\n  }\n}\n@container (min-width: 900px) {\n  .hero__breadcrumbs {\n    margin-block: 0;\n    margin-inline: 83px;\n  }\n}\n.hero__breadcrumbs ::slotted(*[slot=breadcrumb]) {\n  font-size: 0.85rem;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  font-weight: 600;\n  font-stretch: 125%;\n  display: inline-block;\n  margin-block-end: 16px;\n  position: relative;\n  z-index: 2;\n}\n.hero--hasbg .hero__breadcrumbs ::slotted(*[slot=breadcrumb]) {\n  text-shadow: 1px 1px rgba(0, 0, 0, 0.15);\n}\n.hero__breadcrumbs ::slotted(a[slot=breadcrumb]) {\n  color: var(--theme-tint-color) !important;\n  cursor: pointer;\n}\n.hero__breadcrumbs ::slotted(.slash[slot=breadcrumb]) {\n  color: var(--theme-color);\n  position: relative;\n  margin-block: 0;\n  margin-inline: 0.5rem;\n  display: inline-block;\n}\n.hero__scrim {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  background: linear-gradient(var(--scrim-direction), rgb(var(--scrim-color)/var(--scrim-opacity-from)) 0%, rgb(var(--scrim-color)/var(--scrim-opacity-to)) 100%);\n}\n.hero--scrim .hero__scrim {\n  background: none;\n}\n.hero__content {\n  max-inline-size: 1440px;\n  display: block;\n  --grid-row-gap: 0;\n  margin-block: 0;\n  margin-inline: auto;\n  position: relative;\n}\n@container (min-width: 800px) {\n  .hero__content {\n    margin-block: 50px 0 !important;\n    max-inline-size: 1540px !important;\n  }\n}\n@container (min-width: 900px) {\n  .hero__content {\n    margin-block: 83px 0 !important;\n    max-inline-size: 1606px !important;\n  }\n}\n.hero__primary {\n  margin: 16px;\n}\n.hero--breadcrumb .hero__primary {\n  margin-block: 0;\n  margin-inline: 16px;\n}\n.hero--backbtn .hero__primary {\n  margin-inline-start: 0;\n}\n.hero__primary ::slotted(.nano-icon-button[slot=back-btn]) {\n  font-size: 2rem;\n}\n@container (min-width: 800px) {\n  .hero__primary {\n    margin-block: 0 50px !important;\n    margin-inline: 50px 0 !important;\n  }\n  .hero__primary ::slotted(.nano-icon-button[slot=back-btn]) {\n    margin-block: 0 !important;\n    margin-inline: -3rem 0 !important;\n  }\n}\n@container (min-width: 900px) {\n  .hero__primary {\n    margin-block: 0 83px !important;\n    margin-inline: 83px 0 !important;\n  }\n}\n.hero__primary-content {\n  max-inline-size: 45rem;\n  --color: #fff;\n  display: flex;\n}\n.hero--backbtn .hero__primary-content > div {\n  padding-block: 10px 0;\n  padding-inline: 0;\n}\n.hero__primary-content ::slotted(h1[slot=primary-content]) {\n  line-height: 26px !important;\n  margin-block: 0 18px !important;\n  font-size: 2rem !important;\n}\n@container (min-width: 800px) {\n  .hero__primary-content ::slotted(h1[slot=primary-content]) {\n    line-height: 31px !important;\n    margin-block-end: 30px !important;\n  }\n  .hero__primary-content ::slotted(.button[slot=primary-content]) {\n    margin-block-start: 20px !important;\n  }\n}\n.hero__secondary {\n  display: none;\n  block-size: 100%;\n  padding-block: 0 20px;\n  padding-inline: 14px;\n}\n.hero--secondary .hero__secondary {\n  display: flex;\n  align-items: center;\n}\n@container (min-width: 800px) {\n  .hero__secondary {\n    padding-block: 0 50px;\n    padding-inline: 50px;\n    justify-content: flex-end;\n  }\n}\n@container (min-width: 900px) {\n  .hero__secondary {\n    padding-block: 0 83px;\n    padding-inline: 83px;\n  }\n}\n.hero__icon-box {\n  background: rgba(0, 0, 0, 0.7);\n  padding: 24px;\n  inline-size: 100%;\n  margin-block-end: auto;\n  display: flex;\n  flex-direction: column;\n  color: white;\n}\n@container (min-width: 800px) {\n  .hero__icon-box {\n    max-inline-size: 410px;\n    flex: 0 1 410px;\n  }\n}\n.hero__icon-box ::slotted([slot=icon-box-item]) {\n  --nano-color-base: var(--theme-tint-color);\n  --nano-icon-size: 32px;\n  --nano-icon-margin-end: 20px;\n  display: flex;\n  align-items: center;\n  font-size: 0.8125rem;\n  margin-block-end: 20px;\n}\n.hero__icon-box ::slotted(.last[slot=icon-box-item]) {\n  margin-block-end: 0;\n}\n.hero__quote-content {\n  margin-block-start: auto;\n  text-align: center;\n  inline-size: 100%;\n}\n@container (min-width: 800px) {\n  .hero__quote-content {\n    max-inline-size: 500px;\n    flex: 0 1 500px;\n    text-align: initial;\n  }\n}\n.hero__quote::before, .hero__quote::after {\n  content: '\"';\n  font-size: var(--quote-size);\n  font-weight: 600;\n  font-style: italic;\n  line-height: 0;\n  color: #abb6b8;\n  display: inline;\n  position: relative;\n}\n.hero__quote ::slotted([slot=quote]) {\n  font-size: var(--quote-size);\n  font-weight: 200;\n  display: inline;\n}\n.hero__quote-author {\n  text-align: end;\n  font-size: 1rem;\n  opacity: 0.8;\n}\n@container (min-width: 800px) {\n  .hero--sub .hero__content {\n    margin-block-start: 40px;\n  }\n  .hero--sub .hero__content .hero__primary {\n    margin-block: 0 40px;\n    margin-inline: 50px 0;\n  }\n  .hero--sub .hero__content .hero__secondary {\n    padding-block: 0 50px;\n    padding-inline: 40px 50px;\n  }\n  .hero--sub .hero__content ::slotted(.button[slot=primary-content]) {\n    margin-block-start: 8px !important;\n  }\n  .hero--sub .hero__content ::slotted(h1[slot=primary-content]) {\n    margin-block-end: 18px !important;\n  }\n}\n@container (min-width: 900px) {\n  .hero--sub .hero__content .hero__primary {\n    margin-block: 0 40px;\n    margin-inline: 83px 0;\n  }\n  .hero--sub .hero__content .hero__secondary {\n    padding-block: 0 83px;\n    padding-inline: 40px 83px;\n  }\n}";const r=i;const a=class{constructor(o){n(this,o)}mo;get host(){return o(this)}hasIconBox;hasScrim;hasSecondaryContent;hasQuote;hasBg;hasBackBtn;hasCtas;breadCrumbs;breadCrumbChange(){this.breadCrumbs.filter((n=>n.tagName==="A"&&!n.nextElementSibling.classList.contains("slash"))).forEach((n=>{n.insertAdjacentHTML("afterend",'<span slot="breadcrumb" class="slash">/</span>')}))}iconBoxItems;iconBoxItemChange(){this.iconBoxItems.forEach((n=>n.classList.remove("last")));if(this.iconBoxItems[this.iconBoxItems.length-1]&&this.iconBoxItems[this.iconBoxItems.length-1].classList)this.iconBoxItems[this.iconBoxItems.length-1].classList.add("last")}imgSrc;imgSrcSet=null;largeScreenBP=900;theme="dark";level="top";slotChangeObserver(){if(!window["MutationObserver"])return;if(this.mo)this.mo.disconnect();const n=this.mo=new MutationObserver((()=>this.processSlottedContent()));n.observe(this.host,{childList:true})}processSlottedContent(){this.hasCtas=!!this.host.querySelector('[slot="secondary-ctas"]');this.iconBoxItems=Array.from(this.host.querySelectorAll('[slot="icon-box-item"]'));this.hasIconBox=!!this.host.querySelector('[slot="icon-box"]')||!!this.iconBoxItems.length;this.hasScrim=!!this.host.querySelector('[slot="scrim"]');this.breadCrumbs=Array.from(this.host.querySelectorAll('[slot="breadcrumb"]'));this.hasSecondaryContent=!!this.host.querySelector('[slot="icon-box"]')||!!this.host.querySelector('[slot="quote"]')||!!this.host.querySelector('[slot="icon-box-item"]')||!!this.host.querySelector('[slot="secondary-content"]');this.hasBg=!!this.host.querySelector('[slot="background"]')||!!this.imgSrc;this.hasBackBtn=!!this.host.querySelector('[slot="back-btn"]');this.hasQuote=!!this.host.querySelector('[slot="quote"]')}disconnectedCallback(){if(this.mo)this.mo.disconnect()}componentDidLoad(){this.slotChangeObserver()}componentWillLoad(){this.processSlottedContent()}HeroContent=()=>[!this.hasIconBox&&this.hasCtas?t("div",{class:"hero__ctas"},t("slot",{name:"secondary-ctas"})):"",t("div",{class:"hero__scrim"},t("slot",{name:"scrim"})),t("nano-grid",{class:"hero__content",xlCols:2,xlSize:this.largeScreenBP},t("div",{"grid-states":"xl-col-span-2"},t("div",{class:"hero__breadcrumbs"},t("slot",{name:"breadcrumb"}))),t("div",{"grid-states":this.hasSecondaryContent?"xl-col-span-1 xl-col-start-1 xl-row-start-2":"xl-col-span-2 xl-col-start-1 xl-row-start-2"},t("div",{class:"hero__primary"},t("div",{class:"hero__primary-content"},t("slot",{name:"back-btn"}),t("div",null,t("slot",{name:"primary-content"}))))),this.hasSecondaryContent&&t("div",{"grid-states":"xl-col-span-1 xl-col-start-2 xl-row-start-2"},t("div",{class:"hero__secondary"},t("slot",{name:"secondary-content"}),this.hasIconBox&&t("div",{class:"hero__icon-box"},t("slot",{name:"icon-box"}),t("slot",{name:"icon-box-item"})),this.hasQuote&&t("div",{class:"hero__quote-content"},t("span",{class:"hero__quote"},t("slot",{name:"quote"})),t("div",{class:"hero__quote-author"},t("slot",{name:"quote-author"}))))))];render(){const n=this.host.dir==="rtl"||this.host.ownerDocument.dir==="rtl";return t(e,{key:"3ea826a0e3c29d25595e2ed95b36398980193ade",class:"nano-hero"},t("div",{key:"09b08515b8bd244eef354df64e76814ec7fbda6d",class:{hero:true,"hero--light":this.theme==="light","hero--secondary":this.hasSecondaryContent,"hero--iconbox":this.hasIconBox,"hero--rtl":n,"hero--scrim":this.hasScrim,"hero--breadcrumb":!!this.breadCrumbs.length,"hero--hasbg":this.hasBg,"hero--backbtn":this.hasBackBtn,"hero--sub":this.level==="sub"}},t("div",{key:"46b5daff7c9c768c5354b54a1dd9f8ca8b9fc100",class:"hero__bg-wrap"},!!this.imgSrc&&t("nano-img",{key:"0bc5e85862297cbd10bb4953c545eaccfde46d34",class:"hero__img",lazy:false,background:true,srcSet:this.imgSrcSet,src:this.imgSrc},t(this.HeroContent,{key:"96a6199bb1c851b70cbc146b25d722f3c7c7cfbb"})),!this.imgSrc&&[t("div",{key:"b34f8983859f55762fddd7ebadd95b2db6d96f7a",class:"hero__bg-slot"},t("slot",{key:"df7263acd2610a142fe492555b77e6d24bd382a4",name:"background"})),t(this.HeroContent,{key:"c02cbdf49f60dc755c3103f84df6e1de82b3a7ce"})])))}static get watchers(){return{breadCrumbs:["breadCrumbChange"],iconBoxItems:["iconBoxItemChange"]}}};a.style=r;export{a as nano_hero};
-//# sourceMappingURL=nano-hero.entry.js.map
+import{r as n,a as o,d as t}from"./index-CFYZ-ZOT.js";import{h as e}from"./renderer-LJzCFyMt.js";const i=class{constructor(o){n(this,o)}mo;get host(){return o(this)}hasIconBox;hasScrim;hasSecondaryContent;hasQuote;hasBg;hasBackBtn;hasCtas;breadCrumbs;breadCrumbChange(){this.breadCrumbs.filter((n=>"A"===n.tagName&&!n.nextElementSibling.classList.contains("slash"))).forEach((n=>{n.insertAdjacentHTML("afterend",'<span slot="breadcrumb" class="slash">/</span>')}))}iconBoxItems;iconBoxItemChange(){this.iconBoxItems.forEach((n=>n.classList.remove("last"))),this.iconBoxItems[this.iconBoxItems.length-1]&&this.iconBoxItems[this.iconBoxItems.length-1].classList&&this.iconBoxItems[this.iconBoxItems.length-1].classList.add("last")}imgSrc;imgSrcSet=null;largeScreenBP=900;theme="dark";level="top";slotChangeObserver(){this.mo&&this.mo.disconnect(),(this.mo=new MutationObserver((()=>this.processSlottedContent()))).observe(this.host,{childList:!0})}processSlottedContent(){this.hasCtas=!!this.host.querySelector('[slot="secondary-ctas"]'),this.iconBoxItems=Array.from(this.host.querySelectorAll('[slot="icon-box-item"]')),this.hasIconBox=!!this.host.querySelector('[slot="icon-box"]')||!!this.iconBoxItems.length,this.hasScrim=!!this.host.querySelector('[slot="scrim"]'),this.breadCrumbs=Array.from(this.host.querySelectorAll('[slot="breadcrumb"]')),this.hasSecondaryContent=!!(this.host.querySelector('[slot="icon-box"]')||this.host.querySelector('[slot="quote"]')||this.host.querySelector('[slot="icon-box-item"]')||this.host.querySelector('[slot="secondary-content"]')),this.hasBg=!!this.host.querySelector('[slot="background"]')||!!this.imgSrc,this.hasBackBtn=!!this.host.querySelector('[slot="back-btn"]'),this.hasQuote=!!this.host.querySelector('[slot="quote"]')}disconnectedCallback(){this.mo&&this.mo.disconnect()}componentDidLoad(){this.slotChangeObserver()}componentWillLoad(){this.processSlottedContent()}HeroContent=()=>[!this.hasIconBox&&this.hasCtas?e("div",{class:"hero__ctas"},e("slot",{name:"secondary-ctas"})):"",e("div",{class:"hero__scrim"},e("slot",{name:"scrim"})),e("nano-grid",{class:"hero__content",xlCols:2,xlSize:this.largeScreenBP},e("div",{"grid-states":"xl-col-span-2"},e("div",{class:"hero__breadcrumbs"},e("slot",{name:"breadcrumb"}))),e("div",{"grid-states":this.hasSecondaryContent?"xl-col-span-1 xl-col-start-1 xl-row-start-2":"xl-col-span-2 xl-col-start-1 xl-row-start-2"},e("div",{class:"hero__primary"},e("div",{class:"hero__primary-content"},e("slot",{name:"back-btn"}),e("div",null,e("slot",{name:"primary-content"}))))),this.hasSecondaryContent&&e("div",{"grid-states":"xl-col-span-1 xl-col-start-2 xl-row-start-2"},e("div",{class:"hero__secondary"},e("slot",{name:"secondary-content"}),this.hasIconBox&&e("div",{class:"hero__icon-box"},e("slot",{name:"icon-box"}),e("slot",{name:"icon-box-item"})),this.hasQuote&&e("div",{class:"hero__quote-content"},e("span",{class:"hero__quote"},e("slot",{name:"quote"})),e("div",{class:"hero__quote-author"},e("slot",{name:"quote-author"}))))))];render(){return e(t,{key:"5d62edb541baa74626690e274ec68fa7a1cdb6b4",class:"nano-hero"},e("div",{key:"85b443fdc0154a0911cfa7d8338f713249726cfc",class:{hero:!0,"hero--light":"light"===this.theme,"hero--secondary":this.hasSecondaryContent,"hero--iconbox":this.hasIconBox,"hero--rtl":"rtl"===this.host.dir||"rtl"===this.host.ownerDocument.dir,"hero--scrim":this.hasScrim,"hero--breadcrumb":!!this.breadCrumbs.length,"hero--hasbg":this.hasBg,"hero--backbtn":this.hasBackBtn,"hero--sub":"sub"===this.level}},e("div",{key:"7f4075117c01f9bcd658e7c315db30e6178b7d5c",class:"hero__bg-wrap"},!!this.imgSrc&&e("nano-img",{key:"938f93db20077f16fe0f3c475a7b75fff5fbd753",class:"hero__img",lazy:!1,background:!0,srcSet:this.imgSrcSet,src:this.imgSrc},e(this.HeroContent,{key:"ab363f8fa4899d633039a6533a79147e3db09a4c"})),!this.imgSrc&&[e("div",{key:"260071196444ac93ed8245015dbba9c93b2cf6b1",class:"hero__bg-slot"},e("slot",{key:"1e1b83f44caca5904ae709e3b9ca7bae0560ef38",name:"background"})),e(this.HeroContent,{key:"4588e32888b9e82221644b74a84364a6e6db9f7f"})])))}static get watchers(){return{breadCrumbs:["breadCrumbChange"],iconBoxItems:["iconBoxItemChange"]}}};i.style=":host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }:host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }:host {\n  /**\n   * @prop --nano-loader-base: Base colour of nano-skeleton. Default depends on theme;\n   * @prop --nano-loader-tint: Tint colour of nano-skeleton. Default depends on theme;\n   * @prop --theme-color: Text color. Default depends on theme;\n   * @prop --theme-tint-color: Color used for bread crumbs and icons. Defaults to #90c6e7;\n   * @prop --scrim-color: Color of the gradient covering the background. Default depends on theme;\n   * @prop --scrim-direction: Direction of the gradient covering the background. Default what content slots are present;\n   * @prop --scrim-opacity-from: Starting opactiy of the gradient covering the background. Default .25;\n   * @prop --scrim-opacity-to: Final opactiy of the gradient covering the background. Default depends on `theme`;\n   * @prop --quote-size: Font size of the quote. Defaults to 1.3em and grows to 3rem on the xl breakpoint;\n  */\n  --nano-loader-base: #4a4a4a;\n  --nano-loader-tint: #7d7d7d;\n  --theme-color: #fff;\n  --theme-tint-color: #90c6e7;\n  --scrim-color: 0 0 0;\n  --scrim-direction: 90deg;\n  --scrim-opacity-from: 0.25;\n  --scrim-opacity-to: 0.7;\n  --padding: 0;\n  --quote-size: 1.3rem;\n  color: var(--theme-color);\n  display: block;\n  container-type: inline-size;\n}\n\n:host([theme=light]) {\n  --nano-loader-base: #fff;\n  --nano-loader-tint: white;\n  --theme-color: #4a4a4a;\n  --scrim-color: 255 255 255;\n  --scrim-opacity-from: 0.25;\n  --scrim-opacity-to: 1;\n  --scrim-direction: 270deg;\n  color: var(--theme-color);\n}\n:host([theme=light]) .hero__primary-content {\n  --color: #4a4a4a;\n}\n\n.hero {\n  position: relative;\n}\n@container (min-width: 800px) {\n  .hero {\n    --quote-size: 3rem;\n  }\n}\n.hero--rtl {\n  --scrim-direction: 270deg;\n}\n.hero--secondary:not(.hero--iconbox) {\n  --scrim-direction: 0deg;\n}\n.hero__bg-wrap {\n  overflow: hidden;\n}\n.hero__bg-slot {\n  position: absolute;\n  inset: 0;\n}\n.hero__ctas {\n  display: flex;\n  justify-content: flex-end;\n  padding-block: 32px 0;\n  padding-inline: 32px;\n  margin-block-end: -64px;\n  position: relative;\n  z-index: 1;\n}\n@media (width <= 52em) {\n  .hero__ctas {\n    display: none;\n  }\n}\n@media (width <= 58em) {\n  .hero__ctas {\n    margin-block-end: -48px;\n  }\n}\n.hero__ctas ::slotted(a.button[slot=secondary-ctas]) {\n  padding-inline: 0.5rem !important;\n  font-size: 0.875rem !important;\n  margin-block: 0 !important;\n  margin-inline: 0.25rem !important;\n}\n.hero__img {\n  display: block;\n  --padding: inherit;\n}\n.hero__breadcrumbs {\n  display: none;\n  margin-block: 20px 0;\n  margin-inline: 14px;\n  line-height: 14px;\n}\n.hero--breadcrumb .hero__breadcrumbs {\n  display: block;\n}\n@container (min-width: 800px) {\n  .hero__breadcrumbs {\n    margin-block: 0;\n    margin-inline: 50px;\n    max-inline-size: 50%;\n  }\n}\n@container (min-width: 900px) {\n  .hero__breadcrumbs {\n    margin-block: 0;\n    margin-inline: 83px;\n  }\n}\n.hero__breadcrumbs ::slotted(*[slot=breadcrumb]) {\n  font-size: 0.85rem;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  font-weight: 600;\n  font-stretch: 125%;\n  display: inline-block;\n  margin-block-end: 16px;\n  position: relative;\n  z-index: 2;\n}\n.hero--hasbg .hero__breadcrumbs ::slotted(*[slot=breadcrumb]) {\n  text-shadow: 1px 1px rgba(0, 0, 0, 0.15);\n}\n.hero__breadcrumbs ::slotted(a[slot=breadcrumb]) {\n  color: var(--theme-tint-color) !important;\n  cursor: pointer;\n}\n.hero__breadcrumbs ::slotted(.slash[slot=breadcrumb]) {\n  color: var(--theme-color);\n  position: relative;\n  margin-block: 0;\n  margin-inline: 0.5rem;\n  display: inline-block;\n}\n.hero__scrim {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  background: linear-gradient(var(--scrim-direction), rgb(var(--scrim-color)/var(--scrim-opacity-from)) 0%, rgb(var(--scrim-color)/var(--scrim-opacity-to)) 100%);\n}\n.hero--scrim .hero__scrim {\n  background: none;\n}\n.hero__content {\n  max-inline-size: 1440px;\n  display: block;\n  --grid-row-gap: 0;\n  margin-block: 0;\n  margin-inline: auto;\n  position: relative;\n}\n@container (min-width: 800px) {\n  .hero__content {\n    margin-block: 50px 0 !important;\n    max-inline-size: 1540px !important;\n  }\n}\n@container (min-width: 900px) {\n  .hero__content {\n    margin-block: 83px 0 !important;\n    max-inline-size: 1606px !important;\n  }\n}\n.hero__primary {\n  margin: 16px;\n}\n.hero--breadcrumb .hero__primary {\n  margin-block: 0;\n  margin-inline: 16px;\n}\n.hero--backbtn .hero__primary {\n  margin-inline-start: 0;\n}\n.hero__primary ::slotted(.nano-icon-button[slot=back-btn]) {\n  font-size: 2rem;\n}\n@container (min-width: 800px) {\n  .hero__primary {\n    margin-block: 0 50px !important;\n    margin-inline: 50px 0 !important;\n  }\n  .hero__primary ::slotted(.nano-icon-button[slot=back-btn]) {\n    margin-block: 0 !important;\n    margin-inline: -3rem 0 !important;\n  }\n}\n@container (min-width: 900px) {\n  .hero__primary {\n    margin-block: 0 83px !important;\n    margin-inline: 83px 0 !important;\n  }\n}\n.hero__primary-content {\n  max-inline-size: 45rem;\n  --color: #fff;\n  display: flex;\n}\n.hero--backbtn .hero__primary-content > div {\n  padding-block: 10px 0;\n  padding-inline: 0;\n}\n.hero__primary-content ::slotted(h1[slot=primary-content]) {\n  line-height: 26px !important;\n  margin-block: 0 18px !important;\n  font-size: 2rem !important;\n}\n@container (min-width: 800px) {\n  .hero__primary-content ::slotted(h1[slot=primary-content]) {\n    line-height: 31px !important;\n    margin-block-end: 30px !important;\n  }\n  .hero__primary-content ::slotted(.button[slot=primary-content]) {\n    margin-block-start: 20px !important;\n  }\n}\n.hero__secondary {\n  display: none;\n  block-size: 100%;\n  padding-block: 0 20px;\n  padding-inline: 14px;\n}\n.hero--secondary .hero__secondary {\n  display: flex;\n  align-items: center;\n}\n@container (min-width: 800px) {\n  .hero__secondary {\n    padding-block: 0 50px;\n    padding-inline: 50px;\n    justify-content: flex-end;\n  }\n}\n@container (min-width: 900px) {\n  .hero__secondary {\n    padding-block: 0 83px;\n    padding-inline: 83px;\n  }\n}\n.hero__icon-box {\n  background: rgba(0, 0, 0, 0.7);\n  padding: 24px;\n  inline-size: 100%;\n  margin-block-end: auto;\n  display: flex;\n  flex-direction: column;\n  color: white;\n}\n@container (min-width: 800px) {\n  .hero__icon-box {\n    max-inline-size: 410px;\n    flex: 0 1 410px;\n  }\n}\n.hero__icon-box ::slotted([slot=icon-box-item]) {\n  --nano-color-base: var(--theme-tint-color);\n  --nano-icon-size: 32px;\n  --nano-icon-margin-end: 20px;\n  display: flex;\n  align-items: center;\n  font-size: 0.8125rem;\n  margin-block-end: 20px;\n}\n.hero__icon-box ::slotted(.last[slot=icon-box-item]) {\n  margin-block-end: 0;\n}\n.hero__quote-content {\n  margin-block-start: auto;\n  text-align: center;\n  inline-size: 100%;\n}\n@container (min-width: 800px) {\n  .hero__quote-content {\n    max-inline-size: 500px;\n    flex: 0 1 500px;\n    text-align: initial;\n  }\n}\n.hero__quote::before, .hero__quote::after {\n  content: '\"';\n  font-size: var(--quote-size);\n  font-weight: 600;\n  font-style: italic;\n  line-height: 0;\n  color: #abb6b8;\n  display: inline;\n  position: relative;\n}\n.hero__quote ::slotted([slot=quote]) {\n  font-size: var(--quote-size);\n  font-weight: 200;\n  display: inline;\n}\n.hero__quote-author {\n  text-align: end;\n  font-size: 1rem;\n  opacity: 0.8;\n}\n@container (min-width: 800px) {\n  .hero--sub .hero__content {\n    margin-block-start: 40px;\n  }\n  .hero--sub .hero__content .hero__primary {\n    margin-block: 0 40px;\n    margin-inline: 50px 0;\n  }\n  .hero--sub .hero__content .hero__secondary {\n    padding-block: 0 50px;\n    padding-inline: 40px 50px;\n  }\n  .hero--sub .hero__content ::slotted(.button[slot=primary-content]) {\n    margin-block-start: 8px !important;\n  }\n  .hero--sub .hero__content ::slotted(h1[slot=primary-content]) {\n    margin-block-end: 18px !important;\n  }\n}\n@container (min-width: 900px) {\n  .hero--sub .hero__content .hero__primary {\n    margin-block: 0 40px;\n    margin-inline: 83px 0;\n  }\n  .hero--sub .hero__content .hero__secondary {\n    padding-block: 0 83px;\n    padding-inline: 40px 83px;\n  }\n}";export{i as nano_hero}

package/dist/nano-components/nano-icon-item.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Custom elements for Nanopore-Digital Web applications
+ */
+import{r as o}from"./index-CFYZ-ZOT.js";const t=class{constructor(t){o(this,t)}layout="portrait";size="regular"};t.style=":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}";export{t as nano_icon_item}

package/dist/nano-components/nano-icon_3.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Custom elements for Nanopore-Digital Web applications
+ */
+import{l as t,r as o,c as i,a as n,d as r}from"./index-CFYZ-ZOT.js";import{h as e}from"./renderer-LJzCFyMt.js";import{P as a}from"./popover-D1cBIHdr.js";let s;const l=(t,o)=>(t||!o||p(o)||(t=o),d(t)&&(t=h(t)),d(t)&&""!==t.trim()?""!==t.replace(/[a-z]|-|\/|\d/gi,"")?(console.warn("invalid characters in icon name "+t),null):t:null),c=t=>d(t)&&(t=t.trim(),p(t))?t:null,p=t=>t.length>0&&/(\/|\.)/.test(t),d=t=>"string"==typeof t,h=t=>t.toLowerCase(),m=t=>{if(1===t.nodeType){if("script"===t.nodeName.toLowerCase())return!1;for(let o=0;o<t.attributes.length;o++){const i=t.attributes[o].value;if(d(i)&&0===i.toLowerCase().indexOf("on"))return!1}for(let o=0;o<t.childNodes.length;o++)if(!m(t.childNodes[o]))return!1}return!0},b=new Map,u=new Map,f=class{constructor(t){o(this,t),this.nanoLoad=i(this,"nanoLoad",7),this.nanoError=i(this,"nanoError",7)}io;get el(){return n(this)}svgContent;isVisible=!1;isLoading=!0;color;role;setAriaLabel(){if(this.ariaLabel||this.el.ariaLabel)"presentation"===this.role&&(this.ariaLabel=void 0);else if(!this.role||"presentation"!==this.role){const t=l(this.name,this.icon);t&&(this.ariaLabel=t.split("/").slice(-1)[0].replace(/-/g," "))}}ariaLabel;updateRole(){this.ariaLabel?this.role="img":this.ariaLabel||(this.role="presentation")}flipRtl;name;src;icon;size="auto";lazy=!0;loadIcon(){if(this.isVisible){const o=(o=>{let i=c(o.src);return i||(i=l(o.name,o.icon),i?(n=i,(()=>{if(!s){const t=window;t.Nanoicons=t.Nanoicons||{},s=t.Nanoicons.map=t.Nanoicons.map||new Map}return s})().get(n)||(n.startsWith("device/")||n.startsWith("pictogram/")?t(`../nano-assets/icon/${n}.svg`):t(`../nano-assets/fontawesome-pro/svgs/${n}.svg`))):o.icon&&(i=c(o.icon),i)?i:null);var n})(this);o&&(b.has(o)?(this.svgContent=b.get(o),requestAnimationFrame((()=>{this.isLoading=!1,this.nanoLoad.emit()}))):(t=>{let o=u.get(t);return o||(o=fetch(t).then((o=>{if(o.ok)return o.text().then((o=>{b.set(t,(t=>{if(t){const o=document.createElement("div");o.innerHTML=t;for(let t=o.childNodes.length-1;t>=0;t--)"svg"!==o.childNodes[t].nodeName.toLowerCase()&&o.removeChild(o.childNodes[t]);const i=o.firstElementChild;if(i&&"svg"===i.nodeName.toLowerCase()){const t=i.getAttribute("class")||"";if(i.setAttribute("class",(t+" sc-nano-icon s-nano-icon svg").trim()),m(i))return o.innerHTML}}return""})(o))}));b.set(t,"")})),u.set(t,o)),o})(o).then((()=>{this.svgContent=b.get(o),requestAnimationFrame((()=>{this.isLoading=!1,this.nanoLoad.emit()})),this.setAriaLabel()}),(()=>{this.nanoError.emit()})))}}nanoLoad;nanoError;waitUntilVisible(t,o,i){if(this.lazy&&"undefined"!=typeof window&&window.IntersectionObserver){const n=this.io=new window.IntersectionObserver((t=>{(t[0].isIntersecting||t[1]&&t[1].isIntersecting)&&(n.disconnect(),this.io=void 0,i())}),{rootMargin:o});n.observe(t)}else i()}isRtl(){if("rtl"===this.el.ownerDocument?.dir)return!0;if(this.el.closest('[dir="rtl"]'))return!0;const t=this.el.getRootNode().host;return!(!t||!t.closest('[dir="rtl"]'))}connectedCallback(){this.waitUntilVisible(this.el,"50px",(()=>{this.isVisible=!0,this.loadIcon()}))}disconnectedCallback(){this.io&&(this.io.disconnect(),this.io=void 0)}componentWillLoad(){this.updateRole(),this.setAriaLabel()}render(){const t=this.flipRtl||this.name&&this.name.match(/right|left/)&&(this.name.indexOf("arrow")>-1||this.name.indexOf("chevron")>-1)&&this.isRtl();return e(r,{key:"754a53ed280fd9bcb1dcbec89eba4180f491d1b8",class:{loading:this.isLoading,"flip-rtl":!!t,"nano-icon":!0}},e("div",this.svgContent?{class:"icon-inner",innerHTML:this.svgContent}:{class:"icon-inner"}))}static get assetsDirs(){return["device","pictogram"]}static get watchers(){return{role:["setAriaLabel"],ariaLabel:["updateRole"],name:["loadIcon"],src:["loadIcon"],icon:["loadIcon"]}}};f.style=":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--icon-size:1em;--primary-color:currentcolor\n  --secondary-color: color-mix(in srgb, currentColor 50%, transparent);--primary-opacity:0.8;--secondary-opacity:1;display:inline-block;inline-size:var(--icon-size);block-size:var(--icon-size);min-inline-size:var(--icon-size);min-block-size:var(--icon-size);contain:strict;fill:currentcolor;box-sizing:content-box !important;transition:opacity 0.3s ease;color:currentcolor}:host .nanoicon{stroke:currentcolor}.nanoicon-fill-none{fill:none}.icon-inner,.nanoicon,svg,.svg{display:block;block-size:100%;inline-size:100%;overflow:visible}:host(.loading){opacity:0}.fa-primary{color:var(--primary-color);opacity:var(--primary-opacity, 1)}.fa-secondary{color:var(--secondary-color);opacity:var(--secondary-opacity) !important}:host(.flip-rtl) .icon-inner{transform:scaleX(-1)}:host([name^=pictogram]),:host([name^=device]){font-size:max(var(--nano-pictogram-size-medium), var(--icon-size))}:host([size=small][name^=pictogram]),:host([size=small][name^=device]){font-size:var(--nano-pictogram-size-small)}:host([size=regular]){font-size:var(--nano-icon-size-small)}:host([size=regular][name^=pictogram]),:host([size=regular][name^=device]){font-size:var(--nano-pictogram-size-medium)}:host([size=large]){font-size:var(--nano-icon-size-large)}:host([size=large][name^=pictogram]),:host([size=large][name^=device]){font-size:var(--nano-pictogram-size-large)}:host([size=xl][name^=pictogram]),:host([size=xl][name^=device]){font-size:var(--nano-pictogram-size-x-large)}:host([name^=pictogram]),:host([name^=device]),:host([color=primary]){color:var(--nano-color-primary-1100)}:host([color=neutral]){color:var(--nano-color-base-1000)}";const v=class{constructor(t){o(this,t)}button;get host(){return n(this)}iconName;iconSrc;type="button";name;value;label;showTooltip=!1;disabled=!1;href;rel;target;form;async setFocus(){this.button.focus()}findForm(){const{form:t,host:o}=this;if(!t)return o.closest("form");if(t instanceof HTMLFormElement)return t;if("string"==typeof t){const o=document.getElementById(t);if(o instanceof HTMLFormElement)return o}return null}handleClick=t=>{if("button"===this.type)return;const o=this.findForm();if(o){t.preventDefault();const i=document.createElement("button");i.type=this.type,i.style.display="none",o.appendChild(i),i.click(),i.remove()}};content(){return e(void 0===this.href?"button":"a",{onClick:this.handleClick,part:"base",ref:t=>this.button=t,class:{"icon-button":!0,"icon-button--disabled":this.disabled},name:this.name,value:this.value,href:this.href||void 0,target:this.href&&this.target?this.target:void 0,rel:this.rel||void 0,type:!this.href&&this.type?this.type:void 0},e("span",{class:"icon-button__label"},this.label),e("nano-icon",{name:this.iconName,src:this.iconSrc,"aria-hidden":"true",lazy:!1,part:"icon"}))}render(){return e(r,{class:"nano-icon-button","aria-disabled":this.disabled?"true":null},this.showTooltip?e("nano-tooltip",{content:this.label},this.content()):this.content())}};v.style=":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--border-radius:none;--active-color:var(--nano-color-neutral-800);--hover-color:var(--nano-color-primary-1100);--padding:var(--nano-spacing-xs);--box-shadow:none;--button-bg:transparent;color:currentcolor;border-radius:var(--border-radius);display:inline-block}.icon-button{flex:0 0 auto;display:flex;align-items:center;border:none;border-radius:inherit;background:var(--button-bg);font-size:inherit;color:inherit;padding:var(--padding);cursor:pointer;appearance:none;box-shadow:var(--box-shadow)}.icon-button:hover:not(.icon-button--disabled),.icon-button:focus:not(.icon-button--disabled){color:var(--hover-color)}.icon-button:active:not(.icon-button--disabled){color:var(--active-color)}.icon-button:focus-visible:not(.icon-button--disabled){outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.icon-button__label{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}:host([disabled]:not([disabled=false])){opacity:0.5;cursor:not-allowed}.icon-button--disabled{pointer-events:none}";const g=class{constructor(t){o(this,t),this.nanoShow=i(this,"nanoShow",7),this.nanoAfterShow=i(this,"nanoAfterShow",7),this.nanoHide=i(this,"nanoHide",7),this.nanoAfterHide=i(this,"nanoAfterHide",7)}isVisible=!1;popover;tooltipPositioner;tooltip;_target;get target(){return this._target}set target(t){t!==this._target&&this._target&&this._target.removeAttribute("aria-label"),t.setAttribute("aria-label",this.label),this._target=t}label="";get host(){return n(this)}content="";setLabel(){const t=Array.from(this.host.querySelectorAll('[slot="content"]')).map((t=>t.textContent)).join(" ").trim();(this.target||(this.target=this.getTarget(),this.target))&&(this.label=t||this.content,this.target.setAttribute("aria-label",this.label))}placement="top";disabled=!1;distance=10;open=!1;skidding=0;hoist=!1;trigger="hover focus";handleOpenChange(){this.open?this.show():this.hide()}nanoShow;nanoAfterShow;nanoHide;nanoAfterHide;async show(){this.isVisible||this.disabled||(this.nanoShow.emit().defaultPrevented?this.open=!1:(this.isVisible=!0,this.open=!0,"function"==typeof this.tooltipPositioner?.showPopover?(this.hoist=!0,this.popover.show(),this.tooltipPositioner.showPopover()):this.popover.show()))}async hide(){this.isVisible&&(this.nanoHide.emit().defaultPrevented?this.open=!0:(this.isVisible=!1,this.open=!1,this.popover.hide(),setTimeout((()=>{this.open||"function"!=typeof this.tooltipPositioner?.hidePopover||this.tooltipPositioner.hidePopover()}),300)))}getTarget(){let t=Array.from(this.host.children);t=t.flatMap((t=>{const o=getComputedStyle(t).display;return"none"===o?[]:"contents"===o&&t.children?.length?Array.from(t.children):t}));const o=t.find((t=>"style"!==t.tagName.toLowerCase()&&"content"!==t.getAttribute("slot")));if(!o)throw new Error("Invalid tooltip target: no child element was found.");return o}hasTrigger(t){return this.trigger.split(" ").includes(t)}syncOptions(){this.popover.setOptions({strategy:this.hoist?"fixed":"absolute",placement:this.placement,distance:this.distance,skidding:this.skidding,transitionElement:this.tooltip,onAfterHide:()=>this.nanoAfterHide.emit(),onAfterShow:()=>this.nanoAfterShow.emit()})}handleBlur=()=>{this.hasTrigger("focus")&&this.hide()};handleClick=()=>{this.hasTrigger("click")&&(this.open?this.hide():this.show())};handleFocus=()=>{this.hasTrigger("focus")&&this.show()};handleKeyDown=t=>{this.open&&"Escape"===t.key&&(t.stopPropagation(),this.hide())};handleMouseOver=()=>{this.hasTrigger("hover")&&this.show()};handleMouseOut=()=>{this.hasTrigger("hover")&&this.hide()};handleSlotChange=()=>{this.target=this.getTarget()};componentDidLoad(){this.target=this.getTarget(),this.popover=new a(this.target,this.tooltipPositioner,{sameWidth:!1}),this.syncOptions(),this.setLabel(),this.tooltipPositioner.hidden=!this.open,this.open&&this.show()}componentDidUpdate(){this.syncOptions()}disconnectedCallback(){this.popover&&this.popover.destroy()}render(){return e(r,{key:"46e02e20dbf3922cfd6accd2a1b458a7acc7f7d7",onKeyDown:this.handleKeyDown,onMouseOver:this.handleMouseOver,onMouseOut:this.handleMouseOut,onBlur:this.handleBlur,onFocus:this.handleFocus,onClick:this.handleClick,class:"nano-tooltip"},e("slot",{key:"ab5a74099fab3ada3560426bea7ec8d2a646b9b3",onSlotchange:this.handleSlotChange}),e("div",{key:"b3dbae1010de35f3583d5c74488ffef20d5e23bd",ref:t=>this.tooltipPositioner=t,class:"tooltip-positioner",popover:"manual"},e("div",{key:"b2280419b506610603bbb3ce6db3e25c3a6fc12a",part:"base",ref:t=>this.tooltip=t,class:{tooltip:!0,"tooltip--open":this.open},role:"tooltip","aria-hidden":this.open?"false":"true"},e("slot",{key:"86b3f1f338cbc8b37223253fde3e9588c9e43601",name:"content",onSlotchange:()=>this.setLabel()},this.content),e("div",{key:"8566c4ea2d7ebbb476de6b127f7d0750ec38c450",class:"tooltip-arrow","data-popper-arrow":!0}))))}static get watchers(){return{content:["setLabel"],open:["handleOpenChange"]}}};g.style=':host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--border-radius:0px;--max-width:20rem;--hide-delay:var(--nano-transition-x-fast);--hide-duration:var(--nano-transition-x-fast);--hide-timing-function:ease;--show-delay:var(--nano-transition-x-fast);--show-duration:var(--nano-transition-x-fast);--show-timing-function:ease;--background:var(--nano-color-neutral-1200);--color:var(--nano-color-base-0);--padding:var(--nano-spacing-sm);--arrow-size:5px;--arrow-offset:5px;display:contents}.tooltip-arrow{content:"";position:absolute;color:var(--background);transform:none !important;inset-inline-start:unset !important}.tooltip{max-inline-size:var(--max-width);border-radius:var(--border-radius);background-color:var(--background);font-size:var(--nano-font-size-2xs);line-height:1.5;color:var(--color);opacity:0;padding:var(--padding);transform:translateY(10px) translateZ(0);transform-origin:bottom;transition:opacity, transform var(--hide-duration) var(--hide-timing-function) var(--hide-delay);white-space:normal;transition-delay:var(--show-delay);transition-duration:var(--show-duration);transition-timing-function:var(--show-timing-function)}.tooltip ::slotted(*){color:inherit;font-size:inherit;line-height:inherit}.tooltip-positioner{position:absolute;z-index:var(--nano-z-index-tooltip);border:0;background:none;padding:0;overflow:visible;color:unset}.tooltip-positioner::backdrop{display:none}.tooltip-positioner[popover],.tooltip-positioner:popover-open{inset:unset}.tooltip-positioner[data-popper-placement^=top] .tooltip{transform-origin:bottom;transform:translateY(-10px) translateZ(0)}.tooltip-positioner[data-popper-placement^=bottom] .tooltip{transform-origin:top}.tooltip-positioner[data-popper-placement^=left] .tooltip{transform-origin:right}.tooltip-positioner[data-popper-placement^=right] .tooltip{transform-origin:left}.tooltip-positioner.popover-visible .tooltip{opacity:1;transform:none}.tooltip-positioner[data-popper-placement^=bottom] .tooltip-arrow{inset-block-end:100%;inset-inline-start:calc(50% - var(--arrow-size)) !important;border-block-end:var(--arrow-size) solid;border-inline-start:var(--arrow-size) solid transparent;border-inline-end:var(--arrow-size) solid transparent}.tooltip-positioner[data-popper-placement=bottom-start] .tooltip-arrow{inset-inline-start:var(--arrow-offset) !important}.tooltip-positioner[data-popper-placement=bottom-end] .tooltip-arrow{inset-inline:auto var(--arrow-offset) !important}.tooltip-positioner[data-popper-placement^=top] .tooltip-arrow{inset-block-start:100%;inset-inline-start:calc(50% - var(--arrow-size)) !important;border-block-start:var(--arrow-size) solid;border-inline-start:var(--arrow-size) solid transparent;border-inline-end:var(--arrow-size) solid transparent}.tooltip-positioner[data-popper-placement=top-start] .tooltip-arrow{inset-inline-start:var(--arrow-offset) !important}.tooltip-positioner[data-popper-placement=top-end] .tooltip-arrow{inset-inline:auto var(--arrow-offset) !important}.tooltip-positioner[data-popper-placement^=left] .tooltip-arrow{inset-block-start:calc(50% - var(--arrow-size)) !important;inset-inline-start:100% !important;border-inline-start:var(--arrow-size) solid;border-block-start:var(--arrow-size) solid transparent;border-block-end:var(--arrow-size) solid transparent}.tooltip-positioner[data-popper-placement=left-start] .tooltip-arrow{inset-block-start:var(--arrow-offset) !important}.tooltip-positioner[data-popper-placement=left-end] .tooltip-arrow{inset-block:auto var(--arrow-offset) !important}.tooltip-positioner[data-popper-placement^=right] .tooltip-arrow{inset-block-start:calc(50% - var(--arrow-size)) !important;inset-inline-end:100% !important;border-inline-end:var(--arrow-size) solid;border-block-start:var(--arrow-size) solid transparent;border-block-end:var(--arrow-size) solid transparent}.tooltip-positioner[data-popper-placement=right-start] .tooltip-arrow{inset-block-start:var(--arrow-offset) !important}.tooltip-positioner[data-popper-placement=right-end] .tooltip-arrow{inset-block:auto var(--arrow-offset) !important}';export{f as nano_icon,v as nano_icon_button,g as nano_tooltip}

package/dist/nano-components/nano-in-page-nav.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Custom elements for Nanopore-Digital Web applications
+ */
+import{r as t,a,d as e}from"./index-CFYZ-ZOT.js";import{h as o}from"./renderer-LJzCFyMt.js";import{H as r}from"./slot-DBzVpliZ.js";const n=class{constructor(a){t(this,a)}breakpoint=767;stickyHeaders=!0;get el(){return a(this)}isMobile=window.innerWidth<=this.breakpoint;stickyClass="sticky";stuckClass="stuck";stickyObserver;slotCtrl=new r(this,"[default]","mobile","back","accessory");componentDidLoad(){this.updateNavForBreakpoint(),window.addEventListener("resize",this.updateNavForBreakpoint)}updateNavForBreakpoint=()=>{this.isMobile=window.innerWidth<=this.breakpoint,this.isMobile?this.slotCtrl.has("mobile")||this.transformToMobile():this.transformToDesktop(),this.isMobile&&this.stickyHeaders&&this.initStickiness()};initStickiness(){let t=0;const a=this.isMobile&&this.slotCtrl.has("mobile")?this.el.shadowRoot?.querySelectorAll(".details-wrapper"):this.el.querySelectorAll(".details-wrapper");a?.length&&(a.forEach((t=>{t.classList.add(this.stickyClass)})),this.stickyObserver=new IntersectionObserver((a=>{const e=window.pageYOffset||document.documentElement.scrollTop;a.forEach((a=>{const o=a.target;a.intersectionRatio<1?e>t?(o.classList.add(this.stuckClass),o.classList.remove("hidden")):o.classList.add("hidden"):(o.classList.remove(this.stuckClass),o.classList.remove("hidden"))})),t=e<=0?0:e}),{threshold:[1],root:this.el.closest("nav"),rootMargin:"0px 0px 0px 0px"}),a.forEach((t=>{this.stickyObserver.observe(t)})))}disconnectedCallback(){this.stickyObserver&&this.stickyObserver.disconnect(),this.updateNavForBreakpoint&&window.removeEventListener("resize",this.updateNavForBreakpoint)}transformToMobile(){const t=this.el.shadowRoot?.querySelector("slot:not([name])");(t?.assignedElements({flatten:!0})?.filter((t=>"UL"===t.tagName))||[]).forEach((t=>{if(!(t instanceof HTMLUListElement))return;t.querySelectorAll(":scope > li").forEach((t=>{const a=t.querySelector(":scope > a"),e=t.querySelector(":scope > ul");if(a&&e&&!t.querySelector(":scope > nano-details")){const o=this.createDetails(a.textContent?.trim()||"",e,a.attributes);a.remove(),t.prepend(o)}}));const a=t.parentElement;if(!a)return;a.removeChild(t);const e=this.createDetails("Menu",t);e.classList.add("details-wrapper"),e.appendChild(t),a.appendChild(e)}))}createDetails(t,a,e){const o=document.createElement("nano-details");return o.setAttribute("label",t),e&&Array.from(e).forEach((t=>{o.setAttribute(`data-link-${t.name}`,t.value)})),o.appendChild(a),o}transformToDesktop(){const t=this.el.shadowRoot?.querySelector("slot:not([name])");(t?.assignedElements({flatten:!0})?.filter((t=>"nano-details"===t.tagName.toLowerCase()))||[]).forEach((t=>{if(!(t instanceof HTMLElement))return;t.querySelector("ul").querySelectorAll(":scope > li").forEach((t=>{const a=t.querySelector("nano-details");if(!a)return;const e=a.querySelector("ul"),o=a?.getAttribute("label"),r=a?.getAttribute("data-href")||"#";if(e&&o){const n=document.createElement("a");n.textContent=o,n.href=r,Array.from(a.attributes).forEach((t=>{t.name.startsWith("data-link-")&&n.setAttribute(t.name.replace("data-link-",""),t.value)})),t.prepend(n),t.appendChild(e),a.remove()}}));const a=t.parentElement;if(!a)return;a.removeChild(t);const e=t.querySelector("ul");e&&(a.appendChild(e),t.remove())}))}render(){return o(e,{key:"92552373d8a09fb223e32246547a8d134cb09da2",class:"nano-in-page-nav"},o("nav",{key:"6fa0d66432e09b4a3e744f2d9e6c90d2d589f1b2",part:"root"},(this.slotCtrl.has("back")||this.slotCtrl.has("accessory"))&&o("div",{key:"1c596d58e78b17a8ba5e408a5156a6be59cf1765",class:"header"},o("slot",{key:"9d6b924c2a24e85681564744a3667eb23692ae07",name:"back"}),o("slot",{key:"c3f9a3a6f2879054df7b50074872a3341d02f0f5",name:"accessory"})),this.slotCtrl.has("mobile")&&this.isMobile?o("nano-details",{label:"Menu",class:this.stickyHeaders?`details-wrapper ${this.stickyClass}`:"details-wrapper"},o("slot",{name:"mobile"})):o("slot",null)))}};n.style=':host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host nav{background-color:var(--color-bg);padding:0}:host nav:has(nano-details){padding:0}:host .details-wrapper{--padding:0;--btn-bg-color:transparent;--btn-bg-color--hover:transparent;--btn-text-color:var(--color-text);border:none}:host .details-wrapper::part(header),:host .details-wrapper [part~="header"]{font-size:var(--font-size);line-height:var(--line-height);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);padding:var(--spacing-l2)}:host .details-wrapper[open]::part(header),:host .details-wrapper[open] [part~="header"]{background-color:var(--nano-color-primary-75)}:host .details-wrapper::part(content),:host .details-wrapper [part~="content"]{padding:0}:host .details-wrapper::part(body),:host .details-wrapper [part~="body"]{padding:0}:host .header{padding:var(--spacing-l2) var(--spacing-l2) 0;display:flex;flex-direction:column;gap:var(--spacing-l2);font-size:var(--font-size)}:host .header ::slotted(a[slot=back]),:host .header::slotted(a[slot=back]){display:flex !important;align-items:center !important;padding:0 !important;margin:0;gap:var(--spacing-l3) !important;cursor:pointer}:host .header ::slotted(a[slot=back])::before,:host .header::slotted(a[slot=back])::before{content:"";display:inline-block;background-size:cover;inline-size:1rem;block-size:1rem;background-color:var(--color-primary);-webkit-mask-image:var(--nano-component-icon-chevron);mask-image:var(--nano-component-icon-chevron);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transform-origin:center;rotate:calc(180deg * var(--flip-icon-ltr))}:host nav:has(.details-wrapper[open]){box-shadow:var(--nano-shadow-l1)}:host .details-wrapper.sticky.stuck[open]::part(header),:host .details-wrapper.sticky.stuck[open] [part~="header"]{z-index:var(--nano-z-index-menubar);inset-block-start:0;position:sticky;box-shadow:var(--nano-shadow-l1);padding:var(--spacing-l2)}';export{n as nano_in_page_nav}

package/dist/nano-components/nano-intersection-observe.entry.js

@@ -1,5 +1,4 @@
 /*!
- * Web Components for Nanopore digital Web Apps
+ * Custom elements for Nanopore-Digital Web applications
  */
-import{r as t,c as e,g as s,a as n}from"./index-6cc72cd9.js";import{h as i}from"./renderer-4bc3e2dc.js";import{f as h}from"./scroll-parent-be39fbd0.js";const r=class{constructor(s){t(this,s);this.nanoIntersectionChange=e(this,"nanoIntersectionChange",7);this.nanoIntersecting=e(this,"nanoIntersecting",7);this.nanoNotIntersecting=e(this,"nanoNotIntersecting",7)}io;_root;_threshold;defaultSlot;get observerOptions(){const t={};if(this._root)t.root=this._root;if(this.rootMargin)t.rootMargin=this.rootMargin;if(this.threshold)t.threshold=this._threshold;return t}get elements(){const t=this.defaultSlot?.assignedElements()||[];return t.flatMap((t=>{const e=getComputedStyle(t);if(e.display.includes("contents"))return Array.from(t.children);else return t}))}get host(){return s(this)}root="auto";handleRootChange(){if(!this.root){this._root=undefined;this.removeIO();return}let t;if(this.root==="auto"){t=h(this.host)}else if(this.root==="root"){t=undefined}else{t=this.root}if(t===document.documentElement)t=undefined;if(t===this._root)return;this._root=t;this.addIO()}rootMargin;threshold;handleThresholdChange(){if(!this.threshold){this._threshold=undefined;return}if(this.threshold.includes(",")){this._threshold=this.threshold.split(",").map((t=>Number(t)));return}this._threshold=Number(this.threshold)}nanoIntersectionChange;nanoIntersecting;nanoNotIntersecting;ioCallback=t=>{t.forEach((t=>{this.nanoIntersectionChange.emit(t);if(t.isIntersecting)this.nanoIntersecting.emit(t);if(!t.isIntersecting)this.nanoNotIntersecting.emit(t)}))};handleSlotChange=()=>{this.addIO()};addIO(){if(!window["IntersectionObserver"]||!this.elements?.length)return;if(this.io)this.removeIO();const t=this.io=new IntersectionObserver(this.ioCallback,this.observerOptions);this.elements?.forEach((e=>{t.observe(e)}))}removeIO(){if(!this.io)return;this.io.disconnect();this.io=undefined}connectedCallback(){this.handleThresholdChange();this.handleRootChange()}disconnectedCallback(){this.removeIO();this.root=this._root=undefined}render(){return i(n,{key:"a6ac2318115344404b0d91677eac05466c547939",class:"nano-intersection-observe"},i("slot",{key:"a215889a8c84c513aabea882ac3e3c27879a435f",ref:t=>this.defaultSlot=t,onSlotchange:this.handleSlotChange}))}static get watchers(){return{root:["handleRootChange"],threshold:["handleThresholdChange"],defaultSlot:["addIO"]}}};r.style="nano-intersection-observe { display: contents }";export{r as nano_intersection_observe};
-//# sourceMappingURL=nano-intersection-observe.entry.js.map
+import{r as t,c as s,a as e,d as i}from"./index-CFYZ-ZOT.js";import{h as o}from"./renderer-LJzCFyMt.js";import{f as n}from"./scroll-BRRzrkAi.js";import"./dom-CF0Ycs9M.js";const h=class{constructor(e){t(this,e),this.nanoIntersectionChange=s(this,"nanoIntersectionChange",7),this.nanoIntersecting=s(this,"nanoIntersecting",7),this.nanoNotIntersecting=s(this,"nanoNotIntersecting",7)}io;_root;_threshold;defaultSlot;get observerOptions(){const t={};return this._root&&(t.root=this._root),this.rootMargin&&(t.rootMargin=this.rootMargin),this.threshold&&(t.threshold=this._threshold),t}get elements(){return(this.defaultSlot?.assignedElements()||[]).flatMap((t=>getComputedStyle(t).display.includes("contents")?Array.from(t.children):t))}get host(){return e(this)}root="auto";handleRootChange(){if(!this.root)return this._root=void 0,void this.removeIO();let t;"auto"===this.root?t=n(this.host):"root"===this.root?t=void 0:"string"==typeof this.root?(t=this.host.closest(this.root),t||(console.warn(`nano-intersection-observe: root element "${this.root}" not found.`),t=void 0)):t=this.root,t===document.documentElement&&(t=void 0),t!==this._root&&(this._root=t,this.addIO())}rootMargin;threshold;handleThresholdChange(){this._threshold=this.threshold?this.threshold.includes(",")?this.threshold.split(",").map((t=>Number(t))):Number(this.threshold):void 0}nanoIntersectionChange;nanoIntersecting;nanoNotIntersecting;ioCallback=t=>{t.forEach((t=>{this.nanoIntersectionChange.emit(t),t.isIntersecting&&this.nanoIntersecting.emit(t),t.isIntersecting||this.nanoNotIntersecting.emit(t)}))};handleSlotChange=()=>{this.addIO()};addIO(){if(!window.IntersectionObserver||!this.elements?.length)return;this.io&&this.removeIO();const t=this.io=new IntersectionObserver(this.ioCallback,this.observerOptions);this.elements?.forEach((s=>{t.observe(s)}))}removeIO(){this.io&&(this.io.disconnect(),this.io=void 0)}connectedCallback(){this.handleThresholdChange(),this.handleRootChange()}disconnectedCallback(){this.removeIO(),this.root=this._root=void 0}render(){return o(i,{key:"4bd6cf4cc8888421ec7879e22fc24886838bd091",class:"nano-intersection-observe"},o("slot",{key:"afc52867f75d9f3679470f016c49eb9c4af6f6db",ref:t=>this.defaultSlot=t,onSlotchange:this.handleSlotChange}))}static get watchers(){return{root:["handleRootChange"],threshold:["handleThresholdChange"],defaultSlot:["addIO"]}}};h.style="nano-intersection-observe { display: contents }";export{h as nano_intersection_observe}

package/dist/nano-components/nano-masked-overflow.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Custom elements for Nanopore-Digital Web applications
+ */
+import{r as t,a as i,d as a}from"./index-CFYZ-ZOT.js";import{h as o}from"./renderer-LJzCFyMt.js";import{g as s,a as n}from"./dom-CF0Ycs9M.js";import{d as e}from"./throttle-C93FMm2Z.js";import{s as r}from"./scroll-BRRzrkAi.js";const l=class{label;scrollControls=!0;orientation="horizontal";showIndicator=!1;hideScrollbars;watchHideScrollbars(){null==this.hideScrollbars&&(this.hideScrollbars="vertical"!==this.orientation)}activeHandler=t=>t.classList.add("active");inactiveHandler=t=>t.classList.remove("active");isActiveHandler=t=>t.classList.contains("active");watchIsActiveHandler(){this.instantReCalc=!0,this.activeItem=this.allActiveItems.find(((t,i)=>this.isActiveHandler(t,i))),setTimeout((()=>this.instantReCalc=!1),300)}async syncActiveItem(){this.activeItem=this.allActiveItems.find(((t,i)=>this.isActiveHandler(t,i)))}constructor(i){t(this,i),this.recalculatePositions=e(this.recalculatePositions.bind(this),80)}ro;nav;itemContainer;isRtl;endBtn;startBtn;activeIndicator;mutationObservers=new WeakMap;get scrollProp(){return"horizontal"===this.orientation?"scrollWidth":"scrollHeight"}get clientDimensionProp(){return"horizontal"===this.orientation?"clientWidth":"clientHeight"}get scrollOffset(){return"horizontal"===this.orientation?"scrollLeft":"scrollTop"}get host(){return i(this)}instantReCalc=!1;hasScrollControls=!1;watchScrollControls(){this.hasScrollControls?this.handleScroll():this.hideControlStart=this.hideControlEnd=!0}hideControlEnd=!0;hideEndBtn(){this.endBtn&&this.activateBtn(this.endBtn,!this.hideControlEnd)}hideControlStart=!0;hideStartBtn(){this.startBtn&&this.activateBtn(this.startBtn,!this.hideControlStart)}activateBtn(t,i=!0){if(!i)return t.tabIndex=-1,t.disabled=!0,void t.classList.remove("is-shown");t.removeAttribute("tabindex"),t.disabled=!1,t.classList.add("is-shown")}get allActiveItems(){return this.allItems.filter((t=>!t.disabled||t.classList.contains("disabled")))}get allItems(){return s(this.host,"*","slot")}get activeItem(){return this._activeItem}set activeItem(t){t&&t!==this.activeItem&&!t.disabled&&this.allActiveItems.includes(t)&&(this._activeItem=t,this.allActiveItems.forEach(((t,i)=>{t===this._activeItem?this.activeHandler(t,i):this.inactiveHandler(t,i)})),this.recalculatePositions())}_activeItem;get navDim(){if(!this.nav)return 0;const t=getComputedStyle(this.nav);let i=this.nav[this.clientDimensionProp];return"horizontal"===this.orientation?i-(parseFloat(t.paddingLeft)+parseFloat(t.paddingRight)):i-(parseFloat(t.paddingTop)+parseFloat(t.paddingBottom))}scrollToActiveItem(){this.nav&&this.activeItem&&this.hasScrollControls&&r(this.activeItem,this.nav,this.orientation,"center")}syncActiveItemIndicator(){if(!this.activeItem||!this.showIndicator)return;const t=this.activeItem,i=t.clientWidth||0,a=t.clientHeight+2||0,o=n(t,this.itemContainer);if(!this.activeIndicator)return;const s=o.top,e=o.left;switch(this.instantReCalc&&(this.activeIndicator.style.transition="none"),this.orientation){case"horizontal":this.activeIndicator.style.width=`${i}px`,this.activeIndicator.style.height=null,this.activeIndicator.style.transform=`translateX(${e}px)`;break;case"vertical":this.activeIndicator.style.width=null,this.activeIndicator.style.height=`${a}px`,this.activeIndicator.style.transform=`translateY(${s}px)`}setTimeout((()=>this.activeIndicator.style.transition=null),400)}updateScrollControls=()=>{this.nav&&(this.hasScrollControls=this.nav[this.scrollProp]>this.nav[this.clientDimensionProp]&&this.nav[this.scrollProp]>=this.itemContainer[this.clientDimensionProp],this.handleScroll())};handleScroll=()=>{if(!this.hasScrollControls)return void(this.hideControlStart=this.hideControlEnd=!0);const t=this.isRtl?0===this.nav[this.scrollOffset]:Math.abs(this.nav[this.clientDimensionProp]-(this.nav[this.scrollProp]-this.nav[this.scrollOffset]))<2;(this.isRtl?Math.abs(this.nav[this.scrollProp]+this.nav[this.scrollOffset]-this.nav[this.clientDimensionProp])<2:0===this.nav[this.scrollOffset])?(this.hideControlStart=!0,this.hideControlEnd=!1):t?(this.hideControlStart=!1,this.hideControlEnd=!0):(this.hideControlEnd=!1,this.hideControlStart=!1)};handleBtnClick=(t=!1)=>{const i=this.navDim;let a;a=t?this.nav[this.scrollOffset]+i-20:this.nav[this.scrollOffset]-i+20;try{this.nav.scroll({left:"horizontal"===this.orientation?a:0,top:"vertical"===this.orientation?a:0,behavior:"smooth"})}catch(t){this.nav[this.scrollOffset]=a}};slotChangeHandler=()=>{if(this.allActiveItems.length<2)return;const t=this.allActiveItems.find(((t,i)=>this.isActiveHandler(t,i)));t&&(this.activeItem=t),this.recalculatePositions(),this.showIndicator&&this.allActiveItems.forEach((t=>{if(this.mutationObservers.get(t))return;const i=new MutationObserver((()=>this.syncActiveItemIndicator()));i.observe(t,{characterData:!0,childList:!0,subtree:!0}),this.mutationObservers.set(t,i)}))};handleClick=t=>{if(this.allActiveItems.length<2)return;const i=t.composedPath().find((t=>this.allActiveItems.includes(t)));i&&(this.activeItem=i)};handleKeyDown=t=>{if(["Enter"," "].includes(t.key)){const i=t.composedPath().find((t=>this.allActiveItems.includes(t)));i&&(this.activeItem=i)}};recalculatePositions=()=>{this.updateScrollControls(),this.syncActiveItemIndicator(),this.scrollToActiveItem()};connectedCallback(){this.instantReCalc=!0,this.isRtl="horizontal"===this.orientation&&!!this.host.closest('[dir="rtl"]'),window.MutationObserver&&this.slotChangeHandler(),window.ResizeObserver&&(this.ro&&(this.ro.disconnect(),this.ro=void 0),(this.ro=new ResizeObserver(this.recalculatePositions)).observe(this.host))}componentWillLoad(){this.watchHideScrollbars()}componentDidLoad(){this.activeItem=this.allActiveItems.find(((t,i)=>this.isActiveHandler(t,i))),requestAnimationFrame((()=>this.instantReCalc=!1))}disconnectedCallback(){this.ro&&(this.ro.disconnect(),this.ro=void 0)}render(){return o(a,{key:"95eee57fdc7f8527fbbe4b6d9fbf6f48d5764ac8",dir:this.isRtl?"rtl":null,class:"nano-masked-overflow","has-scroll-controls":this.hasScrollControls},o("div",{key:"fb8fb3b5946a4ce7b8b144df89541012c44d9aff",part:"base",class:{onav:!0,[`onav--${this.orientation}`]:!0,"onav--has-scroll-controls":this.hasScrollControls,"onav--has-scroll-controls-start":!this.hideControlStart,"onav--has-scroll-controls-end":!this.hideControlEnd,"onav--no-transitions":this.instantReCalc,"onnav--has-indicator":this.showIndicator,"onnav--hide-scrollbars":this.hideScrollbars},onClick:this.handleClick,onKeyDown:this.handleKeyDown},o("div",{key:"23da0af8abf895a7bb2b158965f9ef955e798e0c",class:"onav__nav"},this.scrollControls&&o("nano-icon-button",{key:"28573455243fe42c090dbcdb569d376a7f9d5eb3",part:"scroll-button scroll-button-prev",class:{"onav__scroll-button":!0,"onav__scroll-button--start":!0},ref:t=>this.startBtn=t,onClick:()=>this.handleBtnClick(!1),label:"Click to scroll",iconName:"horizontal"===this.orientation?"light/chevron-left":"light/chevron-up"}),o("div",{key:"b1c4626550336c2723ef68df1f4b5a3034c383d5",part:"scroller",ref:t=>this.nav=t,class:"onav__scroller",onScroll:this.handleScroll,tabindex:this.hasScrollControls?0:void 0,role:"region","aria-label":this.label||void 0},o("div",{key:"c751fd48b83e957c156448841939df286dff0c37",part:"items",ref:t=>this.itemContainer=t,class:"onav__items"},this.showIndicator&&o("div",{key:"059962178e1c122d95ebbcfb8b98114b0507d3df",part:"indicator",ref:t=>this.activeIndicator=t,class:"onav__active-indicator"}),o("slot",{key:"6cc5fe32c97aa75700feea39cd6d77d18c968c80",onSlotchange:this.slotChangeHandler}))),this.scrollControls&&o("nano-icon-button",{key:"fe8b6ee6f86a8d96a2ed8a79f2ebd292a6432e95",part:"scroll-button scroll-button-next",class:{"onav__scroll-button":!0,"onav__scroll-button--end":!0},ref:t=>this.endBtn=t,onClick:()=>this.handleBtnClick(!0),label:"Click to scroll",iconName:"horizontal"===this.orientation?"light/chevron-right":"light/chevron-down"}))))}static get watchers(){return{hideScrollbars:["watchHideScrollbars"],isActiveHandler:["watchIsActiveHandler"],hasScrollControls:["watchScrollControls"],hideControlEnd:["hideEndBtn"],hideControlStart:["hideStartBtn"]}}};l.style=':host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--indicator-transition:var(--nano-transition-fast);--indicator-color:var(--nano-color-primary-1000);--indicator-size:3px;--indicator-track-color:var(--nano-color-neutral-300);--indicator-track-size:var(--indicator-size);--scroll-btn-color:var(--nano-color-primary-1200);--scroll-btn-size:1rem;--fade-size:100px;position:relative;z-index:var(--nano-z-index-raised)}:host([orientation=horizontal]){display:block}:host([orientation=vertical]){display:flex}.onav--no-transitions *{transition-duration:0s !important}.onav__nav:has(.onav__scroller:focus-visible){outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.onav__scroller{scrollbar-width:thin;overflow:auto;display:flex;transition:var(--nano-transition-fast) ease}.onav__scroller:focus{outline:none}.onnav--hide-scrollbars .onav__scroller{scrollbar-width:none;-ms-overflow-style:none}.onnav--hide-scrollbars .onav__scroller::-webkit-scrollbar{inline-size:0;block-size:0}.onav__items{flex:1 1 auto;position:relative;inline-size:auto;flex-wrap:nowrap;display:flex}.onnav--has-indicator .onav__items::before{content:"";background:var(--indicator-track-color);display:block;position:absolute;z-index:1}.onav__active-indicator{position:absolute;z-index:10;transition:var(--indicator-transition) transform ease, var(--indicator-transition) width ease, var(--indicator-transition) height ease}.nano-icon-button.onav__scroll-button{display:flex;align-items:center;justify-content:center;position:absolute;border:unset;z-index:2;transition:var(--nano-transition-fast) ease opacity;opacity:0;color:var(--scroll-btn-color);font-size:var(--scroll-btn-size);pointer-events:none}.nano-icon-button.onav__scroll-button.is-shown{opacity:1;pointer-events:all}.onav--horizontal.onav--has-scroll-controls .onav__scroller{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(var(--fade-size) * 0.2), rgb(0, 0, 0) var(--fade-size), rgb(0, 0, 0) calc(100% - var(--fade-size)), rgba(0, 0, 0, 0) calc(100% - var(--fade-size) * 0.2), rgba(0, 0, 0, 0) 100%);mask-image:linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(var(--fade-size) * 0.2), rgb(0, 0, 0) var(--fade-size), rgb(0, 0, 0) calc(100% - var(--fade-size)), rgba(0, 0, 0, 0) calc(100% - var(--fade-size) * 0.2), rgba(0, 0, 0, 0) 100%)}.onav--horizontal.onav--has-scroll-controls-start .onav__scroller{-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:calc(100% + var(--fade-size) * 2);mask-size:calc(100% + var(--fade-size) * 2)}.onav--horizontal.onav--has-scroll-controls-end .onav__scroller{-webkit-mask-position:calc(var(--fade-size) * -2) 0;mask-position:calc(var(--fade-size) * -2) 0;-webkit-mask-size:calc(100% + var(--fade-size) * 2);mask-size:calc(100% + var(--fade-size) * 2)}.onav--horizontal.onav--has-scroll-controls-start.onav--has-scroll-controls-end .onav__scroller{-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100%;mask-size:100%}.onav--horizontal .onav__items{flex-direction:row}.onnav--has-indicator .onav--horizontal .onav__items::before{content:"";inline-size:100%;block-size:var(--indicator-track-size);inset-block-end:0}.onav--horizontal .onav__active-indicator{inset-block-end:0;border-block-end:solid var(--indicator-size) var(--indicator-color)}.onav--horizontal .onav__scroll-button{inset-block:0}.onav--horizontal .onav__scroll-button--start{inset-inline-start:0}.onav--horizontal .onav__scroll-button--end{inset-inline-end:0}.onav--vertical{--fade-size:70px;inline-size:100%;display:flex}.onav--vertical .onav__nav{max-block-size:100%;display:flex}.onav--vertical .onav__scroller{inline-size:100%;flex-direction:column}.onav--vertical.onav--has-scroll-controls .onav__scroller{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(var(--fade-size) * 0.2), rgb(0, 0, 0) var(--fade-size), rgb(0, 0, 0) calc(100% - var(--fade-size)), rgba(0, 0, 0, 0) calc(100% - var(--fade-size) * 0.2), rgba(0, 0, 0, 0) 100%);mask-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(var(--fade-size) * 0.2), rgb(0, 0, 0) var(--fade-size), rgb(0, 0, 0) calc(100% - var(--fade-size)), rgba(0, 0, 0, 0) calc(100% - var(--fade-size) * 0.2), rgba(0, 0, 0, 0) 100%)}.onav--vertical.onav--has-scroll-controls-start .onav__scroller{-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% calc(100% + var(--fade-size) * 2);mask-size:100% calc(100% + var(--fade-size) * 2)}.onav--vertical.onav--has-scroll-controls-end .onav__scroller{-webkit-mask-position:0 calc(var(--fade-size) * -2);mask-position:0 calc(var(--fade-size) * -2);-webkit-mask-size:100% calc(100% + var(--fade-size) * 2);mask-size:100% calc(100% + var(--fade-size) * 2)}.onav--vertical.onav--has-scroll-controls-start.onav--has-scroll-controls-end .onav__scroller{-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% 100%;mask-size:100% 100%}.onav--vertical .onav__items{flex-direction:column;inline-size:fit-content}.onnav--has-indicator .onav--vertical .onav__items::before{content:"";block-size:100%;inline-size:var(--indicator-track-size);inset-inline-start:0}.onav--vertical .onav__active-indicator{inset-inline-start:0;border-inline-start:solid var(--indicator-size) var(--indicator-color)}.onav--vertical .onav__scroll-button{inset-inline:0}.onav--vertical .onav__scroll-button--start{inset-block-start:0}.onav--vertical .onav__scroll-button--end{inset-block-end:0}';export{l as nano_masked_overflow}

package/dist/nano-components/nano-menu-drawer.entry.js

@@ -1,5 +1,4 @@
 /*!
- * Web Components for Nanopore digital Web Apps
+ * Custom elements for Nanopore-Digital Web applications
  */
-import{r as e,g as i,d as t,a as n}from"./index-6cc72cd9.js";import{c as o}from"./dom-fafdec9a.js";import{t as s,h as a}from"./renderer-4bc3e2dc.js";const r=':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}:host{--padding-top:13px;--padding-end:12px;--padding-bottom:13px;--padding-start:12px;--icon-size:19px;--font-size:11px;--global-nav-height:79px;--bg-color:#001a21;--bg-color-hover:rgb(28 62 72 / 80%);--bg-color-selected:#274048;--bg-color-focus:rgb(28 62 72 / 80%);--focus-outline:none;--content-color:#fff;--secondary-bg-color:rgb(28 62 72);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;display:block;z-index:1;background:var(--bg-color)}:host ::slotted(.nano-nav-item){--secondary-padding-top:var(--global-nav-height);--nano-icon-size:var(--icon-size);color:var(--content-color);font-size:var(--font-size);text-decoration:none;box-sizing:border-box}:host *,:host *::before,:host *::after{box-sizing:border-box}:host(.hide){display:none}:host(.has-global-nav) .content-wrap{padding-block-start:var(--global-nav-height);margin-block-start:calc(var(--global-nav-height) * -1)}.container{inset-inline-end:auto;flex:0 0 calc(var(--padding-end, 1em) * 2 + var(--icon-size));background:var(--bg-color);color:var(--content-color);z-index:1;inline-size:calc(var(--padding-end, 1em) * 2 + var(--icon-size));block-size:100%}:host(.open) .container{inline-size:auto}:host(:not(.loading)) .container{transition:inline-size 0.3s ease}.content-wrap{inset-inline-start:0;inset-block-start:0;inline-size:inherit;max-inline-size:inherit;background:var(--bg-color);color:#fff;position:sticky;font-size:var(--icon-size);line-height:1;display:flex;min-block-size:calc(100vh - 79px);min-block-size:calc(var(--vh, 1vh) * 100 - 79px);z-index:1}.content{inline-size:auto;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-color);flex:1}.content::after{content:"";position:absolute;inset-block-start:0;inset-inline:0;background:var(--bg-color);z-index:-1;block-size:100vh}.collapse-btn{background:var(--bg-color-selected);border:none;color:inherit;font-size:var(--icon-size);margin-block:var(--padding-top) var(--padding-bottom);margin-inline:calc(var(--padding-start) / 2) 0;border-radius:4px;padding-block:6px;padding-inline:5px;display:flex;align-content:center;inline-size:30px;flex:0 0 auto}.collapse-btn .nano-icon{font-size:var(--icon-size);transition:0.2s transform ease-in-out;transform:translateZ(0) rotate(0deg)}:host(.open) .collapse-btn .nano-icon{transform:translateZ(0) rotate(180deg)}.foot{margin-block-start:auto}.measure-ele{block-size:1px}';const l=r;const c=class{constructor(i){e(this,i)}containerDiv;contentDiv;measureEle;globalNav;children=[];io;currHeight=window.innerHeight;get el(){return i(this)}reset=false;widthOk=true;heightOk=true;isLoading=true;hide=false;open=true;saveState=true;hideWidth=576;hideHeight=true;cancelNavItemEvents(e){if(!e.detail.secondaryMenu)return;e.stopPropagation()}openChange(){if(this.saveState)localStorage.setItem("nanoMenuDrawerOpen",this.open.toString());if(this.containerDiv){if(this.open)t((()=>this.containerDiv.style.width=this.contentDiv.scrollWidth+"px"));else t((()=>this.containerDiv.style.width=null))}}widthChange(){if(this.widthOk)this.moveItemsToDrawer();else this.moveItemsToGlobalNav()}hideHeightChange(){if(this.hideHeight&&!this.io)this.attachIO();else if(!this.hideHeight&&this.io){this.io.disconnect();this.io=undefined}}moveItemsToGlobalNav(){const e=this.el.querySelectorAll(s("nano-nav-item"));e.forEach((e=>{this.children.push({slot:e.getAttribute("slot"),element:e});e.setAttribute("slot","overflow");e.classList.add("nano-global-nav-menu");this.globalNav.appendChild(e)}));this.hide=true}moveItemsToDrawer(){if(!this.children||!this.children.length)return;this.children.forEach((e=>{e.element.removeAttribute("slot");e.element.classList.remove("nano-global-nav-menu");if(e.slot&&e.slot.length)e.element.setAttribute("slot",e.slot);this.el.appendChild(e.element)}));this.children=[];this.hide=false;if(!this.io)this.attachIO()}onWindowResize=()=>{if(window.innerWidth>this.hideWidth)this.widthOk=true;else this.widthOk=false;const e=window.innerHeight*.01;this.el.style.setProperty("--vh",`${e}px`);if(window.innerHeight>this.currHeight&&this.widthOk&&!this.heightOk){this.moveItemsToDrawer()}this.currHeight=window.innerHeight};toggle=e=>{e.preventDefault();this.open=!this.open};onToggleKeyDown=e=>{switch(e.key){case"Enter":case" ":this.open=!this.open;break}};attachIO(){if(!this.hideHeight)return;const e=this.io=new window.IntersectionObserver((e=>{this.heightOk=e[0].intersectionRatio!==0;if(!this.heightOk){this.moveItemsToGlobalNav();this.io.disconnect();this.io=undefined}}),{threshold:1});e.observe(this.measureEle)}handleGlobalNavReady(e){if(e.target.tagName.toLowerCase()!==s("nano-global-nav"))return;setTimeout((()=>{this.attachIO();this.openChange();this.onWindowResize();this.isLoading=false}),500)}componentWillLoad(){this.globalNav=o(s("nano-global-nav"),this.el);this.widthOk=window.innerWidth>this.hideWidth;this.currHeight=window.innerHeight;if(this.saveState){const e=localStorage.getItem("nanoMenuDrawerOpen");this.open=e?e==="true":this.open}}componentDidLoad(){{window.addEventListener("resize",this.onWindowResize)}}disconnectedCallback(){window.removeEventListener("resize",this.onWindowResize);if(this.io){this.io.disconnect();this.io=null}}render(){return a(n,{key:"977db4e79201de998a87723002144d9204789091",class:{open:this.open,hide:this.hide,loading:this.isLoading,"has-global-nav":!!this.globalNav,"nano-menu-drawer":true},dir:this.el.ownerDocument.dir==="rtl"?"rtl":null},a("div",{key:"7bc2a2d85dfc8c7ff749f129fe11e5df0d935d94",ref:e=>this.containerDiv=e,class:"container"},a("div",{key:"d1ed040d7097e465f029b6cc12501df8003f7dbb",class:"content-wrap"},a("nav",{key:"4e09d7672d80e481475042fd4cc8ab44cda7cd6f",ref:e=>this.contentDiv=e,class:"content"},a("button",{key:"5e58c9f3c21d0827545483ef0c6c65bf007a1c0e",onMouseDown:this.toggle,onKeyDown:this.onToggleKeyDown,class:"collapse-btn"},a("nano-icon",{key:"40948e236760b128caa0f5c99d630642cc207cc4",name:"light/right-to-line","aria-label":"collapse / expand"})),a("slot",{key:"337162928f8f99f2e6933d9c7afbf3b64bdda765"}),a("div",{key:"d24cbc327b9d2fa1f1dff2332301741f110f3c48",class:"foot"},a("div",{key:"8efedd05e75e0030cb3cb56a19feb86c14b94328",class:"measure-ele",ref:e=>this.measureEle=e}),a("slot",{key:"1214dfbbf736eb5afeb7de299fd3280beebef7e1",name:"foot"}))))))}static get watchers(){return{open:["openChange"],widthOk:["widthChange"],hideHeight:["hideHeightChange"]}}};c.style=l;export{c as nano_menu_drawer};
-//# sourceMappingURL=nano-menu-drawer.entry.js.map
+import{r as t,a as e,e as i,d as n}from"./index-CFYZ-ZOT.js";import{c as o}from"./dom-CF0Ycs9M.js";import{t as a,h as s}from"./renderer-LJzCFyMt.js";const r=class{constructor(e){t(this,e)}containerDiv;contentDiv;measureEle;globalNav;children=[];io;currHeight=window.innerHeight;get el(){return e(this)}reset=!1;widthOk=!0;heightOk=!0;isLoading=!0;hide=!1;open=!0;saveState=!0;hideWidth=576;hideHeight=!0;cancelNavItemEvents(t){t.detail.secondaryMenu&&t.stopPropagation()}openChange(){this.saveState&&localStorage.setItem("nanoMenuDrawerOpen",this.open.toString()),this.containerDiv&&i(this.open?()=>this.containerDiv.style.width=this.contentDiv.scrollWidth+"px":()=>this.containerDiv.style.width=null)}widthChange(){this.widthOk?this.moveItemsToDrawer():this.moveItemsToGlobalNav()}hideHeightChange(){this.hideHeight&&!this.io?this.attachIO():!this.hideHeight&&this.io&&(this.io.disconnect(),this.io=void 0)}moveItemsToGlobalNav(){this.el.querySelectorAll(a("nano-nav-item")).forEach((t=>{this.children.push({slot:t.getAttribute("slot"),element:t}),t.setAttribute("slot","overflow"),t.classList.add("nano-global-nav-menu"),this.globalNav.appendChild(t)})),this.hide=!0}moveItemsToDrawer(){this.children&&this.children.length&&(this.children.forEach((t=>{t.element.removeAttribute("slot"),t.element.classList.remove("nano-global-nav-menu"),t.slot&&t.slot.length&&t.element.setAttribute("slot",t.slot),this.el.appendChild(t.element)})),this.children=[],this.hide=!1,this.io||this.attachIO())}onWindowResize=()=>{this.widthOk=window.innerWidth>this.hideWidth;const t=.01*window.innerHeight;this.el.style.setProperty("--vh",`${t}px`),window.innerHeight>this.currHeight&&this.widthOk&&!this.heightOk&&this.moveItemsToDrawer(),this.currHeight=window.innerHeight};toggle=t=>{t.preventDefault(),this.open=!this.open};onToggleKeyDown=t=>{switch(t.key){case"Enter":case" ":this.open=!this.open}};attachIO(){this.hideHeight&&(this.io=new window.IntersectionObserver((t=>{this.heightOk=0!==t[0].intersectionRatio,this.heightOk||(this.moveItemsToGlobalNav(),this.io.disconnect(),this.io=void 0)}),{threshold:1})).observe(this.measureEle)}handleGlobalNavReady(t){t.target.tagName.toLowerCase()===a("nano-global-nav")&&setTimeout((()=>{this.attachIO(),this.openChange(),this.onWindowResize(),this.isLoading=!1}),500)}componentWillLoad(){if(this.globalNav=o(a("nano-global-nav"),this.el),this.widthOk=window.innerWidth>this.hideWidth,this.currHeight=window.innerHeight,this.saveState){const t=localStorage.getItem("nanoMenuDrawerOpen");this.open=t?"true"===t:this.open}}componentDidLoad(){window.addEventListener("resize",this.onWindowResize)}disconnectedCallback(){window.removeEventListener("resize",this.onWindowResize),this.io&&(this.io.disconnect(),this.io=null)}render(){return s(n,{key:"ce58d5db4ed3a23557189fbc3eb2cf0a0ad32edd",class:{open:this.open,hide:this.hide,loading:this.isLoading,"has-global-nav":!!this.globalNav,"nano-menu-drawer":!0},dir:"rtl"===this.el.ownerDocument.dir?"rtl":null},s("div",{key:"a68d7698be7747a6a191a44364b615c3866f8160",ref:t=>this.containerDiv=t,class:"container"},s("div",{key:"f6c92461b79e0b3e44f138736ef65089680101a8",class:"content-wrap"},s("nav",{key:"51ce192b7cbb38233baced954f4228e756052026",ref:t=>this.contentDiv=t,class:"content"},s("button",{key:"5662329d6320ef44d837afc823c09beb1563c0fe",onMouseDown:this.toggle,onKeyDown:this.onToggleKeyDown,class:"collapse-btn"},s("nano-icon",{key:"77d0e152d06593f3999072a1b557673a8ddc8a72",name:"light/right-to-line","aria-label":"collapse / expand"})),s("slot",{key:"8369d8882e41547e088ec41401cc2273efb2b59a"}),s("div",{key:"90c996a4d1debfd4965353e5e60548605418dfbd",class:"foot"},s("div",{key:"3ca7e34bde41f742d20edbef571400c875179858",class:"measure-ele",ref:t=>this.measureEle=t}),s("slot",{key:"1b5d32415c0e727788186bd9011de394cb7b5759",name:"foot"}))))))}static get watchers(){return{open:["openChange"],widthOk:["widthChange"],hideHeight:["hideHeightChange"]}}};r.style=':host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--padding-top:13px;--padding-end:12px;--padding-bottom:13px;--padding-start:12px;--icon-size:19px;--font-size:11px;--global-nav-height:79px;--bg-color:#001a21;--bg-color-hover:rgb(28 62 72 / 80%);--bg-color-selected:#274048;--bg-color-focus:rgb(28 62 72 / 80%);--focus-outline:none;--content-color:#fff;--secondary-bg-color:rgb(28 62 72);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;display:block;z-index:1;background:var(--bg-color)}:host ::slotted(.nano-nav-item){--secondary-padding-top:var(--global-nav-height);--nano-icon-size:var(--icon-size);color:var(--content-color);font-size:var(--font-size);text-decoration:none;box-sizing:border-box}:host *,:host *::before,:host *::after{box-sizing:border-box}:host(.hide){display:none}:host(.has-global-nav) .content-wrap{padding-block-start:var(--global-nav-height);margin-block-start:calc(var(--global-nav-height) * -1)}.container{inset-inline-end:auto;flex:0 0 calc(var(--padding-end, 1em) * 2 + var(--icon-size));background:var(--bg-color);color:var(--content-color);z-index:1;inline-size:calc(var(--padding-end, 1em) * 2 + var(--icon-size));block-size:100%}:host(.open) .container{inline-size:auto}:host(:not(.loading)) .container{transition:inline-size 0.3s ease}.content-wrap{inset-inline-start:0;inset-block-start:0;inline-size:inherit;max-inline-size:inherit;background:var(--bg-color);color:#fff;position:sticky;font-size:var(--icon-size);line-height:1;display:flex;min-block-size:calc(100vh - 79px);min-block-size:calc(var(--vh, 1vh) * 100 - 79px);z-index:1}.content{inline-size:auto;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-color);flex:1}.content::after{content:"";position:absolute;inset-block-start:0;inset-inline:0;background:var(--bg-color);z-index:-1;block-size:100vh}.collapse-btn{background:var(--bg-color-selected);border:none;color:inherit;font-size:var(--icon-size);margin-block:var(--padding-top) var(--padding-bottom);margin-inline:calc(var(--padding-start) / 2) 0;border-radius:4px;padding-block:6px;padding-inline:5px;display:flex;align-content:center;inline-size:30px;flex:0 0 auto}.collapse-btn .nano-icon{font-size:var(--icon-size);transition:0.2s transform ease-in-out;transform:translateZ(0) rotate(0deg)}:host(.open) .collapse-btn .nano-icon{transform:translateZ(0) rotate(180deg)}.foot{margin-block-start:auto}.measure-ele{block-size:1px}';export{r as nano_menu_drawer}

package/dist/nano-components/nano-more-less.entry.js

@@ -1,5 +1,4 @@
 /*!
- * Web Components for Nanopore digital Web Apps
+ * Custom elements for Nanopore-Digital Web applications
  */
-import{r as e,g as t,a as s}from"./index-6cc72cd9.js";import{h as n}from"./renderer-4bc3e2dc.js";const o=class{constructor(t){e(this,t)}get host(){return t(this)}show=false;childrenSelector;maxToShow=3;noHideBtn=false;get children(){let e;if(this.childrenSelector){e=this.host.querySelectorAll(this.childrenSelector)}else{e=this.host.children}return Array.from(e).filter((e=>!e.hasAttribute("slot")))}handleShowHideElements(){this.children.forEach(((e,t)=>{if(this.show){if(e.style.display==="none"){e.style.display=""}}else{if(t>=this.maxToShow){e.style.display="none"}else{e.style.display=""}}}))}handleClick(e){this.show=!this.show}connectedCallback(){this.handleShowHideElements()}render(){return n(s,{key:"ea8fe47faa76ad680aa1c87865db6c04ff0228b6",class:"nano-more-less"},n("slot",{key:"69b79b49c00677a08fbcc2143e6efd99520c7ae4",onSlotchange:()=>this.handleShowHideElements()}),this.children?.length>this.maxToShow&&[n("div",{key:"2972c854e94cc04cd41cb8c19afdade3d3decc8b",style:{display:this.show?"none":"contents"},class:"button-wrapper",part:"button-wrapper button-wrapper--less",onClick:e=>this.handleClick(e)},n("slot",{key:"b3f7e2cf17d0c447d26cf1de996194910381bc35",name:"less"},n("button",{key:"dd079d36070438e93bd9cce9bf914139bb9f6f74",part:"button button--less"},"Show more (+",this.children.length-this.maxToShow,")"))),!this.noHideBtn?n("div",{style:{display:this.show?"contents":"none"},class:"button-wrapper",part:"button-wrapper button-wrapper--more",onClick:e=>this.handleClick(e)},n("slot",{name:"more"},n("button",{part:"button button--more"},"Show less (-",this.children.length-this.maxToShow,")"))):""])}static get watchers(){return{maxToShow:["handleShowHideElements"],show:["handleShowHideElements"],childrenSelector:["handleShowHideElements"]}}};o.style=":host { display: contents; }";export{o as nano_more_less};
-//# sourceMappingURL=nano-more-less.entry.js.map
+import{r as t,a as e,d as s}from"./index-CFYZ-ZOT.js";import{h as n}from"./renderer-LJzCFyMt.js";const o=class{constructor(e){t(this,e)}get host(){return e(this)}show=!1;childrenSelector;maxToShow=3;noHideBtn=!1;get children(){let t;return t=this.childrenSelector?this.host.querySelectorAll(this.childrenSelector):this.host.children,Array.from(t).filter((t=>!t.hasAttribute("slot")))}handleShowHideElements(){this.children.forEach(((t,e)=>{this.show?"none"===t.style.display&&(t.style.display=""):t.style.display=e>=this.maxToShow?"none":""}))}handleClick(t){this.show=!this.show}connectedCallback(){this.handleShowHideElements()}render(){return n(s,{key:"7f46f40188321a9cd630f92e0722c386f8f150cd",class:"nano-more-less"},n("slot",{key:"f0cb809863400df4431e6781c1f119563fea95b6",onSlotchange:()=>this.handleShowHideElements()}),this.children?.length>this.maxToShow&&[n("div",{key:"fccb42c61cbef50e41ca19ec572bceb4cb3257be",style:{display:this.show?"none":"contents"},class:"button-wrapper",part:"button-wrapper button-wrapper--less",onClick:t=>this.handleClick(t)},n("slot",{key:"ec04633371ae61f4a33131ab8bfe98a7e408150f",name:"less"},n("button",{key:"f7382a01305934711d7f6471369aa29523f99d9d",part:"button button--less"},"Show more (+",this.children.length-this.maxToShow,")"))),this.noHideBtn?"":n("div",{style:{display:this.show?"contents":"none"},class:"button-wrapper",part:"button-wrapper button-wrapper--more",onClick:t=>this.handleClick(t)},n("slot",{name:"more"},n("button",{part:"button button--more"},"Show less (-",this.children.length-this.maxToShow,")")))])}static get watchers(){return{maxToShow:["handleShowHideElements"],show:["handleShowHideElements"],childrenSelector:["handleShowHideElements"]}}};o.style=":host { display: contents; }";export{o as nano_more_less}