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

package/dist/nano-components/index-CFYZ-ZOT.js

@@ -0,0 +1,5 @@
+/*!
+ * Custom elements for Nanopore-Digital Web applications
+ */
+const n="nano-components",a=async()=>{if(globalThis.window&&"MutationObserver"in globalThis.window&&globalThis.document){const n=document.documentElement;window.addEventListener("appload",(()=>{n.classList.add("hydrated")}));const a=()=>!!n.classList.contains("hydrated")&&(n.dispatchEvent(new CustomEvent("nanoComponentsReady")),!0);if(!a()){let o=new MutationObserver((()=>{a()&&(o.disconnect(),o=null)}));o.observe(n,{childList:!1,subtree:!1,attributes:!0})}}};var o=Object.defineProperty,e={isServer:!1},t=(n=>(n.Undefined="undefined",n.Null="null",n.String="string",n.Number="number",n.SpecialNumber="number",n.Boolean="boolean",n.BigInt="bigint",n))(t||{}),r=(n=>(n.Array="array",n.Date="date",n.Map="map",n.Object="object",n.RegularExpression="regexp",n.Set="set",n.Channel="channel",n.Symbol="symbol",n))(r||{}),i="type",l="value",s="serialized:",c=(n,a)=>{var o;Object.entries(null!=(o=a.t.o)?o:{}).map((([o,[e]])=>{if(31&e||32&e){const e=n[o],t=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(n),o);Object.defineProperty(n,o,{get(){return t.get.call(this)},set(n){t.set.call(this,n)},configurable:!0,enumerable:!0}),n[o]=a.i.has(o)?a.i.get(o):e}}))},d=n=>{if(n.__stencil__getHostRef)return n.__stencil__getHostRef()},v=(n,a)=>{n.__stencil__getHostRef=()=>a,a.l=n,c(n,a)},b=(n,a)=>a in n,g=(n,a)=>(0,console.error)(n,a),p=new Map,h=new Map,m="s-id",u="sty-id",f="c-id",w="slot-fb{display:contents}slot-fb[hidden]{display:none}",y="http://www.w3.org/1999/xlink",k="undefined"!=typeof window?window:{},x=k.HTMLElement||class{},z={v:0,p:"",jmp:n=>n(),raf:n=>requestAnimationFrame(n),ael:(n,a,o,e)=>n.addEventListener(a,o,e),rel:(n,a,o,e)=>n.removeEventListener(a,o,e),ce:(n,a)=>new CustomEvent(n,a)},$=n=>Promise.resolve(n),_=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(n){}return!1})(),j=!1,S=[],O=[],N=(n,a)=>o=>{n.push(o),j||(j=!0,a&&4&z.v?E(L):z.raf(L))},C=n=>{for(let a=0;a<n.length;a++)try{n[a](performance.now())}catch(n){g(n)}n.length=0},L=()=>{C(S),C(O),(j=S.length>0)&&z.raf(L)},E=n=>$().then(n),M=N(S,!1),R=N(O,!0),T=n=>{const a=new URL(n,z.p);return a.origin!==k.location.origin?a.href:a.pathname},B=n=>"object"==(n=typeof n)||"function"===n;function I(n){var a,o,e;return null!=(e=null==(o=null==(a=n.head)?void 0:a.querySelector('meta[name="csp-nonce"]'))?void 0:o.getAttribute("content"))?e:void 0}var A=class n{static fromLocalValue(a){const o=a[i],e=l in a?a[l]:void 0;switch(o){case"string":case"boolean":return e;case"bigint":return BigInt(e);case"undefined":return;case"null":return null;case"number":return"NaN"===e?NaN:"-0"===e?-0:"Infinity"===e?1/0:"-Infinity"===e?-1/0:e;case"array":return e.map((a=>n.fromLocalValue(a)));case"date":return new Date(e);case"map":const a=new Map;for(const[o,t]of e){const e="object"==typeof o&&null!==o?n.fromLocalValue(o):o,r=n.fromLocalValue(t);a.set(e,r)}return a;case"object":const t={};for(const[a,o]of e)t[a]=n.fromLocalValue(o);return t;case"regexp":const{pattern:r,flags:i}=e;return RegExp(r,i);case"set":const l=new Set;for(const a of e)l.add(n.fromLocalValue(a));return l;case"symbol":return Symbol(e);default:throw Error("Unsupported type: "+o)}}static fromLocalValueArray(a){return a.map((a=>n.fromLocalValue(a)))}static isLocalValueObject(n){if("object"!=typeof n||null===n)return!1;if(!n.hasOwnProperty(i))return!1;const a=n[i];return!!Object.values({...t,...r}).includes(a)&&("null"===a||"undefined"===a||n.hasOwnProperty(l))}};((n,a)=>{for(var e in a)o(n,e,{get:a[e],enumerable:!0})})({},{err:()=>F,map:()=>U,ok:()=>P,unwrap:()=>D,unwrapErr:()=>W});var P=n=>({isOk:!0,isErr:!1,value:n}),F=n=>({isOk:!1,isErr:!0,value:n});function U(n,a){if(n.isOk){const o=a(n.value);return o instanceof Promise?o.then((n=>P(n))):P(o)}if(n.isErr)return F(n.value);throw"should never get here"}var D=n=>{if(n.isOk)return n.value;throw n.value},W=n=>{if(n.isErr)return n.value;throw n.value};function V(){const n=this.attachShadow({mode:"open"});if(_){const a=new CSSStyleSheet;a.replaceSync(':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  }:where(nano-footer, .nano-footer) h1, :where(nano-footer, .nano-footer) h2, :where(nano-footer, .nano-footer) h3, :where(nano-footer, .nano-footer) h4, :where(nano-footer, .nano-footer) h5, :where(nano-footer, .nano-footer) h6 {\n  font-weight: var(--nano-font-weight-normal);\n  font-size: var(--nano-font-size-medium);\n  line-height: var(--nano-line-height-normal);\n  letter-spacing: var(--nano-letter-spacing-normal);\n  margin: var(--header-margin);\n}\n\n@layer components {\n  .nano-toast-stack {\n    position: fixed;\n    z-index: var(--nano-z-index-modal);\n    inline-size: 28rem;\n    max-inline-size: 100%;\n    max-block-size: 100%;\n  }\n  .nano-toast-stack--tr {\n    inset-block-start: 0;\n    inset-inline-end: 0;\n  }\n  .nano-toast-stack--tl {\n    inset-block-start: 0;\n    inset-inline-start: 0;\n  }\n  .nano-toast-stack--br {\n    inset-block-end: 0;\n    inset-inline-end: 0;\n  }\n  .nano-toast-stack--bl {\n    inset-block-end: 0;\n    inset-inline-start: 0;\n  }\n}\n@layer components {\n  .nano-sortable__placeholder {\n    opacity: 0;\n  }\n  .nano-sortable__dragged {\n    opacity: 0.6;\n    cursor: grabbing !important;\n    box-shadow: var(--nano-shadow-l2);\n    z-index: 1;\n    position: relative;\n  }\n  .nano-sortable__keyboard-handle {\n    background: var(--nano-color-base-0);\n  }\n  .nano-sortable__handle-dragged {\n    outline: var(--nano-focus-ring);\n    outline-offset: var(--nano-focus-ring-offset);\n  }\n}\n@layer components {\n  nano-cta {\n    --color: var(--nano-color-basic-white);\n    --bg: var(--nano-color-blue-cerulean-1000);\n    --bg-hover: var(--nano-color-blue-cerulean-1100);\n    --bg-active: var(--nano-color-blue-cerulean-1200);\n    --border: 1px solid var(--bg);\n    --icon-size: 1em;\n    --padding-v: 0.4375em;\n    --padding-h: 1.125em;\n    --spinner-size: 1em;\n    --font-size: var(--nano-font-size-small);\n    --line-height: var(--nano-line-height-normal);\n    --gap: var(--nano-spacing-sm);\n    --icon-display: none;\n    --loading-display: none;\n    --loading-opacity: 0;\n    --flip-icon-ltr: 0;\n    --flip-icon-rtl: 1;\n    display: contents;\n  }\n  nano-cta:has(.nano-internal-cta) {\n    display: inline-block;\n  }\n  nano-cta:dir(rtl) {\n    --flip-icon-ltr: 1;\n    --flip-icon-rtl: 0;\n  }\n  nano-cta[group=balanced] {\n    display: inline-grid;\n    grid-auto-flow: column;\n    grid-auto-columns: 1fr;\n    gap: var(--gap);\n  }\n  nano-cta[group=balanced] a,\n  nano-cta[group=balanced] button {\n    justify-content: space-evenly;\n  }\n  nano-cta[group=stacked] {\n    display: flex;\n    flex-direction: column;\n    gap: var(--gap);\n  }\n  nano-cta[secondary]:not([secondary=false]),\n  nano-cta :is([secondary]):not([secondary=false]) {\n    --color: var(--nano-color-primary-1100);\n    --bg: var(--nano-color-base-0);\n    --bg-hover: var(--nano-color-primary-100);\n    --bg-active: var(--nano-color-primary-300);\n    --border: 1px solid var(--color);\n  }\n  nano-cta[theme=success],\n  nano-cta :is([theme=success]) {\n    --color: var(--nano-color-basic-white);\n    --bg: var(--nano-color-success-1000);\n    --bg-hover: var(--nano-color-success-1100);\n    --bg-active: var(--nano-color-success-1200);\n    --border: 1px solid var(--bg);\n  }\n  nano-cta[theme=success][secondary]:not([secondary=false]),\n  nano-cta :is([theme=success][secondary]):not([secondary=false]) {\n    --color: var(--nano-color-success-1100);\n    --bg: var(--nano-color-base-0);\n    --bg-hover: var(--nano-color-success-75);\n    --bg-active: var(--nano-color-success-200);\n    --border: 1px solid var(--color);\n  }\n  nano-cta[theme=danger],\n  nano-cta :is([theme=danger]) {\n    --color: var(--nano-color-basic-white);\n    --bg: var(--nano-color-danger-1000);\n    --bg-hover: var(--nano-color-danger-1100);\n    --bg-active: var(--nano-color-danger-1200);\n    --border: 1px solid var(--bg);\n  }\n  nano-cta[theme=danger][secondary]:not([secondary=false]),\n  nano-cta :is([theme=danger][secondary]):not([secondary=false]) {\n    --color: var(--nano-color-danger-1200);\n    --bg: var(--nano-color-base-0);\n    --bg-hover: var(--nano-color-danger-300);\n    --bg-active: var(--nano-color-danger-400);\n    --border: 1px solid var(--color);\n  }\n  nano-cta[theme=warning],\n  nano-cta :is([theme=warning]) {\n    --color: var(--nano-color-basic-white);\n    --bg: var(--nano-color-warning-1000);\n    --bg-hover: var(--nano-color-warning-1100);\n    --bg-active: var(--nano-color-warning-1200);\n    --border: 1px solid var(--bg);\n  }\n  nano-cta[theme=warning][secondary]:not([secondary=false]),\n  nano-cta :is([theme=warning][secondary]):not([secondary=false]) {\n    --color: var(--nano-color-warning-1100);\n    --bg: var(--nano-color-base-0);\n    --bg-hover: var(--nano-color-warning-200);\n    --bg-active: var(--nano-color-warning-300);\n    --border: 1px solid var(--color);\n  }\n  nano-cta[size=medium],\n  nano-cta :is([size=medium]) {\n    --font-size: var(--nano-font-size-xs);\n    --line-height: var(--nano-line-height-dense);\n    --gap: var(--nano-spacing-xs);\n  }\n  nano-cta[size=small],\n  nano-cta :is([size=small]) {\n    --font-size: var(--nano-font-size-2xs);\n    --line-height: var(--nano-line-height-denser);\n    --gap: var(--nano-spacing-xs);\n    --padding-h: 1em;\n    --padding-v: 0.5em;\n  }\n  nano-cta:is([loading], [loading=true]):not([loading=false]),\n  nano-cta :is([loading], [loading=true]):not([loading=false]) {\n    --text-color: transparent !important;\n    --loading-display: block;\n    --loading-opacity: 1;\n    --bg-hover: var(--bg);\n    --bg-active: var(--bg);\n    cursor: wait;\n  }\n  nano-cta:is([loading], [loading=true]):not([loading=false]) a,\n  nano-cta:is([loading], [loading=true]):not([loading=false]) button,\n  nano-cta :is([loading], [loading=true]):not([loading=false]) a,\n  nano-cta :is([loading], [loading=true]):not([loading=false]) button {\n    --text-color: transparent !important;\n    cursor: wait;\n  }\n  nano-cta :is(button[disabled], button[disabled=true]):not(button[disabled=false]),\n  nano-cta a:not([href]) {\n    --color: var(--nano-color-neutral-1200);\n    --text-color: var(--color);\n    --bg: var(--nano-color-neutral-100);\n    --bg-hover: var(--bg);\n    --bg-active: var(--bg);\n    --border: 1px solid var(--color);\n    cursor: not-allowed;\n  }\n  nano-cta :is(button[disabled], button[disabled=true]):not(button[disabled=false]) a,\n  nano-cta :is(button[disabled], button[disabled=true]):not(button[disabled=false]) button,\n  nano-cta a:not([href]) a,\n  nano-cta a:not([href]) button {\n    cursor: not-allowed;\n  }\n  nano-cta a,\n  nano-cta button {\n    --text-color: var(--color);\n    margin: 0;\n    appearance: none;\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: space-between;\n    cursor: pointer;\n    white-space: nowrap;\n    vertical-align: middle;\n    background-color: var(--bg) !important;\n    color: var(--text-color) !important;\n    border-radius: var(--nano-border-radius-pill);\n    line-height: var(--line-height);\n    letter-spacing: var(--nano-letter-spacing-loose);\n    font-size: var(--font-size);\n    padding: var(--padding-v) var(--padding-h);\n    gap: var(--nano-spacing-sm);\n    border: var(--border) !important;\n    transition: color var(--nano-transition-fast) ease;\n    text-decoration: none !important;\n  }\n  nano-cta a:focus-visible,\n  nano-cta button:focus-visible {\n    outline: var(--nano-focus-ring);\n    outline-offset: var(--nano-focus-ring-offset);\n  }\n  nano-cta a:hover,\n  nano-cta button:hover {\n    background-color: var(--bg-hover) !important;\n  }\n  nano-cta a:active,\n  nano-cta button:active {\n    background-color: var(--bg-active) !important;\n  }\n  nano-cta a::before,\n  nano-cta button::before {\n    content: "";\n    display: var(--loading-display);\n    opacity: var(--loading-opacity);\n    position: absolute;\n    padding: 2.5px;\n    aspect-ratio: 1;\n    border-radius: 50%;\n    inline-size: var(--spinner-size);\n    background: var(--color);\n    inset: calc(50% - var(--spinner-size) / 2);\n    -webkit-mask: conic-gradient(rgba(0, 0, 0, 0), #000), conic-gradient(#000 0 0) content-box;\n    -webkit-mask-composite: source-out;\n            -webkit-mask: conic-gradient(rgba(0, 0, 0, 0), #000), conic-gradient(#000 0 0) content-box;\n            -webkit-mask-composite: source-out;\n                    mask: conic-gradient(rgba(0, 0, 0, 0), #000) subtract, conic-gradient(#000 0 0) content-box;\n    animation: load 1s linear infinite;\n    transition: all var(--nano-transition-fast) ease;\n    transition-behavior: allow-discrete;\n  }\n  @keyframes load {\n    to {\n      rotate: 1turn;\n    }\n  }\n  nano-cta a::after,\n  nano-cta button::after {\n    content: "";\n    display: var(--icon-display);\n    background-size: cover;\n    inline-size: var(--icon-size);\n    block-size: var(--icon-size);\n    background-color: var(--text-color);\n    -webkit-mask-image: var(--icon-svg);\n            mask-image: var(--icon-svg);\n    transition: color var(--nano-transition-fast) ease;\n    -webkit-mask-repeat: no-repeat;\n            mask-repeat: no-repeat;\n    -webkit-mask-position: center;\n            mask-position: center;\n    transform-origin: center;\n    margin-inline-start: auto;\n    rotate: calc(180deg * var(--flip-icon-ltr));\n  }\n  nano-cta a :which(nano-icon, .nano-icon),\n  nano-cta a svg,\n  nano-cta button :which(nano-icon, .nano-icon),\n  nano-cta button svg {\n    color: inherit;\n    inline-size: var(--icon-size);\n    margin: auto 0;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=forward] {\n    --icon-svg: var(--nano-component-icon-chevron);\n    --icon-display: block;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=forward] a,\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=forward] button {\n    padding-inline-end: 0.8125em;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=forward] a::after,\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=forward] button::after {\n    rotate: calc(180deg * var(--flip-icon-ltr));\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=back] {\n    --icon-svg: var(--nano-component-icon-chevron);\n    --icon-display: block;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=back] a,\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=back] button {\n    padding-inline-start: 0.8125em;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=back] a::after,\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=back] button::after {\n    rotate: calc(180deg * var(--flip-icon-rtl));\n    order: -1;\n    margin-inline-start: unset;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=up] {\n    --icon-svg: var(--nano-component-icon-chevron);\n    --icon-display: block;\n    --flip-icon-ltr: 0;\n    --flip-icon-rtl: 0;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=up] a::after,\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=up] button::after {\n    transform: rotate(270deg);\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=down] {\n    --icon-svg: var(--nano-component-icon-chevron);\n    --icon-display: block;\n    --flip-icon-ltr: 0;\n    --flip-icon-rtl: 0;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=down] a::after,\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=down] button::after {\n    transform: rotate(90deg);\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=download] {\n    --icon-svg: var(--nano-component-icon-download);\n    --icon-display: block;\n    --flip-icon-ltr: 0;\n    --flip-icon-rtl: 0;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg))[icon=open] {\n    --icon-svg: var(--nano-component-icon-open);\n    --icon-size: .9em;\n    --icon-display: block;\n    --flip-icon-ltr: 0;\n    --flip-icon-rtl: 0;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg)):not([icon]) a[href]:not([href=""], [icon], [href^="#"]) {\n    --icon-svg: var(--nano-component-icon-chevron);\n    --icon-display: block;\n    padding-inline-end: 0.8125em;\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg)):not([icon]) a[href]:not([href=""], [icon], [href^="#"])[target=_blank] {\n    --icon-svg: var(--nano-component-icon-open);\n    --icon-display: block;\n    --flip-icon-ltr: 0;\n    --flip-icon-rtl: 0;\n    padding-inline-end: var(--padding-h);\n  }\n  nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg)):not([icon]) a[href]:not([href=""], [icon], [href^="#"])[download], nano-cta:not([icon=false], :has(a nano-icon, a .nano-icon, a svg)):not([icon]) a[href]:not([href=""], [icon], [href^="#"]):is([href$=".pdf"], [href$=".zip"], [href$=".doc"], [href$=".docx"], [href$=".xls"], [href$=".xlsx"], [href$=".ppt"], [href$=".pptx"]) {\n    --icon-svg: var(--nano-component-icon-download);\n    --icon-display: block;\n    --flip-icon-ltr: 0;\n    --flip-icon-rtl: 0;\n    padding-inline-end: var(--padding-h);\n  }\n}\n/** Typography */\n@layer components {\n  nano-card {\n    --color: currentColor;\n    --bg: transparent;\n    --gap: var(--nano-spacing-md);\n    --content-margin: 0;\n    --flip-icon-ltr: 0;\n    container-type: inline-size;\n    position: relative;\n    display: grid;\n    grid-template-columns: minmax(197px, 31%) auto;\n    grid-template-rows: repeat(calc(var(--row-count) - 1), auto);\n    gap: var(--gap);\n    background-color: var(--bg);\n    color: var(--color);\n  }\n  nano-card:dir(rtl) {\n    --flip-icon-ltr: 1;\n  }\n  nano-card:has(> :last-child:nth-child(1), > article > :last-child:nth-child(1)) {\n    --row-count: 1;\n  }\n  nano-card:has(> :last-child:nth-child(2), > article > :last-child:nth-child(2)) {\n    --row-count: 2;\n  }\n  nano-card:has(> :last-child:nth-child(3), > article > :last-child:nth-child(3)) {\n    --row-count: 3;\n  }\n  nano-card:has(> :last-child:nth-child(4), > article > :last-child:nth-child(4)) {\n    --row-count: 4;\n  }\n  nano-card:has(> :last-child:nth-child(5), > article > :last-child:nth-child(5)) {\n    --row-count: 5;\n  }\n  nano-card:has(> :last-child:nth-child(6), > article > :last-child:nth-child(6)) {\n    --row-count: 6;\n  }\n  nano-card:has(> :last-child:nth-child(7), > article > :last-child:nth-child(7)) {\n    --row-count: 7;\n  }\n  nano-card * {\n    margin-block: unset;\n    margin-block-start: unset;\n    margin-block-end: unset;\n  }\n  nano-card > *:not([slot]) {\n    display: contents;\n  }\n  nano-card [slot] {\n    display: block;\n  }\n  nano-card [slot]:not([slot=img], ul) {\n    margin-inline: var(--content-margin);\n  }\n  nano-card [slot]:not([slot=img], ul):last-child {\n    margin-block-end: var(--content-margin);\n  }\n  nano-card:not(:has([slot=img])) [slot]:first-child {\n    margin-block-start: var(--content-margin);\n  }\n  nano-card [slot=img] {\n    order: 1;\n  }\n  nano-card [slot=title] {\n    order: 2;\n    text-wrap: balance;\n  }\n  nano-card [slot=content] {\n    order: 3;\n    text-wrap: balance;\n  }\n  nano-card [slot=footer] {\n    order: 4;\n    display: flex;\n    align-items: center;\n    gap: var(--gap);\n  }\n  nano-card nano-content-links {\n    --color-border: rgb(var(--nano-color-base-rgb-1000) / 7%);\n  }\n  nano-card address {\n    font-style: normal;\n  }\n  nano-card:has(a:only-of-type):not(:has(button, nano-icon-button, input)) a, nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type, :has(a, nano-icon-button, input, nano-cta[loading])) a {\n    color: var(--color);\n    text-decoration: none;\n  }\n  nano-card:has(a:only-of-type):not(:has(button, nano-icon-button, input)):hover [slot=title], nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type, :has(a, nano-icon-button, input, nano-cta[loading])):hover [slot=title] {\n    color: var(--nano-color-primary-1000);\n    text-decoration: underline;\n  }\n  nano-card:has(a:only-of-type):not(:has(button, nano-icon-button, input)):hover:has([slot=title] > * ~ *) [slot=title], nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type, :has(a, nano-icon-button, input, nano-cta[loading])):hover:has([slot=title] > * ~ *) [slot=title] {\n    color: var(--color);\n    text-decoration: none;\n  }\n  nano-card:has(a:only-of-type):not(:has(button, nano-icon-button, input)):hover:has([slot=title] > * ~ *) [slot=title] > :first-child, nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type, :has(a, nano-icon-button, input, nano-cta[loading])):hover:has([slot=title] > * ~ *) [slot=title] > :first-child {\n    color: var(--nano-color-primary-1000);\n    text-decoration: underline;\n  }\n  nano-card:has(a:only-of-type):not(:has(button, nano-icon-button, input)) button::before,\n  nano-card:has(a:only-of-type):not(:has(button, nano-icon-button, input)) a::before, nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type, :has(a, nano-icon-button, input, nano-cta[loading])) button::before,\n  nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type, :has(a, nano-icon-button, input, nano-cta[loading])) a::before {\n    content: "";\n    display: block;\n    position: absolute;\n    inset: 0;\n    touch-action: manipulation;\n    cursor: pointer;\n    inline-size: 100%;\n    block-size: 100%;\n    animation: none;\n    border-radius: 0;\n    z-index: var(--enable-card-click);\n  }\n  nano-card:has(a:only-of-type):not(:has(button, nano-icon-button, input)) nano-cta > *, nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type, :has(a, nano-icon-button, input, nano-cta[loading])) nano-cta > * {\n    position: static;\n  }\n  nano-card:has(a:only-of-type):not(:has(button, nano-icon-button, input))[variant^=promo]:hover, nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type, :has(a, nano-icon-button, input, nano-cta[loading]))[variant^=promo]:hover {\n    box-shadow: var(--nano-shadow-l0);\n    background-color: var(--bg-hover);\n  }\n  nano-card:has(a:only-of-type):not(:has(button, nano-icon-button, input)) nano-tooltip > *, nano-card:not([variant=product]):has(button:only-of-type):not(button[loading]:only-of-type, :has(a, nano-icon-button, input, nano-cta[loading])) nano-tooltip > * {\n    position: relative;\n    z-index: 2;\n  }\n  nano-card:has(a[slot]):has([slot] a) {\n    --enable-card-click: -1;\n  }\n  nano-card:has([slot=content] a):has([slot=footer] a) {\n    --enable-card-click: -1;\n  }\n  nano-card:not([layout=landscape]) [slot] {\n    grid-column: 1/-1 !important;\n  }\n  nano-card[layout=landscape] [slot] {\n    grid-column: 2;\n  }\n  nano-card[layout=landscape] [slot=img] {\n    grid-column: 1;\n    grid-row: 1/-1;\n  }\n  @container (width < 417px) {\n    nano-card[layout=landscape] [slot] {\n      grid-column: 1/-1 !important;\n    }\n    nano-card[layout=landscape] [slot=img] {\n      grid-column: 1/-1 !important;\n    }\n  }\n  nano-card[variant=product] [slot=title] {\n    display: inline-flex;\n    gap: var(--gap);\n    align-items: center;\n    justify-content: space-between;\n  }\n  nano-card[variant=product] [slot=footer] {\n    justify-content: space-between;\n  }\n  nano-card [slot=title],\n  nano-card [slot=title] > :first-child {\n    font-weight: var(--nano-font-weight-normal);\n    font-size: var(--nano-font-size-l);\n    line-height: var(--nano-line-height-dense);\n  }\n  nano-card [slot=content],\n  nano-card [slot=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  }\n  nano-card[size=small] [slot=title],\n  nano-card[size=small] [slot=title] > :first-child {\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  }\n  nano-card[size=small] [slot=content],\n  nano-card[size=small] [slot=content] > * {\n    font-size: var(--nano-font-size-xs);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-loose);\n  }\n  nano-card[variant=product][size=small] {\n    --gap: var(--nano-spacing-sm);\n  }\n  nano-card[variant^=promo] {\n    --content-margin: var(--gap);\n    box-shadow: var(--nano-shadow-l1);\n  }\n  nano-card[variant^=promo] [slot=title],\n  nano-card[variant^=promo] [slot=title]:hover, nano-card[variant^=promo]:hover [slot=title] {\n    color: var(--color) !important;\n    text-decoration: none !important;\n  }\n  nano-card[variant^=promo] nano-cta > * {\n    inline-size: 100%;\n  }\n  nano-card[variant^=promo] [slot=title],\n  nano-card[variant^=promo] [slot=title] > :first-child {\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  nano-card[variant^=promo] [slot=content],\n  nano-card[variant^=promo] [slot=content] > * {\n    font-size: var(--nano-font-size-xs);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-loose);\n  }\n  nano-card[variant^=promo]:not(:has(nano-cta)):has(a[slot=title]) a[slot=title] {\n    display: inline-flex;\n    gap: var(--gap);\n  }\n  nano-card[variant^=promo]:not(:has(nano-cta)):has(a[slot=title]) a[slot=title]::after {\n    content: "";\n    display: block;\n    background-size: cover;\n    inline-size: 1em;\n    background-color: var(--color);\n    -webkit-mask-image: var(--nano-component-icon-chevron);\n            mask-image: var(--nano-component-icon-chevron);\n    -webkit-mask-repeat: no-repeat;\n            mask-repeat: no-repeat;\n    -webkit-mask-position: center;\n            mask-position: center;\n    transform-origin: center;\n    margin-inline-start: auto;\n    rotate: calc(180deg * var(--flip-icon-ltr));\n  }\n  nano-card[variant=promo] {\n    --bg: var(--nano-color-notice-1200);\n    --bg-hover: var(--nano-color-notice-1000);\n    --color: var(--nano-color-base-0);\n  }\n  nano-card[variant=promo] nano-cta {\n    --color: var(--nano-color-notice-1000);\n    --bg: var(--nano-color-base-0);\n    --bg-hover: var(--nano-color-notice-75);\n    --bg-active: var(--nano-color-notice-200);\n    --border: 1px solid var(--color);\n  }\n  nano-card[variant=promo-aero] {\n    --bg: var(--nano-color-success-200);\n    --bg-hover: var(--nano-color-success-75);\n    --color: var(--nano-color-base-1000);\n  }\n  nano-card[variant=promo-plain], nano-card[variant=promo-grey] {\n    --bg: var(--nano-color-base-0);\n    --bg-hover: var(--nano-color-neutral-100);\n    --color: var(--nano-color-neutral-1400);\n  }\n  nano-card[variant=promo-plain]:hover [slot=title], nano-card[variant=promo-grey]:hover [slot=title] {\n    color: var(--nano-color-primary-1000);\n  }\n  nano-card[variant=promo-plain] nano-cta, nano-card[variant=promo-grey] nano-cta {\n    --color: var(--nano-color-primary-1100);\n    --bg: var(--nano-color-base-0);\n    --bg-hover: var(--nano-color-primary-50);\n    --bg-active: var(--nano-color-primary-75);\n    --border: 1px solid var(--color);\n  }\n  nano-card[variant=promo-grey] {\n    --bg: var(--nano-color-neutral-100);\n    --bg-hover: var(--nano-color-neutral-200);\n    --color: var(--nano-color-neutral-1400);\n  }\n}\n@layer components {\n  nano-tag {\n    --background: var(--nano-color-base-50);\n    --color: var(--nano-color-primary-1100);\n    --stroke: var(--nano-color-primary-1000);\n    --color-non-interactive: var(--nano-color-neutral-1400);\n    --padding: 0.125rem 0.375rem;\n    --font-size: 0.625rem;\n    --line-height: var(--nano-line-height-denser);\n    --letter-spacing: var(--nano-letter-spacing-denser);\n    --bg-color-hover: var(--nano-color-primary-100);\n    --bg-color-active: var(--nano-color-primary-300);\n    display: inline-block;\n    block-size: fit-content;\n    inline-size: fit-content;\n    padding: var(--padding);\n    font-size: var(--font-size);\n    font-family: var(--font-family);\n    font-weight: var(--nano-font-weight-bold);\n    line-height: var(--line-height);\n    letter-spacing: var(--letter-spacing);\n    word-wrap: break-word;\n    text-align: center;\n    cursor: default;\n    color: var(--color-non-interactive);\n    background: var(--background);\n    border: 1px solid var(--color-non-interactive);\n  }\n  nano-tag[size=large] {\n    --padding: 0.25rem 0.5rem;\n    --font-size: var(--nano-font-size-2xs);\n    --letter-spacing: var(--nano-letter-spacing-loose);\n  }\n  nano-tag > a, nano-tag > button {\n    all: unset;\n    display: block;\n    padding: var(--padding);\n  }\n  nano-tag[closable] {\n    display: flex;\n    gap: 0.25rem;\n    justify-content: space-between;\n    align-items: center;\n    padding: var(--padding);\n  }\n  nano-tag[closable] nano-icon-button {\n    --padding: 0;\n  }\n  nano-tag[closable][size=large] {\n    gap: 0.375rem;\n  }\n  nano-tag[closable]:not(:has(nano-icon-button, .nano-icon-button))::after {\n    content: "";\n    display: block;\n    min-inline-size: 0.625rem;\n  }\n  nano-tag:has(a), nano-tag:has(button) {\n    padding: 0;\n  }\n  nano-tag:has(a), nano-tag:has(button), nano-tag[closable] {\n    color: var(--color);\n    border-color: var(--stroke);\n    background: var(--background);\n  }\n  nano-tag:has(a:hover), nano-tag:has(button:hover) {\n    cursor: pointer;\n    background: var(--bg-color-hover);\n  }\n  nano-tag:has(a:active), nano-tag:has(button:active) {\n    background: var(--bg-color-active);\n  }\n  nano-tag:has(a:focus-visible, button:focus-visible) {\n    outline: var(--nano-focus-ring);\n    outline-offset: var(--nano-focus-ring-offset);\n  }\n}\n@layer components {\n  nano-content-links {\n    --text-color: var(--nano-color-neutral-1400);\n    --color-disabled: var(--nano-color-neutral-800);\n    --color-border: var(--nano-color-neutral-200);\n    --color-active: var(--nano-color-primary-1000);\n    --padding: var(--nano-spacing-sm);\n    --icon-size: 1em;\n    --icon-color: var(--nano-color-primary-1200);\n    display: contents;\n    color: var(--text-color);\n    font-size: var(--nano-font-size-small);\n    font-weight: var(--nano-font-weight-normal);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-loose);\n    word-wrap: break-word;\n  }\n  nano-content-links > * {\n    all: unset;\n    inline-size: -webkit-fill-available;\n    inline-size: -moz-available;\n    inline-size: stretch;\n    block-size: fit-content;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: var(--padding);\n    gap: var(--nano-spacing-md);\n    border-block-start: 1px solid var(--color-border);\n    border-block-end: 1px solid var(--color-border);\n    text-decoration: none !important;\n  }\n  nano-content-links > *::after {\n    content: "";\n    background-size: cover;\n    inline-size: var(--icon-size);\n    block-size: var(--icon-size);\n    -webkit-mask-image: var(--nano-component-icon-chevron);\n            mask-image: var(--nano-component-icon-chevron);\n    -webkit-mask-repeat: no-repeat;\n            mask-repeat: no-repeat;\n    -webkit-mask-position: center;\n            mask-position: center;\n    transform-origin: center;\n    margin-inline-start: auto;\n  }\n  nano-content-links > *:not(a) {\n    pointer-events: none;\n    cursor: default;\n    color: var(--color-disabled);\n    border-block-start: 1px solid var(--color-border);\n    border-block-end: 1px solid var(--color-border);\n  }\n  nano-content-links > *:not(a)::after {\n    background-color: var(--color-disabled);\n  }\n  nano-content-links > * + * {\n    border-block-start: none !important;\n  }\n  nano-content-links > a {\n    pointer-events: auto;\n    cursor: pointer;\n    color: var(--text-color);\n  }\n  nano-content-links > a::after {\n    background-color: var(--icon-color);\n  }\n  nano-content-links > a[target=_blank]::after {\n    -webkit-mask-image: var(--nano-component-icon-open);\n            mask-image: var(--nano-component-icon-open);\n  }\n  nano-content-links > a:hover, nano-content-links > a:active {\n    color: var(--color-active);\n    -webkit-text-decoration: underline solid;\n            text-decoration: underline solid;\n  }\n  nano-content-links > a:hover::after, nano-content-links > a:active::after {\n    background-color: var(--color-active);\n  }\n  nano-content-links > a:focus-visible {\n    outline: var(--nano-focus-ring);\n    outline-offset: var(--nano-focus-ring-offset);\n  }\n}\n@layer components {\n  nano-badge {\n    font-size: var(--nano-font-size-2xs);\n    line-height: var(--nano-line-height-normal);\n    letter-spacing: var(--nano-letter-spacing-loose);\n    background: var(--bg);\n    color: var(--color);\n    border-radius: var(--nano-border-radius-pill);\n    padding: 0.15em 0.65em !important;\n    display: inline-block;\n  }\n  nano-badge a {\n    color: inherit;\n    border-radius: inherit;\n  }\n  nano-badge a::after {\n    content: "";\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    border-radius: inherit;\n    background-color: transparent;\n  }\n  nano-badge:has(a) {\n    position: relative;\n  }\n  nano-badge:has(a):hover {\n    background-color: color-mix(in srgb, var(--bg), black 10%);\n  }\n  nano-badge:not([theme]), nano-badge[theme=primary] {\n    --bg: var(--nano-color-primary-1000);\n    --color: var(--nano-color-base-0);\n  }\n  nano-badge:not([theme])[strength="4"], nano-badge[theme=primary][strength="4"] {\n    --bg: var(--nano-color-primary-700);\n  }\n  nano-badge:not([theme])[strength="3"], nano-badge[theme=primary][strength="3"] {\n    --bg: var(--nano-color-primary-1000);\n  }\n  nano-badge:not([theme])[strength="2"], nano-badge[theme=primary][strength="2"] {\n    --bg: var(--nano-color-primary-1100);\n  }\n  nano-badge:not([theme])[strength="1"], nano-badge[theme=primary][strength="1"] {\n    --bg: var(--nano-color-primary-1200);\n  }\n  nano-badge[theme=neutral] {\n    --bg: var(--nano-color-neutral-900);\n    --color: var(--nano-color-base-0);\n  }\n  nano-badge[theme=neutral][strength="4"] {\n    --bg: var(--nano-color-neutral-700);\n  }\n  nano-badge[theme=neutral][strength="3"] {\n    --bg: var(--nano-color-neutral-900);\n  }\n  nano-badge[theme=neutral][strength="2"] {\n    --bg: var(--nano-color-neutral-1000);\n  }\n  nano-badge[theme=neutral][strength="1"] {\n    --bg: var(--nano-color-neutral-1200);\n  }\n  nano-badge[theme=success] {\n    --bg: var(--nano-color-success-1000);\n    --color: var(--nano-color-base-0);\n  }\n  nano-badge[theme=success][strength="4"] {\n    --bg: var(--nano-color-success-600);\n  }\n  nano-badge[theme=success][strength="3"] {\n    --bg: var(--nano-color-success-1000);\n  }\n  nano-badge[theme=success][strength="2"] {\n    --bg: var(--nano-color-success-1100);\n  }\n  nano-badge[theme=success][strength="1"] {\n    --bg: var(--nano-color-success-1200);\n  }\n  nano-badge[theme=warning] {\n    --bg: var(--nano-color-warning-1000);\n    --color: var(--nano-color-base-0);\n  }\n  nano-badge[theme=warning][strength="4"] {\n    --bg: var(--nano-color-warning-600);\n  }\n  nano-badge[theme=warning][strength="3"] {\n    --bg: var(--nano-color-warning-1000);\n  }\n  nano-badge[theme=warning][strength="2"] {\n    --bg: var(--nano-color-warning-1100);\n  }\n  nano-badge[theme=warning][strength="1"] {\n    --bg: var(--nano-color-warning-1200);\n  }\n  nano-badge[theme=danger] {\n    --bg: var(--nano-color-danger-1000);\n    --color: var(--nano-color-base-0);\n  }\n  nano-badge[theme=danger][strength="4"] {\n    --bg: var(--nano-color-danger-800);\n  }\n  nano-badge[theme=danger][strength="3"] {\n    --bg: var(--nano-color-danger-1000);\n  }\n  nano-badge[theme=danger][strength="2"] {\n    --bg: var(--nano-color-danger-1100);\n  }\n  nano-badge[theme=danger][strength="1"] {\n    --bg: var(--nano-color-danger-1200);\n  }\n  nano-badge[pulse]:not([pulse=false]) {\n    animation: pulse-animation 2s infinite;\n  }\n  @keyframes pulse-animation {\n    0% {\n      box-shadow: 0 0 0 0 rgb(var(--nano-color-base-rgb-1000)/20%);\n    }\n    100% {\n      box-shadow: 0 0 0 1em rgb(var(--nano-color-base-rgb-1000)/0%);\n    }\n  }\n}\n@layer components {\n  :where(nano-card-carousel, .nano-card-carousel) > [slot=title] {\n    all: unset;\n    font-weight: var(--nano-font-weight-normal);\n    font-size: var(--nano-font-size-xl);\n    line-height: var(--nano-line-height-denser);\n    line-height: 1;\n  }\n  nano-card-carousel nano-card [slot] {\n    opacity: var(--text-opacity);\n  }\n  nano-card-carousel nano-card [slot=img] {\n    opacity: var(--img-opacity);\n  }\n}\n@layer components {\n  .nano-theme-dark :where(nano-global-nav, .nano-global-nav)::part(logo), .nano-theme-dark :where(nano-global-nav, .nano-global-nav) [part~="logo"], :where(nano-global-nav, .nano-global-nav).nano-theme-dark::part(logo), :where(nano-global-nav, .nano-global-nav).nano-theme-dark [part~="logo"] {\n    filter: invert(100%);\n  }\n  :where(nano-global-nav, .nano-global-nav) :where(nano-nav-item, .nano-nav-item)::part(label), :where(nano-global-nav, .nano-global-nav) :where(nano-nav-item, .nano-nav-item) [part~="label"] {\n    white-space: nowrap;\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu nano-nav-item, :where(nano-global-nav, .nano-global-nav).bar-menu > a {\n    color: var(--main-menu-text-color);\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item):hover, :where(nano-global-nav, .nano-global-nav).bar-menu > a:hover {\n    color: var(--main-menu-hover-text-color);\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item):active, :where(nano-global-nav, .nano-global-nav).bar-menu > a:active {\n    color: var(--main-menu-active-text-color);\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item)::part(trigger), :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [part~="trigger"] {\n    position: relative;\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item)::part(trigger)::before, :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [part~="trigger"]::before {\n    content: "";\n    position: absolute;\n    background-color: var(--main-menu-active-border-color);\n    block-size: 4px;\n    inset-inline: 0;\n    inset-block-end: -1.5625rem;\n    transform: translateZ(0) scaleX(0);\n    transform-origin: 0 center;\n    transition: transform var(--nano-transition-x-fast) ease-in-out;\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item)[open] {\n    color: var(--main-menu-active-border-color) !important;\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item)[open]::part(trigger)::before, :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item)[open] [part~="trigger"]::before {\n    transform: translateZ(0) scaleX(1);\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu a.active,\n  :where(nano-global-nav, .nano-global-nav).bar-menu nano-nav-item.active,\n  :where(nano-global-nav, .nano-global-nav).bar-menu nano-nav-item[selected] {\n    color: var(--main-menu-active-text-color) !important;\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item)::part(modal), :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [part~="modal"] {\n    inset-block-start: -500%;\n    inline-size: 100%;\n    position: absolute;\n    z-index: -2;\n    inset-inline: 0;\n    transition: inset-block-start var(--nano-transition-fast) ease-in-out, opacity var(--nano-transition-x-fast) ease;\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item)::part(modal modal--open), :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [part~="modal modal--open"] {\n    inset-block-start: 100%;\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item)::part(modal-content), :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [part~="modal-content"] {\n    background: var(--nano-color-base-0);\n    color: var(--nano-color-base-1000);\n    padding: var(--nano-spacing-xl);\n    inline-size: 91.25rem;\n    max-inline-size: 100%;\n    margin: auto;\n    box-shadow: var(--nano-shadow-l2);\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item)::part(modal-mask), :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [part~="modal-mask"] {\n    background: var(--nano-overlay-background-color);\n    position: fixed;\n    inset: 0;\n    min-block-size: 100%;\n    z-index: -1;\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu [slot=close-button] {\n    display: none;\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] {\n    display: grid;\n    gap: var(--nano-spacing-xl);\n    grid-template: auto/repeat(auto-fit, minmax(200px, 1fr));\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary]:has(.gn__focus-area) {\n    grid-template: auto/1fr 1fr 26rem;\n  }\n  @media (width < 1200px) {\n    :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary]:has(.gn__focus-area) {\n      grid-template-columns: 1fr 26rem;\n    }\n  }\n  @media (width < 830px) {\n    :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary]:has(.gn__focus-area) {\n      grid-template-columns: 1fr;\n    }\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] h1, :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] h2, :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] h3, :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] h4, :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] .gn__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    padding-block-end: 1rem;\n    border-block-end: 1px solid var(--nano-color-neutral-100);\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] a {\n    text-decoration: none;\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] a:hover {\n    text-decoration: underline;\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] ul {\n    margin: 0;\n    padding: 0;\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] ul li {\n    margin-inline: 0;\n    list-style: none;\n    margin-block-end: var(--nano-spacing-sm);\n    line-height: var(--nano-line-height-dense);\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] .gn__focus-area {\n    padding: var(--nano-spacing-xl) var(--nano-spacing-l);\n    display: flex;\n    flex-direction: column;\n    gap: var(--nano-spacing-sm);\n    background: var(--nano-color-base-0);\n    color: var(--nano-color-base-1000);\n  }\n  @media (width < 1200px) and (width > 830px) {\n    :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] .gn__focus-area {\n      grid-column: 2;\n      grid-row: 1/3;\n    }\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] .gn__focus-area h1, :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] .gn__focus-area h2, :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] .gn__focus-area h3, :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] .gn__focus-area h4, :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] .gn__focus-area h5, :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] .gn__focus-area p {\n    margin: 0;\n    border: none;\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] .gn__focus-area nano-content-links {\n    display: block;\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] .gn__link-columns {\n    gap: var(--nano-spacing-xl);\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] .gn__link-columns:has(> :nth-child(6)) {\n    columns: 2;\n  }\n  :where(nano-global-nav, .nano-global-nav).bar-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] .gn__link-columns > * {\n    display: block;\n    margin-block-end: var(--nano-spacing-sm);\n  }\n  :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item), :where(nano-global-nav, .nano-global-nav).overflow-menu > a {\n    color: var(--overflow-text-color);\n  }\n  :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item):hover, :where(nano-global-nav, .nano-global-nav).overflow-menu > a:hover {\n    color: var(--overflowhover-text-color);\n  }\n  :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item):active, :where(nano-global-nav, .nano-global-nav).overflow-menu > a:active {\n    color: var(--overflow-active-text-color);\n  }\n  :where(nano-global-nav, .nano-global-nav).overflow-menu a.active,\n  :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item).active,\n  :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item)[selected] {\n    color: var(--overflow-active-text-color) !important;\n  }\n  :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item)::part(modal), :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item) [part~="modal"] {\n    background-color: var(--overflow-bg-color);\n    inline-size: 100%;\n    block-size: 100%;\n    position: absolute;\n    inset: 0;\n  }\n  :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] {\n    display: flex;\n    flex-direction: column;\n    gap: var(--nano-spacing-md);\n    padding-block-end: var(--nano-spacing-md);\n  }\n  :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] a {\n    text-decoration: none;\n    color: var(--nano-color-blue-cerulean-700);\n  }\n  :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] a:hover {\n    text-decoration: underline;\n  }\n  :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] h1, :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] h2, :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] h3, :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] h4, :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] .gn__title {\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    margin-block-end: var(--nano-spacing-sm);\n  }\n  :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] ul {\n    margin: 0;\n    padding: 0;\n  }\n  :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] ul li {\n    margin-inline: 0;\n    list-style: none;\n    margin-block-end: var(--nano-spacing-sm);\n    line-height: var(--nano-line-height-dense);\n  }\n  :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] .gn__link-columns {\n    padding-inline-start: var(--nano-spacing-md);\n  }\n  :where(nano-global-nav, .nano-global-nav).overflow-menu :where(nano-nav-item, .nano-nav-item) [slot=secondary] .gn__focus-area {\n    border-block-start: 1px solid rgb(var(--nano-color-base-rgb-1000)/10%);\n    padding-block-start: var(--nano-spacing-md);\n  }\n  :where(nano-global-nav, .nano-global-nav).overflow-menu [slot=close-button] {\n    color: inherit;\n    padding-block: var(--nano-spacing-md);\n    display: flex;\n    gap: var(--nano-spacing-sm);\n    align-items: center;\n    cursor: pointer;\n    inline-size: 100%;\n  }\n  :where(nano-global-nav, .nano-global-nav).overflow-menu [slot=close-button]:hover {\n    color: var(--nano-color-blue-cerulean-700);\n  }\n  :where(nano-global-nav, .nano-global-nav).overflow-menu [slot=close-button]::before {\n    content: "";\n    margin-inline-start: 0;\n    background-size: cover;\n    inline-size: 1em;\n    block-size: 1em;\n    -webkit-mask-image: var(--nano-component-icon-chevron);\n            mask-image: var(--nano-component-icon-chevron);\n    -webkit-mask-repeat: no-repeat;\n            mask-repeat: no-repeat;\n    -webkit-mask-position: center;\n            mask-position: center;\n    transform-origin: center;\n    rotate: 180deg;\n    background-color: var(--nano-color-blue-cerulean-700);\n  }\n}\n@layer components {\n  nano-avatar {\n    --size: 2.5rem;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    inline-size: var(--size);\n    block-size: var(--size);\n    background-color: var(--nano-color-neutral-400);\n    font-size: calc(var(--size) * 0.5);\n    font-weight: var(--nano-font-weight-normal);\n    color: var(--nano-color-neutral-0);\n    -webkit-user-select: none;\n            user-select: none;\n    vertical-align: middle;\n    border-radius: var(--nano-border-radius-circle);\n    overflow: hidden;\n  }\n  nano-avatar:empty::before {\n    content: attr(initials);\n    text-transform: uppercase;\n    line-height: 1;\n  }\n  nano-avatar img {\n    aspect-ratio: var(--nano-image-ratio-square);\n    object-fit: cover;\n  }\n}\n@layer components {\n  :where(nano-in-page-nav, .nano-in-page-nav) {\n    --color-bottom-border: rgb(var(--nano-color-base-rgb-1000) / 10%);\n    --color-text: var(--nano-color-neutral-1400);\n    --color-primary: var(--nano-color-primary-1100);\n    --color-text-hover: var(--color-primary);\n    --color-border-active: var(--nano-color-primary-1000);\n    --border-active: 3px solid var(--color-border-active);\n    --color-bg: var(--nano-color-primary-75);\n    --font-size: var(--nano-font-size-small);\n    --font-weight: var(--nano-font-weight-normal);\n    --font-weight-active: var(--nano-font-weight-bold);\n    --line-height: var(--nano-line-height-dense);\n    --letter-spacing: var(--nano-letter-spacing-loose);\n    --flip-icon-ltr: 1;\n    --list-gap: calc(var(--spacing-l2) / 1.25);\n    --spacing-l2: var(--nano-spacing-l2);\n    --spacing-l3: var(--nano-spacing-l3);\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav):dir(rtl) {\n    --flip-icon-ltr: 0;\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) a,\n  :where(nano-in-page-nav, .nano-in-page-nav) ul,\n  :where(nano-in-page-nav, .nano-in-page-nav) li {\n    all: unset;\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) ul {\n    display: flex;\n    flex-direction: column;\n    list-style: none;\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) ul:not(ul ul) {\n    padding: 0 var(--spacing-l2) var(--spacing-l3) var(--spacing-l2);\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) a {\n    cursor: pointer;\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) a:hover {\n    text-decoration: underline;\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) a:focus-visible {\n    outline: var(--nano-focus-ring);\n    outline-offset: var(--nano-focus-ring-offset);\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) ul > li:not(ul > li li) {\n    margin: 0;\n    padding: var(--spacing-l2) 0;\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    justify-content: stretch;\n    inline-size: 100%;\n    border-block-end: 1px solid var(--color-bottom-border);\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) ul > li:not(ul > li li) a {\n    color: var(--color-text);\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) ul > li:not(ul > li li) a.active {\n    border-inline-start: var(--border-active);\n    padding-inline-start: 1rem;\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) ul > li:not(ul > li li) a:hover {\n    color: var(--color-text-hover);\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) ul > li > ul,\n  :where(nano-in-page-nav, .nano-in-page-nav) ul > li > nano-details > ul {\n    padding: var(--list-gap) 0 0 var(--spacing-l2);\n    gap: var(--list-gap);\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) ul > li > ul a,\n  :where(nano-in-page-nav, .nano-in-page-nav) ul > li > nano-details > ul a {\n    color: var(--color-primary) !important;\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) ul > li > ul a.active,\n  :where(nano-in-page-nav, .nano-in-page-nav) ul > li > nano-details > ul a.active {\n    padding-inline-start: 0;\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) ul > li > ul:has(nano-details),\n  :where(nano-in-page-nav, .nano-in-page-nav) ul > li > nano-details > ul:has(nano-details) {\n    padding-inline-start: 1.1rem;\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) ul > li > ul nano-details::part(header), :where(nano-in-page-nav, .nano-in-page-nav) ul > li > ul nano-details [part~="header"], :where(nano-in-page-nav, .nano-in-page-nav) ul > li > nano-details > ul nano-details::part(header), :where(nano-in-page-nav, .nano-in-page-nav) ul > li > nano-details > ul nano-details [part~="header"] {\n    padding: 0;\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) ul > li > ul > li > nano-details > ul,\n  :where(nano-in-page-nav, .nano-in-page-nav) ul > li > nano-details > ul > li > nano-details > ul {\n    padding: var(--list-gap) 0 0 var(--nano-spacing-l1-default);\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) nano-details nano-details:not(nano-details nano-details nano-details) {\n    color: var(--color-text);\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) nano-details {\n    --padding: 0;\n    --btn-bg-color: transparent;\n    --btn-bg-color--open: var(--nano-color-primary-75);\n    --btn-bg-color--hover: transparent;\n    border: none;\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) nano-details .active::part(header), :where(nano-in-page-nav, .nano-in-page-nav) nano-details .active [part~="header"] {\n    border-inline-start: var(--border-active);\n    padding-inline-start: 1rem;\n    color: var(--color-primary);\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) nano-details[open] > [slot=icon-start] {\n    rotate: 90deg;\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) nano-details::part(content), :where(nano-in-page-nav, .nano-in-page-nav) nano-details [part~="content"] {\n    padding: 0;\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) nano-details::part(icon--start), :where(nano-in-page-nav, .nano-in-page-nav) nano-details [part~="icon--start"] {\n    margin-inline-end: var(--spacing-l3);\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) nano-details::part(header), :where(nano-in-page-nav, .nano-in-page-nav) nano-details [part~="header"] {\n    font-size: var(--font-size);\n    line-height: var(--line-height);\n    font-weight: var(--font-weight);\n    letter-spacing: var(--letter-spacing);\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) nano-details::part(header):hover, :where(nano-in-page-nav, .nano-in-page-nav) nano-details [part~="header"]:hover {\n    text-decoration: underline;\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) .details-wrapper {\n    --btn-text-color: var(--color-text);\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) .details-wrapper::part(header), :where(nano-in-page-nav, .nano-in-page-nav) .details-wrapper [part~="header"] {\n    padding: var(--spacing-l2);\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav):has(.details-wrapper[open])::part(root), :where(nano-in-page-nav, .nano-in-page-nav):has(.details-wrapper[open]) [part~="root"] {\n    box-shadow: var(--nano-shadow-l1);\n  }\n  :where(nano-in-page-nav, .nano-in-page-nav) .details-wrapper.sticky.stuck[open]::part(header), :where(nano-in-page-nav, .nano-in-page-nav) .details-wrapper.sticky.stuck[open] [part~="header"] {\n    z-index: var(--nano-z-index-menubar);\n    inset-block-start: 0;\n    position: sticky;\n    box-shadow: var(--nano-shadow-l1);\n    padding: var(--spacing-l2);\n  }\n}\n@layer components {\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) {\n    --color-bg: var(--nano-color-base-0);\n    --color-border: var(--nano-color-neutral-200);\n    --outer-spacing: var(--nano-spacing-l1-default);\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) h2 {\n    font-weight: var(--nano-font-weight-normal);\n    font-size: var(--nano-font-size-xl);\n    line-height: var(--nano-line-height-denser);\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) h2,\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) h4 {\n    margin: 0;\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) h3,\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) h4 {\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  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) h3 {\n    padding-block-end: var(--nano-spacing-md);\n    border-block-end: 1px solid var(--color-border);\n    margin-block: 0;\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) h4 {\n    font-weight: var(--nano-font-weight-normal);\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) ul {\n    padding: 0;\n    margin: 0;\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) ul[slot=content] {\n    list-style: none;\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) ul[slot=content] > li {\n    margin: 0;\n    padding-block-start: var(--nano-spacing-md);\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) [slot=label] {\n    display: flex;\n    align-items: center;\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details {\n    --btn-bg-color: transparent;\n    --btn-bg-color--active: transparent;\n    --btn-bg-color--hover: transparent;\n    --padding: 0;\n    border: none;\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details::part(header), :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details [part~="header"] {\n    color: var(--color-primary);\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details::part(label), :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details [part~="label"], :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details::part(content), :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details [part~="content"] {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--nano-spacing-l1-default);\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details::part(icon--end), :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details [part~="icon--end"] {\n    display: none;\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details::part(content), :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details [part~="content"] {\n    padding: var(--nano-spacing-md) 0;\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details::part(body), :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details [part~="body"] {\n    border-block-end: 1px solid var(--color-border);\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details ul {\n    list-style: disc;\n    padding-inline-start: var(--nano-spacing-md);\n  }\n  :where(nano-collapsible-comparison, .nano-collapsible-comparison) nano-details ul li {\n    font-size: var(--nano-font-size-xs);\n  }\n}\n@layer components {\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item) {\n    --padding: inherit;\n    display: block;\n    border-block-start: 1px solid var(--nano-color-neutral-200);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item):not(:has(+ nano-nav-item), :has(+ nano-dropdown), :has(+ nano-content-links)) {\n    border-block-end: 1px solid var(--nano-color-neutral-200);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)::part(trigger), :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item) [part~="trigger"] {\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  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)[checkbox]::part(label)::before, :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)[checkbox] [part~="label"]::before {\n    content: "";\n    display: inline-block;\n    vertical-align: middle;\n    background-size: cover;\n    -webkit-mask-repeat: no-repeat;\n            mask-repeat: no-repeat;\n    -webkit-mask-position: center;\n            mask-position: center;\n    inline-size: 0.8em;\n    block-size: 0.8em;\n    -webkit-mask-image: var(--nano-component-icon-check);\n            mask-image: var(--nano-component-icon-check);\n    background-color: var(--icon-color);\n    opacity: 0;\n    margin-inline-end: var(--nano-spacing-sm);\n    align-content: center;\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)[checkbox][selected]::part(label)::before, :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)[checkbox][selected] [part~="label"]::before {\n    opacity: 1;\n  }\n  :where(nano-menu, .nano-menu) a {\n    font-size: calc(var(--font-size) - 0.125rem);\n    color: var(--nano-color-primary-1100);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-icon, .nano-icon) {\n    color: var(--icon-color);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)::part(trigger), :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item) [part~="trigger"] {\n    --icon-color: var(--nano-color-primary-1000);\n    color: var(--nano-color-neutral-1400);\n    font-size: var(--font-size);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item):not([disabled])::part(trigger):hover:not(:focus-visible), :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item):not([disabled]) [part~="trigger"]:hover:not(:focus-visible) {\n    --icon-color: var(--nano-color-primary-1100);\n    color: var(--nano-color-base-1000);\n    background-color: var(--nano-color-neutral-100);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item):not([disabled])::part(trigger):active:not(:focus-visible), :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item):not([disabled]) [part~="trigger"]:active:not(:focus-visible) {\n    --icon-color: var(--nano-color-primary-800);\n    color: var(--nano-color-base-1000);\n    background-color: var(--nano-color-neutral-200);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)::part(trigger):focus-visible, :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item) [part~="trigger"]:focus-visible {\n    --icon-color: var(--nano-color-base-0);\n    outline: none;\n    background-color: var(--nano-color-primary-1000);\n    color: var(--nano-color-base-0);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)::part(trigger):focus-visible:active, :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item) [part~="trigger"]:focus-visible:active {\n    background-color: var(--nano-color-primary-1200);\n  }\n  :where(nano-menu, .nano-menu) nano-content-links a::after {\n    background-color: var(--icon-color);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-dropdown, .nano-dropdown) {\n    display: contents;\n  }\n  :where(nano-menu, .nano-menu) :where(nano-dropdown, .nano-dropdown) :where(nano-nav-item, .nano-nav-item) {\n    --padding: var(--nav-item-padding);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)::part(modal), :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item) [part~="modal"] {\n    position: absolute;\n    min-block-size: 100%;\n    inset-block-start: 0;\n    inset-inline-start: 0;\n    inline-size: 100%;\n    z-index: 1;\n    opacity: 0;\n    transition: opacity var(--nano-transition-x-fast) ease, transform var(--nano-transition-fast) ease;\n    transform: translate3d(100%, 0, 0);\n    background: var(--background);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item)::part(modal modal--open), :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item) [part~="modal modal--open"] {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n    transition: opacity var(--nano-transition-x-fast) ease, transform var(--nano-transition-fast) ease;\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item) [slot=close-button] {\n    padding: var(--padding);\n    display: flex;\n    gap: var(--nano-spacing-md);\n    align-items: center;\n    cursor: pointer;\n    inline-size: 100%;\n    border-block-start: 1px solid var(--nano-color-neutral-200);\n  }\n  :where(nano-menu, .nano-menu) :where(nano-nav-item, .nano-nav-item) [slot=close-button]::before {\n    content: "";\n    margin-inline-start: 0;\n    background-size: cover;\n    inline-size: 1em;\n    block-size: 1em;\n    -webkit-mask-image: var(--nano-component-icon-caret);\n            mask-image: var(--nano-component-icon-caret);\n    -webkit-mask-repeat: no-repeat;\n            mask-repeat: no-repeat;\n    -webkit-mask-position: center;\n            mask-position: center;\n    transform-origin: center;\n    rotate: 180deg;\n    background-color: var(--icon-color);\n  }\n}\n@layer components {\n  nano-icon-item {\n    --icon-dims: var(--nano-pictogram-size-large);\n    display: grid;\n    grid-template-columns: 1fr;\n    justify-items: center;\n    inline-size: 100%;\n    gap: var(--nano-spacing-md);\n  }\n  nano-icon-item[size=large] {\n    --icon-dims: var(--nano-pictogram-size-x-large);\n  }\n  nano-icon-item:has([slot=icon]):has([slot=heading]), nano-icon-item:has([slot=icon]):has([slot=content]) {\n    grid-template-rows: repeat(2, min-content);\n  }\n  nano-icon-item:has([slot=icon]):has([slot=heading]):has([slot=content]) {\n    grid-template-rows: repeat(3, min-content);\n  }\n  nano-icon-item nano-icon {\n    --icon-size: var(--icon-dims);\n  }\n  nano-icon-item a:not(p > a),\n  nano-icon-item [slot=heading] {\n    all: unset;\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    color: var(--nano-color-neutral-1400);\n    text-align: center;\n  }\n  nano-icon-item p[slot=content] {\n    all: unset;\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    text-align: center;\n  }\n  nano-icon-item [slot=icon] {\n    color: var(--nano-color-primary-1000);\n  }\n  nano-icon-item[landscape] {\n    justify-items: start;\n    grid-template-columns: min-content 1fr !important;\n    row-gap: var(--nano-spacing-sm);\n  }\n  nano-icon-item[landscape]:has([slot=icon]):has([slot=heading]), nano-icon-item[landscape]:has([slot=icon]):has([slot=content]) {\n    grid-template-rows: min-content;\n  }\n  nano-icon-item[landscape]:has([slot=icon]):has([slot=heading]) [slot=heading],\n  nano-icon-item[landscape]:has([slot=icon]):has([slot=heading]) p[slot=content], nano-icon-item[landscape]:has([slot=icon]):has([slot=content]) [slot=heading],\n  nano-icon-item[landscape]:has([slot=icon]):has([slot=content]) p[slot=content] {\n    grid-row: 1;\n    align-self: center;\n  }\n  nano-icon-item[landscape]:has([slot=icon]):has([slot=heading]):has([slot=content]) {\n    grid-template-rows: min-content 1fr;\n  }\n  nano-icon-item[landscape]:has([slot=icon]):has([slot=heading]):has([slot=content]) a,\n  nano-icon-item[landscape]:has([slot=icon]):has([slot=heading]):has([slot=content]) [slot=heading] {\n    grid-row: 1;\n  }\n  nano-icon-item[landscape]:has([slot=icon]):has([slot=heading]):has([slot=content]) p[slot=content] {\n    grid-row: 2;\n  }\n  nano-icon-item[landscape] nano-icon[slot=icon] {\n    grid-column: 1;\n  }\n  nano-icon-item[landscape] [slot=icon] {\n    grid-column: 1;\n    grid-row: 1/-1;\n  }\n  nano-icon-item[landscape] a,\n  nano-icon-item[landscape] [slot=heading] {\n    text-align: start;\n    align-self: center;\n    grid-row: 1;\n    grid-column: 2;\n  }\n  nano-icon-item[landscape] p[slot=content] {\n    text-align: start;\n    grid-row: 2;\n    grid-column: 2;\n  }\n  nano-icon-item a,\n  nano-icon-item a > [slot=heading] {\n    cursor: pointer;\n    text-decoration: underline;\n    color: var(--nano-color-primary-1000);\n  }\n  nano-icon-item a:hover {\n    color: var(--nano-color-primary-1200);\n  }\n  nano-icon-item a:hover [slot=heading] {\n    color: var(--nano-color-primary-1200);\n  }\n  nano-icon-item:has(a:hover) nano-icon {\n    color: var(--nano-color-primary-1200);\n  }\n}\n:where(nano-tab-group, .nano-tab-group)[equal-tab-size] .nano-tab {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex: 1;\n}\n:where(nano-tab-group, .nano-tab-group)[placement=start][equal-tab-size] .nano-tab {\n  justify-content: flex-end;\n}\n:where(nano-tab-group, .nano-tab-group)[placement=start] .nano-tab {\n  border-block-end: none;\n  border-inline-end: var(--border);\n}\n:where(nano-tab-group, .nano-tab-group)[placement=start] .nano-tab::part(base), :where(nano-tab-group, .nano-tab-group)[placement=start] .nano-tab [part~="base"] {\n  justify-content: end;\n}\n:where(nano-tab-group, .nano-tab-group)[placement=start] .nano-tab::part(label), :where(nano-tab-group, .nano-tab-group)[placement=start] .nano-tab [part~="label"] {\n  align-items: flex-end;\n}\n:where(nano-tab-group, .nano-tab-group)[placement=start] .nano-tab:not([disabled]):hover {\n  border-color: inherit;\n}\n:where(nano-tab-group, .nano-tab-group)[placement=start] .nano-tab:not([disabled])[active] {\n  border-color: inherit;\n}\n:where(nano-tab-group, .nano-tab-group)[placement=top][size=large]::part(tabs__wrapper), :where(nano-tab-group, .nano-tab-group)[placement=top][size=large] [part~="tabs__wrapper"] {\n  --scroll-btn-size: 2rem;\n}\n:where(nano-tab-group, .nano-tab-group)[placement=top][size=large] .nano-tab {\n  font-weight: var(--nano-font-weight-normal);\n  font-size: var(--nano-font-size-l);\n  line-height: var(--nano-line-height-dense);\n  --padding: 1.5625rem;\n}\n\n@layer components {\n  :where(nano-tooltip, .nano-tooltip) [slot=content], :where(nano-tooltip, .nano-tooltip) [slot=content] * {\n    font-size: var(--nano-font-size-2xs);\n  }\n  :where(nano-tooltip, .nano-tooltip) ul[slot=content] {\n    margin-block: 0;\n    padding-inline: 0;\n    margin-inline: var(--nano-spacing-md);\n  }\n  :where(nano-tooltip, .nano-tooltip) [slot=content] li {\n    margin-block-end: 0;\n  }\n}\n@layer components {\n  :where(nano-table, .nano-table) {\n    --table-padding: var(--nano-spacing-md);\n    --table-compact-padding: var(--nano-spacing-sm) calc(var(--nano-spacing-md) - (var(--nano-spacing-md) / 3));\n    --table-border-color: var(--nano-color-neutral-200);\n    --table-border-color-header: var(--nano-color-primary-1000);\n    --table-background: var(--nano-color-base-0);\n    --table-wrapper-max-height: 80vh;\n    --table-wrapper-max-width: 100%;\n    --isLtR: 1;\n    overflow-y: clip;\n    display: block;\n    container-type: inline-size;\n  }\n  :where(nano-table, .nano-table):dir(rtl) {\n    --isLtR: -1;\n  }\n  :where(nano-table, .nano-table)[compact]:not([compact=false], [compact=auto]) {\n    --table-padding: var(--table-compact-padding);\n  }\n  @media (width <= 500px) {\n    :where(nano-table, .nano-table)[compact=auto] {\n      --table-padding: var(--table-compact-padding);\n    }\n  }\n  @container (width <= 500px) {\n    :where(nano-table, .nano-table)[compact=auto] .nano-table__overflow {\n      --table-padding: var(--table-compact-padding);\n    }\n  }\n  :where(nano-table, .nano-table):not([scrollable=false]) {\n    overflow-y: visible;\n  }\n  :where(nano-table, .nano-table):not([scrollable=false]):has([sticky=start], [sticky=end]) .nano-masked-overflow {\n    --fade-size: 0;\n  }\n  :where(nano-table, .nano-table):not([scrollable=false]):not(.nano-table--props-ready) {\n    overflow: auto;\n    scrollbar-width: thin;\n    max-inline-size: var(--table-wrapper-max-width);\n    max-block-size: var(--table-wrapper-max-height);\n  }\n  :where(nano-table, .nano-table):not([scrollable=false]) .nano-table__overflow {\n    max-inline-size: var(--table-wrapper-max-width);\n    max-block-size: var(--table-wrapper-max-height);\n    position: relative;\n  }\n  :where(nano-table, .nano-table):not([scrollable=false]) table {\n    margin-block-end: var(--nano-spacing-l);\n  }\n  :where(nano-table, .nano-table) tr[clickable] {\n    cursor: pointer;\n  }\n  :where(nano-table, .nano-table) tr[clickable]:not([sticky]) {\n    position: relative;\n  }\n  :where(nano-table, .nano-table) tr[clickable]:focus-within {\n    --table-background: var(--nano-color-primary-50);\n  }\n  :where(nano-table, .nano-table) tr[clickable]:hover {\n    --table-background: var(--nano-color-primary-75);\n  }\n  :where(nano-table, .nano-table) tr[clickable] input[type=checkbox]::after,\n  :where(nano-table, .nano-table) tr[clickable] nano-checkbox::after,\n  :where(nano-table, .nano-table) tr[clickable] a::after,\n  :where(nano-table, .nano-table) tr[clickable] button::after {\n    content: "";\n    position: absolute;\n    inset: 0;\n  }\n  :where(nano-table, .nano-table) tr[sticky] {\n    position: sticky;\n    container-type: scroll-state;\n    inset-block-start: var(--sticky-top, 0);\n  }\n  :where(nano-table, .nano-table) tfoot tr[sticky] {\n    inset-block-end: 0;\n  }\n  :where(nano-table, .nano-table) tfoot tr[sticky],\n  :where(nano-table, .nano-table) thead tr[sticky] {\n    z-index: 10;\n  }\n  :where(nano-table, .nano-table) tbody tr[sticky] {\n    z-index: 5;\n    overflow-y: clip;\n  }\n  @container scroll-state(stuck: top) {\n    :where(nano-table, .nano-table) tbody tr[sticky] td, :where(nano-table, .nano-table) tbody tr[sticky] th {\n      border-block-end: 1px solid var(--table-border-color-header);\n    }\n  }\n  @supports not (container-type: scroll-state) {\n    :where(nano-table, .nano-table) tbody tr[sticky] td, :where(nano-table, .nano-table) tbody tr[sticky] th {\n      border-block-end: 1px solid var(--table-border-color-header);\n    }\n  }\n  :where(nano-table, .nano-table) tbody tr[sticky] td[sticky],\n  :where(nano-table, .nano-table) tbody tr[sticky] th[sticky] {\n    overflow-y: clip;\n  }\n  :where(nano-table, .nano-table) tbody tr[sticky] td[sticky]::after,\n  :where(nano-table, .nano-table) tbody tr[sticky] th[sticky]::after {\n    content: "";\n    visibility: hidden;\n    inline-size: 10px;\n    inset-block-start: 0;\n    block-size: var(--section-height);\n    position: absolute;\n  }\n  @container scroll-state(stuck: left) {\n    :where(nano-table, .nano-table) tbody tr[sticky] td[sticky]::after,\n    :where(nano-table, .nano-table) tbody tr[sticky] th[sticky]::after {\n      visibility: visible;\n    }\n  }\n  @container scroll-state(stuck: right) {\n    :where(nano-table, .nano-table) tbody tr[sticky] td[sticky]::after,\n    :where(nano-table, .nano-table) tbody tr[sticky] th[sticky]::after {\n      visibility: visible;\n    }\n  }\n  :where(nano-table, .nano-table) tbody tr[sticky] [sticky=start]::after {\n    inset-inline-end: 0;\n    box-shadow: calc(4px * var(--isLtR)) -3px 4px -2px rgb(var(--nano-color-base-rgb-1000)/25%);\n  }\n  :where(nano-table, .nano-table) tbody tr[sticky] [sticky=end]::after {\n    inset-inline-start: 0;\n    box-shadow: calc(-4px * var(--isLtR)) -3px 4px -2px rgb(var(--nano-color-base-rgb-1000)/25%);\n  }\n  @container (width <= 500px) {\n    :where(nano-table, .nano-table) .nano-table__overflow td[sticky], :where(nano-table, .nano-table) .nano-table__overflow th[sticky] {\n      --sticky-start: 0px !important;\n      --sticky-end: 0px !important;\n    }\n    :where(nano-table, .nano-table) .nano-table__overflow td[sticky]:not(:first-of-type), :where(nano-table, .nano-table) .nano-table__overflow th[sticky]:not(:first-of-type) {\n      position: initial !important;\n      z-index: initial !important;\n    }\n  }\n  @media (width <= 500px) {\n    :where(nano-table, .nano-table) td[sticky], :where(nano-table, .nano-table) th[sticky] {\n      --sticky-start: 0px !important;\n      --sticky-end: 0px !important;\n    }\n    :where(nano-table, .nano-table) td[sticky]:not(:first-of-type), :where(nano-table, .nano-table) th[sticky]:not(:first-of-type) {\n      position: initial !important;\n      z-index: initial !important;\n    }\n  }\n  :where(nano-table, .nano-table) :where(thead, tbody) td[sticky], :where(nano-table, .nano-table) th[sticky] {\n    position: sticky;\n    container-type: scroll-state;\n    z-index: 2;\n  }\n  @supports not (container-type: scroll-state) {\n    :where(nano-table, .nano-table) :where(thead, tbody) td[sticky]::after, :where(nano-table, .nano-table) th[sticky]::after {\n      content: "";\n      position: absolute;\n      box-shadow: 14px 0 14px 0 var(--table-background);\n      inset-inline: auto 0;\n      block-size: calc(100% - var(--nano-spacing-md));\n      inset-block-start: calc(var(--nano-spacing-md) / 2);\n      inline-size: var(--nano-spacing-md);\n    }\n    :where(nano-table, .nano-table) :where(thead, tbody) td[sticky]:is([sticky=end])::after, :where(nano-table, .nano-table) th[sticky]:is([sticky=end])::after {\n      box-shadow: -14px 0 14px 0 var(--table-background);\n      inset-inline: 0 auto;\n    }\n  }\n  :where(nano-table, .nano-table) td[sticky=start], :where(nano-table, .nano-table) th[sticky=start] {\n    inset-inline-start: var(--sticky-start, 0);\n  }\n  :where(nano-table, .nano-table) td[sticky=end], :where(nano-table, .nano-table) th[sticky=end] {\n    inset-inline-end: var(--sticky-end, 0);\n    z-index: 3;\n  }\n  @supports (container-type: scroll-state) {\n    :where(nano-table, .nano-table) :where(thead, tbody) tr:has([sticky=start], [sticky=end]):first-of-type [sticky=start]::after, :where(nano-table, .nano-table) :where(thead, tbody) tr:has([sticky=start], [sticky=end]):first-of-type [sticky=end]::after {\n      content: "";\n      visibility: hidden;\n      inline-size: 10px;\n      inset-block-start: 0;\n      block-size: var(--section-height);\n      position: absolute;\n    }\n    @container scroll-state(stuck: left) {\n      :where(nano-table, .nano-table) :where(thead, tbody) tr:has([sticky=start], [sticky=end]):first-of-type [sticky=start]::after, :where(nano-table, .nano-table) :where(thead, tbody) tr:has([sticky=start], [sticky=end]):first-of-type [sticky=end]::after {\n        visibility: visible;\n      }\n    }\n    @container scroll-state(stuck: right) {\n      :where(nano-table, .nano-table) :where(thead, tbody) tr:has([sticky=start], [sticky=end]):first-of-type [sticky=start]::after, :where(nano-table, .nano-table) :where(thead, tbody) tr:has([sticky=start], [sticky=end]):first-of-type [sticky=end]::after {\n        visibility: visible;\n      }\n    }\n    :where(nano-table, .nano-table) :where(thead, tbody) tr:has([sticky=start], [sticky=end]):first-of-type [sticky=start]::after {\n      inset-inline-end: 0;\n      box-shadow: calc(4px * var(--isLtR)) 0 4px -2px rgb(var(--nano-color-base-rgb-1000)/25%);\n    }\n    :where(nano-table, .nano-table) :where(thead, tbody) tr:has([sticky=start], [sticky=end]):first-of-type [sticky=end]::after {\n      inset-inline-start: 0;\n      box-shadow: calc(-4px * var(--isLtR)) 0 4px -2px rgb(var(--nano-color-base-rgb-1000)/25%);\n    }\n  }\n}\n@layer components {\n  :root {\n    --nano-component-icon-chevron: url("data:image/svg+xml;charset=utf-8,<svg%20viewBox=\'0%200%2016%2016\'%20xmlns=\'http://www.w3.org/2000/svg\'><g><path%20fill=\'white\'%20d=\'M4.18457%2015.8496C4.06179%2015.7374%204.00044%2015.584%204.00044%2015.43C4.00044%2015.291%204.05065%2015.1521%204.15221%2015.0421L10.6195%208.00301L4.15207%200.959231C3.9378%200.727093%203.9512%200.364958%204.18443%200.151748C4.41655%20-0.0625328%204.77688%20-0.0480332%204.99114%200.183555L11.8477%207.61197C12.0508%207.83182%2012.0508%208.16767%2011.8477%208.38766L4.99114%2015.8161C4.77594%2016.046%204.41669%2016.0639%204.18457%2015.8496Z\'/></g></svg>");\n    --nano-component-icon-download: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns=\'http://www.w3.org/2000/svg\'%20viewBox=\'0%200%20512%20512\'><path%20fill=\'white\'%20d=\'M272%2016c0-8.8-7.2-16-16-16s-16%207.2-16%2016l0%20313.4L139.3%20228.7c-6.2-6.2-16.4-6.2-22.6%200s-6.2%2016.4%200%2022.6l128%20128c6.2%206.2%2016.4%206.2%2022.6%200l128-128c6.2-6.2%206.2-16.4%200-22.6s-16.4-6.2-22.6%200L272%20329.4%20272%2016zM140.1%20320L64%20320c-35.3%200-64%2028.7-64%2064l0%2064c0%2035.3%2028.7%2064%2064%2064l384%200c35.3%200%2064-28.7%2064-64l0-64c0-35.3-28.7-64-64-64l-76.1%200-32%2032L448%20352c17.7%200%2032%2014.3%2032%2032l0%2064c0%2017.7-14.3%2032-32%2032L64%20480c-17.7%200-32-14.3-32-32l0-64c0-17.7%2014.3-32%2032-32l108.1%200-32-32zM432%20416a24%2024%200%201%200%20-48%200%2024%2024%200%201%200%2048%200z\'/></svg>");\n    --nano-component-icon-open: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns=\'http://www.w3.org/2000/svg\'%20viewBox=\'0%200%20512%20512\'><path%20fill=\'white\'%20d=\'M336%200c-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016l121.4%200L212.7%20276.7c-6.2%206.2-6.2%2016.4%200%2022.6s16.4%206.2%2022.6%200L480%2054.6%20480%20176c0%208.8%207.2%2016%2016%2016s16-7.2%2016-16l0-160c0-8.8-7.2-16-16-16L336%200zM64%2032C28.7%2032%200%2060.7%200%2096L0%20448c0%2035.3%2028.7%2064%2064%2064l352%200c35.3%200%2064-28.7%2064-64l0-144c0-8.8-7.2-16-16-16s-16%207.2-16%2016l0%20144c0%2017.7-14.3%2032-32%2032L64%20480c-17.7%200-32-14.3-32-32L32%2096c0-17.7%2014.3-32%2032-32l144%200c8.8%200%2016-7.2%2016-16s-7.2-16-16-16L64%2032z\'/></svg>");\n    --nano-component-icon-check: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns=\'http://www.w3.org/2000/svg\'%20viewBox=\'0%200%20448%20512\'><path%20d=\'M443.3%20100.7c6.2%206.2%206.2%2016.4%200%2022.6l-272%20272c-6.2%206.2-16.4%206.2-22.6%200l-144-144c-6.2-6.2-6.2-16.4%200-22.6s16.4-6.2%2022.6%200L160%20361.4%20420.7%20100.7c6.2-6.2%2016.4-6.2%2022.6%200z\'/></svg>");\n    --nano-component-icon-caret: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns=\'http://www.w3.org/2000/svg\'%20viewBox=\'0%200%20256%20512\'><path%20d=\'M246.6%20278.6c12.5-12.5%2012.5-32.8%200-45.3l-128-128c-9.2-9.2-22.9-11.9-34.9-6.9s-19.8%2016.6-19.8%2029.6l0%20256c0%2012.9%207.8%2024.6%2019.8%2029.6s25.7%202.2%2034.9-6.9l128-128z\'/></svg>");\n  }\n  nano-intersection-observe,\n  nano-resize-observe,\n  nano-global-search-results,\n  nano-cta,\n  nano-card,\n  nano-tag,\n  nano-content-links,\n  nano-badge,\n  nano-avatar,\n  nano-icon-item,\n  nano-masked-overflow,\n  nano-table {\n    visibility: visible !important;\n  }\n  body:not(.nano-eager) nano-algolia-filter,\n  body:not(.nano-eager) nano-algolia-input,\n  body:not(.nano-eager) nano-algolia-pagination,\n  body:not(.nano-eager) nano-algolia-results,\n  body:not(.nano-eager) nano-details,\n  body:not(.nano-eager) nano-accordion,\n  body:not(.nano-eager) nano-grid-item,\n  body:not(.nano-eager) nano-menu,\n  body:not(.nano-eager) nano-range,\n  body:not(.nano-eager) nano-rating,\n  body:not(.nano-eager) nano-slide,\n  body:not(.nano-eager) nano-slides,\n  body:not(.nano-eager) nano-date-input,\n  body:not(.nano-eager) nano-global-nav,\n  body:not(.nano-eager) nano-menu-drawer,\n  body:not(.nano-eager) nano-checkbox,\n  body:not(.nano-eager) nano-checkbox-group,\n  body:not(.nano-eager) nano-grid,\n  body:not(.nano-eager) nano-option,\n  body:not(.nano-eager) nano-algolia,\n  body:not(.nano-eager) nano-date-picker,\n  body:not(.nano-eager) nano-select,\n  body:not(.nano-eager) nano-dropdown,\n  body:not(.nano-eager) nano-nav-item,\n  body:not(.nano-eager) nano-input,\n  body:not(.nano-eager) nano-icon,\n  body:not(.nano-eager) nano-tab-content,\n  body:not(.nano-eager) nano-tab,\n  body:not(.nano-eager) nano-hero,\n  body:not(.nano-eager) nano-img,\n  body:not(.nano-eager) nano-datalist,\n  body:not(.nano-eager) nano-split-pane,\n  body:not(.nano-eager) nano-file-upload,\n  body:not(.nano-eager) nano-data-table,\n  body:not(.nano-eager) nano-alert,\n  body:not(.nano-eager) nano-dialog,\n  body:not(.nano-eager) nano-drawer,\n  body:not(.nano-eager) nano-footer,\n  body:not(.nano-eager) nano-in-page-nav,\n  body:not(.nano-eager) nano-collapsible-comparison,\n  body:not(.nano-eager) nano-breadcrumb {\n    visibility: hidden;\n  }\n  body:not(.nano-eager) .hydrated {\n    visibility: inherit;\n  }\n  nano-alert:not(.hydrated):not([open]),\n  nano-dialog:not(.hydrated),\n  nano-drawer:not(.hydrated) {\n    display: none;\n  }\n  nano-alert[open]:not(.hydrated) {\n    display: block;\n    min-height: calc(var(--nano-pictogram-size-large) + var(--nano-spacing-md) * 2);\n  }\n  nano-tooltip:not(.hydrated) [slot=content] {\n    display: none;\n  }\n  nano-animation {\n    visibility: inherit !important;\n  }\n  nano-dropdown {\n    visibility: inherit !important;\n  }\n  nano-dropdown:not(.hydrated) :not([slot=trigger]) {\n    display: none;\n  }\n  nano-slides:not([ready]) {\n    opacity: 0;\n  }\n  nano-slide:not([ready]) {\n    opacity: 0;\n    block-size: 1px;\n    display: block;\n  }\n  @supports (scrollbar-gutter: stable) {\n    .nano-scroll-lock {\n      scrollbar-gutter: var(--nano-scroll-lock-gutter) !important;\n    }\n    .nano-scroll-lock body {\n      overflow: hidden !important;\n    }\n  }\n  /** This can go away once Safari has scrollbar-gutter support. */\n  @supports not (scrollbar-gutter: stable) {\n    .nano-scroll-lock body {\n      padding-inline-end: var(--nano-scroll-lock-size) !important;\n      overflow: hidden !important;\n    }\n  }\n}'),n.adoptedStyleSheets.push(a)}}var q=n=>{const a=xn(n,"childNodes");n.tagName&&n.tagName.includes("-")&&n["s-cr"]&&"SLOT-FB"!==n.tagName&&Z(a,n.tagName).forEach((n=>{1===n.nodeType&&"SLOT-FB"===n.tagName&&(n.hidden=!!J(n,G(n),!1).length)}));let o=0;for(o=0;o<a.length;o++){const n=a[o];1===n.nodeType&&xn(n,"childNodes").length&&q(n)}},H=n=>{const a=[];for(let o=0;o<n.length;o++){const e=n[o]["s-nr"]||void 0;e&&e.isConnected&&a.push(e)}return a};function Z(n,a,o){let e,t=0,r=[];for(;t<n.length;t++){if(e=n[t],e["s-sr"]&&(!a||e["s-hn"]===a)&&(void 0===o||G(e)===o)&&(r.push(e),void 0!==o))return r;r=[...r,...Z(e.childNodes,a,o)]}return r}var J=(n,a,o=!0)=>{const e=[];(o&&n["s-sr"]||!n["s-sr"])&&e.push(n);let t=n;for(;t=t.nextSibling;)G(t)!==a||!o&&t["s-sr"]||e.push(t);return e},X=(n,a)=>1===n.nodeType?null===n.getAttribute("slot")&&""===a||n.getAttribute("slot")===a:n["s-sn"]===a||""===a,Y=(n,a,o,e)=>{if(n["s-ol"]&&n["s-ol"].isConnected)return;const t=document.createTextNode("");if(t["s-nr"]=n,!a["s-cr"]||!a["s-cr"].parentNode)return;const r=a["s-cr"].parentNode,i=xn(r,o?"prepend":"appendChild");if(void 0!==e){t["s-oo"]=e;const n=xn(r,"childNodes"),a=[t];n.forEach((n=>{n["s-nr"]&&a.push(n)})),a.sort(((n,a)=>!n["s-oo"]||n["s-oo"]<(a["s-oo"]||0)?-1:!a["s-oo"]||a["s-oo"]<n["s-oo"]?1:0)),a.forEach((n=>i.call(r,n)))}else i.call(r,t);n["s-ol"]=t,n["s-sh"]=a["s-hn"]},G=n=>"string"==typeof n["s-sn"]?n["s-sn"]:1===n.nodeType&&n.getAttribute("slot")||void 0;function K(n){if(n.assignedElements||n.assignedNodes||!n["s-sr"])return;const a=a=>function(n){const o=[],e=this["s-sn"];(null==n?void 0:n.flatten)&&console.error("\n          Flattening is not supported for Stencil non-shadow slots.\n          You can use `.childNodes` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        ");const t=this["s-cr"].parentElement;return(t.__childNodes?t.childNodes:H(t.childNodes)).forEach((n=>{e===G(n)&&o.push(n)})),a?o.filter((n=>1===n.nodeType)):o}.bind(n);n.assignedElements=a(!0),n.assignedNodes=a(!1)}function Q(n){n.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1}))}function nn(n,a){var o;if(!(a=a||(null==(o=n["s-ol"])?void 0:o.parentElement)))return{slotNode:null,slotName:""};const e=n["s-sn"]=G(n)||"";return{slotNode:Z(xn(a,"childNodes"),a.tagName,e)[0],slotName:e}}var an=n=>{const a=n.cloneNode;n.cloneNode=function(n){const o=this.shadowRoot&&true,e=a.call(this,!!o&&n);if(!o&&n){let n,a,o=0;const t=["s-id","s-cr","s-lr","s-rc","s-sc","s-p","s-cn","s-sr","s-sn","s-hn","s-ol","s-nr","s-si","s-rf","s-scs"],r=this.__childNodes||this.childNodes;for(;o<r.length;o++)n=r[o]["s-nr"],a=t.every((n=>!r[o][n])),n&&(e.__appendChild?e.__appendChild(n.cloneNode(!0)):e.appendChild(n.cloneNode(!0))),a&&e.appendChild(r[o].cloneNode(!0))}return e}},on=n=>{n.__appendChild=n.appendChild,n.appendChild=function(n){const{slotName:a,slotNode:o}=nn(n,this);if(o){Y(n,o);const e=J(o,a),t=e[e.length-1],r=xn(t,"parentNode"),i=xn(r,"insertBefore")(n,t.nextSibling);return Q(o),q(this),i}return this.__appendChild(n)}},en=n=>{n.__removeChild=n.removeChild,n.removeChild=function(n){return n&&void 0!==n["s-sn"]&&Z(this.__childNodes||this.childNodes,this.tagName,n["s-sn"])&&n.isConnected?(n.remove(),void q(this)):this.__removeChild(n)}},tn=n=>{n.__prepend=n.prepend,n.prepend=function(...a){a.forEach((a=>{"string"==typeof a&&(a=this.ownerDocument.createTextNode(a));const o=(a["s-sn"]=G(a))||"",e=Z(xn(this,"childNodes"),this.tagName,o)[0];if(e){Y(a,e,!0);const n=J(e,o)[0],t=xn(n,"parentNode"),r=xn(t,"insertBefore")(a,xn(n,"nextSibling"));return Q(e),r}return 1===a.nodeType&&a.getAttribute("slot")&&(a.hidden=!0),n.__prepend(a)}))}},rn=n=>{n.__append=n.append,n.append=function(...n){n.forEach((n=>{"string"==typeof n&&(n=this.ownerDocument.createTextNode(n)),this.appendChild(n)}))}},ln=n=>{const a=n.insertAdjacentHTML;n.insertAdjacentHTML=function(n,o){if("afterbegin"!==n&&"beforeend"!==n)return a.call(this,n,o);const e=this.ownerDocument.createElement("_");let t;if(e.innerHTML=o,"afterbegin"===n)for(;t=e.firstChild;)this.prepend(t);else if("beforeend"===n)for(;t=e.firstChild;)this.append(t)}},sn=n=>{n.insertAdjacentText=function(n,a){this.insertAdjacentHTML(n,a)}},cn=n=>{n.__insertBefore||(n.__insertBefore=n.insertBefore,n.insertBefore=function(n,a){const{slotName:o,slotNode:e}=nn(n,this),t=this.__childNodes?this.childNodes:H(this.childNodes);if(e){let r=!1;if(t.forEach((t=>{if(t!==a&&null!==a);else{if(r=!0,null===a||o!==a["s-sn"])return void this.appendChild(n);if(o===a["s-sn"]){Y(n,e);const o=xn(a,"parentNode");xn(o,"insertBefore")(n,a),Q(e)}}})),r)return n}const r=null==a?void 0:a.__parentNode;return r&&!this.isSameNode(r)?this.appendChild(n):this.__insertBefore(n,a)})},dn=n=>{const a=n.insertAdjacentElement;n.insertAdjacentElement=function(n,o){return"afterbegin"!==n&&"beforeend"!==n?a.call(this,n,o):"afterbegin"===n?(this.prepend(o),o):"beforeend"===n?(this.append(o),o):o}},vn=n=>{kn("textContent",n),Object.defineProperty(n,"textContent",{get:function(){let n="";return(this.__childNodes?this.childNodes:H(this.childNodes)).forEach((a=>n+=a.textContent||"")),n},set:function(n){(this.__childNodes?this.childNodes:H(this.childNodes)).forEach((n=>{n["s-ol"]&&n["s-ol"].remove(),n.remove()})),this.insertAdjacentHTML("beforeend",n)}})},bn=n=>{class a extends Array{item(n){return this[n]}}kn("children",n),Object.defineProperty(n,"children",{get(){return this.childNodes.filter((n=>1===n.nodeType))}}),Object.defineProperty(n,"childElementCount",{get(){return this.children.length}}),kn("firstChild",n),Object.defineProperty(n,"firstChild",{get(){return this.childNodes[0]}}),kn("lastChild",n),Object.defineProperty(n,"lastChild",{get(){return this.childNodes[this.childNodes.length-1]}}),kn("childNodes",n),Object.defineProperty(n,"childNodes",{get(){const n=new a;return n.push(...H(this.__childNodes)),n}})},gn=n=>{n&&void 0===n.__nextSibling&&globalThis.Node&&(pn(n),mn(n),fn(n),n.nodeType===Node.ELEMENT_NODE&&(hn(n),un(n)))},pn=n=>{n&&!n.__nextSibling&&(kn("nextSibling",n),Object.defineProperty(n,"nextSibling",{get:function(){var n;const a=null==(n=this["s-ol"])?void 0:n.parentNode.childNodes,o=null==a?void 0:a.indexOf(this);return a&&o>-1?a[o+1]:this.__nextSibling}}))},hn=n=>{n&&!n.__nextElementSibling&&(kn("nextElementSibling",n),Object.defineProperty(n,"nextElementSibling",{get:function(){var n;const a=null==(n=this["s-ol"])?void 0:n.parentNode.children,o=null==a?void 0:a.indexOf(this);return a&&o>-1?a[o+1]:this.__nextElementSibling}}))},mn=n=>{n&&!n.__previousSibling&&(kn("previousSibling",n),Object.defineProperty(n,"previousSibling",{get:function(){var n;const a=null==(n=this["s-ol"])?void 0:n.parentNode.childNodes,o=null==a?void 0:a.indexOf(this);return a&&o>-1?a[o-1]:this.__previousSibling}}))},un=n=>{n&&!n.__previousElementSibling&&(kn("previousElementSibling",n),Object.defineProperty(n,"previousElementSibling",{get:function(){var n;const a=null==(n=this["s-ol"])?void 0:n.parentNode.children,o=null==a?void 0:a.indexOf(this);return a&&o>-1?a[o-1]:this.__previousElementSibling}}))},fn=n=>{n&&!n.__parentNode&&(kn("parentNode",n),Object.defineProperty(n,"parentNode",{get:function(){var n;return(null==(n=this["s-ol"])?void 0:n.parentNode)||this.__parentNode},set:function(n){this.__parentNode=n}}))},wn=["children","nextElementSibling","previousElementSibling"],yn=["childNodes","firstChild","lastChild","nextSibling","previousSibling","textContent","parentNode"];function kn(n,a){let o;wn.includes(n)?o=Object.getOwnPropertyDescriptor(Element.prototype,n):yn.includes(n)&&(o=Object.getOwnPropertyDescriptor(Node.prototype,n)),o||(o=Object.getOwnPropertyDescriptor(a,n)),o&&Object.defineProperty(a,"__"+n,o)}function xn(n,a){if("__"+a in n){const o=n["__"+a];return"function"!=typeof o?o:o.bind(n)}return"function"!=typeof n[a]?n[a]:n[a].bind(n)}var zn=(n,a,...o)=>{let e=null,t=null,r=null,i=!1,l=!1;const s=[],c=a=>{for(let o=0;o<a.length;o++)e=a[o],Array.isArray(e)?c(e):null!=e&&"boolean"!=typeof e&&((i="function"!=typeof n&&!B(e))&&(e+=""),i&&l?s[s.length-1].h+=e:s.push(i?$n(null,e):e),l=i)};if(c(o),a){a.key&&(t=a.key),a.name&&(r=a.name);{const n=a.className||a.class;n&&(a.class="object"!=typeof n?n:Object.keys(n).filter((a=>n[a])).join(" "))}}if("function"==typeof n)return n(null===a?{}:a,s,jn);const d=$n(n,null);return d.m=a,s.length>0&&(d.u=s),d.k=t,d.$=r,d},$n=(n,a)=>({v:0,_:n,h:a,j:null,u:null,m:null,k:null,$:null}),_n={},jn={forEach:(n,a)=>n.map(Sn).forEach(a),map:(n,a)=>n.map(Sn).map(a).map(On)},Sn=n=>({vattrs:n.m,vchildren:n.u,vkey:n.k,vname:n.$,vtag:n._,vtext:n.h}),On=n=>{if("function"==typeof n.vtag){const a={...n.vattrs};return n.vkey&&(a.key=n.vkey),n.vname&&(a.name=n.vname),zn(n.vtag,a,...n.vchildren||[])}const a=$n(n.vtag,n.vtext);return a.m=n.vattrs,a.u=n.vchildren,a.k=n.vkey,a.$=n.vname,a},Nn=(n,a,o,e,t,r,i,l=[])=>{let s,c,d,v;const b=t["s-sc"];if(1===r.nodeType){if(s=r.getAttribute(f),s&&(c=s.split("."),c[0]===i||"0"===c[0])){d=Ln({v:0,S:c[0],O:c[1],N:c[2],C:c[3],_:r.tagName.toLowerCase(),j:r,m:{class:r.className||""}}),a.push(d),r.removeAttribute(f),n.u||(n.u=[]),b&&(r["s-si"]=b,d.m.class+=" "+b);const t=d.j.getAttribute("s-sn");"string"==typeof t&&("slot-fb"===d._&&(En(t,c[2],d,r,n,a,o,e,l),b&&r.classList.add(b)),d.j["s-sn"]=t,d.j.removeAttribute("s-sn")),void 0!==d.C&&(n.u[d.C]=d),n=d,e&&"0"===d.N&&(e[d.C]=d.j)}if(r.shadowRoot)for(v=r.shadowRoot.childNodes.length-1;v>=0;v--)Nn(n,a,o,e,t,r.shadowRoot.childNodes[v],i,l);const g=r.__childNodes||r.childNodes;for(v=g.length-1;v>=0;v--)Nn(n,a,o,e,t,g[v],i,l)}else if(8===r.nodeType)c=r.nodeValue.split("."),(c[1]===i||"0"===c[1])&&(s=c[0],d=Ln({S:c[1],O:c[2],N:c[3],C:c[4]||"0",j:r,m:null,u:null,k:null,$:null,_:null,h:null}),"t"===s?(d.j=Rn(r,3),d.j&&3===d.j.nodeType&&(d.h=d.j.textContent,a.push(d),r.remove(),i===d.S&&(n.u||(n.u=[]),n.u[d.C]=d),e&&"0"===d.N&&(e[d.C]=d.j))):"c"===s?(d.j=Rn(r,8),d.j&&8===d.j.nodeType&&(a.push(d),r.remove())):d.S===i&&("s"===s?En(r["s-sn"]=c[5]||"",c[2],d,r,n,a,o,e,l):"r"===s&&(e?r.remove():(t["s-cr"]=r,r["s-cn"]=!0))));else if(n&&"style"===n._){const a=$n(null,r.textContent);a.j=r,a.C="0",n.u=[a]}else 3!==r.nodeType||r.wholeText.trim()||r.remove();return n},Cn=(n,a)=>{if(1===n.nodeType){const o=n[m]||n.getAttribute(m);o&&a.set(o,n);let e=0;if(n.shadowRoot)for(;e<n.shadowRoot.childNodes.length;e++)Cn(n.shadowRoot.childNodes[e],a);const t=n.__childNodes||n.childNodes;for(e=0;e<t.length;e++)Cn(t[e],a)}else if(8===n.nodeType){const o=n.nodeValue.split(".");"o"===o[0]&&(a.set(o[1]+"."+o[2],n),n.nodeValue="",n["s-en"]=o[3])}},Ln=n=>({v:0,S:null,O:null,N:null,C:"0",j:null,m:null,u:null,k:null,$:null,_:null,h:null,...n});function En(n,a,o,e,t,r,i,l,s){e["s-sr"]=!0,o.$=n||null,o._="slot";const c=(null==t?void 0:t.j)?t.j["s-id"]||t.j.getAttribute("s-id"):"";if(l&&k.document){const r=o.j=k.document.createElement(o._);o.$&&o.j.setAttribute("name",n),c&&c!==o.S?t.j.insertBefore(r,t.j.children[0]):e.parentNode.insertBefore(r,e),Mn(s,a,n,e,o.S),e.remove(),"0"===o.N&&(l[o.C]=o.j)}else{const r=o.j,i=c&&c!==o.S&&t.j.shadowRoot;Mn(s,a,n,e,i?c:o.S),K(e),i&&t.j.insertBefore(r,t.j.children[0])}r.push(o),i.push(o),t.u||(t.u=[]),t.u[o.C]=o}var Mn=(n,a,o,e,t)=>{let r=e.nextSibling;for(n[a]=n[a]||[];r&&((r.getAttribute&&r.getAttribute("slot")||r["s-sn"])===o||""===o&&!r["s-sn"]&&(8===r.nodeType&&1!==r.nodeValue.indexOf(".")||3===r.nodeType));)r["s-sn"]=o,n[a].push({slot:e,node:r,hostId:t}),r=r.nextSibling},Rn=(n,a)=>{let o=n;do{o=o.nextSibling}while(o&&(o.nodeType!==a||!o.nodeValue));return o},Tn=n=>{const a=(n=>n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))(n);return RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${a}))(${a}\\b)`,"g")};Tn("::slotted"),Tn(":host"),Tn(":host-context");var Bn,In,An,Pn=(n,a)=>{if("string"==typeof n&&(n.startsWith("{")&&n.endsWith("}")||n.startsWith("[")&&n.endsWith("]")))try{return JSON.parse(n)}catch(n){}return"string"==typeof n&&n.startsWith(s)?n=function(n){return"string"==typeof n&&n.startsWith(s)?A.fromLocalValue(JSON.parse(atob(n.slice(11)))):n}(n):null==n||B(n)?n:4&a?"false"!==n&&(""===n||!!n):2&a?"string"==typeof n?parseFloat(n):"number"==typeof n?n:NaN:1&a?n+"":n},Fn=n=>d(n).$hostElement$,Un=(n,a,o)=>{const e=Fn(n);return{emit:n=>Dn(e,a,{bubbles:!!(4&o),composed:!!(2&o),cancelable:!!(1&o),detail:n})}},Dn=(n,a,o)=>{const e=z.ce(a,o);return n.dispatchEvent(e),e},Wn=new WeakMap,Vn=(n,a,o)=>{let e=h.get(n);_&&o?(e=e||new CSSStyleSheet,"string"==typeof e?e=a:e.replaceSync(a)):e=a,h.set(n,e)},qn=(n,a)=>{var o;const e=Hn(a),t=h.get(e);if(!k.document)return e;if(n=11===n.nodeType?n:k.document,t)if("string"==typeof t){let r,i=Wn.get(n=n.head||n);if(i||Wn.set(n,i=new Set),!i.has(e)){if(n.host&&(r=n.querySelector(`[${u}="${e}"]`)))r.innerHTML=t;else{r=k.document.createElement("style"),r.innerHTML=t;const e=null!=(o=z.L)?o:I(k.document);if(null!=e&&r.setAttribute("nonce",e),!(1&a.v))if("HEAD"===n.nodeName){const a=n.querySelectorAll("link[rel=preconnect]"),o=a.length>0?a[a.length-1].nextSibling:n.querySelector("style");n.insertBefore(r,(null==o?void 0:o.parentNode)===n?o:null)}else if("host"in n)if(_){const a=new CSSStyleSheet;a.replaceSync(t),n.adoptedStyleSheets=[a,...n.adoptedStyleSheets]}else{const a=n.querySelector("style");a?a.innerHTML=t+a.innerHTML:n.prepend(r)}else n.append(r);1&a.v&&n.insertBefore(r,null)}4&a.v&&(r.innerHTML+=w),i&&i.add(e)}}else n.adoptedStyleSheets.includes(t)||(n.adoptedStyleSheets=[...n.adoptedStyleSheets,t]);return e},Hn=n=>"sc-"+n.M,Zn=n=>n.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),Jn=(n,a,o,e,t,r,i)=>{if(o===e)return;let l=b(n,a),s=a.toLowerCase();if("class"===a){const a=n.classList,t=Yn(o);let r=Yn(e);n["s-si"]&&i?(r.push(n["s-si"]),t.forEach((a=>{a.startsWith(n["s-si"])&&r.push(a)})),r=[...new Set(r)],a.add(...r)):(a.remove(...t.filter((n=>n&&!r.includes(n)))),a.add(...r.filter((n=>n&&!t.includes(n)))))}else if("style"===a){for(const a in o)e&&null!=e[a]||(a.includes("-")?n.style.removeProperty(a):n.style[a]="");for(const a in e)o&&e[a]===o[a]||(a.includes("-")?n.style.setProperty(a,e[a]):n.style[a]=e[a])}else if("key"===a);else if("ref"===a)e&&e(n);else if(l||"o"!==a[0]||"n"!==a[1]){const i=B(e);if(l||i&&null!==e)try{if(n.tagName.includes("-"))n[a]!==e&&(n[a]=e);else{const t=null==e?"":e;"list"===a?l=!1:null!=o&&n[a]==t||("function"==typeof n.__lookupSetter__(a)?n[a]=t:n.setAttribute(a,t))}}catch(n){}let c=!1;s!==(s=s.replace(/^xlink\:?/,""))&&(a=s,c=!0),null==e||!1===e?!1===e&&""!==n.getAttribute(a)||(c?n.removeAttributeNS(y,a):n.removeAttribute(a)):(!l||4&r||t)&&!i&&1===n.nodeType&&(e=!0===e?"":e,c?n.setAttributeNS(y,a,e):n.setAttribute(a,e))}else if(a="-"===a[2]?a.slice(3):b(k,s)?s.slice(2):s[2]+a.slice(3),o||e){const t=a.endsWith(Gn);a=a.replace(Kn,""),o&&z.rel(n,a,o,t),e&&z.ael(n,a,e,t)}},Xn=/\s/,Yn=n=>("object"==typeof n&&n&&"baseVal"in n&&(n=n.baseVal),n&&"string"==typeof n?n.split(Xn):[]),Gn="Capture",Kn=RegExp(Gn+"$"),Qn=(n,a,o,e)=>{const t=11===a.j.nodeType&&a.j.host?a.j.host:a.j,r=n&&n.m||{},i=a.m||{};for(const n of na(Object.keys(r)))n in i||Jn(t,n,r[n],void 0,o,a.v,e);for(const n of na(Object.keys(i)))Jn(t,n,r[n],i[n],o,a.v,e)};function na(n){return n.includes("ref")?[...n.filter((n=>"ref"!==n)),"ref"]:n}var aa=!1,oa=!1,ea=!1,ta=!1,ra=(n,a,o)=>{var e;const t=a.u[o];let r,i,l,s=0;if(aa||(ea=!0,"slot"===t._&&(t.v|=t.u?2:1)),null!==t.h)r=t.j=k.document.createTextNode(t.h);else if(1&t.v)r=t.j=k.document.createTextNode(""),Qn(null,t,ta);else{if(!k.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");if(r=t.j=k.document.createElement(!aa&&2&t.v?"slot-fb":t._),Qn(null,t,ta),null!=Bn&&void 0!==Bn&&r["s-si"]!==Bn&&r.classList.add(r["s-si"]=Bn),t.u)for(s=0;s<t.u.length;++s)i=ra(n,t,s),i&&r.appendChild(i)}return r["s-hn"]=An,3&t.v&&(r["s-sr"]=!0,r["s-cr"]=In,r["s-sn"]=t.$||"",r["s-rf"]=null==(e=t.m)?void 0:e.ref,K(r),l=n&&n.u&&n.u[o],l&&l._===t._&&n.j&&ia(n.j),ua(In,r,a.j,null==n?void 0:n.j)),r},ia=n=>{z.v|=1;const a=n.closest(An.toLowerCase());if(null!=a){const o=Array.from(a.__childNodes||a.childNodes).find((n=>n["s-cr"])),e=Array.from(n.__childNodes||n.childNodes);for(const n of o?e.reverse():e)null!=n["s-sh"]&&(ma(a,n,null!=o?o:null),n["s-sh"]=void 0,ea=!0)}z.v&=-2},la=(n,a)=>{z.v|=1;const o=Array.from(n.__childNodes||n.childNodes);if(n["s-sr"]){let a=n;for(;a=a.nextSibling;)a&&a["s-sn"]===n["s-sn"]&&a["s-sh"]===An&&o.push(a)}for(let n=o.length-1;n>=0;n--){const e=o[n];e["s-hn"]!==An&&e["s-ol"]&&(ma(va(e).parentNode,e,va(e)),e["s-ol"].remove(),e["s-ol"]=void 0,e["s-sh"]=void 0,ea=!0),a&&la(e,a)}z.v&=-2},sa=(n,a,o,e,t,r)=>{let i,l=n["s-cr"]&&n["s-cr"].parentNode||n;for(l.shadowRoot&&l.tagName===An&&(l=l.shadowRoot);t<=r;++t)e[t]&&(i=ra(null,o,t),i&&(e[t].j=i,ma(l,i,va(a))))},ca=(n,a,o)=>{for(let e=a;e<=o;++e){const a=n[e];if(a){const n=a.j;ha(a),n&&(oa=!0,n["s-ol"]?n["s-ol"].remove():la(n,!0),n.remove())}}},da=(n,a,o=!1)=>n._===a._&&("slot"===n._?n.$===a.$:o?(o&&!n.k&&a.k&&(n.k=a.k),!0):n.k===a.k),va=n=>n&&n["s-ol"]||n,ba=(n,a,o=!1)=>{const e=a.j=n.j,t=n.u,r=a.u,i=a.h;let l;null===i?("slot"!==a._||aa||n.$!==a.$&&(a.j["s-sn"]=a.$||"",ia(a.j.parentElement)),Qn(n,a,ta,o),null!==t&&null!==r?((n,a,o,e,t=!1)=>{let r,i,l=0,s=0,c=0,d=0,v=a.length-1,b=a[0],g=a[v],p=e.length-1,h=e[0],m=e[p];for(;l<=v&&s<=p;)if(null==b)b=a[++l];else if(null==g)g=a[--v];else if(null==h)h=e[++s];else if(null==m)m=e[--p];else if(da(b,h,t))ba(b,h,t),b=a[++l],h=e[++s];else if(da(g,m,t))ba(g,m,t),g=a[--v],m=e[--p];else if(da(b,m,t))"slot"!==b._&&"slot"!==m._||la(b.j.parentNode,!1),ba(b,m,t),ma(n,b.j,g.j.nextSibling),b=a[++l],m=e[--p];else if(da(g,h,t))"slot"!==b._&&"slot"!==m._||la(g.j.parentNode,!1),ba(g,h,t),ma(n,g.j,b.j),g=a[--v],h=e[++s];else{for(c=-1,d=l;d<=v;++d)if(a[d]&&null!==a[d].k&&a[d].k===h.k){c=d;break}c>=0?(i=a[c],i._!==h._?r=ra(a&&a[s],o,c):(ba(i,h,t),a[c]=void 0,r=i.j),h=e[++s]):(r=ra(a&&a[s],o,s),h=e[++s]),r&&ma(va(b.j).parentNode,r,va(b.j))}l>v?sa(n,null==e[p+1]?null:e[p+1].j,o,e,s,p):s>p&&ca(a,l,v)})(e,t,a,r,o):null!==r?(null!==n.h&&(e.textContent=""),sa(e,null,a,r,0,r.length-1)):!o&&null!==t&&ca(t,0,t.length-1)):(l=e["s-cr"])?l.parentNode.textContent=i:n.h!==i&&(e.data=i)},ga=[],pa=n=>{let a,o,e;const t=n.__childNodes||n.childNodes;for(const n of t){if(n["s-sr"]&&(a=n["s-cr"])&&a.parentNode){o=a.parentNode.__childNodes||a.parentNode.childNodes;const t=n["s-sn"];for(e=o.length-1;e>=0;e--)if(a=o[e],!(a["s-cn"]||a["s-nr"]||a["s-hn"]===n["s-hn"]||a["s-sh"]&&a["s-sh"]===n["s-hn"]))if(X(a,t)){let o=ga.find((n=>n.R===a));oa=!0,a["s-sn"]=a["s-sn"]||t,o?(o.R["s-sh"]=n["s-hn"],o.T=n):(a["s-sh"]=n["s-hn"],ga.push({T:n,R:a})),a["s-sr"]&&ga.map((n=>{X(n.R,a["s-sn"])&&(o=ga.find((n=>n.R===a)),o&&!n.T&&(n.T=o.T))}))}else ga.some((n=>n.R===a))||ga.push({R:a})}1===n.nodeType&&pa(n)}},ha=n=>{n.m&&n.m.ref&&n.m.ref(null),n.u&&n.u.map(ha)},ma=(n,a,o)=>{if("string"==typeof a["s-sn"]&&a["s-sr"]&&a["s-cr"])ua(a["s-cr"],a,n,a.parentElement);else if("string"==typeof a["s-sn"]){11!==n.getRootNode().nodeType&&fn(a),n.insertBefore(a,o);const{slotNode:e}=nn(a);return e&&Q(e),a}return n.__insertBefore?n.__insertBefore(a,o):null==n?void 0:n.insertBefore(a,o)};function ua(n,a,o,e){var t,r;let i;if(n&&"string"==typeof a["s-sn"]&&a["s-sr"]&&n.parentNode&&n.parentNode["s-sc"]&&(i=a["s-si"]||n.parentNode["s-sc"])){const n=a["s-sn"],l=a["s-hn"];if(null==(t=o.classList)||t.add(i+"-s"),e&&(null==(r=e.classList)?void 0:r.contains(i+"-s"))){let a=(e.__childNodes||e.childNodes)[0],o=!1;for(;a;){if(a["s-sn"]!==n&&a["s-hn"]===l&&a["s-sr"]){o=!0;break}a=a.nextSibling}o||e.classList.remove(i+"-s")}}}var fa=(n,a)=>{if(a&&!n.B&&a["s-p"]){const o=a["s-p"].push(new Promise((e=>n.B=()=>{a["s-p"].splice(o-1,1),e()})))}},wa=(n,a)=>{if(n.v|=16,!(4&n.v))return fa(n,n.I),R((()=>ya(n,a)));n.v|=512},ya=(n,a)=>{const o=n.$hostElement$,e=n.l;if(!e)throw Error(`Can't render component <${o.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let t;return a?(n.v|=256,n.A&&(n.A.map((([n,a])=>Ca(e,n,a,o))),n.A=void 0),t=Ca(e,"componentWillLoad",void 0,o)):t=Ca(e,"componentWillUpdate",void 0,o),t=ka(t,(()=>Ca(e,"componentWillRender",void 0,o))),ka(t,(()=>za(n,e,a)))},ka=(n,a)=>xa(n)?n.then(a).catch((n=>{console.error(n),a()})):a(),xa=n=>n instanceof Promise||n&&n.then&&"function"==typeof n.then,za=async(n,a,o)=>{var e;const t=n.$hostElement$,r=t["s-rc"];o&&(n=>{const a=n.t,o=n.$hostElement$,e=a.v,t=qn(o.shadowRoot?o.shadowRoot:o.getRootNode(),a);10&e&&(o["s-sc"]=t,o.classList.add(t+"-h"))})(n);_a(n,a,t,o),r&&(r.map((n=>n())),t["s-rc"]=void 0);{const a=null!=(e=t["s-p"])?e:[],o=()=>Sa(n);0===a.length?o():(Promise.all(a).then(o),n.v|=4,a.length=0)}},$a=null,_a=(n,a,o,e)=>{try{$a=a,a=a.render&&a.render(),n.v&=-17,n.v|=2,((n,a,o=!1)=>{var e,t,r,i,l;const s=n.$hostElement$,c=n.t,d=n.P||$n(null,null),v=(n=>n&&n._===_n)(a)?a:zn(null,null,a);if(An=s.tagName,c.F&&(v.m=v.m||{},c.F.map((([n,a])=>v.m[a]=s[n]))),o&&v.m)for(const n of Object.keys(v.m))s.hasAttribute(n)&&!["key","ref","style","class"].includes(n)&&(v.m[n]=s[n]);if(v._=null,v.v|=4,n.P=v,v.j=d.j=s.shadowRoot||s,Bn=s["s-sc"],aa=!(!(1&c.v)||128&c.v),In=s["s-cr"],oa=!1,ba(d,v,o),z.v|=1,ea){pa(v.j);for(const n of ga){const a=n.R;if(!a["s-ol"]&&k.document){const n=k.document.createTextNode("");n["s-nr"]=a,ma(a.parentNode,a["s-ol"]=n,a)}}for(const n of ga){const a=n.R,l=n.T;if(l){const n=l.parentNode;let o=l.nextSibling;if(o&&1===o.nodeType){let r=null==(e=a["s-ol"])?void 0:e.previousSibling;for(;r;){let e=null!=(t=r["s-nr"])?t:null;if(e&&e["s-sn"]===a["s-sn"]&&n===(e.__parentNode||e.parentNode)){for(e=e.nextSibling;e===a||(null==e?void 0:e["s-sr"]);)e=null==e?void 0:e.nextSibling;if(!e||!e["s-nr"]){o=e;break}}r=r.previousSibling}}(!o&&n!==(a.__parentNode||a.parentNode)||(a.__nextSibling||a.nextSibling)!==o)&&a!==o&&(ma(n,a,o),1===a.nodeType&&"SLOT-FB"!==a.tagName&&(a.hidden=null!=(r=a["s-ih"])&&r)),a&&"function"==typeof l["s-rf"]&&l["s-rf"](l)}else 1===a.nodeType&&(o&&(a["s-ih"]=null!=(i=a.hidden)&&i),a.hidden=!0)}}if(oa&&q(v.j),z.v&=-2,ga.length=0,2&c.v){const n=v.j.__childNodes||v.j.childNodes;for(const a of n)a["s-hn"]===An||a["s-sh"]||(o&&null==a["s-ih"]&&(a["s-ih"]=null!=(l=a.hidden)&&l),a.hidden=!0)}In=void 0})(n,a,e)}catch(a){g(a,n.$hostElement$)}return $a=null,null},ja=()=>$a,Sa=n=>{const a=n.$hostElement$,o=n.l,e=n.I;Ca(o,"componentDidRender",void 0,a),64&n.v?Ca(o,"componentDidUpdate",void 0,a):(n.v|=64,La(a),Ca(o,"componentDidLoad",void 0,a),n.U(a),e||Na()),n.D(a),n.B&&(n.B(),n.B=void 0),512&n.v&&E((()=>wa(n,!1))),n.v&=-517},Oa=n=>{{const a=d(n),o=a.$hostElement$.isConnected;return o&&2==(18&a.v)&&wa(a,!1),o}},Na=()=>{E((()=>Dn(k,"appload",{detail:{namespace:n}})))},Ca=(n,a,o,e)=>{if(n&&n[a])try{return n[a](o)}catch(n){g(n,e)}},La=n=>n.classList.add("hydrated"),Ea=(n,a,o,e)=>{const t=d(n);if(!t)throw Error(`Couldn't find host element for "${e.M}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const r=t.$hostElement$,i=t.i.get(a),l=t.v,s=t.l;if(o=Pn(o,e.o[a][0]),(!(8&l)||void 0===i)&&o!==i&&(!Number.isNaN(i)||!Number.isNaN(o))&&(t.i.set(a,o),s)){if(e.W&&128&l){const n=e.W[a];n&&n.map((n=>{try{s[n](o,i,a)}catch(n){g(n,r)}}))}if(2==(18&l)){if(s.componentShouldUpdate&&!1===s.componentShouldUpdate(o,i,a))return;wa(t,!1)}}},Ma=(n,a,o)=>{var e,t;const r=n.prototype;if(a.o||a.W||n.watchers){n.watchers&&!a.W&&(a.W=n.watchers);const i=Object.entries(null!=(e=a.o)?e:{});if(i.map((([n,[e]])=>{if(31&e||2&o&&32&e){const{get:t,set:i}=Object.getOwnPropertyDescriptor(r,n)||{};t&&(a.o[n][0]|=2048),i&&(a.o[n][0]|=4096),(1&o||!t)&&Object.defineProperty(r,n,{get(){{if(!(2048&a.o[n][0]))return((n,a)=>d(this).i.get(a))(0,n);const o=d(this),e=o?o.l:r;if(!e)return;return e[n]}},configurable:!0,enumerable:!0}),Object.defineProperty(r,n,{set(t){const r=d(this);if(i){const o=32&e?this[n]:r.$hostElement$[n];return void 0===o&&r.i.get(n)?t=r.i.get(n):!r.i.get(n)&&o&&r.i.set(n,o),i.call(this,Pn(t,e)),void Ea(this,n,t=32&e?this[n]:r.$hostElement$[n],a)}{if(!(1&o&&4096&a.o[n][0]))return Ea(this,n,t,a),void(1&o&&!r.l&&r.V.then((()=>{4096&a.o[n][0]&&r.l[n]!==r.i.get(n)&&(r.l[n]=t)})));const i=()=>{const o=r.l[n];!r.i.get(n)&&o&&r.i.set(n,o),r.l[n]=Pn(t,e),Ea(this,n,r.l[n],a)};r.l?i():r.V.then((()=>i()))}}})}else 1&o&&64&e&&Object.defineProperty(r,n,{value(...a){var o;const e=d(this);return null==(o=null==e?void 0:e.q)?void 0:o.then((()=>{var o;return null==(o=e.l)?void 0:o[n](...a)}))}})})),1&o){const o=new Map;r.attributeChangedCallback=function(n,e,t){z.jmp((()=>{var i;const l=o.get(n);if(this.hasOwnProperty(l))t=this[l],delete this[l];else{if(r.hasOwnProperty(l)&&"number"==typeof this[l]&&this[l]==t)return;if(null==l){const o=d(this),r=null==o?void 0:o.v;if(r&&!(8&r)&&128&r&&t!==e){const r=o.l,l=null==(i=a.W)?void 0:i[n];null==l||l.forEach((a=>{null!=r[a]&&r[a].call(r,t,e,n)}))}return}}const s=Object.getOwnPropertyDescriptor(r,l);(t=(null!==t||"boolean"!=typeof this[l])&&t)===this[l]||s.get&&!s.set||(this[l]=t)}))},n.observedAttributes=Array.from(new Set([...Object.keys(null!=(t=a.W)?t:{}),...i.filter((([n,a])=>15&a[0])).map((([n,e])=>{var t;const r=e[1]||n;return o.set(r,n),512&e[0]&&(null==(t=a.F)||t.push([n,r])),r}))]))}}return n},Ra=(n,a)=>{Ca(n,"connectedCallback",void 0,a)},Ta=n=>{if(!(1&z.v)){const a=d(n),o=a.t,e=()=>{};if(1&a.v)Fa(n,a,o.H),(null==a?void 0:a.l)?Ra(a.l,n):(null==a?void 0:a.V)&&a.V.then((()=>Ra(a.l,n)));else{let e;if(a.v|=1,e=n.getAttribute(m),e){if(1&o.v){const a=qn(n.shadowRoot,o);n.classList.remove(a+"-h",a+"-s")}else if(2&o.v){const a=Hn(o);n["s-sc"]=a}((n,a,o,e)=>{var t;const r=n.shadowRoot,i=[],l=[],s=[],c=r?[]:null,d=$n(a,null);let v;d.j=n,Object.entries((null==(t=e.t)?void 0:t.o)||{}).forEach((([a,[o,t]])=>{var r;if(!(31&o))return;const i=n.getAttribute(t||a);if(null!==i){const n=Pn(i,o);null==(r=null==e?void 0:e.i)||r.set(a,n)}}));{const a=e.t;a&&10&a.v&&n["s-sc"]?(v=n["s-sc"],n.classList.add(v+"-h")):n["s-sc"]&&delete n["s-sc"]}!k.document||z.Z&&z.Z.size||Cn(k.document.body,z.Z=new Map),n[m]=o,n.removeAttribute(m),e.P=Nn(d,i,l,c,n,n,o,s);let b=0;const g=i.length;let p;for(;b<g;b++){p=i[b];const o=p.S+"."+p.O,e=z.Z.get(o),t=p.j;r||(t["s-hn"]=a.toUpperCase(),"slot"===p._&&(t["s-cr"]=n["s-cr"])),"slot"===p._&&(p.$=p.j["s-sn"]||p.j.name||null,p.u?(p.v|=2,p.j.childNodes.length||p.u.forEach((n=>{p.j.appendChild(n.j)}))):p.v|=1),e&&e.isConnected&&(r&&""===e["s-en"]&&e.parentNode.insertBefore(t,e.nextSibling),e.parentNode.removeChild(e),r||(t["s-oo"]=parseInt(p.O))),z.Z.delete(o)}const h=[],u=s.length;let f,w,y,x,$=0;for(;$<u;$++)if(f=s[$],f&&f.length)for(y=f.length,w=0;w<y;w++){if(x=f[w],h[x.hostId]||(h[x.hostId]=z.Z.get(x.hostId)),!h[x.hostId])continue;const n=h[x.hostId];n.shadowRoot&&r||(x.slot["s-cr"]=n["s-cr"],x.slot["s-cr"]=!x.slot["s-cr"]&&n.shadowRoot?n:(n.__childNodes||n.childNodes)[0],Y(x.node,x.slot,!1,x.node["s-oo"]),gn(x.node)),n.shadowRoot&&x.node.parentElement!==n&&n.appendChild(x.node)}if(v&&l.length&&l.forEach((n=>{n.j.parentElement.classList.add(v+"-s")})),r&&!r.childNodes.length){let a=0;const o=c.length;if(o){for(;a<o;a++)r.appendChild(c[a]);Array.from(n.childNodes).forEach((n=>{"string"!=typeof n["s-en"]&&"string"!=typeof n["s-sn"]&&(1===n.nodeType&&n.slot&&n.hidden?n.removeAttribute("hidden"):(8===n.nodeType||3===n.nodeType&&!n.wholeText.trim())&&n.parentNode.removeChild(n))}))}}z.Z.delete(n["s-id"]),e.$hostElement$=n})(n,o.M,e,a)}e||12&o.v&&Ba(n);{let o=n;for(;o=o.parentNode||o.host;)if(1===o.nodeType&&o.hasAttribute("s-id")&&o["s-p"]||o["s-p"]){fa(a,a.I=o);break}}o.o&&Object.entries(o.o).map((([a,[o]])=>{if(31&o&&n.hasOwnProperty(a)){const o=n[a];delete n[a],n[a]=o}})),(async(n,a,o)=>{let e;if(!(32&a.v)){if(a.v|=32,o.J){const t=((n,a)=>{const o=n.M.replace(/-/g,"_"),e=n.J;if(!e)return;const t=p.get(e);return t?t[o]:import(`./${e}.entry.js`).then((n=>(p.set(e,n),n[o])),(n=>{g(n,a.$hostElement$)}))
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(o,a);if(t&&"then"in t){const n=()=>{};e=await t,n()}else e=t;if(!e)throw Error(`Constructor for "${o.M}#${a.X}" was not found`);e.isProxied||(o.W=e.watchers,Ma(e,o,2),e.isProxied=!0);const r=()=>{};a.v|=8;try{new e(a)}catch(a){g(a,n)}a.v&=-9,a.v|=128,r(),Ra(a.l,n)}else e=n.constructor,customElements.whenDefined(n.localName).then((()=>a.v|=128));if(e&&e.style){let n;"string"==typeof e.style&&(n=e.style);const a=Hn(o);if(!h.has(a)){const e=()=>{};Vn(a,n,!!(1&o.v)),e()}}}const t=a.I,r=()=>wa(a,!0);t&&t["s-rc"]?t["s-rc"].push(r):r()})(n,a,o)}e()}},Ba=n=>{if(!k.document)return;const a=n["s-cr"]=k.document.createComment("");a["s-cn"]=!0,ma(n,a,n.firstChild)},Ia=(n,a)=>{Ca(n,"disconnectedCallback",void 0,a||n)},Aa=(n,a={})=>{var o;if(!k.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const e=[],t=a.exclude||[],r=k.customElements,i=k.document.head,l=i.querySelector("meta[charset]"),s=k.document.createElement("style"),c=[];let v,b=!0;Object.assign(z,a),z.p=new URL(a.resourcesUrl||"./",k.document.baseURI).href,z.v|=2,(()=>{if(!k.document)return;const n=k.document.querySelectorAll(`[${u}]`);let a=0;for(;a<n.length;a++)Vn(n[a].getAttribute(u),Zn(n[a].innerHTML),!0)})();let g=!1;if(n.map((n=>{n[1].map((o=>{var i;const l={v:o[0],M:o[1],o:o[2],H:o[3]};4&l.v&&(g=!0),l.o=o[2],l.H=o[3],l.F=[],l.W=null!=(i=o[4])?i:{};const s=a.transformTagName?a.transformTagName(l.M):l.M,p=class extends HTMLElement{constructor(n){if(super(n),this.hasRegisteredEventListeners=!1,((n,a)=>{const o={v:0,$hostElement$:n,t:a,i:new Map};o.q=new Promise((n=>o.D=n)),o.V=new Promise((n=>o.U=n)),n["s-p"]=[],n["s-rc"]=[];const e=o;n.__stencil__getHostRef=()=>e})(n=this,l),1&l.v)if(n.shadowRoot){if("open"!==n.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${l.M}! Mode is set to ${n.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else V.call(n,l)}connectedCallback(){const n=d(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,Fa(this,n,l.H)),v&&(clearTimeout(v),v=null),b?c.push(this):z.jmp((()=>Ta(this)))}disconnectedCallback(){z.jmp((()=>(async n=>{if(!(1&z.v)){const a=d(n);a.Y&&(a.Y.map((n=>n())),a.Y=void 0),(null==a?void 0:a.l)?Ia(a.l,n):(null==a?void 0:a.V)&&a.V.then((()=>Ia(a.l,n)))}Wn.has(n)&&Wn.delete(n),n.shadowRoot&&Wn.has(n.shadowRoot)&&Wn.delete(n.shadowRoot)})(this))),z.raf((()=>{var n;const a=d(this),o=c.findIndex((n=>n===this));o>-1&&c.splice(o,1),(null==(n=null==a?void 0:a.P)?void 0:n.j)instanceof Node&&!a.P.j.isConnected&&delete a.P.j}))}componentOnReady(){return d(this).V}};2&l.v&&(n=>{an(n),on(n),rn(n),tn(n),dn(n),ln(n),sn(n),cn(n),vn(n),bn(n),en(n)})(p.prototype),l.J=n[0],t.includes(s)||r.get(s)||(e.push(s),r.define(s,Ma(p,l,1)))}))})),e.length>0&&(g&&(s.textContent+=w),s.textContent+=e.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",s.innerHTML.length)){s.setAttribute("data-styles","");const n=null!=(o=z.L)?o:I(k.document);null!=n&&s.setAttribute("nonce",n),i.insertBefore(s,l?l.nextSibling:i.firstChild)}b=!1,c.length?c.map((n=>n.connectedCallback())):z.jmp((()=>v=setTimeout(Na,30)))},Pa=(n,a)=>a,Fa=(n,a,o)=>{o&&k.document&&o.map((([o,e,t])=>{const r=Da(k.document,n,o),i=Ua(a,t),l=Wa(o);z.ael(r,e,i,l),(a.Y=a.Y||[]).push((()=>z.rel(r,e,i,l)))}))},Ua=(n,a)=>o=>{var e;try{256&n.v?null==(e=n.l)||e[a](o):(n.A=n.A||[]).push([a,o])}catch(a){g(a,n.$hostElement$)}},Da=(n,a,o)=>8&o?k:16&o?n.body:a,Wa=n=>({passive:!!(1&n),capture:!!(2&n)}),Va=n=>z.L=n;export{e as B,Pa as F,x as H,n as N,Fn as a,Aa as b,Un as c,_n as d,R as e,M as f,a as g,zn as h,g as i,ja as j,Oa as k,T as l,$ as p,v as r,Va as s,k as w}

package/dist/nano-components/index-DxKBolVo.js

@@ -0,0 +1,4 @@
+/*!
+ * Custom elements for Nanopore-Digital Web applications
+ */
+import{j as e,k as t}from"./index-CFYZ-ZOT.js";const s=e=>!("isConnected"in e)||e.isConnected,n=(()=>{let e;return(...t)=>{e&&clearTimeout(e),e=setTimeout((()=>{e=0,(e=>{for(let t of e.keys())e.set(t,e.get(t).filter(s))})(...t)}),2e3)}})(),o=e=>"function"==typeof e?e():e,r=(s,r)=>{const c=((e,t=(e,t)=>e!==t)=>{const s=o(e);let n=new Map(Object.entries(s??{}));const r={dispose:[],get:[],set:[],reset:[]},c=()=>{n=new Map(Object.entries(o(e)??{})),r.reset.forEach((e=>e()))},i=e=>(r.get.forEach((t=>t(e))),n.get(e)),p=(e,s)=>{const o=n.get(e);t(s,o,e)&&(n.set(e,s),r.set.forEach((t=>t(e,s,o))))},u="undefined"==typeof Proxy?{}:new Proxy(s,{get:(e,t)=>i(t),ownKeys:()=>Array.from(n.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(e,t)=>n.has(t),set:(e,t,s)=>(p(t,s),!0)}),a=(e,t)=>(r[e].push(t),()=>{((e,t)=>{const s=e.indexOf(t);s>=0&&(e[s]=e[e.length-1],e.length--)})(r[e],t)});return{state:u,get:i,set:p,on:a,onChange:(t,s)=>{const n=a("set",((e,n)=>{e===t&&s(n)})),r=a("reset",(()=>s(o(e)[t])));return()=>{n(),r()}},use:(...e)=>{const t=e.reduce(((e,t)=>(t.set&&e.push(a("set",t.set)),t.get&&e.push(a("get",t.get)),t.reset&&e.push(a("reset",t.reset)),t.dispose&&e.push(a("dispose",t.dispose)),e)),[]);return()=>t.forEach((e=>e()))},dispose:()=>{r.dispose.forEach((e=>e())),c()},reset:c,forceUpdate:e=>{const t=n.get(e);r.set.forEach((s=>s(e,t,t)))}}})(s,r);return c.use((()=>{if("function"!=typeof e)return{};const s=new Map;return{dispose:()=>s.clear(),get:t=>{const n=e();n&&((e,t,s)=>{const n=e.get(t);n?n.includes(s)||n.push(s):e.set(t,[s])})(s,t,n)},set:e=>{const o=s.get(e);o&&s.set(e,o.filter(t)),n(s)},reset:()=>{s.forEach((e=>e.forEach(t))),n(s)}}})()),c};export{r as c}

package/dist/nano-components/index-browser-BvSm1vXe.js

@@ -0,0 +1,4 @@
+/*!
+ * Custom elements for Nanopore-Digital Web applications
+ */
+var t="2.17.3";function n(t){return t.reduce((function(t,n){var i=t.events;return t=t.additionalParams,"index"in n?{additionalParams:t,events:i.concat([n])}:{events:i,additionalParams:n}}),{events:[],additionalParams:void 0})}var i=function(){};i.get=function(t){var n=null==(n=this.store)?void 0:n.getItem(t);if(!n)return null;try{return JSON.parse(n)}catch(t){return null}},i.set=function(t,n){var i;try{null!=(i=this.store)&&i.setItem(t,JSON.stringify(n))}catch(n){console.error("Unable to set "+t+" in localStorage, storage may be full.")}},i.remove=function(t){var n;null!=(n=this.store)&&n.removeItem(t)},i.store=function(){try{var t="__test_localStorage__";return globalThis.localStorage.setItem(t,t),globalThis.localStorage.removeItem(t),globalThis.localStorage}catch(t){}}();var r="AlgoliaObjectQueryCache";function o(){var t;return null!=(t=i.get(r))?t:{}}function e(t){i.set(r,function(t){return Object.keys(t).length>5e3?function(t){return(t=Object.entries(t).sort((function(t,n){return n[1][1]-t[1][1]}))).slice(0,t.length-1e3-1).reduce((function(t,n){var i=n[0];return n=n[1],Object.assign(Object.assign({},t),((t={})[i]=n,t))}),{})}(t):t}(t))}function u(t,n){return t+"_"+n}function s(t,n,i){var r=o();r[u(t,n)]=[i,Date.now()],e(r)}var c=function(t){return void 0===t},a=function(t){return"function"==typeof t};function h(t){return function(n){for(var i=[],r=arguments.length-1;0<r--;)i[r]=arguments[r+1];if(n&&a(t[n]))return t[n].apply(t,i);console.warn("The method `"+n+"` doesn't exist.")}}var f=["insights-js ("+t+")","insights-js-browser-esm ("+t+")"];function l(t){-1===this._ua.indexOf(t)&&this._ua.push(t)}function v(t){return a(t)&&t(this.version),this.version}function d(t,n){var i={};for(o in t)Object.prototype.hasOwnProperty.call(t,o)&&n.indexOf(o)<0&&(i[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var r=0,o=Object.getOwnPropertySymbols(t);r<o.length;r++)n.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(t,o[r])&&(i[o[r]]=t[o[r]]);return i}function p(t){return function(n,i){var r=this;if(this._userHasOptedOut)return Promise.resolve(!1);if(!(!c(this._apiKey)&&!c(this._appId)||(null==(s=null==i?void 0:i.headers)?void 0:s["X-Algolia-Application-Id"])&&(null==(s=null==i?void 0:i.headers)?void 0:s["X-Algolia-API-Key"])))throw new Error("Before calling any methods on the analytics, you first need to call the 'init' function with appId and apiKey parameters or provide custom credentials in additional parameters.");!this._userToken&&this._anonymousUserToken&&this.setAnonymousUserToken(!0);var s=(null!=i&&i.inferQueryID?function(t){return t.map((function(t){var n,i;return function(t){return!t.queryID&&"conversion"===t.eventType}(t)&&(n=[],i=null==(i=t.objectIDs)?void 0:i.map((function(i,r){var e=null==(e=t.objectData)?void 0:e[r];return null!=e&&e.queryID?e:((r=(null!=(r=function(t,n){return o()[u(t,n)]}(t.index,i))?r:[])[0])&&n.push(i),Object.assign(Object.assign({},e),{queryID:r}))})),0!==n.length)?Object.assign(Object.assign({},t),{objectData:i,objectIDsWithInferredQueryID:n}):t}))}(n):n).map((function(t){var n=t.filters,i=d(t,["filters"]);return t=Object.assign(Object.assign({},i),{userToken:null!=(i=null==t?void 0:t.userToken)?i:r._userToken,authenticatedUserToken:null!=(i=null==t?void 0:t.authenticatedUserToken)?i:r._authenticatedUserToken}),c(n)||(t.filters=n.map(encodeURIComponent)),t}));return 0===s.length?Promise.resolve(!1):(n=function(t,n,i,r,o,e,u){var s=(u=void 0===u?{}:u)["X-Algolia-Application-Id"],c=u["X-Algolia-API-Key"],a=(u=d(u,["X-Algolia-Application-Id","X-Algolia-API-Key"]),Object.assign({"X-Algolia-Application-Id":null!=s?s:o,"X-Algolia-API-Key":null!=c?c:e,"X-Algolia-Agent":encodeURIComponent(n.join("; "))},u));return t(i+"/1/events?"+Object.keys(a).map((function(t){return t+"="+a[t]})).join("&"),{events:r})}(t,this._ua,this._endpointOrigin,s,this._appId,this._apiKey,null==i?void 0:i.headers),function(t){return"function"==typeof(null==t?void 0:t.then)}(n)?n.then(function(t){return function(n){return n&&t.filter((function(t){var n=t.eventType,i=t.eventSubtype;return t=t.objectIDs,"conversion"===n&&"purchase"===i&&(null==t?void 0:t.length)})).forEach((function(t){return function(t,n){var i=o();n.forEach((function(n){delete i[u(t,n)]})),e(i)}(t.index,t.objectIDs)})),n}}(s)):n)}}function y(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(t){var n=16*Math.random()|0;return("x"===t?n:3&n|8).toString(16)}))}var b="_ALGOLIA",x=2592e6,O=function(t,n,i){var r=new Date;r.setTime(r.getTime()+i),i="expires="+r.toUTCString(),document.cookie=t+"="+n+";"+i+";path=/"},j=function(t){for(var n=t+"=",i=document.cookie.split(";"),r=0;r<i.length;r++){for(var o=i[r];" "===o.charAt(0);)o=o.substring(1);if(0===o.indexOf(n))return o.substring(n.length,o.length)}return""};function g(){var t=j(b);!this._userToken||t&&""!==t&&0===t.indexOf("anonymous-")||O(b,this._userToken,this._cookieDuration)}function m(t){(t=void 0!==t&&t)?this.setUserToken("anonymous-"+y()):function(){try{return Boolean(navigator.cookieEnabled)}catch(t){return!1}}()&&((t=j(b))&&""!==t&&0===t.indexOf("anonymous-")?this.setUserToken(t):(t=this.setUserToken("anonymous-"+y()),O(b,t,this._cookieDuration)))}function w(t){return this._userToken=t,a(this._onUserTokenChangeCallback)&&this._onUserTokenChangeCallback(this._userToken),this._userToken}function T(t,n){return a(n)&&n(null,this._userToken),this._userToken}function _(t,n){this._onUserTokenChangeCallback=t,n&&n.immediate&&a(this._onUserTokenChangeCallback)&&this._onUserTokenChangeCallback(this._userToken)}function A(t){return this._authenticatedUserToken=t,a(this._onAuthenticatedUserTokenChangeCallback)&&this._onAuthenticatedUserTokenChangeCallback(this._authenticatedUserToken),this._authenticatedUserToken}function P(t,n){return a(n)&&n(null,this._authenticatedUserToken),this._authenticatedUserToken}function I(t,n){this._onAuthenticatedUserTokenChangeCallback=t,n&&n.immediate&&a(this._onAuthenticatedUserTokenChangeCallback)&&this._onAuthenticatedUserTokenChangeCallback(this._authenticatedUserToken)}function S(t,n){return n.map((function(n){return Object.assign({eventType:t},n)}))}function k(t,n,i){return i.map((function(i){return Object.assign({eventType:t,eventSubtype:n},i)}))}function C(){for(var t=this,i=[],r=arguments.length;r--;)i[r]=arguments[r];var o=(e=n(i)).events,e=e.additionalParams;return o.forEach((function(n){var i=n.index,r=n.queryID;return n.objectIDs.forEach((function(n){return!t._userHasOptedOut&&s(i,n,r)}))})),this.sendEvents(S("click",o),e)}function D(){for(var t=[],i=arguments.length;i--;)t[i]=arguments[i];var r=(o=n(t)).events,o=o.additionalParams;return this.sendEvents(S("click",r),o)}function X(){for(var t=[],i=arguments.length;i--;)t[i]=arguments[i];var r=(o=n(t)).events,o=o.additionalParams;return this.sendEvents(S("click",r),o)}function q(){for(var t=[],i=arguments.length;i--;)t[i]=arguments[i];var r=(o=n(t)).events,o=o.additionalParams;return this.sendEvents(S("conversion",r),o)}function B(){for(var t=this,i=[],r=arguments.length;r--;)i[r]=arguments[r];var o=(e=n(i)).events,e=e.additionalParams;return o.forEach((function(n){var i=n.index,r=n.queryID,o=n.objectData;return n.objectIDs.forEach((function(n,e){e=null!=(e=null==(e=null==o?void 0:o[e])?void 0:e.queryID)?e:r,!t._userHasOptedOut&&e&&s(i,n,e)}))})),this.sendEvents(k("conversion","addToCart",o),e)}function J(){for(var t=[],i=arguments.length;i--;)t[i]=arguments[i];var r=(o=n(t)).events,o=o.additionalParams;return this.sendEvents(k("conversion","purchase",r),o)}function N(){for(var t=[],i=arguments.length;i--;)t[i]=arguments[i];var r=(o=n(t)).events,o=o.additionalParams;return this.sendEvents(S("conversion",r),o)}function U(){for(var t=this,i=[],r=arguments.length;r--;)i[r]=arguments[r];var o=(e=n(i)).events,e=e.additionalParams;return o.forEach((function(n){var i=n.index,r=n.objectData;return n.objectIDs.forEach((function(n,o){o=null==(o=null==r?void 0:r[o])?void 0:o.queryID,!t._userHasOptedOut&&o&&s(i,n,o)}))})),this.sendEvents(k("conversion","addToCart",o),e)}function E(){for(var t=[],i=arguments.length;i--;)t[i]=arguments[i];var r=(o=n(t)).events,o=o.additionalParams;return this.sendEvents(k("conversion","purchase",r),o)}function H(){for(var t=[],i=arguments.length;i--;)t[i]=arguments[i];var r=(o=n(t)).events,o=o.additionalParams;return this.sendEvents(S("conversion",r),o)}var L=["de","us"];function M(t){var n;if(!c((t=void 0===t?{}:t).region)&&-1===L.indexOf(t.region))throw new Error("optional region is incorrect, please provide either one of: "+L.join(", ")+".");if(!(c(t.cookieDuration)||function(t){return"number"==typeof t}(t.cookieDuration)&&isFinite(t.cookieDuration)&&Math.floor(t.cookieDuration)===t.cookieDuration))throw new Error("optional cookieDuration is incorrect, expected an integer.");(function(t,n,i){var r=n.partial,o=d(n,["partial"]);r||Object.assign(t,i),Object.assign(t,Object.keys(o).reduce((function(t,n){return Object.assign(Object.assign({},t),((t={})["_"+n]=o[n],t))}),{}))})(this,t,{_userHasOptedOut:Boolean(t.userHasOptedOut),_region:t.region,_host:t.host,_anonymousUserToken:null==(n=t.anonymousUserToken)||n,_useCookie:null!=(n=t.useCookie)&&n,_cookieDuration:t.cookieDuration||6*x}),this._endpointOrigin=this._host||(this._region?"https://insights."+this._region+".algolia.io":"https://insights.algolia.io"),this._ua=[].concat(f),t.authenticatedUserToken&&this.setAuthenticatedUserToken(t.authenticatedUserToken),t.userToken?this.setUserToken(t.userToken):this._userToken||this._userHasOptedOut||!this._useCookie?function(t){return void 0!==t._userToken&&function(t){return"number"!=typeof t&&0===t.indexOf("anonymous-")}(t._userToken)&&t._useCookie&&!t._userHasOptedOut}(this)&&this.saveTokenAsCookie():this.setAnonymousUserToken()}function R(){for(var t=[],i=arguments.length;i--;)t[i]=arguments[i];var r=(o=n(t)).events,o=o.additionalParams;return this.sendEvents(S("view",r),o)}function K(){for(var t=[],i=arguments.length;i--;)t[i]=arguments[i];var r=(o=n(t)).events,o=o.additionalParams;return this.sendEvents(S("view",r),o)}var F=function(n){n=n.requestFn,this._endpointOrigin="https://insights.algolia.io",this._anonymousUserToken=!0,this._userHasOptedOut=!1,this._useCookie=!1,this._cookieDuration=6*x,this._ua=[],this.version=t,this.sendEvents=p(n).bind(this),this.init=M.bind(this),this.addAlgoliaAgent=l.bind(this),this.saveTokenAsCookie=g.bind(this),this.setUserToken=w.bind(this),this.setAnonymousUserToken=m.bind(this),this.getUserToken=T.bind(this),this.onUserTokenChange=_.bind(this),this.setAuthenticatedUserToken=A.bind(this),this.getAuthenticatedUserToken=P.bind(this),this.onAuthenticatedUserTokenChange=I.bind(this),this.clickedObjectIDsAfterSearch=C.bind(this),this.clickedObjectIDs=D.bind(this),this.clickedFilters=X.bind(this),this.convertedObjectIDsAfterSearch=q.bind(this),this.purchasedObjectIDsAfterSearch=J.bind(this),this.addedToCartObjectIDsAfterSearch=B.bind(this),this.convertedObjectIDs=N.bind(this),this.addedToCartObjectIDs=U.bind(this),this.purchasedObjectIDs=E.bind(this),this.convertedFilters=H.bind(this),this.viewedObjectIDs=R.bind(this),this.viewedFilters=K.bind(this),this.getVersion=v.bind(this)};function Q(n){var i;if(n=h(new F({requestFn:n})),"object"==typeof window&&!window.AlgoliaAnalyticsObject){for(;i=y(),void 0!==window[i];);window.AlgoliaAnalyticsObject=i,window[window.AlgoliaAnalyticsObject]=n}return n.version=t,n}var G=function(t,n){return new Promise((function(i,r){var o=JSON.stringify(n),e=new XMLHttpRequest;e.addEventListener("readystatechange",(function(){4===e.readyState&&200===e.status?i(!0):4===e.readyState&&i(!1)})),e.addEventListener("error",(function(){return r()})),e.addEventListener("timeout",(function(){return i(!1)})),e.open("POST",t),e.setRequestHeader("Content-Type","application/json"),e.send(o)}))},W=function(t,n){var i=JSON.stringify(n);return i=navigator.sendBeacon(t,i),Promise.resolve(!!i||G(t,n))},z=function(t,n){return new Promise((function(i,r){fetch(t,{method:"POST",body:JSON.stringify(n),headers:{"Content-Type":"application/json"}}).then((function(t){i(200===t.status)})).catch((function(t){r(t)}))}))};function V(){if(function(){try{return Boolean(navigator.sendBeacon)}catch(t){return!1}}())return W;if(function(){try{return Boolean(XMLHttpRequest)}catch(t){return!1}}())return G;if(function(){try{return void 0!==fetch}catch(t){return!1}}())return z;throw new Error("Could not find a supported HTTP request client in this environment.")}var Y=Q(V());export{F as AlgoliaAnalytics,i as LocalStorage,Q as createInsightsClient,Y as default,h as getFunctionalInterface,V as getRequesterForBrowser}

package/dist/nano-components/index.esm.js

@@ -1,5 +1,4 @@
 /*!
- * Web Components for Nanopore digital Web Apps
+ * Custom elements for Nanopore-Digital Web applications
  */
-import{N as n}from"./index-6cc72cd9.js";import{t as o,s as e}from"./renderer-4bc3e2dc.js";export{g as getTagPrefix,t as transformTag}from"./renderer-4bc3e2dc.js";export{d as nanoDebounce,t as nanoThrottle}from"./throttle-df960210.js";export{g as nanoGetTabElements}from"./tabbable-44932eb7.js";const r=(n,o=[])=>`${n}\n    ${o.length?o.map(((n,o)=>`<button data-btn="${o}" class="button ${n.classes}" slot="footer">${n.content}</button>`)).join(""):""}`;const c=(n,o=[])=>{if(o.length){Array.from(n.querySelectorAll('button[slot="footer"]')).map((n=>{const t=o.find(((o,t)=>n.dataset.btn===t.toString()));if(t&&t.handler){n.addEventListener("click",t.handler)}}))}};async function a(n,t="tr",e,a,s=[]){const i={color:"primary",duration:3e3,closable:true,...a};e=e||"light/circle-info";const l=Object.assign(document.createElement(o("nano-alert")),{...i,open:false,innerHTML:`\n        <nano-icon name="${e}" slot="icon"></nano-icon>\n        ${r(n,s)}\n      `});c(l,s);document.body.appendChild(l);return new Promise((n=>{requestAnimationFrame((async o=>{await l.toast(t);n(l)}))}))}function s(n,t=[],e,a="light/circle-info",s={}){const i={color:"primary",duration:Infinity,closable:false,...s};a=a||"light/circle-info";const l=Object.assign(document.createElement(o("nano-alert")),{...i,open:false,innerHTML:`\n        ${a?`<nano-icon name="${a}" slot="icon"></nano-icon>`:""}\n        ${r(n,t)}\n      `});c(l,t);document.body.appendChild(l);return new Promise((n=>{setTimeout((async o=>{await l.alert(e);n(l)}),100)}))}function i(n,t=[],e){const r={noUserDismiss:false,label:"Dialog",...e};const c=Object.assign(document.createElement(o("nano-dialog")),{...r,open:false,innerHTML:`\n      ${n}\n      ${t.length?t.map(((n,o)=>`<button data-btn="${o}" class="button ${n.classes}" slot="footer">${n.content}</button>`)).join(""):""}`});if(t.length){Array.from(c.querySelectorAll('button[slot="footer"]')).map((n=>{const o=t.find(((o,t)=>n.dataset.btn===t.toString()));if(o&&o.handler){n.addEventListener("click",o.handler)}}))}document.body.appendChild(c);return c}function l(o){if(!window||!document)return;const t=e(o);const r=document.querySelector(`script[src$="/${n}.esm.js"]`);if(r){r["data-opts"]={transformTagName:t}}return t}const f=(n={})=>{if(typeof window==="undefined"){return}};export{l as componentPrefix,f as initialize,i as nanoCreateDialog,s as nanoShowAlert,a as nanoShowToast};
-//# sourceMappingURL=index.esm.js.map
+import{N as n}from"./index-CFYZ-ZOT.js";import{t as o,s as e}from"./renderer-LJzCFyMt.js";export{g as getTagPrefix}from"./renderer-LJzCFyMt.js";export{d as nanoDebounce,t as nanoThrottle}from"./throttle-C93FMm2Z.js";export{g as nanoGetTabElements}from"./tabbable-BpHwrUYt.js";const a=(n,t=[],o)=>`${n}\n    ${t.length?'<nano-cta group="balanced" slot="footer">'+t.map(((n,t)=>`<button \n                  data-btn="${t}" \n                  class="${n.classes}"\n                  theme="${n.theme||o}"\n                  secondary="${n.secondary?"true":"false"}"\n                >${n.content}</button>`)).join("")+"</nano-cta>":""}\n  `,r=(n,t=[])=>{t.length&&Array.from(n.querySelectorAll('nano-cta[slot="footer"] button')).map((n=>{const o=t.find(((t,o)=>n.dataset.btn===o.toString()));o&&o.handler&&n.addEventListener("click",o.handler)}))};async function c(n,t="tr",e,c,s=[]){const i={theme:"primary",duration:3e3,closable:!0,...c};e=e||"light/circle-info";const m=Object.assign(document.createElement(o("nano-alert")),{...i,open:!1,innerHTML:`\n        <nano-icon name="${e}" slot="icon"></nano-icon>\n        ${a(n,s,i.theme)}\n      `});return r(m,s),document.body.appendChild(m),new Promise((n=>{requestAnimationFrame((async()=>{await m.toast(t),n(m)}))}))}function s(n,t=[],e,c="light/circle-info",s={}){const i={theme:"primary",duration:1/0,closable:!1,...s};c=c||"light/circle-info";const m=Object.assign(document.createElement(o("nano-alert")),{...i,open:!1,innerHTML:`\n        ${c?`<nano-icon name="${c}" slot="icon"></nano-icon>`:""}\n        ${a(n,t,i.theme)}\n      `});return r(m,t),document.body.appendChild(m),new Promise((n=>{setTimeout((async()=>{await m.alert(e),n(m)}),100)}))}function i(n,t=[],e){const a={noUserDismiss:!1,label:"Dialog",...e},r=Object.assign(document.createElement(o("nano-dialog")),{...a,open:!1,innerHTML:`\n      ${n}\n      ${t.length?'<nano-cta group="balanced" slot="footer">'+t.map(((n,t)=>`<button \n                  data-btn="${t}" \n                  class="${n.classes}"\n                  theme="${n.theme}"\n                  secondary="${n.secondary?"true":"false"}"\n                >${n.content}</button>`)).join("")+"</nano-cta>":""}`});return t.length&&Array.from(r.querySelectorAll('nano-cta[slot="footer"] button')).map((n=>{const o=t.find(((t,o)=>n.dataset.btn===o.toString()));o&&o.handler&&n.addEventListener("click",o.handler)})),document.body.appendChild(r),new Promise((n=>{requestAnimationFrame((async()=>{await r.show(),n(r)}))}))}function m(t){if(!window||!document)return;const o=e(t),a=document.querySelector(`script[src$="/${n}.esm.js"]`);return a&&(a["data-opts"]={transformTagName:o}),o}const l=()=>{};export{m as componentPrefix,l as initialize,i as nanoCreateDialog,s as nanoShowAlert,c as nanoShowToast,o as transformTag}

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

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

package/dist/nano-components/local-logged-in-DNQyU0ot.js

@@ -0,0 +1,4 @@
+/*!
+ * Custom elements for Nanopore-Digital Web applications
+ */
+const e={uuid:123,name:"Jean-Luc Picard",first_name:"Jean-Luc",last_name:"Picard",company:"Starfleet",job_title:"Captain",small_avatar_url:"https://randomuser.me/api/portraits/men/75.jpg"},t=[{origin:"cws",domain:"nanoporetech.com"},{origin:"store",domain:"store.nanoporetech.com"},{origin:"community",domain:"community.nanoporetech.com"}],n={count:1,url:"https://store.nanoporetech.com/cart"},a={count:1,url:"https://myaccount.nanoporetech.com/message_centre"},o=[{id:55,area:"profile-panel-list",address:"https://myaccount.nanoporetech.com/message_centre",title:"Messages",order:0,target:""},{id:54,area:"profile-panel-list",address:"https://community.nanoporetech.com",title:"Community Dashboard",order:1,target:""},{id:56,area:"profile-panel-list",address:"https://community.nanoporetech.com/my-activity",title:"My Activity",order:2,target:""},{id:57,area:"profile-panel-list",address:"https://myaccount.nanoporetech.com/home",title:"My Account",order:3,target:""},{id:58,area:"profile-panel-list",address:"https://myaccount.nanoporetech.com/account/teams",title:"Team Management",order:4,target:""},{id:59,area:"profile-panel-list",address:"https://nanoporetech.com/resource-centre/publications",title:"Publications",order:5,target:""},{id:60,area:"profile-panel-list",address:"https://myaccount.nanoporetech.com/profile/status",title:"Preferences",order:6,target:""}],r={logout:"https://myaccount.nanoporetech.com/sso/logout",login:null,messages:"https://myaccount.nanoporetech.com/message_centre",cart:"https://store.nanoporetech.com/cart"},s={app_id:"N8NZI5A47F",api_key:"ZDg2MjM5YTZmNjMzZjA1YTY1YmE2YmMxY2I1NmZkODc4ZTU3Mjg3NmRiMGUyMTJmZTQ5YTNhYTZhZDU1Njc4ZGZpbHRlcnM9JTI4JTI3cmVnaW9uJTI3JTNBJTI3dXMlMjcrT1IrJTI3cmVnaW9uJTI3JTNBJTI3YW55JTI3JTI5K0FORCslMjhOT1QrJTI3dHlwZSUyNyUzQSUyN3doaXRlX3BhcGVyJTI3JTI5K0FORCslMjhOT1QrJTI3b3JpZ2luJTI3JTNBJTI3Y29tbXVuaXR5JTI3JTI5JnZhbGlkVW50aWw9MTc0OTg1MzQxNw==",indeces:[{index:"ont_prod_en_v3",name:"All",domain:"nanoporetech.com",all_group:!0,filters:["tags","type"],replicas:[{name:"Sort by: Most relevant",index:"ont_prod_en_v3"},{name:"Sort by: Newest",index:"ont_prod_en_v3_date_desc_published_time"},{name:"Sort by: Oldest",index:"ont_prod_en_v3_date_asc_published_time"},{name:"Sort by: Recent activity",index:"ont_prod_en_v3_activity_date_desc"}]},{index:"cws_english_en",name:"www",domain:"nanoporetech.com",filters:["tags","type"],replicas:[{name:"Sort by: Most relevant",index:"cws_english_en"},{name:"Sort by: Newest",index:"cws_english_en_date_desc_published_time"},{name:"Sort by: Oldest",index:"cws_english_en_date_asc_published_time"},{name:"Sort by: Recent activity",index:"cws_english_en_activity_date_desc"}]},{index:"store_prod",name:"Store",domain:"store.nanoporetech.com",filters:["type"],replicas:[{name:"Sort by: Most relevant",index:"store_prod"},{name:"Sort by: Newest",index:"store_prod_date_desc_published_time"},{name:"Sort by: Oldest",index:"store_prod_date_asc_published_time"}]},{index:"cws_english_resources_en",name:"Resources",domain:"nanoporetech.com",filters:["tags"],replicas:[{name:"Sort by: Most relevant",index:"cws_english_resources_en"},{name:"Sort by: Newest",index:"cws_english_resources_en_date_desc_published_time"},{name:"Sort by: Oldest",index:"cws_english_resources_en_date_asc_published_time"}]}]};var i={user:e,domains:t,cart:n,notifications:a,links:o,urls:r,search:s};export{n as cart,i as default,t as domains,o as links,a as notifications,s as search,r as urls,e as user}

package/dist/nano-components/local-logged-out-CD2oXHpq.js

@@ -0,0 +1,4 @@
+/*!
+ * Custom elements for Nanopore-Digital Web applications
+ */
+const e={id:null,uuid:null,name:null},t=[{origin:"cws",domain:"nanoporetech.com"},{origin:"store",domain:"store.nanoporetech.com"},{origin:"community",domain:"community.nanoporetech.com"}],n={count:0,url:"https://store.nanoporetech.com/cart"},o={count:0},a=[{id:55,area:"profile-panel-list",address:"https://myaccount.nanoporetech.com/message_centre",title:"Messages",order:0,target:""},{id:54,area:"profile-panel-list",address:"https://community.nanoporetech.com",title:"Community Dashboard",order:1,target:""},{id:56,area:"profile-panel-list",address:"https://community.nanoporetech.com/my-activity",title:"My Activity",order:2,target:""},{id:57,area:"profile-panel-list",address:"https://myaccount.nanoporetech.com/home",title:"My Account",order:3,target:""},{id:58,area:"profile-panel-list",address:"https://myaccount.nanoporetech.com/account/teams",title:"Team Management",order:4,target:""},{id:59,area:"profile-panel-list",address:"https://nanoporetech.com/resource-centre/publications",title:"Publications",order:5,target:""},{id:60,area:"profile-panel-list",address:"https://myaccount.nanoporetech.com/profile/status",title:"Preferences",order:6,target:""}],s={forgot_password:null,logout:null,login:"https://id.customers.nanoporetech.com/app/nanoporetech-customers_myaccount_1/exk2kkmfwpBAaT3WI697/sso/saml?RelayState=",messages:null,cart:"https://store.nanoporetech.com/cart"},r={app_id:"N8NZI5A47F",api_key:"ZDg2MjM5YTZmNjMzZjA1YTY1YmE2YmMxY2I1NmZkODc4ZTU3Mjg3NmRiMGUyMTJmZTQ5YTNhYTZhZDU1Njc4ZGZpbHRlcnM9JTI4JTI3cmVnaW9uJTI3JTNBJTI3dXMlMjcrT1IrJTI3cmVnaW9uJTI3JTNBJTI3YW55JTI3JTI5K0FORCslMjhOT1QrJTI3dHlwZSUyNyUzQSUyN3doaXRlX3BhcGVyJTI3JTI5K0FORCslMjhOT1QrJTI3b3JpZ2luJTI3JTNBJTI3Y29tbXVuaXR5JTI3JTI5JnZhbGlkVW50aWw9MTc0OTg1MzQxNw==",indeces:[{index:"ont_prod_en_v3",name:"All",domain:"nanoporetech.com",all_group:!0,filters:["tags","type"],replicas:[{name:"Sort by: Most relevant",index:"ont_prod_en_v3"},{name:"Sort by: Newest",index:"ont_prod_en_v3_date_desc_published_time"},{name:"Sort by: Oldest",index:"ont_prod_en_v3_date_asc_published_time"},{name:"Sort by: Recent activity",index:"ont_prod_en_v3_activity_date_desc"}]},{index:"cws_english_en",name:"www",domain:"nanoporetech.com",filters:["tags","type"],replicas:[{name:"Sort by: Most relevant",index:"cws_english_en"},{name:"Sort by: Newest",index:"cws_english_en_date_desc_published_time"},{name:"Sort by: Oldest",index:"cws_english_en_date_asc_published_time"},{name:"Sort by: Recent activity",index:"cws_english_en_activity_date_desc"}]},{index:"store_prod",name:"Store",domain:"store.nanoporetech.com",filters:["type"],replicas:[{name:"Sort by: Most relevant",index:"store_prod"},{name:"Sort by: Newest",index:"store_prod_date_desc_published_time"},{name:"Sort by: Oldest",index:"store_prod_date_asc_published_time"}]},{index:"cws_english_resources_en",name:"Resources",domain:"nanoporetech.com",filters:["tags"],replicas:[{name:"Sort by: Most relevant",index:"cws_english_resources_en"},{name:"Sort by: Newest",index:"cws_english_resources_en_date_desc_published_time"},{name:"Sort by: Oldest",index:"cws_english_resources_en_date_asc_published_time"}]}]};var i={user:e,domains:t,cart:n,notifications:o,links:a,urls:s,search:r};export{n as cart,i as default,t as domains,a as links,o as notifications,r as search,s as urls,e as user}

package/dist/nano-components/math-BEqsTfVK.js

@@ -0,0 +1,4 @@
+/*!
+ * Custom elements for Nanopore-Digital Web applications
+ */
+const t=(t,a,h)=>Math.max(t,Math.min(a,h));function a(t,a=0){let h=3735928559^a,M=1103547991^a;for(let a,e=0;e<t.length;e++)a=t.charCodeAt(e),h=Math.imul(h^a,2654435761),M=Math.imul(M^a,1597334677);return h=Math.imul(h^h>>>16,2246822507)^Math.imul(M^M>>>13,3266489909),M=Math.imul(M^M>>>16,2246822507)^Math.imul(h^h>>>13,3266489909),4294967296*(2097151&M)+(h>>>0)}export{t as a,a as c}

package/dist/nano-components/modal-B50PWCuY.js

@@ -0,0 +1,4 @@
+/*!
+ * Custom elements for Nanopore-Digital Web applications
+ */
+import{g as t}from"./tabbable-BpHwrUYt.js";let s=[];class i{element;tabDirection="forward";constructor(t){this.element=t,this.handleFocusIn=this.handleFocusIn.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this)}activate(){s.push(this.element),document.addEventListener("focusin",this.handleFocusIn),document.addEventListener("keydown",this.handleKeyDown)}deactivate(){s=s.filter((t=>t!==this.element)),document.removeEventListener("focusin",this.handleFocusIn),document.removeEventListener("keydown",this.handleKeyDown)}isActive(){return s[s.length-1]===this.element}handleFocusIn(s){const i=s.composedPath();if(this.isActive()&&!i.includes(this.element)){const s=t(this.element),i="backward"===this.tabDirection?s.length-1:0;s[i]?.focus({preventScroll:!0})}}handleKeyDown(t){"Tab"===t.key&&t.shiftKey&&(this.tabDirection="backward",setTimeout((()=>this.tabDirection="forward")))}}export{i as M}

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

@@ -1,5 +1,4 @@
 /*!
- * Web Components for Nanopore digital Web Apps
+ * Custom elements for Nanopore-Digital Web applications
  */
-import{r as o,c as e,g as s,a as n}from"./index-6cc72cd9.js";import{t,h as r}from"./renderer-4bc3e2dc.js";import{g as a}from"./dom-fafdec9a.js";import{c as i}from"./theme-d553c17a.js";const c=":host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{display:block}";const d=c;const b=class{constructor(s){o(this,s);this.nanoToggle=e(this,"nanoToggle",7)}itemOpened;get el(){return s(this)}nanoToggle;color;onToggleHandler(o){o.stopPropagation();const e=a(this.el,t("nano-details"))||this.el.querySelectorAll(t("nano-details"));e.forEach(((e,s)=>{if(e!==o.target)e.open=false;else this.itemOpened=s}));this.nanoToggle.emit()}onClosedHandler(o){o.stopPropagation();this.itemOpened=null;this.nanoToggle.emit()}render(){return r(n,{key:"60b444ced7959370455b575616c5e0cfe45ae85d",class:{...i(this.color),[`nano-color-${this.itemOpened}`]:typeof this.itemOpened==="number","nano-accordion":true}},r("slot",{key:"53cb7e62571e9bc8e88a958a4b1a62550c4d797c"}))}};b.style=d;export{b as nano_accordion};
-//# sourceMappingURL=nano-accordion.entry.js.map
+import{r as t,c as o,a as n}from"./index-CFYZ-ZOT.js";import{t as e,h as r}from"./renderer-LJzCFyMt.js";import{g as i}from"./dom-CF0Ycs9M.js";const a=class{constructor(n){t(this,n),this.nanoToggle=o(this,"nanoToggle",7)}itemOpened;get el(){return n(this)}nanoToggle;onToggleHandler(t){"NANO-DETAILS"===t.target?.tagName&&(t.stopPropagation(),(i(this.el,e("nano-details"))||this.el.querySelectorAll(e("nano-details"))).forEach(((o,n)=>{o!==t.target?o.open=!1:this.itemOpened=n})),this.nanoToggle.emit(t.target))}onClosedHandler(t){t.stopPropagation(),this.itemOpened=null,this.nanoToggle.emit()}render(){return r("slot",{key:"ec9331ce0686c1234021e58af9a456aa267e9247"})}};a.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:contents}";export{a as nano_accordion}

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

@@ -1,5 +1,4 @@
 /*!
- * Web Components for Nanopore digital Web Apps
+ * Custom elements for Nanopore-Digital Web applications
  */
-import{r as t,c as e,g as a,a as i}from"./index-6cc72cd9.js";import{M as o}from"./modal-02828a39.js";import{l as s,u as n}from"./scroll-1afc6a4e.js";import{c as r}from"./theme-d553c17a.js";import{h as l,t as c}from"./renderer-4bc3e2dc.js";import"./tabbable-44932eb7.js";import"./dom-fafdec9a.js";const h=":host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{--border-radius:var(--nano-layer-border-radius, var(--nano-border-radius-medium, 4px));--border-color:var(--nano-layer-border-color, rgba(0, 0, 0, 0.1));--border-width:var(--nano-layer-border-width, 1px);--background:var(--nano-layer-bg, #fff);--tint-color:var(--nano-color-base, var(--nano-color-primary, #007495));--icon-size:2rem;--scrim-color:var(--nano-layer-overlay-dark, rgb(74 74 74 / 50%));--close-button-color:#b5aea7;display:block}:host(.nano-color){--tint-color:var(--nano-color-base, var(--nano-color-primary, #007495))}.alert{position:relative;background-color:var(--background);border:solid var(--border-width) var(--border-color);border-block-start-width:4px;border-block-start-color:var(--tint-color);border-radius:var(--border-radius);opacity:0;transform:scale(0.9);transition:var(--nano-transition-medium, 0.5s) opacity ease, var(--nano-transition-fast, 0.3s) transform ease}.alert:focus{outline:none}.alert:not(.alert--showing){position:absolute;inline-size:1px;block-size:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;pointer-events:none;visibility:hidden}.alert--open{opacity:1;transform:none}.alert--toasty,.alert--modal{box-shadow:var(--nano-layer-shadow-large, 0 2px 8px rgba(0, 0, 0, 0.2));margin:var(--nano-spacing-medium, 16px)}.alert--modal.alert--nodismiss{animation:cannotClose 0.25s ease-in-out 1}@keyframes cannotClose{0%{transform:scale(1)}50%{transform:scale(1.08)}100%{transform:scale(1)}}.alert__content{display:flex;align-items:stretch}.alert__modal-wrap{position:fixed;display:flex;align-items:center;justify-content:center;inset:0;z-index:var(--nano-layer-index-alert, 800)}.alert__message{flex:1 1 auto;padding:var(--nano-spacing-medium, 16px);overflow:hidden;line-height:1.6}.alert__close{--color:var(--close-button-color);flex:0 0 auto;display:flex;align-items:center;font-size:1.1em;padding-inline:0 var(--nano-spacing-medium, 16px);padding-block:0}.alert__footer{padding:0 var(--nano-spacing-small, 8px) 0;display:flex;flex-direction:row;justify-content:space-around;align-items:center}.alert__footer ::slotted(*){flex:1;margin:0 var(--nano-spacing-small, 8px) var(--nano-spacing-medium, 16px) !important}.alert__overlay{position:fixed;inset:0;background-color:var(--scrim-color);opacity:0;transition:var(--nano-transition-fast, 0.3s) opacity;z-index:var(--nano-layer-index-alert, 800);-webkit-backdrop-filter:blur(var(--nano-layer-overlay-blur, 3px));backdrop-filter:blur(var(--nano-layer-overlay-blur, 3px));pointer-events:all}.alert__overlay--open{opacity:1}.alert__icon{flex:0 0 auto;display:flex;align-items:center;font-size:var(--icon-size)}.alert__icon ::slotted(*),.alert__icon::slotted(*){color:var(--tint-color);margin-inline-start:var(--nano-spacing-medium, 16px)}";const d=h;let f;let m;let u;let b;if(globalThis["document"]){f=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"});b=Object.assign(document.createElement("div"),{className:"nano-toast-stack nano-toast-stack--br"})}const p=class{constructor(a){t(this,a);this.nanoShow=e(this,"nanoShow",7);this.nanoAfterShow=e(this,"nanoAfterShow",7);this.nanoHide=e(this,"nanoHide",7);this.nanoAfterHide=e(this,"nanoAfterHide",7)}autoHideTimeout;panel;overlay;modal;originalTrigger;goingToHide=false;goingToShow=false;isModal=false;isToast=false;isShowing=false;label;noDismiss=false;get host(){return a(this)}open=false;handleOpenChange(){if(this.open)this.show();else this.hide()}closable=false;color;duration=Infinity;handleDurationChange(){this.restartAutoHide()}hoist=false;handleHoistChange(){if(!this.hoist||document.body.children[0]===this.host)return;document.body.prepend(this.host)}nanoShow;nanoAfterShow;nanoHide;nanoAfterHide;async show(){if(this.goingToShow)return;const t=this.nanoShow.emit();if(t.defaultPrevented){this.open=false;return false}this.host.hidden=false;this.goingToShow=true;this.open=true;{requestAnimationFrame((()=>{this.isShowing=true;this.goingToShow=false}))}if(this.duration<Infinity){clearTimeout(this.autoHideTimeout);this.autoHideTimeout=setTimeout((()=>this.hide()),this.duration)}}async hide(){if(this.goingToHide){return}const t=this.nanoHide.emit();if(t.defaultPrevented){this.open=true;return false}this.goingToHide=true;this.open=false;requestAnimationFrame((()=>this.goingToHide=false));clearTimeout(this.autoHideTimeout)}async toast(t="tr"){this.isToast=true;return new Promise((e=>{let a;switch(t){case"tl":a=m;break;case"bl":a=u;break;case"br":a=b;break;default:a=f;break}if(!a.parentElement){document.body.appendChild(a)}a.appendChild(this.host);this.connectedCallback();this.show();const i=()=>{this.host.remove();this.isToast=false;e();if(!a.querySelector(c("nano-alert"))){a.remove()}};this.host.addEventListener("nanoAfterHide",i,{once:true});this.host.addEventListener("nano-after-hide",i,{once:true})}))}async alert(t){this.isModal=true;this.label=t;return new Promise((t=>{if(!document.body.contains(this.host)){document.body.appendChild(this.host)}this.modal.activate();s(this.host);this.originalTrigger=document.activeElement;requestAnimationFrame((()=>{this.show()}));const e=()=>requestAnimationFrame((()=>this.panel.focus({preventScroll:true})));const a=()=>{this.modal.deactivate();this.host.remove();this.label=undefined;this.isModal=false;t();if(this.originalTrigger&&typeof this.originalTrigger.focus==="function"){setTimeout((()=>this.originalTrigger.focus()))}};this.host.addEventListener("nanoAfterShow",e,{once:true});this.host.addEventListener("nano-after-show",e,{once:true});this.host.addEventListener("nanoAfterHide",a,{once:true});this.host.addEventListener("nano-after-hide",a,{once:true})}))}handleMouseMove=()=>{this.restartAutoHide()};handleCloseClick=()=>{this.hide()};handleTransitionEnd=t=>{if(t.propertyName==="opacity"&&(t.target===this.panel||t.target===this.overlay)){this.host.hidden=!this.open;this.isShowing=this.open;if(this.open)this.nanoAfterShow.emit();else this.nanoAfterHide.emit()}};handleButtonClick=t=>{if(t.defaultPrevented)return;if(t.target.tagName&&t.target.tagName.toLowerCase()==="button")this.hide()};restartAutoHide=()=>{clearTimeout(this.autoHideTimeout);if(this.open&&this.duration<Infinity){this.autoHideTimeout=setTimeout((()=>this.hide()),this.duration)}};connectedCallback(){this.modal=new o(this.host);this.handleHoistChange();this.host.addEventListener("click",this.handleButtonClick);this.isShowing=typeof this.host.getAttribute("showing")==="string"}disconnectedCallback(){n(this.host);this.host.removeEventListener("click",this.handleButtonClick)}componentDidLoad(){if(this.open&&!this.isShowing){this.show()}}Panel=()=>l("div",{ref:t=>this.panel=t,part:"panel",class:{alert:true,"alert--open":this.open,"alert--toasty":this.isToast,"alert--modal":!!this.isModal,"alert--showing":this.isShowing,"alert--nodismiss":this.noDismiss},tabIndex:this.isModal?0:undefined,role:this.isModal?"alertdialog":"alert","aria-live":"assertive","aria-atomic":"true","aria-hidden":this.isShowing?"false":"true","aria-modal":this.isModal?"true":undefined,"aria-label":this.label?this.label:undefined,onMouseMove:this.handleMouseMove,onTransitionEnd:this.handleTransitionEnd},l("div",{class:"alert__content"},l("div",{part:"icon",class:"alert__icon"},l("slot",{name:"icon"})),l("div",{part:"message",class:"alert__message"},l("slot",null)),this.closable&&l("div",{class:"alert__close"},l("nano-icon-button",{class:"alert__close",iconName:"light/xmark",label:"close menu",onClick:this.handleCloseClick}))),l("div",{class:"alert__footer"},l("slot",{name:"footer"})));render(){return l(i,{key:"0279c18aae2396ad177089cc75566e883d90e13c",class:{...r(this.color),"nano-alert":true},showing:this.isShowing},this.isModal&&[l("div",{key:"bf3e853b342bdd95fa760ce9318c280fc7763ac6",part:"overlay",class:{alert__overlay:true,"alert__overlay--open":this.open},ref:t=>this.overlay=t}),l("div",{key:"e1834c979a55eff1022d7c768d5d1f698afcfade",class:"alert__modal-wrap",onClick:t=>{if(!t.target.classList.contains("alert__modal-wrap"))return;this.noDismiss=true;setTimeout((()=>this.noDismiss=false),250)}},l(this.Panel,{key:"d30e62e22c1ea9b97b57590d9fe926bb0623b893"}))],!this.isModal&&l(this.Panel,{key:"cd72c23c11e27ea221ca7ab3327288f34cd8a597"}))}static get watchers(){return{open:["handleOpenChange"],duration:["handleDurationChange"],hoist:["handleHoistChange"]}}};p.style=d;export{p as nano_alert};
-//# sourceMappingURL=nano-alert.entry.js.map
+import{r as n,c as t,a as o,d as a}from"./index-CFYZ-ZOT.js";import{M as e}from"./modal-B50PWCuY.js";import{l as i,u as r}from"./scroll-BRRzrkAi.js";import{h as s,t as l}from"./renderer-LJzCFyMt.js";import{b as c}from"./active-element-C1pBwzyj.js";import{H as h}from"./slot-DBzVpliZ.js";import"./tabbable-BpHwrUYt.js";import"./dom-CF0Ycs9M.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}

package/dist/nano-components/nano-algolia-filter.entry.js

@@ -1,5 +1,4 @@
 /*!
- * Web Components for Nanopore digital Web Apps
+ * Custom elements for Nanopore-Digital Web applications
  */
-import{r as t,c as e,g as i,d as s,a as h}from"./index-6cc72cd9.js";import{C as n}from"./component-store-199a9fd8.js";import{h as l}from"./renderer-4bc3e2dc.js";import{W as o}from"./algolia-data-f0f72f1d.js";import"./throttle-df960210.js";const r=":host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{display:none}:host ::slotted([slot=filter-template]){display:none !important}:host(.show-filter){display:block}";const a=r;const f=class{constructor(i){t(this,i);this.nanoFilterChanged=e(this,"nanoFilterChanged",7);this.nanoTplUpdated=e(this,"nanoTplUpdated",7)}get el(){return i(this)}templateStr;templateSlot;outputSlot;outputEle;filterId=null;tplDidRnder;tplWillRnder=new Promise((t=>{this.tplDidRnder=t}));changeEvent;internalValue=[undefined];showFilter=false;indexResults=null;filterChanged=null;facets;tplRenderFn;globalStoreMethod;filterName=null;value="";operator="or";storeId;storeMethod="session";nanoFilterChanged;nanoTplUpdated;valueSet(){const t=this.value;let e;if(typeof t==="string")e=t.length?t.split("|"):[];else e=this.value;if(this.didValueChange(e)){const t=this.setFieldValues(e);if(t&&t.length)this.internalValue=e;else{this.tplWillRnder.then((t=>{this.setFieldValues(e);this.internalValue=e}))}}}valueChanged(){this.value=this.internalValue;this.nanoFilterChanged.emit({filterId:this.filterId,facetName:this.filterName,value:this.internalValue,operator:this.operator})}appliedFilterChanged(){if(this.filterName&&this.filterChanged&&(this.filterChanged!==this.filterId||this.operator==="and")){this.updateContent()}}tplUpdate(){this.updateContent()}handleFilterChange(){if(this.indexResults&&this.indexResults.appliedFilters){const t=this.indexResults.appliedFilters.find((t=>t.name===this.filterName));if(!t)return;this.tplWillRnder.then((e=>{const i=this.setFieldValues(t.values);if(i&&i.length)this.value=i}))}this.updateContent()}handleChangeEvent(){const t=this.getFieldValues();if(this.didValueChange(t)){this.internalValue=t;return true}return false}updateContent(){const t=this.outputSlot||this.outputEle;if(!this.el)return;if(!this.templateStr)this.showFilter=true;else if(!this.filterName||!t||this.templateStr&&(!this.indexResults||!this.indexResults.origFilters[this.filterName])){this.showFilter=false}if(!t)return;if(!this.indexResults){if(this.templateStr){s((()=>{t.innerHTML=this.tplRenderFn(this.templateStr,{orig:{},dyn:{},selected:this.internalValue&&this.internalValue.length?this.internalValue:this.value});if(!this.value||!this.value.length)this.handleChangeEvent()}))}else if(!this.value||!this.value.length)this.handleChangeEvent();return}s((()=>{t.innerHTML=this.tplRenderFn(this.templateStr,{orig:{...this.indexResults.origFilters[this.filterName]},dyn:{...this.indexResults.dynFilters[this.filterName]},selected:this.internalValue&&this.internalValue.length?this.internalValue:this.value});this.tplDidRnder();this.setFieldValues();if(!this.showFilter)this.showFilter=true;this.nanoTplUpdated.emit(this.el)}))}getFieldValues(){const t=[];const e=this.outputSlot.querySelectorAll('input[type="checkbox"], input[type="radio"], select');for(let i=0;i<e.length;i++){const s=e[i];if(s.type==="select-multiple"){const e=s;for(let i=0;i<e.options.length;i++){if(!e.options[i].selected||!e.options[i].value.length)continue;t.push(e.options[i].value)}}else if(s.type!=="checkbox"&&s.type!=="radio"||s.checked&&s.value.length){t.push(s.value)}}return t}setFieldValues(t){t=t||this.internalValue;if(!t)return;const e=[];const i=this.outputSlot.querySelectorAll('input[type="checkbox"], input[type="radio"], select, nano-select, nano-checkbox');for(let s=0;s<i.length;s++){const h=i[s];if(h.disabled||h.type==="file"||h.type==="reset"||h.type==="submit"||h.type==="button")continue;if(h.type==="select-multiple"||h.type==="select-one"){const i=h;for(let s=0;s<i.options.length;s++){if(!t.includes(i.options[s].value))i.options[s].selected=false;else{e.push(i.value);i.options[s].selected=true;if(h.type==="select-one")i.value=i.options[s].value}}}else if(["checkbox","radio","tag","segment","segment-pill"].includes(h.type)){if(t.includes(h.value)){e.push(h.value);h.checked=true}else if(!t.length&&!h.value.length){h.checked=true}else h.checked=false}}return e}didValueChange(t){if(!!this.internalValue&&!t)return true;if(!this.internalValue&&!t)return false;if(this.internalValue&&t.length!==this.internalValue.length)return true;let e=false;for(let i=0;i<t.length;i++){if(!e&&(!this.internalValue||!this.internalValue.includes(t[i])))e=true}return e}connectedCallback(){this.templateSlot=this.el.querySelector('[slot="filter-template"]');this.outputSlot=this.el.querySelector('[slot="output"]');this.filterId=this.filterName+"_"+d++;if(this.templateSlot){this.templateStr=this.templateSlot.innerHTML;this.templateStr=this.templateStr.replace(/=&gt;/gm,"=>")}}componentWillLoad(){if(this.storeId)n.init(this,["value"],this.storeMethod||this.globalStoreMethod,this.storeId)}componentDidLoad(){this.updateContent();if(this.templateStr&&this.filterName&&this.indexResults&&this.indexResults.origFilters[this.filterName])this.showFilter=true}render(){return l(h,{key:"81d343828cf739b8e85cab7f56fa48ad1c3fc34e",class:{"show-filter":this.showFilter,"nano-filter":true}},l("div",{key:"909831f2c2e4605163227a188df31b3b130fd7d1",ref:t=>this.outputEle=t},l("slot",{key:"854cff616358aaee8cb6594db55a4a49d4322b74",name:"output"})))}static get watchers(){return{value:["valueSet"],internalValue:["valueChanged"],facets:["appliedFilterChanged"],tplRenderFn:["tplUpdate"],indexResults:["handleFilterChange"]}}};o(f,["globalStoreMethod","indexResults","filterChanged","facets","tplRenderFn","changeEvent"]);let d=0;f.style=a;export{f as nano_algolia_filter};
-//# sourceMappingURL=nano-algolia-filter.entry.js.map
+import{r as t,c as e,a as i,e as s,d as h}from"./index-CFYZ-ZOT.js";import{C as n}from"./component-store-DqCSKpAK.js";import{h as o}from"./renderer-LJzCFyMt.js";import{W as a}from"./algolia-data-BNDipgId.js";import"./throttle-C93FMm2Z.js";const r=class{constructor(i){t(this,i),this.nanoFilterChanged=e(this,"nanoFilterChanged",7),this.nanoTplUpdated=e(this,"nanoTplUpdated",7)}get el(){return i(this)}templateStr;templateSlot;outputSlot;outputEle;filterId=null;tplDidRnder;tplWillRnder=new Promise((t=>{this.tplDidRnder=t}));changeEvent;internalValue=[void 0];showFilter=!1;indexResults=null;filterChanged=null;facets;tplRenderFn;globalStoreMethod;filterName=null;value="";operator="or";storeId;storeMethod="session";nanoFilterChanged;nanoTplUpdated;valueSet(){const t=this.value;let e;if(e="string"==typeof t?t.length?t.split("|"):[]:this.value,this.didValueChange(e)){const t=this.setFieldValues(e);t&&t.length?this.internalValue=e:this.tplWillRnder.then((()=>{this.setFieldValues(e),this.internalValue=e}))}}valueChanged(){this.value=this.internalValue,this.nanoFilterChanged.emit({filterId:this.filterId,facetName:this.filterName,value:this.internalValue,operator:this.operator})}appliedFilterChanged(){this.filterName&&this.filterChanged&&(this.filterChanged!==this.filterId||"and"===this.operator)&&this.updateContent()}tplUpdate(){this.updateContent()}handleFilterChange(){if(this.indexResults&&this.indexResults.appliedFilters){const t=this.indexResults.appliedFilters.find((t=>t.name===this.filterName));if(!t)return;this.tplWillRnder.then((()=>{const e=this.setFieldValues(t.values);e&&e.length&&(this.value=e)}))}this.updateContent()}handleChangeEvent(){const t=this.getFieldValues();return!!this.didValueChange(t)&&(this.internalValue=t,!0)}updateContent(){const t=this.outputSlot||this.outputEle;this.el&&(this.templateStr?this.filterName&&t&&(!this.templateStr||this.indexResults&&this.indexResults.origFilters[this.filterName])||(this.showFilter=!1):this.showFilter=!0,t&&(this.indexResults?s((()=>{t.innerHTML=this.tplRenderFn(this.templateStr,{orig:{...this.indexResults.origFilters[this.filterName]},dyn:{...this.indexResults.dynFilters[this.filterName]},selected:this.internalValue&&this.internalValue.length?this.internalValue:this.value}),this.tplDidRnder(),this.setFieldValues(),this.showFilter||(this.showFilter=!0),this.nanoTplUpdated.emit(this.el)})):this.templateStr?s((()=>{t.innerHTML=this.tplRenderFn(this.templateStr,{orig:{},dyn:{},selected:this.internalValue&&this.internalValue.length?this.internalValue:this.value}),this.value&&this.value.length||this.handleChangeEvent()})):this.value&&this.value.length||this.handleChangeEvent()))}getFieldValues(){const t=[],e=this.outputSlot.querySelectorAll('input[type="checkbox"], input[type="radio"], select');for(let i=0;i<e.length;i++){const s=e[i];if("select-multiple"===s.type){const e=s;for(let i=0;i<e.options.length;i++)e.options[i].selected&&e.options[i].value.length&&t.push(e.options[i].value)}else("checkbox"!==s.type&&"radio"!==s.type||s.checked&&s.value.length)&&t.push(s.value)}return t}setFieldValues(t){if(!(t=t||this.internalValue))return;const e=[],i=this.outputSlot.querySelectorAll('input[type="checkbox"], input[type="radio"], select, nano-select, nano-checkbox');for(let s=0;s<i.length;s++){const h=i[s];if(!h.disabled&&"file"!==h.type&&"reset"!==h.type&&"submit"!==h.type&&"button"!==h.type)if("select-multiple"===h.type||"select-one"===h.type){const i=h;for(let s=0;s<i.options.length;s++)t.includes(i.options[s].value)?(e.push(i.value),i.options[s].selected=!0,"select-one"===h.type&&(i.value=i.options[s].value)):i.options[s].selected=!1}else["checkbox","radio","tag","segment","segment-pill"].includes(h.type)&&(t.includes(h.value)?(e.push(h.value),h.checked=!0):h.checked=!t.length&&!h.value.length)}return e}didValueChange(t){if(this.internalValue&&!t)return!0;if(!this.internalValue&&!t)return!1;if(this.internalValue&&t.length!==this.internalValue.length)return!0;let e=!1;for(let i=0;i<t.length;i++)e||this.internalValue&&this.internalValue.includes(t[i])||(e=!0);return e}connectedCallback(){this.templateSlot=this.el.querySelector('[slot="filter-template"]'),this.outputSlot=this.el.querySelector('[slot="output"]'),this.filterId=this.filterName+"_"+l++,this.templateSlot&&(this.templateStr=this.templateSlot.innerHTML,this.templateStr=this.templateStr.replace(/=&gt;/gm,"=>"))}componentWillLoad(){this.storeId&&n.init(this,["value"],this.storeMethod||this.globalStoreMethod,this.storeId)}componentDidLoad(){this.updateContent(),this.templateStr&&this.filterName&&this.indexResults&&this.indexResults.origFilters[this.filterName]&&(this.showFilter=!0)}render(){return o(h,{key:"c1d229a764c08c92c4f25093d98bf51e1b4f6bcf",class:{"show-filter":this.showFilter,"nano-filter":!0}},o("div",{key:"21f66d2dcd03e19aa46face1220459dce136ccd1",ref:t=>this.outputEle=t},o("slot",{key:"3ec8e00ee477c651e48e96db7888f0a751573a3e",name:"output"})))}static get watchers(){return{value:["valueSet"],internalValue:["valueChanged"],facets:["appliedFilterChanged"],tplRenderFn:["tplUpdate"],indexResults:["handleFilterChange"]}}};a(r,["globalStoreMethod","indexResults","filterChanged","facets","tplRenderFn","changeEvent"]);let l=0;r.style=":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{display:none}:host ::slotted([slot=filter-template]){display:none !important}:host(.show-filter){display:block}";export{r as nano_algolia_filter}

package/dist/nano-components/nano-algolia-pagination.entry.js

@@ -1,5 +1,4 @@
 /*!
- * Web Components for Nanopore digital Web Apps
+ * Custom elements for Nanopore-Digital Web applications
  */
-import{r as t,c as e,g as a,h as n,a as s}from"./index-6cc72cd9.js";import{W as i}from"./algolia-data-f0f72f1d.js";const o=class{constructor(a){t(this,a);this.nanoPageChanged=e(this,"nanoPageChanged",7)}get el(){return a(this)}outputEle;outputSlot;outputTo;templateStr;templateSlot;currentPage=null;canGoPrev=false;canGoNext=false;show=true;tplRenderFn;indexResults=null;infiniteScroll=false;maxToShow=null;nanoPageChanged;currentPageChange(){}infiniteScrollChange(){this.show=!this.infiniteScroll}async nextPage(){}async prevPage(){}async goToPage(t){console.info(t)}updateContent(){this.outputTo=this.outputSlot||this.outputEle;if(!this.templateStr||!this.outputTo||!this.indexResults){this.show=false;return}}componentWillLoad(){this.templateSlot=this.el.querySelector('[slot="filter-template"]');this.outputSlot=this.el.querySelector('[slot="output"]');if(this.templateSlot)this.templateStr=this.templateSlot.innerHTML}componentDidLoad(){this.updateContent()}render(){return n(s,{key:"12cc1de8e3bfe96c0368ff394eb6a2cfdf0344c8",class:{"show-pagination":this.show}},n("div",{key:"70dc4683c476084346dc69246acb2092719d0b60",ref:t=>this.outputEle=t},n("slot",{key:"04f51858db37f6a25cae5fead48c5016a4159944",name:"output"})))}static get watchers(){return{currentPage:["currentPageChange"],infiniteScroll:["infiniteScrollChange"]}}};i(o,["indexResults","filterChanged","tplRenderFn"]);export{o as nano_algolia_pagination};
-//# sourceMappingURL=nano-algolia-pagination.entry.js.map
+import{r as t,c as e,a as n,h as a,d as i}from"./index-CFYZ-ZOT.js";import{W as s}from"./algolia-data-BNDipgId.js";const o=class{constructor(n){t(this,n),this.nanoPageChanged=e(this,"nanoPageChanged",7)}get el(){return n(this)}outputEle;outputSlot;outputTo;templateStr;templateSlot;currentPage=null;canGoPrev=!1;canGoNext=!1;show=!0;tplRenderFn;indexResults=null;infiniteScroll=!1;maxToShow=null;nanoPageChanged;currentPageChange(){}infiniteScrollChange(){this.show=!this.infiniteScroll}async nextPage(){}async prevPage(){}async goToPage(t){console.info(t)}updateContent(){this.outputTo=this.outputSlot||this.outputEle,this.templateStr&&this.outputTo&&this.indexResults||(this.show=!1)}componentWillLoad(){this.templateSlot=this.el.querySelector('[slot="filter-template"]'),this.outputSlot=this.el.querySelector('[slot="output"]'),this.templateSlot&&(this.templateStr=this.templateSlot.innerHTML)}componentDidLoad(){this.updateContent()}render(){return a(i,{key:"488332e371953208f90e754ebdceff321795177c",class:{"show-pagination":this.show}},a("div",{key:"9f24519df07b4f022297a5e6f1ace601efc71e2b",ref:t=>this.outputEle=t},a("slot",{key:"363d87eb251ba2db6e6c3346e32f5dcb8b8d3a0c",name:"output"})))}static get watchers(){return{currentPage:["currentPageChange"],infiniteScroll:["infiniteScrollChange"]}}};s(o,["indexResults","filterChanged","tplRenderFn"]);export{o as nano_algolia_pagination}