@postnord/pn-marketweb-components 3.5.3 → 4.0.0

package/umd/modules/@postnord/web-components/postnord-web-components/{p-63aa3911.entry.js → p-e087c5c5.entry.js}

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as e,g as t,h as n,a as i}from"./p-43660913.js";import{u as s,k as a,e as p}from"./p-f64d17a6.js";import{a as r}from"./p-9a18b612.js";import{c as o}from"./p-aae10869.js";import{c as l}from"./p-92b0338a.js";const d='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M1.81 11.727a1 1 0 0 1 1.363.378c.29.513.835 1.343 1.7 2.174a9.5 9.5 0 0 0 3.457 2.128c1.03.361 2.244.593 3.67.593s2.64-.232 3.67-.593a9.5 9.5 0 0 0 3.458-2.128 9.7 9.7 0 0 0 1.698-2.174 1 1 0 0 1 1.742.984 11.5 11.5 0 0 1-1.445 2.001l1.686 2.322a1 1 0 1 1-1.618 1.175l-1.537-2.116a11.4 11.4 0 0 1-2.453 1.48l.763 2.785a1 1 0 1 1-1.928.528l-.73-2.661c-.993.251-2.093.397-3.306.397s-2.313-.146-3.306-.397l-.73 2.661a1 1 0 1 1-1.928-.528l.763-2.786a11.4 11.4 0 0 1-2.453-1.479L2.81 18.587a1 1 0 0 1-1.618-1.175l1.686-2.322a11.5 11.5 0 0 1-1.445-2 1 1 0 0 1 .379-1.363" clip-rule="evenodd"/></svg>';const u=d;const h='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M12 7c-5.382 0-7.908 3.33-8.758 4.775a.43.43 0 0 0 0 .45C4.092 13.67 6.618 17 12 17s7.908-3.33 8.758-4.775a.43.43 0 0 0 0-.45C19.908 10.33 17.382 7 12 7M1.518 10.761C2.55 9.005 5.618 5 12 5s9.45 4.005 10.482 5.761a2.43 2.43 0 0 1 0 2.478C21.45 14.995 18.382 19 12 19s-9.45-4.005-10.482-5.761a2.43 2.43 0 0 1 0-2.478M8 12a4 4 0 1 1 8 0 4 4 0 0 1-8 0m4-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4" clip-rule="evenodd"/></svg>';const c=h;const f={SHOW:{sv:"Visa",en:"Show",da:"At vise",fi:"Näytä",no:"Vise"},HIDE:{sv:"Dölj",en:"Hide",da:"Skjule",fi:"Piilottaa",no:"Gjemme seg"},CLEAR:{sv:"Rensa",en:"Clear",da:"Klar",fi:"Asia selvä",no:"Klar"}};const b="pn-input{display:inline-flex;flex-direction:column}pn-input .pn-input-label{cursor:pointer;display:flex;justify-content:space-between;align-items:flex-end;font-weight:400;color:#2d2013;margin:0 0 0.25em 0;gap:0.5em;-webkit-tap-highlight-color:transparent;transition-property:color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-input .pn-input-label{transition-duration:0s;transition-delay:0s}}pn-input .pn-input-label>span{font-size:0.875em}pn-input .pn-input-group{position:relative}pn-input .pn-input-element{--pn-input-offset-left:0em;--pn-input-offset-right:0em;color:#2d2013;background-color:#ffffff;border:0.0625em solid #969087;border-radius:0.5em;padding:0.75em;font-family:inherit;font-size:1em;font-weight:500;line-height:1.5em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:outline-color, background-color, border-color, color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);width:100%;padding-left:calc(var(--pn-input-offset-left) + 0.75em);padding-right:calc(var(--pn-input-offset-right) + 0.75em)}pn-input .pn-input-element:-webkit-autofill,pn-input .pn-input-element:-webkit-autofill:hover,pn-input .pn-input-element:-webkit-autofill:focus,pn-input .pn-input-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #e0f8ff inset;-webkit-text-fill-color:#2d2013}pn-input .pn-input-element:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}@media (prefers-reduced-motion: reduce){pn-input .pn-input-element{transition-duration:0s;transition-delay:0s}}pn-input .pn-input-element::placeholder{color:#5e554a;font-weight:normal}pn-input .pn-input-element:hover{border-color:#005d92}pn-input .pn-input-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}pn-input .pn-input-element:read-only{border-color:#ffffff}pn-input .pn-input-element:disabled~.pn-input-eyecandy>pn-icon>.pn-icon-svg>path{fill:#969087}pn-input .pn-input-element::-webkit-calendar-picker-indicator{visibility:hidden;display:none}pn-input .pn-input-element::-webkit-textfield-decoration-container,pn-input .pn-input-element::-webkit-search-cancel-button,pn-input .pn-input-element::-webkit-inner-spin-button,pn-input .pn-input-element::-webkit-outer-spin-button,pn-input .pn-input-element::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}pn-input .pn-input-element[type=number]{appearance:textfield}pn-input .pn-input-eyecandy{position:absolute;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:0.5em;height:1.5em}pn-input .pn-input-eyecandy[data-prefix]{left:0.75em}pn-input .pn-input-eyecandy[data-suffix]{right:0.75em}pn-input .pn-input-text{color:#5e554a;font-weight:400;line-height:1.5em}pn-input .pn-input-message{color:#5e554a;font-size:0.875em;font-weight:400;margin:0.25em 0 0 0;display:flex;flex-direction:column;gap:0.25em}pn-input .pn-input-message[hidden],pn-input .pn-input-message>span[hidden]{display:none}pn-input .pn-input[data-error]>.pn-input-label{color:#a70707}pn-input .pn-input[data-error]>.pn-input-group>.pn-input-element{border-color:#a70707}pn-input .pn-input[data-error]>.pn-input-group>.pn-input-element:hover{border-color:#500715}pn-input .pn-input[data-error]>.pn-input-group>.pn-input-element:focus-visible{background-color:#ffffff;border-color:#a70707;outline-color:#a70707}pn-input .pn-input[data-error]>.pn-input-message[role=alert]{color:#a70707}pn-input .pn-input[data-valid]>.pn-input-label{color:#005e41}pn-input .pn-input[data-valid]>.pn-input-group>.pn-input-element{border-color:#005e41}pn-input .pn-input[data-valid]>.pn-input-group>.pn-input-element:hover{border-color:#002f24}pn-input .pn-input[data-valid]>.pn-input-group>.pn-input-element:focus-visible{background-color:#ffffff;border-color:#005e41;outline-color:#005e41}";const m=b;const g=class{constructor(t){e(this,t);this.offsetLeft=0;this.offsetRight=0;this.showHelperSlot=false;this.showErrorSlot=false;this.showPassword=false;this.label=undefined;this.helpertext=undefined;this.inputid=this.id;this.value="";this.language=null;this.icon=undefined;this.textPrefix=undefined;this.textSuffix=undefined;this.type="text";this.name=undefined;this.placeholder=undefined;this.autocomplete=undefined;this.maxlength=undefined;this.inputmode=undefined;this.list=undefined;this.pattern=undefined;this.min=undefined;this.max=undefined;this.step=undefined;this.arialabel=undefined;this.ariacontrols=undefined;this.required=false;this.disabled=false;this.readonly=false;this.valid=false;this.invalid=false;this.error=undefined}id=`pn-input-${s()}`;idMessage=`${this.id}-message`;prefix;suffix;mo;get hostElement(){return t(this)}togglePassword(){this.showPassword=!this.showPassword}handleOffset(){requestAnimationFrame((()=>requestAnimationFrame((()=>{const e=this.prefix?.clientWidth?this.prefix.clientWidth+8:0;const t=this.suffix?.clientWidth?this.suffix.clientWidth+8:0;this.offsetLeft=e;this.offsetRight=t}))))}handleMessage(){this.checkSlottedHelper();this.checkSlottedError()}async componentWillLoad(){this.handleMessage();if(this.inputid!==this.id)this.idMessage=`${this.inputid}-message`;if(this.language===null)await a(this.hostElement)}componentDidLoad(){this.handleOffset();if(this.mo)this.mo.disconnect();this.mo=new MutationObserver((()=>{this.handleOffset();this.handleMessage()}));this.mo.observe(this.hostElement,{subtree:true,childList:true})}setVal(e){const t=e.composedPath?.()[0];this.value=t.value}clearVal(){const e=new InputEvent("input",{bubbles:true,data:""});const t=this.hostElement.querySelector("input");this.value="";t.focus();t.value=this.value;t.dispatchEvent(e)}translate(e){return f?.[e]?.[this.language||p]}hasHelperText(){return this.helpertext?.length>0||this.showHelperSlot}hasErrorMessage(){return this.error?.length>0||this.showErrorSlot}hasError(){return this.hasErrorMessage()||this.invalid||this.showErrorSlot}hasMessage(){return this.hasHelperText()||this.hasErrorMessage()}checkSlottedHelper(){const e=this.hostElement.querySelector("[slot=helpertext]")?.textContent;this.showHelperSlot=!!e?.length}checkSlottedError(){const e=this.hostElement.querySelector("[slot=error]")?.textContent;this.showErrorSlot=!!e?.length}getInputType(){const e=["text","password","url","tel","search","number","email"];return e.includes(this.type)&&!this.showPassword?this.type:"text"}isPassword(){if(this.disabled)return false;return this.type==="password"||this.type==="text"&&this.showPassword}isSearch(){if(this.disabled)return false;return this.type==="search"&&!!this.value?.length}passwordText(){return this.translate(this.showPassword?"HIDE":"SHOW")}stateDisplay(){return this.valid||this.hasError()}stateIcon(){if(this.valid)return o;return r}stateColor(){if(this.valid)return"green700";return"warning"}showPrefix(){return this.textPrefix&&!this.icon}showSuffix(){return!this.showPrefix()&&!!this.textSuffix?.length&&!this.isPassword()&&this.type!=="search"}render(){return n(i,{key:"7f8348da79171fdb3f3b48733a746d6bd531adee"},n("div",{key:"4867fbb2418edcab774c6cd8c7d98c2431243ac1",class:"pn-input","data-valid":this.valid,"data-error":this.hasError()},(this.label||this.maxlength>=1)&&n("label",{key:"b8978f74d228ab484d3eb4abcba54f693781f4cf",htmlFor:this.inputid,class:"pn-input-label"},this.label&&n("span",{key:"1d28ce32a353c180a8cb4c2e0011362c9911a1f3"},this.label),this.maxlength>=0&&n("span",{key:"aa862bff99623ec29fa4252c6b2a352900726bef"},`${this.value.length}/${this.maxlength}`)),n("div",{key:"595c30428744da15ef835ced9a9d2eec8d866fda",class:"pn-input-group"},n("input",{key:"343c997a23eb23b28daad30e19e26e7685eda62e",type:this.getInputType(),id:this.inputid,class:"pn-input-element",name:this.name,placeholder:this.placeholder,autocomplete:this.autocomplete,maxlength:this.maxlength,list:this.list,pattern:this.pattern,min:this.min,max:this.max,step:this.step,value:this.value,inputmode:this.inputmode,disabled:this.disabled,required:this.required,readonly:this.readonly,"aria-label":this.arialabel,"aria-describedby":this.hasMessage()?this.idMessage:null,"aria-controls":this.ariacontrols,"aria-invalid":this.hasError()?.toString(),style:{"--pn-input-offset-left":`${this.offsetLeft}px`,"--pn-input-offset-right":`${this.offsetRight}px`},onInput:e=>this.setVal(e)}),n("div",{key:"b6442450590e1a5e26322e7c2e5664dc645a2338",class:"pn-input-eyecandy","data-prefix":true,ref:e=>this.prefix=e},!!this.icon&&n("pn-icon",{key:"9e832e7d92c500a8b999570334386567da7bdfb2",icon:this.icon,"aria-hidden":"true"}),this.showPrefix()&&n("span",{key:"06d7d276a732e8506524fd4e04389e6d7a779724",class:"pn-input-text"},this.textPrefix)),n("div",{key:"4fddb9d6b0112af9f194d548cfa45013d55d5345",class:"pn-input-eyecandy","data-suffix":true,ref:e=>this.suffix=e},this.showSuffix()&&n("span",{key:"a1979b08de663081b527cff264b44da4bc4eed9c",class:"pn-input-text"},this.textSuffix),this.stateDisplay()&&n("pn-icon",{key:"4439c0e48081e602e632438948bd4aad7df271dd","aria-hidden":"true",icon:this.stateIcon(),color:this.stateColor()}),this.isPassword()&&n("pn-button",{key:"263f37a02ef2774ced61547355fd1646b42ca465",icon:this.showPassword?c:u,iconOnly:true,arialabel:this.passwordText(),small:true,appearance:"light",variant:"borderless",onClick:()=>this.togglePassword()}),this.isSearch()&&n("pn-button",{key:"d623852137ec384fb10144253f2e8fc48a2cc0b2",icon:l,iconOnly:true,arialabel:this.translate("CLEAR"),small:true,appearance:"light",variant:"borderless",onClick:()=>this.clearVal()}))),n("p",{key:"f88d31f6be9ca8bc1bf96eb58020dcf34c657730",class:"pn-input-message",id:this.idMessage,role:this.hasErrorMessage()?"alert":null,hidden:!this.hasMessage()},this.hasHelperText()&&!this.hasError()&&n("span",{key:"2e255d5201e9485e9f594ad9c4c68cfc123d36fa",class:"pn-input-helper"},this.helpertext),n("span",{key:"a7e6b9cb46357227d0b1c318522b43e866383aea",class:"pn-input-helper-slot",hidden:!this.showHelperSlot||this.hasError()},n("slot",{key:"6e614ea8cf861d78cb63ffb6d3eaa54053b45017",name:"helpertext"})),this.hasErrorMessage()&&n("span",{key:"545331e7c33cbbbb8f9d1952228dcf1819a48a66",class:"pn-input-error"},this.error),n("span",{key:"e446082015c2a97a3317f0b251e52b64d114de59",class:"pn-input-error-slot",hidden:!this.showErrorSlot},n("slot",{key:"7827f003bf9eb49991776dabd9567d603562bec2",name:"error"})))))}static get watchers(){return{textPrefix:["handleOffset"],textSuffix:["handleOffset"],helpertext:["handleMessage"],error:["handleMessage"]}}};g.style=m;export{g as pn_input};
-//# sourceMappingURL=p-63aa3911.entry.js.map
+import{r as e,g as t,h as n,a as i}from"./p-43660913.js";import{u as s,k as a,e as p}from"./p-f64d17a6.js";import{a as r}from"./p-9a18b612.js";import{c as o}from"./p-aae10869.js";import{c as l}from"./p-92b0338a.js";const d='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M1.81 11.727a1 1 0 0 1 1.363.378c.29.513.835 1.343 1.7 2.174a9.5 9.5 0 0 0 3.457 2.128c1.03.361 2.244.593 3.67.593s2.64-.232 3.67-.593a9.5 9.5 0 0 0 3.458-2.128 9.7 9.7 0 0 0 1.698-2.174 1 1 0 0 1 1.742.984 11.5 11.5 0 0 1-1.445 2.001l1.686 2.322a1 1 0 1 1-1.618 1.175l-1.537-2.116a11.4 11.4 0 0 1-2.453 1.48l.763 2.785a1 1 0 1 1-1.928.528l-.73-2.661c-.993.251-2.093.397-3.306.397s-2.313-.146-3.306-.397l-.73 2.661a1 1 0 1 1-1.928-.528l.763-2.786a11.4 11.4 0 0 1-2.453-1.479L2.81 18.587a1 1 0 0 1-1.618-1.175l1.686-2.322a11.5 11.5 0 0 1-1.445-2 1 1 0 0 1 .379-1.363" clip-rule="evenodd"/></svg>';const u=d;const h='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M12 7c-5.382 0-7.908 3.33-8.758 4.775a.43.43 0 0 0 0 .45C4.092 13.67 6.618 17 12 17s7.908-3.33 8.758-4.775a.43.43 0 0 0 0-.45C19.908 10.33 17.382 7 12 7M1.518 10.761C2.55 9.005 5.618 5 12 5s9.45 4.005 10.482 5.761a2.43 2.43 0 0 1 0 2.478C21.45 14.995 18.382 19 12 19s-9.45-4.005-10.482-5.761a2.43 2.43 0 0 1 0-2.478M8 12a4 4 0 1 1 8 0 4 4 0 0 1-8 0m4-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4" clip-rule="evenodd"/></svg>';const c=h;const f={SHOW:{sv:"Visa",en:"Show",da:"At vise",fi:"Näytä",no:"Vise"},HIDE:{sv:"Dölj",en:"Hide",da:"Skjule",fi:"Piilottaa",no:"Gjemme seg"},CLEAR:{sv:"Rensa",en:"Clear",da:"Klar",fi:"Asia selvä",no:"Klar"}};const b="pn-input{display:inline-flex;flex-direction:column}pn-input .pn-input-label{cursor:pointer;display:flex;justify-content:space-between;align-items:flex-end;font-weight:400;color:#2d2013;margin:0 0 0.25em 0;gap:0.5em;-webkit-tap-highlight-color:transparent;transition-property:color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-input .pn-input-label{transition-duration:0s;transition-delay:0s}}pn-input .pn-input-label>span{font-size:0.875em}pn-input .pn-input-group{position:relative}pn-input .pn-input-element{--pn-input-offset-left:0em;--pn-input-offset-right:0em;color:#2d2013;background-color:#ffffff;border:0.0625em solid #969087;border-radius:0.5em;padding:0.75em;font-family:inherit;font-size:1em;font-weight:500;line-height:1.5em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:outline-color, background-color, border-color, color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);width:100%;padding-left:calc(var(--pn-input-offset-left) + 0.75em);padding-right:calc(var(--pn-input-offset-right) + 0.75em)}pn-input .pn-input-element:-webkit-autofill,pn-input .pn-input-element:-webkit-autofill:hover,pn-input .pn-input-element:-webkit-autofill:focus,pn-input .pn-input-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #e0f8ff inset;-webkit-text-fill-color:#2d2013}pn-input .pn-input-element:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}@media (prefers-reduced-motion: reduce){pn-input .pn-input-element{transition-duration:0s;transition-delay:0s}}pn-input .pn-input-element::placeholder{color:#5e554a;font-weight:normal}pn-input .pn-input-element:hover{border-color:#005d92}pn-input .pn-input-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}pn-input .pn-input-element:read-only{border-color:#ffffff}pn-input .pn-input-element:disabled~.pn-input-eyecandy>pn-icon>.pn-icon-svg>path{fill:#969087}pn-input .pn-input-element::-webkit-calendar-picker-indicator{visibility:hidden;display:none}pn-input .pn-input-element::-webkit-textfield-decoration-container,pn-input .pn-input-element::-webkit-search-cancel-button,pn-input .pn-input-element::-webkit-inner-spin-button,pn-input .pn-input-element::-webkit-outer-spin-button,pn-input .pn-input-element::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}pn-input .pn-input-element[type=number]{appearance:textfield}pn-input .pn-input-eyecandy{position:absolute;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:0.5em;height:1.5em}pn-input .pn-input-eyecandy[data-prefix]{left:0.75em}pn-input .pn-input-eyecandy[data-suffix]{right:0.75em}pn-input .pn-input-text{color:#5e554a;font-weight:400;line-height:1.5em}pn-input .pn-input-message{color:#5e554a;font-size:0.875em;font-weight:400;margin:0.25em 0 0 0;display:flex;flex-direction:column;gap:0.25em}pn-input .pn-input-message[hidden],pn-input .pn-input-message>span[hidden]{display:none}pn-input .pn-input[data-error]>.pn-input-label{color:#a70707}pn-input .pn-input[data-error]>.pn-input-group>.pn-input-element{border-color:#a70707}pn-input .pn-input[data-error]>.pn-input-group>.pn-input-element:hover{border-color:#500715}pn-input .pn-input[data-error]>.pn-input-group>.pn-input-element:focus-visible{background-color:#ffffff;border-color:#a70707;outline-color:#a70707}pn-input .pn-input[data-error]>.pn-input-message[role=alert]{color:#a70707}pn-input .pn-input[data-valid]>.pn-input-label{color:#005e41}pn-input .pn-input[data-valid]>.pn-input-group>.pn-input-element{border-color:#005e41}pn-input .pn-input[data-valid]>.pn-input-group>.pn-input-element:hover{border-color:#002f24}pn-input .pn-input[data-valid]>.pn-input-group>.pn-input-element:focus-visible{background-color:#ffffff;border-color:#005e41;outline-color:#005e41}";const m=b;const g=class{constructor(t){e(this,t);this.offsetLeft=0;this.offsetRight=0;this.showHelperSlot=false;this.showErrorSlot=false;this.showPassword=false;this.label=undefined;this.helpertext=undefined;this.inputid=this.id;this.value="";this.language=null;this.icon=undefined;this.textPrefix=undefined;this.textSuffix=undefined;this.type="text";this.name=undefined;this.placeholder=undefined;this.autocomplete=undefined;this.maxlength=undefined;this.inputmode=undefined;this.list=undefined;this.pattern=undefined;this.min=undefined;this.max=undefined;this.step=undefined;this.arialabel=undefined;this.ariacontrols=undefined;this.required=false;this.disabled=false;this.readonly=false;this.valid=false;this.invalid=false;this.error=undefined}id=`pn-input-${s()}`;idMessage=`${this.id}-message`;prefix;suffix;mo;get hostElement(){return t(this)}togglePassword(){this.showPassword=!this.showPassword}handleOffset(){requestAnimationFrame((()=>requestAnimationFrame((()=>{const e=this.prefix?.clientWidth?this.prefix.clientWidth+8:0;const t=this.suffix?.clientWidth?this.suffix.clientWidth+8:0;this.offsetLeft=e;this.offsetRight=t}))))}handleMessage(){this.checkSlottedHelper();this.checkSlottedError()}async componentWillLoad(){this.handleMessage();if(this.inputid!==this.id)this.idMessage=`${this.inputid}-message`;if(this.language===null)await a(this.hostElement)}componentDidLoad(){this.handleOffset();if(this.mo)this.mo.disconnect();this.mo=new MutationObserver((()=>{this.handleOffset();this.handleMessage()}));this.mo.observe(this.hostElement,{subtree:true,childList:true})}setVal(e){const t=e.composedPath?.()[0];this.value=t.value}clearVal(){const e=new InputEvent("input",{bubbles:true,data:""});const t=this.hostElement.querySelector("input");this.value="";t.focus();t.value=this.value;t.dispatchEvent(e)}translate(e){return f?.[e]?.[this.language||p]}hasHelperText(){return this.helpertext?.length>0||this.showHelperSlot}hasErrorMessage(){return this.error?.length>0||this.showErrorSlot}hasError(){return this.hasErrorMessage()||this.invalid||this.showErrorSlot}hasMessage(){return this.hasHelperText()||this.hasErrorMessage()}checkSlottedHelper(){const e=this.hostElement.querySelector("[slot=helpertext]")?.textContent;this.showHelperSlot=!!e?.length}checkSlottedError(){const e=this.hostElement.querySelector("[slot=error]")?.textContent;this.showErrorSlot=!!e?.length}getInputType(){const e=["text","password","url","tel","search","number","email"];return e.includes(this.type)&&!this.showPassword?this.type:"text"}isPassword(){if(this.disabled)return false;return this.type==="password"||this.type==="text"&&this.showPassword}isSearch(){if(this.disabled)return false;return this.type==="search"&&!!this.value?.length}passwordText(){return this.translate(this.showPassword?"HIDE":"SHOW")}stateDisplay(){return this.valid||this.hasError()}stateIcon(){if(this.valid)return o;return r}stateColor(){if(this.valid)return"green700";return"warning"}showPrefix(){return this.textPrefix&&!this.icon}showSuffix(){return!this.showPrefix()&&!!this.textSuffix?.length&&!this.isPassword()&&this.type!=="search"}render(){return n(i,{key:"6b2db20d9aa3c3d300814a71022a6fe314fa6d03"},n("div",{key:"419fa861a5748d0c95e9e69b9defd48f50975683",class:"pn-input","data-valid":this.valid,"data-error":this.hasError()},(this.label||this.maxlength>=1)&&n("label",{key:"06576cf8fe7613382cb7aa64d00ece94556a1304",htmlFor:this.inputid,class:"pn-input-label"},this.label&&n("span",{key:"2c534cf97da3005b773e57ea6623240afea8186d"},this.label),this.maxlength>=0&&n("span",{key:"ab2626d9046b75f372a4e01a7234969017837f2f"},`${this.value.length}/${this.maxlength}`)),n("div",{key:"e236d0a4dc4c7c719ea2f4be51cd81def68ca53b",class:"pn-input-group"},n("input",{key:"8aeb20eaa6fe21732c813bb5f9a8028cc0dcbc76",type:this.getInputType(),id:this.inputid,class:"pn-input-element",name:this.name,placeholder:this.placeholder,autocomplete:this.autocomplete,maxlength:this.maxlength,list:this.list,pattern:this.pattern,min:this.min,max:this.max,step:this.step,value:this.value,inputmode:this.inputmode,disabled:this.disabled,required:this.required,readonly:this.readonly,"aria-label":this.arialabel,"aria-describedby":this.hasMessage()?this.idMessage:null,"aria-controls":this.ariacontrols,"aria-invalid":this.hasError()?.toString(),style:{"--pn-input-offset-left":`${this.offsetLeft}px`,"--pn-input-offset-right":`${this.offsetRight}px`},onInput:e=>this.setVal(e)}),n("div",{key:"409947a09fe6960778458060590c47ee204ea534",class:"pn-input-eyecandy","data-prefix":true,ref:e=>this.prefix=e},!!this.icon&&n("pn-icon",{key:"0e914746aecea9a37c4f66304e89a82197defd7a",icon:this.icon,"aria-hidden":"true"}),this.showPrefix()&&n("span",{key:"e6a7eb7f10ac9d5cf5de4f2064e3922038dfc9e0",class:"pn-input-text"},this.textPrefix)),n("div",{key:"f97005264aca3330f9b7c4eb0489c36f7bd31842",class:"pn-input-eyecandy","data-suffix":true,ref:e=>this.suffix=e},this.showSuffix()&&n("span",{key:"769efb326ce6d4058ee4d8d6c5d2f3b781c65c11",class:"pn-input-text"},this.textSuffix),this.stateDisplay()&&n("pn-icon",{key:"fe18921f222fd14d91edc799da3f50c6d1c7dff8","aria-hidden":"true",icon:this.stateIcon(),color:this.stateColor()}),this.isPassword()&&n("pn-button",{key:"7e10d1c4502d9abc9fd8156652718e04cdfa9955",icon:this.showPassword?c:u,iconOnly:true,arialabel:this.passwordText(),small:true,appearance:"light",variant:"borderless",onClick:()=>this.togglePassword()}),this.isSearch()&&n("pn-button",{key:"841edb1592c21de8315a0b1c4a8a7c9815c61e01",icon:l,iconOnly:true,arialabel:this.translate("CLEAR"),small:true,appearance:"light",variant:"borderless",onClick:()=>this.clearVal()}))),n("p",{key:"fb41bb4f2559b05cae5b80d214c218429493b5ba",class:"pn-input-message",id:this.idMessage,role:this.hasErrorMessage()?"alert":null,hidden:!this.hasMessage()},this.hasHelperText()&&!this.hasError()&&n("span",{key:"a4b226408274dc3fc6788af3932edd5b05f398f3",class:"pn-input-helper"},this.helpertext),n("span",{key:"488b39c606ca027df73153a9e6e83b4d59360814",class:"pn-input-helper-slot",hidden:!this.showHelperSlot||this.hasError()},n("slot",{key:"3cf5c96a8ee99d1d1954a3075862119512ef589c",name:"helpertext"})),this.hasErrorMessage()&&n("span",{key:"b6907bee94961eeb0f4c8c3c59d4f8cc30080754",class:"pn-input-error"},this.error),n("span",{key:"0193a2c21c1d248f762207351b7bba336368cd6c",class:"pn-input-error-slot",hidden:!this.showErrorSlot},n("slot",{key:"9e7b771c38bbdd7b3fd75bdc0587c21dcfef2857",name:"error"})))))}static get watchers(){return{textPrefix:["handleOffset"],textSuffix:["handleOffset"],helpertext:["handleMessage"],error:["handleMessage"]}}};g.style=m;export{g as pn_input};
+//# sourceMappingURL=p-e087c5c5.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/{p-06c7e91b.entry.js → p-ed4271af.entry.js}

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as t,c as e,g as i,h as n,a as o}from"./p-43660913.js";import{a as l}from"./p-9a18b612.js";import{c as s}from"./p-99600bc7.js";import{c}from"./p-92b0338a.js";import{u as r,k as a,r as p,o as u,j as h,e as d}from"./p-f64d17a6.js";const m={SELECT_AN_OPTION:{en:"Select an option",sv:"Välj ett alternativ",da:"Vælg en mulighed",fi:"Valitse vaihtoehto",no:"Velg et alternativ"},SELECT_ALL_OPTIONS:{en:"Select all options",sv:"Välj alla alternativ",da:"Vælg alle muligheder",fi:"Valitse kaikki vaihtoehdot",no:"Velg alle alternativer"},SELECT_FOUND_OPTIONS:{en:"Select {number} options",sv:"Välj {number} alternativ",da:"Vælg {number} muligheder",fi:"Valitse {number} vaihtoehtoa",no:"Velg {number} alternativer"},SELECTED_OPTIONS:{en:"Selected options.",sv:"Valda alternativ.",da:"Valgte muligheder.",fi:"Valitut vaihtoehdot.",no:"Valgte alternativer."},BUTTON_OPEN:{en:"Open list",sv:"Öppna listan",da:"Open list",fi:"Open list",no:"Open list"},BUTTON_CLOSE:{en:"Close list",sv:"Stäng listan",da:"Close list",fi:"Close list",no:"Close list"},REMOVE:{en:"Remove",sv:"Ta bort",da:"Remove",fi:"Remove",no:"Remove"},REMOVED:{en:"Removed",sv:"Tog bort",da:"Fjernet",fi:"Poistettu",no:"Fjernet"},MORE_OPTION:{en:"more option.",sv:"alternativ till.",da:"mulighed mere.",fi:"vaihtoehto lisää.",no:"alternativ til."},MORE_OPTIONS:{en:"more options.",sv:"fler alternativ.",da:"more options.",fi:"more options.",no:"more options."},SEARCH:{en:"Search",sv:"Sök",da:"Søg",fi:"Hae",no:"Søk"},RESULTS_FOUND:{en:"options found",sv:"alternativ hittades",da:"muligheder fundet",fi:"vaihtoehtoja löytyi",no:"alternativer funnet"},NO_SEARCH_RESULTS:{en:"No options found",sv:"Inga alternativ hittades",da:"Ingen muligheder fundet",fi:"Vaihtoehtoja ei löytynyt",no:"Finner ingen alternativer"},NO_OPTIONS:{en:"No options available",sv:"Inga alternativ tillgängliga",da:"Ingen tilgængelige muligheder",fi:"Ei vaihtoehtoja",no:"Ingen tilgjengelige alternativer"}};const f="pn-multiselect{display:inline-block}pn-multiselect .pn-multiselect{border:0;margin:0;padding:0}pn-multiselect .pn-multiselect[data-icon] .pn-multiselect-element{padding-left:3em}pn-multiselect .pn-multiselect[data-error] .pn-multiselect-element{padding-right:5.5em;border-color:#a70707}pn-multiselect .pn-multiselect[data-error] .pn-multiselect-element:hover{border-color:#500715}pn-multiselect .pn-multiselect[data-error] .pn-multiselect-element:focus-visible{background-color:#ffffff;border-color:#a70707;outline-color:#a70707}pn-multiselect .pn-multiselect-label{cursor:pointer;display:flex;justify-content:space-between;align-items:flex-end;font-weight:400;color:#2d2013;margin:0 0 0.25em 0;gap:0.5em;-webkit-tap-highlight-color:transparent;transition-property:color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);width:100%}@media (prefers-reduced-motion: reduce){pn-multiselect .pn-multiselect-label{transition-duration:0s;transition-delay:0s}}pn-multiselect .pn-multiselect-label>span{font-size:0.875em}pn-multiselect .pn-multiselect-sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);margin:-1px;white-space:nowrap}pn-multiselect .pn-multiselect-group{position:relative;padding:0;margin:0}pn-multiselect .pn-multiselect-input{position:relative}pn-multiselect .pn-multiselect-input>pn-icon{pointer-events:none;position:absolute;top:0.75em;right:3.5em}pn-multiselect .pn-multiselect-input>pn-icon[data-custom]{left:0.75em;right:unset}pn-multiselect .pn-multiselect-button{cursor:pointer;position:absolute;right:0.75em;top:50%;transform:translateY(-50%);padding:0;margin:0;border:0;width:2em;height:2em;font-size:1em;border-radius:50%;background-color:transparent;-webkit-tap-highlight-color:transparent;transition-property:background-color, outline-color, border-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);outline:0.2rem solid transparent;outline-offset:0.2rem}@media (prefers-reduced-motion: reduce){pn-multiselect .pn-multiselect-button{transition-duration:0s;transition-delay:0s}}pn-multiselect .pn-multiselect-button:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}pn-multiselect .pn-multiselect-button>pn-icon>svg>path{transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-delay:0.2s;transform-origin:center;transform:rotate(0deg)}@media (prefers-reduced-motion: reduce){pn-multiselect .pn-multiselect-button>pn-icon>svg>path{transition-duration:0s;transition-delay:0s}}pn-multiselect .pn-multiselect-button:hover{background-color:#effbff}pn-multiselect .pn-multiselect-button[aria-expanded=true]{background-color:#effbff}pn-multiselect .pn-multiselect-button[aria-expanded=true]>pn-icon>svg>path{transform:rotate(180deg);transition-delay:0s}pn-multiselect .pn-multiselect-element{color:#2d2013;background-color:#ffffff;border:0.0625em solid #969087;border-radius:0.5em;padding:0.75em;font-family:inherit;font-size:1em;font-weight:500;line-height:1.5em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:outline-color, background-color, border-color, color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);cursor:text;text-align:left;transition-delay:0.1s, 0.1s, 0s;width:100%;padding-right:3.5em;display:flex;align-items:center;justify-content:space-between;gap:0.5em;overflow:hidden;text-overflow:ellipsis}pn-multiselect .pn-multiselect-element:-webkit-autofill,pn-multiselect .pn-multiselect-element:-webkit-autofill:hover,pn-multiselect .pn-multiselect-element:-webkit-autofill:focus,pn-multiselect .pn-multiselect-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #e0f8ff inset;-webkit-text-fill-color:#2d2013}pn-multiselect .pn-multiselect-element:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}@media (prefers-reduced-motion: reduce){pn-multiselect .pn-multiselect-element{transition-duration:0s;transition-delay:0s}}pn-multiselect .pn-multiselect-element::placeholder{color:#5e554a;font-weight:normal}pn-multiselect .pn-multiselect-element:hover{border-color:#005d92}pn-multiselect .pn-multiselect-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}pn-multiselect .pn-multiselect-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2;pointer-events:none}pn-multiselect .pn-multiselect-element:disabled+.pn-multiselect-button{pointer-events:none}pn-multiselect .pn-multiselect-element:disabled+.pn-multiselect-button path{fill:#5e554a}pn-multiselect .pn-multiselect-element:placeholder{color:#5e554a;font-weight:normal}pn-multiselect .pn-multiselect-element[type=input]:hover{cursor:pointer;color:#2d2013;background-color:#effbff;transition-delay:0s}pn-multiselect .pn-multiselect-element[type=input]:hover[aria-invalid=true]{background-color:#fdefee}pn-multiselect .pn-multiselect-element:focus-visible{transition-delay:0s}pn-multiselect .pn-multiselect-element::-webkit-search-cancel-button,pn-multiselect .pn-multiselect-element::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}pn-multiselect .pn-multiselect-options{scroll-behavior:smooth;position:absolute;z-index:10;top:calc(100% + 0.5em);left:0;right:0;background-color:#ffffff;box-shadow:0em 0.075em 0.225em 0em rgba(0, 0, 0, 0.1), 0em 0.4em 0.9em 0em rgba(0, 0, 0, 0.13);border-radius:0.5em;list-style:none;margin:0;padding:0;width:var(--pn-select-options-width);max-height:var(--pn-select-max-height);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;visibility:hidden;transform-origin:top left}pn-multiselect .pn-multiselect-options[data-open]{visibility:visible}pn-multiselect .pn-multiselect-options[data-upwards]{top:unset;bottom:calc(100% + 0.5em);transform-origin:bottom left;box-shadow:0 -0.0625em 0.125em rgba(0, 0, 0, 0.2)}pn-multiselect .pn-multiselect-options[data-moving]{overflow:hidden;visibility:visible}pn-multiselect .pn-multiselect-options::-webkit-scrollbar{background-color:#ffffff;width:0.875em;border-radius:0.5em}pn-multiselect .pn-multiselect-options::-webkit-scrollbar-track{background-color:#ffffff;border-radius:0.5em}pn-multiselect .pn-multiselect-options::-webkit-scrollbar-thumb{cursor:pointer;background-color:#969087;border-radius:1em;border:0.25em solid #ffffff}pn-multiselect .pn-multiselect-options::-webkit-scrollbar-thumb:hover{background-color:#5e554a}pn-multiselect .pn-multiselect-options::-webkit-scrollbar-corner,pn-multiselect .pn-multiselect-options::-webkit-scrollbar-button{display:none}pn-multiselect .pn-multiselect-options>pn-input{padding:0.5em}pn-multiselect .pn-multiselect-optgroup{list-style:none;padding:0}pn-multiselect .pn-multiselect-optgroup>.pn-multiselect-option>.pn-multiselect-option-content{padding-left:2em}pn-multiselect .pn-multiselect-chips{list-style:none;display:flex;flex-wrap:wrap;gap:0.5em;padding:0;margin:0.5em 0 0 0;color:#5e554a;font-weight:400}pn-multiselect .pn-multiselect-chips:empty{display:none}pn-multiselect .pn-multiselect-chip{margin:0;display:inline-flex;align-items:center;gap:0.25em;background-color:#ffffff;border-radius:0.5em;padding:0.125em 0.25em 0.125em 0.5em;line-height:1.5em;border:0.0625em solid #5e554a;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:background-color, outline-color, border-color, color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-multiselect .pn-multiselect-chip{transition-duration:0s;transition-delay:0s}}pn-multiselect .pn-multiselect-chip:focus-within{color:#005d92;outline-color:#005d92;background-color:#effbff;border-color:#005d92}pn-multiselect .pn-multiselect-chip[data-count]{pointer-events:none;border:0;padding-left:0;padding-right:0;background-color:unset}pn-multiselect .pn-multiselect-chip-label{font-size:0.875em;white-space:nowrap}pn-multiselect .pn-multiselect-chip-button{cursor:pointer;font-size:1em;padding:0.25em;height:1.5em;width:1.5em;border:0;background-color:unset;border-radius:50%;transition-property:background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion: reduce){pn-multiselect .pn-multiselect-chip-button{transition-duration:0s;transition-delay:0s}}pn-multiselect .pn-multiselect-chip-button:hover{background-color:#8eddf9}pn-multiselect .pn-multiselect-chip-button:focus{outline:0}pn-multiselect .pn-multiselect-no-results{margin:0;padding:0.75em}pn-multiselect .pn-multiselect-description{color:#5e554a;font-size:0.875em;font-weight:400;margin:0.25em 0 0 0;display:flex;flex-direction:column;gap:0.25em}pn-multiselect .pn-multiselect-description[role=alert]{color:#a70707}pn-multiselect .pn-multiselect-option{position:relative;margin:0;padding:0}pn-multiselect .pn-multiselect-option .pn-ripple{animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);position:absolute;border-radius:50%;background-color:#005d92;transform:translate(-50%, -50%) scale(0);opacity:0.1;pointer-events:none;z-index:3}@keyframes ripple{to{transform:translate(-50%, -50%) scale(1);opacity:0}}pn-multiselect .pn-multiselect-option-input{cursor:pointer;position:absolute;opacity:0;left:0;top:0;height:100%;width:100%;margin:0;-webkit-tap-highlight-color:transparent}pn-multiselect .pn-multiselect-option-input:disabled{pointer-events:none}pn-multiselect .pn-multiselect-option-input:disabled+.pn-multiselect-option-content{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2;pointer-events:none}pn-multiselect .pn-multiselect-option-input:disabled+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#f3f2f2;border-color:#969087}pn-multiselect .pn-multiselect-option-input:disabled+.pn-multiselect-option-content path{fill:#5e554a}pn-multiselect .pn-multiselect-option-input:disabled:checked+.pn-multiselect-option-content{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}pn-multiselect .pn-multiselect-option-input:disabled:checked+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#969087;border-color:#969087}pn-multiselect .pn-multiselect-option-input:disabled:checked+.pn-multiselect-option-content path{fill:#5e554a}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#a70707}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]+.pn-multiselect-option-content .pn-ripple{background-color:#a70707}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]:checked+.pn-multiselect-option-content{background-color:#fdefee}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]:checked+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#a70707;border-color:#a70707}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]:checked:focus-visible+.pn-multiselect-option-content{background-color:#fdefee}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]:checked:focus-visible+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#500715;border-color:#500715}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]:checked:hover+.pn-multiselect-option-content{background-color:#fef7f6}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]:checked:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#500715;border-color:#500715}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]:hover+.pn-multiselect-option-content{background-color:#fef7f6}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#fdefee;border-color:#a70707}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]:focus-visible+.pn-multiselect-option-content .pn-multiselect-option-checkbox{outline-color:#a70707;background-color:#fdefee;border-color:#a70707}pn-multiselect .pn-multiselect-option-input:hover+.pn-multiselect-option-content{background-color:#effbff}pn-multiselect .pn-multiselect-option-input:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#005d92;background-color:#e0f8ff}pn-multiselect .pn-multiselect-option-input:focus-visible+.pn-multiselect-option-content .pn-multiselect-option-checkbox{outline-color:#005d92;background-color:#e0f8ff;border-color:#005d92}pn-multiselect .pn-multiselect-option-input:checked+.pn-multiselect-option-content{background-color:#e0f8ff}pn-multiselect .pn-multiselect-option-input:checked+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#005d92;background-color:#005d92}pn-multiselect .pn-multiselect-option-input:checked+.pn-multiselect-option-content .pn-multiselect-option-checkbox svg polyline.pn-multiselect-option-checkbox-checkmark-path{transition-delay:0.2s;stroke-dashoffset:0}pn-multiselect .pn-multiselect-option-input:checked:hover+.pn-multiselect-option-content{background-color:#effbff}pn-multiselect .pn-multiselect-option-input:checked:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#0d234b;background-color:#0d234b}pn-multiselect .pn-multiselect-option-input:checked:focus-visible+.pn-multiselect-option-content{background-color:#e0f8ff}pn-multiselect .pn-multiselect-option-input:checked:focus-visible+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#0d234b;background-color:#0d234b}pn-multiselect .pn-multiselect-option-input:indeterminate+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#005d92;border-color:#005d92}pn-multiselect .pn-multiselect-option-input:indeterminate+.pn-multiselect-option-content svg .pn-multiselect-option-checkbox-checkmark-path{stroke-dashoffset:23}pn-multiselect .pn-multiselect-option-input:indeterminate+.pn-multiselect-option-content svg .pn-multiselect-option-checkbox-indeterminate-path{stroke-dashoffset:0}pn-multiselect .pn-multiselect-option-input:indeterminate:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#0d234b;border-color:#0d234b}pn-multiselect .pn-multiselect-option-content{position:relative;overflow:hidden;z-index:-1;display:flex;align-items:center;padding:0.75em 1em;gap:0.5em;background-color:#ffffff;transition-property:background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-multiselect .pn-multiselect-option-content{transition-duration:0s;transition-delay:0s}}pn-multiselect .pn-multiselect-option-text{flex:1;text-overflow:ellipsis;overflow:hidden}pn-multiselect .pn-multiselect-option-label{color:#2d2013;font-weight:400}pn-multiselect .pn-multiselect-option-helper{color:#5e554a;margin:0}pn-multiselect .pn-multiselect-option-checkbox{background-color:#ffffff;flex:0 0 1.5em;width:1.5em;height:1.5em;border:0.0625em solid #969087;border-radius:0.25em;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:background-color, border-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-multiselect .pn-multiselect-option-checkbox{transition-duration:0s;transition-delay:0s}}pn-multiselect .pn-multiselect-option-checkbox svg polyline{stroke:#ffffff;stroke-linecap:round;stroke-dasharray:23;transition-property:stroke-dashoffset;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-delay:0s}@media (prefers-reduced-motion: reduce){pn-multiselect .pn-multiselect-option-checkbox svg polyline{transition-duration:0s;transition-delay:0s}}pn-multiselect .pn-multiselect-option-checkbox svg polyline.pn-multiselect-option-checkbox-checkmark-path{stroke-dashoffset:23}pn-multiselect .pn-multiselect-option-checkbox svg polyline.pn-multiselect-option-checkbox-indeterminate-path{stroke-dashoffset:23}";const b=f;const g=class{constructor(i){t(this,i);this.toggleSelect=e(this,"toggleSelect",7);this.allOptions=e(this,"allOptions",7);this.selectedOption=e(this,"selectedOption",7);this.selectedAllOptions=e(this,"selectedAllOptions",7);this.searchInput=e(this,"searchInput",7);this.isSearching=false;this.open=false;this.upwards=false;this.srMessage=undefined;this.isClosing=false;this.isExpanding=false;this.label=undefined;this.helpertext=undefined;this.placeholder=undefined;this.name=undefined;this.selectId=this.id;this.selectName=undefined;this.icon=undefined;this.language=null;this.options=undefined;this.selectAll=false;this.allValue="pn_multiselect_all";this.search=false;this.searchQuery="";this.itemCount=5;this.maxHeight=undefined;this.top=false;this.bottom=false;this.required=false;this.disabled=false;this.invalid=false;this.error=undefined}id=`pn-multiselect-${r()}`;idLegend=`${this.id}-legend`;idButton=`${this.id}-button`;idOptions=`${this.id}-options`;idHelper=`${this.id}-text`;idChips=`${this.id}-chips`;idSr=`${this.id}-sr`;elGroup;elButton;elInput;elList;elChips;srTimer;animation;animationDurationDefault=400;animationDuration=this.animationDurationDefault;get hostElement(){return i(this)}handleOpen(){if(this.open){this.addGlobalEventListeners();this.handleDirection();this.handleMaxHeight();this.handleWidth();requestAnimationFrame((()=>this.openGrid()))}else{this.closeGrid();this.removeGlobalEventListeners()}}handleSearch(){if(!this.search)this.options=[...this.options.map((t=>{const e={...t,hide:false};if(e?.group?.length)e.group.map((t=>({...t,hide:false})));return e}))]}handleSearchQuery(){if(this.search&&typeof this.searchQuery==="string")this.handleInputSearch()}handleSelectId(){const t=this.selectId;this.idLegend=`${t}-legend`;this.idButton=`${t}-button`;this.idOptions=`${t}-options`;this.idHelper=`${t}-text`;this.idChips=`${t}-chips`;this.idSr=`${t}-sr`}handleResize(){if(!this.open)return;this.toggleOpen(false);this.elList.style.removeProperty("--pn-select-options-width");this.elList.style.removeProperty("--pn-select-max-height")}toggleSelect;allOptions;selectedOption;selectedAllOptions;searchInput;async componentWillLoad(){this.handleSelectId();if(this.language===null)await a(this.hostElement)}componentDidLoad(){if(!!this.searchQuery?.length)this.handleSearchQuery()}globalEvents=t=>{const e=t.target;const i=e?.closest(this.hostElement.localName);if(!i)this.toggleOpen(false)};addGlobalEventListeners(){const t=this.hostElement.getRootNode();t.addEventListener("click",this.globalEvents)}removeGlobalEventListeners(){const t=this.hostElement.getRootNode();t.removeEventListener("click",this.globalEvents)}openGrid(){requestAnimationFrame((()=>{const{clientHeight:t,scrollHeight:e}=this.elList;const i=this.isClosing?t:0;this.elList.style.height=`${e}px`;this.isExpanding=true;this.animateGrid(true,`${i}px`,this.maxHeight||`${this.elList.scrollHeight}px`)}))}closeGrid(){const{scrollHeight:t,clientHeight:e}=this.elList;const i=this.isExpanding?e:t;this.elList.style.height=`0px`;this.isClosing=true;this.animateGrid(false,`${i}px`,`0px`)}animateGrid(t,e,i){this.cancelAnimations();if(p())this.animationDuration=0;else this.animationDuration=this.animationDurationDefault;this.animation=this.elList.animate({height:[e,i]},{duration:this.animationDuration,easing:"cubic-bezier(0.6, 0, 0.2, 1)"});this.animation.onfinish=()=>this.animationFinish();this.animation.oncancel=()=>t?this.isExpanding=false:this.isClosing=false}animationFinish(){this.cancelAnimations();this.elList.style.height=this.isClosing?"0px":"";this.isClosing=false;this.isExpanding=false}cancelAnimations(){if(this.animation)this.animation.cancel()}emitEvents(t,e){this.allOptions.emit(this.options);if(t)return this.selectedOption.emit(t);const i={checked:e,searching:this.isSearching};if(this.search&&this.optionsTotal()!==this.optionsSearch().length){i.query=this.searchQuery;i.found=this.optionsSearch()}this.selectedAllOptions.emit(i)}optionsChecked(){const t=this.options?.reduce(((t,e)=>{const i=e.group?[...e.group.filter((({checked:t})=>t))]:[];if(e.checked)t.push(e);if(i?.length)t.push(...i);return t}),[]);return t}optionsTotal(){return this.options?.reduce(((t,e)=>t+(e?.group?.length?e.group.length+1:1)),0)}optionsIndex(t){const e=({group:e=[]})=>e?.findIndex((({value:e})=>e===t));const i=this.options.findIndex((i=>i.value===t||e(i)!==-1));const n=e(this.options?.[i]);return{indexGroup:i,indexNested:n}}optionsCheckedTotal(){return this.optionsChecked()?.length}optionsCheckedPreview(){return this.optionsChecked()?.slice(0,this.itemCount)}optionsCheckedLabels(){return this.optionsChecked()?.map((({label:t})=>t))?.join(", ")}optionsSearch(){const t=this.options?.reduce(((t,e)=>{const i=e.group?[...e.group.filter((({hide:t})=>!t))]:[];if(!e.hide)t.push(e);if(i?.length)t.push(...i);return t}),[]);return t}noResults(){return this.optionsSearch()?.length===0}isIndeterminate(t){const e=this.options?.[t];if(e?.group?.length){const t=e.group.every((({checked:t})=>t));const i=e.group.every((({checked:t})=>!t));return!(t||i)}return false}optionSelect({val:t,checked:e,chip:i}){if(t===this.allValue)return this.optionSelectAll(e);const n=this.options;const{indexGroup:o,indexNested:l}=this.optionsIndex(t);const s=n[o]?.group;const c=s?.[l];if(c?.value){n[o].group[l].checked=e;const t=s?.every((({checked:t})=>t));if(t)n[o].checked=true;else n[o].checked=false}else{n[o].checked=e;if(s?.length)n[o].group=s?.map((t=>({...t,checked:e})))}const r=l===-1?n[o]:n[o].group[l];this.emitEvents(r);this.options=[...n];if(typeof i==="number"){this.handleSrMesssage(`${this.translate("REMOVED")} ${r.label}`);requestAnimationFrame((()=>{const t=i===this.optionsCheckedTotal()?i-1:i;const e=Array.from(this.elChips.children)?.[t];e?.querySelector("button").focus({preventScroll:true})}))}}optionSelectAll(t){this.options=[...this.options.map((e=>{const i={...e,checked:this.isSearching?e.hide?e.checked:t:t};if(i.group)i.group=[...i.group.map((e=>({...e,checked:this.isSearching?e.hide?e.checked:t:t})))];const n=i?.group?.every((({checked:t})=>t));if(i?.group?.length)i.checked=n;return i}))];this.emitEvents(null,t)}optionSelected(t){return!!this.optionsChecked()?.find((({value:e,checked:i})=>e===t&&i))}translate(t){const e=m?.[t]?.[this.language||d];if(e.includes("{number}"))return e.replace("{number}",this.optionsSearch().length);return e}getRect(t){return t?.getBoundingClientRect()}ripple({clientX:t,clientY:e,target:i}){const n=t===0&&e===0;const o=i.nextElementSibling;const{x:l,width:s,y:c,top:r}=this.getRect(o);const a=n?{clientX:l+s-24,clientY:c-r}:{clientX:t,clientY:e};u(a,o)}handleSrMesssage(t){this.srMessage=t;clearTimeout(this.srTimer);this.srTimer=setTimeout((()=>this.srMessage=null),2e3)}handleDirection(){if(this.top)return this.upwards=true;if(this.bottom)return this.upwards=false;const{bottom:t,top:e}=this.getRect(this.elInput);const i=16;const n=window.innerHeight-t-i;const o=e-i;this.upwards=o/2>n}handleMaxHeight(){if(this.maxHeight)return this.elGroup.style.setProperty("--pn-select-max-height",this.maxHeight);const{bottom:t,top:e}=this.getRect(this.elInput);const i=this.upwards?e:t;const n=h();const o=this.upwards?n+16:16;const l=this.upwards?i-o:window.innerHeight-i-o;this.elGroup.style.setProperty("--pn-select-max-height",`${Math.ceil(l)}px`)}handleWidth(){const{width:t}=this.getRect(this.elInput);this.elGroup.style.setProperty("--pn-select-options-width",`${Math.ceil(t)}px`)}setFocus(){if(this.search)this.elInput.focus({preventScroll:true});else this.elButton.focus({preventScroll:true})}hasError(){return this.invalid||!!this.error}hasMessage(){return!!this.helpertext||!!this.error}toggleOpen(t){if(typeof t==="boolean"&&t===this.open)return;this.open=t??!this.open;this.toggleSelect.emit({open:this.open})}handleInputKeyboard(t){t.stopImmediatePropagation();const{code:e}=t;if(e==="Escape")return this.toggleOpen(false);if(!this.open&&e.match(/^(Space|Enter)$|Arrow|^Key.*$/))this.toggleOpen()}setSearchQuery(t){if(!this.open)this.toggleOpen(true);this.searchQuery=t}handleInputSearch(){if(this.isEmpty())return;const t=this.searchQuery;const e=({label:e,helpertext:i,value:n})=>`${e} ${i} ${n}`.trim().toLowerCase().includes(t.toLowerCase());const i=this.options.map((t=>{const i=t?.group?.map((t=>({...t,hide:!e(t)})))||[];const n=e(t)||i?.some((({hide:t})=>!t));t.hide=!n;if(t?.group?.length)t.group=[...i];return t}));this.isSearching=t!=="";this.options=[...i];this.searchInput.emit({query:t,found:this.optionsSearch()})}getListItem(t){const{value:e}=this.options[t];return this.elList.querySelector(`.pn-multiselect-option-input[value='${e}']`)}getOptionIndex(t,e,i){const n=this.optionsTotal()-1;if(i==="End")return n;if(i==="Home")return 0;const o=this.options.findIndex((({value:e})=>e===t));const l=e.find((t=>typeof t==="number"));const s=o+l;if(s>=n)return n;if(s<=0)return 0;return s}checkboxNav(t,e){const{code:i}=t;const n=i==="ArrowUp"&&-1;const o=i==="ArrowDown"&&1;const l=i==="PageUp"&&-10;const s=i==="PageDown"&&10;const c=i==="Home"&&0;const r=i==="End"&&this.optionsTotal()-1;const a=i==="Tab";const p=i==="Space";const u=i==="Enter";const h=i==="Escape";const d=[n,o,l,s,c,r,a,p,u,h];if(!d.some((t=>typeof t==="number"||t)))return;if(a||p||u)return;t.stopImmediatePropagation();t.preventDefault();if(h){this.setFocus();return this.toggleOpen(false)}const m=this.getOptionIndex(e,d,i);return this.getListItem(m)?.focus()}handleBlur(t){const e=t.target;const i=t.relatedTarget;const n=(i||e)?.className==="pn-multiselect-chip-button";if(n)this.toggleOpen(false)}handleLabel(){if(this.disabled)return;this.setFocus()}isEmpty(){return(this.options?.length||0)===0}showSelectAll(){return this.selectAll&&!this.isEmpty()&&!this.noResults()}showEmptyOption(){return this.isSearching&&this.noResults()||this.isEmpty()}getPlaceholder(){const t=this.search?"SEARCH":"SELECT_AN_OPTION";return this.placeholder||this.translate(t)}handleChange({target:t}){const{value:e,checked:i}=t;this.optionSelect({val:e,checked:i})}additonalOptions(){const t=this.optionsCheckedTotal()-this.itemCount;const e=`MORE_OPTION${t===1?"":"S"}`;return`${t} ${this.translate(e)}`}describedBy(){const t=[this.search&&this.idChips,this.srMessage&&this.idSr,!!this.helpertext&&this.idHelper].filter(Boolean);if(t.length)return t.join(" ");return null}renderOption({label:t,value:e,checked:i,helpertext:o,icon:l,id:s=`${this.selectId}-${e||t}`,invalid:c,disabled:r,hide:a,group:p},u,h){return n("li",{class:"pn-multiselect-option",key:s,hidden:a},n("input",{type:"checkbox",id:s,class:"pn-multiselect-option-input",checked:i??this.optionSelected(e),indeterminate:h===undefined&&this.isIndeterminate(u),name:this.name,value:e,disabled:this.disabled||r,required:this.required,"aria-invalid":c?"true":null,"aria-describedby":o?`${s}-helper`:null,onClick:t=>this.ripple(t),onKeyDown:t=>this.checkboxNav(t,e),onBlur:t=>this.handleBlur(t)}),n("div",{class:"pn-multiselect-option-content"},!!l&&n("pn-icon",{icon:l,color:"blue900"}),n("div",{class:"pn-multiselect-option-text"},n("label",{class:"pn-multiselect-option-label",htmlFor:s},n("span",null,t)),o&&n("p",{class:"pn-multiselect-option-helper",id:`${s}-helper`},o)),n("div",{class:"pn-multiselect-option-checkbox"},n("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},n("polyline",{class:"pn-multiselect-option-checkbox-checkmark-path",points:"4,12 9,17 20,6","stroke-width":"3"}),n("polyline",{class:"pn-multiselect-option-checkbox-indeterminate-path",points:"4,12 20,12","stroke-width":"3"})))),p?.length&&n("ul",{class:"pn-multiselect-optgroup"},p?.map(((t,e)=>this.renderOption(t,u,e)))))}renderOptions(){return n("ul",{id:this.idOptions,class:"pn-multiselect-options","data-open":this.open,"data-upwards":this.upwards,"data-moving":this.isClosing||this.isExpanding,onChange:t=>this.handleChange(t),style:{height:"0px"},ref:t=>this.elList=t},this.showSelectAll()&&this.renderOption({label:this.translate(`SELECT_${this.isSearching?"FOUND":"ALL"}_OPTIONS`),value:this.allValue,checked:this.optionsTotal()===this.optionsCheckedTotal()}),this.options?.map(((t,e)=>this.renderOption(t,e))),this.showEmptyOption()&&n("li",{class:"pn-multiselect-option"},n("div",{class:"pn-multiselect-option-content",role:"alert"},n("div",{class:"pn-multiselect-option-text"},n("span",{class:"pn-multiselect-option-label"},this.translate(this.isEmpty()?"NO_OPTIONS":"NO_SEARCH_RESULTS"))))))}renderChips(){return n("ul",{id:this.idChips,class:"pn-multiselect-chips","aria-label":this.translate("SELECTED_OPTIONS"),ref:t=>this.elChips=t},this.optionsCheckedPreview()?.map((({label:t,value:e},i)=>n("li",{class:"pn-multiselect-chip","aria-setsize":this.optionsCheckedTotal(),"aria-posinset":i+1,key:`${t}-${e}`},n("span",{class:"pn-multiselect-chip-label"},t),n("button",{type:"button",class:"pn-multiselect-chip-button","aria-label":`${this.translate("REMOVE")} ${t}`,onClick:()=>this.optionSelect({val:e,checked:false,chip:i})},n("pn-icon",{icon:c,small:true,color:"blue700"}))))),this.optionsCheckedTotal()>this.itemCount&&n("li",{class:"pn-multiselect-chip","data-count":true},n("span",{class:"pn-multiselect-chip-label"},"+ ",this.additonalOptions())))}render(){return n(o,{key:"8dcab6f8526d10167d647733ebeba91c6cc4a891"},n("fieldset",{key:"b60a7513bb1481686d0353911fe946a8a0534416",class:"pn-multiselect","data-icon":!!this.icon,"data-error":this.hasError(),disabled:this.disabled},this.label&&n("legend",{key:"51f1dc3597171f431ec55d6960f5c22a1af86ea0",id:this.idLegend,class:"pn-multiselect-label",onClick:()=>this.handleLabel()},n("span",{key:"95c5a289c2489059fb076ed82fa40b57965b40fa"},this.label),!!this.optionsChecked()?.length&&n("span",{key:"bb1a5f52c8b05612c31325e9237292ad6cdd83ac"},this.optionsCheckedTotal(),"/",this.optionsTotal())),n("div",{key:"05bcb2bc08fe7495db84681072c83cef9aa1c00e",class:"pn-multiselect-group",ref:t=>this.elGroup=t},n("div",{key:"7da7473b15c01f1233dc0441571495743c7e8c91",class:"pn-multiselect-input"},!!this.icon&&n("pn-icon",{key:"2ac559c573d8fd0f1e6f39b94c7ba54e8f82530b",class:"pn-multiselect-icon","data-custom":true,icon:this.icon}),n("input",{key:"0839cb250ceab31a45d643c89451cedb02d9e7bb",tabindex:this.search?null:"-1",type:this.search?"search":"input",id:this.selectId,class:"pn-multiselect-element",value:this.search?this.searchQuery:this.optionsCheckedLabels(),name:this.selectName,placeholder:this.getPlaceholder(),required:this.search?null:this.required,"aria-labelledby":this.idLegend,"aria-describedby":this.describedBy(),"aria-controls":`${this.idOptions} ${this.search?this.idChips:""}`,"aria-invalid":this.hasError()?.toString(),disabled:this.disabled,readonly:!this.search,onClick:()=>this.search&&this.open?null:this.toggleOpen(),onKeyDown:t=>this.handleInputKeyboard(t),onBlur:t=>this.handleBlur(t),onInput:t=>this.search&&this.setSearchQuery(t.target.value),ref:t=>this.elInput=t}),this.hasError()&&n("pn-icon",{key:"bbe2ed7c5f861b6972ea3937c1aad7fa53269878",class:"pn-multiselect-icon","data-error":true,icon:l,color:"warning"}),n("button",{key:"4e2871a96160b3416dce289c8716665a04113b44",id:this.idButton,type:"button",class:"pn-multiselect-button","aria-label":this.translate(`BUTTON_${this.open?"CLOSE":"OPEN"}`),"aria-describedby":this.search?null:this.selectId,"aria-controls":this.idOptions,"aria-expanded":this.open.toString(),onClick:()=>this.toggleOpen(),ref:t=>this.elButton=t},n("pn-icon",{key:"71c79e52bcca84ae16b225dc6c58332b95788234",class:"pn-multiselect-icon",icon:s,color:"blue700"}))),this.renderOptions()),this.hasMessage()&&n("p",{key:"a27a65d1fba955a5b1bab1c7b79c5e78b5c0040a",id:this.idHelper,class:"pn-multiselect-description",role:!!this.error?"alert":null},n("span",{key:"c00904641ae7ba9a9fb482fbf215d6a7f2643872"},this.error||this.helpertext)),this.search&&this.renderChips(),n("slot",{key:"02c6ced4675438a0b29505a2c20948b1345ec1e0"}),this.search&&n("p",{key:"c8ce14a5d9d28e235de857c2264bed4f5507e389",id:this.idSr,class:"pn-multiselect-sr-only",role:"alert","aria-live":"assertive"},this.srMessage&&n("span",{key:"a365ee9816a1e3e732649857c4cf73c0470a85bf"},this.srMessage))))}static get watchers(){return{open:["handleOpen"],search:["handleSearch"],searchQuery:["handleSearchQuery"],selectId:["handleSelectId"]}}};g.style=b;export{g as pn_multiselect};
-//# sourceMappingURL=p-06c7e91b.entry.js.map
+import{r as t,c as e,g as i,h as n,a as o}from"./p-43660913.js";import{a as l}from"./p-9a18b612.js";import{a as s}from"./p-bf967b50.js";import{c}from"./p-92b0338a.js";import{u as r,k as a,r as p,o as u,j as d,e as h}from"./p-f64d17a6.js";const m={SELECT_AN_OPTION:{en:"Select an option",sv:"Välj ett alternativ",da:"Vælg en mulighed",fi:"Valitse vaihtoehto",no:"Velg et alternativ"},SELECT_ALL_OPTIONS:{en:"Select all options",sv:"Välj alla alternativ",da:"Vælg alle muligheder",fi:"Valitse kaikki vaihtoehdot",no:"Velg alle alternativer"},SELECT_FOUND_OPTIONS:{en:"Select {number} options",sv:"Välj {number} alternativ",da:"Vælg {number} muligheder",fi:"Valitse {number} vaihtoehtoa",no:"Velg {number} alternativer"},SELECTED_OPTIONS:{en:"Selected options.",sv:"Valda alternativ.",da:"Valgte muligheder.",fi:"Valitut vaihtoehdot.",no:"Valgte alternativer."},BUTTON_OPEN:{en:"Open list",sv:"Öppna listan",da:"Open list",fi:"Open list",no:"Open list"},BUTTON_CLOSE:{en:"Close list",sv:"Stäng listan",da:"Close list",fi:"Close list",no:"Close list"},REMOVE:{en:"Remove",sv:"Ta bort",da:"Remove",fi:"Remove",no:"Remove"},REMOVED:{en:"Removed",sv:"Tog bort",da:"Fjernet",fi:"Poistettu",no:"Fjernet"},MORE_OPTION:{en:"more option.",sv:"alternativ till.",da:"mulighed mere.",fi:"vaihtoehto lisää.",no:"alternativ til."},MORE_OPTIONS:{en:"more options.",sv:"fler alternativ.",da:"more options.",fi:"more options.",no:"more options."},SEARCH:{en:"Search",sv:"Sök",da:"Søg",fi:"Hae",no:"Søk"},RESULTS_FOUND:{en:"options found",sv:"alternativ hittades",da:"muligheder fundet",fi:"vaihtoehtoja löytyi",no:"alternativer funnet"},NO_SEARCH_RESULTS:{en:"No options found",sv:"Inga alternativ hittades",da:"Ingen muligheder fundet",fi:"Vaihtoehtoja ei löytynyt",no:"Finner ingen alternativer"},NO_OPTIONS:{en:"No options available",sv:"Inga alternativ tillgängliga",da:"Ingen tilgængelige muligheder",fi:"Ei vaihtoehtoja",no:"Ingen tilgjengelige alternativer"}};const f="pn-multiselect{display:inline-block}pn-multiselect .pn-multiselect{border:0;margin:0;padding:0}pn-multiselect .pn-multiselect[data-icon] .pn-multiselect-element{padding-left:3em}pn-multiselect .pn-multiselect[data-error] .pn-multiselect-element{padding-right:5.5em;border-color:#a70707}pn-multiselect .pn-multiselect[data-error] .pn-multiselect-element:hover{border-color:#500715}pn-multiselect .pn-multiselect[data-error] .pn-multiselect-element:focus-visible{background-color:#ffffff;border-color:#a70707;outline-color:#a70707}pn-multiselect .pn-multiselect-label{cursor:pointer;display:flex;justify-content:space-between;align-items:flex-end;font-weight:400;color:#2d2013;margin:0 0 0.25em 0;gap:0.5em;-webkit-tap-highlight-color:transparent;transition-property:color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);width:100%}@media (prefers-reduced-motion: reduce){pn-multiselect .pn-multiselect-label{transition-duration:0s;transition-delay:0s}}pn-multiselect .pn-multiselect-label>span{font-size:0.875em}pn-multiselect .pn-multiselect-sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);margin:-1px;white-space:nowrap}pn-multiselect .pn-multiselect-group{position:relative;padding:0;margin:0}pn-multiselect .pn-multiselect-input{position:relative}pn-multiselect .pn-multiselect-input>pn-icon{pointer-events:none;position:absolute;top:0.75em;right:3.5em}pn-multiselect .pn-multiselect-input>pn-icon[data-custom]{left:0.75em;right:unset}pn-multiselect .pn-multiselect-button{cursor:pointer;position:absolute;right:0.75em;top:50%;transform:translateY(-50%);padding:0;margin:0;border:0;width:2em;height:2em;font-size:1em;border-radius:50%;background-color:transparent;-webkit-tap-highlight-color:transparent;transition-property:background-color, outline-color, border-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);outline:0.2rem solid transparent;outline-offset:0.2rem}@media (prefers-reduced-motion: reduce){pn-multiselect .pn-multiselect-button{transition-duration:0s;transition-delay:0s}}pn-multiselect .pn-multiselect-button:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}pn-multiselect .pn-multiselect-button>pn-icon>svg>path{transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-delay:0.2s;transform-origin:center;transform:rotate(0deg)}@media (prefers-reduced-motion: reduce){pn-multiselect .pn-multiselect-button>pn-icon>svg>path{transition-duration:0s;transition-delay:0s}}pn-multiselect .pn-multiselect-button:hover{background-color:#effbff}pn-multiselect .pn-multiselect-button[aria-expanded=true]{background-color:#effbff}pn-multiselect .pn-multiselect-button[aria-expanded=true]>pn-icon>svg>path{transform:rotate(180deg);transition-delay:0s}pn-multiselect .pn-multiselect-element{color:#2d2013;background-color:#ffffff;border:0.0625em solid #969087;border-radius:0.5em;padding:0.75em;font-family:inherit;font-size:1em;font-weight:500;line-height:1.5em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:outline-color, background-color, border-color, color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);cursor:text;text-align:left;transition-delay:0.1s, 0.1s, 0s;width:100%;padding-right:3.5em;display:flex;align-items:center;justify-content:space-between;gap:0.5em;overflow:hidden;text-overflow:ellipsis}pn-multiselect .pn-multiselect-element:-webkit-autofill,pn-multiselect .pn-multiselect-element:-webkit-autofill:hover,pn-multiselect .pn-multiselect-element:-webkit-autofill:focus,pn-multiselect .pn-multiselect-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #e0f8ff inset;-webkit-text-fill-color:#2d2013}pn-multiselect .pn-multiselect-element:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}@media (prefers-reduced-motion: reduce){pn-multiselect .pn-multiselect-element{transition-duration:0s;transition-delay:0s}}pn-multiselect .pn-multiselect-element::placeholder{color:#5e554a;font-weight:normal}pn-multiselect .pn-multiselect-element:hover{border-color:#005d92}pn-multiselect .pn-multiselect-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}pn-multiselect .pn-multiselect-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2;pointer-events:none}pn-multiselect .pn-multiselect-element:disabled+.pn-multiselect-button{pointer-events:none}pn-multiselect .pn-multiselect-element:disabled+.pn-multiselect-button path{fill:#5e554a}pn-multiselect .pn-multiselect-element:placeholder{color:#5e554a;font-weight:normal}pn-multiselect .pn-multiselect-element[type=input]:hover{cursor:pointer;color:#2d2013;background-color:#effbff;transition-delay:0s}pn-multiselect .pn-multiselect-element[type=input]:hover[aria-invalid=true]{background-color:#fdefee}pn-multiselect .pn-multiselect-element:focus-visible{transition-delay:0s}pn-multiselect .pn-multiselect-element::-webkit-search-cancel-button,pn-multiselect .pn-multiselect-element::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}pn-multiselect .pn-multiselect-options{scroll-behavior:smooth;position:absolute;z-index:10;top:calc(100% + 0.5em);left:0;right:0;background-color:#ffffff;box-shadow:0em 0.075em 0.225em 0em rgba(0, 0, 0, 0.1), 0em 0.4em 0.9em 0em rgba(0, 0, 0, 0.13);border-radius:0.5em;list-style:none;margin:0;padding:0;width:var(--pn-select-options-width);max-height:var(--pn-select-max-height);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;visibility:hidden;transform-origin:top left}pn-multiselect .pn-multiselect-options[data-open]{visibility:visible}pn-multiselect .pn-multiselect-options[data-upwards]{top:unset;bottom:calc(100% + 0.5em);transform-origin:bottom left;box-shadow:0 -0.0625em 0.125em rgba(0, 0, 0, 0.2)}pn-multiselect .pn-multiselect-options[data-moving]{overflow:hidden;visibility:visible}pn-multiselect .pn-multiselect-options::-webkit-scrollbar{background-color:#ffffff;width:0.875em;border-radius:0.5em}pn-multiselect .pn-multiselect-options::-webkit-scrollbar-track{background-color:#ffffff;border-radius:0.5em}pn-multiselect .pn-multiselect-options::-webkit-scrollbar-thumb{cursor:pointer;background-color:#969087;border-radius:1em;border:0.25em solid #ffffff}pn-multiselect .pn-multiselect-options::-webkit-scrollbar-thumb:hover{background-color:#5e554a}pn-multiselect .pn-multiselect-options::-webkit-scrollbar-corner,pn-multiselect .pn-multiselect-options::-webkit-scrollbar-button{display:none}pn-multiselect .pn-multiselect-options>pn-input{padding:0.5em}pn-multiselect .pn-multiselect-optgroup{list-style:none;padding:0}pn-multiselect .pn-multiselect-optgroup>.pn-multiselect-option>.pn-multiselect-option-content{padding-left:2em}pn-multiselect .pn-multiselect-chips{list-style:none;display:flex;flex-wrap:wrap;gap:0.5em;padding:0;margin:0.5em 0 0 0;color:#5e554a;font-weight:400}pn-multiselect .pn-multiselect-chips:empty{display:none}pn-multiselect .pn-multiselect-chip{margin:0;display:inline-flex;align-items:center;gap:0.25em;background-color:#ffffff;border-radius:0.5em;padding:0.125em 0.25em 0.125em 0.5em;line-height:1.5em;border:0.0625em solid #5e554a;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:background-color, outline-color, border-color, color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-multiselect .pn-multiselect-chip{transition-duration:0s;transition-delay:0s}}pn-multiselect .pn-multiselect-chip:focus-within{color:#005d92;outline-color:#005d92;background-color:#effbff;border-color:#005d92}pn-multiselect .pn-multiselect-chip[data-count]{pointer-events:none;border:0;padding-left:0;padding-right:0;background-color:unset}pn-multiselect .pn-multiselect-chip-label{font-size:0.875em;white-space:nowrap}pn-multiselect .pn-multiselect-chip-button{cursor:pointer;font-size:1em;padding:0.25em;height:1.5em;width:1.5em;border:0;background-color:unset;border-radius:50%;transition-property:background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion: reduce){pn-multiselect .pn-multiselect-chip-button{transition-duration:0s;transition-delay:0s}}pn-multiselect .pn-multiselect-chip-button:hover{background-color:#8eddf9}pn-multiselect .pn-multiselect-chip-button:focus{outline:0}pn-multiselect .pn-multiselect-no-results{margin:0;padding:0.75em}pn-multiselect .pn-multiselect-description{color:#5e554a;font-size:0.875em;font-weight:400;margin:0.25em 0 0 0;display:flex;flex-direction:column;gap:0.25em}pn-multiselect .pn-multiselect-description[role=alert]{color:#a70707}pn-multiselect .pn-multiselect-option{position:relative;margin:0;padding:0}pn-multiselect .pn-multiselect-option .pn-ripple{animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);position:absolute;border-radius:50%;background-color:#005d92;transform:translate(-50%, -50%) scale(0);opacity:0.1;pointer-events:none;z-index:3}@keyframes ripple{to{transform:translate(-50%, -50%) scale(1);opacity:0}}pn-multiselect .pn-multiselect-option-input{cursor:pointer;position:absolute;opacity:0;left:0;top:0;height:100%;width:100%;margin:0;-webkit-tap-highlight-color:transparent}pn-multiselect .pn-multiselect-option-input:disabled{pointer-events:none}pn-multiselect .pn-multiselect-option-input:disabled+.pn-multiselect-option-content{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2;pointer-events:none}pn-multiselect .pn-multiselect-option-input:disabled+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#f3f2f2;border-color:#969087}pn-multiselect .pn-multiselect-option-input:disabled+.pn-multiselect-option-content path{fill:#5e554a}pn-multiselect .pn-multiselect-option-input:disabled:checked+.pn-multiselect-option-content{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}pn-multiselect .pn-multiselect-option-input:disabled:checked+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#969087;border-color:#969087}pn-multiselect .pn-multiselect-option-input:disabled:checked+.pn-multiselect-option-content path{fill:#5e554a}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#a70707}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]+.pn-multiselect-option-content .pn-ripple{background-color:#a70707}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]:checked+.pn-multiselect-option-content{background-color:#fdefee}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]:checked+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#a70707;border-color:#a70707}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]:checked:focus-visible+.pn-multiselect-option-content{background-color:#fdefee}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]:checked:focus-visible+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#500715;border-color:#500715}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]:checked:hover+.pn-multiselect-option-content{background-color:#fef7f6}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]:checked:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#500715;border-color:#500715}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]:hover+.pn-multiselect-option-content{background-color:#fef7f6}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#fdefee;border-color:#a70707}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]:focus-visible+.pn-multiselect-option-content .pn-multiselect-option-checkbox{outline-color:#a70707;background-color:#fdefee;border-color:#a70707}pn-multiselect .pn-multiselect-option-input:hover+.pn-multiselect-option-content{background-color:#effbff}pn-multiselect .pn-multiselect-option-input:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#005d92;background-color:#e0f8ff}pn-multiselect .pn-multiselect-option-input:focus-visible+.pn-multiselect-option-content .pn-multiselect-option-checkbox{outline-color:#005d92;background-color:#e0f8ff;border-color:#005d92}pn-multiselect .pn-multiselect-option-input:checked+.pn-multiselect-option-content{background-color:#e0f8ff}pn-multiselect .pn-multiselect-option-input:checked+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#005d92;background-color:#005d92}pn-multiselect .pn-multiselect-option-input:checked+.pn-multiselect-option-content .pn-multiselect-option-checkbox svg polyline.pn-multiselect-option-checkbox-checkmark-path{transition-delay:0.2s;stroke-dashoffset:0}pn-multiselect .pn-multiselect-option-input:checked:hover+.pn-multiselect-option-content{background-color:#effbff}pn-multiselect .pn-multiselect-option-input:checked:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#0d234b;background-color:#0d234b}pn-multiselect .pn-multiselect-option-input:checked:focus-visible+.pn-multiselect-option-content{background-color:#e0f8ff}pn-multiselect .pn-multiselect-option-input:checked:focus-visible+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#0d234b;background-color:#0d234b}pn-multiselect .pn-multiselect-option-input:indeterminate+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#005d92;border-color:#005d92}pn-multiselect .pn-multiselect-option-input:indeterminate+.pn-multiselect-option-content svg .pn-multiselect-option-checkbox-checkmark-path{stroke-dashoffset:23}pn-multiselect .pn-multiselect-option-input:indeterminate+.pn-multiselect-option-content svg .pn-multiselect-option-checkbox-indeterminate-path{stroke-dashoffset:0}pn-multiselect .pn-multiselect-option-input:indeterminate:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#0d234b;border-color:#0d234b}pn-multiselect .pn-multiselect-option-content{position:relative;overflow:hidden;z-index:-1;display:flex;align-items:center;padding:0.75em 1em;gap:0.5em;background-color:#ffffff;transition-property:background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-multiselect .pn-multiselect-option-content{transition-duration:0s;transition-delay:0s}}pn-multiselect .pn-multiselect-option-text{flex:1;text-overflow:ellipsis;overflow:hidden}pn-multiselect .pn-multiselect-option-label{color:#2d2013;font-weight:400}pn-multiselect .pn-multiselect-option-helper{color:#5e554a;margin:0}pn-multiselect .pn-multiselect-option-checkbox{background-color:#ffffff;flex:0 0 1.5em;width:1.5em;height:1.5em;border:0.0625em solid #969087;border-radius:0.25em;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:background-color, border-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-multiselect .pn-multiselect-option-checkbox{transition-duration:0s;transition-delay:0s}}pn-multiselect .pn-multiselect-option-checkbox svg polyline{stroke:#ffffff;stroke-linecap:round;stroke-dasharray:23;transition-property:stroke-dashoffset;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-delay:0s}@media (prefers-reduced-motion: reduce){pn-multiselect .pn-multiselect-option-checkbox svg polyline{transition-duration:0s;transition-delay:0s}}pn-multiselect .pn-multiselect-option-checkbox svg polyline.pn-multiselect-option-checkbox-checkmark-path{stroke-dashoffset:23}pn-multiselect .pn-multiselect-option-checkbox svg polyline.pn-multiselect-option-checkbox-indeterminate-path{stroke-dashoffset:23}";const b=f;const g=class{constructor(i){t(this,i);this.toggleSelect=e(this,"toggleSelect",7);this.allOptions=e(this,"allOptions",7);this.selectedOption=e(this,"selectedOption",7);this.selectedAllOptions=e(this,"selectedAllOptions",7);this.searchInput=e(this,"searchInput",7);this.isSearching=false;this.open=false;this.upwards=false;this.srMessage=undefined;this.isClosing=false;this.isExpanding=false;this.label=undefined;this.helpertext=undefined;this.placeholder=undefined;this.name=undefined;this.selectId=this.id;this.selectName=undefined;this.icon=undefined;this.language=null;this.options=undefined;this.selectAll=false;this.allValue="pn_multiselect_all";this.search=false;this.searchQuery="";this.itemCount=5;this.maxHeight=undefined;this.top=false;this.bottom=false;this.required=false;this.disabled=false;this.invalid=false;this.error=undefined}id=`pn-multiselect-${r()}`;idLegend=`${this.id}-legend`;idButton=`${this.id}-button`;idOptions=`${this.id}-options`;idHelper=`${this.id}-text`;idChips=`${this.id}-chips`;idSr=`${this.id}-sr`;elGroup;elButton;elInput;elList;elChips;srTimer;animation;animationDurationDefault=400;animationDuration=this.animationDurationDefault;get hostElement(){return i(this)}handleOpen(){if(this.open){this.addGlobalEventListeners();this.handleDirection();this.handleMaxHeight();this.handleWidth();requestAnimationFrame((()=>this.openGrid()))}else{this.closeGrid();this.removeGlobalEventListeners()}}handleSearch(){if(!this.search)this.options=[...this.options.map((t=>{const e={...t,hide:false};if(e?.group?.length)e.group.map((t=>({...t,hide:false})));return e}))]}handleSearchQuery(){if(this.search&&typeof this.searchQuery==="string")this.handleInputSearch()}handleSelectId(){const t=this.selectId;this.idLegend=`${t}-legend`;this.idButton=`${t}-button`;this.idOptions=`${t}-options`;this.idHelper=`${t}-text`;this.idChips=`${t}-chips`;this.idSr=`${t}-sr`}handleResize(){if(!this.open)return;this.toggleOpen(false);this.elList.style.removeProperty("--pn-select-options-width");this.elList.style.removeProperty("--pn-select-max-height")}toggleSelect;allOptions;selectedOption;selectedAllOptions;searchInput;async componentWillLoad(){this.handleSelectId();if(this.language===null)await a(this.hostElement)}componentDidLoad(){if(!!this.searchQuery?.length)this.handleSearchQuery()}globalEvents=t=>{const e=t.target;const i=e?.closest(this.hostElement.localName);if(!i)this.toggleOpen(false)};addGlobalEventListeners(){const t=this.hostElement.getRootNode();t.addEventListener("click",this.globalEvents)}removeGlobalEventListeners(){const t=this.hostElement.getRootNode();t.removeEventListener("click",this.globalEvents)}openGrid(){requestAnimationFrame((()=>{const{clientHeight:t,scrollHeight:e}=this.elList;const i=this.isClosing?t:0;this.elList.style.height=`${e}px`;this.isExpanding=true;this.animateGrid(true,`${i}px`,this.maxHeight||`${this.elList.scrollHeight}px`)}))}closeGrid(){const{scrollHeight:t,clientHeight:e}=this.elList;const i=this.isExpanding?e:t;this.elList.style.height=`0px`;this.isClosing=true;this.animateGrid(false,`${i}px`,`0px`)}animateGrid(t,e,i){this.cancelAnimations();if(p())this.animationDuration=0;else this.animationDuration=this.animationDurationDefault;this.animation=this.elList.animate({height:[e,i]},{duration:this.animationDuration,easing:"cubic-bezier(0.6, 0, 0.2, 1)"});this.animation.onfinish=()=>this.animationFinish();this.animation.oncancel=()=>t?this.isExpanding=false:this.isClosing=false}animationFinish(){this.cancelAnimations();this.elList.style.height=this.isClosing?"0px":"";this.isClosing=false;this.isExpanding=false}cancelAnimations(){if(this.animation)this.animation.cancel()}emitEvents(t,e){this.allOptions.emit(this.options);if(t)return this.selectedOption.emit(t);const i={checked:e,searching:this.isSearching};if(this.search&&this.optionsTotal()!==this.optionsSearch().length){i.query=this.searchQuery;i.found=this.optionsSearch()}this.selectedAllOptions.emit(i)}optionsChecked(){const t=this.options?.reduce(((t,e)=>{const i=e.group?[...e.group.filter((({checked:t})=>t))]:[];if(e.checked)t.push(e);if(i?.length)t.push(...i);return t}),[]);return t}optionsTotal(){return this.options?.reduce(((t,e)=>t+(e?.group?.length?e.group.length+1:1)),0)}optionsIndex(t){const e=({group:e=[]})=>e?.findIndex((({value:e})=>e===t));const i=this.options.findIndex((i=>i.value===t||e(i)!==-1));const n=e(this.options?.[i]);return{indexGroup:i,indexNested:n}}optionsCheckedTotal(){return this.optionsChecked()?.length}optionsCheckedPreview(){return this.optionsChecked()?.slice(0,this.itemCount)}optionsCheckedLabels(){return this.optionsChecked()?.map((({label:t})=>t))?.join(", ")}optionsSearch(){const t=this.options?.reduce(((t,e)=>{const i=e.group?[...e.group.filter((({hide:t})=>!t))]:[];if(!e.hide)t.push(e);if(i?.length)t.push(...i);return t}),[]);return t}noResults(){return this.optionsSearch()?.length===0}isIndeterminate(t){const e=this.options?.[t];if(e?.group?.length){const t=e.group.every((({checked:t})=>t));const i=e.group.every((({checked:t})=>!t));return!(t||i)}return false}optionSelect({val:t,checked:e,chip:i}){if(t===this.allValue)return this.optionSelectAll(e);const n=this.options;const{indexGroup:o,indexNested:l}=this.optionsIndex(t);const s=n[o]?.group;const c=s?.[l];if(c?.value){n[o].group[l].checked=e;const t=s?.every((({checked:t})=>t));if(t)n[o].checked=true;else n[o].checked=false}else{n[o].checked=e;if(s?.length)n[o].group=s?.map((t=>({...t,checked:e})))}const r=l===-1?n[o]:n[o].group[l];this.emitEvents(r);this.options=[...n];if(typeof i==="number"){this.handleSrMesssage(`${this.translate("REMOVED")} ${r.label}`);requestAnimationFrame((()=>{const t=i===this.optionsCheckedTotal()?i-1:i;const e=Array.from(this.elChips.children)?.[t];e?.querySelector("button").focus({preventScroll:true})}))}}optionSelectAll(t){this.options=[...this.options.map((e=>{const i={...e,checked:this.isSearching?e.hide?e.checked:t:t};if(i.group)i.group=[...i.group.map((e=>({...e,checked:this.isSearching?e.hide?e.checked:t:t})))];const n=i?.group?.every((({checked:t})=>t));if(i?.group?.length)i.checked=n;return i}))];this.emitEvents(null,t)}optionSelected(t){return!!this.optionsChecked()?.find((({value:e,checked:i})=>e===t&&i))}translate(t){const e=m?.[t]?.[this.language||h];if(e.includes("{number}"))return e.replace("{number}",this.optionsSearch().length);return e}getRect(t){return t?.getBoundingClientRect()}ripple({clientX:t,clientY:e,target:i}){const n=t===0&&e===0;const o=i.nextElementSibling;const{x:l,width:s,y:c,top:r}=this.getRect(o);const a=n?{clientX:l+s-24,clientY:c-r}:{clientX:t,clientY:e};u(a,o)}handleSrMesssage(t){this.srMessage=t;clearTimeout(this.srTimer);this.srTimer=setTimeout((()=>this.srMessage=null),2e3)}handleDirection(){if(this.top)return this.upwards=true;if(this.bottom)return this.upwards=false;const{bottom:t,top:e}=this.getRect(this.elInput);const i=16;const n=window.innerHeight-t-i;const o=e-i;this.upwards=o/2>n}handleMaxHeight(){if(this.maxHeight)return this.elGroup.style.setProperty("--pn-select-max-height",this.maxHeight);const{bottom:t,top:e}=this.getRect(this.elInput);const i=this.upwards?e:t;const n=d();const o=this.upwards?n+16:16;const l=this.upwards?i-o:window.innerHeight-i-o;this.elGroup.style.setProperty("--pn-select-max-height",`${Math.ceil(l)}px`)}handleWidth(){const{width:t}=this.getRect(this.elInput);this.elGroup.style.setProperty("--pn-select-options-width",`${Math.ceil(t)}px`)}setFocus(){if(this.search)this.elInput.focus({preventScroll:true});else this.elButton.focus({preventScroll:true})}hasError(){return this.invalid||!!this.error}hasMessage(){return!!this.helpertext||!!this.error}toggleOpen(t){if(typeof t==="boolean"&&t===this.open)return;this.open=t??!this.open;this.toggleSelect.emit({open:this.open})}handleInputKeyboard(t){t.stopImmediatePropagation();const{code:e}=t;if(e==="Escape")return this.toggleOpen(false);if(!this.open&&e.match(/^(Space|Enter)$|Arrow|^Key.*$/))this.toggleOpen()}setSearchQuery(t){if(!this.open)this.toggleOpen(true);this.searchQuery=t}handleInputSearch(){if(this.isEmpty())return;const t=this.searchQuery;const e=({label:e,helpertext:i,value:n})=>`${e} ${i} ${n}`.trim().toLowerCase().includes(t.toLowerCase());const i=this.options.map((t=>{const i=t?.group?.map((t=>({...t,hide:!e(t)})))||[];const n=e(t)||i?.some((({hide:t})=>!t));t.hide=!n;if(t?.group?.length)t.group=[...i];return t}));this.isSearching=t!=="";this.options=[...i];this.searchInput.emit({query:t,found:this.optionsSearch()})}getListItem(t){const{value:e}=this.options[t];return this.elList.querySelector(`.pn-multiselect-option-input[value='${e}']`)}getOptionIndex(t,e,i){const n=this.optionsTotal()-1;if(i==="End")return n;if(i==="Home")return 0;const o=this.options.findIndex((({value:e})=>e===t));const l=e.find((t=>typeof t==="number"));const s=o+l;if(s>=n)return n;if(s<=0)return 0;return s}checkboxNav(t,e){const{code:i}=t;const n=i==="ArrowUp"&&-1;const o=i==="ArrowDown"&&1;const l=i==="PageUp"&&-10;const s=i==="PageDown"&&10;const c=i==="Home"&&0;const r=i==="End"&&this.optionsTotal()-1;const a=i==="Tab";const p=i==="Space";const u=i==="Enter";const d=i==="Escape";const h=[n,o,l,s,c,r,a,p,u,d];if(!h.some((t=>typeof t==="number"||t)))return;if(a||p||u)return;t.stopImmediatePropagation();t.preventDefault();if(d){this.setFocus();return this.toggleOpen(false)}const m=this.getOptionIndex(e,h,i);return this.getListItem(m)?.focus()}handleBlur(t){const e=t.target;const i=t.relatedTarget;const n=(i||e)?.className==="pn-multiselect-chip-button";if(n)this.toggleOpen(false)}handleLabel(){if(this.disabled)return;this.setFocus()}isEmpty(){return(this.options?.length||0)===0}showSelectAll(){return this.selectAll&&!this.isEmpty()&&!this.noResults()}showEmptyOption(){return this.isSearching&&this.noResults()||this.isEmpty()}getPlaceholder(){const t=this.search?"SEARCH":"SELECT_AN_OPTION";return this.placeholder||this.translate(t)}handleChange({target:t}){const{value:e,checked:i}=t;this.optionSelect({val:e,checked:i})}additonalOptions(){const t=this.optionsCheckedTotal()-this.itemCount;const e=`MORE_OPTION${t===1?"":"S"}`;return`${t} ${this.translate(e)}`}describedBy(){const t=[this.search&&this.idChips,this.srMessage&&this.idSr,!!this.helpertext&&this.idHelper].filter(Boolean);if(t.length)return t.join(" ");return null}renderOption({label:t,value:e,checked:i,helpertext:o,icon:l,id:s=`${this.selectId}-${e||t}`,invalid:c,disabled:r,hide:a,group:p},u,d){return n("li",{class:"pn-multiselect-option",key:s,hidden:a},n("input",{type:"checkbox",id:s,class:"pn-multiselect-option-input",checked:i??this.optionSelected(e),indeterminate:d===undefined&&this.isIndeterminate(u),name:this.name,value:e,disabled:this.disabled||r,required:this.required,"aria-invalid":c?"true":null,"aria-describedby":o?`${s}-helper`:null,onClick:t=>this.ripple(t),onKeyDown:t=>this.checkboxNav(t,e),onBlur:t=>this.handleBlur(t)}),n("div",{class:"pn-multiselect-option-content"},!!l&&n("pn-icon",{icon:l,color:"blue900"}),n("div",{class:"pn-multiselect-option-text"},n("label",{class:"pn-multiselect-option-label",htmlFor:s},n("span",null,t)),o&&n("p",{class:"pn-multiselect-option-helper",id:`${s}-helper`},o)),n("div",{class:"pn-multiselect-option-checkbox"},n("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},n("polyline",{class:"pn-multiselect-option-checkbox-checkmark-path",points:"4,12 9,17 20,6","stroke-width":"3"}),n("polyline",{class:"pn-multiselect-option-checkbox-indeterminate-path",points:"4,12 20,12","stroke-width":"3"})))),p?.length&&n("ul",{class:"pn-multiselect-optgroup"},p?.map(((t,e)=>this.renderOption(t,u,e)))))}renderOptions(){return n("ul",{id:this.idOptions,class:"pn-multiselect-options","data-open":this.open,"data-upwards":this.upwards,"data-moving":this.isClosing||this.isExpanding,onChange:t=>this.handleChange(t),style:{height:"0px"},ref:t=>this.elList=t},this.showSelectAll()&&this.renderOption({label:this.translate(`SELECT_${this.isSearching?"FOUND":"ALL"}_OPTIONS`),value:this.allValue,checked:this.optionsTotal()===this.optionsCheckedTotal()}),this.options?.map(((t,e)=>this.renderOption(t,e))),this.showEmptyOption()&&n("li",{class:"pn-multiselect-option"},n("div",{class:"pn-multiselect-option-content",role:"alert"},n("div",{class:"pn-multiselect-option-text"},n("span",{class:"pn-multiselect-option-label"},this.translate(this.isEmpty()?"NO_OPTIONS":"NO_SEARCH_RESULTS"))))))}renderChips(){return n("ul",{id:this.idChips,class:"pn-multiselect-chips","aria-label":this.translate("SELECTED_OPTIONS"),ref:t=>this.elChips=t},this.optionsCheckedPreview()?.map((({label:t,value:e},i)=>n("li",{class:"pn-multiselect-chip","aria-setsize":this.optionsCheckedTotal(),"aria-posinset":i+1,key:`${t}-${e}`},n("span",{class:"pn-multiselect-chip-label"},t),n("button",{type:"button",class:"pn-multiselect-chip-button","aria-label":`${this.translate("REMOVE")} ${t}`,onClick:()=>this.optionSelect({val:e,checked:false,chip:i})},n("pn-icon",{icon:c,small:true,color:"blue700"}))))),this.optionsCheckedTotal()>this.itemCount&&n("li",{class:"pn-multiselect-chip","data-count":true},n("span",{class:"pn-multiselect-chip-label"},"+ ",this.additonalOptions())))}render(){return n(o,{key:"1cf81d38c41d906748ea6fd930ef0a3ffaa7f5d6"},n("fieldset",{key:"21265396b14535f99dba3e7fd2d093ccb2a380af",class:"pn-multiselect","data-icon":!!this.icon,"data-error":this.hasError(),disabled:this.disabled},this.label&&n("legend",{key:"7b9df3db2b214ddced59dd3cbc5d6b7e474f5c1b",id:this.idLegend,class:"pn-multiselect-label",onClick:()=>this.handleLabel()},n("span",{key:"de1e49c84b9c8a90e1f2e27b1757b9d7b80269f9"},this.label),!!this.optionsChecked()?.length&&n("span",{key:"4d7a4718ff5564a8bd9824191674a536e674db00"},this.optionsCheckedTotal(),"/",this.optionsTotal())),n("div",{key:"1133f2b71d626942cc1aedfcdb99c35c0cc19e6b",class:"pn-multiselect-group",ref:t=>this.elGroup=t},n("div",{key:"d48cbaecab417ef48f67be0a17255e2f17bef233",class:"pn-multiselect-input"},!!this.icon&&n("pn-icon",{key:"053f2dea56dc17880890780f4cb0dbe36973ce72",class:"pn-multiselect-icon","data-custom":true,icon:this.icon}),n("input",{key:"0e1ac1adee922ff2123aa8e8277288f661f40a48",tabindex:this.search?null:"-1",type:this.search?"search":"input",id:this.selectId,class:"pn-multiselect-element",value:this.search?this.searchQuery:this.optionsCheckedLabels(),name:this.selectName,placeholder:this.getPlaceholder(),required:this.search?null:this.required,"aria-labelledby":this.idLegend,"aria-describedby":this.describedBy(),"aria-controls":`${this.idOptions} ${this.search?this.idChips:""}`,"aria-invalid":this.hasError()?.toString(),disabled:this.disabled,readonly:!this.search,onClick:()=>this.search&&this.open?null:this.toggleOpen(),onKeyDown:t=>this.handleInputKeyboard(t),onBlur:t=>this.handleBlur(t),onInput:t=>this.search&&this.setSearchQuery(t.target.value),ref:t=>this.elInput=t}),this.hasError()&&n("pn-icon",{key:"0112d6d05e23edbd392b27df3bc29cb1e2909331",class:"pn-multiselect-icon","data-error":true,icon:l,color:"warning"}),n("button",{key:"e363e1f51469f973300db4543622de3da2dc1176",id:this.idButton,type:"button",class:"pn-multiselect-button","aria-label":this.translate(`BUTTON_${this.open?"CLOSE":"OPEN"}`),"aria-describedby":this.search?null:this.selectId,"aria-controls":this.idOptions,"aria-expanded":this.open.toString(),onClick:()=>this.toggleOpen(),ref:t=>this.elButton=t},n("pn-icon",{key:"4945c172b4913430a1d24e4e363b778734b19be4",class:"pn-multiselect-icon",icon:s,color:"blue700"}))),this.renderOptions()),this.hasMessage()&&n("p",{key:"318cf667b58984da1ba7eea2655cd87079efaf13",id:this.idHelper,class:"pn-multiselect-description",role:!!this.error?"alert":null},n("span",{key:"eca71fe8b54c115bfef10c96408a832e1ffb3e15"},this.error||this.helpertext)),this.search&&this.renderChips(),n("slot",{key:"7fb51af2932ef92ca98bddcb1831f586bba1a7dd"}),this.search&&n("p",{key:"4e7a2527cd6068ff1b17e23b775bc46b858f3256",id:this.idSr,class:"pn-multiselect-sr-only",role:"alert","aria-live":"assertive"},this.srMessage&&n("span",{key:"bc6de5cae5fc36189390c56af59f06671cbeabe0"},this.srMessage))))}static get watchers(){return{open:["handleOpen"],search:["handleSearch"],searchQuery:["handleSearchQuery"],selectId:["handleSelectId"]}}};g.style=b;export{g as pn_multiselect};
+//# sourceMappingURL=p-ed4271af.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/p-ed4271af.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["translations","SELECT_AN_OPTION","en","sv","da","fi","no","SELECT_ALL_OPTIONS","SELECT_FOUND_OPTIONS","SELECTED_OPTIONS","BUTTON_OPEN","BUTTON_CLOSE","REMOVE","REMOVED","MORE_OPTION","MORE_OPTIONS","SEARCH","RESULTS_FOUND","NO_SEARCH_RESULTS","NO_OPTIONS","pnMultiselectCss","PnMultiselectStyle0","PnMultiselect","this","id","uuidv4","idLegend","idButton","idOptions","idHelper","idChips","idSr","elGroup","elButton","elInput","elList","elChips","srTimer","animation","animationDurationDefault","animationDuration","handleOpen","open","addGlobalEventListeners","handleDirection","handleMaxHeight","handleWidth","requestAnimationFrame","openGrid","closeGrid","removeGlobalEventListeners","handleSearch","search","options","map","option","item","hide","group","length","opt","handleSearchQuery","searchQuery","handleInputSearch","handleSelectId","selectId","handleResize","toggleOpen","style","removeProperty","toggleSelect","allOptions","selectedOption","selectedAllOptions","searchInput","componentWillLoad","language","awaitTopbar","hostElement","componentDidLoad","globalEvents","event","target","isWithinCalendar","closest","localName","root","getRootNode","addEventListener","removeEventListener","clientHeight","scrollHeight","height","isClosing","isExpanding","animateGrid","maxHeight","startHeight","endHeight","cancelAnimations","reduceMotion","animate","duration","easing","onfinish","animationFinish","oncancel","cancel","emitEvents","all","emit","data","checked","searching","isSearching","optionsTotal","optionsSearch","query","found","optionsChecked","list","reduce","sum","subgroup","filter","push","optionsIndex","val","findNested","findIndex","value","indexGroup","indexNested","optionsCheckedTotal","optionsCheckedPreview","slice","itemCount","optionsCheckedLabels","label","join","noResults","isIndeterminate","groupIndex","every","none","optionSelect","chip","allValue","optionSelectAll","nested","allSiblingsChecked","handleSrMesssage","translate","index","btn","Array","from","children","querySelector","focus","preventScroll","allChecked","optionSelected","find","prop","text","includes","replace","getRect","element","getBoundingClientRect","ripple","clientX","clientY","isKeyboard","nextElementSibling","x","width","y","top","clientCor","srMessage","clearTimeout","setTimeout","upwards","bottom","oneEm","offsetTop","window","innerHeight","offsetBottom","setProperty","inputHeight","getTotalHeightOffset","offset","Math","ceil","setFocus","hasError","invalid","error","hasMessage","helpertext","state","handleInputKeyboard","stopImmediatePropagation","code","match","setSearchQuery","isEmpty","term","performSearch","trim","toLowerCase","foundNested","some","getListItem","getOptionIndex","triggers","total","valIndex","count","checkboxNav","e","arrowUp","arrowDown","pageUp","pageDown","home","end","tab","space","enter","escape","preventDefault","handleBlur","related","relatedTarget","jumpingToChips","className","handleLabel","disabled","showSelectAll","selectAll","showEmptyOption","getPlaceholder","autoTranslation","placeholder","handleChange","additonalOptions","single","describedBy","Boolean","renderOption","icon","h","class","key","hidden","type","indeterminate","undefined","name","required","onClick","onKeyDown","onBlur","color","htmlFor","xmlns","viewBox","fill","points","i","renderOptions","onChange","ref","el","role","renderChips","close","small","render","Host","tabindex","selectName","toString","readonly","onInput","alert_exclamation_circle","angle_down"],"sources":["src/components/input/pn-multiselect/translations.ts","src/components/input/pn-multiselect/pn-multiselect.scss?tag=pn-multiselect","src/components/input/pn-multiselect/pn-multiselect.tsx"],"sourcesContent":["export const translations = {\n  SELECT_AN_OPTION: {\n    en: 'Select an option',\n    sv: 'Välj ett alternativ',\n    da: 'Vælg en mulighed',\n    fi: 'Valitse vaihtoehto',\n    no: 'Velg et alternativ',\n  },\n  SELECT_ALL_OPTIONS: {\n    en: 'Select all options',\n    sv: 'Välj alla alternativ',\n    da: 'Vælg alle muligheder',\n    fi: 'Valitse kaikki vaihtoehdot',\n    no: 'Velg alle alternativer',\n  },\n  SELECT_FOUND_OPTIONS: {\n    en: 'Select {number} options',\n    sv: 'Välj {number} alternativ',\n    da: 'Vælg {number} muligheder',\n    fi: 'Valitse {number} vaihtoehtoa',\n    no: 'Velg {number} alternativer',\n  },\n  SELECTED_OPTIONS: {\n    en: 'Selected options.',\n    sv: 'Valda alternativ.',\n    da: 'Valgte muligheder.',\n    fi: 'Valitut vaihtoehdot.',\n    no: 'Valgte alternativer.',\n  },\n  BUTTON_OPEN: {\n    en: 'Open list',\n    sv: 'Öppna listan',\n    da: 'Open list',\n    fi: 'Open list',\n    no: 'Open list',\n  },\n  BUTTON_CLOSE: {\n    en: 'Close list',\n    sv: 'Stäng listan',\n    da: 'Close list',\n    fi: 'Close list',\n    no: 'Close list',\n  },\n  REMOVE: {\n    en: 'Remove',\n    sv: 'Ta bort',\n    da: 'Remove',\n    fi: 'Remove',\n    no: 'Remove',\n  },\n  REMOVED: {\n    en: 'Removed',\n    sv: 'Tog bort',\n    da: 'Fjernet',\n    fi: 'Poistettu',\n    no: 'Fjernet',\n  },\n  MORE_OPTION: {\n    en: 'more option.',\n    sv: 'alternativ till.',\n    da: 'mulighed mere.',\n    fi: 'vaihtoehto lisää.',\n    no: 'alternativ til.',\n  },\n  MORE_OPTIONS: {\n    en: 'more options.',\n    sv: 'fler alternativ.',\n    da: 'more options.',\n    fi: 'more options.',\n    no: 'more options.',\n  },\n  SEARCH: {\n    en: 'Search',\n    sv: 'Sök',\n    da: 'Søg',\n    fi: 'Hae',\n    no: 'Søk',\n  },\n  RESULTS_FOUND: {\n    en: 'options found',\n    sv: 'alternativ hittades',\n    da: 'muligheder fundet',\n    fi: 'vaihtoehtoja löytyi',\n    no: 'alternativer funnet',\n  },\n  NO_SEARCH_RESULTS: {\n    en: 'No options found',\n    sv: 'Inga alternativ hittades',\n    da: 'Ingen muligheder fundet',\n    fi: 'Vaihtoehtoja ei löytynyt',\n    no: 'Finner ingen alternativer',\n  },\n  NO_OPTIONS: {\n    en: 'No options available',\n    sv: 'Inga alternativ tillgängliga',\n    da: 'Ingen tilgængelige muligheder',\n    fi: 'Ei vaihtoehtoja',\n    no: 'Ingen tilgjengelige alternativer',\n  },\n};\n","@use 'src/globals/main';\n\npn-multiselect {\n  display: inline-block;\n}\n\npn-multiselect .pn-multiselect {\n  border: 0;\n  margin: 0;\n  padding: 0;\n\n  &[data-icon] .pn-multiselect-element {\n    padding-left: 3em;\n  }\n\n  &[data-error] .pn-multiselect-element {\n    padding-right: 5.5em;\n    @include main.pn-input-field-error();\n  }\n\n  &-label {\n    @include main.pn-input-label;\n    width: 100%;\n  }\n\n  @include main.pn-sr-only-class();\n\n  &-group {\n    position: relative;\n    padding: 0;\n    margin: 0;\n  }\n\n  &-input {\n    position: relative;\n\n    > pn-icon {\n      pointer-events: none;\n      position: absolute;\n      top: 0.75em;\n      right: 3.5em;\n      &[data-custom] {\n        left: 0.75em;\n        right: unset;\n      }\n    }\n  }\n\n  &-button {\n    cursor: pointer;\n    position: absolute;\n    right: 0.75em;\n    top: 50%;\n    transform: translateY(-50%);\n    padding: 0;\n    margin: 0;\n    border: 0;\n    width: 2em;\n    height: 2em;\n    font-size: 1em;\n    border-radius: 50%;\n    background-color: transparent;\n\n    -webkit-tap-highlight-color: transparent;\n\n    @include main.pn-transition('background-color, outline-color, border-color');\n    @include main.pn-focus(main.$blue700, main.$white, main.$blue700);\n\n    > pn-icon > svg > path {\n      @include main.pn-transition('transform');\n      transition-delay: main.$timing;\n      transform-origin: center;\n      transform: rotate(0deg);\n    }\n\n    &:hover {\n      background-color: main.$blue25;\n    }\n\n    &[aria-expanded='true'] {\n      background-color: main.$blue25;\n      > pn-icon > svg > path {\n        transform: rotate(180deg);\n        transition-delay: 0s;\n      }\n    }\n  }\n\n  &-element {\n    @include main.pn-input-field;\n\n    cursor: text;\n    text-align: left;\n    transition-delay: 0.1s, 0.1s, 0s;\n    width: 100%;\n    padding-right: 3.5em;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 0.5em;\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &:disabled {\n      @include main.pn-disabled;\n      pointer-events: none;\n      + .pn-multiselect-button {\n        pointer-events: none;\n        path {\n          fill: main.$input-color-disabled;\n        }\n      }\n    }\n\n    &:placeholder {\n      @include main.pn-placeholder;\n    }\n\n    &[type='input']:hover {\n      cursor: pointer;\n      color: main.$input-color;\n      background-color: main.$input-background-hover;\n      transition-delay: 0s;\n      &[aria-invalid='true'] {\n        background-color: main.$input-background-error-hover;\n      }\n    }\n\n    &:focus-visible {\n      transition-delay: 0s;\n    }\n\n    &::-webkit-search-cancel-button,\n    &::-webkit-search-decoration {\n      -webkit-appearance: none;\n      -moz-appearance: none;\n      appearance: none;\n    }\n  }\n\n  &-options {\n    scroll-behavior: smooth;\n    position: absolute;\n    z-index: 10;\n    top: calc(100% + 0.5em);\n    left: 0;\n    right: 0;\n    background-color: main.$white;\n    box-shadow:\n      0em 0.075em 0.225em 0em rgba(0, 0, 0, 0.1),\n      0em 0.4em 0.9em 0em rgba(0, 0, 0, 0.13);\n\n    border-radius: main.$border-radius;\n\n    list-style: none;\n    margin: 0;\n    padding: 0;\n\n    width: var(--pn-select-options-width);\n    max-height: var(--pn-select-max-height);\n    overflow-y: auto;\n    overflow-x: hidden;\n\n    display: flex;\n    flex-direction: column;\n\n    visibility: hidden;\n\n    transform-origin: top left;\n\n    &[data-open] {\n      visibility: visible;\n    }\n\n    &[data-upwards] {\n      top: unset;\n      bottom: calc(100% + 0.5em);\n      transform-origin: bottom left;\n      box-shadow: 0 -0.0625em 0.125em rgba(0, 0, 0, 0.2);\n    }\n\n    &[data-moving] {\n      overflow: hidden;\n      visibility: visible;\n    }\n\n    @include main.pn-scrollbar();\n\n    > pn-input {\n      padding: 0.5em;\n    }\n  }\n\n  &-optgroup {\n    list-style: none;\n    padding: 0;\n    > .pn-multiselect-option > .pn-multiselect-option-content {\n      padding-left: 2em;\n    }\n  }\n\n  &-chips {\n    list-style: none;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.5em;\n    padding: 0;\n    margin: 0.5em 0 0 0;\n    color: main.$gray700;\n    font-weight: 400;\n    &:empty {\n      display: none;\n    }\n  }\n\n  &-chip {\n    margin: 0;\n    display: inline-flex;\n    align-items: center;\n    gap: 0.25em;\n    background-color: main.$white;\n    border-radius: main.$border-radius;\n    padding: 0.125em 0.25em 0.125em 0.5em;\n    line-height: 1.5em;\n    border: 0.0625em solid main.$gray700;\n\n    @include main.pn-focus-base;\n    @include main.pn-transition('background-color, outline-color, border-color, color');\n\n    &:focus-within {\n      color: main.$blue700;\n      @include main.pn-focus-visible(main.$blue700, main.$blue25, main.$blue700);\n    }\n\n    &[data-count] {\n      pointer-events: none;\n      border: 0;\n      padding-left: 0;\n      padding-right: 0;\n      background-color: unset;\n    }\n\n    &-label {\n      font-size: 0.875em;\n      white-space: nowrap;\n    }\n\n    &-button {\n      cursor: pointer;\n      font-size: 1em;\n      padding: 0.25em;\n      height: 1.5em;\n      width: 1.5em;\n      border: 0;\n      background-color: unset;\n      border-radius: 50%;\n      @include main.pn-transition('background-color');\n      -webkit-tap-highlight-color: transparent;\n\n      &:hover {\n        background-color: main.$blue200;\n      }\n      &:focus {\n        outline: 0;\n      }\n    }\n  }\n\n  &-no-results {\n    margin: 0;\n    padding: 0.75em;\n  }\n\n  &-description {\n    @include main.pn-input-helpertext;\n    &[role='alert'] {\n      color: main.$helpertext-color-error;\n    }\n  }\n}\n\n// Select option\npn-multiselect .pn-multiselect-option {\n  position: relative;\n  margin: 0;\n  padding: 0;\n  @include main.pn-ripple(main.$blue700);\n\n  &-input {\n    cursor: pointer;\n    position: absolute;\n    opacity: 0;\n    left: 0;\n    top: 0;\n    height: 100%;\n    width: 100%;\n    margin: 0;\n    -webkit-tap-highlight-color: transparent;\n\n    &:disabled {\n      pointer-events: none;\n      + .pn-multiselect-option-content {\n        @include main.pn-disabled;\n        pointer-events: none;\n        .pn-multiselect-option-checkbox {\n          background-color: main.$input-background-disabled;\n          border-color: main.$input-border-disabled;\n        }\n        path {\n          fill: main.$input-color-disabled;\n        }\n      }\n\n      &:checked {\n        + .pn-multiselect-option-content {\n          @include main.pn-disabled;\n          .pn-multiselect-option-checkbox {\n            background-color: main.$input-button-disabled;\n            border-color: main.$input-border-disabled;\n          }\n          path {\n            fill: main.$input-color-disabled;\n          }\n        }\n      }\n    }\n\n    &[aria-invalid='true'] {\n      + .pn-multiselect-option-content {\n        .pn-multiselect-option-checkbox {\n          border-color: main.$border-color-error;\n        }\n        .pn-ripple {\n          background-color: main.$warning;\n        }\n      }\n\n      &:checked + .pn-multiselect-option-content {\n        background-color: main.$input-background-error-active;\n        .pn-multiselect-option-checkbox {\n          background-color: main.$input-button-active-error;\n          border-color: main.$input-button-active-error;\n        }\n      }\n\n      &:checked:focus-visible + .pn-multiselect-option-content {\n        background-color: main.$input-background-error-active;\n        .pn-multiselect-option-checkbox {\n          background-color: main.$input-button-active-error-focus;\n          border-color: main.$input-button-active-error-focus;\n        }\n      }\n\n      &:checked:hover + .pn-multiselect-option-content {\n        background-color: main.$coral25;\n        .pn-multiselect-option-checkbox {\n          background-color: main.$input-button-active-error-hover;\n          border-color: main.$input-button-active-error-hover;\n        }\n      }\n\n      &:hover + .pn-multiselect-option-content {\n        background-color: main.$coral25;\n        .pn-multiselect-option-checkbox {\n          background-color: main.$input-background-error-hover;\n          border-color: main.$border-color-error-focus;\n        }\n      }\n\n      &:focus-visible + .pn-multiselect-option-content .pn-multiselect-option-checkbox {\n        @include main.pn-focus-visible(\n          main.$border-color-error-focus,\n          main.$input-background-error-active,\n          main.$border-color-error-focus\n        );\n      }\n    }\n\n    &:hover + .pn-multiselect-option-content {\n      background-color: main.$blue25;\n      .pn-multiselect-option-checkbox {\n        border-color: main.$blue700;\n        background-color: main.$blue50;\n      }\n    }\n\n    &:focus-visible + .pn-multiselect-option-content .pn-multiselect-option-checkbox {\n      @include main.pn-focus-visible(main.$blue700, main.$blue50, main.$blue700);\n    }\n\n    &:checked + .pn-multiselect-option-content {\n      background-color: main.$blue50;\n      .pn-multiselect-option-checkbox {\n        border-color: main.$blue700;\n        background-color: main.$blue700;\n        svg polyline.pn-multiselect-option-checkbox-checkmark-path {\n          transition-delay: 0.2s;\n          stroke-dashoffset: 0;\n        }\n      }\n    }\n\n    &:checked:hover + .pn-multiselect-option-content {\n      background-color: main.$blue25;\n      .pn-multiselect-option-checkbox {\n        border-color: main.$blue900;\n        background-color: main.$blue900;\n      }\n    }\n\n    &:checked:focus-visible + .pn-multiselect-option-content {\n      background-color: main.$blue50;\n      .pn-multiselect-option-checkbox {\n        border-color: main.$blue900;\n        background-color: main.$blue900;\n      }\n    }\n\n    &:indeterminate + .pn-multiselect-option-content {\n      .pn-multiselect-option-checkbox {\n        background-color: main.$blue700;\n        border-color: main.$blue700;\n      }\n      svg .pn-multiselect-option-checkbox-checkmark-path {\n        stroke-dashoffset: 23;\n      }\n      svg .pn-multiselect-option-checkbox-indeterminate-path {\n        stroke-dashoffset: 0;\n      }\n    }\n\n    &:indeterminate:hover + .pn-multiselect-option-content {\n      .pn-multiselect-option-checkbox {\n        background-color: main.$blue900;\n        border-color: main.$blue900;\n      }\n    }\n  }\n\n  &-content {\n    position: relative;\n    overflow: hidden;\n    z-index: -1;\n    display: flex;\n    align-items: center;\n    padding: 0.75em 1em;\n    gap: 0.5em;\n    background-color: main.$white;\n    @include main.pn-transition('background-color');\n  }\n\n  &-text {\n    flex: 1;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  &-label {\n    color: main.$gray900;\n    font-weight: 400;\n  }\n\n  &-helper {\n    color: main.$gray700;\n    margin: 0;\n  }\n\n  &-checkbox {\n    background-color: main.$white;\n    flex: 0 0 1.5em;\n    width: 1.5em;\n    height: 1.5em;\n    border: 0.0625em solid main.$gray400;\n    border-radius: 0.25em;\n\n    @include main.pn-focus-base;\n    @include main.pn-transition('background-color, border-color, outline-color');\n\n    svg polyline {\n      stroke: main.$white;\n      stroke-linecap: round;\n      stroke-dasharray: 23;\n      @include main.pn-transition('stroke-dashoffset');\n      transition-delay: 0s;\n\n      &.pn-multiselect-option-checkbox-checkmark-path {\n        stroke-dashoffset: 23;\n      }\n\n      &.pn-multiselect-option-checkbox-indeterminate-path {\n        stroke-dashoffset: 23;\n      }\n    }\n  }\n}\n","import { Component, h, Host, Element, Watch, Prop, State, EventEmitter, Event, Listen } from '@stencil/core';\n\nimport { translations } from './translations';\n\nimport { close, alert_exclamation_circle, angle_down } from 'pn-design-assets/pn-assets/icons.js';\n\nimport { uuidv4, awaitTopbar, ripple, en, getTotalHeightOffset, reduceMotion } from '@/index';\nimport type { PnLanguages, PnMultiselectOption } from '@/index';\n\n/**\n * The `pn-multiselect` gets its options via javascript.\n *\n * Native HTML does not accept arrays of objects. Most frameworks solves this automatically (Vue, react, etc...),\n * but keep this in mind if you use this component outside of a framework environment.\n *\n * @nativeChange The `pn-multiselect` is built with `input[type=checkbox]` elements, so the `change` event works. However, we recommend the customEvents described above.\n *\n * @see {@link https://portal.postnord.com/web-components/?path=/docs/components-input-multiselect--docs#pn-multiselect%20(options) Options documentation}\n */\n@Component({\n  tag: 'pn-multiselect',\n  styleUrl: 'pn-multiselect.scss',\n})\nexport class PnMultiselect {\n  private readonly id: string = `pn-multiselect-${uuidv4()}`;\n  private idLegend: string = `${this.id}-legend`;\n  private idButton: string = `${this.id}-button`;\n  private idOptions: string = `${this.id}-options`;\n  private idHelper: string = `${this.id}-text`;\n  private idChips: string = `${this.id}-chips`;\n  private idSr: string = `${this.id}-sr`;\n\n  private elGroup: HTMLDivElement;\n  private elButton: HTMLButtonElement;\n  private elInput: HTMLInputElement;\n  private elList: HTMLUListElement;\n  private elChips: HTMLUListElement;\n\n  private srTimer: NodeJS.Timeout;\n\n  private animation: Animation;\n  private animationDurationDefault: number = 400;\n  private animationDuration: number = this.animationDurationDefault;\n\n  @Element() hostElement: HTMLElement;\n\n  @State() private isSearching: boolean = false;\n\n  /** Layout state. */\n  @State() private open: boolean = false;\n  @State() private upwards: boolean = false;\n\n  @State() private srMessage?: string;\n\n  @State() private isClosing: boolean = false;\n  @State() private isExpanding: boolean = false;\n\n  /** Label placed above the select */\n  @Prop() label!: string;\n  /** Display a helper text underneath the select */\n  @Prop() helpertext?: string;\n  /**\n   * This is what will be shown on load if no value is used.\n   * The `placeholder` will override the default text used if you have the `search` prop active.\n   */\n  @Prop() placeholder?: string;\n  /** HTML name of the checkbox elements. Used for each checkbox inside the multiselect. */\n  @Prop() name?: string;\n  /** Select HTML id */\n  @Prop() selectId?: string = this.id;\n  /** HTML name of the input element.*/\n  @Prop() selectName?: string;\n  /** Display an icon to the left of the select input */\n  @Prop() icon?: string;\n  /** Manually set the language, not needed if you have the pnTopbar available */\n  @Prop() language?: PnLanguages = null;\n  /**\n   * Array of options.\n   * @hide true\n   **/\n  @Prop({ mutable: true }) options!: PnMultiselectOption[];\n\n  /**\n   * Adds a \"Select all\" option into the list.\n   * If you use the search feature at the same time, clicking this option will only toggle the options found.\n   * @see {@link search}\n   * @category Features\n   **/\n  @Prop() selectAll?: boolean = false;\n  /**\n   * Set a custom value for the \"Select all value\" option.\n   * @see {@link selectAll}\n   * @category Features\n   */\n  @Prop() allValue?: string = 'pn_multiselect_all';\n  /**\n   * Allow the user to search among the options.\n   * The selected options will now display underneath the multiselect element.\n   *\n   * @category Features\n   **/\n  @Prop() search?: boolean = false;\n  /** Set the search query of the multiselect.\n   *\n   * @see {@link search}\n   * @category Features\n   */\n  @Prop({ mutable: true }) searchQuery?: string = '';\n  /**\n   * Decide how many items should be shown before ellipsis. Requires the `search` prop to work.\n   *\n   * @see {@link search}\n   * @category Features\n   **/\n  @Prop() itemCount?: number = 5;\n  /**\n   * Use a custom max-height for the dropdown list.\n   * @description The component will automatically set the max height of the dropdown list on its own.\n   * It takes the `pn-topbar` into account and will open in the direction that fits best.\n   * Use this prop to override this behaviour and use a custom max-height.\n   * @category Features\n   **/\n  @Prop() maxHeight?: string;\n  /**\n   * Force the dropdown to always open upwards.\n   * @category Features\n   **/\n  @Prop() top?: boolean = false;\n  /**\n   * Force the dropdown to always open downwards.\n   * @category Features\n   **/\n  @Prop() bottom?: boolean = false;\n\n  /** Set the select as required. @category Validation */\n  @Prop() required?: boolean = false;\n  /** Disable the select. @category Validation */\n  @Prop() disabled?: boolean = false;\n  /** Trigger the invalid state. @category Validation */\n  @Prop() invalid?: boolean = false;\n  /** Display an error message and trigger the invalid state. @category Validation */\n  @Prop() error?: string;\n\n  @Watch('open')\n  handleOpen() {\n    if (this.open) {\n      this.addGlobalEventListeners();\n\n      this.handleDirection();\n      this.handleMaxHeight();\n      this.handleWidth();\n      requestAnimationFrame(() => this.openGrid());\n    } else {\n      this.closeGrid();\n      this.removeGlobalEventListeners();\n    }\n  }\n\n  @Watch('search')\n  handleSearch() {\n    if (!this.search)\n      this.options = [\n        ...this.options.map(option => {\n          const item = {\n            ...option,\n            hide: false,\n          };\n\n          if (item?.group?.length) item.group.map(opt => ({ ...opt, hide: false }));\n\n          return item;\n        }),\n      ];\n  }\n\n  @Watch('searchQuery')\n  handleSearchQuery() {\n    if (this.search && typeof this.searchQuery === 'string') this.handleInputSearch();\n  }\n\n  @Watch('selectId')\n  handleSelectId() {\n    const id = this.selectId;\n    this.idLegend = `${id}-legend`;\n    this.idButton = `${id}-button`;\n    this.idOptions = `${id}-options`;\n    this.idHelper = `${id}-text`;\n    this.idChips = `${id}-chips`;\n    this.idSr = `${id}-sr`;\n  }\n\n  /**\n   * If the select is open and you resize the window.\n   * Remove all css props and disable the animations entierly.\n   **/\n  @Listen('resize', { target: 'window' })\n  handleResize() {\n    if (!this.open) return;\n    this.toggleOpen(false);\n\n    this.elList.style.removeProperty('--pn-select-options-width');\n    this.elList.style.removeProperty('--pn-select-max-height');\n  }\n\n  /** Dispatched everytime the multiselect is opened or closed. */\n  @Event() toggleSelect: EventEmitter<{ open: boolean }>;\n  /** This event contains the entire options array with the new props. Dispatched everytime you make changes to any option. */\n  @Event() allOptions: EventEmitter<PnMultiselectOption[]>;\n  /** Dispatched when you toggle an option. Includes all the props of the option. */\n  @Event() selectedOption: EventEmitter<PnMultiselectOption>;\n  /**\n   * This event is dispatched when the user toggles the \"Choose all options\" box.\n   * Also triggers when you click the \"Select {number} options\" if you are performing a search at the same time.\n   **/\n  @Event() selectedAllOptions: EventEmitter<{\n    checked: boolean;\n    searching: boolean;\n    query?: string;\n    found?: PnMultiselectOption[];\n  }>;\n  /**\n   * Contains the search text and the options found for that query.\n   * Dispacthed everytime you change the search query.\n   **/\n  @Event() searchInput: EventEmitter<{\n    query: string;\n    found?: PnMultiselectOption[];\n  }>;\n\n  async componentWillLoad() {\n    this.handleSelectId();\n    if (this.language === null) await awaitTopbar(this.hostElement);\n  }\n\n  componentDidLoad() {\n    if (!!this.searchQuery?.length) this.handleSearchQuery();\n  }\n\n  private globalEvents = (event: PointerEvent | KeyboardEvent) => {\n    const target = event.target as HTMLElement;\n    const isWithinCalendar = target?.closest(this.hostElement.localName);\n    if (!isWithinCalendar) this.toggleOpen(false);\n  };\n\n  private addGlobalEventListeners() {\n    const root: Document = this.hostElement.getRootNode() as Document;\n\n    root.addEventListener('click', this.globalEvents);\n  }\n\n  private removeGlobalEventListeners() {\n    const root: Document = this.hostElement.getRootNode() as Document;\n\n    root.removeEventListener('click', this.globalEvents);\n  }\n\n  private openGrid() {\n    requestAnimationFrame(() => {\n      const { clientHeight, scrollHeight } = this.elList;\n      const height = this.isClosing ? clientHeight : 0;\n      this.elList.style.height = `${scrollHeight}px`;\n\n      this.isExpanding = true;\n      this.animateGrid(true, `${height}px`, this.maxHeight || `${this.elList.scrollHeight}px`);\n    });\n  }\n\n  private closeGrid() {\n    const { scrollHeight, clientHeight } = this.elList;\n    const height = this.isExpanding ? clientHeight : scrollHeight;\n    this.elList.style.height = `0px`;\n\n    this.isClosing = true;\n    this.animateGrid(false, `${height}px`, `0px`);\n  }\n\n  private animateGrid(open: boolean, startHeight: string, endHeight: string) {\n    this.cancelAnimations();\n\n    if (reduceMotion()) this.animationDuration = 0;\n    else this.animationDuration = this.animationDurationDefault;\n\n    this.animation = this.elList.animate(\n      {\n        height: [startHeight, endHeight],\n      },\n      {\n        duration: this.animationDuration,\n        easing: 'cubic-bezier(0.6, 0, 0.2, 1)',\n      },\n    );\n    this.animation.onfinish = () => this.animationFinish();\n    this.animation.oncancel = () => (open ? (this.isExpanding = false) : (this.isClosing = false));\n  }\n\n  private animationFinish() {\n    this.cancelAnimations();\n    this.elList.style.height = this.isClosing ? '0px' : '';\n    this.isClosing = false;\n    this.isExpanding = false;\n  }\n\n  private cancelAnimations() {\n    if (this.animation) this.animation.cancel();\n  }\n\n  private emitEvents(option?: PnMultiselectOption, all?: boolean) {\n    this.allOptions.emit(this.options);\n\n    if (option) return this.selectedOption.emit(option);\n\n    const data: { checked: boolean; searching: boolean; query?: string; found?: PnMultiselectOption[] } = {\n      checked: all,\n      searching: this.isSearching,\n    };\n\n    if (this.search && this.optionsTotal() !== this.optionsSearch().length) {\n      data.query = this.searchQuery;\n      data.found = this.optionsSearch();\n    }\n\n    this.selectedAllOptions.emit(data);\n  }\n\n  private optionsChecked(): PnMultiselectOption[] {\n    const list = this.options?.reduce((sum, item) => {\n      const subgroup = item.group ? [...item.group.filter(({ checked }) => checked)] : [];\n\n      if (item.checked) sum.push(item);\n\n      if (subgroup?.length) sum.push(...subgroup);\n\n      return sum;\n    }, []);\n\n    return list;\n  }\n\n  private optionsTotal(): number {\n    return this.options?.reduce((sum, item) => sum + (item?.group?.length ? item.group.length + 1 : 1), 0);\n  }\n\n  private optionsIndex(val: string): { indexGroup: number; indexNested?: number } {\n    const findNested = ({ group = [] }: PnMultiselectOption) => group?.findIndex(({ value }) => value === val);\n\n    const indexGroup = this.options.findIndex(option => option.value === val || findNested(option) !== -1);\n    const indexNested = findNested(this.options?.[indexGroup]);\n\n    return {\n      indexGroup,\n      indexNested,\n    };\n  }\n\n  private optionsCheckedTotal(): number {\n    return this.optionsChecked()?.length;\n  }\n\n  private optionsCheckedPreview(): PnMultiselectOption[] {\n    return this.optionsChecked()?.slice(0, this.itemCount);\n  }\n\n  private optionsCheckedLabels(): string {\n    return this.optionsChecked()\n      ?.map(({ label }) => label)\n      ?.join(', ');\n  }\n\n  private optionsSearch(): PnMultiselectOption[] {\n    const list = this.options?.reduce((sum, item) => {\n      const subgroup = item.group ? [...item.group.filter(({ hide }) => !hide)] : [];\n      if (!item.hide) sum.push(item);\n      if (subgroup?.length) sum.push(...subgroup);\n      return sum;\n    }, []);\n\n    return list;\n  }\n\n  private noResults() {\n    return this.optionsSearch()?.length === 0;\n  }\n\n  private isIndeterminate(groupIndex: number): boolean {\n    const option = this.options?.[groupIndex];\n    if (option?.group?.length) {\n      const all = option.group.every(({ checked }) => checked);\n      const none = option.group.every(({ checked }) => !checked);\n\n      return !(all || none);\n    }\n    return false;\n  }\n\n  private optionSelect({ val, checked, chip }: { val: string; checked: boolean; chip?: number }) {\n    if (val === this.allValue) return this.optionSelectAll(checked);\n\n    const options = this.options;\n\n    const { indexGroup, indexNested } = this.optionsIndex(val);\n\n    const group = options[indexGroup]?.group;\n    const nested = group?.[indexNested];\n\n    if (nested?.value) {\n      options[indexGroup].group[indexNested].checked = checked;\n\n      const allSiblingsChecked = group?.every(({ checked }) => checked);\n\n      if (allSiblingsChecked) options[indexGroup].checked = true;\n      else options[indexGroup].checked = false;\n    } else {\n      options[indexGroup].checked = checked;\n      if (group?.length) options[indexGroup].group = group?.map(opt => ({ ...opt, checked: checked }));\n    }\n\n    const option = indexNested === -1 ? options[indexGroup] : options[indexGroup].group[indexNested];\n\n    this.emitEvents(option);\n\n    this.options = [...options];\n\n    if (typeof chip === 'number') {\n      this.handleSrMesssage(`${this.translate('REMOVED')} ${option.label}`);\n\n      requestAnimationFrame(() => {\n        const index = chip === this.optionsCheckedTotal() ? chip - 1 : chip;\n        const btn = Array.from(this.elChips.children)?.[index];\n        btn?.querySelector('button').focus({ preventScroll: true });\n      });\n    }\n  }\n\n  private optionSelectAll(checked: boolean) {\n    this.options = [\n      ...this.options.map(option => {\n        const opt = {\n          ...option,\n          checked: this.isSearching ? (option.hide ? option.checked : checked) : checked,\n        };\n\n        if (opt.group)\n          opt.group = [\n            ...opt.group.map(item => ({\n              ...item,\n              checked: this.isSearching ? (item.hide ? item.checked : checked) : checked,\n            })),\n          ];\n\n        const allChecked = opt?.group?.every(({ checked }) => checked);\n        if (opt?.group?.length) opt.checked = allChecked;\n\n        return opt;\n      }),\n    ];\n\n    this.emitEvents(null, checked);\n  }\n\n  private optionSelected(val: string): boolean {\n    return !!this.optionsChecked()?.find(({ value, checked }) => value === val && checked);\n  }\n\n  private translate(prop: string): string {\n    const text = translations?.[prop]?.[this.language || en];\n    if (text.includes('{number}')) return text.replace('{number}', this.optionsSearch().length);\n    return text;\n  }\n\n  private getRect(element: HTMLElement): DOMRect {\n    return element?.getBoundingClientRect();\n  }\n\n  private ripple({ clientX, clientY, target }: MouseEvent) {\n    const isKeyboard = clientX === 0 && clientY === 0;\n    const element = (target as HTMLInputElement).nextElementSibling;\n    const { x, width, y, top } = this.getRect(element as HTMLElement);\n    const clientCor = isKeyboard ? { clientX: x + width - 24, clientY: y - top } : { clientX, clientY };\n\n    ripple(clientCor, element as HTMLElement);\n  }\n\n  private handleSrMesssage(text: string) {\n    this.srMessage = text;\n    clearTimeout(this.srTimer);\n    this.srTimer = setTimeout(() => (this.srMessage = null), 2000);\n  }\n\n  private handleDirection() {\n    if (this.top) return (this.upwards = true);\n    if (this.bottom) return (this.upwards = false);\n\n    const { bottom, top } = this.getRect(this.elInput);\n\n    const oneEm = 16;\n\n    /*\n     * Take the inner window height and subtract the elements bottom and 1em (16px)\n     * If the max height of this calculation is less than the space above the element, open it upwards.\n     * Do another calculation with the top value - 1em.\n     */\n    const offsetTop = window.innerHeight - bottom - oneEm;\n    const offsetBottom = top - oneEm;\n\n    /** Always point downwards, unless the space to the bottom is less than half of the top offset space. */\n    this.upwards = offsetBottom / 2 > offsetTop;\n  }\n\n  private handleMaxHeight() {\n    if (this.maxHeight) return this.elGroup.style.setProperty('--pn-select-max-height', this.maxHeight);\n\n    const { bottom, top } = this.getRect(this.elInput);\n    const inputHeight = this.upwards ? top : bottom;\n\n    const offsetTop = getTotalHeightOffset();\n\n    const offset = this.upwards ? offsetTop + 16 : 16;\n\n    const maxHeight = this.upwards ? inputHeight - offset : window.innerHeight - inputHeight - offset;\n\n    this.elGroup.style.setProperty('--pn-select-max-height', `${Math.ceil(maxHeight)}px`);\n  }\n\n  private handleWidth() {\n    const { width } = this.getRect(this.elInput);\n    this.elGroup.style.setProperty('--pn-select-options-width', `${Math.ceil(width)}px`);\n  }\n\n  private setFocus() {\n    if (this.search) this.elInput.focus({ preventScroll: true });\n    else this.elButton.focus({ preventScroll: true });\n  }\n\n  private hasError(): boolean {\n    return this.invalid || !!this.error;\n  }\n\n  private hasMessage(): boolean {\n    return !!this.helpertext || !!this.error;\n  }\n\n  private toggleOpen(state?: boolean) {\n    if (typeof state === 'boolean' && state === this.open) return;\n    this.open = state ?? !this.open;\n    this.toggleSelect.emit({ open: this.open });\n  }\n\n  private handleInputKeyboard(event: KeyboardEvent) {\n    event.stopImmediatePropagation();\n\n    const { code } = event;\n\n    if (code === 'Escape') return this.toggleOpen(false);\n    if (!this.open && code.match(/^(Space|Enter)$|Arrow|^Key.*$/)) this.toggleOpen();\n  }\n\n  private setSearchQuery(value: string) {\n    if (!this.open) this.toggleOpen(true);\n    this.searchQuery = value;\n  }\n\n  private handleInputSearch() {\n    if (this.isEmpty()) return;\n\n    const term = this.searchQuery;\n    const performSearch = ({ label, helpertext, value }: PnMultiselectOption): boolean => {\n      return `${label} ${helpertext} ${value}`.trim().toLowerCase().includes(term.toLowerCase());\n    };\n\n    const options = this.options.map(option => {\n      const foundNested = option?.group?.map(item => ({ ...item, hide: !performSearch(item) })) || [];\n\n      const found = performSearch(option) || foundNested?.some(({ hide }) => !hide);\n\n      option.hide = !found;\n      if (option?.group?.length) option.group = [...foundNested];\n\n      return option;\n    });\n\n    this.isSearching = term !== '';\n\n    this.options = [...options];\n\n    this.searchInput.emit({ query: term, found: this.optionsSearch() });\n  }\n\n  private getListItem(index: number): HTMLInputElement {\n    const { value } = this.options[index];\n    return this.elList.querySelector<HTMLInputElement>(`.pn-multiselect-option-input[value='${value}']`);\n  }\n\n  private getOptionIndex(val: string, triggers: (boolean | number)[], code?: string) {\n    const total = this.optionsTotal() - 1;\n\n    if (code === 'End') return total;\n    if (code === 'Home') return 0;\n\n    const valIndex = this.options.findIndex(({ value }) => value === val);\n\n    const count = triggers.find(item => typeof item === 'number') as number;\n    const index = valIndex + count;\n\n    if (index >= total) return total;\n    if (index <= 0) return 0;\n\n    return index;\n  }\n\n  private checkboxNav(e: KeyboardEvent, val: string) {\n    const { code } = e;\n\n    const arrowUp = code === 'ArrowUp' && -1;\n    const arrowDown = code === 'ArrowDown' && 1;\n    const pageUp = code === 'PageUp' && -10;\n    const pageDown = code === 'PageDown' && 10;\n    const home = code === 'Home' && 0;\n    const end = code === 'End' && this.optionsTotal() - 1;\n    const tab = code === 'Tab';\n    const space = code === 'Space';\n    const enter = code === 'Enter';\n    const escape = code === 'Escape';\n\n    const triggers = [arrowUp, arrowDown, pageUp, pageDown, home, end, tab, space, enter, escape];\n\n    if (!triggers.some(item => typeof item === 'number' || item)) return;\n\n    if (tab || space || enter) return;\n\n    e.stopImmediatePropagation();\n    e.preventDefault();\n\n    if (escape) {\n      this.setFocus();\n      return this.toggleOpen(false);\n    }\n\n    const item = this.getOptionIndex(val, triggers, code);\n    return this.getListItem(item)?.focus();\n  }\n\n  private handleBlur(event: FocusEvent) {\n    const target = event.target as HTMLElement;\n    const related = event.relatedTarget as HTMLElement;\n\n    const jumpingToChips = (related || target)?.className === 'pn-multiselect-chip-button';\n\n    if (jumpingToChips) this.toggleOpen(false);\n  }\n\n  private handleLabel() {\n    if (this.disabled) return;\n    this.setFocus();\n  }\n\n  /** Check if there are no options in the list. */\n  private isEmpty(): boolean {\n    return (this.options?.length || 0) === 0;\n  }\n\n  private showSelectAll(): boolean {\n    return this.selectAll && !this.isEmpty() && !this.noResults();\n  }\n\n  /** Check if the empty/nothing found should be visible. */\n  private showEmptyOption() {\n    return (this.isSearching && this.noResults()) || this.isEmpty();\n  }\n\n  private getPlaceholder(): string {\n    const autoTranslation = this.search ? 'SEARCH' : 'SELECT_AN_OPTION';\n    return this.placeholder || this.translate(autoTranslation);\n  }\n\n  private handleChange({ target }: InputEvent) {\n    const { value, checked } = target as HTMLInputElement;\n    this.optionSelect({ val: value, checked });\n  }\n\n  /** Display the \"X more selected options\" text. */\n  private additonalOptions() {\n    const count = this.optionsCheckedTotal() - this.itemCount;\n    const single = `MORE_OPTION${count === 1 ? '' : 'S'}`;\n    return `${count} ${this.translate(single)}`;\n  }\n\n  private describedBy(): string {\n    const list = [this.search && this.idChips, this.srMessage && this.idSr, !!this.helpertext && this.idHelper].filter(\n      Boolean,\n    );\n    if (list.length) return list.join(' ');\n    return null;\n  }\n\n  private renderOption(\n    {\n      label,\n      value,\n      checked,\n      helpertext,\n      icon,\n      id = `${this.selectId}-${value || label}`,\n      invalid,\n      disabled,\n      hide,\n      group,\n    }: PnMultiselectOption,\n    indexGroup?: number,\n    indexNested?: number,\n  ): HTMLLIElement {\n    return (\n      <li class=\"pn-multiselect-option\" key={id} hidden={hide}>\n        <input\n          type=\"checkbox\"\n          id={id}\n          class=\"pn-multiselect-option-input\"\n          checked={checked ?? this.optionSelected(value)}\n          indeterminate={indexNested === undefined && this.isIndeterminate(indexGroup)}\n          name={this.name}\n          value={value}\n          disabled={this.disabled || disabled}\n          required={this.required}\n          aria-invalid={invalid ? 'true' : null}\n          aria-describedby={helpertext ? `${id}-helper` : null}\n          onClick={(event: MouseEvent) => this.ripple(event)}\n          onKeyDown={(event: KeyboardEvent) => this.checkboxNav(event, value)}\n          onBlur={(event: FocusEvent) => this.handleBlur(event)}\n        />\n        <div class=\"pn-multiselect-option-content\">\n          {!!icon && <pn-icon icon={icon} color=\"blue900\" />}\n          <div class=\"pn-multiselect-option-text\">\n            <label class=\"pn-multiselect-option-label\" htmlFor={id}>\n              <span>{label}</span>\n            </label>\n            {helpertext && (\n              <p class=\"pn-multiselect-option-helper\" id={`${id}-helper`}>\n                {helpertext}\n              </p>\n            )}\n          </div>\n          <div class=\"pn-multiselect-option-checkbox\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <polyline\n                class=\"pn-multiselect-option-checkbox-checkmark-path\"\n                points=\"4,12 9,17 20,6\"\n                stroke-width=\"3\"\n              />\n              <polyline\n                class=\"pn-multiselect-option-checkbox-indeterminate-path\"\n                points=\"4,12 20,12\"\n                stroke-width=\"3\"\n              />\n            </svg>\n          </div>\n        </div>\n        {group?.length && (\n          <ul class=\"pn-multiselect-optgroup\">{group?.map((option, i) => this.renderOption(option, indexGroup, i))}</ul>\n        )}\n      </li>\n    );\n  }\n\n  private renderOptions(): HTMLUListElement {\n    return (\n      <ul\n        id={this.idOptions}\n        class=\"pn-multiselect-options\"\n        data-open={this.open}\n        data-upwards={this.upwards}\n        data-moving={this.isClosing || this.isExpanding}\n        onChange={(event: InputEvent) => this.handleChange(event)}\n        style={{ height: '0px' }}\n        ref={el => (this.elList = el)}\n      >\n        {this.showSelectAll() &&\n          this.renderOption({\n            label: this.translate(`SELECT_${this.isSearching ? 'FOUND' : 'ALL'}_OPTIONS`),\n            value: this.allValue,\n            checked: this.optionsTotal() === this.optionsCheckedTotal(),\n          })}\n\n        {this.options?.map((option, index) => this.renderOption(option, index))}\n\n        {this.showEmptyOption() && (\n          <li class=\"pn-multiselect-option\">\n            <div class=\"pn-multiselect-option-content\" role=\"alert\">\n              <div class=\"pn-multiselect-option-text\">\n                <span class=\"pn-multiselect-option-label\">\n                  {this.translate(this.isEmpty() ? 'NO_OPTIONS' : 'NO_SEARCH_RESULTS')}\n                </span>\n              </div>\n            </div>\n          </li>\n        )}\n      </ul>\n    );\n  }\n\n  private renderChips(): HTMLUListElement {\n    return (\n      <ul\n        id={this.idChips}\n        class=\"pn-multiselect-chips\"\n        aria-label={this.translate('SELECTED_OPTIONS')}\n        ref={el => (this.elChips = el)}\n      >\n        {this.optionsCheckedPreview()?.map(({ label, value }, index) => (\n          <li\n            class=\"pn-multiselect-chip\"\n            aria-setsize={this.optionsCheckedTotal()}\n            aria-posinset={index + 1}\n            key={`${label}-${value}`}\n          >\n            <span class=\"pn-multiselect-chip-label\">{label}</span>\n            <button\n              type=\"button\"\n              class=\"pn-multiselect-chip-button\"\n              aria-label={`${this.translate('REMOVE')} ${label}`}\n              onClick={() => this.optionSelect({ val: value, checked: false, chip: index })}\n            >\n              <pn-icon icon={close} small color=\"blue700\" />\n            </button>\n          </li>\n        ))}\n        {this.optionsCheckedTotal() > this.itemCount && (\n          <li class=\"pn-multiselect-chip\" data-count>\n            <span class=\"pn-multiselect-chip-label\">+ {this.additonalOptions()}</span>\n          </li>\n        )}\n      </ul>\n    );\n  }\n\n  render() {\n    return (\n      <Host>\n        <fieldset class=\"pn-multiselect\" data-icon={!!this.icon} data-error={this.hasError()} disabled={this.disabled}>\n          {this.label && (\n            <legend id={this.idLegend} class=\"pn-multiselect-label\" onClick={() => this.handleLabel()}>\n              <span>{this.label}</span>\n\n              {!!this.optionsChecked()?.length && (\n                <span>\n                  {this.optionsCheckedTotal()}/{this.optionsTotal()}\n                </span>\n              )}\n            </legend>\n          )}\n          <div class=\"pn-multiselect-group\" ref={el => (this.elGroup = el)}>\n            <div class=\"pn-multiselect-input\">\n              {!!this.icon && <pn-icon class=\"pn-multiselect-icon\" data-custom icon={this.icon} />}\n\n              <input\n                tabindex={this.search ? null : '-1'}\n                type={this.search ? 'search' : 'input'}\n                id={this.selectId}\n                class=\"pn-multiselect-element\"\n                value={this.search ? this.searchQuery : this.optionsCheckedLabels()}\n                name={this.selectName}\n                placeholder={this.getPlaceholder()}\n                required={this.search ? null : this.required}\n                aria-labelledby={this.idLegend}\n                aria-describedby={this.describedBy()}\n                aria-controls={`${this.idOptions} ${this.search ? this.idChips : ''}`}\n                aria-invalid={this.hasError()?.toString()}\n                disabled={this.disabled}\n                readonly={!this.search}\n                onClick={() => (this.search && this.open ? null : this.toggleOpen())}\n                onKeyDown={e => this.handleInputKeyboard(e)}\n                onBlur={e => this.handleBlur(e)}\n                onInput={e => this.search && this.setSearchQuery((e.target as HTMLInputElement).value)}\n                ref={el => (this.elInput = el)}\n              />\n\n              {this.hasError() && (\n                <pn-icon class=\"pn-multiselect-icon\" data-error icon={alert_exclamation_circle} color=\"warning\" />\n              )}\n\n              <button\n                id={this.idButton}\n                type=\"button\"\n                class=\"pn-multiselect-button\"\n                aria-label={this.translate(`BUTTON_${this.open ? 'CLOSE' : 'OPEN'}`)}\n                aria-describedby={this.search ? null : this.selectId}\n                aria-controls={this.idOptions}\n                aria-expanded={this.open.toString()}\n                onClick={() => this.toggleOpen()}\n                ref={el => (this.elButton = el)}\n              >\n                <pn-icon class=\"pn-multiselect-icon\" icon={angle_down} color=\"blue700\" />\n              </button>\n            </div>\n\n            {this.renderOptions()}\n          </div>\n\n          {this.hasMessage() && (\n            <p id={this.idHelper} class=\"pn-multiselect-description\" role={!!this.error ? 'alert' : null}>\n              <span>{this.error || this.helpertext}</span>\n            </p>\n          )}\n\n          {this.search && this.renderChips()}\n\n          <slot />\n\n          {this.search && (\n            <p id={this.idSr} class=\"pn-multiselect-sr-only\" role=\"alert\" aria-live=\"assertive\">\n              {this.srMessage && <span>{this.srMessage}</span>}\n            </p>\n          )}\n        </fieldset>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;8OAAO,MAAMA,EAAe,CAC1BC,iBAAkB,CAChBC,GAAI,mBACJC,GAAI,sBACJC,GAAI,mBACJC,GAAI,qBACJC,GAAI,sBAENC,mBAAoB,CAClBL,GAAI,qBACJC,GAAI,uBACJC,GAAI,uBACJC,GAAI,6BACJC,GAAI,0BAENE,qBAAsB,CACpBN,GAAI,0BACJC,GAAI,2BACJC,GAAI,2BACJC,GAAI,+BACJC,GAAI,8BAENG,iBAAkB,CAChBP,GAAI,oBACJC,GAAI,oBACJC,GAAI,qBACJC,GAAI,uBACJC,GAAI,wBAENI,YAAa,CACXR,GAAI,YACJC,GAAI,eACJC,GAAI,YACJC,GAAI,YACJC,GAAI,aAENK,aAAc,CACZT,GAAI,aACJC,GAAI,eACJC,GAAI,aACJC,GAAI,aACJC,GAAI,cAENM,OAAQ,CACNV,GAAI,SACJC,GAAI,UACJC,GAAI,SACJC,GAAI,SACJC,GAAI,UAENO,QAAS,CACPX,GAAI,UACJC,GAAI,WACJC,GAAI,UACJC,GAAI,YACJC,GAAI,WAENQ,YAAa,CACXZ,GAAI,eACJC,GAAI,mBACJC,GAAI,iBACJC,GAAI,oBACJC,GAAI,mBAENS,aAAc,CACZb,GAAI,gBACJC,GAAI,mBACJC,GAAI,gBACJC,GAAI,gBACJC,GAAI,iBAENU,OAAQ,CACNd,GAAI,SACJC,GAAI,MACJC,GAAI,MACJC,GAAI,MACJC,GAAI,OAENW,cAAe,CACbf,GAAI,gBACJC,GAAI,sBACJC,GAAI,oBACJC,GAAI,sBACJC,GAAI,uBAENY,kBAAmB,CACjBhB,GAAI,mBACJC,GAAI,2BACJC,GAAI,0BACJC,GAAI,2BACJC,GAAI,6BAENa,WAAY,CACVjB,GAAI,uBACJC,GAAI,+BACJC,GAAI,gCACJC,GAAI,kBACJC,GAAI,qCCjGR,MAAMc,EAAmB,0yfACzB,MAAAC,EAAeD,E,MCsBFE,EAAa,M,2QAuBgB,M,UAGP,M,aACG,M,wCAIE,M,iBACE,M,4GAcZC,KAAKC,G,4DAMA,K,sCAaH,M,cAMF,qB,YAOD,M,iBAMqB,G,eAOnB,E,kCAaL,M,YAKG,M,cAGE,M,cAEA,M,aAED,M,qBAnHXA,GAAa,kBAAkBC,MACxCC,SAAmB,GAAGH,KAAKC,YAC3BG,SAAmB,GAAGJ,KAAKC,YAC3BI,UAAoB,GAAGL,KAAKC,aAC5BK,SAAmB,GAAGN,KAAKC,UAC3BM,QAAkB,GAAGP,KAAKC,WAC1BO,KAAe,GAAGR,KAAKC,QAEvBQ,QACAC,SACAC,QACAC,OACAC,QAEAC,QAEAC,UACAC,yBAAmC,IACnCC,kBAA4BjB,KAAKgB,yB,iCAsGzC,UAAAE,GACE,GAAIlB,KAAKmB,KAAM,CACbnB,KAAKoB,0BAELpB,KAAKqB,kBACLrB,KAAKsB,kBACLtB,KAAKuB,cACLC,uBAAsB,IAAMxB,KAAKyB,Y,KAC5B,CACLzB,KAAK0B,YACL1B,KAAK2B,4B,EAKT,YAAAC,GACE,IAAK5B,KAAK6B,OACR7B,KAAK8B,QAAU,IACV9B,KAAK8B,QAAQC,KAAIC,IAClB,MAAMC,EAAO,IACRD,EACHE,KAAM,OAGR,GAAID,GAAME,OAAOC,OAAQH,EAAKE,MAAMJ,KAAIM,IAAG,IAAUA,EAAKH,KAAM,UAEhE,OAAOD,CAAI,I,CAMnB,iBAAAK,GACE,GAAItC,KAAK6B,eAAiB7B,KAAKuC,cAAgB,SAAUvC,KAAKwC,mB,CAIhE,cAAAC,GACE,MAAMxC,EAAKD,KAAK0C,SAChB1C,KAAKG,SAAW,GAAGF,WACnBD,KAAKI,SAAW,GAAGH,WACnBD,KAAKK,UAAY,GAAGJ,YACpBD,KAAKM,SAAW,GAAGL,SACnBD,KAAKO,QAAU,GAAGN,UAClBD,KAAKQ,KAAO,GAAGP,M,CAQjB,YAAA0C,GACE,IAAK3C,KAAKmB,KAAM,OAChBnB,KAAK4C,WAAW,OAEhB5C,KAAKY,OAAOiC,MAAMC,eAAe,6BACjC9C,KAAKY,OAAOiC,MAAMC,eAAe,yB,CAI1BC,aAEAC,WAEAC,eAKAC,mBAUAC,YAKT,uBAAMC,GACJpD,KAAKyC,iBACL,GAAIzC,KAAKqD,WAAa,WAAYC,EAAYtD,KAAKuD,Y,CAGrD,gBAAAC,GACE,KAAMxD,KAAKuC,aAAaH,OAAQpC,KAAKsC,mB,CAG/BmB,aAAgBC,IACtB,MAAMC,EAASD,EAAMC,OACrB,MAAMC,EAAmBD,GAAQE,QAAQ7D,KAAKuD,YAAYO,WAC1D,IAAKF,EAAkB5D,KAAK4C,WAAW,MAAM,EAGvC,uBAAAxB,GACN,MAAM2C,EAAiB/D,KAAKuD,YAAYS,cAExCD,EAAKE,iBAAiB,QAASjE,KAAKyD,a,CAG9B,0BAAA9B,GACN,MAAMoC,EAAiB/D,KAAKuD,YAAYS,cAExCD,EAAKG,oBAAoB,QAASlE,KAAKyD,a,CAGjC,QAAAhC,GACND,uBAAsB,KACpB,MAAM2C,aAAEA,EAAYC,aAAEA,GAAiBpE,KAAKY,OAC5C,MAAMyD,EAASrE,KAAKsE,UAAYH,EAAe,EAC/CnE,KAAKY,OAAOiC,MAAMwB,OAAS,GAAGD,MAE9BpE,KAAKuE,YAAc,KACnBvE,KAAKwE,YAAY,KAAM,GAAGH,MAAYrE,KAAKyE,WAAa,GAAGzE,KAAKY,OAAOwD,iBAAiB,G,CAIpF,SAAA1C,GACN,MAAM0C,aAAEA,EAAYD,aAAEA,GAAiBnE,KAAKY,OAC5C,MAAMyD,EAASrE,KAAKuE,YAAcJ,EAAeC,EACjDpE,KAAKY,OAAOiC,MAAMwB,OAAS,MAE3BrE,KAAKsE,UAAY,KACjBtE,KAAKwE,YAAY,MAAO,GAAGH,MAAY,M,CAGjC,WAAAG,CAAYrD,EAAeuD,EAAqBC,GACtD3E,KAAK4E,mBAEL,GAAIC,IAAgB7E,KAAKiB,kBAAoB,OACxCjB,KAAKiB,kBAAoBjB,KAAKgB,yBAEnChB,KAAKe,UAAYf,KAAKY,OAAOkE,QAC3B,CACET,OAAQ,CAACK,EAAaC,IAExB,CACEI,SAAU/E,KAAKiB,kBACf+D,OAAQ,iCAGZhF,KAAKe,UAAUkE,SAAW,IAAMjF,KAAKkF,kBACrClF,KAAKe,UAAUoE,SAAW,IAAOhE,EAAQnB,KAAKuE,YAAc,MAAUvE,KAAKsE,UAAY,K,CAGjF,eAAAY,GACNlF,KAAK4E,mBACL5E,KAAKY,OAAOiC,MAAMwB,OAASrE,KAAKsE,UAAY,MAAQ,GACpDtE,KAAKsE,UAAY,MACjBtE,KAAKuE,YAAc,K,CAGb,gBAAAK,GACN,GAAI5E,KAAKe,UAAWf,KAAKe,UAAUqE,Q,CAG7B,UAAAC,CAAWrD,EAA8BsD,GAC/CtF,KAAKgD,WAAWuC,KAAKvF,KAAK8B,SAE1B,GAAIE,EAAQ,OAAOhC,KAAKiD,eAAesC,KAAKvD,GAE5C,MAAMwD,EAAgG,CACpGC,QAASH,EACTI,UAAW1F,KAAK2F,aAGlB,GAAI3F,KAAK6B,QAAU7B,KAAK4F,iBAAmB5F,KAAK6F,gBAAgBzD,OAAQ,CACtEoD,EAAKM,MAAQ9F,KAAKuC,YAClBiD,EAAKO,MAAQ/F,KAAK6F,e,CAGpB7F,KAAKkD,mBAAmBqC,KAAKC,E,CAGvB,cAAAQ,GACN,MAAMC,EAAOjG,KAAK8B,SAASoE,QAAO,CAACC,EAAKlE,KACtC,MAAMmE,EAAWnE,EAAKE,MAAQ,IAAIF,EAAKE,MAAMkE,QAAO,EAAGZ,aAAcA,KAAY,GAEjF,GAAIxD,EAAKwD,QAASU,EAAIG,KAAKrE,GAE3B,GAAImE,GAAUhE,OAAQ+D,EAAIG,QAAQF,GAElC,OAAOD,CAAG,GACT,IAEH,OAAOF,C,CAGD,YAAAL,GACN,OAAO5F,KAAK8B,SAASoE,QAAO,CAACC,EAAKlE,IAASkE,GAAOlE,GAAME,OAAOC,OAASH,EAAKE,MAAMC,OAAS,EAAI,IAAI,E,CAG9F,YAAAmE,CAAaC,GACnB,MAAMC,EAAa,EAAGtE,QAAQ,MAA8BA,GAAOuE,WAAU,EAAGC,WAAYA,IAAUH,IAEtG,MAAMI,EAAa5G,KAAK8B,QAAQ4E,WAAU1E,GAAUA,EAAO2E,QAAUH,GAAOC,EAAWzE,MAAa,IACpG,MAAM6E,EAAcJ,EAAWzG,KAAK8B,UAAU8E,IAE9C,MAAO,CACLA,aACAC,c,CAII,mBAAAC,GACN,OAAO9G,KAAKgG,kBAAkB5D,M,CAGxB,qBAAA2E,GACN,OAAO/G,KAAKgG,kBAAkBgB,MAAM,EAAGhH,KAAKiH,U,CAGtC,oBAAAC,GACN,OAAOlH,KAAKgG,kBACRjE,KAAI,EAAGoF,WAAYA,KACnBC,KAAK,K,CAGH,aAAAvB,GACN,MAAMI,EAAOjG,KAAK8B,SAASoE,QAAO,CAACC,EAAKlE,KACtC,MAAMmE,EAAWnE,EAAKE,MAAQ,IAAIF,EAAKE,MAAMkE,QAAO,EAAGnE,WAAYA,KAAS,GAC5E,IAAKD,EAAKC,KAAMiE,EAAIG,KAAKrE,GACzB,GAAImE,GAAUhE,OAAQ+D,EAAIG,QAAQF,GAClC,OAAOD,CAAG,GACT,IAEH,OAAOF,C,CAGD,SAAAoB,GACN,OAAOrH,KAAK6F,iBAAiBzD,SAAW,C,CAGlC,eAAAkF,CAAgBC,GACtB,MAAMvF,EAAShC,KAAK8B,UAAUyF,GAC9B,GAAIvF,GAAQG,OAAOC,OAAQ,CACzB,MAAMkD,EAAMtD,EAAOG,MAAMqF,OAAM,EAAG/B,aAAcA,IAChD,MAAMgC,EAAOzF,EAAOG,MAAMqF,OAAM,EAAG/B,cAAeA,IAElD,QAASH,GAAOmC,E,CAElB,OAAO,K,CAGD,YAAAC,EAAalB,IAAEA,EAAGf,QAAEA,EAAOkC,KAAEA,IACnC,GAAInB,IAAQxG,KAAK4H,SAAU,OAAO5H,KAAK6H,gBAAgBpC,GAEvD,MAAM3D,EAAU9B,KAAK8B,QAErB,MAAM8E,WAAEA,EAAUC,YAAEA,GAAgB7G,KAAKuG,aAAaC,GAEtD,MAAMrE,EAAQL,EAAQ8E,IAAazE,MACnC,MAAM2F,EAAS3F,IAAQ0E,GAEvB,GAAIiB,GAAQnB,MAAO,CACjB7E,EAAQ8E,GAAYzE,MAAM0E,GAAapB,QAAUA,EAEjD,MAAMsC,EAAqB5F,GAAOqF,OAAM,EAAG/B,aAAcA,IAEzD,GAAIsC,EAAoBjG,EAAQ8E,GAAYnB,QAAU,UACjD3D,EAAQ8E,GAAYnB,QAAU,K,KAC9B,CACL3D,EAAQ8E,GAAYnB,QAAUA,EAC9B,GAAItD,GAAOC,OAAQN,EAAQ8E,GAAYzE,MAAQA,GAAOJ,KAAIM,IAAG,IAAUA,EAAKoD,QAASA,K,CAGvF,MAAMzD,EAAS6E,KAAiB,EAAI/E,EAAQ8E,GAAc9E,EAAQ8E,GAAYzE,MAAM0E,GAEpF7G,KAAKqF,WAAWrD,GAEhBhC,KAAK8B,QAAU,IAAIA,GAEnB,UAAW6F,IAAS,SAAU,CAC5B3H,KAAKgI,iBAAiB,GAAGhI,KAAKiI,UAAU,cAAcjG,EAAOmF,SAE7D3F,uBAAsB,KACpB,MAAM0G,EAAQP,IAAS3H,KAAK8G,sBAAwBa,EAAO,EAAIA,EAC/D,MAAMQ,EAAMC,MAAMC,KAAKrI,KAAKa,QAAQyH,YAAYJ,GAChDC,GAAKI,cAAc,UAAUC,MAAM,CAAEC,cAAe,MAAO,G,EAKzD,eAAAZ,CAAgBpC,GACtBzF,KAAK8B,QAAU,IACV9B,KAAK8B,QAAQC,KAAIC,IAClB,MAAMK,EAAM,IACPL,EACHyD,QAASzF,KAAK2F,YAAe3D,EAAOE,KAAOF,EAAOyD,QAAUA,EAAWA,GAGzE,GAAIpD,EAAIF,MACNE,EAAIF,MAAQ,IACPE,EAAIF,MAAMJ,KAAIE,IAAI,IAChBA,EACHwD,QAASzF,KAAK2F,YAAe1D,EAAKC,KAAOD,EAAKwD,QAAUA,EAAWA,OAIzE,MAAMiD,EAAarG,GAAKF,OAAOqF,OAAM,EAAG/B,aAAcA,IACtD,GAAIpD,GAAKF,OAAOC,OAAQC,EAAIoD,QAAUiD,EAEtC,OAAOrG,CAAG,KAIdrC,KAAKqF,WAAW,KAAMI,E,CAGhB,cAAAkD,CAAenC,GACrB,QAASxG,KAAKgG,kBAAkB4C,MAAK,EAAGjC,QAAOlB,aAAckB,IAAUH,GAAOf,G,CAGxE,SAAAwC,CAAUY,GAChB,MAAMC,EAAOrK,IAAeoK,KAAQ7I,KAAKqD,UAAY1E,GACrD,GAAImK,EAAKC,SAAS,YAAa,OAAOD,EAAKE,QAAQ,WAAYhJ,KAAK6F,gBAAgBzD,QACpF,OAAO0G,C,CAGD,OAAAG,CAAQC,GACd,OAAOA,GAASC,uB,CAGV,MAAAC,EAAOC,QAAEA,EAAOC,QAAEA,EAAO3F,OAAEA,IACjC,MAAM4F,EAAaF,IAAY,GAAKC,IAAY,EAChD,MAAMJ,EAAWvF,EAA4B6F,mBAC7C,MAAMC,EAAEA,EAACC,MAAEA,EAAKC,EAAEA,EAACC,IAAEA,GAAQ5J,KAAKiJ,QAAQC,GAC1C,MAAMW,EAAYN,EAAa,CAAEF,QAASI,EAAIC,EAAQ,GAAIJ,QAASK,EAAIC,GAAQ,CAAEP,UAASC,WAE1FF,EAAOS,EAAWX,E,CAGZ,gBAAAlB,CAAiBc,GACvB9I,KAAK8J,UAAYhB,EACjBiB,aAAa/J,KAAKc,SAClBd,KAAKc,QAAUkJ,YAAW,IAAOhK,KAAK8J,UAAY,MAAO,I,CAGnD,eAAAzI,GACN,GAAIrB,KAAK4J,IAAK,OAAQ5J,KAAKiK,QAAU,KACrC,GAAIjK,KAAKkK,OAAQ,OAAQlK,KAAKiK,QAAU,MAExC,MAAMC,OAAEA,EAAMN,IAAEA,GAAQ5J,KAAKiJ,QAAQjJ,KAAKW,SAE1C,MAAMwJ,EAAQ,GAOd,MAAMC,EAAYC,OAAOC,YAAcJ,EAASC,EAChD,MAAMI,EAAeX,EAAMO,EAG3BnK,KAAKiK,QAAUM,EAAe,EAAIH,C,CAG5B,eAAA9I,GACN,GAAItB,KAAKyE,UAAW,OAAOzE,KAAKS,QAAQoC,MAAM2H,YAAY,yBAA0BxK,KAAKyE,WAEzF,MAAMyF,OAAEA,EAAMN,IAAEA,GAAQ5J,KAAKiJ,QAAQjJ,KAAKW,SAC1C,MAAM8J,EAAczK,KAAKiK,QAAUL,EAAMM,EAEzC,MAAME,EAAYM,IAElB,MAAMC,EAAS3K,KAAKiK,QAAUG,EAAY,GAAK,GAE/C,MAAM3F,EAAYzE,KAAKiK,QAAUQ,EAAcE,EAASN,OAAOC,YAAcG,EAAcE,EAE3F3K,KAAKS,QAAQoC,MAAM2H,YAAY,yBAA0B,GAAGI,KAAKC,KAAKpG,O,CAGhE,WAAAlD,GACN,MAAMmI,MAAEA,GAAU1J,KAAKiJ,QAAQjJ,KAAKW,SACpCX,KAAKS,QAAQoC,MAAM2H,YAAY,4BAA6B,GAAGI,KAAKC,KAAKnB,O,CAGnE,QAAAoB,GACN,GAAI9K,KAAK6B,OAAQ7B,KAAKW,QAAQ6H,MAAM,CAAEC,cAAe,YAChDzI,KAAKU,SAAS8H,MAAM,CAAEC,cAAe,M,CAGpC,QAAAsC,GACN,OAAO/K,KAAKgL,WAAahL,KAAKiL,K,CAGxB,UAAAC,GACN,QAASlL,KAAKmL,cAAgBnL,KAAKiL,K,CAG7B,UAAArI,CAAWwI,GACjB,UAAWA,IAAU,WAAaA,IAAUpL,KAAKmB,KAAM,OACvDnB,KAAKmB,KAAOiK,IAAUpL,KAAKmB,KAC3BnB,KAAK+C,aAAawC,KAAK,CAAEpE,KAAMnB,KAAKmB,M,CAG9B,mBAAAkK,CAAoB3H,GAC1BA,EAAM4H,2BAEN,MAAMC,KAAEA,GAAS7H,EAEjB,GAAI6H,IAAS,SAAU,OAAOvL,KAAK4C,WAAW,OAC9C,IAAK5C,KAAKmB,MAAQoK,EAAKC,MAAM,iCAAkCxL,KAAK4C,Y,CAG9D,cAAA6I,CAAe9E,GACrB,IAAK3G,KAAKmB,KAAMnB,KAAK4C,WAAW,MAChC5C,KAAKuC,YAAcoE,C,CAGb,iBAAAnE,GACN,GAAIxC,KAAK0L,UAAW,OAEpB,MAAMC,EAAO3L,KAAKuC,YAClB,MAAMqJ,EAAgB,EAAGzE,QAAOgE,aAAYxE,WACnC,GAAGQ,KAASgE,KAAcxE,IAAQkF,OAAOC,cAAc/C,SAAS4C,EAAKG,eAG9E,MAAMhK,EAAU9B,KAAK8B,QAAQC,KAAIC,IAC/B,MAAM+J,EAAc/J,GAAQG,OAAOJ,KAAIE,IAAI,IAAUA,EAAMC,MAAO0J,EAAc3J,QAAa,GAE7F,MAAM8D,EAAQ6F,EAAc5J,IAAW+J,GAAaC,MAAK,EAAG9J,WAAYA,IAExEF,EAAOE,MAAQ6D,EACf,GAAI/D,GAAQG,OAAOC,OAAQJ,EAAOG,MAAQ,IAAI4J,GAE9C,OAAO/J,CAAM,IAGfhC,KAAK2F,YAAcgG,IAAS,GAE5B3L,KAAK8B,QAAU,IAAIA,GAEnB9B,KAAKmD,YAAYoC,KAAK,CAAEO,MAAO6F,EAAM5F,MAAO/F,KAAK6F,iB,CAG3C,WAAAoG,CAAY/D,GAClB,MAAMvB,MAAEA,GAAU3G,KAAK8B,QAAQoG,GAC/B,OAAOlI,KAAKY,OAAO2H,cAAgC,uCAAuC5B,M,CAGpF,cAAAuF,CAAe1F,EAAa2F,EAAgCZ,GAClE,MAAMa,EAAQpM,KAAK4F,eAAiB,EAEpC,GAAI2F,IAAS,MAAO,OAAOa,EAC3B,GAAIb,IAAS,OAAQ,OAAO,EAE5B,MAAMc,EAAWrM,KAAK8B,QAAQ4E,WAAU,EAAGC,WAAYA,IAAUH,IAEjE,MAAM8F,EAAQH,EAASvD,MAAK3G,UAAeA,IAAS,WACpD,MAAMiG,EAAQmE,EAAWC,EAEzB,GAAIpE,GAASkE,EAAO,OAAOA,EAC3B,GAAIlE,GAAS,EAAG,OAAO,EAEvB,OAAOA,C,CAGD,WAAAqE,CAAYC,EAAkBhG,GACpC,MAAM+E,KAAEA,GAASiB,EAEjB,MAAMC,EAAUlB,IAAS,YAAc,EACvC,MAAMmB,EAAYnB,IAAS,aAAe,EAC1C,MAAMoB,EAASpB,IAAS,WAAa,GACrC,MAAMqB,EAAWrB,IAAS,YAAc,GACxC,MAAMsB,EAAOtB,IAAS,QAAU,EAChC,MAAMuB,EAAMvB,IAAS,OAASvL,KAAK4F,eAAiB,EACpD,MAAMmH,EAAMxB,IAAS,MACrB,MAAMyB,EAAQzB,IAAS,QACvB,MAAM0B,EAAQ1B,IAAS,QACvB,MAAM2B,EAAS3B,IAAS,SAExB,MAAMY,EAAW,CAACM,EAASC,EAAWC,EAAQC,EAAUC,EAAMC,EAAKC,EAAKC,EAAOC,EAAOC,GAEtF,IAAKf,EAASH,MAAK/J,UAAeA,IAAS,UAAYA,IAAO,OAE9D,GAAI8K,GAAOC,GAASC,EAAO,OAE3BT,EAAElB,2BACFkB,EAAEW,iBAEF,GAAID,EAAQ,CACVlN,KAAK8K,WACL,OAAO9K,KAAK4C,WAAW,M,CAGzB,MAAMX,EAAOjC,KAAKkM,eAAe1F,EAAK2F,EAAUZ,GAChD,OAAOvL,KAAKiM,YAAYhK,IAAOuG,O,CAGzB,UAAA4E,CAAW1J,GACjB,MAAMC,EAASD,EAAMC,OACrB,MAAM0J,EAAU3J,EAAM4J,cAEtB,MAAMC,GAAkBF,GAAW1J,IAAS6J,YAAc,6BAE1D,GAAID,EAAgBvN,KAAK4C,WAAW,M,CAG9B,WAAA6K,GACN,GAAIzN,KAAK0N,SAAU,OACnB1N,KAAK8K,U,CAIC,OAAAY,GACN,OAAQ1L,KAAK8B,SAASM,QAAU,KAAO,C,CAGjC,aAAAuL,GACN,OAAO3N,KAAK4N,YAAc5N,KAAK0L,YAAc1L,KAAKqH,W,CAI5C,eAAAwG,GACN,OAAQ7N,KAAK2F,aAAe3F,KAAKqH,aAAgBrH,KAAK0L,S,CAGhD,cAAAoC,GACN,MAAMC,EAAkB/N,KAAK6B,OAAS,SAAW,mBACjD,OAAO7B,KAAKgO,aAAehO,KAAKiI,UAAU8F,E,CAGpC,YAAAE,EAAatK,OAAEA,IACrB,MAAMgD,MAAEA,EAAKlB,QAAEA,GAAY9B,EAC3B3D,KAAK0H,aAAa,CAAElB,IAAKG,EAAOlB,W,CAI1B,gBAAAyI,GACN,MAAM5B,EAAQtM,KAAK8G,sBAAwB9G,KAAKiH,UAChD,MAAMkH,EAAS,cAAc7B,IAAU,EAAI,GAAK,MAChD,MAAO,GAAGA,KAAStM,KAAKiI,UAAUkG,I,CAG5B,WAAAC,GACN,MAAMnI,EAAO,CAACjG,KAAK6B,QAAU7B,KAAKO,QAASP,KAAK8J,WAAa9J,KAAKQ,OAAQR,KAAKmL,YAAcnL,KAAKM,UAAU+F,OAC1GgI,SAEF,GAAIpI,EAAK7D,OAAQ,OAAO6D,EAAKmB,KAAK,KAClC,OAAO,I,CAGD,YAAAkH,EACNnH,MACEA,EAAKR,MACLA,EAAKlB,QACLA,EAAO0F,WACPA,EAAUoD,KACVA,EAAItO,GACJA,EAAK,GAAGD,KAAK0C,YAAYiE,GAASQ,IAAO6D,QACzCA,EAAO0C,SACPA,EAAQxL,KACRA,EAAIC,MACJA,GAEFyE,EACAC,GAEA,OACE2H,EAAA,MAAIC,MAAM,wBAAwBC,IAAKzO,EAAI0O,OAAQzM,GACjDsM,EAAA,SACEI,KAAK,WACL3O,GAAIA,EACJwO,MAAM,8BACNhJ,QAASA,GAAWzF,KAAK2I,eAAehC,GACxCkI,cAAehI,IAAgBiI,WAAa9O,KAAKsH,gBAAgBV,GACjEmI,KAAM/O,KAAK+O,KACXpI,MAAOA,EACP+G,SAAU1N,KAAK0N,UAAYA,EAC3BsB,SAAUhP,KAAKgP,SAAQ,eACThE,EAAU,OAAS,KAAI,mBACnBG,EAAa,GAAGlL,WAAc,KAChDgP,QAAUvL,GAAsB1D,KAAKoJ,OAAO1F,GAC5CwL,UAAYxL,GAAyB1D,KAAKuM,YAAY7I,EAAOiD,GAC7DwI,OAASzL,GAAsB1D,KAAKoN,WAAW1J,KAEjD8K,EAAA,OAAKC,MAAM,mCACNF,GAAQC,EAAA,WAASD,KAAMA,EAAMa,MAAM,YACtCZ,EAAA,OAAKC,MAAM,8BACTD,EAAA,SAAOC,MAAM,8BAA8BY,QAASpP,GAClDuO,EAAA,YAAOrH,IAERgE,GACCqD,EAAA,KAAGC,MAAM,+BAA+BxO,GAAI,GAAGA,YAC5CkL,IAIPqD,EAAA,OAAKC,MAAM,kCACTD,EAAA,OAAKc,MAAM,6BAA6BC,QAAQ,YAAYC,KAAK,QAC/DhB,EAAA,YACEC,MAAM,gDACNgB,OAAO,iBAAgB,eACV,MAEfjB,EAAA,YACEC,MAAM,oDACNgB,OAAO,aAAY,eACN,SAKpBtN,GAAOC,QACNoM,EAAA,MAAIC,MAAM,2BAA2BtM,GAAOJ,KAAI,CAACC,EAAQ0N,IAAM1P,KAAKsO,aAAatM,EAAQ4E,EAAY8I,M,CAMrG,aAAAC,GACN,OACEnB,EAAA,MACEvO,GAAID,KAAKK,UACToO,MAAM,yBAAwB,YACnBzO,KAAKmB,KAAI,eACNnB,KAAKiK,QAAO,cACbjK,KAAKsE,WAAatE,KAAKuE,YACpCqL,SAAWlM,GAAsB1D,KAAKiO,aAAavK,GACnDb,MAAO,CAAEwB,OAAQ,OACjBwL,IAAKC,GAAO9P,KAAKY,OAASkP,GAEzB9P,KAAK2N,iBACJ3N,KAAKsO,aAAa,CAChBnH,MAAOnH,KAAKiI,UAAU,UAAUjI,KAAK2F,YAAc,QAAU,iBAC7DgB,MAAO3G,KAAK4H,SACZnC,QAASzF,KAAK4F,iBAAmB5F,KAAK8G,wBAGzC9G,KAAK8B,SAASC,KAAI,CAACC,EAAQkG,IAAUlI,KAAKsO,aAAatM,EAAQkG,KAE/DlI,KAAK6N,mBACJW,EAAA,MAAIC,MAAM,yBACRD,EAAA,OAAKC,MAAM,gCAAgCsB,KAAK,SAC9CvB,EAAA,OAAKC,MAAM,8BACTD,EAAA,QAAMC,MAAM,+BACTzO,KAAKiI,UAAUjI,KAAK0L,UAAY,aAAe,yB,CAUxD,WAAAsE,GACN,OACExB,EAAA,MACEvO,GAAID,KAAKO,QACTkO,MAAM,uBAAsB,aAChBzO,KAAKiI,UAAU,oBAC3B4H,IAAKC,GAAO9P,KAAKa,QAAUiP,GAE1B9P,KAAK+G,yBAAyBhF,KAAI,EAAGoF,QAAOR,SAASuB,IACpDsG,EAAA,MACEC,MAAM,sBAAqB,eACbzO,KAAK8G,sBAAqB,gBACzBoB,EAAQ,EACvBwG,IAAK,GAAGvH,KAASR,KAEjB6H,EAAA,QAAMC,MAAM,6BAA6BtH,GACzCqH,EAAA,UACEI,KAAK,SACLH,MAAM,6BAA4B,aACtB,GAAGzO,KAAKiI,UAAU,aAAad,IAC3C8H,QAAS,IAAMjP,KAAK0H,aAAa,CAAElB,IAAKG,EAAOlB,QAAS,MAAOkC,KAAMO,KAErEsG,EAAA,WAASD,KAAM0B,EAAOC,MAAK,KAACd,MAAM,gBAIvCpP,KAAK8G,sBAAwB9G,KAAKiH,WACjCuH,EAAA,MAAIC,MAAM,sBAAqB,mBAC7BD,EAAA,QAAMC,MAAM,6BAA2B,KAAIzO,KAAKkO,qB,CAO1D,MAAAiC,GACE,OACE3B,EAAC4B,EAAI,CAAA1B,IAAA,4CACHF,EAAA,YAAAE,IAAA,2CAAUD,MAAM,iBAAgB,cAAczO,KAAKuO,KAAI,aAAcvO,KAAK+K,WAAY2C,SAAU1N,KAAK0N,UAClG1N,KAAKmH,OACJqH,EAAA,UAAAE,IAAA,2CAAQzO,GAAID,KAAKG,SAAUsO,MAAM,uBAAuBQ,QAAS,IAAMjP,KAAKyN,eAC1Ee,EAAA,QAAAE,IAAA,4CAAO1O,KAAKmH,SAETnH,KAAKgG,kBAAkB5D,QACxBoM,EAAA,QAAAE,IAAA,4CACG1O,KAAK8G,sBAAqB,IAAG9G,KAAK4F,iBAK3C4I,EAAA,OAAAE,IAAA,2CAAKD,MAAM,uBAAuBoB,IAAKC,GAAO9P,KAAKS,QAAUqP,GAC3DtB,EAAA,OAAAE,IAAA,2CAAKD,MAAM,0BACNzO,KAAKuO,MAAQC,EAAA,WAAAE,IAAA,2CAASD,MAAM,sBAAqB,mBAAaF,KAAMvO,KAAKuO,OAE5EC,EAAA,SAAAE,IAAA,2CACE2B,SAAUrQ,KAAK6B,OAAS,KAAO,KAC/B+M,KAAM5O,KAAK6B,OAAS,SAAW,QAC/B5B,GAAID,KAAK0C,SACT+L,MAAM,yBACN9H,MAAO3G,KAAK6B,OAAS7B,KAAKuC,YAAcvC,KAAKkH,uBAC7C6H,KAAM/O,KAAKsQ,WACXtC,YAAahO,KAAK8N,iBAClBkB,SAAUhP,KAAK6B,OAAS,KAAO7B,KAAKgP,SAAQ,kBAC3BhP,KAAKG,SAAQ,mBACZH,KAAKoO,cAAa,gBACrB,GAAGpO,KAAKK,aAAaL,KAAK6B,OAAS7B,KAAKO,QAAU,KAAI,eACvDP,KAAK+K,YAAYwF,WAC/B7C,SAAU1N,KAAK0N,SACf8C,UAAWxQ,KAAK6B,OAChBoN,QAAS,IAAOjP,KAAK6B,QAAU7B,KAAKmB,KAAO,KAAOnB,KAAK4C,aACvDsM,UAAW1C,GAAKxM,KAAKqL,oBAAoBmB,GACzC2C,OAAQ3C,GAAKxM,KAAKoN,WAAWZ,GAC7BiE,QAASjE,GAAKxM,KAAK6B,QAAU7B,KAAKyL,eAAgBe,EAAE7I,OAA4BgD,OAChFkJ,IAAKC,GAAO9P,KAAKW,QAAUmP,IAG5B9P,KAAK+K,YACJyD,EAAA,WAAAE,IAAA,2CAASD,MAAM,sBAAqB,kBAAYF,KAAMmC,EAA0BtB,MAAM,YAGxFZ,EAAA,UAAAE,IAAA,2CACEzO,GAAID,KAAKI,SACTwO,KAAK,SACLH,MAAM,wBAAuB,aACjBzO,KAAKiI,UAAU,UAAUjI,KAAKmB,KAAO,QAAU,UAAS,mBAClDnB,KAAK6B,OAAS,KAAO7B,KAAK0C,SAAQ,gBACrC1C,KAAKK,UAAS,gBACdL,KAAKmB,KAAKoP,WACzBtB,QAAS,IAAMjP,KAAK4C,aACpBiN,IAAKC,GAAO9P,KAAKU,SAAWoP,GAE5BtB,EAAA,WAAAE,IAAA,2CAASD,MAAM,sBAAsBF,KAAMoC,EAAYvB,MAAM,cAIhEpP,KAAK2P,iBAGP3P,KAAKkL,cACJsD,EAAA,KAAAE,IAAA,2CAAGzO,GAAID,KAAKM,SAAUmO,MAAM,6BAA6BsB,OAAQ/P,KAAKiL,MAAQ,QAAU,MACtFuD,EAAA,QAAAE,IAAA,4CAAO1O,KAAKiL,OAASjL,KAAKmL,aAI7BnL,KAAK6B,QAAU7B,KAAKgQ,cAErBxB,EAAA,QAAAE,IAAA,6CAEC1O,KAAK6B,QACJ2M,EAAA,KAAAE,IAAA,2CAAGzO,GAAID,KAAKQ,KAAMiO,MAAM,yBAAyBsB,KAAK,QAAO,YAAW,aACrE/P,KAAK8J,WAAa0E,EAAA,QAAAE,IAAA,4CAAO1O,KAAK8J,a","ignoreList":[]}

package/umd/modules/@postnord/web-components/postnord-web-components/p-fc5f9092.entry.js

@@ -0,0 +1,6 @@
+/*!
+ * Built with Stencil
+ * By PostNord.
+ */
+import{r as t,g as e,h as s,a as i}from"./p-43660913.js";import{u as r,e as a,k as p}from"./p-f64d17a6.js";const o={STEP:{da:"Trin",en:"Step",fi:"Vaihe",no:"Trinn",sv:"Steg"}};const h="pn-progress-stepper .pn-progress-stepper{position:relative;width:100%;background:#f3f2f2;height:0.5em;border-radius:0.5em;box-shadow:0 0 0 0.0625em #969087}pn-progress-stepper .pn-progress-stepper[data-full] .pn-progress-stepper-value{border-top-right-radius:0.5em;border-bottom-right-radius:0.5em}pn-progress-stepper .pn-progress-stepper-label{margin-bottom:0.5em}pn-progress-stepper .pn-progress-stepper-value{position:absolute;top:-0.0625em;left:-0.0625em;height:0.625em;background-color:#005d92;width:calc(var(--progress-value) + 0.125em);border-radius:0.5em 0 0 0.5em;transition-property:width, border-radius;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-progress-stepper .pn-progress-stepper-value{transition-duration:0s;transition-delay:0s}}";const n=h;const d=class{constructor(e){t(this,e);this.progressValue=0;this.label=undefined;this.totalSteps=this.maxStep;this.currentStep=this.minStep;this.stepName=undefined;this.progressStepperId="";this.language=null}id=`pn-progress-stepper-${r()}`;idLabel=`${this.id}-label`;idBar=`${this.id}-bar`;minStep=1;maxStep=7;get hostElement(){return e(this)}validateCurrentStep(t){this.validate(t,"currentStep")}validateTotalSteps(t){this.validate(t,"totalSteps")}watchLanguage(){if(this.hasCustomLabel())return;this.label=o.STEP[this.language||a]}watchId(){if(this.progressStepperId){this.idLabel=`${this.progressStepperId}-label`;this.idBar=`${this.progressStepperId}-bar`}else{this.idLabel=`${this.id}-label`;this.idBar=`${this.id}-bar`}}async componentWillLoad(){this.watchLanguage();this.watchId();this.validate(this.currentStep,"currentStep");this.validate(this.totalSteps,"totalSteps");if(this.language)return;await p(this.hostElement)}componentWillRender(){this.calculateProgress()}hasCustomLabel(){if(this.label===undefined)return false;return!Object.keys(o.STEP).find((t=>o.STEP[t]===this.label))}validate(t,e){const s=this.hostElement.localName;if(t<this.minStep){console.warn(`${s}: The ${e} ${t} is below the minimum allowed steps of ${this.minStep}. ${e} will default to ${this.minStep}.`);this[e]=this.minStep}if(e==="currentStep"&&t>this.totalSteps){console.warn(`${s}: The ${e} ${t} is above totalSteps ${this.totalSteps}, ${e} will default to ${this.totalSteps}.`);this[e]=this.totalSteps}if(t>this.maxStep){console.warn(`${s}: The ${e} ${t} is above the maximum allowed steps of ${this.maxStep}. ${e} will default to ${this.maxStep}.`);this[e]=this.maxStep}}calculateProgress(){try{this.progressValue=Math.floor(this.currentStep/this.totalSteps*100);this.hostElement.style.setProperty("--progress-value",`${this.progressValue}%`)}catch(t){console.error(`${this.hostElement.localName}:`,t.message)}}render(){return s(i,{key:"4ba09046dab423fa79ebfdab9fbf312d9d8929cf"},s("p",{key:"fa2f78ce5509e1dd7af40657a083356e61d393db",id:this.idLabel,class:"pn-progress-stepper-label"},s("span",{key:"963374a110ad8fc87d6d6d2b00cd1694992fffab"},this.label," ",this.currentStep,"/",this.totalSteps),this.stepName&&s("span",{key:"f5cef98692b9baf2dc2826d1a0ebaebb64e75cf5"}," - ",this.stepName)),s("div",{key:"2259ad7c3a8d77ff6a59d32124695e9259b22ba5",class:"pn-progress-stepper",role:"progressbar","aria-labelledby":this.idLabel,"aria-valuenow":this.progressValue,id:this.idBar,"data-full":this.currentStep===this.totalSteps},s("div",{key:"f469df98da0b06db3a80fdcdc96555151789b014",class:"pn-progress-stepper-value"})))}static get watchers(){return{currentStep:["validateCurrentStep"],totalSteps:["validateTotalSteps"],language:["watchLanguage"],progressStepperId:["watchId"]}}};d.style=n;export{d as pn_progress_stepper};
+//# sourceMappingURL=p-fc5f9092.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/p-fc5f9092.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["translations","STEP","da","en","fi","no","sv","pnProgressStepperCss","PnProgressStepperStyle0","PnProgressStepper","this","maxStep","minStep","id","uuidv4","idLabel","idBar","validateCurrentStep","step","validate","validateTotalSteps","watchLanguage","hasCustomLabel","label","language","watchId","progressStepperId","componentWillLoad","currentStep","totalSteps","awaitTopbar","hostElement","componentWillRender","calculateProgress","undefined","Object","keys","find","prop","componentName","localName","console","warn","progressValue","Math","floor","style","setProperty","error","message","render","h","Host","key","class","stepName","role"],"sources":["src/components/feedback/pn-progress-stepper/translations.ts","src/components/feedback/pn-progress-stepper/pn-progress-stepper.scss?tag=pn-progress-stepper","src/components/feedback/pn-progress-stepper/pn-progress-stepper.tsx"],"sourcesContent":["export const translations = {\n  STEP: {\n    da: 'Trin',\n    en: 'Step',\n    fi: 'Vaihe',\n    no: 'Trinn',\n    sv: 'Steg',\n  },\n};\n","@use 'src/globals/main';\n\npn-progress-stepper .pn-progress-stepper {\n  position: relative;\n\n  width: 100%;\n  background: main.$gray50;\n  height: 0.5em;\n  border-radius: 0.5em;\n  box-shadow: (0 0 0 0.0625em main.$gray400);\n\n  &[data-full] .pn-progress-stepper-value {\n    border-top-right-radius: 0.5em;\n    border-bottom-right-radius: 0.5em;\n  }\n\n  &-label {\n    margin-bottom: 0.5em;\n  }\n\n  &-value {\n    position: absolute;\n    top: -0.0625em;\n    left: -0.0625em;\n\n    height: 0.625em;\n    background-color: main.$blue700;\n    width: calc(var(--progress-value) + 0.125em);\n    border-radius: 0.5em 0 0 0.5em;\n\n    @include main.pn-transition('width, border-radius', main.$timing-layout);\n  }\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { translations } from './translations';\nimport { en, awaitTopbar, uuidv4 } from '@/globals/helpers';\nimport type { PnLanguages, PnSteps, PnStepProps } from '@/globals/types';\n\n/**\n * The `pn-progress-stepper` is used to visualize the users progress through a flow (checkout/survey, etc...).\n **/\n@Component({\n  tag: 'pn-progress-stepper',\n  styleUrl: 'pn-progress-stepper.scss',\n})\nexport class PnProgressStepper {\n  id: string = `pn-progress-stepper-${uuidv4()}`;\n\n  idLabel: string = `${this.id}-label`;\n  idBar: string = `${this.id}-bar`;\n\n  minStep: 1 = 1;\n  maxStep: 7 = 7;\n\n  @Element() hostElement: HTMLElement;\n\n  /** Percentage calculated with currentStep / totalSteps. */\n  @State() progressValue: number = 0;\n\n  /** Set custom label for the stepper, recommended default label is \"Step\". */\n  @Prop({ mutable: true }) label?: string;\n  /** Set total amount of steps, maximum `7` is allowed. */\n  @Prop({ mutable: true }) totalSteps: PnSteps = this.maxStep;\n  /** The current step of the progress stepper. */\n  @Prop({ mutable: true }) currentStep: PnSteps = this.minStep;\n  /** You can add a custom optional string to the label if you need a name for the current step. */\n  @Prop() stepName?: string;\n  /** Set a custom HTML id on the progress stepper element to associate progress bar with label. */\n  @Prop() progressStepperId?: string = '';\n  /**\n   * Set the language manually, only use this prop if the pnTopbar is not loaded.\n   * Will not overwrite the `label` prop if used.\n   **/\n  @Prop() language?: PnLanguages = null;\n\n  @Watch('currentStep')\n  validateCurrentStep(step: PnSteps) {\n    this.validate(step, 'currentStep');\n  }\n\n  @Watch('totalSteps')\n  validateTotalSteps(step: PnSteps) {\n    this.validate(step, 'totalSteps');\n  }\n\n  @Watch('language')\n  watchLanguage() {\n    if (this.hasCustomLabel()) return;\n    this.label = translations.STEP[this.language || en];\n  }\n\n  @Watch('progressStepperId')\n  watchId() {\n    if (this.progressStepperId) {\n      this.idLabel = `${this.progressStepperId}-label`;\n      this.idBar = `${this.progressStepperId}-bar`;\n    } else {\n      this.idLabel = `${this.id}-label`;\n      this.idBar = `${this.id}-bar`;\n    }\n  }\n\n  async componentWillLoad() {\n    this.watchLanguage();\n    this.watchId();\n\n    this.validate(this.currentStep, 'currentStep');\n    this.validate(this.totalSteps, 'totalSteps');\n\n    if (this.language) return;\n    await awaitTopbar(this.hostElement);\n  }\n\n  componentWillRender() {\n    this.calculateProgress();\n  }\n\n  hasCustomLabel(): boolean {\n    if (this.label === undefined) return false;\n    return !Object.keys(translations.STEP).find(step => translations.STEP[step] === this.label);\n  }\n\n  validate(step: PnSteps, prop: PnStepProps) {\n    const componentName = this.hostElement.localName;\n    if (step < this.minStep) {\n      console.warn(\n        `${componentName}: The ${prop} ${step} is below the minimum allowed steps of ${this.minStep}. ${prop} will default to ${this.minStep}.`,\n      );\n      this[prop] = this.minStep;\n    }\n    if (prop === 'currentStep' && step > this.totalSteps) {\n      console.warn(\n        `${componentName}: The ${prop} ${step} is above totalSteps ${this.totalSteps}, ${prop} will default to ${this.totalSteps}.`,\n      );\n      this[prop] = this.totalSteps;\n    }\n    if (step > this.maxStep) {\n      console.warn(\n        `${componentName}: The ${prop} ${step} is above the maximum allowed steps of ${this.maxStep}. ${prop} will default to ${this.maxStep}.`,\n      );\n      this[prop] = this.maxStep;\n    }\n  }\n\n  calculateProgress() {\n    try {\n      this.progressValue = Math.floor((this.currentStep / this.totalSteps) * 100);\n      this.hostElement.style.setProperty('--progress-value', `${this.progressValue}%`);\n    } catch (error) {\n      console.error(`${this.hostElement.localName}:`, error.message);\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <p id={this.idLabel} class=\"pn-progress-stepper-label\">\n          <span>\n            {this.label} {this.currentStep}/{this.totalSteps}\n          </span>\n          {this.stepName && <span> - {this.stepName}</span>}\n        </p>\n        <div\n          class=\"pn-progress-stepper\"\n          role=\"progressbar\"\n          aria-labelledby={this.idLabel}\n          aria-valuenow={this.progressValue}\n          id={this.idBar}\n          data-full={this.currentStep === this.totalSteps}\n        >\n          <div class=\"pn-progress-stepper-value\"></div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/umd/modules/@postnord/web-components/postnord-web-components/{p-bdb9bdc3.entry.js → p-fcd5028f.entry.js}

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as c,g as i,h as e,a as n}from"./p-43660913.js";import{u as o}from"./p-f64d17a6.js";import{c as p}from"./p-aae10869.js";const h="pn-choice-chip{display:inline-block}pn-choice-chip .pn-choice-chip{position:relative;font-size:1em;font-weight:500;text-align:center}pn-choice-chip .pn-choice-chip-container{cursor:pointer;position:relative;display:flex;align-items:center;gap:0;padding:0.5em 1em;border:0.0625em solid #969087;border-radius:0.5em;background-color:#ffffff;transition-property:border-color, outline-color, background-color, padding, gap;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);outline:0.2rem solid transparent;outline-offset:0.2rem}@media (prefers-reduced-motion: reduce){pn-choice-chip .pn-choice-chip-container{transition-duration:0s;transition-delay:0s}}pn-choice-chip .pn-choice-chip-container[data-icon]{gap:0.25em;padding-left:0.75em}pn-choice-chip .pn-choice-chip-container[data-icon][data-small]{padding-left:0.5em}pn-choice-chip .pn-choice-chip-container[data-icon][data-large]{padding-left:1em}pn-choice-chip .pn-choice-chip-container[data-icon]>.pn-choice-chip-icon{width:1.5em}pn-choice-chip .pn-choice-chip-container[data-small]{padding:0.25em 0.75em}pn-choice-chip .pn-choice-chip-container[data-small] .pn-choice-chip-label{line-height:1.25em}pn-choice-chip .pn-choice-chip-container[data-small] .pn-choice-chip-label>span{font-size:0.875em}pn-choice-chip .pn-choice-chip-container[data-large]{padding:0.625em 1.25em}pn-choice-chip .pn-choice-chip-icon{position:relative;width:0;height:1.5em;transition-property:width;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-choice-chip .pn-choice-chip-icon{transition-duration:0s;transition-delay:0s}}pn-choice-chip .pn-choice-chip-icon pn-icon{opacity:0;transform:scale(0);position:absolute;top:0;left:0;transition-property:transform, opacity;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-choice-chip .pn-choice-chip-icon pn-icon{transition-duration:0s;transition-delay:0s}}pn-choice-chip .pn-choice-chip-icon pn-icon.pn-choice-chip-icon-user{opacity:1;transform:scale(1)}pn-choice-chip .pn-choice-chip-label{color:#005d92;line-height:1.5em;transition-property:color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);cursor:pointer;display:flex;align-items:center;flex-grow:1;height:100%}@media (prefers-reduced-motion: reduce){pn-choice-chip .pn-choice-chip-label{transition-duration:0s;transition-delay:0s}}pn-choice-chip .pn-choice-chip>input{position:absolute;z-index:1;opacity:0;top:0;left:0;width:100%;height:100%;margin:0;cursor:pointer}pn-choice-chip .pn-choice-chip>input:not(:checked)~.pn-choice-chip-container>.pn-choice-chip-icon>.pn-choice-chip-icon-user{transform:scale(1);opacity:1}pn-choice-chip .pn-choice-chip>input:hover~.pn-choice-chip-container{background-color:#effbff;border-color:#005d92}pn-choice-chip .pn-choice-chip>input:hover~.pn-choice-chip-container .pn-choice-chip-icon-user .pn-icon-svg path,pn-choice-chip .pn-choice-chip>input:hover~.pn-choice-chip-container .pn-choice-chip-icon-check .pn-icon-svg path{fill:#005d92}pn-choice-chip .pn-choice-chip>input:hover~.pn-choice-chip-container .pn-choice-chip-label{color:#005d92}pn-choice-chip .pn-choice-chip>input:checked~.pn-choice-chip-container{gap:0.25em;background-color:#e0f8ff;border-color:#005d92}pn-choice-chip .pn-choice-chip>input:checked~.pn-choice-chip-container>.pn-choice-chip-icon{width:1.5em;stroke-dashoffset:23}pn-choice-chip .pn-choice-chip>input:checked~.pn-choice-chip-container>.pn-choice-chip-icon>.pn-choice-chip-icon-check{transform:scale(1);opacity:1}pn-choice-chip .pn-choice-chip>input:checked~.pn-choice-chip-container>.pn-choice-chip-icon>.pn-choice-chip-icon-user{transform:scale(0);opacity:0}pn-choice-chip .pn-choice-chip>input:checked~.pn-choice-chip-container>.pn-choice-chip-label{color:#0d234b}pn-choice-chip .pn-choice-chip>input:checked:hover~.pn-choice-chip-container{background-color:#effbff;border-color:#0d234b}pn-choice-chip .pn-choice-chip>input:checked:hover~.pn-choice-chip-container>.pn-choice-chip-icon>.pn-choice-chip-icon-check path{fill:#0d234b}pn-choice-chip .pn-choice-chip>input:checked:hover~.pn-choice-chip-container>.pn-choice-chip-label{color:#0d234b}pn-choice-chip .pn-choice-chip>input:focus-visible~.pn-choice-chip-container{outline-color:#005d92;border-color:#005d92}pn-choice-chip .pn-choice-chip>input:disabled{cursor:not-allowed}pn-choice-chip .pn-choice-chip>input:disabled:active~.pn-choice-chip-container{outline:none}pn-choice-chip .pn-choice-chip>input:disabled~.pn-choice-chip-container{background-color:#f3f2f2;border-color:#f3f2f2;cursor:not-allowed}pn-choice-chip .pn-choice-chip>input:disabled~.pn-choice-chip-container .pn-choice-chip-label{color:#5e554a;cursor:not-allowed}pn-choice-chip .pn-choice-chip>input:disabled~.pn-choice-chip-container pn-icon .pn-icon-svg path{fill:#5e554a}";const t=h;const a=class{constructor(i){c(this,i);this.moving=false;this.label=undefined;this.value=undefined;this.name=undefined;this.checked=false;this.radio=false;this.choiceid=`pn-choice-chip-${o()}`;this.icon=undefined;this.required=false;this.disabled=false;this.small=false;this.large=false}get hostElement(){return i(this)}render(){return e(n,{key:"163abbbcca43588ea04866d4826bd7b30b88324d"},e("div",{key:"2af33c1a26f70b59d22db00a943c09b43eaf3523",class:"pn-choice-chip"},e("input",{key:"23dbbfe5102e681efbf6d08c30e64fb6f8761300",type:this.radio?"radio":"checkbox",id:this.choiceid,value:this.value,name:this.name,checked:this.checked,required:this.required,disabled:this.disabled}),e("div",{key:"c57f848d0458880a41f030691e9fa6bef497bf18",class:"pn-choice-chip-container","data-icon":!!this.icon,"data-small":this.small,"data-large":this.large},e("div",{key:"2978e8c81a0f4057a70e1cb29d94768040ecfd95",class:"pn-choice-chip-icon"},e("pn-icon",{key:"62101eaa67f7351df8657b4df56e145d54ca4468",color:"blue700",class:"pn-choice-chip-icon-check",icon:p}),!!this.icon&&e("pn-icon",{key:"06c50dad1d7e2b78a36d4c923878633d489b0d55",color:"blue700",class:"pn-choice-chip-icon-user",icon:this.icon})),e("label",{key:"502b02b9c9e30d56a39aa425af8b6c9bf755b8c9",class:"pn-choice-chip-label",htmlFor:this.choiceid},e("span",{key:"79f7c5b812fbd06c54af2d14f08d2e0a7ae1f520"},this.label),e("slot",{key:"f90c14659d035a662fca81e4045e7523b60f8a46"})))))}};a.style=t;export{a as pn_choice_chip};
-//# sourceMappingURL=p-bdb9bdc3.entry.js.map
+import{r as c,g as i,h as e,a as n}from"./p-43660913.js";import{u as o}from"./p-f64d17a6.js";import{c as p}from"./p-aae10869.js";const h="pn-choice-chip{display:inline-block}pn-choice-chip .pn-choice-chip{position:relative;font-size:1em;font-weight:500;text-align:center}pn-choice-chip .pn-choice-chip-container{cursor:pointer;position:relative;display:flex;align-items:center;gap:0;padding:0.5em 1em;border:0.0625em solid #969087;border-radius:0.5em;background-color:#ffffff;transition-property:border-color, outline-color, background-color, padding, gap;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);outline:0.2rem solid transparent;outline-offset:0.2rem}@media (prefers-reduced-motion: reduce){pn-choice-chip .pn-choice-chip-container{transition-duration:0s;transition-delay:0s}}pn-choice-chip .pn-choice-chip-container[data-icon]{gap:0.25em;padding-left:0.75em}pn-choice-chip .pn-choice-chip-container[data-icon][data-small]{padding-left:0.5em}pn-choice-chip .pn-choice-chip-container[data-icon][data-large]{padding-left:1em}pn-choice-chip .pn-choice-chip-container[data-icon]>.pn-choice-chip-icon{width:1.5em}pn-choice-chip .pn-choice-chip-container[data-small]{padding:0.25em 0.75em}pn-choice-chip .pn-choice-chip-container[data-small] .pn-choice-chip-label{line-height:1.25em}pn-choice-chip .pn-choice-chip-container[data-small] .pn-choice-chip-label>span{font-size:0.875em}pn-choice-chip .pn-choice-chip-container[data-large]{padding:0.625em 1.25em}pn-choice-chip .pn-choice-chip-icon{position:relative;width:0;height:1.5em;transition-property:width;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-choice-chip .pn-choice-chip-icon{transition-duration:0s;transition-delay:0s}}pn-choice-chip .pn-choice-chip-icon pn-icon{opacity:0;transform:scale(0);position:absolute;top:0;left:0;transition-property:transform, opacity;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-choice-chip .pn-choice-chip-icon pn-icon{transition-duration:0s;transition-delay:0s}}pn-choice-chip .pn-choice-chip-icon pn-icon.pn-choice-chip-icon-user{opacity:1;transform:scale(1)}pn-choice-chip .pn-choice-chip-label{color:#005d92;line-height:1.5em;transition-property:color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);cursor:pointer;display:flex;align-items:center;flex-grow:1;height:100%}@media (prefers-reduced-motion: reduce){pn-choice-chip .pn-choice-chip-label{transition-duration:0s;transition-delay:0s}}pn-choice-chip .pn-choice-chip>input{position:absolute;z-index:1;opacity:0;top:0;left:0;width:100%;height:100%;margin:0;cursor:pointer}pn-choice-chip .pn-choice-chip>input:not(:checked)~.pn-choice-chip-container>.pn-choice-chip-icon>.pn-choice-chip-icon-user{transform:scale(1);opacity:1}pn-choice-chip .pn-choice-chip>input:hover~.pn-choice-chip-container{background-color:#effbff;border-color:#005d92}pn-choice-chip .pn-choice-chip>input:hover~.pn-choice-chip-container .pn-choice-chip-icon-user .pn-icon-svg path,pn-choice-chip .pn-choice-chip>input:hover~.pn-choice-chip-container .pn-choice-chip-icon-check .pn-icon-svg path{fill:#005d92}pn-choice-chip .pn-choice-chip>input:hover~.pn-choice-chip-container .pn-choice-chip-label{color:#005d92}pn-choice-chip .pn-choice-chip>input:checked~.pn-choice-chip-container{gap:0.25em;background-color:#e0f8ff;border-color:#005d92}pn-choice-chip .pn-choice-chip>input:checked~.pn-choice-chip-container>.pn-choice-chip-icon{width:1.5em;stroke-dashoffset:23}pn-choice-chip .pn-choice-chip>input:checked~.pn-choice-chip-container>.pn-choice-chip-icon>.pn-choice-chip-icon-check{transform:scale(1);opacity:1}pn-choice-chip .pn-choice-chip>input:checked~.pn-choice-chip-container>.pn-choice-chip-icon>.pn-choice-chip-icon-user{transform:scale(0);opacity:0}pn-choice-chip .pn-choice-chip>input:checked~.pn-choice-chip-container>.pn-choice-chip-label{color:#0d234b}pn-choice-chip .pn-choice-chip>input:checked:hover~.pn-choice-chip-container{background-color:#effbff;border-color:#0d234b}pn-choice-chip .pn-choice-chip>input:checked:hover~.pn-choice-chip-container>.pn-choice-chip-icon>.pn-choice-chip-icon-check path{fill:#0d234b}pn-choice-chip .pn-choice-chip>input:checked:hover~.pn-choice-chip-container>.pn-choice-chip-label{color:#0d234b}pn-choice-chip .pn-choice-chip>input:focus-visible~.pn-choice-chip-container{outline-color:#005d92;border-color:#005d92}pn-choice-chip .pn-choice-chip>input:disabled{cursor:not-allowed}pn-choice-chip .pn-choice-chip>input:disabled:active~.pn-choice-chip-container{outline:none}pn-choice-chip .pn-choice-chip>input:disabled~.pn-choice-chip-container{background-color:#f3f2f2;border-color:#f3f2f2;cursor:not-allowed}pn-choice-chip .pn-choice-chip>input:disabled~.pn-choice-chip-container .pn-choice-chip-label{color:#5e554a;cursor:not-allowed}pn-choice-chip .pn-choice-chip>input:disabled~.pn-choice-chip-container pn-icon .pn-icon-svg path{fill:#5e554a}";const t=h;const a=class{constructor(i){c(this,i);this.moving=false;this.label=undefined;this.value=undefined;this.name=undefined;this.checked=false;this.radio=false;this.choiceid=`pn-choice-chip-${o()}`;this.icon=undefined;this.required=false;this.disabled=false;this.small=false;this.large=false}get hostElement(){return i(this)}render(){return e(n,{key:"5ff90532fb75531aa8fcb23fd4dd0ae0dfc7d33a"},e("div",{key:"500cb322689763c229ac303d1d62643a620c74ed",class:"pn-choice-chip"},e("input",{key:"88feb0c54e20951c8c6e9d761323e1806e4583bd",type:this.radio?"radio":"checkbox",id:this.choiceid,value:this.value,name:this.name,checked:this.checked,required:this.required,disabled:this.disabled}),e("div",{key:"d1ed91ded7233f9229bdbde4f9c40b5c86a67fba",class:"pn-choice-chip-container","data-icon":!!this.icon,"data-small":this.small,"data-large":this.large},e("div",{key:"29f8378c640a6553416507e2ca0454bca47c557c",class:"pn-choice-chip-icon"},e("pn-icon",{key:"f70f7191ade89323265b312cc881141edffc4296",color:"blue700",class:"pn-choice-chip-icon-check",icon:p}),!!this.icon&&e("pn-icon",{key:"87d85e74effe1b65d949b0735a50f5b4a56acf25",color:"blue700",class:"pn-choice-chip-icon-user",icon:this.icon})),e("label",{key:"772f0726fcaada44af2c10ab922bb3eb151886b7",class:"pn-choice-chip-label",htmlFor:this.choiceid},e("span",{key:"7c5bf78b2811a70308663bfb1be95420ce7ca30d"},this.label),e("slot",{key:"6fd6ee5beb63f38285b273f0a73d41e5895cc8e6"})))))}};a.style=t;export{a as pn_choice_chip};
+//# sourceMappingURL=p-fcd5028f.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/{p-9cecd28d.entry.js → p-ff068744.entry.js}

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as n,c as t,g as e,h as i,a as s}from"./p-43660913.js";import{u as a,k as o,e as r}from"./p-f64d17a6.js";const l='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414" clip-rule="evenodd"/></svg>';const c=l;const h='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M4 11.442A7.44 7.44 0 0 1 11.44 4c6.24 0 9.617 7.154 5.923 11.949l2.844 2.844a1 1 0 0 1-1.414 1.414l-2.837-2.837C11.21 21.045 4 17.73 4 11.441m11.277 3.867C11.846 18.714 6 16.284 6 11.442A5.44 5.44 0 0 1 11.44 6c4.724 0 7.204 5.605 4.026 9.1z" clip-rule="evenodd"/></svg>';const d=h;const f={SEARCH:{en:"Search",sv:"Sök",da:"Søg",fi:"Hae",no:"Søk"},CLEAR:{en:"Clear search field",sv:"Rensa sökfältet",da:"Ryd søgefeltet",fi:"Tyhjennä hakukenttä",no:"Tøm søkefeltet"}};const p="pn-search-field{display:inline-flex;gap:0.5em}pn-search-field input{color:#2d2013;background-color:#ffffff;border:0.0625em solid #969087;border-radius:0.5em;padding:0.75em;font-family:inherit;font-size:1em;font-weight:500;line-height:1.5em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:outline-color, background-color, border-color, color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);min-height:3em;height:100%;width:100%;border-radius:3em}pn-search-field input:-webkit-autofill,pn-search-field input:-webkit-autofill:hover,pn-search-field input:-webkit-autofill:focus,pn-search-field input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #e0f8ff inset;-webkit-text-fill-color:#2d2013}pn-search-field input:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}@media (prefers-reduced-motion: reduce){pn-search-field input{transition-duration:0s;transition-delay:0s}}pn-search-field input::placeholder{color:#5e554a;font-weight:normal}pn-search-field input:hover{border-color:#005d92}pn-search-field input:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}pn-search-field input::-webkit-search-cancel-button{display:none}pn-search-field>.input-container{width:100%;position:relative}pn-search-field>.input-container .button-container{position:absolute;top:0;right:0;background:transparent;width:3em;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}pn-search-field>.input-container pn-button{position:absolute;left:50%;top:50%;transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-delay:0.2s;transform:translate(100%, -50%)}@media (prefers-reduced-motion: reduce){pn-search-field>.input-container pn-button{transition-duration:0s;transition-delay:0s}}pn-search-field.searching pn-button.search{transform:translate(150%, -50%)}pn-search-field.searching pn-button.clear{transform:translate(-50%, -50%)}pn-search-field.button-none input,pn-search-field.button-icon-inline input{padding-right:2em}pn-search-field.button-none pn-spinner,pn-search-field.button-icon-inline pn-spinner{position:absolute;left:50%;top:50%;transition:transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transform:translate(100%, -50%)}pn-search-field.button-none pn-button.search,pn-search-field.button-icon-inline pn-button.search{transform:translate(-50%, -50%)}pn-search-field.button-none.loading pn-button,pn-search-field.button-icon-inline.loading pn-button{transform:translate(100%, -50%)}pn-search-field.button-none.loading pn-spinner,pn-search-field.button-icon-inline.loading pn-spinner{transform:translate(-50%, -50%)}pn-search-field.button-none.searching pn-button.search{transform:translate(100%, -50%)}pn-search-field.button-icon>pn-button[data-loading=true] .pn-button-bg{left:50%;transform:translateX(-50%)}";const u=p;const b=class{constructor(e){n(this,e);this.search=t(this,"search",7);this.update=t(this,"update",7);this.label=undefined;this.value="";this.placeholder=undefined;this.searchid=this.id;this.name=undefined;this.autocomplete=undefined;this.list=undefined;this.language=null;this.disabled=false;this.required=false;this.loading=false;this.button="";this.buttonLabel=undefined;this.buttonLight=false}id=`pn-search-field-${a()}`;searchElement;get hostElement(){return e(this)}search;update;inputHandler(){this.update.emit(this.value)}async componentWillLoad(){if(this.language)return;await o(this.hostElement)}translate(n){return f?.[n]?.[this.language||r]}emitSearch({click:n,button:t}){if(n?.type==="click"||t?.type==="keydown"&&t?.key==="Enter"){const e=n||t;e.preventDefault();this.search.emit(this.value)}}setVal(n){this.value=n.target.value}clearInput(){this.value="";this.update.emit(this.value);this.hostElement.querySelector("input").focus()}getClassNames(){let n="";const t=["none","icon","icon-inline"];if(this.value)n+="searching ";if(this.loading)n+="loading ";if(t.includes(this.button))n+=`button-${this.button} `;return n}render(){return i(s,{key:"8326d2235579e0cb7a92c864c373bfe10ac93f98",class:this.getClassNames()},i("div",{key:"51875e4b1e11e77646b1f81f25d57472acb61c93",class:"input-container"},i("input",{key:"04fb6a318e2ba6afa3e20b9a132f0b1d84775fc9",type:"search",value:this.value,id:this.searchid,name:this.name,"aria-label":this.label,placeholder:this.placeholder,disabled:this.disabled,required:this.required,autocomplete:this.autocomplete,list:this.list,ref:n=>this.searchElement=n,onKeyDown:n=>this.emitSearch({button:n}),onInput:n=>this.setVal(n)}),i("div",{key:"0ff204aee2d455d3800d5b2fa8107b27db647587",class:"button-container"},(this.button==="none"||this.button==="icon-inline")&&i("pn-button",{key:"f820315a99ae3ec92ffd3c7e82098442722a6be0",small:true,class:"search",type:"button",appearance:"light",icon:d,iconOnly:true,noTab:this.button!=="icon-inline",arialabel:this.translate("SEARCH"),onPnClick:n=>this.emitSearch({click:n.detail})}),this.button!=="icon-inline"&&i("pn-button",{key:"2cb9544a3339ed88bc966b2e01430bc49238d885",small:true,class:"clear",type:"button",appearance:"light",icon:c,iconOnly:true,arialabel:this.translate("CLEAR"),noTab:this.value&&(!this.loading||this.button!=="none"),onPnClick:()=>this.clearInput()}),this.button==="none"||this.button==="icon-inline"&&i("pn-spinner",{key:"019aaa565d24b635a012ae8c4f6ceaebbc0b74c6"}))),this.button!=="none"&&this.button!=="icon-inline"&&i("pn-button",{key:"e0567545bdb6982aaf9dbf989cd5cbbae72c2054",label:this.buttonLabel,appearance:this.buttonLight?"light":null,icon:d,iconOnly:true,arialabel:this.button==="icon"?this.buttonLabel:null,loading:this.loading,onPnClick:n=>this.emitSearch({click:n.detail})}))}};b.style=u;export{b as pn_search_field};
-//# sourceMappingURL=p-9cecd28d.entry.js.map
+import{r as n,c as t,g as e,h as i,a as s}from"./p-43660913.js";import{u as a,k as o,e as r}from"./p-f64d17a6.js";const l='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414" clip-rule="evenodd"/></svg>';const c=l;const d='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M4 11.442A7.44 7.44 0 0 1 11.44 4c6.24 0 9.617 7.154 5.923 11.949l2.844 2.844a1 1 0 0 1-1.414 1.414l-2.837-2.837C11.21 21.045 4 17.73 4 11.441m11.277 3.867C11.846 18.714 6 16.284 6 11.442A5.44 5.44 0 0 1 11.44 6c4.724 0 7.204 5.605 4.026 9.1z" clip-rule="evenodd"/></svg>';const h=d;const f={SEARCH:{en:"Search",sv:"Sök",da:"Søg",fi:"Hae",no:"Søk"},CLEAR:{en:"Clear search field",sv:"Rensa sökfältet",da:"Ryd søgefeltet",fi:"Tyhjennä hakukenttä",no:"Tøm søkefeltet"}};const p="pn-search-field{display:inline-flex;gap:0.5em}pn-search-field input{color:#2d2013;background-color:#ffffff;border:0.0625em solid #969087;border-radius:0.5em;padding:0.75em;font-family:inherit;font-size:1em;font-weight:500;line-height:1.5em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:outline-color, background-color, border-color, color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);min-height:3em;height:100%;width:100%;border-radius:3em}pn-search-field input:-webkit-autofill,pn-search-field input:-webkit-autofill:hover,pn-search-field input:-webkit-autofill:focus,pn-search-field input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #e0f8ff inset;-webkit-text-fill-color:#2d2013}pn-search-field input:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}@media (prefers-reduced-motion: reduce){pn-search-field input{transition-duration:0s;transition-delay:0s}}pn-search-field input::placeholder{color:#5e554a;font-weight:normal}pn-search-field input:hover{border-color:#005d92}pn-search-field input:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}pn-search-field input::-webkit-search-cancel-button{display:none}pn-search-field>.input-container{width:100%;position:relative}pn-search-field>.input-container .button-container{position:absolute;top:0;right:0;background:transparent;width:3em;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}pn-search-field>.input-container pn-button{position:absolute;left:50%;top:50%;transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-delay:0.2s;transform:translate(100%, -50%)}@media (prefers-reduced-motion: reduce){pn-search-field>.input-container pn-button{transition-duration:0s;transition-delay:0s}}pn-search-field.searching pn-button.search{transform:translate(150%, -50%)}pn-search-field.searching pn-button.clear{transform:translate(-50%, -50%)}pn-search-field.button-none input,pn-search-field.button-icon-inline input{padding-right:2em}pn-search-field.button-none pn-spinner,pn-search-field.button-icon-inline pn-spinner{position:absolute;left:50%;top:50%;transition:transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transform:translate(100%, -50%)}pn-search-field.button-none pn-button.search,pn-search-field.button-icon-inline pn-button.search{transform:translate(-50%, -50%)}pn-search-field.button-none.loading pn-button,pn-search-field.button-icon-inline.loading pn-button{transform:translate(100%, -50%)}pn-search-field.button-none.loading pn-spinner,pn-search-field.button-icon-inline.loading pn-spinner{transform:translate(-50%, -50%)}pn-search-field.button-none.searching pn-button.search{transform:translate(100%, -50%)}pn-search-field.button-icon>pn-button[data-loading=true] .pn-button-bg{left:50%;transform:translateX(-50%)}";const u=p;const b=class{constructor(e){n(this,e);this.search=t(this,"search",7);this.update=t(this,"update",7);this.label=undefined;this.value="";this.placeholder=undefined;this.searchid=this.id;this.name=undefined;this.autocomplete=undefined;this.list=undefined;this.language=null;this.disabled=false;this.required=false;this.loading=false;this.button="";this.buttonLabel=undefined;this.buttonLight=false}id=`pn-search-field-${a()}`;searchElement;get hostElement(){return e(this)}search;update;inputHandler(){this.update.emit(this.value)}async componentWillLoad(){if(this.language)return;await o(this.hostElement)}translate(n){return f?.[n]?.[this.language||r]}emitSearch({click:n,button:t}){if(n?.type==="click"||t?.type==="keydown"&&t?.key==="Enter"){const e=n||t;e.preventDefault();this.search.emit(this.value)}}setVal(n){this.value=n.target.value}clearInput(){this.value="";this.update.emit(this.value);this.hostElement.querySelector("input").focus()}getClassNames(){let n="";const t=["none","icon","icon-inline"];if(this.value)n+="searching ";if(this.loading)n+="loading ";if(t.includes(this.button))n+=`button-${this.button} `;return n}render(){return i(s,{key:"e37e5e244250cfa6f2f042b2c4b78952fa7d9a79",class:this.getClassNames()},i("div",{key:"eed981fb9d9fb396fbd18242e54efb2f7d7045aa",class:"input-container"},i("input",{key:"218ba7784220d2709d65ed94b818e14d9d49c08a",type:"search",value:this.value,id:this.searchid,name:this.name,"aria-label":this.label,placeholder:this.placeholder,disabled:this.disabled,required:this.required,autocomplete:this.autocomplete,list:this.list,ref:n=>this.searchElement=n,onKeyDown:n=>this.emitSearch({button:n}),onInput:n=>this.setVal(n)}),i("div",{key:"90487db137ea5f86500d4cebe40c101085aa6dff",class:"button-container"},(this.button==="none"||this.button==="icon-inline")&&i("pn-button",{key:"db7bd6327c382b49b3a3f1d4ae355273b64f01b3",small:true,class:"search",type:"button",appearance:"light",icon:h,iconOnly:true,noTab:this.button!=="icon-inline",arialabel:this.translate("SEARCH"),onPnClick:n=>this.emitSearch({click:n.detail})}),this.button!=="icon-inline"&&i("pn-button",{key:"44b876f97d6a961b12363c0e3e342399ddccad1f",small:true,class:"clear",type:"button",appearance:"light",icon:c,iconOnly:true,arialabel:this.translate("CLEAR"),noTab:this.value&&(!this.loading||this.button!=="none"),onPnClick:()=>this.clearInput()}),this.button==="none"||this.button==="icon-inline"&&i("pn-spinner",{key:"8f116b75dee2226c3efb89bbc4df1a1cf1e21175"}))),this.button!=="none"&&this.button!=="icon-inline"&&i("pn-button",{key:"a952f2dce26f841f3e934d2195649ab8c584c297",label:this.buttonLabel,appearance:this.buttonLight?"light":null,icon:h,iconOnly:true,arialabel:this.button==="icon"?this.buttonLabel:null,loading:this.loading,onPnClick:n=>this.emitSearch({click:n.detail})}))}};b.style=u;export{b as pn_search_field};
+//# sourceMappingURL=p-ff068744.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/{p-11ef58ab.entry.js → p-ffe79fa4.entry.js}

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as e,c as t,g as n,h as s,a as i}from"./p-43660913.js";import{u as a}from"./p-f64d17a6.js";const d="pn-segment{position:relative;color:#005d92;margin-right:0.5em;z-index:2;white-space:nowrap;scroll-snap-align:center;outline:none;-webkit-tap-highlight-color:transparent;transform:translateZ(0)}pn-segment:last-of-type{margin-right:0}pn-segment .pn-segment{cursor:pointer;margin:0;padding:0;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-tap-highlight-color:transparent}pn-segment .pn-segment:disabled{cursor:not-allowed}pn-segment .pn-segment:disabled~.pn-segment-label{color:#5e554a}pn-segment .pn-segment:disabled~.pn-segment-label pn-icon .pn-icon-svg path{fill:#5e554a}pn-segment .pn-segment-label{height:100%;width:100%;padding:0.5em;border-radius:3em;font-weight:500;border:0.0625em solid transparent;display:inline-flex;gap:0.5em;align-items:center;-webkit-tap-highlight-color:transparent}";const o=d;const r=class{constructor(n){e(this,n);this.segmentHover=t(this,"segmentHover",7);this.label=undefined;this.name=undefined;this.value=undefined;this.selected=false;this.segmentid=this.id;this.icon=undefined;this.disabled=false}id=`pn-segment-${a()}`;get hostElement(){return n(this)}segmentHover;handleHover(e){this.segmentHover.emit(e)}render(){return s(i,{key:"aefe64a8e024e1677b3816973b9a91dc1048cb56",onMouseEnter:e=>this.handleHover(e)},s("input",{key:"4d36074e76de1648020c31d30ad38d8a67ca3984",class:"pn-segment",id:this.segmentid,name:this.name,checked:this.selected,type:"radio",value:this.value,disabled:this.disabled}),s("label",{key:"1e6e54d9140bd27266d426ad4e9ecf68f505a7ee",htmlFor:this.segmentid,class:"pn-segment-label"},this.icon&&s("pn-icon",{key:"5733ce0a43d33337785771da3071c0c9043fbdde",icon:this.icon,color:"blue700"}),s("span",{key:"07759d481e84a914e8c0525d0b21fcc85356c3db",class:"pn-segment-text"},this.label,s("slot",{key:"de3a243b862d18555f1073165f1b8b817d86aa04"}))))}};r.style=o;export{r as pn_segment};
-//# sourceMappingURL=p-11ef58ab.entry.js.map
+import{r as e,c as t,g as n,h as s,a as i}from"./p-43660913.js";import{u as a}from"./p-f64d17a6.js";const o="pn-segment{position:relative;color:#005d92;margin-right:0.5em;z-index:2;white-space:nowrap;scroll-snap-align:center;outline:none;-webkit-tap-highlight-color:transparent;transform:translateZ(0)}pn-segment:last-of-type{margin-right:0}pn-segment .pn-segment{cursor:pointer;margin:0;padding:0;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-tap-highlight-color:transparent}pn-segment .pn-segment:disabled{cursor:not-allowed}pn-segment .pn-segment:disabled~.pn-segment-label{color:#5e554a}pn-segment .pn-segment:disabled~.pn-segment-label pn-icon .pn-icon-svg path{fill:#5e554a}pn-segment .pn-segment-label{height:100%;width:100%;padding:0.5em;border-radius:3em;font-weight:500;border:0.0625em solid transparent;display:inline-flex;gap:0.5em;align-items:center;-webkit-tap-highlight-color:transparent}";const r=o;const l=class{constructor(n){e(this,n);this.segmentHover=t(this,"segmentHover",7);this.label=undefined;this.name=undefined;this.value=undefined;this.selected=false;this.segmentid=this.id;this.icon=undefined;this.disabled=false}id=`pn-segment-${a()}`;get hostElement(){return n(this)}segmentHover;handleHover(e){this.segmentHover.emit(e)}render(){return s(i,{key:"c04c9f14d3b5436efb16cd391eb2bbc64be74b38",onMouseEnter:e=>this.handleHover(e)},s("input",{key:"8e755a9c00f5f058e6dcacfb14000fa6ea2916a8",class:"pn-segment",id:this.segmentid,name:this.name,checked:this.selected,type:"radio",value:this.value,disabled:this.disabled}),s("label",{key:"dc13164594408f0cc3da2812fec29c280d09423b",htmlFor:this.segmentid,class:"pn-segment-label"},this.icon&&s("pn-icon",{key:"cb77aa8a7b2595b6a99eb2ff5f58230c934d3bc0",icon:this.icon,color:"blue700"}),s("span",{key:"a4368885dfc0b2d78d0c76df7e7dcaf2de479697",class:"pn-segment-text"},this.label,s("slot",{key:"20e1385578b7f7e52b3a1cc637b84461aa1ef216"}))))}};l.style=r;export{l as pn_segment};
+//# sourceMappingURL=p-ffe79fa4.entry.js.map