@nordhealth/components 4.26.0 → 4.26.1
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 +10383 -10374
- package/lib/Button.js +1 -1
- package/lib/Button.js.map +1 -1
- package/lib/Navigation.js +1 -1
- package/lib/Navigation.js.map +1 -1
- package/lib/bundle.js +2 -2
- package/lib/bundle.js.map +1 -1
- package/lib/src/button/Button.d.ts +6 -0
- package/lib/src/layout/Layout.d.ts +1 -1
- package/package.json +2 -2
package/lib/bundle.js
CHANGED
|
@@ -92,7 +92,7 @@ const pe=e=>(t,n)=>{void 0!==n?n.addInitializer((()=>{customElements.define(e,t)
|
|
|
92
92
|
* @license
|
|
93
93
|
* Copyright 2018 Google LLC
|
|
94
94
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
95
|
-
*/,ct=e=>e??Y,ht=a`:host{--_n-spinner-color:var(--n-spinner-color, var(--n-color-accent));--_n-spinner-size:var(--n-size-icon-m);--_n-spinner-border-width:calc(var(--_n-spinner-size) * 0.18);--_n-spinner-duration:0.66s;inline-size:var(--_n-spinner-size);block-size:var(--_n-spinner-size);display:inline-flex;position:relative;color:inherit}:host([size=xs]){--_n-spinner-size:var(--n-size-icon-xs)}:host([size='s']){--_n-spinner-size:var(--n-size-icon-s)}:host([size='l']){--_n-spinner-size:var(--n-size-icon-l)}:host([size=xl]){--_n-spinner-size:var(--n-size-icon-xl)}:host([size=xxl]){--_n-spinner-size:var(--n-size-icon-xxl)}.n-spinner,.n-spinner::after{position:absolute;z-index:var(--n-index-spinner);border-radius:var(--n-border-radius-circle);border:var(--_n-spinner-border-width) solid}.n-spinner{inset:0;border-color:transparent;border-block-end-color:var(--_n-spinner-color);animation:nRotate var(--_n-spinner-duration) linear infinite}.n-spinner::after{content:'';inset:calc(var(--_n-spinner-border-width) * -1);opacity:.3;border-color:var(--_n-spinner-color);border-block-end-color:transparent}@keyframes nRotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}`;let ut=class extends he{constructor(){super(...arguments),this.size="m"}render(){return U`<div class="n-spinner" role="${at(this.label,"img")}" aria-label="${ct(this.label)}" style="${at(this.color,`--_n-spinner-color:${this.color}`)}"></div>`}};ut.styles=[Ee,ht],e([ge({reflect:!0})],ut.prototype,"size",void 0),e([ge({reflect:!0})],ut.prototype,"color",void 0),e([ge({reflect:!0})],ut.prototype,"label",void 0),ut=e([pe("nord-spinner")],ut);var pt=ut;let vt=class extends(lt(st(he))){constructor(){super(...arguments),this.defaultSlot=new Me(this),this.buttonRef=tt(),this.events=new Ie(this),this.lightDom=new it(this,{render:()=>this.renderLightDom()}),this.variant="default",this.type="submit",this.size="m",this.download=!1,this.target="_self",this.expand=!1,this.square=!1,this.loading=!1,this.hideDropdownIcon=!1,this.handleOuterClick=e=>{e.composedPath().some((e=>e===this.focusableRef.value||e===this.buttonRef.value))||e.stopPropagation()}}connectedCallback(){super.connectedCallback(),this.events.listen(this,"click",this.handleOuterClick,!0)}render(){var e;const t="toggle"===(null===(e=this.assignedSlot)||void 0===e?void 0:e.name),n=this.defaultSlot.assigned.some((e=>"nord-icon"===e.localName)),o=t&&!this.hideDropdownIcon&&!n&&!this.href,r=U`<slot name="start"></slot><div class="n-content"><slot></slot></div><nord-spinner class="n-button-spinner" color="currentColor" ?hidden="${!this.loading||Boolean(this.href)}"></nord-spinner><slot name="end">${o?U`<nord-icon name="interface-dropdown-small" class="n-toggle-icon"></nord-icon>`:Y}</slot>`;return this.href?this.renderLink(r):this.renderButton(r)}renderLink(e){return U`<a ${rt(this.focusableRef)} class="n-button" target="${this.target}" ?download="${this.download}" href="${at(this.disabled,Y,this.href)}" tabindex="${at(this.disabled,"-1")}" aria-disabled="${at(this.disabled,"true")}" role="${at(this.disabled,"link")}">${e}</a>`}renderButton(e){return U`<slot name="proxy" @slotchange="${this.handleProxyChange}"></slot><button ${rt(this.focusableRef)} class="n-button" ?disabled="${this.disabled}" name="${at(this.name)}" value="${at(this.value)}" @click="${this.handleClick}" aria-disabled="${at(this.loading,"true")}" aria-expanded="${at(this.accessibleExpanded)}" aria-haspopup="${at(this.accessibleHasPopup)}">${e}</button>`}renderLightDom(){return this.href||!this.form?Y:U`<button ${rt(this.buttonRef)} slot="proxy" name="${at(this.name)}" value="${at(this.value)}" ?disabled="${this.disabled}" form="${at(this._formId)}" type="${this.type}"></button>`}handleClick(e){this.buttonRef.value&&(e.stopPropagation(),this.buttonRef.value.click())}handleProxyChange(e){const t=e.target,n=this.buttonRef.value;n&&n.assignedSlot!==t&&this.appendChild(n)}};vt.styles=[Ee,dt],e([ge({reflect:!0})],vt.prototype,"variant",void 0),e([ge({reflect:!0})],vt.prototype,"type",void 0),e([ge({reflect:!0})],vt.prototype,"size",void 0),e([ge({attribute:"aria-expanded"})],vt.prototype,"accessibleExpanded",void 0),e([ge({attribute:"aria-haspopup"})],vt.prototype,"accessibleHasPopup",void 0),e([ge({reflect:!0})],vt.prototype,"href",void 0),e([ge({reflect:!0,type:Boolean})],vt.prototype,"download",void 0),e([ge()],vt.prototype,"target",void 0),e([ge({reflect:!0,type:Boolean})],vt.prototype,"expand",void 0),e([ge({reflect:!0,type:Boolean})],vt.prototype,"square",void 0),e([ge({reflect:!0,type:Boolean})],vt.prototype,"loading",void 0),e([ge({reflect:!0,type:Boolean,attribute:"hide-dropdown-icon"})],vt.prototype,"hideDropdownIcon",void 0),vt=e([pe("nord-button")],vt);var bt=vt;
|
|
95
|
+
*/,ct=e=>e??Y,ht=a`:host{--_n-spinner-color:var(--n-spinner-color, var(--n-color-accent));--_n-spinner-size:var(--n-size-icon-m);--_n-spinner-border-width:calc(var(--_n-spinner-size) * 0.18);--_n-spinner-duration:0.66s;inline-size:var(--_n-spinner-size);block-size:var(--_n-spinner-size);display:inline-flex;position:relative;color:inherit}:host([size=xs]){--_n-spinner-size:var(--n-size-icon-xs)}:host([size='s']){--_n-spinner-size:var(--n-size-icon-s)}:host([size='l']){--_n-spinner-size:var(--n-size-icon-l)}:host([size=xl]){--_n-spinner-size:var(--n-size-icon-xl)}:host([size=xxl]){--_n-spinner-size:var(--n-size-icon-xxl)}.n-spinner,.n-spinner::after{position:absolute;z-index:var(--n-index-spinner);border-radius:var(--n-border-radius-circle);border:var(--_n-spinner-border-width) solid}.n-spinner{inset:0;border-color:transparent;border-block-end-color:var(--_n-spinner-color);animation:nRotate var(--_n-spinner-duration) linear infinite}.n-spinner::after{content:'';inset:calc(var(--_n-spinner-border-width) * -1);opacity:.3;border-color:var(--_n-spinner-color);border-block-end-color:transparent}@keyframes nRotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}`;let ut=class extends he{constructor(){super(...arguments),this.size="m"}render(){return U`<div class="n-spinner" role="${at(this.label,"img")}" aria-label="${ct(this.label)}" style="${at(this.color,`--_n-spinner-color:${this.color}`)}"></div>`}};ut.styles=[Ee,ht],e([ge({reflect:!0})],ut.prototype,"size",void 0),e([ge({reflect:!0})],ut.prototype,"color",void 0),e([ge({reflect:!0})],ut.prototype,"label",void 0),ut=e([pe("nord-spinner")],ut);var pt=ut;let vt=class extends(lt(st(he))){constructor(){super(...arguments),this.defaultSlot=new Me(this),this.buttonRef=tt(),this.events=new Ie(this),this.lightDom=new it(this,{render:()=>this.renderLightDom()}),this.variant="default",this.type="submit",this.size="m",this.download=!1,this.target="_self",this.expand=!1,this.square=!1,this.loading=!1,this.hideDropdownIcon=!1,this.handleOuterClick=e=>{e.composedPath().some((e=>e===this.focusableRef.value||e===this.buttonRef.value))||e.stopPropagation()}}connectedCallback(){super.connectedCallback(),this.events.listen(this,"click",this.handleOuterClick,!0)}render(){var e;const t="toggle"===(null===(e=this.assignedSlot)||void 0===e?void 0:e.name),n=this.defaultSlot.assigned.some((e=>"nord-icon"===e.localName)),o=t&&!this.hideDropdownIcon&&!n&&!this.href,r=U`<slot name="start"></slot><div class="n-content"><slot></slot></div><nord-spinner class="n-button-spinner" color="currentColor" ?hidden="${!this.loading||Boolean(this.href)}"></nord-spinner><slot name="end">${o?U`<nord-icon name="interface-dropdown-small" class="n-toggle-icon"></nord-icon>`:Y}</slot>`;return this.href?this.renderLink(r):this.renderButton(r)}renderLink(e){return U`<a ${rt(this.focusableRef)} class="n-button" target="${this.target}" ?download="${this.download}" href="${at(this.disabled,Y,this.href)}" tabindex="${at(this.disabled,"-1")}" aria-disabled="${at(this.disabled,"true")}" role="${at(this.disabled,"link")}">${e}</a>`}renderButton(e){return U`<slot name="proxy" @slotchange="${this.handleProxyChange}"></slot><button ${rt(this.focusableRef)} class="n-button" ?disabled="${this.disabled}" name="${at(this.name)}" value="${at(this.value)}" @click="${this.handleClick}" aria-disabled="${at(this.loading,"true")}" aria-expanded="${at(this.accessibleExpanded)}" aria-haspopup="${at(this.accessibleHasPopup)}">${e}</button>`}renderLightDom(){return this.href||!this.form?Y:U`<button ${rt(this.buttonRef)} slot="proxy" name="${at(this.name)}" value="${at(this.value)}" ?disabled="${this.disabled}" form="${at(this._formId)}" type="${this.type}"></button>`}handleClick(e){this.buttonRef.value&&(e.stopPropagation(),this.buttonRef.value.click())}handleProxyChange(e){const t=e.target,n=this.buttonRef.value;n&&n.assignedSlot!==t&&this.appendChild(n)}};vt.shadowRootOptions={...he.shadowRootOptions,delegatesFocus:!0},vt.styles=[Ee,dt],e([ge({reflect:!0})],vt.prototype,"variant",void 0),e([ge({reflect:!0})],vt.prototype,"type",void 0),e([ge({reflect:!0})],vt.prototype,"size",void 0),e([ge({attribute:"aria-expanded"})],vt.prototype,"accessibleExpanded",void 0),e([ge({attribute:"aria-haspopup"})],vt.prototype,"accessibleHasPopup",void 0),e([ge({reflect:!0})],vt.prototype,"href",void 0),e([ge({reflect:!0,type:Boolean})],vt.prototype,"download",void 0),e([ge()],vt.prototype,"target",void 0),e([ge({reflect:!0,type:Boolean})],vt.prototype,"expand",void 0),e([ge({reflect:!0,type:Boolean})],vt.prototype,"square",void 0),e([ge({reflect:!0,type:Boolean})],vt.prototype,"loading",void 0),e([ge({reflect:!0,type:Boolean,attribute:"hide-dropdown-icon"})],vt.prototype,"hideDropdownIcon",void 0),vt=e([pe("nord-button")],vt);var bt=vt;
|
|
96
96
|
/**
|
|
97
97
|
* @license
|
|
98
98
|
* Copyright 2017 Google LLC
|
|
@@ -120,7 +120,7 @@ const pe=e=>(t,n)=>{void 0!==n?n.addInitializer((()=>{customElements.define(e,t)
|
|
|
120
120
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
121
121
|
*/const Ji="important",ea=" !"+Ji,ta=Ve(class extends Ye{constructor(e){if(super(e),e.type!==Ue||"style"!==e.name||e.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(e){return Object.keys(e).reduce(((t,n)=>{const o=e[n];return null==o?t:t+`${n=n.includes("-")?n:n.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${o};`}),"")}update(e,[t]){const{style:n}=e.element;if(void 0===this.ft)return this.ft=new Set(Object.keys(t)),this.render(t);for(const e of this.ft)null==t[e]&&(this.ft.delete(e),e.includes("-")?n.removeProperty(e):n[e]=null);for(const e in t){const o=t[e];if(null!=o){this.ft.add(e);const t="string"==typeof o&&o.endsWith(ea);e.includes("-")||t?n.setProperty(e,t?o.slice(0,-11):o,t?Ji:""):n[e]=o}}return V}});class na{constructor(e,t){this.target=t,this.hadFirstUpdate=!1,e.addController(this),this.observer=new ResizeObserver((([t])=>{const[n]=t.borderBoxSize;this.borderBoxSize=n,e.requestUpdate()}))}get inlineSize(){var e;return null===(e=this.borderBoxSize)||void 0===e?void 0:e.inlineSize}get blockSize(){var e;return null===(e=this.borderBoxSize)||void 0===e?void 0:e.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 oa(t){class n extends t{constructor(){super(...arguments),this.autocomplete="off"}}return e([ge()],n.prototype,"autocomplete",void 0),n}function ra(e){return class extends e{constructor(){super(...arguments),this.textSelectableRef=tt()}set selectionStart(e){this.textSelectableRef.value&&(this.textSelectableRef.value.selectionStart=e)}get selectionStart(){var e,t;return null!==(t=null===(e=this.textSelectableRef.value)||void 0===e?void 0:e.selectionStart)&&void 0!==t?t:null}set selectionEnd(e){this.textSelectableRef.value&&(this.textSelectableRef.value.selectionEnd=e)}get selectionEnd(){var e,t;return null!==(t=null===(e=this.textSelectableRef.value)||void 0===e?void 0:e.selectionEnd)&&void 0!==t?t:null}set selectionDirection(e){this.textSelectableRef.value&&(this.textSelectableRef.value.selectionDirection=e)}get selectionDirection(){var e,t;return null!==(t=null===(e=this.textSelectableRef.value)||void 0===e?void 0:e.selectionDirection)&&void 0!==t?t:null}select(){this.textSelectableRef.value&&this.textSelectableRef.value.select()}setSelectionRange(e,t,n){this.textSelectableRef.value&&this.textSelectableRef.value.setSelectionRange(e,t,n)}setRangeText(e,t,n,o="preserve"){if(this.textSelectableRef.value){const r=null!=t?t:this.textSelectableRef.value.selectionStart,i=null!=n?n:this.textSelectableRef.value.selectionEnd;this.textSelectableRef.value.setRangeText(e,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 ia=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)}:host([readonly]) slot:is([name=start],[name=end]){color:var(--n-color-text)}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}`;kt.registerIcon(Zi);const aa=e=>e?`${e}px`:void 0,sa={number:"numeric",email:"email",tel:"tel",url:"url",search:"search"};let la=class extends(bi(vi(oa(Gi(ra(lt(st(he)))))))){constructor(){super(...arguments),this.startObserver=new na(this,(()=>this.startSlot)),this.endObserver=new na(this,(()=>this.endSlot)),this.direction=new rr(this),this.type="text",this.expand=!1,this.disallowPattern=void 0,this.inputmode=void 0,this.handleInputChange=e=>{const t=e.target;this.disallowPattern&&function(e,t){const{value:n}=e,o=e.selectionStart,r=n.slice(0,o),i=n.slice(o,n.length),a=r.replace(t,""),s=a+i.replace(t,""),l=a.length;e.value=s,e.selectionStart=l,e.selectionEnd=l}(t,new RegExp(this.disallowPattern,"g")),this.handleInput(e)}}render(){var e;const t="number"===this.type,n=this.inputmode||sa[this.type];return U`${this.renderLabel()}<div class="${yo({"n-input-container":!0,"is-rtl":"rtl"===this.direction.dir})}" style="${ta({"--_n-input-start-inline-size":aa(this.startObserver.inlineSize),"--_n-input-end-inline-size":aa(this.endObserver.inlineSize)})}"><slot name="start">${"search"===this.type?U`<nord-icon name="navigation-search"></nord-icon>`:Y}</slot><input ${rt(this.textSelectableRef)} ${rt(this.focusableRef)} id="${this.inputId}" class="n-input" type="${t||"unit"===this.type?"text":this.type}" inputmode="${ct(n)}" pattern="${at(t,"[0-9]*")}" ?disabled="${this.disabled}" ?required="${this.required}" ?readonly="${this.readonly}" name="${ct(this.name)}" .value="${null!==(e=this.value)&&void 0!==e?e:""}" placeholder="${ct(this.placeholder)}" @input="${this.handleInputChange}" @change="${this.handleChange}" @keydown="${this.handleKeydown}" @select="${this.handleSelect}" aria-describedby="${ct(this.getDescribedBy())}" aria-invalid="${ct(this.getInvalid())}" spellcheck="false" autocomplete="${this.autocomplete}"><slot name="end"></slot></div>${this.renderError()} ${this.isHintBelow?this.renderHint():Y}`}handleKeydown(e){if("Enter"!==e.key)return;const{form:t}=this;if(t){const e=function(e){let t=e.querySelector('button[type="submit"]');!t&&e.id&&(t=e.getRootNode().querySelector(`button[form=${e.id}]`));return t}(t);setTimeout((()=>null==e?void 0:e.click()),0)}}handleSelect(e){e.stopPropagation(),this.dispatchEvent(new ke("select"))}};la.styles=[Ee,gi,Xi,ia],e([ye("slot[name='start']")],la.prototype,"startSlot",void 0),e([ye("slot[name='end']")],la.prototype,"endSlot",void 0),e([ge({reflect:!0})],la.prototype,"type",void 0),e([ge({reflect:!0,type:Boolean})],la.prototype,"expand",void 0),e([ge({reflect:!0,attribute:"disallow-pattern"})],la.prototype,"disallowPattern",void 0),e([ge({reflect:!0})],la.prototype,"inputmode",void 0),la=e([pe("nord-input")],la);var da=la;class ca{constructor(e){e.addController(this)}hostDisconnected(){this.unlockScroll()}lockScroll(){if(0===ca.locks.size){const e=document.documentElement.clientWidth,t=Math.abs(window.innerWidth-e),n=getComputedStyle(document.body),o=Number.parseInt(n.paddingRight,10)||0;ca.setStyle("--n-scrollbar-gutter",`${t+o}px`),ca.setStyle("overflow","hidden"),ca.setStyle("padding-right","var(--n-scrollbar-gutter)")}ca.locks.add(this)}unlockScroll(){ca.locks.delete(this),0===ca.locks.size&&(ca.resets.forEach((e=>e())),ca.resets=[])}static setStyle(e,t){const{style:n}=document.body,o=n.getPropertyValue(e);n.setProperty(e,t),ca.resets.push((()=>n.setProperty(e,o)))}}function ha(t){class n extends t{constructor(){super(...arguments),this.open=!1,this.align="start",this.position="block-end"}}return e([ge({type:Boolean,reflect:!0})],n.prototype,"open",void 0),e([ge({reflect:!0})],n.prototype,"align",void 0),e([ge({reflect:!0})],n.prototype,"position",void 0),n}ca.locks=new Set,ca.resets=[];const ua=a`:host{position:fixed;pointer-events:none;z-index:var(--n-index-popout);color:var(--n-color-text);opacity:0;transition:opacity var(--n-transition-slowly);inset:auto;inline-size:auto;block-size:auto;margin:0;padding:0;border:none;background:0 0;overflow:visible;left:calc(var(--_n-popout-position-x) + var(--n-popout-offset-inline,0px));top:calc(var(--_n-popout-position-y) + var(--n-popout-offset-block,0px))}.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}`,pa="undefined"==typeof matchMedia?{matches:!1,addEventListener(){}}:matchMedia("(max-width: 35.9375em)");let va=class extends(ha(he)){constructor(){super(...arguments),this.scrollBar=new ca(this),this.dismiss=new Ai(this,{isOpen:()=>this.open,onDismiss:e=>this.hide("click"!==e.type),isDismissible:e=>e!==this.popout&&e!==this.targetElement}),this.events=new Ie(this),this.direction=new rr(this),this.smallViewport=pa.matches,this.id="",this.alwaysFloating=!1,this.enableScroll=()=>{this.open||(this.scrollBar.unlockScroll(),this.leaveTopLayer())},this.updatePosition=async()=>{var e;if(!this.anchorElement)return;const t={strategy:"fixed"};"auto"===this.position?t.middleware=[Xn(8),Kn({alignment:this.align,padding:8}),Qn({padding:8}),Jn()]:(t.placement=so(this.position,this.align,this.direction.dir),t.middleware=[Xn(8),Zn(),Qn({padding:8}),Jn()]);const{x:n,y:o,placement:r,middlewareData:i}=await eo(this.anchorElement,this,t);this.computedPosition=r,this.style.setProperty("--_n-popout-position-x",`${n}px`),this.style.setProperty("--_n-popout-position-y",`${o}px`),(null===(e=i.hide)||void 0===e?void 0:e.referenceHidden)&&this.hide()},this.toggleOpen=e=>{e.preventDefault(),this.open?this.hide(!1):!this.smallViewport||this.alwaysFloating?(this.enterTopLayer(),this.updatePosition().then((()=>this.show()))):this.show()},this.handleMediaQueryChange=()=>{var e;this.smallViewport=pa.matches,null===(e=this.cleanupAutoUpdate)||void 0===e||e.call(this),(!this.smallViewport||this.alwaysFloating)&&this.open&&this.anchorElement?(this.cleanupAutoUpdate=Gn(this.anchorElement,this,this.updatePosition),this.scrollBar.unlockScroll()):this.open&&this.scrollBar.lockScroll()}}async show(){return this.open?Promise.resolve():(this.enterTopLayer(),this.open=!0,await this.updateComplete,this.dispatchEvent(new ke("open")),ze(this.popout))}async hide(e=!0){var t,n;if(!this.open)return Promise.resolve();this.open=!1,null===(t=this.cleanupAutoUpdate)||void 0===t||t.call(this),this.dispatchEvent(new ke("close")),e&&(null===(n=this.targetElement)||void 0===n||n.focus({preventScroll:!0}));const o=await ze(this.popout);return this.leaveTopLayer(),o}firstUpdated(){this.smallViewport&&!this.alwaysFloating||this.updatePosition()}connectedCallback(){super.connectedCallback(),this.events.listen(pa,"change",this.handleMediaQueryChange),this.initializeElements()}disconnectedCallback(){var e,t;super.disconnectedCallback(),null===(e=this.cleanupAutoUpdate)||void 0===e||e.call(this),null===(t=this.targetElement)||void 0===t||t.removeAttribute("aria-expanded")}render(){return U`<div class="n-popout ${this.computedPosition} is-${this.direction.dir}" aria-hidden="${this.open?"false":"true"}" @transitionend="${this.enableScroll}"><slot></slot></div>`}handleIdChange(){var e;null===(e=this.targetElement)||void 0===e||e.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 e,t;null===(e=this.targetElement)||void 0===e||e.setAttribute("aria-expanded",`${this.open}`),this.open?(this.enterTopLayer(),this.smallViewport&&!this.alwaysFloating?this.scrollBar.lockScroll():this.anchorElement&&(this.cleanupAutoUpdate=Gn(this.anchorElement,this,this.updatePosition))):null===(t=this.cleanupAutoUpdate)||void 0===t||t.call(this)}handleAnchorChange(){var e;null===(e=this.cleanupAutoUpdate)||void 0===e||e.call(this),this.anchorElement=this.getAnchor(),this.open&&(!this.smallViewport||this.alwaysFloating)&&this.anchorElement&&(this.cleanupAutoUpdate=Gn(this.anchorElement,this,this.updatePosition))}enterTopLayer(){if("function"==typeof this.showPopover)try{this.setAttribute("popover","manual"),this.showPopover()}catch(e){this.removeAttribute("popover")}}leaveTopLayer(){this.removeAttribute("popover")}getToggle(){const e=this.getRootNode(),t=e.querySelectorAll(`[aria-controls='${this.id}']`);let n=t[0];if(t.length>1){const o=[...e.querySelectorAll(`[id='${this.id}']`)].indexOf(this);o>=0&&o<t.length&&(n=t[o])}return n instanceof HTMLSlotElement?n.assignedElements()[0]:n}getAnchor(){if(!this.anchor)return this.targetElement;const e=this.getRootNode().querySelector(`#${this.anchor}`);return e instanceof HTMLSlotElement?e.assignedElements()[0]:e}};va.styles=[Ee,ua],e([ye(".n-popout",!0)],va.prototype,"popout",void 0),e([me()],va.prototype,"computedPosition",void 0),e([me()],va.prototype,"smallViewport",void 0),e([ge({reflect:!0})],va.prototype,"id",void 0),e([ge({reflect:!0})],va.prototype,"anchor",void 0),e([ge({reflect:!0,type:Boolean,attribute:"always-floating"})],va.prototype,"alwaysFloating",void 0),e([xe("id")],va.prototype,"handleIdChange",null),e([xe("open")],va.prototype,"handleOpenChange",null),e([xe("anchor")],va.prototype,"handleAnchorChange",null),va=e([pe("nord-popout")],va);var ba=va;const ga=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 ma=class extends he{constructor(){super(...arguments),this.gap="m",this.direction="vertical",this.alignItems="stretch",this.wrap=!1}render(){return U`<slot></slot>`}};ma.styles=[Ee,ga],e([ge({reflect:!0})],ma.prototype,"gap",void 0),e([ge({reflect:!0})],ma.prototype,"direction",void 0),e([ge({reflect:!0,attribute:"align-items"})],ma.prototype,"alignItems",void 0),e([ge({reflect:!0,type:Boolean})],ma.prototype,"wrap",void 0),e([ge({reflect:!0,attribute:"justify-content"})],ma.prototype,"justifyContent",void 0),ma=e([pe("nord-stack")],ma);var fa=ma;kt.registerIcon(Vi),kt.registerIcon(Yi);const ya=()=>!1,wa=()=>!1;let xa=class extends(bi(vi(Gi(lt(st(he)))))){constructor(){super(...arguments),this.swipe=new wr(this,{target:()=>this.popout,matchesGesture:kr,onSwipeEnd:()=>this.hide()}),this.localize=new Jr(this,{onLangChange:()=>this.createDateFormatters()}),this.value="",this.open=!1,this.firstDayOfWeek=zr.Monday,this.dateAdapter=Ki,this.isDateDisabled=ya,this.isDateHighlighted=wa,this.expand=!1,this.handleDaySelect=e=>{e.stopPropagation(),this.setValue(e.date),this.hide()},this.handleBlur=e=>{e.stopPropagation(),this.internalError=this.validateDateBounds(this.valueAsDate),this.dispatchEvent(new ke("blur"))},this.handleFocus=e=>{e.stopPropagation(),this.dispatchEvent(new ke("focus"))},this.handleInputChange=e=>{var t;const n=e.target,o=this.dateAdapter.parse(n.value,$r);this.rawValue=null===(t=this.focusableRef.value)||void 0===t?void 0:t.value,(o||""===n.value)&&this.setValue(o)}}get valueAsDate(){return Sr(this.value)}set valueAsDate(e){this.value=e?Cr(e):""}get valueAsNumber(){var e,t;return null!==(t=null===(e=this.valueAsDate)||void 0===e?void 0:e.getTime())&&void 0!==t?t:Number.NaN}set valueAsNumber(e){this.value=e?Cr(new Date(e)):""}firstUpdated(){var e;this.rawValue=null===(e=this.focusableRef.value)||void 0===e?void 0:e.value}render(){const{valueAsDate:e}=this,t=e?this.dateAdapter.format(e):"";return U`<nord-input class="n-date-picker-input" value="${t}" label="${ct(this.label)}" hint="${ct(this.hint)}" error="${at(this.error||this.internalError,this.error||this.internalError)}" placeholder="${ct(this.placeholder)}" id="${this.inputId}" size="${this.size}" ?expand="${this.expand}" ?disabled="${this.disabled}" ?required="${this.required}" ?readonly="${this.readonly}" ?hint-below="${this.hintBelow}" ?hide-label="${this.hideLabel}" ?hide-required="${this.hideRequired}" disallow-pattern="[^0-9./-]" @focus="${this.handleFocus}" @blur="${this.handleBlur}" @input="${this.handleInputChange}" ${rt(this.focusableRef)} aria-invalid="${at(this.error||this.internalError,"true")}" aria-describedby="${ct(this.getDescribedBy())}">${this.hintSlot.isEmpty?Y:U`<slot name="hint" slot="hint"></slot>`} ${this.labelSlot.isEmpty?Y:U`<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")} ${e?U`<span>, ${this.localize.term("selectedDateMessage")} ${this.dateFormatLong.format(e)}</span>`:Y}</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="${ct(this.min)}" max="${ct(this.max)}" today="${ct(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,{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(e){this.value=e?Cr(e):"";const{valueAsDate:t}=this,n=t?this.dateAdapter.format(t):"";this.rawValue=n,this.dispatchEvent(new ke("change"))}validateDateBounds(e){if(!e)return;const t=Sr(this.min||""),n=Sr(this.max||"");return t&&e<t?this.localize.term("dateOutOfMinBound",this.min):n&&e>n?this.localize.term("dateOutOfMaxBound",this.max):void 0}hide(e){this.popout.hide(e)}show(){this.popout.show()}};xa.styles=[Ee,gi,Xi,Qi],e([ye(".n-date-picker-toggle",!0)],xa.prototype,"toggleButton",void 0),e([ye(".n-date-picker-close-button",!0)],xa.prototype,"closeButton",void 0),e([ye("nord-calendar",!0)],xa.prototype,"calendar",void 0),e([ye('[role="dialog"]',!0)],xa.prototype,"popout",void 0),e([ge()],xa.prototype,"value",void 0),e([ge({attribute:!1})],xa.prototype,"internalError",void 0),e([ge({attribute:!1})],xa.prototype,"rawValue",void 0),e([ge({type:Boolean,reflect:!0})],xa.prototype,"open",void 0),e([ge({reflect:!0})],xa.prototype,"min",void 0),e([ge({reflect:!0})],xa.prototype,"max",void 0),e([ge({reflect:!0})],xa.prototype,"today",void 0),e([ge({reflect:!0,attribute:"first-day-of-week",type:Number})],xa.prototype,"firstDayOfWeek",void 0),e([ge({attribute:!1})],xa.prototype,"dateAdapter",void 0),e([ge({attribute:!1})],xa.prototype,"isDateDisabled",void 0),e([ge({attribute:!1})],xa.prototype,"isDateHighlighted",void 0),e([ge({reflect:!0,type:Boolean})],xa.prototype,"expand",void 0),xa=e([pe("nord-date-picker")],xa);var ka=xa;const _a=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 za=class extends he{constructor(){super(...arguments),this.direction="horizontal"}firstUpdated(){this.setAttribute("role","separator")}handleDirectionChange(){this.setAttribute("aria-orientation","vertical"===this.direction?"vertical":"horizontal")}};za.styles=[Ee,_a],e([ge({reflect:!0})],za.prototype,"direction",void 0),e([xe("direction")],za.prototype,"handleDirectionChange",null),za=e([pe("nord-divider")],za);var $a=za;const Sa=a`:host{--_n-drawer-padding:var(--n-drawer-padding, var(--n-space-l));--_n-drawer-background-color:var(--n-drawer-background-color, var(--n-color-surface));--_n-drawer-border-color:var(--n-drawer-border-color, var(--n-color-border));--_n-drawer-border-radius:var(--n-drawer-border-radius, 0);--_n-drawer-border-width:var(--n-drawer-border-width, 0);--_n-drawer-border-inline-start-width:var(--n-drawer-border-inline-start-width, var(--_n-drawer-border-width));--_n-drawer-border-inline-end-width:var(--n-drawer-border-inline-end-width, var(--_n-drawer-border-width));--_n-drawer-border-block-start-width:var(--n-drawer-border-block-start-width, var(--_n-drawer-border-width));--_n-drawer-border-block-end-width:var(--n-drawer-border-block-end-width, var(--_n-drawer-border-width));background-color:var(--_n-drawer-background-color);border-style:solid;border-color:var(--_n-drawer-border-color);border-inline-start-width:var(--_n-drawer-border-inline-start-width);border-inline-end-width:var(--_n-drawer-border-inline-end-width);border-block-start-width:var(--_n-drawer-border-block-start-width);border-block-end-width:var(--_n-drawer-border-block-end-width);border-radius:var(--_n-drawer-border-radius)}:host([padding='m']){--_n-drawer-padding:var(--n-drawer-padding, var(--n-space-m))}:host([padding='s']){--_n-drawer-padding:var(--n-drawer-padding, var(--n-space-s))}.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;--n-header-background-color:transparent;--n-header-padding-inline:var(--_n-drawer-padding)}`,Ca=a`:host{--_n-footer-padding-inline:var(--n-footer-padding-inline, var(--n-space-l));--_n-footer-padding-inline-start:var(--n-footer-padding-inline-start, var(--_n-footer-padding-inline));--_n-footer-padding-inline-end:var(--n-footer-padding-inline-end, var(--_n-footer-padding-inline));--_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-block-start:var(--_n-footer-padding-block);padding-block-end:var(--_n-footer-padding-block);padding-inline-start:var(--_n-footer-padding-inline-start);padding-inline-end:var(--_n-footer-padding-inline-end);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 Ea=class extends he{constructor(){super(...arguments),this.size="m"}render(){return U`<footer class="n-footer"><slot></slot></footer>`}};Ea.styles=[Ee,Ca],e([ge({reflect:!0})],Ea.prototype,"size",void 0),Ea=e([pe("nord-footer")],Ea);var Aa=Ea;let Da=class extends he{constructor(){super(...arguments),this.footerSlot=new Me(this,"footer"),this.padding="l"}render(){return U`<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>`}};Da.styles=[Ee,Sa],e([ge({reflect:!0})],Da.prototype,"padding",void 0),Da=e([pe("nord-drawer")],Da);var Oa=Da;const Ta=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}::slotted(nord-dropdown-submenu){inline-size:calc(100% + calc(var(--n-space-s) * 2));margin-inline-start:calc(var(--n-space-s) * -1)}`;let Ra=class extends he{render(){return U`<div class="n-dropdown-group">${this.heading?U`<p id="heading" aria-hidden="true" class="n-dropdown-group-heading">${this.heading}</p>`:Y}<div class="n-dropdown-group-content" role="group" aria-labelledby="${this.heading?"heading":Y}"><slot></slot></div></div>`}};Ra.styles=[Ee,Ta],e([ge({reflect:!0})],Ra.prototype,"heading",void 0),Ra=e([pe("nord-dropdown-group")],Ra);var La=Ra;const Ia=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:var(--n-dropdown-item-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 ::slotted(nord-icon){color:var(--n-color-icon)}@media (hover:hover){.n-dropdown-item:hover{--_n-dropdown-item-background-color:var(--n-dropdown-item-background-color, var(--n-color-active));--_n-dropdown-item-color:var(--n-dropdown-item-color, var(--n-color-text))}.n-dropdown-item:hover ::slotted(*){color:var(--n-dropdown-item-color,var(--n-color-text))!important}.n-dropdown-item:hover ::slotted(nord-icon){color:currentColor}}:host([aria-expanded=true]) .n-dropdown-item{--_n-dropdown-item-background-color:var(--n-dropdown-item-background-color, var(--n-color-active));--_n-dropdown-item-color:var(--n-dropdown-item-color, var(--n-color-text))}:host([aria-expanded=true]) .n-dropdown-item ::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:var(--n-dropdown-item-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 Ma=class extends(st(he)){constructor(){super(...arguments),this.endSlot=new Me(this,"end"),this.target="_self",this.disabled=!1}render(){const e=U`<slot name="start"></slot><div class="n-content"><slot></slot></div><slot name="end" ?hidden="${this.endSlot.isEmpty}"></slot>`;return this.href?this.renderLink(e):this.renderButton(e)}renderLink(e){return U`<a ${rt(this.focusableRef)} class="n-dropdown-item" target="${this.target}" href="${at(this.disabled,Y,this.href)}" tabindex="${at(this.disabled,"-1")}" aria-disabled="${at(this.disabled,"true")}" role="${at(this.disabled,"link")}">${e}</a>`}renderButton(e){return U`<button ${rt(this.focusableRef)} class="n-dropdown-item" ?disabled="${this.disabled}">${e}</button>`}};Ma.styles=[Ee,Ia],e([ge({reflect:!0})],Ma.prototype,"href",void 0),e([ge()],Ma.prototype,"target",void 0),e([ge({type:Boolean,reflect:!0})],Ma.prototype,"disabled",void 0),Ma=e([pe("nord-dropdown-item")],Ma);var Ba=Ma;const Na=a`:host{display:block;--_n-submenu-focus-padding:2px}.n-dropdown-submenu-content{padding-block-start:var(--_n-submenu-content-padding-block,var(--n-space-s));padding-block-end:var(--_n-submenu-content-padding-block,var(--n-space-s));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}:host([mobile-active]){--_n-submenu-content-padding-block:0}@media (max-width:35.9375em){.n-dropdown-submenu-content{max-block-size:70vh;max-inline-size:none}.n-dropdown-submenu-content.is-deepest-active{padding-block-start:var(--_n-submenu-focus-padding);padding-block-end:var(--_n-submenu-focus-padding)}:host([mobile-active]) ::slotted([slot=trigger]){display:none}:host([mobile-active][has-active-child]) ::slotted(nord-dropdown-group),:host([mobile-active][has-active-child]) ::slotted(nord-dropdown-item),:host([mobile-active][has-active-child]) ::slotted(nord-dropdown-submenu:not([mobile-active])){display:none}}::slotted(nord-dropdown-item){padding-inline-start:var(--n-space-s);padding-inline-end:var(--n-space-s)}::slotted(nord-dropdown-group){padding-inline-start:var(--n-space-s);padding-inline-end:var(--n-space-s);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}`;let Pa=0,Fa=class extends he{constructor(){super(...arguments),this.mobileActive=!1,this.popoutId="nord-dropdown-submenu-popout-"+ ++Pa,this.events=new Ie(this),this.currentTriggerElement=null,this.popoutOpen=!1,this.mobileMediaQuery=window.matchMedia("(max-width: 35.9375em)"),this.isSmallScreen=this.mobileMediaQuery.matches,this.parentDropdownAlwaysFloating=!1,this.handleTriggerMouseEnter=()=>{var e;this.shouldUseMobileStack||(this.closeOtherSubmenus(),null===(e=this.popout)||void 0===e||e.show())},this.handleTriggerClick=e=>{var t;e.preventDefault(),e.stopImmediatePropagation(),this.shouldUseMobileStack?this.navigateIntoSubmenu():(this.closeOtherSubmenus(),null===(t=this.popout)||void 0===t||t.show())},this.handleTriggerKeydown=e=>{var t;if("ArrowRight"===e.key||"Enter"===e.key){if(e.preventDefault(),this.shouldUseMobileStack)return void this.navigateIntoSubmenu();this.closeOtherSubmenus(),null===(t=this.popout)||void 0===t||t.show(),this.updateComplete.then((()=>{var e;null===(e=this.querySelector("nord-dropdown-item"))||void 0===e||e.focus()}))}},this.handleContentKeydown=e=>{var t,n;if("ArrowLeft"===e.key){if(e.preventDefault(),e.stopPropagation(),this.shouldUseMobileStack&&this.mobileActive)return void(null===(t=this.closest("nord-dropdown"))||void 0===t||t.navigateBack());null===(n=this.popout)||void 0===n||n.hide(!0)}},this.handlePopoutOpen=()=>{this.popoutOpen=!0,this.closeOtherSubmenus()},this.handlePopoutClose=e=>{e.stopPropagation(),this.popoutOpen=!1},this.handleParentDropdownMouseOver=e=>{var t;if(this.shouldUseMobileStack)return;const n=e.target;"NORD-DROPDOWN-ITEM"===n.tagName&&!this.contains(n)&&this.popoutOpen&&(e.stopImmediatePropagation(),null===(t=this.popout)||void 0===t||t.hide())}}get shouldUseMobileStack(){return this.isSmallScreen&&!this.parentDropdownAlwaysFloating}get parentDropdown(){return this.closest("nord-dropdown")}get isInSubmenuStack(){const e=this.parentDropdown;return!!e&&e.submenuStackRef.includes(this)}get isDeepestInStack(){const e=this.parentDropdown;return!!e&&e.deepestSubmenu===this}connectedCallback(){super.connectedCallback();const e=this.querySelector('[slot="trigger"]');null==e||e.setAttribute("aria-haspopup","menu");const t=this.closest("nord-dropdown");t&&(this.parentDropdownAlwaysFloating=t.alwaysFloating,this.events.listen(t,"mouseover",this.handleParentDropdownMouseOver),this.parentObserver=new MutationObserver((e=>{for(const n of e)"always-floating"===n.attributeName&&(this.parentDropdownAlwaysFloating=t.alwaysFloating)})),this.parentObserver.observe(t,{attributes:!0,attributeFilter:["always-floating"]})),this.events.listen(this.mobileMediaQuery,"change",(e=>{this.isSmallScreen=e.matches,this.requestUpdate()}))}disconnectedCallback(){var e;super.disconnectedCallback(),null===(e=this.parentObserver)||void 0===e||e.disconnect()}render(){return this.shouldUseMobileStack&&this.mobileActive?U`<slot name="trigger"></slot><div class="${yo({"n-dropdown-submenu-content":!0,active:this.isInSubmenuStack,"is-deepest-active":this.isDeepestInStack})}" @keydown="${this.handleContentKeydown}"><slot></slot></div>`:U`<slot name="trigger" aria-controls="${this.popoutId}" @slotchange="${this.handleTriggerSlotChange}"></slot><nord-popout id="${this.popoutId}" position="inline-end" always-floating @open="${this.handlePopoutOpen}" @close="${this.handlePopoutClose}"><div class="n-dropdown-submenu-content" @keydown="${this.handleContentKeydown}"><slot></slot></div></nord-popout>`}handleTriggerSlotChange(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector('slot[name="trigger"]'),n=null==t?void 0:t.assignedElements()[0];if(this.currentTriggerElement&&this.currentTriggerElement!==n&&(this.currentTriggerElement.removeEventListener("mouseenter",this.handleTriggerMouseEnter),this.currentTriggerElement.removeEventListener("click",this.handleTriggerClick),this.currentTriggerElement.removeEventListener("keydown",this.handleTriggerKeydown)),this.currentTriggerElement=null!=n?n:null,!n)return;n.setAttribute("aria-haspopup","menu");const o=!window.matchMedia("(hover: hover)").matches;this.events.listen(n,"mouseenter",this.handleTriggerMouseEnter),o&&!this.isSmallScreen||this.events.listen(n,"click",this.handleTriggerClick),this.events.listen(n,"keydown",this.handleTriggerKeydown)}closeOtherSubmenus(){var e;if(this.shouldUseMobileStack)return;const t=null===(e=this.parentElement)||void 0===e?void 0:e.closest("nord-dropdown, nord-dropdown-submenu");t&&Array.from(t.querySelectorAll(":scope > nord-dropdown-submenu")).forEach((e=>{e!==this&&e.close()}))}deactivateMobile(){var e;this.mobileActive=!1,this.removeAttribute("mobile-active");const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector('slot[name="trigger"]'),n=null==t?void 0:t.assignedElements()[0];null==n||n.removeAttribute("aria-expanded")}get label(){var e,t,n,o;const r=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector('slot[name="trigger"]');return null!==(o=null===(n=null===(t=null==r?void 0:r.assignedElements()[0])||void 0===t?void 0:t.textContent)||void 0===n?void 0:n.trim())&&void 0!==o?o:""}close(){return this.mobileActive?(this.deactivateMobile(),Promise.resolve()):this.popout?this.popout.hide():Promise.reject(new Error("DropdownSubmenu: popout component not found or not ready"))}navigateIntoSubmenu(){this.mobileActive=!0,this.setAttribute("mobile-active",""),this.dispatchEvent(new CustomEvent("nord-submenu-navigate",{bubbles:!0,detail:{submenu:this}})),this.updateComplete.then((()=>{const e=this.querySelector(".n-dropdown-submenu-content"),t=null==e?void 0:e.querySelector("nord-dropdown-item");null==t||t.focus()}))}};Fa.styles=[Ee,Na],e([ye("nord-popout")],Fa.prototype,"popout",void 0),e([me()],Fa.prototype,"mobileActive",void 0),e([me()],Fa.prototype,"isSmallScreen",void 0),e([me()],Fa.prototype,"parentDropdownAlwaysFloating",void 0),Fa=e([pe("nord-dropdown-submenu")],Fa);var Wa=Fa;const Ha=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}.n-dropdown-header.is-navigation-header{padding:var(--n-space-s) 0}.n-dropdown-back-item{padding-inline-start:var(--n-space-s);padding-inline-end:var(--n-space-s);inline-size:100%}.n-dropdown-content.is-submenu-active ::slotted(nord-dropdown-group),.n-dropdown-content.is-submenu-active ::slotted(nord-dropdown-item),.n-dropdown-content.is-submenu-active ::slotted(nord-dropdown-submenu:not([mobile-active])){display: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 qa=class extends(ha(he)){constructor(){super(...arguments),this.headerSlot=new Me(this,"header"),this.headerEndSlot=new Me(this,"header-end"),this.submenuStack=[],this.isNavigating=!1,this.expand=!1,this.size="m",this.alwaysFloating=!1}get isShowingSubmenu(){return this.submenuStack.length>0}get submenuStackRef(){return this.submenuStack}get deepestSubmenu(){return this.submenuStack[this.submenuStack.length-1]}handleAlwaysFloatingChange(){this.open&&(this.open=!1,this.updateComplete.then((()=>{this.open=!0})))}connectedCallback(){super.connectedCallback();const e=this.querySelector('[slot="toggle"]');null==e||e.setAttribute("aria-haspopup","true")}render(){var e;const t=this.submenuStack[this.submenuStack.length-1];return U`<div class="n-dropdown" @nord-submenu-navigate="${this.handleSubmenuNavigate}" @focusout="${this.handleBlur}"><slot name="toggle" aria-controls="popout"></slot><nord-popout id="popout" align="${ct(this.align)}" position="${ct(this.position)}" ?open="${this.open}" ?always-floating="${this.alwaysFloating}" @open="${this.handleOpen}" @close="${this.handleClose}">${this.isShowingSubmenu?U`<div class="n-dropdown-header is-navigation-header"><nord-dropdown-item @click="${this.handleBackClick}" class="n-dropdown-back-item"><nord-icon slot="start" name="arrow-left" size="s"></nord-icon>${null!==(e=null==t?void 0:t.label)&&void 0!==e?e:""}</nord-dropdown-item></div>`:U`<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 ${this.isShowingSubmenu?"is-submenu-active":""}"><slot></slot></div></nord-popout></div>`}handleBlur(e){const t=e.relatedTarget;this.isNavigating||this.isShowingSubmenu||t&&(this.contains(t)||this.popout.hide(!1))}handleOpen(){this.open=!0}handleBackClick(e){e.preventDefault(),e.stopPropagation(),this.isNavigating=!0,this.navigateBack(),this.updateComplete.then((()=>{this.isNavigating=!1;const e=this.submenuStack[this.submenuStack.length-1],t=e?e.querySelector('[slot="trigger"]'):this.querySelector("nord-dropdown-item");null==t||t.focus()}))}handleClose(e){if(this.isNavigating)return;this.clearSubmenuStack();const t=e.target;"NORD-POPOUT"===(null==t?void 0:t.tagName)&&this.contains(t)||(this.open=!1)}handleOpenChange(){var e;if(this.open){const t=null!==(e=this.querySelector("[autofocus]"))&&void 0!==e?e:this.querySelector("nord-dropdown-item, nord-message");null==t||t.focus(),this.list.scrollTop=0}else this.isNavigating||this.clearSubmenuStack()}navigateBack(){if(0===this.submenuStack.length)return;const e=this.submenuStack[this.submenuStack.length-1];e.deactivateMobile(),e.requestUpdate();const t=this.submenuStack[this.submenuStack.length-2];t&&(t.removeAttribute("has-active-child"),t.requestUpdate()),this.submenuStack=this.submenuStack.slice(0,-1)}clearSubmenuStack(){for(const e of this.submenuStack)e.deactivateMobile(),e.removeAttribute("has-active-child");this.submenuStack=[]}handleSubmenuNavigate(e){const t=e;t.stopPropagation();const n=this.submenuStack[this.submenuStack.length-1];n&&(n.setAttribute("has-active-child",""),n.requestUpdate());const o=t.detail.submenu;this.submenuStack=[...this.submenuStack,o],this.updateComplete.then((()=>{o.requestUpdate()}))}hide(e){return this.popout.hide(e)}show(){return this.popout.show()}};qa.styles=[Ee,Ha],qa.shadowRootOptions={...he.shadowRootOptions,delegatesFocus:!0},e([ye(".n-dropdown-content")],qa.prototype,"list",void 0),e([ye("nord-popout",!0)],qa.prototype,"popout",void 0),e([me()],qa.prototype,"submenuStack",void 0),e([ge({reflect:!0,type:Boolean})],qa.prototype,"expand",void 0),e([ge({reflect:!0})],qa.prototype,"size",void 0),e([ge({reflect:!0,type:Boolean,attribute:"always-floating"})],qa.prototype,"alwaysFloating",void 0),e([xe("alwaysFloating")],qa.prototype,"handleAlwaysFloatingChange",null),e([xe("open","updated")],qa.prototype,"handleOpenChange",null),qa=e([pe("nord-dropdown")],qa);var Ua=qa;const ja=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 Va=class extends he{render(){return U`<div class="n-empty-state"><slot></slot></div>`}};Va.styles=[Ee,ja],Va=e([pe("nord-empty-state")],Va);var Ya=Va;const Ga=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 Xa=class extends he{constructor(){super(...arguments),this.errorSlot=new Me(this,"error"),this.hintSlot=new Me(this,"hint"),this.errorId="error",this.hintId="hint",this.label="",this.hintBelow=!1,this.required=!1,this.hideRequired=!1,this.hideLabel=!1,this.size="m"}render(){const{hasError:e}=this;return U`<fieldset aria-invalid="${at(e,"true")}" aria-describedby="${at(this.getDescribedBy())}" aria-required="${at(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>${this.isHintBelow?Y:this.renderHint()}</legend><slot></slot><div class="n-caption n-error" id="${this.errorId}" role="alert" ?hidden="${!this.hasError}"><slot name="error">${this.error}</slot></div>${this.isHintBelow?this.renderHint():Y}</fieldset>`}renderHint(){return U`<div class="n-caption n-hint" id="${this.hintId}" ?hidden="${!this.hasHint}"><slot name="hint">${this.hint}</slot></div>`}getDescribedBy(){return this.isHintBelow?this.hasHint&&this.hasError?`${this.errorId} ${this.hintId}`:this.hasError?this.errorId:this.hasHint?this.hintId:void 0:this.hasError?this.errorId:void 0}get hasHint(){return Boolean(this.hint)||this.hintSlot.hasContent}get hasError(){return Boolean(this.error)||this.errorSlot.hasContent}get isHintBelow(){return this.hintBelow}};Xa.styles=[Ee,gi,Ga],e([ge({reflect:!0})],Xa.prototype,"label",void 0),e([ge({reflect:!0})],Xa.prototype,"hint",void 0),e([ge({reflect:!0,type:Boolean,attribute:"hint-below"})],Xa.prototype,"hintBelow",void 0),e([ge({reflect:!0})],Xa.prototype,"error",void 0),e([ge({reflect:!0,type:Boolean})],Xa.prototype,"required",void 0),e([ge({reflect:!0,type:Boolean,attribute:"hide-required"})],Xa.prototype,"hideRequired",void 0),e([ge({reflect:!0,type:Boolean,attribute:"hide-label"})],Xa.prototype,"hideLabel",void 0),e([ge({reflect:!0})],Xa.prototype,"size",void 0),Xa=e([pe("nord-fieldset")],Xa);var Ka=Xa;const Qa=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-header-padding-inline, var(--n-space-l));--_n-header-background-color:var(--n-header-background-color, var(--n-color-surface));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-header-background-color);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)}:host([size=xs]){--_n-header-block-size:45px;--_n-header-padding-block:var(--n-space-xs)}`;let Za=class extends he{constructor(){super(...arguments),this.endSlot=new Me(this,"end"),this.size="m"}render(){return U`<header class="n-header"><slot></slot><div class="n-header-end" ?hidden="${this.endSlot.isEmpty}"><slot name="end"></slot></div></header>`}};Za.styles=[Ee,Qa],e([ge({reflect:!0})],Za.prototype,"size",void 0),Za=e([pe("nord-header")],Za);var Ja=Za;const es="navigation-toggle-lock";var ts=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:es});const ns=()=>!0;class os{constructor(e,t){e.addController(this),this.options={enabled:ns,...t}}hostConnected(){"undefined"!=typeof BroadcastChannel&&(this.channel=new BroadcastChannel(this.options.channelName),this.channel.addEventListener("message",this))}hostDisconnected(){var e,t;null===(e=this.channel)||void 0===e||e.removeEventListener("message",this),null===(t=this.channel)||void 0===t||t.close()}handleEvent(e){this.options.enabled()&&this.options.onMessage(e.data)}post(e){var t;this.options.enabled()&&(null===(t=this.channel)||void 0===t||t.postMessage(e))}}const rs=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)}`,is=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-drawer-min-inline-size:var(--n-layout-drawer-min-inline-size, 0px);--_n-layout-background-color:var(--n-layout-background-color, var(--n-color-background));--_n-layout-nav-border-color:var(--n-layout-nav-border-color, var(--n-color-border));--_n-layout-nav-transition-duration:var(--n-transition-mobile);--_n-layout-header-size:var(--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);--n-layout-main-min-inline-size:0;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) - var(--n-layout-block-size-offset,0px))}.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-layout-nav-z-index,var(--n-index-top-bar));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;display:block;inset-inline-start:0!important;inset-inline-end:0;z-index:var(--n-layout-sticky-footer-z-index,calc(var(--n-index-top-bar,1000) + 1))}@media (min-width:768px){:host([sticky-footer]) .n-has-drawer.n-has-footer slot[name=footer]::slotted(*){--n-footer-padding-inline-end:calc(
|
|
122
122
|
var(--n-footer-padding-inline, var(--n-space-l)) + var(--_n-layout-drawer-min-inline-size, 0px)
|
|
123
|
-
)}}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-layout-drawer-background-color,var(--n-color-surface));box-shadow:var(--n-layout-drawer-box-shadow,var(--n-box-shadow-nav))}:host([sticky-footer]) .n-has-footer aside{inset-block-end:var(--n-layout-footer-block-size,var(--_n-layout-footer-size))}.n-has-drawer .n-layout-content{margin-inline-end:var(--_n-layout-drawer-min-inline-size)}@media (min-width:1240px){:host{--n-layout-main-min-inline-size:600px}.n-has-drawer .n-layout-content{margin-inline-end:var(--_n-layout-drawer-inline-size)}aside{box-shadow:var(--n-layout-drawer-box-shadow-wide,var(--n-box-shadow-header));border-inline-start:var(--n-layout-drawer-border-inline-start-width,0) solid var(--n-layout-drawer-border-inline-start-color,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=wide][data-collapse-mode=rail]:is([data-nav=closed],[data-nav=peek],[data-nav=unpeek],[data-nav=wait]) .n-layout-nav{transform:none;inline-size:var(--_n-layout-nav-rail-width);inset-block:0;border-start-end-radius:0;border-end-end-radius:0;border-inline-end:1px solid var(--_n-layout-nav-border-color);box-shadow:none;overflow:visible}[data-screen=wide][data-collapse-mode=rail]:not([data-nav=opened]) .n-layout-main{margin-inline-start:var(--_n-layout-nav-rail-width)}[data-screen=wide][data-collapse-mode=rail]:not([data-nav=opened]) .n-top-bar-container{inset-inline-start:var(--_n-layout-nav-rail-width)}[data-screen=wide][data-collapse-mode=rail]:not([data-nav=opened]) slot[name=footer]::slotted(*){inset-inline-start:var(--_n-layout-nav-rail-width)}[data-screen=wide][data-collapse-mode=rail]:not([data-nav=opened]) .n-collapse-btn{display:flex}[data-screen=wide][data-collapse-mode=rail]:not([data-nav=opened]) .n-collapse-btn nord-icon{transform:rotate(0)}.n-rtl[data-screen=wide][data-collapse-mode=rail]:not([data-nav=opened]) .n-collapse-btn nord-icon{transform:rotate(180deg)}[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-layout-nav-border-color);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-layout-nav-border-color) 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;block-size:var(--n-layout-resize-block-size,100%);inset-block:0;margin-block:auto;inset-inline-end:-8px;inline-size:10px;background:0 0}[data-nav=opened] .n-resize,[data-screen=wide][data-collapse-mode=rail]:not([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-layout-resize-color,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,[data-screen=wide][data-collapse-mode=rail]:not([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}.n-resize-tooltip{transform:translateY(var(--n-resize-tooltip-y,0))}.n-dragging .n-resize-tooltip{visibility:hidden!important;opacity:0!important}: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}:host(:not([hide-default-nav-toggle])) .n-has-nav[data-screen=wide]:not([data-nav=opened]) ::slotted(nord-top-bar),:host(:not([hide-default-nav-toggle])) .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)}:host(:not([hide-default-nav-toggle])) .n-has-nav[data-screen=narrow] ::slotted(nord-top-bar),:host(:not([hide-default-nav-toggle])) .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)}@media (max-width:767px){:host([data-narrow-floating-drawer]) aside,:host([data-narrow-rail-bottom]) aside{inline-size:0;pointer-events:none;z-index:var(--n-layout-aside-narrow-z-index,calc(var(--n-index-top-bar,1000) + 5))}:host([sticky-footer][data-narrow-rail-bottom]) .n-has-footer slot[name=footer]::slotted(*){inset-block-end:var(--n-aside-rail-narrow-block-size,56px)}:host([data-narrow-rail-bottom]) .n-layout-content{padding-block-end:var(--n-aside-rail-narrow-block-size,56px)}:host([sticky-footer][data-narrow-rail-bottom]) .n-layout-content{padding-block-end:calc(var(--n-aside-rail-narrow-block-size,56px) + var(--n-layout-footer-block-size,var(--_n-layout-footer-size,0px)))}}`;class as extends ke{constructor(e){super("nav-open-change"),Object.defineProperty(this,"navOpen",{value:e,enumerable:!0,writable:!1})}}class ss extends ke{constructor(e){super("nav-resize"),Object.defineProperty(this,"width",{value:e,enumerable:!0,writable:!1})}}const ls="navigation-toggle";var ds=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:ls});const cs=a`:host{color:var(--n-color-icon);display:inline-flex}@media (min-width:768px){:host([data-auto-hidden]){display:none}}nord-button{--n-button-color:currentColor;--n-button-background-color:transparent}nord-icon{display:block;transform:translateX(-1px);color:currentColor}.icon-active{display:none}.is-rtl .icon-active{transform:rotate(180deg)}@media (min-width:768px){:host(:is(:hover,:focus-within)) .icon-active{display:block}:host(:is(:hover,:focus-within)) .icon-default{display:none}}`;kt.registerIcon(ds),kt.registerIcon(ts);let hs=class extends(st(he)){constructor(){super(...arguments),this.direction=new rr(this),this.localization=new Jr(this),this.icon=ls,this.iconActive=es,this.autoHide=!1,this.square=!1,this.size="m",this.iconSize="m",this.autoHidden=!1}connectedCallback(){super.connectedCallback(),this.startAutoHide()}disconnectedCallback(){super.disconnectedCallback(),this.stopAutoHide()}updated(e){var t;null===(t=super.updated)||void 0===t||t.call(this,e),e.has("autoHide")&&(this.stopAutoHide(),this.startAutoHide()),e.has("autoHidden")&&this.toggleAttribute("data-auto-hidden",this.autoHidden)}startAutoHide(){if(!this.autoHide)return;const e=this.closest("nord-layout");e&&(this.observedLayout=e,this.autoHidden=e.hasAttribute("nav-open"),this.layoutObserver=new MutationObserver((()=>{this.autoHidden=e.hasAttribute("nav-open")})),this.layoutObserver.observe(e,{attributes:!0,attributeFilter:["nav-open"]}))}stopAutoHide(){var e;null===(e=this.layoutObserver)||void 0===e||e.disconnect(),this.layoutObserver=void 0,this.observedLayout=void 0,this.autoHidden=!1}render(){return U`<nord-button variant="plain" ?square="${this.square}" size="${this.size}" ${rt(this.focusableRef)} class="${yo({"is-rtl":this.direction.isRTL})}"><nord-visually-hidden>${this.localization.term("label")}</nord-visually-hidden><nord-icon size="${this.iconSize}" class="icon-default" name="${this.icon}"></nord-icon><nord-icon size="${this.iconSize}" class="icon-active" name="${this.iconActive}"></nord-icon></nord-button>`}};hs.styles=[Ee,cs],e([ge({reflect:!0})],hs.prototype,"icon",void 0),e([ge({reflect:!0,attribute:"icon-active"})],hs.prototype,"iconActive",void 0),e([ge({type:Boolean,reflect:!0,attribute:"auto-hide"})],hs.prototype,"autoHide",void 0),e([ge({type:Boolean,reflect:!0})],hs.prototype,"square",void 0),e([ge({reflect:!0})],hs.prototype,"size",void 0),e([ge({reflect:!0,attribute:"icon-size"})],hs.prototype,"iconSize",void 0),e([me()],hs.prototype,"autoHidden",void 0),hs=e([pe("nord-nav-toggle")],hs);var us=hs;kt.registerIcon(ts);let ps=0;const vs=250,bs="undefined"!=typeof matchMedia?matchMedia("(min-width: 768px)"):{matches:!1,addEventListener(){}},gs=Ce("nord-layout.navWidth",vs),ms=Ce("nord-layout.navWidthDefault",vs),fs=Ce("nord-layout.navOpen",!0);function ys(e){for(const t of e)if(t instanceof HTMLElement&&"nord-nav-toggle"===t.localName)return t;return null}function ws(e){return null!==ys(e.composedPath())}const xs=oo({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 ks=class extends he{constructor(){super(...arguments),this.resizeTooltipId="n-layout-resize-tip-"+ ++ps,this.navSlot=new Me(this,"nav"),this.drawerSlot=new Me(this,"drawer"),this.topBarSlot=new Me(this,"top-bar"),this.headerSlot=new Me(this,"header"),this.footerSlot=new Me(this,"footer"),this.dividerTooltipSlot=new Me(this,"tooltip-divider"),this.direction=new rr(this),this.events=new Ie(this),this.lightDismiss=new Ai(this,{isOpen:()=>"opened"===this.navState&&!this.wideScreen,onDismiss:()=>this.navTransition("close"),isDismissible:e=>e!==this.navEl}),this.applyingRemote=!1,this.broadcast=new os(this,{channelName:"nord-layout-nav-state",enabled:()=>this.syncNavState&&this.wideScreen,onMessage:e=>{this.applyingRemote=!0,"navOpen"in e&&(this.navOpen=e.navOpen),"navWidth"in e&&(this.navWidth=e.navWidth),this.updateComplete.then((()=>{this.applyingRemote=!1}))}}),this.navWidth=gs.value,this.isDragging=!1,this.wideScreen=bs.matches,this.persistNavState=!1,this.syncNavState=!1,this.defaultNavWidth=vs,this.minNavWidth=220,this.maxNavWidth=400,this.navRailWidth=64,this.padding="m",this.sticky=!1,this.stickyFooter=!1,this.hideDefaultNavToggle=!1,this.hideCollapseButton=!1,this.toggleOnResizeClick=!1,this.collapseMode="hide",this.handleFooterSlotChange=()=>{var e,t;const n=null===(e=this.footerSlotEl)||void 0===e?void 0:e.assignedElements({flatten:!0})[0];n!==this.observedFooterElement&&(null===(t=this.footerSizeObserver)||void 0===t||t.disconnect(),this.observedFooterElement=n,n?(this.footerSizeObserver=new ResizeObserver((()=>this.publishFooterSize())),this.footerSizeObserver.observe(n),this.publishFooterSize()):this.style.removeProperty("--n-layout-footer-block-size"))},this.handleMediaQueryChange=()=>{this.wideScreen=bs.matches,this.navTransition(this.wideScreen?"open":"close")},this.handleToggleClick=e=>{ws(e)||this.navTransition("toggle")},this.handleHostClick=e=>{ws(e)&&this.navTransition("toggle")},this.handleHostMouseOver=e=>{const t=ys(e.composedPath());t&&(e.relatedTarget instanceof Node&&t.contains(e.relatedTarget)||this.handleMouseEnter())},this.handleHostMouseOut=e=>{const t=ys(e.composedPath());t&&(e.relatedTarget instanceof Node&&t.contains(e.relatedTarget)||this.handleMouseLeave())},this.handleNavFocus=()=>{this.wideScreen&&"rail"===this.collapseMode||this.navTransition("focusin")},this.handleMainFocus=()=>{this.navTransition("focusout")},this.handleMouseEnter=()=>{this.wideScreen&&"rail"!==this.collapseMode&&this.navTransition("pointerenter")},this.handleMouseLeave=()=>{this.wideScreen&&"rail"===this.collapseMode||this.navTransition("pointerleave")},this.handleTransitionEnd=()=>{this.navTransition("transitionend")},this.dragStartX=0,this.hasDragged=!1,this.handleResizeHoverMove=e=>{const t=e.currentTarget;if(!t||!this.resizeTooltipEl)return;const n=t.getBoundingClientRect(),o=e.clientY-(n.top+n.height/2);this.resizeTooltipEl.style.setProperty("--n-resize-tooltip-y",`${o}px`)},this.handleResizePointerLeave=()=>{var e;this.stopDragging(),null===(e=this.resizeTooltipEl)||void 0===e||e.style.removeProperty("--n-resize-tooltip-y")}}get isNarrow(){return!this.wideScreen}connectedCallback(){super.connectedCallback(),this.events.listen(bs,"change",this.handleMediaQueryChange),this.addEventListener("click",this.handleHostClick),this.addEventListener("mouseover",this.handleHostMouseOver),this.addEventListener("mouseout",this.handleHostMouseOut)}disconnectedCallback(){var e,t;super.disconnectedCallback(),this.removeEventListener("click",this.handleHostClick),this.removeEventListener("mouseover",this.handleHostMouseOver),this.removeEventListener("mouseout",this.handleHostMouseOut),null===(e=this.headerSizeObserver)||void 0===e||e.disconnect(),this.headerSizeObserver=void 0,null===(t=this.footerSizeObserver)||void 0===t||t.disconnect(),this.footerSizeObserver=void 0,this.observedFooterElement=void 0,this.style.removeProperty("--n-layout-header-block-size"),this.style.removeProperty("--n-layout-footer-block-size")}firstUpdated(){"undefined"!=typeof ResizeObserver&&(this.stickyHeaderEl&&(this.headerSizeObserver=new ResizeObserver((()=>this.publishHeaderSize())),this.headerSizeObserver.observe(this.stickyHeaderEl),this.publishHeaderSize()),this.footerSlotEl&&(this.footerSlotEl.addEventListener("slotchange",this.handleFooterSlotChange),this.handleFooterSlotChange()))}publishHeaderSize(){var e,t;const n=null!==(t=null===(e=this.stickyHeaderEl)||void 0===e?void 0:e.getBoundingClientRect().height)&&void 0!==t?t:0;n>0?this.style.setProperty("--n-layout-header-block-size",`${n}px`):this.style.removeProperty("--n-layout-header-block-size")}publishFooterSize(){var e,t;const n=null!==(t=null===(e=this.observedFooterElement)||void 0===e?void 0:e.getBoundingClientRect().height)&&void 0!==t?t:0;n>0?this.style.setProperty("--n-layout-footer-block-size",`${n}px`):this.style.removeProperty("--n-layout-footer-block-size")}willUpdate(){this.hasUpdated||(Number.isFinite(this.defaultNavWidth)||(this.defaultNavWidth=vs),Number.isFinite(this.minNavWidth)||(this.minNavWidth=220),Number.isFinite(this.maxNavWidth)||(this.maxNavWidth=400),ms.value!==this.defaultNavWidth?(this.setNavWidth(this.defaultNavWidth),gs.value=this.navWidth,ms.value=this.defaultNavWidth):this.setNavWidth(this.navWidth),this.isNarrow||this.persistNavState&&!1===fs.value?this.navState="closed":this.navState="opened")}render(){const{navWidth:e,navState:t,navSlot:n,headerSlot:o,footerSlot:r,topBarSlot:i,drawerSlot:a,isDragging:s,direction:l}=this,d=this.wideScreen&&"rail"===this.collapseMode&&"opened"!==t,c="opened"===t&&this.wideScreen?e:d?64:this.defaultNavWidth;return U`<div class="${yo({"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="${ta({"--_n-layout-nav-width":`${c}px`,"--_n-layout-nav-rail-width":`var(--n-layout-nav-rail-width, ${this.navRailWidth}px)`})}" data-nav="${n.hasContent?t:"closed"}" data-screen="${this.wideScreen?"wide":"narrow"}" data-collapse-mode="${this.collapseMode}"><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" aria-describedby="${at(this.dividerTooltipSlot.hasContent&&!s,this.resizeTooltipId)}" @pointerdown="${at("opened"===t||d,this.startDragging)}" @pointermove="${s?this.handleDrag:this.handleResizeHoverMove}" @pointerleave="${this.handleResizePointerLeave}" @pointerup="${this.stopDragging}" @keydown="${this.handleKeyboardResize}" ?hidden="${this.isNarrow}"></div>${this.dividerTooltipSlot.hasContent?U`<nord-tooltip id="${this.resizeTooltipId}" position="inline-end" class="n-resize-tooltip"><slot name="tooltip-divider"></slot></nord-tooltip>`:Y} ${this.hideCollapseButton?Y:this.renderNavCollapse()}</div><div class="n-layout-main" @focusin="${this.handleMainFocus}" @click="${this.handleMainClick}">${n.hasContent&&!this.hideDefaultNavToggle?this.renderNavToggle():Y}<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 U`<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 U`<button class="n-collapse-btn" @click="${this.handleToggleClick}"><nord-icon name="navigation-toggle-lock" size="s"></nord-icon></button>`}handleNavWidthChange(e){if(gs.value=this.navWidth,null!=e){const e=this.navWidth;this.dispatchEvent(new ss(e))}}handleNavStateChange(e){switch("wait"===e&&this.peekTimeoutId&&clearTimeout(this.peekTimeoutId),"unpeek"===e&&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(e){if(this.isDragging||this.setNavWidth(Math.max(this.navWidth,this.defaultNavWidth)),this.navTransition(this.navOpen?"open":"close"),this.persistNavState&&(fs.value=this.navOpen),null!=e){const e=this.navOpen;this.applyingRemote||this.broadcast.post({navOpen:e}),this.dispatchEvent(new as(e))}}navTransition(e){this.navState=xs.transition(this.navState,e)}handleNavClick(e){if(!e.defaultPrevented&&!this.wideScreen){const n=e.target;(e=>"nord-nav-item"===e.localName)(t=n)&&!t.hasSubNav&&this.navTransition("close")}var t}handleMainClick(){this.navTransition("click")}handleDropdownOpen(e){"nord-dropdown"===e.target.localName&&this.navTransition("dropdownOpen")}handleDropdownClose(e){"nord-dropdown"===e.target.localName&&this.navTransition("dropdownClose")}handleKeyboardResize(e){const{navWidth:t,direction:{isLTR:n}}=this;switch(e.key){case"ArrowLeft":this.setNavWidth(t+(n?-30:30));break;case"ArrowRight":this.setNavWidth(t+(n?30:-30));break;case"Enter":this.navTransition("toggle");break;case"Home":this.setNavWidth(this.minNavWidth);break;case"End":this.setNavWidth(this.maxNavWidth);break;default:return}this.broadcast.post({navWidth:this.navWidth}),e.preventDefault()}setNavWidth(e){this.navWidth=Se(Math.round(e),this.minNavWidth,this.maxNavWidth)}startDragging(e){if(0===e.button){e.target.setPointerCapture(e.pointerId),this.isDragging=!0,this.dragStartX=e.clientX,this.hasDragged=!1}}stopDragging(){this.isDragging&&this.toggleOnResizeClick&&!this.hasDragged&&this.navTransition("toggle"),this.isDragging=!1,this.hasDragged=!1,this.broadcast.post({navWidth:this.navWidth})}handleDrag(e){if(!this.hasDragged&&Math.abs(e.clientX-this.dragStartX)<4)return;this.hasDragged=!0;const t=this.direction.isRTL?this.clientWidth-e.clientX:e.clientX;this.setNavWidth(t),this.navTransition(t>=100?"open":"close")}};ks.styles=[Ee,rs,is],e([ye(".n-layout-nav",!0)],ks.prototype,"navEl",void 0),e([ye(".n-resize-tooltip")],ks.prototype,"resizeTooltipEl",void 0),e([ye(".n-sticky")],ks.prototype,"stickyHeaderEl",void 0),e([ye('slot[name="footer"]')],ks.prototype,"footerSlotEl",void 0),e([me()],ks.prototype,"navWidth",void 0),e([me()],ks.prototype,"isDragging",void 0),e([me()],ks.prototype,"navState",void 0),e([me()],ks.prototype,"wideScreen",void 0),e([ge({reflect:!0,type:Boolean,attribute:"nav-open"})],ks.prototype,"navOpen",void 0),e([ge({reflect:!0,type:Boolean,attribute:"persist-nav-state"})],ks.prototype,"persistNavState",void 0),e([ge({type:Boolean,reflect:!0,attribute:"sync-nav-state"})],ks.prototype,"syncNavState",void 0),e([ge({type:Number,reflect:!0,attribute:"default-nav-width"})],ks.prototype,"defaultNavWidth",void 0),e([ge({type:Number,reflect:!0,attribute:"min-nav-width"})],ks.prototype,"minNavWidth",void 0),e([ge({type:Number,reflect:!0,attribute:"max-nav-width"})],ks.prototype,"maxNavWidth",void 0),e([ge({type:Number,reflect:!0,attribute:"nav-rail-width"})],ks.prototype,"navRailWidth",void 0),e([ge({reflect:!0})],ks.prototype,"padding",void 0),e([ge({type:Boolean,reflect:!0})],ks.prototype,"sticky",void 0),e([ge({type:Boolean,reflect:!0,attribute:"sticky-footer"})],ks.prototype,"stickyFooter",void 0),e([ge({type:Boolean,reflect:!0,attribute:"hide-default-nav-toggle"})],ks.prototype,"hideDefaultNavToggle",void 0),e([ge({type:Boolean,reflect:!0,attribute:"hide-collapse-button"})],ks.prototype,"hideCollapseButton",void 0),e([ge({type:Boolean,reflect:!0,attribute:"toggle-on-resize-click"})],ks.prototype,"toggleOnResizeClick",void 0),e([ge({reflect:!0,attribute:"collapse-mode"})],ks.prototype,"collapseMode",void 0),e([xe("navWidth","updated")],ks.prototype,"handleNavWidthChange",null),e([xe("navState")],ks.prototype,"handleNavStateChange",null),e([xe("navOpen","updated")],ks.prototype,"handleOpenChange",null),ks=e([pe("nord-layout")],ks);var _s=ks;const zs=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}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)}`;let $s=class extends(st(he)){constructor(){super(...arguments),this.localize=new Jr(this)}render(){return(this.href?e=>U`<a href="${ct(this.href)}" ${rt(this.focusableRef)} class="n-dropdown-item n-message">${e}</a>`:e=>U`<button ${rt(this.focusableRef)} class="n-dropdown-item n-message">${e}</button>`)(U`<div role="img" class="n-unread" aria-label="${this.localize.term("unreadLabel")}" ?hidden="${!this.unread}"></div><slot></slot><slot name="footer"></slot>`)}};$s.styles=[Ee,Ia,zs],e([ge({reflect:!0})],$s.prototype,"href",void 0),e([ge({reflect:!0,type:Boolean})],$s.prototype,"highlight",void 0),e([ge({reflect:!0,type:Boolean})],$s.prototype,"unread",void 0),$s=e([pe("nord-message")],$s);var Ss=$s;const Cs=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-block:var(--n-space-l) var(--n-space-xl);padding-inline:var(--_n-modal-padding-inline)}.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-block:var(--_n-modal-padding-block);padding-inline: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 Es(e,t){e.forEach((e=>function(e,t){if(t){const t=e.getAttribute("inert");null!==t&&e.setAttribute("data-n-inert",t),e.setAttribute("inert","")}else{const t=e.getAttribute("data-n-inert");null!==t?(e.setAttribute("inert",t),e.removeAttribute("data-n-inert")):e.removeAttribute("inert")}}(e,t)))}function As(e){const t=[];let n=e.nextElementSibling;for(;n;)t.push(n),n=n.nextElementSibling;for(n=e.previousElementSibling;n;)t.push(n),n=n.previousElementSibling;return e.parentElement&&e.parentElement!==document.body&&t.push(...As(e.parentElement)),t}class Ds{constructor(e){this.host=e,this.inertElements=[],e.addController(this)}hostDisconnected(){this.release()}trap(){const e=As(this.host);Es(e,!0),this.inertElements=e}release(){Es(this.inertElements,!1),this.inertElements=[]}}class Os{constructor(e,t){this.host=e,this.trackLastButton=e=>{const t=e.target;"button"===t.localName&&(this.lastButton=t)},this.polyfillSubmitter=e=>{e.submitter=this.lastButton},this.handleTransitionEnd=e=>{this.options.isOpen()||e.target!==this.host||this.scrollBar.unlockScroll()},this.handleLightDismiss=e=>{this.host.contains(e.target)&&this.options.isLightDismissEnabled()&&this.options.onDismiss(e)},this.handleSubmit=e=>{this.lastButton=void 0;const t=e.target,n=e.submitter,o="dialog"===t.method,r="dialog"===t.getAttribute("method");r&&!o&&e.preventDefault(),(r||o)&&this.options.close(null==n?void 0:n.value,e)},e.addController(this),this.options=t,this.scrollBar=new ca(e),this.focusTrap=new Ds(e),this.events=new Ie(e),this.lightDismiss=new Ai(e,{isOpen:t.isOpen,isDismissible:e=>e!==t.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(){Os.openModals.remove(this)}block(){var e;null===(e=Os.openModals.top)||void 0===e||e.focusTrap.release(),Os.openModals.push(this),this.scrollBar.lockScroll(),this.trigger=document.activeElement;(this.host.querySelector("[autofocus]")||this.host).focus(),this.focusTrap.trap()}unblock(){var e,t;Os.openModals.top===this&&(Os.openModals.pop(),this.options.backdrop().scrollTop=0,this.focusTrap.release(),null===(e=this.trigger)||void 0===e||e.focus(),this.trigger=void 0,null===(t=Os.openModals.top)||void 0===t||t.focusTrap.trap())}}Os.openModals=new class{constructor(){this.items=[]}get length(){return this.items.length}get top(){return this.items[this.length-1]}push(e){this.items.push(e)}pop(){return this.items.pop()}remove(e){const t=this.items.indexOf(e);-1!==t&&this.items.splice(t,1)}},kt.registerIcon(Yi);class Ts extends ke{constructor(e){super("cancel",{cancelable:!0}),Object.defineProperty(this,"trigger",{value:e,enumerable:!0,writable:!1})}}class Rs extends ke{constructor(e){super("close"),Object.defineProperty(this,"trigger",{value:e,enumerable:!0,writable:!1})}}let Ls=class extends he{constructor(){super(...arguments),this.defaultSlot=new Me(this),this.headerSlot=new Me(this,"header"),this.featureSlot=new Me(this,"feature"),this.footerSlot=new Me(this,"footer"),this.localize=new Jr(this),this.modalController=new Os(this,{isOpen:()=>this.open,onDismiss:e=>this.handleDismiss(e),isLightDismissEnabled:()=>!this.persistent,dialog:()=>this.modal,backdrop:()=>this.backdrop,close:(e,t)=>this.close(e,t)}),this.open=!1,this.size="m",this.returnValue="",this.scrollable=!1,this.persistent=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","dialog")}disconnectedCallback(){super.disconnectedCallback(),this.lastTrigger=void 0}showModal(){this.open=!0}close(e,t){this.open=!1,null!=e&&(this.returnValue=e);const n=null!=t?t:this.lastTrigger;this.dispatchEvent(new Rs(n)),this.lastTrigger=void 0}focus(e){this.modal.focus({preventScroll:!0,...e})}render(){return U`<div class="n-modal-backdrop"><div class="${yo({"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="${e=>this.handleDismiss(e)}" ?hidden="${this.persistent}"><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(e){this.open?this.modalController.block():!0===e&&this.modalController.unblock()}handleDismiss(e){this.dispatchEvent(new Ts(e))&&(this.lastTrigger=e,this.close())}};Ls.styles=[Ee,Cs],e([ye(".n-modal",!0)],Ls.prototype,"modal",void 0),e([ye(".n-modal-backdrop",!0)],Ls.prototype,"backdrop",void 0),e([ge({type:Boolean,reflect:!0})],Ls.prototype,"open",void 0),e([ge({reflect:!0})],Ls.prototype,"size",void 0),e([ge({attribute:!1})],Ls.prototype,"returnValue",void 0),e([ge({type:Boolean,reflect:!0})],Ls.prototype,"scrollable",void 0),e([ge({type:Boolean,reflect:!0})],Ls.prototype,"persistent",void 0),e([xe("open","updated")],Ls.prototype,"handleOpenUpdated",null),Ls=e([pe("nord-modal")],Ls);var Is=Ls;const Ms=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{display:var(--n-nav-group-heading-display,block);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}:host([data-rail-collapsed]) .n-heading{display:none}:host([slot=subnav][data-rail-collapsed]) .n-heading{display:block;margin-block-start:var(--n-space-s)}`,Bs="undefined"!=typeof matchMedia?matchMedia("(min-width: 768px)"):{matches:!1,addEventListener(){},removeEventListener(){}};let Ns=class extends he{constructor(){super(...arguments),this.handleViewportChange=()=>this.updateRailState()}connectedCallback(){super.connectedCallback(),this.startObservingLayout(),Bs.addEventListener("change",this.handleViewportChange)}disconnectedCallback(){super.disconnectedCallback(),this.stopObservingLayout(),Bs.removeEventListener("change",this.handleViewportChange)}startObservingLayout(){this.observedLayout=this.closest("nord-layout"),this.observedLayout&&(this.updateRailState(),this.layoutObserver=new MutationObserver((()=>this.updateRailState())),this.layoutObserver.observe(this.observedLayout,{attributes:!0,attributeFilter:["nav-open","collapse-mode"]}))}stopObservingLayout(){var e;null===(e=this.layoutObserver)||void 0===e||e.disconnect(),this.layoutObserver=void 0,this.observedLayout=void 0,this.toggleAttribute("data-rail-collapsed",!1)}updateRailState(){if(!this.observedLayout)return;const e=Bs.matches&&"rail"===this.observedLayout.getAttribute("collapse-mode")&&!this.observedLayout.hasAttribute("nav-open");this.toggleAttribute("data-rail-collapsed",e)}render(){return U`${this.heading?U`<p id="heading" aria-hidden="true" class="n-heading">${this.heading}</p>`:Y}<div role="list" aria-labelledby="${this.heading?"heading":Y}"><slot></slot></div>`}};Ns.styles=[Ee,Ms],e([ge({reflect:!0})],Ns.prototype,"heading",void 0),Ns=e([pe("nord-nav-group")],Ns);var Ps=Ns;const Fs=a`:host{--_n-nav-item-box-shadow:none;--n-nav-item-color:var(--n-color-text-weak);--n-nav-item-background:transparent;--n-nav-item-border-radius:var(--n-border-radius-s);--n-nav-item-padding-block:var(--n-space-s);--n-nav-item-padding-inline:var(--n-space-s);--n-nav-item-line-height:var(--n-line-height-tight);--n-nav-item-icon-gap:calc(var(--n-space-s) * 1.4);--n-nav-item-color-hover:var(--n-color-text);--n-nav-item-background-hover:var(--n-color-nav-hover);--n-nav-item-color-active:var(--n-color-text-on-accent);--n-nav-item-background-active:var(--n-color-accent);--n-nav-item-color-expanded:var(--n-color-text-weak);--n-nav-item-background-expanded:var(--n-color-accent);--n-nav-item-expanded-overlay-opacity:0.12;--n-nav-item-expanded-overlay-filter:brightness(150%)}.n-nav-item{user-select:none;display:flex;align-items:center;font-family:inherit;font-size:inherit;line-height:var(--n-nav-item-line-height);appearance:none;color:var(--n-nav-item-color);padding-block-start:var(--n-nav-item-padding-block);padding-block-end:var(--n-nav-item-padding-block);padding-inline-start:var(--n-nav-item-padding-inline);padding-inline-end:var(--n-nav-item-padding-inline);min-block-size:32px;margin-block-end:1px;border-radius:var(--n-nav-item-border-radius);text-decoration:none;inline-size:100%;max-inline-size:100%;background:var(--n-nav-item-background);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-nav-item-background-hover);color:var(--n-nav-item-color-hover)}.n-nav-item:active{opacity:.7}.n-nav-content{display:flex;align-items:center;flex:1;min-inline-size:0}.n-nav-label{flex:1;min-inline-size:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([active]) .n-nav-item{--_n-nav-item-box-shadow:var(--n-box-shadow);background:var(--n-nav-item-background-active);color:var(--n-nav-item-color-active);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-nav-item-color-expanded);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-nav-item-border-radius);block-size:100%;inline-size:100%;opacity:var(--n-nav-item-expanded-overlay-opacity);background:var(--n-nav-item-background-expanded);filter:var(--n-nav-item-expanded-overlay-filter)}.n-nav-icon{margin-inline-end:var(--n-nav-item-icon-gap);flex-shrink:0}slot.n-nav-icon{display:inline-flex;align-items:center}::slotted(nord-nav-group){margin-inline-start:calc(var(--n-space-m) + calc(var(--n-space-s) * 1.3))}.n-rail-host{position:relative}.n-rail-item{--_n-rail-size:32px;inline-size:var(--_n-rail-size);min-inline-size:var(--_n-rail-size);block-size:var(--_n-rail-size);padding:0;justify-content:center}.n-rail-item .n-nav-icon{margin-inline-end:0}.n-rail-fallback{font-weight:var(--n-font-weight-active)}.n-rail-subnav-indicator{position:absolute;inset-block-end:calc(var(--n-space-xs)/ 2);inset-inline-end:calc(var(--n-space-xs)/ 2);inline-size:5px;block-size:5px;color:var(--n-rail-subnav-indicator-color,var(--n-color-border-strong));pointer-events:none}.n-rtl .n-rail-subnav-indicator{transform:scaleX(-1)}.n-rail-host:hover .n-rail-subnav-indicator{color:var(--n-rail-subnav-indicator-color,var(--n-color-border-strong))}.n-rail-host:has(nord-popout[open]) .n-rail-subnav-indicator{color:var(--n-rail-subnav-indicator-color-active,var(--n-color-border-hover))}.n-rail-host:has(nord-popout[open]) .n-rail-item{background:var(--n-nav-item-background-expanded)}.n-nav-badge.n-rail-badge{position:absolute;inset-block-start:3px;inset-inline-end:2px;margin:0;padding:0;min-inline-size:var(--n-rail-badge-size,5px);inline-size:var(--n-rail-badge-size,5px);block-size:var(--n-rail-badge-size,5px);font-size:0;color:transparent;overflow:hidden}.n-rail-slotted-end{position:absolute;inset-block-start:0;inset-inline-end:8px;pointer-events:none}.n-rail-flyout-body{min-inline-size:var(--n-rail-flyout-min-inline-size,220px);padding:var(--n-rail-flyout-padding,var(--n-space-s));background:var(--n-rail-flyout-background,var(--n-color-surface));border-radius:var(--n-border-radius-s);box-shadow:var(--n-rail-flyout-box-shadow,var(--n-box-shadow-popout))}.n-rail-host nord-popout{--n-color-surface:transparent;--n-box-shadow-popout:none;transform:translate(var(--n-rail-flyout-offset-inline,0),var(--n-rail-flyout-offset-block,0))}.n-rtl .n-rail-host nord-popout{transform:translate(calc(var(--n-rail-flyout-offset-inline,0) * -1),var(--n-rail-flyout-offset-block,0))}.n-rail-flyout-body ::slotted(nord-nav-group){margin-inline-start:0}.n-nav-badge{display:inline-block;margin-inline-start:var(--n-nav-badge-margin-inline-start,var(--n-space-xs));border-radius:var(--n-nav-badge-border-radius,var(--n-border-radius-pill));background:var(--n-nav-badge-background,var(--n-color-status-notification));color:var(--n-nav-badge-color,#fff);font-weight:var(--n-nav-badge-font-weight,var(--n-font-weight));font-feature-settings:var(--n-font-features-reduced);padding-block-start:var(--n-nav-badge-padding-block,var(--n-space-xs));padding-block-end:var(--n-nav-badge-padding-block,var(--n-space-xs));padding-inline-start:var(--n-nav-badge-padding-inline,calc(var(--n-space-s)/ 2));padding-inline-end:var(--n-nav-badge-padding-inline,calc(var(--n-space-s)/ 2));text-align:center;min-inline-size:var(--n-nav-badge-min-inline-size,20px);font-size:var(--n-nav-badge-font-size,var(--n-font-size-xs));line-height:var(--n-nav-badge-line-height,1)}`;let Ws=0,Hs=0;const qs="undefined"!=typeof matchMedia?matchMedia("(min-width: 768px)"):{matches:!1,addEventListener(){},removeEventListener(){}};let Us=class extends(st(he)){constructor(){super(...arguments),this.subnavSlot=new Me(this,"subnav"),this.iconSlot=new Me(this,"icon"),this.railTooltipSlot=new Me(this,"rail-tooltip"),this.direction=new rr(this),this.tooltipId="n-nav-rail-tip-"+ ++Ws,this.popoutId="n-nav-rail-pop-"+ ++Hs,this.railCollapsed=!1,this.active=!1,this.open=!1,this.handleViewportChange=()=>this.updateRailState()}get hasSubNav(){return this.subnavSlot.hasContent}connectedCallback(){super.connectedCallback(),this.startObservingLayout(),qs.addEventListener("change",this.handleViewportChange)}disconnectedCallback(){super.disconnectedCallback(),this.stopObservingLayout(),qs.removeEventListener("change",this.handleViewportChange)}startObservingLayout(){this.observedLayout=this.closest("nord-layout"),this.observedLayout&&(this.updateRailState(),this.layoutObserver=new MutationObserver((()=>this.updateRailState())),this.layoutObserver.observe(this.observedLayout,{attributes:!0,attributeFilter:["nav-open","collapse-mode"]}))}stopObservingLayout(){var e,t;null===(e=this.layoutObserver)||void 0===e||e.disconnect(),this.layoutObserver=void 0,this.observedLayout=void 0,this.railCollapsed=!1,null===(t=this.popoutEl)||void 0===t||t.hide()}updateRailState(){var e,t;if(!this.observedLayout)return;const n=!!!(null===(e=this.parentElement)||void 0===e?void 0:e.closest("nord-nav-item"))&&qs.matches&&"rail"===this.observedLayout.getAttribute("collapse-mode")&&!this.observedLayout.hasAttribute("nav-open");n||null===(t=this.popoutEl)||void 0===t||t.hide(),this.railCollapsed=n}render(){if(this.railCollapsed)return this.renderRail();const e=U`${this.renderLeadingIcon()}<div class="n-nav-content"><span class="n-nav-label"><slot></slot></span>${this.badge?U`<span class="n-nav-badge">${this.badge}</span>`:Y}<slot name="end"></slot></div>`;let t;return t=this.subnavSlot.hasContent?this.renderToggle(e):this.href?this.renderLink(e):this.renderButton(e),U`<div role="listitem">${t}<slot name="${this.subnavSlot.slotName}" ?hidden="${!this.open}"></slot></div>`}renderLeadingIcon(){return this.iconSlot.hasContent?U`<slot name="icon" class="n-nav-icon"></slot>`:this.icon?U`<nord-icon class="n-nav-icon" name="${this.icon}" size="m"></nord-icon>`:Y}renderRail(){const e=this.renderLeadingIcon(),t=e===Y?U`<span class="n-rail-fallback">${this.textInitial}</span>`:e,n=this.badge?U`<span class="n-nav-badge n-rail-badge">${this.badge}</span>`:Y;return this.subnavSlot.hasContent?this.renderRailFlyout(t,n):U`<div role="listitem" class="n-rail-host">${this.href?U`<a class="n-nav-item n-rail-item" ${rt(this.focusableRef)} aria-current="${at(this.active,"page")}" aria-describedby="${this.tooltipId}" href="${this.href}">${t}${n}</a>`:U`<button class="n-nav-item n-rail-item" ${rt(this.focusableRef)} aria-describedby="${this.tooltipId}">${t}${n}</button>`}<slot name="end" class="n-rail-slotted-end"></slot><nord-tooltip id="${this.tooltipId}" position="inline-end">${this.railTooltipSlot.hasContent?U`<slot name="rail-tooltip"></slot>`:U`<slot></slot>`}</nord-tooltip></div>`}renderRailFlyout(e,t){return U`<div role="listitem" class="n-rail-host"><button class="n-nav-item n-rail-item" ${rt(this.focusableRef)} aria-controls="${this.popoutId}" aria-describedby="${this.tooltipId}">${e}${t} <svg class="n-rail-subnav-indicator" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="5" height="5" viewBox="0 0 5 5" fill="none"><path d="M4.29388 3.79388V0.500991C4.29388 0.0555387 3.75531 -0.167545 3.44033 0.147438L0.147437 3.44033C-0.167545 3.75531 0.0555386 4.29388 0.500991 4.29388H3.79388C4.07003 4.29388 4.29388 4.07003 4.29388 3.79388Z" fill="currentColor"/></svg></button><slot name="end" class="n-rail-slotted-end"></slot><nord-tooltip id="${this.tooltipId}" position="inline-end">${this.railTooltipSlot.hasContent?U`<slot name="rail-tooltip"></slot>`:U`<slot></slot>`}</nord-tooltip><nord-popout id="${this.popoutId}" position="inline-end" always-floating><div class="n-rail-flyout-body"><slot name="${this.subnavSlot.slotName}"></slot></div></nord-popout></div>`}get textInitial(){var e,t;return(null!==(t=null===(e=this.textContent)||void 0===e?void 0:e.trim())&&void 0!==t?t:"").charAt(0).toUpperCase()}renderLink(e){return U`<a class="n-nav-item" ${rt(this.focusableRef)} aria-current="${at(this.active,"page")}" href="${this.href||""}">${e}</a>`}renderToggle(e){return U`<button class="n-nav-item" @click="${this.toggleOpen}" aria-expanded="${this.open?"true":"false"}" ${rt(this.focusableRef)}>${e}<nord-icon size="xxs" class="${yo({"n-toggle-icon":!0,"n-rtl":this.direction.isRTL})}" name="arrow-expand-right-small"></nord-icon></button>`}renderButton(e){return U`<button class="n-nav-item" ${rt(this.focusableRef)}>${e}</button>`}toggleOpen(){this.open=!this.open,this.dispatchEvent(new ke("toggle"))}handleActiveChange(){this.active&&!this.hasSubNav&&this.dispatchEvent(new ke("activate"))}};Us.styles=[Ee,Fs],e([ye("nord-popout")],Us.prototype,"popoutEl",void 0),e([me()],Us.prototype,"railCollapsed",void 0),e([ge({type:Boolean,reflect:!0})],Us.prototype,"active",void 0),e([ge({reflect:!0})],Us.prototype,"icon",void 0),e([ge({reflect:!0})],Us.prototype,"href",void 0),e([ge({reflect:!0})],Us.prototype,"badge",void 0),e([ge({reflect:!0,type:Boolean})],Us.prototype,"open",void 0),e([xe("active","updated")],Us.prototype,"handleActiveChange",null),Us=e([pe("nord-nav-item")],Us);var js=Us;const Vs=a`:host{--_n-navigation-background-color:var(--n-navigation-background-color, var(--n-color-nav-surface));--_n-navigation-scroll-shadow-color-start:var(--n-navigation-scroll-shadow-color-start, rgb(0, 0, 0, 0.1));--_n-navigation-scroll-shadow-color-end:var(--n-navigation-scroll-shadow-color-end, rgb(0, 0, 0, 0.1));--_n-navigation-scroll-mask:var(--n-navigation-scroll-mask, none);--_n-navigation-padding-block:var(--n-navigation-padding-block, var(--n-space-m));--_n-navigation-padding-inline:var(--n-navigation-padding-inline, var(--n-space-m));--_n-navigation-footer-padding-block:var(--n-navigation-footer-padding-block, var(--n-space-s));--_n-navigation-footer-padding-inline:var(--n-navigation-footer-padding-inline, var(--_n-navigation-padding-inline));--_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;overflow-x:hidden}@-moz-document url-prefix(){.n-navigation-main{scrollbar-width:thin}}.n-navigation-main::-webkit-scrollbar{inline-size:6px;block-size:6px}.n-navigation-main::-webkit-scrollbar-thumb{background-color:var(--n-color-border-strong);border-radius:var(--n-border-radius-pill)}.n-navigation-main::-webkit-scrollbar-thumb:hover{background-color:var(--n-color-border-hover)}.n-navigation-main::-webkit-scrollbar-corner,.n-navigation-main::-webkit-scrollbar-track{background:0 0}nav{flex:1;padding-block-start:var(--_n-navigation-padding-block);padding-block-end:var(--_n-navigation-padding-block);padding-inline-start:var(--_n-navigation-padding-inline);padding-inline-end:var(--_n-navigation-padding-inline)}::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)}:host([data-rail-collapsed]) slot[name=header]{--n-button-padding-inline:0;--n-button-text-align:center;--n-button-content-display:none;overflow:hidden}:host([data-rail-collapsed]) slot[name=footer]{--n-button-padding-inline:0;--n-button-content-display:none;overflow:hidden}:is([name=header],[name=footer])::slotted(:is(nord-button,nord-dropdown):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-block-start:var(--_n-navigation-footer-padding-block);padding-block-end:var(--_n-navigation-footer-padding-block);padding-inline-start:var(--_n-navigation-footer-padding-inline);padding-inline-end:var(--_n-navigation-footer-padding-inline);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,var(--_n-navigation-scroll-shadow-color-start),rgb(0,0,0,0)) center top,radial-gradient(farthest-side at 50% 100%,var(--_n-navigation-scroll-shadow-color-end),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;-webkit-mask-image:var(--_n-navigation-scroll-mask);mask-image:var(--_n-navigation-scroll-mask)}`,Ys="undefined"!=typeof matchMedia?matchMedia("(min-width: 768px)"):{matches:!1,addEventListener(){},removeEventListener(){}};let Gs=class extends he{constructor(){super(...arguments),this.headerSlot=new Me(this,"header"),this.events=new Ie(this),this.footerObserver=null,this.allowItemsToRemainOpen=!1,this.stickyFooter=!1,this.handleViewportChange=()=>this.updateRailState(),this.handleActivate=e=>{var t,n;const o=e.target,r=new Set;let i=null===(t=o.parentElement)||void 0===t?void 0:t.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 e of this.querySelectorAll("nord-nav-item"))if(e!==o){const t=r.has(e);e.open=t||this.allowItemsToRemainOpen&&e.open,e.active=t}this.allowItemsToRemainOpen=!1}}connectedCallback(){super.connectedCallback(),this.events.listen(this,"activate",this.handleActivate);const e=this.querySelector("nord-nav-item[active]");this.allowItemsToRemainOpen=null!=e,"undefined"!=typeof window&&this.observeFooter(),this.startObservingLayout(),Ys.addEventListener("change",this.handleViewportChange)}disconnectedCallback(){var e;super.disconnectedCallback(),null===(e=this.footerObserver)||void 0===e||e.disconnect(),this.footerObserver=null,this.stopObservingLayout(),Ys.removeEventListener("change",this.handleViewportChange)}startObservingLayout(){this.observedLayout=this.closest("nord-layout"),this.observedLayout&&(this.updateRailState(),this.layoutObserver=new MutationObserver((()=>this.updateRailState())),this.layoutObserver.observe(this.observedLayout,{attributes:!0,attributeFilter:["nav-open","collapse-mode"]}))}stopObservingLayout(){var e;null===(e=this.layoutObserver)||void 0===e||e.disconnect(),this.layoutObserver=void 0,this.observedLayout=void 0,this.toggleAttribute("data-rail-collapsed",!1)}updateRailState(){if(!this.observedLayout)return;const e=Ys.matches&&"rail"===this.observedLayout.getAttribute("collapse-mode")&&!this.observedLayout.hasAttribute("nav-open");this.toggleAttribute("data-rail-collapsed",e)}observeFooter(){this.footerObserver=new MutationObserver((()=>this.requestUpdate())),this.footerObserver.observe(this,{childList:!0});const e=this.querySelector(':scope > [slot="footer"]');e&&this.footerObserver.observe(e,{attributes:!0,attributeFilter:["style","class"]})}get isFooterVisible(){if("undefined"==typeof window)return!0;const e=this.querySelector(':scope > [slot="footer"]');if(!e)return!1;const t=window.getComputedStyle(e);return"none"!==t.display&&"hidden"!==t.visibility&&"collapse"!==t.visibility&&"0"!==t.opacity&&"hidden"!==t.contentVisibility}render(){return U`<slot name="header" ?hidden="${this.headerSlot.isEmpty}"></slot><div class="n-navigation-main"><nav><slot></slot></nav>${this.stickyFooter?Y:U`<slot name="footer" ?hidden="${!this.isFooterVisible}"></slot>`}</div>${this.stickyFooter?U`<slot name="footer" ?hidden="${!this.isFooterVisible}"></slot>`:Y}`}};Gs.styles=[Ee,Vs],e([ge({type:Boolean,reflect:!0,attribute:"sticky-footer"})],Gs.prototype,"stickyFooter",void 0),Gs=e([pe("nord-navigation")],Gs);var Xs=Gs;const Ks=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 Qs=class extends he{render(){return U`<div class="n-notification-group"><slot></slot></div>`}};Qs.styles=[Ee,Ks],Qs=e([pe("nord-notification-group")],Qs);var Zs=Qs;function Js(t){class n extends t{constructor(){super(...arguments),this.notificationRef=tt(),this.dismissed=!1}async dismiss(){var e;this.notificationRef.value&&(this.dismissed=!0,await(e=this.notificationRef.value,Promise.race([_e(e,"animationend"),_e(e,"animationcancel")])),this.dispatchEvent(new ke("dismiss")))}}return e([me()],n.prototype,"dismissed",void 0),n}const el=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 tl=class extends(Js(he)){constructor(){super(...arguments),this.localize=new Jr(this)}render(){return U`<div ${rt(this.notificationRef)} class="${yo({"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>`}};tl.styles=[Ee,el],tl=e([pe("nord-notification")],tl);var nl=tl;const ol=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 rl=class extends(st(he)){constructor(){super(...arguments),this.max=100,this.label="Current progress"}render(){return U`<label><nord-visually-hidden>${this.label}</nord-visually-hidden><progress ${rt(this.focusableRef)} aria-valuenow="${ct(this.value)}" aria-valuemin="0" aria-valuemax="${this.max}" tabindex="-1" max="${this.max}" value="${ct(this.value)}"></progress></label>`}};rl.styles=[Ee,ol],e([ge({reflect:!0,type:Number})],rl.prototype,"value",void 0),e([ge({reflect:!0,type:Number})],rl.prototype,"max",void 0),e([ge({reflect:!0})],rl.prototype,"label",void 0),rl=e([pe("nord-progress-bar")],rl);var il=rl;const al=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%}`,sl=11.25,ll=11.25;let dl=0;let cl=class extends he{constructor(){super(),this.size="m",this.progress=0,this._animatedProgress=0,this._animationId=null,this._targetProgress=0,this._instanceId=0,this._instanceId=dl++}connectedCallback(){super.connectedCallback(),this._animatedProgress=this.progress,this._targetProgress=this.progress}disconnectedCallback(){super.disconnectedCallback(),null!==this._animationId&&(cancelAnimationFrame(this._animationId),this._animationId=null)}updated(e){e.has("progress")&&(this._targetProgress=Math.max(0,Math.min(100,this.progress)),this._animate())}_animate(){null!==this._animationId&&cancelAnimationFrame(this._animationId);const e=()=>{const t=this._targetProgress-this._animatedProgress;if(Math.abs(t)<.5)return this._animatedProgress=this._targetProgress,void(this._animationId=null);this._animatedProgress+=.15*t,this._animationId=requestAnimationFrame(e)};this._animationId=requestAnimationFrame(e)}get _clampedProgress(){return Math.max(0,Math.min(100,this._animatedProgress))}get _isSemanticColor(){var e;return["success","warning","danger","highlight","info"].includes(null!==(e=this.color)&&void 0!==e?e:"")}get _customColorStyle(){if(this.color&&!this._isSemanticColor)return`--_n-progress-color:${this.color}`}render(){const e=Boolean(this.label),t=function(e){const t=Math.max(0,Math.min(100,e));if(0===t)return"";if(100===t)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=t/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 ${sl+6*Math.cos(o)},${ll+6*Math.sin(o)}\n Z`}(this._clampedProgress),n=`n-progress-clip-${this._instanceId}`;return U`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.5 22.5" fill="none" role="${at(e,"progressbar")}" aria-label="${ct(this.label)}" aria-valuenow="${at(e,Math.round(this._clampedProgress))}" aria-valuemin="${at(e,"0")}" aria-valuemax="${at(e,"100")}" aria-hidden="${at(!e,"true")}" style="${ct(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="${sl}" cy="${ll}" r="${9}" fill="var(--_n-progress-background)" stroke="var(--_n-progress-color)" stroke-width="2"/>${j`<path fill="var(--_n-progress-color)" d="${t}">`}</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>`}};cl.styles=[Ee,al],e([ge({reflect:!0})],cl.prototype,"size",void 0),e([ge({reflect:!0})],cl.prototype,"color",void 0),e([ge({reflect:!0})],cl.prototype,"label",void 0),e([ge({reflect:!0,type:Number})],cl.prototype,"progress",void 0),e([me()],cl.prototype,"_animatedProgress",void 0),cl=e([pe("nord-progress")],cl);var hl=cl;
|
|
123
|
+
)}}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-layout-drawer-background-color,var(--n-color-surface));box-shadow:var(--n-layout-drawer-box-shadow,var(--n-box-shadow-nav))}:host([sticky-footer]) .n-has-footer aside{inset-block-end:var(--n-layout-footer-block-size,var(--_n-layout-footer-size))}.n-has-drawer .n-layout-content{margin-inline-end:var(--_n-layout-drawer-min-inline-size)}@media (min-width:1240px){:host{--n-layout-main-min-inline-size:600px}.n-has-drawer .n-layout-content{margin-inline-end:var(--_n-layout-drawer-inline-size)}aside{box-shadow:var(--n-layout-drawer-box-shadow-wide,var(--n-box-shadow-header));border-inline-start:var(--n-layout-drawer-border-inline-start-width,0) solid var(--n-layout-drawer-border-inline-start-color,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=wide][data-collapse-mode=rail]:is([data-nav=closed],[data-nav=peek],[data-nav=unpeek],[data-nav=wait]) .n-layout-nav{transform:none;inline-size:var(--_n-layout-nav-rail-width);inset-block:0;border-start-end-radius:0;border-end-end-radius:0;border-inline-end:1px solid var(--_n-layout-nav-border-color);box-shadow:none;overflow:visible}[data-screen=wide][data-collapse-mode=rail]:not([data-nav=opened]) .n-layout-main{margin-inline-start:var(--_n-layout-nav-rail-width)}[data-screen=wide][data-collapse-mode=rail]:not([data-nav=opened]) .n-top-bar-container{inset-inline-start:var(--_n-layout-nav-rail-width)}[data-screen=wide][data-collapse-mode=rail]:not([data-nav=opened]) slot[name=footer]::slotted(*){inset-inline-start:var(--_n-layout-nav-rail-width)}[data-screen=wide][data-collapse-mode=rail]:not([data-nav=opened]) .n-collapse-btn{display:flex}[data-screen=wide][data-collapse-mode=rail]:not([data-nav=opened]) .n-collapse-btn nord-icon{transform:rotate(0)}.n-rtl[data-screen=wide][data-collapse-mode=rail]:not([data-nav=opened]) .n-collapse-btn nord-icon{transform:rotate(180deg)}[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-layout-nav-border-color);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-layout-nav-border-color) 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;block-size:var(--n-layout-resize-block-size,100%);inset-block:0;margin-block:auto;inset-inline-end:-8px;inline-size:10px;background:0 0}[data-nav=opened] .n-resize,[data-screen=wide][data-collapse-mode=rail]:not([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-layout-resize-color,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,[data-screen=wide][data-collapse-mode=rail]:not([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}.n-resize-tooltip{transform:translateY(var(--n-resize-tooltip-y,0))}.n-dragging .n-resize-tooltip{visibility:hidden!important;opacity:0!important}: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}:host(:not([hide-default-nav-toggle])) .n-has-nav[data-screen=wide]:not([data-nav=opened]) ::slotted(nord-top-bar),:host(:not([hide-default-nav-toggle])) .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)}:host(:not([hide-default-nav-toggle])) .n-has-nav[data-screen=narrow] ::slotted(nord-top-bar),:host(:not([hide-default-nav-toggle])) .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)}@media (max-width:767px){:host([data-narrow-floating-drawer]) aside,:host([data-narrow-rail-bottom]) aside{inline-size:0;pointer-events:none;z-index:var(--n-layout-aside-narrow-z-index,calc(var(--n-index-top-bar,1000) + 5))}:host([sticky-footer][data-narrow-rail-bottom]) .n-has-footer slot[name=footer]::slotted(*){inset-block-end:var(--n-aside-rail-narrow-block-size,56px)}:host([data-narrow-rail-bottom]) .n-layout-content{padding-block-end:var(--n-aside-rail-narrow-block-size,56px)}:host([sticky-footer][data-narrow-rail-bottom]) .n-layout-content{padding-block-end:calc(var(--n-aside-rail-narrow-block-size,56px) + var(--n-layout-footer-block-size,var(--_n-layout-footer-size,0px)))}}`;class as extends ke{constructor(e){super("nav-open-change"),Object.defineProperty(this,"navOpen",{value:e,enumerable:!0,writable:!1})}}class ss extends ke{constructor(e){super("nav-resize"),Object.defineProperty(this,"width",{value:e,enumerable:!0,writable:!1})}}const ls="navigation-toggle";var ds=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:ls});const cs=a`:host{color:var(--n-color-icon);display:inline-flex}@media (min-width:768px){:host([data-auto-hidden]){display:none}}nord-button{--n-button-color:currentColor;--n-button-background-color:transparent}nord-icon{display:block;transform:translateX(-1px);color:currentColor}.icon-active{display:none}.is-rtl .icon-active{transform:rotate(180deg)}@media (min-width:768px){:host(:is(:hover,:focus-within)) .icon-active{display:block}:host(:is(:hover,:focus-within)) .icon-default{display:none}}`;kt.registerIcon(ds),kt.registerIcon(ts);let hs=class extends(st(he)){constructor(){super(...arguments),this.direction=new rr(this),this.localization=new Jr(this),this.icon=ls,this.iconActive=es,this.autoHide=!1,this.square=!1,this.size="m",this.iconSize="m",this.autoHidden=!1}connectedCallback(){super.connectedCallback(),this.startAutoHide()}disconnectedCallback(){super.disconnectedCallback(),this.stopAutoHide()}updated(e){var t;null===(t=super.updated)||void 0===t||t.call(this,e),e.has("autoHide")&&(this.stopAutoHide(),this.startAutoHide()),e.has("autoHidden")&&this.toggleAttribute("data-auto-hidden",this.autoHidden)}startAutoHide(){if(!this.autoHide)return;const e=this.closest("nord-layout");e&&(this.observedLayout=e,this.autoHidden=e.hasAttribute("nav-open"),this.layoutObserver=new MutationObserver((()=>{this.autoHidden=e.hasAttribute("nav-open")})),this.layoutObserver.observe(e,{attributes:!0,attributeFilter:["nav-open"]}))}stopAutoHide(){var e;null===(e=this.layoutObserver)||void 0===e||e.disconnect(),this.layoutObserver=void 0,this.observedLayout=void 0,this.autoHidden=!1}render(){return U`<nord-button variant="plain" ?square="${this.square}" size="${this.size}" ${rt(this.focusableRef)} class="${yo({"is-rtl":this.direction.isRTL})}"><nord-visually-hidden>${this.localization.term("label")}</nord-visually-hidden><nord-icon size="${this.iconSize}" class="icon-default" name="${this.icon}"></nord-icon><nord-icon size="${this.iconSize}" class="icon-active" name="${this.iconActive}"></nord-icon></nord-button>`}};hs.styles=[Ee,cs],e([ge({reflect:!0})],hs.prototype,"icon",void 0),e([ge({reflect:!0,attribute:"icon-active"})],hs.prototype,"iconActive",void 0),e([ge({type:Boolean,reflect:!0,attribute:"auto-hide"})],hs.prototype,"autoHide",void 0),e([ge({type:Boolean,reflect:!0})],hs.prototype,"square",void 0),e([ge({reflect:!0})],hs.prototype,"size",void 0),e([ge({reflect:!0,attribute:"icon-size"})],hs.prototype,"iconSize",void 0),e([me()],hs.prototype,"autoHidden",void 0),hs=e([pe("nord-nav-toggle")],hs);var us=hs;kt.registerIcon(ts);let ps=0;const vs=250,bs="undefined"!=typeof matchMedia?matchMedia("(min-width: 768px)"):{matches:!1,addEventListener(){}},gs=Ce("nord-layout.navWidth",vs),ms=Ce("nord-layout.navWidthDefault",vs),fs=Ce("nord-layout.navOpen",!0);function ys(e){for(const t of e)if(t instanceof HTMLElement&&"nord-nav-toggle"===t.localName)return t;return null}function ws(e){return null!==ys(e.composedPath())}const xs=oo({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 ks=class extends he{constructor(){super(...arguments),this.resizeTooltipId="n-layout-resize-tip-"+ ++ps,this.navSlot=new Me(this,"nav"),this.drawerSlot=new Me(this,"drawer"),this.topBarSlot=new Me(this,"top-bar"),this.headerSlot=new Me(this,"header"),this.footerSlot=new Me(this,"footer"),this.dividerTooltipSlot=new Me(this,"tooltip-divider"),this.direction=new rr(this),this.events=new Ie(this),this.lightDismiss=new Ai(this,{isOpen:()=>"opened"===this.navState&&!this.wideScreen,onDismiss:()=>this.navTransition("close"),isDismissible:e=>e!==this.navEl}),this.applyingRemote=!1,this.broadcast=new os(this,{channelName:"nord-layout-nav-state",enabled:()=>this.syncNavState&&this.wideScreen,onMessage:e=>{this.applyingRemote=!0,"navOpen"in e&&(this.navOpen=e.navOpen),"navWidth"in e&&(this.navWidth=e.navWidth),this.updateComplete.then((()=>{this.applyingRemote=!1}))}}),this.navWidth=gs.value,this.isDragging=!1,this.wideScreen=bs.matches,this.persistNavState=!1,this.syncNavState=!1,this.defaultNavWidth=vs,this.minNavWidth=220,this.maxNavWidth=400,this.navRailWidth=64,this.padding="m",this.sticky=!1,this.stickyFooter=!1,this.hideDefaultNavToggle=!1,this.hideCollapseButton=!1,this.toggleOnResizeClick=!1,this.collapseMode="hide",this.handleFooterSlotChange=()=>{var e,t;const n=null===(e=this.footerSlotEl)||void 0===e?void 0:e.assignedElements({flatten:!0})[0];n!==this.observedFooterElement&&(null===(t=this.footerSizeObserver)||void 0===t||t.disconnect(),this.observedFooterElement=n,n?(this.footerSizeObserver=new ResizeObserver((()=>this.publishFooterSize())),this.footerSizeObserver.observe(n),this.publishFooterSize()):this.style.removeProperty("--n-layout-footer-block-size"))},this.handleMediaQueryChange=()=>{this.wideScreen=bs.matches,this.navTransition(this.wideScreen?"open":"close")},this.handleToggleClick=e=>{ws(e)||this.navTransition("toggle")},this.handleHostClick=e=>{ws(e)&&this.navTransition("toggle")},this.handleHostMouseOver=e=>{const t=ys(e.composedPath());t&&(e.relatedTarget instanceof Node&&t.contains(e.relatedTarget)||this.handleMouseEnter())},this.handleHostMouseOut=e=>{const t=ys(e.composedPath());t&&(e.relatedTarget instanceof Node&&t.contains(e.relatedTarget)||this.handleMouseLeave())},this.handleNavFocus=()=>{this.wideScreen&&"rail"===this.collapseMode||this.navTransition("focusin")},this.handleMainFocus=()=>{this.navTransition("focusout")},this.handleMouseEnter=()=>{this.wideScreen&&"rail"!==this.collapseMode&&this.navTransition("pointerenter")},this.handleMouseLeave=()=>{this.wideScreen&&"rail"===this.collapseMode||this.navTransition("pointerleave")},this.handleTransitionEnd=()=>{this.navTransition("transitionend")},this.dragStartX=0,this.hasDragged=!1,this.handleResizeHoverMove=e=>{const t=e.currentTarget;if(!t||!this.resizeTooltipEl)return;const n=t.getBoundingClientRect(),o=e.clientY-(n.top+n.height/2);this.resizeTooltipEl.style.setProperty("--n-resize-tooltip-y",`${o}px`)},this.handleResizePointerLeave=()=>{var e;this.stopDragging(),null===(e=this.resizeTooltipEl)||void 0===e||e.style.removeProperty("--n-resize-tooltip-y")}}get isNarrow(){return!this.wideScreen}connectedCallback(){super.connectedCallback(),this.events.listen(bs,"change",this.handleMediaQueryChange),this.addEventListener("click",this.handleHostClick),this.addEventListener("mouseover",this.handleHostMouseOver),this.addEventListener("mouseout",this.handleHostMouseOut)}disconnectedCallback(){var e,t;super.disconnectedCallback(),this.removeEventListener("click",this.handleHostClick),this.removeEventListener("mouseover",this.handleHostMouseOver),this.removeEventListener("mouseout",this.handleHostMouseOut),null===(e=this.headerSizeObserver)||void 0===e||e.disconnect(),this.headerSizeObserver=void 0,null===(t=this.footerSizeObserver)||void 0===t||t.disconnect(),this.footerSizeObserver=void 0,this.observedFooterElement=void 0,this.style.removeProperty("--n-layout-header-block-size"),this.style.removeProperty("--n-layout-footer-block-size")}firstUpdated(){"undefined"!=typeof ResizeObserver&&(this.stickyHeaderEl&&(this.headerSizeObserver=new ResizeObserver((()=>this.publishHeaderSize())),this.headerSizeObserver.observe(this.stickyHeaderEl),this.publishHeaderSize()),this.footerSlotEl&&(this.footerSlotEl.addEventListener("slotchange",this.handleFooterSlotChange),this.handleFooterSlotChange()))}publishHeaderSize(){var e,t;const n=null!==(t=null===(e=this.stickyHeaderEl)||void 0===e?void 0:e.getBoundingClientRect().height)&&void 0!==t?t:0;n>0?this.style.setProperty("--n-layout-header-block-size",`${n}px`):this.style.removeProperty("--n-layout-header-block-size")}publishFooterSize(){var e,t;const n=null!==(t=null===(e=this.observedFooterElement)||void 0===e?void 0:e.getBoundingClientRect().height)&&void 0!==t?t:0;n>0?this.style.setProperty("--n-layout-footer-block-size",`${n}px`):this.style.removeProperty("--n-layout-footer-block-size")}willUpdate(){this.hasUpdated||(Number.isFinite(this.defaultNavWidth)||(this.defaultNavWidth=vs),Number.isFinite(this.minNavWidth)||(this.minNavWidth=220),Number.isFinite(this.maxNavWidth)||(this.maxNavWidth=400),ms.value!==this.defaultNavWidth?(this.setNavWidth(this.defaultNavWidth),gs.value=this.navWidth,ms.value=this.defaultNavWidth):this.setNavWidth(this.navWidth),this.isNarrow||this.persistNavState&&!1===fs.value?this.navState="closed":this.navState="opened")}render(){const{navWidth:e,navState:t,navSlot:n,headerSlot:o,footerSlot:r,topBarSlot:i,drawerSlot:a,isDragging:s,direction:l}=this,d=this.wideScreen&&"rail"===this.collapseMode&&"opened"!==t,c="opened"===t&&this.wideScreen?e:d?64:this.defaultNavWidth;return U`<div class="${yo({"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="${ta({"--_n-layout-nav-width":`${c}px`,"--_n-layout-nav-rail-width":`var(--n-layout-nav-rail-width, ${this.navRailWidth}px)`})}" data-nav="${n.hasContent?t:"closed"}" data-screen="${this.wideScreen?"wide":"narrow"}" data-collapse-mode="${this.collapseMode}"><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" aria-describedby="${at(this.dividerTooltipSlot.hasContent&&!s,this.resizeTooltipId)}" @pointerdown="${at("opened"===t||d,this.startDragging)}" @pointermove="${s?this.handleDrag:this.handleResizeHoverMove}" @pointerleave="${this.handleResizePointerLeave}" @pointerup="${this.stopDragging}" @keydown="${this.handleKeyboardResize}" ?hidden="${this.isNarrow}"></div>${this.dividerTooltipSlot.hasContent?U`<nord-tooltip id="${this.resizeTooltipId}" position="inline-end" class="n-resize-tooltip"><slot name="tooltip-divider"></slot></nord-tooltip>`:Y} ${this.hideCollapseButton?Y:this.renderNavCollapse()}</div><div class="n-layout-main" @focusin="${this.handleMainFocus}" @click="${this.handleMainClick}">${n.hasContent&&!this.hideDefaultNavToggle?this.renderNavToggle():Y}<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 U`<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 U`<button class="n-collapse-btn" @click="${this.handleToggleClick}"><nord-icon name="navigation-toggle-lock" size="s"></nord-icon></button>`}handleNavWidthChange(e){if(gs.value=this.navWidth,null!=e){const e=this.navWidth;this.dispatchEvent(new ss(e))}}handleNavStateChange(e){switch("wait"===e&&this.peekTimeoutId&&clearTimeout(this.peekTimeoutId),"unpeek"===e&&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(e){if(this.isDragging||this.setNavWidth(Math.max(this.navWidth,this.defaultNavWidth)),this.navTransition(this.navOpen?"open":"close"),this.persistNavState&&(fs.value=this.navOpen),null!=e){const e=this.navOpen;this.applyingRemote||this.broadcast.post({navOpen:e}),this.dispatchEvent(new as(e))}}navTransition(e){this.navState=xs.transition(this.navState,e)}handleNavClick(e){if(!e.defaultPrevented&&!this.wideScreen){const n=e.target;(e=>"nord-nav-item"===e.localName)(t=n)&&!t.hasSubNav&&this.navTransition("close")}var t}handleMainClick(){this.navTransition("click")}handleDropdownOpen(e){"nord-dropdown"===e.target.localName&&this.navTransition("dropdownOpen")}handleDropdownClose(e){"nord-dropdown"===e.target.localName&&this.navTransition("dropdownClose")}handleKeyboardResize(e){const{navWidth:t,direction:{isLTR:n}}=this;switch(e.key){case"ArrowLeft":this.setNavWidth(t+(n?-30:30));break;case"ArrowRight":this.setNavWidth(t+(n?30:-30));break;case"Enter":this.navTransition("toggle");break;case"Home":this.setNavWidth(this.minNavWidth);break;case"End":this.setNavWidth(this.maxNavWidth);break;default:return}this.broadcast.post({navWidth:this.navWidth}),e.preventDefault()}setNavWidth(e){this.navWidth=Se(Math.round(e),this.minNavWidth,this.maxNavWidth)}startDragging(e){if(0===e.button){e.target.setPointerCapture(e.pointerId),this.isDragging=!0,this.dragStartX=e.clientX,this.hasDragged=!1}}stopDragging(){this.isDragging&&this.toggleOnResizeClick&&!this.hasDragged&&this.navTransition("toggle"),this.isDragging=!1,this.hasDragged=!1,this.broadcast.post({navWidth:this.navWidth})}handleDrag(e){if(!this.hasDragged&&Math.abs(e.clientX-this.dragStartX)<4)return;this.hasDragged=!0;const t=this.direction.isRTL?this.clientWidth-e.clientX:e.clientX;this.setNavWidth(t),this.navTransition(t>=100?"open":"close")}};ks.styles=[Ee,rs,is],e([ye(".n-layout-nav",!0)],ks.prototype,"navEl",void 0),e([ye(".n-resize-tooltip")],ks.prototype,"resizeTooltipEl",void 0),e([ye(".n-sticky")],ks.prototype,"stickyHeaderEl",void 0),e([ye('slot[name="footer"]')],ks.prototype,"footerSlotEl",void 0),e([me()],ks.prototype,"navWidth",void 0),e([me()],ks.prototype,"isDragging",void 0),e([me()],ks.prototype,"navState",void 0),e([me()],ks.prototype,"wideScreen",void 0),e([ge({reflect:!0,type:Boolean,attribute:"nav-open"})],ks.prototype,"navOpen",void 0),e([ge({reflect:!0,type:Boolean,attribute:"persist-nav-state"})],ks.prototype,"persistNavState",void 0),e([ge({type:Boolean,reflect:!0,attribute:"sync-nav-state"})],ks.prototype,"syncNavState",void 0),e([ge({type:Number,reflect:!0,attribute:"default-nav-width"})],ks.prototype,"defaultNavWidth",void 0),e([ge({type:Number,reflect:!0,attribute:"min-nav-width"})],ks.prototype,"minNavWidth",void 0),e([ge({type:Number,reflect:!0,attribute:"max-nav-width"})],ks.prototype,"maxNavWidth",void 0),e([ge({type:Number,reflect:!0,attribute:"nav-rail-width"})],ks.prototype,"navRailWidth",void 0),e([ge({reflect:!0})],ks.prototype,"padding",void 0),e([ge({type:Boolean,reflect:!0})],ks.prototype,"sticky",void 0),e([ge({type:Boolean,reflect:!0,attribute:"sticky-footer"})],ks.prototype,"stickyFooter",void 0),e([ge({type:Boolean,reflect:!0,attribute:"hide-default-nav-toggle"})],ks.prototype,"hideDefaultNavToggle",void 0),e([ge({type:Boolean,reflect:!0,attribute:"hide-collapse-button"})],ks.prototype,"hideCollapseButton",void 0),e([ge({type:Boolean,reflect:!0,attribute:"toggle-on-resize-click"})],ks.prototype,"toggleOnResizeClick",void 0),e([ge({reflect:!0,attribute:"collapse-mode"})],ks.prototype,"collapseMode",void 0),e([xe("navWidth","updated")],ks.prototype,"handleNavWidthChange",null),e([xe("navState")],ks.prototype,"handleNavStateChange",null),e([xe("navOpen","updated")],ks.prototype,"handleOpenChange",null),ks=e([pe("nord-layout")],ks);var _s=ks;const zs=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}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)}`;let $s=class extends(st(he)){constructor(){super(...arguments),this.localize=new Jr(this)}render(){return(this.href?e=>U`<a href="${ct(this.href)}" ${rt(this.focusableRef)} class="n-dropdown-item n-message">${e}</a>`:e=>U`<button ${rt(this.focusableRef)} class="n-dropdown-item n-message">${e}</button>`)(U`<div role="img" class="n-unread" aria-label="${this.localize.term("unreadLabel")}" ?hidden="${!this.unread}"></div><slot></slot><slot name="footer"></slot>`)}};$s.styles=[Ee,Ia,zs],e([ge({reflect:!0})],$s.prototype,"href",void 0),e([ge({reflect:!0,type:Boolean})],$s.prototype,"highlight",void 0),e([ge({reflect:!0,type:Boolean})],$s.prototype,"unread",void 0),$s=e([pe("nord-message")],$s);var Ss=$s;const Cs=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-block:var(--n-space-l) var(--n-space-xl);padding-inline:var(--_n-modal-padding-inline)}.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-block:var(--_n-modal-padding-block);padding-inline: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 Es(e,t){e.forEach((e=>function(e,t){if(t){const t=e.getAttribute("inert");null!==t&&e.setAttribute("data-n-inert",t),e.setAttribute("inert","")}else{const t=e.getAttribute("data-n-inert");null!==t?(e.setAttribute("inert",t),e.removeAttribute("data-n-inert")):e.removeAttribute("inert")}}(e,t)))}function As(e){const t=[];let n=e.nextElementSibling;for(;n;)t.push(n),n=n.nextElementSibling;for(n=e.previousElementSibling;n;)t.push(n),n=n.previousElementSibling;return e.parentElement&&e.parentElement!==document.body&&t.push(...As(e.parentElement)),t}class Ds{constructor(e){this.host=e,this.inertElements=[],e.addController(this)}hostDisconnected(){this.release()}trap(){const e=As(this.host);Es(e,!0),this.inertElements=e}release(){Es(this.inertElements,!1),this.inertElements=[]}}class Os{constructor(e,t){this.host=e,this.trackLastButton=e=>{const t=e.target;"button"===t.localName&&(this.lastButton=t)},this.polyfillSubmitter=e=>{e.submitter=this.lastButton},this.handleTransitionEnd=e=>{this.options.isOpen()||e.target!==this.host||this.scrollBar.unlockScroll()},this.handleLightDismiss=e=>{this.host.contains(e.target)&&this.options.isLightDismissEnabled()&&this.options.onDismiss(e)},this.handleSubmit=e=>{this.lastButton=void 0;const t=e.target,n=e.submitter,o="dialog"===t.method,r="dialog"===t.getAttribute("method");r&&!o&&e.preventDefault(),(r||o)&&this.options.close(null==n?void 0:n.value,e)},e.addController(this),this.options=t,this.scrollBar=new ca(e),this.focusTrap=new Ds(e),this.events=new Ie(e),this.lightDismiss=new Ai(e,{isOpen:t.isOpen,isDismissible:e=>e!==t.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(){Os.openModals.remove(this)}block(){var e;null===(e=Os.openModals.top)||void 0===e||e.focusTrap.release(),Os.openModals.push(this),this.scrollBar.lockScroll(),this.trigger=document.activeElement;(this.host.querySelector("[autofocus]")||this.host).focus(),this.focusTrap.trap()}unblock(){var e,t;Os.openModals.top===this&&(Os.openModals.pop(),this.options.backdrop().scrollTop=0,this.focusTrap.release(),null===(e=this.trigger)||void 0===e||e.focus(),this.trigger=void 0,null===(t=Os.openModals.top)||void 0===t||t.focusTrap.trap())}}Os.openModals=new class{constructor(){this.items=[]}get length(){return this.items.length}get top(){return this.items[this.length-1]}push(e){this.items.push(e)}pop(){return this.items.pop()}remove(e){const t=this.items.indexOf(e);-1!==t&&this.items.splice(t,1)}},kt.registerIcon(Yi);class Ts extends ke{constructor(e){super("cancel",{cancelable:!0}),Object.defineProperty(this,"trigger",{value:e,enumerable:!0,writable:!1})}}class Rs extends ke{constructor(e){super("close"),Object.defineProperty(this,"trigger",{value:e,enumerable:!0,writable:!1})}}let Ls=class extends he{constructor(){super(...arguments),this.defaultSlot=new Me(this),this.headerSlot=new Me(this,"header"),this.featureSlot=new Me(this,"feature"),this.footerSlot=new Me(this,"footer"),this.localize=new Jr(this),this.modalController=new Os(this,{isOpen:()=>this.open,onDismiss:e=>this.handleDismiss(e),isLightDismissEnabled:()=>!this.persistent,dialog:()=>this.modal,backdrop:()=>this.backdrop,close:(e,t)=>this.close(e,t)}),this.open=!1,this.size="m",this.returnValue="",this.scrollable=!1,this.persistent=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","dialog")}disconnectedCallback(){super.disconnectedCallback(),this.lastTrigger=void 0}showModal(){this.open=!0}close(e,t){this.open=!1,null!=e&&(this.returnValue=e);const n=null!=t?t:this.lastTrigger;this.dispatchEvent(new Rs(n)),this.lastTrigger=void 0}focus(e){this.modal.focus({preventScroll:!0,...e})}render(){return U`<div class="n-modal-backdrop"><div class="${yo({"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="${e=>this.handleDismiss(e)}" ?hidden="${this.persistent}"><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(e){this.open?this.modalController.block():!0===e&&this.modalController.unblock()}handleDismiss(e){this.dispatchEvent(new Ts(e))&&(this.lastTrigger=e,this.close())}};Ls.styles=[Ee,Cs],e([ye(".n-modal",!0)],Ls.prototype,"modal",void 0),e([ye(".n-modal-backdrop",!0)],Ls.prototype,"backdrop",void 0),e([ge({type:Boolean,reflect:!0})],Ls.prototype,"open",void 0),e([ge({reflect:!0})],Ls.prototype,"size",void 0),e([ge({attribute:!1})],Ls.prototype,"returnValue",void 0),e([ge({type:Boolean,reflect:!0})],Ls.prototype,"scrollable",void 0),e([ge({type:Boolean,reflect:!0})],Ls.prototype,"persistent",void 0),e([xe("open","updated")],Ls.prototype,"handleOpenUpdated",null),Ls=e([pe("nord-modal")],Ls);var Is=Ls;const Ms=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{display:var(--n-nav-group-heading-display,block);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}:host([data-rail-collapsed]) .n-heading{display:none}:host([slot=subnav][data-rail-collapsed]) .n-heading{display:block;margin-block-start:var(--n-space-s)}`,Bs="undefined"!=typeof matchMedia?matchMedia("(min-width: 768px)"):{matches:!1,addEventListener(){},removeEventListener(){}};let Ns=class extends he{constructor(){super(...arguments),this.handleViewportChange=()=>this.updateRailState()}connectedCallback(){super.connectedCallback(),this.startObservingLayout(),Bs.addEventListener("change",this.handleViewportChange)}disconnectedCallback(){super.disconnectedCallback(),this.stopObservingLayout(),Bs.removeEventListener("change",this.handleViewportChange)}startObservingLayout(){this.observedLayout=this.closest("nord-layout"),this.observedLayout&&(this.updateRailState(),this.layoutObserver=new MutationObserver((()=>this.updateRailState())),this.layoutObserver.observe(this.observedLayout,{attributes:!0,attributeFilter:["nav-open","collapse-mode"]}))}stopObservingLayout(){var e;null===(e=this.layoutObserver)||void 0===e||e.disconnect(),this.layoutObserver=void 0,this.observedLayout=void 0,this.toggleAttribute("data-rail-collapsed",!1)}updateRailState(){if(!this.observedLayout)return;const e=Bs.matches&&"rail"===this.observedLayout.getAttribute("collapse-mode")&&!this.observedLayout.hasAttribute("nav-open");this.toggleAttribute("data-rail-collapsed",e)}render(){return U`${this.heading?U`<p id="heading" aria-hidden="true" class="n-heading">${this.heading}</p>`:Y}<div role="list" aria-labelledby="${this.heading?"heading":Y}"><slot></slot></div>`}};Ns.styles=[Ee,Ms],e([ge({reflect:!0})],Ns.prototype,"heading",void 0),Ns=e([pe("nord-nav-group")],Ns);var Ps=Ns;const Fs=a`:host{--_n-nav-item-box-shadow:none;--n-nav-item-color:var(--n-color-text-weak);--n-nav-item-background:transparent;--n-nav-item-border-radius:var(--n-border-radius-s);--n-nav-item-padding-block:var(--n-space-s);--n-nav-item-padding-inline:var(--n-space-s);--n-nav-item-line-height:var(--n-line-height-tight);--n-nav-item-icon-gap:calc(var(--n-space-s) * 1.4);--n-nav-item-color-hover:var(--n-color-text);--n-nav-item-background-hover:var(--n-color-nav-hover);--n-nav-item-color-active:var(--n-color-text-on-accent);--n-nav-item-background-active:var(--n-color-accent);--n-nav-item-color-expanded:var(--n-color-text-weak);--n-nav-item-background-expanded:var(--n-color-accent);--n-nav-item-expanded-overlay-opacity:0.12;--n-nav-item-expanded-overlay-filter:brightness(150%)}.n-nav-item{user-select:none;display:flex;align-items:center;font-family:inherit;font-size:inherit;line-height:var(--n-nav-item-line-height);appearance:none;color:var(--n-nav-item-color);padding-block-start:var(--n-nav-item-padding-block);padding-block-end:var(--n-nav-item-padding-block);padding-inline-start:var(--n-nav-item-padding-inline);padding-inline-end:var(--n-nav-item-padding-inline);min-block-size:32px;margin-block-end:1px;border-radius:var(--n-nav-item-border-radius);text-decoration:none;inline-size:100%;max-inline-size:100%;background:var(--n-nav-item-background);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-nav-item-background-hover);color:var(--n-nav-item-color-hover)}.n-nav-item:active{opacity:.7}.n-nav-content{display:flex;align-items:center;flex:1;min-inline-size:0}.n-nav-label{flex:1;min-inline-size:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([active]) .n-nav-item{--_n-nav-item-box-shadow:var(--n-box-shadow);background:var(--n-nav-item-background-active);color:var(--n-nav-item-color-active);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-nav-item-color-expanded);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-nav-item-border-radius);block-size:100%;inline-size:100%;opacity:var(--n-nav-item-expanded-overlay-opacity);background:var(--n-nav-item-background-expanded);filter:var(--n-nav-item-expanded-overlay-filter)}.n-nav-icon{margin-inline-end:var(--n-nav-item-icon-gap);flex-shrink:0}slot.n-nav-icon{display:inline-flex;align-items:center}::slotted(nord-nav-group){margin-inline-start:calc(var(--n-space-m) + calc(var(--n-space-s) * 1.3))}.n-rail-host{position:relative}.n-rail-item{--_n-rail-size:32px;inline-size:var(--_n-rail-size);min-inline-size:var(--_n-rail-size);block-size:var(--_n-rail-size);padding:0;justify-content:center}.n-rail-item .n-nav-icon{margin-inline-end:0}.n-rail-fallback{font-weight:var(--n-font-weight-active)}.n-rail-subnav-indicator{position:absolute;inset-block-end:calc(var(--n-space-xs)/ 2);inset-inline-end:calc(var(--n-space-xs)/ 2);inline-size:5px;block-size:5px;color:var(--n-rail-subnav-indicator-color,var(--n-color-border-strong));pointer-events:none}.n-rtl .n-rail-subnav-indicator{transform:scaleX(-1)}.n-rail-host:hover .n-rail-subnav-indicator{color:var(--n-rail-subnav-indicator-color,var(--n-color-border-strong))}.n-rail-host:has(nord-popout[open]) .n-rail-subnav-indicator{color:var(--n-rail-subnav-indicator-color-active,var(--n-color-border-hover))}.n-rail-host:has(nord-popout[open]) .n-rail-item{background:var(--n-nav-item-background-expanded)}.n-nav-badge.n-rail-badge{position:absolute;inset-block-start:3px;inset-inline-end:2px;margin:0;padding:0;min-inline-size:var(--n-rail-badge-size,5px);inline-size:var(--n-rail-badge-size,5px);block-size:var(--n-rail-badge-size,5px);font-size:0;color:transparent;overflow:hidden}.n-rail-slotted-end{position:absolute;inset-block-start:0;inset-inline-end:8px;pointer-events:none}.n-rail-flyout-body{min-inline-size:var(--n-rail-flyout-min-inline-size,220px);padding:var(--n-rail-flyout-padding,var(--n-space-s));background:var(--n-rail-flyout-background,var(--n-color-surface));border-radius:var(--n-border-radius-s);box-shadow:var(--n-rail-flyout-box-shadow,var(--n-box-shadow-popout))}.n-rail-host nord-popout{--n-color-surface:transparent;--n-box-shadow-popout:none;transform:translate(var(--n-rail-flyout-offset-inline,0),var(--n-rail-flyout-offset-block,0))}.n-rtl .n-rail-host nord-popout{transform:translate(calc(var(--n-rail-flyout-offset-inline,0) * -1),var(--n-rail-flyout-offset-block,0))}.n-rail-flyout-body ::slotted(nord-nav-group){margin-inline-start:0}.n-nav-badge{display:inline-block;margin-inline-start:var(--n-nav-badge-margin-inline-start,var(--n-space-xs));border-radius:var(--n-nav-badge-border-radius,var(--n-border-radius-pill));background:var(--n-nav-badge-background,var(--n-color-status-notification));color:var(--n-nav-badge-color,#fff);font-weight:var(--n-nav-badge-font-weight,var(--n-font-weight));font-feature-settings:var(--n-font-features-reduced);padding-block-start:var(--n-nav-badge-padding-block,var(--n-space-xs));padding-block-end:var(--n-nav-badge-padding-block,var(--n-space-xs));padding-inline-start:var(--n-nav-badge-padding-inline,calc(var(--n-space-s)/ 2));padding-inline-end:var(--n-nav-badge-padding-inline,calc(var(--n-space-s)/ 2));text-align:center;min-inline-size:var(--n-nav-badge-min-inline-size,20px);font-size:var(--n-nav-badge-font-size,var(--n-font-size-xs));line-height:var(--n-nav-badge-line-height,1)}`;let Ws=0,Hs=0;const qs="undefined"!=typeof matchMedia?matchMedia("(min-width: 768px)"):{matches:!1,addEventListener(){},removeEventListener(){}};let Us=class extends(st(he)){constructor(){super(...arguments),this.subnavSlot=new Me(this,"subnav"),this.iconSlot=new Me(this,"icon"),this.railTooltipSlot=new Me(this,"rail-tooltip"),this.direction=new rr(this),this.tooltipId="n-nav-rail-tip-"+ ++Ws,this.popoutId="n-nav-rail-pop-"+ ++Hs,this.railCollapsed=!1,this.active=!1,this.open=!1,this.handleViewportChange=()=>this.updateRailState()}get hasSubNav(){return this.subnavSlot.hasContent}connectedCallback(){super.connectedCallback(),this.startObservingLayout(),qs.addEventListener("change",this.handleViewportChange)}disconnectedCallback(){super.disconnectedCallback(),this.stopObservingLayout(),qs.removeEventListener("change",this.handleViewportChange)}startObservingLayout(){this.observedLayout=this.closest("nord-layout"),this.observedLayout&&(this.updateRailState(),this.layoutObserver=new MutationObserver((()=>this.updateRailState())),this.layoutObserver.observe(this.observedLayout,{attributes:!0,attributeFilter:["nav-open","collapse-mode"]}))}stopObservingLayout(){var e,t;null===(e=this.layoutObserver)||void 0===e||e.disconnect(),this.layoutObserver=void 0,this.observedLayout=void 0,this.railCollapsed=!1,null===(t=this.popoutEl)||void 0===t||t.hide()}updateRailState(){var e,t;if(!this.observedLayout)return;const n=!!!(null===(e=this.parentElement)||void 0===e?void 0:e.closest("nord-nav-item"))&&qs.matches&&"rail"===this.observedLayout.getAttribute("collapse-mode")&&!this.observedLayout.hasAttribute("nav-open");n||null===(t=this.popoutEl)||void 0===t||t.hide(),this.railCollapsed=n}render(){if(this.railCollapsed)return this.renderRail();const e=U`${this.renderLeadingIcon()}<div class="n-nav-content"><span class="n-nav-label"><slot></slot></span>${this.badge?U`<span class="n-nav-badge">${this.badge}</span>`:Y}<slot name="end"></slot></div>`;let t;return t=this.subnavSlot.hasContent?this.renderToggle(e):this.href?this.renderLink(e):this.renderButton(e),U`<div role="listitem">${t}<slot name="${this.subnavSlot.slotName}" ?hidden="${!this.open}"></slot></div>`}renderLeadingIcon(){return this.iconSlot.hasContent?U`<slot name="icon" class="n-nav-icon"></slot>`:this.icon?U`<nord-icon class="n-nav-icon" name="${this.icon}" size="m"></nord-icon>`:Y}renderRail(){const e=this.renderLeadingIcon(),t=e===Y?U`<span class="n-rail-fallback">${this.textInitial}</span>`:e,n=this.badge?U`<span class="n-nav-badge n-rail-badge">${this.badge}</span>`:Y;return this.subnavSlot.hasContent?this.renderRailFlyout(t,n):U`<div role="listitem" class="n-rail-host">${this.href?U`<a class="n-nav-item n-rail-item" ${rt(this.focusableRef)} aria-current="${at(this.active,"page")}" aria-describedby="${this.tooltipId}" href="${this.href}">${t}${n}</a>`:U`<button class="n-nav-item n-rail-item" ${rt(this.focusableRef)} aria-describedby="${this.tooltipId}">${t}${n}</button>`}<slot name="end" class="n-rail-slotted-end"></slot><nord-tooltip id="${this.tooltipId}" position="inline-end">${this.railTooltipSlot.hasContent?U`<slot name="rail-tooltip"></slot>`:U`<slot></slot>`}</nord-tooltip></div>`}renderRailFlyout(e,t){return U`<div role="listitem" class="n-rail-host"><button class="n-nav-item n-rail-item" ${rt(this.focusableRef)} aria-controls="${this.popoutId}" aria-describedby="${this.tooltipId}">${e}${t} <svg class="n-rail-subnav-indicator" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="5" height="5" viewBox="0 0 5 5" fill="none"><path d="M4.29388 3.79388V0.500991C4.29388 0.0555387 3.75531 -0.167545 3.44033 0.147438L0.147437 3.44033C-0.167545 3.75531 0.0555386 4.29388 0.500991 4.29388H3.79388C4.07003 4.29388 4.29388 4.07003 4.29388 3.79388Z" fill="currentColor"/></svg></button><slot name="end" class="n-rail-slotted-end"></slot><nord-tooltip id="${this.tooltipId}" position="inline-end">${this.railTooltipSlot.hasContent?U`<slot name="rail-tooltip"></slot>`:U`<slot></slot>`}</nord-tooltip><nord-popout id="${this.popoutId}" position="inline-end" always-floating><div class="n-rail-flyout-body"><slot name="${this.subnavSlot.slotName}"></slot></div></nord-popout></div>`}get textInitial(){var e,t;return(null!==(t=null===(e=this.textContent)||void 0===e?void 0:e.trim())&&void 0!==t?t:"").charAt(0).toUpperCase()}renderLink(e){return U`<a class="n-nav-item" ${rt(this.focusableRef)} aria-current="${at(this.active,"page")}" href="${this.href||""}">${e}</a>`}renderToggle(e){return U`<button class="n-nav-item" @click="${this.toggleOpen}" aria-expanded="${this.open?"true":"false"}" ${rt(this.focusableRef)}>${e}<nord-icon size="xxs" class="${yo({"n-toggle-icon":!0,"n-rtl":this.direction.isRTL})}" name="arrow-expand-right-small"></nord-icon></button>`}renderButton(e){return U`<button class="n-nav-item" ${rt(this.focusableRef)}>${e}</button>`}toggleOpen(){this.open=!this.open,this.dispatchEvent(new ke("toggle"))}handleActiveChange(){this.active&&!this.hasSubNav&&this.dispatchEvent(new ke("activate"))}};Us.styles=[Ee,Fs],e([ye("nord-popout")],Us.prototype,"popoutEl",void 0),e([me()],Us.prototype,"railCollapsed",void 0),e([ge({type:Boolean,reflect:!0})],Us.prototype,"active",void 0),e([ge({reflect:!0})],Us.prototype,"icon",void 0),e([ge({reflect:!0})],Us.prototype,"href",void 0),e([ge({reflect:!0})],Us.prototype,"badge",void 0),e([ge({reflect:!0,type:Boolean})],Us.prototype,"open",void 0),e([xe("active","updated")],Us.prototype,"handleActiveChange",null),Us=e([pe("nord-nav-item")],Us);var js=Us;const Vs=a`:host{--_n-navigation-background-color:var(--n-navigation-background-color, var(--n-color-nav-surface));--_n-navigation-scroll-shadow-color-start:var(--n-navigation-scroll-shadow-color-start, rgb(0, 0, 0, 0.1));--_n-navigation-scroll-shadow-color-end:var(--n-navigation-scroll-shadow-color-end, rgb(0, 0, 0, 0.1));--_n-navigation-scroll-mask:var(--n-navigation-scroll-mask, none);--_n-navigation-padding-block:var(--n-navigation-padding-block, var(--n-space-m));--_n-navigation-padding-inline:var(--n-navigation-padding-inline, var(--n-space-m));--_n-navigation-footer-padding-block:var(--n-navigation-footer-padding-block, var(--n-space-s));--_n-navigation-footer-padding-inline:var(--n-navigation-footer-padding-inline, var(--_n-navigation-padding-inline));--_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;overflow-x:hidden}@-moz-document url-prefix(){.n-navigation-main{scrollbar-width:thin}}.n-navigation-main::-webkit-scrollbar{inline-size:6px;block-size:6px}.n-navigation-main::-webkit-scrollbar-thumb{background-color:var(--n-color-border-strong);border-radius:var(--n-border-radius-pill)}.n-navigation-main::-webkit-scrollbar-thumb:hover{background-color:var(--n-color-border-hover)}.n-navigation-main::-webkit-scrollbar-corner,.n-navigation-main::-webkit-scrollbar-track{background:0 0}nav{flex:1;padding-block-start:var(--_n-navigation-padding-block);padding-block-end:var(--_n-navigation-padding-block);padding-inline-start:var(--_n-navigation-padding-inline);padding-inline-end:var(--_n-navigation-padding-inline)}::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)}:host([data-rail-collapsed]) slot[name=header]{--n-button-padding-inline:0;--n-button-text-align:center;--n-button-content-display:none;overflow:hidden}:host([data-rail-collapsed]) slot[name=footer]{--n-button-padding-inline:0;--n-button-content-display:none;overflow:hidden}:is([name=header],[name=footer])::slotted(:is(nord-button,nord-dropdown):not([open]):focus-visible){--n-button-border-color:var(--n-color-accent);--n-button-box-shadow:var(--_n-navigation-dropdown-box-shadow)}slot[name=header]::slotted(:is(nord-button,nord-dropdown):not([open],:active):focus-visible){--n-button-box-shadow:var(--_n-navigation-header-focus-style)}[name=footer]::slotted(:is(nord-button,nord-dropdown):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-block-start:var(--_n-navigation-footer-padding-block);padding-block-end:var(--_n-navigation-footer-padding-block);padding-inline-start:var(--_n-navigation-footer-padding-inline);padding-inline-end:var(--_n-navigation-footer-padding-inline);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,var(--_n-navigation-scroll-shadow-color-start),rgb(0,0,0,0)) center top,radial-gradient(farthest-side at 50% 100%,var(--_n-navigation-scroll-shadow-color-end),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;-webkit-mask-image:var(--_n-navigation-scroll-mask);mask-image:var(--_n-navigation-scroll-mask)}`,Ys="undefined"!=typeof matchMedia?matchMedia("(min-width: 768px)"):{matches:!1,addEventListener(){},removeEventListener(){}};let Gs=class extends he{constructor(){super(...arguments),this.headerSlot=new Me(this,"header"),this.events=new Ie(this),this.footerObserver=null,this.allowItemsToRemainOpen=!1,this.stickyFooter=!1,this.handleViewportChange=()=>this.updateRailState(),this.handleActivate=e=>{var t,n;const o=e.target,r=new Set;let i=null===(t=o.parentElement)||void 0===t?void 0:t.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 e of this.querySelectorAll("nord-nav-item"))if(e!==o){const t=r.has(e);e.open=t||this.allowItemsToRemainOpen&&e.open,e.active=t}this.allowItemsToRemainOpen=!1}}connectedCallback(){super.connectedCallback(),this.events.listen(this,"activate",this.handleActivate);const e=this.querySelector("nord-nav-item[active]");this.allowItemsToRemainOpen=null!=e,"undefined"!=typeof window&&this.observeFooter(),this.startObservingLayout(),Ys.addEventListener("change",this.handleViewportChange)}disconnectedCallback(){var e;super.disconnectedCallback(),null===(e=this.footerObserver)||void 0===e||e.disconnect(),this.footerObserver=null,this.stopObservingLayout(),Ys.removeEventListener("change",this.handleViewportChange)}startObservingLayout(){this.observedLayout=this.closest("nord-layout"),this.observedLayout&&(this.updateRailState(),this.layoutObserver=new MutationObserver((()=>this.updateRailState())),this.layoutObserver.observe(this.observedLayout,{attributes:!0,attributeFilter:["nav-open","collapse-mode"]}))}stopObservingLayout(){var e;null===(e=this.layoutObserver)||void 0===e||e.disconnect(),this.layoutObserver=void 0,this.observedLayout=void 0,this.toggleAttribute("data-rail-collapsed",!1)}updateRailState(){if(!this.observedLayout)return;const e=Ys.matches&&"rail"===this.observedLayout.getAttribute("collapse-mode")&&!this.observedLayout.hasAttribute("nav-open");this.toggleAttribute("data-rail-collapsed",e)}observeFooter(){this.footerObserver=new MutationObserver((()=>this.requestUpdate())),this.footerObserver.observe(this,{childList:!0});const e=this.querySelector(':scope > [slot="footer"]');e&&this.footerObserver.observe(e,{attributes:!0,attributeFilter:["style","class"]})}get isFooterVisible(){if("undefined"==typeof window)return!0;const e=this.querySelector(':scope > [slot="footer"]');if(!e)return!1;const t=window.getComputedStyle(e);return"none"!==t.display&&"hidden"!==t.visibility&&"collapse"!==t.visibility&&"0"!==t.opacity&&"hidden"!==t.contentVisibility}render(){return U`<slot name="header" ?hidden="${this.headerSlot.isEmpty}"></slot><div class="n-navigation-main"><nav><slot></slot></nav>${this.stickyFooter?Y:U`<slot name="footer" ?hidden="${!this.isFooterVisible}"></slot>`}</div>${this.stickyFooter?U`<slot name="footer" ?hidden="${!this.isFooterVisible}"></slot>`:Y}`}};Gs.styles=[Ee,Vs],e([ge({type:Boolean,reflect:!0,attribute:"sticky-footer"})],Gs.prototype,"stickyFooter",void 0),Gs=e([pe("nord-navigation")],Gs);var Xs=Gs;const Ks=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 Qs=class extends he{render(){return U`<div class="n-notification-group"><slot></slot></div>`}};Qs.styles=[Ee,Ks],Qs=e([pe("nord-notification-group")],Qs);var Zs=Qs;function Js(t){class n extends t{constructor(){super(...arguments),this.notificationRef=tt(),this.dismissed=!1}async dismiss(){var e;this.notificationRef.value&&(this.dismissed=!0,await(e=this.notificationRef.value,Promise.race([_e(e,"animationend"),_e(e,"animationcancel")])),this.dispatchEvent(new ke("dismiss")))}}return e([me()],n.prototype,"dismissed",void 0),n}const el=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 tl=class extends(Js(he)){constructor(){super(...arguments),this.localize=new Jr(this)}render(){return U`<div ${rt(this.notificationRef)} class="${yo({"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>`}};tl.styles=[Ee,el],tl=e([pe("nord-notification")],tl);var nl=tl;const ol=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 rl=class extends(st(he)){constructor(){super(...arguments),this.max=100,this.label="Current progress"}render(){return U`<label><nord-visually-hidden>${this.label}</nord-visually-hidden><progress ${rt(this.focusableRef)} aria-valuenow="${ct(this.value)}" aria-valuemin="0" aria-valuemax="${this.max}" tabindex="-1" max="${this.max}" value="${ct(this.value)}"></progress></label>`}};rl.styles=[Ee,ol],e([ge({reflect:!0,type:Number})],rl.prototype,"value",void 0),e([ge({reflect:!0,type:Number})],rl.prototype,"max",void 0),e([ge({reflect:!0})],rl.prototype,"label",void 0),rl=e([pe("nord-progress-bar")],rl);var il=rl;const al=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%}`,sl=11.25,ll=11.25;let dl=0;let cl=class extends he{constructor(){super(),this.size="m",this.progress=0,this._animatedProgress=0,this._animationId=null,this._targetProgress=0,this._instanceId=0,this._instanceId=dl++}connectedCallback(){super.connectedCallback(),this._animatedProgress=this.progress,this._targetProgress=this.progress}disconnectedCallback(){super.disconnectedCallback(),null!==this._animationId&&(cancelAnimationFrame(this._animationId),this._animationId=null)}updated(e){e.has("progress")&&(this._targetProgress=Math.max(0,Math.min(100,this.progress)),this._animate())}_animate(){null!==this._animationId&&cancelAnimationFrame(this._animationId);const e=()=>{const t=this._targetProgress-this._animatedProgress;if(Math.abs(t)<.5)return this._animatedProgress=this._targetProgress,void(this._animationId=null);this._animatedProgress+=.15*t,this._animationId=requestAnimationFrame(e)};this._animationId=requestAnimationFrame(e)}get _clampedProgress(){return Math.max(0,Math.min(100,this._animatedProgress))}get _isSemanticColor(){var e;return["success","warning","danger","highlight","info"].includes(null!==(e=this.color)&&void 0!==e?e:"")}get _customColorStyle(){if(this.color&&!this._isSemanticColor)return`--_n-progress-color:${this.color}`}render(){const e=Boolean(this.label),t=function(e){const t=Math.max(0,Math.min(100,e));if(0===t)return"";if(100===t)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=t/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 ${sl+6*Math.cos(o)},${ll+6*Math.sin(o)}\n Z`}(this._clampedProgress),n=`n-progress-clip-${this._instanceId}`;return U`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.5 22.5" fill="none" role="${at(e,"progressbar")}" aria-label="${ct(this.label)}" aria-valuenow="${at(e,Math.round(this._clampedProgress))}" aria-valuemin="${at(e,"0")}" aria-valuemax="${at(e,"100")}" aria-hidden="${at(!e,"true")}" style="${ct(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="${sl}" cy="${ll}" r="${9}" fill="var(--_n-progress-background)" stroke="var(--_n-progress-color)" stroke-width="2"/>${j`<path fill="var(--_n-progress-color)" d="${t}">`}</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>`}};cl.styles=[Ee,al],e([ge({reflect:!0})],cl.prototype,"size",void 0),e([ge({reflect:!0})],cl.prototype,"color",void 0),e([ge({reflect:!0})],cl.prototype,"label",void 0),e([ge({reflect:!0,type:Number})],cl.prototype,"progress",void 0),e([me()],cl.prototype,"_animatedProgress",void 0),cl=e([pe("nord-progress")],cl);var hl=cl;
|
|
124
124
|
/*!
|
|
125
125
|
Copyright (c) 2023 Paul Miller (paulmillr.com)
|
|
126
126
|
The library paulmillr-qr is dual-licensed under the Apache 2.0 OR MIT license.
|