https://netbank.nordea.fi/login/5316.ce26885b559e1866.js

1"use strict";(self.webpackChunklogin=self.webpackChunklogin||[]).push([[5316],{5316(y,r,o){o.r(r),o.d(r,{nwcc_guidance_tip2:()=>h});var _=o(467),l=o(9842),i=o(8381),g=(o(5250),o(6863)),f=o(3128),s=o(348),b=o(2610),p=(o(668),o(5637),o(7296),o(1082),o(2723),o(2481),o(8892),o(681)),E=(o(4634),o(5617),o(4630),o(8576),o(3856),o(7556),o(222),o(5881),o(7346),o(7736),o(2996),o(4751),o(7277),o(2745),o(7599),o(9873),o(7332),o(6399),o(1697),o(5882),o(7754)),u=o(1389);o(8241);const h=class{constructor(t){(0,l.A)(this,"locale",void 0),(0,l.A)(this,"currentStep",void 0),(0,l.A)(this,"top",void 0),(0,l.A)(this,"left",void 0),(0,l.A)(this,"backdrop",null),(0,l.A)(this,"nwccGuidanceStepCompleted",void 0),(0,l.A)(this,"nwccGuidanceStepCanceled",void 0),(0,l.A)(this,"nwccGuidanceCompleted",void 0),(0,l.A)(this,"guidanceTipRef",void 0),(0,l.A)(this,"guidanceTipSteps",void 0),(0,l.A)(this,"tooltipRef",void 0),(0,l.A)(this,"originalScrollPosition",0),(0,l.A)(this,"labelId",(0,E.g)()),(0,l.A)(this,"topOffset",16),(0,l.A)(this,"openerElement",void 0),(0,l.A)(this,"cleanup",void 0),(0,i.r)(this,t),this.nwccGuidanceStepCompleted=(0,i.c)(this,"nwccGuidanceStepCompleted",7),this.nwccGuidanceStepCanceled=(0,i.c)(this,"nwccGuidanceStepCanceled",7),this.nwccGuidanceCompleted=(0,i.c)(this,"nwccGuidanceCompleted",7)}get el(){return(0,i.a)(this)}validateLocale(t){(0,g.v)({value:t,name:"locale",elementRef:this.el})}scrollToStep(){!this.tooltipRef||!this.currentStep||window.scrollTo({top:this.tooltipRef.offsetTop-this.topOffset,behavior:"smooth"})}calculatePosition(){var t;!this.tooltipRef||!this.currentStep||(null===(t=this.cleanup)||void 0===t||t.call(this),this.cleanup=(0,u.a)(this.currentStep,this.tooltipRef,()=>{!this.tooltipRef||!this.currentStep||(0,u.c)(this.currentStep,this.tooltipRef,{placement:"top",middleware:[]}).then(e=>{this.tooltipRef&&(this.top=e.y-this.topOffset,this.left=e.x)})}))}handleResize(){this.calculatePosition()}handleScroll(){var t;this.backdrop=(null===(t=this.currentStep)||void 0===t?void 0:t.getBoundingClientRect())||null}trapFocusInTooltip(t){if("Escape"===t.code){var e;const n=Number(null===(e=this.currentStep)||void 0===e?void 0:e.getAttribute("data-guidance-tip-step"));this.nwccGuidanceStepCanceled.emit(n),this.close()}else this.currentStep&&f.F.catch(t,this.tooltipRef)}start(){var t=this;return(0,_.A)(function*(){t.openerElement=document.activeElement,t.getGuidanceTipSteps(),t.changeStep(0),t.originalScrollPosition=window.scrollY||document.documentElement.scrollTop||document.body.scrollTop})()}stop(){var t=this;return(0,_.A)(function*(){var e;null===(e=t.cleanup)||void 0===e||e.call(t),document.querySelectorAll(".ncc-guidance-tooltip2__active-step").forEach(c=>{var a;null==c||null===(a=c.classList)||void 0===a||a.remove("ncc-guidance-tooltip2__active-step"),null==c||c.removeAttribute("aria-describedby")}),t.currentStep=void 0})()}goToStep(t){var e=this;return(0,_.A)(function*(){e.getGuidanceTipSteps(),e.changeStep(t-1)})()}componentDidRender(){if(this.calculatePosition(),null!=this.getNextStep()){const t=document.querySelector(".ncc-guidance-tooltip2__footer__next-step button");null==t||t.focus()}else{const t=document.querySelector(".ncc-guidance-tooltip2__close button");null==t||t.focus()}}componentDidUpdate(){if(this.currentStep&&document.activeElement&&document.activeElement.id!==this.labelId){const e=document.getElementById(this.labelId);null==e||e.focus()}}getGuidanceTipSteps(){var t;this.guidanceTipSteps=Array.from((null===(t=this.guidanceTipRef)||void 0===t?void 0:t.querySelectorAll("[data-guidance-tip-step]"))||[]).sort((e,n)=>Number((null==e?void 0:e.getAttribute("data-guidance-tip-step"))||0)-Number((null==n?void 0:n.getAttribute("data-guidance-tip-step"))||0))}changeStep(t){var e,n;this.stop();const c=null===(e=this.guidanceTipSteps)||void 0===e?void 0:e[t];null==c||null===(n=c.classList)||void 0===n||n.add("ncc-guidance-tooltip2__active-step"),null==c||c.setAttribute("aria-labelledby",this.labelId),this.currentStep=c,this.backdrop=(null==c?void 0:c.getBoundingClientRect())||null,this.scrollToStep()}getPreviousStep(){var t,e;const c=(Number(null===(t=this.currentStep)||void 0===t?void 0:t.getAttribute("data-guidance-tip-step"))||0)-1-1;return null!=c&&null!=(null===(e=this.guidanceTipSteps)||void 0===e?void 0:e[c])?c:null}getNextStep(){var t,e;const n=Number(null===(t=this.currentStep)||void 0===t?void 0:t.getAttribute("data-guidance-tip-step"));return null!=n&&null!==(e=this.guidanceTipSteps)&&void 0!==e&&e[n]?n:null}goToNextStep(){const t=this.getNextStep();if(null!=t){var e;const n=Number(null===(e=this.guidanceTipSteps)||void 0===e||null===(e=e[t])||void 0===e?void 0:e.getAttribute("data-guidance-tip-step"));this.nwccGuidanceStepCompleted.emit(n),this.changeStep(t)}else this.nwccGuidanceCompleted.emit(),this.close()}goToPreviousStep(){const t=this.getPreviousStep();null!=t&&this.changeStep(t)}close(){var t;this.stop(),window.scrollTo({top:this.originalScrollPosition,behavior:"smooth"}),null===(t=this.openerElement)||void 0===t||t.focus()}disconnectedCallback(){this.stop()}render(){var t,e,n,c;const a=null!=this.getNextStep(),P=null!=this.getPreviousStep(),v=(null===(t=this.guidanceTipSteps)||void 0===t?void 0:t.length)||0;return(0,i.h)(i.H,{key:"0ca79c26f8575b19f76ef728438dcff55222dcef"},(0,i.h)("div",{key:"69c145e6682f5bc68ff7282feec9b8937e02b9e7",ref:d=>this.guidanceTipRef=d},(0,i.h)("slot",{key:"5f4805f5c56cabdaf03d4351bbbbd5053fc34983"})),this.currentStep&&(0,i.h)("nwcc-portal",{key:"eaaf1bbfdd8f8754e01f8a98572b4465bdd57252",reference:document.body},(0,i.h)("div",{key:"3fccf8a707bba59c91a94d4dbe23c351fd74ded3",ref:d=>this.tooltipRef=d,class:"ncc-guidance-tooltip2",role:"dialog","aria-modal":"true","aria-labelledby":"".concat(this.labelId),style:{to

1p:"".concat(this.top,"px"),left:"".concat(this.left,"px")}},(0,i.h)("div",{key:"5313a8586b5568fab113ef266de703b312ecedd5",class:"ncc-guidance-tooltip2__body"},(0,i.h)("h1",{key:"8d18ca2a5a7b11b4b448dcd1460ccdec309fce95",id:this.labelId,tabIndex:-1},v>1&&(0,i.h)("div",{key:"c5d162844977357abd7be026672ba0570df8f1db",class:"ncc-guidance-tooltip2__step-count"},(0,s.t)(s.K.ndw_ui_component_guidanceTip_step,this.locale,{currentStep:this.currentStep.getAttribute("data-guidance-tip-step"),totalSteps:v})),(0,i.h)("div",{key:"673b0ebe8bf2c8b6a007807710a8b6f4a53fa37f",class:"ncc-guidance-tooltip2__header"},null!==(e=this.currentStep.getAttribute("data-guidance-tip-header"))&&void 0!==e?e:"")),(0,i.h)("p",{key:"5bd3dbeab4061f7e4abb9f11dec0cb7674972acd"},null!==(n=this.currentStep.getAttribute("data-guidance-tip-label"))&&void 0!==n?n:""),(0,i.h)("div",{key:"037c3d8b344e77714279f8f415bf74a05bdcc7ab",class:"ncc-guidance-tooltip2__description"},null!==(c=this.currentStep.getAttribute("data-guidance-tip-location-description"))&&void 0!==c?c:"")),(0,i.h)("nwcc-icon-button",{key:"9cd4e0fee8ffd68f046beaed16d66cec7874f85a",class:"ncc-guidance-tooltip2__close",onClick:()=>{var d;const S=Number(null===(d=this.currentStep)||void 0===d?void 0:d.getAttribute("data-guidance-tip-step"));this.nwccGuidanceStepCanceled.emit(S),this.close()},iconButtonAriaLabel:(0,s.t)(s.K.ndw_ui_assistiveText_modal_close,this.locale),icon:b.h}),(0,i.h)("div",{key:"0d968079fbe0491b7e761a93eafbd4d47f8cf812",class:"ncc-guidance-tooltip2__footer"},P&&(0,i.h)("nwcc-button2",{key:"3f19c5d667af604107cf40787fc135f098b59649",class:"ncc-guidance-tooltip2__footer__button",variation:p.N.SECONDARY,onClick:()=>this.goToPreviousStep()},(0,s.t)(s.K.G_Previous,this.locale)),(0,i.h)("nwcc-button2",{key:"c7fc8321bf2135a21a94e3e9193a6d4cc2d1a6c2",class:"ncc-guidance-tooltip2__footer__button",variation:p.N.PRIMARY,onClick:()=>this.goToNextStep()},(0,s.t)(a?s.K.G_Next:s.K.G_Done,this.locale))))),this.currentStep&&this.backdrop&&(0,i.h)("nwcc-portal",{key:"7be7b07c8e3978a61c98c35e6c7bcf230ad76849",reference:document.body},(0,i.h)("div",{key:"1d5a7f73de32f240f3bafceec7b48c88e5b659e3",class:"ncc-guidance-tooltip2__backdrop",role:"presentation",style:{to

1p:"0px",left:"0px",right:"0px",height:"".concat(this.backdrop.top,"px")}}),(0,i.h)("div",{key:"2d44394630d182247ea85683f78685cee8239a2f",class:"ncc-guidance-tooltip2__backdrop",role:"presentation",style:{top:"".concat(this.backdrop.top,"px"),left:"0px",right:"0px",height:"".concat(this.backdrop.height,"px"),width:"".concat(this.backdrop.left,"px")}}),(0,i.h)("div",{key:"59941251eefba547d34b697be5ab6d383a7410dd",class:"ncc-guidance-tooltip2__backdrop",role:"presentation",style:{top:"".concat(this.backdrop.top,"px"),left:"".concat(this.backdrop.right,"px"),right:"0px",height:"".concat(this.backdrop.height,"px")}}),(0,i.h)("div",{key:"5653b1fde5ae178c84d2de91ddc8f5d54e547e67",class:"ncc-guidance-tooltip2__backdrop",role:"presentation",style:{top:"".concat(this.backdrop.bottom,"px"),left:"0px",right:"0px",bottom:"0px"}})))}static get watchers(){return{locale:[{validateLocale:0}],top:[{calculatePosition:0}],left:[{calculatePosition:0}]}}};h.style='.ncc-guidance-tooltip2{--tooltip-background-color:rgb(255, 255, 255);--tooltip-text-color:rgb(0, 0, 0);--tooltip-text-secondary-color:rgb(90, 87, 92);--focus-color:rgb(0, 0, 160)}.ncc-enforce-dark-mode .ncc-guidance-tooltip2{--tooltip-background-color:rgb(33, 33, 33);--tooltip-text-color:rgb(255, 255, 255);--tooltip-text-secondary-color:rgb(201, 199, 199);--focus-color:rgb(220, 237, 255)}@media (prefers-color-scheme: dark){.ncc-enable-dark-mode .ncc-guidance-tooltip2{--tooltip-background-color:rgb(33, 33, 33);--tooltip-text-color:rgb(255, 255, 255);--tooltip-text-secondary-color:rgb(201, 199, 199);--focus-color:rgb(220, 237, 255)}}.ncc-guidance-tooltip2{display:grid;grid-template-columns:1fr auto;gap:16px 8px;background-color:var(--tooltip-background-color);color:var(--tooltip-text-color);border-radius:12px;z-index:13500;position:absolute;padding:16px;width:calc(100vw - 56px);box-shadow:0 8px 24px rgba(0, 0, 0, 0.1)}@media (min-width: 33.5em){.ncc-guidance-tooltip2{width:max-content;max-width:28.1875em}}.ncc-guidance-tooltip2::after{position:absolute;border-color:var(--tooltip-background-color) transparent transparent transparent;border-style:solid;border-width:12px 12px 0 12px;content:"";top:100%;left:50%;transform:translateX(-50%)}.ncc-guidance-tooltip2__backdrop{position:fixed;box-sizing:border-box;background:rgba(0, 0, 0, 0.5);z-index:13499}.ncc-guidance-tooltip2__active-step{--active-step-outline-color:rgb(0, 0, 160)}.ncc-enforce-dark-mode .ncc-guidance-tooltip2__active-step{--active-step-outline-color:rgb(255, 255, 255)}@media (prefers-color-scheme: dark){.ncc-enable-dark-mode .ncc-guidance-tooltip2__active-step{--active-step-outline-color:rgb(255, 255, 255)}}.ncc-guidance-tooltip2__active-step{position:relative;z-index:13500;pointer-events:none;outline:2px solid var(--active-step-outline-color)}.ncc-guidance-tooltip2__body{grid-column:1/2;display:flex;flex-direction:column;gap:4px}.ncc-guidance-tooltip2__body h1{all:unset;display:flex;flex-direction:column;gap:4px}.ncc-guidance-tooltip2__body h1:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px}.ncc-guidance-tooltip2__body p{margin:0;font-size:1rem;line-height:1.5rem;color:var(--tooltip-text-color)}.ncc-guidance-tooltip2__step-count,.ncc-guidance-tooltip2__description{font-size:0.875rem;line-height:1.25rem;color:var(--tooltip-text-secondary-color)}.ncc-guidance-tooltip2__close{grid-column:2/3}.ncc-guidance-tooltip2__header{font-size:1rem;font-weight:500;line-height:1.5rem;color:var(--tooltip-text-color)}.ncc-guidance-tooltip2__footer{grid-column:1/3;display:flex;justify-content:flex-end;align-items:center;gap:12px}@media (max-width: 75em){.ncc-guidance-tooltip2__footer{flex-direction:column-reverse}.ncc-guidance-tooltip2__footer__button{--nwcc-button-width:100%}.ncc-guidance-tooltip2__footer__button button{max-width:100% !important}}'}}]);