https://www.turva.fi/3897-39caefdb59a3314fc1da.js

1"use strict";(self.webpackChunkltfi=self.webpackChunkltfi||[]).push([[3897],{3897:function(e,t,i){i.r(t),i.d(t,{duet_step:function(){return b},duet_stepper:function(){return g}});var a,n,r=i(5763),o=i(6862),s=i(5186),d=i(1622),p=i(2534),c=i(8903),h=i(8875);i(8479);var u=n?a:(n=1,a={title:"action-edit-2",tags:"action edit 2 pen pencil",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.748 24a.755.755 0 0 1-.531-.22.754.754 0 0 1-.196-.716l1.77-6.905a.84.84 0 0 1 .045-.121.73.73 0 0 1 .151-.223L16.513 1.289A4.355 4.355 0 0 1 19.611 0c1.178 0 2.277.454 3.106 1.279l.029.029a4.367 4.367 0 0 1 1.251 3.121 4.356 4.356 0 0 1-1.32 3.087L8.183 22.01a.735.735 0 0 1-.231.154.784.784 0 0 1-.111.042L.933 23.978A.773.773 0 0 1 .748 24zm1.041-1.791 4.41-1.131-3.281-3.275zm5.868-1.795 13.02-13.02-4.074-4.074L3.58 16.344zM21.736 6.332a2.893 2.893 0 0 0-.059-3.972l-.02-.02a2.872 2.872 0 0 0-2.037-.84v-.375l-.001.375a2.873 2.873 0 0 0-1.954.762z"/></svg>'}),l=(0,o.g)(u);const b=class{constructor(e){(0,r.r)(this,e),this.duetStepClick=(0,r.c)(this,"duetStepClick",7),this.buttonId=(0,d.c)("DuetStepButton"),this.contentId=(0,d.c)("DuetStepContent"),this.theme="",this.roundedTop=!1,this.roundedBottom=!1,this.handleKeyDown=e=>{this.isClickDisabled()||(0,p.i)(e)&&(e.preventDefault(),this.handleStepClick(e))},this.handleClick=e=>{this.isClickDisabled()||this.handleStepClick(e)}}handleStepClick(e){this.duetStepClick.emit({originalEvent:e,component:"duet-step",stepIndex:this.stepIndex})}componentWillLoad(){(0,s.i)(this)}connectedCallback(){(0,p.s)(this)}disconnectedCallback(){(0,p.u)(this)}async setFocus(e={preventScroll:!0}){this.buttonElement.focus(e)}isClickDisabled(){return"complete"!==this.state}headingColor(){return"incomplete"!==this.state?"":"turva"!==this.theme?"gray-darker":"gray-dark-turva"}renderStepCounter(){return"complete"===this.state||"disabled"===this.state?(0,r.h)("div",{class:"duet-step-icon"},(0,r.h)("duet-icon",{margin:"none",size:"auto",color:"gray-lightest",icon:l.svg})):`${this.stepIndex+1} `}render(){return(0,r.h)("div",{key:"402b9ef15bf57d82500a6023c38c8b66a110cbb3",class:{"duet-step":!0,[`is-${this.state}`]:!0,"rounded-top":this.roundedTop,"rounded-bottom":this.roundedBottom,"duet-theme-turva":"turva"===this.theme}},(0,r.h)("div",{key:"5a662389bfc0190eee39c36e887c87b6a6e1c9a7",class:"duet-step-heading",id:this.buttonId,role:"current"!==this.state?"button":"region","aria-current":"current"===this.state?"step":void 0,tabindex:"current"!==this.state?"0":void 0,"aria-disabled":this.isClickDisabled().toString(),"aria-expanded":("current"===this.state).toString(),"aria-controls":this.contentId,"aria-selected":("current"===this.state).toString(),onClick:this.handleClick,onKeyDown:this.handleKeyDown,ref:e=>this.buttonElement=e},(0,r.h)("div",{key:"ee1ed37d30f81e67d0225f48b05bc943260b7fc6","aria-hidden":"true"},(0,r.h)("div",{key:"fd82b877aeec047f0252cd67ac75a645ce25ae87",class:"duet-step-counter"},this.renderStepCounter())),(0,r.h)("duet-spacer",{key:"2cd749ec01d7ff96e3f8314ea5a8302c5308786b",direction:"horizontal",size:"large",breakpoint:"small"}),(0,r.h)("duet-spacer",{key:"9753159df4b338e209f10696a3a3d35511182dc0",direction:"horizontal",size:"medium",breakpoint:"x-small"}),(0,r.h)("div",{key:"4f3478927a7fc558bab501572005326a74557f42"},(0,r.h)("duet-heading",{key:"0e19fa8804cb73f223d5aa2c8b0418ce3f1ff43a",theme:this.theme,level:this.headingLevel,visualLevel:"h4",color:this.headingColor(),margin:"none"},this.heading)),(0,r.h)("duet-spacer",{key:"250acd88c2ac6875d48595725534ef3d67fd3e65",direction:"horizontal",size:"large"}),(0,r.h)("div",{key:"00459e0dda57b0b45765c55536a12387c1b6dd05",class:"duet-step-heading-slot"},(0,r.h)("slot",{key:"4ce1521d0945fe88517baeff6cad9eeebb8b84ec",name:"heading-content"}))),(0,r.h)("div",{key:"bb20b48bd02201119e0e19e7601c3e6548268fe7",class:"duet-step-content-wrapper"},(0,r.h)("div",{key:"010c7d8b6c1bd587e6eb010ab392419a44ff2bea",class:"duet-step-content",role:"region","aria-labelledby":this.buttonId,id:this.contentId},(0,r.h)("slot",{key:"7cc7227663f61830eee19abcce032944845f3543"}))))}

1get element(){return(0,r.g)(this)}};b.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block}.duet-step{padding:20px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.rounded-top{border-top-left-radius:4px;border-top-right-radius:4px}.duet-step.rounded-bottom{margin-bottom:20px !important;border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-step.rounded-bottom{margin-bottom:0 !important}}@media (min-width: 36em){.duet-step{padding:0 20px 0 0 !important;margin:0 !important;font-size:1.25rem;box-shadow:none !important}}.duet-step-heading{display:flex;align-items:center;border-radius:4px}.duet-step-heading:focus{outline:0}:host(.user-is-tabbing) .duet-step-heading:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-step-heading:focus,:host(.user-is-tabbing) .duet-step-heading:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-step-heading[aria-disabled=false]{cursor:pointer}.duet-step-heading:active{opacity:0.75}.is-complete .duet-step-heading:hover .duet-step-counter,.is-disabled .duet-step-heading:hover .duet-step-counter{background-color:#005f8f}.is-current .duet-step-heading{margin-bottom:20px}@media (min-width: 36em){.duet-step-heading{margin-top:8px;margin-bottom:8px !important}:host(:first-of-type) .duet-step-heading{margin-top:0}:host(:last-of-type) .duet-step-heading{margin-bottom:0 !important}}.duet-step-counter{-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;line-height:30px;color:rgb(255, 255, 255);text-align:center;border-radius:50%;transition:background-color 300ms ease}@media (min-width: 36em){.duet-step-counter{width:40px;height:40px;line-height:40px}}.is-complete .duet-step-counter,.is-current .duet-step-counter,.is-disabled .duet-step-counter{background-color:rgb(0, 119, 179)}.is-incomplete .duet-step-counter{background-color:rgb(98, 121, 138)}.duet-step-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}@media (min-width: 36em){.duet-step-icon{width:20px;height:20px}}.duet-step-icon duet-icon{width:16px;height:16px}@media (min-width: 36em){.duet-step-icon duet-icon{width:20px;height:20px}}@media (min-width: 36em){.duet-step-content-wrapper{min-height:20px;padding-left:40px;margin-left:19px;border-left:2px solid rgb(212, 223, 229)}:host(:last-of-type) .duet-step-content-wrapper{min-height:0;border:transparent}}.duet-step-content{display:none;padding-bottom:16px}@media (min-width: 36em){.duet-step-content{padding-bottom:28px}}.is-current .duet-step-content{display:block}.duet-step-heading-slot{display:none;margin-top:2px}@media (min-width: 48em){.duet-step-heading-slot{display:block}}.duet-theme-turva.duet-step{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-theme-turva.is-complete .duet-step-counter,.duet-theme-turva.is-current .duet-step-counter,.duet-theme-turva.is-disabled .duet-step-counter{background-color:rgb(230, 23, 64)}.duet-theme-turva.is-complete .duet-step-heading:hover .duet-step-counter,.duet-theme-turva.is-disabled .duet-step-heading:hover .duet-step-counter{background-color:#b81233}.duet-theme-turva.is-incomplete .duet-step-counter{background-color:rgb(120, 145, 164)}.duet-theme-turva .duet-step-content-wrapper{border-color:rgb(251, 225, 209)}';const g=class{constructor(e){(0,r.r)(this,e),this.duetStepChange=(0,r.c)(this,"duetStepChange",7),this.language=(0,h.a)(),this.theme="",this.accessibleLive=(0,h.g)(c.e,this.language),this.margin="auto",this.backDisabled=!1,this.selected=0}

1currentStepChanged(e){if(isNaN(e))throw new Error(`step must be a number. got: ${e}`);if(e<0)throw new Error(`step must be not be less than zero. got: ${e}`);if(e>this.getSteps().length)throw new Error("step must not exceed total number of steps");this.updateStepState(),setTimeout((()=>this.setStepFocus()),50)}currentStepInvokedDisable(){this.updateStepState()}onDuetStepClick(e){this.duetStepChange.emit({fromStep:this.selected,toStep:e.detail.stepIndex,component:"duet-stepper"})}componentWillLoad(){(0,s.i)(this)}async connectedCallback(){this.childObserver=new MutationObserver(this.updateStepState.bind(this)),this.childObserver.observe(this.element,{childList:!0}),this.updateStepState()}disconnectedCallback(){this.childObserver&&(this.childObserver.disconnect(),this.childObserver=void 0)}getSteps(){return Array.from(this.element.querySelectorAll("duet-step"))}setStepFocus(){this.getSteps()[this.selected].setFocus()}updateStepState(){const e=this.getSteps();e.forEach(((e,t)=>{let i;i=t<this.selected?this.backDisabled?"disabled":"complete":t>this.selected?"incomplete":"current",e.theme=this.theme,e.state=i,e.stepIndex=t}));const t=function(e,t){const i={};return t.forEach((t=>{const a=t[e];i[a]||(i[a]=[]),i[a].push(t)})),i}("state",e);Object.values(t).forEach((e=>{e.forEach(((t,i)=>{t.roundedTop=0===i,t.roundedBottom=i===e.length-1}))}))}formatAnnouncement(){const e=this.getSteps(),t=(this.selected+1).toString(10),i=e.length.toString(10);return this.accessibleLive.replace("{current}",t).replace("{total}",i)}render(){return(0,r.h)(r.H,{key:"ef1f504037c4920540f46a3f9982168761e2a466",class:{"duet-m-0":"none"===this.margin}},(0,r.h)("div",{key:"9278a6186eec68f71f7b7c9273fa030516a819e4",class:{"duet-stepper":!0,"duet-theme-turva":"turva"===this.theme}},(0,r.h)("duet-visually-hidden",{key:"47c61ae2f74abc8863c8494c4c751d8adecb325e","aria-live":"polite","aria-atomic":"true","aria-relevant":"all"},this.formatAnnouncement()),(0,r.h)("slot",{key:"abb85008b953631b77cbb55903dc0b428b922c2c"})))}get element(){return(0,r.g)(this)}static get watchers(){return{selected:["currentStepChanged"],backDisabled:["currentStepInvokedDisable"]}}};g.style=":host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:20px !important;display:block;width:100%}:host(.duet-m-0){margin:0 !important}.duet-stepper{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}@media (min-width: 36em){.duet-stepper{padding:28px !important;padding-top:36px !important;padding-bottom:36px !important;background:rgb(255, 255, 255);border-radius:4px;box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}}"}}]);