https://netbank.nordea.fi/login/839.7d485eaa088b6171.js

1"use strict";(self.webpackChunklogin=self.webpackChunklogin||[]).push([[839],{839(D,u,i){i.r(u),i.d(u,{nwcc_upload:()=>f});var o=i(9842),l=i(8381),s=i(348),v=(i(5250),i(1595)),g=i(6863),b=i(7754),r=i(2610),c=(i(668),i(5637)),p=(i(7296),i(1082),i(2723),i(2481),i(8892),i(681)),E=(i(4634),i(5617),i(4630),i(8576),i(3856),i(7556),i(222),i(5881),i(7346),i(7736)),h=(i(2996),i(4751),i(7277),i(2745),i(7599),i(9873),i(7332),i(6399),i(1697),i(5882),i(7467));i(8241);const f=class{constructor(e){(0,o.A)(this,"uniqueID",(0,b.g)()),(0,o.A)(this,"locale",void 0),(0,o.A)(this,"label",void 0),(0,o.A)(this,"subLabel",void 0),(0,o.A)(this,"hint",void 0),(0,o.A)(this,"error",void 0),(0,o.A)(this,"disabled",!1),(0,o.A)(this,"limit",1),(0,o.A)(this,"fileSizeLimit",void 0),(0,o.A)(this,"buttonText",void 0),(0,o.A)(this,"buttonAriaLabel",void 0),(0,o.A)(this,"accept",void 0),(0,o.A)(this,"drag",void 0),(0,o.A)(this,"showDownloadButton",void 0),(0,o.A)(this,"showDeleteButton",!0),(0,o.A)(this,"defaultValue",void 0),(0,o.A)(this,"uploadCallback",t=>Promise.resolve(t)),(0,o.A)(this,"files",[]),(0,o.A)(this,"value",[]),(0,o.A)(this,"invalidFiles",[]),(0,o.A)(this,"filesUploading",[]),(0,o.A)(this,"draggingActive",!1),(0,o.A)(this,"fileInputRef",void 0),(0,o.A)(this,"liveAnnouncerRef",void 0),(0,o.A)(this,"nwccUploadFilesChanged",void 0),(0,o.A)(this,"nwccUploadError",void 0),(0,o.A)(this,"nwccUploadErrorResolved",void 0),(0,o.A)(this,"nwccValueChange",void 0),(0,o.A)(this,"nwccBlur",void 0),(0,o.A)(this,"isFileAccepted",t=>{const n=this.accept?this.accept.split(","):[];return!this.accept||n.some(a=>a.endsWith("/*")?t.type.startsWith(a.split("/")[0]):a===t.type)}),(0,l.r)(this,e),this.nwccUploadFilesChanged=(0,l.c)(this,"nwccUploadFilesChanged",7),this.nwccUploadError=(0,l.c)(this,"nwccUploadError",7),this.nwccUploadErrorResolved=(0,l.c)(this,"nwccUploadErrorResolved",7),this.nwccValueChange=(0,l.c)(this,"nwccValueChange",3),this.nwccBlur=(0,l.c)(this,"nwccBlur",3)}get el(){return(0,l.a)(this)}validateLocale(e){(0,g.v)({value:e,name:"locale",elementRef:this.el})}mapDefaultValueToValue(e){e&&(this.value=e.map(t=>({file:t,status:c.F.SUCCESS})))}onValueChange(e){this.files=e,this.invalidFiles.length>0?this.clearFileInput():e.length>0&&(this.invalidFiles=[],this.error=void 0)}onDefaultValueChange(e){this.mapDefaultValueToValue(e)}onInvalidFilesChange(e,t){(null==t?void 0:t.length)>0&&0===e.length&&this.nwccUploadErrorResolved.emit(!0)}onErrorChange(e,t){t&&void 0===e&&this.nwccUploadErrorResolved.emit(!0)}onChange(){this.nwccValueChange.emit({value:this.value}),this.nwccUploadFilesChanged.emit(this.value)}componentWillLoad(){this.mapDefaultValueToValue(this.defaultValue)}deleteFile(e){this.value=this.value.filter(({file:t})=>t.name!==e),this.onChange()}deleteFileHandler(e){this.deleteFile(e.detail)}clearFileInput(){this.fileInputRef&&(this.fileInputRef.files=null,this.fileInputRef.value="")}onError(e){var t;null===(t=this.liveAnnouncerRef)||void 0===t||t.announce(e,E.N.ALERT),this.nwccUploadError.emit({error:e})}updateFileUploadStatus(e,t,n){const a=(0,h.e)(n);if(this.value=this.value.map(_=>_.file.name!==t?_:{..._,status:e,error:a}),a){const _=this.value.find(d=>d.file.name===t);if(_){const d={..._,status:c.F.FAILURE,error:a};this.invalidFiles=[...this.invalidFiles,d],this.deleteFile(t),this.onError("".concat(t," - ").concat(a))}}}uploadFile(e){if(this.fileSizeLimit&&e.size>this.fileSizeLimit)this.updateFileUploadStatus(c.F.FAILURE,e.name,(0,s.t)(s.K.ndw_ui_component_upload_file_size_limit,this.locale,{fileSizeLimit:(0,h.b)(this.fileSizeLimit)}));else{this.updateFileUploadStatus(c.F.UPLOADING,e.name);const t=(0,v.m)(this.uploadCallback(e));this.filesUploading.push({promise:t,fileName:e.name}),t.promise.then(()=>{this.updateFileUploadStatus(c.F.SUCCESS,e.name)}).catch(n=>{const a=(0,h.e)(n)||(0,s.t)(s.K.ndw_ui_component_upload_error,this.locale);this.updateFileUploadStatus(c.F.FAILURE,e.name,a)}).finally(()=>{this.filesUploading=this.filesUploading.filter(({fileName:n})=>n!==e.name),this.onChange()})}}onFilesChanged(){var e;const t=null===(e=this.fileInputRef)||void 0===e?void 0:e.files;if(!t)return;const n=Array.from(t);this.handleFileChange(n)}onFilesDropped(e){e.preventDefault(),this.draggingActive=!1;const t=e.dataTransfer.items?Array.from(e.dataTransfer.items).filter(({kind:n})=>"file"===n).map(n=>n.getAsFile()).slice(0,0===this.limit?1:this.limit):Array.from(e.dataTransfer.files);this.handleFileChange(t)}

1onFilesDraggedOver(e){e.preventDefault(),this.draggingActive=!0}onFilesDraggedLeave(){this.draggingActive=!1}handleFileChange(e){if(this.error=void 0,this.invalidFiles=[],this.limit>1){e.splice(this.limit);const t=this.value.length+e.length-this.limit;t>0&&(this.value=this.value.slice(t))}else 1===this.limit&&(this.value=[]);e.forEach(t=>{if(this.value=[...this.value,{file:t,status:c.F.UPLOADING}].filter((n,a,_)=>a===_.findIndex(d=>d.file.name===n.file.name)),this.isFileAccepted(t))this.uploadFile(t);else{const n=(0,s.t)(s.K.ndw_ui_component_upload_invalid_file,this.locale);this.updateFileUploadStatus(c.F.FAILURE,t.name,n)}}),this.clearFileInput(),this.onChange()}render(){const e=this.disabled||this.limit>1&&this.value.length>=this.limit,t=!!this.drag,n=0===this.limit||this.limit>1;return(0,l.h)(l.H,{key:"b20943ecd456917916c0af1aec092192eb026b5d",class:"ncc-upload"},(0,l.h)("div",{key:"4f7729bb572ba9b917b6b6f2e1fdda5f12912fcb",class:"ncc-upload__top-labels"},!!this.label&&(0,l.h)("div",{key:"b2c75a80907e38e0f557910910a4f651c3d270c5",class:"ncc-upload__label"},this.label),!!this.subLabel&&(0,l.h)("div",{key:"96105e3f1acf771db3f2cc788624837d3887334c",class:"ncc-upload__sub-label"},this.subLabel)),!!t&&(0,l.h)("div",{key:"f752dfa2153c5264615044253de07c5cd2a219e4",class:{"ncc-upload__zone":!0,disabled:e,dragging:!!this.draggingActive},onDrop:a=>!e&&this.onFilesDropped(a),onDragOver:a=>!e&&this.onFilesDraggedOver(a),onDragLeave:()=>!e&&this.onFilesDraggedLeave()},(0,l.h)("nwcc-icon2",{key:"b55a15384c1b6d9bb2f94a2d3f2aa88eca7cecca",icon:r.u}),(0,l.h)("div",{key:"6432dfa6b7612b5f5b1ae6cd07fe222d6fd040b6",class:"ncc-upload__zone__label"},(0,s.t)(n?s.K.ndw_ui_component_upload_drag_and_drop_label_files:s.K.ndw_ui_component_upload_drag_and_drop_label_file,this.locale)),(0,l.h)("div",{key:"e822192eb9b68e01dc7627ce076deecc463ba9c6",class:"ncc-upload__zone__or"},(0,l.h)("span",{key:"f0fc10654ef6df62fa76fcb65fd9a48378b34dc4"},(0,s.t)(s.K.ndw_ui_component_upload_drag_and_drop_or,this.locale))),(0,l.h)("nwcc-button2",{key:"fac4d02ee2da4aff98b17156953b069e6928129d",variation:p.N.SECONDARY,disabled:e,hostAriaLabel:this.buttonAriaLabel,onClick:()=>{var a;return!e&&(null===(a=this.fileInputRef)||void 0===a?void 0:a.click())}},this.buttonText||(0,s.t)(n?s.K.ndw_ui_component_upload_drag_and_drop_add_files:s.K.ndw_ui_component_upload_drag_and_drop_add_file,this.locale))),(0,l.h)("div",{key:"6dfce2b6fedf18ded7a5f169cb88028dc58025b1",class:{"ncc-upload__button":!0,"only-on-mobile":t}},(0,l.h)("nwcc-button2",{key:"666ac876ad56d98d384329edf79ff129cd7c7d62",variation:p.N.SECONDARY,onClick:()=>{var a;return!e&&(null===(a=this.fileInputRef)||void 0===a?void 0:a.click())},disabled:e,hostAriaLabel:this.buttonAriaLabel,hostAriaDescribedby:this.error?this.uniqueID+"-error":void 0,onFocusout:()=>{this.nwccBlur.emit({value:this.value})}},(0,l.h)("nwcc-icon2",{key:"981d46b6d48f05baa49d4123f3395a9b21d2d518",icon:r.u}),this.buttonText||(0,s.t)(n?s.K.ndw_ui_component_upload_add_files:s.K.ndw_ui_component_upload_add_file,this.locale))),(0,l.h)("input",{key:"ee2efe6c65be11dd4389233e284c4de76fc57f5a",ref:a=>this.fileInputRef=a,type:"file",multiple:n,onChange:()=>this.onFilesChanged(),disabled:e,accept:this.accept,hidden:!0}),(0,l.h)("div",{key:"863c7422837d7b3d306de3a0be12dba6dc6c2ec4",class:"ncc-upload__bottom-labels"},(this.invalidFiles.length>0||this.error)&&(0,l.h)("div",{key:"df97f9eea90656065775b08c57bada8b108b5427",class:"ncc-upload__error",id:this.uniqueID+"-error"},(0,l.h)("nwcc-icon2",{key:"35a2194714bd25c951df5fa7979b9f2ff36c16e3",icon:r.d}),(0,l.h)("div",{key:"f4ea4ce6c61b823f0c00a15bfe606c455924f067",class:"ncc-upload__error-label"},this.error||(0,l.h)(l.F,{key:"9c147e525e84b2e78847380925a002e6198278e4"},(0,s.t)(s.K.ndw_ui_upload_component_general_error,this.locale),":"," ",(0,l.h)("div",{key:"96628b09490e8dafb3d2ddc063ec8b69609f389e",class:"ncc-upload__error-items"},this.invalidFiles.map(({file:a,error:_})=>(0,l.h)("div",{class:"ncc-upload__error-item",key:a.name},(0,l.h)("div",{class:"ncc-upload__error-file"},a.name," -"," ",_))))))),!!this.hint&&(0,l.h)("div",{key:"8c4f2103692ba42092199332fa654503241e5f00",class:"ncc-upload__hint"},this.hint)),this.value.length>0&&(0,l.h)("div",{key:"7fde39822dc2708c824cd530e899aff23ed06f2d",class:"ncc-upload__file-list"},this.value.map(a=>(0,l.h)("nwcc-uploaded-file",{file:a,locale:this.locale,showDownloadButton:this.showDownloadButton,showDeleteButton:this.showDeleteButton}))),(0,l.h)("nwcc-live-announcer",{key:"6af2b06e73b19c1c1eb8231c8798bec4ca02d655",ref:a=>

1this.liveAnnouncerRef=a}))}static get watchers(){return{locale:[{validateLocale:0}],value:[{onValueChange:0}],defaultValue:[{onDefaultValueChange:0}],invalidFiles:[{onInvalidFilesChange:0}],error:[{onErrorChange:0}]}}};f.style='.ncc-upload{--error-color:rgb(231, 4, 4);--note-text-color:rgb(90, 87, 92);--label-text-color:rgb(0, 0, 0);display:flex;flex-direction:column}.ncc-upload__label{font-size:1rem;font-weight:500;color:var(--label-text-color)}.ncc-upload__sub-label{font-size:0.875rem;line-height:1.25rem;color:var(--label-text-color)}.ncc-upload__zone{font-size:0.875rem;background-color:transparent;color:rgb(90, 87, 92);text-align:center;max-width:480px;border:1px dashed rgb(139, 138, 141);border-radius:12px;-webkit-transition:outline-offset 0.15s ease-in-out, background-color 0.15s linear;transition:outline-offset 0.15s ease-in-out, background-color 0.15s linear;margin:12px 0;padding:16px;box-sizing:border-box}.ncc-enforce-dark-mode .ncc-upload__zone{color:rgb(201, 199, 199);outline-color:rgb(201, 199, 199)}@media (prefers-color-scheme: dark){.ncc-enable-dark-mode .ncc-upload__zone{color:rgb(201, 199, 199);outline-color:rgb(201, 199, 199)}}@media (max-width: 33.5em){.ncc-upload__zone{display:none}}.ncc-upload__zone.disabled{background-color:rgb(241, 242, 244)}.ncc-upload__zone.dragging{border:1px solid rgb(0, 0, 160);background-color:rgb(241, 242, 244)}.ncc-enforce-dark-mode .ncc-upload__zone.dragging{border-color:rgb(153, 204, 255);background-color:rgb(33, 33, 33)}@media (prefers-color-scheme: dark){.ncc-enable-dark-mode .ncc-upload__zone.dragging{border-color:rgb(153, 204, 255);background-color:rgb(33, 33, 33)}}.ncc-upload__zone nwcc-icon2{margin-bottom:8px}.ncc-upload__zone__label{margin-top:8px;margin-bottom:12px}.ncc-upload__zone__or{margin-bottom:12px}.ncc-upload__zone__or span{position:relative;display:inline-block;text-align:center;margin:auto}.ncc-upload__zone__or span:before{content:"";display:block;width:40px;height:1px;background:rgb(90, 87, 92);left:-48px;top:50%;position:absolute}.ncc-upload__zone__or span:after{content:"";display:block;width:40px;height:1px;background:rgb(90, 87, 92);right:-48px;top:50%;position:absolute}.ncc-upload__button{margin:12px 0}@media (min-width: 33.5em){.ncc-upload__button.only-on-mobile{display:none}}.ncc-upload__bottom-labels>div:not(:first-child){margin-top:12px}.ncc-upload__error{display:flex;gap:8px;font-size:0.875rem;color:var(--error-color);line-height:1.25rem}.ncc-upload__error>span{margin-left:4px}.ncc-upload__hint{font-size:0.875rem;line-height:1.25rem;color:var(--note-text-color)}.ncc-upload__file-list{display:flex;flex-direction:column;margin-top:12px}.ncc-upload__file-list nwcc-uploaded-file:not(:first-child){margin-top:12px}.ncc-enforce-dark-mode .ncc-upload{--error-color:rgb(252, 97, 97);--note-text-color:rgb(201, 199, 199);--label-text-color:rgb(255, 255, 255)}@media (prefers-color-scheme: dark){.ncc-enable-dark-mode .ncc-upload{--error-color:rgb(252, 97, 97);--note-text-color:rgb(201, 199, 199);--label-text-color:rgb(255, 255, 255)}}'}}]);