@nanoporetech-digital/components 8.23.8 → 8.23.9

package/dist/nano-components/{nano-slides-BjmaiTR4.js → nano-slides-0qDi5Vv7.js}

@@ -19,4 +19,4 @@ function j(){}N._bindPostStartEvents=function(t){if(!t)return;const i=O[t.type];
  * base class for doing one thing with pointer event
  * MIT license
  */
-function(){},N.onpointercancel=function(t){t.pointerId==this.pointerIdentifier&&this._pointerCancel(t,t)},N.ontouchcancel=function(t){const i=this.getTouch(t.changedTouches);i&&this._pointerCancel(t,i)},N._pointerCancel=function(t,i){this._pointerDone(),this.pointerCancel(t,i)},N.pointerCancel=function(t,i){this.emitEvent("pointerCancel",[t,i])},L.getPointerPoint=function(t){return{x:t.pageX,y:t.pageY}};const B=j.prototype=Object.create(L.prototype);B.bindHandles=function(){this._bindHandles(!0)},B.unbindHandles=function(){this._bindHandles(!1)},B._bindHandles=function(t){const i=(t=void 0===t||t)?"addEventListener":"removeEventListener",n=t?this._touchActionValue:"";for(let s=0;s<this.handles.length;s++){const e=this.handles[s];this._bindStartEvent(e,t),e[i]("click",this),window.PointerEvent&&(e.style.touchAction=n)}},B._touchActionValue="none",B.pointerDown=function(t,i){this.okayPointerDown(t)&&(this.pointerDownPointer={pageX:i.pageX,pageY:i.pageY},t.preventDefault(),this.pointerDownBlur(),this._bindPostStartEvents(t),this.emitEvent("pointerDown",[t,i]))};const I={TEXTAREA:!0,INPUT:!0,SELECT:!0,OPTION:!0},q={radio:!0,checkbox:!0,button:!0,submit:!0,image:!0,file:!0};B.okayPointerDown=function(t){const i=!I[t.target.nodeName]||q[t.target.type];return i||this._pointerReset(),i},B.pointerDownBlur=function(){const t=document.activeElement;t&&t.blur&&t!=document.body&&t.blur()},B.pointerMove=function(t,i){const n=this._dragPointerMove(t,i);this.emitEvent("pointerMove",[t,i,n]),this._dragMove(t,i,n)},B._dragPointerMove=function(t,i){const n={x:i.pageX-this.pointerDownPointer.pageX,y:i.pageY-this.pointerDownPointer.pageY};return!this.isDragging&&this.hasDragStarted(n)&&this._dragStart(t,i),n},B.hasDragStarted=function(t){return Math.abs(t.x)>3||Math.abs(t.y)>3},B.pointerUp=function(t,i){this.emitEvent("pointerUp",[t,i]),this._dragPointerUp(t,i)},B._dragPointerUp=function(t,i){this.isDragging?this._dragEnd(t,i):this._staticClick(t,i)},B._dragStart=function(t,i){this.isDragging=!0,this.isPreventingClicks=!0,this.dragStart(t,i)},B.dragStart=function(t,i){this.emitEvent("dragStart",[t,i])},B._dragMove=function(t,i,n){this.isDragging&&this.dragMove(t,i,n)},B.dragMove=function(t,i,n){t.preventDefault(),this.emitEvent("dragMove",[t,i,n])},B._dragEnd=function(t,i){this.isDragging=!1,setTimeout(function(){delete this.isPreventingClicks}.bind(this)),this.dragEnd(t,i)},B.dragEnd=function(t,i){this.emitEvent("dragEnd",[t,i])},B.onclick=function(t){this.isPreventingClicks&&t.preventDefault()},B._staticClick=function(t,i){this.isIgnoringMouseUp&&"mouseup"==t.type||(this.staticClick(t,i),"mouseup"!=t.type&&(this.isIgnoringMouseUp=!0,setTimeout(function(){delete this.isIgnoringMouseUp}.bind(this),400)))},B.staticClick=function(t,i){this.emitEvent("staticClick",[t,i])},j.getPointerPoint=L.getPointerPoint;const W=F;(()=>{v.extend(F.defaults,{draggable:">1",dragThreshold:3}),F.createMethods.push("_createDrag");const t=F.prototype;v.extend(t,j.prototype),t._touchActionValue="pan-y";const i="createTouch"in document;let n=!1;t._createDrag=function(){this.on("activate",this.onActivateDrag),this.on("uiChange",this._uiChangeDrag),this.on("deactivate",this.onDeactivateDrag),this.on("cellChange",this.updateDraggable),i&&!n&&(window.addEventListener("touchmove",(function(){})),n=!0)},t.onActivateDrag=function(){this.handles=[this.viewport],this.bindHandles(),this.updateDraggable()},t.onDeactivateDrag=function(){this.unbindHandles(),this.element.classList.remove("is-draggable")},t.updateDraggable=function(){this.isDraggable=">1"==this.options.draggable?this.slides.length>1:this.options.draggable,this.isDraggable?this.element.classList.add("is-draggable"):this.element.classList.remove("is-draggable")},t.bindDrag=function(){this.options.draggable=!0,this.updateDraggable()},t.unbindDrag=function(){this.options.draggable=!1,this.updateDraggable()},t._uiChangeDrag=function(){delete this.isFreeScrolling},t.pointerDown=function(t,i){this.isDraggable?this.okayPointerDown(t)&&(this._pointerDownPreventDefault(t),this.pointerDownFocus(t),document.activeElement!=this.element&&this.pointerDownBlur(),this.dragX=this.x,this.viewport.classList.add("is-pointer-down"),this.pointerDownScroll=e(),window.addEventListener("scroll",this),this._pointerDownDefault(t,i)):this._pointerDownDefault(t,i)},t._pointerDownDefault=function(t,i){this.pointerDownPointer={pageX:i.pageX,pageY:i.pageY},this._bindPostStartEvents(t),this.dispatchEvent("pointerDown",t,[i])};const s={INPUT:!0,TEXTAREA:!0,SELECT:!0};function e(){return{x:window.scrollX,y:window.scrollY}}t.pointerDownFocus=function(t){s[t.target.nodeName]||this.focus()},t._pointerDownPreventDefault=function(t){"touchstart"==t.type||"touch"==t.pointerType||s[t.target.nodeName]||t.preventDefault()},t.hasDragStarted=function(t){return Math.abs(t.x)>this.options.dragThreshold},t.pointerUp=function(t,i){delete this.isTouchScrolling,this.viewport.classList.remove("is-pointer-down"),this.dispatchEvent("pointerUp",t,[i]),this._dragPointerUp(t,i)},t.pointerDone=function(){window.removeEventListener("scroll",this),delete this.pointerDownScroll},t.dragStart=function(t,i){this.isDraggable&&(this.dragStartPosition=this.x,this.startAnimation(),window.removeEventListener("scroll",this),this.dispatchEvent("dragStart",t,[i]))},t.pointerMove=function(t,i){const n=this._dragPointerMove(t,i);this.dispatchEvent("pointerMove",t,[i,n]),this._dragMove(t,i,n)},t.dragMove=function(t,i,n){if(!this.isDraggable)return;t.preventDefault(),this.previousDragX=this.dragX;const s=this.options.rightToLeft?-1:1;this.options.wrapAround&&(n.x=n.x%this.slideableWidth);let e=this.dragStartPosition+n.x*s;if(!this.options.wrapAround&&this.slides.length){const t=Math.max(-this.slides[0].target,this.dragStartPosition);e=e>t?.5*(e+t):e;const i=Math.min(-this.getLastSlide().target,this.dragStartPosition);e=e<i?.5*(e+i):e}this.dragX=e,this.dragMoveTime=new Date,this.dispatchEvent("dragMove",t,[i,n])},t.dragEnd=function(t,i){if(!this.isDraggable)return;this.options.freeScroll&&(this.isFreeScrolling=!0);let n=this.dragEndRestingSelect();if(this.options.freeScroll&&!this.options.wrapAround){const t=this.getRestingPosition();this.isFreeScrolling=-t>this.slides[0].target&&-t<this.getLastSlide().target}else this.options.freeScroll||n!=this.selectedIndex||(n+=this.dragEndBoostSelect());delete this.previousDragX,this.isDragSelect=this.options.wrapAround,this.select(n),delete this.isDragSelect,this.dispatchEvent("dragEnd",t,[i])},t.dragEndRestingSelect=function(){const t=this.getRestingPosition(),i=Math.abs(this.getSlideDistance(-t,this.selectedIndex)),n=this._getClosestResting(t,i,1),s=this._getClosestResting(t,i,-1);return n.distance<s.distance?n.index:s.index},t._getClosestResting=function(t,i,n){let s=this.selectedIndex,e=1/0;const o=this.options.contain&&!this.options.wrapAround?function(t,i){return t<=i}:function(t,i){return t<i};for(;o(i,e)&&(s+=n,e=i,null!==(i=this.getSlideDistance(-t,s)));)i=Math.abs(i);return{distance:e,index:s-n}},t.getSlideDistance=function(t,i){const n=this.slides.length,s=this.options.wrapAround&&n>1,e=s?v.modulo(i,n):i,o=this.slides[e];if(!o)return null;const h=s?this.slideableWidth*Math.floor(i/n):0;return t-(o.target+h)},t.dragEndBoostSelect=function(){if(void 0===this.previousDragX||!this.dragMoveTime||new Date-this.dragMoveTime>100)return 0;const t=this.getSlideDistance(-this.dragX,this.selectedIndex),i=this.previousDragX-this.dragX;return t>0&&i>0?1:t<0&&i<0?-1:0},t.staticClick=function(t,i){const n=this.getParentCell(t.target),s=n&&n.element,e=n&&this.cells.indexOf(n);this.dispatchEvent("staticClick",t,[i,s,e])},t.onscroll=function(){const t=e(),i=this.pointerDownScroll.y-t.y;(Math.abs(this.pointerDownScroll.x-t.x)>3||Math.abs(i)>3)&&this._pointerDone()}})(),(()=>{function t(t,i){this.direction=t,this.parent=i,this.parentElement=this.parent.element.shadowRoot||this.parent.element,this._create()}(t.prototype=Object.create(L.prototype))._create=function(){this.isEnabled=!0,this.isPrevious=-1==this.direction,this.isLeft=this.direction==(this.parent.options.rightToLeft?1:-1);const t=this.element=document.createElement("button");t.className="flickity-button flickity-prev-next-button",this.isPrevious?(t.classList.add("previous"),t.setAttribute("part","navigation-button navigation-button--previous")):(t.classList.add("next"),t.setAttribute("part","navigation-button navigation-button--next")),t.setAttribute("type","button"),this.disable(),t.setAttribute("aria-label",this.isPrevious?"Previous":"Next");const i=document.createElement("slot");i.name=this.isPrevious?"previous-icon":"next-icon",t.appendChild(i),i.addEventListener("slotchange",(()=>{i.assignedElements({flatten:!0}).forEach((t=>{t.removeAttribute("hidden")}))}));const n=document.createElement("span");n.className="button-icon "+(this.isPrevious?"button-icon--previous":"button-icon--next"),n.setAttribute("part","navigation-icon"),i.appendChild(n),this.parent.on("select",this.update.bind(this)),this.on("pointerDown",this.parent.childUIPointerDown.bind(this.parent))},t.prototype.activate=function(){this.bindStartEvent(this.element),this.element.addEventListener("click",this),this.parentElement.appendChild(this.element)},t.prototype.deactivate=function(){this.parentElement.removeChild(this.element),this.unbindStartEvent(this.element),this.element.removeEventListener("click",this)},t.prototype.handleEvent=v.handleEvent,t.prototype.onclick=function(){this.isEnabled&&(this.parent.uiChange(),this.parent[this.isPrevious?"previous":"next"]())},t.prototype.enable=function(){this.isEnabled||(this.element.disabled=!1,this.isEnabled=!0)},t.prototype.disable=function(){this.isEnabled&&(this.element.disabled=!0,this.isEnabled=!1)},t.prototype.update=function(){const t=this.parent.slides;this.parent.options.wrapAround&&t.length>1?this.enable():this[this.parent.selectedIndex==(this.isPrevious?0:t.length?t.length-1:0)?"disable":"enable"]()},t.prototype.destroy=function(){this.deactivate(),this.allOff()},v.extend(F.defaults,{prevNextButtons:!0,arrowShape:{x0:10,x1:60,y1:50,x2:70,y2:40,x3:30}}),F.createMethods.push("_createPrevNextButtons");const i=F.prototype;i._createPrevNextButtons=function(){this.options.prevNextButtons&&(this.prevButton=new t(-1,this),this.nextButton=new t(1,this),this.on("activate",this.activatePrevNextButtons))},i.activatePrevNextButtons=function(){this.prevButton.activate(),this.nextButton.activate(),this.on("deactivate",this.deactivatePrevNextButtons)},i.deactivatePrevNextButtons=function(){this.prevButton.deactivate(),this.nextButton.deactivate(),this.off("deactivate",this.deactivatePrevNextButtons)},F.PrevNextButton=t})(),(()=>{function t(t){this.parent=t,this.state="stopped",this.onVisibilityChange=this.visibilityChange.bind(this),this.onVisibilityPlay=this.visibilityPlay.bind(this)}(t.prototype=Object.create(r.prototype)).play=function(){"playing"!=this.state&&(document.hidden?document.addEventListener("visibilitychange",this.onVisibilityPlay):(this.state="playing",document.addEventListener("visibilitychange",this.onVisibilityChange),this.tick()))},t.prototype.tick=function(){if("playing"!=this.state)return;let t=this.parent.options.autoPlay;t="number"==typeof t?t:3e3;const i=this;this.clear(),this.timeout=setTimeout((function(){i.parent.next(!0),i.tick()}),t)},t.prototype.stop=function(){this.state="stopped",this.clear(),document.removeEventListener("visibilitychange",this.onVisibilityChange)},t.prototype.clear=function(){clearTimeout(this.timeout)},t.prototype.pause=function(){"playing"==this.state&&(this.state="paused",this.clear())},t.prototype.unpause=function(){"paused"==this.state&&this.play()},t.prototype.visibilityChange=function(){this[document.hidden?"pause":"unpause"]()},t.prototype.visibilityPlay=function(){this.play(),document.removeEventListener("visibilitychange",this.onVisibilityPlay)},v.extend(F.defaults,{pauseAutoPlayOnHover:!0}),F.createMethods.push("_createPlayer");const i=F.prototype;i._createPlayer=function(){this.player=new t(this),this.on("activate",this.activatePlayer),this.on("uiChange",this.stopPlayer),this.on("pointerDown",this.stopPlayer),this.on("deactivate",this.deactivatePlayer)},i.activatePlayer=function(){this.options.autoPlay&&(this.player.play(),this.element.addEventListener("mouseenter",this))},i.playPlayer=function(){this.player.play()},i.stopPlayer=function(){this.player.stop()},i.pausePlayer=function(){this.player.pause()},i.unpausePlayer=function(){this.player.unpause()},i.deactivatePlayer=function(){this.player.stop(),this.element.removeEventListener("mouseenter",this)},i.onmouseenter=function(){this.options.pauseAutoPlayOnHover&&(this.player.pause(),this.element.addEventListener("mouseleave",this))},i.onmouseleave=function(){this.player.unpause(),this.element.removeEventListener("mouseleave",this)},F.Player=t})();const _=class{constructor(n){t(this,n),this.nanoSlidesDidLoad=i(this,"nanoSlidesDidLoad",7),this.nanoSlidesReady=i(this,"nanoSlidesReady",7),this.nanoSlidesSelect=i(this,"nanoSlidesSelect",7),this.nanoSlidesChange=i(this,"nanoSlidesChange",7),this.nanoSlidesScroll=i(this,"nanoSlidesScroll",7),this.nanoSlidesTransitionEnd=i(this,"nanoSlidesTransitionEnd",7),this.nanoSlidesDragStart=i(this,"nanoSlidesDragStart",7),this.nanoSlidesDragMove=i(this,"nanoSlidesDragMove",7),this.nanoSlidesDragEnd=i(this,"nanoSlidesDragEnd",7),this.nanoSlidesTap=i(this,"nanoSlidesTap",7),this.nanoSlidesFullscreenChange=i(this,"nanoSlidesFullscreenChange",7)}flickityEl;flickityReady=!1;isReloading=!1;resizeO;readyflickity;flickity=new Promise((t=>{this.readyflickity=t}));syncflickity;childrenEles;hasFullScreenModule=!1;hasLazyLoadModule=!1;hasFadeModule=!1;iCurrentSlide;slidesReady;didInit=!1;slideCount=0;get host(){return n(this)}options={};async optionsChanged(t,i){JSON.stringify(t)!==JSON.stringify(i||{})&&this.flickityReady&&!this.isReloading&&(this.isReloading=!0,await this.reload())}navbtns=!1;pager=!1;fullscreenbtn=!1;async fullscreenBtnChanged(){const t=this._getRoot().querySelector(".flickity-fullscreen-button");t&&(t.hidden=!this.fullscreenbtn)}fullscreen=!1;async fullscreenChanged(t,i){const n=await this.getflickity();this.fullscreen?n.viewFullscreen():void 0!==i&&n.exitFullscreen()}animation="scroll";async animationChange(t,i){const[n,s]=await Promise.all([this.getflickity(),this.waitForSlides()]);if(s.forEach((t=>{t.style.left=void 0})),"parallax"===i&&(n.off("scroll",this.parallax),s.forEach(((t,i)=>{this.childrenEles&&this.childrenEles[i]&&(this.childrenEles[i].style.transform=void 0)})),this.update()),"function"==typeof i&&n.off("scroll",i),"function"==typeof this.animation)return this.updateOptions({fade:!1,percentPosition:!0}),void n.on("scroll",this.animation);switch(this.animation){case"fade":this.updateOptions({fade:!0,percentPosition:!0});break;case"parallax":this.updateOptions({fade:!1,percentPosition:!0}),n.on("scroll",this.parallax);break;default:this.updateOptions({fade:!1,percentPosition:!0})}}updateOptions(t){this.options={...this.options,...t}}currentSlide=0;currentSlideChange(){this.currentSlide!==this.iCurrentSlide&&this.slideTo(this.currentSlide)}internalSlideChange(){this.currentSlide=this.iCurrentSlide}autoplay=!1;async autoPlayChange(){await this.stopAutoplay(),this.autoplay&&("string"==typeof this.autoplay&&(this.autoplay=parseInt(this.autoplay)),this.autoplay>0&&this.startAutoplay(this.autoplay))}ready=!1;nanoSlidesDidLoad;nanoSlidesReady;nanoSlidesSelect;nanoSlidesChange;nanoSlidesScroll;nanoSlidesTransitionEnd;nanoSlidesDragStart;nanoSlidesDragMove;nanoSlidesDragEnd;nanoSlidesTap;nanoSlidesFullscreenChange;async update(){if(!this.didInit)return;const[t]=await Promise.all([this.getflickity(),this.waitForSlides()]);this.childrenEles=this.host.querySelectorAll(`${h("nano-slide")} > *`),t.reloadCells(),t.resize(),t.reposition()}async slideTo(t,i){(await this.getflickity()).select(t,i)}async slideNext(t,i){(await this.getflickity()).next(i,t)}async slidePrev(t,i){(await this.getflickity()).previous(t,i)}async getActiveIndex(){return(await this.getflickity()).selectedIndex}async length(){return(await this.getflickity()).slides.length}async isEnd(){const t=await this.getflickity();return t.selectedIndex===t.slides.length-1}async isBeginning(){return 0===(await this.getflickity()).selectedIndex}async startAutoplay(t){const i=await this.getflickity();t&&(this.options={autoPlay:t}),setTimeout((()=>i.playPlayer()))}async stopAutoplay(){(await this.getflickity()).stopPlayer()}async lockSwipes(t){const i=await this.getflickity();i.options.draggable=!t,i.updateDraggable()}async getflickity(){return this.flickity}async reload(){this.destroyflickity(),setTimeout((()=>this.initflickity()),20)}_getRoot(){return this.host.shadowRoot?this.host.shadowRoot:this.host}parallax=async()=>{const t=await this.flickity;t.cells.forEach((i=>{let n=t.x;var s;t.options.wrapAround&&t.cells.length>1&&(n=(n%(s=t.slideableWidth)+s)%s,n-=t.slideableWidth);let e=-1*(i.target+n)/3;i.shift<0?e=-1*(i.target-t.slideableWidth+n)/3:i.shift>0&&(e=-1*(i.target+(n+t.slideableWidth))/3),i.element.children[0].style.transform="translate3d("+e+"px, 0, 0)",i.element.style.setProperty("--animation-amount",(3*e/i.size.width*100).toString())}))};isActive(t){return t===this.currentSlide}handleFullscreen=t=>{this.fullscreen=t,this.nanoSlidesFullscreenChange.emit(t)};handleSlideSelect=t=>{this.iCurrentSlide=t,this.nanoSlidesSelect.emit(t)};destroyflickity(){const t=this.syncflickity;void 0!==t&&(t.destroy(),this.flickity=new Promise((t=>{this.readyflickity=t})),this.flickityReady=!1,this.syncflickity=void 0,this.ready=!1),this.didInit=!1}async loadFlickityModules(t){!this.hasFullScreenModule&&t.fullscreen&&(await import("./fullscreen-BXFqT-Or.js"),this.hasFullScreenModule=!0),!this.hasLazyLoadModule&&t.lazyLoad&&(await import("./lazyload-CeaZkqMi.js"),this.hasLazyLoadModule=!0),!this.hasFadeModule&&t.fade&&(await import("./fade-qBTUJ1UV.js"),this.hasFadeModule=!0)}async initflickity(){const t=this.normalizeOptions();await this.loadFlickityModules(t),await this.waitForSlides(),this.flickityEl=this.flickityEl||this._getRoot().querySelector(".flickity-container"),this.flickityEl&&(this.slidesReady=!0,this.flickityEl.classList.contains("flickity-enabled")&&this.destroyflickity(),this.flickityEl.style.height=this.flickityEl.getBoundingClientRect().height+"px",setTimeout((()=>{this.flickityEl.style.height="";const i=new W(this.flickityEl,t);this.flickityReady=!0,this.syncflickity=i,this.animationChange(),this.fullscreenChanged(),this.fullscreenBtnChanged(),this.readyflickity(i),this.ready=!0,this.isReloading=!1,window.ResizeObserver&&(this.resizeO&&(this.resizeO.disconnect(),this.resizeO=void 0),(this.resizeO=new ResizeObserver((()=>{s((()=>{const t=this.host.shadowRoot.querySelector(".flickity-viewport");e((()=>{t&&(t.style.height=""),i.resize()}))}))}))).observe(this.host))}),100))}normalizeOptions(){const t={cellSelector:h("nano-slide"),contain:!0,prevNextButtons:!1,fullscreen:this.fullscreen,accessibility:!0,imagesLoaded:!0};"fade"===this.animation&&(t.fade=!0),this.currentSlide>0&&(t.initialIndex=this.currentSlide),this.autoplay&&("string"==typeof this.autoplay&&(this.autoplay=parseInt(this.autoplay)),this.autoplay>0&&(t.autoPlay=this.autoplay));const i={on:{...this.options&&this.options.on?this.options.on:{},ready:()=>{setTimeout((()=>{this.nanoSlidesReady.emit()}),20)},select:this.handleSlideSelect,change:this.nanoSlidesChange.emit,scroll:this.nanoSlidesScroll.emit,settle:()=>requestAnimationFrame((()=>this.nanoSlidesTransitionEnd.emit())),dragStart:()=>requestAnimationFrame((()=>this.nanoSlidesDragStart.emit())),dragMove:()=>requestAnimationFrame((()=>this.nanoSlidesDragMove.emit())),dragEnd:()=>requestAnimationFrame((()=>this.nanoSlidesDragEnd.emit())),staticClick:this.nanoSlidesTap.emit,fullscreenChange:this.handleFullscreen}};return{...t,...i,...this.options}}waitForSlides=()=>{const t=Array.from(this.host.querySelectorAll(h("nano-slide")));this.slideCount=t.length;let i=t.filter((t=>!t.ready));return i.length?new Promise((n=>{const s=e=>{i=i.filter((t=>t!==e.target)),i.length||(n(t),this.host.removeEventListener("nanoSlideReady",s),this.host.removeEventListener("nano-slide-ready",s))};this.host.addEventListener("nanoSlideReady",s),this.host.addEventListener("nano-slide-ready",s)})):Promise.resolve(t)};componentDidLoad(){this.nanoSlidesDidLoad.emit(),this.didInit||(this.didInit=!0,this.initflickity())}disconnectedCallback(){this.resizeO&&(this.resizeO.disconnect(),this.resizeO=void 0),this.destroyflickity()}render(){return c(o,{key:"53e5053243b916cb7c18f7cc724243499967c685",class:"nano-slides"},c("div",{key:"3145ac379c615bc217f66316a8ffb460a30411fd",class:{slideshow:!0,ready:this.ready,"not-ready":!this.ready},part:"base"},c("div",{key:"0ac7135cea8ee6eedeb8501bd6c313caee284776",ref:t=>this.flickityEl=t,class:{"flickity-container":!0,"slides-ready":this.slidesReady,"slides-not-ready":!this.slidesReady},part:"slide-container"},c("slot",{key:"386b898f935eea6edd900b79ddd88428dfc451b7",onSlotchange:()=>this.update()})),c("div",{key:"bbbddaa068815f97add65c2dddca924ef6b3b7e6",class:"ui-extras"},c("slot",{key:"7726565fdde73499b9634c52956e6efbd64b3e85",name:"ui"})),this.slideCount>1&&(this.pager||this.navbtns)&&c("div",{key:"d319e3cd262779cf7b83e67af14175626d229d3e",class:"pagination",part:"pagination"},this.navbtns&&c("button",{key:"e8c63357aba75bf288c19c26545bc34836499c82",class:"flickity-button flickity-prev-next-button previous",part:"navigation-button navigation-button--previous","aria-label":"Previous slide",onClick:()=>this.slidePrev(),disabled:0===this.iCurrentSlide&&!this.options.wrapAround},c("span",{key:"03c5edcf3f4c9138b9badc7183e72ff813149894",class:"button-icon button-icon--previous",part:"navigation-icon"},c("slot",{key:"52f6a1bf14e50e3b89d848bdb7febc64f0b53ef5",name:"previous-icon"}))),this.pager&&c("div",{key:"9f2117dda3dde1d875a90e442844fca2ddfbaec4",class:"flickity-page-dots"},Array.from({length:this.slideCount}).map(((t,i)=>c("button",{part:"pagination-item--active",key:i,class:{"pagination-btn":!0,"pagination-btn--active":this.isActive(i),"is-selected":this.isActive(i),dot:!0},"aria-current":this.isActive(i)?"step":void 0,onClick:()=>{this.isActive(i)||this.slideTo(i)}},c("span",{class:"pagination-btn__label"},"Go to slide ",i+1))))),this.navbtns&&c("button",{key:"a4f0c700decb3c0745b783063546a7da5793a302",class:"flickity-button flickity-prev-next-button next",part:"navigation-button navigation-button--next","aria-label":"Next slide",onClick:()=>this.slideNext(),disabled:this.syncflickity?.slides.length===this.iCurrentSlide+1&&!this.options.wrapAround},c("span",{key:"4ab79d86bda8063f2b001242fdde577a05f6ece8",class:"button-icon",part:"navigation-icon"},c("slot",{key:"c37c271310db7076b429e79c671a9b6f9d119a88",name:"next-icon"}))))))}static get watchers(){return{options:["optionsChanged"],fullscreenbtn:["fullscreenBtnChanged"],fullscreen:["fullscreenChanged"],animation:["animationChange"],currentSlide:["currentSlideChange"],iCurrentSlide:["internalSlideChange"],autoplay:["autoPlayChange"]}}};_.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{--dot-color:var(--nano-color-neutral-400);--dot-color-active:var(--nano-color-primary-1000);--navbtns-icon-color:var(--nano-color-neutral-700);--navbtns-icon-color-hover:var(--nano-color-primary-1000);--navbtns-bg-color:transparent;--navbtns-icon-color-disabled:var(--dot-color-active);--navbtns-bg-color-disabled:transparent;--navbtns-width:1.5rem;--navbtns-height:1rem;--fsbtn-icon-color:var(--dot-color-active);--fsbtn-bg-color:transparent;--flip-icon-ltr:0;--flip-icon-rtl:1;display:block;-webkit-user-select:none;user-select:none;transition:opacity 0.2s;opacity:0;max-inline-size:100vw}:host:dir(rtl){--flip-icon-ltr:1;--flip-icon-rtl:0}:host([ready]){opacity:1}.slideshow{max-block-size:100%;min-block-size:inherit;block-size:inherit;position:relative}.slideshow.not-ready{inline-size:100%;overflow:hidden}.flickity-container{opacity:0;transition:opacity 0.2s;display:flex;block-size:fit-content}.not-ready .flickity-container{block-size:fit-content}.flickity-container.slides-ready{min-block-size:inherit;max-block-size:inherit;block-size:inherit;inline-size:auto}[hidden]{display:none !important}.ui-extras{pointer-events:none;position:absolute;block-size:100%;inline-size:100%;inset-block-start:0;inset-inline-start:0}.ui-extras *{pointer-events:all}/*! Flickity v2.2.1\nhttps://flickity.metafizzy.co\n---------------------------------------------- */.flickity-enabled{position:relative;opacity:1}.flickity-enabled:focus{outline:none}.flickity-viewport{overflow:hidden;position:relative;min-block-size:100%;flex:1}.flickity-slider{position:absolute;inline-size:100%;block-size:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:grabbing}.pagination{display:flex}.flickity-button{background:var(--navbtns-bg-color);border:none;color:#333;opacity:1}.flickity-button:hover{opacity:1;cursor:pointer;--navbtns-icon-color:var(--navbtns-icon-color-hover)}.flickity-button:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.flickity-button:active{opacity:0.6}.flickity-button:disabled{opacity:0.3;cursor:auto;pointer-events:none;background:var(--navbtns-bg-color-disabled)}.button-icon{display:block}.button-icon::after{content:"";display:block;background-size:cover;inline-size:var(--navbtns-width);block-size:var(--navbtns-height);background-color:var(--navbtns-icon-color);-webkit-mask-image:var(--nano-component-icon-arrow);mask-image:var(--nano-component-icon-arrow);transition:color var(--nano-transition-fast) ease;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transform-origin:center;margin-inline-start:auto;rotate:calc(180deg * var(--flip-icon-ltr));-webkit-mask-size:cover;mask-size:cover}.button-icon--previous::after{rotate:calc(180deg * var(--flip-icon-rtl))}.flickity-button:disabled .button-icon::after{background-color:var(--navbtns-icon-color-disabled)}.flickity-prev-next-button.next{margin-inline-start:auto}.flickity-rtl .flickity-prev-next-button.previous{inset-inline:auto 10px}.flickity-rtl .flickity-prev-next-button.next{inset-inline:10px auto}.flickity-prev-next-button .flickity-button-icon{position:absolute;inset-inline-start:20%;inset-block-start:20%;inline-size:60%;block-size:60%}.flickity-page-dots{inline-size:100%;padding:0;margin:0;text-align:center;line-height:1;z-index:4;display:inline-flex;justify-content:center;inset-block-end:0}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{all:unset;text-indent:200%;white-space:nowrap;overflow:hidden;display:inline-block;display:inline-block;position:relative;inline-size:1.25rem;block-size:0.375rem;margin-block:0;cursor:pointer;padding:calc(var(--nano-spacing-md) / 2)}.flickity-page-dots .dot::after{content:"";position:absolute;inset:0;background:currentcolor;background:var(--dot-color);margin:calc(var(--nano-spacing-md) / 2)}.flickity-page-dots .dot:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset);z-index:1}.flickity-page-dots .dot.is-selected::after{background:var(--dot-color-active)}.flickity-enabled.is-fullscreen{position:fixed;inset-inline-start:0;inset-block-start:0;inline-size:100%;block-size:100%;background:hsla(0, 0%, 0%, 0.9);padding-block-end:35px;z-index:100}.flickity-enabled.is-fullscreen .flickity-page-dots{inset-block-end:45px}html.is-flickity-fullscreen{overflow:hidden}.flickity-fullscreen-button{display:block;inset-inline-end:10px;inset-block-start:10px;inline-size:24px;block-size:24px;border-radius:4px;background:var(--fsbtn-bg-color);fill:var(--fsbtn-icon-color)}.flickity-rtl .flickity-fullscreen-button{inset-inline:10px auto}.flickity-fullscreen-button-exit{display:none}.flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit{display:block}.flickity-enabled.is-fullscreen .flickity-fullscreen-button-view{display:none}.flickity-fullscreen-button .flickity-button-icon{position:absolute;inline-size:16px;block-size:16px;inset-inline-start:4px;inset-block-start:4px}.flickity-enabled.is-fade .flickity-slider>*{pointer-events:none;z-index:0}.flickity-enabled.is-fade .flickity-slider ::slotted(.is-selected){pointer-events:auto;z-index:1}';export{F,_ as S,v as u}
+function(){},N.onpointercancel=function(t){t.pointerId==this.pointerIdentifier&&this._pointerCancel(t,t)},N.ontouchcancel=function(t){const i=this.getTouch(t.changedTouches);i&&this._pointerCancel(t,i)},N._pointerCancel=function(t,i){this._pointerDone(),this.pointerCancel(t,i)},N.pointerCancel=function(t,i){this.emitEvent("pointerCancel",[t,i])},L.getPointerPoint=function(t){return{x:t.pageX,y:t.pageY}};const I=j.prototype=Object.create(L.prototype);I.bindHandles=function(){this._bindHandles(!0)},I.unbindHandles=function(){this._bindHandles(!1)},I._bindHandles=function(t){const i=(t=void 0===t||t)?"addEventListener":"removeEventListener",n=t?this._touchActionValue:"";for(let s=0;s<this.handles.length;s++){const e=this.handles[s];this._bindStartEvent(e,t),e[i]("click",this),window.PointerEvent&&(e.style.touchAction=n)}},I._touchActionValue="none",I.pointerDown=function(t,i){this.okayPointerDown(t)&&(this.pointerDownPointer={pageX:i.pageX,pageY:i.pageY},t.preventDefault(),this.pointerDownBlur(),this._bindPostStartEvents(t),this.emitEvent("pointerDown",[t,i]))};const B={TEXTAREA:!0,INPUT:!0,SELECT:!0,OPTION:!0},W={radio:!0,checkbox:!0,button:!0,submit:!0,image:!0,file:!0};I.okayPointerDown=function(t){const i=!B[t.target.nodeName]||W[t.target.type];return i||this._pointerReset(),i},I.pointerDownBlur=function(){const t=document.activeElement;t&&t.blur&&t!=document.body&&t.blur()},I.pointerMove=function(t,i){const n=this._dragPointerMove(t,i);this.emitEvent("pointerMove",[t,i,n]),this._dragMove(t,i,n)},I._dragPointerMove=function(t,i){const n={x:i.pageX-this.pointerDownPointer.pageX,y:i.pageY-this.pointerDownPointer.pageY};return!this.isDragging&&this.hasDragStarted(n)&&this._dragStart(t,i),n},I.hasDragStarted=function(t){return Math.abs(t.x)>3||Math.abs(t.y)>3},I.pointerUp=function(t,i){this.emitEvent("pointerUp",[t,i]),this._dragPointerUp(t,i)},I._dragPointerUp=function(t,i){this.isDragging?this._dragEnd(t,i):this._staticClick(t,i)},I._dragStart=function(t,i){this.isDragging=!0,this.isPreventingClicks=!0,this.dragStart(t,i)},I.dragStart=function(t,i){this.emitEvent("dragStart",[t,i])},I._dragMove=function(t,i,n){this.isDragging&&this.dragMove(t,i,n)},I.dragMove=function(t,i,n){t.preventDefault(),this.emitEvent("dragMove",[t,i,n])},I._dragEnd=function(t,i){this.isDragging=!1,setTimeout(function(){delete this.isPreventingClicks}.bind(this)),this.dragEnd(t,i)},I.dragEnd=function(t,i){this.emitEvent("dragEnd",[t,i])},I.onclick=function(t){this.isPreventingClicks&&t.preventDefault()},I._staticClick=function(t,i){this.isIgnoringMouseUp&&"mouseup"==t.type||(this.staticClick(t,i),"mouseup"!=t.type&&(this.isIgnoringMouseUp=!0,setTimeout(function(){delete this.isIgnoringMouseUp}.bind(this),400)))},I.staticClick=function(t,i){this.emitEvent("staticClick",[t,i])},j.getPointerPoint=L.getPointerPoint;const _=F;(()=>{v.extend(F.defaults,{draggable:">1",dragThreshold:3}),F.createMethods.push("_createDrag");const t=F.prototype;v.extend(t,j.prototype),t._touchActionValue="pan-y";const i="createTouch"in document;let n=!1;t._createDrag=function(){this.on("activate",this.onActivateDrag),this.on("uiChange",this._uiChangeDrag),this.on("deactivate",this.onDeactivateDrag),this.on("cellChange",this.updateDraggable),i&&!n&&(window.addEventListener("touchmove",(function(){})),n=!0)},t.onActivateDrag=function(){this.handles=[this.viewport],this.bindHandles(),this.updateDraggable()},t.onDeactivateDrag=function(){this.unbindHandles(),this.element.classList.remove("is-draggable")},t.updateDraggable=function(){this.isDraggable=">1"==this.options.draggable?this.slides.length>1:this.options.draggable,this.isDraggable?this.element.classList.add("is-draggable"):this.element.classList.remove("is-draggable")},t.bindDrag=function(){this.options.draggable=!0,this.updateDraggable()},t.unbindDrag=function(){this.options.draggable=!1,this.updateDraggable()},t._uiChangeDrag=function(){delete this.isFreeScrolling},t.pointerDown=function(t,i){this.isDraggable?this.okayPointerDown(t)&&(this._pointerDownPreventDefault(t),this.pointerDownFocus(t),document.activeElement!=this.element&&this.pointerDownBlur(),this.dragX=this.x,this.viewport.classList.add("is-pointer-down"),this.pointerDownScroll=e(),window.addEventListener("scroll",this),this._pointerDownDefault(t,i)):this._pointerDownDefault(t,i)},t._pointerDownDefault=function(t,i){this.pointerDownPointer={pageX:i.pageX,pageY:i.pageY},this._bindPostStartEvents(t),this.dispatchEvent("pointerDown",t,[i])};const s={INPUT:!0,TEXTAREA:!0,SELECT:!0};function e(){return{x:window.scrollX,y:window.scrollY}}t.pointerDownFocus=function(t){s[t.target.nodeName]||this.focus()},t._pointerDownPreventDefault=function(t){"touchstart"==t.type||"touch"==t.pointerType||s[t.target.nodeName]||t.preventDefault()},t.hasDragStarted=function(t){return Math.abs(t.x)>this.options.dragThreshold},t.pointerUp=function(t,i){delete this.isTouchScrolling,this.viewport.classList.remove("is-pointer-down"),this.dispatchEvent("pointerUp",t,[i]),this._dragPointerUp(t,i)},t.pointerDone=function(){window.removeEventListener("scroll",this),delete this.pointerDownScroll},t.dragStart=function(t,i){this.isDraggable&&(this.dragStartPosition=this.x,this.startAnimation(),window.removeEventListener("scroll",this),this.dispatchEvent("dragStart",t,[i]))},t.pointerMove=function(t,i){const n=this._dragPointerMove(t,i);this.dispatchEvent("pointerMove",t,[i,n]),this._dragMove(t,i,n)},t.dragMove=function(t,i,n){if(!this.isDraggable)return;t.preventDefault(),this.previousDragX=this.dragX;const s=this.options.rightToLeft?-1:1;this.options.wrapAround&&(n.x=n.x%this.slideableWidth);let e=this.dragStartPosition+n.x*s;if(!this.options.wrapAround&&this.slides.length){const t=Math.max(-this.slides[0].target,this.dragStartPosition);e=e>t?.5*(e+t):e;const i=Math.min(-this.getLastSlide().target,this.dragStartPosition);e=e<i?.5*(e+i):e}this.dragX=e,this.dragMoveTime=new Date,this.dispatchEvent("dragMove",t,[i,n])},t.dragEnd=function(t,i){if(!this.isDraggable)return;this.options.freeScroll&&(this.isFreeScrolling=!0);let n=this.dragEndRestingSelect();if(this.options.freeScroll&&!this.options.wrapAround){const t=this.getRestingPosition();this.isFreeScrolling=-t>this.slides[0].target&&-t<this.getLastSlide().target}else this.options.freeScroll||n!=this.selectedIndex||(n+=this.dragEndBoostSelect());delete this.previousDragX,this.isDragSelect=this.options.wrapAround,this.select(n),delete this.isDragSelect,this.dispatchEvent("dragEnd",t,[i])},t.dragEndRestingSelect=function(){const t=this.getRestingPosition(),i=Math.abs(this.getSlideDistance(-t,this.selectedIndex)),n=this._getClosestResting(t,i,1),s=this._getClosestResting(t,i,-1);return n.distance<s.distance?n.index:s.index},t._getClosestResting=function(t,i,n){let s=this.selectedIndex,e=1/0;const o=this.options.contain&&!this.options.wrapAround?function(t,i){return t<=i}:function(t,i){return t<i};for(;o(i,e)&&(s+=n,e=i,null!==(i=this.getSlideDistance(-t,s)));)i=Math.abs(i);return{distance:e,index:s-n}},t.getSlideDistance=function(t,i){const n=this.slides.length,s=this.options.wrapAround&&n>1,e=s?v.modulo(i,n):i,o=this.slides[e];if(!o)return null;const h=s?this.slideableWidth*Math.floor(i/n):0;return t-(o.target+h)},t.dragEndBoostSelect=function(){if(void 0===this.previousDragX||!this.dragMoveTime||new Date-this.dragMoveTime>100)return 0;const t=this.getSlideDistance(-this.dragX,this.selectedIndex),i=this.previousDragX-this.dragX;return t>0&&i>0?1:t<0&&i<0?-1:0},t.staticClick=function(t,i){const n=this.getParentCell(t.target),s=n&&n.element,e=n&&this.cells.indexOf(n);this.dispatchEvent("staticClick",t,[i,s,e])},t.onscroll=function(){const t=e(),i=this.pointerDownScroll.y-t.y;(Math.abs(this.pointerDownScroll.x-t.x)>3||Math.abs(i)>3)&&this._pointerDone()}})(),(()=>{function t(t,i){this.direction=t,this.parent=i,this.parentElement=this.parent.element.shadowRoot||this.parent.element,this._create()}(t.prototype=Object.create(L.prototype))._create=function(){this.isEnabled=!0,this.isPrevious=-1==this.direction,this.isLeft=this.direction==(this.parent.options.rightToLeft?1:-1);const t=this.element=document.createElement("button");t.className="flickity-button flickity-prev-next-button",this.isPrevious?(t.classList.add("previous"),t.setAttribute("part","navigation-button navigation-button--previous")):(t.classList.add("next"),t.setAttribute("part","navigation-button navigation-button--next")),t.setAttribute("type","button"),this.disable(),t.setAttribute("aria-label",this.isPrevious?"Previous":"Next");const i=document.createElement("slot");i.name=this.isPrevious?"previous-icon":"next-icon",t.appendChild(i),i.addEventListener("slotchange",(()=>{i.assignedElements({flatten:!0}).forEach((t=>{t.removeAttribute("hidden")}))}));const n=document.createElement("span");n.className="button-icon "+(this.isPrevious?"button-icon--previous":"button-icon--next"),n.setAttribute("part","navigation-icon"),i.appendChild(n),this.parent.on("select",this.update.bind(this)),this.on("pointerDown",this.parent.childUIPointerDown.bind(this.parent))},t.prototype.activate=function(){this.bindStartEvent(this.element),this.element.addEventListener("click",this),this.parentElement.appendChild(this.element)},t.prototype.deactivate=function(){this.parentElement.removeChild(this.element),this.unbindStartEvent(this.element),this.element.removeEventListener("click",this)},t.prototype.handleEvent=v.handleEvent,t.prototype.onclick=function(){this.isEnabled&&(this.parent.uiChange(),this.parent[this.isPrevious?"previous":"next"]())},t.prototype.enable=function(){this.isEnabled||(this.element.disabled=!1,this.isEnabled=!0)},t.prototype.disable=function(){this.isEnabled&&(this.element.disabled=!0,this.isEnabled=!1)},t.prototype.update=function(){const t=this.parent.slides;this.parent.options.wrapAround&&t.length>1?this.enable():this[this.parent.selectedIndex==(this.isPrevious?0:t.length?t.length-1:0)?"disable":"enable"]()},t.prototype.destroy=function(){this.deactivate(),this.allOff()},v.extend(F.defaults,{prevNextButtons:!0,arrowShape:{x0:10,x1:60,y1:50,x2:70,y2:40,x3:30}}),F.createMethods.push("_createPrevNextButtons");const i=F.prototype;i._createPrevNextButtons=function(){this.options.prevNextButtons&&(this.prevButton=new t(-1,this),this.nextButton=new t(1,this),this.on("activate",this.activatePrevNextButtons))},i.activatePrevNextButtons=function(){this.prevButton.activate(),this.nextButton.activate(),this.on("deactivate",this.deactivatePrevNextButtons)},i.deactivatePrevNextButtons=function(){this.prevButton.deactivate(),this.nextButton.deactivate(),this.off("deactivate",this.deactivatePrevNextButtons)},F.PrevNextButton=t})(),(()=>{function t(t){this.parent=t,this.state="stopped",this.onVisibilityChange=this.visibilityChange.bind(this),this.onVisibilityPlay=this.visibilityPlay.bind(this)}(t.prototype=Object.create(r.prototype)).play=function(){"playing"!=this.state&&(document.hidden?document.addEventListener("visibilitychange",this.onVisibilityPlay):(this.state="playing",document.addEventListener("visibilitychange",this.onVisibilityChange),this.tick()))},t.prototype.tick=function(){if("playing"!=this.state)return;let t=this.parent.options.autoPlay;t="number"==typeof t?t:3e3;const i=this;this.clear(),this.timeout=setTimeout((function(){i.parent.next(!0),i.tick()}),t)},t.prototype.stop=function(){this.state="stopped",this.clear(),document.removeEventListener("visibilitychange",this.onVisibilityChange)},t.prototype.clear=function(){clearTimeout(this.timeout)},t.prototype.pause=function(){"playing"==this.state&&(this.state="paused",this.clear())},t.prototype.unpause=function(){"paused"==this.state&&this.play()},t.prototype.visibilityChange=function(){this[document.hidden?"pause":"unpause"]()},t.prototype.visibilityPlay=function(){this.play(),document.removeEventListener("visibilitychange",this.onVisibilityPlay)},v.extend(F.defaults,{pauseAutoPlayOnHover:!0}),F.createMethods.push("_createPlayer");const i=F.prototype;i._createPlayer=function(){this.player=new t(this),this.on("activate",this.activatePlayer),this.on("uiChange",this.stopPlayer),this.on("pointerDown",this.stopPlayer),this.on("deactivate",this.deactivatePlayer)},i.activatePlayer=function(){this.options.autoPlay&&(this.player.play(),this.element.addEventListener("mouseenter",this))},i.playPlayer=function(){this.player.play()},i.stopPlayer=function(){this.player.stop()},i.pausePlayer=function(){this.player.pause()},i.unpausePlayer=function(){this.player.unpause()},i.deactivatePlayer=function(){this.player.stop(),this.element.removeEventListener("mouseenter",this)},i.onmouseenter=function(){this.options.pauseAutoPlayOnHover&&(this.player.pause(),this.element.addEventListener("mouseleave",this))},i.onmouseleave=function(){this.player.unpause(),this.element.removeEventListener("mouseleave",this)},F.Player=t})();const U=class{constructor(n){t(this,n),this.nanoSlidesDidLoad=i(this,"nanoSlidesDidLoad",7),this.nanoSlidesReady=i(this,"nanoSlidesReady",7),this.nanoSlidesSelect=i(this,"nanoSlidesSelect",7),this.nanoSlidesChange=i(this,"nanoSlidesChange",7),this.nanoSlidesScroll=i(this,"nanoSlidesScroll",7),this.nanoSlidesTransitionEnd=i(this,"nanoSlidesTransitionEnd",7),this.nanoSlidesDragStart=i(this,"nanoSlidesDragStart",7),this.nanoSlidesDragMove=i(this,"nanoSlidesDragMove",7),this.nanoSlidesDragEnd=i(this,"nanoSlidesDragEnd",7),this.nanoSlidesTap=i(this,"nanoSlidesTap",7),this.nanoSlidesFullscreenChange=i(this,"nanoSlidesFullscreenChange",7)}flickityEl;flickityReady=!1;isReloading=!1;resizeO;readyflickity;flickity=new Promise((t=>{this.readyflickity=t}));syncflickity;childrenEles;hasFullScreenModule=!1;hasLazyLoadModule=!1;hasFadeModule=!1;iCurrentSlide;slidesReady;didInit=!1;slideCount=0;get host(){return n(this)}options={};async optionsChanged(t,i){JSON.stringify(t)!==JSON.stringify(i||{})&&this.flickityReady&&!this.isReloading&&(this.isReloading=!0,await this.reload())}navbtns=!1;pager=!1;fullscreenbtn=!1;async fullscreenBtnChanged(){const t=this._getRoot().querySelector(".flickity-fullscreen-button");t&&(t.hidden=!this.fullscreenbtn)}fullscreen=!1;async fullscreenChanged(t,i){const n=await this.getflickity();this.fullscreen?n.viewFullscreen():void 0!==i&&n.exitFullscreen()}animation="scroll";async animationChange(t,i){const[n,s]=await Promise.all([this.getflickity(),this.waitForSlides()]);if(s.forEach((t=>{t.style.left=void 0})),"parallax"===i&&(n.off("scroll",this.parallax),s.forEach(((t,i)=>{this.childrenEles&&this.childrenEles[i]&&(this.childrenEles[i].style.transform=void 0)})),this.update()),"function"==typeof i&&n.off("scroll",i),"function"==typeof this.animation)return this.updateOptions({fade:!1,percentPosition:!0}),void n.on("scroll",this.animation);switch(this.animation){case"fade":this.updateOptions({fade:!0,percentPosition:!0});break;case"parallax":this.updateOptions({fade:!1,percentPosition:!0}),n.on("scroll",this.parallax);break;default:this.updateOptions({fade:!1,percentPosition:!0})}}updateOptions(t){this.options={...this.options,...t}}currentSlide=0;currentSlideChange(){this.currentSlide!==this.iCurrentSlide&&this.slideTo(this.currentSlide)}internalSlideChange(){this.currentSlide=this.iCurrentSlide}autoplay=!1;async autoPlayChange(){await this.stopAutoplay(),this.autoplay&&("string"==typeof this.autoplay&&(this.autoplay=parseInt(this.autoplay)),this.autoplay>0&&this.startAutoplay(this.autoplay))}ready=!1;nanoSlidesDidLoad;nanoSlidesReady;nanoSlidesSelect;nanoSlidesChange;nanoSlidesScroll;nanoSlidesTransitionEnd;nanoSlidesDragStart;nanoSlidesDragMove;nanoSlidesDragEnd;nanoSlidesTap;nanoSlidesFullscreenChange;async update(){if(!this.didInit)return;const[t]=await Promise.all([this.getflickity(),this.waitForSlides()]);this.childrenEles=this.host.querySelectorAll(`${h("nano-slide")} > *`),t.reloadCells(),t.resize(),t.reposition()}async slideTo(t,i){(await this.getflickity()).select(t,i)}async slideNext(t,i){(await this.getflickity()).next(i,t)}async slidePrev(t,i){(await this.getflickity()).previous(t,i)}async getActiveIndex(){return(await this.getflickity()).selectedIndex}async length(){return(await this.getflickity()).slides.length}async isEnd(){const t=await this.getflickity();return t.selectedIndex===t.slides.length-1}async isBeginning(){return 0===(await this.getflickity()).selectedIndex}async startAutoplay(t){const i=await this.getflickity();t&&(this.options={autoPlay:t}),setTimeout((()=>i.playPlayer()))}async stopAutoplay(){(await this.getflickity()).stopPlayer()}async lockSwipes(t){const i=await this.getflickity();i.options.draggable=!t,i.updateDraggable()}async getflickity(){return this.flickity}async reload(){this.destroyflickity(),setTimeout((()=>this.initflickity()),20)}_getRoot(){return this.host.shadowRoot?this.host.shadowRoot:this.host}parallax=async()=>{const t=await this.flickity;t.cells.forEach((i=>{let n=t.x;var s;t.options.wrapAround&&t.cells.length>1&&(n=(n%(s=t.slideableWidth)+s)%s,n-=t.slideableWidth);let e=-1*(i.target+n)/3;i.shift<0?e=-1*(i.target-t.slideableWidth+n)/3:i.shift>0&&(e=-1*(i.target+(n+t.slideableWidth))/3),i.element.children[0].style.transform="translate3d("+e+"px, 0, 0)",i.element.style.setProperty("--animation-amount",(3*e/i.size.width*100).toString())}))};isActive(t){return t===this.currentSlide}handleFullscreen=t=>{this.fullscreen=t,this.nanoSlidesFullscreenChange.emit(t)};handleSlideSelect=t=>{this.iCurrentSlide=t,this.nanoSlidesSelect.emit(t)};destroyflickity(){const t=this.syncflickity;void 0!==t&&(t.destroy(),this.flickity=new Promise((t=>{this.readyflickity=t})),this.flickityReady=!1,this.syncflickity=void 0,this.ready=!1),this.didInit=!1}async loadFlickityModules(t){!this.hasFullScreenModule&&t.fullscreen&&(await import("./fullscreen-Ct2ACI6T.js"),this.hasFullScreenModule=!0),!this.hasLazyLoadModule&&t.lazyLoad&&(await import("./lazyload-ZYbHlu3K.js"),this.hasLazyLoadModule=!0),!this.hasFadeModule&&t.fade&&(await import("./fade-Y5mYUwiO.js"),this.hasFadeModule=!0)}async initflickity(){const t=this.normalizeOptions();await this.loadFlickityModules(t),await this.waitForSlides(),this.flickityEl=this.flickityEl||this._getRoot().querySelector(".flickity-container"),this.flickityEl&&(this.slidesReady=!0,this.flickityEl.classList.contains("flickity-enabled")&&this.destroyflickity(),this.flickityEl.style.height=this.flickityEl.getBoundingClientRect().height+"px",setTimeout((()=>{this.flickityEl.style.height="";const i=new _(this.flickityEl,t);this.flickityReady=!0,this.syncflickity=i,this.animationChange(),this.fullscreenChanged(),this.fullscreenBtnChanged(),this.readyflickity(i),this.ready=!0,this.isReloading=!1,window.ResizeObserver&&(this.resizeO&&(this.resizeO.disconnect(),this.resizeO=void 0),(this.resizeO=new ResizeObserver((()=>{s((()=>{const t=this.host.shadowRoot.querySelector(".flickity-viewport");e((()=>{t&&(t.style.height=""),i.resize()}))}))}))).observe(this.host))}),100))}normalizeOptions(){const t={cellSelector:h("nano-slide"),contain:!0,prevNextButtons:!1,fullscreen:this.fullscreen,accessibility:!0,imagesLoaded:!0};"fade"===this.animation&&(t.fade=!0),this.currentSlide>0&&(t.initialIndex=this.currentSlide),this.autoplay&&("string"==typeof this.autoplay&&(this.autoplay=parseInt(this.autoplay)),this.autoplay>0&&(t.autoPlay=this.autoplay));const i={on:{...this.options&&this.options.on?this.options.on:{},ready:()=>{setTimeout((()=>{this.nanoSlidesReady.emit()}),20)},select:this.handleSlideSelect,change:this.nanoSlidesChange.emit,scroll:this.nanoSlidesScroll.emit,settle:()=>requestAnimationFrame((()=>this.nanoSlidesTransitionEnd.emit())),dragStart:()=>requestAnimationFrame((()=>this.nanoSlidesDragStart.emit())),dragMove:()=>requestAnimationFrame((()=>this.nanoSlidesDragMove.emit())),dragEnd:()=>requestAnimationFrame((()=>this.nanoSlidesDragEnd.emit())),staticClick:this.nanoSlidesTap.emit,fullscreenChange:this.handleFullscreen}};return{...t,...i,...this.options}}waitForSlides=()=>{const t=Array.from(this.host.querySelectorAll(h("nano-slide")));this.slideCount=t.length;let i=t.filter((t=>!t.ready));return i.length?new Promise((n=>{const s=e=>{i=i.filter((t=>t!==e.target)),i.length||(n(t),this.host.removeEventListener("nanoSlideReady",s),this.host.removeEventListener("nano-slide-ready",s))};this.host.addEventListener("nanoSlideReady",s),this.host.addEventListener("nano-slide-ready",s)})):Promise.resolve(t)};componentDidLoad(){this.nanoSlidesDidLoad.emit(),this.didInit||(this.didInit=!0,this.initflickity())}disconnectedCallback(){this.resizeO&&(this.resizeO.disconnect(),this.resizeO=void 0),this.destroyflickity()}render(){return c(o,{key:"b6f08fc2b892fa03e5e5d1c6faa8c9ed5c96909f",class:"nano-slides"},c("div",{key:"31703829da5889f44e9918c813b71a9c12955881",class:{slideshow:!0,ready:this.ready,"not-ready":!this.ready},part:"base"},c("div",{key:"9f85e49dc9fc7e78fd73aabf81f21bcb4f7c9a29",ref:t=>this.flickityEl=t,class:{"flickity-container":!0,"slides-ready":this.slidesReady,"slides-not-ready":!this.slidesReady},part:"slide-container"},c("slot",{key:"df99653f152b14f4e06e2451a93e7517c82027d9",onSlotchange:()=>this.update()})),c("div",{key:"0f34a9196a369cadc93a7a678f318f036a4f8bc2",class:"ui-extras"},c("slot",{key:"6fee3e51010cbdd25ad74b59e86133a30501fe13",name:"ui"})),this.slideCount>1&&(this.pager||this.navbtns)&&c("div",{key:"54c54f41d109ea9ee44cad50dd8929046b8fabf0",class:"pagination",part:"pagination"},this.navbtns&&c("button",{key:"6c06cd8854f495dd8df48b94c98eb5cfa5767947",class:"flickity-button flickity-prev-next-button previous",part:"navigation-button navigation-button--previous","aria-label":"Previous slide",onClick:()=>this.slidePrev(),disabled:0===this.iCurrentSlide&&!this.options.wrapAround},c("span",{key:"a7a80501503e055217b546ef618f9665eee79ebc",class:"button-icon button-icon--previous",part:"navigation-icon"},c("slot",{key:"d43695afeecb25ba5ba5b0dc674ee4123b35540f",name:"previous-icon"}))),this.pager&&c("div",{key:"5e975ec703c51f361f654afac6bc03a7e4d03892",class:"flickity-page-dots"},Array.from({length:this.slideCount}).map(((t,i)=>c("button",{part:"pagination-item--active",key:i,class:{"pagination-btn":!0,"pagination-btn--active":this.isActive(i),"is-selected":this.isActive(i),dot:!0},"aria-current":this.isActive(i)?"step":void 0,onClick:()=>{this.isActive(i)||this.slideTo(i)}},c("span",{class:"pagination-btn__label"},"Go to slide ",i+1))))),this.navbtns&&c("button",{key:"7670270c71a6eb61e9a1de33f4a4214ed4a035f9",class:"flickity-button flickity-prev-next-button next",part:"navigation-button navigation-button--next","aria-label":"Next slide",onClick:()=>this.slideNext(),disabled:this.syncflickity?.slides.length===this.iCurrentSlide+1&&!this.options.wrapAround},c("span",{key:"7140891f079fc702044e6bd46aaaf996dbac02d7",class:"button-icon",part:"navigation-icon"},c("slot",{key:"ceed5fb13ebf410b999f7b4a10a0489b2162d4ed",name:"next-icon"}))))))}static get watchers(){return{options:["optionsChanged"],fullscreenbtn:["fullscreenBtnChanged"],fullscreen:["fullscreenChanged"],animation:["animationChange"],currentSlide:["currentSlideChange"],iCurrentSlide:["internalSlideChange"],autoplay:["autoPlayChange"]}}};U.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{--dot-color:var(--nano-color-neutral-400);--dot-color-active:var(--nano-color-primary-1000);--navbtns-icon-color:var(--nano-color-neutral-700);--navbtns-icon-color-hover:var(--nano-color-primary-1000);--navbtns-bg-color:transparent;--navbtns-icon-color-disabled:var(--dot-color-active);--navbtns-bg-color-disabled:transparent;--navbtns-width:1.5rem;--navbtns-height:1rem;--fsbtn-icon-color:var(--dot-color-active);--fsbtn-bg-color:transparent;--flip-icon-ltr:0;--flip-icon-rtl:1;display:block;-webkit-user-select:none;user-select:none;transition:opacity 0.2s;opacity:0;max-inline-size:100vw}:host:dir(rtl){--flip-icon-ltr:1;--flip-icon-rtl:0}:host([ready]){opacity:1}.slideshow{max-block-size:100%;min-block-size:inherit;block-size:inherit;position:relative}.slideshow.not-ready{inline-size:100%;overflow:hidden}.flickity-container{opacity:0;transition:opacity 0.2s;display:flex;block-size:fit-content}.not-ready .flickity-container{block-size:fit-content}.flickity-container.slides-ready{min-block-size:inherit;max-block-size:inherit;block-size:inherit;inline-size:auto}[hidden]{display:none !important}.ui-extras{pointer-events:none;position:absolute;block-size:100%;inline-size:100%;inset-block-start:0;inset-inline-start:0}.ui-extras *{pointer-events:all}/*! Flickity v2.2.1\nhttps://flickity.metafizzy.co\n---------------------------------------------- */.flickity-enabled{position:relative;opacity:1}.flickity-enabled:focus{outline:none}.flickity-viewport{overflow:hidden;position:relative;min-block-size:100%;flex:1}.flickity-slider{position:absolute;inline-size:100%;block-size:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:grabbing}.pagination{display:flex}.flickity-button{background:var(--navbtns-bg-color);border:none;color:#333;opacity:1}.flickity-button:hover{opacity:1;cursor:pointer;--navbtns-icon-color:var(--navbtns-icon-color-hover)}.flickity-button:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.flickity-button:active{opacity:0.6}.flickity-button:disabled{opacity:0.3;cursor:auto;pointer-events:none;background:var(--navbtns-bg-color-disabled)}.button-icon{display:block}.button-icon::after{content:"";display:block;background-size:cover;inline-size:var(--navbtns-width);block-size:var(--navbtns-height);background-color:var(--navbtns-icon-color);-webkit-mask-image:var(--nano-component-icon-arrow);mask-image:var(--nano-component-icon-arrow);transition:color var(--nano-transition-fast) ease;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transform-origin:center;margin-inline-start:auto;rotate:calc(180deg * var(--flip-icon-ltr));-webkit-mask-size:cover;mask-size:cover}.button-icon--previous::after{rotate:calc(180deg * var(--flip-icon-rtl))}.flickity-button:disabled .button-icon::after{background-color:var(--navbtns-icon-color-disabled)}.flickity-prev-next-button.next{margin-inline-start:auto}.flickity-rtl .flickity-prev-next-button.previous{inset-inline:auto 10px}.flickity-rtl .flickity-prev-next-button.next{inset-inline:10px auto}.flickity-prev-next-button .flickity-button-icon{position:absolute;inset-inline-start:20%;inset-block-start:20%;inline-size:60%;block-size:60%}.flickity-page-dots{inline-size:100%;padding:0;margin:0;text-align:center;line-height:1;z-index:4;display:inline-flex;justify-content:center;inset-block-end:0}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{all:unset;text-indent:200%;white-space:nowrap;overflow:hidden;display:inline-block;display:inline-block;position:relative;inline-size:1.25rem;block-size:0.375rem;margin-block:0;cursor:pointer;padding:calc(var(--nano-spacing-md) / 2)}.flickity-page-dots .dot::after{content:"";position:absolute;inset:0;background:currentcolor;background:var(--dot-color);margin:calc(var(--nano-spacing-md) / 2)}.flickity-page-dots .dot:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset);z-index:1}.flickity-page-dots .dot.is-selected::after{background:var(--dot-color-active)}.flickity-enabled.is-fullscreen{position:fixed;inset-inline-start:0;inset-block-start:0;inline-size:100%;block-size:100%;background:hsla(0, 0%, 0%, 0.9);padding-block-end:35px;z-index:100}.flickity-enabled.is-fullscreen .flickity-page-dots{inset-block-end:45px}html.is-flickity-fullscreen{overflow:hidden}.flickity-fullscreen-button{display:block;inset-inline-end:10px;inset-block-start:10px;inline-size:24px;block-size:24px;border-radius:4px;background:var(--fsbtn-bg-color);fill:var(--fsbtn-icon-color)}.flickity-rtl .flickity-fullscreen-button{inset-inline:10px auto}.flickity-fullscreen-button-exit{display:none}.flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit{display:block}.flickity-enabled.is-fullscreen .flickity-fullscreen-button-view{display:none}.flickity-fullscreen-button .flickity-button-icon{position:absolute;inline-size:16px;block-size:16px;inset-inline-start:4px;inset-block-start:4px}.flickity-enabled.is-fade .flickity-slider>*{pointer-events:none;z-index:0}.flickity-enabled.is-fade .flickity-slider ::slotted(.is-selected){pointer-events:auto;z-index:1}';export{F,U as S,v as u}

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

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-export{S as nano_slides}from"./nano-slides-BjmaiTR4.js";import"./index-BM3Om9WE.js";import"./renderer-DpNDfhNy.js";
+export{S as nano_slides}from"./nano-slides-0qDi5Vv7.js";import"./index-BM3Om9WE.js";import"./renderer-DpNDfhNy.js";

package/dist/types/components/global-nav/global-nav.d.ts

@@ -41,10 +41,8 @@ export declare class GlobalNav implements ComponentInterface {
     logoutUrl: string | (() => void);
     /** Url to the Nanopore contact page */
     contactUrl: string;
-    private _sessionRedirect;
     /** A url to take the user after login or logout. Defaults to current URL. Is automatically URI encoded */
-    get sessionRedirect(): string;
-    set sessionRedirect(val: string);
+    sessionRedirect: string;
     /** MyAccount store cart count.*/
     cartCount: number;
     /** MyAccount un-read message count. */

package/dist/types/components.d.ts

@@ -1621,6 +1621,7 @@ export namespace Components {
         "searchValue": string;
         /**
           * A url to take the user after login or logout. Defaults to current URL. Is automatically URI encoded
+          * @default window.location.href
          */
         "sessionRedirect": string;
         /**
@@ -6804,6 +6805,7 @@ declare namespace LocalJSX {
         "searchValue"?: string;
         /**
           * A url to take the user after login or logout. Defaults to current URL. Is automatically URI encoded
+          * @default window.location.href
          */
         "sessionRedirect"?: string;
     }

package/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-06-05T15:22:38",
+  "timestamp": "2026-07-06T12:08:39",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.36.1",
@@ -3369,7 +3369,7 @@
             "references": {
               "Breadcrumb": {
                 "location": "local",
-                "path": "/builds/uxdwymh2/0/Digital/nano-components/packages/components/src/components/breadcrumb/breadcrumb.tsx",
+                "path": "/builds/sN_eAsgS/0/Digital/nano-components/packages/components/src/components/breadcrumb/breadcrumb.tsx",
                 "id": "src/components/breadcrumb/breadcrumb.tsx::Breadcrumb"
               }
             }
@@ -13322,7 +13322,13 @@
           "attr": "session-redirect",
           "reflectToAttr": false,
           "docs": "A url to take the user after login or logout. Defaults to current URL. Is automatically URI encoded",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "window.location.href"
+            }
+          ],
+          "default": "window.location.href",
           "values": [
             {
               "type": "string"
@@ -13330,8 +13336,8 @@
           ],
           "optional": false,
           "required": false,
-          "getter": true,
-          "setter": true
+          "getter": false,
+          "setter": false
         }
       ],
       "methods": [

package/hydrate/index.js

@@ -14779,14 +14779,8 @@ class GlobalNav {
     logoutUrl = '';
     /** Url to the Nanopore contact page */
     contactUrl = 'https://nanoporetech.com/contact';
-    _sessionRedirect = window.location.href;
     /** A url to take the user after login or logout. Defaults to current URL. Is automatically URI encoded */
-    get sessionRedirect() {
-        return encodeURIComponent(this._sessionRedirect);
-    }
-    set sessionRedirect(val) {
-        this._sessionRedirect = val;
-    }
+    sessionRedirect = window.location.href;
     /** MyAccount store cart count.*/
     cartCount = 0;
     /** MyAccount un-read message count. */
@@ -14863,11 +14857,12 @@ class GlobalNav {
             return '';
         if (!this.sessionRedirect)
             return link;
+        const redirect = encodeURIComponent(this.sessionRedirect);
         if (link.endsWith('='))
-            return link + this.sessionRedirect;
+            return link + redirect;
         if (link.includes('?'))
-            return link + '&RelayState=' + this.sessionRedirect;
-        return link + '?RelayState=' + this.sessionRedirect;
+            return link + '&RelayState=' + redirect;
+        return link + '?RelayState=' + redirect;
     }
     /// USER LOGIN - end ///
     /// RESIZING - start ///
@@ -15244,21 +15239,21 @@ class GlobalNav {
     }
     render() {
         const bpps = this.bpPartials;
-        return (h(Host, { key: 'c486ced318c2125efc1773db0ac1f70d99a47e37', class: {
+        return (h(Host, { key: '1d15ddb44d49d6e8d9bd8e6179cdefaee729d800', class: {
                 'overflow-menu': this.breakpoint > bpps.mainMenu.breakpoint,
                 'bar-menu': this.breakpoint <= bpps.mainMenu.breakpoint,
                 'nano-global-nav': true,
-            } }, h("div", { key: '87eb2ceb4aee98be12f13adec72c8f7190a41fb9', class: {
+            } }, h("div", { key: '30dfb51cf5f539a91b388d3284f7e167834c1f66', class: {
                 gn: true,
                 'gn__search-open': this.searchBarShown,
-            } }, h("nano-drawer", { key: '7c509c7835494d84fe89220905ba886c8f42cce6', ref: (el) => (this.overflowMenu = el), label: "Main menu", part: "drawer", class: "gn__drawer nano-theme-dark", placement: "start", open: this.overflowOpen, onNanoAfterHide: () => (this.overflowOpen = false), onNanoAfterShow: () => (this.overflowOpen = true) }, h("div", { key: 'f6fc726040f11c34143942c0ef67fcfc52e7da2a', class: "gn__drawer-header", part: "overflow-header", slot: "label" }, "Main menu"), h("nav", { key: '2a9f0327ef583af91360248b6e5cf6587e3252d6', class: "gn__drawer-menu", part: "overflow-menu" }, this.breakpoint > bpps.mainMenu.breakpoint
+            } }, h("nano-drawer", { key: 'eb0e9d0fa7d42473267fc5b465201b78322303b4', ref: (el) => (this.overflowMenu = el), label: "Main menu", part: "drawer", class: "gn__drawer nano-theme-dark", placement: "start", open: this.overflowOpen, onNanoAfterHide: () => (this.overflowOpen = false), onNanoAfterShow: () => (this.overflowOpen = true) }, h("div", { key: '22fef7c9b69aff7a3678900c45824ae8dae74f31', class: "gn__drawer-header", part: "overflow-header", slot: "label" }, "Main menu"), h("nav", { key: '5ac9edc335d61308f1779e872f2600671322b35c', class: "gn__drawer-menu", part: "overflow-menu" }, this.breakpoint > bpps.mainMenu.breakpoint
             ? bpps.mainMenu.tpl()
-            : '', h("slot", { key: '48a1da58084726cf21d6790d0a3a619d041abb89', name: "overflow" }))), h("div", { key: 'c5d905c018f98ded7cc77cb90eb25d4d122d3f48', class: "gn__menu-bar-wrapper" }, h("div", { key: 'c2ffcfd6347d984b1dec0aca9718725fe9ed8468', class: "gn__menu-bar", part: "menu-bar", ref: (el) => (this.mainMenuBar = el) }, h("nav", { key: '7c32a8fdb50f70384baa1250d89bb20b20319244', "aria-label": "Global navigation", class: `gn__main-menu ${this.shouldResize ? 'resizing' : ''}`, part: "main-menu", ref: (el) => (this.mainMenu = el) }, this.breakpoint > bpps.mainMenu.breakpoint && (h("nano-icon-button", { key: 'a1a16169d019a81d04cda654ce18e7814fbf47cf', class: "gn__overflow-button", iconName: "light/bars", label: "Open Menu", onClick: () => this.overflowMenu.show() })), h("slot", { key: 'd85b9a21d18bd3e59929b2a13ea179a1f2dd18ed', name: "logo" }, h("a", { key: 'daa19447dfa301522dd1f4e654b8d9d729005c78', href: this.logoUrl, class: "gn__logo-link", part: "logo-link" }, this.breakpoint <= bpps.logo.breakpoint ? (h("img", { src: getAssetPath('../nano-assets/ont-logo.svg'), alt: `Oxford Nanopore Technologies logo. Features a stylised representation of a nanopore,
+            : '', h("slot", { key: '600ef94c796db36e84e5ce57a74d826508336369', name: "overflow" }))), h("div", { key: '7df8f3b3865b6bfda36953f8d12d1dc405420948', class: "gn__menu-bar-wrapper" }, h("div", { key: 'aa8f39a6b742f77bb1c277fec54144f5cb567619', class: "gn__menu-bar", part: "menu-bar", ref: (el) => (this.mainMenuBar = el) }, h("nav", { key: 'a2a316bd2bffb7977ff45e4e947599ee4169a626', "aria-label": "Global navigation", class: `gn__main-menu ${this.shouldResize ? 'resizing' : ''}`, part: "main-menu", ref: (el) => (this.mainMenu = el) }, this.breakpoint > bpps.mainMenu.breakpoint && (h("nano-icon-button", { key: '42bec05328c771483904ec4d4f31b3417e593db2', class: "gn__overflow-button", iconName: "light/bars", label: "Open Menu", onClick: () => this.overflowMenu.show() })), h("slot", { key: '98e18d03956ac5f8361c3b5d5eef4beca732ee3a', name: "logo" }, h("a", { key: '62f72a5bde4108682687fef1a4c17a45ea94a98e', href: this.logoUrl, class: "gn__logo-link", part: "logo-link" }, this.breakpoint <= bpps.logo.breakpoint ? (h("img", { src: getAssetPath('../nano-assets/ont-logo.svg'), alt: `Oxford Nanopore Technologies logo. Features a stylised representation of a nanopore,
                             (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: "35", part: "logo logo--large" })) : (h("img", { src: getAssetPath('../nano-assets/ont-wheel.svg'), alt: `Oxford Nanopore Technologies logo. A stylised representation of a nanopore,
-                            (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: "35", height: "35", part: "logo logo--small" })))), this.breakpoint <= bpps.mainMenu.breakpoint && (h("div", { key: '9af9721eb7f52ee01c969c26777d69a851344cff', class: "gn__main-menu-links" }, bpps.mainMenu.tpl())), h("div", { key: '9b04e1c4bcb5df08e9ecd20978dd4e9169a82cef', class: "gn__main-menu-actions" }, !this.myAccountData ||
-            (!!this.searchIndices.length && (h("nano-dropdown", { key: '154b2a574e8390a7caa16f5df56a5cbed465b9ef', 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 }, h("nano-icon-button", { key: 'bbc67a0854c3e27fde7741139e37e1c2bed88111', class: "gn__search-button", slot: "trigger", iconName: "light/magnifying-glass", label: "Search" }), h("form", { key: 'a32f032d0e68df256429734ba1da886539b2fcbd', ref: (form) => (this.searchForm = form), class: "gn__search-form", part: "search-form", onSubmit: this.onSearchSubmit }, this.searchIndices.length > 1 && (h("nano-select", { key: '7d3275457d3f569ebdf6266b8542a476547a3a8d', part: "search-select", label: "Which site do you wish to search in?", mask: true, hideLabel: true, value: this.activeIndex?.index, onNanoChange: this.handleSearchIndexChangeEvent }, this.searchIndices.map((index) => (h("nano-option", { selected: index.name === this.searchIndex, value: index.index }, index.name || index.index))))), h("nano-input", { key: '2fa9cfd9db3f14857737b0ee575e8ea77997fa37', ref: (ele) => (this.searchInput = ele), part: "search-input", label: "Search Oxford Nanopore Technologies", placeholder: "Search Oxford Nanopore...", hideLabel: true, clearable: true, showInlineError: false, onNanoChange: (e) => {
+                            (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: "35", height: "35", part: "logo logo--small" })))), this.breakpoint <= bpps.mainMenu.breakpoint && (h("div", { key: 'add2e395a8573a07aa28f595d824662bfc8d38f9', class: "gn__main-menu-links" }, bpps.mainMenu.tpl())), h("div", { key: '46d421a37bcc66167602b7fdd07ac969ecc0a647', class: "gn__main-menu-actions" }, !this.myAccountData ||
+            (!!this.searchIndices.length && (h("nano-dropdown", { key: 'fcb0f16d3ace74755729794e34e92374590eab68', 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 }, h("nano-icon-button", { key: '1f3d7e195ad4c9ede976b7e09d03df4e700640af', class: "gn__search-button", slot: "trigger", iconName: "light/magnifying-glass", label: "Search" }), h("form", { key: '775e27d09ddd5a7d7ab196a9139d679df85c5f31', ref: (form) => (this.searchForm = form), class: "gn__search-form", part: "search-form", onSubmit: this.onSearchSubmit }, this.searchIndices.length > 1 && (h("nano-select", { key: 'f682d7d3823d43fe4a347f7d971a842153487a9c', part: "search-select", label: "Which site do you wish to search in?", mask: true, hideLabel: true, value: this.activeIndex?.index, onNanoChange: this.handleSearchIndexChangeEvent }, this.searchIndices.map((index) => (h("nano-option", { selected: index.name === this.searchIndex, value: index.index }, index.name || index.index))))), h("nano-input", { key: '94b870076f8d6e1d4a92ce1662b5d90a893bfd31', ref: (ele) => (this.searchInput = ele), part: "search-input", label: "Search Oxford Nanopore Technologies", placeholder: "Search Oxford Nanopore...", hideLabel: true, clearable: true, showInlineError: false, onNanoChange: (e) => {
                     this.handleSearchTermChangeEvent(e.detail.value);
-                }, onNanoInput: this.handleSearchTermInputEvent, debounce: 500, value: this._searchValue }, h("nano-icon", { key: 'c24763719daaac73a51f2344781c4bc265087435', slot: "end", name: "light/magnifying-glass" }), h("nano-datalist", { key: 'd9ddcbc8bb9c5278cd83571dc343f609e82797f8', class: "gn__search-results", onNanoSelect: (e) => e.preventDefault(), dropDownConfig: { tetherTo: this.searchForm }, disableFilter: true }, this.searchLoading && (h("div", { key: '6c735f7257f2b6603bb31b3800d86b088b636614', slot: "no-result", class: "gn__search-loading" }, h("nano-spinner", { key: '07e7e682e645f956cb9b0a1c260bab2ba2749408' }, "Searching..."))), this.noResultPartial(), !!this.autocompleteResults?.hits.length && [
+                }, onNanoInput: this.handleSearchTermInputEvent, debounce: 500, value: this._searchValue }, h("nano-icon", { key: '13616827412c61fae6ab8ef1e0d9c0900eb988e1', slot: "end", name: "light/magnifying-glass" }), h("nano-datalist", { key: '60a71b7caa844df3cc31f3afe0527c3a246bebe5', class: "gn__search-results", onNanoSelect: (e) => e.preventDefault(), dropDownConfig: { tetherTo: this.searchForm }, disableFilter: true }, this.searchLoading && (h("div", { key: 'd0b77699c6ca33448665d6210e19ab854adea7b3', slot: "no-result", class: "gn__search-loading" }, h("nano-spinner", { key: 'e902ed39f3c7f221aa1cad9e66632549b4682a3a' }, "Searching..."))), this.noResultPartial(), !!this.autocompleteResults?.hits.length && [
                 this.autocompleteResults.hits.map((hit, i) => (h("nano-option", { href: hit.url, class: "gn__search-result", onClick: () => {
                         searchInsight.sendClick({
                             index: this.activeIndex.index,
@@ -15268,13 +15263,13 @@ class GlobalNav {
                             positions: [i + 1],
                         });
                     } }, h("span", { innerHTML: this.autocompleteSnippet(hit) })))),
-                h("nano-option", { key: '3afbfed642ad390bb24d7a8918e6e963728e84d6', class: "gn__search-viewall", onNanoSelect: this.onSearchSubmit }, "View all results"),
-            ])))))), h("div", { key: '530f3cbb5054eb96968a1d656ebf45f447a6acd7', class: "gn__cart" }, this.cartUrl && [
-            h("nano-icon-button", { key: '3efd6e086b3b0475b4d6535db35aa6943d09c6ad', iconName: "light/cart-shopping", label: "View your cart", href: this.cartUrl }),
-            !!this.cartCount && (h("nano-badge", { key: 'aff44e12cae62fb3df2f33d2dc205e733a09d58e', theme: "danger", strength: "2" }, this.cartCount > 9 ? '9+' : this.cartCount)),
+                h("nano-option", { key: 'f3a58ec20d98d12bdcafb029d473754079ac1692', class: "gn__search-viewall", onNanoSelect: this.onSearchSubmit }, "View all results"),
+            ])))))), h("div", { key: '0aa7ed82ca99bb0968923c40d1757307b99ae24f', class: "gn__cart" }, this.cartUrl && [
+            h("nano-icon-button", { key: 'f656faf7184caaab66710451d448fff1945fa2c3', iconName: "light/cart-shopping", label: "View your cart", href: this.cartUrl }),
+            !!this.cartCount && (h("nano-badge", { key: '52cf325c50676a3e43f56609bdbdea906657caa9', theme: "danger", strength: "2" }, this.cartCount > 9 ? '9+' : this.cartCount)),
         ]), this.breakpoint <= bpps.contact.breakpoint
             ? bpps.contact.tpl()
-            : '', this.isLoggedIn ? (h("nano-dropdown", { dialogTitle: "User menu", class: "gn__user-dropdown", distance: 10, placement: "bottom-end" }, h("button", { slot: "trigger", class: "gn__user-dropdown-trigger" }, h("nano-icon", { name: "light/user" }), h("nano-icon", { name: "light/chevron-down", class: "gn__user-dropdown-chevron" }), !!this.msgCount && (h("nano-badge", { theme: "danger", strength: "2" }, this.msgCount > 9 ? '9+' : this.msgCount))), this.loggedInPanel())) : (h("nano-cta", { secondary: true, size: "small", icon: "false", class: "gn__login-cta" }, typeof this.loginUrl === 'string' ? (h("a", { href: this.formatLoginLink(this.loginUrl) }, "Login")) : (h("button", { onClick: this.loginUrl }, "Login")))))))), h("nano-global-search-results", { key: '17b5bfc029b94fc14834693278018a5f424af947', part: "site-search-results" }, h("div", { key: 'b91a4b40c29c3446991955316e6850152660bfc5', class: "gn__site", part: "site-wrapper" }, h("slot", { key: '891f2f433e7a6fa72c5eae46e12a6079c5870a2e' }))))));
+            : '', this.isLoggedIn ? (h("nano-dropdown", { dialogTitle: "User menu", class: "gn__user-dropdown", distance: 10, placement: "bottom-end" }, h("button", { slot: "trigger", class: "gn__user-dropdown-trigger" }, h("nano-icon", { name: "light/user" }), h("nano-icon", { name: "light/chevron-down", class: "gn__user-dropdown-chevron" }), !!this.msgCount && (h("nano-badge", { theme: "danger", strength: "2" }, this.msgCount > 9 ? '9+' : this.msgCount))), this.loggedInPanel())) : (h("nano-cta", { secondary: true, size: "small", icon: "false", class: "gn__login-cta" }, typeof this.loginUrl === 'string' ? (h("a", { href: this.formatLoginLink(this.loginUrl) }, "Login")) : (h("button", { onClick: this.loginUrl }, "Login")))))))), h("nano-global-search-results", { key: 'a7f263fab65063715865870f27e9885bad28914b', part: "site-search-results" }, h("div", { key: '3746c4ed16759a89d4d24aa859d6ba3427597928', class: "gn__site", part: "site-wrapper" }, h("slot", { key: '537e1227c52fd22d6aa4ff8b7bdd0ae84f994fcc' }))))));
     }
     static get assetsDirs() { return ["assets"]; }
     static get watchers() { return {
@@ -15296,7 +15291,7 @@ class GlobalNav {
             "loginUrl": [1025, "login-url"],
             "logoutUrl": [1025, "logout-url"],
             "contactUrl": [1, "contact-url"],
-            "sessionRedirect": [6145, "session-redirect"],
+            "sessionRedirect": [1, "session-redirect"],
             "cartCount": [1026, "cart-count"],
             "msgCount": [1026, "msg-count"],
             "myAccountUrl": [1, "my-account-url"],
@@ -30174,15 +30169,15 @@ class Slides {
         this.destroyflickity();
     }
     render() {
-        return (h(Host, { key: '53e5053243b916cb7c18f7cc724243499967c685', class: "nano-slides" }, h("div", { key: '3145ac379c615bc217f66316a8ffb460a30411fd', class: {
+        return (h(Host, { key: 'b6f08fc2b892fa03e5e5d1c6faa8c9ed5c96909f', class: "nano-slides" }, h("div", { key: '31703829da5889f44e9918c813b71a9c12955881', class: {
                 slideshow: true,
                 ready: this.ready,
                 'not-ready': !this.ready,
-            }, part: "base" }, h("div", { key: '0ac7135cea8ee6eedeb8501bd6c313caee284776', ref: (div) => (this.flickityEl = div), class: {
+            }, part: "base" }, h("div", { key: '9f85e49dc9fc7e78fd73aabf81f21bcb4f7c9a29', ref: (div) => (this.flickityEl = div), class: {
                 'flickity-container': true,
                 'slides-ready': this.slidesReady,
                 'slides-not-ready': !this.slidesReady,
-            }, part: "slide-container" }, h("slot", { key: '386b898f935eea6edd900b79ddd88428dfc451b7', onSlotchange: () => this.update() })), h("div", { key: 'bbbddaa068815f97add65c2dddca924ef6b3b7e6', class: "ui-extras" }, h("slot", { key: '7726565fdde73499b9634c52956e6efbd64b3e85', name: "ui" })), this.slideCount > 1 && (this.pager || this.navbtns) && (h("div", { key: 'd319e3cd262779cf7b83e67af14175626d229d3e', class: "pagination", part: "pagination" }, this.navbtns && (h("button", { key: 'e8c63357aba75bf288c19c26545bc34836499c82', class: "flickity-button flickity-prev-next-button previous", part: "navigation-button navigation-button--previous", "aria-label": "Previous slide", onClick: () => this.slidePrev(), disabled: this.iCurrentSlide === 0 && !this.options.wrapAround }, h("span", { key: '03c5edcf3f4c9138b9badc7183e72ff813149894', class: "button-icon button-icon--previous", part: "navigation-icon" }, h("slot", { key: '52f6a1bf14e50e3b89d848bdb7febc64f0b53ef5', name: "previous-icon" })))), this.pager && (h("div", { key: '9f2117dda3dde1d875a90e442844fca2ddfbaec4', class: "flickity-page-dots" }, Array.from({ length: this.slideCount }).map((_, index) => (h("button", { part: "pagination-item--active", key: index, class: {
+            }, part: "slide-container" }, h("slot", { key: 'df99653f152b14f4e06e2451a93e7517c82027d9', onSlotchange: () => this.update() })), h("div", { key: '0f34a9196a369cadc93a7a678f318f036a4f8bc2', class: "ui-extras" }, h("slot", { key: '6fee3e51010cbdd25ad74b59e86133a30501fe13', name: "ui" })), this.slideCount > 1 && (this.pager || this.navbtns) && (h("div", { key: '54c54f41d109ea9ee44cad50dd8929046b8fabf0', class: "pagination", part: "pagination" }, this.navbtns && (h("button", { key: '6c06cd8854f495dd8df48b94c98eb5cfa5767947', class: "flickity-button flickity-prev-next-button previous", part: "navigation-button navigation-button--previous", "aria-label": "Previous slide", onClick: () => this.slidePrev(), disabled: this.iCurrentSlide === 0 && !this.options.wrapAround }, h("span", { key: 'a7a80501503e055217b546ef618f9665eee79ebc', class: "button-icon button-icon--previous", part: "navigation-icon" }, h("slot", { key: 'd43695afeecb25ba5ba5b0dc674ee4123b35540f', name: "previous-icon" })))), this.pager && (h("div", { key: '5e975ec703c51f361f654afac6bc03a7e4d03892', class: "flickity-page-dots" }, Array.from({ length: this.slideCount }).map((_, index) => (h("button", { part: "pagination-item--active", key: index, class: {
                 'pagination-btn': true,
                 'pagination-btn--active': this.isActive(index),
                 'is-selected': this.isActive(index),
@@ -30191,8 +30186,8 @@ class Slides {
                 if (this.isActive(index))
                     return;
                 this.slideTo(index);
-            } }, h("span", { class: "pagination-btn__label" }, "Go to slide ", index + 1)))))), this.navbtns && (h("button", { key: 'a4f0c700decb3c0745b783063546a7da5793a302', class: "flickity-button flickity-prev-next-button next", part: "navigation-button navigation-button--next", "aria-label": "Next slide", onClick: () => this.slideNext(), disabled: this.syncflickity?.slides.length ===
-                this.iCurrentSlide + 1 && !this.options.wrapAround }, h("span", { key: '4ab79d86bda8063f2b001242fdde577a05f6ece8', class: "button-icon", part: "navigation-icon" }, h("slot", { key: 'c37c271310db7076b429e79c671a9b6f9d119a88', name: "next-icon" })))))))));
+            } }, h("span", { class: "pagination-btn__label" }, "Go to slide ", index + 1)))))), this.navbtns && (h("button", { key: '7670270c71a6eb61e9a1de33f4a4214ed4a035f9', class: "flickity-button flickity-prev-next-button next", part: "navigation-button navigation-button--next", "aria-label": "Next slide", onClick: () => this.slideNext(), disabled: this.syncflickity?.slides.length ===
+                this.iCurrentSlide + 1 && !this.options.wrapAround }, h("span", { key: '7140891f079fc702044e6bd46aaaf996dbac02d7', class: "button-icon", part: "navigation-icon" }, h("slot", { key: 'ceed5fb13ebf410b999f7b4a10a0489b2162d4ed', name: "next-icon" })))))))));
     }
     static get watchers() { return {
         "options": ["optionsChanged"],

package/hydrate/index.mjs

@@ -14777,14 +14777,8 @@ class GlobalNav {
     logoutUrl = '';
     /** Url to the Nanopore contact page */
     contactUrl = 'https://nanoporetech.com/contact';
-    _sessionRedirect = window.location.href;
     /** A url to take the user after login or logout. Defaults to current URL. Is automatically URI encoded */
-    get sessionRedirect() {
-        return encodeURIComponent(this._sessionRedirect);
-    }
-    set sessionRedirect(val) {
-        this._sessionRedirect = val;
-    }
+    sessionRedirect = window.location.href;
     /** MyAccount store cart count.*/
     cartCount = 0;
     /** MyAccount un-read message count. */
@@ -14861,11 +14855,12 @@ class GlobalNav {
             return '';
         if (!this.sessionRedirect)
             return link;
+        const redirect = encodeURIComponent(this.sessionRedirect);
         if (link.endsWith('='))
-            return link + this.sessionRedirect;
+            return link + redirect;
         if (link.includes('?'))
-            return link + '&RelayState=' + this.sessionRedirect;
-        return link + '?RelayState=' + this.sessionRedirect;
+            return link + '&RelayState=' + redirect;
+        return link + '?RelayState=' + redirect;
     }
     /// USER LOGIN - end ///
     /// RESIZING - start ///
@@ -15242,21 +15237,21 @@ class GlobalNav {
     }
     render() {
         const bpps = this.bpPartials;
-        return (h(Host, { key: 'c486ced318c2125efc1773db0ac1f70d99a47e37', class: {
+        return (h(Host, { key: '1d15ddb44d49d6e8d9bd8e6179cdefaee729d800', class: {
                 'overflow-menu': this.breakpoint > bpps.mainMenu.breakpoint,
                 'bar-menu': this.breakpoint <= bpps.mainMenu.breakpoint,
                 'nano-global-nav': true,
-            } }, h("div", { key: '87eb2ceb4aee98be12f13adec72c8f7190a41fb9', class: {
+            } }, h("div", { key: '30dfb51cf5f539a91b388d3284f7e167834c1f66', class: {
                 gn: true,
                 'gn__search-open': this.searchBarShown,
-            } }, h("nano-drawer", { key: '7c509c7835494d84fe89220905ba886c8f42cce6', ref: (el) => (this.overflowMenu = el), label: "Main menu", part: "drawer", class: "gn__drawer nano-theme-dark", placement: "start", open: this.overflowOpen, onNanoAfterHide: () => (this.overflowOpen = false), onNanoAfterShow: () => (this.overflowOpen = true) }, h("div", { key: 'f6fc726040f11c34143942c0ef67fcfc52e7da2a', class: "gn__drawer-header", part: "overflow-header", slot: "label" }, "Main menu"), h("nav", { key: '2a9f0327ef583af91360248b6e5cf6587e3252d6', class: "gn__drawer-menu", part: "overflow-menu" }, this.breakpoint > bpps.mainMenu.breakpoint
+            } }, h("nano-drawer", { key: 'eb0e9d0fa7d42473267fc5b465201b78322303b4', ref: (el) => (this.overflowMenu = el), label: "Main menu", part: "drawer", class: "gn__drawer nano-theme-dark", placement: "start", open: this.overflowOpen, onNanoAfterHide: () => (this.overflowOpen = false), onNanoAfterShow: () => (this.overflowOpen = true) }, h("div", { key: '22fef7c9b69aff7a3678900c45824ae8dae74f31', class: "gn__drawer-header", part: "overflow-header", slot: "label" }, "Main menu"), h("nav", { key: '5ac9edc335d61308f1779e872f2600671322b35c', class: "gn__drawer-menu", part: "overflow-menu" }, this.breakpoint > bpps.mainMenu.breakpoint
             ? bpps.mainMenu.tpl()
-            : '', h("slot", { key: '48a1da58084726cf21d6790d0a3a619d041abb89', name: "overflow" }))), h("div", { key: 'c5d905c018f98ded7cc77cb90eb25d4d122d3f48', class: "gn__menu-bar-wrapper" }, h("div", { key: 'c2ffcfd6347d984b1dec0aca9718725fe9ed8468', class: "gn__menu-bar", part: "menu-bar", ref: (el) => (this.mainMenuBar = el) }, h("nav", { key: '7c32a8fdb50f70384baa1250d89bb20b20319244', "aria-label": "Global navigation", class: `gn__main-menu ${this.shouldResize ? 'resizing' : ''}`, part: "main-menu", ref: (el) => (this.mainMenu = el) }, this.breakpoint > bpps.mainMenu.breakpoint && (h("nano-icon-button", { key: 'a1a16169d019a81d04cda654ce18e7814fbf47cf', class: "gn__overflow-button", iconName: "light/bars", label: "Open Menu", onClick: () => this.overflowMenu.show() })), h("slot", { key: 'd85b9a21d18bd3e59929b2a13ea179a1f2dd18ed', name: "logo" }, h("a", { key: 'daa19447dfa301522dd1f4e654b8d9d729005c78', href: this.logoUrl, class: "gn__logo-link", part: "logo-link" }, this.breakpoint <= bpps.logo.breakpoint ? (h("img", { src: getAssetPath('../nano-assets/ont-logo.svg'), alt: `Oxford Nanopore Technologies logo. Features a stylised representation of a nanopore,
+            : '', h("slot", { key: '600ef94c796db36e84e5ce57a74d826508336369', name: "overflow" }))), h("div", { key: '7df8f3b3865b6bfda36953f8d12d1dc405420948', class: "gn__menu-bar-wrapper" }, h("div", { key: 'aa8f39a6b742f77bb1c277fec54144f5cb567619', class: "gn__menu-bar", part: "menu-bar", ref: (el) => (this.mainMenuBar = el) }, h("nav", { key: 'a2a316bd2bffb7977ff45e4e947599ee4169a626', "aria-label": "Global navigation", class: `gn__main-menu ${this.shouldResize ? 'resizing' : ''}`, part: "main-menu", ref: (el) => (this.mainMenu = el) }, this.breakpoint > bpps.mainMenu.breakpoint && (h("nano-icon-button", { key: '42bec05328c771483904ec4d4f31b3417e593db2', class: "gn__overflow-button", iconName: "light/bars", label: "Open Menu", onClick: () => this.overflowMenu.show() })), h("slot", { key: '98e18d03956ac5f8361c3b5d5eef4beca732ee3a', name: "logo" }, h("a", { key: '62f72a5bde4108682687fef1a4c17a45ea94a98e', href: this.logoUrl, class: "gn__logo-link", part: "logo-link" }, this.breakpoint <= bpps.logo.breakpoint ? (h("img", { src: getAssetPath('../nano-assets/ont-logo.svg'), alt: `Oxford Nanopore Technologies logo. Features a stylised representation of a nanopore,
                             (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: "35", part: "logo logo--large" })) : (h("img", { src: getAssetPath('../nano-assets/ont-wheel.svg'), alt: `Oxford Nanopore Technologies logo. A stylised representation of a nanopore,
-                            (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: "35", height: "35", part: "logo logo--small" })))), this.breakpoint <= bpps.mainMenu.breakpoint && (h("div", { key: '9af9721eb7f52ee01c969c26777d69a851344cff', class: "gn__main-menu-links" }, bpps.mainMenu.tpl())), h("div", { key: '9b04e1c4bcb5df08e9ecd20978dd4e9169a82cef', class: "gn__main-menu-actions" }, !this.myAccountData ||
-            (!!this.searchIndices.length && (h("nano-dropdown", { key: '154b2a574e8390a7caa16f5df56a5cbed465b9ef', 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 }, h("nano-icon-button", { key: 'bbc67a0854c3e27fde7741139e37e1c2bed88111', class: "gn__search-button", slot: "trigger", iconName: "light/magnifying-glass", label: "Search" }), h("form", { key: 'a32f032d0e68df256429734ba1da886539b2fcbd', ref: (form) => (this.searchForm = form), class: "gn__search-form", part: "search-form", onSubmit: this.onSearchSubmit }, this.searchIndices.length > 1 && (h("nano-select", { key: '7d3275457d3f569ebdf6266b8542a476547a3a8d', part: "search-select", label: "Which site do you wish to search in?", mask: true, hideLabel: true, value: this.activeIndex?.index, onNanoChange: this.handleSearchIndexChangeEvent }, this.searchIndices.map((index) => (h("nano-option", { selected: index.name === this.searchIndex, value: index.index }, index.name || index.index))))), h("nano-input", { key: '2fa9cfd9db3f14857737b0ee575e8ea77997fa37', ref: (ele) => (this.searchInput = ele), part: "search-input", label: "Search Oxford Nanopore Technologies", placeholder: "Search Oxford Nanopore...", hideLabel: true, clearable: true, showInlineError: false, onNanoChange: (e) => {
+                            (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: "35", height: "35", part: "logo logo--small" })))), this.breakpoint <= bpps.mainMenu.breakpoint && (h("div", { key: 'add2e395a8573a07aa28f595d824662bfc8d38f9', class: "gn__main-menu-links" }, bpps.mainMenu.tpl())), h("div", { key: '46d421a37bcc66167602b7fdd07ac969ecc0a647', class: "gn__main-menu-actions" }, !this.myAccountData ||
+            (!!this.searchIndices.length && (h("nano-dropdown", { key: 'fcb0f16d3ace74755729794e34e92374590eab68', 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 }, h("nano-icon-button", { key: '1f3d7e195ad4c9ede976b7e09d03df4e700640af', class: "gn__search-button", slot: "trigger", iconName: "light/magnifying-glass", label: "Search" }), h("form", { key: '775e27d09ddd5a7d7ab196a9139d679df85c5f31', ref: (form) => (this.searchForm = form), class: "gn__search-form", part: "search-form", onSubmit: this.onSearchSubmit }, this.searchIndices.length > 1 && (h("nano-select", { key: 'f682d7d3823d43fe4a347f7d971a842153487a9c', part: "search-select", label: "Which site do you wish to search in?", mask: true, hideLabel: true, value: this.activeIndex?.index, onNanoChange: this.handleSearchIndexChangeEvent }, this.searchIndices.map((index) => (h("nano-option", { selected: index.name === this.searchIndex, value: index.index }, index.name || index.index))))), h("nano-input", { key: '94b870076f8d6e1d4a92ce1662b5d90a893bfd31', ref: (ele) => (this.searchInput = ele), part: "search-input", label: "Search Oxford Nanopore Technologies", placeholder: "Search Oxford Nanopore...", hideLabel: true, clearable: true, showInlineError: false, onNanoChange: (e) => {
                     this.handleSearchTermChangeEvent(e.detail.value);
-                }, onNanoInput: this.handleSearchTermInputEvent, debounce: 500, value: this._searchValue }, h("nano-icon", { key: 'c24763719daaac73a51f2344781c4bc265087435', slot: "end", name: "light/magnifying-glass" }), h("nano-datalist", { key: 'd9ddcbc8bb9c5278cd83571dc343f609e82797f8', class: "gn__search-results", onNanoSelect: (e) => e.preventDefault(), dropDownConfig: { tetherTo: this.searchForm }, disableFilter: true }, this.searchLoading && (h("div", { key: '6c735f7257f2b6603bb31b3800d86b088b636614', slot: "no-result", class: "gn__search-loading" }, h("nano-spinner", { key: '07e7e682e645f956cb9b0a1c260bab2ba2749408' }, "Searching..."))), this.noResultPartial(), !!this.autocompleteResults?.hits.length && [
+                }, onNanoInput: this.handleSearchTermInputEvent, debounce: 500, value: this._searchValue }, h("nano-icon", { key: '13616827412c61fae6ab8ef1e0d9c0900eb988e1', slot: "end", name: "light/magnifying-glass" }), h("nano-datalist", { key: '60a71b7caa844df3cc31f3afe0527c3a246bebe5', class: "gn__search-results", onNanoSelect: (e) => e.preventDefault(), dropDownConfig: { tetherTo: this.searchForm }, disableFilter: true }, this.searchLoading && (h("div", { key: 'd0b77699c6ca33448665d6210e19ab854adea7b3', slot: "no-result", class: "gn__search-loading" }, h("nano-spinner", { key: 'e902ed39f3c7f221aa1cad9e66632549b4682a3a' }, "Searching..."))), this.noResultPartial(), !!this.autocompleteResults?.hits.length && [
                 this.autocompleteResults.hits.map((hit, i) => (h("nano-option", { href: hit.url, class: "gn__search-result", onClick: () => {
                         searchInsight.sendClick({
                             index: this.activeIndex.index,
@@ -15266,13 +15261,13 @@ class GlobalNav {
                             positions: [i + 1],
                         });
                     } }, h("span", { innerHTML: this.autocompleteSnippet(hit) })))),
-                h("nano-option", { key: '3afbfed642ad390bb24d7a8918e6e963728e84d6', class: "gn__search-viewall", onNanoSelect: this.onSearchSubmit }, "View all results"),
-            ])))))), h("div", { key: '530f3cbb5054eb96968a1d656ebf45f447a6acd7', class: "gn__cart" }, this.cartUrl && [
-            h("nano-icon-button", { key: '3efd6e086b3b0475b4d6535db35aa6943d09c6ad', iconName: "light/cart-shopping", label: "View your cart", href: this.cartUrl }),
-            !!this.cartCount && (h("nano-badge", { key: 'aff44e12cae62fb3df2f33d2dc205e733a09d58e', theme: "danger", strength: "2" }, this.cartCount > 9 ? '9+' : this.cartCount)),
+                h("nano-option", { key: 'f3a58ec20d98d12bdcafb029d473754079ac1692', class: "gn__search-viewall", onNanoSelect: this.onSearchSubmit }, "View all results"),
+            ])))))), h("div", { key: '0aa7ed82ca99bb0968923c40d1757307b99ae24f', class: "gn__cart" }, this.cartUrl && [
+            h("nano-icon-button", { key: 'f656faf7184caaab66710451d448fff1945fa2c3', iconName: "light/cart-shopping", label: "View your cart", href: this.cartUrl }),
+            !!this.cartCount && (h("nano-badge", { key: '52cf325c50676a3e43f56609bdbdea906657caa9', theme: "danger", strength: "2" }, this.cartCount > 9 ? '9+' : this.cartCount)),
         ]), this.breakpoint <= bpps.contact.breakpoint
             ? bpps.contact.tpl()
-            : '', this.isLoggedIn ? (h("nano-dropdown", { dialogTitle: "User menu", class: "gn__user-dropdown", distance: 10, placement: "bottom-end" }, h("button", { slot: "trigger", class: "gn__user-dropdown-trigger" }, h("nano-icon", { name: "light/user" }), h("nano-icon", { name: "light/chevron-down", class: "gn__user-dropdown-chevron" }), !!this.msgCount && (h("nano-badge", { theme: "danger", strength: "2" }, this.msgCount > 9 ? '9+' : this.msgCount))), this.loggedInPanel())) : (h("nano-cta", { secondary: true, size: "small", icon: "false", class: "gn__login-cta" }, typeof this.loginUrl === 'string' ? (h("a", { href: this.formatLoginLink(this.loginUrl) }, "Login")) : (h("button", { onClick: this.loginUrl }, "Login")))))))), h("nano-global-search-results", { key: '17b5bfc029b94fc14834693278018a5f424af947', part: "site-search-results" }, h("div", { key: 'b91a4b40c29c3446991955316e6850152660bfc5', class: "gn__site", part: "site-wrapper" }, h("slot", { key: '891f2f433e7a6fa72c5eae46e12a6079c5870a2e' }))))));
+            : '', this.isLoggedIn ? (h("nano-dropdown", { dialogTitle: "User menu", class: "gn__user-dropdown", distance: 10, placement: "bottom-end" }, h("button", { slot: "trigger", class: "gn__user-dropdown-trigger" }, h("nano-icon", { name: "light/user" }), h("nano-icon", { name: "light/chevron-down", class: "gn__user-dropdown-chevron" }), !!this.msgCount && (h("nano-badge", { theme: "danger", strength: "2" }, this.msgCount > 9 ? '9+' : this.msgCount))), this.loggedInPanel())) : (h("nano-cta", { secondary: true, size: "small", icon: "false", class: "gn__login-cta" }, typeof this.loginUrl === 'string' ? (h("a", { href: this.formatLoginLink(this.loginUrl) }, "Login")) : (h("button", { onClick: this.loginUrl }, "Login")))))))), h("nano-global-search-results", { key: 'a7f263fab65063715865870f27e9885bad28914b', part: "site-search-results" }, h("div", { key: '3746c4ed16759a89d4d24aa859d6ba3427597928', class: "gn__site", part: "site-wrapper" }, h("slot", { key: '537e1227c52fd22d6aa4ff8b7bdd0ae84f994fcc' }))))));
     }
     static get assetsDirs() { return ["assets"]; }
     static get watchers() { return {
@@ -15294,7 +15289,7 @@ class GlobalNav {
             "loginUrl": [1025, "login-url"],
             "logoutUrl": [1025, "logout-url"],
             "contactUrl": [1, "contact-url"],
-            "sessionRedirect": [6145, "session-redirect"],
+            "sessionRedirect": [1, "session-redirect"],
             "cartCount": [1026, "cart-count"],
             "msgCount": [1026, "msg-count"],
             "myAccountUrl": [1, "my-account-url"],
@@ -30172,15 +30167,15 @@ class Slides {
         this.destroyflickity();
     }
     render() {
-        return (h(Host, { key: '53e5053243b916cb7c18f7cc724243499967c685', class: "nano-slides" }, h("div", { key: '3145ac379c615bc217f66316a8ffb460a30411fd', class: {
+        return (h(Host, { key: 'b6f08fc2b892fa03e5e5d1c6faa8c9ed5c96909f', class: "nano-slides" }, h("div", { key: '31703829da5889f44e9918c813b71a9c12955881', class: {
                 slideshow: true,
                 ready: this.ready,
                 'not-ready': !this.ready,
-            }, part: "base" }, h("div", { key: '0ac7135cea8ee6eedeb8501bd6c313caee284776', ref: (div) => (this.flickityEl = div), class: {
+            }, part: "base" }, h("div", { key: '9f85e49dc9fc7e78fd73aabf81f21bcb4f7c9a29', ref: (div) => (this.flickityEl = div), class: {
                 'flickity-container': true,
                 'slides-ready': this.slidesReady,
                 'slides-not-ready': !this.slidesReady,
-            }, part: "slide-container" }, h("slot", { key: '386b898f935eea6edd900b79ddd88428dfc451b7', onSlotchange: () => this.update() })), h("div", { key: 'bbbddaa068815f97add65c2dddca924ef6b3b7e6', class: "ui-extras" }, h("slot", { key: '7726565fdde73499b9634c52956e6efbd64b3e85', name: "ui" })), this.slideCount > 1 && (this.pager || this.navbtns) && (h("div", { key: 'd319e3cd262779cf7b83e67af14175626d229d3e', class: "pagination", part: "pagination" }, this.navbtns && (h("button", { key: 'e8c63357aba75bf288c19c26545bc34836499c82', class: "flickity-button flickity-prev-next-button previous", part: "navigation-button navigation-button--previous", "aria-label": "Previous slide", onClick: () => this.slidePrev(), disabled: this.iCurrentSlide === 0 && !this.options.wrapAround }, h("span", { key: '03c5edcf3f4c9138b9badc7183e72ff813149894', class: "button-icon button-icon--previous", part: "navigation-icon" }, h("slot", { key: '52f6a1bf14e50e3b89d848bdb7febc64f0b53ef5', name: "previous-icon" })))), this.pager && (h("div", { key: '9f2117dda3dde1d875a90e442844fca2ddfbaec4', class: "flickity-page-dots" }, Array.from({ length: this.slideCount }).map((_, index) => (h("button", { part: "pagination-item--active", key: index, class: {
+            }, part: "slide-container" }, h("slot", { key: 'df99653f152b14f4e06e2451a93e7517c82027d9', onSlotchange: () => this.update() })), h("div", { key: '0f34a9196a369cadc93a7a678f318f036a4f8bc2', class: "ui-extras" }, h("slot", { key: '6fee3e51010cbdd25ad74b59e86133a30501fe13', name: "ui" })), this.slideCount > 1 && (this.pager || this.navbtns) && (h("div", { key: '54c54f41d109ea9ee44cad50dd8929046b8fabf0', class: "pagination", part: "pagination" }, this.navbtns && (h("button", { key: '6c06cd8854f495dd8df48b94c98eb5cfa5767947', class: "flickity-button flickity-prev-next-button previous", part: "navigation-button navigation-button--previous", "aria-label": "Previous slide", onClick: () => this.slidePrev(), disabled: this.iCurrentSlide === 0 && !this.options.wrapAround }, h("span", { key: 'a7a80501503e055217b546ef618f9665eee79ebc', class: "button-icon button-icon--previous", part: "navigation-icon" }, h("slot", { key: 'd43695afeecb25ba5ba5b0dc674ee4123b35540f', name: "previous-icon" })))), this.pager && (h("div", { key: '5e975ec703c51f361f654afac6bc03a7e4d03892', class: "flickity-page-dots" }, Array.from({ length: this.slideCount }).map((_, index) => (h("button", { part: "pagination-item--active", key: index, class: {
                 'pagination-btn': true,
                 'pagination-btn--active': this.isActive(index),
                 'is-selected': this.isActive(index),
@@ -30189,8 +30184,8 @@ class Slides {
                 if (this.isActive(index))
                     return;
                 this.slideTo(index);
-            } }, h("span", { class: "pagination-btn__label" }, "Go to slide ", index + 1)))))), this.navbtns && (h("button", { key: 'a4f0c700decb3c0745b783063546a7da5793a302', class: "flickity-button flickity-prev-next-button next", part: "navigation-button navigation-button--next", "aria-label": "Next slide", onClick: () => this.slideNext(), disabled: this.syncflickity?.slides.length ===
-                this.iCurrentSlide + 1 && !this.options.wrapAround }, h("span", { key: '4ab79d86bda8063f2b001242fdde577a05f6ece8', class: "button-icon", part: "navigation-icon" }, h("slot", { key: 'c37c271310db7076b429e79c671a9b6f9d119a88', name: "next-icon" })))))))));
+            } }, h("span", { class: "pagination-btn__label" }, "Go to slide ", index + 1)))))), this.navbtns && (h("button", { key: '7670270c71a6eb61e9a1de33f4a4214ed4a035f9', class: "flickity-button flickity-prev-next-button next", part: "navigation-button navigation-button--next", "aria-label": "Next slide", onClick: () => this.slideNext(), disabled: this.syncflickity?.slides.length ===
+                this.iCurrentSlide + 1 && !this.options.wrapAround }, h("span", { key: '7140891f079fc702044e6bd46aaaf996dbac02d7', class: "button-icon", part: "navigation-icon" }, h("slot", { key: 'ceed5fb13ebf410b999f7b4a10a0489b2162d4ed', name: "next-icon" })))))))));
     }
     static get watchers() { return {
         "options": ["optionsChanged"],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nanoporetech-digital/components",
-  "version": "8.23.8",
+  "version": "8.23.9",
   "sideEffects": false,
   "description": "A collection of Oxford Nanopore corporate / digital webcomponents",
   "type": "module",
@@ -56,7 +56,7 @@
     "smart-array-filter": "^4.0.2",
     "stencil-wormhole": "3.2.1",
     "tyqs": "^0.1.3",
-    "@nanoporetech-digital/style": "8.23.8"
+    "@nanoporetech-digital/style": "8.23.9"
   },
   "devDependencies": {
     "@algolia/client-search": "^4.22.1",

package/dist/nano-components/lazyload-CeaZkqMi.js

@@ -1,4 +0,0 @@
-/*!
- * Custom elements for Nanopore-Digital Web applications
- */
-import{F as t,u as i}from"./nano-slides-BjmaiTR4.js";import"./index-BM3Om9WE.js";import"./renderer-DpNDfhNy.js";t.createMethods.push("_createLazyload");const a=t.prototype;function s(t,i){this.img=t,this.flickity=i,this.load()}a._createLazyload=function(){this.on("select",this.lazyLoad)},a.lazyLoad=function(){const t=this.options.lazyLoad;if(!t)return;const a=this.getAdjacentCellElements("number"==typeof t?t:0);let l=[];a.forEach((function(t){const a=function(t){if("IMG"==t.nodeName){const i=t.getAttribute("data-flickity-lazyload"),a=t.getAttribute("data-flickity-lazyload-src"),s=t.getAttribute("data-flickity-lazyload-srcset");if(i||a||s)return[t]}const a=t.querySelectorAll("img[data-flickity-lazyload], img[data-flickity-lazyload-src], img[data-flickity-lazyload-srcset]");return i.makeArray(a)}(t);l=l.concat(a)})),l.forEach((function(t){new s(t,this)}),this)},s.prototype.handleEvent=i.handleEvent,s.prototype.load=function(){this.img.addEventListener("load",this),this.img.addEventListener("error",this);const t=this.img.getAttribute("data-flickity-lazyload")||this.img.getAttribute("data-flickity-lazyload-src"),i=this.img.getAttribute("data-flickity-lazyload-srcset");this.img.src=t,i&&this.img.setAttribute("srcset",i),this.img.removeAttribute("data-flickity-lazyload"),this.img.removeAttribute("data-flickity-lazyload-src"),this.img.removeAttribute("data-flickity-lazyload-srcset")},s.prototype.onload=function(t){this.complete(t,"flickity-lazyloaded")},s.prototype.onerror=function(t){this.complete(t,"flickity-lazyerror")},s.prototype.complete=function(t,i){this.img.removeEventListener("load",this),this.img.removeEventListener("error",this);const a=this.flickity.getParentCell(this.img),s=a&&a.element;this.flickity.cellSizeChange(s),this.img.classList.add(i),this.flickity.dispatchEvent("lazyLoad",t,s)},t.LazyLoader=s;