@nordhealth/components 4.12.5 → 4.12.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +5684 -5684
- package/lib/DatePicker.js +1 -1
- package/lib/Dropdown.js +1 -1
- package/lib/IconManager.js +1 -1
- package/lib/{Popout-k_ddK22Q.js → Popout-pKfh0-Zv.js} +2 -2
- package/lib/{Popout-k_ddK22Q.js.map → Popout-pKfh0-Zv.js.map} +1 -1
- package/lib/Popout.js +1 -1
- package/lib/Tooltip.js +1 -1
- package/lib/bundle.js +2 -2
- package/lib/bundle.js.map +1 -1
- package/lib/index.js +1 -1
- package/lib/{positioning-DDh0UNgJ.js → positioning-D-K8Mueq.js} +2 -2
- package/lib/positioning-D-K8Mueq.js.map +1 -0
- package/package.json +9 -9
- package/lib/positioning-DDh0UNgJ.js.map +0 -1
package/lib/bundle.js
CHANGED
|
@@ -61,7 +61,7 @@ const ut=t=>(e,n)=>{void 0!==n?n.addInitializer((()=>{customElements.define(t,e)
|
|
|
61
61
|
* @license
|
|
62
62
|
* Copyright 2017 Google LLC
|
|
63
63
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
64
|
-
*/Ot.directiveName="unsafeHTML",Ot.resultType=1;const It=Tt(Ot);function Bt(t,e=t,n=V){return t?e:n}const Mt=a`:host{--_n-icon-size:var(--n-icon-size, var(--n-size-icon-m));display:inline-block;block-size:var(--_n-icon-size);inline-size:var(--_n-icon-size);min-inline-size:var(--_n-icon-size)}:host([size=xxs]){--_n-icon-size:var(--n-size-icon-xxs)}:host([size=xs]){--_n-icon-size:var(--n-size-icon-xs)}:host([size='s']){--_n-icon-size:var(--n-size-icon-s)}:host([size='l']){--_n-icon-size:var(--n-size-icon-l)}:host([size=xl]){--_n-icon-size:var(--n-size-icon-xl)}:host([size=xxl]){--_n-icon-size:var(--n-size-icon-xxl)}.n-icon{display:block}svg{display:block}`,Nt=t=>fetch(`https://nordcdn.net/ds/icons/3.15.0/assets/${t}.svg`).then((e=>{if(!e.ok)throw new TypeError(`NORD: unknown icon: '${t}'`);return e.text()}));var Lt;let Pt=Lt=class extends ht{constructor(){super(...arguments),this.name="",this.svg=""}static registerResolver(t){this.manager.resolver=t}static registerIcon(t,e){return this.manager.registerIcon(t,e)}render(){return H`<div role="${Bt(this.label,"img")}" style="${Bt(this.color,`color:${this.color}`)}" aria-label="${Et(this.label)}"><slot aria-hidden="true"></slot><div aria-hidden="true">${It(this.svg)}</div></div>`}handleNameChange(){this.name?Lt.manager.resolve(this.name,(t=>{this.svg=t})):this.svg=""}};Pt.styles=[_t,Mt],Pt.manager=new class{constructor(){this.cache=new Map,this.resolver=Nt}resolve(t,e){let n=this.cache.get(t);"string"!=typeof n?(n||(n=this.resolver(t).catch((()=>"")).then((e=>(this.cache.set(t,e),e))),this.cache.set(t,n)),n.then(e)):e(n)}registerIcon(t,e){let n,o;if("string"==typeof t?(n=t,o=e):(n=t.title,o=t.default),!n)throw new Error("name is required when registering an icon");if(!o)throw new Error("icon must not be empty");this.cache.set(n,o)}clear(){this.cache.clear()}},t([bt({reflect:!0})],Pt.prototype,"name",void 0),t([bt({reflect:!0})],Pt.prototype,"size",void 0),t([bt({reflect:!0})],Pt.prototype,"color",void 0),t([bt({reflect:!0})],Pt.prototype,"label",void 0),t([mt()],Pt.prototype,"svg",void 0),t([wt("name")],Pt.prototype,"handleNameChange",null),Pt=Lt=t([ut("nord-icon")],Pt);var Ft=Pt;const{transition:Ut}=kt({initial:{"src-set":"loading"},loading:{load:"loaded",error:"initial","src-clear":"initial"},loaded:{"src-set":"loading","src-clear":"initial"}});let qt=class extends ht{constructor(){super(...arguments),this.state="initial",this.size="m",this.name="",this.variant="default"}render(){return H`<div class="n-avatar">${"initial"!==this.state?this.renderImage():V} ${"loaded"!==this.state?this.renderFallback():V}</div>`}handleSrcChange(){const t=this.src?"src-set":"src-clear";this.state=Ut(this.state,t)}renderImage(){return this.src?H`<slot hidden></slot><img class="n-${this.state}" src="${this.src}" @load="${this.handleLoad}" @error="${this.handleError}" alt="${this.name||""}">`:V}renderFallback(){return H`<nord-visually-hidden>${this.name}</nord-visually-hidden><div class="n-avatar-inner" aria-hidden="true"><slot></slot></div>${this.icon?H`<nord-icon name="${this.icon}"></nord-icon>`:H`<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 27"><rect fill="var(--_n-avatar-color)" height="27" rx="12" width="27" x="0" y="0"></rect><g fill="#fff" opacity=".7"><circle cx="13.5" cy="30" r="13"></circle><circle cx="13.5" cy="11" r="5"></circle></g></svg>`}`}handleLoad(){this.state=Ut(this.state,"load")}handleError(){this.state=Ut(this.state,"error")}};qt.styles=[_t,zt],t([mt()],qt.prototype,"state",void 0),t([bt({reflect:!0})],qt.prototype,"size",void 0),t([bt({reflect:!0})],qt.prototype,"src",void 0),t([bt({reflect:!0})],qt.prototype,"name",void 0),t([bt({reflect:!0})],qt.prototype,"icon",void 0),t([bt({reflect:!0})],qt.prototype,"variant",void 0),t([wt("src")],qt.prototype,"handleSrcChange",null),qt=t([ut("nord-avatar")],qt);var jt=qt;const Ht=a`:host{--_n-badge-background-color:var(--n-color-text-neutral);--_n-badge-chip-color:var(--n-color-status-neutral-weak);--_n-badge-border-color:var(--n-color-border-neutral);display:inline;vertical-align:middle;line-height:var(--n-line-height-tight)}.n-badge{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;border-radius:var(--n-border-radius-pill);border:1px solid var(--_n-badge-border-color);background:var(--_n-badge-chip-color);font-size:var(--n-font-size-s);font-family:var(--n-font-family);font-weight:var(--n-font-weight);font-feature-settings:var(--n-font-features);line-height:var(--n-line-height);letter-spacing:0;padding-inline-start:var(--n-space-s);padding-inline-end:var(--n-space-s);color:var(--_n-badge-background-color);gap:var(--n-space-xs);align-items:center;display:inline-flex;white-space:nowrap;position:relative}:host(:is([variant=success],[type=success])){--_n-badge-chip-color:var(--n-color-status-success-weak);--_n-badge-border-color:var(--n-color-border-success);--_n-badge-background-color:var(--n-color-text-success)}:host(:is([variant=warning],[type=warning])){--_n-badge-chip-color:var(--n-color-status-warning-weak);--_n-badge-border-color:var(--n-color-border-warning);--_n-badge-background-color:var(--n-color-text-warning)}:host(:is([variant=highlight],[type=highlight])){--_n-badge-chip-color:var(--n-color-status-highlight-weak);--_n-badge-border-color:var(--n-color-border-highlight);--_n-badge-background-color:var(--n-color-text-highlight)}:host(:is([variant=info],[type=info],[type=progress])){--_n-badge-chip-color:var(--n-color-status-info-weak);--_n-badge-border-color:var(--n-color-border-info);--_n-badge-background-color:var(--n-color-text-info)}:host(:is([variant=danger],[type=danger])){--_n-badge-chip-color:var(--n-color-status-danger-weak);--_n-badge-border-color:var(--n-color-border-danger);--_n-badge-background-color:var(--n-color-text-danger)}:host([strong]){--_n-badge-chip-color:var(--n-color-status-neutral);--_n-badge-border-color:var(--n-color-border-neutral);--_n-badge-background-color:var(--n-color-text-neutral-strong)}:host(:is([variant=success],[type=success])[strong]){--_n-badge-chip-color:var(--n-color-status-success);--_n-badge-border-color:var(--n-color-status-success);--_n-badge-background-color:var(--n-color-text-on-accent)}:host(:is([variant=warning],[type=warning])[strong]){--_n-badge-chip-color:var(--n-color-status-warning);--_n-badge-border-color:var(--n-color-status-warning);--_n-badge-background-color:var(--n-color-text-warning-strong)}:host(:is([variant=highlight],[type=highlight])[strong]){--_n-badge-chip-color:var(--n-color-status-highlight);--_n-badge-border-color:var(--n-color-status-highlight);--_n-badge-background-color:var(--n-color-text-on-accent)}:host(:is([variant=info],[type=info],[type=progress])[strong]){--_n-badge-chip-color:var(--n-color-status-info);--_n-badge-border-color:var(--n-color-status-info);--_n-badge-background-color:var(--n-color-text-on-accent)}:host(:is([variant=danger],[type=danger])[strong]){--_n-badge-chip-color:var(--n-color-status-danger);--_n-badge-border-color:var(--n-color-status-danger);--_n-badge-background-color:var(--n-color-text-on-accent)}::slotted(nord-icon:not([size])){--_n-icon-size:var(--n-size-icon-xxs);transform:translateY(-.5px)}`;let Wt=class extends ht{constructor(){super(...arguments),this.strong=!1}render(){return H`<span class="n-badge"><slot name="icon"></slot><slot></slot></span>`}};Wt.styles=[_t,Ht],t([bt({reflect:!0})],Wt.prototype,"type",void 0),t([bt({reflect:!0})],Wt.prototype,"variant",void 0),t([bt({reflect:!0,type:Boolean})],Wt.prototype,"strong",void 0),Wt=t([ut("nord-badge")],Wt);var Yt=Wt;const Vt="interface-checked-circle";var Gt=Object.freeze({__proto__:null,default:'<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="m13.3 6.38 1.49 1.33-5.32 5.95c-.18.21-.44.33-.72.33 0 0-.02 0-.03 0-.26 0-.52-.1-.71-.29l-2.86-2.86 1.41-1.41 2.12 2.12 4.61-5.17zm6.7 3.62c0 5.51-4.49 10-10 10s-10-4.49-10-10 4.49-10 10-10 10 4.49 10 10zm-2 0c0-4.41-3.59-8-8-8s-8 3.59-8 8 3.59 8 8 8 8-3.59 8-8z" fill="currentColor"/></svg>',tags:"nordicon interface circle round checked checkmark ready done success",title:Vt});const Xt="interface-help";var Kt=Object.freeze({__proto__:null,default:'<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="m11.15 15c0 .64-.51 1.15-1.15 1.15s-1.15-.51-1.15-1.15.51-1.15 1.15-1.15 1.15.51 1.15 1.15zm8.85-5c0 5.51-4.49 10-10 10s-10-4.49-10-10 4.49-10 10-10 10 4.49 10 10zm-2 0c0-4.41-3.59-8-8-8s-8 3.59-8 8 3.59 8 8 8 8-3.59 8-8zm-8-5.5c-1.93 0-3.5 1.57-3.5 3.5h2c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5-.67 1.5-1.5 1.5c-.55 0-1 .45-1 1v1.5h2v-.65c1.44-.43 2.5-1.77 2.5-3.35 0-1.93-1.57-3.5-3.5-3.5z" fill="currentColor"/></svg>',tags:"nordicon interface help speech bubble support circle round question mark",title:Xt});const Qt="interface-info";var Zt=Object.freeze({__proto__:null,default:'<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="m8.7 6c0-.72.58-1.3 1.3-1.3s1.3.58 1.3 1.3-.58 1.3-1.3 1.3-1.3-.58-1.3-1.3zm-8.7 4c0-5.51 4.49-10 10-10s10 4.49 10 10-4.49 10-10 10-10-4.49-10-10zm2 0c0 4.41 3.59 8 8 8s8-3.59 8-8-3.59-8-8-8-8 3.59-8 8zm7 5h2v-6h-2z" fill="currentColor"/></svg>',tags:"nordicon interface info circle round alert notice information",title:Qt});const Jt="interface-warning";var te=Object.freeze({__proto__:null,default:'<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="m11.1502 13c0 .64-.51 1.15-1.15 1.15-.63998 0-1.14998-.51-1.14998-1.15s.51-1.15 1.14998-1.15c.64 0 1.15.51 1.15 1.15zm-2.14998-2h1.99998v-5h-1.99998zm10.51998 6.01c-.36.62-1.01.99-1.73.99h-15.58998c-.72 0-1.360004-.37-1.730004-.99-.36-.62-.37-1.36-.02-1.99l7.800004-13.95c.36-.629997 1.03-1.0199969 1.74998-1.0199969.72 0 1.39.3899999 1.75 1.0199969l7.8 13.95c.35.63.34 1.37-.02 1.99zm-1.72-1.01-7.8-13.95-7.79998 13.95z" fill="currentColor"/></svg>',tags:"nordicon interface warning exclamation mark triangle shape alert error",title:Jt});const ee=a`:host{--_n-banner-box-shadow:var(--n-banner-box-shadow, none);--_n-banner-border-radius:var(--n-banner-border-radius, var(--n-border-radius));--_n-banner-color:var(--n-color-text-info);--_n-banner-background:var(--n-color-status-info-weak);--_n-banner-border-color:var(--n-color-border-info)}.n-banner{background:var(--_n-banner-background);border:1px solid var(--_n-banner-border-color);border-radius:var(--_n-banner-border-radius);box-shadow:var(--_n-banner-box-shadow);padding:calc(var(--n-space-m)/ 1.25) var(--n-space-m);margin:0;inline-size:100%}.n-banner-content{inline-size:calc(100% - calc(var(--n-space-m) * 2));color:var(--_n-banner-color)}nord-icon{transform:translateY(2px) translateX(2px);color:var(--_n-banner-color)}::slotted(a){color:var(--_n-banner-color)!important;text-decoration:underline!important}::slotted(p){color:var(--_n-banner-color)!important;margin:0!important}:host([variant=success]){--_n-banner-color:var(--n-color-text-success);--_n-banner-background:var(--n-color-status-success-weak);--_n-banner-border-color:var(--n-color-border-success)}:host([variant=danger]){--_n-banner-color:var(--n-color-text-danger);--_n-banner-background:var(--n-color-status-danger-weak);--_n-banner-border-color:var(--n-color-border-danger)}:host([variant=warning]){--_n-banner-color:var(--n-color-text-warning);--_n-banner-background:var(--n-color-status-warning-weak);--_n-banner-border-color:var(--n-color-border-warning)}`;Ft.registerIcon(Kt),Ft.registerIcon(te),Ft.registerIcon(Zt),Ft.registerIcon(Gt);const ne={warning:Xt,danger:Jt,info:Qt,success:Vt};let oe=class extends ht{constructor(){super(...arguments),this.variant="info"}render(){const t=ne[this.variant]||ne.info;return H`<div class="n-banner" role="alert"><nord-stack align-items="start" direction="horizontal"><nord-icon name="${t}" size="m"></nord-icon><div class="n-banner-content"><slot></slot></div></nord-stack></div>`}};oe.styles=[_t,ee],t([bt({reflect:!0})],oe.prototype,"variant",void 0),oe=t([ut("nord-banner")],oe);var re=oe;
|
|
64
|
+
*/Ot.directiveName="unsafeHTML",Ot.resultType=1;const It=Tt(Ot);function Bt(t,e=t,n=V){return t?e:n}const Mt=a`:host{--_n-icon-size:var(--n-icon-size, var(--n-size-icon-m));display:inline-block;block-size:var(--_n-icon-size);inline-size:var(--_n-icon-size);min-inline-size:var(--_n-icon-size)}:host([size=xxs]){--_n-icon-size:var(--n-size-icon-xxs)}:host([size=xs]){--_n-icon-size:var(--n-size-icon-xs)}:host([size='s']){--_n-icon-size:var(--n-size-icon-s)}:host([size='l']){--_n-icon-size:var(--n-size-icon-l)}:host([size=xl]){--_n-icon-size:var(--n-size-icon-xl)}:host([size=xxl]){--_n-icon-size:var(--n-size-icon-xxl)}.n-icon{display:block}svg{display:block}`,Nt=t=>fetch(`https://nordcdn.net/ds/icons/3.15.1/assets/${t}.svg`).then((e=>{if(!e.ok)throw new TypeError(`NORD: unknown icon: '${t}'`);return e.text()}));var Lt;let Pt=Lt=class extends ht{constructor(){super(...arguments),this.name="",this.svg=""}static registerResolver(t){this.manager.resolver=t}static registerIcon(t,e){return this.manager.registerIcon(t,e)}render(){return H`<div role="${Bt(this.label,"img")}" style="${Bt(this.color,`color:${this.color}`)}" aria-label="${Et(this.label)}"><slot aria-hidden="true"></slot><div aria-hidden="true">${It(this.svg)}</div></div>`}handleNameChange(){this.name?Lt.manager.resolve(this.name,(t=>{this.svg=t})):this.svg=""}};Pt.styles=[_t,Mt],Pt.manager=new class{constructor(){this.cache=new Map,this.resolver=Nt}resolve(t,e){let n=this.cache.get(t);"string"!=typeof n?(n||(n=this.resolver(t).catch((()=>"")).then((e=>(this.cache.set(t,e),e))),this.cache.set(t,n)),n.then(e)):e(n)}registerIcon(t,e){let n,o;if("string"==typeof t?(n=t,o=e):(n=t.title,o=t.default),!n)throw new Error("name is required when registering an icon");if(!o)throw new Error("icon must not be empty");this.cache.set(n,o)}clear(){this.cache.clear()}},t([bt({reflect:!0})],Pt.prototype,"name",void 0),t([bt({reflect:!0})],Pt.prototype,"size",void 0),t([bt({reflect:!0})],Pt.prototype,"color",void 0),t([bt({reflect:!0})],Pt.prototype,"label",void 0),t([mt()],Pt.prototype,"svg",void 0),t([wt("name")],Pt.prototype,"handleNameChange",null),Pt=Lt=t([ut("nord-icon")],Pt);var Ft=Pt;const{transition:Ut}=kt({initial:{"src-set":"loading"},loading:{load:"loaded",error:"initial","src-clear":"initial"},loaded:{"src-set":"loading","src-clear":"initial"}});let qt=class extends ht{constructor(){super(...arguments),this.state="initial",this.size="m",this.name="",this.variant="default"}render(){return H`<div class="n-avatar">${"initial"!==this.state?this.renderImage():V} ${"loaded"!==this.state?this.renderFallback():V}</div>`}handleSrcChange(){const t=this.src?"src-set":"src-clear";this.state=Ut(this.state,t)}renderImage(){return this.src?H`<slot hidden></slot><img class="n-${this.state}" src="${this.src}" @load="${this.handleLoad}" @error="${this.handleError}" alt="${this.name||""}">`:V}renderFallback(){return H`<nord-visually-hidden>${this.name}</nord-visually-hidden><div class="n-avatar-inner" aria-hidden="true"><slot></slot></div>${this.icon?H`<nord-icon name="${this.icon}"></nord-icon>`:H`<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 27"><rect fill="var(--_n-avatar-color)" height="27" rx="12" width="27" x="0" y="0"></rect><g fill="#fff" opacity=".7"><circle cx="13.5" cy="30" r="13"></circle><circle cx="13.5" cy="11" r="5"></circle></g></svg>`}`}handleLoad(){this.state=Ut(this.state,"load")}handleError(){this.state=Ut(this.state,"error")}};qt.styles=[_t,zt],t([mt()],qt.prototype,"state",void 0),t([bt({reflect:!0})],qt.prototype,"size",void 0),t([bt({reflect:!0})],qt.prototype,"src",void 0),t([bt({reflect:!0})],qt.prototype,"name",void 0),t([bt({reflect:!0})],qt.prototype,"icon",void 0),t([bt({reflect:!0})],qt.prototype,"variant",void 0),t([wt("src")],qt.prototype,"handleSrcChange",null),qt=t([ut("nord-avatar")],qt);var jt=qt;const Ht=a`:host{--_n-badge-background-color:var(--n-color-text-neutral);--_n-badge-chip-color:var(--n-color-status-neutral-weak);--_n-badge-border-color:var(--n-color-border-neutral);display:inline;vertical-align:middle;line-height:var(--n-line-height-tight)}.n-badge{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;border-radius:var(--n-border-radius-pill);border:1px solid var(--_n-badge-border-color);background:var(--_n-badge-chip-color);font-size:var(--n-font-size-s);font-family:var(--n-font-family);font-weight:var(--n-font-weight);font-feature-settings:var(--n-font-features);line-height:var(--n-line-height);letter-spacing:0;padding-inline-start:var(--n-space-s);padding-inline-end:var(--n-space-s);color:var(--_n-badge-background-color);gap:var(--n-space-xs);align-items:center;display:inline-flex;white-space:nowrap;position:relative}:host(:is([variant=success],[type=success])){--_n-badge-chip-color:var(--n-color-status-success-weak);--_n-badge-border-color:var(--n-color-border-success);--_n-badge-background-color:var(--n-color-text-success)}:host(:is([variant=warning],[type=warning])){--_n-badge-chip-color:var(--n-color-status-warning-weak);--_n-badge-border-color:var(--n-color-border-warning);--_n-badge-background-color:var(--n-color-text-warning)}:host(:is([variant=highlight],[type=highlight])){--_n-badge-chip-color:var(--n-color-status-highlight-weak);--_n-badge-border-color:var(--n-color-border-highlight);--_n-badge-background-color:var(--n-color-text-highlight)}:host(:is([variant=info],[type=info],[type=progress])){--_n-badge-chip-color:var(--n-color-status-info-weak);--_n-badge-border-color:var(--n-color-border-info);--_n-badge-background-color:var(--n-color-text-info)}:host(:is([variant=danger],[type=danger])){--_n-badge-chip-color:var(--n-color-status-danger-weak);--_n-badge-border-color:var(--n-color-border-danger);--_n-badge-background-color:var(--n-color-text-danger)}:host([strong]){--_n-badge-chip-color:var(--n-color-status-neutral);--_n-badge-border-color:var(--n-color-border-neutral);--_n-badge-background-color:var(--n-color-text-neutral-strong)}:host(:is([variant=success],[type=success])[strong]){--_n-badge-chip-color:var(--n-color-status-success);--_n-badge-border-color:var(--n-color-status-success);--_n-badge-background-color:var(--n-color-text-on-accent)}:host(:is([variant=warning],[type=warning])[strong]){--_n-badge-chip-color:var(--n-color-status-warning);--_n-badge-border-color:var(--n-color-status-warning);--_n-badge-background-color:var(--n-color-text-warning-strong)}:host(:is([variant=highlight],[type=highlight])[strong]){--_n-badge-chip-color:var(--n-color-status-highlight);--_n-badge-border-color:var(--n-color-status-highlight);--_n-badge-background-color:var(--n-color-text-on-accent)}:host(:is([variant=info],[type=info],[type=progress])[strong]){--_n-badge-chip-color:var(--n-color-status-info);--_n-badge-border-color:var(--n-color-status-info);--_n-badge-background-color:var(--n-color-text-on-accent)}:host(:is([variant=danger],[type=danger])[strong]){--_n-badge-chip-color:var(--n-color-status-danger);--_n-badge-border-color:var(--n-color-status-danger);--_n-badge-background-color:var(--n-color-text-on-accent)}::slotted(nord-icon:not([size])){--_n-icon-size:var(--n-size-icon-xxs);transform:translateY(-.5px)}`;let Wt=class extends ht{constructor(){super(...arguments),this.strong=!1}render(){return H`<span class="n-badge"><slot name="icon"></slot><slot></slot></span>`}};Wt.styles=[_t,Ht],t([bt({reflect:!0})],Wt.prototype,"type",void 0),t([bt({reflect:!0})],Wt.prototype,"variant",void 0),t([bt({reflect:!0,type:Boolean})],Wt.prototype,"strong",void 0),Wt=t([ut("nord-badge")],Wt);var Yt=Wt;const Vt="interface-checked-circle";var Gt=Object.freeze({__proto__:null,default:'<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="m13.3 6.38 1.49 1.33-5.32 5.95c-.18.21-.44.33-.72.33 0 0-.02 0-.03 0-.26 0-.52-.1-.71-.29l-2.86-2.86 1.41-1.41 2.12 2.12 4.61-5.17zm6.7 3.62c0 5.51-4.49 10-10 10s-10-4.49-10-10 4.49-10 10-10 10 4.49 10 10zm-2 0c0-4.41-3.59-8-8-8s-8 3.59-8 8 3.59 8 8 8 8-3.59 8-8z" fill="currentColor"/></svg>',tags:"nordicon interface circle round checked checkmark ready done success",title:Vt});const Xt="interface-help";var Kt=Object.freeze({__proto__:null,default:'<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="m11.15 15c0 .64-.51 1.15-1.15 1.15s-1.15-.51-1.15-1.15.51-1.15 1.15-1.15 1.15.51 1.15 1.15zm8.85-5c0 5.51-4.49 10-10 10s-10-4.49-10-10 4.49-10 10-10 10 4.49 10 10zm-2 0c0-4.41-3.59-8-8-8s-8 3.59-8 8 3.59 8 8 8 8-3.59 8-8zm-8-5.5c-1.93 0-3.5 1.57-3.5 3.5h2c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5-.67 1.5-1.5 1.5c-.55 0-1 .45-1 1v1.5h2v-.65c1.44-.43 2.5-1.77 2.5-3.35 0-1.93-1.57-3.5-3.5-3.5z" fill="currentColor"/></svg>',tags:"nordicon interface help speech bubble support circle round question mark",title:Xt});const Qt="interface-info";var Zt=Object.freeze({__proto__:null,default:'<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="m8.7 6c0-.72.58-1.3 1.3-1.3s1.3.58 1.3 1.3-.58 1.3-1.3 1.3-1.3-.58-1.3-1.3zm-8.7 4c0-5.51 4.49-10 10-10s10 4.49 10 10-4.49 10-10 10-10-4.49-10-10zm2 0c0 4.41 3.59 8 8 8s8-3.59 8-8-3.59-8-8-8-8 3.59-8 8zm7 5h2v-6h-2z" fill="currentColor"/></svg>',tags:"nordicon interface info circle round alert notice information",title:Qt});const Jt="interface-warning";var te=Object.freeze({__proto__:null,default:'<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="m11.1502 13c0 .64-.51 1.15-1.15 1.15-.63998 0-1.14998-.51-1.14998-1.15s.51-1.15 1.14998-1.15c.64 0 1.15.51 1.15 1.15zm-2.14998-2h1.99998v-5h-1.99998zm10.51998 6.01c-.36.62-1.01.99-1.73.99h-15.58998c-.72 0-1.360004-.37-1.730004-.99-.36-.62-.37-1.36-.02-1.99l7.800004-13.95c.36-.629997 1.03-1.0199969 1.74998-1.0199969.72 0 1.39.3899999 1.75 1.0199969l7.8 13.95c.35.63.34 1.37-.02 1.99zm-1.72-1.01-7.8-13.95-7.79998 13.95z" fill="currentColor"/></svg>',tags:"nordicon interface warning exclamation mark triangle shape alert error",title:Jt});const ee=a`:host{--_n-banner-box-shadow:var(--n-banner-box-shadow, none);--_n-banner-border-radius:var(--n-banner-border-radius, var(--n-border-radius));--_n-banner-color:var(--n-color-text-info);--_n-banner-background:var(--n-color-status-info-weak);--_n-banner-border-color:var(--n-color-border-info)}.n-banner{background:var(--_n-banner-background);border:1px solid var(--_n-banner-border-color);border-radius:var(--_n-banner-border-radius);box-shadow:var(--_n-banner-box-shadow);padding:calc(var(--n-space-m)/ 1.25) var(--n-space-m);margin:0;inline-size:100%}.n-banner-content{inline-size:calc(100% - calc(var(--n-space-m) * 2));color:var(--_n-banner-color)}nord-icon{transform:translateY(2px) translateX(2px);color:var(--_n-banner-color)}::slotted(a){color:var(--_n-banner-color)!important;text-decoration:underline!important}::slotted(p){color:var(--_n-banner-color)!important;margin:0!important}:host([variant=success]){--_n-banner-color:var(--n-color-text-success);--_n-banner-background:var(--n-color-status-success-weak);--_n-banner-border-color:var(--n-color-border-success)}:host([variant=danger]){--_n-banner-color:var(--n-color-text-danger);--_n-banner-background:var(--n-color-status-danger-weak);--_n-banner-border-color:var(--n-color-border-danger)}:host([variant=warning]){--_n-banner-color:var(--n-color-text-warning);--_n-banner-background:var(--n-color-status-warning-weak);--_n-banner-border-color:var(--n-color-border-warning)}`;Ft.registerIcon(Kt),Ft.registerIcon(te),Ft.registerIcon(Zt),Ft.registerIcon(Gt);const ne={warning:Xt,danger:Jt,info:Qt,success:Vt};let oe=class extends ht{constructor(){super(...arguments),this.variant="info"}render(){const t=ne[this.variant]||ne.info;return H`<div class="n-banner" role="alert"><nord-stack align-items="start" direction="horizontal"><nord-icon name="${t}" size="m"></nord-icon><div class="n-banner-content"><slot></slot></div></nord-stack></div>`}};oe.styles=[_t,ee],t([bt({reflect:!0})],oe.prototype,"variant",void 0),oe=t([ut("nord-banner")],oe);var re=oe;
|
|
65
65
|
/**
|
|
66
66
|
* @license
|
|
67
67
|
* Copyright 2018 Google LLC
|
|
@@ -102,7 +102,7 @@ const ut=t=>(e,n)=>{void 0!==n?n.addInitializer((()=>{customElements.define(t,e)
|
|
|
102
102
|
* @license
|
|
103
103
|
* Copyright 2018 Google LLC
|
|
104
104
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
105
|
-
*/const Io="important",Bo=" !"+Io,Mo=Tt(class extends Rt{constructor(t){if(super(t),t.type!==At||"style"!==t.name||t.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(t){return Object.keys(t).reduce(((e,n)=>{const o=t[n];return null==o?e:e+`${n=n.includes("-")?n:n.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${o};`}),"")}update(t,[e]){const{style:n}=t.element;if(void 0===this.ft)return this.ft=new Set(Object.keys(e)),this.render(e);for(const t of this.ft)null==e[t]&&(this.ft.delete(t),t.includes("-")?n.removeProperty(t):n[t]=null);for(const t in e){const o=e[t];if(null!=o){this.ft.add(t);const e="string"==typeof o&&o.endsWith(Bo);t.includes("-")||e?n.setProperty(t,e?o.slice(0,-11):o,e?Io:""):n[t]=o}}return Y}});class No{constructor(t,e){this.target=e,this.hadFirstUpdate=!1,t.addController(this),this.observer=new ResizeObserver((([e])=>{const[n]=e.borderBoxSize;this.borderBoxSize=n,t.requestUpdate()}))}get inlineSize(){var t;return null===(t=this.borderBoxSize)||void 0===t?void 0:t.inlineSize}get blockSize(){var t;return null===(t=this.borderBoxSize)||void 0===t?void 0:t.blockSize}hostUpdated(){!this.hadFirstUpdate&&this.observer&&(this.observer.observe(this.target()),this.hadFirstUpdate=!0)}hostConnected(){this.hadFirstUpdate&&this.observer&&this.observer.observe(this.target())}hostDisconnected(){this.observer&&this.observer.disconnect()}}function Lo(e){class n extends e{constructor(){super(...arguments),this.autocomplete="off"}}return t([bt()],n.prototype,"autocomplete",void 0),n}function Po(t){return class extends t{constructor(){super(...arguments),this.textSelectableRef=$e()}set selectionStart(t){this.textSelectableRef.value&&(this.textSelectableRef.value.selectionStart=t)}get selectionStart(){var t,e;return null!==(e=null===(t=this.textSelectableRef.value)||void 0===t?void 0:t.selectionStart)&&void 0!==e?e:null}set selectionEnd(t){this.textSelectableRef.value&&(this.textSelectableRef.value.selectionEnd=t)}get selectionEnd(){var t,e;return null!==(e=null===(t=this.textSelectableRef.value)||void 0===t?void 0:t.selectionEnd)&&void 0!==e?e:null}set selectionDirection(t){this.textSelectableRef.value&&(this.textSelectableRef.value.selectionDirection=t)}get selectionDirection(){var t,e;return null!==(e=null===(t=this.textSelectableRef.value)||void 0===t?void 0:t.selectionDirection)&&void 0!==e?e:null}select(){this.textSelectableRef.value&&this.textSelectableRef.value.select()}setSelectionRange(t,e,n){this.textSelectableRef.value&&this.textSelectableRef.value.setSelectionRange(t,e,n)}setRangeText(t,e,n,o="preserve"){if(this.textSelectableRef.value){const r=null!=e?e:this.textSelectableRef.value.selectionStart,i=null!=n?n:this.textSelectableRef.value.selectionEnd;this.textSelectableRef.value.setRangeText(t,r,i,o),this.value!==this.textSelectableRef.value.value&&(this.value=this.textSelectableRef.value.value)}}async getNativeElement(){return await this.updateComplete,this.textSelectableRef.value}}}const Fo=a`.n-input::-webkit-search-cancel-button,.n-input::-webkit-search-decoration{appearance:none}.n-input-container{font-size:var(--n-font-size-m);display:grid;grid-template-columns:max-content 1fr max-content}.n-input{grid-area:1/1/2/4;padding-inline-start:var(--_n-input-start-inline-size,var(--_n-input-padding-inline));padding-inline-end:var(--_n-input-end-inline-size,var(--_n-input-padding-inline))}slot[name=end],slot[name=start]{pointer-events:none;display:flex;align-items:center;color:var(--n-color-icon)}:host([disabled]) slot:is([name=start],[name=end]){color:var(--n-color-text-weakest)}slot[name=start]{grid-area:1/1/2/2;order:1}slot[name=end]{grid-area:1/3/2/4}.is-rtl slot[name=end],slot[name=start]{--n-button-border-radius:var(--n-border-radius-s) 0 0 var(--n-border-radius-s)}.is-rtl slot[name=start],slot[name=end]{--n-button-border-radius:0 var(--n-border-radius-s) var(--n-border-radius-s) 0}:is([name=start],[name=end])::slotted(*){font-size:var(--_n-input-font-size)}[name=start]::slotted(*),nord-icon{margin-inline-start:var(--_n-input-padding-inline)!important;margin-inline-end:calc(var(--_n-input-padding-inline)/ 2)!important}[name=end]::slotted(*){margin-inline-start:calc(var(--_n-input-padding-inline)/ 2)!important;margin-inline-end:var(--_n-input-padding-inline)!important}[name=start]::slotted(:is(nord-button, nord-dropdown)){margin-inline-start:0!important}[name=end]::slotted(:is(nord-button, nord-dropdown)){margin-inline-end:0!important}nord-icon{--_n-input-icon-color:var(--n-input-icon-color, var(--n-color-icon));color:var(--_n-input-icon-color)}::slotted(:is(nord-button:not([disabled]), nord-dropdown)){pointer-events:auto;position:relative}::slotted(nord-button:not([disabled],:focus)),::slotted(nord-dropdown:not(:focus-within)){--n-button-box-shadow:none}::slotted(nord-button:active),::slotted(nord-dropdown:active:not([open])){inset-block-start:-1px}::slotted(nord-button[disabled]){--n-button-color:var(--n-color-text-weaker);-webkit-text-fill-color:var(--n-button-color);opacity:.8}.n-input-container:hover:not(:focus-within) ::slotted(:is(nord-button:not([disabled]), nord-dropdown)),.n-label-container:hover~.n-input-container:not(:focus-within) ::slotted(:is(nord-button:not([disabled]),nord-dropdown)){--n-button-border-color:var(--n-input-border-color, var(--n-color-border-hover))}.n-input-container:focus-within ::slotted(:is(nord-button,nord-dropdown:not([open]))){--n-button-border-color:var(--n-input-border-color, var(--n-color-accent))}:host([error]) .n-input-container ::slotted(:is(nord-button:not(:focus),nord-dropdown:not(:focus-within),nord-dropdown[open])){--n-button-border-color:var(--n-input-border-color, var(--n-color-status-danger))}:host([size='s']) ::slotted(nord-button){--_n-button-padding-inline:calc(var(--n-space-s) * 1.4)}:host{--_n-input-icon-size:var(--n-size-icon-s)}:host([size='s']){--_n-input-icon-size:var(--n-size-icon-xs)}:host([size='l']){--_n-input-icon-size:var(--n-size-icon-m)}::slotted(nord-icon:not([size])),nord-icon{--_n-icon-size:var(--_n-input-icon-size)}:host([type=unit]) :is(.n-input-container,.n-input){--_n-input-text-align:var(--n-input-text-align, end);font-family:var(--n-font-family-code)!important}:host([type=button]) :is(.n-input-container,.n-input){cursor:pointer}`;Ft.registerIcon(Oo);const Uo=t=>t?`${t}px`:void 0;let qo=class extends(Gn(Vn(Lo(Ao(Po(Te(De(ht)))))))){constructor(){super(...arguments),this.startObserver=new No(this,(()=>this.startSlot)),this.endObserver=new No(this,(()=>this.endSlot)),this.direction=new ae(this),this.type="text",this.expand=!1,this.disallowPattern=void 0,this.handleInputChange=t=>{const e=t.target;this.disallowPattern&&function(t,e){const{value:n}=t,o=t.selectionStart,r=n.slice(0,o),i=n.slice(o,n.length),a=r.replace(e,""),s=a+i.replace(e,""),l=a.length;t.value=s,t.selectionStart=l,t.selectionEnd=l}(e,new RegExp(this.disallowPattern,"g")),this.handleInput(t)}}render(){var t;const e="number"===this.type;return H`${this.renderLabel()}<div class="${ie({"n-input-container":!0,"is-rtl":"rtl"===this.direction.dir})}" style="${Mo({"--_n-input-start-inline-size":Uo(this.startObserver.inlineSize),"--_n-input-end-inline-size":Uo(this.endObserver.inlineSize)})}"><slot name="start">${"search"===this.type?H`<nord-icon name="navigation-search"></nord-icon>`:V}</slot><input ${Ee(this.textSelectableRef)} ${Ee(this.focusableRef)} id="${this.inputId}" class="n-input" type="${e||"unit"===this.type?"text":this.type}" inputmode="${Bt(e,"numeric")}" pattern="${Bt(e,"[0-9]*")}" ?disabled="${this.disabled}" ?required="${this.required}" ?readonly="${this.readonly}" name="${Et(this.name)}" .value="${null!==(t=this.value)&&void 0!==t?t:""}" placeholder="${Et(this.placeholder)}" @input="${this.handleInputChange}" @change="${this.handleChange}" @keydown="${this.handleKeydown}" @select="${this.handleSelect}" aria-describedby="${Et(this.getDescribedBy())}" aria-invalid="${Et(this.getInvalid())}" spellcheck="false" autocomplete="${this.autocomplete}"><slot name="end"></slot></div>${this.renderError()}`}handleKeydown(t){if("Enter"!==t.key)return;const{form:e}=this;if(e){const t=function(t){let e=t.querySelector('button[type="submit"]');!e&&t.id&&(e=t.getRootNode().querySelector(`button[form=${t.id}]`));return e}(e);setTimeout((()=>null==t?void 0:t.click()),0)}}handleSelect(t){t.stopPropagation(),this.dispatchEvent(new Tn("select"))}};qo.styles=[_t,Xn,Do,Fo],t([yt("slot[name='start']")],qo.prototype,"startSlot",void 0),t([yt("slot[name='end']")],qo.prototype,"endSlot",void 0),t([bt({reflect:!0})],qo.prototype,"type",void 0),t([bt({reflect:!0,type:Boolean})],qo.prototype,"expand",void 0),t([bt({reflect:!0,attribute:"disallow-pattern"})],qo.prototype,"disallowPattern",void 0),qo=t([ut("nord-input")],qo);var jo=qo;const Ho=["top","right","bottom","left"],Wo=["start","end"],Yo=Ho.reduce(((t,e)=>t.concat(e,e+"-"+Wo[0],e+"-"+Wo[1])),[]),Vo=Math.min,Go=Math.max,Xo=Math.round,Ko=Math.floor,Qo=t=>({x:t,y:t}),Zo={left:"right",right:"left",bottom:"top",top:"bottom"},Jo={start:"end",end:"start"};function tr(t,e,n){return Go(t,Vo(e,n))}function er(t,e){return"function"==typeof t?t(e):t}function nr(t){return t.split("-")[0]}function or(t){return t.split("-")[1]}function rr(t){return"x"===t?"y":"x"}function ir(t){return"y"===t?"height":"width"}const ar=new Set(["top","bottom"]);function sr(t){return ar.has(nr(t))?"y":"x"}function lr(t){return rr(sr(t))}function dr(t,e,n){void 0===n&&(n=!1);const o=or(t),r=lr(t),i=ir(r);let a="x"===r?o===(n?"end":"start")?"right":"left":"start"===o?"bottom":"top";return e.reference[i]>e.floating[i]&&(a=br(a)),[a,br(a)]}function cr(t){return t.replace(/start|end/g,(t=>Jo[t]))}const hr=["left","right"],pr=["right","left"],ur=["top","bottom"],vr=["bottom","top"];function gr(t,e,n,o){const r=or(t);let i=function(t,e,n){switch(t){case"top":case"bottom":return n?e?pr:hr:e?hr:pr;case"left":case"right":return e?ur:vr;default:return[]}}(nr(t),"start"===n,o);return r&&(i=i.map((t=>t+"-"+r)),e&&(i=i.concat(i.map(cr)))),i}function br(t){return t.replace(/left|right|bottom|top/g,(t=>Zo[t]))}function mr(t){const{x:e,y:n,width:o,height:r}=t;return{width:o,height:r,top:n,left:e,right:e+o,bottom:n+r,x:e,y:n}}function fr(t,e,n){let{reference:o,floating:r}=t;const i=sr(e),a=lr(e),s=ir(a),l=nr(e),d="y"===i,c=o.x+o.width/2-r.width/2,h=o.y+o.height/2-r.height/2,p=o[s]/2-r[s]/2;let u;switch(l){case"top":u={x:c,y:o.y-r.height};break;case"bottom":u={x:c,y:o.y+o.height};break;case"right":u={x:o.x+o.width,y:h};break;case"left":u={x:o.x-r.width,y:h};break;default:u={x:o.x,y:o.y}}switch(or(e)){case"start":u[a]-=p*(n&&d?-1:1);break;case"end":u[a]+=p*(n&&d?-1:1)}return u}async function yr(t,e){var n;void 0===e&&(e={});const{x:o,y:r,platform:i,rects:a,elements:s,strategy:l}=t,{boundary:d="clippingAncestors",rootBoundary:c="viewport",elementContext:h="floating",altBoundary:p=!1,padding:u=0}=er(e,t),v=function(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}(u),g=s[p?"floating"===h?"reference":"floating":h],b=mr(await i.getClippingRect({element:null==(n=await(null==i.isElement?void 0:i.isElement(g)))||n?g:g.contextElement||await(null==i.getDocumentElement?void 0:i.getDocumentElement(s.floating)),boundary:d,rootBoundary:c,strategy:l})),m="floating"===h?{x:o,y:r,width:a.floating.width,height:a.floating.height}:a.reference,f=await(null==i.getOffsetParent?void 0:i.getOffsetParent(s.floating)),y=await(null==i.isElement?void 0:i.isElement(f))&&await(null==i.getScale?void 0:i.getScale(f))||{x:1,y:1},x=mr(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:s,rect:m,offsetParent:f,strategy:l}):m);return{top:(b.top-x.top+v.top)/y.y,bottom:(x.bottom-b.bottom+v.bottom)/y.y,left:(b.left-x.left+v.left)/y.x,right:(x.right-b.right+v.right)/y.x}}function xr(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function wr(t){return Ho.some((e=>t[e]>=0))}const kr=new Set(["left","top"]);function _r(){return"undefined"!=typeof window}function zr(t){return Cr(t)?(t.nodeName||"").toLowerCase():"#document"}function $r(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function Sr(t){var e;return null==(e=(Cr(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function Cr(t){return!!_r()&&(t instanceof Node||t instanceof $r(t).Node)}function Er(t){return!!_r()&&(t instanceof Element||t instanceof $r(t).Element)}function Ar(t){return!!_r()&&(t instanceof HTMLElement||t instanceof $r(t).HTMLElement)}function Dr(t){return!(!_r()||"undefined"==typeof ShadowRoot)&&(t instanceof ShadowRoot||t instanceof $r(t).ShadowRoot)}const Tr=new Set(["inline","contents"]);function Rr(t){const{overflow:e,overflowX:n,overflowY:o,display:r}=Hr(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!Tr.has(r)}const Or=new Set(["table","td","th"]);function Ir(t){return Or.has(zr(t))}const Br=[":popover-open",":modal"];function Mr(t){return Br.some((e=>{try{return t.matches(e)}catch(t){return!1}}))}const Nr=["transform","translate","scale","rotate","perspective"],Lr=["transform","translate","scale","rotate","perspective","filter"],Pr=["paint","layout","strict","content"];function Fr(t){const e=Ur(),n=Er(t)?Hr(t):t;return Nr.some((t=>!!n[t]&&"none"!==n[t]))||!!n.containerType&&"normal"!==n.containerType||!e&&!!n.backdropFilter&&"none"!==n.backdropFilter||!e&&!!n.filter&&"none"!==n.filter||Lr.some((t=>(n.willChange||"").includes(t)))||Pr.some((t=>(n.contain||"").includes(t)))}function Ur(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const qr=new Set(["html","body","#document"]);function jr(t){return qr.has(zr(t))}function Hr(t){return $r(t).getComputedStyle(t)}function Wr(t){return Er(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function Yr(t){if("html"===zr(t))return t;const e=t.assignedSlot||t.parentNode||Dr(t)&&t.host||Sr(t);return Dr(e)?e.host:e}function Vr(t){const e=Yr(t);return jr(e)?t.ownerDocument?t.ownerDocument.body:t.body:Ar(e)&&Rr(e)?e:Vr(e)}function Gr(t,e,n){var o;void 0===e&&(e=[]),void 0===n&&(n=!0);const r=Vr(t),i=r===(null==(o=t.ownerDocument)?void 0:o.body),a=$r(r);if(i){const t=Xr(a);return e.concat(a,a.visualViewport||[],Rr(r)?r:[],t&&n?Gr(t):[])}return e.concat(r,Gr(r,[],n))}function Xr(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function Kr(t){const e=Hr(t);let n=parseFloat(e.width)||0,o=parseFloat(e.height)||0;const r=Ar(t),i=r?t.offsetWidth:n,a=r?t.offsetHeight:o,s=Xo(n)!==i||Xo(o)!==a;return s&&(n=i,o=a),{width:n,height:o,$:s}}function Qr(t){return Er(t)?t:t.contextElement}function Zr(t){const e=Qr(t);if(!Ar(e))return Qo(1);const n=e.getBoundingClientRect(),{width:o,height:r,$:i}=Kr(e);let a=(i?Xo(n.width):n.width)/o,s=(i?Xo(n.height):n.height)/r;return a&&Number.isFinite(a)||(a=1),s&&Number.isFinite(s)||(s=1),{x:a,y:s}}const Jr=Qo(0);function ti(t){const e=$r(t);return Ur()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:Jr}function ei(t,e,n,o){void 0===e&&(e=!1),void 0===n&&(n=!1);const r=t.getBoundingClientRect(),i=Qr(t);let a=Qo(1);e&&(o?Er(o)&&(a=Zr(o)):a=Zr(t));const s=function(t,e,n){return void 0===e&&(e=!1),!(!n||e&&n!==$r(t))&&e}(i,n,o)?ti(i):Qo(0);let l=(r.left+s.x)/a.x,d=(r.top+s.y)/a.y,c=r.width/a.x,h=r.height/a.y;if(i){const t=$r(i),e=o&&Er(o)?$r(o):o;let n=t,r=Xr(n);for(;r&&o&&e!==n;){const t=Zr(r),e=r.getBoundingClientRect(),o=Hr(r),i=e.left+(r.clientLeft+parseFloat(o.paddingLeft))*t.x,a=e.top+(r.clientTop+parseFloat(o.paddingTop))*t.y;l*=t.x,d*=t.y,c*=t.x,h*=t.y,l+=i,d+=a,n=$r(r),r=Xr(n)}}return mr({width:c,height:h,x:l,y:d})}function ni(t,e){const n=Wr(t).scrollLeft;return e?e.left+n:ei(Sr(t)).left+n}function oi(t,e){const n=t.getBoundingClientRect();return{x:n.left+e.scrollLeft-ni(t,n),y:n.top+e.scrollTop}}const ri=25;const ii=new Set(["absolute","fixed"]);function ai(t,e,n){let o;if("viewport"===e)o=function(t,e){const n=$r(t),o=Sr(t),r=n.visualViewport;let i=o.clientWidth,a=o.clientHeight,s=0,l=0;if(r){i=r.width,a=r.height;const t=Ur();(!t||t&&"fixed"===e)&&(s=r.offsetLeft,l=r.offsetTop)}const d=ni(o);if(d<=0){const t=o.ownerDocument,e=t.body,n=getComputedStyle(e),r="CSS1Compat"===t.compatMode&&parseFloat(n.marginLeft)+parseFloat(n.marginRight)||0,a=Math.abs(o.clientWidth-e.clientWidth-r);a<=ri&&(i-=a)}else d<=ri&&(i+=d);return{width:i,height:a,x:s,y:l}}(t,n);else if("document"===e)o=function(t){const e=Sr(t),n=Wr(t),o=t.ownerDocument.body,r=Go(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),i=Go(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight);let a=-n.scrollLeft+ni(t);const s=-n.scrollTop;return"rtl"===Hr(o).direction&&(a+=Go(e.clientWidth,o.clientWidth)-r),{width:r,height:i,x:a,y:s}}(Sr(t));else if(Er(e))o=function(t,e){const n=ei(t,!0,"fixed"===e),o=n.top+t.clientTop,r=n.left+t.clientLeft,i=Ar(t)?Zr(t):Qo(1);return{width:t.clientWidth*i.x,height:t.clientHeight*i.y,x:r*i.x,y:o*i.y}}(e,n);else{const n=ti(t);o={x:e.x-n.x,y:e.y-n.y,width:e.width,height:e.height}}return mr(o)}function si(t,e){const n=Yr(t);return!(n===e||!Er(n)||jr(n))&&("fixed"===Hr(n).position||si(n,e))}function li(t,e,n){const o=Ar(e),r=Sr(e),i="fixed"===n,a=ei(t,!0,i,e);let s={scrollLeft:0,scrollTop:0};const l=Qo(0);function d(){l.x=ni(r)}if(o||!o&&!i)if(("body"!==zr(e)||Rr(r))&&(s=Wr(e)),o){const t=ei(e,!0,i,e);l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}else r&&d();i&&!o&&r&&d();const c=!r||o||i?Qo(0):oi(r,s);return{x:a.left+s.scrollLeft-l.x-c.x,y:a.top+s.scrollTop-l.y-c.y,width:a.width,height:a.height}}function di(t){return"static"===Hr(t).position}function ci(t,e){if(!Ar(t)||"fixed"===Hr(t).position)return null;if(e)return e(t);let n=t.offsetParent;return Sr(t)===n&&(n=n.ownerDocument.body),n}function hi(t,e){const n=$r(t);if(Mr(t))return n;if(!Ar(t)){let e=Yr(t);for(;e&&!jr(e);){if(Er(e)&&!di(e))return e;e=Yr(e)}return n}let o=ci(t,e);for(;o&&Ir(o)&&di(o);)o=ci(o,e);return o&&jr(o)&&di(o)&&!Fr(o)?n:o||function(t){let e=Yr(t);for(;Ar(e)&&!jr(e);){if(Fr(e))return e;if(Mr(e))return null;e=Yr(e)}return null}(t)||n}const pi={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:n,offsetParent:o,strategy:r}=t;const i="fixed"===r,a=Sr(o),s=!!e&&Mr(e.floating);if(o===a||s&&i)return n;let l={scrollLeft:0,scrollTop:0},d=Qo(1);const c=Qo(0),h=Ar(o);if((h||!h&&!i)&&(("body"!==zr(o)||Rr(a))&&(l=Wr(o)),Ar(o))){const t=ei(o);d=Zr(o),c.x=t.x+o.clientLeft,c.y=t.y+o.clientTop}const p=!a||h||i?Qo(0):oi(a,l);return{width:n.width*d.x,height:n.height*d.y,x:n.x*d.x-l.scrollLeft*d.x+c.x+p.x,y:n.y*d.y-l.scrollTop*d.y+c.y+p.y}},getDocumentElement:Sr,getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:o,strategy:r}=t;const i=[..."clippingAncestors"===n?Mr(e)?[]:function(t,e){const n=e.get(t);if(n)return n;let o=Gr(t,[],!1).filter((t=>Er(t)&&"body"!==zr(t))),r=null;const i="fixed"===Hr(t).position;let a=i?Yr(t):t;for(;Er(a)&&!jr(a);){const e=Hr(a),n=Fr(a);n||"fixed"!==e.position||(r=null),(i?!n&&!r:!n&&"static"===e.position&&r&&ii.has(r.position)||Rr(a)&&!n&&si(t,a))?o=o.filter((t=>t!==a)):r=e,a=Yr(a)}return e.set(t,o),o}(e,this._c):[].concat(n),o],a=i[0],s=i.reduce(((t,n)=>{const o=ai(e,n,r);return t.top=Go(o.top,t.top),t.right=Vo(o.right,t.right),t.bottom=Vo(o.bottom,t.bottom),t.left=Go(o.left,t.left),t}),ai(e,a,r));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}},getOffsetParent:hi,getElementRects:async function(t){const e=this.getOffsetParent||hi,n=this.getDimensions,o=await n(t.floating);return{reference:li(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:e,height:n}=Kr(t);return{width:e,height:n}},getScale:Zr,isElement:Er,isRTL:function(t){return"rtl"===Hr(t).direction}};function ui(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}function vi(t,e,n,o){void 0===o&&(o={});const{ancestorScroll:r=!0,ancestorResize:i=!0,elementResize:a="function"==typeof ResizeObserver,layoutShift:s="function"==typeof IntersectionObserver,animationFrame:l=!1}=o,d=Qr(t),c=r||i?[...d?Gr(d):[],...Gr(e)]:[];c.forEach((t=>{r&&t.addEventListener("scroll",n,{passive:!0}),i&&t.addEventListener("resize",n)}));const h=d&&s?function(t,e){let n,o=null;const r=Sr(t);function i(){var t;clearTimeout(n),null==(t=o)||t.disconnect(),o=null}return function a(s,l){void 0===s&&(s=!1),void 0===l&&(l=1),i();const d=t.getBoundingClientRect(),{left:c,top:h,width:p,height:u}=d;if(s||e(),!p||!u)return;const v={rootMargin:-Ko(h)+"px "+-Ko(r.clientWidth-(c+p))+"px "+-Ko(r.clientHeight-(h+u))+"px "+-Ko(c)+"px",threshold:Go(0,Vo(1,l))||1};let g=!0;function b(e){const o=e[0].intersectionRatio;if(o!==l){if(!g)return a();o?a(!1,o):n=setTimeout((()=>{a(!1,1e-7)}),1e3)}1!==o||ui(d,t.getBoundingClientRect())||a(),g=!1}try{o=new IntersectionObserver(b,{...v,root:r.ownerDocument})}catch(t){o=new IntersectionObserver(b,v)}o.observe(t)}(!0),i}(d,n):null;let p,u=-1,v=null;a&&(v=new ResizeObserver((t=>{let[o]=t;o&&o.target===d&&v&&(v.unobserve(e),cancelAnimationFrame(u),u=requestAnimationFrame((()=>{var t;null==(t=v)||t.observe(e)}))),n()})),d&&!l&&v.observe(d),v.observe(e));let g=l?ei(t):null;return l&&function e(){const o=ei(t);g&&!ui(g,o)&&n();g=o,p=requestAnimationFrame(e)}(),n(),()=>{var t;c.forEach((t=>{r&&t.removeEventListener("scroll",n),i&&t.removeEventListener("resize",n)})),null==h||h(),null==(t=v)||t.disconnect(),v=null,l&&cancelAnimationFrame(p)}}const gi=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(e){var n,o;const{x:r,y:i,placement:a,middlewareData:s}=e,l=await async function(t,e){const{placement:n,platform:o,elements:r}=t,i=await(null==o.isRTL?void 0:o.isRTL(r.floating)),a=nr(n),s=or(n),l="y"===sr(n),d=kr.has(a)?-1:1,c=i&&l?-1:1,h=er(e,t);let{mainAxis:p,crossAxis:u,alignmentAxis:v}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return s&&"number"==typeof v&&(u="end"===s?-1*v:v),l?{x:u*c,y:p*d}:{x:p*d,y:u*c}}(e,t);return a===(null==(n=s.offset)?void 0:n.placement)&&null!=(o=s.arrow)&&o.alignmentOffset?{}:{x:r+l.x,y:i+l.y,data:{...l,placement:a}}}}},bi=function(t){return void 0===t&&(t={}),{name:"autoPlacement",options:t,async fn(e){var n,o,r;const{rects:i,middlewareData:a,placement:s,platform:l,elements:d}=e,{crossAxis:c=!1,alignment:h,allowedPlacements:p=Yo,autoAlignment:u=!0,...v}=er(t,e),g=void 0!==h||p===Yo?function(t,e,n){return(t?[...n.filter((e=>or(e)===t)),...n.filter((e=>or(e)!==t))]:n.filter((t=>nr(t)===t))).filter((n=>!t||or(n)===t||!!e&&cr(n)!==n))}(h||null,u,p):p,b=await yr(e,v),m=(null==(n=a.autoPlacement)?void 0:n.index)||0,f=g[m];if(null==f)return{};const y=dr(f,i,await(null==l.isRTL?void 0:l.isRTL(d.floating)));if(s!==f)return{reset:{placement:g[0]}};const x=[b[nr(f)],b[y[0]],b[y[1]]],w=[...(null==(o=a.autoPlacement)?void 0:o.overflows)||[],{placement:f,overflows:x}],k=g[m+1];if(k)return{data:{index:m+1,overflows:w},reset:{placement:k}};const _=w.map((t=>{const e=or(t.placement);return[t.placement,e&&c?t.overflows.slice(0,2).reduce(((t,e)=>t+e),0):t.overflows[0],t.overflows]})).sort(((t,e)=>t[1]-e[1])),z=_.filter((t=>t[2].slice(0,or(t[0])?2:3).every((t=>t<=0)))),$=(null==(r=z[0])?void 0:r[0])||_[0][0];return $!==s?{data:{index:m+1,overflows:w},reset:{placement:$}}:{}}}},mi=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:n,y:o,placement:r}=e,{mainAxis:i=!0,crossAxis:a=!1,limiter:s={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...l}=er(t,e),d={x:n,y:o},c=await yr(e,l),h=sr(nr(r)),p=rr(h);let u=d[p],v=d[h];if(i){const t="y"===p?"bottom":"right";u=tr(u+c["y"===p?"top":"left"],u,u-c[t])}if(a){const t="y"===h?"bottom":"right";v=tr(v+c["y"===h?"top":"left"],v,v-c[t])}const g=s.fn({...e,[p]:u,[h]:v});return{...g,data:{x:g.x-n,y:g.y-o,enabled:{[p]:i,[h]:a}}}}}},fi=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var n,o;const{placement:r,middlewareData:i,rects:a,initialPlacement:s,platform:l,elements:d}=e,{mainAxis:c=!0,crossAxis:h=!0,fallbackPlacements:p,fallbackStrategy:u="bestFit",fallbackAxisSideDirection:v="none",flipAlignment:g=!0,...b}=er(t,e);if(null!=(n=i.arrow)&&n.alignmentOffset)return{};const m=nr(r),f=sr(s),y=nr(s)===s,x=await(null==l.isRTL?void 0:l.isRTL(d.floating)),w=p||(y||!g?[br(s)]:function(t){const e=br(t);return[cr(t),e,cr(e)]}(s)),k="none"!==v;!p&&k&&w.push(...gr(s,g,v,x));const _=[s,...w],z=await yr(e,b),$=[];let S=(null==(o=i.flip)?void 0:o.overflows)||[];if(c&&$.push(z[m]),h){const t=dr(r,a,x);$.push(z[t[0]],z[t[1]])}if(S=[...S,{placement:r,overflows:$}],!$.every((t=>t<=0))){var C,E;const t=((null==(C=i.flip)?void 0:C.index)||0)+1,e=_[t];if(e){if(!("alignment"===h&&f!==sr(e))||S.every((t=>sr(t.placement)!==f||t.overflows[0]>0)))return{data:{index:t,overflows:S},reset:{placement:e}}}let n=null==(E=S.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:E.placement;if(!n)switch(u){case"bestFit":{var A;const t=null==(A=S.filter((t=>{if(k){const e=sr(t.placement);return e===f||"y"===e}return!0})).map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:A[0];t&&(n=t);break}case"initialPlacement":n=s}if(r!==n)return{reset:{placement:n}}}return{}}}},yi=function(t){return void 0===t&&(t={}),{name:"hide",options:t,async fn(e){const{rects:n}=e,{strategy:o="referenceHidden",...r}=er(t,e);switch(o){case"referenceHidden":{const t=xr(await yr(e,{...r,elementContext:"reference"}),n.reference);return{data:{referenceHiddenOffsets:t,referenceHidden:wr(t)}}}case"escaped":{const t=xr(await yr(e,{...r,altBoundary:!0}),n.floating);return{data:{escapedOffsets:t,escaped:wr(t)}}}default:return{}}}}},xi=(t,e,n)=>{const o=new Map,r={platform:pi,...n},i={...r.platform,_c:o};return(async(t,e,n)=>{const{placement:o="bottom",strategy:r="absolute",middleware:i=[],platform:a}=n,s=i.filter(Boolean),l=await(null==a.isRTL?void 0:a.isRTL(e));let d=await a.getElementRects({reference:t,floating:e,strategy:r}),{x:c,y:h}=fr(d,o,l),p=o,u={},v=0;for(let n=0;n<s.length;n++){const{name:i,fn:g}=s[n],{x:b,y:m,data:f,reset:y}=await g({x:c,y:h,initialPlacement:o,placement:p,strategy:r,middlewareData:u,rects:d,platform:a,elements:{reference:t,floating:e}});c=null!=b?b:c,h=null!=m?m:h,u={...u,[i]:{...u[i],...f}},y&&v<=50&&(v++,"object"==typeof y&&(y.placement&&(p=y.placement),y.rects&&(d=!0===y.rects?await a.getElementRects({reference:t,floating:e,strategy:r}):y.rects),({x:c,y:h}=fr(d,p,l))),n=-1)}return{x:c,y:h,placement:p,strategy:r,middlewareData:u}})(t,e,{...r,platform:i})};class wi{constructor(t){t.addController(this)}hostDisconnected(){this.unlockScroll()}lockScroll(){if(0===wi.locks.size){const t=document.documentElement.clientWidth,e=Math.abs(window.innerWidth-t),n=getComputedStyle(document.body),o=Number.parseInt(n.paddingRight,10)||0;wi.setStyle("--n-scrollbar-gutter",`${e+o}px`),wi.setStyle("overflow","hidden"),wi.setStyle("padding-right","var(--n-scrollbar-gutter)")}wi.locks.add(this)}unlockScroll(){wi.locks.delete(this),0===wi.locks.size&&(wi.resets.forEach((t=>t())),wi.resets=[])}static setStyle(t,e){const{style:n}=document.body,o=n.getPropertyValue(t);n.setProperty(t,e),wi.resets.push((()=>n.setProperty(t,o)))}}function ki(e){class n extends e{constructor(){super(...arguments),this.open=!1,this.align="start",this.position="block-end"}}return t([bt({type:Boolean,reflect:!0})],n.prototype,"open",void 0),t([bt({reflect:!0})],n.prototype,"align",void 0),t([bt({reflect:!0})],n.prototype,"position",void 0),n}wi.locks=new Set,wi.resets=[];const _i={"inline-start-start":"left-start","inline-start-end":"left-end","inline-end-start":"right-start","inline-end-end":"right-end","block-start-start":"top-start","block-start-end":"top-end","block-end-start":"bottom-start","block-end-end":"bottom-end"},zi={"inline-start-start":"right-start","inline-start-end":"right-end","inline-end-start":"left-start","inline-end-end":"left-end","block-start-start":"top-start","block-start-end":"top-end","block-end-start":"bottom-start","block-end-end":"bottom-end"},$i={"block-end":"bottom","block-start":"top","inline-start":"left","inline-end":"right"};function Si(t,e,n){if(null!=e&&null!=n){const o=`${t}-${e}`;return"ltr"===n?_i[o]:zi[o]}return $i[t]}const Ci=a`:host{position:fixed;pointer-events:none;z-index:var(--n-index-popout);left:var(--_n-popout-position-x);top:var(--_n-popout-position-y);color:var(--n-color-text);opacity:0;transition:opacity var(--n-transition-slowly)}.n-popout{pointer-events:none;transform:translateY(-10px) scale(.97);visibility:hidden;transition:transform var(--n-transition-slowly),visibility var(--n-transition-slowly);transform-origin:top left;will-change:transform,opacity,visibility;background:var(--n-color-surface);box-shadow:var(--n-box-shadow-popout);border-radius:var(--n-border-radius-s)}:host([open]){opacity:1}:host([open]) .n-popout{transition-property:transform;visibility:visible;pointer-events:auto;transform:translateY(0) translateX(0) scale(1)}@media (max-width:35.9375em){:host(:not([always-floating])){position:fixed;inset:0;overflow-y:auto;opacity:1;background:0 0;transition:background var(--n-transition-mobile)}:host([open]:not([always-floating])){pointer-events:auto;background:var(--n-color-overlay)}:host([open]:not([always-floating])) .n-popout{transform:translateY(0)}:host(:not([always-floating])) .n-popout{position:fixed;inset:0;inset-block-start:auto;transform:translateY(100%);transition:transform var(--n-transition-mobile),visibility var(--n-transition-mobile);transform-origin:bottom center;border-radius:0}}.top-end,.top-start{transform:translateY(10px) scale(.97)}.left-end,.left-start{transform:translateX(10px) scale(.97)}.right-end,.right-start{transform:translateX(-10px) scale(.97)}.bottom-start.is-rtl,.left-end,.top-end{transform-origin:bottom right}.bottom-end,.left-start,.top-start.is-rtl{transform-origin:top right}.bottom-end.is-rtl,.right-end,.right-start{transform-origin:bottom left}.right-start,.top-end.is-rtl{transform-origin:top left}`,Ei="undefined"==typeof matchMedia?{matches:!1,addEventListener(){}}:matchMedia("(max-width: 35.9375em)");let Ai=class extends(ki(ht)){constructor(){super(...arguments),this.scrollBar=new wi(this),this.dismiss=new lo(this,{isOpen:()=>this.open,onDismiss:t=>this.hide("click"!==t.type),isDismissible:t=>t!==this.popout&&t!==this.targetElement}),this.events=new se(this),this.direction=new ae(this),this.smallViewport=Ei.matches,this.id="",this.alwaysFloating=!1,this.enableScroll=()=>{this.open||this.scrollBar.unlockScroll()},this.updatePosition=async()=>{var t;if(!this.anchorElement)return;const e={strategy:"fixed"};"auto"===this.position?e.middleware=[gi(8),bi({alignment:this.align,padding:8}),mi({padding:8}),yi()]:(e.placement=Si(this.position,this.align,this.direction.dir),e.middleware=[gi(8),fi(),mi({padding:8}),yi()]);const{x:n,y:o,placement:r,middlewareData:i}=await xi(this.anchorElement,this,e);this.computedPosition=r,this.style.setProperty("--_n-popout-position-x",`${n}px`),this.style.setProperty("--_n-popout-position-y",`${o}px`),(null===(t=i.hide)||void 0===t?void 0:t.referenceHidden)&&this.hide()},this.toggleOpen=t=>{t.preventDefault(),this.open?this.hide(!1):!this.smallViewport||this.alwaysFloating?this.updatePosition().then((()=>this.show())):this.show()},this.handleMediaQueryChange=()=>{var t;this.smallViewport=Ei.matches,null===(t=this.cleanupAutoUpdate)||void 0===t||t.call(this),(!this.smallViewport||this.alwaysFloating)&&this.open&&this.anchorElement?(this.cleanupAutoUpdate=vi(this.anchorElement,this,this.updatePosition),this.scrollBar.unlockScroll()):this.open&&this.scrollBar.lockScroll()}}async show(){return this.open?Promise.resolve():(this.open=!0,await this.updateComplete,this.dispatchEvent(new Tn("open")),On(this.popout))}async hide(t=!0){var e,n;return this.open?(this.open=!1,null===(e=this.cleanupAutoUpdate)||void 0===e||e.call(this),this.dispatchEvent(new Tn("close")),t&&(null===(n=this.targetElement)||void 0===n||n.focus({preventScroll:!0})),On(this.popout)):Promise.resolve()}firstUpdated(){this.smallViewport&&!this.alwaysFloating||this.updatePosition()}connectedCallback(){super.connectedCallback(),this.events.listen(Ei,"change",this.handleMediaQueryChange),this.initializeElements()}disconnectedCallback(){var t,e;super.disconnectedCallback(),null===(t=this.cleanupAutoUpdate)||void 0===t||t.call(this),null===(e=this.targetElement)||void 0===e||e.removeAttribute("aria-expanded")}render(){return H`<div class="n-popout ${this.computedPosition} is-${this.direction.dir}" aria-hidden="${this.open?"false":"true"}" @transitionend="${this.enableScroll}"><slot></slot></div>`}handleIdChange(){var t;null===(t=this.targetElement)||void 0===t||t.removeEventListener("click",this.toggleOpen),this.id?this.initializeElements():console.warn("NORD: popout requires an id attribute and value")}initializeElements(){this.targetElement=this.getToggle(),this.anchorElement=this.getAnchor(),this.events.listen(this.targetElement,"click",this.toggleOpen)}handleOpenChange(){var t,e;null===(t=this.targetElement)||void 0===t||t.setAttribute("aria-expanded",`${this.open}`),this.open?this.smallViewport&&!this.alwaysFloating?this.scrollBar.lockScroll():this.anchorElement&&(this.cleanupAutoUpdate=vi(this.anchorElement,this,this.updatePosition)):null===(e=this.cleanupAutoUpdate)||void 0===e||e.call(this)}handleAnchorChange(){var t;null===(t=this.cleanupAutoUpdate)||void 0===t||t.call(this),this.anchorElement=this.getAnchor(),this.open&&(!this.smallViewport||this.alwaysFloating)&&this.anchorElement&&(this.cleanupAutoUpdate=vi(this.anchorElement,this,this.updatePosition))}getToggle(){const t=this.getRootNode().querySelector(`[aria-controls='${this.id}']`);return t instanceof HTMLSlotElement?t.assignedElements()[0]:t}getAnchor(){if(!this.anchor)return this.targetElement;const t=this.getRootNode().querySelector(`#${this.anchor}`);return t instanceof HTMLSlotElement?t.assignedElements()[0]:t}};Ai.styles=[_t,Ci],t([yt(".n-popout",!0)],Ai.prototype,"popout",void 0),t([mt()],Ai.prototype,"computedPosition",void 0),t([mt()],Ai.prototype,"smallViewport",void 0),t([bt({reflect:!0})],Ai.prototype,"id",void 0),t([bt({reflect:!0})],Ai.prototype,"anchor",void 0),t([bt({reflect:!0,type:Boolean,attribute:"always-floating"})],Ai.prototype,"alwaysFloating",void 0),t([wt("id")],Ai.prototype,"handleIdChange",null),t([wt("open")],Ai.prototype,"handleOpenChange",null),t([wt("anchor")],Ai.prototype,"handleAnchorChange",null),Ai=t([ut("nord-popout")],Ai);var Di=Ai;const Ti=a`:host{--_n-stack-gap:var(--n-stack-gap, var(--n-space-m));display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--_n-stack-gap);max-inline-size:100%;inline-size:100%}:host([direction=horizontal]){flex-direction:row}:host([wrap]){flex-wrap:wrap}:host([align-items=center]){align-items:center}:host([align-items=start]){align-items:flex-start}:host([align-items=end]){align-items:flex-end}:host([align-items=baseline]){align-items:baseline}:host([justify-content=center]){justify-content:center}:host([justify-content=start]){justify-content:flex-start}:host([justify-content=end]){justify-content:flex-end}:host([justify-content=space-between]){justify-content:space-between}:host([justify-content=space-evenly]){justify-content:space-evenly}:host([justify-content=space-around]){justify-content:space-around}::slotted(*){margin:0!important;min-inline-size:0;max-inline-size:100%}:host([gap=none]){--_n-stack-gap:var(--n-stack-gap, 0)}:host([gap=xs]){--_n-stack-gap:var(--n-stack-gap, var(--n-space-xs))}:host([gap='s']){--_n-stack-gap:var(--n-stack-gap, var(--n-space-s))}:host([gap='m']){--_n-stack-gap:var(--n-stack-gap, var(--n-space-m))}:host([gap='l']){--_n-stack-gap:var(--n-stack-gap, var(--n-space-l))}:host([gap=xl]){--_n-stack-gap:var(--n-stack-gap, var(--n-space-xl))}:host([gap=xxl]){--_n-stack-gap:var(--n-stack-gap, var(--n-space-xxl))}`;let Ri=class extends ht{constructor(){super(...arguments),this.gap="m",this.direction="vertical",this.alignItems="stretch",this.wrap=!1}render(){return H`<slot></slot>`}};Ri.styles=[_t,Ti],t([bt({reflect:!0})],Ri.prototype,"gap",void 0),t([bt({reflect:!0})],Ri.prototype,"direction",void 0),t([bt({reflect:!0,attribute:"align-items"})],Ri.prototype,"alignItems",void 0),t([bt({reflect:!0,type:Boolean})],Ri.prototype,"wrap",void 0),t([bt({reflect:!0,attribute:"justify-content"})],Ri.prototype,"justifyContent",void 0),Ri=t([ut("nord-stack")],Ri);var Oi=Ri;Ft.registerIcon(Co),Ft.registerIcon(Eo);const Ii=()=>!1,Bi=()=>!1;let Mi=class extends(Gn(Vn(Ao(Te(De(ht)))))){constructor(){super(...arguments),this.swipe=new Ke(this,{target:()=>this.popout,matchesGesture:Ze,onSwipeEnd:()=>this.hide()}),this.localize=new An(this,{onLangChange:()=>this.createDateFormatters()}),this.value="",this.open=!1,this.firstDayOfWeek=tn.Monday,this.dateAdapter=To,this.isDateDisabled=Ii,this.isDateHighlighted=Bi,this.expand=!1,this.handleDaySelect=t=>{t.stopPropagation(),this.setValue(t.date),this.hide()},this.handleBlur=t=>{t.stopPropagation(),this.dispatchEvent(new Tn("blur"))},this.handleFocus=t=>{t.stopPropagation(),this.dispatchEvent(new Tn("focus"))},this.handleInputChange=t=>{var e;const n=t.target,o=this.dateAdapter.parse(n.value,en);this.rawValue=null===(e=this.focusableRef.value)||void 0===e?void 0:e.value,(o||""===n.value)&&this.setValue(o)}}get valueAsDate(){return nn(this.value)}set valueAsDate(t){this.value=t?on(t):""}get valueAsNumber(){var t,e;return null!==(e=null===(t=this.valueAsDate)||void 0===t?void 0:t.getTime())&&void 0!==e?e:Number.NaN}set valueAsNumber(t){this.value=t?on(new Date(t)):""}firstUpdated(){var t;this.rawValue=null===(t=this.focusableRef.value)||void 0===t?void 0:t.value}render(){const{valueAsDate:t}=this,e=t?this.dateAdapter.format(t):"";return H`<nord-input class="n-date-picker-input" value="${e}" label="${Et(this.label)}" hint="${Et(this.hint)}" error="${Bt(this.error,this.error)}" placeholder="${Et(this.placeholder)}" id="${this.inputId}" size="${this.size}" ?expand="${this.expand}" ?disabled="${this.disabled}" ?required="${this.required}" ?readonly="${this.readonly}" ?hide-label="${this.hideLabel}" disallow-pattern="[^0-9./-]" @focus="${this.handleFocus}" @blur="${this.handleBlur}" @input="${this.handleInputChange}" ${Ee(this.focusableRef)} aria-invalid="${Bt(this.error,"true")}" aria-describedby="${Et(this.getDescribedBy())}">${this.hintSlot.isEmpty?V:H`<slot name="hint" slot="hint"></slot>`} ${this.labelSlot.isEmpty?V:H`<slot name="label" slot="label"></slot>`}<nord-button size="${this.size}" ?disabled="${this.disabled||this.readonly}" slot="end" class="n-date-picker-toggle" aria-controls="popout" type="button"><nord-icon name="interface-calendar"></nord-icon><nord-visually-hidden>${this.localize.term("buttonLabel")} ${t?H`<span>, ${this.localize.term("selectedDateMessage")} ${this.dateFormatLong.format(t)}</span>`:V}</nord-visually-hidden></nord-button></nord-input><nord-popout id="popout" anchor="${this.inputId}" align="end" position="block-end" role="dialog" aria-modal="true" ?open="${this.open}" @open="${this.handleOpen}" @close="${this.handleClose}" aria-labelledby="header"><div aria-hidden="true" tabindex="0" @focus="${this.focusLast}"></div><nord-stack class="n-date-picker-header" direction="horizontal" justify-content="space-between"><div class="n-date-picker-heading" id="header">${this.localize.term("modalHeading")}</div><nord-button class="n-date-picker-close-button" type="button" size="s" variant="plain" @click="${this.handleClose}"><nord-visually-hidden>${this.localize.term("closeLabel")}</nord-visually-hidden><nord-icon name="interface-close-small"></nord-icon></nord-button></nord-stack><nord-calendar class="n-date-picker-calendar" expand value="${this.value}" min="${Et(this.min)}" max="${Et(this.max)}" today="${Et(this.today)}" .firstDayOfWeek="${this.firstDayOfWeek}" .isDateDisabled="${this.isDateDisabled}" .isDateHighlighted="${this.isDateHighlighted}" @change="${this.handleDaySelect}"></nord-calendar><div aria-hidden="true" tabindex="0" @focus="${this.focusFirst}"></div></nord-popout>`}createDateFormatters(){this.dateFormatLong=new Intl.DateTimeFormat(this.localize.resolvedLang,{timeZone:"UTC",day:"numeric",month:"long",year:"numeric"})}focusFirst(){this.closeButton.focus()}focusLast(){this.calendar.focus({target:"day"})}handleOpen(){this.open=!0,this.calendar.focus({target:"month"})}handleClose(){this.open=!1}setValue(t){this.value=t?on(t):"";const{valueAsDate:e}=this,n=e?this.dateAdapter.format(e):"";this.rawValue=n,this.dispatchEvent(new Tn("change"))}hide(t){this.popout.hide(t)}show(){this.popout.show()}};Mi.styles=[_t,Xn,Do,Ro],t([yt(".n-date-picker-toggle",!0)],Mi.prototype,"toggleButton",void 0),t([yt(".n-date-picker-close-button",!0)],Mi.prototype,"closeButton",void 0),t([yt("nord-calendar",!0)],Mi.prototype,"calendar",void 0),t([yt('[role="dialog"]',!0)],Mi.prototype,"popout",void 0),t([bt()],Mi.prototype,"value",void 0),t([bt({attribute:!1})],Mi.prototype,"rawValue",void 0),t([bt({type:Boolean,reflect:!0})],Mi.prototype,"open",void 0),t([bt({reflect:!0})],Mi.prototype,"min",void 0),t([bt({reflect:!0})],Mi.prototype,"max",void 0),t([bt({reflect:!0})],Mi.prototype,"today",void 0),t([bt({reflect:!0,attribute:"first-day-of-week",type:Number})],Mi.prototype,"firstDayOfWeek",void 0),t([bt({attribute:!1})],Mi.prototype,"dateAdapter",void 0),t([bt({attribute:!1})],Mi.prototype,"isDateDisabled",void 0),t([bt({attribute:!1})],Mi.prototype,"isDateHighlighted",void 0),t([bt({reflect:!0,type:Boolean})],Mi.prototype,"expand",void 0),Mi=t([ut("nord-date-picker")],Mi);var Ni=Mi;const Li=a`:host{--_n-divider-color:var(--n-divider-color, var(--n-color-border));--_n-divider-size:var(--n-divider-size, 1px)}:host([direction=horizontal]){display:block;border-block-start:var(--_n-divider-size) solid var(--_n-divider-color)}:host([direction=vertical]){display:inline-block;min-block-size:100%;border-inline-start:var(--_n-divider-size) solid var(--_n-divider-color)}`;let Pi=class extends ht{constructor(){super(...arguments),this.direction="horizontal"}firstUpdated(){this.setAttribute("role","separator")}handleDirectionChange(){this.setAttribute("aria-orientation","vertical"===this.direction?"vertical":"horizontal")}};Pi.styles=[_t,Li],t([bt({reflect:!0})],Pi.prototype,"direction",void 0),t([wt("direction")],Pi.prototype,"handleDirectionChange",null),Pi=t([ut("nord-divider")],Pi);var Fi=Pi;const Ui=a`:host{--_n-drawer-padding:var(--n-drawer-padding, var(--n-space-l))}.n-drawer{--n-footer-box-shadow:none;display:flex;flex-direction:column;block-size:100%}.n-drawer-main{flex:1;padding:var(--_n-drawer-padding);overflow-y:auto}:host([padding=none]){--_n-drawer-padding:var(--n-drawer-padding, 0)}::slotted(nord-header){--_n-header-box-shadow:none}`,qi=a`:host{--_n-footer-padding-inline:var(--n-footer-padding-inline, var(--n-space-l));--_n-footer-box-shadow:var(--n-footer-box-shadow, var(--n-box-shadow-header));--_n-footer-background-color:var(--n-footer-background-color, var(--n-color-surface));--_n-footer-padding-block:var(--n-space-m);color:var(--n-color-text)}::slotted(*){margin:0!important}::slotted(a){color:var(--n-color-text-link);text-decoration:underline}::slotted(a:hover){text-decoration:none}.n-footer{display:flex;flex-flow:row;align-items:center;flex-wrap:wrap;gap:var(--n-space-s);padding:var(--_n-footer-padding-block) var(--_n-footer-padding-inline);background-color:var(--_n-footer-background-color);border-block-start:1px solid var(--n-color-border);box-shadow:var(--_n-footer-box-shadow);justify-content:flex-end}:host([size='s']){--_n-footer-padding-block:var(--n-space-s)}`;let ji=class extends ht{constructor(){super(...arguments),this.size="m"}render(){return H`<footer class="n-footer"><slot></slot></footer>`}};ji.styles=[_t,qi],t([bt({reflect:!0})],ji.prototype,"size",void 0),ji=t([ut("nord-footer")],ji);var Hi=ji;let Wi=class extends ht{constructor(){super(...arguments),this.footerSlot=new le(this,"footer"),this.padding="m"}render(){return H`<div class="n-drawer"><slot name="header"></slot><div class="n-drawer-main"><slot></slot></div><nord-footer ?hidden="${this.footerSlot.isEmpty}"><slot name="${this.footerSlot.slotName}"></slot></nord-footer></div>`}};Wi.styles=[_t,Ui],t([bt({reflect:!0})],Wi.prototype,"padding",void 0),Wi=t([ut("nord-drawer")],Wi);var Yi=Wi;const Vi=a`.n-dropdown-group-heading{font-size:var(--n-font-size-xs);font-weight:var(--n-font-weight-heading);color:var(--n-color-text-weaker);padding:var(--n-space-xs) var(--n-space-s);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:35.9375em){.n-dropdown-group-heading{padding:calc(var(--n-space-s)/ 1.5) var(--n-space-m)}}.n-dropdown-group-content{display:flex;flex-direction:column}::slotted(nord-message){inline-size:calc(100% + calc(var(--n-space-s) * 2));margin-inline-start:calc(var(--n-space-s) * -1)}::slotted(nord-message:last-of-type){padding-block-end:0;border-block-end:0}`;let Gi=class extends ht{render(){return H`<div class="n-dropdown-group">${this.heading?H`<p id="heading" aria-hidden="true" class="n-dropdown-group-heading">${this.heading}</p>`:V}<div class="n-dropdown-group-content" role="group" aria-labelledby="${this.heading?"heading":V}"><slot></slot></div></div>`}};Gi.styles=[_t,Vi],t([bt({reflect:!0})],Gi.prototype,"heading",void 0),Gi=t([ut("nord-dropdown-group")],Gi);var Xi=Gi;const Ki=a`:host{--_n-dropdown-item-background-color:var(--n-dropdown-item-background-color, transparent);--_n-dropdown-item-color:var(--n-dropdown-item-color, var(--n-color-text));display:flex;line-height:var(--n-line-height-tight)}.n-dropdown-item{appearance:none;cursor:pointer;display:flex;flex:1;gap:var(--n-space-s);align-items:center;font-family:inherit;font-size:inherit;font-weight:var(--n-font-weight);text-decoration:none;border:0;color:var(--_n-dropdown-item-color);padding:var(--n-space-s);border-radius:var(--n-border-radius-s);background:var(--_n-dropdown-item-background-color);text-align:start;box-shadow:var(--n-dropdown-item-box-shadow,none);min-inline-size:0}.n-dropdown-item:hover{--_n-dropdown-item-background-color:var(--n-dropdown-item-background-color, var(--n-color-accent));--_n-dropdown-item-color:var(--n-dropdown-item-color, var(--n-color-text-on-accent))}.n-dropdown-item:hover ::slotted(*){color:var(--n-dropdown-item-color,var(--n-color-text-on-accent))!important}.n-dropdown-item ::slotted(nord-icon){color:var(--n-color-icon)}.n-dropdown-item:hover ::slotted(nord-icon){color:currentColor}.n-dropdown-item:active{opacity:.7}.n-dropdown-item:focus{--n-dropdown-item-box-shadow:0 0 0 2px var(--n-color-accent);outline:0;position:relative;z-index:var(--n-index-masked)}@supports selector(:focus-visible){.n-dropdown-item:focus{--n-dropdown-item-box-shadow:none}.n-dropdown-item:focus-visible{--n-dropdown-item-box-shadow:0 0 0 2px var(--n-color-accent)}}@media (max-width:35.9375em){.n-dropdown-item{gap:var(--n-space-m);padding:calc(var(--n-space-m)/ 1.5) var(--n-space-m)}.n-dropdown-item ::slotted(nord-icon){block-size:var(--n-size-icon-m);inline-size:var(--n-size-icon-m)}}slot[name=end],slot[name=start]{flex:0 0 auto}slot[name=end]{display:flex;margin-inline-start:auto}.n-content{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([disabled]){--_n-dropdown-item-background-color:var(--n-dropdown-item-background-color, transparent);--_n-dropdown-item-color:var(--n-dropdown-item-color, var(--n-color-text-weakest));pointer-events:none}:host([disabled]) .n-button::after{display:none}::slotted(nord-icon:not([size])){--_n-icon-size:var(--n-size-icon-s)}`;let Qi=class extends(De(ht)){constructor(){super(...arguments),this.endSlot=new le(this,"end"),this.target="_self",this.disabled=!1}render(){const t=H`<slot name="start"></slot><div class="n-content"><slot></slot></div><slot name="end" ?hidden="${this.endSlot.isEmpty}"></slot>`;return this.href?this.renderLink(t):this.renderButton(t)}renderLink(t){return H`<a ${Ee(this.focusableRef)} class="n-dropdown-item" target="${this.target}" href="${Bt(this.disabled,V,this.href)}" tabindex="${Bt(this.disabled,"-1")}" aria-disabled="${Bt(this.disabled,"true")}" role="${Bt(this.disabled,"link")}">${t}</a>`}renderButton(t){return H`<button ${Ee(this.focusableRef)} class="n-dropdown-item" ?disabled="${this.disabled}">${t}</button>`}};Qi.styles=[_t,Ki],t([bt({reflect:!0})],Qi.prototype,"href",void 0),t([bt()],Qi.prototype,"target",void 0),t([bt({type:Boolean,reflect:!0})],Qi.prototype,"disabled",void 0),Qi=t([ut("nord-dropdown-item")],Qi);var Zi=Qi;const Ji=a`:host{--_n-dropdown-size:var(--n-dropdown-size, 250px);--_n-dropdown-max-block-size:var(--n-dropdown-max-block-size, 460px)}.n-dropdown-content{padding:var(--n-space-s) 0;min-inline-size:var(--_n-dropdown-size);max-inline-size:calc(var(--_n-dropdown-size) * 1.5);max-block-size:var(--_n-dropdown-max-block-size);overflow-y:auto}@media (max-width:35.9375em){.n-dropdown-content{max-block-size:70vh;max-inline-size:none}}::slotted(nord-dropdown-group),::slotted(nord-dropdown-item){padding-inline-start:var(--n-space-s);padding-inline-end:var(--n-space-s)}::slotted(nord-dropdown-group){padding-block-end:var(--n-space-s);border-block-end:1px solid var(--n-color-border);margin-block-end:var(--n-space-s)}::slotted(nord-dropdown-group:last-child){padding-block-end:0;border-block-end:0;margin-block-end:0}::slotted(nord-message:first-of-type){padding-block-start:0}::slotted(nord-message:last-of-type){margin-block-end:var(--n-space-s)}slot[name=toggle]{display:inline-block}:host([expand]) slot[name=toggle]{inline-size:100%}:host([size='s']){--_n-dropdown-size:var(--n-dropdown-size, 150px)}:host([size='l']){--_n-dropdown-size:var(--n-dropdown-size, 300px)}.n-dropdown-header{padding:calc(var(--n-space-m) + 2px) var(--n-space-m);border-block-end:1px solid var(--n-color-border);background-color:var(--n-color-surface-raised);border-start-start-radius:var(--n-border-radius);border-start-end-radius:var(--n-border-radius);font-weight:var(--n-font-weight);display:flex;gap:var(--n-space-s);align-items:center;flex-wrap:wrap}.n-dropdown-header ::slotted(nord-button){--n-button-gap:var(--n-space-xs);--n-button-background-color:var(--n-color-surface)}.n-dropdown-header ::slotted(nord-button:hover){--n-button-background-color:var(--n-color-button-hover)}::slotted([slot=header-end]){margin-inline-start:auto;gap:var(--n-space-s);display:flex;align-items:center;flex-wrap:wrap}::slotted(:is(h1, h2, h3, h4, h5, h6, p)){margin:0!important}`;let ta=class extends(ki(ht)){constructor(){super(...arguments),this.headerSlot=new le(this,"header"),this.headerEndSlot=new le(this,"header-end"),this.expand=!1,this.size="m",this.alwaysFloating=!1}connectedCallback(){super.connectedCallback();const t=this.querySelector('[slot="toggle"]');null==t||t.setAttribute("aria-haspopup","true")}render(){return H`<div class="n-dropdown" @focusout="${this.handleBlur}"><slot name="toggle" aria-controls="popout"></slot><nord-popout id="popout" align="${Et(this.align)}" position="${Et(this.position)}" ?open="${this.open}" ?always-floating="${this.alwaysFloating}" @open="${this.handleOpen}" @close="${this.handleClose}"><div class="n-dropdown-header" ?hidden="${this.headerSlot.isEmpty&&this.headerEndSlot.isEmpty}"><slot name="${this.headerSlot.slotName}"></slot><slot name="${this.headerEndSlot.slotName}"></slot></div><div class="n-dropdown-content"><slot></slot></div></nord-popout></div>`}handleBlur(t){const e=t.relatedTarget;e&&!this.contains(e)&&this.popout.hide(!1)}handleOpen(){this.open=!0}handleClose(){this.open=!1}handleOpenChange(){var t;if(this.open){const e=null!==(t=this.querySelector("[autofocus]"))&&void 0!==t?t:this.querySelector("nord-dropdown-item, nord-message");null==e||e.focus(),this.list.scrollTop=0}}hide(t){return this.popout.hide(t)}show(){return this.popout.show()}};ta.styles=[_t,Ji],ta.shadowRootOptions={...ht.shadowRootOptions,delegatesFocus:!0},t([yt(".n-dropdown-content")],ta.prototype,"list",void 0),t([yt("nord-popout",!0)],ta.prototype,"popout",void 0),t([bt({reflect:!0,type:Boolean})],ta.prototype,"expand",void 0),t([bt({reflect:!0})],ta.prototype,"size",void 0),t([bt({reflect:!0,type:Boolean,attribute:"always-floating"})],ta.prototype,"alwaysFloating",void 0),t([wt("open","updated")],ta.prototype,"handleOpenChange",null),ta=t([ut("nord-dropdown")],ta);var ea=ta;const na=a`:host{background:var(--n-color-surface);color:var(--n-color-text)}.n-empty-state{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:var(--n-space-xl)}@media (max-width:500px){.n-empty-state{padding:var(--n-space-l) var(--n-space-m)}}::slotted(:is(h1, h2, h3, h4, h5, h6)){color:var(--n-color-text)!important;margin:0 0 var(--n-space-m)!important;font-weight:var(--n-font-weight-heading)!important;font-size:var(--n-font-size-xl)!important;line-height:var(--n-line-height-heading)!important}::slotted(p){margin:0 0 var(--n-space-l)!important;font-size:var(--n-font-size-m)!important;color:var(--n-color-text-weaker)!important;line-height:var(--n-line-height)!important;max-inline-size:var(--n-empty-state-text-width,400px)}::slotted(:is(h1, h2, h3, h4, h5, h6, p)){text-wrap:balance!important}`;let oa=class extends ht{render(){return H`<div class="n-empty-state"><slot></slot></div>`}};oa.styles=[_t,na],oa=t([ut("nord-empty-state")],oa);var ra=oa;const ia=a`fieldset{border:none}.n-label-container{margin-block-end:calc(var(--n-space-s) * 2)}:host([size='s']) .n-label-container{margin-block-end:var(--n-space-s)}.n-hidden{position:absolute;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);block-size:1px;inline-size:1px;white-space:nowrap}`;let aa=class extends ht{constructor(){super(...arguments),this.errorSlot=new le(this,"error"),this.hintSlot=new le(this,"hint"),this.label="",this.required=!1,this.hideRequired=!1,this.hideLabel=!1,this.size="m"}render(){const{hasError:t}=this;return H`<fieldset aria-invalid="${Bt(t,"true")}" aria-describedby="${Bt(t,"error")}" aria-required="${Bt(this.required,"true")}"><legend class="n-label-container ${this.hideLabel?"n-hidden":""}"><div class="n-label"><slot name="label">${this.label}</slot><span aria-hidden="true" class="n-required" ?hidden="${!this.required||this.hideRequired}">*</span></div><div class="n-caption n-hint" ?hidden="${!this.hasHint}"><slot name="hint">${this.hint}</slot></div></legend><slot></slot><div class="n-caption n-error" id="error" role="alert" ?hidden="${!this.hasError}"><slot name="error">${this.error}</slot></div></fieldset>`}get hasHint(){return Boolean(this.hint)||this.hintSlot.hasContent}get hasError(){return Boolean(this.error)||this.errorSlot.hasContent}};aa.styles=[_t,Xn,ia],t([bt({reflect:!0})],aa.prototype,"label",void 0),t([bt({reflect:!0})],aa.prototype,"hint",void 0),t([bt({reflect:!0})],aa.prototype,"error",void 0),t([bt({reflect:!0,type:Boolean})],aa.prototype,"required",void 0),t([bt({reflect:!0,type:Boolean,attribute:"hide-required"})],aa.prototype,"hideRequired",void 0),t([bt({reflect:!0,type:Boolean,attribute:"hide-label"})],aa.prototype,"hideLabel",void 0),t([bt({reflect:!0})],aa.prototype,"size",void 0),aa=t([ut("nord-fieldset")],aa);var sa=aa;const la=a`:host{--_n-header-box-shadow:var(--n-box-shadow-header);--_n-header-block-size:var(--n-header-block-size, var(--n-space-xxl));--_n-header-padding-block:var(--n-space-m);--_n-header-padding-inline:var(--n-space-l);color:var(--n-color-text)}::slotted(*){margin:0!important}::slotted(a){color:var(--n-color-text-link);text-decoration:underline}::slotted(a:hover){text-decoration:none}.n-header,.n-header-end{display:flex;flex-flow:row;align-items:center;gap:var(--n-space-m)}.n-header{padding:var(--_n-header-padding-block) var(--_n-header-padding-inline);padding-inline-start:calc(var(--_n-header-padding-inline) + var(--_n-header-gutter,0px));background-color:var(--n-color-surface);border-block-end:1px solid var(--n-color-border);box-shadow:var(--_n-header-box-shadow);block-size:var(--_n-header-block-size)}.n-header-end{margin-inline-start:auto;gap:var(--n-space-s)}:host([size='s']){--_n-header-block-size:var(--n-size-top-bar);--_n-header-padding-block:var(--n-space-s)}`;let da=class extends ht{constructor(){super(...arguments),this.endSlot=new le(this,"end"),this.size="m"}render(){return H`<header class="n-header"><slot></slot><div class="n-header-end" ?hidden="${this.endSlot.isEmpty}"><slot name="end"></slot></div></header>`}};da.styles=[_t,la],t([bt({reflect:!0})],da.prototype,"size",void 0),da=t([ut("nord-header")],da);var ca=da;const ha="navigation-toggle-lock";var pa=Object.freeze({__proto__:null,default:'<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="m19.7188 10.71-8 8-1.41-1.41 7.29-7.29-7.3-7.29996 1.41-1.41 8 8c.39.39.39 1.01996 0 1.40996zm-8-1.40996-7.99997-8.01-1.41 1.41 7.29 7.29-7.3 7.29996 1.41 1.41 8.00997-7.99c.39-.39.39-1.01996 0-1.40996z" fill="currentColor"/></svg>',tags:"nordicon navigation hamburger menu toggle navigation arrow right double lock triangle chevron",title:ha});const ua=()=>!0;class va{constructor(t,e){t.addController(this),this.options={enabled:ua,...e}}hostConnected(){"undefined"!=typeof BroadcastChannel&&(this.channel=new BroadcastChannel(this.options.channelName),this.channel.addEventListener("message",this))}hostDisconnected(){var t,e;null===(t=this.channel)||void 0===t||t.removeEventListener("message",this),null===(e=this.channel)||void 0===e||e.close()}handleEvent(t){this.options.enabled()&&this.options.onMessage(t.data)}post(t){var e;this.options.enabled()&&(null===(e=this.channel)||void 0===e||e.postMessage(t))}}function ga(t,e,n=JSON.stringify,o=JSON.parse){return{get value(){try{const n=localStorage.getItem(t);return n?o(n):e}catch(t){return e}},set value(e){try{localStorage.setItem(t,n(e))}catch(t){}}}}const ba=a`:host{--_n-sticky-size:0px;--_n-sticky-top:var(--n-sticky-top, 0px);--_n-sticky-index:var(--n-sticky-index, var(--n-index-sticky))}:host([sticky]) .n-sticky{position:sticky;inset-block-start:var(--_n-sticky-top);z-index:var(--_n-sticky-index)}:host>*{--n-sticky-top:calc(var(--_n-sticky-top) + var(--_n-sticky-size));--n-sticky-index:calc(var(--_n-sticky-index) - 1)}`,ma=a`:host{--_n-layout-padding:var(--n-layout-padding, var(--n-space-l));--_n-layout-drawer-inline-size:var(--n-layout-drawer-inline-size, 320px);--_n-layout-background-color:var(--n-layout-background-color, var(--n-color-background));--_n-layout-nav-transition-duration:var(--n-transition-mobile);--_n-layout-header-size:var(--n-space-xxl);--_n-layout-header-size-s:calc(var(--n-space-xl) + var(--n-space-m));--_n-layout-footer-size:var(--n-space-xxl);background:var(--_n-layout-background-color);color:var(--n-color-text);min-block-size:100vh}.n-layout{block-size:calc(100vh - var(--n-sticky-top))}.n-layout-main,.n-layout-nav{background:var(--_n-layout-background-color);min-block-size:100%}.n-layout-nav{position:fixed;user-select:none;inline-size:var(--_n-layout-nav-width);z-index:var(--n-index-nav);inset-block-start:0;inset-inline-start:0;inset-block-end:0;transform:translateX(var(--n-nav-transform));box-shadow:var(--n-box-shadow-nav)}.n-layout-main{position:relative}main{padding:var(--_n-layout-padding)}.n-has-top-bar{--_n-sticky-top:var(--_n-layout-header-size)}:host([sticky]) .n-has-header{--_n-sticky-size:var(--_n-layout-header-size)}:host([sticky-footer]) .n-has-footer slot[name=footer]::slotted(*){position:fixed}aside{position:fixed;z-index:var(--n-index-nav);inset-block:0;inset-inline-end:0;inline-size:var(--_n-layout-drawer-inline-size);max-inline-size:100%;background:var(--n-color-surface);box-shadow:var(--n-box-shadow-nav)}@media (min-width:1240px){.n-has-drawer .n-layout-content{margin-inline-end:var(--_n-layout-drawer-inline-size)}aside{box-shadow:var(--n-box-shadow-header);border-inline-start:1px solid var(--n-color-border)}}slot[name=drawer]::slotted(*){block-size:100%!important}.n-has-top-bar aside{inset-block-start:var(--_n-layout-header-size)}:is(.n-has-top-bar,.n-has-header) ::slotted(nord-notification-group){inset-block-start:var(--_n-layout-header-size)}:is([data-nav=closed],[data-nav=unpeek]) .n-layout-nav{transform:translateX(-110%)}.n-rtl:is([data-nav=closed],[data-nav=unpeek]) .n-layout-nav{transform:translateX(110%)}[data-screen=narrow] .n-layout-nav{z-index:var(--n-index-popout);transition:transform var(--_n-layout-nav-transition-duration)}[data-screen=wide]:is(:not([data-nav=opened],[data-nav=closed])) .n-layout-nav{transition:transform var(--_n-layout-nav-transition-duration);border-start-end-radius:var(--n-border-radius);border-end-end-radius:var(--n-border-radius);min-block-size:0;inset-block-start:calc(var(--n-space-m) * 4);inset-block-end:var(--n-space-l)}[data-screen=wide][data-nav=opened] .n-layout-nav{border-inline-end:1px solid var(--n-color-border);box-shadow:none}[data-screen=wide][data-nav=opened]:not(.n-has-top-bar) .n-layout-nav{--n-navigation-header-padding-inline:calc(var(--n-space-l) / 1.5)}.n-has-top-bar[data-screen=wide][data-nav=opened] .n-layout-nav{--n-navigation-header-background:var(--n-color-accent-secondary);--n-navigation-header-color:var(--n-color-text-on-accent);--n-navigation-header-divider:none;--n-navigation-header-toggle-icon-color:rgb(255, 255, 255, 0.85);--n-navigation-header-focus-style:0 0 0 1px #fff inset,inset 0 0 0 100px rgb(255, 255, 255, 0.2);border-color:transparent;border-image-slice:1;border-image-source:linear-gradient(to bottom,rgb(255,255,255,.16) calc(var(--_n-layout-header-size) + 1px),var(--n-color-border) calc(var(--_n-layout-header-size) + 1px));background:var(--n-color-accent-secondary);box-shadow:0 0 transparent}[data-screen=wide]:not([data-nav=opened]) .n-layout-nav{--n-navigation-header-block-size:var(--_n-layout-header-size-s);overflow:hidden}[data-screen=wide][data-nav=opened] .n-layout-main{margin-inline-start:var(--_n-layout-nav-width)}[data-screen=narrow] .n-layout-main::after{content:'';position:fixed;inset:0;z-index:var(--n-index-overlay);transition:opacity var(--n-transition-mobile),visibility var(--n-transition-mobile);background:var(--n-color-overlay)}[data-screen=narrow]:not([data-nav=opened],[data-nav=peek],[data-nav=blocked]) .n-layout-main::after{visibility:hidden;opacity:0}.n-resize{touch-action:none;position:absolute;min-block-size:100%;inset-block:0;inset-inline-end:-8px;inline-size:10px;background:0 0}[data-nav=opened] .n-resize{cursor:col-resize}.n-resize::after{content:'';position:absolute;z-index:var(--n-index-sticky);inset-block:0;inset-inline-end:5px;inline-size:3px;background:var(--n-color-accent);transition:opacity var(--n-transition-slowly);opacity:0}.n-resize:focus{outline:0}.n-dragging .n-resize::after,.n-resize:focus::after,[data-nav=opened] .n-resize:hover::after{opacity:1;transition-delay:.15s}@supports selector(:focus-visible){.n-resize:focus::after{opacity:0}.n-resize:focus-visible::after{opacity:1}}.n-dragging{cursor:col-resize!important;user-select:none}:host([padding=none]){--_n-layout-padding:var(--n-layout-padding, 0)}.n-top-bar-container{position:fixed;inset-inline-start:var(--_n-layout-nav-width);inset-inline-end:0;inset-block-start:0;z-index:var(--n-index-top-bar)}[data-screen=narrow] .n-top-bar-container,[data-screen=wide]:not([data-nav=opened]) .n-top-bar-container{inset-inline-start:0}.n-has-top-bar{--_n-layout-header-size:var(--_n-layout-header-size-s);--n-navigation-header-block-size:var(--_n-layout-header-size)}.n-has-top-bar :is([name=header],[name=drawer])::slotted(*){--n-header-block-size:var(--_n-layout-header-size)}.n-has-top-bar .n-layout-main{inset-block-start:var(--_n-layout-header-size)}.n-nav-toggle-container{position:absolute;padding-inline-start:var(--n-space-s);block-size:var(--_n-layout-header-size);display:flex;align-items:center;z-index:calc(var(--n-index-top-bar) + 1)}[data-screen=narrow] .n-nav-toggle-container{padding-inline-start:var(--n-space-xs)}.n-has-top-bar .n-nav-toggle-container,:host([sticky]) .n-nav-toggle-container{position:fixed;inset-block-start:0}[data-screen=wide][data-nav=opened] .n-nav-toggle-container{display:none}.n-has-nav[data-screen=wide]:not([data-nav=opened]) ::slotted(nord-top-bar),.n-has-nav[data-screen=wide]:not([data-nav=opened],.n-has-top-bar) ::slotted(nord-header[slot=header]){--_n-header-gutter:calc(var(--n-space-l) * 1.8)}.n-has-nav[data-screen=narrow] ::slotted(nord-top-bar),.n-has-nav[data-screen=narrow]:not(.n-has-top-bar) ::slotted(nord-header[slot=header]){--_n-header-gutter:var(--n-space-xl)}.n-has-top-bar :is(nord-nav-toggle,::slotted(nord-nav-toggle)){--n-button-background-color:transparent;color:rgb(255,255,255,.85)}.n-has-top-bar :is(nord-nav-toggle,::slotted(nord-nav-toggle)):focus{--n-button-background-color:rgb(0, 0, 0, 0.2)}.n-collapse-btn{--_n-collapse-btn-size:var(--n-space-l);position:fixed;inset-inline-start:calc(var(--_n-layout-nav-width) - (var(--_n-collapse-btn-size)/ 2));inset-block-start:calc(var(--_n-layout-header-size) + (var(--_n-layout-header-size) - var(--_n-collapse-btn-size))/ 2);border-radius:var(--n-border-radius-circle);block-size:var(--_n-collapse-btn-size);inline-size:var(--_n-collapse-btn-size);display:flex;align-items:center;justify-content:center;color:var(--n-color-icon);background:var(--n-color-button);box-shadow:var(--n-box-shadow-card);border:0;z-index:var(--n-index-sticky);cursor:pointer;transition:opacity var(--n-transition-slowly),visibility var(--n-transition-slowly),background-color var(--n-transition-quickly),color var(--n-transition-quickly)}.n-collapse-btn:hover{background:var(--n-color-accent);color:var(--n-color-text-on-accent)}.n-collapse-btn:focus{outline:0;box-shadow:0 0 0 2px var(--n-color-accent),var(--n-box-shadow)}[data-screen=narrow] .n-collapse-btn,[data-screen=wide]:not([data-nav=opened]) .n-collapse-btn{display:none}@media (hover:hover) and (pointer:fine){.n-collapse-btn{opacity:0;visibility:hidden}.n-collapse-btn:focus,.n-layout-nav:hover .n-collapse-btn{opacity:1;visibility:visible}}.n-collapse-btn nord-icon{transform:rotate(180deg)}.n-rtl .n-collapse-btn nord-icon{transform:rotate(0)}slot[name=footer]::slotted(*){inset-inline-start:var(--_n-layout-nav-width);inset-inline-end:0;inset-block-end:0}@media (min-width:1240px){.n-has-drawer slot[name=footer]::slotted(*){inset-inline-end:var(--_n-layout-drawer-inline-size)}}[data-screen=narrow] slot[name=footer]::slotted(*),[data-screen=wide]:not([data-nav=opened]) slot[name=footer]::slotted(*){inset-inline-start:0}:host([sticky-footer]) .n-has-footer .n-layout-content{padding-block-end:var(--_n-layout-footer-size)}`;const fa="navigation-toggle";var ya=Object.freeze({__proto__:null,default:'<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="m18.9988 3v2h-16.00002v-2zm-16.00002 8h16.00002v-2h-16.00002zm0 6h16.00002v-2h-16.00002z" fill="currentColor"/></svg>',tags:"nordicon navigation hamburger menu toggle navigation three lines",title:fa});const xa=a`:host{color:var(--n-color-icon);display:inline-flex}nord-button{--n-button-color:currentColor}nord-icon{display:block;transform:translateX(-1px);color:currentColor}nord-icon[name=navigation-toggle-lock]{display:none}.is-rtl nord-icon[name=navigation-toggle-lock]{transform:rotate(180deg)}@media (min-width:768px){:host(:is(:hover,:focus-within)) nord-icon[name=navigation-toggle-lock]{display:block}:host(:is(:hover,:focus-within)) nord-icon[name=navigation-toggle]{display:none}}`;Ft.registerIcon(ya),Ft.registerIcon(pa);let wa=class extends(De(ht)){constructor(){super(...arguments),this.direction=new ae(this),this.localization=new An(this)}render(){return H`<nord-button variant="plain" ${Ee(this.focusableRef)} class="${ie({"is-rtl":this.direction.isRTL})}"><nord-visually-hidden>${this.localization.term("label")}</nord-visually-hidden><nord-icon size="m" name="${fa}"></nord-icon><nord-icon size="m" name="${ha}"></nord-icon></nord-button>`}};wa.styles=[_t,xa],wa=t([ut("nord-nav-toggle")],wa);var ka=wa;Ft.registerIcon(pa);const _a="undefined"!=typeof matchMedia?matchMedia("(min-width: 768px)"):{matches:!1,addEventListener(){}},za=ga("nord-layout.navWidth",250),$a=ga("nord-layout.navOpen",!0),Sa=kt({opened:{toggle:"closed",close:"closed"},closed:{toggle:"opened",open:"opened",focusin:"peek",pointerenter:"peek"},peek:{toggle:"opened",focusout:"unpeek",pointerleave:"wait",dropdownOpen:"blocked",click:"unpeek",open:"opened"},blocked:{dropdownClose:"peek",open:"opened"},wait:{toggle:"opened",focusin:"peek",pointerenter:"peek",timeout:"unpeek"},unpeek:{toggle:"opened",focusin:"peek",pointerenter:"peek",transitionend:"closed"}});let Ca=class extends ht{constructor(){super(...arguments),this.navSlot=new le(this,"nav"),this.drawerSlot=new le(this,"drawer"),this.topBarSlot=new le(this,"top-bar"),this.headerSlot=new le(this,"header"),this.footerSlot=new le(this,"footer"),this.direction=new ae(this),this.events=new se(this),this.lightDismiss=new lo(this,{isOpen:()=>"opened"===this.navState&&!this.wideScreen,onDismiss:()=>this.navTransition("close"),isDismissible:t=>t!==this.navEl}),this.broadcast=new va(this,{channelName:"nord-layout-nav-state",enabled:()=>this.syncNavState&&this.wideScreen,onMessage:t=>{"navOpen"in t&&(this.navOpen=t.navOpen),"navWidth"in t&&(this.navWidth=t.navWidth)}}),this.navWidth=za.value,this.isDragging=!1,this.wideScreen=_a.matches,this.persistNavState=!1,this.syncNavState=!1,this.padding="m",this.sticky=!1,this.stickyFooter=!1,this.handleMediaQueryChange=()=>{this.wideScreen=_a.matches,this.navTransition(this.wideScreen?"open":"close")},this.handleToggleClick=()=>{this.navTransition("toggle")},this.handleNavFocus=()=>{this.navTransition("focusin")},this.handleMainFocus=()=>{this.navTransition("focusout")},this.handleMouseEnter=()=>{this.wideScreen&&this.navTransition("pointerenter")},this.handleMouseLeave=()=>{this.navTransition("pointerleave")},this.handleTransitionEnd=()=>{this.navTransition("transitionend")}}get isNarrow(){return!this.wideScreen}connectedCallback(){super.connectedCallback(),this.events.listen(_a,"change",this.handleMediaQueryChange)}willUpdate(){this.hasUpdated||(this.isNarrow||this.persistNavState&&!1===$a.value?this.navState="closed":this.navState="opened")}render(){const{navWidth:t,navState:e,navSlot:n,headerSlot:o,footerSlot:r,topBarSlot:i,drawerSlot:a,isDragging:s,direction:l}=this,d="opened"===e&&this.wideScreen?t:250;return H`<div class="${ie({"n-layout":!0,"n-rtl":l.isRTL,"n-dragging":s,"n-has-header":o.hasContent,"n-has-footer":r.hasContent,"n-has-top-bar":i.hasContent,"n-has-drawer":a.hasContent,"n-has-nav":n.hasContent})}" style="${Mo({"--_n-layout-nav-width":`${d}px`})}" data-nav="${n.hasContent?e:"closed"}" data-screen="${this.wideScreen?"wide":"narrow"}"><div class="n-layout-nav" ?hidden="${n.isEmpty}" @focusin="${this.handleNavFocus}" @mouseenter="${this.handleMouseEnter}" @mouseleave="${this.handleMouseLeave}" @open="${this.handleDropdownOpen}" @close="${this.handleDropdownClose}"><slot name="nav" @click="${this.handleNavClick}"></slot><div class="n-resize" role="separator" aria-orientation="vertical" tabindex="0" @pointerdown="${Bt("opened"===e,this.startDragging)}" @pointermove="${Bt(s,this.handleDrag)}" @pointerleave="${this.stopDragging}" @pointerup="${this.stopDragging}" @keydown="${this.handleKeyboardResize}" ?hidden="${this.isNarrow}"></div>${this.renderNavCollapse()}</div><div class="n-layout-main" @focusin="${this.handleMainFocus}" @click="${this.handleMainClick}">${n.hasContent?this.renderNavToggle():V}<div class="n-top-bar-container"><slot name="top-bar"></slot></div><div class="n-layout-content"><div class="n-sticky"><slot name="header"></slot></div><main><slot></slot></main><slot name="footer"></slot></div><aside ?hidden="${this.drawerSlot.isEmpty}"><slot name="drawer"></slot></aside></div></div>`}renderNavToggle(){return H`<div class="n-nav-toggle-container"><slot name="nav-toggle" @click="${this.handleToggleClick}" @mouseover="${this.handleMouseEnter}" @mouseout="${this.handleMouseLeave}"><nord-nav-toggle></nord-nav-toggle></slot></div>`}renderNavCollapse(){return H`<button class="n-collapse-btn" @click="${this.handleToggleClick}"><nord-icon name="navigation-toggle-lock" size="s"></nord-icon></button>`}handleNavWidthChange(){za.value=this.navWidth}handleNavStateChange(t){switch("wait"===t&&this.peekTimeoutId&&clearTimeout(this.peekTimeoutId),"unpeek"===t&&this.navEl.removeEventListener("transitionend",this.handleTransitionEnd),this.navState){case"closed":this.navOpen=!1;break;case"opened":this.navOpen=!0;break;case"wait":this.peekTimeoutId=setTimeout((()=>this.navTransition("timeout")),300);break;case"unpeek":this.navEl.addEventListener("transitionend",this.handleTransitionEnd,{once:!0})}}handleOpenChange(t){this.isDragging||this.setNavWidth(Math.max(this.navWidth,250)),this.navTransition(this.navOpen?"open":"close"),this.persistNavState&&($a.value=this.navOpen),null!=t&&this.broadcast.post({navOpen:this.navOpen})}navTransition(t){this.navState=Sa.transition(this.navState,t)}handleNavClick(t){if(!t.defaultPrevented&&!this.wideScreen){const n=t.target;(t=>"nord-nav-item"===t.localName)(e=n)&&!e.hasSubNav&&this.navTransition("close")}var e}handleMainClick(){this.navTransition("click")}handleDropdownOpen(t){"nord-dropdown"===t.target.localName&&this.navTransition("dropdownOpen")}handleDropdownClose(t){"nord-dropdown"===t.target.localName&&this.navTransition("dropdownClose")}handleKeyboardResize(t){const{navWidth:e,direction:{isLTR:n}}=this;switch(t.key){case"ArrowLeft":this.setNavWidth(e+(n?-30:30));break;case"ArrowRight":this.setNavWidth(e+(n?30:-30));break;case"Enter":this.navTransition("toggle");break;case"Home":this.setNavWidth(220);break;case"End":this.setNavWidth(400);break;default:return}this.broadcast.post({navWidth:this.navWidth}),t.preventDefault()}setNavWidth(t){this.navWidth=function(t,e,n){return Math.max(e,Math.min(t,n))}(Math.round(t),220,400)}startDragging(t){if(0===t.button){t.target.setPointerCapture(t.pointerId),this.isDragging=!0}}stopDragging(){this.isDragging=!1,this.broadcast.post({navWidth:this.navWidth})}handleDrag(t){const e=this.direction.isRTL?this.clientWidth-t.clientX:t.clientX;this.setNavWidth(e),this.navTransition(e>=100?"open":"close")}};Ca.styles=[_t,ba,ma],t([yt(".n-layout-nav",!0)],Ca.prototype,"navEl",void 0),t([mt()],Ca.prototype,"navWidth",void 0),t([mt()],Ca.prototype,"isDragging",void 0),t([mt()],Ca.prototype,"navState",void 0),t([mt()],Ca.prototype,"wideScreen",void 0),t([bt({reflect:!0,type:Boolean,attribute:"nav-open"})],Ca.prototype,"navOpen",void 0),t([bt({reflect:!0,type:Boolean,attribute:"persist-nav-state"})],Ca.prototype,"persistNavState",void 0),t([bt({type:Boolean,reflect:!0,attribute:"sync-nav-state"})],Ca.prototype,"syncNavState",void 0),t([bt({reflect:!0})],Ca.prototype,"padding",void 0),t([bt({type:Boolean,reflect:!0})],Ca.prototype,"sticky",void 0),t([bt({type:Boolean,reflect:!0,attribute:"sticky-footer"})],Ca.prototype,"stickyFooter",void 0),t([wt("navWidth","updated")],Ca.prototype,"handleNavWidthChange",null),t([wt("navState")],Ca.prototype,"handleNavStateChange",null),t([wt("navOpen","updated")],Ca.prototype,"handleOpenChange",null),Ca=t([ut("nord-layout")],Ca);var Ea=Ca;const Aa=a`:host{--_n-message-border-color:var(--n-message-border-color, var(--n-color-border));padding:var(--n-space-s);border-block-end:1px solid var(--_n-message-border-color)}.n-message{flex-direction:column;gap:var(--n-space-xs);align-items:flex-start;padding-inline-start:var(--n-space-xl);font-size:var(--n-font-size-m);font-weight:var(--n-font-weight);line-height:var(--n-line-height-heading);margin:0;color:var(--n-color-text);position:relative}.n-message:hover{color:var(--n-color-text-on-accent)}slot[name=footer]{font-size:var(--n-font-size-s);font-weight:var(--n-font-weight);color:var(--n-color-text-weaker);line-height:var(--n-line-height-heading)}:host([highlight]) .n-message::after{content:'';position:absolute;inset-block-start:0;inset-inline-start:0;z-index:var(--n-index-deep);border-radius:var(--n-border-radius-s);block-size:100%;inline-size:100%;opacity:.15;background:var(--n-color-accent);filter:brightness(150%)}.n-unread{position:absolute;min-inline-size:var(--n-size-icon-xxs);min-block-size:var(--n-size-icon-xxs);inset-block-start:calc(var(--n-space-s) + var(--n-space-xs));inset-inline-start:var(--n-space-m);background:var(--n-color-accent);border-radius:var(--n-border-radius-circle)}.n-message:hover .n-unread{background:var(--n-color-text-on-accent)}`;let Da=class extends(De(ht)){constructor(){super(...arguments),this.localize=new An(this)}render(){return(this.href?t=>H`<a href="${Et(this.href)}" ${Ee(this.focusableRef)} class="n-dropdown-item n-message">${t}</a>`:t=>H`<button ${Ee(this.focusableRef)} class="n-dropdown-item n-message">${t}</button>`)(H`<div role="img" class="n-unread" aria-label="${this.localize.term("unreadLabel")}" ?hidden="${!this.unread}"></div><slot></slot><slot name="footer"></slot>`)}};Da.styles=[_t,Ki,Aa],t([bt({reflect:!0})],Da.prototype,"href",void 0),t([bt({reflect:!0,type:Boolean})],Da.prototype,"highlight",void 0),t([bt({reflect:!0,type:Boolean})],Da.prototype,"unread",void 0),Da=t([ut("nord-message")],Da);var Ta=Da;const Ra=a`:host{--_n-modal-padding-inline:var(--n-modal-padding-inline, var(--n-space-m));--_n-modal-padding-block:var(--n-modal-padding-block, var(--n-space-m));--_n-modal-focus-ring:0 0 0 2px var(--n-color-accent);--_n-modal-max-inline-size:var(--n-modal-max-inline-size, 620px);color:var(--n-color-text);position:fixed;inset:0;visibility:hidden;transition:visibility var(--n-transition-slowly);z-index:var(--n-index-modal)}:host([open]){transition-property:none;visibility:visible}.n-modal-backdrop{position:fixed;inset:0;background:var(--n-color-overlay);transition:opacity var(--n-transition-slowly);padding:var(--n-space-l);padding-block-start:clamp(var(--n-space-l),min(10vh,10vw) - 1em,calc(var(--n-space-xxl) + var(--n-space-s)));overflow-y:auto}:host(:not([open])) .n-modal-backdrop{opacity:0}.n-modal{--n-footer-padding-inline:var(--_n-modal-padding-inline);--n-footer-background-color:transparent;--n-footer-box-shadow:none;position:relative;display:flex;flex-direction:column;inline-size:100%;max-inline-size:var(--_n-modal-max-inline-size);margin:auto;background:var(--n-color-surface);box-shadow:var(--n-box-shadow-modal);border-radius:var(--n-border-radius);transition:opacity var(--n-transition-slowly),transform var(--n-transition-slowly)}.n-overflow-hidden{overflow:hidden}.n-rounded-top{border-radius:var(--n-border-radius) var(--n-border-radius) 0 0}:host(:not([open])) .n-modal{transform:translateY(-10px) scale(.97);opacity:0}.n-modal:focus{outline:0}.n-modal-body{flex:1}.n-body-padded{display:block;padding:var(--n-space-l) var(--_n-modal-padding-inline) var(--n-space-xl)}.n-modal-header{display:flex;gap:var(--n-space-m);align-items:start;background:var(--n-color-header);border-block-end:1px solid var(--n-color-border)}.n-padded{padding:var(--_n-modal-padding-block) var(--_n-modal-padding-inline)}.n-close{border:none;display:flex;justify-content:center;align-items:center;block-size:var(--n-space-xl);inline-size:var(--n-space-xl);background-color:transparent;border-radius:var(--n-border-radius);inset-block-start:var(--n-space-s);inset-inline-end:var(--n-space-s);color:var(--n-color-text);cursor:pointer;transition:color var(--n-transition-quickly);position:relative}.n-close::after{content:'';position:absolute;display:block;inset:calc(var(--n-space-s) * -1);border-radius:var(--n-border-radius)}.n-close:not(:hover){color:var(--n-color-icon)}.n-close:active{transform:translateY(1px)}.n-close:focus{outline:0;box-shadow:var(--_n-modal-focus-ring)}@supports selector(:focus-visible){.n-close:focus{box-shadow:none}.n-close:focus-visible{box-shadow:var(--_n-modal-focus-ring)}}:host([scrollable]) .n-modal{max-block-size:100%}:host([scrollable]) .n-modal-body{overflow-y:auto}@media (min-width:489px){:host{--_n-modal-padding-inline:var(--n-modal-padding-inline, var(--n-space-l))}:host([size='s']){--_n-modal-padding-inline:var(--n-modal-padding-inline, var(--n-space-m));--_n-modal-max-inline-size:var(--n-modal-max-inline-size, 440px)}:host([size='l']){--_n-modal-padding-inline:var(--n-modal-padding-inline, var(--n-space-l));--_n-modal-max-inline-size:var(--n-modal-max-inline-size, 940px)}:host([size=xl]){--_n-modal-padding-inline:var(--n-modal-padding-inline, var(--n-space-l));--_n-modal-max-inline-size:var(--n-modal-max-inline-size, none)}}slot[name]{display:flex}slot[name=header]{flex:1}slot[name=header]::slotted(*){margin:0!important;padding:0!important;font-size:var(--n-font-size-l)!important;font-weight:var(--n-font-weight-heading)!important;line-height:var(--n-line-height-heading)!important}slot[name=footer]{gap:var(--n-space-xs);flex-direction:column;inline-size:100%}slot[name=footer]::slotted(nord-button-group){--_n-button-group-flex-direction:column;--_n-button-group-max-inline-size:100%}@media (min-width:489px){slot[name=footer]{gap:var(--n-space-s);flex-direction:row;justify-content:flex-end;align-items:center}slot[name=footer]::slotted(nord-button-group){--_n-button-group-flex-direction:row;--_n-button-group-max-inline-size:max-content}}slot[name=feature]{overflow:hidden}slot[name=feature]::slotted(*){inline-size:100%;block-size:auto}`;function Oa(t,e){t.forEach((t=>function(t,e){if(e){const e=t.getAttribute("inert");null!==e&&t.setAttribute("data-n-inert",e),t.setAttribute("inert","")}else{const e=t.getAttribute("data-n-inert");null!==e?(t.setAttribute("inert",e),t.removeAttribute("data-n-inert")):t.removeAttribute("inert")}}(t,e)))}function Ia(t){const e=[];let n=t.nextElementSibling;for(;n;)e.push(n),n=n.nextElementSibling;for(n=t.previousElementSibling;n;)e.push(n),n=n.previousElementSibling;return t.parentElement&&t.parentElement!==document.body&&e.push(...Ia(t.parentElement)),e}class Ba{constructor(t){this.host=t,this.inertElements=[],t.addController(this)}hostDisconnected(){this.release()}trap(){const t=Ia(this.host);Oa(t,!0),this.inertElements=t}release(){Oa(this.inertElements,!1),this.inertElements=[]}}class Ma{constructor(t,e){this.host=t,this.trackLastButton=t=>{const e=t.target;"button"===e.localName&&(this.lastButton=e)},this.polyfillSubmitter=t=>{t.submitter=this.lastButton},this.handleTransitionEnd=t=>{this.options.isOpen()||t.target!==this.host||this.scrollBar.unlockScroll()},this.handleLightDismiss=t=>{this.host.contains(t.target)&&this.options.onDismiss(t)},this.handleSubmit=t=>{this.lastButton=void 0;const e=t.target,n=t.submitter,o="dialog"===e.method,r="dialog"===e.getAttribute("method");r&&!o&&t.preventDefault(),(r||o)&&this.options.close(null==n?void 0:n.value)},t.addController(this),this.options=e,this.scrollBar=new wi(t),this.focusTrap=new Ba(t),this.events=new se(t),this.lightDismiss=new lo(t,{isOpen:e.isOpen,isDismissible:t=>t!==e.dialog(),onDismiss:this.handleLightDismiss})}hostConnected(){window.SubmitEvent||(this.events.listen(this.host,"click",this.trackLastButton,!0),this.events.listen(this.host,"submit",this.polyfillSubmitter,!0)),this.events.listen(this.host,"transitionend",this.handleTransitionEnd),this.events.listen(this.host,"submit",this.handleSubmit)}hostDisconnected(){Ma.openModals.remove(this)}block(){var t;null===(t=Ma.openModals.top)||void 0===t||t.focusTrap.release(),Ma.openModals.push(this),this.scrollBar.lockScroll(),this.trigger=document.activeElement;(this.host.querySelector("[autofocus]")||this.host).focus(),this.focusTrap.trap()}unblock(){var t,e;Ma.openModals.top===this&&(Ma.openModals.pop(),this.options.backdrop().scrollTop=0,this.focusTrap.release(),null===(t=this.trigger)||void 0===t||t.focus(),this.trigger=void 0,null===(e=Ma.openModals.top)||void 0===e||e.focusTrap.trap())}}Ma.openModals=new class{constructor(){this.items=[]}get length(){return this.items.length}get top(){return this.items[this.length-1]}push(t){this.items.push(t)}pop(){return this.items.pop()}remove(t){const e=this.items.indexOf(t);-1!==e&&this.items.splice(e,1)}},Ft.registerIcon(Eo);let Na=class extends ht{constructor(){super(...arguments),this.defaultSlot=new le(this),this.headerSlot=new le(this,"header"),this.featureSlot=new le(this,"feature"),this.footerSlot=new le(this,"footer"),this.localize=new An(this),this.modalController=new Ma(this,{isOpen:()=>this.open,onDismiss:()=>this.handleDismiss(),dialog:()=>this.modal,backdrop:()=>this.backdrop,close:t=>this.close(t)}),this.open=!1,this.size="m",this.returnValue="",this.scrollable=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","dialog")}showModal(){this.open=!0}close(t){this.open=!1,null!=t&&(this.returnValue=t),this.dispatchEvent(new Tn("close"))}focus(t){this.modal.focus({preventScroll:!0,...t})}render(){return H`<div class="n-modal-backdrop"><div class="${ie({"n-modal":!0,"n-overflow-hidden":this.featureSlot.hasContent&&this.defaultSlot.isEmpty&&this.footerSlot.isEmpty})}" tabindex="0"><div class="n-modal-header n-rounded-top" ?hidden="${this.headerSlot.isEmpty}"><slot class="n-padded" name="${this.headerSlot.slotName}"></slot><button class="n-close" @click="${this.handleDismiss}"><nord-icon name="interface-close-small" size="s" label="${this.localize.term("closeLabel")}"></nord-icon></button></div><div class="n-modal-body"><slot name="${this.featureSlot.slotName}" class="${this.headerSlot.isEmpty?"n-rounded-top":""}" ?hidden="${this.featureSlot.isEmpty}"></slot><slot class="${this.defaultSlot.isEmpty?"":"n-body-padded"}"></slot></div><nord-footer ?hidden="${this.footerSlot.isEmpty}"><slot name="${this.footerSlot.slotName}"></slot></nord-footer></div></div>`}handleOpenUpdated(t){this.open?this.modalController.block():!0===t&&this.modalController.unblock()}handleDismiss(){this.dispatchEvent(new Tn("cancel",{cancelable:!0}))&&this.close()}};Na.styles=[_t,Ra],t([yt(".n-modal",!0)],Na.prototype,"modal",void 0),t([yt(".n-modal-backdrop",!0)],Na.prototype,"backdrop",void 0),t([bt({type:Boolean,reflect:!0})],Na.prototype,"open",void 0),t([bt({reflect:!0})],Na.prototype,"size",void 0),t([bt({attribute:!1})],Na.prototype,"returnValue",void 0),t([bt({type:Boolean,reflect:!0})],Na.prototype,"scrollable",void 0),t([wt("open","updated")],Na.prototype,"handleOpenUpdated",null),Na=t([ut("nord-modal")],Na);var La=Na;const Pa=a`:host{color:var(--n-color-text-weak);font-weight:var(--n-font-weight);line-height:var(--n-line-height-tight);white-space:nowrap;text-overflow:ellipsis;user-select:none}[role=list]{margin-block-end:var(--n-space-m);min-inline-size:100%;list-style:none;appearance:none;border:0;box-sizing:border-box;margin:0;padding:0}.n-heading{min-inline-size:100%;color:var(--n-color-nav-heading);font-size:var(--n-font-size-s);font-weight:var(--n-font-weight-active);line-height:var(--n-line-height-tight);padding-inline-start:var(--n-space-s);margin-block-start:var(--n-space-m);margin-block-end:var(--n-space-s);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}`;let Fa=class extends ht{render(){return H`${this.heading?H`<p id="heading" aria-hidden="true" class="n-heading">${this.heading}</p>`:V}<div role="list" aria-labelledby="${this.heading?"heading":V}"><slot></slot></div>`}};Fa.styles=[_t,Pa],t([bt({reflect:!0})],Fa.prototype,"heading",void 0),Fa=t([ut("nord-nav-group")],Fa);var Ua=Fa;const qa=a`:host{--_n-nav-item-box-shadow:none}.n-nav-item{user-select:none;display:flex;align-items:center;font-family:inherit;font-size:inherit;line-height:var(--n-line-height-tight);appearance:none;color:var(--n-color-text-weak);padding:var(--n-space-s);min-block-size:32px;margin-block-end:1px;border-radius:var(--n-border-radius-s);text-decoration:none;inline-size:100%;max-inline-size:100%;background:0 0;cursor:pointer;border:0;text-align:start;box-shadow:var(--_n-nav-item-box-shadow);position:relative;z-index:var(--n-index-default)}.n-nav-item:focus{--_n-nav-item-box-shadow:0 0 0 2px var(--n-color-accent);outline:0;position:relative;z-index:var(--n-index-masked)}@supports selector(:focus-visible){.n-nav-item:focus{--_n-nav-item-box-shadow:none}.n-nav-item:focus-visible{--_n-nav-item-box-shadow:0 0 0 2px var(--n-color-accent)}}.n-nav-item:hover{background:var(--n-color-nav-hover);color:var(--n-color-text)}.n-nav-item:active{opacity:.7}.n-nav-content{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([badge]) .n-nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-inline-size:calc(100% - calc(var(--n-space-m) + var(--n-space-m)));margin-block-end:-3px}:host([active]) .n-nav-item{--_n-nav-item-box-shadow:var(--n-box-shadow);background:var(--n-color-accent);color:var(--n-color-text-on-accent);font-weight:var(--n-font-weight-active)}:host([active]) .n-nav-item:focus{--_n-nav-item-box-shadow:0 0 0 1px var(--n-color-nav-surface),0 0 0 3px var(--n-color-accent)}:host([active]) nord-icon{color:currentColor}.n-toggle-icon{color:var(--n-color-icon);margin-inline-end:var(--n-space-s);margin-inline-start:var(--n-space-s)}.n-toggle-icon.n-rtl{transform:rotate(-180deg)}[aria-expanded=true] .n-toggle-icon{transform:rotate(90deg)}:host([active]) .n-nav-item[aria-expanded]{--_n-nav-item-box-shadow:none;color:var(--n-color-text-weak);font-weight:var(--n-font-weight);background:0 0}:host([active]) .n-nav-item[aria-expanded]:focus-visible{--_n-nav-item-box-shadow:0 0 0 1px var(--n-color-nav-surface),0 0 0 3px var(--n-color-accent)}:host([active]) .n-nav-item[aria-expanded]::after{content:'';position:absolute;inset-block-start:0;inset-inline-start:0;z-index:var(--n-index-deep);border-radius:var(--n-border-radius-s);block-size:100%;inline-size:100%;opacity:.12;background:var(--n-color-accent);filter:brightness(150%)}.n-nav-icon{margin-inline-end:calc(var(--n-space-s) * 1.4);flex-shrink:0}::slotted(nord-nav-group){margin-inline-start:calc(var(--n-space-m) + calc(var(--n-space-s) * 1.3))}.n-nav-badge{border-radius:var(--n-border-radius-pill);background:var(--n-color-status-notification);color:#fff;font-weight:var(--n-font-weight);font-feature-settings:var(--n-font-features-reduced);padding:4px 6px;text-align:center;min-inline-size:20px;position:absolute;margin-block-start:-2px;margin-inline-start:calc(var(--n-space-s)/ 1.5);font-size:var(--n-font-size-xs);display:inline-block}`;let ja=class extends(De(ht)){constructor(){super(...arguments),this.subnavSlot=new le(this,"subnav"),this.direction=new ae(this),this.active=!1,this.open=!1}get hasSubNav(){return this.subnavSlot.hasContent}render(){const t=H`${this.icon?H`<nord-icon class="n-nav-icon" name="${this.icon}" size="m"></nord-icon>`:V}<div class="n-nav-content"><span class="n-nav-label"><slot></slot></span>${this.badge?H`<span class="n-nav-badge">${this.badge}</span>`:V}</div>`;let e;return e=this.subnavSlot.hasContent?this.renderToggle(t):this.href?this.renderLink(t):this.renderButton(t),H`<div role="listitem">${e}<slot name="${this.subnavSlot.slotName}" ?hidden="${!this.open}"></slot></div>`}renderLink(t){return H`<a class="n-nav-item" ${Ee(this.focusableRef)} aria-current="${Bt(this.active,"page")}" href="${this.href||""}">${t}</a>`}renderToggle(t){return H`<button class="n-nav-item" @click="${this.toggleOpen}" aria-expanded="${this.open?"true":"false"}" ${Ee(this.focusableRef)}>${t}<nord-icon size="xxs" class="${ie({"n-toggle-icon":!0,"n-rtl":this.direction.isRTL})}" name="arrow-expand-right-small"></nord-icon></button>`}renderButton(t){return H`<button class="n-nav-item" ${Ee(this.focusableRef)}>${t}</button>`}toggleOpen(){this.open=!this.open,this.dispatchEvent(new Tn("toggle"))}handleActiveChange(){this.active&&!this.hasSubNav&&this.dispatchEvent(new Tn("activate"))}};ja.styles=[_t,qa],t([bt({type:Boolean,reflect:!0})],ja.prototype,"active",void 0),t([bt({reflect:!0})],ja.prototype,"icon",void 0),t([bt({reflect:!0})],ja.prototype,"href",void 0),t([bt({reflect:!0})],ja.prototype,"badge",void 0),t([bt({reflect:!0,type:Boolean})],ja.prototype,"open",void 0),t([wt("active","updated")],ja.prototype,"handleActiveChange",null),ja=t([ut("nord-nav-item")],ja);var Ha=ja;const Wa=a`:host{--_n-navigation-background-color:var(--n-navigation-background-color, var(--n-color-nav-surface));--_n-navigation-header-block-size:var(--n-navigation-header-block-size, var(--n-space-xxl));--_n-navigation-header-padding-inline:var(--n-navigation-header-padding-inline);--_n-navigation-header-background:var(--n-navigation-header-background, var(--_n-navigation-background-color));--_n-navigation-header-divider:var(--n-navigation-header-divider, 1px solid var(--n-color-border));--_n-navigation-header-color:var(--n-navigation-header-color);--_n-navigation-header-toggle-icon-color:var(--n-navigation-header-toggle-icon-color);--_n-navigation-header-focus-style:var(--n-navigation-header-focus-style, var(--_n-navigation-dropdown-box-shadow));--_n-navigation-dropdown-box-shadow:0 0 0 1px var(--n-color-accent) inset;display:flex;flex-direction:column;block-size:100%;background:var(--_n-navigation-background-color)}.n-navigation-main{display:flex;flex-direction:column;flex:1;overflow-y:auto;overscroll-behavior-y:none}nav{flex:1;padding:var(--n-space-m)}::slotted(nord-nav-group[heading]:first-of-type){margin-block-start:calc(var(--n-space-s) * -1)}slot[name=footer],slot[name=header]{display:flex;flex-direction:column;justify-content:center;--n-button-text-align:start;--n-button-background-color:transparent;--n-button-border-color:transparent;--n-button-box-shadow:none;--n-button-gradient:none}slot[name=header]{--n-button-border-radius:0;--n-button-color:var(--_n-navigation-header-color);--n-button-min-block-size:var(--_n-navigation-header-block-size);--n-select-block-size:var(--n-button-min-block-size);--n-button-font-weight:var(--n-font-weight-active);--n-button-toggle-icon-color:var(--_n-navigation-header-toggle-icon-color);--n-button-padding-inline:var(--_n-navigation-header-padding-inline);block-size:var(--_n-navigation-header-block-size);background-color:var(--_n-navigation-header-background);border-block-end:var(--_n-navigation-header-divider)}slot[name=footer]{--n-button-color:var(--n-color-text-weak);--n-button-padding-inline:var(--n-space-xs);margin:var(--n-space-m)}:is([name=header],[name=footer])::slotted(:not([open]):focus-within){--n-button-border-color:var(--n-color-accent);--n-button-box-shadow:var(--_n-navigation-dropdown-box-shadow)}slot[name=header]::slotted(:not([open], :active):focus-within){--n-button-box-shadow:var(--_n-navigation-header-focus-style)}[name=footer]::slotted(:is(:hover, [open])){--n-button-border-color:var(--n-color-border-hover)}:host([sticky-footer]) slot[name=footer]{background:var(--_n-navigation-background-color);z-index:var(--n-index-sticky);padding:var(--n-space-s) var(--n-space-m);margin:0;position:sticky;inset-block-end:0}:host([sticky-footer]) .n-navigation-main{background:linear-gradient(var(--_n-navigation-background-color) 30%,rgb(255,255,255,0)) center top,linear-gradient(rgb(255,255,255,0),var(--_n-navigation-background-color) 70%) center bottom,radial-gradient(farthest-side at 50% 0,rgb(0,0,0,.1),rgb(0,0,0,0)) center top,radial-gradient(farthest-side at 50% 100%,rgb(0,0,0,.1),rgb(0,0,0,0)) center bottom;background-repeat:no-repeat;background-size:100% 40px,100% 40px,100% 7px,100% 7px;background-attachment:local,local,scroll,scroll}`;let Ya=class extends ht{constructor(){super(...arguments),this.headerSlot=new le(this,"header"),this.events=new se(this),this.allowItemsToRemainOpen=!1,this.stickyFooter=!1,this.handleActivate=t=>{var e,n;const o=t.target,r=new Set;let i=null===(e=o.parentElement)||void 0===e?void 0:e.closest("nord-nav-item");for(;i;)r.add(i),i=null===(n=i.parentElement)||void 0===n?void 0:n.closest("nord-nav-item");for(const t of this.querySelectorAll("nord-nav-item"))if(t!==o){const e=r.has(t);t.open=e||this.allowItemsToRemainOpen&&t.open,t.active=e}this.allowItemsToRemainOpen=!1}}connectedCallback(){super.connectedCallback(),this.events.listen(this,"activate",this.handleActivate);const t=this.querySelector("nord-nav-item[active]");this.allowItemsToRemainOpen=null!=t}render(){return H`<slot name="header" ?hidden="${this.headerSlot.isEmpty}"></slot><div class="n-navigation-main"><nav><slot></slot></nav>${this.stickyFooter?V:H`<slot name="footer"></slot>`}</div>${this.stickyFooter?H`<slot name="footer"></slot>`:V}`}};Ya.styles=[_t,Wa],t([bt({type:Boolean,reflect:!0,attribute:"sticky-footer"})],Ya.prototype,"stickyFooter",void 0),Ya=t([ut("nord-navigation")],Ya);var Va=Ya;const Ga=a`:host{--_n-notification-group-mask:linear-gradient(black 95%, transparent 100%);position:fixed;inset-inline-end:0;inset-block-start:0;inset-block-end:0;z-index:var(--n-index-modal);mask-image:var(--_n-notification-group-mask);pointer-events:none}.n-notification-group{display:flex;flex-direction:column;align-items:end;gap:var(--n-space-m);margin:var(--n-space-m)}::slotted(nord-notification){pointer-events:auto;inline-size:100%;max-inline-size:400px}`;let Xa=class extends ht{render(){return H`<div class="n-notification-group"><slot></slot></div>`}};Xa.styles=[_t,Ga],Xa=t([ut("nord-notification-group")],Xa);var Ka=Xa;function Qa(e){class n extends e{constructor(){super(...arguments),this.notificationRef=$e(),this.dismissed=!1}async dismiss(){var t;this.notificationRef.value&&(this.dismissed=!0,await(t=this.notificationRef.value,Promise.race([Rn(t,"animationend"),Rn(t,"animationcancel")])),this.dispatchEvent(new Tn("dismiss")))}}return t([mt()],n.prototype,"dismissed",void 0),n}const Za=a`:host{--_n-notification-focus-ring:0 0 0 2px var(--n-color-accent);--_n-notification-dismiss-size:calc(var(--n-space-m) * 2)}.n-notification{color:var(--n-color-text-weaker);background:var(--n-color-surface-raised);box-shadow:var(--n-box-shadow-nav);padding-block-start:calc(var(--n-space-l)/ 1.2);padding-block-end:var(--n-space-l);padding-inline-start:calc(var(--n-space-l)/ 1.2);padding-inline-end:var(--n-space-m);border-radius:var(--n-border-radius);position:relative;animation:n-enter var(--n-transition-slowly) forwards 1}.n-notification-body{flex:1;padding-inline-end:var(--_n-notification-dismiss-size)}.n-dismissed{animation-name:n-exit}@keyframes n-enter{from{transform:translateY(10%);opacity:0}}@keyframes n-exit{to{transform:scale(.97);opacity:0}}.n-dismiss{border:none;display:flex;justify-content:center;align-items:center;block-size:var(--_n-notification-dismiss-size);inline-size:var(--_n-notification-dismiss-size);background-color:transparent;border-radius:var(--n-border-radius-s);color:var(--n-color-icon);cursor:pointer;transition:opacity var(--n-transition-slowly),color var(--n-transition-slowly);position:absolute;inset-inline-end:var(--n-space-m);inset-block-start:14px}.n-dismiss:hover{color:var(--n-color-text);background:rgb(0,0,0,.04)}.n-dismiss:active{opacity:.8;transform:translateY(1px)}.n-dismiss:focus{outline:0;box-shadow:var(--_n-notification-focus-ring)}@supports selector(:focus-visible){.n-dismiss:focus{box-shadow:none}.n-dismiss:focus-visible{box-shadow:var(--_n-notification-focus-ring)}}::slotted(nord-icon),slot nord-icon{color:var(--n-color-text-link)!important;transform:translateY(3px) translateX(1px)!important}::slotted(:is(h1, h2, h3, h4, h5, h6)){color:var(--n-color-text)!important;font-size:var(--n-font-size-m)!important;line-height:var(--n-line-height)!important;margin:0 0 var(--n-space-s)!important;font-weight:var(--n-font-weight-active)!important;font-style:normal!important}::slotted(p){margin:0!important;font-size:var(--n-font-size-m)!important;color:var(--n-color-text-weaker)!important;line-height:var(--n-line-height)!important;font-weight:var(--n-font-weight)!important;font-style:normal!important}::slotted(a){color:var(--n-color-text-link)!important;text-decoration:none!important;margin:var(--n-space-s) 0 0!important;font-weight:var(--n-font-weight)!important;font-style:normal!important;display:block}::slotted(a:hover){text-decoration:underline!important}`;let Ja=class extends(Qa(ht)){constructor(){super(...arguments),this.localize=new An(this)}render(){return H`<div ${Ee(this.notificationRef)} class="${ie({"n-notification":!0,"n-dismissed":this.dismissed})}"><button class="n-dismiss" @click="${this.dismiss}"><nord-icon name="interface-close-small" size="xs" label="${this.localize.term("dismissLabel")}"></nord-icon></button><nord-stack align-items="stretch" direction="horizontal"><slot name="icon"><nord-icon name="navigation-notifications"></nord-icon></slot><div class="n-notification-body"><slot></slot></div></nord-stack></div>`}};Ja.styles=[_t,Za],Ja=t([ut("nord-notification")],Ja);var ts=Ja;const es=a`:host{--_n-progress-size:var(--n-progress-size, var(--n-space-s));--_n-progress-border-radius:var(--n-progress-border-radius, var(--n-border-radius-s));--_n-progress-color:var(--n-progress-color, var(--n-color-accent));inline-size:100%}progress{appearance:none;inline-size:100%;block-size:var(--_n-progress-size);background-color:var(--n-color-surface-lowered);border-radius:var(--_n-progress-border-radius);box-shadow:none;display:block;border:0;margin:0}label{display:block}progress::-webkit-progress-bar{background-color:transparent;border-radius:var(--_n-progress-border-radius)}progress::-moz-progress-bar{background:var(--_n-progress-color);border-radius:var(--_n-progress-border-radius)}progress::-webkit-progress-value{background:var(--_n-progress-color);border-radius:var(--_n-progress-border-radius);transition:width .25s ease-out,background .25s ease-out}progress:indeterminate{background-color:var(--n-color-nav-hover);background-image:linear-gradient(to right,transparent 45%,var(--n-color-accent) 0,var(--n-color-accent) 55%,transparent 0);background-position:right;background-size:225% 100%;animation:animate-indeterminate 2s infinite ease}progress:indeterminate::-moz-progress-bar{background-color:transparent}progress:indeterminate::-webkit-progress-value{background-color:transparent}@keyframes animate-indeterminate{50%{background-position:left}}progress:focus{box-shadow:0 0 0 1px var(--n-color-background),0 0 0 3px var(--n-color-accent);outline:0}`;let ns=class extends(De(ht)){constructor(){super(...arguments),this.max=100,this.label="Current progress"}render(){return H`<label><nord-visually-hidden>${this.label}</nord-visually-hidden><progress ${Ee(this.focusableRef)} aria-valuenow="${Et(this.value)}" aria-valuemin="0" aria-valuemax="${this.max}" tabindex="-1" max="${this.max}" value="${Et(this.value)}"></progress></label>`}};ns.styles=[_t,es],t([bt({reflect:!0,type:Number})],ns.prototype,"value",void 0),t([bt({reflect:!0,type:Number})],ns.prototype,"max",void 0),t([bt({reflect:!0})],ns.prototype,"label",void 0),ns=t([ut("nord-progress-bar")],ns);var os=ns;const rs=a`:host{--_n-progress-color:var(--n-progress-color, var(--n-color-accent));--_n-progress-size:var(--n-size-icon-m);--_n-progress-background:var(--n-color-background);inline-size:var(--_n-progress-size);block-size:var(--_n-progress-size);display:inline-flex;position:relative}:host([size=xs]){--_n-progress-size:var(--n-size-icon-xs)}:host([size='s']){--_n-progress-size:var(--n-size-icon-s)}:host([size='l']){--_n-progress-size:var(--n-size-icon-l)}:host([size=xl]){--_n-progress-size:var(--n-size-icon-xl)}:host([size=xxl]){--_n-progress-size:var(--n-size-icon-xxl)}:host([color=success]){--_n-progress-color:var(--n-color-status-success)}:host([color=warning]){--_n-progress-color:var(--n-color-status-warning)}:host([color=danger]){--_n-progress-color:var(--n-color-status-danger)}:host([color=highlight]){--_n-progress-color:var(--n-color-status-highlight)}:host([color=info]){--_n-progress-color:var(--n-color-status-info)}:host svg{inline-size:100%;block-size:100%}`,is=11.25,as=11.25;let ss=0;let ls=class extends ht{constructor(){super(),this.size="m",this.progress=0,this._animatedProgress=0,this._animationId=null,this._targetProgress=0,this._instanceId=0,this._instanceId=ss++}connectedCallback(){super.connectedCallback(),this._animatedProgress=this.progress,this._targetProgress=this.progress}disconnectedCallback(){super.disconnectedCallback(),null!==this._animationId&&(cancelAnimationFrame(this._animationId),this._animationId=null)}updated(t){t.has("progress")&&(this._targetProgress=Math.max(0,Math.min(100,this.progress)),this._animate())}_animate(){null!==this._animationId&&cancelAnimationFrame(this._animationId);const t=()=>{const e=this._targetProgress-this._animatedProgress;if(Math.abs(e)<.5)return this._animatedProgress=this._targetProgress,void(this._animationId=null);this._animatedProgress+=.15*e,this._animationId=requestAnimationFrame(t)};this._animationId=requestAnimationFrame(t)}get _clampedProgress(){return Math.max(0,Math.min(100,this._animatedProgress))}get _isSemanticColor(){var t;return["success","warning","danger","highlight","info"].includes(null!==(t=this.color)&&void 0!==t?t:"")}get _customColorStyle(){if(this.color&&!this._isSemanticColor)return`--_n-progress-color:${this.color}`}render(){const t=Boolean(this.label),e=function(t){const e=Math.max(0,Math.min(100,t));if(0===e)return"";if(100===e)return"M11.25,5.25\n A6,6 0 1 1 11.25,17.25\n A6,6 0 1 1 11.25,5.25 Z";const n=e/100*360,o=(-90+n)*(Math.PI/180);return`M11.25,11.25\n L11.25,5.25\n A6,6 0 ${n>180?1:0},1 ${is+6*Math.cos(o)},${as+6*Math.sin(o)}\n Z`}(this._clampedProgress),n=`n-progress-clip-${this._instanceId}`;return H`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.5 22.5" fill="none" role="${Bt(t,"progressbar")}" aria-label="${Et(this.label)}" aria-valuenow="${Bt(t,Math.round(this._clampedProgress))}" aria-valuemin="${Bt(t,"0")}" aria-valuemax="${Bt(t,"100")}" aria-hidden="${Bt(!t,"true")}" style="${Et(this._customColorStyle)}"><g clip-path="url(#${n})"><rect x="1.25" y="1.25" width="20" height="20" rx="10" fill="var(--_n-progress-background)"/><circle cx="${is}" cy="${as}" r="${9}" fill="var(--_n-progress-background)" stroke="var(--_n-progress-color)" stroke-width="2"/>${W`<path fill="var(--_n-progress-color)" d="${e}">`}</g><rect x="0.625" y="0.625" width="21.25" height="21.25" rx="10.625" stroke="var(--_n-progress-background)" stroke-width="1.25"/><defs><clipPath id="${n}"><rect x="1.25" y="1.25" width="20" height="20" rx="10" fill="white"/></clipPath></defs></svg>`}};ls.styles=[_t,rs],t([bt({reflect:!0})],ls.prototype,"size",void 0),t([bt({reflect:!0})],ls.prototype,"color",void 0),t([bt({reflect:!0})],ls.prototype,"label",void 0),t([bt({reflect:!0,type:Number})],ls.prototype,"progress",void 0),t([mt()],ls.prototype,"_animatedProgress",void 0),ls=t([ut("nord-progress")],ls);var ds=ls;
|
|
105
|
+
*/const Io="important",Bo=" !"+Io,Mo=Tt(class extends Rt{constructor(t){if(super(t),t.type!==At||"style"!==t.name||t.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(t){return Object.keys(t).reduce(((e,n)=>{const o=t[n];return null==o?e:e+`${n=n.includes("-")?n:n.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${o};`}),"")}update(t,[e]){const{style:n}=t.element;if(void 0===this.ft)return this.ft=new Set(Object.keys(e)),this.render(e);for(const t of this.ft)null==e[t]&&(this.ft.delete(t),t.includes("-")?n.removeProperty(t):n[t]=null);for(const t in e){const o=e[t];if(null!=o){this.ft.add(t);const e="string"==typeof o&&o.endsWith(Bo);t.includes("-")||e?n.setProperty(t,e?o.slice(0,-11):o,e?Io:""):n[t]=o}}return Y}});class No{constructor(t,e){this.target=e,this.hadFirstUpdate=!1,t.addController(this),this.observer=new ResizeObserver((([e])=>{const[n]=e.borderBoxSize;this.borderBoxSize=n,t.requestUpdate()}))}get inlineSize(){var t;return null===(t=this.borderBoxSize)||void 0===t?void 0:t.inlineSize}get blockSize(){var t;return null===(t=this.borderBoxSize)||void 0===t?void 0:t.blockSize}hostUpdated(){!this.hadFirstUpdate&&this.observer&&(this.observer.observe(this.target()),this.hadFirstUpdate=!0)}hostConnected(){this.hadFirstUpdate&&this.observer&&this.observer.observe(this.target())}hostDisconnected(){this.observer&&this.observer.disconnect()}}function Lo(e){class n extends e{constructor(){super(...arguments),this.autocomplete="off"}}return t([bt()],n.prototype,"autocomplete",void 0),n}function Po(t){return class extends t{constructor(){super(...arguments),this.textSelectableRef=$e()}set selectionStart(t){this.textSelectableRef.value&&(this.textSelectableRef.value.selectionStart=t)}get selectionStart(){var t,e;return null!==(e=null===(t=this.textSelectableRef.value)||void 0===t?void 0:t.selectionStart)&&void 0!==e?e:null}set selectionEnd(t){this.textSelectableRef.value&&(this.textSelectableRef.value.selectionEnd=t)}get selectionEnd(){var t,e;return null!==(e=null===(t=this.textSelectableRef.value)||void 0===t?void 0:t.selectionEnd)&&void 0!==e?e:null}set selectionDirection(t){this.textSelectableRef.value&&(this.textSelectableRef.value.selectionDirection=t)}get selectionDirection(){var t,e;return null!==(e=null===(t=this.textSelectableRef.value)||void 0===t?void 0:t.selectionDirection)&&void 0!==e?e:null}select(){this.textSelectableRef.value&&this.textSelectableRef.value.select()}setSelectionRange(t,e,n){this.textSelectableRef.value&&this.textSelectableRef.value.setSelectionRange(t,e,n)}setRangeText(t,e,n,o="preserve"){if(this.textSelectableRef.value){const r=null!=e?e:this.textSelectableRef.value.selectionStart,i=null!=n?n:this.textSelectableRef.value.selectionEnd;this.textSelectableRef.value.setRangeText(t,r,i,o),this.value!==this.textSelectableRef.value.value&&(this.value=this.textSelectableRef.value.value)}}async getNativeElement(){return await this.updateComplete,this.textSelectableRef.value}}}const Fo=a`.n-input::-webkit-search-cancel-button,.n-input::-webkit-search-decoration{appearance:none}.n-input-container{font-size:var(--n-font-size-m);display:grid;grid-template-columns:max-content 1fr max-content}.n-input{grid-area:1/1/2/4;padding-inline-start:var(--_n-input-start-inline-size,var(--_n-input-padding-inline));padding-inline-end:var(--_n-input-end-inline-size,var(--_n-input-padding-inline))}slot[name=end],slot[name=start]{pointer-events:none;display:flex;align-items:center;color:var(--n-color-icon)}:host([disabled]) slot:is([name=start],[name=end]){color:var(--n-color-text-weakest)}slot[name=start]{grid-area:1/1/2/2;order:1}slot[name=end]{grid-area:1/3/2/4}.is-rtl slot[name=end],slot[name=start]{--n-button-border-radius:var(--n-border-radius-s) 0 0 var(--n-border-radius-s)}.is-rtl slot[name=start],slot[name=end]{--n-button-border-radius:0 var(--n-border-radius-s) var(--n-border-radius-s) 0}:is([name=start],[name=end])::slotted(*){font-size:var(--_n-input-font-size)}[name=start]::slotted(*),nord-icon{margin-inline-start:var(--_n-input-padding-inline)!important;margin-inline-end:calc(var(--_n-input-padding-inline)/ 2)!important}[name=end]::slotted(*){margin-inline-start:calc(var(--_n-input-padding-inline)/ 2)!important;margin-inline-end:var(--_n-input-padding-inline)!important}[name=start]::slotted(:is(nord-button, nord-dropdown)){margin-inline-start:0!important}[name=end]::slotted(:is(nord-button, nord-dropdown)){margin-inline-end:0!important}nord-icon{--_n-input-icon-color:var(--n-input-icon-color, var(--n-color-icon));color:var(--_n-input-icon-color)}::slotted(:is(nord-button:not([disabled]), nord-dropdown)){pointer-events:auto;position:relative}::slotted(nord-button:not([disabled],:focus)),::slotted(nord-dropdown:not(:focus-within)){--n-button-box-shadow:none}::slotted(nord-button:active),::slotted(nord-dropdown:active:not([open])){inset-block-start:-1px}::slotted(nord-button[disabled]){--n-button-color:var(--n-color-text-weaker);-webkit-text-fill-color:var(--n-button-color);opacity:.8}.n-input-container:hover:not(:focus-within) ::slotted(:is(nord-button:not([disabled]), nord-dropdown)),.n-label-container:hover~.n-input-container:not(:focus-within) ::slotted(:is(nord-button:not([disabled]),nord-dropdown)){--n-button-border-color:var(--n-input-border-color, var(--n-color-border-hover))}.n-input-container:focus-within ::slotted(:is(nord-button,nord-dropdown:not([open]))){--n-button-border-color:var(--n-input-border-color, var(--n-color-accent))}:host([error]) .n-input-container ::slotted(:is(nord-button:not(:focus),nord-dropdown:not(:focus-within),nord-dropdown[open])){--n-button-border-color:var(--n-input-border-color, var(--n-color-status-danger))}:host([size='s']) ::slotted(nord-button){--_n-button-padding-inline:calc(var(--n-space-s) * 1.4)}:host{--_n-input-icon-size:var(--n-size-icon-s)}:host([size='s']){--_n-input-icon-size:var(--n-size-icon-xs)}:host([size='l']){--_n-input-icon-size:var(--n-size-icon-m)}::slotted(nord-icon:not([size])),nord-icon{--_n-icon-size:var(--_n-input-icon-size)}:host([type=unit]) :is(.n-input-container,.n-input){--_n-input-text-align:var(--n-input-text-align, end);font-family:var(--n-font-family-code)!important}:host([type=button]) :is(.n-input-container,.n-input){cursor:pointer}`;Ft.registerIcon(Oo);const Uo=t=>t?`${t}px`:void 0;let qo=class extends(Gn(Vn(Lo(Ao(Po(Te(De(ht)))))))){constructor(){super(...arguments),this.startObserver=new No(this,(()=>this.startSlot)),this.endObserver=new No(this,(()=>this.endSlot)),this.direction=new ae(this),this.type="text",this.expand=!1,this.disallowPattern=void 0,this.handleInputChange=t=>{const e=t.target;this.disallowPattern&&function(t,e){const{value:n}=t,o=t.selectionStart,r=n.slice(0,o),i=n.slice(o,n.length),a=r.replace(e,""),s=a+i.replace(e,""),l=a.length;t.value=s,t.selectionStart=l,t.selectionEnd=l}(e,new RegExp(this.disallowPattern,"g")),this.handleInput(t)}}render(){var t;const e="number"===this.type;return H`${this.renderLabel()}<div class="${ie({"n-input-container":!0,"is-rtl":"rtl"===this.direction.dir})}" style="${Mo({"--_n-input-start-inline-size":Uo(this.startObserver.inlineSize),"--_n-input-end-inline-size":Uo(this.endObserver.inlineSize)})}"><slot name="start">${"search"===this.type?H`<nord-icon name="navigation-search"></nord-icon>`:V}</slot><input ${Ee(this.textSelectableRef)} ${Ee(this.focusableRef)} id="${this.inputId}" class="n-input" type="${e||"unit"===this.type?"text":this.type}" inputmode="${Bt(e,"numeric")}" pattern="${Bt(e,"[0-9]*")}" ?disabled="${this.disabled}" ?required="${this.required}" ?readonly="${this.readonly}" name="${Et(this.name)}" .value="${null!==(t=this.value)&&void 0!==t?t:""}" placeholder="${Et(this.placeholder)}" @input="${this.handleInputChange}" @change="${this.handleChange}" @keydown="${this.handleKeydown}" @select="${this.handleSelect}" aria-describedby="${Et(this.getDescribedBy())}" aria-invalid="${Et(this.getInvalid())}" spellcheck="false" autocomplete="${this.autocomplete}"><slot name="end"></slot></div>${this.renderError()}`}handleKeydown(t){if("Enter"!==t.key)return;const{form:e}=this;if(e){const t=function(t){let e=t.querySelector('button[type="submit"]');!e&&t.id&&(e=t.getRootNode().querySelector(`button[form=${t.id}]`));return e}(e);setTimeout((()=>null==t?void 0:t.click()),0)}}handleSelect(t){t.stopPropagation(),this.dispatchEvent(new Tn("select"))}};qo.styles=[_t,Xn,Do,Fo],t([yt("slot[name='start']")],qo.prototype,"startSlot",void 0),t([yt("slot[name='end']")],qo.prototype,"endSlot",void 0),t([bt({reflect:!0})],qo.prototype,"type",void 0),t([bt({reflect:!0,type:Boolean})],qo.prototype,"expand",void 0),t([bt({reflect:!0,attribute:"disallow-pattern"})],qo.prototype,"disallowPattern",void 0),qo=t([ut("nord-input")],qo);var jo=qo;const Ho=["top","right","bottom","left"],Wo=["start","end"],Yo=Ho.reduce(((t,e)=>t.concat(e,e+"-"+Wo[0],e+"-"+Wo[1])),[]),Vo=Math.min,Go=Math.max,Xo=Math.round,Ko=Math.floor,Qo=t=>({x:t,y:t}),Zo={left:"right",right:"left",bottom:"top",top:"bottom"},Jo={start:"end",end:"start"};function tr(t,e,n){return Go(t,Vo(e,n))}function er(t,e){return"function"==typeof t?t(e):t}function nr(t){return t.split("-")[0]}function or(t){return t.split("-")[1]}function rr(t){return"x"===t?"y":"x"}function ir(t){return"y"===t?"height":"width"}const ar=new Set(["top","bottom"]);function sr(t){return ar.has(nr(t))?"y":"x"}function lr(t){return rr(sr(t))}function dr(t,e,n){void 0===n&&(n=!1);const o=or(t),r=lr(t),i=ir(r);let a="x"===r?o===(n?"end":"start")?"right":"left":"start"===o?"bottom":"top";return e.reference[i]>e.floating[i]&&(a=br(a)),[a,br(a)]}function cr(t){return t.replace(/start|end/g,(t=>Jo[t]))}const hr=["left","right"],pr=["right","left"],ur=["top","bottom"],vr=["bottom","top"];function gr(t,e,n,o){const r=or(t);let i=function(t,e,n){switch(t){case"top":case"bottom":return n?e?pr:hr:e?hr:pr;case"left":case"right":return e?ur:vr;default:return[]}}(nr(t),"start"===n,o);return r&&(i=i.map((t=>t+"-"+r)),e&&(i=i.concat(i.map(cr)))),i}function br(t){return t.replace(/left|right|bottom|top/g,(t=>Zo[t]))}function mr(t){const{x:e,y:n,width:o,height:r}=t;return{width:o,height:r,top:n,left:e,right:e+o,bottom:n+r,x:e,y:n}}function fr(t,e,n){let{reference:o,floating:r}=t;const i=sr(e),a=lr(e),s=ir(a),l=nr(e),d="y"===i,c=o.x+o.width/2-r.width/2,h=o.y+o.height/2-r.height/2,p=o[s]/2-r[s]/2;let u;switch(l){case"top":u={x:c,y:o.y-r.height};break;case"bottom":u={x:c,y:o.y+o.height};break;case"right":u={x:o.x+o.width,y:h};break;case"left":u={x:o.x-r.width,y:h};break;default:u={x:o.x,y:o.y}}switch(or(e)){case"start":u[a]-=p*(n&&d?-1:1);break;case"end":u[a]+=p*(n&&d?-1:1)}return u}async function yr(t,e){var n;void 0===e&&(e={});const{x:o,y:r,platform:i,rects:a,elements:s,strategy:l}=t,{boundary:d="clippingAncestors",rootBoundary:c="viewport",elementContext:h="floating",altBoundary:p=!1,padding:u=0}=er(e,t),v=function(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}(u),g=s[p?"floating"===h?"reference":"floating":h],b=mr(await i.getClippingRect({element:null==(n=await(null==i.isElement?void 0:i.isElement(g)))||n?g:g.contextElement||await(null==i.getDocumentElement?void 0:i.getDocumentElement(s.floating)),boundary:d,rootBoundary:c,strategy:l})),m="floating"===h?{x:o,y:r,width:a.floating.width,height:a.floating.height}:a.reference,f=await(null==i.getOffsetParent?void 0:i.getOffsetParent(s.floating)),y=await(null==i.isElement?void 0:i.isElement(f))&&await(null==i.getScale?void 0:i.getScale(f))||{x:1,y:1},x=mr(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:s,rect:m,offsetParent:f,strategy:l}):m);return{top:(b.top-x.top+v.top)/y.y,bottom:(x.bottom-b.bottom+v.bottom)/y.y,left:(b.left-x.left+v.left)/y.x,right:(x.right-b.right+v.right)/y.x}}function xr(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function wr(t){return Ho.some((e=>t[e]>=0))}const kr=new Set(["left","top"]);function _r(){return"undefined"!=typeof window}function zr(t){return Cr(t)?(t.nodeName||"").toLowerCase():"#document"}function $r(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function Sr(t){var e;return null==(e=(Cr(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function Cr(t){return!!_r()&&(t instanceof Node||t instanceof $r(t).Node)}function Er(t){return!!_r()&&(t instanceof Element||t instanceof $r(t).Element)}function Ar(t){return!!_r()&&(t instanceof HTMLElement||t instanceof $r(t).HTMLElement)}function Dr(t){return!(!_r()||"undefined"==typeof ShadowRoot)&&(t instanceof ShadowRoot||t instanceof $r(t).ShadowRoot)}const Tr=new Set(["inline","contents"]);function Rr(t){const{overflow:e,overflowX:n,overflowY:o,display:r}=Hr(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!Tr.has(r)}const Or=new Set(["table","td","th"]);function Ir(t){return Or.has(zr(t))}const Br=[":popover-open",":modal"];function Mr(t){return Br.some((e=>{try{return t.matches(e)}catch(t){return!1}}))}const Nr=["transform","translate","scale","rotate","perspective"],Lr=["transform","translate","scale","rotate","perspective","filter"],Pr=["paint","layout","strict","content"];function Fr(t){const e=Ur(),n=Er(t)?Hr(t):t;return Nr.some((t=>!!n[t]&&"none"!==n[t]))||!!n.containerType&&"normal"!==n.containerType||!e&&!!n.backdropFilter&&"none"!==n.backdropFilter||!e&&!!n.filter&&"none"!==n.filter||Lr.some((t=>(n.willChange||"").includes(t)))||Pr.some((t=>(n.contain||"").includes(t)))}function Ur(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const qr=new Set(["html","body","#document"]);function jr(t){return qr.has(zr(t))}function Hr(t){return $r(t).getComputedStyle(t)}function Wr(t){return Er(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function Yr(t){if("html"===zr(t))return t;const e=t.assignedSlot||t.parentNode||Dr(t)&&t.host||Sr(t);return Dr(e)?e.host:e}function Vr(t){const e=Yr(t);return jr(e)?t.ownerDocument?t.ownerDocument.body:t.body:Ar(e)&&Rr(e)?e:Vr(e)}function Gr(t,e,n){var o;void 0===e&&(e=[]),void 0===n&&(n=!0);const r=Vr(t),i=r===(null==(o=t.ownerDocument)?void 0:o.body),a=$r(r);if(i){const t=Xr(a);return e.concat(a,a.visualViewport||[],Rr(r)?r:[],t&&n?Gr(t):[])}return e.concat(r,Gr(r,[],n))}function Xr(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function Kr(t){const e=Hr(t);let n=parseFloat(e.width)||0,o=parseFloat(e.height)||0;const r=Ar(t),i=r?t.offsetWidth:n,a=r?t.offsetHeight:o,s=Xo(n)!==i||Xo(o)!==a;return s&&(n=i,o=a),{width:n,height:o,$:s}}function Qr(t){return Er(t)?t:t.contextElement}function Zr(t){const e=Qr(t);if(!Ar(e))return Qo(1);const n=e.getBoundingClientRect(),{width:o,height:r,$:i}=Kr(e);let a=(i?Xo(n.width):n.width)/o,s=(i?Xo(n.height):n.height)/r;return a&&Number.isFinite(a)||(a=1),s&&Number.isFinite(s)||(s=1),{x:a,y:s}}const Jr=Qo(0);function ti(t){const e=$r(t);return Ur()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:Jr}function ei(t,e,n,o){void 0===e&&(e=!1),void 0===n&&(n=!1);const r=t.getBoundingClientRect(),i=Qr(t);let a=Qo(1);e&&(o?Er(o)&&(a=Zr(o)):a=Zr(t));const s=function(t,e,n){return void 0===e&&(e=!1),!(!n||e&&n!==$r(t))&&e}(i,n,o)?ti(i):Qo(0);let l=(r.left+s.x)/a.x,d=(r.top+s.y)/a.y,c=r.width/a.x,h=r.height/a.y;if(i){const t=$r(i),e=o&&Er(o)?$r(o):o;let n=t,r=Xr(n);for(;r&&o&&e!==n;){const t=Zr(r),e=r.getBoundingClientRect(),o=Hr(r),i=e.left+(r.clientLeft+parseFloat(o.paddingLeft))*t.x,a=e.top+(r.clientTop+parseFloat(o.paddingTop))*t.y;l*=t.x,d*=t.y,c*=t.x,h*=t.y,l+=i,d+=a,n=$r(r),r=Xr(n)}}return mr({width:c,height:h,x:l,y:d})}function ni(t,e){const n=Wr(t).scrollLeft;return e?e.left+n:ei(Sr(t)).left+n}function oi(t,e){const n=t.getBoundingClientRect();return{x:n.left+e.scrollLeft-ni(t,n),y:n.top+e.scrollTop}}const ri=25;const ii=new Set(["absolute","fixed"]);function ai(t,e,n){let o;if("viewport"===e)o=function(t,e){const n=$r(t),o=Sr(t),r=n.visualViewport;let i=o.clientWidth,a=o.clientHeight,s=0,l=0;if(r){i=r.width,a=r.height;const t=Ur();(!t||t&&"fixed"===e)&&(s=r.offsetLeft,l=r.offsetTop)}const d=ni(o);if(d<=0){const t=o.ownerDocument,e=t.body,n=getComputedStyle(e),r="CSS1Compat"===t.compatMode&&parseFloat(n.marginLeft)+parseFloat(n.marginRight)||0,a=Math.abs(o.clientWidth-e.clientWidth-r);a<=ri&&(i-=a)}else d<=ri&&(i+=d);return{width:i,height:a,x:s,y:l}}(t,n);else if("document"===e)o=function(t){const e=Sr(t),n=Wr(t),o=t.ownerDocument.body,r=Go(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),i=Go(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight);let a=-n.scrollLeft+ni(t);const s=-n.scrollTop;return"rtl"===Hr(o).direction&&(a+=Go(e.clientWidth,o.clientWidth)-r),{width:r,height:i,x:a,y:s}}(Sr(t));else if(Er(e))o=function(t,e){const n=ei(t,!0,"fixed"===e),o=n.top+t.clientTop,r=n.left+t.clientLeft,i=Ar(t)?Zr(t):Qo(1);return{width:t.clientWidth*i.x,height:t.clientHeight*i.y,x:r*i.x,y:o*i.y}}(e,n);else{const n=ti(t);o={x:e.x-n.x,y:e.y-n.y,width:e.width,height:e.height}}return mr(o)}function si(t,e){const n=Yr(t);return!(n===e||!Er(n)||jr(n))&&("fixed"===Hr(n).position||si(n,e))}function li(t,e,n){const o=Ar(e),r=Sr(e),i="fixed"===n,a=ei(t,!0,i,e);let s={scrollLeft:0,scrollTop:0};const l=Qo(0);function d(){l.x=ni(r)}if(o||!o&&!i)if(("body"!==zr(e)||Rr(r))&&(s=Wr(e)),o){const t=ei(e,!0,i,e);l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}else r&&d();i&&!o&&r&&d();const c=!r||o||i?Qo(0):oi(r,s);return{x:a.left+s.scrollLeft-l.x-c.x,y:a.top+s.scrollTop-l.y-c.y,width:a.width,height:a.height}}function di(t){return"static"===Hr(t).position}function ci(t,e){if(!Ar(t)||"fixed"===Hr(t).position)return null;if(e)return e(t);let n=t.offsetParent;return Sr(t)===n&&(n=n.ownerDocument.body),n}function hi(t,e){const n=$r(t);if(Mr(t))return n;if(!Ar(t)){let e=Yr(t);for(;e&&!jr(e);){if(Er(e)&&!di(e))return e;e=Yr(e)}return n}let o=ci(t,e);for(;o&&Ir(o)&&di(o);)o=ci(o,e);return o&&jr(o)&&di(o)&&!Fr(o)?n:o||function(t){let e=Yr(t);for(;Ar(e)&&!jr(e);){if(Fr(e))return e;if(Mr(e))return null;e=Yr(e)}return null}(t)||n}const pi={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:n,offsetParent:o,strategy:r}=t;const i="fixed"===r,a=Sr(o),s=!!e&&Mr(e.floating);if(o===a||s&&i)return n;let l={scrollLeft:0,scrollTop:0},d=Qo(1);const c=Qo(0),h=Ar(o);if((h||!h&&!i)&&(("body"!==zr(o)||Rr(a))&&(l=Wr(o)),Ar(o))){const t=ei(o);d=Zr(o),c.x=t.x+o.clientLeft,c.y=t.y+o.clientTop}const p=!a||h||i?Qo(0):oi(a,l);return{width:n.width*d.x,height:n.height*d.y,x:n.x*d.x-l.scrollLeft*d.x+c.x+p.x,y:n.y*d.y-l.scrollTop*d.y+c.y+p.y}},getDocumentElement:Sr,getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:o,strategy:r}=t;const i=[..."clippingAncestors"===n?Mr(e)?[]:function(t,e){const n=e.get(t);if(n)return n;let o=Gr(t,[],!1).filter((t=>Er(t)&&"body"!==zr(t))),r=null;const i="fixed"===Hr(t).position;let a=i?Yr(t):t;for(;Er(a)&&!jr(a);){const e=Hr(a),n=Fr(a);n||"fixed"!==e.position||(r=null),(i?!n&&!r:!n&&"static"===e.position&&r&&ii.has(r.position)||Rr(a)&&!n&&si(t,a))?o=o.filter((t=>t!==a)):r=e,a=Yr(a)}return e.set(t,o),o}(e,this._c):[].concat(n),o],a=i[0],s=i.reduce(((t,n)=>{const o=ai(e,n,r);return t.top=Go(o.top,t.top),t.right=Vo(o.right,t.right),t.bottom=Vo(o.bottom,t.bottom),t.left=Go(o.left,t.left),t}),ai(e,a,r));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}},getOffsetParent:hi,getElementRects:async function(t){const e=this.getOffsetParent||hi,n=this.getDimensions,o=await n(t.floating);return{reference:li(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:e,height:n}=Kr(t);return{width:e,height:n}},getScale:Zr,isElement:Er,isRTL:function(t){return"rtl"===Hr(t).direction}};function ui(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}function vi(t,e,n,o){void 0===o&&(o={});const{ancestorScroll:r=!0,ancestorResize:i=!0,elementResize:a="function"==typeof ResizeObserver,layoutShift:s="function"==typeof IntersectionObserver,animationFrame:l=!1}=o,d=Qr(t),c=r||i?[...d?Gr(d):[],...Gr(e)]:[];c.forEach((t=>{r&&t.addEventListener("scroll",n,{passive:!0}),i&&t.addEventListener("resize",n)}));const h=d&&s?function(t,e){let n,o=null;const r=Sr(t);function i(){var t;clearTimeout(n),null==(t=o)||t.disconnect(),o=null}return function a(s,l){void 0===s&&(s=!1),void 0===l&&(l=1),i();const d=t.getBoundingClientRect(),{left:c,top:h,width:p,height:u}=d;if(s||e(),!p||!u)return;const v={rootMargin:-Ko(h)+"px "+-Ko(r.clientWidth-(c+p))+"px "+-Ko(r.clientHeight-(h+u))+"px "+-Ko(c)+"px",threshold:Go(0,Vo(1,l))||1};let g=!0;function b(e){const o=e[0].intersectionRatio;if(o!==l){if(!g)return a();o?a(!1,o):n=setTimeout((()=>{a(!1,1e-7)}),1e3)}1!==o||ui(d,t.getBoundingClientRect())||a(),g=!1}try{o=new IntersectionObserver(b,{...v,root:r.ownerDocument})}catch(t){o=new IntersectionObserver(b,v)}o.observe(t)}(!0),i}(d,n):null;let p,u=-1,v=null;a&&(v=new ResizeObserver((t=>{let[o]=t;o&&o.target===d&&v&&(v.unobserve(e),cancelAnimationFrame(u),u=requestAnimationFrame((()=>{var t;null==(t=v)||t.observe(e)}))),n()})),d&&!l&&v.observe(d),v.observe(e));let g=l?ei(t):null;return l&&function e(){const o=ei(t);g&&!ui(g,o)&&n();g=o,p=requestAnimationFrame(e)}(),n(),()=>{var t;c.forEach((t=>{r&&t.removeEventListener("scroll",n),i&&t.removeEventListener("resize",n)})),null==h||h(),null==(t=v)||t.disconnect(),v=null,l&&cancelAnimationFrame(p)}}const gi=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(e){var n,o;const{x:r,y:i,placement:a,middlewareData:s}=e,l=await async function(t,e){const{placement:n,platform:o,elements:r}=t,i=await(null==o.isRTL?void 0:o.isRTL(r.floating)),a=nr(n),s=or(n),l="y"===sr(n),d=kr.has(a)?-1:1,c=i&&l?-1:1,h=er(e,t);let{mainAxis:p,crossAxis:u,alignmentAxis:v}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return s&&"number"==typeof v&&(u="end"===s?-1*v:v),l?{x:u*c,y:p*d}:{x:p*d,y:u*c}}(e,t);return a===(null==(n=s.offset)?void 0:n.placement)&&null!=(o=s.arrow)&&o.alignmentOffset?{}:{x:r+l.x,y:i+l.y,data:{...l,placement:a}}}}},bi=function(t){return void 0===t&&(t={}),{name:"autoPlacement",options:t,async fn(e){var n,o,r;const{rects:i,middlewareData:a,placement:s,platform:l,elements:d}=e,{crossAxis:c=!1,alignment:h,allowedPlacements:p=Yo,autoAlignment:u=!0,...v}=er(t,e),g=void 0!==h||p===Yo?function(t,e,n){return(t?[...n.filter((e=>or(e)===t)),...n.filter((e=>or(e)!==t))]:n.filter((t=>nr(t)===t))).filter((n=>!t||or(n)===t||!!e&&cr(n)!==n))}(h||null,u,p):p,b=await l.detectOverflow(e,v),m=(null==(n=a.autoPlacement)?void 0:n.index)||0,f=g[m];if(null==f)return{};const y=dr(f,i,await(null==l.isRTL?void 0:l.isRTL(d.floating)));if(s!==f)return{reset:{placement:g[0]}};const x=[b[nr(f)],b[y[0]],b[y[1]]],w=[...(null==(o=a.autoPlacement)?void 0:o.overflows)||[],{placement:f,overflows:x}],k=g[m+1];if(k)return{data:{index:m+1,overflows:w},reset:{placement:k}};const _=w.map((t=>{const e=or(t.placement);return[t.placement,e&&c?t.overflows.slice(0,2).reduce(((t,e)=>t+e),0):t.overflows[0],t.overflows]})).sort(((t,e)=>t[1]-e[1])),z=_.filter((t=>t[2].slice(0,or(t[0])?2:3).every((t=>t<=0)))),$=(null==(r=z[0])?void 0:r[0])||_[0][0];return $!==s?{data:{index:m+1,overflows:w},reset:{placement:$}}:{}}}},mi=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:n,y:o,placement:r,platform:i}=e,{mainAxis:a=!0,crossAxis:s=!1,limiter:l={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...d}=er(t,e),c={x:n,y:o},h=await i.detectOverflow(e,d),p=sr(nr(r)),u=rr(p);let v=c[u],g=c[p];if(a){const t="y"===u?"bottom":"right";v=tr(v+h["y"===u?"top":"left"],v,v-h[t])}if(s){const t="y"===p?"bottom":"right";g=tr(g+h["y"===p?"top":"left"],g,g-h[t])}const b=l.fn({...e,[u]:v,[p]:g});return{...b,data:{x:b.x-n,y:b.y-o,enabled:{[u]:a,[p]:s}}}}}},fi=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var n,o;const{placement:r,middlewareData:i,rects:a,initialPlacement:s,platform:l,elements:d}=e,{mainAxis:c=!0,crossAxis:h=!0,fallbackPlacements:p,fallbackStrategy:u="bestFit",fallbackAxisSideDirection:v="none",flipAlignment:g=!0,...b}=er(t,e);if(null!=(n=i.arrow)&&n.alignmentOffset)return{};const m=nr(r),f=sr(s),y=nr(s)===s,x=await(null==l.isRTL?void 0:l.isRTL(d.floating)),w=p||(y||!g?[br(s)]:function(t){const e=br(t);return[cr(t),e,cr(e)]}(s)),k="none"!==v;!p&&k&&w.push(...gr(s,g,v,x));const _=[s,...w],z=await l.detectOverflow(e,b),$=[];let S=(null==(o=i.flip)?void 0:o.overflows)||[];if(c&&$.push(z[m]),h){const t=dr(r,a,x);$.push(z[t[0]],z[t[1]])}if(S=[...S,{placement:r,overflows:$}],!$.every((t=>t<=0))){var C,E;const t=((null==(C=i.flip)?void 0:C.index)||0)+1,e=_[t];if(e){if(!("alignment"===h&&f!==sr(e))||S.every((t=>sr(t.placement)!==f||t.overflows[0]>0)))return{data:{index:t,overflows:S},reset:{placement:e}}}let n=null==(E=S.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:E.placement;if(!n)switch(u){case"bestFit":{var A;const t=null==(A=S.filter((t=>{if(k){const e=sr(t.placement);return e===f||"y"===e}return!0})).map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:A[0];t&&(n=t);break}case"initialPlacement":n=s}if(r!==n)return{reset:{placement:n}}}return{}}}},yi=function(t){return void 0===t&&(t={}),{name:"hide",options:t,async fn(e){const{rects:n,platform:o}=e,{strategy:r="referenceHidden",...i}=er(t,e);switch(r){case"referenceHidden":{const t=xr(await o.detectOverflow(e,{...i,elementContext:"reference"}),n.reference);return{data:{referenceHiddenOffsets:t,referenceHidden:wr(t)}}}case"escaped":{const t=xr(await o.detectOverflow(e,{...i,altBoundary:!0}),n.floating);return{data:{escapedOffsets:t,escaped:wr(t)}}}default:return{}}}}},xi=(t,e,n)=>{const o=new Map,r={platform:pi,...n},i={...r.platform,_c:o};return(async(t,e,n)=>{const{placement:o="bottom",strategy:r="absolute",middleware:i=[],platform:a}=n,s=i.filter(Boolean),l=await(null==a.isRTL?void 0:a.isRTL(e));let d=await a.getElementRects({reference:t,floating:e,strategy:r}),{x:c,y:h}=fr(d,o,l),p=o,u={},v=0;for(let n=0;n<s.length;n++){var g;const{name:i,fn:b}=s[n],{x:m,y:f,data:y,reset:x}=await b({x:c,y:h,initialPlacement:o,placement:p,strategy:r,middlewareData:u,rects:d,platform:{...a,detectOverflow:null!=(g=a.detectOverflow)?g:yr},elements:{reference:t,floating:e}});c=null!=m?m:c,h=null!=f?f:h,u={...u,[i]:{...u[i],...y}},x&&v<=50&&(v++,"object"==typeof x&&(x.placement&&(p=x.placement),x.rects&&(d=!0===x.rects?await a.getElementRects({reference:t,floating:e,strategy:r}):x.rects),({x:c,y:h}=fr(d,p,l))),n=-1)}return{x:c,y:h,placement:p,strategy:r,middlewareData:u}})(t,e,{...r,platform:i})};class wi{constructor(t){t.addController(this)}hostDisconnected(){this.unlockScroll()}lockScroll(){if(0===wi.locks.size){const t=document.documentElement.clientWidth,e=Math.abs(window.innerWidth-t),n=getComputedStyle(document.body),o=Number.parseInt(n.paddingRight,10)||0;wi.setStyle("--n-scrollbar-gutter",`${e+o}px`),wi.setStyle("overflow","hidden"),wi.setStyle("padding-right","var(--n-scrollbar-gutter)")}wi.locks.add(this)}unlockScroll(){wi.locks.delete(this),0===wi.locks.size&&(wi.resets.forEach((t=>t())),wi.resets=[])}static setStyle(t,e){const{style:n}=document.body,o=n.getPropertyValue(t);n.setProperty(t,e),wi.resets.push((()=>n.setProperty(t,o)))}}function ki(e){class n extends e{constructor(){super(...arguments),this.open=!1,this.align="start",this.position="block-end"}}return t([bt({type:Boolean,reflect:!0})],n.prototype,"open",void 0),t([bt({reflect:!0})],n.prototype,"align",void 0),t([bt({reflect:!0})],n.prototype,"position",void 0),n}wi.locks=new Set,wi.resets=[];const _i={"inline-start-start":"left-start","inline-start-end":"left-end","inline-end-start":"right-start","inline-end-end":"right-end","block-start-start":"top-start","block-start-end":"top-end","block-end-start":"bottom-start","block-end-end":"bottom-end"},zi={"inline-start-start":"right-start","inline-start-end":"right-end","inline-end-start":"left-start","inline-end-end":"left-end","block-start-start":"top-start","block-start-end":"top-end","block-end-start":"bottom-start","block-end-end":"bottom-end"},$i={"block-end":"bottom","block-start":"top","inline-start":"left","inline-end":"right"};function Si(t,e,n){if(null!=e&&null!=n){const o=`${t}-${e}`;return"ltr"===n?_i[o]:zi[o]}return $i[t]}const Ci=a`:host{position:fixed;pointer-events:none;z-index:var(--n-index-popout);left:var(--_n-popout-position-x);top:var(--_n-popout-position-y);color:var(--n-color-text);opacity:0;transition:opacity var(--n-transition-slowly)}.n-popout{pointer-events:none;transform:translateY(-10px) scale(.97);visibility:hidden;transition:transform var(--n-transition-slowly),visibility var(--n-transition-slowly);transform-origin:top left;will-change:transform,opacity,visibility;background:var(--n-color-surface);box-shadow:var(--n-box-shadow-popout);border-radius:var(--n-border-radius-s)}:host([open]){opacity:1}:host([open]) .n-popout{transition-property:transform;visibility:visible;pointer-events:auto;transform:translateY(0) translateX(0) scale(1)}@media (max-width:35.9375em){:host(:not([always-floating])){position:fixed;inset:0;overflow-y:auto;opacity:1;background:0 0;transition:background var(--n-transition-mobile)}:host([open]:not([always-floating])){pointer-events:auto;background:var(--n-color-overlay)}:host([open]:not([always-floating])) .n-popout{transform:translateY(0)}:host(:not([always-floating])) .n-popout{position:fixed;inset:0;inset-block-start:auto;transform:translateY(100%);transition:transform var(--n-transition-mobile),visibility var(--n-transition-mobile);transform-origin:bottom center;border-radius:0}}.top-end,.top-start{transform:translateY(10px) scale(.97)}.left-end,.left-start{transform:translateX(10px) scale(.97)}.right-end,.right-start{transform:translateX(-10px) scale(.97)}.bottom-start.is-rtl,.left-end,.top-end{transform-origin:bottom right}.bottom-end,.left-start,.top-start.is-rtl{transform-origin:top right}.bottom-end.is-rtl,.right-end,.right-start{transform-origin:bottom left}.right-start,.top-end.is-rtl{transform-origin:top left}`,Ei="undefined"==typeof matchMedia?{matches:!1,addEventListener(){}}:matchMedia("(max-width: 35.9375em)");let Ai=class extends(ki(ht)){constructor(){super(...arguments),this.scrollBar=new wi(this),this.dismiss=new lo(this,{isOpen:()=>this.open,onDismiss:t=>this.hide("click"!==t.type),isDismissible:t=>t!==this.popout&&t!==this.targetElement}),this.events=new se(this),this.direction=new ae(this),this.smallViewport=Ei.matches,this.id="",this.alwaysFloating=!1,this.enableScroll=()=>{this.open||this.scrollBar.unlockScroll()},this.updatePosition=async()=>{var t;if(!this.anchorElement)return;const e={strategy:"fixed"};"auto"===this.position?e.middleware=[gi(8),bi({alignment:this.align,padding:8}),mi({padding:8}),yi()]:(e.placement=Si(this.position,this.align,this.direction.dir),e.middleware=[gi(8),fi(),mi({padding:8}),yi()]);const{x:n,y:o,placement:r,middlewareData:i}=await xi(this.anchorElement,this,e);this.computedPosition=r,this.style.setProperty("--_n-popout-position-x",`${n}px`),this.style.setProperty("--_n-popout-position-y",`${o}px`),(null===(t=i.hide)||void 0===t?void 0:t.referenceHidden)&&this.hide()},this.toggleOpen=t=>{t.preventDefault(),this.open?this.hide(!1):!this.smallViewport||this.alwaysFloating?this.updatePosition().then((()=>this.show())):this.show()},this.handleMediaQueryChange=()=>{var t;this.smallViewport=Ei.matches,null===(t=this.cleanupAutoUpdate)||void 0===t||t.call(this),(!this.smallViewport||this.alwaysFloating)&&this.open&&this.anchorElement?(this.cleanupAutoUpdate=vi(this.anchorElement,this,this.updatePosition),this.scrollBar.unlockScroll()):this.open&&this.scrollBar.lockScroll()}}async show(){return this.open?Promise.resolve():(this.open=!0,await this.updateComplete,this.dispatchEvent(new Tn("open")),On(this.popout))}async hide(t=!0){var e,n;return this.open?(this.open=!1,null===(e=this.cleanupAutoUpdate)||void 0===e||e.call(this),this.dispatchEvent(new Tn("close")),t&&(null===(n=this.targetElement)||void 0===n||n.focus({preventScroll:!0})),On(this.popout)):Promise.resolve()}firstUpdated(){this.smallViewport&&!this.alwaysFloating||this.updatePosition()}connectedCallback(){super.connectedCallback(),this.events.listen(Ei,"change",this.handleMediaQueryChange),this.initializeElements()}disconnectedCallback(){var t,e;super.disconnectedCallback(),null===(t=this.cleanupAutoUpdate)||void 0===t||t.call(this),null===(e=this.targetElement)||void 0===e||e.removeAttribute("aria-expanded")}render(){return H`<div class="n-popout ${this.computedPosition} is-${this.direction.dir}" aria-hidden="${this.open?"false":"true"}" @transitionend="${this.enableScroll}"><slot></slot></div>`}handleIdChange(){var t;null===(t=this.targetElement)||void 0===t||t.removeEventListener("click",this.toggleOpen),this.id?this.initializeElements():console.warn("NORD: popout requires an id attribute and value")}initializeElements(){this.targetElement=this.getToggle(),this.anchorElement=this.getAnchor(),this.events.listen(this.targetElement,"click",this.toggleOpen)}handleOpenChange(){var t,e;null===(t=this.targetElement)||void 0===t||t.setAttribute("aria-expanded",`${this.open}`),this.open?this.smallViewport&&!this.alwaysFloating?this.scrollBar.lockScroll():this.anchorElement&&(this.cleanupAutoUpdate=vi(this.anchorElement,this,this.updatePosition)):null===(e=this.cleanupAutoUpdate)||void 0===e||e.call(this)}handleAnchorChange(){var t;null===(t=this.cleanupAutoUpdate)||void 0===t||t.call(this),this.anchorElement=this.getAnchor(),this.open&&(!this.smallViewport||this.alwaysFloating)&&this.anchorElement&&(this.cleanupAutoUpdate=vi(this.anchorElement,this,this.updatePosition))}getToggle(){const t=this.getRootNode().querySelector(`[aria-controls='${this.id}']`);return t instanceof HTMLSlotElement?t.assignedElements()[0]:t}getAnchor(){if(!this.anchor)return this.targetElement;const t=this.getRootNode().querySelector(`#${this.anchor}`);return t instanceof HTMLSlotElement?t.assignedElements()[0]:t}};Ai.styles=[_t,Ci],t([yt(".n-popout",!0)],Ai.prototype,"popout",void 0),t([mt()],Ai.prototype,"computedPosition",void 0),t([mt()],Ai.prototype,"smallViewport",void 0),t([bt({reflect:!0})],Ai.prototype,"id",void 0),t([bt({reflect:!0})],Ai.prototype,"anchor",void 0),t([bt({reflect:!0,type:Boolean,attribute:"always-floating"})],Ai.prototype,"alwaysFloating",void 0),t([wt("id")],Ai.prototype,"handleIdChange",null),t([wt("open")],Ai.prototype,"handleOpenChange",null),t([wt("anchor")],Ai.prototype,"handleAnchorChange",null),Ai=t([ut("nord-popout")],Ai);var Di=Ai;const Ti=a`:host{--_n-stack-gap:var(--n-stack-gap, var(--n-space-m));display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--_n-stack-gap);max-inline-size:100%;inline-size:100%}:host([direction=horizontal]){flex-direction:row}:host([wrap]){flex-wrap:wrap}:host([align-items=center]){align-items:center}:host([align-items=start]){align-items:flex-start}:host([align-items=end]){align-items:flex-end}:host([align-items=baseline]){align-items:baseline}:host([justify-content=center]){justify-content:center}:host([justify-content=start]){justify-content:flex-start}:host([justify-content=end]){justify-content:flex-end}:host([justify-content=space-between]){justify-content:space-between}:host([justify-content=space-evenly]){justify-content:space-evenly}:host([justify-content=space-around]){justify-content:space-around}::slotted(*){margin:0!important;min-inline-size:0;max-inline-size:100%}:host([gap=none]){--_n-stack-gap:var(--n-stack-gap, 0)}:host([gap=xs]){--_n-stack-gap:var(--n-stack-gap, var(--n-space-xs))}:host([gap='s']){--_n-stack-gap:var(--n-stack-gap, var(--n-space-s))}:host([gap='m']){--_n-stack-gap:var(--n-stack-gap, var(--n-space-m))}:host([gap='l']){--_n-stack-gap:var(--n-stack-gap, var(--n-space-l))}:host([gap=xl]){--_n-stack-gap:var(--n-stack-gap, var(--n-space-xl))}:host([gap=xxl]){--_n-stack-gap:var(--n-stack-gap, var(--n-space-xxl))}`;let Ri=class extends ht{constructor(){super(...arguments),this.gap="m",this.direction="vertical",this.alignItems="stretch",this.wrap=!1}render(){return H`<slot></slot>`}};Ri.styles=[_t,Ti],t([bt({reflect:!0})],Ri.prototype,"gap",void 0),t([bt({reflect:!0})],Ri.prototype,"direction",void 0),t([bt({reflect:!0,attribute:"align-items"})],Ri.prototype,"alignItems",void 0),t([bt({reflect:!0,type:Boolean})],Ri.prototype,"wrap",void 0),t([bt({reflect:!0,attribute:"justify-content"})],Ri.prototype,"justifyContent",void 0),Ri=t([ut("nord-stack")],Ri);var Oi=Ri;Ft.registerIcon(Co),Ft.registerIcon(Eo);const Ii=()=>!1,Bi=()=>!1;let Mi=class extends(Gn(Vn(Ao(Te(De(ht)))))){constructor(){super(...arguments),this.swipe=new Ke(this,{target:()=>this.popout,matchesGesture:Ze,onSwipeEnd:()=>this.hide()}),this.localize=new An(this,{onLangChange:()=>this.createDateFormatters()}),this.value="",this.open=!1,this.firstDayOfWeek=tn.Monday,this.dateAdapter=To,this.isDateDisabled=Ii,this.isDateHighlighted=Bi,this.expand=!1,this.handleDaySelect=t=>{t.stopPropagation(),this.setValue(t.date),this.hide()},this.handleBlur=t=>{t.stopPropagation(),this.dispatchEvent(new Tn("blur"))},this.handleFocus=t=>{t.stopPropagation(),this.dispatchEvent(new Tn("focus"))},this.handleInputChange=t=>{var e;const n=t.target,o=this.dateAdapter.parse(n.value,en);this.rawValue=null===(e=this.focusableRef.value)||void 0===e?void 0:e.value,(o||""===n.value)&&this.setValue(o)}}get valueAsDate(){return nn(this.value)}set valueAsDate(t){this.value=t?on(t):""}get valueAsNumber(){var t,e;return null!==(e=null===(t=this.valueAsDate)||void 0===t?void 0:t.getTime())&&void 0!==e?e:Number.NaN}set valueAsNumber(t){this.value=t?on(new Date(t)):""}firstUpdated(){var t;this.rawValue=null===(t=this.focusableRef.value)||void 0===t?void 0:t.value}render(){const{valueAsDate:t}=this,e=t?this.dateAdapter.format(t):"";return H`<nord-input class="n-date-picker-input" value="${e}" label="${Et(this.label)}" hint="${Et(this.hint)}" error="${Bt(this.error,this.error)}" placeholder="${Et(this.placeholder)}" id="${this.inputId}" size="${this.size}" ?expand="${this.expand}" ?disabled="${this.disabled}" ?required="${this.required}" ?readonly="${this.readonly}" ?hide-label="${this.hideLabel}" disallow-pattern="[^0-9./-]" @focus="${this.handleFocus}" @blur="${this.handleBlur}" @input="${this.handleInputChange}" ${Ee(this.focusableRef)} aria-invalid="${Bt(this.error,"true")}" aria-describedby="${Et(this.getDescribedBy())}">${this.hintSlot.isEmpty?V:H`<slot name="hint" slot="hint"></slot>`} ${this.labelSlot.isEmpty?V:H`<slot name="label" slot="label"></slot>`}<nord-button size="${this.size}" ?disabled="${this.disabled||this.readonly}" slot="end" class="n-date-picker-toggle" aria-controls="popout" type="button"><nord-icon name="interface-calendar"></nord-icon><nord-visually-hidden>${this.localize.term("buttonLabel")} ${t?H`<span>, ${this.localize.term("selectedDateMessage")} ${this.dateFormatLong.format(t)}</span>`:V}</nord-visually-hidden></nord-button></nord-input><nord-popout id="popout" anchor="${this.inputId}" align="end" position="block-end" role="dialog" aria-modal="true" ?open="${this.open}" @open="${this.handleOpen}" @close="${this.handleClose}" aria-labelledby="header"><div aria-hidden="true" tabindex="0" @focus="${this.focusLast}"></div><nord-stack class="n-date-picker-header" direction="horizontal" justify-content="space-between"><div class="n-date-picker-heading" id="header">${this.localize.term("modalHeading")}</div><nord-button class="n-date-picker-close-button" type="button" size="s" variant="plain" @click="${this.handleClose}"><nord-visually-hidden>${this.localize.term("closeLabel")}</nord-visually-hidden><nord-icon name="interface-close-small"></nord-icon></nord-button></nord-stack><nord-calendar class="n-date-picker-calendar" expand value="${this.value}" min="${Et(this.min)}" max="${Et(this.max)}" today="${Et(this.today)}" .firstDayOfWeek="${this.firstDayOfWeek}" .isDateDisabled="${this.isDateDisabled}" .isDateHighlighted="${this.isDateHighlighted}" @change="${this.handleDaySelect}"></nord-calendar><div aria-hidden="true" tabindex="0" @focus="${this.focusFirst}"></div></nord-popout>`}createDateFormatters(){this.dateFormatLong=new Intl.DateTimeFormat(this.localize.resolvedLang,{timeZone:"UTC",day:"numeric",month:"long",year:"numeric"})}focusFirst(){this.closeButton.focus()}focusLast(){this.calendar.focus({target:"day"})}handleOpen(){this.open=!0,this.calendar.focus({target:"month"})}handleClose(){this.open=!1}setValue(t){this.value=t?on(t):"";const{valueAsDate:e}=this,n=e?this.dateAdapter.format(e):"";this.rawValue=n,this.dispatchEvent(new Tn("change"))}hide(t){this.popout.hide(t)}show(){this.popout.show()}};Mi.styles=[_t,Xn,Do,Ro],t([yt(".n-date-picker-toggle",!0)],Mi.prototype,"toggleButton",void 0),t([yt(".n-date-picker-close-button",!0)],Mi.prototype,"closeButton",void 0),t([yt("nord-calendar",!0)],Mi.prototype,"calendar",void 0),t([yt('[role="dialog"]',!0)],Mi.prototype,"popout",void 0),t([bt()],Mi.prototype,"value",void 0),t([bt({attribute:!1})],Mi.prototype,"rawValue",void 0),t([bt({type:Boolean,reflect:!0})],Mi.prototype,"open",void 0),t([bt({reflect:!0})],Mi.prototype,"min",void 0),t([bt({reflect:!0})],Mi.prototype,"max",void 0),t([bt({reflect:!0})],Mi.prototype,"today",void 0),t([bt({reflect:!0,attribute:"first-day-of-week",type:Number})],Mi.prototype,"firstDayOfWeek",void 0),t([bt({attribute:!1})],Mi.prototype,"dateAdapter",void 0),t([bt({attribute:!1})],Mi.prototype,"isDateDisabled",void 0),t([bt({attribute:!1})],Mi.prototype,"isDateHighlighted",void 0),t([bt({reflect:!0,type:Boolean})],Mi.prototype,"expand",void 0),Mi=t([ut("nord-date-picker")],Mi);var Ni=Mi;const Li=a`:host{--_n-divider-color:var(--n-divider-color, var(--n-color-border));--_n-divider-size:var(--n-divider-size, 1px)}:host([direction=horizontal]){display:block;border-block-start:var(--_n-divider-size) solid var(--_n-divider-color)}:host([direction=vertical]){display:inline-block;min-block-size:100%;border-inline-start:var(--_n-divider-size) solid var(--_n-divider-color)}`;let Pi=class extends ht{constructor(){super(...arguments),this.direction="horizontal"}firstUpdated(){this.setAttribute("role","separator")}handleDirectionChange(){this.setAttribute("aria-orientation","vertical"===this.direction?"vertical":"horizontal")}};Pi.styles=[_t,Li],t([bt({reflect:!0})],Pi.prototype,"direction",void 0),t([wt("direction")],Pi.prototype,"handleDirectionChange",null),Pi=t([ut("nord-divider")],Pi);var Fi=Pi;const Ui=a`:host{--_n-drawer-padding:var(--n-drawer-padding, var(--n-space-l))}.n-drawer{--n-footer-box-shadow:none;display:flex;flex-direction:column;block-size:100%}.n-drawer-main{flex:1;padding:var(--_n-drawer-padding);overflow-y:auto}:host([padding=none]){--_n-drawer-padding:var(--n-drawer-padding, 0)}::slotted(nord-header){--_n-header-box-shadow:none}`,qi=a`:host{--_n-footer-padding-inline:var(--n-footer-padding-inline, var(--n-space-l));--_n-footer-box-shadow:var(--n-footer-box-shadow, var(--n-box-shadow-header));--_n-footer-background-color:var(--n-footer-background-color, var(--n-color-surface));--_n-footer-padding-block:var(--n-space-m);color:var(--n-color-text)}::slotted(*){margin:0!important}::slotted(a){color:var(--n-color-text-link);text-decoration:underline}::slotted(a:hover){text-decoration:none}.n-footer{display:flex;flex-flow:row;align-items:center;flex-wrap:wrap;gap:var(--n-space-s);padding:var(--_n-footer-padding-block) var(--_n-footer-padding-inline);background-color:var(--_n-footer-background-color);border-block-start:1px solid var(--n-color-border);box-shadow:var(--_n-footer-box-shadow);justify-content:flex-end}:host([size='s']){--_n-footer-padding-block:var(--n-space-s)}`;let ji=class extends ht{constructor(){super(...arguments),this.size="m"}render(){return H`<footer class="n-footer"><slot></slot></footer>`}};ji.styles=[_t,qi],t([bt({reflect:!0})],ji.prototype,"size",void 0),ji=t([ut("nord-footer")],ji);var Hi=ji;let Wi=class extends ht{constructor(){super(...arguments),this.footerSlot=new le(this,"footer"),this.padding="m"}render(){return H`<div class="n-drawer"><slot name="header"></slot><div class="n-drawer-main"><slot></slot></div><nord-footer ?hidden="${this.footerSlot.isEmpty}"><slot name="${this.footerSlot.slotName}"></slot></nord-footer></div>`}};Wi.styles=[_t,Ui],t([bt({reflect:!0})],Wi.prototype,"padding",void 0),Wi=t([ut("nord-drawer")],Wi);var Yi=Wi;const Vi=a`.n-dropdown-group-heading{font-size:var(--n-font-size-xs);font-weight:var(--n-font-weight-heading);color:var(--n-color-text-weaker);padding:var(--n-space-xs) var(--n-space-s);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:35.9375em){.n-dropdown-group-heading{padding:calc(var(--n-space-s)/ 1.5) var(--n-space-m)}}.n-dropdown-group-content{display:flex;flex-direction:column}::slotted(nord-message){inline-size:calc(100% + calc(var(--n-space-s) * 2));margin-inline-start:calc(var(--n-space-s) * -1)}::slotted(nord-message:last-of-type){padding-block-end:0;border-block-end:0}`;let Gi=class extends ht{render(){return H`<div class="n-dropdown-group">${this.heading?H`<p id="heading" aria-hidden="true" class="n-dropdown-group-heading">${this.heading}</p>`:V}<div class="n-dropdown-group-content" role="group" aria-labelledby="${this.heading?"heading":V}"><slot></slot></div></div>`}};Gi.styles=[_t,Vi],t([bt({reflect:!0})],Gi.prototype,"heading",void 0),Gi=t([ut("nord-dropdown-group")],Gi);var Xi=Gi;const Ki=a`:host{--_n-dropdown-item-background-color:var(--n-dropdown-item-background-color, transparent);--_n-dropdown-item-color:var(--n-dropdown-item-color, var(--n-color-text));display:flex;line-height:var(--n-line-height-tight)}.n-dropdown-item{appearance:none;cursor:pointer;display:flex;flex:1;gap:var(--n-space-s);align-items:center;font-family:inherit;font-size:inherit;font-weight:var(--n-font-weight);text-decoration:none;border:0;color:var(--_n-dropdown-item-color);padding:var(--n-space-s);border-radius:var(--n-border-radius-s);background:var(--_n-dropdown-item-background-color);text-align:start;box-shadow:var(--n-dropdown-item-box-shadow,none);min-inline-size:0}.n-dropdown-item:hover{--_n-dropdown-item-background-color:var(--n-dropdown-item-background-color, var(--n-color-accent));--_n-dropdown-item-color:var(--n-dropdown-item-color, var(--n-color-text-on-accent))}.n-dropdown-item:hover ::slotted(*){color:var(--n-dropdown-item-color,var(--n-color-text-on-accent))!important}.n-dropdown-item ::slotted(nord-icon){color:var(--n-color-icon)}.n-dropdown-item:hover ::slotted(nord-icon){color:currentColor}.n-dropdown-item:active{opacity:.7}.n-dropdown-item:focus{--n-dropdown-item-box-shadow:0 0 0 2px var(--n-color-accent);outline:0;position:relative;z-index:var(--n-index-masked)}@supports selector(:focus-visible){.n-dropdown-item:focus{--n-dropdown-item-box-shadow:none}.n-dropdown-item:focus-visible{--n-dropdown-item-box-shadow:0 0 0 2px var(--n-color-accent)}}@media (max-width:35.9375em){.n-dropdown-item{gap:var(--n-space-m);padding:calc(var(--n-space-m)/ 1.5) var(--n-space-m)}.n-dropdown-item ::slotted(nord-icon){block-size:var(--n-size-icon-m);inline-size:var(--n-size-icon-m)}}slot[name=end],slot[name=start]{flex:0 0 auto}slot[name=end]{display:flex;margin-inline-start:auto}.n-content{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([disabled]){--_n-dropdown-item-background-color:var(--n-dropdown-item-background-color, transparent);--_n-dropdown-item-color:var(--n-dropdown-item-color, var(--n-color-text-weakest));pointer-events:none}:host([disabled]) .n-button::after{display:none}::slotted(nord-icon:not([size])){--_n-icon-size:var(--n-size-icon-s)}`;let Qi=class extends(De(ht)){constructor(){super(...arguments),this.endSlot=new le(this,"end"),this.target="_self",this.disabled=!1}render(){const t=H`<slot name="start"></slot><div class="n-content"><slot></slot></div><slot name="end" ?hidden="${this.endSlot.isEmpty}"></slot>`;return this.href?this.renderLink(t):this.renderButton(t)}renderLink(t){return H`<a ${Ee(this.focusableRef)} class="n-dropdown-item" target="${this.target}" href="${Bt(this.disabled,V,this.href)}" tabindex="${Bt(this.disabled,"-1")}" aria-disabled="${Bt(this.disabled,"true")}" role="${Bt(this.disabled,"link")}">${t}</a>`}renderButton(t){return H`<button ${Ee(this.focusableRef)} class="n-dropdown-item" ?disabled="${this.disabled}">${t}</button>`}};Qi.styles=[_t,Ki],t([bt({reflect:!0})],Qi.prototype,"href",void 0),t([bt()],Qi.prototype,"target",void 0),t([bt({type:Boolean,reflect:!0})],Qi.prototype,"disabled",void 0),Qi=t([ut("nord-dropdown-item")],Qi);var Zi=Qi;const Ji=a`:host{--_n-dropdown-size:var(--n-dropdown-size, 250px);--_n-dropdown-max-block-size:var(--n-dropdown-max-block-size, 460px)}.n-dropdown-content{padding:var(--n-space-s) 0;min-inline-size:var(--_n-dropdown-size);max-inline-size:calc(var(--_n-dropdown-size) * 1.5);max-block-size:var(--_n-dropdown-max-block-size);overflow-y:auto}@media (max-width:35.9375em){.n-dropdown-content{max-block-size:70vh;max-inline-size:none}}::slotted(nord-dropdown-group),::slotted(nord-dropdown-item){padding-inline-start:var(--n-space-s);padding-inline-end:var(--n-space-s)}::slotted(nord-dropdown-group){padding-block-end:var(--n-space-s);border-block-end:1px solid var(--n-color-border);margin-block-end:var(--n-space-s)}::slotted(nord-dropdown-group:last-child){padding-block-end:0;border-block-end:0;margin-block-end:0}::slotted(nord-message:first-of-type){padding-block-start:0}::slotted(nord-message:last-of-type){margin-block-end:var(--n-space-s)}slot[name=toggle]{display:inline-block}:host([expand]) slot[name=toggle]{inline-size:100%}:host([size='s']){--_n-dropdown-size:var(--n-dropdown-size, 150px)}:host([size='l']){--_n-dropdown-size:var(--n-dropdown-size, 300px)}.n-dropdown-header{padding:calc(var(--n-space-m) + 2px) var(--n-space-m);border-block-end:1px solid var(--n-color-border);background-color:var(--n-color-surface-raised);border-start-start-radius:var(--n-border-radius);border-start-end-radius:var(--n-border-radius);font-weight:var(--n-font-weight);display:flex;gap:var(--n-space-s);align-items:center;flex-wrap:wrap}.n-dropdown-header ::slotted(nord-button){--n-button-gap:var(--n-space-xs);--n-button-background-color:var(--n-color-surface)}.n-dropdown-header ::slotted(nord-button:hover){--n-button-background-color:var(--n-color-button-hover)}::slotted([slot=header-end]){margin-inline-start:auto;gap:var(--n-space-s);display:flex;align-items:center;flex-wrap:wrap}::slotted(:is(h1, h2, h3, h4, h5, h6, p)){margin:0!important}`;let ta=class extends(ki(ht)){constructor(){super(...arguments),this.headerSlot=new le(this,"header"),this.headerEndSlot=new le(this,"header-end"),this.expand=!1,this.size="m",this.alwaysFloating=!1}connectedCallback(){super.connectedCallback();const t=this.querySelector('[slot="toggle"]');null==t||t.setAttribute("aria-haspopup","true")}render(){return H`<div class="n-dropdown" @focusout="${this.handleBlur}"><slot name="toggle" aria-controls="popout"></slot><nord-popout id="popout" align="${Et(this.align)}" position="${Et(this.position)}" ?open="${this.open}" ?always-floating="${this.alwaysFloating}" @open="${this.handleOpen}" @close="${this.handleClose}"><div class="n-dropdown-header" ?hidden="${this.headerSlot.isEmpty&&this.headerEndSlot.isEmpty}"><slot name="${this.headerSlot.slotName}"></slot><slot name="${this.headerEndSlot.slotName}"></slot></div><div class="n-dropdown-content"><slot></slot></div></nord-popout></div>`}handleBlur(t){const e=t.relatedTarget;e&&!this.contains(e)&&this.popout.hide(!1)}handleOpen(){this.open=!0}handleClose(){this.open=!1}handleOpenChange(){var t;if(this.open){const e=null!==(t=this.querySelector("[autofocus]"))&&void 0!==t?t:this.querySelector("nord-dropdown-item, nord-message");null==e||e.focus(),this.list.scrollTop=0}}hide(t){return this.popout.hide(t)}show(){return this.popout.show()}};ta.styles=[_t,Ji],ta.shadowRootOptions={...ht.shadowRootOptions,delegatesFocus:!0},t([yt(".n-dropdown-content")],ta.prototype,"list",void 0),t([yt("nord-popout",!0)],ta.prototype,"popout",void 0),t([bt({reflect:!0,type:Boolean})],ta.prototype,"expand",void 0),t([bt({reflect:!0})],ta.prototype,"size",void 0),t([bt({reflect:!0,type:Boolean,attribute:"always-floating"})],ta.prototype,"alwaysFloating",void 0),t([wt("open","updated")],ta.prototype,"handleOpenChange",null),ta=t([ut("nord-dropdown")],ta);var ea=ta;const na=a`:host{background:var(--n-color-surface);color:var(--n-color-text)}.n-empty-state{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:var(--n-space-xl)}@media (max-width:500px){.n-empty-state{padding:var(--n-space-l) var(--n-space-m)}}::slotted(:is(h1, h2, h3, h4, h5, h6)){color:var(--n-color-text)!important;margin:0 0 var(--n-space-m)!important;font-weight:var(--n-font-weight-heading)!important;font-size:var(--n-font-size-xl)!important;line-height:var(--n-line-height-heading)!important}::slotted(p){margin:0 0 var(--n-space-l)!important;font-size:var(--n-font-size-m)!important;color:var(--n-color-text-weaker)!important;line-height:var(--n-line-height)!important;max-inline-size:var(--n-empty-state-text-width,400px)}::slotted(:is(h1, h2, h3, h4, h5, h6, p)){text-wrap:balance!important}`;let oa=class extends ht{render(){return H`<div class="n-empty-state"><slot></slot></div>`}};oa.styles=[_t,na],oa=t([ut("nord-empty-state")],oa);var ra=oa;const ia=a`fieldset{border:none}.n-label-container{margin-block-end:calc(var(--n-space-s) * 2)}:host([size='s']) .n-label-container{margin-block-end:var(--n-space-s)}.n-hidden{position:absolute;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);block-size:1px;inline-size:1px;white-space:nowrap}`;let aa=class extends ht{constructor(){super(...arguments),this.errorSlot=new le(this,"error"),this.hintSlot=new le(this,"hint"),this.label="",this.required=!1,this.hideRequired=!1,this.hideLabel=!1,this.size="m"}render(){const{hasError:t}=this;return H`<fieldset aria-invalid="${Bt(t,"true")}" aria-describedby="${Bt(t,"error")}" aria-required="${Bt(this.required,"true")}"><legend class="n-label-container ${this.hideLabel?"n-hidden":""}"><div class="n-label"><slot name="label">${this.label}</slot><span aria-hidden="true" class="n-required" ?hidden="${!this.required||this.hideRequired}">*</span></div><div class="n-caption n-hint" ?hidden="${!this.hasHint}"><slot name="hint">${this.hint}</slot></div></legend><slot></slot><div class="n-caption n-error" id="error" role="alert" ?hidden="${!this.hasError}"><slot name="error">${this.error}</slot></div></fieldset>`}get hasHint(){return Boolean(this.hint)||this.hintSlot.hasContent}get hasError(){return Boolean(this.error)||this.errorSlot.hasContent}};aa.styles=[_t,Xn,ia],t([bt({reflect:!0})],aa.prototype,"label",void 0),t([bt({reflect:!0})],aa.prototype,"hint",void 0),t([bt({reflect:!0})],aa.prototype,"error",void 0),t([bt({reflect:!0,type:Boolean})],aa.prototype,"required",void 0),t([bt({reflect:!0,type:Boolean,attribute:"hide-required"})],aa.prototype,"hideRequired",void 0),t([bt({reflect:!0,type:Boolean,attribute:"hide-label"})],aa.prototype,"hideLabel",void 0),t([bt({reflect:!0})],aa.prototype,"size",void 0),aa=t([ut("nord-fieldset")],aa);var sa=aa;const la=a`:host{--_n-header-box-shadow:var(--n-box-shadow-header);--_n-header-block-size:var(--n-header-block-size, var(--n-space-xxl));--_n-header-padding-block:var(--n-space-m);--_n-header-padding-inline:var(--n-space-l);color:var(--n-color-text)}::slotted(*){margin:0!important}::slotted(a){color:var(--n-color-text-link);text-decoration:underline}::slotted(a:hover){text-decoration:none}.n-header,.n-header-end{display:flex;flex-flow:row;align-items:center;gap:var(--n-space-m)}.n-header{padding:var(--_n-header-padding-block) var(--_n-header-padding-inline);padding-inline-start:calc(var(--_n-header-padding-inline) + var(--_n-header-gutter,0px));background-color:var(--n-color-surface);border-block-end:1px solid var(--n-color-border);box-shadow:var(--_n-header-box-shadow);block-size:var(--_n-header-block-size)}.n-header-end{margin-inline-start:auto;gap:var(--n-space-s)}:host([size='s']){--_n-header-block-size:var(--n-size-top-bar);--_n-header-padding-block:var(--n-space-s)}`;let da=class extends ht{constructor(){super(...arguments),this.endSlot=new le(this,"end"),this.size="m"}render(){return H`<header class="n-header"><slot></slot><div class="n-header-end" ?hidden="${this.endSlot.isEmpty}"><slot name="end"></slot></div></header>`}};da.styles=[_t,la],t([bt({reflect:!0})],da.prototype,"size",void 0),da=t([ut("nord-header")],da);var ca=da;const ha="navigation-toggle-lock";var pa=Object.freeze({__proto__:null,default:'<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="m19.7188 10.71-8 8-1.41-1.41 7.29-7.29-7.3-7.29996 1.41-1.41 8 8c.39.39.39 1.01996 0 1.40996zm-8-1.40996-7.99997-8.01-1.41 1.41 7.29 7.29-7.3 7.29996 1.41 1.41 8.00997-7.99c.39-.39.39-1.01996 0-1.40996z" fill="currentColor"/></svg>',tags:"nordicon navigation hamburger menu toggle navigation arrow right double lock triangle chevron",title:ha});const ua=()=>!0;class va{constructor(t,e){t.addController(this),this.options={enabled:ua,...e}}hostConnected(){"undefined"!=typeof BroadcastChannel&&(this.channel=new BroadcastChannel(this.options.channelName),this.channel.addEventListener("message",this))}hostDisconnected(){var t,e;null===(t=this.channel)||void 0===t||t.removeEventListener("message",this),null===(e=this.channel)||void 0===e||e.close()}handleEvent(t){this.options.enabled()&&this.options.onMessage(t.data)}post(t){var e;this.options.enabled()&&(null===(e=this.channel)||void 0===e||e.postMessage(t))}}function ga(t,e,n=JSON.stringify,o=JSON.parse){return{get value(){try{const n=localStorage.getItem(t);return n?o(n):e}catch(t){return e}},set value(e){try{localStorage.setItem(t,n(e))}catch(t){}}}}const ba=a`:host{--_n-sticky-size:0px;--_n-sticky-top:var(--n-sticky-top, 0px);--_n-sticky-index:var(--n-sticky-index, var(--n-index-sticky))}:host([sticky]) .n-sticky{position:sticky;inset-block-start:var(--_n-sticky-top);z-index:var(--_n-sticky-index)}:host>*{--n-sticky-top:calc(var(--_n-sticky-top) + var(--_n-sticky-size));--n-sticky-index:calc(var(--_n-sticky-index) - 1)}`,ma=a`:host{--_n-layout-padding:var(--n-layout-padding, var(--n-space-l));--_n-layout-drawer-inline-size:var(--n-layout-drawer-inline-size, 320px);--_n-layout-background-color:var(--n-layout-background-color, var(--n-color-background));--_n-layout-nav-transition-duration:var(--n-transition-mobile);--_n-layout-header-size:var(--n-space-xxl);--_n-layout-header-size-s:calc(var(--n-space-xl) + var(--n-space-m));--_n-layout-footer-size:var(--n-space-xxl);background:var(--_n-layout-background-color);color:var(--n-color-text);min-block-size:100vh}.n-layout{block-size:calc(100vh - var(--n-sticky-top))}.n-layout-main,.n-layout-nav{background:var(--_n-layout-background-color);min-block-size:100%}.n-layout-nav{position:fixed;user-select:none;inline-size:var(--_n-layout-nav-width);z-index:var(--n-index-nav);inset-block-start:0;inset-inline-start:0;inset-block-end:0;transform:translateX(var(--n-nav-transform));box-shadow:var(--n-box-shadow-nav)}.n-layout-main{position:relative}main{padding:var(--_n-layout-padding)}.n-has-top-bar{--_n-sticky-top:var(--_n-layout-header-size)}:host([sticky]) .n-has-header{--_n-sticky-size:var(--_n-layout-header-size)}:host([sticky-footer]) .n-has-footer slot[name=footer]::slotted(*){position:fixed}aside{position:fixed;z-index:var(--n-index-nav);inset-block:0;inset-inline-end:0;inline-size:var(--_n-layout-drawer-inline-size);max-inline-size:100%;background:var(--n-color-surface);box-shadow:var(--n-box-shadow-nav)}@media (min-width:1240px){.n-has-drawer .n-layout-content{margin-inline-end:var(--_n-layout-drawer-inline-size)}aside{box-shadow:var(--n-box-shadow-header);border-inline-start:1px solid var(--n-color-border)}}slot[name=drawer]::slotted(*){block-size:100%!important}.n-has-top-bar aside{inset-block-start:var(--_n-layout-header-size)}:is(.n-has-top-bar,.n-has-header) ::slotted(nord-notification-group){inset-block-start:var(--_n-layout-header-size)}:is([data-nav=closed],[data-nav=unpeek]) .n-layout-nav{transform:translateX(-110%)}.n-rtl:is([data-nav=closed],[data-nav=unpeek]) .n-layout-nav{transform:translateX(110%)}[data-screen=narrow] .n-layout-nav{z-index:var(--n-index-popout);transition:transform var(--_n-layout-nav-transition-duration)}[data-screen=wide]:is(:not([data-nav=opened],[data-nav=closed])) .n-layout-nav{transition:transform var(--_n-layout-nav-transition-duration);border-start-end-radius:var(--n-border-radius);border-end-end-radius:var(--n-border-radius);min-block-size:0;inset-block-start:calc(var(--n-space-m) * 4);inset-block-end:var(--n-space-l)}[data-screen=wide][data-nav=opened] .n-layout-nav{border-inline-end:1px solid var(--n-color-border);box-shadow:none}[data-screen=wide][data-nav=opened]:not(.n-has-top-bar) .n-layout-nav{--n-navigation-header-padding-inline:calc(var(--n-space-l) / 1.5)}.n-has-top-bar[data-screen=wide][data-nav=opened] .n-layout-nav{--n-navigation-header-background:var(--n-color-accent-secondary);--n-navigation-header-color:var(--n-color-text-on-accent);--n-navigation-header-divider:none;--n-navigation-header-toggle-icon-color:rgb(255, 255, 255, 0.85);--n-navigation-header-focus-style:0 0 0 1px #fff inset,inset 0 0 0 100px rgb(255, 255, 255, 0.2);border-color:transparent;border-image-slice:1;border-image-source:linear-gradient(to bottom,rgb(255,255,255,.16) calc(var(--_n-layout-header-size) + 1px),var(--n-color-border) calc(var(--_n-layout-header-size) + 1px));background:var(--n-color-accent-secondary);box-shadow:0 0 transparent}[data-screen=wide]:not([data-nav=opened]) .n-layout-nav{--n-navigation-header-block-size:var(--_n-layout-header-size-s);overflow:hidden}[data-screen=wide][data-nav=opened] .n-layout-main{margin-inline-start:var(--_n-layout-nav-width)}[data-screen=narrow] .n-layout-main::after{content:'';position:fixed;inset:0;z-index:var(--n-index-overlay);transition:opacity var(--n-transition-mobile),visibility var(--n-transition-mobile);background:var(--n-color-overlay)}[data-screen=narrow]:not([data-nav=opened],[data-nav=peek],[data-nav=blocked]) .n-layout-main::after{visibility:hidden;opacity:0}.n-resize{touch-action:none;position:absolute;min-block-size:100%;inset-block:0;inset-inline-end:-8px;inline-size:10px;background:0 0}[data-nav=opened] .n-resize{cursor:col-resize}.n-resize::after{content:'';position:absolute;z-index:var(--n-index-sticky);inset-block:0;inset-inline-end:5px;inline-size:3px;background:var(--n-color-accent);transition:opacity var(--n-transition-slowly);opacity:0}.n-resize:focus{outline:0}.n-dragging .n-resize::after,.n-resize:focus::after,[data-nav=opened] .n-resize:hover::after{opacity:1;transition-delay:.15s}@supports selector(:focus-visible){.n-resize:focus::after{opacity:0}.n-resize:focus-visible::after{opacity:1}}.n-dragging{cursor:col-resize!important;user-select:none}:host([padding=none]){--_n-layout-padding:var(--n-layout-padding, 0)}.n-top-bar-container{position:fixed;inset-inline-start:var(--_n-layout-nav-width);inset-inline-end:0;inset-block-start:0;z-index:var(--n-index-top-bar)}[data-screen=narrow] .n-top-bar-container,[data-screen=wide]:not([data-nav=opened]) .n-top-bar-container{inset-inline-start:0}.n-has-top-bar{--_n-layout-header-size:var(--_n-layout-header-size-s);--n-navigation-header-block-size:var(--_n-layout-header-size)}.n-has-top-bar :is([name=header],[name=drawer])::slotted(*){--n-header-block-size:var(--_n-layout-header-size)}.n-has-top-bar .n-layout-main{inset-block-start:var(--_n-layout-header-size)}.n-nav-toggle-container{position:absolute;padding-inline-start:var(--n-space-s);block-size:var(--_n-layout-header-size);display:flex;align-items:center;z-index:calc(var(--n-index-top-bar) + 1)}[data-screen=narrow] .n-nav-toggle-container{padding-inline-start:var(--n-space-xs)}.n-has-top-bar .n-nav-toggle-container,:host([sticky]) .n-nav-toggle-container{position:fixed;inset-block-start:0}[data-screen=wide][data-nav=opened] .n-nav-toggle-container{display:none}.n-has-nav[data-screen=wide]:not([data-nav=opened]) ::slotted(nord-top-bar),.n-has-nav[data-screen=wide]:not([data-nav=opened],.n-has-top-bar) ::slotted(nord-header[slot=header]){--_n-header-gutter:calc(var(--n-space-l) * 1.8)}.n-has-nav[data-screen=narrow] ::slotted(nord-top-bar),.n-has-nav[data-screen=narrow]:not(.n-has-top-bar) ::slotted(nord-header[slot=header]){--_n-header-gutter:var(--n-space-xl)}.n-has-top-bar :is(nord-nav-toggle,::slotted(nord-nav-toggle)){--n-button-background-color:transparent;color:rgb(255,255,255,.85)}.n-has-top-bar :is(nord-nav-toggle,::slotted(nord-nav-toggle)):focus{--n-button-background-color:rgb(0, 0, 0, 0.2)}.n-collapse-btn{--_n-collapse-btn-size:var(--n-space-l);position:fixed;inset-inline-start:calc(var(--_n-layout-nav-width) - (var(--_n-collapse-btn-size)/ 2));inset-block-start:calc(var(--_n-layout-header-size) + (var(--_n-layout-header-size) - var(--_n-collapse-btn-size))/ 2);border-radius:var(--n-border-radius-circle);block-size:var(--_n-collapse-btn-size);inline-size:var(--_n-collapse-btn-size);display:flex;align-items:center;justify-content:center;color:var(--n-color-icon);background:var(--n-color-button);box-shadow:var(--n-box-shadow-card);border:0;z-index:var(--n-index-sticky);cursor:pointer;transition:opacity var(--n-transition-slowly),visibility var(--n-transition-slowly),background-color var(--n-transition-quickly),color var(--n-transition-quickly)}.n-collapse-btn:hover{background:var(--n-color-accent);color:var(--n-color-text-on-accent)}.n-collapse-btn:focus{outline:0;box-shadow:0 0 0 2px var(--n-color-accent),var(--n-box-shadow)}[data-screen=narrow] .n-collapse-btn,[data-screen=wide]:not([data-nav=opened]) .n-collapse-btn{display:none}@media (hover:hover) and (pointer:fine){.n-collapse-btn{opacity:0;visibility:hidden}.n-collapse-btn:focus,.n-layout-nav:hover .n-collapse-btn{opacity:1;visibility:visible}}.n-collapse-btn nord-icon{transform:rotate(180deg)}.n-rtl .n-collapse-btn nord-icon{transform:rotate(0)}slot[name=footer]::slotted(*){inset-inline-start:var(--_n-layout-nav-width);inset-inline-end:0;inset-block-end:0}@media (min-width:1240px){.n-has-drawer slot[name=footer]::slotted(*){inset-inline-end:var(--_n-layout-drawer-inline-size)}}[data-screen=narrow] slot[name=footer]::slotted(*),[data-screen=wide]:not([data-nav=opened]) slot[name=footer]::slotted(*){inset-inline-start:0}:host([sticky-footer]) .n-has-footer .n-layout-content{padding-block-end:var(--_n-layout-footer-size)}`;const fa="navigation-toggle";var ya=Object.freeze({__proto__:null,default:'<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="m18.9988 3v2h-16.00002v-2zm-16.00002 8h16.00002v-2h-16.00002zm0 6h16.00002v-2h-16.00002z" fill="currentColor"/></svg>',tags:"nordicon navigation hamburger menu toggle navigation three lines",title:fa});const xa=a`:host{color:var(--n-color-icon);display:inline-flex}nord-button{--n-button-color:currentColor}nord-icon{display:block;transform:translateX(-1px);color:currentColor}nord-icon[name=navigation-toggle-lock]{display:none}.is-rtl nord-icon[name=navigation-toggle-lock]{transform:rotate(180deg)}@media (min-width:768px){:host(:is(:hover,:focus-within)) nord-icon[name=navigation-toggle-lock]{display:block}:host(:is(:hover,:focus-within)) nord-icon[name=navigation-toggle]{display:none}}`;Ft.registerIcon(ya),Ft.registerIcon(pa);let wa=class extends(De(ht)){constructor(){super(...arguments),this.direction=new ae(this),this.localization=new An(this)}render(){return H`<nord-button variant="plain" ${Ee(this.focusableRef)} class="${ie({"is-rtl":this.direction.isRTL})}"><nord-visually-hidden>${this.localization.term("label")}</nord-visually-hidden><nord-icon size="m" name="${fa}"></nord-icon><nord-icon size="m" name="${ha}"></nord-icon></nord-button>`}};wa.styles=[_t,xa],wa=t([ut("nord-nav-toggle")],wa);var ka=wa;Ft.registerIcon(pa);const _a="undefined"!=typeof matchMedia?matchMedia("(min-width: 768px)"):{matches:!1,addEventListener(){}},za=ga("nord-layout.navWidth",250),$a=ga("nord-layout.navOpen",!0),Sa=kt({opened:{toggle:"closed",close:"closed"},closed:{toggle:"opened",open:"opened",focusin:"peek",pointerenter:"peek"},peek:{toggle:"opened",focusout:"unpeek",pointerleave:"wait",dropdownOpen:"blocked",click:"unpeek",open:"opened"},blocked:{dropdownClose:"peek",open:"opened"},wait:{toggle:"opened",focusin:"peek",pointerenter:"peek",timeout:"unpeek"},unpeek:{toggle:"opened",focusin:"peek",pointerenter:"peek",transitionend:"closed"}});let Ca=class extends ht{constructor(){super(...arguments),this.navSlot=new le(this,"nav"),this.drawerSlot=new le(this,"drawer"),this.topBarSlot=new le(this,"top-bar"),this.headerSlot=new le(this,"header"),this.footerSlot=new le(this,"footer"),this.direction=new ae(this),this.events=new se(this),this.lightDismiss=new lo(this,{isOpen:()=>"opened"===this.navState&&!this.wideScreen,onDismiss:()=>this.navTransition("close"),isDismissible:t=>t!==this.navEl}),this.broadcast=new va(this,{channelName:"nord-layout-nav-state",enabled:()=>this.syncNavState&&this.wideScreen,onMessage:t=>{"navOpen"in t&&(this.navOpen=t.navOpen),"navWidth"in t&&(this.navWidth=t.navWidth)}}),this.navWidth=za.value,this.isDragging=!1,this.wideScreen=_a.matches,this.persistNavState=!1,this.syncNavState=!1,this.padding="m",this.sticky=!1,this.stickyFooter=!1,this.handleMediaQueryChange=()=>{this.wideScreen=_a.matches,this.navTransition(this.wideScreen?"open":"close")},this.handleToggleClick=()=>{this.navTransition("toggle")},this.handleNavFocus=()=>{this.navTransition("focusin")},this.handleMainFocus=()=>{this.navTransition("focusout")},this.handleMouseEnter=()=>{this.wideScreen&&this.navTransition("pointerenter")},this.handleMouseLeave=()=>{this.navTransition("pointerleave")},this.handleTransitionEnd=()=>{this.navTransition("transitionend")}}get isNarrow(){return!this.wideScreen}connectedCallback(){super.connectedCallback(),this.events.listen(_a,"change",this.handleMediaQueryChange)}willUpdate(){this.hasUpdated||(this.isNarrow||this.persistNavState&&!1===$a.value?this.navState="closed":this.navState="opened")}render(){const{navWidth:t,navState:e,navSlot:n,headerSlot:o,footerSlot:r,topBarSlot:i,drawerSlot:a,isDragging:s,direction:l}=this,d="opened"===e&&this.wideScreen?t:250;return H`<div class="${ie({"n-layout":!0,"n-rtl":l.isRTL,"n-dragging":s,"n-has-header":o.hasContent,"n-has-footer":r.hasContent,"n-has-top-bar":i.hasContent,"n-has-drawer":a.hasContent,"n-has-nav":n.hasContent})}" style="${Mo({"--_n-layout-nav-width":`${d}px`})}" data-nav="${n.hasContent?e:"closed"}" data-screen="${this.wideScreen?"wide":"narrow"}"><div class="n-layout-nav" ?hidden="${n.isEmpty}" @focusin="${this.handleNavFocus}" @mouseenter="${this.handleMouseEnter}" @mouseleave="${this.handleMouseLeave}" @open="${this.handleDropdownOpen}" @close="${this.handleDropdownClose}"><slot name="nav" @click="${this.handleNavClick}"></slot><div class="n-resize" role="separator" aria-orientation="vertical" tabindex="0" @pointerdown="${Bt("opened"===e,this.startDragging)}" @pointermove="${Bt(s,this.handleDrag)}" @pointerleave="${this.stopDragging}" @pointerup="${this.stopDragging}" @keydown="${this.handleKeyboardResize}" ?hidden="${this.isNarrow}"></div>${this.renderNavCollapse()}</div><div class="n-layout-main" @focusin="${this.handleMainFocus}" @click="${this.handleMainClick}">${n.hasContent?this.renderNavToggle():V}<div class="n-top-bar-container"><slot name="top-bar"></slot></div><div class="n-layout-content"><div class="n-sticky"><slot name="header"></slot></div><main><slot></slot></main><slot name="footer"></slot></div><aside ?hidden="${this.drawerSlot.isEmpty}"><slot name="drawer"></slot></aside></div></div>`}renderNavToggle(){return H`<div class="n-nav-toggle-container"><slot name="nav-toggle" @click="${this.handleToggleClick}" @mouseover="${this.handleMouseEnter}" @mouseout="${this.handleMouseLeave}"><nord-nav-toggle></nord-nav-toggle></slot></div>`}renderNavCollapse(){return H`<button class="n-collapse-btn" @click="${this.handleToggleClick}"><nord-icon name="navigation-toggle-lock" size="s"></nord-icon></button>`}handleNavWidthChange(){za.value=this.navWidth}handleNavStateChange(t){switch("wait"===t&&this.peekTimeoutId&&clearTimeout(this.peekTimeoutId),"unpeek"===t&&this.navEl.removeEventListener("transitionend",this.handleTransitionEnd),this.navState){case"closed":this.navOpen=!1;break;case"opened":this.navOpen=!0;break;case"wait":this.peekTimeoutId=setTimeout((()=>this.navTransition("timeout")),300);break;case"unpeek":this.navEl.addEventListener("transitionend",this.handleTransitionEnd,{once:!0})}}handleOpenChange(t){this.isDragging||this.setNavWidth(Math.max(this.navWidth,250)),this.navTransition(this.navOpen?"open":"close"),this.persistNavState&&($a.value=this.navOpen),null!=t&&this.broadcast.post({navOpen:this.navOpen})}navTransition(t){this.navState=Sa.transition(this.navState,t)}handleNavClick(t){if(!t.defaultPrevented&&!this.wideScreen){const n=t.target;(t=>"nord-nav-item"===t.localName)(e=n)&&!e.hasSubNav&&this.navTransition("close")}var e}handleMainClick(){this.navTransition("click")}handleDropdownOpen(t){"nord-dropdown"===t.target.localName&&this.navTransition("dropdownOpen")}handleDropdownClose(t){"nord-dropdown"===t.target.localName&&this.navTransition("dropdownClose")}handleKeyboardResize(t){const{navWidth:e,direction:{isLTR:n}}=this;switch(t.key){case"ArrowLeft":this.setNavWidth(e+(n?-30:30));break;case"ArrowRight":this.setNavWidth(e+(n?30:-30));break;case"Enter":this.navTransition("toggle");break;case"Home":this.setNavWidth(220);break;case"End":this.setNavWidth(400);break;default:return}this.broadcast.post({navWidth:this.navWidth}),t.preventDefault()}setNavWidth(t){this.navWidth=function(t,e,n){return Math.max(e,Math.min(t,n))}(Math.round(t),220,400)}startDragging(t){if(0===t.button){t.target.setPointerCapture(t.pointerId),this.isDragging=!0}}stopDragging(){this.isDragging=!1,this.broadcast.post({navWidth:this.navWidth})}handleDrag(t){const e=this.direction.isRTL?this.clientWidth-t.clientX:t.clientX;this.setNavWidth(e),this.navTransition(e>=100?"open":"close")}};Ca.styles=[_t,ba,ma],t([yt(".n-layout-nav",!0)],Ca.prototype,"navEl",void 0),t([mt()],Ca.prototype,"navWidth",void 0),t([mt()],Ca.prototype,"isDragging",void 0),t([mt()],Ca.prototype,"navState",void 0),t([mt()],Ca.prototype,"wideScreen",void 0),t([bt({reflect:!0,type:Boolean,attribute:"nav-open"})],Ca.prototype,"navOpen",void 0),t([bt({reflect:!0,type:Boolean,attribute:"persist-nav-state"})],Ca.prototype,"persistNavState",void 0),t([bt({type:Boolean,reflect:!0,attribute:"sync-nav-state"})],Ca.prototype,"syncNavState",void 0),t([bt({reflect:!0})],Ca.prototype,"padding",void 0),t([bt({type:Boolean,reflect:!0})],Ca.prototype,"sticky",void 0),t([bt({type:Boolean,reflect:!0,attribute:"sticky-footer"})],Ca.prototype,"stickyFooter",void 0),t([wt("navWidth","updated")],Ca.prototype,"handleNavWidthChange",null),t([wt("navState")],Ca.prototype,"handleNavStateChange",null),t([wt("navOpen","updated")],Ca.prototype,"handleOpenChange",null),Ca=t([ut("nord-layout")],Ca);var Ea=Ca;const Aa=a`:host{--_n-message-border-color:var(--n-message-border-color, var(--n-color-border));padding:var(--n-space-s);border-block-end:1px solid var(--_n-message-border-color)}.n-message{flex-direction:column;gap:var(--n-space-xs);align-items:flex-start;padding-inline-start:var(--n-space-xl);font-size:var(--n-font-size-m);font-weight:var(--n-font-weight);line-height:var(--n-line-height-heading);margin:0;color:var(--n-color-text);position:relative}.n-message:hover{color:var(--n-color-text-on-accent)}slot[name=footer]{font-size:var(--n-font-size-s);font-weight:var(--n-font-weight);color:var(--n-color-text-weaker);line-height:var(--n-line-height-heading)}:host([highlight]) .n-message::after{content:'';position:absolute;inset-block-start:0;inset-inline-start:0;z-index:var(--n-index-deep);border-radius:var(--n-border-radius-s);block-size:100%;inline-size:100%;opacity:.15;background:var(--n-color-accent);filter:brightness(150%)}.n-unread{position:absolute;min-inline-size:var(--n-size-icon-xxs);min-block-size:var(--n-size-icon-xxs);inset-block-start:calc(var(--n-space-s) + var(--n-space-xs));inset-inline-start:var(--n-space-m);background:var(--n-color-accent);border-radius:var(--n-border-radius-circle)}.n-message:hover .n-unread{background:var(--n-color-text-on-accent)}`;let Da=class extends(De(ht)){constructor(){super(...arguments),this.localize=new An(this)}render(){return(this.href?t=>H`<a href="${Et(this.href)}" ${Ee(this.focusableRef)} class="n-dropdown-item n-message">${t}</a>`:t=>H`<button ${Ee(this.focusableRef)} class="n-dropdown-item n-message">${t}</button>`)(H`<div role="img" class="n-unread" aria-label="${this.localize.term("unreadLabel")}" ?hidden="${!this.unread}"></div><slot></slot><slot name="footer"></slot>`)}};Da.styles=[_t,Ki,Aa],t([bt({reflect:!0})],Da.prototype,"href",void 0),t([bt({reflect:!0,type:Boolean})],Da.prototype,"highlight",void 0),t([bt({reflect:!0,type:Boolean})],Da.prototype,"unread",void 0),Da=t([ut("nord-message")],Da);var Ta=Da;const Ra=a`:host{--_n-modal-padding-inline:var(--n-modal-padding-inline, var(--n-space-m));--_n-modal-padding-block:var(--n-modal-padding-block, var(--n-space-m));--_n-modal-focus-ring:0 0 0 2px var(--n-color-accent);--_n-modal-max-inline-size:var(--n-modal-max-inline-size, 620px);color:var(--n-color-text);position:fixed;inset:0;visibility:hidden;transition:visibility var(--n-transition-slowly);z-index:var(--n-index-modal)}:host([open]){transition-property:none;visibility:visible}.n-modal-backdrop{position:fixed;inset:0;background:var(--n-color-overlay);transition:opacity var(--n-transition-slowly);padding:var(--n-space-l);padding-block-start:clamp(var(--n-space-l),min(10vh,10vw) - 1em,calc(var(--n-space-xxl) + var(--n-space-s)));overflow-y:auto}:host(:not([open])) .n-modal-backdrop{opacity:0}.n-modal{--n-footer-padding-inline:var(--_n-modal-padding-inline);--n-footer-background-color:transparent;--n-footer-box-shadow:none;position:relative;display:flex;flex-direction:column;inline-size:100%;max-inline-size:var(--_n-modal-max-inline-size);margin:auto;background:var(--n-color-surface);box-shadow:var(--n-box-shadow-modal);border-radius:var(--n-border-radius);transition:opacity var(--n-transition-slowly),transform var(--n-transition-slowly)}.n-overflow-hidden{overflow:hidden}.n-rounded-top{border-radius:var(--n-border-radius) var(--n-border-radius) 0 0}:host(:not([open])) .n-modal{transform:translateY(-10px) scale(.97);opacity:0}.n-modal:focus{outline:0}.n-modal-body{flex:1}.n-body-padded{display:block;padding:var(--n-space-l) var(--_n-modal-padding-inline) var(--n-space-xl)}.n-modal-header{display:flex;gap:var(--n-space-m);align-items:start;background:var(--n-color-header);border-block-end:1px solid var(--n-color-border)}.n-padded{padding:var(--_n-modal-padding-block) var(--_n-modal-padding-inline)}.n-close{border:none;display:flex;justify-content:center;align-items:center;block-size:var(--n-space-xl);inline-size:var(--n-space-xl);background-color:transparent;border-radius:var(--n-border-radius);inset-block-start:var(--n-space-s);inset-inline-end:var(--n-space-s);color:var(--n-color-text);cursor:pointer;transition:color var(--n-transition-quickly);position:relative}.n-close::after{content:'';position:absolute;display:block;inset:calc(var(--n-space-s) * -1);border-radius:var(--n-border-radius)}.n-close:not(:hover){color:var(--n-color-icon)}.n-close:active{transform:translateY(1px)}.n-close:focus{outline:0;box-shadow:var(--_n-modal-focus-ring)}@supports selector(:focus-visible){.n-close:focus{box-shadow:none}.n-close:focus-visible{box-shadow:var(--_n-modal-focus-ring)}}:host([scrollable]) .n-modal{max-block-size:100%}:host([scrollable]) .n-modal-body{overflow-y:auto}@media (min-width:489px){:host{--_n-modal-padding-inline:var(--n-modal-padding-inline, var(--n-space-l))}:host([size='s']){--_n-modal-padding-inline:var(--n-modal-padding-inline, var(--n-space-m));--_n-modal-max-inline-size:var(--n-modal-max-inline-size, 440px)}:host([size='l']){--_n-modal-padding-inline:var(--n-modal-padding-inline, var(--n-space-l));--_n-modal-max-inline-size:var(--n-modal-max-inline-size, 940px)}:host([size=xl]){--_n-modal-padding-inline:var(--n-modal-padding-inline, var(--n-space-l));--_n-modal-max-inline-size:var(--n-modal-max-inline-size, none)}}slot[name]{display:flex}slot[name=header]{flex:1}slot[name=header]::slotted(*){margin:0!important;padding:0!important;font-size:var(--n-font-size-l)!important;font-weight:var(--n-font-weight-heading)!important;line-height:var(--n-line-height-heading)!important}slot[name=footer]{gap:var(--n-space-xs);flex-direction:column;inline-size:100%}slot[name=footer]::slotted(nord-button-group){--_n-button-group-flex-direction:column;--_n-button-group-max-inline-size:100%}@media (min-width:489px){slot[name=footer]{gap:var(--n-space-s);flex-direction:row;justify-content:flex-end;align-items:center}slot[name=footer]::slotted(nord-button-group){--_n-button-group-flex-direction:row;--_n-button-group-max-inline-size:max-content}}slot[name=feature]{overflow:hidden}slot[name=feature]::slotted(*){inline-size:100%;block-size:auto}`;function Oa(t,e){t.forEach((t=>function(t,e){if(e){const e=t.getAttribute("inert");null!==e&&t.setAttribute("data-n-inert",e),t.setAttribute("inert","")}else{const e=t.getAttribute("data-n-inert");null!==e?(t.setAttribute("inert",e),t.removeAttribute("data-n-inert")):t.removeAttribute("inert")}}(t,e)))}function Ia(t){const e=[];let n=t.nextElementSibling;for(;n;)e.push(n),n=n.nextElementSibling;for(n=t.previousElementSibling;n;)e.push(n),n=n.previousElementSibling;return t.parentElement&&t.parentElement!==document.body&&e.push(...Ia(t.parentElement)),e}class Ba{constructor(t){this.host=t,this.inertElements=[],t.addController(this)}hostDisconnected(){this.release()}trap(){const t=Ia(this.host);Oa(t,!0),this.inertElements=t}release(){Oa(this.inertElements,!1),this.inertElements=[]}}class Ma{constructor(t,e){this.host=t,this.trackLastButton=t=>{const e=t.target;"button"===e.localName&&(this.lastButton=e)},this.polyfillSubmitter=t=>{t.submitter=this.lastButton},this.handleTransitionEnd=t=>{this.options.isOpen()||t.target!==this.host||this.scrollBar.unlockScroll()},this.handleLightDismiss=t=>{this.host.contains(t.target)&&this.options.onDismiss(t)},this.handleSubmit=t=>{this.lastButton=void 0;const e=t.target,n=t.submitter,o="dialog"===e.method,r="dialog"===e.getAttribute("method");r&&!o&&t.preventDefault(),(r||o)&&this.options.close(null==n?void 0:n.value)},t.addController(this),this.options=e,this.scrollBar=new wi(t),this.focusTrap=new Ba(t),this.events=new se(t),this.lightDismiss=new lo(t,{isOpen:e.isOpen,isDismissible:t=>t!==e.dialog(),onDismiss:this.handleLightDismiss})}hostConnected(){window.SubmitEvent||(this.events.listen(this.host,"click",this.trackLastButton,!0),this.events.listen(this.host,"submit",this.polyfillSubmitter,!0)),this.events.listen(this.host,"transitionend",this.handleTransitionEnd),this.events.listen(this.host,"submit",this.handleSubmit)}hostDisconnected(){Ma.openModals.remove(this)}block(){var t;null===(t=Ma.openModals.top)||void 0===t||t.focusTrap.release(),Ma.openModals.push(this),this.scrollBar.lockScroll(),this.trigger=document.activeElement;(this.host.querySelector("[autofocus]")||this.host).focus(),this.focusTrap.trap()}unblock(){var t,e;Ma.openModals.top===this&&(Ma.openModals.pop(),this.options.backdrop().scrollTop=0,this.focusTrap.release(),null===(t=this.trigger)||void 0===t||t.focus(),this.trigger=void 0,null===(e=Ma.openModals.top)||void 0===e||e.focusTrap.trap())}}Ma.openModals=new class{constructor(){this.items=[]}get length(){return this.items.length}get top(){return this.items[this.length-1]}push(t){this.items.push(t)}pop(){return this.items.pop()}remove(t){const e=this.items.indexOf(t);-1!==e&&this.items.splice(e,1)}},Ft.registerIcon(Eo);let Na=class extends ht{constructor(){super(...arguments),this.defaultSlot=new le(this),this.headerSlot=new le(this,"header"),this.featureSlot=new le(this,"feature"),this.footerSlot=new le(this,"footer"),this.localize=new An(this),this.modalController=new Ma(this,{isOpen:()=>this.open,onDismiss:()=>this.handleDismiss(),dialog:()=>this.modal,backdrop:()=>this.backdrop,close:t=>this.close(t)}),this.open=!1,this.size="m",this.returnValue="",this.scrollable=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","dialog")}showModal(){this.open=!0}close(t){this.open=!1,null!=t&&(this.returnValue=t),this.dispatchEvent(new Tn("close"))}focus(t){this.modal.focus({preventScroll:!0,...t})}render(){return H`<div class="n-modal-backdrop"><div class="${ie({"n-modal":!0,"n-overflow-hidden":this.featureSlot.hasContent&&this.defaultSlot.isEmpty&&this.footerSlot.isEmpty})}" tabindex="0"><div class="n-modal-header n-rounded-top" ?hidden="${this.headerSlot.isEmpty}"><slot class="n-padded" name="${this.headerSlot.slotName}"></slot><button class="n-close" @click="${this.handleDismiss}"><nord-icon name="interface-close-small" size="s" label="${this.localize.term("closeLabel")}"></nord-icon></button></div><div class="n-modal-body"><slot name="${this.featureSlot.slotName}" class="${this.headerSlot.isEmpty?"n-rounded-top":""}" ?hidden="${this.featureSlot.isEmpty}"></slot><slot class="${this.defaultSlot.isEmpty?"":"n-body-padded"}"></slot></div><nord-footer ?hidden="${this.footerSlot.isEmpty}"><slot name="${this.footerSlot.slotName}"></slot></nord-footer></div></div>`}handleOpenUpdated(t){this.open?this.modalController.block():!0===t&&this.modalController.unblock()}handleDismiss(){this.dispatchEvent(new Tn("cancel",{cancelable:!0}))&&this.close()}};Na.styles=[_t,Ra],t([yt(".n-modal",!0)],Na.prototype,"modal",void 0),t([yt(".n-modal-backdrop",!0)],Na.prototype,"backdrop",void 0),t([bt({type:Boolean,reflect:!0})],Na.prototype,"open",void 0),t([bt({reflect:!0})],Na.prototype,"size",void 0),t([bt({attribute:!1})],Na.prototype,"returnValue",void 0),t([bt({type:Boolean,reflect:!0})],Na.prototype,"scrollable",void 0),t([wt("open","updated")],Na.prototype,"handleOpenUpdated",null),Na=t([ut("nord-modal")],Na);var La=Na;const Pa=a`:host{color:var(--n-color-text-weak);font-weight:var(--n-font-weight);line-height:var(--n-line-height-tight);white-space:nowrap;text-overflow:ellipsis;user-select:none}[role=list]{margin-block-end:var(--n-space-m);min-inline-size:100%;list-style:none;appearance:none;border:0;box-sizing:border-box;margin:0;padding:0}.n-heading{min-inline-size:100%;color:var(--n-color-nav-heading);font-size:var(--n-font-size-s);font-weight:var(--n-font-weight-active);line-height:var(--n-line-height-tight);padding-inline-start:var(--n-space-s);margin-block-start:var(--n-space-m);margin-block-end:var(--n-space-s);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}`;let Fa=class extends ht{render(){return H`${this.heading?H`<p id="heading" aria-hidden="true" class="n-heading">${this.heading}</p>`:V}<div role="list" aria-labelledby="${this.heading?"heading":V}"><slot></slot></div>`}};Fa.styles=[_t,Pa],t([bt({reflect:!0})],Fa.prototype,"heading",void 0),Fa=t([ut("nord-nav-group")],Fa);var Ua=Fa;const qa=a`:host{--_n-nav-item-box-shadow:none}.n-nav-item{user-select:none;display:flex;align-items:center;font-family:inherit;font-size:inherit;line-height:var(--n-line-height-tight);appearance:none;color:var(--n-color-text-weak);padding:var(--n-space-s);min-block-size:32px;margin-block-end:1px;border-radius:var(--n-border-radius-s);text-decoration:none;inline-size:100%;max-inline-size:100%;background:0 0;cursor:pointer;border:0;text-align:start;box-shadow:var(--_n-nav-item-box-shadow);position:relative;z-index:var(--n-index-default)}.n-nav-item:focus{--_n-nav-item-box-shadow:0 0 0 2px var(--n-color-accent);outline:0;position:relative;z-index:var(--n-index-masked)}@supports selector(:focus-visible){.n-nav-item:focus{--_n-nav-item-box-shadow:none}.n-nav-item:focus-visible{--_n-nav-item-box-shadow:0 0 0 2px var(--n-color-accent)}}.n-nav-item:hover{background:var(--n-color-nav-hover);color:var(--n-color-text)}.n-nav-item:active{opacity:.7}.n-nav-content{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([badge]) .n-nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-inline-size:calc(100% - calc(var(--n-space-m) + var(--n-space-m)));margin-block-end:-3px}:host([active]) .n-nav-item{--_n-nav-item-box-shadow:var(--n-box-shadow);background:var(--n-color-accent);color:var(--n-color-text-on-accent);font-weight:var(--n-font-weight-active)}:host([active]) .n-nav-item:focus{--_n-nav-item-box-shadow:0 0 0 1px var(--n-color-nav-surface),0 0 0 3px var(--n-color-accent)}:host([active]) nord-icon{color:currentColor}.n-toggle-icon{color:var(--n-color-icon);margin-inline-end:var(--n-space-s);margin-inline-start:var(--n-space-s)}.n-toggle-icon.n-rtl{transform:rotate(-180deg)}[aria-expanded=true] .n-toggle-icon{transform:rotate(90deg)}:host([active]) .n-nav-item[aria-expanded]{--_n-nav-item-box-shadow:none;color:var(--n-color-text-weak);font-weight:var(--n-font-weight);background:0 0}:host([active]) .n-nav-item[aria-expanded]:focus-visible{--_n-nav-item-box-shadow:0 0 0 1px var(--n-color-nav-surface),0 0 0 3px var(--n-color-accent)}:host([active]) .n-nav-item[aria-expanded]::after{content:'';position:absolute;inset-block-start:0;inset-inline-start:0;z-index:var(--n-index-deep);border-radius:var(--n-border-radius-s);block-size:100%;inline-size:100%;opacity:.12;background:var(--n-color-accent);filter:brightness(150%)}.n-nav-icon{margin-inline-end:calc(var(--n-space-s) * 1.4);flex-shrink:0}::slotted(nord-nav-group){margin-inline-start:calc(var(--n-space-m) + calc(var(--n-space-s) * 1.3))}.n-nav-badge{border-radius:var(--n-border-radius-pill);background:var(--n-color-status-notification);color:#fff;font-weight:var(--n-font-weight);font-feature-settings:var(--n-font-features-reduced);padding:4px 6px;text-align:center;min-inline-size:20px;position:absolute;margin-block-start:-2px;margin-inline-start:calc(var(--n-space-s)/ 1.5);font-size:var(--n-font-size-xs);display:inline-block}`;let ja=class extends(De(ht)){constructor(){super(...arguments),this.subnavSlot=new le(this,"subnav"),this.direction=new ae(this),this.active=!1,this.open=!1}get hasSubNav(){return this.subnavSlot.hasContent}render(){const t=H`${this.icon?H`<nord-icon class="n-nav-icon" name="${this.icon}" size="m"></nord-icon>`:V}<div class="n-nav-content"><span class="n-nav-label"><slot></slot></span>${this.badge?H`<span class="n-nav-badge">${this.badge}</span>`:V}</div>`;let e;return e=this.subnavSlot.hasContent?this.renderToggle(t):this.href?this.renderLink(t):this.renderButton(t),H`<div role="listitem">${e}<slot name="${this.subnavSlot.slotName}" ?hidden="${!this.open}"></slot></div>`}renderLink(t){return H`<a class="n-nav-item" ${Ee(this.focusableRef)} aria-current="${Bt(this.active,"page")}" href="${this.href||""}">${t}</a>`}renderToggle(t){return H`<button class="n-nav-item" @click="${this.toggleOpen}" aria-expanded="${this.open?"true":"false"}" ${Ee(this.focusableRef)}>${t}<nord-icon size="xxs" class="${ie({"n-toggle-icon":!0,"n-rtl":this.direction.isRTL})}" name="arrow-expand-right-small"></nord-icon></button>`}renderButton(t){return H`<button class="n-nav-item" ${Ee(this.focusableRef)}>${t}</button>`}toggleOpen(){this.open=!this.open,this.dispatchEvent(new Tn("toggle"))}handleActiveChange(){this.active&&!this.hasSubNav&&this.dispatchEvent(new Tn("activate"))}};ja.styles=[_t,qa],t([bt({type:Boolean,reflect:!0})],ja.prototype,"active",void 0),t([bt({reflect:!0})],ja.prototype,"icon",void 0),t([bt({reflect:!0})],ja.prototype,"href",void 0),t([bt({reflect:!0})],ja.prototype,"badge",void 0),t([bt({reflect:!0,type:Boolean})],ja.prototype,"open",void 0),t([wt("active","updated")],ja.prototype,"handleActiveChange",null),ja=t([ut("nord-nav-item")],ja);var Ha=ja;const Wa=a`:host{--_n-navigation-background-color:var(--n-navigation-background-color, var(--n-color-nav-surface));--_n-navigation-header-block-size:var(--n-navigation-header-block-size, var(--n-space-xxl));--_n-navigation-header-padding-inline:var(--n-navigation-header-padding-inline);--_n-navigation-header-background:var(--n-navigation-header-background, var(--_n-navigation-background-color));--_n-navigation-header-divider:var(--n-navigation-header-divider, 1px solid var(--n-color-border));--_n-navigation-header-color:var(--n-navigation-header-color);--_n-navigation-header-toggle-icon-color:var(--n-navigation-header-toggle-icon-color);--_n-navigation-header-focus-style:var(--n-navigation-header-focus-style, var(--_n-navigation-dropdown-box-shadow));--_n-navigation-dropdown-box-shadow:0 0 0 1px var(--n-color-accent) inset;display:flex;flex-direction:column;block-size:100%;background:var(--_n-navigation-background-color)}.n-navigation-main{display:flex;flex-direction:column;flex:1;overflow-y:auto;overscroll-behavior-y:none}nav{flex:1;padding:var(--n-space-m)}::slotted(nord-nav-group[heading]:first-of-type){margin-block-start:calc(var(--n-space-s) * -1)}slot[name=footer],slot[name=header]{display:flex;flex-direction:column;justify-content:center;--n-button-text-align:start;--n-button-background-color:transparent;--n-button-border-color:transparent;--n-button-box-shadow:none;--n-button-gradient:none}slot[name=header]{--n-button-border-radius:0;--n-button-color:var(--_n-navigation-header-color);--n-button-min-block-size:var(--_n-navigation-header-block-size);--n-select-block-size:var(--n-button-min-block-size);--n-button-font-weight:var(--n-font-weight-active);--n-button-toggle-icon-color:var(--_n-navigation-header-toggle-icon-color);--n-button-padding-inline:var(--_n-navigation-header-padding-inline);block-size:var(--_n-navigation-header-block-size);background-color:var(--_n-navigation-header-background);border-block-end:var(--_n-navigation-header-divider)}slot[name=footer]{--n-button-color:var(--n-color-text-weak);--n-button-padding-inline:var(--n-space-xs);margin:var(--n-space-m)}:is([name=header],[name=footer])::slotted(:not([open]):focus-within){--n-button-border-color:var(--n-color-accent);--n-button-box-shadow:var(--_n-navigation-dropdown-box-shadow)}slot[name=header]::slotted(:not([open], :active):focus-within){--n-button-box-shadow:var(--_n-navigation-header-focus-style)}[name=footer]::slotted(:is(:hover, [open])){--n-button-border-color:var(--n-color-border-hover)}:host([sticky-footer]) slot[name=footer]{background:var(--_n-navigation-background-color);z-index:var(--n-index-sticky);padding:var(--n-space-s) var(--n-space-m);margin:0;position:sticky;inset-block-end:0}:host([sticky-footer]) .n-navigation-main{background:linear-gradient(var(--_n-navigation-background-color) 30%,rgb(255,255,255,0)) center top,linear-gradient(rgb(255,255,255,0),var(--_n-navigation-background-color) 70%) center bottom,radial-gradient(farthest-side at 50% 0,rgb(0,0,0,.1),rgb(0,0,0,0)) center top,radial-gradient(farthest-side at 50% 100%,rgb(0,0,0,.1),rgb(0,0,0,0)) center bottom;background-repeat:no-repeat;background-size:100% 40px,100% 40px,100% 7px,100% 7px;background-attachment:local,local,scroll,scroll}`;let Ya=class extends ht{constructor(){super(...arguments),this.headerSlot=new le(this,"header"),this.events=new se(this),this.allowItemsToRemainOpen=!1,this.stickyFooter=!1,this.handleActivate=t=>{var e,n;const o=t.target,r=new Set;let i=null===(e=o.parentElement)||void 0===e?void 0:e.closest("nord-nav-item");for(;i;)r.add(i),i=null===(n=i.parentElement)||void 0===n?void 0:n.closest("nord-nav-item");for(const t of this.querySelectorAll("nord-nav-item"))if(t!==o){const e=r.has(t);t.open=e||this.allowItemsToRemainOpen&&t.open,t.active=e}this.allowItemsToRemainOpen=!1}}connectedCallback(){super.connectedCallback(),this.events.listen(this,"activate",this.handleActivate);const t=this.querySelector("nord-nav-item[active]");this.allowItemsToRemainOpen=null!=t}render(){return H`<slot name="header" ?hidden="${this.headerSlot.isEmpty}"></slot><div class="n-navigation-main"><nav><slot></slot></nav>${this.stickyFooter?V:H`<slot name="footer"></slot>`}</div>${this.stickyFooter?H`<slot name="footer"></slot>`:V}`}};Ya.styles=[_t,Wa],t([bt({type:Boolean,reflect:!0,attribute:"sticky-footer"})],Ya.prototype,"stickyFooter",void 0),Ya=t([ut("nord-navigation")],Ya);var Va=Ya;const Ga=a`:host{--_n-notification-group-mask:linear-gradient(black 95%, transparent 100%);position:fixed;inset-inline-end:0;inset-block-start:0;inset-block-end:0;z-index:var(--n-index-modal);mask-image:var(--_n-notification-group-mask);pointer-events:none}.n-notification-group{display:flex;flex-direction:column;align-items:end;gap:var(--n-space-m);margin:var(--n-space-m)}::slotted(nord-notification){pointer-events:auto;inline-size:100%;max-inline-size:400px}`;let Xa=class extends ht{render(){return H`<div class="n-notification-group"><slot></slot></div>`}};Xa.styles=[_t,Ga],Xa=t([ut("nord-notification-group")],Xa);var Ka=Xa;function Qa(e){class n extends e{constructor(){super(...arguments),this.notificationRef=$e(),this.dismissed=!1}async dismiss(){var t;this.notificationRef.value&&(this.dismissed=!0,await(t=this.notificationRef.value,Promise.race([Rn(t,"animationend"),Rn(t,"animationcancel")])),this.dispatchEvent(new Tn("dismiss")))}}return t([mt()],n.prototype,"dismissed",void 0),n}const Za=a`:host{--_n-notification-focus-ring:0 0 0 2px var(--n-color-accent);--_n-notification-dismiss-size:calc(var(--n-space-m) * 2)}.n-notification{color:var(--n-color-text-weaker);background:var(--n-color-surface-raised);box-shadow:var(--n-box-shadow-nav);padding-block-start:calc(var(--n-space-l)/ 1.2);padding-block-end:var(--n-space-l);padding-inline-start:calc(var(--n-space-l)/ 1.2);padding-inline-end:var(--n-space-m);border-radius:var(--n-border-radius);position:relative;animation:n-enter var(--n-transition-slowly) forwards 1}.n-notification-body{flex:1;padding-inline-end:var(--_n-notification-dismiss-size)}.n-dismissed{animation-name:n-exit}@keyframes n-enter{from{transform:translateY(10%);opacity:0}}@keyframes n-exit{to{transform:scale(.97);opacity:0}}.n-dismiss{border:none;display:flex;justify-content:center;align-items:center;block-size:var(--_n-notification-dismiss-size);inline-size:var(--_n-notification-dismiss-size);background-color:transparent;border-radius:var(--n-border-radius-s);color:var(--n-color-icon);cursor:pointer;transition:opacity var(--n-transition-slowly),color var(--n-transition-slowly);position:absolute;inset-inline-end:var(--n-space-m);inset-block-start:14px}.n-dismiss:hover{color:var(--n-color-text);background:rgb(0,0,0,.04)}.n-dismiss:active{opacity:.8;transform:translateY(1px)}.n-dismiss:focus{outline:0;box-shadow:var(--_n-notification-focus-ring)}@supports selector(:focus-visible){.n-dismiss:focus{box-shadow:none}.n-dismiss:focus-visible{box-shadow:var(--_n-notification-focus-ring)}}::slotted(nord-icon),slot nord-icon{color:var(--n-color-text-link)!important;transform:translateY(3px) translateX(1px)!important}::slotted(:is(h1, h2, h3, h4, h5, h6)){color:var(--n-color-text)!important;font-size:var(--n-font-size-m)!important;line-height:var(--n-line-height)!important;margin:0 0 var(--n-space-s)!important;font-weight:var(--n-font-weight-active)!important;font-style:normal!important}::slotted(p){margin:0!important;font-size:var(--n-font-size-m)!important;color:var(--n-color-text-weaker)!important;line-height:var(--n-line-height)!important;font-weight:var(--n-font-weight)!important;font-style:normal!important}::slotted(a){color:var(--n-color-text-link)!important;text-decoration:none!important;margin:var(--n-space-s) 0 0!important;font-weight:var(--n-font-weight)!important;font-style:normal!important;display:block}::slotted(a:hover){text-decoration:underline!important}`;let Ja=class extends(Qa(ht)){constructor(){super(...arguments),this.localize=new An(this)}render(){return H`<div ${Ee(this.notificationRef)} class="${ie({"n-notification":!0,"n-dismissed":this.dismissed})}"><button class="n-dismiss" @click="${this.dismiss}"><nord-icon name="interface-close-small" size="xs" label="${this.localize.term("dismissLabel")}"></nord-icon></button><nord-stack align-items="stretch" direction="horizontal"><slot name="icon"><nord-icon name="navigation-notifications"></nord-icon></slot><div class="n-notification-body"><slot></slot></div></nord-stack></div>`}};Ja.styles=[_t,Za],Ja=t([ut("nord-notification")],Ja);var ts=Ja;const es=a`:host{--_n-progress-size:var(--n-progress-size, var(--n-space-s));--_n-progress-border-radius:var(--n-progress-border-radius, var(--n-border-radius-s));--_n-progress-color:var(--n-progress-color, var(--n-color-accent));inline-size:100%}progress{appearance:none;inline-size:100%;block-size:var(--_n-progress-size);background-color:var(--n-color-surface-lowered);border-radius:var(--_n-progress-border-radius);box-shadow:none;display:block;border:0;margin:0}label{display:block}progress::-webkit-progress-bar{background-color:transparent;border-radius:var(--_n-progress-border-radius)}progress::-moz-progress-bar{background:var(--_n-progress-color);border-radius:var(--_n-progress-border-radius)}progress::-webkit-progress-value{background:var(--_n-progress-color);border-radius:var(--_n-progress-border-radius);transition:width .25s ease-out,background .25s ease-out}progress:indeterminate{background-color:var(--n-color-nav-hover);background-image:linear-gradient(to right,transparent 45%,var(--n-color-accent) 0,var(--n-color-accent) 55%,transparent 0);background-position:right;background-size:225% 100%;animation:animate-indeterminate 2s infinite ease}progress:indeterminate::-moz-progress-bar{background-color:transparent}progress:indeterminate::-webkit-progress-value{background-color:transparent}@keyframes animate-indeterminate{50%{background-position:left}}progress:focus{box-shadow:0 0 0 1px var(--n-color-background),0 0 0 3px var(--n-color-accent);outline:0}`;let ns=class extends(De(ht)){constructor(){super(...arguments),this.max=100,this.label="Current progress"}render(){return H`<label><nord-visually-hidden>${this.label}</nord-visually-hidden><progress ${Ee(this.focusableRef)} aria-valuenow="${Et(this.value)}" aria-valuemin="0" aria-valuemax="${this.max}" tabindex="-1" max="${this.max}" value="${Et(this.value)}"></progress></label>`}};ns.styles=[_t,es],t([bt({reflect:!0,type:Number})],ns.prototype,"value",void 0),t([bt({reflect:!0,type:Number})],ns.prototype,"max",void 0),t([bt({reflect:!0})],ns.prototype,"label",void 0),ns=t([ut("nord-progress-bar")],ns);var os=ns;const rs=a`:host{--_n-progress-color:var(--n-progress-color, var(--n-color-accent));--_n-progress-size:var(--n-size-icon-m);--_n-progress-background:var(--n-color-background);inline-size:var(--_n-progress-size);block-size:var(--_n-progress-size);display:inline-flex;position:relative}:host([size=xs]){--_n-progress-size:var(--n-size-icon-xs)}:host([size='s']){--_n-progress-size:var(--n-size-icon-s)}:host([size='l']){--_n-progress-size:var(--n-size-icon-l)}:host([size=xl]){--_n-progress-size:var(--n-size-icon-xl)}:host([size=xxl]){--_n-progress-size:var(--n-size-icon-xxl)}:host([color=success]){--_n-progress-color:var(--n-color-status-success)}:host([color=warning]){--_n-progress-color:var(--n-color-status-warning)}:host([color=danger]){--_n-progress-color:var(--n-color-status-danger)}:host([color=highlight]){--_n-progress-color:var(--n-color-status-highlight)}:host([color=info]){--_n-progress-color:var(--n-color-status-info)}:host svg{inline-size:100%;block-size:100%}`,is=11.25,as=11.25;let ss=0;let ls=class extends ht{constructor(){super(),this.size="m",this.progress=0,this._animatedProgress=0,this._animationId=null,this._targetProgress=0,this._instanceId=0,this._instanceId=ss++}connectedCallback(){super.connectedCallback(),this._animatedProgress=this.progress,this._targetProgress=this.progress}disconnectedCallback(){super.disconnectedCallback(),null!==this._animationId&&(cancelAnimationFrame(this._animationId),this._animationId=null)}updated(t){t.has("progress")&&(this._targetProgress=Math.max(0,Math.min(100,this.progress)),this._animate())}_animate(){null!==this._animationId&&cancelAnimationFrame(this._animationId);const t=()=>{const e=this._targetProgress-this._animatedProgress;if(Math.abs(e)<.5)return this._animatedProgress=this._targetProgress,void(this._animationId=null);this._animatedProgress+=.15*e,this._animationId=requestAnimationFrame(t)};this._animationId=requestAnimationFrame(t)}get _clampedProgress(){return Math.max(0,Math.min(100,this._animatedProgress))}get _isSemanticColor(){var t;return["success","warning","danger","highlight","info"].includes(null!==(t=this.color)&&void 0!==t?t:"")}get _customColorStyle(){if(this.color&&!this._isSemanticColor)return`--_n-progress-color:${this.color}`}render(){const t=Boolean(this.label),e=function(t){const e=Math.max(0,Math.min(100,t));if(0===e)return"";if(100===e)return"M11.25,5.25\n A6,6 0 1 1 11.25,17.25\n A6,6 0 1 1 11.25,5.25 Z";const n=e/100*360,o=(-90+n)*(Math.PI/180);return`M11.25,11.25\n L11.25,5.25\n A6,6 0 ${n>180?1:0},1 ${is+6*Math.cos(o)},${as+6*Math.sin(o)}\n Z`}(this._clampedProgress),n=`n-progress-clip-${this._instanceId}`;return H`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.5 22.5" fill="none" role="${Bt(t,"progressbar")}" aria-label="${Et(this.label)}" aria-valuenow="${Bt(t,Math.round(this._clampedProgress))}" aria-valuemin="${Bt(t,"0")}" aria-valuemax="${Bt(t,"100")}" aria-hidden="${Bt(!t,"true")}" style="${Et(this._customColorStyle)}"><g clip-path="url(#${n})"><rect x="1.25" y="1.25" width="20" height="20" rx="10" fill="var(--_n-progress-background)"/><circle cx="${is}" cy="${as}" r="${9}" fill="var(--_n-progress-background)" stroke="var(--_n-progress-color)" stroke-width="2"/>${W`<path fill="var(--_n-progress-color)" d="${e}">`}</g><rect x="0.625" y="0.625" width="21.25" height="21.25" rx="10.625" stroke="var(--_n-progress-background)" stroke-width="1.25"/><defs><clipPath id="${n}"><rect x="1.25" y="1.25" width="20" height="20" rx="10" fill="white"/></clipPath></defs></svg>`}};ls.styles=[_t,rs],t([bt({reflect:!0})],ls.prototype,"size",void 0),t([bt({reflect:!0})],ls.prototype,"color",void 0),t([bt({reflect:!0})],ls.prototype,"label",void 0),t([bt({reflect:!0,type:Number})],ls.prototype,"progress",void 0),t([mt()],ls.prototype,"_animatedProgress",void 0),ls=t([ut("nord-progress")],ls);var ds=ls;
|
|
106
106
|
/*!
|
|
107
107
|
Copyright (c) 2023 Paul Miller (paulmillr.com)
|
|
108
108
|
The library paulmillr-qr is dual-licensed under the Apache 2.0 OR MIT license.
|