@nanoporetech-digital/components 8.0.0-alpha.5 → 8.0.0-alpha.6

package/dist/esm/{slot-DYFgWo5f.js → slot-Db9r1aLM.js}

@@ -58,8 +58,8 @@ class HasSlotController {
         };
     }
     hasDefaultSlot() {
-        if (!this.host || !this.host.isConnected)
-            return;
+        if (!this.host)
+            return false;
         return [...this.host.childNodes].some((node) => {
             if (node.nodeType === Node.TEXT_NODE && node.textContent.trim() !== '') {
                 return true;
@@ -75,9 +75,9 @@ class HasSlotController {
         });
     }
     hasNamedSlot(name) {
-        if (!this.host || !this.host.isConnected)
-            return;
-        return !!Array.from(this.host.children).find(ele => ele.getAttribute('slot') && ele.getAttribute('slot') === name);
+        if (!this.host)
+            return false;
+        return !!this.host.querySelector(`[slot="${name}"]`);
     }
     has(slotName) {
         return slotName === '[default]'

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

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{r as n,c as t,a as o,d as a}from"./index-DXvE-U_j.js";import{M as e}from"./modal-B_AxJQQp.js";import{l as i,u as r}from"./scroll-iCYjzh9N.js";import{h as s,t as l}from"./renderer-BUaAsDso.js";import{b as c}from"./active-element-C1pBwzyj.js";import{H as h}from"./slot-DYFgWo5f.js";import"./tabbable-C4l-rYq9.js";import"./dom-Cb7FUtXp.js";let d,m,u,p;globalThis.document&&(d=Object.assign(document.createElement("div"),{className:"nano-toast-stack nano-toast-stack--tr"}),m=Object.assign(document.createElement("div"),{className:"nano-toast-stack nano-toast-stack--tl"}),u=Object.assign(document.createElement("div"),{className:"nano-toast-stack nano-toast-stack--bl"}),p=Object.assign(document.createElement("div"),{className:"nano-toast-stack nano-toast-stack--br"}));const v=class{constructor(o){n(this,o),this.nanoShow=t(this,"nanoShow",7),this.nanoAfterShow=t(this,"nanoAfterShow",7),this.nanoHide=t(this,"nanoHide",7),this.nanoAfterHide=t(this,"nanoAfterHide",7)}panel;overlay;modal;originalTrigger;goingToHide=!1;goingToShow=!1;autoHideTimeout;remainingTimeInterval;countdownAnimation;countdownElement;slotCtrl=new h(this,"[default]","heading","title","footer");isModal=!1;isToast=!1;isShowing=!1;label;noDismiss=!1;get host(){return o(this)}open=!1;handleOpenChange(){this.open?this.show():this.hide()}closable=!1;color;theme;duration=1/0;remainingTime=this.duration;handleDurationChange(){this.restartAutoHide()}hoist=!1;handleHoistChange(){this.hoist&&document.body.children[0]!==this.host&&document.body.prepend(this.host)}countdown=!0;nanoShow;nanoAfterShow;nanoHide;nanoAfterHide;async show(){if(!this.goingToShow)return this.nanoShow.emit().defaultPrevented?(this.open=!1,!1):(this.host.hidden=!1,this.goingToShow=!0,this.open=!0,requestAnimationFrame((()=>{this.isShowing=!0,this.goingToShow=!1})),void(this.duration<1/0&&this.restartAutoHide()))}async hide(){if(!this.goingToHide)return this.nanoHide.emit().defaultPrevented?(this.open=!0,!1):(this.goingToHide=!0,this.open=!1,c(this.host),requestAnimationFrame((()=>this.goingToHide=!1)),clearTimeout(this.autoHideTimeout),void clearInterval(this.remainingTimeInterval))}async toast(n="tr"){return this.isToast=!0,new Promise((t=>{let o;switch(this.handleCountdownChange(),n){case"tl":o=m;break;case"bl":o=u;break;case"br":o=p;break;default:o=d}o.isConnected||document.body.appendChild(o),o.appendChild(this.host),this.connectedCallback(),this.show();const a=()=>{this.host.remove(),this.isToast=!1,t(),o.querySelector(l("nano-alert"))||o.remove()};this.host.addEventListener("nanoAfterHide",a,{once:!0}),this.host.addEventListener("nano-after-hide",a,{once:!0})}))}async alert(n){return this.isModal=!0,this.label=n,new Promise((n=>{let t=!1;for(const n of document.body.children)"NANO-ALERT"===n.tagName&&n===this.host&&(t=!0);t||document.body.append(this.host),this.modal.activate(),i(this.host),this.originalTrigger=document.activeElement,requestAnimationFrame((()=>{this.show()}));const o=()=>requestAnimationFrame((()=>this.panel.focus({preventScroll:!0}))),a=()=>{this.modal.deactivate(),this.host.remove(),this.label=void 0,this.isModal=!1,n(),this.originalTrigger&&"function"==typeof this.originalTrigger.focus&&setTimeout((()=>this.originalTrigger.focus()))};this.host.addEventListener("nanoAfterShow",o,{once:!0}),this.host.addEventListener("nano-after-show",o,{once:!0}),this.host.addEventListener("nanoAfterHide",a,{once:!0}),this.host.addEventListener("nano-after-hide",a,{once:!0})}))}handleCountdownChange(){this.open&&this.duration<1/0&&this.countdown&&(this.countdownAnimation=this.countdownElement.animate([{width:"100%"},{width:"0"}],{duration:this.duration,easing:"linear"}))}restartAutoHide(){this.handleCountdownChange(),clearTimeout(this.autoHideTimeout),clearInterval(this.remainingTimeInterval),this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout((()=>this.hide()),this.duration),this.remainingTime=this.duration,this.remainingTimeInterval=window.setInterval((()=>{this.remainingTime-=100}),100))}handleMouseEnter=()=>{this.countdownAnimation?.pause(),clearTimeout(this.autoHideTimeout),clearInterval(this.remainingTimeInterval)};handleMouseLeave=()=>{this.duration<1/0&&(this.autoHideTimeout=window.setTimeout((()=>this.hide()),this.remainingTime),this.remainingTimeInterval=window.setInterval((()=>{this.remainingTime-=100}),100),this.countdownAnimation?.play())};handleCloseClick=()=>{this.hide()};handleTransitionEnd=n=>{"opacity"!==n.propertyName||n.target!==this.panel&&n.target!==this.overlay||(this.host.hidden=!this.open,this.isShowing=this.open,this.open?this.nanoAfterShow.emit():this.nanoAfterHide.emit())};handleButtonClick=n=>{n.defaultPrevented||n.target.tagName&&"button"===n.target.tagName.toLowerCase()&&this.hide()};connectedCallback(){this.modal=new e(this.host),this.handleHoistChange(),this.host.addEventListener("click",this.handleButtonClick),this.isShowing="string"==typeof this.host.getAttribute("showing")}disconnectedCallback(){r(this.host),this.host.removeEventListener("click",this.handleButtonClick)}componentDidLoad(){this.open&&!this.isShowing&&this.show()}Panel=()=>s("div",{ref:n=>this.panel=n,part:"panel",class:{alert:!0,"alert--open":this.open,"alert--toasty":this.isToast,"alert--modal":!!this.isModal,"alert--showing":this.isShowing,"alert--nodismiss":this.noDismiss},tabIndex:this.isModal?0:void 0,role:this.isModal?"alertdialog":"alert","aria-atomic":"true","aria-hidden":this.isShowing?"false":"true","aria-modal":this.isModal?"true":void 0,"aria-label":this.label?this.label:void 0,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onTransitionEnd:this.handleTransitionEnd},s("div",{class:"alert__main",part:"main"},s("div",{part:"icon",class:"alert__icon"},s("slot",{name:"icon"})),s("div",{part:"content",class:"alert__content","aria-live":this.isModal?"assertive":"polite"},this.slotCtrl.has("heading")&&s("div",{class:"alert__heading"},s("slot",{name:"heading"})),this.slotCtrl.has("title")&&s("div",{class:"alert__title"},s("slot",{name:"title"})),this.slotCtrl.has("[default]")&&s("div",{class:"alert__body"},s("slot",null)),this.slotCtrl.has("footer")&&s("div",{part:"footer",class:"alert__footer"},s("slot",{name:"footer"}))),this.closable&&s("div",{class:"alert__close",part:"close"},s("nano-icon-button",{iconName:"light/xmark",label:"close menu",onClick:this.handleCloseClick}))),this.duration<1/0&&[s("div",{role:"timer",class:"alert__timer"},this.remainingTime),this.countdown?s("div",{class:"alert__countdown"},s("div",{ref:n=>this.countdownElement=n,class:"alert__countdown-elapsed"})):""]);render(){return s(a,{key:"5e937f25c5029d3e2ec86f0d240b5f4336de9a51",class:{"nano-alert":!0},showing:this.isShowing},this.isModal&&[s("div",{key:"b21cc499555d44cde911efa637662363cb296c71",part:"overlay",class:{alert__overlay:!0,"alert__overlay--open":this.open},ref:n=>this.overlay=n}),s("div",{key:"6e3a1c5b34abc9324a3802927dc95a66ade63b18",class:"alert__modal-wrap",onClick:n=>{n.target.classList.contains("alert__modal-wrap")&&(this.noDismiss=!0,setTimeout((()=>this.noDismiss=!1),250))}},s(this.Panel,{key:"ca7f6ae3565e6a4249ccef33d868a166141b01e0"}))],!this.isModal&&s(this.Panel,{key:"f401f5e740a3af18c298b8ad4492b872b611a1f2"}))}static get watchers(){return{open:["handleOpenChange"],duration:["handleDurationChange"],hoist:["handleHoistChange"]}}};v.style=":host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }:host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }/** Typography */\n:host {\n  /**\n   * @prop --border-radius: Defaults to var(--nano-layer-border-radius);\n   * @prop --border-color: Defaults to var(--nano-layer-border-color);\n   * @prop --border-width: Defaults to var(--nano-layer-border-width);\n   * @prop --background: Defaults to var(--nano-layer-background-color);\n   * @prop --tint-color: The highlight colour (border-start, icon and heading text). Defaults to var(--nano-color-primary-1100);\n   * @prop --icon-size: Defaults to var(--nano-pictogram-size-large);\n   * @prop --scrim-color: overlay colour of alert display. Defaults to var(--nano-overlay-background-color);\n   * @prop --close-button-color: Defaults to var(--nano-color-neutral-400);\n   */\n  --border-radius: var(--nano-layer-border-radius);\n  --border-color: var(--nano-layer-border-color);\n  --border-width: var(--nano-layer-border-width);\n  --icon-size: var(--nano-pictogram-size-large);\n  --scrim-color: var(--nano-overlay-background-color);\n  --close-button-color: var(--nano-color-neutral-800);\n  --tint-color: var(--nano-color-primary-1100);\n  --background: var(--nano-color-primary-50);\n  display: block;\n  container-type: inline-size;\n}\n\n:host([color=neutral]), :host([theme=neutral]) {\n  --tint-color: var(--nano-color-neutral-1200);\n  --background: var(--nano-color-neutral-75);\n}\n\n:host([color=success]), :host([theme=success]) {\n  --tint-color: var(--nano-color-success-1100);\n  --background: var(--nano-color-success-50);\n}\n\n:host([color=warning]), :host([theme=warning]) {\n  --tint-color: var(--nano-color-warning-1100);\n  --background: var(--nano-color-warning-75);\n}\n\n:host([color=danger]), :host([theme=danger]) {\n  --tint-color: var(--nano-color-danger-1100);\n  --background: var(--nano-color-danger-100);\n}\n\n.alert {\n  position: relative;\n  background-color: var(--background);\n  border: solid var(--border-width) var(--border-color);\n  border-inline-start: solid 4px var(--tint-color);\n  border-radius: var(--border-radius);\n  opacity: 0;\n  transform: scale(0.9);\n  transition: var(--nano-transition-medium) opacity ease, var(--nano-transition-fast) transform ease;\n}\n.alert:focus {\n  outline: none;\n}\n.alert:not(.alert--showing) {\n  position: absolute;\n  inline-size: 1px;\n  block-size: 1px;\n  clip-path: inset(50%);\n  overflow: hidden;\n  pointer-events: none;\n  visibility: hidden;\n}\n.alert--open {\n  opacity: 1;\n  transform: none;\n}\n.alert--toasty, .alert--modal {\n  box-shadow: var(--nano-shadow-l2);\n  margin: var(--nano-spacing-md);\n}\n.alert--modal.alert--nodismiss {\n  animation: cannotClose 0.25s ease-in-out 1;\n}\n@keyframes cannotClose {\n  0% {\n    transform: scale(1);\n  }\n  50% {\n    transform: scale(1.08);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n\n.alert__main {\n  display: flex;\n  align-items: stretch;\n}\n\n.alert__content {\n  font-size: var(--nano-font-size-small);\n  line-height: var(--nano-line-height-normal);\n  letter-spacing: var(--nano-letter-spacing-loose);\n  flex: 1 1 auto;\n  padding: var(--nano-spacing-md);\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  gap: var(--nano-spacing-sm);\n}\n\n.alert__modal-wrap {\n  position: fixed;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  inset: 0;\n  z-index: var(--nano-z-index-alert);\n}\n\n.alert__heading {\n  font-size: var(--nano-font-size-small);\n  line-height: var(--nano-line-height-normal);\n  font-weight: var(--nano-font-weight-bold);\n  color: var(--tint-color);\n}\n\n.alert__title {\n  font-weight: var(--nano-font-weight-normal);\n  font-size: var(--nano-font-size-medium);\n  line-height: var(--nano-line-height-dense);\n}\n\n.alert__close {\n  --color: var(--close-button-color);\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  font-size: 1.1em;\n  padding-inline: 0 var(--nano-spacing-md);\n  padding-block: 0;\n}\n\n.alert__overlay {\n  position: fixed;\n  inset: 0;\n  background-color: var(--scrim-color);\n  opacity: 0;\n  transition: var(--nano-transition-fast) opacity;\n  z-index: var(--nano-z-index-alert);\n  pointer-events: all;\n}\n.alert__overlay--open {\n  opacity: 1;\n}\n\n.alert__icon {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: start;\n  font-size: var(--icon-size);\n  padding-block: var(--nano-spacing-md);\n}\n.alert__icon ::slotted(*), .alert__icon::slotted(*) {\n  color: var(--tint-color);\n  margin-inline-start: var(--nano-spacing-md);\n}\n@container (width < 280px) {\n  .alert__icon {\n    display: none;\n  }\n}\n\n.alert__countdown {\n  position: absolute;\n  inset-block-end: 0;\n  inset-inline-start: 0;\n  inline-size: 100%;\n  block-size: 4px;\n  background-color: var(--nano-layer-border-color);\n  display: flex;\n  justify-content: flex-end;\n}\n\n.alert__countdown .alert__countdown-elapsed {\n  block-size: 100%;\n  inline-size: 0;\n}\n\n.alert__timer {\n  clip-path: inset(50%);\n  block-size: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  inline-size: 1px;\n}\n\n.alert__countdown-elapsed {\n  background-color: var(--tint-color);\n}";export{v as nano_alert}
+import{r as n,c as t,a as o,d as a}from"./index-DXvE-U_j.js";import{M as e}from"./modal-B_AxJQQp.js";import{l as i,u as r}from"./scroll-iCYjzh9N.js";import{h as s,t as l}from"./renderer-BUaAsDso.js";import{b as c}from"./active-element-C1pBwzyj.js";import{H as h}from"./slot-Db9r1aLM.js";import"./tabbable-C4l-rYq9.js";import"./dom-Cb7FUtXp.js";let d,m,u,p;globalThis.document&&(d=Object.assign(document.createElement("div"),{className:"nano-toast-stack nano-toast-stack--tr"}),m=Object.assign(document.createElement("div"),{className:"nano-toast-stack nano-toast-stack--tl"}),u=Object.assign(document.createElement("div"),{className:"nano-toast-stack nano-toast-stack--bl"}),p=Object.assign(document.createElement("div"),{className:"nano-toast-stack nano-toast-stack--br"}));const v=class{constructor(o){n(this,o),this.nanoShow=t(this,"nanoShow",7),this.nanoAfterShow=t(this,"nanoAfterShow",7),this.nanoHide=t(this,"nanoHide",7),this.nanoAfterHide=t(this,"nanoAfterHide",7)}panel;overlay;modal;originalTrigger;goingToHide=!1;goingToShow=!1;autoHideTimeout;remainingTimeInterval;countdownAnimation;countdownElement;slotCtrl=new h(this,"[default]","heading","title","footer");isModal=!1;isToast=!1;isShowing=!1;label;noDismiss=!1;get host(){return o(this)}open=!1;handleOpenChange(){this.open?this.show():this.hide()}closable=!1;color;theme;duration=1/0;remainingTime=this.duration;handleDurationChange(){this.restartAutoHide()}hoist=!1;handleHoistChange(){this.hoist&&document.body.children[0]!==this.host&&document.body.prepend(this.host)}countdown=!0;nanoShow;nanoAfterShow;nanoHide;nanoAfterHide;async show(){if(!this.goingToShow)return this.nanoShow.emit().defaultPrevented?(this.open=!1,!1):(this.host.hidden=!1,this.goingToShow=!0,this.open=!0,requestAnimationFrame((()=>{this.isShowing=!0,this.goingToShow=!1})),void(this.duration<1/0&&this.restartAutoHide()))}async hide(){if(!this.goingToHide)return this.nanoHide.emit().defaultPrevented?(this.open=!0,!1):(this.goingToHide=!0,this.open=!1,c(this.host),requestAnimationFrame((()=>this.goingToHide=!1)),clearTimeout(this.autoHideTimeout),void clearInterval(this.remainingTimeInterval))}async toast(n="tr"){return this.isToast=!0,new Promise((t=>{let o;switch(this.handleCountdownChange(),n){case"tl":o=m;break;case"bl":o=u;break;case"br":o=p;break;default:o=d}o.isConnected||document.body.appendChild(o),o.appendChild(this.host),this.connectedCallback(),this.show();const a=()=>{this.host.remove(),this.isToast=!1,t(),o.querySelector(l("nano-alert"))||o.remove()};this.host.addEventListener("nanoAfterHide",a,{once:!0}),this.host.addEventListener("nano-after-hide",a,{once:!0})}))}async alert(n){return this.isModal=!0,this.label=n,new Promise((n=>{let t=!1;for(const n of document.body.children)"NANO-ALERT"===n.tagName&&n===this.host&&(t=!0);t||document.body.append(this.host),this.modal.activate(),i(this.host),this.originalTrigger=document.activeElement,requestAnimationFrame((()=>{this.show()}));const o=()=>requestAnimationFrame((()=>this.panel.focus({preventScroll:!0}))),a=()=>{this.modal.deactivate(),this.host.remove(),this.label=void 0,this.isModal=!1,n(),this.originalTrigger&&"function"==typeof this.originalTrigger.focus&&setTimeout((()=>this.originalTrigger.focus()))};this.host.addEventListener("nanoAfterShow",o,{once:!0}),this.host.addEventListener("nano-after-show",o,{once:!0}),this.host.addEventListener("nanoAfterHide",a,{once:!0}),this.host.addEventListener("nano-after-hide",a,{once:!0})}))}handleCountdownChange(){this.open&&this.duration<1/0&&this.countdown&&(this.countdownAnimation=this.countdownElement.animate([{width:"100%"},{width:"0"}],{duration:this.duration,easing:"linear"}))}restartAutoHide(){this.handleCountdownChange(),clearTimeout(this.autoHideTimeout),clearInterval(this.remainingTimeInterval),this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout((()=>this.hide()),this.duration),this.remainingTime=this.duration,this.remainingTimeInterval=window.setInterval((()=>{this.remainingTime-=100}),100))}handleMouseEnter=()=>{this.countdownAnimation?.pause(),clearTimeout(this.autoHideTimeout),clearInterval(this.remainingTimeInterval)};handleMouseLeave=()=>{this.duration<1/0&&(this.autoHideTimeout=window.setTimeout((()=>this.hide()),this.remainingTime),this.remainingTimeInterval=window.setInterval((()=>{this.remainingTime-=100}),100),this.countdownAnimation?.play())};handleCloseClick=()=>{this.hide()};handleTransitionEnd=n=>{"opacity"!==n.propertyName||n.target!==this.panel&&n.target!==this.overlay||(this.host.hidden=!this.open,this.isShowing=this.open,this.open?this.nanoAfterShow.emit():this.nanoAfterHide.emit())};handleButtonClick=n=>{n.defaultPrevented||n.target.tagName&&"button"===n.target.tagName.toLowerCase()&&this.hide()};connectedCallback(){this.modal=new e(this.host),this.handleHoistChange(),this.host.addEventListener("click",this.handleButtonClick),this.isShowing="string"==typeof this.host.getAttribute("showing")}disconnectedCallback(){r(this.host),this.host.removeEventListener("click",this.handleButtonClick)}componentDidLoad(){this.open&&!this.isShowing&&this.show()}Panel=()=>s("div",{ref:n=>this.panel=n,part:"panel",class:{alert:!0,"alert--open":this.open,"alert--toasty":this.isToast,"alert--modal":!!this.isModal,"alert--showing":this.isShowing,"alert--nodismiss":this.noDismiss},tabIndex:this.isModal?0:void 0,role:this.isModal?"alertdialog":"alert","aria-atomic":"true","aria-hidden":this.isShowing?"false":"true","aria-modal":this.isModal?"true":void 0,"aria-label":this.label?this.label:void 0,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onTransitionEnd:this.handleTransitionEnd},s("div",{class:"alert__main",part:"main"},s("div",{part:"icon",class:"alert__icon"},s("slot",{name:"icon"})),s("div",{part:"content",class:"alert__content","aria-live":this.isModal?"assertive":"polite"},this.slotCtrl.has("heading")&&s("div",{class:"alert__heading"},s("slot",{name:"heading"})),this.slotCtrl.has("title")&&s("div",{class:"alert__title"},s("slot",{name:"title"})),this.slotCtrl.has("[default]")&&s("div",{class:"alert__body"},s("slot",null)),this.slotCtrl.has("footer")&&s("div",{part:"footer",class:"alert__footer"},s("slot",{name:"footer"}))),this.closable&&s("div",{class:"alert__close",part:"close"},s("nano-icon-button",{iconName:"light/xmark",label:"close menu",onClick:this.handleCloseClick}))),this.duration<1/0&&[s("div",{role:"timer",class:"alert__timer"},this.remainingTime),this.countdown?s("div",{class:"alert__countdown"},s("div",{ref:n=>this.countdownElement=n,class:"alert__countdown-elapsed"})):""]);render(){return s(a,{key:"5e937f25c5029d3e2ec86f0d240b5f4336de9a51",class:{"nano-alert":!0},showing:this.isShowing},this.isModal&&[s("div",{key:"b21cc499555d44cde911efa637662363cb296c71",part:"overlay",class:{alert__overlay:!0,"alert__overlay--open":this.open},ref:n=>this.overlay=n}),s("div",{key:"6e3a1c5b34abc9324a3802927dc95a66ade63b18",class:"alert__modal-wrap",onClick:n=>{n.target.classList.contains("alert__modal-wrap")&&(this.noDismiss=!0,setTimeout((()=>this.noDismiss=!1),250))}},s(this.Panel,{key:"ca7f6ae3565e6a4249ccef33d868a166141b01e0"}))],!this.isModal&&s(this.Panel,{key:"f401f5e740a3af18c298b8ad4492b872b611a1f2"}))}static get watchers(){return{open:["handleOpenChange"],duration:["handleDurationChange"],hoist:["handleHoistChange"]}}};v.style=":host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }:host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }/** Typography */\n:host {\n  /**\n   * @prop --border-radius: Defaults to var(--nano-layer-border-radius);\n   * @prop --border-color: Defaults to var(--nano-layer-border-color);\n   * @prop --border-width: Defaults to var(--nano-layer-border-width);\n   * @prop --background: Defaults to var(--nano-layer-background-color);\n   * @prop --tint-color: The highlight colour (border-start, icon and heading text). Defaults to var(--nano-color-primary-1100);\n   * @prop --icon-size: Defaults to var(--nano-pictogram-size-large);\n   * @prop --scrim-color: overlay colour of alert display. Defaults to var(--nano-overlay-background-color);\n   * @prop --close-button-color: Defaults to var(--nano-color-neutral-400);\n   */\n  --border-radius: var(--nano-layer-border-radius);\n  --border-color: var(--nano-layer-border-color);\n  --border-width: var(--nano-layer-border-width);\n  --icon-size: var(--nano-pictogram-size-large);\n  --scrim-color: var(--nano-overlay-background-color);\n  --close-button-color: var(--nano-color-neutral-800);\n  --tint-color: var(--nano-color-primary-1100);\n  --background: var(--nano-color-primary-50);\n  display: block;\n  container-type: inline-size;\n}\n\n:host([color=neutral]), :host([theme=neutral]) {\n  --tint-color: var(--nano-color-neutral-1200);\n  --background: var(--nano-color-neutral-75);\n}\n\n:host([color=success]), :host([theme=success]) {\n  --tint-color: var(--nano-color-success-1100);\n  --background: var(--nano-color-success-50);\n}\n\n:host([color=warning]), :host([theme=warning]) {\n  --tint-color: var(--nano-color-warning-1100);\n  --background: var(--nano-color-warning-75);\n}\n\n:host([color=danger]), :host([theme=danger]) {\n  --tint-color: var(--nano-color-danger-1100);\n  --background: var(--nano-color-danger-100);\n}\n\n.alert {\n  position: relative;\n  background-color: var(--background);\n  border: solid var(--border-width) var(--border-color);\n  border-inline-start: solid 4px var(--tint-color);\n  border-radius: var(--border-radius);\n  opacity: 0;\n  transform: scale(0.9);\n  transition: var(--nano-transition-medium) opacity ease, var(--nano-transition-fast) transform ease;\n}\n.alert:focus {\n  outline: none;\n}\n.alert:not(.alert--showing) {\n  position: absolute;\n  inline-size: 1px;\n  block-size: 1px;\n  clip-path: inset(50%);\n  overflow: hidden;\n  pointer-events: none;\n  visibility: hidden;\n}\n.alert--open {\n  opacity: 1;\n  transform: none;\n}\n.alert--toasty, .alert--modal {\n  box-shadow: var(--nano-shadow-l2);\n  margin: var(--nano-spacing-md);\n}\n.alert--modal.alert--nodismiss {\n  animation: cannotClose 0.25s ease-in-out 1;\n}\n@keyframes cannotClose {\n  0% {\n    transform: scale(1);\n  }\n  50% {\n    transform: scale(1.08);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n\n.alert__main {\n  display: flex;\n  align-items: stretch;\n}\n\n.alert__content {\n  font-size: var(--nano-font-size-small);\n  line-height: var(--nano-line-height-normal);\n  letter-spacing: var(--nano-letter-spacing-loose);\n  flex: 1 1 auto;\n  padding: var(--nano-spacing-md);\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  gap: var(--nano-spacing-sm);\n}\n\n.alert__modal-wrap {\n  position: fixed;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  inset: 0;\n  z-index: var(--nano-z-index-alert);\n}\n\n.alert__heading {\n  font-size: var(--nano-font-size-small);\n  line-height: var(--nano-line-height-normal);\n  font-weight: var(--nano-font-weight-bold);\n  color: var(--tint-color);\n}\n\n.alert__title {\n  font-weight: var(--nano-font-weight-normal);\n  font-size: var(--nano-font-size-medium);\n  line-height: var(--nano-line-height-dense);\n}\n\n.alert__close {\n  --color: var(--close-button-color);\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  font-size: 1.1em;\n  padding-inline: 0 var(--nano-spacing-md);\n  padding-block: 0;\n}\n\n.alert__overlay {\n  position: fixed;\n  inset: 0;\n  background-color: var(--scrim-color);\n  opacity: 0;\n  transition: var(--nano-transition-fast) opacity;\n  z-index: var(--nano-z-index-alert);\n  pointer-events: all;\n}\n.alert__overlay--open {\n  opacity: 1;\n}\n\n.alert__icon {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: start;\n  font-size: var(--icon-size);\n  padding-block: var(--nano-spacing-md);\n}\n.alert__icon ::slotted(*), .alert__icon::slotted(*) {\n  color: var(--tint-color);\n  margin-inline-start: var(--nano-spacing-md);\n}\n@container (width < 280px) {\n  .alert__icon {\n    display: none !important;\n  }\n}\n\n.alert__countdown {\n  position: absolute;\n  inset-block-end: 0;\n  inset-inline-start: 0;\n  inline-size: 100%;\n  block-size: 4px;\n  background-color: var(--nano-layer-border-color);\n  display: flex;\n  justify-content: flex-end;\n}\n\n.alert__countdown .alert__countdown-elapsed {\n  block-size: 100%;\n  inline-size: 0;\n}\n\n.alert__timer {\n  clip-path: inset(50%);\n  block-size: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  inline-size: 1px;\n}\n\n.alert__countdown-elapsed {\n  background-color: var(--tint-color);\n}";export{v as nano_alert}

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

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{r as e,c as n,a as t,d as s}from"./index-DXvE-U_j.js";import{h as a,t as i}from"./renderer-BUaAsDso.js";import{M as l}from"./modal-B_AxJQQp.js";import{l as o,u as r}from"./scroll-iCYjzh9N.js";import{H as c}from"./slot-DYFgWo5f.js";import{w as d}from"./events-ClRFmcmJ.js";import{C as h}from"./component-store-CH5BI3Tg.js";import{g as p}from"./active-element-C1pBwzyj.js";import{d as u}from"./drag-BLOEuv-q.js";import{g as f}from"./tabbable-C4l-rYq9.js";import{s as b}from"./search-insights-8OL2oeQN.js";import{c as m}from"./dom-Cb7FUtXp.js";import{a as _}from"./throttle-C93FMm2Z.js";import{F as g,a as v}from"./form-control-BOVGZF9R.js";const x=class{constructor(n){e(this,n)}initials};x.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}}";const y=class{constructor(n){e(this,n)}theme;strength;pulse},w=class{constructor(t){e(this,t),this.nanoShow=n(this,"nanoShow",7),this.nanoHide=n(this,"nanoHide",7),this.nanoAfterHide=n(this,"nanoAfterHide",7),this.nanoAfterShow=n(this,"nanoAfterShow",7),this.nanoInitialFocus=n(this,"nanoInitialFocus",7),this.nanoRequestClose=n(this,"nanoRequestClose",7)}get host(){return t(this)}originalTrigger;drawer;overlay;modal;slotCtrl=new c(this,"footer");get panel(){return this._panel}set panel(e){this._panel&&this.panel.removeEventListener("animationend",this.handleTransitionEnd),e&&(e.addEventListener("transitionend",this.handleTransitionEnd),this._panel=e)}_panel;noDismiss=!1;isOpen=!1;open=!1;label;placement="end";contained=!1;noHeader=!1;storeId;storeMethod="url-hash";noUserDismiss=!1;hoist=!1;resizable=!1;handleHoistChange(){"popover"in globalThis.HTMLElement.prototype||!this.hoist||Array.from(document.body.children).includes(this.host)||document.body.prepend(this.host)}nanoShow;nanoHide;nanoAfterHide;nanoAfterShow;nanoInitialFocus;nanoRequestClose;async show(){if(!this.open)return this.open=!0,d(this.host,"nanoAfterShow")}async hide(){if(this.open)return this.open=!1,d(this.host,"nanoAfterHide")}requestClose(e){if(this.nanoRequestClose.emit({source:e}).defaultPrevented||this.noUserDismiss)return this.noDismiss=!0,void setTimeout((()=>this.noDismiss=!1),250);this.hide()}handleNoModalChange(){this.open&&!this.contained&&(this.modal.activate(),"function"==typeof this.drawer?.showPopover&&this.drawer.showPopover(),o(this.host)),this.open&&this.contained&&(this.modal.deactivate(),r(this.host))}async handleOpenChange(){if(this.open){this.nanoShow.emit(),this.addOpenListeners(),this.originalTrigger=p(),this.contained||(this.modal.activate(),"function"==typeof this.drawer?.showPopover&&this.drawer.showPopover(),o(this.host));const e=this.host.querySelector("[autofocus]");return e&&e.removeAttribute("autofocus"),this.drawer.hidden=!1,this.isOpen=!0,void requestAnimationFrame((()=>{this.nanoInitialFocus.emit().defaultPrevented||(e||f(this.host,!0,!0,!0)[0]||this.panel).focus({preventScroll:!0}),e&&e.setAttribute("autofocus","")}))}this.nanoHide.emit(),this.removeOpenListeners(),this.contained||(this.modal.deactivate(),r(this.host)),(this.originalTrigger&&"function"==typeof this.originalTrigger.focus?this.originalTrigger:document.body).focus(),requestAnimationFrame((()=>{this.isOpen=!1}))}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleDocumentKeyDown=e=>{this.contained||"Escape"===e.key&&this.modal.isActive()&&this.open&&(e.stopImmediatePropagation(),this.requestClose("keyboard"))};handleTransitionEnd=e=>{if("opacity"===e.propertyName&&e.composedPath().find((e=>e===this.panel||e===this.overlay))){if(!this.open)return this.drawer.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1,this.contained||"function"!=typeof this.drawer?.hidePopover||this.drawer.hidePopover(),void this.nanoAfterHide.emit();this.nanoAfterShow.emit()}};get panelSize(){return["top","bottom"].includes(this.placement)?this.panel.offsetHeight:this.panel.offsetWidth}set panelSize(e){const n=["top","bottom"].includes(this.placement)?"blockSize":"inlineSize";this.panel.style[n]=`clamp(var(--min-size), ${e+"px"}, var(--max-size))`}handleKeyDown=e=>{if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(e.key)){let n=this.panelSize;const t=(e.shiftKey?30:5)*("end"===this.placement||"bottom"===this.placement?-1:1),s=["top","bottom"].includes(this.placement);e.preventDefault(),("ArrowLeft"===e.key&&!s||"ArrowUp"===e.key&&s)&&(n-=t),("ArrowRight"===e.key&&!s||"ArrowDown"===e.key&&s)&&(n+=t),"Home"===e.key&&(n=0),"End"===e.key&&(n=1e4),this.panelSize=n}};handleDrag=e=>{e.preventDefault();const n=["top","bottom"].includes(this.placement),t="end"===this.placement||"bottom"===this.placement,s=n?this.panel.offsetHeight:this.panel.offsetWidth;u(this.host,{relative:!0,initialEvent:e,onMove:(e,a)=>{let i=n?a:e;t&&(i*=-1),this.panelSize=s+i}})};connectedCallback(){this.handleHoistChange(),this.modal=new l(this.host)}disconnectedCallback(){r(this.host)}componentWillLoad(){this.storeId&&h.init(this,["open"],this.storeMethod,this.storeId)}componentDidLoad(){this.drawer.hidden=!this.open,this.open&&(this.handleNoModalChange(),this.show())}render(){return a(s,{key:"487ea65e478b81f58f3302110777a756e5dcf7d4",class:"nano-drawer"},a("div",{key:"12feebdc459f4643d41d5d2dc19643c13c0d9809",ref:e=>this.drawer=e,part:"base",class:{drawer:!0,"drawer--open":this.open,[`drawer--${this.placement}`]:!0,"drawer--contained":this.contained,"drawer--fixed":!this.contained,"drawer--has-footer":this.slotCtrl.has("footer"),"drawer--has-header":!this.noHeader,"drawer--nodismiss":this.noDismiss},popover:this.contained?void 0:"manual"},a("div",{key:"e38b14383dadea34b11db92d6871518b82192859",ref:e=>this.overlay=e,part:"overlay",class:"drawer__overlay",onClick:()=>this.requestClose("overlay"),tabindex:"-1"}),a("div",{key:"4a934cc84b9d4ff06bff84feaf75ac8d463d2d5f",ref:e=>this.panel=e,part:"panel",class:"drawer__panel",role:"dialog","aria-modal":"true","aria-hidden":this.isOpen?"false":"true","aria-label":this.noHeader?this.label:void 0,"aria-labelledby":this.noHeader?void 0:"title",tabindex:"0"},this.resizable&&a("div",{key:"7c8d1c12356974522a698d69ff2e9015dd60ae92",part:"resize-handle",class:"drawer__resize-handle",tabindex:"0",role:"separator","aria-label":"Resize",onKeyDown:this.handleKeyDown,onMouseDown:this.handleDrag,onTouchStart:this.handleDrag},a("slot",{key:"48e2497abc58310beb96648b4cc44d80ae28431f",name:"handle"},["start","end"].includes(this.placement)?a("nano-icon",{slot:"handle",name:"solid/grip-dots-vertical"}):a("nano-icon",{slot:"handle",name:"solid/grip-dots"}))),a("div",{key:"425d5eb60035fb44b7c3ea4ddf4f338d429893ab",class:"drawer__main"},!this.noHeader&&a("nano-sticker",{key:"1f8eac374619dd3b607862254c2573e19963374c"},a("div",{key:"070d62dd270a2040f32e509ec0a2a5eb8c739367",part:"header",class:"drawer__header"},a("div",{key:"f3d0155227515ad548ee70e65a2213711dc13a3a",part:"title",class:"drawer__title",id:"title"},a("slot",{key:"61410c8918849984dd31854a042ec3209c1ca175",name:"label"},this.label.length>0?this.label:String.fromCharCode(65279))),a("div",{key:"262e4616c018e346596b089968f6af8b4a39436a",part:"header-actions",class:"drawer__header-actions"},a("slot",{key:"81245d6449637ca85f631d2065b173dfa3b6c663",name:"header-actions"}),!this.noUserDismiss&&a("nano-icon-button",{key:"0b88624e93df33a23f3f132d05d5f8fbc418f520",part:"close-button",exportparts:"base:close-button__base",class:"drawer__close",iconName:"light/xmark",label:"Close",onClick:()=>this.requestClose("close-button")})))),a("div",{key:"50a441f9c9417ba4fa29f30b63cc54eaf5618a98",part:"body",class:"drawer__body"},a("slot",{key:"478310362285c4ea2fcde71838da527640bf09da"})),a("nano-sticker",{key:"bb6c4a2c6ce89a03270daaf194b0a78914437c2b",position:"bottom"},a("footer",{key:"efbb6ac1f46e3bce948a236f01e26adc63b628cc",part:"footer",class:"drawer__footer"},a("slot",{key:"5a3d95c01ce45c51715d89e4cc3064f337d59b23",name:"footer"})))))))}static get watchers(){return{hoist:["handleHoistChange"],contained:["handleNoModalChange"],open:["handleOpenChange"]}}};w.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{--size:25rem;--min-size:25rem;--max-size:50%;--panel-background:var(--nano-color-neutral-75);--panel-shadow:var(--nano-shadow-l3);--scrim-color:var(--nano-overlay-background-color);--header-button-color:var(--nano-color-primary-1200);--header-button-size:1.375rem;--footer-background:var(--panel-background);--header-background:var(--panel-background);--header-spacing:var(--nano-spacing-l) var(--nano-spacing-l1-default);--body-spacing:var(--nano-spacing-l1-default);--footer-spacing:var(--nano-spacing-l) var(--nano-spacing-l1-default);--dir:1}:host([placement=top]),:host([placement=bottom]){--max-size:80%}:host(:dir(rtl)){--dir:-1}:host-context([dir=rtl]){--dir:-1}.drawer{inset-block-start:0;inset-inline-start:0;pointer-events:none;overflow:hidden;border:none;inline-size:100%;block-size:100%;color:unset;background-color:unset}.drawer::backdrop{display:none}.drawer--contained{position:absolute;z-index:initial}.drawer--fixed{position:fixed;z-index:var(--nano-z-index-modal)}.drawer__panel{position:absolute;z-index:2;max-inline-size:100%;max-block-size:100%;background-color:var(--panel-background);box-shadow:var(--panel-shadow);pointer-events:all;transition:var(--nano-transition-fast) opacity, var(--nano-transition-fast) transform;display:flex}.drawer--top .drawer__panel,.drawer--bottom .drawer__panel{flex-direction:column}@media (forced-colors: active){.drawer__panel{border:solid 1px var(--nano-color-base-1000)}}.drawer__panel:focus{outline:none}.drawer--nodismiss .drawer__panel{animation:cannotClose 0.25s ease-in-out 1}@keyframes cannotClose{0%{scale:1}50%{scale:1.08}100%{scale:1}}.drawer--top .drawer__panel{inset-block:0 auto;inset-inline:0 auto;inline-size:100%;block-size:var(--size);opacity:0;transform:translateY(-100%)}.drawer--bottom .drawer__panel{inset-block:auto 0;inset-inline:0 auto;inline-size:100%;block-size:var(--size);opacity:0;transform:translateY(100%)}.drawer--top.drawer--open .drawer__panel,.drawer--bottom.drawer--open .drawer__panel{opacity:1;transform:translateY(0)}.drawer--start .drawer__panel{inset-block:0 auto;inset-inline:0 auto;inline-size:var(--size);block-size:100%;opacity:0;transform:translateX(calc(var(--dir) * -100%))}.drawer--end .drawer__panel{inset-block:0 auto;inset-inline:auto 0;inline-size:var(--size);block-size:100%;opacity:0;transform:translateX(calc(var(--dir) * 100%))}.drawer--start.drawer--open .drawer__panel,.drawer--end.drawer--open .drawer__panel{opacity:1;transform:translateX(0)}.drawer__resize-handle{display:flex;align-items:center;justify-content:center;position:absolute;z-index:var(--nano-z-index-dropdown);color:var(--nano-color-primary-1200);background-color:var(--nano-color-neutral-75)}.drawer__resize-handle:focus{outline:none}.drawer__resize-handle:focus-visible{background-color:var(--nano-focus-ring-color)}.drawer__resize-handle:active{color:var(--nano-color-primary-800)}.drawer--top .drawer__resize-handle,.drawer--bottom .drawer__resize-handle{cursor:row-resize;inset-inline:0}.drawer--end .drawer__resize-handle,.drawer--start .drawer__resize-handle{cursor:col-resize;inset-block:0}.drawer--end .drawer__resize-handle{inset-inline-start:0}.drawer--start .drawer__resize-handle{inset-inline-end:0}.drawer--top .drawer__resize-handle{inset-block-end:0}.drawer--bottom .drawer__resize-handle{inset-block-start:0}.drawer__header{inline-size:100%;display:flex;background-color:var(--header-background);align-items:center;padding:var(--header-spacing)}[stuck] .drawer__header{box-shadow:var(--nano-shadow-l0)}.drawer__title{flex:1 1 auto;margin:0;font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-xl);line-height:var(--nano-line-height-denser)}.drawer__header-actions{flex-shrink:0;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--nano-spacing-sm);color:var(--header-button-color);inset-inline-end:calc(var(--nano-spacing-l1-default) / 2 * -1);position:relative}.drawer__header-actions .drawer__close,.drawer__header-actions ::slotted(.nano-icon-button){flex:0 0 auto;display:flex;align-items:center;font-size:var(--header-button-size)}.drawer__main{display:flex;flex-direction:column;overflow:auto;-webkit-overflow-scrolling:touch;flex:1 1 auto}.drawer__body{display:block;flex:1 1 auto;padding:var(--body-spacing);padding-block:0 var(--body-spacing);padding-inline:var(--body-spacing)}.drawer:not(.drawer--has-header) .drawer__body{padding-block-start:var(--body-spacing)}.drawer__footer{inline-size:100%;text-align:end;padding:var(--footer-spacing);background:var(--footer-background);inset-block-start:1px;position:relative;border-block-start:1px solid var(--nano-color-neutral-300);gap:var(--nano-spacing-md);display:inline-flex}.drawer:not(.drawer--has-footer) .drawer__footer{display:none}.drawer__overlay{display:block;position:fixed;inset:0;background-color:var(--scrim-color);pointer-events:all;opacity:0;transition:var(--nano-transition-fast) opacity}.drawer--open .drawer__overlay{opacity:1}.drawer--contained .drawer__overlay{display:none}";const k="created > "+Math.floor((Date.now()-631152e5)/1e3);let z=0;const C=class{constructor(t){e(this,t),this.nanoSearchGoBack=n(this,"nanoSearchGoBack",7)}algoliaResultsEle;filtersDiv;openFilterBtn;ro;searchResultId=z++;queryId=this.searchResultId>0?`searchq-${this.searchResultId}`:"searchq";globalNav;algoliaResults;algoliaEle;currentWidth;apiKey;appId;index;get el(){return t(this)}nanoSearchGoBack;handleAlgoliaCredsChange(){this.apiKey&&this.appId&&this.algoliaEle&&(this.algoliaEle.apiKey=this.apiKey,this.algoliaEle.appId=this.appId)}handleAlgoliaIndexChange(){this.index&&this.algoliaEle&&(this.algoliaEle.searchIndex=this.index)}handleAlgoliaEleChange(){this.algoliaEle&&this.algoliaResults&&"Community"===this.algoliaResults.indexName&&(this.algoliaEle.filters=[k])}handleGlobalNavReset=()=>{this.algoliaResultsEle=null,this.goback()};handleGlobalNavSearch=e=>{const{detail:{meta:n,client:t}}=e;this.apiKey=t.apiKey,this.appId=t.appId,this.index={name:n.indexTitle,index:n.index,domain:n.domain,filters:n.filters,replicas:n.replicas},this.algoliaEle.query=n.query};handleReorder(e){e.composedPath().find((e=>e.classList&&e.classList.contains("indexchange")))&&this.algoliaResultsEle&&this.changeOrder(e)}attachListeners(e){if(b.init(e.detail.client.appId,e.detail.client.apiKey),!e.composedPath().find((e=>e.id&&"main-search"===e.id)))return;this.algoliaResultsEle=this.algoliaEle.querySelector("#main-search-results"),this.algoliaResults=e.detail.meta,this.attachResultListeners(),this.algoliaEle.querySelectorAll(".filters-reset").forEach((e=>{e.addEventListener("click",(()=>{this.removeAllFilters()}))})),this.algoliaEle.querySelectorAll(".close-filters").forEach((e=>{e.addEventListener("click",(()=>{this.closefilters()}))}));const n=this.algoliaEle.querySelector(".filters-wrap");n&&n.addEventListener("click",(e=>{e.stopPropagation()})),this.filtersDiv=this.algoliaEle.querySelector("#main-search-filters");const t=this.algoliaEle.querySelector(".old-posts");t&&t.addEventListener("change",(e=>{this.toggleOldResults(e.target.checked)}))}attachResultListeners(e){if(e&&e.composedPath()?.find((e=>e===this.algoliaEle))&&(this.algoliaResultsEle=this.algoliaEle.querySelector("nano-algolia-results")),!this.algoliaResultsEle)return;const n=this.algoliaResultsEle;this.algoliaResultsEle.removeEventListener("click",this.resultClick),this.algoliaResultsEle.addEventListener("click",this.resultClick),n.querySelectorAll(".remove-filter").forEach((e=>{e.removeEventListener("click",this.removeFilterClick),e.addEventListener("click",this.removeFilterClick)})),n.querySelectorAll(".back-btn").forEach((e=>{e.removeEventListener("click",this.goback),e.addEventListener("click",this.goback)})),n.querySelectorAll(".topbar__show-filters").forEach((e=>{this.openFilterBtn=e,e.removeEventListener("click",this.showFiltersClick),e.addEventListener("click",this.showFiltersClick)})),Array.from(n.querySelectorAll(".result__tags-tag")).forEach((e=>{e.removeEventListener("click",this.tagClick),e.addEventListener("click",this.tagClick)}))}async closeSearch(){this.goback()}resultClick=e=>{const n=e.target.closest(".result");"A"===e.target.tagName&&n&&b.sendClick({index:this.algoliaResults.index,eventName:"Global nav full search - search result clicked",queryID:this.algoliaResults.queryID,objectIDs:[n.dataset.hitId],positions:[Number(n.dataset.hitCount)+1]})};showFiltersClick=()=>{this.filtersDiv.tabIndex=-1,this.filtersDiv.classList.add("show"),this.filtersDiv.setAttribute("aria-expanded","true"),document.body.style.overflow="hidden",setTimeout((()=>this.filtersDiv.focus()),20)};removeFilterClick=e=>{this.removeFilter(e.target.dataset.filter,e.target.dataset.filterVal)};tagClick=e=>{e.preventDefault();let n=e.target.dataset.value;n="publication"===n?"publications":n,n=n.toLowerCase();const t=this.algoliaEle.querySelector('nano-algolia-filter[filter-name="tags"]');-1===t.value.indexOf(n)&&(t.value=t.value?[...t.value,n]:[n])};changeOrder(e){this.algoliaEle.replicaIndex=e.detail.value}goback=()=>{this.nanoSearchGoBack.emit().defaultPrevented||(this.removeAllFilters(),this.algoliaEle.query=void 0,this.algoliaEle.showResults=!1)};removeFilter(e,n){this.algoliaEle.removeFilters(e,n)}removeAllFilters(){this.algoliaEle.removeFilters()}closefilters(){this.filtersDiv&&(this.filtersDiv.tabIndex=null,this.filtersDiv.classList.remove("show"),this.filtersDiv.setAttribute("aria-expanded","false"),document.body.style.overflow="",setTimeout((()=>this.openFilterBtn.focus()),20))}toggleOldResults(e){this.algoliaEle.filters=e?this.algoliaEle.filters.filter((e=>!e.startsWith("created > "))):[...this.algoliaEle.filters,k]}connectedCallback(){const e=i("nano-global-nav");if(this.globalNav=this.el.closest(e),!this.globalNav){const n=this.el.getRootNode()?.host;n&&n.tagName===e.toUpperCase()&&(this.globalNav=n)}this.globalNav?(this.globalNav.addEventListener("nanoSearchResult",this.handleGlobalNavSearch),this.globalNav.addEventListener("nanoSearchReset",this.handleGlobalNavReset),this.handleAlgoliaEleChange()):console.error("`<nano-global-search-results>` must be a child of `<nano-global-nav>`")}disconnectedCallback(){this.ro&&this.ro.disconnect(),this.globalNav.removeEventListener("nanoSearchResult",this.handleGlobalNavSearch),this.globalNav.removeEventListener("nanoSearchReset",this.handleGlobalNavReset)}componentDidLoad(){window.ResizeObserver&&(this.ro=new ResizeObserver((e=>{for(const n of e){if(!n.contentRect.width)return;this.currentWidth=n.contentRect.width}})),this.ro.observe(this.el))}render(){return a(s,{key:"adc6446ad3c226627dcae79331259d44849e8266",class:{small:this.currentWidth<677,"nano-global-search-results":!0},dir:"rtl"===this.el.ownerDocument.dir?"rtl":void 0},a("nano-algolia",{key:"28968dd88fdd41225883b953de31cb113a5dc77e",storeId:this.queryId,storeMethod:"url-hash-push",class:"main-search__wrap sc-nano-global-search-results",ref:e=>requestAnimationFrame((()=>this.algoliaEle=e)),id:"main-search"},a("template",{key:"3a12eec09e7ddc91a40b4043bbc6b14879433e11",slot:"template"},'<div class="main-search sc-nano-global-search-results">\n              <nano-algolia-results id="main-search-results" class="main-search__results sc-nano-global-search-results" infinite-scroll>\n                <script type="text/template" slot="start-template">\n                  <div class="sc-nano-global-search-results main-search__topbar topbar">\n                    <button class="sc-nano-global-search-results topbar__bkbtn back-btn icon-button">\n                      <nano-icon class="sc-nano-global-search-results" name="light/chevron-left" size="small"></nano-icon>\n                    </button>\n                    <div>\n                      <em class="sc-nano-global-search-results topbar__query">\'{{ it.query }}\' - </em> <strong>{{ it.totalHitsWithFilters }}</strong> Results\n                    </div>\n\n                    <div class="sc-nano-global-search-results topbar__filtering">\n                      {{ @if (it.results.length) }}\n                        {{ @if (it.searchIndex && it.searchIndex.replicas) }}\n                          <nano-select class="sc-nano-global-search-results topbar__order indexchange" value="{{ it.index }}" hide-label="true" label="Sort order" show-inline-error="false">\n                          {{ @each(it.searchIndex.replicas) => replica }}\n                            <nano-option value="{{ replica.index }}">{{ replica.name }}</nano-option>\n                          {{ /each }}\n                          </nano-select>\n                        {{ /if }}\n                      {{ /if }}\n\n                      <button class="sc-nano-global-search-results topbar__show-filters filters-title" aria-controls="main-search-filters">\n                        {{ @if (it.appliedFilters && it.appliedFilters.length > 0) }}\n                          <span class="sc-nano-global-search-results topbar__filter-count">\n                            {{ (it.appliedFilters.reduce(function(a, b) { return a + (b.values ? b.values.length : 0) }, 0)) }}\n                          </span>\n                        {{ /if }}\n                        <nano-icon class="sc-nano-global-search-results" name="light/filter"></nano-icon>\n                      </button>\n                    </div>\n                  </div>\n\n                  {{ @if (it.results.length) }}\n                    <div class="sc-nano-global-search-results main-search__applied-filters">\n                      {{ @if (it.appliedFilters) }}\n                        {{ @each(it.appliedFilters) => filterObj }}\n                          {{ @each(filterObj.values) => filterVal }}\n                            <span class="sc-nano-global-search-results main-search__applied-filter">\n                              {{ filterVal | public_name }}\n                              <button class="sc-nano-global-search-results icon-button remove-filter" data-filter="{{ filterObj.name }}" data-filter-val="{{ filterVal }}">\n                                <nano-icon class="sc-nano-global-search-results" name="light/xmark"></nano-icon>\n                              </button>\n                            </span>\n                          {{ /each }}\n                        {{ /each }}\n                      {{ #else }}\n                        <span class="sc-nano-global-search-results main-search__applied-nofilter">&nbsp;</span>\n                      {{ /if }}\n                    </div>\n                  {{ /if }}\n                <\/script>\n\n                <script type="text/template" slot="result-template">\n                  \x3c!-- START NO CONTENT --\x3e\n                  {{ @if ((!it.results || !it.results.length)) }}\n                    <div class="search-empty">\n                      <nano-icon name="light/magnifying-glass" class="search-empty-icon"></nano-icon>\n                      <h2>No matches found...</h2>\n                      <p>Please try a different search query.</p>\n                    </div>\n                  {{ /if }}\n                  \x3c!-- END NO CONTENT --\x3e\n\n                  {{ @if (it.totalHitsWithFilters > 0) }}\n                    {{ @each(it.results) => result, resultIndex }}\n                      {{ contentType = result.content_type ? result.content_type : result.type }}\n                      <li class="sc-nano-global-search-results">\n                        <div class="sc-nano-global-search-results result" data-hit-id="{{ result.objectID }}" data-hit-count="{{ resultIndex }}">\n                          <h4 class="sc-nano-global-search-results result__title" data-icon-set="{{(iconSet = false)}}">\n                            <a href="{{ result.url | abs_url(it, result) }}">\n                            {{ @if (result._snippetResult) }}\n                              {{ result._snippetResult.title.value | safe }}\n                            {{ #else }}\n                              {{ result.title | safe }}\n                            {{ /if }}\n                            {{ @if (contentType === \'technical_document\' || contentType === \'literature\' || contentType === \'white_paper\' || contentType === \'protocol\') }}\n                              <span class="sc-nano-global-search-results result__pdf">PDF</span>\n                            {{ /if }}\n                            </a>\n                          </h4>\n                          {{ @if (result.authors) }}\n                            {{ @if (typeof result.authors === \'string\') }}\n                              <a class="sc-nano-global-search-results result__authors" href="{{ result.url | abs_url(it, result) }}">Authors: {{ result.authors | trim_to(50) }}</a>\n                            {{ #else }}\n                              <a class="sc-nano-global-search-results result__authors" href="{{ result.url | abs_url(it, result) }}">\n                                {{ @each(result.authors) => author, index }}\n                                  \x3c!-- {{ @if(index == 0)}} --\x3e\n                                    Authors: {{ author | trim_to(60) }}\n                                  \x3c!-- {{ /if }} --\x3e\n                                {{ /each }}\n                              </a>\n                            {{ /if }}\n                          {{ /if }}\n                          {{ @if (contentType === \'video\' || contentType === \'lc_lightning_talk\' ) }}\n                            {{ @if (result.name) }}\n                              <a class="sc-nano-global-search-results result__authors" href="{{ result.url | abs_url(it, result) }}">Speaker: {{ result.name | trim_to(50) }}</a>\n                            {{ /if }}\n                            <a class="sc-nano-global-search-results result__video-body" href="{{ result.url | abs_url(it, result) }}">\n                              {{ @if (result.image) }}\n                                <div class="sc-nano-global-search-results result__image" style="background-image: url(\'{{ result.image | abs_url(it, result) }}\')">\n                                  <nano-icon class="sc-nano-global-search-results" name="duotone/play-circle"></nano-icon>\n                                </div>\n                              {{ /if }}\n                              <div class="sc-nano-global-search-results result__body">\n                                <div class="sc-nano-global-search-results result__description">\n                                  {{ @if (result.description) }}\n                                    {{ result._snippetResult.description.value | safe }}\n                                  {{ /if }}\n                                </div>\n                              </div>\n                              <div class="sc-nano-global-search-results result__meta">\n                                {{ @if (result.type || result.content_type) }}\n                                  <div class="sc-nano-global-search-results result__type">\n                                  {{ @if (contentType === \'lc_lightning_talk\') }}\n                                    Presentation\n                                  {{ #else }}\n                                    {{ contentType }}\n                                  {{ /if }}\n                                  </div>\n                                {{ /if }}\n                                {{ @if (result.tags) }}\n                                  <div class="sc-nano-global-search-results result__tags">\n                                    {{ @if (typeof result.tags === \'string\') }}\n                                      <button data-value="{{ result.tags | lowercase }}" class="sc-nano-global-search-results result__tags-tag">{{ result.tags }}</button>\n                                    {{ #else }}\n                                      {{ @each(result.tags) => tag, index }}\n                                        {{ @if(index < 5)}}\n                                          {{ @if (tag !== "No video" && tag !== "Resources" && tag !== "Video") }}\n                                            <button data-value="{{ tag | lowercase }}" class="sc-nano-global-search-results result__tags-tag">{{ tag }}</button>\n                                          {{ /if }}\n                                        {{ /if }}\n                                      {{ /each }}\n                                    {{ /if }}\n                                  </div>\n                                {{ /if }}\n                                {{ @if (result.source) }}\n                                  <div class="sc-nano-global-search-results result__source">Source: {{ result.source }}</div>\n                                {{ /if }}\n                              </div>\n                            </a>\n                          {{ /if }}\n                          {{ @if (result.body) }}\n                            <a class="sc-nano-global-search-results result__body" href="{{ result.url | abs_url(it, result) }}">\n                            {{ @if (result._snippetResult) }}\n                              {{ result._snippetResult.body.value | safe }}\n                            {{ /if }}\n                            </a>\n                          {{ /if }}\n                          {{ @if (contentType === \'product\' }}\n                            <div class="sc-nano-global-search-results result__buttons">\n                              <a class="sc-nano-global-search-results result__buttons-button" href="{{ result.url | abs_url(it, result) }}">View product</a>\n                            </div>\n                          {{ /if }}\n                          {{ @if (contentType === \'event\') }}\n                            <a class="sc-nano-global-search-results result__promo" href="{{ result.url | abs_url(it, result) }}">\n                              <div class="sc-nano-global-search-results result__promo-box">\n                                <div class="sc-nano-global-search-results result__promo-bigdate">\n                                  {{ result.start_date | date_long({year: undefined, month: \'short\', day: undefined}) }}\n                                  <span>{{ result.start_date | date_long({year: undefined, month: undefined, day: \'numeric\'}) }}</span>\n                                </div>\n                                <div>\n                                  <div class="sc-nano-global-search-results result__promo-date">\n                                    <nano-icon class="sc-nano-global-search-results" name="light/calendar-days"></nano-icon>\n                                    {{ @if (result.end_date) }}\n                                      {{ @if (result.end_date !== result.start_date) }}\n                                        {{ result.start_date | date_long({weekday: \'short\', day: \'numeric\', month: \'short\'}) }} - {{ result.end_date | date_long({weekday: \'short\', day: \'numeric\', year: \'numeric\', month: \'short\'}) }}\n                                      {{ #else }}\n                                        {{ result.start_date | date_long({weekday: \'short\', day: \'numeric\', year: \'numeric\', month: \'short\'}) }}\n                                      {{ /if }}\n                                    {{ #else }}\n                                      {{ @if (result.start_date) }}\n                                        {{ result.start_date | date_long({weekday: \'short\', day: \'numeric\', year: \'numeric\', month: \'short\'}) }}\n                                      {{ /if }}\n                                    {{ /if }}\n                                  </div>\n                                  <div class="sc-nano-global-search-results result__promo-venue">\n                                    <nano-icon class="sc-nano-global-search-results" name="light/map-marker-alt"></nano-icon>\n                                    Venue\n                                  </div>\n                                </div>\n                              </div>\n                            </a>\n                          {{ /if }}\n                          {{ @if (contentType !== \'lc_lightning_talk\' && contentType !== \'video\') }}\n                            <div class="sc-nano-global-search-results result__meta">\n                              {{ @if (result.type || result.content_type) }}\n                                <div class="sc-nano-global-search-results result__type">\n                                {{ @if (contentType === \'news_item\') }}\n                                  News\n                                {{ #elif (contentType === \'static_page\' || contentType === \'bespoke\') }}\n                                  Page\n                                {{ #elif (contentType === \'case_study\') }}\n                                  Case study\n                                {{ #elif (contentType === \'lc_poster\') }}\n                                  Poster\n                                {{ #elif (contentType === \'nanopore_live\') }}\n                                  Live stream\n                                {{ #elif (contentType === \'data_release\') }}\n                                  Data release\n                                {{ #elif (contentType === \'research_area\') }}\n                                  Research area\n                                {{ #elif (contentType === \'white_paper\') }}\n                                  White paper\n                                {{ #elif (contentType === \'technical_document\') }}\n                                  Technical document\n                                {{ #elif (contentType === \'info_sheet\') }}\n                                  Info sheet\n                                {{ #elif (contentType === \'lc_home\' || contentType === \'lc_venue\') }}\n                                  London Calling\n                                {{ #else }}\n                                  {{ contentType }}\n                                {{ /if }}\n                                </div>\n                              {{ /if }}\n                              {{ @if (contentType !== \'event\') }}\n                                {{ @if (result.updated) }}\n                                  <div class="sc-nano-global-search-results result__date">{{ result.updated | date_long({year: \'numeric\', month: \'short\', day: \'numeric\'}) }}</div>\n                                {{ #else }}\n                                  {{ @if (result.created) }}\n                                    <div class="sc-nano-global-search-results result__date">{{ result.created | date_long({year: \'numeric\', month: \'short\', day: \'numeric\'}) }}</div>\n                                  {{ /if }}\n                                {{ /if }}\n                              {{ /if }}\n                              {{ @if (result.tags) }}\n                                <div class="sc-nano-global-search-results result__tags">\n                                  {{ @if (typeof result.tags === \'string\') }}\n                                    {{ @if (result.tags !== "Resources" && result.tags !== "Tools" && result.tags !== "Publications" && result.tags !== "Case studies") }}\n                                      <button data-value="{{ result.tags | lowercase }}" class="sc-nano-global-search-results result__tags-tag">{{ result.tags }}</button>\n                                    {{ /if }}\n                                  {{ #else }}\n                                    {{ @each(result.tags) => tag, index }}\n                                      {{ @if(index < 5)}}\n                                        {{ @if (tag !== "Resources" && tag !== "Tools" && tag !== "Publications" && tag !== "Case studies") }}\n                                          <button data-value="{{ tag | lowercase }}" class="sc-nano-global-search-results result__tags-tag">{{ tag }}</button>\n                                        {{ /if }}\n                                      {{ /if }}\n                                    {{ /each }}\n                                  {{ /if }}\n                                </div>\n                              {{ /if }}\n                              {{ @if (result.source) }}\n                                <div class="sc-nano-global-search-results result__source">Source: {{ result.source }}</div>\n                              {{ /if }}\n                            </div>\n                          {{ /if }}\n                        </div>\n                      </li>\n                    {{ /each }}\n                  {{ /if }}\n                <\/script>\n\n                <div slot="start-output"></div>\n                <ul slot="result-output" class="sc-nano-global-search-results"></ul>\n              </nano-algolia-results>\n\n              {{ @if(Object.keys(it.origFilters).length) }}\n                <div class="sc-nano-global-search-results main-search__filters filters close-filters" id="main-search-filters">\n                  <div class="sc-nano-global-search-results filters-wrap">\n                    {{ @if(it.totalHits) }}\n                      <div class="sc-nano-global-search-results filters-header">\n                        <strong class="sc-nano-global-search-results filters-title">Filters</strong>\n                        <button class="sc-nano-global-search-results filters-reset">Reset</button>\n                        <button class="sc-nano-global-search-results filters__close-filters close-filters icon-button" aria-controls="main-search-filters">\n                          <nano-icon class="sc-nano-global-search-results" name="light/xmark"></nano-icon>\n                        </button>\n                      </div>\n                    {{ /if }}\n\n                    <div>\n                      <input class="sc-nano-global-search-results filter-cb old-posts filters__old-posts" type="checkbox" name="old-posts" id="old-posts" value="nice" />\n                      <label class="sc-nano-global-search-results filter-label" for="old-posts">\n                        <span>Include posts older than 2 years</span>\n                      </label>\n                      {{ @if(it.origFilters[\'type\']) }}\n                        <nano-details class="sc-nano-global-search-results" open={true} icon-rotation="180">\n                          <strong slot="label">Type</strong>\n                          <nano-icon slot="icon-end" name="light/chevron-down" size="small"></nano-icon>\n                          <nano-algolia-filter store-id="searchf1" store-method="url-hash-push" filter-name="type">\n                            <script type="text/template" slot="filter-template">\n                              <ul class="sc-nano-global-search-results" data-num="{{(x = 0)}}">\n                              {{ @foreach(it.dyn) => filter, filterVal }}\n                                <li class="sc-nano-global-search-results" data-num="{{(x++)}}">\n                                <input class="sc-nano-global-search-results filter-cb" type="checkbox" value="{{ filter }}" id="type-{{ filter }}-{{x}}" />\n                                <label class="sc-nano-global-search-results filter-label" for="type-{{ filter }}-{{x}}">\n                                  <span>{{ filter | public_name }} (<strong>{{ filterVal }}</strong>)</span>\n                                </label></li>\n                              {{ /foreach }}\n                              </ul>\n                            <\/script>\n                            <div slot="output"></div>\n                          </nano-algolia-filter>\n                        </nano-details>\n                      {{ /if }}\n\n                      {{ @if(it.origFilters[\'channel\']) }}\n                        <nano-details open={true} icon-rotation="180">\n                          <strong slot="label">Channels</strong>\n                          <nano-icon slot="icon-end" name="light/chevron-down" size="small"></nano-icon>\n                          <nano-algolia-filter store-id="searchf2" store-method="url-hash-push" filter-name="channel">\n                            <script type="text/template" slot="filter-template">\n                              <ul class="sc-nano-global-search-results" data-num="{{(x = 0)}}">\n                              {{ @foreach(it.dyn) => filter, filterVal }}\n                                <li class="sc-nano-global-search-results" data-num="{{(x++)}}">\n                                <input class="filter-cb sc-nano-global-search-results" type="checkbox" value="{{ filter }}" id="channel-{{ filter }}-{{x}}" />\n                                <label class="filter-label sc-nano-global-search-results" for="channel-{{ filter }}-{{x}}">\n                                  <span>{{ filter | public_name }} (<strong>{{ filterVal }}</strong>)</span>\n                                </label></li>\n                              {{ /foreach }}\n                              </ul>\n                            <\/script>\n                            <div slot="output"></div>\n                          </nano-algolia-filter>\n                        </nano-details>\n                      {{ /if }}\n\n                      {{ @if(it.origFilters[\'authors\']) }}\n                        <nano-details open={true} icon-rotation="180">\n                          <strong slot="label">Authors</strong>\n                          <nano-icon slot="icon-end" name="light/chevron-down" size="small"></nano-icon>\n                          <nano-algolia-filter store-id="searchf3" store-method="url-hash-push" filter-name="authors">\n                            <script type="text/template" slot="filter-template">\n                              <ul class="sc-nano-global-search-results" data-num="{{(x = 0)}}">\n                              {{ @foreach(it.dyn) => filter, filterVal }}\n                                <li class="sc-nano-global-search-results" data-num="{{(x++)}}">\n                                <input class="filter-cb sc-nano-global-search-results" type="checkbox" value="{{ filter }}" id="authors-{{ filter }}-{{x}}" />\n                                <label class="filter-label sc-nano-global-search-results" for="authors-{{ filter }}-{{x}}">\n                                  <span>{{ filter | public_name }} (<strong>{{ filterVal }}</strong>)</span>\n                                </label></li>\n                              {{ /foreach }}\n                              </ul>\n                            <\/script>\n                            <div slot="output"></div>\n                          </nano-algolia-filter>\n                        </nano-details>\n                      {{ /if }}\n\n                      {{ @if(it.origFilters[\'categories_without_path\']) }}\n                        <nano-details open={true} icon-rotation="180">\n                          <strong slot="label">Category</strong>\n                          <nano-icon slot="icon-end" name="light/chevron-down" size="small"></nano-icon>\n                          <nano-algolia-filter store-id="searchf4" store-method="url-hash-push" filter-name="categories_without_path">\n                            <script type="text/template" slot="filter-template">\n                              <ul class="sc-nano-global-search-results" data-num="{{(x = 0)}}">\n                              {{ @foreach(it.dyn) => filter, filterVal }}\n                                {{ @if(!filter.match(/publication/)) }}\n                                  <li class="sc-nano-global-search-results" data-num="{{(x++)}}">\n                                  <input class="sc-nano-global-search-results filter-cb" type="checkbox" value="{{ filter }}" id="cwp-{{ filter }}-{{x}}" />\n                                  <label class="sc-nano-global-search-results filter-label" for="cwp-{{ filter }}-{{x}}">\n                                    <span>{{ filter | public_name }} (<strong>{{ filterVal }}</strong>)</span>\n                                  </label></li>\n                                {{ /if }}\n                              {{ /foreach }}\n                              </ul>\n                            <\/script>\n                            <div slot="output"></div>\n                          </nano-algolia-filter>\n                        </nano-details>\n                      {{ /if }}\n\n                      {{ @if(it.origFilters[\'tags\']) }}\n                        <nano-details open={true} icon-rotation="180">\n                          <strong slot="label">Tags</strong>\n                          <nano-icon slot="icon-end" name="light/chevron-down" size="small"></nano-icon>\n                          <nano-algolia-filter store-id="searchf5" store-method="url-hash-push" filter-name="tags">\n                            <script type="text/template" slot="filter-template">\n                              <ul class="sc-nano-global-search-results" data-num="{{(x = 0)}}">\n                              {{ @foreach(it.dyn) => filter, filterVal }}\n                                <li class="sc-nano-global-search-results" data-num="{{(x++)}}">\n                                <input class="filter-cb sc-nano-global-search-results" type="checkbox" value="{{ filter | lowercase }}" id="tags-{{ filter }}-{{x}}" />\n                                <label class="filter-label sc-nano-global-search-results" for="tags-{{ filter }}-{{x}}">\n                                  <span>{{ filter | public_name }} (<strong>{{ filterVal }}</strong>)</span>\n                                </label></li>\n                              {{ /foreach }}\n                              </ul>\n                            <\/script>\n                            <div slot="output"></div>\n                          </nano-algolia-filter>\n                        </nano-details>\n                      {{ /if }}\n                    </div>\n                  </div>\n                </div>\n              {{ /if }}\n            </div>'),a("div",{key:"120fb25d6070d45591e81c9c67bef304136d21fc",slot:"output"}),a("slot",{key:"824a05f852bf5259f1809293a76cde06472a09a1"})))}static get watchers(){return{algoliaEle:["handleAlgoliaCredsChange","handleAlgoliaIndexChange","handleAlgoliaEleChange"],apiKey:["handleAlgoliaCredsChange"],appId:["handleAlgoliaCredsChange"],index:["handleAlgoliaIndexChange"],algoliaResults:["handleAlgoliaEleChange"]}}};C.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{display:block;flex:1 1 100%}.main-search{display:flex;background:white;font-size:14px;min-block-size:calc(100vh - 63px);justify-content:space-between}.main-search__wrap{display:contents;block-size:100%}.main-search ul{margin:0;padding:0;list-style:none}.main-search li{margin:0;padding:0}.main-search button:not(.result__tags-tag){appearance:none;border:none;background:none;position:relative;inset-block-start:-2px}.main-search .icon-button{color:inherit;align-self:normal;padding:9px 7px;cursor:pointer;display:flex;align-items:center}.main-search__topbar{display:flex;align-items:center;flex-wrap:wrap;margin-block-end:1em}.main-search__topbar::after{content:"";inline-size:calc(100% - 30px);inset-inline-start:30px;position:relative;border-block-end:1px solid #e5eef1;padding-block-start:0.9em}.main-search__applied-filters{border:solid 1px #e4e6e8;text-transform:uppercase;border-radius:3px;font-weight:bold;display:flex;align-items:center;line-height:0.9;padding:5px 5px 0;letter-spacing:2px;flex-wrap:wrap;margin-block-end:0.5rem}.main-search__applied-filters span{display:flex;align-items:center}:host(.small) .main-search__applied-filters{display:none}.main-search__applied-nofilter{margin-inline:0 5px;margin-block:0 3px;padding-inline:7px;padding-block:10px;font-size:12px;color:rgba(69, 85, 86, 0.85)}.main-search__applied-filter{padding-inline:8px 2px;padding-block:5px 3px;margin-inline:0 5px;margin-block:0 5px;color:#455556;font-size:11px;border-radius:2px;border:solid 1px rgba(0, 132, 169, 0.5);background-color:rgba(0, 132, 169, 0.2);line-height:1}.main-search__applied-filter .icon-button{padding-inline:10px 4px;padding-block:2px 1px}.main-search__applied-filter .icon-button .nano-icon{pointer-events:none}.main-search .topbar__bkbtn{position:relative;inset-inline-start:-7px}:host(.small) .main-search .topbar__query{display:none}.main-search .topbar__filtering{display:flex;align-items:center;margin-block:0;margin-inline:1em 0;flex:1}.main-search .topbar__order{min-inline-size:175px;max-inline-size:200px;margin-inline-start:auto}:host(.small) .main-search .topbar__order{max-inline-size:300px}.main-search .topbar .nano-select{opacity:1;transition:0.1s ease opacity}.main-search .topbar .nano-select:not(.hydrated){opacity:0}.main-search .topbar__show-filters{margin-inline-start:0.5em;text-transform:uppercase;display:none;flex-direction:column;align-items:center}.main-search .topbar__show-filters .nano-icon{font-size:20px}:host(.small) .main-search .topbar__show-filters{display:flex}.main-search .topbar__filter-count{inline-size:12px;block-size:12px;box-shadow:inset 0 3px 4px 0 rgba(0, 0, 0, 0.2);border:solid 1px #005c76;background-color:#005c76;color:white;font-size:7px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;margin-block-end:3px}.main-search__results{font-size:14px;padding:1em 40px;color:rgba(69, 85, 86, 0.85);inline-size:70%;block-size:100%}@media (max-width: 576px){.main-search__results{padding:1em 20px}}:host(.small) .main-search__results{inline-size:100%}.main-search__filters{outline:none;padding-inline:0 40px;padding-block:1.8em 1em;flex:1 1 30%;box-sizing:border-box}@media (max-width: 576px){.main-search__filters{padding-inline-end:20px}}:host(:not(.small)) .main-search__filters{max-inline-size:350px;min-inline-size:220px}.filters{color:#455556;background:white;font-size:14px}:host(.small) .filters{position:fixed;inline-size:0;block-size:0;z-index:10;inset-block-start:0;inset-inline-end:0;transition:all 0s ease 0.5s;background:none}:host(.small) .filters.show{block-size:100vh;inline-size:100vw;transition:all 0s ease 0s}:host(.small) .filters.show::after{opacity:1}:host(.small) .filters::after{content:"";background:rgba(0, 0, 0, 0.5);position:absolute;inset:0;z-index:-1;opacity:0;transition:0.1s ease opacity}.filters__close-filters{display:none !important;font-size:1.4em}:host(.small) .filters__close-filters{display:inline-block !important;margin-inline:auto 0;margin-block:0}.filters__old-posts{margin-inline-start:1rem}:host(.small) .filters-wrap{position:absolute;inset-block-start:0;inset-inline-end:0;background:rgb(247, 246, 246);transform:translateX(100%);inline-size:300px;min-inline-size:200px;max-inline-size:80vw;transition:transform 0.3s ease;padding:1em;color:black;overflow:auto;block-size:100vh}:host(.small) .filters.show .filters-wrap{transform:translateX(0%);box-shadow:-3px -3px 7px rgba(0, 0, 0, 0.1)}.filters ul{margin:0;padding:0;list-style:none}.filters li{margin:0;padding:0}.filters .nano-details{--padding:0.8em;margin:0.8em 0}.filters .nano-details strong[slot]{display:block;padding-inline-start:calc(20px - 0.8em)}.filters .nano-details .nano-icon[slot=icon-end]{padding-inline:calc(20px - 0.8em)}.filters li:last-child .filter-label{margin-block-end:0}.filters .filter-label{display:flex;align-items:center;position:relative;margin:0.5em 0;line-height:1.4;z-index:0}.filters .filter-label::before{margin-inline:0 1em;margin-block:0;content:"";border:1px solid #007495;background:#fff;border-radius:3px;block-size:1em;inline-size:1em;min-inline-size:1em;min-block-size:1em;display:inline-block}.filters .filter-label::after{background-image:url("data:image/svg+xml;charset=utf-8,<svg%20xmlns=\'http://www.w3.org/2000/svg\'%20viewBox=\'0%200%20512%20512\'><path%20fill=\'%23ffffff\'%20d=\'M173.898%20439.404l-166.4-166.4c-9.997-9.997-9.997-26.206%200-36.204l36.203-36.204c9.997-9.998%2026.207-9.998%2036.204%200L192%20312.69%20432.095%2072.596c9.997-9.997%2026.207-9.997%2036.204%200l36.203%2036.204c9.997%209.997%209.997%2026.206%200%2036.204l-294.4%20294.401c-9.998%209.997-26.207%209.997-36.204-.001z\'/></svg>");content:"";block-size:0.7em;inline-size:0.7em;position:absolute;inset-inline-start:2px;inset-block-start:50%;transform:translateY(-50%);z-index:1;display:block;background-size:100%;background-position:center center;background-repeat:no-repeat}.filters .filter-cb{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}.filters .filter-cb:checked+.filter-label::before{background:#245a6f}.filters .filter-cb:focus+.filter-label::before{box-shadow:0 0 0 1px rgba(0, 0, 0, 0.7)}.filters-header{display:flex;align-items:center;border-block-end:1px solid #90c6e7;padding-block-end:0.5rem;margin-block-end:0.5rem}.filters-reset{color:#007495;font-size:12px;text-decoration:underline;margin-inline:auto 0;margin-block:0}:host(.small) .filters-reset{margin:0}.filters-title{margin:0;text-transform:uppercase;color:rgba(69, 85, 86, 0.85);font-weight:bold;font-size:14px}:host(.small) .filters-title{display:none}.result{text-decoration:none;display:flex;flex-flow:row wrap;padding-block-end:14px;border-block-end:1px solid #90c6e7}.result *{word-wrap:break-word;overflow-wrap:break-word}.result__title{margin:1em 0 0.5em;inline-size:70%;display:flex}.result__title a{color:#0084a9;font-size:14px;line-height:1.43;text-decoration:none;font-weight:600}.result__title .nano-icon{margin-inline:0 0.5em;margin-block:0;min-inline-size:20px;min-block-size:20px;opacity:0.8}@media (max-width: 992px){.result__title{inline-size:100%}}.result__body{color:#455556;font-size:13px;inline-size:70%;text-decoration:none}@media (max-width: 992px){.result__body{inline-size:100%}}.result__pdf{display:inline-block;margin-inline-start:0.5rem;color:#b5aea7}.result__meta{display:flex;flex-flow:row wrap;color:#455556;font-size:11px;line-height:13px;inline-size:100%;align-items:center}.result__meta>*{margin-block-start:0.5rem}.result__meta>*:not(:last-child){padding-inline-end:0}.result__meta>*:not(:last-child)::after{content:"";block-size:1rem;inline-size:1px;background:#90c6e7;display:inline-block;margin-inline:0.7rem}@media (max-width: 576px){.result__meta>*:not(:last-child)::after{display:none}}@media (max-width: 576px){.result__meta{flex-flow:column;align-items:flex-start}}.result__tags{display:flex;flex-flow:row wrap}@media (max-width: 576px){.result__tags{padding-inline-start:0}}.result__tags-tag{color:#455556;display:inline-block;font-size:0.4375rem;letter-spacing:1.4px;background:#fff;border-radius:2px;text-transform:uppercase;padding:0 4px 1px 5px;font-weight:600;margin:3px 0.25rem 0.25rem 0;border:1px solid #b5aea7;white-space:nowrap;line-height:13px}.result__type{font-weight:600;text-transform:capitalize;white-space:nowrap;display:flex;align-items:center}.result__date{display:flex;align-items:center;color:#455556}.result__source{color:#455556;padding-inline-end:0.75rem}.result__authors{font-size:12px;color:#455556;margin-block-end:0.25rem;text-decoration:none;inline-size:70%}.result__buttons{inline-size:70%;margin-block-end:0.5rem}.result__buttons-button{background-color:#007495;color:#fff;padding:5px 8px 1px;border-radius:4px;display:inline-block;font-size:11px;text-decoration:none;border:none}.result__promo{inline-size:70%;margin-block-end:0.5rem;text-decoration:none;color:#455556}.result__promo-box{inline-size:300px;background-color:#e3eef1;padding:12px 12px 8px 4px;display:flex;flex-flow:row nowrap;margin-block-start:1rem}.result__promo-bigdate{flex:0 1 60px;text-align:center;font-weight:600;color:#007495;text-transform:uppercase;line-height:1;letter-spacing:1.5px}@media (max-width: 992px){.result__promo-bigdate{inline-size:100%}}.result__promo-bigdate span{color:#455556;display:block}.result__promo-bigdate~div{padding-inline-start:1rem;border-inline-start:1px solid #c5dbe1}.result__promo-date{font-size:12px}.result__promo-venue{font-size:12px}.result__promo .nano-icon{color:#007495;position:relative;inset-block-start:1px;padding-inline-end:2px}.result__image{display:block;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:4px;position:relative;inline-size:100%;block-size:150px;margin-block-end:0.5rem}@media (min-width: 576px){.result__image{inline-size:142px;block-size:80px}}.result__image .nano-icon{position:absolute;inset-block-start:calc(50% - 0.75rem);inset-inline-start:calc(50% - 0.75rem);font-size:1.5rem;color:#0084a9;--primary-color:#fff;--secondary-color:#0084a9;--primary-opacity:1}@media (max-width: 576px){.result__image .nano-icon{font-size:3rem;inset-block-start:calc(50% - 1.5rem);inset-inline-start:calc(50% - 1.5rem)}}.result__video-body{inline-size:70%;text-decoration:none;display:flex;flex-flow:row wrap}@media (max-width: 992px){.result__video-body{inline-size:100%}}@media (max-width: 576px){.result__video-body{flex-flow:column}}.result__video-body .result__body{padding-inline-start:1rem;display:flex;flex-direction:column;margin-block-end:0;flex:1}@media (max-width: 576px){.result__video-body .result__body{padding-inline-start:0}}.result__video-body .result__body p{display:inline;margin:0}.result__video-body .result__body u,.result__video-body .result__body li,.result__video-body .result__body a{text-decoration:none}.result__video-body .result__body .result__meta{margin-block-start:0.5rem}.result__video-body .result__body .result__description{flex:1 0 auto}.search-empty{padding:3rem 0;text-align:center;border-block-start:1px solid #e5eef1}.search-empty h2{color:#455556;font-size:1.125rem;margin-block-end:0.5rem}.search-empty-icon{font-size:7rem;--icon-color:#e4e6e8;margin-block-end:2rem}.search__highlight{background:#fbffbf;font-style:normal}';let T=0;const S=class{constructor(t){e(this,t),this.nanoChange=n(this,"nanoChange",7),this.nanoBlur=n(this,"nanoBlur",7),this.nanoFocus=n(this,"nanoFocus",7),this.nanoDidLoad=n(this,"nanoDidLoad",7),this.nanoDidUnload=n(this,"nanoDidUnload",7),this.nanoSearchChange=n(this,"nanoSearchChange",7),this.nanoValidate=n(this,"nanoValidate",7)}nativeSelect;valueItems=[];dragVal;mo;selectId="nano-select-"+T++;rtl=!1;onInit=!0;customError="";get inputCtrl(){return this._inputCtrl}set inputCtrl(e){e!==this._inputCtrl&&(this._inputCtrl=e,this.setDataListOpts())}_inputCtrl;_selectWrap;get selectWrap(){return this._selectWrap}set selectWrap(e){this._selectWrap!==e&&(this._selectWrap=e,this.setDataListOpts())}_datalist;get datalist(){return this._datalist}set datalist(e){this._datalist!==e&&(this._datalist=e,this.setDataListOpts())}currInsertIndex=-1;showErrorMsg=!1;errorMessage="";hasFocus=!1;hasOpened=!1;hasLabelSlot=!1;hasHelperSlot=!1;hasHelperEndSlot=!1;inputSearchVal="";get el(){return t(this)}get invalid(){return this._invalid}_invalid=null;get validityMessage(){return this.nativeSelect?this.nativeSelect.validationMessage:""}autofocus=!1;disabled=!1;validateOn="submitThenDirty";showInlineError=!0;_label="";get label(){return this.required&&!this._label.endsWith("*")?this._label+" *":this._label}set label(e){this._label=e}hideLabel=!1;floatLabel=!1;multiple=!1;maxValuesVisible=3;_maxValuesVisible;watchMaxValuesVisible(){this.multiple&&(this._maxValuesVisible=!1===this.maxValuesVisible?NaN:Number(this.maxValuesVisible),Number.isNaN(this._maxValuesVisible)?this.currInsertIndex=this.value.length-1:this.currInsertIndex>this._maxValuesVisible&&(this.currInsertIndex=this._maxValuesVisible))}name=this.selectId+"-name";placeholder;readonly=!1;required=!1;size;max;min;form;allowCustomValues=!1;get value(){return this._value||(this.multiple?[]:"")}set value(e){e&&this._value&&JSON.stringify(e)===JSON.stringify(this._value)||("string"==typeof e?this._value=this.multiple?e.split(",").map((e=>e.trim())):e:Array.isArray(e)&&(this._value=this.multiple?e:e[0]))}_value;valueChanged(){this.customValidate(),this.onInit?this.multiple&&(this.currInsertIndex=this.value.length-1):requestAnimationFrame((()=>{this.shouldValidate(),this.nanoChange.emit({value:this.value})}))}get options(){return this._options.length?this._options:this.datalist&&this.datalist.activeOptions?this._elementOptions.map((e=>{const{value:n,selected:t,label:s,filterMeta:a}=e;return{value:n,selected:t,label:s,filterMeta:a}})):[]}set options(e){this._options=e.map((e=>"string"==typeof e?{value:e,label:e}:e))}_options=[];_elementOptions=[];clearable=!1;mask=!1;debounce=0;debounceChanged(){this.nanoSearchChange=_(this.nanoSearchChange,this.debounce)}shouldValidate(){this.onInit||(this.invalid&&(this.showErrorMsg=this._invalid=!1),this.customValidate(),"dirty"===this.validateOn&&this.showInlineValidation())}dropDownConfig={};setDataListOpts(){this.datalist&&this.selectWrap&&(this.datalist.input=this.inputCtrl,this.datalist.dropDownConfig={distance:10,...this.datalist.dropDownConfig||{},...this.dropDownConfig,tetherTo:this.selectWrap})}valueTagTemplate;nanoChange;nanoBlur;nanoFocus;nanoDidLoad;nanoDidUnload;nanoSearchChange;nanoValidate;async reportValidity(e){return new Promise((n=>{e&&(this.customValidate(),this.showInlineValidation()),setTimeout((()=>{n({isValid:!this._invalid,errorMessage:this.nativeSelect.validationMessage})}),50)}))}async setFocus(){this.inputCtrl&&(this.inputCtrl.focus(),setTimeout((()=>this.inputCtrl.click()),50))}getSelectElement(){return Promise.resolve(this.nativeSelect)}async showError(e){this.nativeSelect&&(this.customError=e,this.nativeSelect.setCustomValidity(e),this.showInlineValidation())}get valArray(){return"string"==typeof this.value?this.value.length?[this.value]:[]:this.value}isValidValues(){return this.valArray.find((e=>this.options.find((n=>n.value===e))))}customValidate=()=>{if(this.nativeSelect&&!this.customError&&this.nativeSelect.setCustomValidity)return this.nativeSelect.setCustomValidity(""),this.required&&!this.valArray.length?(this.nativeSelect.setCustomValidity("Please fill in this field."),!0):!this.valArray.length||this.allowCustomValues||this.isValidValues()?this.max&&this.valArray.length>this.max?(this.nativeSelect.setCustomValidity(`Only up to ${this.max} values are allowed.`),!0):!!(this.min&&this.valArray.length<this.min)&&(this.nativeSelect.setCustomValidity(`You must select a minimum of ${this.min} values.`),!0):(this.nativeSelect.setCustomValidity("Please choose an item from this field."),!0)};showInlineValidation=e=>{"submitThenDirty"===this.validateOn&&(this.validateOn="dirty"),this._invalid=!1,this.showErrorMsg=!1,this.errorMessage="",this.nativeSelect.validity.valid||(this.errorMessage=this.nativeSelect.validationMessage,this._invalid=!0,this.showErrorMsg=!0),this.nanoValidate.emit({isValid:!this.invalid,errorMessage:this.errorMessage,originalEvent:e})};handleInvalid=e=>{this._invalid=!0,"submit"===this.validateOn&&(this._invalid=this.showErrorMsg=this.customValidate()),this.showInlineError&&e.preventDefault(),requestAnimationFrame((()=>this.showInlineValidation(e)))};setValue=e=>{e.preventDefault(),this.multiple?this.value&&this.value.length&&this.value.includes(e.detail.value)||this.max&&this.value.length===this.max||((Number.isNaN(this._maxValuesVisible)||this.value.length<=this._maxValuesVisible)&&this.currInsertIndex++,this.value=[...this.value.slice(0,this.currInsertIndex),e.detail.value,...this.value.slice(this.currInsertIndex)],this.inputSearchVal=""):this.value=e.detail.value};removeValue=e=>{this.multiple&&this.value.length&&(e||(e=this.value[this.value.length-1]),this.value=this.value.filter((n=>n!==e)),(Number.isNaN(this._maxValuesVisible)||this.value.length<=this._maxValuesVisible)&&this.currInsertIndex--,this.setFocus())};slotChangeObserver(){(this.mo=new MutationObserver((()=>this.processSlottedContent()))).observe(this.el,{childList:!0,subtree:!0})}processSlottedContent(){this.hasLabelSlot=!!this.el.querySelectorAll('[slot="label"]').length,this.hasHelperSlot=!!this.el.querySelector('[slot="helper"]'),this.hasHelperEndSlot=!!this.el.querySelector('[slot="helper-end"]')}getOptionWithValue(e){let n;return[(this.datalist?.activeOptions?.length?this.datalist.activeOptions:this.options).find(((t,s)=>(n=s,!t.disabled&&t.value?.length&&t.value===e))),n]}getLabel(e){const n=this.getOptionWithValue(e)[0];return n&&n.label?n.label:e}onReset(e){(this.form?document.querySelector("#"+this.form):this.el.closest("form"))&&e.target===this.el.closest("form")&&this.clearSelectValue()}handleBlur(){this.hasFocus&&requestAnimationFrame((()=>{const e=p();m(this.el.tagName.toLowerCase(),e)!==this.el&&this.onBlur()}))}setOptions=()=>{this.datalist&&this.datalist.activeOptions&&this.datalist.activeOptions.length&&(this._elementOptions=this.datalist.activeOptions.map((e=>{const{value:n,selected:t,label:s,filterMeta:a}=e;return{value:n,selected:t,label:s,filterMeta:a}})),this.customValidate())};handleDocumentKeyDown=e=>{if(this.multiple&&this.hasFocus&&!this.inputSearchVal){let n;switch(e.key){case"Backspace":if(!this.inputCtrl.previousElementSibling)break;n=this.inputCtrl.previousElementSibling,this.removeValue(n.dataset.value||null);break;case"Delete":if(!this.inputCtrl.nextElementSibling)break;n=this.inputCtrl.nextElementSibling,this.removeValue(n.dataset.value||null);break;case"ArrowLeft":case"ArrowRight":if(!this.value.length)break;"ArrowLeft"===e.key&&this.inputCtrl.previousSibling&&this.currInsertIndex--,"ArrowRight"===e.key&&this.inputCtrl.nextSibling&&this.currInsertIndex++,setTimeout((()=>{this.inputCtrl.focus()}),20),e.preventDefault()}}};onBlur=()=>{if(this.hasFocus=!1,requestAnimationFrame((()=>{"dirty"!==this.validateOn||this.hasFocus||this.showInlineValidation()})),this.nanoBlur.emit(),!this.allowCustomValues&&this.multiple){this.inputSearchVal="";const e=new window.Event("change");this.inputCtrl.dispatchEvent(e)}};onFocus=()=>{this.hasFocus=!0,this.nanoFocus.emit()};clearSelectValue=e=>{this.clearable&&!this.readonly&&!this.disabled&&e&&(e.preventDefault(),e.stopPropagation()),this.multiple?(this.value=[],this.currInsertIndex=-1):this.value="",this.inputCtrl.value="";const n=new window.Event("change");this.inputCtrl.dispatchEvent(n)};onClick=()=>{this.setFocus()};onDragStart=e=>{this.dragVal=e.target.dataset.value};onDragEnd=e=>{this.dragVal=null,e.preventDefault()};onDragLeave=e=>{const n=e.target,t=n.dataset?.value||null;if(!t||this.dragVal===t||!this.value.includes(this.dragVal))return void e.preventDefault();const s=this.value.indexOf(t),a=this.value.indexOf(this.dragVal),i=[...this.value],l=i[s];i[s]=i[a],i[a]=l,this.value=[...i]};onMultiInput=e=>{this.inputSearchVal=e.target.value.trim(),this.nanoSearchChange.emit({value:e.target.value.trim()})};connectedCallback(){this.debounceChanged(),this.watchMaxValuesVisible(),this.el.dispatchEvent(new CustomEvent("nanoDidLoad",{detail:this.el}))}disconnectedCallback(){document.dispatchEvent(new CustomEvent("nanoDidUnload",{detail:this.el})),this.mo&&this.mo.disconnect()}componentDidLoad(){this.slotChangeObserver(),this.customValidate(),this.setDataListOpts(),requestAnimationFrame((()=>this.onInit=!1))}componentWillLoad(){this.processSlottedContent()}render(){const e=this.selectId+"-lbl",n=this.showInlineError||this.hasHelperSlot?this.selectId+"-moreId":"",t=this.hasHelperEndSlot?this.selectId+"-helper":"";this.rtl="rtl"===this.el.ownerDocument.dir,this.valueItems=[];const i={...(({el:e,floatLabel:n,label:t,errorMessage:s,showInlineError:a,hasHelperSlot:i,hasHelperEndSlot:l,hasLabelSlot:o,hideLabel:r,placeholder:c,rtl:d})=>({el:e,floatLabel:n,label:t,errorMessage:s,showInlineError:a,hasHelperSlot:i,hasHelperEndSlot:l,hasLabelSlot:o,hideLabel:r,placeholder:c,rtl:d}))(this),labelId:e,moreId:n,helperEndId:t,hasValue:!!this.value.length||!!this.inputSearchVal.length,controlId:this.selectId,alwaysShowPlaceholder:!1},l=(({readonly:e,disabled:n})=>({readonly:e,disabled:n,clearControl:this.clearable}))(this);return a(s,{key:"b85a8a4b4566ce33e0e7bae347c765037d1ec34b",type:this.multiple?"select-multiple":"select-one","aria-disabled":this.disabled?"true":null,class:{"has-value":!!this.value.length||!!this.inputSearchVal.length,"has-focus":this.hasFocus,"is-invalid":!0===this._invalid,"is-valid":!1===this._invalid,"nano-select":!0}},a(g,{key:"42335a9fda2b4e2560f33e5d4c40a58403e482d2",...i,class:{"has-error":!!this.errorMessage&&this.showInlineError&&!0===this._invalid,"has-helper":this.hasHelperSlot,"is-open":this.hasOpened,masked:this.mask}},a(v,{key:"7571a30e6a3f0b231d9e0b7a6e2f662fe3bd8183",...l,ref:e=>this.selectWrap=e,onClearText:this.clearSelectValue,control:this.el,endValueSlot:a("slot",{name:"down-arrow"},a("nano-icon",{class:"select__down-arrow",name:"light/chevron-down"})),showInlineError:this.showInlineError},this.multiple&&a("div",{key:"e92b079944fb81314da40799ba8f11f5644d5fa7",class:"select__multi-wrap select"},this.multipleValues(e,n,t)),!this.multiple&&[this.mask&&a("div",{key:"488c94ddb9e49c9e3f5a099a77cb0e879a02e1e2",class:"select__mask"},this.getLabel(this.value)),a("input",{key:"3fc66f07b7c9220e2c9d3eb02b1b268f52921a46",ref:e=>this.inputCtrl=e,id:this.selectId,class:"select__native-input","aria-labelledby":e+" "+n+" "+t,disabled:this.disabled,form:this.form,placeholder:this.placeholder,readOnly:!0,required:this.required,value:this.getLabel(this.value),onFocus:this.onFocus})])),!this.readonly&&!this.disabled&&a("nano-datalist",{key:"1737bc4d8e6267659ebbd981cd043e0a3f0e20e3",ref:e=>this.datalist=e,selected:this.valArray,type:this.multiple?"selectMulti":"select",options:this._options.length?this._options:void 0,onNanoDeselect:e=>{e.preventDefault(),this.removeValue(e.detail.value)},onNanoOptionsUpdated:this.setOptions,onNanoSelect:this.setValue,onNanoShow:()=>this.hasOpened=!0,onNanoHide:()=>this.hasOpened=!1},this.allowCustomValues&&this.multiple&&!!this.inputSearchVal&&a("nano-option",{key:"23a03a568fc87bd041b4c4e702afba215e637423",slot:"list-top",value:this.inputSearchVal,selected:!1,label:this.inputSearchVal,onNanoSelect:()=>this.inputCtrl.focus()},a("span",{key:"edd9ba1b076740baeaa34f62aa27f598bda7114d",slot:"check-icon"}),"Add '",this.inputSearchVal,"'"),a("slot",{key:"80e401156f240faf7fa04fef7915aa982305abd3"})),a("select",{key:"ba8bc3b4d7149e249c26f82da6816afa1b25fabf",id:this.selectId+"-hidden",class:"select__native-ctrl",ref:e=>this.nativeSelect=e,"aria-labelledby":e+" "+n+" "+t,disabled:this.disabled,form:this.form,multiple:this.multiple,name:this.name,required:this.required,onInvalid:this.handleInvalid},this.allowCustomValues&&this.valArray.map((e=>a("option",{value:e,selected:!0},e))),!this.allowCustomValues&&this.options.map((e=>a("option",{value:e.value,selected:this.valArray.includes(e.value),disabled:e.disabled,label:e.label},this.valArray.includes(e.value))))))}multipleValues(e,n,t){const s=a("input",{class:"select__multi-input",id:this.selectId,ref:e=>this.inputCtrl=e,readOnly:this.readonly,disabled:this.disabled,autoFocus:this.autofocus,autocomplete:"off",onKeyDown:this.handleDocumentKeyDown,onInput:this.onMultiInput,value:this.inputSearchVal,onTouchStart:this.onClick,onMouseDown:this.onClick,onFocus:this.onFocus,placeholder:this.placeholder&&!this.value.length?this.placeholder:"","aria-labelledby":e+" "+n+" "+t});if(!this.value.length)return s;const i=[];return this.value.forEach(((e,n)=>{if(!Number.isNaN(this._maxValuesVisible)&&n>this._maxValuesVisible)return;let t;t=n===this._maxValuesVisible?a("nano-tag",{"data-value":e,key:e},"+",this.value.length-this._maxValuesVisible):a("nano-tag",{key:e,ref:e=>this.valueItems.push(e),onDragStart:this.onDragStart,onDragLeave:this.onDragLeave,onDragEnd:this.onDragEnd,onDragOver:e=>e.preventDefault(),onNanoClose:()=>this.removeValue(e),draggable:!0,tabIndex:-1,"data-value":e,closable:!0},this.valueTagTemplate?a("span",{innerHTML:this.valueTagTemplate?this.valueTagTemplate(...this.getOptionWithValue(e)):void 0}):a("span",null,this.getLabel(e))),0===n&&this.currInsertIndex<0?i.push(s,t):n===this.currInsertIndex?i.push(t,s):i.push(t)})),i}static get watchers(){return{maxValuesVisible:["watchMaxValuesVisible"],value:["valueChanged"],debounce:["debounceChanged"],required:["shouldValidate"],disabled:["shouldValidate"],min:["shouldValidate"],max:["shouldValidate"],readonly:["shouldValidate"],dropDownConfig:["setDataListOpts"]}}};S.style='.sc-nano-select-h, *.sc-nano-select, *.sc-nano-select::before, *.sc-nano-select::after {\n  box-sizing: border-box;\n}\n[hidden].sc-nano-select {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    .sc-nano-select-h, *.sc-nano-select, *.sc-nano-select::before, *.sc-nano-select::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }.sc-nano-select-h, *.sc-nano-select, *.sc-nano-select::before, *.sc-nano-select::after {\n  box-sizing: border-box;\n}\n[hidden].sc-nano-select {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    .sc-nano-select-h, *.sc-nano-select, *.sc-nano-select::before, *.sc-nano-select::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }slot-fb.sc-nano-select {\n  display: contents !important;\n}\n\n[disabled].sc-nano-select-h:not([disabled=false]) {\n  opacity: 0.5;\n  position: relative;\n}\n[disabled].sc-nano-select-h:not([disabled=false])::after {\n  content: "";\n  position: absolute;\n  inset: 0;\n  cursor: not-allowed;\n}\n\n.form-ctrl.sc-nano-select {\n  min-inline-size: 100%;\n  display: block;\n}\n.form-ctrl.has-helper-end.sc-nano-select {\n  display: flex;\n  gap: 1rem;\n  container-type: inline-size;\n}\n.form-ctrl.has-helper-end.sc-nano-select .form-ctrl__wrapper.sc-nano-select {\n  flex: 1 1 100%;\n}\n.form-ctrl.has-helper-end.sc-nano-select .form-ctrl__helper-end.sc-nano-select {\n  display: none;\n}\n@container (min-width: 350px) {\n  .form-ctrl.has-helper-end .form-ctrl__helper-end {\n    display: block !important;\n  }\n  .form-ctrl.has-helper-end .form-ctrl__helper {\n    display: none !important;\n  }\n}\n\n.form-ctrl__wrapper.sc-nano-select {\n  display: block;\n}\n\nlabel.sc-nano-select, .form-ctrl__more.sc-nano-select, .form-ctrl__error.sc-nano-select, .form-ctrl__helper.sc-nano-select {\n  display: block;\n  inline-size: 100%;\n  overflow: clip;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\nlabel.visually-hide.sc-nano-select, .form-ctrl__more.visually-hide.sc-nano-select, .form-ctrl__error.visually-hide.sc-nano-select, .form-ctrl__helper.visually-hide.sc-nano-select {\n  clip-path: inset(50%);\n  block-size: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  inline-size: 1px;\n}\n\n.form-ctrl__float-label.sc-nano-select {\n  padding-block: 0;\n  padding-inline: var(--padding-start) 0;\n  color: var(--label-color);\n  position: absolute;\n  font-size: 1em;\n  transform: translateY(-50%);\n  inset-block-start: 50%;\n  transition: all 0.125s ease-in;\n  opacity: 1;\n}\n.has-focus.sc-nano-select-h .form-ctrl__float-label.sc-nano-select, .has-value.sc-nano-select-h .form-ctrl__float-label.sc-nano-select {\n  transform: none;\n  font-size: 0.75em;\n  opacity: 0.7;\n  inset-block-start: var(--padding-top);\n}\n.form-ctrl__float-label.sc-nano-select .form-ctrl__label-charcount.sc-nano-select {\n  opacity: 0;\n  transition: opacity 0.125s ease-in;\n}\n.has-focus.sc-nano-select-h .form-ctrl__float-label.sc-nano-select .form-ctrl__label-charcount.sc-nano-select, .has-value.sc-nano-select-h .form-ctrl__float-label.sc-nano-select .form-ctrl__label-charcount.sc-nano-select {\n  opacity: 1;\n}\n\n.form-ctrl__label.sc-nano-select {\n  color: var(--label-color);\n  font-size: var(--label-font-size);\n  padding-block-end: var(--padding-bottom);\n  line-height: 1;\n  display: flex;\n  align-items: center;\n}\n.form-ctrl__label.sc-nano-select .form-ctrl__label-wrap.sc-nano-select {\n  flex: 1;\n  overflow-x: clip;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.form-ctrl__label.sc-nano-select .form-ctrl__label-placeholder.sc-nano-select {\n  margin-block: unset;\n  margin-inline: 0 5px;\n  opacity: 0;\n  appearance: none;\n  transition: 0.3s ease opacity;\n  font-size: 0.85em;\n}\n.form-ctrl__label.sc-nano-select .form-ctrl__label-charcount.sc-nano-select {\n  margin-block: unset;\n  margin-inline: auto 0;\n  font-size: var(--nano-font-size-2xs);\n  opacity: 0.5;\n}\n.has-value.sc-nano-select-h .form-ctrl__label.sc-nano-select .form-ctrl__label-placeholder.sc-nano-select {\n  opacity: 0.5;\n}\n\n.has-float-label.sc-nano-select .select__multi-input.sc-nano-select, .has-float-label.sc-nano-select .select__native-input.sc-nano-select, .has-float-label.sc-nano-select .input__native-ctrl.sc-nano-select {\n  opacity: 0;\n  transition: opacity 0.125s ease-in;\n}\n.has-focus.sc-nano-select-h .has-float-label.sc-nano-select .select__multi-input.sc-nano-select, .has-value.sc-nano-select-h .has-float-label.sc-nano-select .select__multi-input.sc-nano-select, .has-focus.sc-nano-select-h .has-float-label.sc-nano-select .select__native-input.sc-nano-select, .has-value.sc-nano-select-h .has-float-label.sc-nano-select .select__native-input.sc-nano-select, .has-focus.sc-nano-select-h .has-float-label.sc-nano-select .input__native-ctrl.sc-nano-select, .has-value.sc-nano-select-h .has-float-label.sc-nano-select .input__native-ctrl.sc-nano-select {\n  opacity: 1;\n}\n\n.form-ctrl__more.sc-nano-select {\n  block-size: 1em;\n  position: relative;\n  margin-block: var(--padding-bottom) 0;\n  margin-inline: 0;\n  opacity: 0;\n  display: none;\n  transition: all var(--nano-transition-fast) ease;\n  transition-behavior: allow-discrete;\n}\n.has-helper.sc-nano-select .form-ctrl__more.sc-nano-select, .has-error.sc-nano-select .form-ctrl__more.sc-nano-select {\n  display: block;\n  opacity: 1;\n}\n\n.form-ctrl__helper.sc-nano-select, .form-ctrl__error.sc-nano-select {\n  inset-block-start: 0;\n  inset-inline-start: 0;\n  position: absolute;\n  font-size: var(--more-font-size);\n  line-height: 1.2;\n  transition: 0.3s ease-out opacity;\n}\n\n.form-ctrl__helper.sc-nano-select {\n  font-style: italic;\n  color: var(--help-msg-color);\n}\n[show-inline-error].sc-nano-select-h:not([show-inline-error=false] .form-ctrl__helper.sc-nano-select, [disabled]).is-invalid.sc-nano-select-h .form-ctrl__helper.sc-nano-select {\n  opacity: 0;\n}\n\n.form-ctrl__helper-end.sc-nano-select {\n  flex: 1 1 30%;\n  min-inline-size: 150px;\n  font-size: var(--invalid-msg-font-size);\n  color: var(--help-msg-color);\n  font-style: italic;\n}\n\n.form-ctrl__error.sc-nano-select {\n  opacity: 0;\n  color: var(--invalid-msg-color);\n  font-style: italic;\n}\n.is-invalid.sc-nano-select-h:not([disabled]) .form-ctrl__error.sc-nano-select {\n  opacity: 1;\n}\n\n.form-ctrl__input.sc-nano-select {\n  font-family: inherit;\n  font-size: inherit;\n  font-stretch: inherit;\n  font-style: inherit;\n  font-weight: inherit;\n  letter-spacing: inherit;\n  text-decoration: inherit;\n  text-overflow: inherit;\n  text-transform: inherit;\n  text-align: inherit;\n  white-space: inherit;\n  color: inherit;\n  border-radius: var(--input-border-radius);\n  inline-size: 100%;\n  padding: 0 !important;\n  position: relative;\n  flex: 1 0 auto;\n  display: flex;\n  background: var(--input-bg-color);\n  border: var(--input-border-style) var(--input-border-width);\n  font-size: var(--input-font-size);\n  padding-inline-start: calc(var(--input-invalid-border-hint-width) - var(--input-border-width)) !important;\n}\n.form-ctrl__input.sc-nano-select:focus-visible, .form-ctrl__input.sc-nano-select:focus-within, .has-focus.sc-nano-select-h .form-ctrl__input.sc-nano-select {\n  outline: var(--nano-focus-ring-color) solid 3px;\n  outline-offset: -2px;\n}\n.is-invalid.sc-nano-select-h:not([disabled]) .form-ctrl__input.sc-nano-select {\n  border-inline-start: solid var(--color-invalid) var(--input-invalid-border-hint-width);\n  padding-inline-start: 0 !important;\n}\n.is-invalid.has-focus.sc-nano-select-h:not([disabled]) .form-ctrl__input.sc-nano-select {\n  border-color: var(--color-invalid);\n  border-inline-start: solid var(--color-invalid) var(--input-invalid-border-hint-width);\n  padding-inline-start: 0 !important;\n}\n\n.form-ctrl__input-wrap.sc-nano-select {\n  display: flex;\n  flex: 1;\n  max-inline-size: 100%;\n  align-items: center;\n}\n[type=textarea].sc-nano-select-h .form-ctrl__input-wrap.sc-nano-select {\n  align-items: start;\n}\n\n.form-ctrl__clear-btn.sc-nano-select, .form-ctrl__slot-end.sc-nano-select, .form-ctrl__slot-start.sc-nano-select, .form-ctrl__slot-value-end.sc-nano-select {\n  margin-block: 0;\n  margin-inline: 0;\n  font-size: 1em;\n  border: 0;\n  outline: none;\n  background-color: transparent;\n  background-repeat: no-repeat;\n  display: flex;\n  align-items: center;\n  inline-size: auto;\n  padding-inline-end: var(--padding-end);\n  padding-block: var(--padding-top) var(--padding-bottom);\n}\n.form-ctrl__clear-btn.sc-nano-select:empty, .form-ctrl__slot-end.sc-nano-select:empty, .form-ctrl__slot-start.sc-nano-select:empty, .form-ctrl__slot-value-end.sc-nano-select:empty {\n  display: none;\n}\n\n.form-ctrl__slot-end.sc-nano-select {\n  padding-block: calc(var(--padding-top) / 2) calc(var(--padding-bottom) / 2);\n}\n\n.form-ctrl__slot-start.sc-nano-select {\n  padding-inline-end: 0;\n}\n.has-float-label.sc-nano-select .form-ctrl__slot-start.sc-nano-select {\n  display: none;\n}\n\n.form-ctrl__slot-start.sc-nano-select-s > *, .form-ctrl__slot-start.sc-nano-select-s > *, .form-ctrl__slot-start .sc-nano-select-s > *, .form-ctrl__slot-end.sc-nano-select-s > *, .form-ctrl__slot-end .sc-nano-select-s > *, .form-ctrl__slot-value-end.sc-nano-select-s > :not(slot-fb), .form-ctrl__slot-value-end .sc-nano-select-s > :not(slot-fb) {\n  padding-inline: unset;\n  align-items: center;\n  display: flex;\n  block-size: 100%;\n  z-index: 1;\n}\n.sc-nano-select-h[disabled]:not([disabled=false]) .form-ctrl__slot-start.sc-nano-select-s > *, .form-ctrl__slot-start.sc-nano-select-s > *, .form-ctrl__slot-start .sc-nano-select-s > *, .sc-nano-select-h[disabled]:not([disabled=false]) .form-ctrl__slot-end.sc-nano-select-s > *, .form-ctrl__slot-end .sc-nano-select-s > *, .sc-nano-select-h[disabled]:not([disabled=false]) .form-ctrl__slot-value-end.sc-nano-select-s > :not(slot-fb), .form-ctrl__slot-value-end .sc-nano-select-s > :not(slot-fb) {\n  pointer-events: none;\n}\n\n.form-ctrl__slot-start.sc-nano-select-s > *, .form-ctrl__slot-start.sc-nano-select-s > *, .form-ctrl__slot-start .sc-nano-select-s > * {\n  margin-inline: var(--padding-start) 0;\n}\n\n.form-ctrl__slot-value-end.sc-nano-select-s > *, .form-ctrl__slot-value-end.sc-nano-select-s > *, .form-ctrl__slot-value-end .sc-nano-select-s > *, .form-ctrl__slot-value-end.sc-nano-select *.sc-nano-select {\n  pointer-events: none;\n}\n\n.form-ctrl__clear-btn.sc-nano-select {\n  color: var(--clear-btn-color);\n  padding: 0;\n  opacity: 0;\n  inline-size: 0;\n  appearance: none;\n  align-items: center;\n  overflow: hidden;\n  padding-block: var(--padding-top) var(--padding-bottom);\n}\n.is-invalid.sc-nano-select-h .form-ctrl__clear-btn.sc-nano-select {\n  color: var(--clear-btn-color--invalid);\n}\n.has-value.sc-nano-select-h .form-ctrl__clear-btn.sc-nano-select {\n  padding-inline: 0 var(--padding-end);\n  opacity: 1;\n  inline-size: auto;\n}\n.form-ctrl__clear-btn.sc-nano-select:hover {\n  color: var(--clear-btn-color--hover);\n}\n\n.form-ctrl__validation-icon.sc-nano-select {\n  padding-block: var(--padding-top) var(--padding-bottom);\n  padding-inline-end: var(--padding-end);\n  display: grid;\n  grid-template-areas: "overlay";\n}\n.sc-nano-select-h:not(.is-invalid):not(.is-valid) .form-ctrl__validation-icon.sc-nano-select {\n  display: none;\n}\n\n.form-ctrl__error-icon.sc-nano-select, .form-ctrl__success-icon.sc-nano-select {\n  color: var(--color-valid);\n  opacity: 0;\n  transition: 0.3s ease-out opacity;\n  grid-area: overlay;\n}\n\n.is-valid.sc-nano-select-h .form-ctrl__success-icon.sc-nano-select {\n  opacity: 1;\n}\n\n.form-ctrl__error-icon.sc-nano-select {\n  color: var(--color-invalid);\n}\n.is-invalid.sc-nano-select-h .form-ctrl__error-icon.sc-nano-select {\n  opacity: 1;\n}\n\n.sc-nano-select-h {\n  \n  --placeholder-color: var(--nano-color-neutral-1000);\n  --padding-top: var(--nano-spacing-sm);\n  --padding-end: var(--nano-spacing-sm);\n  --padding-bottom: var(--nano-spacing-sm);\n  --padding-start: var(--nano-spacing-sm);\n  --color-invalid: var(--nano-color-danger-1100);\n  --color-valid: var(--nano-color-success-1000);\n  --input-font-size: var(--nano-font-size-sm);\n  --input-text-color: var(--nano-color-base-1000);\n  --input-border-width: 1px;\n  --input-border-color: var(--nano-color-neutral-300);\n  --input-border-radius: 0px;\n  --input-invalid-border-hint-width: 2px;\n  --input-border-style: solid var(--input-border-color);\n  --input-border-style--focus: solid var(--input-border-width) var(--nano-color-primary-700);\n  --input-bg-color: var(--nano-color-base-0);\n  --invalid-msg-color: var(--color-invalid);\n  --help-msg-color: var(--nano-color-base-1000);\n  --more-font-size: var(--nano-font-size-2xs);\n  --clear-btn-color: rgb(var(--nano-color-base-rgb-1000) / 60%);\n  --clear-btn-color--hover: rgb(var(--nano-color-base-rgb-1000) / 100%);\n  --clear-btn-color--invalid: rgb(var(--color-invalid) / 100%);\n  --label-color: var(--nano-color-base-1000);\n  --label-font-size: var(--nano-font-size-xs);\n  \n  position: relative;\n  inline-size: 100%;\n  padding: 0 !important;\n  display: block;\n}\n\n[disabled].sc-nano-select-h:not([disabled=false]) *.sc-nano-select {\n  pointer-events: none !important;\n}\n\nselect.sc-nano-select {\n  display: none;\n}\n\n.select__native-input.sc-nano-select {\n  font-family: inherit;\n  font-size: inherit;\n  font-stretch: inherit;\n  font-style: inherit;\n  font-weight: inherit;\n  letter-spacing: inherit;\n  text-decoration: inherit;\n  text-overflow: inherit;\n  text-transform: inherit;\n  text-align: inherit;\n  white-space: inherit;\n  color: inherit;\n  padding: unset;\n  padding-inline: var(--padding-start) var(--padding-end);\n  padding-block: 0;\n  border-radius: var(--input-border-radius);\n  text-overflow: ellipsis;\n  color: var(--input-text-color);\n  display: inline-block;\n  flex: 1;\n  inline-size: 100%;\n  max-inline-size: 100%;\n  max-block-size: 100%;\n  border: 0;\n  outline: none;\n  background: transparent;\n  appearance: none;\n  margin: 0;\n  box-sizing: border-box;\n  resize: none;\n  overflow: hidden;\n  cursor: default;\n  line-height: 2.5em;\n  \n  \n}\n.has-float-label.sc-nano-select .select__native-input.sc-nano-select {\n  line-height: 2.1em;\n  min-block-size: 2.1em;\n  padding-block-start: 1.4em;\n}\n.select__native-input.sc-nano-select::selection {\n  background: transparent;\n  color: var(--input-text-color);\n}\n.select__native-input.sc-nano-select::-moz-selection {\n  background: transparent;\n  color: var(--input-text-color);\n}\n.select__native-input.sc-nano-select::placeholder {\n  color: var(--placeholder-color);\n  font-family: inherit;\n  font-style: initial;\n  font-weight: initial;\n  line-height: inherit;\n  min-block-size: initial;\n}\n.select__native-input.sc-nano-select::-moz-placeholder {\n  line-height: 2.8em;\n  text-overflow: ellipsis;\n}\n.select__native-input.sc-nano-select:-webkit-autofill {\n  background-color: transparent;\n}\n.select__native-input.sc-nano-select::-webkit-search-decoration, .select__native-input.sc-nano-select::-webkit-search-cancel-button, .select__native-input.sc-nano-select::-webkit-search-results-button, .select__native-input.sc-nano-select::-webkit-search-results-decoration {\n  appearance: none;\n}\n.select__native-input.sc-nano-select:invalid {\n  box-shadow: none;\n}\n.select__native-input.sc-nano-select::-ms-clear, .select__native-input.sc-nano-select::-ms-reveal {\n  display: none;\n}\n.select__native-input.resizable.sc-nano-select {\n  resize: vertical;\n  overflow: auto;\n}\n.form-ctrl__textarea.sc-nano-select .select__native-input.sc-nano-select {\n  line-height: 1.5em;\n  padding-block: var(--padding-top) var(--padding-bottom);\n  white-space: pre-wrap;\n}\n.form-ctrl__textarea.sc-nano-select .select__native-input.sc-nano-select::placeholder {\n  line-height: 1.5em;\n}\n.has-float-label.textarea.sc-nano-select .select__native-input.sc-nano-select {\n  padding-block-start: 1.8em;\n}\n.masked.sc-nano-select .select__native-input.sc-nano-select {\n  opacity: 0;\n  position: absolute;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n}\n\n.select__mask.sc-nano-select {\n  font-family: inherit;\n  font-size: inherit;\n  font-stretch: inherit;\n  font-style: inherit;\n  font-weight: inherit;\n  letter-spacing: inherit;\n  text-decoration: inherit;\n  text-overflow: inherit;\n  text-transform: inherit;\n  text-align: inherit;\n  white-space: inherit;\n  color: inherit;\n  padding-inline: var(--padding-start) var(--padding-end);\n  padding-block: 0;\n  border-radius: var(--input-border-radius);\n  pointer-events: none;\n  line-height: 2.5em;\n  min-block-size: 2.5em;\n}\n\n.select__down-arrow.sc-nano-select {\n  color: var(--nano-color-primary-1200);\n  transition: rotate var(--nano-transition-x-fast) linear;\n}\n.is-open.sc-nano-select .select__down-arrow.sc-nano-select {\n  rotate: 180deg;\n}\n\n.select__multi-wrap.sc-nano-select {\n  padding-block: 0 var(--padding-bottom);\n  padding-inline: 0;\n  display: flex;\n  flex: 1;\n  flex-wrap: wrap;\n  overflow: hidden;\n  align-items: flex-start;\n}\n.has-float-label.sc-nano-select .select__multi-wrap.sc-nano-select {\n  padding-block-start: 1em;\n}\n\n.select__multi-input.sc-nano-select {\n  font-family: inherit;\n  font-size: inherit;\n  font-stretch: inherit;\n  font-style: inherit;\n  font-weight: inherit;\n  letter-spacing: inherit;\n  text-decoration: inherit;\n  text-overflow: inherit;\n  text-transform: inherit;\n  text-align: inherit;\n  white-space: inherit;\n  color: inherit;\n  padding-inline: var(--padding-start) var(--padding-end);\n  padding-block: var(--padding-bottom) 0;\n  min-inline-size: 50px;\n  inline-size: 100%;\n  max-block-size: 100%;\n  appearance: none;\n  border: 0;\n  outline: none;\n  display: inline-block;\n  background: transparent;\n  flex: 0;\n  position: relative;\n  box-sizing: border-box;\n  line-height: calc(2.5em - var(--padding-bottom));\n  block-size: calc(2.5em - var(--padding-bottom));\n}\n.select__multi-input.sc-nano-select:not(:has(~ nano-tag)) {\n  flex: 1;\n}\n\nnano-tag.sc-nano-select {\n  --color-non-interactive: var(--nano-color-primary-1000);\n  margin-block: var(--padding-bottom) 0;\n  margin-inline: var(--padding-start) 0;\n  line-height: 1.4;\n}\n\n.form-ctrl__float-label.sc-nano-select {\n  inline-size: calc(100% - (1em + var(--padding-start) * 2));\n}\n\n.has-focus.sc-nano-select-h select.sc-nano-select, .has-focus.sc-nano-select-h a.sc-nano-select, .has-focus.sc-nano-select-h button.sc-nano-select {\n  pointer-events: auto;\n}';export{x as nano_avatar,y as nano_badge,w as nano_drawer,C as nano_global_search_results,S as nano_select}
+import{r as e,c as n,a as t,d as s}from"./index-DXvE-U_j.js";import{h as a,t as i}from"./renderer-BUaAsDso.js";import{M as l}from"./modal-B_AxJQQp.js";import{l as o,u as r}from"./scroll-iCYjzh9N.js";import{H as c}from"./slot-Db9r1aLM.js";import{w as d}from"./events-ClRFmcmJ.js";import{C as h}from"./component-store-CH5BI3Tg.js";import{g as p}from"./active-element-C1pBwzyj.js";import{d as u}from"./drag-BLOEuv-q.js";import{g as f}from"./tabbable-C4l-rYq9.js";import{s as b}from"./search-insights-8OL2oeQN.js";import{c as m}from"./dom-Cb7FUtXp.js";import{a as _}from"./throttle-C93FMm2Z.js";import{F as g,a as v}from"./form-control-BOVGZF9R.js";const x=class{constructor(n){e(this,n)}initials};x.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}}";const y=class{constructor(n){e(this,n)}theme;strength;pulse},w=class{constructor(t){e(this,t),this.nanoShow=n(this,"nanoShow",7),this.nanoHide=n(this,"nanoHide",7),this.nanoAfterHide=n(this,"nanoAfterHide",7),this.nanoAfterShow=n(this,"nanoAfterShow",7),this.nanoInitialFocus=n(this,"nanoInitialFocus",7),this.nanoRequestClose=n(this,"nanoRequestClose",7)}get host(){return t(this)}originalTrigger;drawer;overlay;modal;slotCtrl=new c(this,"footer");get panel(){return this._panel}set panel(e){this._panel&&this.panel.removeEventListener("animationend",this.handleTransitionEnd),e&&(e.addEventListener("transitionend",this.handleTransitionEnd),this._panel=e)}_panel;noDismiss=!1;isOpen=!1;open=!1;label;placement="end";contained=!1;noHeader=!1;storeId;storeMethod="url-hash";noUserDismiss=!1;hoist=!1;resizable=!1;handleHoistChange(){"popover"in globalThis.HTMLElement.prototype||!this.hoist||Array.from(document.body.children).includes(this.host)||document.body.prepend(this.host)}nanoShow;nanoHide;nanoAfterHide;nanoAfterShow;nanoInitialFocus;nanoRequestClose;async show(){if(!this.open)return this.open=!0,d(this.host,"nanoAfterShow")}async hide(){if(this.open)return this.open=!1,d(this.host,"nanoAfterHide")}requestClose(e){if(this.nanoRequestClose.emit({source:e}).defaultPrevented||this.noUserDismiss)return this.noDismiss=!0,void setTimeout((()=>this.noDismiss=!1),250);this.hide()}handleNoModalChange(){this.open&&!this.contained&&(this.modal.activate(),"function"==typeof this.drawer?.showPopover&&this.drawer.showPopover(),o(this.host)),this.open&&this.contained&&(this.modal.deactivate(),r(this.host))}async handleOpenChange(){if(this.open){this.nanoShow.emit(),this.addOpenListeners(),this.originalTrigger=p(),this.contained||(this.modal.activate(),"function"==typeof this.drawer?.showPopover&&this.drawer.showPopover(),o(this.host));const e=this.host.querySelector("[autofocus]");return e&&e.removeAttribute("autofocus"),this.drawer.hidden=!1,this.isOpen=!0,void requestAnimationFrame((()=>{this.nanoInitialFocus.emit().defaultPrevented||(e||f(this.host,!0,!0,!0)[0]||this.panel).focus({preventScroll:!0}),e&&e.setAttribute("autofocus","")}))}this.nanoHide.emit(),this.removeOpenListeners(),this.contained||(this.modal.deactivate(),r(this.host)),(this.originalTrigger&&"function"==typeof this.originalTrigger.focus?this.originalTrigger:document.body).focus(),requestAnimationFrame((()=>{this.isOpen=!1}))}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleDocumentKeyDown=e=>{this.contained||"Escape"===e.key&&this.modal.isActive()&&this.open&&(e.stopImmediatePropagation(),this.requestClose("keyboard"))};handleTransitionEnd=e=>{if("opacity"===e.propertyName&&e.composedPath().find((e=>e===this.panel||e===this.overlay))){if(!this.open)return this.drawer.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1,this.contained||"function"!=typeof this.drawer?.hidePopover||this.drawer.hidePopover(),void this.nanoAfterHide.emit();this.nanoAfterShow.emit()}};get panelSize(){return["top","bottom"].includes(this.placement)?this.panel.offsetHeight:this.panel.offsetWidth}set panelSize(e){const n=["top","bottom"].includes(this.placement)?"blockSize":"inlineSize";this.panel.style[n]=`clamp(var(--min-size), ${e+"px"}, var(--max-size))`}handleKeyDown=e=>{if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(e.key)){let n=this.panelSize;const t=(e.shiftKey?30:5)*("end"===this.placement||"bottom"===this.placement?-1:1),s=["top","bottom"].includes(this.placement);e.preventDefault(),("ArrowLeft"===e.key&&!s||"ArrowUp"===e.key&&s)&&(n-=t),("ArrowRight"===e.key&&!s||"ArrowDown"===e.key&&s)&&(n+=t),"Home"===e.key&&(n=0),"End"===e.key&&(n=1e4),this.panelSize=n}};handleDrag=e=>{e.preventDefault();const n=["top","bottom"].includes(this.placement),t="end"===this.placement||"bottom"===this.placement,s=n?this.panel.offsetHeight:this.panel.offsetWidth;u(this.host,{relative:!0,initialEvent:e,onMove:(e,a)=>{let i=n?a:e;t&&(i*=-1),this.panelSize=s+i}})};connectedCallback(){this.handleHoistChange(),this.modal=new l(this.host)}disconnectedCallback(){r(this.host)}componentWillLoad(){this.storeId&&h.init(this,["open"],this.storeMethod,this.storeId)}componentDidLoad(){this.drawer.hidden=!this.open,this.open&&(this.handleNoModalChange(),this.show())}render(){return a(s,{key:"487ea65e478b81f58f3302110777a756e5dcf7d4",class:"nano-drawer"},a("div",{key:"12feebdc459f4643d41d5d2dc19643c13c0d9809",ref:e=>this.drawer=e,part:"base",class:{drawer:!0,"drawer--open":this.open,[`drawer--${this.placement}`]:!0,"drawer--contained":this.contained,"drawer--fixed":!this.contained,"drawer--has-footer":this.slotCtrl.has("footer"),"drawer--has-header":!this.noHeader,"drawer--nodismiss":this.noDismiss},popover:this.contained?void 0:"manual"},a("div",{key:"e38b14383dadea34b11db92d6871518b82192859",ref:e=>this.overlay=e,part:"overlay",class:"drawer__overlay",onClick:()=>this.requestClose("overlay"),tabindex:"-1"}),a("div",{key:"4a934cc84b9d4ff06bff84feaf75ac8d463d2d5f",ref:e=>this.panel=e,part:"panel",class:"drawer__panel",role:"dialog","aria-modal":"true","aria-hidden":this.isOpen?"false":"true","aria-label":this.noHeader?this.label:void 0,"aria-labelledby":this.noHeader?void 0:"title",tabindex:"0"},this.resizable&&a("div",{key:"7c8d1c12356974522a698d69ff2e9015dd60ae92",part:"resize-handle",class:"drawer__resize-handle",tabindex:"0",role:"separator","aria-label":"Resize",onKeyDown:this.handleKeyDown,onMouseDown:this.handleDrag,onTouchStart:this.handleDrag},a("slot",{key:"48e2497abc58310beb96648b4cc44d80ae28431f",name:"handle"},["start","end"].includes(this.placement)?a("nano-icon",{slot:"handle",name:"solid/grip-dots-vertical"}):a("nano-icon",{slot:"handle",name:"solid/grip-dots"}))),a("div",{key:"425d5eb60035fb44b7c3ea4ddf4f338d429893ab",class:"drawer__main"},!this.noHeader&&a("nano-sticker",{key:"1f8eac374619dd3b607862254c2573e19963374c"},a("div",{key:"070d62dd270a2040f32e509ec0a2a5eb8c739367",part:"header",class:"drawer__header"},a("div",{key:"f3d0155227515ad548ee70e65a2213711dc13a3a",part:"title",class:"drawer__title",id:"title"},a("slot",{key:"61410c8918849984dd31854a042ec3209c1ca175",name:"label"},this.label.length>0?this.label:String.fromCharCode(65279))),a("div",{key:"262e4616c018e346596b089968f6af8b4a39436a",part:"header-actions",class:"drawer__header-actions"},a("slot",{key:"81245d6449637ca85f631d2065b173dfa3b6c663",name:"header-actions"}),!this.noUserDismiss&&a("nano-icon-button",{key:"0b88624e93df33a23f3f132d05d5f8fbc418f520",part:"close-button",exportparts:"base:close-button__base",class:"drawer__close",iconName:"light/xmark",label:"Close",onClick:()=>this.requestClose("close-button")})))),a("div",{key:"50a441f9c9417ba4fa29f30b63cc54eaf5618a98",part:"body",class:"drawer__body"},a("slot",{key:"478310362285c4ea2fcde71838da527640bf09da"})),a("nano-sticker",{key:"bb6c4a2c6ce89a03270daaf194b0a78914437c2b",position:"bottom"},a("footer",{key:"efbb6ac1f46e3bce948a236f01e26adc63b628cc",part:"footer",class:"drawer__footer"},a("slot",{key:"5a3d95c01ce45c51715d89e4cc3064f337d59b23",name:"footer"})))))))}static get watchers(){return{hoist:["handleHoistChange"],contained:["handleNoModalChange"],open:["handleOpenChange"]}}};w.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{--size:25rem;--min-size:25rem;--max-size:50%;--panel-background:var(--nano-color-neutral-75);--panel-shadow:var(--nano-shadow-l3);--scrim-color:var(--nano-overlay-background-color);--header-button-color:var(--nano-color-primary-1200);--header-button-size:1.375rem;--footer-background:var(--panel-background);--header-background:var(--panel-background);--header-spacing:var(--nano-spacing-l) var(--nano-spacing-l1-default);--body-spacing:var(--nano-spacing-l1-default);--footer-spacing:var(--nano-spacing-l) var(--nano-spacing-l1-default);--dir:1}:host([placement=top]),:host([placement=bottom]){--max-size:80%}:host(:dir(rtl)){--dir:-1}:host-context([dir=rtl]){--dir:-1}.drawer{inset-block-start:0;inset-inline-start:0;pointer-events:none;overflow:hidden;border:none;inline-size:100%;block-size:100%;color:unset;background-color:unset}.drawer::backdrop{display:none}.drawer--contained{position:absolute;z-index:initial}.drawer--fixed{position:fixed;z-index:var(--nano-z-index-modal)}.drawer__panel{position:absolute;z-index:2;max-inline-size:100%;max-block-size:100%;background-color:var(--panel-background);box-shadow:var(--panel-shadow);pointer-events:all;transition:var(--nano-transition-fast) opacity, var(--nano-transition-fast) transform;display:flex}.drawer--top .drawer__panel,.drawer--bottom .drawer__panel{flex-direction:column}@media (forced-colors: active){.drawer__panel{border:solid 1px var(--nano-color-base-1000)}}.drawer__panel:focus{outline:none}.drawer--nodismiss .drawer__panel{animation:cannotClose 0.25s ease-in-out 1}@keyframes cannotClose{0%{scale:1}50%{scale:1.08}100%{scale:1}}.drawer--top .drawer__panel{inset-block:0 auto;inset-inline:0 auto;inline-size:100%;block-size:var(--size);opacity:0;transform:translateY(-100%)}.drawer--bottom .drawer__panel{inset-block:auto 0;inset-inline:0 auto;inline-size:100%;block-size:var(--size);opacity:0;transform:translateY(100%)}.drawer--top.drawer--open .drawer__panel,.drawer--bottom.drawer--open .drawer__panel{opacity:1;transform:translateY(0)}.drawer--start .drawer__panel{inset-block:0 auto;inset-inline:0 auto;inline-size:var(--size);block-size:100%;opacity:0;transform:translateX(calc(var(--dir) * -100%))}.drawer--end .drawer__panel{inset-block:0 auto;inset-inline:auto 0;inline-size:var(--size);block-size:100%;opacity:0;transform:translateX(calc(var(--dir) * 100%))}.drawer--start.drawer--open .drawer__panel,.drawer--end.drawer--open .drawer__panel{opacity:1;transform:translateX(0)}.drawer__resize-handle{display:flex;align-items:center;justify-content:center;position:absolute;z-index:var(--nano-z-index-dropdown);color:var(--nano-color-primary-1200);background-color:var(--nano-color-neutral-75)}.drawer__resize-handle:focus{outline:none}.drawer__resize-handle:focus-visible{background-color:var(--nano-focus-ring-color)}.drawer__resize-handle:active{color:var(--nano-color-primary-800)}.drawer--top .drawer__resize-handle,.drawer--bottom .drawer__resize-handle{cursor:row-resize;inset-inline:0}.drawer--end .drawer__resize-handle,.drawer--start .drawer__resize-handle{cursor:col-resize;inset-block:0}.drawer--end .drawer__resize-handle{inset-inline-start:0}.drawer--start .drawer__resize-handle{inset-inline-end:0}.drawer--top .drawer__resize-handle{inset-block-end:0}.drawer--bottom .drawer__resize-handle{inset-block-start:0}.drawer__header{inline-size:100%;display:flex;background-color:var(--header-background);align-items:center;padding:var(--header-spacing)}[stuck] .drawer__header{box-shadow:var(--nano-shadow-l0)}.drawer__title{flex:1 1 auto;margin:0;font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-xl);line-height:var(--nano-line-height-denser)}.drawer__header-actions{flex-shrink:0;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--nano-spacing-sm);color:var(--header-button-color);inset-inline-end:calc(var(--nano-spacing-l1-default) / 2 * -1);position:relative}.drawer__header-actions .drawer__close,.drawer__header-actions ::slotted(.nano-icon-button){flex:0 0 auto;display:flex;align-items:center;font-size:var(--header-button-size)}.drawer__main{display:flex;flex-direction:column;overflow:auto;-webkit-overflow-scrolling:touch;flex:1 1 auto}.drawer__body{display:block;flex:1 1 auto;padding:var(--body-spacing);padding-block:0 var(--body-spacing);padding-inline:var(--body-spacing)}.drawer:not(.drawer--has-header) .drawer__body{padding-block-start:var(--body-spacing)}.drawer__footer{inline-size:100%;text-align:end;padding:var(--footer-spacing);background:var(--footer-background);inset-block-start:1px;position:relative;border-block-start:1px solid var(--nano-color-neutral-300);gap:var(--nano-spacing-md);display:inline-flex}.drawer:not(.drawer--has-footer) .drawer__footer{display:none}.drawer__overlay{display:block;position:fixed;inset:0;background-color:var(--scrim-color);pointer-events:all;opacity:0;transition:var(--nano-transition-fast) opacity}.drawer--open .drawer__overlay{opacity:1}.drawer--contained .drawer__overlay{display:none}";const k="created > "+Math.floor((Date.now()-631152e5)/1e3);let z=0;const C=class{constructor(t){e(this,t),this.nanoSearchGoBack=n(this,"nanoSearchGoBack",7)}algoliaResultsEle;filtersDiv;openFilterBtn;ro;searchResultId=z++;queryId=this.searchResultId>0?`searchq-${this.searchResultId}`:"searchq";globalNav;algoliaResults;algoliaEle;currentWidth;apiKey;appId;index;get el(){return t(this)}nanoSearchGoBack;handleAlgoliaCredsChange(){this.apiKey&&this.appId&&this.algoliaEle&&(this.algoliaEle.apiKey=this.apiKey,this.algoliaEle.appId=this.appId)}handleAlgoliaIndexChange(){this.index&&this.algoliaEle&&(this.algoliaEle.searchIndex=this.index)}handleAlgoliaEleChange(){this.algoliaEle&&this.algoliaResults&&"Community"===this.algoliaResults.indexName&&(this.algoliaEle.filters=[k])}handleGlobalNavReset=()=>{this.algoliaResultsEle=null,this.goback()};handleGlobalNavSearch=e=>{const{detail:{meta:n,client:t}}=e;this.apiKey=t.apiKey,this.appId=t.appId,this.index={name:n.indexTitle,index:n.index,domain:n.domain,filters:n.filters,replicas:n.replicas},this.algoliaEle.query=n.query};handleReorder(e){e.composedPath().find((e=>e.classList&&e.classList.contains("indexchange")))&&this.algoliaResultsEle&&this.changeOrder(e)}attachListeners(e){if(b.init(e.detail.client.appId,e.detail.client.apiKey),!e.composedPath().find((e=>e.id&&"main-search"===e.id)))return;this.algoliaResultsEle=this.algoliaEle.querySelector("#main-search-results"),this.algoliaResults=e.detail.meta,this.attachResultListeners(),this.algoliaEle.querySelectorAll(".filters-reset").forEach((e=>{e.addEventListener("click",(()=>{this.removeAllFilters()}))})),this.algoliaEle.querySelectorAll(".close-filters").forEach((e=>{e.addEventListener("click",(()=>{this.closefilters()}))}));const n=this.algoliaEle.querySelector(".filters-wrap");n&&n.addEventListener("click",(e=>{e.stopPropagation()})),this.filtersDiv=this.algoliaEle.querySelector("#main-search-filters");const t=this.algoliaEle.querySelector(".old-posts");t&&t.addEventListener("change",(e=>{this.toggleOldResults(e.target.checked)}))}attachResultListeners(e){if(e&&e.composedPath()?.find((e=>e===this.algoliaEle))&&(this.algoliaResultsEle=this.algoliaEle.querySelector("nano-algolia-results")),!this.algoliaResultsEle)return;const n=this.algoliaResultsEle;this.algoliaResultsEle.removeEventListener("click",this.resultClick),this.algoliaResultsEle.addEventListener("click",this.resultClick),n.querySelectorAll(".remove-filter").forEach((e=>{e.removeEventListener("click",this.removeFilterClick),e.addEventListener("click",this.removeFilterClick)})),n.querySelectorAll(".back-btn").forEach((e=>{e.removeEventListener("click",this.goback),e.addEventListener("click",this.goback)})),n.querySelectorAll(".topbar__show-filters").forEach((e=>{this.openFilterBtn=e,e.removeEventListener("click",this.showFiltersClick),e.addEventListener("click",this.showFiltersClick)})),Array.from(n.querySelectorAll(".result__tags-tag")).forEach((e=>{e.removeEventListener("click",this.tagClick),e.addEventListener("click",this.tagClick)}))}async closeSearch(){this.goback()}resultClick=e=>{const n=e.target.closest(".result");"A"===e.target.tagName&&n&&b.sendClick({index:this.algoliaResults.index,eventName:"Global nav full search - search result clicked",queryID:this.algoliaResults.queryID,objectIDs:[n.dataset.hitId],positions:[Number(n.dataset.hitCount)+1]})};showFiltersClick=()=>{this.filtersDiv.tabIndex=-1,this.filtersDiv.classList.add("show"),this.filtersDiv.setAttribute("aria-expanded","true"),document.body.style.overflow="hidden",setTimeout((()=>this.filtersDiv.focus()),20)};removeFilterClick=e=>{this.removeFilter(e.target.dataset.filter,e.target.dataset.filterVal)};tagClick=e=>{e.preventDefault();let n=e.target.dataset.value;n="publication"===n?"publications":n,n=n.toLowerCase();const t=this.algoliaEle.querySelector('nano-algolia-filter[filter-name="tags"]');-1===t.value.indexOf(n)&&(t.value=t.value?[...t.value,n]:[n])};changeOrder(e){this.algoliaEle.replicaIndex=e.detail.value}goback=()=>{this.nanoSearchGoBack.emit().defaultPrevented||(this.removeAllFilters(),this.algoliaEle.query=void 0,this.algoliaEle.showResults=!1)};removeFilter(e,n){this.algoliaEle.removeFilters(e,n)}removeAllFilters(){this.algoliaEle.removeFilters()}closefilters(){this.filtersDiv&&(this.filtersDiv.tabIndex=null,this.filtersDiv.classList.remove("show"),this.filtersDiv.setAttribute("aria-expanded","false"),document.body.style.overflow="",setTimeout((()=>this.openFilterBtn.focus()),20))}toggleOldResults(e){this.algoliaEle.filters=e?this.algoliaEle.filters.filter((e=>!e.startsWith("created > "))):[...this.algoliaEle.filters,k]}connectedCallback(){const e=i("nano-global-nav");if(this.globalNav=this.el.closest(e),!this.globalNav){const n=this.el.getRootNode()?.host;n&&n.tagName===e.toUpperCase()&&(this.globalNav=n)}this.globalNav?(this.globalNav.addEventListener("nanoSearchResult",this.handleGlobalNavSearch),this.globalNav.addEventListener("nanoSearchReset",this.handleGlobalNavReset),this.handleAlgoliaEleChange()):console.error("`<nano-global-search-results>` must be a child of `<nano-global-nav>`")}disconnectedCallback(){this.ro&&this.ro.disconnect(),this.globalNav.removeEventListener("nanoSearchResult",this.handleGlobalNavSearch),this.globalNav.removeEventListener("nanoSearchReset",this.handleGlobalNavReset)}componentDidLoad(){window.ResizeObserver&&(this.ro=new ResizeObserver((e=>{for(const n of e){if(!n.contentRect.width)return;this.currentWidth=n.contentRect.width}})),this.ro.observe(this.el))}render(){return a(s,{key:"adc6446ad3c226627dcae79331259d44849e8266",class:{small:this.currentWidth<677,"nano-global-search-results":!0},dir:"rtl"===this.el.ownerDocument.dir?"rtl":void 0},a("nano-algolia",{key:"28968dd88fdd41225883b953de31cb113a5dc77e",storeId:this.queryId,storeMethod:"url-hash-push",class:"main-search__wrap sc-nano-global-search-results",ref:e=>requestAnimationFrame((()=>this.algoliaEle=e)),id:"main-search"},a("template",{key:"3a12eec09e7ddc91a40b4043bbc6b14879433e11",slot:"template"},'<div class="main-search sc-nano-global-search-results">\n              <nano-algolia-results id="main-search-results" class="main-search__results sc-nano-global-search-results" infinite-scroll>\n                <script type="text/template" slot="start-template">\n                  <div class="sc-nano-global-search-results main-search__topbar topbar">\n                    <button class="sc-nano-global-search-results topbar__bkbtn back-btn icon-button">\n                      <nano-icon class="sc-nano-global-search-results" name="light/chevron-left" size="small"></nano-icon>\n                    </button>\n                    <div>\n                      <em class="sc-nano-global-search-results topbar__query">\'{{ it.query }}\' - </em> <strong>{{ it.totalHitsWithFilters }}</strong> Results\n                    </div>\n\n                    <div class="sc-nano-global-search-results topbar__filtering">\n                      {{ @if (it.results.length) }}\n                        {{ @if (it.searchIndex && it.searchIndex.replicas) }}\n                          <nano-select class="sc-nano-global-search-results topbar__order indexchange" value="{{ it.index }}" hide-label="true" label="Sort order" show-inline-error="false">\n                          {{ @each(it.searchIndex.replicas) => replica }}\n                            <nano-option value="{{ replica.index }}">{{ replica.name }}</nano-option>\n                          {{ /each }}\n                          </nano-select>\n                        {{ /if }}\n                      {{ /if }}\n\n                      <button class="sc-nano-global-search-results topbar__show-filters filters-title" aria-controls="main-search-filters">\n                        {{ @if (it.appliedFilters && it.appliedFilters.length > 0) }}\n                          <span class="sc-nano-global-search-results topbar__filter-count">\n                            {{ (it.appliedFilters.reduce(function(a, b) { return a + (b.values ? b.values.length : 0) }, 0)) }}\n                          </span>\n                        {{ /if }}\n                        <nano-icon class="sc-nano-global-search-results" name="light/filter"></nano-icon>\n                      </button>\n                    </div>\n                  </div>\n\n                  {{ @if (it.results.length) }}\n                    <div class="sc-nano-global-search-results main-search__applied-filters">\n                      {{ @if (it.appliedFilters) }}\n                        {{ @each(it.appliedFilters) => filterObj }}\n                          {{ @each(filterObj.values) => filterVal }}\n                            <span class="sc-nano-global-search-results main-search__applied-filter">\n                              {{ filterVal | public_name }}\n                              <button class="sc-nano-global-search-results icon-button remove-filter" data-filter="{{ filterObj.name }}" data-filter-val="{{ filterVal }}">\n                                <nano-icon class="sc-nano-global-search-results" name="light/xmark"></nano-icon>\n                              </button>\n                            </span>\n                          {{ /each }}\n                        {{ /each }}\n                      {{ #else }}\n                        <span class="sc-nano-global-search-results main-search__applied-nofilter">&nbsp;</span>\n                      {{ /if }}\n                    </div>\n                  {{ /if }}\n                <\/script>\n\n                <script type="text/template" slot="result-template">\n                  \x3c!-- START NO CONTENT --\x3e\n                  {{ @if ((!it.results || !it.results.length)) }}\n                    <div class="search-empty">\n                      <nano-icon name="light/magnifying-glass" class="search-empty-icon"></nano-icon>\n                      <h2>No matches found...</h2>\n                      <p>Please try a different search query.</p>\n                    </div>\n                  {{ /if }}\n                  \x3c!-- END NO CONTENT --\x3e\n\n                  {{ @if (it.totalHitsWithFilters > 0) }}\n                    {{ @each(it.results) => result, resultIndex }}\n                      {{ contentType = result.content_type ? result.content_type : result.type }}\n                      <li class="sc-nano-global-search-results">\n                        <div class="sc-nano-global-search-results result" data-hit-id="{{ result.objectID }}" data-hit-count="{{ resultIndex }}">\n                          <h4 class="sc-nano-global-search-results result__title" data-icon-set="{{(iconSet = false)}}">\n                            <a href="{{ result.url | abs_url(it, result) }}">\n                            {{ @if (result._snippetResult) }}\n                              {{ result._snippetResult.title.value | safe }}\n                            {{ #else }}\n                              {{ result.title | safe }}\n                            {{ /if }}\n                            {{ @if (contentType === \'technical_document\' || contentType === \'literature\' || contentType === \'white_paper\' || contentType === \'protocol\') }}\n                              <span class="sc-nano-global-search-results result__pdf">PDF</span>\n                            {{ /if }}\n                            </a>\n                          </h4>\n                          {{ @if (result.authors) }}\n                            {{ @if (typeof result.authors === \'string\') }}\n                              <a class="sc-nano-global-search-results result__authors" href="{{ result.url | abs_url(it, result) }}">Authors: {{ result.authors | trim_to(50) }}</a>\n                            {{ #else }}\n                              <a class="sc-nano-global-search-results result__authors" href="{{ result.url | abs_url(it, result) }}">\n                                {{ @each(result.authors) => author, index }}\n                                  \x3c!-- {{ @if(index == 0)}} --\x3e\n                                    Authors: {{ author | trim_to(60) }}\n                                  \x3c!-- {{ /if }} --\x3e\n                                {{ /each }}\n                              </a>\n                            {{ /if }}\n                          {{ /if }}\n                          {{ @if (contentType === \'video\' || contentType === \'lc_lightning_talk\' ) }}\n                            {{ @if (result.name) }}\n                              <a class="sc-nano-global-search-results result__authors" href="{{ result.url | abs_url(it, result) }}">Speaker: {{ result.name | trim_to(50) }}</a>\n                            {{ /if }}\n                            <a class="sc-nano-global-search-results result__video-body" href="{{ result.url | abs_url(it, result) }}">\n                              {{ @if (result.image) }}\n                                <div class="sc-nano-global-search-results result__image" style="background-image: url(\'{{ result.image | abs_url(it, result) }}\')">\n                                  <nano-icon class="sc-nano-global-search-results" name="duotone/play-circle"></nano-icon>\n                                </div>\n                              {{ /if }}\n                              <div class="sc-nano-global-search-results result__body">\n                                <div class="sc-nano-global-search-results result__description">\n                                  {{ @if (result.description) }}\n                                    {{ result._snippetResult.description.value | safe }}\n                                  {{ /if }}\n                                </div>\n                              </div>\n                              <div class="sc-nano-global-search-results result__meta">\n                                {{ @if (result.type || result.content_type) }}\n                                  <div class="sc-nano-global-search-results result__type">\n                                  {{ @if (contentType === \'lc_lightning_talk\') }}\n                                    Presentation\n                                  {{ #else }}\n                                    {{ contentType }}\n                                  {{ /if }}\n                                  </div>\n                                {{ /if }}\n                                {{ @if (result.tags) }}\n                                  <div class="sc-nano-global-search-results result__tags">\n                                    {{ @if (typeof result.tags === \'string\') }}\n                                      <button data-value="{{ result.tags | lowercase }}" class="sc-nano-global-search-results result__tags-tag">{{ result.tags }}</button>\n                                    {{ #else }}\n                                      {{ @each(result.tags) => tag, index }}\n                                        {{ @if(index < 5)}}\n                                          {{ @if (tag !== "No video" && tag !== "Resources" && tag !== "Video") }}\n                                            <button data-value="{{ tag | lowercase }}" class="sc-nano-global-search-results result__tags-tag">{{ tag }}</button>\n                                          {{ /if }}\n                                        {{ /if }}\n                                      {{ /each }}\n                                    {{ /if }}\n                                  </div>\n                                {{ /if }}\n                                {{ @if (result.source) }}\n                                  <div class="sc-nano-global-search-results result__source">Source: {{ result.source }}</div>\n                                {{ /if }}\n                              </div>\n                            </a>\n                          {{ /if }}\n                          {{ @if (result.body) }}\n                            <a class="sc-nano-global-search-results result__body" href="{{ result.url | abs_url(it, result) }}">\n                            {{ @if (result._snippetResult) }}\n                              {{ result._snippetResult.body.value | safe }}\n                            {{ /if }}\n                            </a>\n                          {{ /if }}\n                          {{ @if (contentType === \'product\' }}\n                            <div class="sc-nano-global-search-results result__buttons">\n                              <a class="sc-nano-global-search-results result__buttons-button" href="{{ result.url | abs_url(it, result) }}">View product</a>\n                            </div>\n                          {{ /if }}\n                          {{ @if (contentType === \'event\') }}\n                            <a class="sc-nano-global-search-results result__promo" href="{{ result.url | abs_url(it, result) }}">\n                              <div class="sc-nano-global-search-results result__promo-box">\n                                <div class="sc-nano-global-search-results result__promo-bigdate">\n                                  {{ result.start_date | date_long({year: undefined, month: \'short\', day: undefined}) }}\n                                  <span>{{ result.start_date | date_long({year: undefined, month: undefined, day: \'numeric\'}) }}</span>\n                                </div>\n                                <div>\n                                  <div class="sc-nano-global-search-results result__promo-date">\n                                    <nano-icon class="sc-nano-global-search-results" name="light/calendar-days"></nano-icon>\n                                    {{ @if (result.end_date) }}\n                                      {{ @if (result.end_date !== result.start_date) }}\n                                        {{ result.start_date | date_long({weekday: \'short\', day: \'numeric\', month: \'short\'}) }} - {{ result.end_date | date_long({weekday: \'short\', day: \'numeric\', year: \'numeric\', month: \'short\'}) }}\n                                      {{ #else }}\n                                        {{ result.start_date | date_long({weekday: \'short\', day: \'numeric\', year: \'numeric\', month: \'short\'}) }}\n                                      {{ /if }}\n                                    {{ #else }}\n                                      {{ @if (result.start_date) }}\n                                        {{ result.start_date | date_long({weekday: \'short\', day: \'numeric\', year: \'numeric\', month: \'short\'}) }}\n                                      {{ /if }}\n                                    {{ /if }}\n                                  </div>\n                                  <div class="sc-nano-global-search-results result__promo-venue">\n                                    <nano-icon class="sc-nano-global-search-results" name="light/map-marker-alt"></nano-icon>\n                                    Venue\n                                  </div>\n                                </div>\n                              </div>\n                            </a>\n                          {{ /if }}\n                          {{ @if (contentType !== \'lc_lightning_talk\' && contentType !== \'video\') }}\n                            <div class="sc-nano-global-search-results result__meta">\n                              {{ @if (result.type || result.content_type) }}\n                                <div class="sc-nano-global-search-results result__type">\n                                {{ @if (contentType === \'news_item\') }}\n                                  News\n                                {{ #elif (contentType === \'static_page\' || contentType === \'bespoke\') }}\n                                  Page\n                                {{ #elif (contentType === \'case_study\') }}\n                                  Case study\n                                {{ #elif (contentType === \'lc_poster\') }}\n                                  Poster\n                                {{ #elif (contentType === \'nanopore_live\') }}\n                                  Live stream\n                                {{ #elif (contentType === \'data_release\') }}\n                                  Data release\n                                {{ #elif (contentType === \'research_area\') }}\n                                  Research area\n                                {{ #elif (contentType === \'white_paper\') }}\n                                  White paper\n                                {{ #elif (contentType === \'technical_document\') }}\n                                  Technical document\n                                {{ #elif (contentType === \'info_sheet\') }}\n                                  Info sheet\n                                {{ #elif (contentType === \'lc_home\' || contentType === \'lc_venue\') }}\n                                  London Calling\n                                {{ #else }}\n                                  {{ contentType }}\n                                {{ /if }}\n                                </div>\n                              {{ /if }}\n                              {{ @if (contentType !== \'event\') }}\n                                {{ @if (result.updated) }}\n                                  <div class="sc-nano-global-search-results result__date">{{ result.updated | date_long({year: \'numeric\', month: \'short\', day: \'numeric\'}) }}</div>\n                                {{ #else }}\n                                  {{ @if (result.created) }}\n                                    <div class="sc-nano-global-search-results result__date">{{ result.created | date_long({year: \'numeric\', month: \'short\', day: \'numeric\'}) }}</div>\n                                  {{ /if }}\n                                {{ /if }}\n                              {{ /if }}\n                              {{ @if (result.tags) }}\n                                <div class="sc-nano-global-search-results result__tags">\n                                  {{ @if (typeof result.tags === \'string\') }}\n                                    {{ @if (result.tags !== "Resources" && result.tags !== "Tools" && result.tags !== "Publications" && result.tags !== "Case studies") }}\n                                      <button data-value="{{ result.tags | lowercase }}" class="sc-nano-global-search-results result__tags-tag">{{ result.tags }}</button>\n                                    {{ /if }}\n                                  {{ #else }}\n                                    {{ @each(result.tags) => tag, index }}\n                                      {{ @if(index < 5)}}\n                                        {{ @if (tag !== "Resources" && tag !== "Tools" && tag !== "Publications" && tag !== "Case studies") }}\n                                          <button data-value="{{ tag | lowercase }}" class="sc-nano-global-search-results result__tags-tag">{{ tag }}</button>\n                                        {{ /if }}\n                                      {{ /if }}\n                                    {{ /each }}\n                                  {{ /if }}\n                                </div>\n                              {{ /if }}\n                              {{ @if (result.source) }}\n                                <div class="sc-nano-global-search-results result__source">Source: {{ result.source }}</div>\n                              {{ /if }}\n                            </div>\n                          {{ /if }}\n                        </div>\n                      </li>\n                    {{ /each }}\n                  {{ /if }}\n                <\/script>\n\n                <div slot="start-output"></div>\n                <ul slot="result-output" class="sc-nano-global-search-results"></ul>\n              </nano-algolia-results>\n\n              {{ @if(Object.keys(it.origFilters).length) }}\n                <div class="sc-nano-global-search-results main-search__filters filters close-filters" id="main-search-filters">\n                  <div class="sc-nano-global-search-results filters-wrap">\n                    {{ @if(it.totalHits) }}\n                      <div class="sc-nano-global-search-results filters-header">\n                        <strong class="sc-nano-global-search-results filters-title">Filters</strong>\n                        <button class="sc-nano-global-search-results filters-reset">Reset</button>\n                        <button class="sc-nano-global-search-results filters__close-filters close-filters icon-button" aria-controls="main-search-filters">\n                          <nano-icon class="sc-nano-global-search-results" name="light/xmark"></nano-icon>\n                        </button>\n                      </div>\n                    {{ /if }}\n\n                    <div>\n                      <input class="sc-nano-global-search-results filter-cb old-posts filters__old-posts" type="checkbox" name="old-posts" id="old-posts" value="nice" />\n                      <label class="sc-nano-global-search-results filter-label" for="old-posts">\n                        <span>Include posts older than 2 years</span>\n                      </label>\n                      {{ @if(it.origFilters[\'type\']) }}\n                        <nano-details class="sc-nano-global-search-results" open={true} icon-rotation="180">\n                          <strong slot="label">Type</strong>\n                          <nano-icon slot="icon-end" name="light/chevron-down" size="small"></nano-icon>\n                          <nano-algolia-filter store-id="searchf1" store-method="url-hash-push" filter-name="type">\n                            <script type="text/template" slot="filter-template">\n                              <ul class="sc-nano-global-search-results" data-num="{{(x = 0)}}">\n                              {{ @foreach(it.dyn) => filter, filterVal }}\n                                <li class="sc-nano-global-search-results" data-num="{{(x++)}}">\n                                <input class="sc-nano-global-search-results filter-cb" type="checkbox" value="{{ filter }}" id="type-{{ filter }}-{{x}}" />\n                                <label class="sc-nano-global-search-results filter-label" for="type-{{ filter }}-{{x}}">\n                                  <span>{{ filter | public_name }} (<strong>{{ filterVal }}</strong>)</span>\n                                </label></li>\n                              {{ /foreach }}\n                              </ul>\n                            <\/script>\n                            <div slot="output"></div>\n                          </nano-algolia-filter>\n                        </nano-details>\n                      {{ /if }}\n\n                      {{ @if(it.origFilters[\'channel\']) }}\n                        <nano-details open={true} icon-rotation="180">\n                          <strong slot="label">Channels</strong>\n                          <nano-icon slot="icon-end" name="light/chevron-down" size="small"></nano-icon>\n                          <nano-algolia-filter store-id="searchf2" store-method="url-hash-push" filter-name="channel">\n                            <script type="text/template" slot="filter-template">\n                              <ul class="sc-nano-global-search-results" data-num="{{(x = 0)}}">\n                              {{ @foreach(it.dyn) => filter, filterVal }}\n                                <li class="sc-nano-global-search-results" data-num="{{(x++)}}">\n                                <input class="filter-cb sc-nano-global-search-results" type="checkbox" value="{{ filter }}" id="channel-{{ filter }}-{{x}}" />\n                                <label class="filter-label sc-nano-global-search-results" for="channel-{{ filter }}-{{x}}">\n                                  <span>{{ filter | public_name }} (<strong>{{ filterVal }}</strong>)</span>\n                                </label></li>\n                              {{ /foreach }}\n                              </ul>\n                            <\/script>\n                            <div slot="output"></div>\n                          </nano-algolia-filter>\n                        </nano-details>\n                      {{ /if }}\n\n                      {{ @if(it.origFilters[\'authors\']) }}\n                        <nano-details open={true} icon-rotation="180">\n                          <strong slot="label">Authors</strong>\n                          <nano-icon slot="icon-end" name="light/chevron-down" size="small"></nano-icon>\n                          <nano-algolia-filter store-id="searchf3" store-method="url-hash-push" filter-name="authors">\n                            <script type="text/template" slot="filter-template">\n                              <ul class="sc-nano-global-search-results" data-num="{{(x = 0)}}">\n                              {{ @foreach(it.dyn) => filter, filterVal }}\n                                <li class="sc-nano-global-search-results" data-num="{{(x++)}}">\n                                <input class="filter-cb sc-nano-global-search-results" type="checkbox" value="{{ filter }}" id="authors-{{ filter }}-{{x}}" />\n                                <label class="filter-label sc-nano-global-search-results" for="authors-{{ filter }}-{{x}}">\n                                  <span>{{ filter | public_name }} (<strong>{{ filterVal }}</strong>)</span>\n                                </label></li>\n                              {{ /foreach }}\n                              </ul>\n                            <\/script>\n                            <div slot="output"></div>\n                          </nano-algolia-filter>\n                        </nano-details>\n                      {{ /if }}\n\n                      {{ @if(it.origFilters[\'categories_without_path\']) }}\n                        <nano-details open={true} icon-rotation="180">\n                          <strong slot="label">Category</strong>\n                          <nano-icon slot="icon-end" name="light/chevron-down" size="small"></nano-icon>\n                          <nano-algolia-filter store-id="searchf4" store-method="url-hash-push" filter-name="categories_without_path">\n                            <script type="text/template" slot="filter-template">\n                              <ul class="sc-nano-global-search-results" data-num="{{(x = 0)}}">\n                              {{ @foreach(it.dyn) => filter, filterVal }}\n                                {{ @if(!filter.match(/publication/)) }}\n                                  <li class="sc-nano-global-search-results" data-num="{{(x++)}}">\n                                  <input class="sc-nano-global-search-results filter-cb" type="checkbox" value="{{ filter }}" id="cwp-{{ filter }}-{{x}}" />\n                                  <label class="sc-nano-global-search-results filter-label" for="cwp-{{ filter }}-{{x}}">\n                                    <span>{{ filter | public_name }} (<strong>{{ filterVal }}</strong>)</span>\n                                  </label></li>\n                                {{ /if }}\n                              {{ /foreach }}\n                              </ul>\n                            <\/script>\n                            <div slot="output"></div>\n                          </nano-algolia-filter>\n                        </nano-details>\n                      {{ /if }}\n\n                      {{ @if(it.origFilters[\'tags\']) }}\n                        <nano-details open={true} icon-rotation="180">\n                          <strong slot="label">Tags</strong>\n                          <nano-icon slot="icon-end" name="light/chevron-down" size="small"></nano-icon>\n                          <nano-algolia-filter store-id="searchf5" store-method="url-hash-push" filter-name="tags">\n                            <script type="text/template" slot="filter-template">\n                              <ul class="sc-nano-global-search-results" data-num="{{(x = 0)}}">\n                              {{ @foreach(it.dyn) => filter, filterVal }}\n                                <li class="sc-nano-global-search-results" data-num="{{(x++)}}">\n                                <input class="filter-cb sc-nano-global-search-results" type="checkbox" value="{{ filter | lowercase }}" id="tags-{{ filter }}-{{x}}" />\n                                <label class="filter-label sc-nano-global-search-results" for="tags-{{ filter }}-{{x}}">\n                                  <span>{{ filter | public_name }} (<strong>{{ filterVal }}</strong>)</span>\n                                </label></li>\n                              {{ /foreach }}\n                              </ul>\n                            <\/script>\n                            <div slot="output"></div>\n                          </nano-algolia-filter>\n                        </nano-details>\n                      {{ /if }}\n                    </div>\n                  </div>\n                </div>\n              {{ /if }}\n            </div>'),a("div",{key:"120fb25d6070d45591e81c9c67bef304136d21fc",slot:"output"}),a("slot",{key:"824a05f852bf5259f1809293a76cde06472a09a1"})))}static get watchers(){return{algoliaEle:["handleAlgoliaCredsChange","handleAlgoliaIndexChange","handleAlgoliaEleChange"],apiKey:["handleAlgoliaCredsChange"],appId:["handleAlgoliaCredsChange"],index:["handleAlgoliaIndexChange"],algoliaResults:["handleAlgoliaEleChange"]}}};C.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{display:block;flex:1 1 100%}.main-search{display:flex;background:white;font-size:14px;min-block-size:calc(100vh - 63px);justify-content:space-between}.main-search__wrap{display:contents;block-size:100%}.main-search ul{margin:0;padding:0;list-style:none}.main-search li{margin:0;padding:0}.main-search button:not(.result__tags-tag){appearance:none;border:none;background:none;position:relative;inset-block-start:-2px}.main-search .icon-button{color:inherit;align-self:normal;padding:9px 7px;cursor:pointer;display:flex;align-items:center}.main-search__topbar{display:flex;align-items:center;flex-wrap:wrap;margin-block-end:1em}.main-search__topbar::after{content:"";inline-size:calc(100% - 30px);inset-inline-start:30px;position:relative;border-block-end:1px solid #e5eef1;padding-block-start:0.9em}.main-search__applied-filters{border:solid 1px #e4e6e8;text-transform:uppercase;border-radius:3px;font-weight:bold;display:flex;align-items:center;line-height:0.9;padding:5px 5px 0;letter-spacing:2px;flex-wrap:wrap;margin-block-end:0.5rem}.main-search__applied-filters span{display:flex;align-items:center}:host(.small) .main-search__applied-filters{display:none}.main-search__applied-nofilter{margin-inline:0 5px;margin-block:0 3px;padding-inline:7px;padding-block:10px;font-size:12px;color:rgba(69, 85, 86, 0.85)}.main-search__applied-filter{padding-inline:8px 2px;padding-block:5px 3px;margin-inline:0 5px;margin-block:0 5px;color:#455556;font-size:11px;border-radius:2px;border:solid 1px rgba(0, 132, 169, 0.5);background-color:rgba(0, 132, 169, 0.2);line-height:1}.main-search__applied-filter .icon-button{padding-inline:10px 4px;padding-block:2px 1px}.main-search__applied-filter .icon-button .nano-icon{pointer-events:none}.main-search .topbar__bkbtn{position:relative;inset-inline-start:-7px}:host(.small) .main-search .topbar__query{display:none}.main-search .topbar__filtering{display:flex;align-items:center;margin-block:0;margin-inline:1em 0;flex:1}.main-search .topbar__order{min-inline-size:175px;max-inline-size:200px;margin-inline-start:auto}:host(.small) .main-search .topbar__order{max-inline-size:300px}.main-search .topbar .nano-select{opacity:1;transition:0.1s ease opacity}.main-search .topbar .nano-select:not(.hydrated){opacity:0}.main-search .topbar__show-filters{margin-inline-start:0.5em;text-transform:uppercase;display:none;flex-direction:column;align-items:center}.main-search .topbar__show-filters .nano-icon{font-size:20px}:host(.small) .main-search .topbar__show-filters{display:flex}.main-search .topbar__filter-count{inline-size:12px;block-size:12px;box-shadow:inset 0 3px 4px 0 rgba(0, 0, 0, 0.2);border:solid 1px #005c76;background-color:#005c76;color:white;font-size:7px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;margin-block-end:3px}.main-search__results{font-size:14px;padding:1em 40px;color:rgba(69, 85, 86, 0.85);inline-size:70%;block-size:100%}@media (max-width: 576px){.main-search__results{padding:1em 20px}}:host(.small) .main-search__results{inline-size:100%}.main-search__filters{outline:none;padding-inline:0 40px;padding-block:1.8em 1em;flex:1 1 30%;box-sizing:border-box}@media (max-width: 576px){.main-search__filters{padding-inline-end:20px}}:host(:not(.small)) .main-search__filters{max-inline-size:350px;min-inline-size:220px}.filters{color:#455556;background:white;font-size:14px}:host(.small) .filters{position:fixed;inline-size:0;block-size:0;z-index:10;inset-block-start:0;inset-inline-end:0;transition:all 0s ease 0.5s;background:none}:host(.small) .filters.show{block-size:100vh;inline-size:100vw;transition:all 0s ease 0s}:host(.small) .filters.show::after{opacity:1}:host(.small) .filters::after{content:"";background:rgba(0, 0, 0, 0.5);position:absolute;inset:0;z-index:-1;opacity:0;transition:0.1s ease opacity}.filters__close-filters{display:none !important;font-size:1.4em}:host(.small) .filters__close-filters{display:inline-block !important;margin-inline:auto 0;margin-block:0}.filters__old-posts{margin-inline-start:1rem}:host(.small) .filters-wrap{position:absolute;inset-block-start:0;inset-inline-end:0;background:rgb(247, 246, 246);transform:translateX(100%);inline-size:300px;min-inline-size:200px;max-inline-size:80vw;transition:transform 0.3s ease;padding:1em;color:black;overflow:auto;block-size:100vh}:host(.small) .filters.show .filters-wrap{transform:translateX(0%);box-shadow:-3px -3px 7px rgba(0, 0, 0, 0.1)}.filters ul{margin:0;padding:0;list-style:none}.filters li{margin:0;padding:0}.filters .nano-details{--padding:0.8em;margin:0.8em 0}.filters .nano-details strong[slot]{display:block;padding-inline-start:calc(20px - 0.8em)}.filters .nano-details .nano-icon[slot=icon-end]{padding-inline:calc(20px - 0.8em)}.filters li:last-child .filter-label{margin-block-end:0}.filters .filter-label{display:flex;align-items:center;position:relative;margin:0.5em 0;line-height:1.4;z-index:0}.filters .filter-label::before{margin-inline:0 1em;margin-block:0;content:"";border:1px solid #007495;background:#fff;border-radius:3px;block-size:1em;inline-size:1em;min-inline-size:1em;min-block-size:1em;display:inline-block}.filters .filter-label::after{background-image:url("data:image/svg+xml;charset=utf-8,<svg%20xmlns=\'http://www.w3.org/2000/svg\'%20viewBox=\'0%200%20512%20512\'><path%20fill=\'%23ffffff\'%20d=\'M173.898%20439.404l-166.4-166.4c-9.997-9.997-9.997-26.206%200-36.204l36.203-36.204c9.997-9.998%2026.207-9.998%2036.204%200L192%20312.69%20432.095%2072.596c9.997-9.997%2026.207-9.997%2036.204%200l36.203%2036.204c9.997%209.997%209.997%2026.206%200%2036.204l-294.4%20294.401c-9.998%209.997-26.207%209.997-36.204-.001z\'/></svg>");content:"";block-size:0.7em;inline-size:0.7em;position:absolute;inset-inline-start:2px;inset-block-start:50%;transform:translateY(-50%);z-index:1;display:block;background-size:100%;background-position:center center;background-repeat:no-repeat}.filters .filter-cb{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}.filters .filter-cb:checked+.filter-label::before{background:#245a6f}.filters .filter-cb:focus+.filter-label::before{box-shadow:0 0 0 1px rgba(0, 0, 0, 0.7)}.filters-header{display:flex;align-items:center;border-block-end:1px solid #90c6e7;padding-block-end:0.5rem;margin-block-end:0.5rem}.filters-reset{color:#007495;font-size:12px;text-decoration:underline;margin-inline:auto 0;margin-block:0}:host(.small) .filters-reset{margin:0}.filters-title{margin:0;text-transform:uppercase;color:rgba(69, 85, 86, 0.85);font-weight:bold;font-size:14px}:host(.small) .filters-title{display:none}.result{text-decoration:none;display:flex;flex-flow:row wrap;padding-block-end:14px;border-block-end:1px solid #90c6e7}.result *{word-wrap:break-word;overflow-wrap:break-word}.result__title{margin:1em 0 0.5em;inline-size:70%;display:flex}.result__title a{color:#0084a9;font-size:14px;line-height:1.43;text-decoration:none;font-weight:600}.result__title .nano-icon{margin-inline:0 0.5em;margin-block:0;min-inline-size:20px;min-block-size:20px;opacity:0.8}@media (max-width: 992px){.result__title{inline-size:100%}}.result__body{color:#455556;font-size:13px;inline-size:70%;text-decoration:none}@media (max-width: 992px){.result__body{inline-size:100%}}.result__pdf{display:inline-block;margin-inline-start:0.5rem;color:#b5aea7}.result__meta{display:flex;flex-flow:row wrap;color:#455556;font-size:11px;line-height:13px;inline-size:100%;align-items:center}.result__meta>*{margin-block-start:0.5rem}.result__meta>*:not(:last-child){padding-inline-end:0}.result__meta>*:not(:last-child)::after{content:"";block-size:1rem;inline-size:1px;background:#90c6e7;display:inline-block;margin-inline:0.7rem}@media (max-width: 576px){.result__meta>*:not(:last-child)::after{display:none}}@media (max-width: 576px){.result__meta{flex-flow:column;align-items:flex-start}}.result__tags{display:flex;flex-flow:row wrap}@media (max-width: 576px){.result__tags{padding-inline-start:0}}.result__tags-tag{color:#455556;display:inline-block;font-size:0.4375rem;letter-spacing:1.4px;background:#fff;border-radius:2px;text-transform:uppercase;padding:0 4px 1px 5px;font-weight:600;margin:3px 0.25rem 0.25rem 0;border:1px solid #b5aea7;white-space:nowrap;line-height:13px}.result__type{font-weight:600;text-transform:capitalize;white-space:nowrap;display:flex;align-items:center}.result__date{display:flex;align-items:center;color:#455556}.result__source{color:#455556;padding-inline-end:0.75rem}.result__authors{font-size:12px;color:#455556;margin-block-end:0.25rem;text-decoration:none;inline-size:70%}.result__buttons{inline-size:70%;margin-block-end:0.5rem}.result__buttons-button{background-color:#007495;color:#fff;padding:5px 8px 1px;border-radius:4px;display:inline-block;font-size:11px;text-decoration:none;border:none}.result__promo{inline-size:70%;margin-block-end:0.5rem;text-decoration:none;color:#455556}.result__promo-box{inline-size:300px;background-color:#e3eef1;padding:12px 12px 8px 4px;display:flex;flex-flow:row nowrap;margin-block-start:1rem}.result__promo-bigdate{flex:0 1 60px;text-align:center;font-weight:600;color:#007495;text-transform:uppercase;line-height:1;letter-spacing:1.5px}@media (max-width: 992px){.result__promo-bigdate{inline-size:100%}}.result__promo-bigdate span{color:#455556;display:block}.result__promo-bigdate~div{padding-inline-start:1rem;border-inline-start:1px solid #c5dbe1}.result__promo-date{font-size:12px}.result__promo-venue{font-size:12px}.result__promo .nano-icon{color:#007495;position:relative;inset-block-start:1px;padding-inline-end:2px}.result__image{display:block;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:4px;position:relative;inline-size:100%;block-size:150px;margin-block-end:0.5rem}@media (min-width: 576px){.result__image{inline-size:142px;block-size:80px}}.result__image .nano-icon{position:absolute;inset-block-start:calc(50% - 0.75rem);inset-inline-start:calc(50% - 0.75rem);font-size:1.5rem;color:#0084a9;--primary-color:#fff;--secondary-color:#0084a9;--primary-opacity:1}@media (max-width: 576px){.result__image .nano-icon{font-size:3rem;inset-block-start:calc(50% - 1.5rem);inset-inline-start:calc(50% - 1.5rem)}}.result__video-body{inline-size:70%;text-decoration:none;display:flex;flex-flow:row wrap}@media (max-width: 992px){.result__video-body{inline-size:100%}}@media (max-width: 576px){.result__video-body{flex-flow:column}}.result__video-body .result__body{padding-inline-start:1rem;display:flex;flex-direction:column;margin-block-end:0;flex:1}@media (max-width: 576px){.result__video-body .result__body{padding-inline-start:0}}.result__video-body .result__body p{display:inline;margin:0}.result__video-body .result__body u,.result__video-body .result__body li,.result__video-body .result__body a{text-decoration:none}.result__video-body .result__body .result__meta{margin-block-start:0.5rem}.result__video-body .result__body .result__description{flex:1 0 auto}.search-empty{padding:3rem 0;text-align:center;border-block-start:1px solid #e5eef1}.search-empty h2{color:#455556;font-size:1.125rem;margin-block-end:0.5rem}.search-empty-icon{font-size:7rem;--icon-color:#e4e6e8;margin-block-end:2rem}.search__highlight{background:#fbffbf;font-style:normal}';let T=0;const S=class{constructor(t){e(this,t),this.nanoChange=n(this,"nanoChange",7),this.nanoBlur=n(this,"nanoBlur",7),this.nanoFocus=n(this,"nanoFocus",7),this.nanoDidLoad=n(this,"nanoDidLoad",7),this.nanoDidUnload=n(this,"nanoDidUnload",7),this.nanoSearchChange=n(this,"nanoSearchChange",7),this.nanoValidate=n(this,"nanoValidate",7)}nativeSelect;valueItems=[];dragVal;mo;selectId="nano-select-"+T++;rtl=!1;onInit=!0;customError="";get inputCtrl(){return this._inputCtrl}set inputCtrl(e){e!==this._inputCtrl&&(this._inputCtrl=e,this.setDataListOpts())}_inputCtrl;_selectWrap;get selectWrap(){return this._selectWrap}set selectWrap(e){this._selectWrap!==e&&(this._selectWrap=e,this.setDataListOpts())}_datalist;get datalist(){return this._datalist}set datalist(e){this._datalist!==e&&(this._datalist=e,this.setDataListOpts())}currInsertIndex=-1;showErrorMsg=!1;errorMessage="";hasFocus=!1;hasOpened=!1;hasLabelSlot=!1;hasHelperSlot=!1;hasHelperEndSlot=!1;inputSearchVal="";get el(){return t(this)}get invalid(){return this._invalid}_invalid=null;get validityMessage(){return this.nativeSelect?this.nativeSelect.validationMessage:""}autofocus=!1;disabled=!1;validateOn="submitThenDirty";showInlineError=!0;_label="";get label(){return this.required&&!this._label.endsWith("*")?this._label+" *":this._label}set label(e){this._label=e}hideLabel=!1;floatLabel=!1;multiple=!1;maxValuesVisible=3;_maxValuesVisible;watchMaxValuesVisible(){this.multiple&&(this._maxValuesVisible=!1===this.maxValuesVisible?NaN:Number(this.maxValuesVisible),Number.isNaN(this._maxValuesVisible)?this.currInsertIndex=this.value.length-1:this.currInsertIndex>this._maxValuesVisible&&(this.currInsertIndex=this._maxValuesVisible))}name=this.selectId+"-name";placeholder;readonly=!1;required=!1;size;max;min;form;allowCustomValues=!1;get value(){return this._value||(this.multiple?[]:"")}set value(e){e&&this._value&&JSON.stringify(e)===JSON.stringify(this._value)||("string"==typeof e?this._value=this.multiple?e.split(",").map((e=>e.trim())):e:Array.isArray(e)&&(this._value=this.multiple?e:e[0]))}_value;valueChanged(){this.customValidate(),this.onInit?this.multiple&&(this.currInsertIndex=this.value.length-1):requestAnimationFrame((()=>{this.shouldValidate(),this.nanoChange.emit({value:this.value})}))}get options(){return this._options.length?this._options:this.datalist&&this.datalist.activeOptions?this._elementOptions.map((e=>{const{value:n,selected:t,label:s,filterMeta:a}=e;return{value:n,selected:t,label:s,filterMeta:a}})):[]}set options(e){this._options=e.map((e=>"string"==typeof e?{value:e,label:e}:e))}_options=[];_elementOptions=[];clearable=!1;mask=!1;debounce=0;debounceChanged(){this.nanoSearchChange=_(this.nanoSearchChange,this.debounce)}shouldValidate(){this.onInit||(this.invalid&&(this.showErrorMsg=this._invalid=!1),this.customValidate(),"dirty"===this.validateOn&&this.showInlineValidation())}dropDownConfig={};setDataListOpts(){this.datalist&&this.selectWrap&&(this.datalist.input=this.inputCtrl,this.datalist.dropDownConfig={distance:10,...this.datalist.dropDownConfig||{},...this.dropDownConfig,tetherTo:this.selectWrap})}valueTagTemplate;nanoChange;nanoBlur;nanoFocus;nanoDidLoad;nanoDidUnload;nanoSearchChange;nanoValidate;async reportValidity(e){return new Promise((n=>{e&&(this.customValidate(),this.showInlineValidation()),setTimeout((()=>{n({isValid:!this._invalid,errorMessage:this.nativeSelect.validationMessage})}),50)}))}async setFocus(){this.inputCtrl&&(this.inputCtrl.focus(),setTimeout((()=>this.inputCtrl.click()),50))}getSelectElement(){return Promise.resolve(this.nativeSelect)}async showError(e){this.nativeSelect&&(this.customError=e,this.nativeSelect.setCustomValidity(e),this.showInlineValidation())}get valArray(){return"string"==typeof this.value?this.value.length?[this.value]:[]:this.value}isValidValues(){return this.valArray.find((e=>this.options.find((n=>n.value===e))))}customValidate=()=>{if(this.nativeSelect&&!this.customError&&this.nativeSelect.setCustomValidity)return this.nativeSelect.setCustomValidity(""),this.required&&!this.valArray.length?(this.nativeSelect.setCustomValidity("Please fill in this field."),!0):!this.valArray.length||this.allowCustomValues||this.isValidValues()?this.max&&this.valArray.length>this.max?(this.nativeSelect.setCustomValidity(`Only up to ${this.max} values are allowed.`),!0):!!(this.min&&this.valArray.length<this.min)&&(this.nativeSelect.setCustomValidity(`You must select a minimum of ${this.min} values.`),!0):(this.nativeSelect.setCustomValidity("Please choose an item from this field."),!0)};showInlineValidation=e=>{"submitThenDirty"===this.validateOn&&(this.validateOn="dirty"),this._invalid=!1,this.showErrorMsg=!1,this.errorMessage="",this.nativeSelect.validity.valid||(this.errorMessage=this.nativeSelect.validationMessage,this._invalid=!0,this.showErrorMsg=!0),this.nanoValidate.emit({isValid:!this.invalid,errorMessage:this.errorMessage,originalEvent:e})};handleInvalid=e=>{this._invalid=!0,"submit"===this.validateOn&&(this._invalid=this.showErrorMsg=this.customValidate()),this.showInlineError&&e.preventDefault(),requestAnimationFrame((()=>this.showInlineValidation(e)))};setValue=e=>{e.preventDefault(),this.multiple?this.value&&this.value.length&&this.value.includes(e.detail.value)||this.max&&this.value.length===this.max||((Number.isNaN(this._maxValuesVisible)||this.value.length<=this._maxValuesVisible)&&this.currInsertIndex++,this.value=[...this.value.slice(0,this.currInsertIndex),e.detail.value,...this.value.slice(this.currInsertIndex)],this.inputSearchVal=""):this.value=e.detail.value};removeValue=e=>{this.multiple&&this.value.length&&(e||(e=this.value[this.value.length-1]),this.value=this.value.filter((n=>n!==e)),(Number.isNaN(this._maxValuesVisible)||this.value.length<=this._maxValuesVisible)&&this.currInsertIndex--,this.setFocus())};slotChangeObserver(){(this.mo=new MutationObserver((()=>this.processSlottedContent()))).observe(this.el,{childList:!0,subtree:!0})}processSlottedContent(){this.hasLabelSlot=!!this.el.querySelectorAll('[slot="label"]').length,this.hasHelperSlot=!!this.el.querySelector('[slot="helper"]'),this.hasHelperEndSlot=!!this.el.querySelector('[slot="helper-end"]')}getOptionWithValue(e){let n;return[(this.datalist?.activeOptions?.length?this.datalist.activeOptions:this.options).find(((t,s)=>(n=s,!t.disabled&&t.value?.length&&t.value===e))),n]}getLabel(e){const n=this.getOptionWithValue(e)[0];return n&&n.label?n.label:e}onReset(e){(this.form?document.querySelector("#"+this.form):this.el.closest("form"))&&e.target===this.el.closest("form")&&this.clearSelectValue()}handleBlur(){this.hasFocus&&requestAnimationFrame((()=>{const e=p();m(this.el.tagName.toLowerCase(),e)!==this.el&&this.onBlur()}))}setOptions=()=>{this.datalist&&this.datalist.activeOptions&&this.datalist.activeOptions.length&&(this._elementOptions=this.datalist.activeOptions.map((e=>{const{value:n,selected:t,label:s,filterMeta:a}=e;return{value:n,selected:t,label:s,filterMeta:a}})),this.customValidate())};handleDocumentKeyDown=e=>{if(this.multiple&&this.hasFocus&&!this.inputSearchVal){let n;switch(e.key){case"Backspace":if(!this.inputCtrl.previousElementSibling)break;n=this.inputCtrl.previousElementSibling,this.removeValue(n.dataset.value||null);break;case"Delete":if(!this.inputCtrl.nextElementSibling)break;n=this.inputCtrl.nextElementSibling,this.removeValue(n.dataset.value||null);break;case"ArrowLeft":case"ArrowRight":if(!this.value.length)break;"ArrowLeft"===e.key&&this.inputCtrl.previousSibling&&this.currInsertIndex--,"ArrowRight"===e.key&&this.inputCtrl.nextSibling&&this.currInsertIndex++,setTimeout((()=>{this.inputCtrl.focus()}),20),e.preventDefault()}}};onBlur=()=>{if(this.hasFocus=!1,requestAnimationFrame((()=>{"dirty"!==this.validateOn||this.hasFocus||this.showInlineValidation()})),this.nanoBlur.emit(),!this.allowCustomValues&&this.multiple){this.inputSearchVal="";const e=new window.Event("change");this.inputCtrl.dispatchEvent(e)}};onFocus=()=>{this.hasFocus=!0,this.nanoFocus.emit()};clearSelectValue=e=>{this.clearable&&!this.readonly&&!this.disabled&&e&&(e.preventDefault(),e.stopPropagation()),this.multiple?(this.value=[],this.currInsertIndex=-1):this.value="",this.inputCtrl.value="";const n=new window.Event("change");this.inputCtrl.dispatchEvent(n)};onClick=()=>{this.setFocus()};onDragStart=e=>{this.dragVal=e.target.dataset.value};onDragEnd=e=>{this.dragVal=null,e.preventDefault()};onDragLeave=e=>{const n=e.target,t=n.dataset?.value||null;if(!t||this.dragVal===t||!this.value.includes(this.dragVal))return void e.preventDefault();const s=this.value.indexOf(t),a=this.value.indexOf(this.dragVal),i=[...this.value],l=i[s];i[s]=i[a],i[a]=l,this.value=[...i]};onMultiInput=e=>{this.inputSearchVal=e.target.value.trim(),this.nanoSearchChange.emit({value:e.target.value.trim()})};connectedCallback(){this.debounceChanged(),this.watchMaxValuesVisible(),this.el.dispatchEvent(new CustomEvent("nanoDidLoad",{detail:this.el}))}disconnectedCallback(){document.dispatchEvent(new CustomEvent("nanoDidUnload",{detail:this.el})),this.mo&&this.mo.disconnect()}componentDidLoad(){this.slotChangeObserver(),this.customValidate(),this.setDataListOpts(),requestAnimationFrame((()=>this.onInit=!1))}componentWillLoad(){this.processSlottedContent()}render(){const e=this.selectId+"-lbl",n=this.showInlineError||this.hasHelperSlot?this.selectId+"-moreId":"",t=this.hasHelperEndSlot?this.selectId+"-helper":"";this.rtl="rtl"===this.el.ownerDocument.dir,this.valueItems=[];const i={...(({el:e,floatLabel:n,label:t,errorMessage:s,showInlineError:a,hasHelperSlot:i,hasHelperEndSlot:l,hasLabelSlot:o,hideLabel:r,placeholder:c,rtl:d})=>({el:e,floatLabel:n,label:t,errorMessage:s,showInlineError:a,hasHelperSlot:i,hasHelperEndSlot:l,hasLabelSlot:o,hideLabel:r,placeholder:c,rtl:d}))(this),labelId:e,moreId:n,helperEndId:t,hasValue:!!this.value.length||!!this.inputSearchVal.length,controlId:this.selectId,alwaysShowPlaceholder:!1},l=(({readonly:e,disabled:n})=>({readonly:e,disabled:n,clearControl:this.clearable}))(this);return a(s,{key:"b85a8a4b4566ce33e0e7bae347c765037d1ec34b",type:this.multiple?"select-multiple":"select-one","aria-disabled":this.disabled?"true":null,class:{"has-value":!!this.value.length||!!this.inputSearchVal.length,"has-focus":this.hasFocus,"is-invalid":!0===this._invalid,"is-valid":!1===this._invalid,"nano-select":!0}},a(g,{key:"42335a9fda2b4e2560f33e5d4c40a58403e482d2",...i,class:{"has-error":!!this.errorMessage&&this.showInlineError&&!0===this._invalid,"has-helper":this.hasHelperSlot,"is-open":this.hasOpened,masked:this.mask}},a(v,{key:"7571a30e6a3f0b231d9e0b7a6e2f662fe3bd8183",...l,ref:e=>this.selectWrap=e,onClearText:this.clearSelectValue,control:this.el,endValueSlot:a("slot",{name:"down-arrow"},a("nano-icon",{class:"select__down-arrow",name:"light/chevron-down"})),showInlineError:this.showInlineError},this.multiple&&a("div",{key:"e92b079944fb81314da40799ba8f11f5644d5fa7",class:"select__multi-wrap select"},this.multipleValues(e,n,t)),!this.multiple&&[this.mask&&a("div",{key:"488c94ddb9e49c9e3f5a099a77cb0e879a02e1e2",class:"select__mask"},this.getLabel(this.value)),a("input",{key:"3fc66f07b7c9220e2c9d3eb02b1b268f52921a46",ref:e=>this.inputCtrl=e,id:this.selectId,class:"select__native-input","aria-labelledby":e+" "+n+" "+t,disabled:this.disabled,form:this.form,placeholder:this.placeholder,readOnly:!0,required:this.required,value:this.getLabel(this.value),onFocus:this.onFocus})])),!this.readonly&&!this.disabled&&a("nano-datalist",{key:"1737bc4d8e6267659ebbd981cd043e0a3f0e20e3",ref:e=>this.datalist=e,selected:this.valArray,type:this.multiple?"selectMulti":"select",options:this._options.length?this._options:void 0,onNanoDeselect:e=>{e.preventDefault(),this.removeValue(e.detail.value)},onNanoOptionsUpdated:this.setOptions,onNanoSelect:this.setValue,onNanoShow:()=>this.hasOpened=!0,onNanoHide:()=>this.hasOpened=!1},this.allowCustomValues&&this.multiple&&!!this.inputSearchVal&&a("nano-option",{key:"23a03a568fc87bd041b4c4e702afba215e637423",slot:"list-top",value:this.inputSearchVal,selected:!1,label:this.inputSearchVal,onNanoSelect:()=>this.inputCtrl.focus()},a("span",{key:"edd9ba1b076740baeaa34f62aa27f598bda7114d",slot:"check-icon"}),"Add '",this.inputSearchVal,"'"),a("slot",{key:"80e401156f240faf7fa04fef7915aa982305abd3"})),a("select",{key:"ba8bc3b4d7149e249c26f82da6816afa1b25fabf",id:this.selectId+"-hidden",class:"select__native-ctrl",ref:e=>this.nativeSelect=e,"aria-labelledby":e+" "+n+" "+t,disabled:this.disabled,form:this.form,multiple:this.multiple,name:this.name,required:this.required,onInvalid:this.handleInvalid},this.allowCustomValues&&this.valArray.map((e=>a("option",{value:e,selected:!0},e))),!this.allowCustomValues&&this.options.map((e=>a("option",{value:e.value,selected:this.valArray.includes(e.value),disabled:e.disabled,label:e.label},this.valArray.includes(e.value))))))}multipleValues(e,n,t){const s=a("input",{class:"select__multi-input",id:this.selectId,ref:e=>this.inputCtrl=e,readOnly:this.readonly,disabled:this.disabled,autoFocus:this.autofocus,autocomplete:"off",onKeyDown:this.handleDocumentKeyDown,onInput:this.onMultiInput,value:this.inputSearchVal,onTouchStart:this.onClick,onMouseDown:this.onClick,onFocus:this.onFocus,placeholder:this.placeholder&&!this.value.length?this.placeholder:"","aria-labelledby":e+" "+n+" "+t});if(!this.value.length)return s;const i=[];return this.value.forEach(((e,n)=>{if(!Number.isNaN(this._maxValuesVisible)&&n>this._maxValuesVisible)return;let t;t=n===this._maxValuesVisible?a("nano-tag",{"data-value":e,key:e},"+",this.value.length-this._maxValuesVisible):a("nano-tag",{key:e,ref:e=>this.valueItems.push(e),onDragStart:this.onDragStart,onDragLeave:this.onDragLeave,onDragEnd:this.onDragEnd,onDragOver:e=>e.preventDefault(),onNanoClose:()=>this.removeValue(e),draggable:!0,tabIndex:-1,"data-value":e,closable:!0},this.valueTagTemplate?a("span",{innerHTML:this.valueTagTemplate?this.valueTagTemplate(...this.getOptionWithValue(e)):void 0}):a("span",null,this.getLabel(e))),0===n&&this.currInsertIndex<0?i.push(s,t):n===this.currInsertIndex?i.push(t,s):i.push(t)})),i}static get watchers(){return{maxValuesVisible:["watchMaxValuesVisible"],value:["valueChanged"],debounce:["debounceChanged"],required:["shouldValidate"],disabled:["shouldValidate"],min:["shouldValidate"],max:["shouldValidate"],readonly:["shouldValidate"],dropDownConfig:["setDataListOpts"]}}};S.style='.sc-nano-select-h, *.sc-nano-select, *.sc-nano-select::before, *.sc-nano-select::after {\n  box-sizing: border-box;\n}\n[hidden].sc-nano-select {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    .sc-nano-select-h, *.sc-nano-select, *.sc-nano-select::before, *.sc-nano-select::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }.sc-nano-select-h, *.sc-nano-select, *.sc-nano-select::before, *.sc-nano-select::after {\n  box-sizing: border-box;\n}\n[hidden].sc-nano-select {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    .sc-nano-select-h, *.sc-nano-select, *.sc-nano-select::before, *.sc-nano-select::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }slot-fb.sc-nano-select {\n  display: contents !important;\n}\n\n[disabled].sc-nano-select-h:not([disabled=false]) {\n  opacity: 0.5;\n  position: relative;\n}\n[disabled].sc-nano-select-h:not([disabled=false])::after {\n  content: "";\n  position: absolute;\n  inset: 0;\n  cursor: not-allowed;\n}\n\n.form-ctrl.sc-nano-select {\n  min-inline-size: 100%;\n  display: block;\n}\n.form-ctrl.has-helper-end.sc-nano-select {\n  display: flex;\n  gap: 1rem;\n  container-type: inline-size;\n}\n.form-ctrl.has-helper-end.sc-nano-select .form-ctrl__wrapper.sc-nano-select {\n  flex: 1 1 100%;\n}\n.form-ctrl.has-helper-end.sc-nano-select .form-ctrl__helper-end.sc-nano-select {\n  display: none;\n}\n@container (min-width: 350px) {\n  .form-ctrl.has-helper-end .form-ctrl__helper-end {\n    display: block !important;\n  }\n  .form-ctrl.has-helper-end .form-ctrl__helper {\n    display: none !important;\n  }\n}\n\n.form-ctrl__wrapper.sc-nano-select {\n  display: block;\n}\n\nlabel.sc-nano-select, .form-ctrl__more.sc-nano-select, .form-ctrl__error.sc-nano-select, .form-ctrl__helper.sc-nano-select {\n  display: block;\n  inline-size: 100%;\n  overflow: clip;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\nlabel.visually-hide.sc-nano-select, .form-ctrl__more.visually-hide.sc-nano-select, .form-ctrl__error.visually-hide.sc-nano-select, .form-ctrl__helper.visually-hide.sc-nano-select {\n  clip-path: inset(50%);\n  block-size: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  inline-size: 1px;\n}\n\n.form-ctrl__float-label.sc-nano-select {\n  padding-block: 0;\n  padding-inline: var(--padding-start) 0;\n  color: var(--label-color);\n  position: absolute;\n  font-size: 1em;\n  transform: translateY(-50%);\n  inset-block-start: 50%;\n  transition: all 0.125s ease-in;\n  opacity: 1;\n}\n.has-focus.sc-nano-select-h .form-ctrl__float-label.sc-nano-select, .has-value.sc-nano-select-h .form-ctrl__float-label.sc-nano-select {\n  transform: none;\n  font-size: 0.75em;\n  opacity: 0.7;\n  inset-block-start: var(--padding-top);\n}\n.form-ctrl__float-label.sc-nano-select .form-ctrl__label-charcount.sc-nano-select {\n  opacity: 0;\n  transition: opacity 0.125s ease-in;\n}\n.has-focus.sc-nano-select-h .form-ctrl__float-label.sc-nano-select .form-ctrl__label-charcount.sc-nano-select, .has-value.sc-nano-select-h .form-ctrl__float-label.sc-nano-select .form-ctrl__label-charcount.sc-nano-select {\n  opacity: 1;\n}\n\n.form-ctrl__label.sc-nano-select {\n  color: var(--label-color);\n  font-size: var(--label-font-size);\n  padding-block-end: var(--padding-bottom);\n  line-height: 1;\n  display: flex;\n  align-items: center;\n}\n.form-ctrl__label.sc-nano-select .form-ctrl__label-wrap.sc-nano-select {\n  flex: 1;\n  overflow-x: clip;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.form-ctrl__label.sc-nano-select .form-ctrl__label-placeholder.sc-nano-select {\n  margin-block: unset;\n  margin-inline: 0 5px;\n  opacity: 0;\n  appearance: none;\n  transition: 0.3s ease opacity;\n  font-size: 0.85em;\n}\n.form-ctrl__label.sc-nano-select .form-ctrl__label-charcount.sc-nano-select {\n  margin-block: unset;\n  margin-inline: auto 0;\n  font-size: var(--nano-font-size-2xs);\n  opacity: 0.5;\n}\n.has-value.sc-nano-select-h .form-ctrl__label.sc-nano-select .form-ctrl__label-placeholder.sc-nano-select {\n  opacity: 0.5;\n}\n\n.has-float-label.sc-nano-select .select__multi-input.sc-nano-select, .has-float-label.sc-nano-select .select__native-input.sc-nano-select, .has-float-label.sc-nano-select .input__native-ctrl.sc-nano-select {\n  opacity: 0;\n  transition: opacity 0.125s ease-in;\n}\n.has-focus.sc-nano-select-h .has-float-label.sc-nano-select .select__multi-input.sc-nano-select, .has-value.sc-nano-select-h .has-float-label.sc-nano-select .select__multi-input.sc-nano-select, .has-focus.sc-nano-select-h .has-float-label.sc-nano-select .select__native-input.sc-nano-select, .has-value.sc-nano-select-h .has-float-label.sc-nano-select .select__native-input.sc-nano-select, .has-focus.sc-nano-select-h .has-float-label.sc-nano-select .input__native-ctrl.sc-nano-select, .has-value.sc-nano-select-h .has-float-label.sc-nano-select .input__native-ctrl.sc-nano-select {\n  opacity: 1;\n}\n\n.form-ctrl__more.sc-nano-select {\n  block-size: 1em;\n  position: relative;\n  margin-block: var(--padding-bottom) 0;\n  margin-inline: 0;\n  opacity: 0;\n  display: none;\n  transition: all var(--nano-transition-fast) ease;\n  transition-behavior: allow-discrete;\n}\n.has-helper.sc-nano-select .form-ctrl__more.sc-nano-select, .has-error.sc-nano-select .form-ctrl__more.sc-nano-select {\n  display: block;\n  opacity: 1;\n}\n\n.form-ctrl__helper.sc-nano-select, .form-ctrl__error.sc-nano-select {\n  inset-block-start: 0;\n  inset-inline-start: 0;\n  position: absolute;\n  font-size: var(--more-font-size);\n  line-height: 1.2;\n  transition: 0.3s ease-out opacity;\n}\n\n.form-ctrl__helper.sc-nano-select {\n  font-style: italic;\n  color: var(--help-msg-color);\n}\n[show-inline-error].sc-nano-select-h:not([show-inline-error=false] .form-ctrl__helper.sc-nano-select, [disabled]).is-invalid.sc-nano-select-h .form-ctrl__helper.sc-nano-select {\n  opacity: 0;\n}\n\n.form-ctrl__helper-end.sc-nano-select {\n  flex: 1 1 30%;\n  min-inline-size: 150px;\n  font-size: var(--invalid-msg-font-size);\n  color: var(--help-msg-color);\n  font-style: italic;\n}\n\n.form-ctrl__error.sc-nano-select {\n  opacity: 0;\n  color: var(--invalid-msg-color);\n  font-style: italic;\n}\n.is-invalid.sc-nano-select-h:not([disabled]) .form-ctrl__error.sc-nano-select {\n  opacity: 1;\n}\n\n.form-ctrl__input.sc-nano-select {\n  font-family: inherit;\n  font-size: inherit;\n  font-stretch: inherit;\n  font-style: inherit;\n  font-weight: inherit;\n  letter-spacing: inherit;\n  text-decoration: inherit;\n  text-overflow: inherit;\n  text-transform: inherit;\n  text-align: inherit;\n  white-space: inherit;\n  color: inherit;\n  border-radius: var(--input-border-radius);\n  inline-size: 100%;\n  padding: 0 !important;\n  position: relative;\n  flex: 1 0 auto;\n  display: flex;\n  background: var(--input-bg-color);\n  border: var(--input-border-style) var(--input-border-width);\n  font-size: var(--input-font-size);\n  padding-inline-start: calc(var(--input-invalid-border-hint-width) - var(--input-border-width)) !important;\n}\n.form-ctrl__input.sc-nano-select:focus-visible, .form-ctrl__input.sc-nano-select:focus-within, .has-focus.sc-nano-select-h .form-ctrl__input.sc-nano-select {\n  outline: var(--nano-focus-ring-color) solid 3px;\n  outline-offset: -2px;\n}\n.is-invalid.sc-nano-select-h:not([disabled]) .form-ctrl__input.sc-nano-select {\n  border-inline-start: solid var(--color-invalid) var(--input-invalid-border-hint-width);\n  padding-inline-start: 0 !important;\n}\n.is-invalid.has-focus.sc-nano-select-h:not([disabled]) .form-ctrl__input.sc-nano-select {\n  border-color: var(--color-invalid);\n  border-inline-start: solid var(--color-invalid) var(--input-invalid-border-hint-width);\n  padding-inline-start: 0 !important;\n}\n\n.form-ctrl__input-wrap.sc-nano-select {\n  display: flex;\n  flex: 1;\n  max-inline-size: 100%;\n  align-items: center;\n}\n[type=textarea].sc-nano-select-h .form-ctrl__input-wrap.sc-nano-select {\n  align-items: start;\n}\n\n.form-ctrl__clear-btn.sc-nano-select, .form-ctrl__slot-end.sc-nano-select, .form-ctrl__slot-start.sc-nano-select, .form-ctrl__slot-value-end.sc-nano-select {\n  margin-block: 0;\n  margin-inline: 0;\n  font-size: 1em;\n  border: 0;\n  outline: none;\n  background-color: transparent;\n  background-repeat: no-repeat;\n  display: flex;\n  align-items: center;\n  inline-size: auto;\n  padding-inline-end: var(--padding-end);\n  padding-block: var(--padding-top) var(--padding-bottom);\n}\n.form-ctrl__clear-btn.sc-nano-select:empty, .form-ctrl__slot-end.sc-nano-select:empty, .form-ctrl__slot-start.sc-nano-select:empty, .form-ctrl__slot-value-end.sc-nano-select:empty {\n  display: none;\n}\n\n.form-ctrl__slot-end.sc-nano-select {\n  padding-block: calc(var(--padding-top) / 2) calc(var(--padding-bottom) / 2);\n}\n\n.form-ctrl__slot-start.sc-nano-select {\n  padding-inline-end: 0;\n}\n.has-float-label.sc-nano-select .form-ctrl__slot-start.sc-nano-select {\n  display: none;\n}\n\n.form-ctrl__slot-start.sc-nano-select-s > *, .form-ctrl__slot-start.sc-nano-select-s > *, .form-ctrl__slot-start .sc-nano-select-s > *, .form-ctrl__slot-end.sc-nano-select-s > *, .form-ctrl__slot-end .sc-nano-select-s > *, .form-ctrl__slot-value-end.sc-nano-select-s > :not(slot-fb), .form-ctrl__slot-value-end .sc-nano-select-s > :not(slot-fb) {\n  padding-inline: unset;\n  align-items: center;\n  display: flex;\n  block-size: 100%;\n  z-index: 1;\n}\n.sc-nano-select-h[disabled]:not([disabled=false]) .form-ctrl__slot-start.sc-nano-select-s > *, .form-ctrl__slot-start.sc-nano-select-s > *, .form-ctrl__slot-start .sc-nano-select-s > *, .sc-nano-select-h[disabled]:not([disabled=false]) .form-ctrl__slot-end.sc-nano-select-s > *, .form-ctrl__slot-end .sc-nano-select-s > *, .sc-nano-select-h[disabled]:not([disabled=false]) .form-ctrl__slot-value-end.sc-nano-select-s > :not(slot-fb), .form-ctrl__slot-value-end .sc-nano-select-s > :not(slot-fb) {\n  pointer-events: none;\n}\n\n.form-ctrl__slot-start.sc-nano-select-s > *, .form-ctrl__slot-start.sc-nano-select-s > *, .form-ctrl__slot-start .sc-nano-select-s > * {\n  margin-inline: var(--padding-start) 0;\n}\n\n.form-ctrl__slot-value-end.sc-nano-select-s > *, .form-ctrl__slot-value-end.sc-nano-select-s > *, .form-ctrl__slot-value-end .sc-nano-select-s > *, .form-ctrl__slot-value-end.sc-nano-select *.sc-nano-select {\n  pointer-events: none;\n}\n\n.form-ctrl__clear-btn.sc-nano-select {\n  color: var(--clear-btn-color);\n  padding: 0;\n  opacity: 0;\n  inline-size: 0;\n  appearance: none;\n  align-items: center;\n  overflow: hidden;\n  padding-block: var(--padding-top) var(--padding-bottom);\n}\n.is-invalid.sc-nano-select-h .form-ctrl__clear-btn.sc-nano-select {\n  color: var(--clear-btn-color--invalid);\n}\n.has-value.sc-nano-select-h .form-ctrl__clear-btn.sc-nano-select {\n  padding-inline: 0 var(--padding-end);\n  opacity: 1;\n  inline-size: auto;\n}\n.form-ctrl__clear-btn.sc-nano-select:hover {\n  color: var(--clear-btn-color--hover);\n}\n\n.form-ctrl__validation-icon.sc-nano-select {\n  padding-block: var(--padding-top) var(--padding-bottom);\n  padding-inline-end: var(--padding-end);\n  display: grid;\n  grid-template-areas: "overlay";\n}\n.sc-nano-select-h:not(.is-invalid):not(.is-valid) .form-ctrl__validation-icon.sc-nano-select {\n  display: none;\n}\n\n.form-ctrl__error-icon.sc-nano-select, .form-ctrl__success-icon.sc-nano-select {\n  color: var(--color-valid);\n  opacity: 0;\n  transition: 0.3s ease-out opacity;\n  grid-area: overlay;\n}\n\n.is-valid.sc-nano-select-h .form-ctrl__success-icon.sc-nano-select {\n  opacity: 1;\n}\n\n.form-ctrl__error-icon.sc-nano-select {\n  color: var(--color-invalid);\n}\n.is-invalid.sc-nano-select-h .form-ctrl__error-icon.sc-nano-select {\n  opacity: 1;\n}\n\n.sc-nano-select-h {\n  \n  --placeholder-color: var(--nano-color-neutral-1000);\n  --padding-top: var(--nano-spacing-sm);\n  --padding-end: var(--nano-spacing-sm);\n  --padding-bottom: var(--nano-spacing-sm);\n  --padding-start: var(--nano-spacing-sm);\n  --color-invalid: var(--nano-color-danger-1100);\n  --color-valid: var(--nano-color-success-1000);\n  --input-font-size: var(--nano-font-size-sm);\n  --input-text-color: var(--nano-color-base-1000);\n  --input-border-width: 1px;\n  --input-border-color: var(--nano-color-neutral-300);\n  --input-border-radius: 0px;\n  --input-invalid-border-hint-width: 2px;\n  --input-border-style: solid var(--input-border-color);\n  --input-border-style--focus: solid var(--input-border-width) var(--nano-color-primary-700);\n  --input-bg-color: var(--nano-color-base-0);\n  --invalid-msg-color: var(--color-invalid);\n  --help-msg-color: var(--nano-color-base-1000);\n  --more-font-size: var(--nano-font-size-2xs);\n  --clear-btn-color: rgb(var(--nano-color-base-rgb-1000) / 60%);\n  --clear-btn-color--hover: rgb(var(--nano-color-base-rgb-1000) / 100%);\n  --clear-btn-color--invalid: rgb(var(--color-invalid) / 100%);\n  --label-color: var(--nano-color-base-1000);\n  --label-font-size: var(--nano-font-size-xs);\n  \n  position: relative;\n  inline-size: 100%;\n  padding: 0 !important;\n  display: block;\n}\n\n[disabled].sc-nano-select-h:not([disabled=false]) *.sc-nano-select {\n  pointer-events: none !important;\n}\n\nselect.sc-nano-select {\n  display: none;\n}\n\n.select__native-input.sc-nano-select {\n  font-family: inherit;\n  font-size: inherit;\n  font-stretch: inherit;\n  font-style: inherit;\n  font-weight: inherit;\n  letter-spacing: inherit;\n  text-decoration: inherit;\n  text-overflow: inherit;\n  text-transform: inherit;\n  text-align: inherit;\n  white-space: inherit;\n  color: inherit;\n  padding: unset;\n  padding-inline: var(--padding-start) var(--padding-end);\n  padding-block: 0;\n  border-radius: var(--input-border-radius);\n  text-overflow: ellipsis;\n  color: var(--input-text-color);\n  display: inline-block;\n  flex: 1;\n  inline-size: 100%;\n  max-inline-size: 100%;\n  max-block-size: 100%;\n  border: 0;\n  outline: none;\n  background: transparent;\n  appearance: none;\n  margin: 0;\n  box-sizing: border-box;\n  resize: none;\n  overflow: hidden;\n  cursor: default;\n  line-height: 2.5em;\n  \n  \n}\n.has-float-label.sc-nano-select .select__native-input.sc-nano-select {\n  line-height: 2.1em;\n  min-block-size: 2.1em;\n  padding-block-start: 1.4em;\n}\n.select__native-input.sc-nano-select::selection {\n  background: transparent;\n  color: var(--input-text-color);\n}\n.select__native-input.sc-nano-select::-moz-selection {\n  background: transparent;\n  color: var(--input-text-color);\n}\n.select__native-input.sc-nano-select::placeholder {\n  color: var(--placeholder-color);\n  font-family: inherit;\n  font-style: initial;\n  font-weight: initial;\n  line-height: inherit;\n  min-block-size: initial;\n}\n.select__native-input.sc-nano-select::-moz-placeholder {\n  line-height: 2.8em;\n  text-overflow: ellipsis;\n}\n.select__native-input.sc-nano-select:-webkit-autofill {\n  background-color: transparent;\n}\n.select__native-input.sc-nano-select::-webkit-search-decoration, .select__native-input.sc-nano-select::-webkit-search-cancel-button, .select__native-input.sc-nano-select::-webkit-search-results-button, .select__native-input.sc-nano-select::-webkit-search-results-decoration {\n  appearance: none;\n}\n.select__native-input.sc-nano-select:invalid {\n  box-shadow: none;\n}\n.select__native-input.sc-nano-select::-ms-clear, .select__native-input.sc-nano-select::-ms-reveal {\n  display: none;\n}\n.select__native-input.resizable.sc-nano-select {\n  resize: vertical;\n  overflow: auto;\n}\n.form-ctrl__textarea.sc-nano-select .select__native-input.sc-nano-select {\n  line-height: 1.5em;\n  padding-block: var(--padding-top) var(--padding-bottom);\n  white-space: pre-wrap;\n}\n.form-ctrl__textarea.sc-nano-select .select__native-input.sc-nano-select::placeholder {\n  line-height: 1.5em;\n}\n.has-float-label.textarea.sc-nano-select .select__native-input.sc-nano-select {\n  padding-block-start: 1.8em;\n}\n.masked.sc-nano-select .select__native-input.sc-nano-select {\n  opacity: 0;\n  position: absolute;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n}\n\n.select__mask.sc-nano-select {\n  font-family: inherit;\n  font-size: inherit;\n  font-stretch: inherit;\n  font-style: inherit;\n  font-weight: inherit;\n  letter-spacing: inherit;\n  text-decoration: inherit;\n  text-overflow: inherit;\n  text-transform: inherit;\n  text-align: inherit;\n  white-space: inherit;\n  color: inherit;\n  padding-inline: var(--padding-start) var(--padding-end);\n  padding-block: 0;\n  border-radius: var(--input-border-radius);\n  pointer-events: none;\n  line-height: 2.5em;\n  min-block-size: 2.5em;\n}\n\n.select__down-arrow.sc-nano-select {\n  color: var(--nano-color-primary-1200);\n  transition: rotate var(--nano-transition-x-fast) linear;\n}\n.is-open.sc-nano-select .select__down-arrow.sc-nano-select {\n  rotate: 180deg;\n}\n\n.select__multi-wrap.sc-nano-select {\n  padding-block: 0 var(--padding-bottom);\n  padding-inline: 0;\n  display: flex;\n  flex: 1;\n  flex-wrap: wrap;\n  overflow: hidden;\n  align-items: flex-start;\n}\n.has-float-label.sc-nano-select .select__multi-wrap.sc-nano-select {\n  padding-block-start: 1em;\n}\n\n.select__multi-input.sc-nano-select {\n  font-family: inherit;\n  font-size: inherit;\n  font-stretch: inherit;\n  font-style: inherit;\n  font-weight: inherit;\n  letter-spacing: inherit;\n  text-decoration: inherit;\n  text-overflow: inherit;\n  text-transform: inherit;\n  text-align: inherit;\n  white-space: inherit;\n  color: inherit;\n  padding-inline: var(--padding-start) var(--padding-end);\n  padding-block: var(--padding-bottom) 0;\n  min-inline-size: 50px;\n  inline-size: 100%;\n  max-block-size: 100%;\n  appearance: none;\n  border: 0;\n  outline: none;\n  display: inline-block;\n  background: transparent;\n  flex: 0;\n  position: relative;\n  box-sizing: border-box;\n  line-height: calc(2.5em - var(--padding-bottom));\n  block-size: calc(2.5em - var(--padding-bottom));\n}\n.select__multi-input.sc-nano-select:not(:has(~ nano-tag)) {\n  flex: 1;\n}\n\nnano-tag.sc-nano-select {\n  --color-non-interactive: var(--nano-color-primary-1000);\n  margin-block: var(--padding-bottom) 0;\n  margin-inline: var(--padding-start) 0;\n  line-height: 1.4;\n}\n\n.form-ctrl__float-label.sc-nano-select {\n  inline-size: calc(100% - (1em + var(--padding-start) * 2));\n}\n\n.has-focus.sc-nano-select-h select.sc-nano-select, .has-focus.sc-nano-select-h a.sc-nano-select, .has-focus.sc-nano-select-h button.sc-nano-select {\n  pointer-events: auto;\n}';export{x as nano_avatar,y as nano_badge,w as nano_drawer,C as nano_global_search_results,S as nano_select}