https://netbank.nordea.se/login/7569.4622150ca45dfa27.js

1"use strict";(self.webpackChunklogin=self.webpackChunklogin||[]).push([[7569],{7569(f,u,r){r.r(u),r.d(u,{nwcc_select_multi_label:()=>h});var o=r(9842),c=r(8381),d=r(2610);function b(s,e,i,t){t=t||{};const n=i.height-s.bottom,l={top:0,width:0,height:0};if(l.top=s.height,n<e.height&&n<s.top&&(l.top=-e.height),l.height=l.top===s.height?Math.min(e.height,n):Math.min(e.height,s.top),"right"===t.align)l.right=0,l.width=e.width,s.right<e.width&&(i.width<e.width?l.width=s.right:l.right=s.right-e.width);else{const a=i.width-s.left;l.left=0,l.width=e.width,a<e.width&&(i.width<e.width?l.width=a:l.left=a-e.width)}return l}const h=class{constructor(e){(0,o.A)(this,"label",void 0),(0,o.A)(this,"name",void 0),(0,o.A)(this,"value",void 0),(0,o.A)(this,"options",[]),(0,o.A)(this,"open",!1),(0,o.A)(this,"note",""),(0,o.A)(this,"error",""),(0,o.A)(this,"disabled",!1),(0,o.A)(this,"position",{}),(0,o.A)(this,"nwccMultiSelectInput",void 0),(0,o.A)(this,"nwccMultiSelectChange",void 0),(0,o.A)(this,"labelContainer",void 0),(0,o.A)(this,"listContainer",void 0),(0,o.A)(this,"focusedItem",-1),(0,c.r)(this,e),this.nwccMultiSelectInput=(0,c.c)(this,"nwccMultiSelectInput",7),this.nwccMultiSelectChange=(0,c.c)(this,"nwccMultiSelectChange",7)}get el(){return(0,c.a)(this)}handleClickOutside(e){!this.open||!e.target||this.el.contains(e.target)||(this.open=!1)}openSelect(){this.open=!0,setTimeout(()=>{this.focusedItem=this.value?this.options.findIndex(e=>e.value===this.value):0,this.updateFocusedItem(this.focusedItem)},200)}closeSelect(){this.focusedItem=-1,this.open=!1}toggle(){this.disabled||(this.open?this.closeSelect():this.openSelect())}select(e){this.value!==e&&(this.value=e,this.nwccMultiSelectInput.emit(this.value),this.nwccMultiSelectChange.emit(this.value)),this.toggleOpen(!1),this.listContainer.focus()}updateFocusedItem(e){-1!==e&&this.listContainer.querySelectorAll("li")[e].focus()}focusNextListItem(){this.open=!0;const e=this.focusedItem+1;this.focusedItem=e>this.options.length-1?0:e,this.updateFocusedItem(this.focusedItem)}focusPreviousListItem(){this.open=!0;const e=this.focusedItem-1;this.focusedItem=e<0?this.options.length-1:e,this.updateFocusedItem(this.focusedItem)}absorbEvent(e){e.preventDefault(),e.stopPropagation()}handleKeyDown(e){switch(e.code){case"Tab":this.closeSelect();break;case"Escape":this.closeSelect(),this.labelContainer.focus();break;case"ArrowDown":this.focusNextListItem(),this.absorbEvent(e);break;case"ArrowUp":this.focusPreviousListItem(),this.absorbEvent(e)}}toggleOpen(e){this.disabled||(e&&(this.position=this.calculateDropdownPostion()),this.open=e)}calculateDropdownPostion(){const e=this.el.getBoundingClientRect();let i=0;if(Array.from(this.listContainer.children).splice(0,8).forEach(l=>{i+=l.offsetHeight}),!this.labelContainer||!this.el)return{top:"55px",left:"0"};const t=function m(s,e,i){const t=s.getBoundingClientRect(),n={width:window.innerWidth,height:window.innerHeight};return i?b(t,e,n,i):b(t,e,n)}(this.labelContainer,{width:e.width,height:i},{align:"left"});t.top+=this.labelContainer.getBoundingClientRect().top-this.el.getBoundingClientRect().top;const n={};for(const l in t)"width"===l||("height"===l?n["max-height"]=t[l]+"px":n[l]=t[l]+"px");return n}render(){const e=this.options||[],i=e.find(t=>t.value===this.value);return(0,c.h)("div",{key:"552c45dce4bbb6e1ad0fb8a4e578a08bf01aa3fb",class:{"ncc-select-multi-label":!0,"ncc-select-multi-label--error":null!=this.error&&""!=this.error,"ncc-select-multi-label--disabled":this.disabled,"ncc-select-multi-label--open":this.open&&!this.disabled},onKeyDown:t=>this.handleKeyDown(t)},(0,c.h)("div",{key:"a4c9336e23d2ec10ebbf90acb3eac96c879147c3",class:"ncc-select-multi-label__header"},(0,c.h)("label",{key:"b14644aab4f59d1c270e793f36fa6643afdeaf29",class:"ncc-select-multi-label__label",id:"ncc-select-multi-label"+this.name},this.label),this.note&&(0,c.h)("div",{key:"52308fc5e554f7ebbf51c2fb64af8869a8d11a65",class:"ncc-select-multi-label__note"},this.note)),(0,c.h)("button",{key:"ae52a0b38e5fa0886e9b1d99cd217d809908cbb5",class:"ncc-select-multi-label__field-container",ref:t=>this.labelContainer=t,"aria-labelledby":"ncc-select-multi-label"+this.name,type:"button",onClick:()=>this.toggle()},(0,c.h)("div",{key:"3b852363322da384fb8c049a57db3ccabbce9585",class:"ncc-select-multi-label__field"},null==i?void 0:i.name),(0,c.h)("div",{key:"5393f1b78c4f0846e3df396b3925dcb69ee4f408",class:"ncc-select-multi-label__icon"},(0,c.h)("nwcc-icon2",{key:"34a50d76282484a5be67fbae9c1e478f10996563",icon:this.open?d.m:d.n}))),(0,c.h)("div",{key:"9158794bd048d3d1ebc44016c18dfed0df7e1967",class:"ncc-select-multi-label__list-container","aria-expanded":this.open?"true":void 0,role:"list",style:this.position},(0,c.h)("ul",{key:"750afc21a35dab4de400c9515b3b984d3c5320e9",class:"ncc-select-multi-label__list",ref:t=>this.listContainer=t},e.map((t,n)=>(0,c.h)("li",{class:"ncc-select-multi-label__list-item",role:"option",tabIndex:this.focusedItem===n?0:-1,onClick:()=>this.select(t.value),onKeyUp:l=>{["Enter","Space"].includes(l.code)&&this.select(t.value)}},(0,c.h)("div",{class:"ncc-select-multi-label__list-item-info"},(0,c.h)("span",{class:"ncc-select-multi-label__list-item-name"},t.name),(0,c.h)("span",{class:"ncc-select-multi-label__list-item-label"},t.label)),t.type&&(0,c.h)("div",{class:"ncc-select-multi-label__list-item-type"},t.type))))),(0,c.h)("div",{key:"41a024652f7c183cac2c64bd6c5cbf2c3a406d22",class:"ncc-select-multi-label__footer"},this.error&&(0,c.h)("div",{key:"cc59382fe68a5050e7a3d5d7589a73c8536e8835",class:"ncc-select-multi-label__error"},this.error)))}};h.style="nwcc-select-multi-label{--list-item-focus-color:rgb(220, 237, 255);--list-item-hover-color:rgb(241, 242, 244);

1--list-item-background-color:rgb(255, 255, 255);display:block;--input-text-color:rgb(0, 0, 0);--input-text-color-disabled:rgb(201, 199, 199);--input-text-color-read-only:rgb(56, 56, 56);--input-text-color-secondary:rgb(90, 87, 92);--input-focus-color:rgb(0, 0, 160);--input-error-color:rgb(231, 4, 4);--input-success-color:rgb(13, 130, 104);--input-border-color:rgb(139, 138, 141);--input-border-color-disabled:rgb(227, 227, 227);--input-background-color:rgb(255, 255, 255);--input-background-color-disabled:rgb(241, 242, 244);--input-border-width:1px;--input-focus-border-width:2px}.ncc-enforce-dark-mode nwcc-select-multi-label{--input-text-color:rgb(255, 255, 255);--input-text-color-disabled:rgb(90, 87, 92);--input-text-color-read-only:rgb(227, 227, 227);--input-text-color-secondary:rgb(201, 199, 199);--input-focus-color:rgb(255, 255, 255);--input-error-color:rgb(252, 97, 97);--input-success-color:rgb(64, 191, 163);--input-border-color-disabled:rgb(56, 56, 56);--input-background-color:rgb(33, 33, 33);--input-background-color-disabled:rgb(0, 0, 0)}@media (prefers-color-scheme: dark){.ncc-enable-dark-mode nwcc-select-multi-label{--input-text-color:rgb(255, 255, 255);--input-text-color-disabled:rgb(90, 87, 92);--input-text-color-read-only:rgb(227, 227, 227);--input-text-color-secondary:rgb(201, 199, 199);--input-focus-color:rgb(255, 255, 255);--input-error-color:rgb(252, 97, 97);--input-success-color:rgb(64, 191, 163);--input-border-color-disabled:rgb(56, 56, 56);--input-background-color:rgb(33, 33, 33);--input-background-color-disabled:rgb(0, 0, 0)}}.ncc-enforce-dark-mode nwcc-select-multi-label{--list-item-focus-color:rgb(56, 56, 56);--list-item-hover-color:rgb(33, 33, 33);--list-item-background-color:rgb(0, 0, 0)}@media (prefers-color-scheme: dark){.ncc-enable-dark-mode nwcc-select-multi-label{--list-item-focus-color:rgb(56, 56, 56);--list-item-hover-color:rgb(33, 33, 33);--list-item-background-color:rgb(0, 0, 0)}}nwcc-select-multi-label .ncc-select-multi-label{display:block;min-height:5.375rem;position:relative;max-width:30rem}nwcc-select-multi-label .ncc-select-multi-label__header{display:flex;margin-bottom:4px;font-size:0.875rem;line-height:1.25rem}nwcc-select-multi-label .ncc-select-multi-label__label{color:var(--input-text-color);flex:1}nwcc-select-multi-label .ncc-select-multi-label--open .ncc-select-multi-label__label{color:var(--input-focus-color)}nwcc-select-multi-label .ncc-select-multi-label.ncc-select-multi-label--disabled .ncc-select-multi-label__label,nwcc-select-multi-label .ncc-select-multi-label.ncc-select-multi-label--disabled .ncc-select-multi-label__icon{color:var(--input-text-color-disabled)}nwcc-select-multi-label .ncc-select-multi-label__note{color:var(--input-text-color-secondary)}nwcc-select-multi-label .ncc-select-multi-label__field-container{all:unset;width:100%;position:relative}nwcc-select-multi-label .ncc-select-multi-label__field-container:focus .ncc-select-multi-label__field{border-color:var(--input-focus-color);border-width:var(--input-focus-border-width)}nwcc-select-multi-label .ncc-select-multi-label__field{color:var(--input-text-color);background-color:var(--input-background-color);border:var(--input-border-width) solid var(--input-border-color);border-radius:4px;font-size:1rem;font-family:inherit;line-height:40px;height:40px;padding:0 42px 0 12px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}nwcc-select-multi-label .ncc-select-multi-label--open .ncc-select-multi-label__field{border-color:var(--input-focus-color);border-radius:4px 4px 0 0}nwcc-select-multi-label .ncc-select-multi-label__list-container{overflow:auto;visibility:hidden;position:absolute;background:var(--input-background-color);border:var(--input-border-width) solid var(--input-border-color);padding:0;left:0;right:0;z-index:8000;max-height:50vh;transform:translateY(-4px);border-bottom-left-radius:4px;border-bottom-right-radius:4px}nwcc-select-multi-label .ncc-select-multi-label__list{list-style:none;margin:0;padding:0}nwcc-select-multi-label .ncc-select-multi-label--open .ncc-select-multi-label__list-container{visibility:unset}nwcc-select-multi-label .ncc-select-multi-label.ncc-select-multi-label--error .ncc-select-multi-label__field{border-color:var(--input-error-color)}nwcc-select-multi-label .ncc-select-multi-label--disabled .ncc-select-multi-label__field,nwcc-select-multi-label .ncc-select-multi-label--disabled .ncc-select-multi-label__list-container{c

1olor:var(--input-text-color-disabled);background:var(--input-background-color-disabled);cursor:auto}nwcc-select-multi-label .ncc-select-multi-label__icon{margin:0;padding:0;position:absolute;top:6px;right:6px;pointer-events:none;user-select:none;width:30px;height:30px;display:flex;justify-content:center;overflow:hidden;border-radius:4px;background:none;border:none;align-items:center;appearance:none;-webkit-appearance:none;color:var(--input-text-color)}nwcc-select-multi-label .ncc-select-multi-label--disabled .ncc-select-multi-label__icon{opacity:0.5}nwcc-select-multi-label .ncc-select-multi-label__error{margin-top:4px;font-size:0.8125rem;line-height:16px;color:var(--input-error-color)}nwcc-select-multi-label .ncc-select-multi-label__list-item{box-sizing:border-box;display:flex;justify-content:space-between;cursor:pointer;padding:12px;background-color:var(--list-item-background-color)}nwcc-select-multi-label .ncc-select-multi-label__list-item:hover{background:var(--list-item-hover-color)}nwcc-select-multi-label .ncc-select-multi-label__list-item:focus{outline:0;background:var(--list-item-focus-color)}nwcc-select-multi-label .ncc-select-multi-label__list-item-info{display:flex;flex-direction:column;justify-content:center}nwcc-select-multi-label .ncc-select-multi-label__list-item-name{font-size:1rem;margin-bottom:4px;word-break:break-word;color:var(--input-text-color)}nwcc-select-multi-label .ncc-select-multi-label__list-item-label{color:var(--input-text-color-secondary);font-size:0.75rem}nwcc-select-multi-label .ncc-select-multi-label__list-item-type{line-height:38px;font-size:0.875rem;color:rgb(158, 158, 158)}"}}]);