https://netbank.nordea.fi/login/3638.b7f7c05af86ceb7a.js

1"use strict";(self.webpackChunklogin=self.webpackChunklogin||[]).push([[3638],{3638(m,d,s){s.r(d),s.d(d,{nwcc_multi_select:()=>u});var t=s(9842),c=s(8381),r=s(2610),l=s(9909),a=s(7754);const u=class{constructor(e){(0,t.A)(this,"values",[]),(0,t.A)(this,"label",""),(0,t.A)(this,"clearButtonAriaLabel",void 0),(0,t.A)(this,"clearButtonAriaDescription",void 0),(0,t.A)(this,"disabled",!1),(0,t.A)(this,"options",[]),(0,t.A)(this,"readonly",!1),(0,t.A)(this,"error",""),(0,t.A)(this,"note",""),(0,t.A)(this,"required",!0),(0,t.A)(this,"hint",""),(0,t.A)(this,"displayValues",!1),(0,t.A)(this,"announceError",!0),(0,t.A)(this,"nwccMultiselectValuesChange",void 0),(0,t.A)(this,"open",!1),(0,t.A)(this,"selectedValues",[]),(0,t.A)(this,"keysForOpeningMultiselect",[l.K.ARROW_UP,l.K.ARROW_UP,l.K.SPACE,l.K.ENTER]),(0,t.A)(this,"actionKeys",[l.K.SPACE,l.K.ENTER]),(0,t.A)(this,"uniqueId",(0,a.g)()),(0,t.A)(this,"multiSelectContainerElementRef",void 0),(0,t.A)(this,"multiselectInputRef",void 0),(0,t.A)(this,"clearButtonElementRef",void 0),(0,t.A)(this,"multiSelectCheckboxes",void 0),(0,t.A)(this,"focusedCheckbox",void 0),(0,c.r)(this,e),this.nwccMultiselectValuesChange=(0,c.c)(this,"nwccMultiselectValuesChange",7),this.onClickOutside=this.onClickOutside.bind(this)}onOpen(e){e?window.addEventListener("click",this.onClickOutside):window.removeEventListener("click",this.onClickOutside)}onClickOutside(e){e.composedPath().includes(this.multiSelectContainerElementRef)||this.closeMultiSelect()}handleKeyDown(e){this.handleTabFocusMovement(e),this.open&&(this.attemptToCloseMultiSelect(e),e.target!==this.clearButtonElementRef&&this.attemptToMoveFocus(e))}handleTabFocusMovement(e){if("Tab"===e.key&&this.multiSelectCheckboxes.length>0){const n=this.multiSelectCheckboxes.item(e.shiftKey?0:this.multiSelectCheckboxes.length-1);e.target===n&&this.closeMultiSelect()}}componentWillLoad(){this.selectedValues=this.values||[]}disconnectedCallback(){window.removeEventListener("click",this.onClickOutside)}attemptToCloseMultiSelect(e){(e.code===l.K.ESCAPE||e.target===this.multiselectInputRef&&this.actionKeys.indexOf(e.code)>-1)&&(this.closeMultiSelect(),this.multiselectInputRef&&this.multiselectInputRef.focus())}attemptToMoveFocus(e){if(0===this.multiSelectCheckboxes.length)return;const i=this.getElementToFocus(e);i&&i.focus()}getElementToFocus(e){const n=this.multiSelectCheckboxes.length-1,o=this.multiSelectCheckboxes.item(0),b=this.multiSelectCheckboxes.item(n);switch(e.code){case l.K.ARROW_UP:return this.getPrevCheckbox();case l.K.ARROW_DOWN:return e.target===this.multiselectInputRef?o:this.getNextCheckbox();case l.K.PAGE_UP:return o;case l.K.PAGE_DOWN:return b;default:return null}}getPrevCheckbox(){if(!this.focusedCheckbox)return null;const e=this.findIndexOfCheckbox(this.focusedCheckbox)-1;return e>=0?this.multiSelectCheckboxes.item(e):null}getNextCheckbox(){if(!this.focusedCheckbox)return null;const e=this.findIndexOfCheckbox(this.focusedCheckbox)+1;return e<this.multiSelectCheckboxes.length?this.multiSelectCheckboxes.item(e):null}findIndexOfCheckbox(e){for(let i=0;i<this.multiSelectCheckboxes.length;i++)if(this.multiSelectCheckboxes.item(i)===e)return i;return-1}onNewMultiSelectContainerElementRef(e){this.multiSelectContainerElementRef=e,this.initCheckBoxMap()}onNewMultiselectInputRef(e){this.multiselectInputRef=e}onNewClearButtonElementRef(e){this.clearButtonElementRef=e}initCheckBoxMap(){this.multiSelectCheckboxes=this.multiSelectContainerElementRef.querySelectorAll('input[type="checkbox"]'),this.multiSelectCheckboxes.forEach(e=>{e.addEventListener("focus",i=>this.onCheckboxFocus(i))})}onCheckboxFocus(e){this.focusedCheckbox=e.target}clearSelection(e,i){e.stopPropagation(),this.changeSelectedValues(i?this.selectedValues.filter((n,o)=>o!==i):[]),this.closeMultiSelect(),this.multiselectInputRef.focus()}onMultiSelectClick(){this.disabled||(this.open?this.closeMultiSelect():this.openMultiSelect())}onKeyPressedOnFocusedInput(e){this.handleOpenMultiselect(e),this.handleClearButton(e)}handleOpenMultiselect(e){!this.open&&e.target===this.multiselectInputRef&&this.keysForOpeningMultiselect.indexOf(e.code)>-1&&(e.stopPropagation(),this.openMultiSelect())}handleClearButton(e){this.clearButtonElementRef&&this.clearButtonElementRef.contains(e.target)&&this.actionKeys.indexOf(e.code)>-1&&this.clearSelection(e)}openMultiSelect(){this.open=!0}closeMultiSelect(){this.open=!1,this.focusedCheckbox=void 0}updateSelectedList(e,i){this.changeSelectedValues(e.detail?[...this.selectedValues,i]:[...this.selectedValues.slice(0,this.selectedValues.indexOf(i)),...this.selectedValues.slice(this.selectedValues.indexOf(i)+1)])}changeSelectedValues(e){this.selectedValues=e,this.nwccMultiselectValuesChange.emit(this.selectedValues)}render(){return(0,c.h)(c.H,{key:"98e19dd9384583aa243ad2323b8eeee5d5fb4e75"},(0,c.h)("div",{key:"c01470e4d2fa363ce5b1c7e090a66e589b54ff99",class:{"ncc-multi-select":!0,"ncc-multi-select--disabled":this.disabled,"ncc-multi-select--readonly":this.readonly}},(0,c.h)("div",{key:"59e08924d28146c394b3953abc3c93550838848e",class:"ncc-multi-select__header"},(0,c.h)("label",{key:"bd1ec107920d7f9c832e48e6d9f2e3ac2eb83651",id:"".concat(this.uniqueId,"-multi-select-label"),class:"ncc-multi-select__label"},this.label),this.note&&(0,c.h)("div",{key:"7356ecff38eb14e614ce1443dbe282fca3d8677e",class:"ncc-multi-select__note"},this.note)),(0,c.h)("div",{key:"14f35b6fe2511484be368c24c6f2ed755b334c08",class:"ncc-multi-select__body",ref:e=>this.onNewMultiSelectContainerElementRef(e)},(0,c.h)("div",{key:"c18d8e038092e694c36d4169c288f18b7763aae6",ref:e=>this.onNewMultiselectInputRef(e),tabindex:this.disabled&&!this.readonly?"-1":"0",class:"ncc-multi-select__field-container",id:"".concat(this.uniqueId,"-multi-select"),role:"combobox","aria-expanded":this.open?"true":"false","aria-haspopup":"listbox","aria-controls":"".concat(this.uniqueId,"-multi-select-dropdown"),"aria-required":this.required?"true":"false","aria-labelledby":"".concat(this.uniqueId,"-multi-select-label"),onClick:()=>this.onMultiSelectClick(),onKeyDown:e=>this.onKeyPressedOnFocusedInput(e)},(0,c.h)("div",{key:"3ef080cb8ac54dbfc9c29d9b5502ec17ee74e819",class:{"ncc-multi-select__field":!0,"ncc-multi-select__field__error":!!this.error}},this.selectedValues.length>0?(0,c.h)("nwcc-chip",{ref:e=>this.onNewClearButtonElementRef(e),dismiss:"close",selected:!this.disabled,disabled:this.disabled,onNwccChipClick:e=>this.clearSelection(e)},this.selectedValues.length):"",this.displayValues?(0,c.h)("span",{class:"selected-values"},this.selectedValues.join(", ")):""),(0,c.h)("div",{key:"43604844dc3fcdd28304f4a08c74e9d4abaf8adc",class:"ncc-multi-select__icon"},(0,c.h)("nwcc-icon2",{key:"ff561f62903a6e20cbf072362ee43d070844cf1a",icon:this.open?r.m:r.n}))),(0,c.h)("div",{key:"414c5a8f24cb36476b63cf85a29f36e0b49d8a39",id:"".concat(this.uniqueId,"-multi-select-dropdown"),class:{"ncc-multi-select__dropdown":!0,"ncc-multi-select__dropdown--open":this.open}},(0,c.h)("ul",{key:"ce61597ddd91d1e9206db18d47ce679c38d9250e",class:"ncc-multi-select__list"},this.options.map(e=>(0,c.h)("li",{class:{"ncc-multi-select__item":!0,"ncc-multi-select__item--disabled":!!e.disabled,"ncc-multi-select__item--selected":this.selectedValues.includes(e.value)}},(0,c.h)("nwcc-checkbox",{disabled:e.disabled,label:e.label,inputAriaLabel:e.ariaLabel,announceError:this.announceError,checked:this.selectedValues.includes(e.value),onNwccCheckboxChange:i=>this.updateSelectedList(i,e.value)},e.description&&(0,c.h)("div",{class:"ncc-multi-select__item-description"},e.description))))))),this.error&&(0,c.h)("div",{key:"e8c5ebd2c72d354c2134ad926675fb6b3ef5642b",class:"ncc-multi-select__error"}

1,(0,c.h)("nwcc-icon2",{key:"7a49bef5023bb2e15b1ce22331ddbbd7dd426d00",icon:r.d}),(0,c.h)("span",{key:"ec0e9ba6ca93356a6e546ed0f3da6a6aa7b5559d",id:"".concat(this.uniqueId,"-error"),"aria-relevant":"additions removals","aria-atomic":"true","aria-live":"polite",class:"ncc-space-left-xs"},this.error)),this.hint&&(0,c.h)("div",{key:"a9a4062b41bd8c43c5a81f13bcf06cc217c821f5",class:"ncc-multi-select__hint"},this.hint)))}static get watchers(){return{open:[{onOpen:0}],values:[{componentWillLoad:0}]}}};u.style=".ncc-multi-select{--multi-select-checkbox-highlight:rgb(220, 237, 255);display:block;min-height:5.375rem;max-width:30rem;position:relative;--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 .ncc-multi-select{--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 .ncc-multi-select{--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 .ncc-multi-select{--multi-select-checkbox-highlight:rgb(56, 56, 56)}@media (prefers-color-scheme: dark){.ncc-enable-dark-mode .ncc-multi-select{--multi-select-checkbox-highlight:rgb(56, 56, 56)}}.ncc-multi-select__label{color:var(--input-text-color)}.ncc-multi-select:not(.ncc-multi-select--disabled):focus-within .ncc-multi-select__field{outline-offset:-1px;border-radius:4px;outline:var(--input-focus-border-width) solid var(--input-focus-color)}.ncc-multi-select:not(.ncc-multi-select--disabled):focus-within .ncc-multi-select__field__error{outline-color:var(--input-error-color)}.ncc-multi-select--disabled .ncc-multi-select__hint{color:var(--input-text-color-disabled)}.ncc-multi-select--disabled:focus-within{color:var(--input-text-color-disabled)}.ncc-multi-select--disabled .ncc-multi-select__field-container:focus-within{cursor:default}.ncc-multi-select--disabled .ncc-multi-select__field-container:focus-within .ncc-multi-select__field{border-color:var(--input-text-color-disabled)}.ncc-multi-select--disabled .ncc-multi-select__field{color:var(--input-text-color-disabled)}.ncc-multi-select--disabled .ncc-multi-select__icon nwcc-icon2{--color:var(--input-text-color-disabled)}.ncc-multi-select__hint{font-size:0.875rem;color:var(--input-text-color-secondary);line-height:1.25rem;margin-top:4px}.ncc-multi-select__header{display:flex;margin-bottom:4px;font-size:0.875rem;line-height:1.25rem}.ncc-multi-select__label{flex:1}.ncc-multi-select__note{color:var(--input-text-color-secondary)}.ncc-multi-select__field-container{position:relative}.ncc-multi-select__field-container:focus{outline:none}.ncc-multi-select__field{border:var(--input-border-width) solid var(--input-border-color);border-radius:4px;font-size:1rem;font-family:inherit;min-height:38px;padding:0 42px 0 12px;cursor:pointer;appearance:none;background-color:var(--input-background-color);display:flex;align-items:center}.ncc-multi-select__field__error{border-color:var(--input-error-color)}.ncc-multi-select__dropdown{display:none;position:absolute;border-radius:0px 0px 4px 4px;background:var(--input-background-color);border:var(--input-border-width) solid var(--input-border-color);border-top:none;padding:0;left:0;right:0;z-index:1}.ncc-multi-select__dropdown--open{display:block}.ncc-multi-select__list{list-style:none;margin:0;padding:12px 0}.ncc-multi-select__item{padding:12px}.ncc-multi-select__item label{cursor:pointer}.ncc-multi-select__item--selected,.ncc-multi-select__item:hover{background-color:var(--multi-select-checkbox-highlight)}.ncc-multi-select__item--disabled:hover{background-color:transparent}.ncc-multi-select__item--disabled:hover label{cursor:default}.ncc-multi-select__item .ncc-checkbox{display:flex;align-items:center}.ncc-multi-select__item .ncc-checkbox label,.ncc-multi-select__item .ncc-checkbox__span{width:100%;display:block}.ncc-multi-select__item .ncc-checkbox__input{height:100%}.ncc-multi-select__item-description{color:var(--input-text-color-secondary);font-size:0.875rem;line-height:1.25rem}.ncc-multi-select__field--disabled{background:var(--input-background-disabled);cursor:auto}.ncc-multi-select__icon{position:absolute;top:5px;right:5px;pointer-events:none;user-select:none;width:30px;height:30px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:4px}.ncc-multi-select__icon nwcc-icon2{--color:var(--input-text-color)}.ncc-multi-select__error{margin-top:4px;font-size:0.875rem;line-height:1.25rem;color:var(--input-error-color);display:flex}.ncc-multi-select .selected-values{margin:4px 8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}"}}]);