https://www.tesa.com/relaunch2020/build/9513.73720d70.js

1"use strict";(globalThis.webpackChunktesa_2016=globalThis.webpackChunktesa_2016||[]).push([[9513],{7417:(e,t,l)=>{l.d(t,{_:()=>a,h:()=>n});const a="tesaFormStepperContext";function n(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const t=new Set;return{notifyStepsLoaded(t){"function"==typeof e.onStepsLoaded&&e.onStepsLoaded(t)},notifyStepChanged(t){"function"==typeof e.onStepChanged&&e.onStepChanged(t)},requestStep(e){t.forEach(t=>t(e))},registerStepRequestHandler:e=>"function"!=typeof e?()=>{}:(t.add(e),()=>{t.delete(e)})}}},9513:(e,t,l)=>{l.r(t),l.d(t,{default:()=>r});var a=l(5166),n=l(7105),i=l(6783),s=l(7417);const o={class:"step-nav"},r=Object.assign({name:"StepNav"},{__name:"StepNav",props:{receiveStepEvents:{type:Boolean,default:!0},emitStepEvents:{type:Boolean,default:!0},done:{type:Boolean,default:!1}},setup(e){const t=e,l=(0,a.f3)(s._,null),{labelStore:r}=(0,n.b)({labelsRequired:["modules.form"],labelKeyReplaceFn:e=>e.replace("modules.form.","")}),u=(0,a.iH)([]),c=(0,a.iH)(null),d=(0,a.iH)(!1),p=(0,a.iH)((0,s.h)({onStepsLoaded:e=>g(e),onStepChanged:e=>function(e){t.receiveStepEvents&&(c.value=t.done?u.value.length+1:e);null==l||l.notifyStepChanged(e)}(e)})),v=(0,a.Fl)(()=>null!==c.value&&c.value>0),f=(0,a.Fl)(()=>u.value.length?[...u.value.map(e=>({label:e})),{label:r.value.step_nav_done}]:[]);function g(e){t.receiveStepEvents&&(u.value=e,d.value=!0,c.value=t.done?u.value.length+1:0),null==l||l.notifyStepsLoaded(e)}function b(e){let{index:l}=e;t.emitStepEvents&&p.value.requestStep(l),l>=0&&l<u.value.length&&!t.done&&(c.value=l)}return(0,a.JJ)(s._,p.value),(t,l)=>((0,a.wg)(),(0,a.iD)("div",o,[v.value?((0,a.wg)(),(0,a.j4)((0,a.SU)(i.Z),{key:0,steps:f.value,"current-step":e.done?u.value.length:c.value,clickable:!e.done,onClick:b},null,8,["steps","current-step","clickable"])):(0,a.kq)("v-if",!0),l[0]||(l[0]=(0,a.Uk)()),(0,a.WI)(t.$slots,"default")]))}})},6783:(e,t,l)=>{l.d(t,{Z:()=>p});var a=l(5166),n=l(7105),i=l(157);const s={class:"progress-indicator__number"},o={class:"progress-indicator__number-inner"},r={key:1},u={class:"progress-indicator__label"},c=["id"],d={class:"visibly-hidden","aria-live":"polite","aria-atomic":"true"},p=Object.assign({name:"ProgressIndicator"},{__name:"ProgressIndicator",props:{clickable:{type:Boolean,default:!1},currentStep:{type:Number,default:0},displayActiveLastStepAsCompleted:{type:Boolean,default:!1},backgroundColor:{type:String,default:"blue",validator:e=>["blue","gray","white"].includes(e)},steps:{type:Array,default:()=>[]},showTotalSteps:{type:Boolean,default:!0}},emits:["click"],setup(e,t){var l;let{emit:p}=t;const v=null===(l=(0,a.FN)())||void 0===l?void 0:l.proxy,f=(0,a.iH)(null),g=(0,a.iH)(null),b=(0,a.iH)(null),_=e,y=p,{labelStore:S,labelStoreLoaded:h}=(0,n.b)({labelsRequired:["modules.progress_indicator"],labelKeyReplaceFn:e=>e.replace("modules.progress_indicator.","")}),m=(0,a.iH)(!1),k=(0,a.iH)(null),w=(0,a.iH)(null),C=(0,a.iH)(null),L=(0,a.iH)(null),H=(0,a.Fl)(()=>_.steps.map((e,t)=>({...e,active:_.currentStep===t,completed:_.currentStep>t||_.currentStep===_.steps.length-1&&_.displayActiveLastStepAsCompleted,componentType:_.clickable&&_.currentStep>t?"button":"div"}))),T=(0,a.Fl)(()=>{if(!h.value)return"";const e=H.value.find(e=>e.active),t=_.currentStep+1;let l;if(_.showTotalSteps){const e=H.value.length;l=S.value.step_of.replace("%currentStep%",t).replace("%totalSteps%",e)}else l=S.value.step.replace("%currentStep%",t);return`${l} ${e.label}`});function B(){!function(){if(!m.value)return void(f.value.style.left="");if(0===L.value.length)return;g.value.scrollTo({left:-1*L.value[_.currentStep].toLeft,top:0,behavior:"smooth"})}(),function(){if(0===L.value.length)return void(b.value.style.width=0);b.value.style.left=L.value[0].offsetLeftToMiddle+"px",b.value.style.width=L.value[L.value.length-1].offsetLeftToMiddle-L.value[0].offsetLeftToMiddle+"px"}()}function R(){const e=g.value,t=f.value,l=e.scrollWidth-e.clientWidth;m.value=l>0,C.value=t.getBoundingClientRect().left-e.getBoundingClientRect().left;const a=[...e.querySelectorAll("li")],n=t.getBoundingClientRect();L.value=a.map(e=>{const t=e.getBoundingClientRect(),a=t.left-n.left,i=a+t.width/2;return{toLeft:Math.max(Math.min(0,-a),-l),offsetLeftToMiddle:i}}),B()}function x(e){return e.completed?S.value.completed:e.active?S.value.current_step:e.disabled?S.value.disabled:S.value.not_started}return(0,a.bv)(()=>{k.value=(0,i.Z)(()=>R(),100),w.value=new ResizeObserver(()=>

1{k.value()}),w.value.observe(v.$el)}),(0,a.Jd)(()=>{w.value.unobserve(v.$el),w.value=null}),(0,a.YP)(()=>_.currentStep,()=>{(0,a.Y3)(()=>R())}),(0,a.YP)(()=>_.steps,()=>{(0,a.Y3)(()=>R())}),(t,l)=>{const n=(0,a.up)("icon");return(0,a.wg)(),(0,a.iD)("div",{class:(0,a.C_)(["progress-indicator",{[`progress-indicator--bg-${e.backgroundColor}`]:!0,"progress-indicator--clickable":e.clickable}])},[(0,a._)("div",{class:"progress-indicator__steps",ref_key:"stepsElement",ref:g},[(0,a._)("div",{class:"progress-indicator__slider",ref_key:"stepslider",ref:f},[(0,a._)("div",{class:"progress-indicator__line",ref_key:"line",ref:b},null,512),l[2]||(l[2]=(0,a.Uk)()),(0,a._)("ul",null,[((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(H.value,(e,t)=>((0,a.wg)(),(0,a.iD)("li",{key:t,class:(0,a.C_)({active:e.active,completed:e.completed,disabled:e.disabled})},[((0,a.wg)(),(0,a.j4)((0,a.LL)(e.componentType),{type:"button"===e.componentType?"button":null,class:"progress-indicator__step-wrapper","aria-current":e.active?"step":null,"aria-describedby":`step-status-${t}`,onClick:l=>function(e,t){!_.clickable||v.index>=_.currentStep||y("click",{step:e,index:t})}(e.label,t)},{default:(0,a.w5)(()=>[(0,a._)("div",s,[(0,a._)("div",o,[e.completed?((0,a.wg)(),(0,a.j4)(n,{key:0,name:"checkmark"})):((0,a.wg)(),(0,a.iD)("span",r,(0,a.zw)(t+1),1))])]),l[0]||(l[0]=(0,a.Uk)()),(0,a._)("div",u,(0,a.zw)(e.label),1),l[1]||(l[1]=(0,a.Uk)()),(0,a._)("span",{class:"visibly-hidden",id:`step-status-${t}`},(0,a.zw)(x(e)),9,c)]),_:2},1032,["type","aria-current","aria-describedby","onClick"]))],2))),128))])],512)],512),l[3]||(l[3]=(0,a.Uk)()),(0,a._)("p",d,(0,a.zw)(T.value),1)],2)}}})}}]);