https://www.tesa.com/relaunch2020/build/energy-savings-calculator.119a2428.js

1"use strict";(globalThis.webpackChunktesa_2016=globalThis.webpackChunktesa_2016||[]).push([[7429],{7075:(e,t,a)=>{a.r(t),a.d(t,{default:()=>oe});var s=a(5166),l=a(4288);const n=a.p+"images/piggybank.746c9ab7.svg";var r=a(1304);const i={key:0,class:"teaser-header"},o={class:"teaser-header__intro"},d={class:"teaser-header__icon-wrapper"},u={class:"teaser-header__icon"},c=["src"],g={class:"teaser-header__title"},v={class:"teaser-header__claim"},p={class:"teaser-header__savings-overall headline headline--3"},m={class:"teaser-header__copy marg-t--1"},h=Object.assign({name:"EnergySavingsCalculatorTeaserHeader"},{__name:"EnergySavingsCalculatorTeaserHeader",props:{overallSavings:String,overallSavingsNum:Number,firstYearSavings:String,lifetime:Number},setup(e){const t=e,{store:a}=(0,r.RD)(),l=(0,s.Fl)(()=>a.config),h=n,f=(0,s.Fl)(()=>`${t.firstYearSavings} ${l.value.escConfig.yearCashAppendage}. ${l.value.escConfig.cashDescription_prefix} ${t.lifetime} ${l.value.escConfig.cashDescription_suffix}`);return(t,a)=>isNaN(e.overallSavingsNum)?(0,s.kq)("v-if",!0):((0,s.wg)(),(0,s.iD)("div",i,[(0,s._)("div",o,[(0,s._)("div",d,[(0,s._)("div",u,[(0,s._)("img",{src:(0,s.SU)(h),alt:""},null,8,c)])]),a[1]||(a[1]=(0,s.Uk)()),(0,s._)("div",g,[(0,s._)("p",v,(0,s.zw)(l.value.escConfig.saveUpTo),1),a[0]||(a[0]=(0,s.Uk)()),(0,s._)("p",p,(0,s.zw)(e.overallSavings)+" "+(0,s.zw)(l.value.escConfig.cashAppendage),1)])]),a[2]||(a[2]=(0,s.Uk)()),(0,s._)("p",m,(0,s.zw)(f.value),1)]))}});var f=a(3744);const y=(0,f.Z)(h,[["__scopeId","data-v-0899520a"]]);var _=a(2372),w=a(431),S=a(7477),b=a(9353);const P={key:0,class:"wizard-multiple-result"},k={class:"wizard-multiple-result__slider-container"},C=["onClick"],I={class:"wizard-multiple-result__controls-wrapper"},B={class:"content-slider-controls"},U={class:"content-slider-controls__button-wrapper"},j=["aria-label"],q=["aria-label"],D={class:"content-slider-controls__indicator-container"},E=Object.assign({name:"EnergySavingsCalculatorResultMultiple"},{__name:"EnergySavingsCalculatorResultMultiple",props:{resultProductItems:{type:Array,default:()=>[]}},emits:["show-slider-controls","swiperInitialized"],setup(e,t){let{emit:a}=t;const l=e,n=a,r=(0,s.iH)(null),i=(0,s.iH)(null),o=(0,s.iH)(null),d=(0,s.iH)({init:!1,slidesPerView:1.25,spaceBetween:24,watchOverflow:!0,threshold:10,watchSlidesProgress:!0,breakpoints:{768:{slidesPerView:3,spaceBetween:24},1024:{slidesPerView:3,spaceBetween:32},1200:{slidesPerView:4,spaceBetween:32}}}),{indicatorStyle:u,showSliderControls:c,swiper:g,updateSliderData:v}=(0,b.M)({emit:n,initialSwiperOptions:d,sliderNextButton:o,sliderPrevButton:i,swiperElement:r}),{anyProductItemWithBar:p,handleSlideClick:m,labelStore:h,mapProductItemData:f,getBarSpanStyles:E}=(0,S.n)(l,g,v);return(t,a)=>{const l=(0,s.up)("icon");return e.resultProductItems.length?((0,s.wg)(),(0,s.iD)("div",P,[(0,s._)("div",k,[(0,s._)("swiper-container",{class:"wizard-multiple-result__slider",ref_key:"swiperElement",ref:r,init:"false"},[((0,s.wg)(!0),(0,s.iD)(s.HY,null,(0,s.Ko)(e.resultProductItems,(e,t)=>((0,s.wg)(),(0,s.iD)("swiper-slide",{class:"wizard-multiple-result__slide",key:`result-item-multiple-${e.id}`,onClick:e=>(0,s.SU)(m)(t)},[(0,s.SU)(p)?((0,s.wg)(),(0,s.iD)("div",{key:0,class:"wizard-multiple-result__bar-wrapper",style:(0,s.j5)((0,s.SU)(E)(e))},[e.bar?((0,s.wg)(),(0,s.j4)((0,s.SU)(_.Z),(0,s.dG)({key:0,ref_for:!0},e.bar),null,16)):(0,s.kq)("v-if",!0)],4)):(0,s.kq)("v-if",!0),a[0]||(a[0]=(0,s.Uk)()),(0,s.Wm)((0,s.SU)(y),(0,s.dG)({ref_for:!0},e),null,16),a[1]||(a[1]=(0,s.Uk)()),(0,s.Wm)((0,s.SU)(w.Z),(0,s.dG)({class:"marg-t--4"},{ref_for:!0},(0,s.SU)(f)(e)),null,16)],8,C))),128))],512)]),a[4]||(a[4]=(0,s.Uk)()),(0,s.wy)((0,s._)("div",I,[(0,s._)("div",B,[(0,s._)("div",U,[(0,s._)("button",{type:"button",ref_key:"sliderPrevButton",ref:i,class:"content-slider-controls__button","aria-label":(0,s.SU)(h)["global.previous"]},[(0,s.Wm)(l,{name:"angle-left"})],8,j),a[2]||(a[2]=(0,s.Uk)()),(0,s._)("button",{type:"button",ref_key:"sliderNextButton",ref:o,class:"content-slider-controls__button","aria-label":(0,s.SU)(h)["global.next"]},[(0,s.Wm)(l,{name:"angle-right"}

1)],8,q)]),a[3]||(a[3]=(0,s.Uk)()),(0,s._)("div",D,[(0,s._)("div",{class:"content-slider-controls__indicator",style:(0,s.j5)((0,s.SU)(u))},null,4)])])],512),[[s.F8,(0,s.SU)(c)]])])):(0,s.kq)("v-if",!0)}}});var O=a(1605),F=a(3071),N=a(6053);const x={class:"result container"},z={class:"marg-t--1"},G={key:0,class:"marg-t--1"},M=Object.assign({name:"EnergySavingsCalculatorResult"},{__name:"EnergySavingsCalculatorResult",setup(e){const t=(0,N.sE)(),a=(0,F.OF)(),{store:l}=(0,r.RD)(),n=(0,s.iH)(!1),i=(0,s.Fl)(()=>l.config),o=(0,s.Fl)(()=>l.labels),d=(0,s.Fl)(()=>l.resultScreen),u=(0,s.Fl)(()=>l.getResults()),{baseProductByCmsProductContentId:c,productVariantsByCmsProductContentId:g}=t,{buyOnlineDataByCmsBaseProductId:v}=a,p=(0,s.Fl)(()=>Object.values(u.value||{})),m=(0,s.Fl)(()=>[...p.value].sort((e,t)=>e.percentValue!==t.percentValue?t.percentValue-e.percentValue:t.overallSavingsNum-e.overallSavingsNum)),h=(0,s.Fl)(()=>[...new Set(p.value.map(e=>e.cmsProductContentId).filter(Boolean))]),f=(0,s.Fl)(()=>[...new Set(p.value.map(e=>e.cmsBaseProductId).filter(Boolean))]),y=(0,s.Fl)(()=>m.value.map(e=>{var t;const a=e.cmsProductContentId,s=e.cmsBaseProductId,l=c(a),n=g(a),r=v(s);return l?{id:e.toolProductConfigId,cmsProductContentId:a,cmsBaseProductId:s,url:e.url||l.baseUrl,name:l.name,description:l.shortDescription,productImage:l.productDetailsImage,variants:n,retailersByEan:null==r?void 0:r.retailersByEan,download:null===(t=l.downloads)||void 0===t?void 0:t[0],show:e.show,percentValue:e.percentValue,overallSavings:e.overallSavings,overallSavingsNum:e.overallSavingsNum,firstYearSavings:e.firstYearSavings,lifetime:e.lifetime,bar:{title:`${e.percentValue}% ${i.value.escConfig.savingsColumn}`},barSpan:1}:null}).filter(Boolean)),_=(0,s.Fl)(()=>{const e=y.value.filter(e=>e.show);let t,a=-1;return e.forEach(e=>{e.percentValue!==a?(a=e.percentValue,t=e):(e.bar=null,t.barSpan++)}),e});(0,s.wF)(async()=>{h.value.length&&(await t.fetchProductData({cmsProductContentIds:h.value,includeVariants:!0}),f.value.length&&await a.fetchBuyOnlineData({cmsBaseProductIds:f.value})),n.value=!0});const w=(0,s.iH)(null);return(0,s.YP)(n,()=>(0,s.Y3)(()=>{var e;return null===(e=w.value)||void 0===e?void 0:e.focus()})),(e,t)=>((0,s.wg)(),(0,s.iD)("div",x,[n.value?((0,s.wg)(),(0,s.iD)(s.HY,{key:0},[_.value.length?((0,s.wg)(),(0,s.iD)(s.HY,{key:1},[(0,s._)("h3",{class:"headline headline--3",ref_key:"heading",ref:w,tabindex:"-1"},(0,s.zw)(d.value.heading),513),t[1]||(t[1]=(0,s.Uk)()),d.value.copy?((0,s.wg)(),(0,s.iD)("p",G,(0,s.zw)(d.value.copy),1)):(0,s.kq)("v-if",!0),t[2]||(t[2]=(0,s.Uk)()),(0,s.Wm)((0,s.SU)(E),{resultProductItems:_.value,class:"marg-t--6"},null,8,["resultProductItems"])],64)):((0,s.wg)(),(0,s.iD)(s.HY,{key:0},[(0,s._)("h3",{class:"headline headline--3",ref_key:"heading",ref:w,tabindex:"-1"},(0,s.zw)(o.value.zeroResultsMessage.headline),513),t[0]||(t[0]=(0,s.Uk)()),(0,s._)("p",z,(0,s.zw)(o.value.zeroResultsMessage.copy),1)],64))],64)):(0,s.kq)("v-if",!0),t[3]||(t[3]=(0,s.Uk)()),n.value?(0,s.kq)("v-if",!0):((0,s.wg)(),(0,s.j4)((0,s.SU)(O.Z),{key:1,class:"result__loading-spinner"}))]))}}),V=(0,f.Z)(M,[["__scopeId","data-v-46fd0c22"]]);var H=a(502);const W={key:0,class:"result-footer container"},A={class:"headline headline--3"},L=["innerHTML"],Y=Object.assign({name:"EnergySavingsCalculatorResultFooter"},{__name:"EnergySavingsCalculatorResultFooter",setup(e){const t=(0,N.sE)(),a=(0,F.OF)(),{store:l}=(0,r.RD)(),n=(0,s.Fl)(()=>l.labels),i=(0,s.Fl)(()=>l.additionalProducts||[]),o=(0,s.iH)(!1),{baseProductByCmsProductContentId:d,productVariantsByCmsProductContentId:u}=t,{buyOnlineDataByCmsBaseProductId:c}=a,g=(0,s.Fl)(()=>o.value&&0!==i.value.length?i.value.map((e,t)=>{var a;let{cmsProductContentId:s,cmsBaseProductId:l}=e;const n=d(s),r=u(s),i=c(l);return n?{id:`${s}-${t}`,cmsProductContentId:s,cmsBaseProductId:l,url:n.baseUrl,name:n.name,description:n.shortDescription,productImage:{...n.productDetailsImage,lazy:!1},variants:r,retailersByEan:null==i?void 0:i.retailersByEan,download:null===(a=n.downloads)||void 0===a?void 0:a[0]}:null}).filter(Boolean):[]);return(0,s.wF)(async()=>

1{if(i.value.length){const e=i.value.map(e=>e.cmsProductContentId).filter(Boolean),s=i.value.map(e=>e.cmsBaseProductId).filter(Boolean);await t.fetchProductData({cmsProductContentIds:e,includeVariants:!0}),await a.fetchBuyOnlineData({cmsBaseProductIds:s})}o.value=!0}),(e,t)=>g.value.length?((0,s.wg)(),(0,s.iD)("div",W,[(0,s._)("p",A,(0,s.zw)(n.value.additionalProductsHeadline),1),t[0]||(t[0]=(0,s.Uk)()),n.value.additionalProductsCopy?((0,s.wg)(),(0,s.iD)("div",{key:0,class:"marg-t--1",innerHTML:n.value.additionalProductsCopy},null,8,L)):(0,s.kq)("v-if",!0),t[1]||(t[1]=(0,s.Uk)()),(0,s.Wm)((0,s.SU)(H.Z),{class:"marg-t--7",resultProductItems:g.value},null,8,["resultProductItems"])])):(0,s.kq)("v-if",!0)}}),R=(0,f.Z)(Y,[["__scopeId","data-v-25b96bec"]]);var $=a(9669),T=a.n($),Q=a(3271),Z=a.n(Q),K=a(1223);const J=a.p+"images/candle-1-2.c54ada54.png",X=a.p+"images/candle-3-5.1173d380.png",ee=a.p+"images/candle-6-7.928ad223.png",te=a.p+"images/fenster-kerze.943a0245.png",ae=a.p+"images/tesamoll-energysaving-length.df4f71a6.png",se="esc_slide_1",le="esc_slide_2",ne="gap_width",re="gap_length",ie=(e,t)=>{if(!Object.prototype.hasOwnProperty.call(e,t))return e;const a={...e};return delete a[t],a},oe=Object.assign({name:"EnergySavingsCalculator",inheritAttrs:!1},{__name:"EnergySavingsCalculator",props:{id:{type:String,default:"esc"},labels:{type:Object,default:()=>({})}},setup(e){const t=e,a=t.id,n=t.labels,r=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"energySavingsCalculator";return(0,K.Q_)(`energySavingsCalculator/${e}`,()=>{const e=(0,s.qj)({}),t=(0,s.qj)({}),a=(0,s.qj)([]),l=(0,s.qj)([]),n=(0,s.qj)({}),r=(0,s.qj)({}),i=(0,s.qj)([]),o=(0,s.qj)({}),d=e=>[{id:e,values:[],type:"single_value",isDeadEnd:!1,show:!0}],u=()=>{var e,t,a;return null===(e=o[ne])||void 0===e||null===(t=e[0])||void 0===t||null===(a=t.value)||void 0===a?void 0:a[0]},c=()=>{var e,t,a;return null===(e=o[re])||void 0===e||null===(t=e[0])||void 0===t||null===(a=t.value)||void 0===a?void 0:a[0]},g=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:o;if(!t[ne]||!t[re])return{};const s=+c(),l=+u(),n={};return Object.keys(a).forEach(t=>{const r={...a[t]},i=Math.ceil(s/r.slitLength)*r.uvp,o=r.slitWidthFactor[l]*e.escConfig.localEnergyCost*s;r.firstYearSavingsNum=0,r.overallSavingsNum=0;for(let e=1;e<=r.lifetime;e++){const t=o*Math.pow(1.07,e-1);1===e&&(r.firstYearSavingsNum=t),r.overallSavingsNum+=t}r.firstYearSavingsNum=Math.max(0,Math.floor(r.firstYearSavingsNum-i)),r.overallSavingsNum=Math.max(0,Math.floor(r.overallSavingsNum-i)),r.firstYearSavings=Z().formatMoney(r.firstYearSavingsNum,{symbol:"",precision:2,thousand:e.escConfig.thousandSeparator,decimal:e.escConfig.radix}),r.overallSavings=Z().formatMoney(r.overallSavingsNum,{symbol:"",precision:0,thousand:e.escConfig.thousandSeparator,decimal:e.escConfig.radix}),r.show=r.minSlitWidth<=l&&r.maxSlitWidth>=l&&0!==l&&0!==s,n[t]=r}),n},v=()=>{const e=function(){var e,t,a;this.disabled||this.answer&&0!==(null===(e=this.answer)||void 0===e?void 0:e.length)&&0!==parseFloat(null===(t=this.answer)||void 0===t||null===(a=t.value)||void 0===a?void 0:a[0])||(this.error=!0)};i.splice(0,i.length,{id:se,tabLabel:r.tabLabelGapWidth,headline:r.headlineGapWidth,questions:[{id:ne,question:r.headlineQuestionGapWidth,copyText:r.copyQuestionGapWidth,instructions:{headline:r.tooltipHeadlineGapWidth,copy:r.tooltipGapWidth,copyImage:[{pathPattern:te}],images:[{pathPattern:J,title:"1 - 2 mmm"},{pathPattern:X,title:"3 - 5 mmm"},{pathPattern:ee,title:"6 - 7 mmm"}],action:r.copyActionTextGap,footnote:r.footnoteGapWidth},propertyKey:"question_gap_width",deadEnds:null,mandatory:!0,layoutType:"question_range_slider",min:0,max:7,step:1,answers:[],customValidation:e}]},{id:le,tabLabel:r.tabLabelGapLength,headline:r.headlineGapLength,questions:[{id:re,question:r.headlineQuestionGapLength,copyText:r.copyQuestionGapLength,propertyKey:"question_gap_length",deadEnds:null,mandatory:!0,layoutType:"question_range_slider",instructions:{headline:r.tooltipHeadlineGapLength,copy:r.tooltipGapLength,copyImage:[{pathPattern:ae}],action:r.copyActionTextLength},min:0,max:7,step:1,answers:[],customValidation:e}]})},p=()=>

1{Object.keys(t).forEach(e=>delete t[e]),i.flatMap(e=>e.questions).forEach(e=>{t[e.id]={...e}})},m=t=>{const{products:s,...r}=t.productArea;a.splice(0,a.length,...s),Object.keys(e).forEach(t=>delete e[t]),Object.assign(e,{...t.config,escConfig:r}),l.splice(0,l.length,...t.additionalProducts||[]),Object.keys(n).forEach(e=>delete n[e]),Object.assign(n,t.resultScreen)};return{config:e,questions:t,products:a,additionalProducts:l,resultScreen:n,labels:r,slides:i,userAnswers:o,getCompleteQuestions:e=>{var t;return(null==e||null===(t=e.questions)||void 0===t?void 0:t.map(e=>({...e,answers:d(e.id)})))||null},getAnswersByQuestionId:d,getSelectedGapWidth:u,getSelectedGapLength:c,getFilteredProducts:g,getResults:()=>g(),getMatchingSupplementProductsForProduct:()=>[],getPrerequisitesMetStateForSlide:()=>!0,getSlideByIndex:e=>!!i[e]&&{...i[e],preRequisitesMet:!0,possibleAnswers:[!0,!0]},getAllEcomIds:()=>[],setConfiguratorData:m,fetchData:async e=>{try{const t=await T().get(e);m(t.data),v(),p()}catch(e){console.warn("fetchData failed",e)}},updateUserAnswers:e=>{let{questionId:t,answerValue:a}=e;null!=a&&a.length?o[t]=a:Object.assign(o,ie(o,t))},resetUserAnswer:e=>{e&&o[e]&&Object.assign(o,ie(o,e))},resetUserAnswers:e=>{Array.isArray(e)?Object.keys(o).forEach(t=>{e.includes(t)||delete o[t]}):Object.keys(o).forEach(e=>delete o[e])},setUserAnswersFromHistory:e=>{const t=e.flatMap(e=>e.questions).reduce((e,t)=>(e[t.id]=e[t.id]?[...e[t.id],...t.answer]:[...t.answer],e),{});Object.keys(o).forEach(e=>delete o[e]),Object.assign(o,t)},setLabels:e=>Object.assign(r,e),setupSlides:v,setupQuestions:p}})}("energySavingsCalculator")();r.setLabels(n);const i=(e,t)=>{let{slides:a,getAnswersByQuestionId:s}=t;return e.every(e=>{var t;const l=a[e.slideIndex];return l&&e.slideId===l.id&&!(null!==(t=e.questions)&&void 0!==t&&t.some(e=>{var t;const a=l.questions.find(t=>t.id===e.id);return!a||null===(t=e.answer)||void 0===t||!t.every(e=>{var t;return null===(t=e.value)||void 0===t?void 0:t.length})||!s(a.id).find(t=>{var a;return null===(a=e.answer)||void 0===a?void 0:a.some(e=>e.id===t.id)})}))})};return(e,t)=>((0,s.wg)(),(0,s.j4)(l.default,(0,s.dG)(e.$attrs,{id:(0,s.SU)(a),labels:(0,s.SU)(n),store:(0,s.SU)(r),"load-product-data":!1,"result-component":V,"result-footer-component":R,"history-validator":i}),(0,s.Nv)({_:2},[(0,s.Ko)(e.$slots,(t,a)=>({name:a,fn:(0,s.w5)(t=>[(0,s.WI)(e.$slots,a,(0,s.vs)((0,s.F4)(t)))])}))]),1040,["id","labels","store"]))}})}}]);