https://www.tesa.com/relaunch2020/build/image-map.a0e053c7.js

1"use strict";(globalThis.webpackChunktesa_2016=globalThis.webpackChunktesa_2016||[]).push([[760],{317:(e,a,t)=>{t.r(a),t.d(a,{default:()=>s});var l=t(5166),i=t(7651),o=t(5936);const n={class:"image-map__enhancer","data-image-map-enhancer":""},s=Object.assign({name:"ImageMap"},{__name:"ImageMap",props:{config:{type:Object,default:()=>({})},topics:{type:Array,default:()=>[]}},setup(e){var a;const t=e,s=(0,o.fn)(),r=null===(a=(0,l.FN)())||void 0===a?void 0:a.proxy,u=(0,l.iH)(t.topics.length?0:null),d=(0,l.Fl)(()=>{var e;return null===(e=t.config)||void 0===e?void 0:e.hideTabs}),p=(0,l.Fl)(()=>t.topics.length&&null!==u.value?t.topics[u.value]:null),c=e=>{i.Ng.trackGa4Event({name:"image_map_select",details:{content_element:t.topics[e].title}}),u.value=e};return(0,l.bv)(()=>{null!=r&&r.$el&&(r.$el.dataset.imageMapEnhanced="true");const e=t.topics.flatMap(e=>e.hotspots||[]).filter(e=>e.ecomId&&e.showShopFunctions).map(e=>e.ecomId);e.length&&s.fetchProductData({ecomIds:e})}),(a,t)=>((0,l.wg)(),(0,l.iD)("div",n,[(0,l.WI)(a.$slots,"default",{config:e.config,currentTopic:p.value,currentTopicIdx:u.value,hideTabs:d.value,tabSelected:c,topics:e.topics})]))}})},8868:(e,a,t)=>{t.r(a),t.d(a,{default:()=>n});var l=t(5166);const i={class:"image-map-aspect-ratio-wrapper"},o=Object.assign({name:"ImageMapAspectRatioWrapper"},{__name:"ImageMapAspectRatioWrapper",props:{displayRatio:{type:Number,default:16/9}},setup(e){const a=e,t=(0,l.Fl)(()=>({width:a.displayRatio>16/9?"100%":100*a.displayRatio/(16/9)+"%"})),o=(0,l.Fl)(()=>({paddingTop:100/a.displayRatio+"%"}));return(e,a)=>((0,l.wg)(),(0,l.iD)("div",i,[(0,l._)("div",{class:"image-map-aspect-ratio-wrapper__container",style:(0,l.j5)(t.value)},[(0,l._)("div",{class:"image-map-aspect-ratio-wrapper__aspect-ratio",style:(0,l.j5)(o.value)},[(0,l.WI)(e.$slots,"default")],4)],4)]))}});const n=(0,t(3744).Z)(o,[["__scopeId","data-v-8bccbb5a"]])},2213:(e,a,t)=>{t.r(a),t.d(a,{default:()=>s});var l=t(5166),i=t(840),o=t.n(i);const n={class:"image-map-minimap"},s=Object.assign({name:"ImageMapMinimap"},{__name:"ImageMapMinimap",props:{title:{type:String},image:{type:Object},hotspots:{type:Array,default:()=>[]},labels:{type:Object},position:{type:Number,default:0}},emits:["updatedposition"],setup(e,a){var t;let{emit:i}=a;const s=e,r=i,u=null===(t=(0,l.FN)())||void 0===t?void 0:t.proxy,d=(0,l.iH)(s.position);let p=null,c=null,v=null;(0,l.YP)(()=>s.position,e=>{(null===p||Date.now()>p+200&&d.value!==e)&&(d.value=e)});const m=e=>e/100*(2*u.$el.clientWidth/3),g=e=>{p=Date.now();const a=(e=>100*e/(2*u.$el.clientWidth/3))((e=>Math.max(0,Math.min(e,2*u.$el.clientWidth/3)))(e));r("updatedposition",{x:a}),d.value=a},_=e=>{const a=u.$el.getBoundingClientRect(),t=e.center.x-a.left,l=m(d.value);t>=l&&t<=l+a.width/3||g(t-a.width/6)},y=e=>{_(e),c=m(d.value)},h=e=>g(c+e.deltaX),b=e=>{g(c+e.deltaX),c=null};return(0,l.bv)(()=>{v=new(o().Manager)(u.$el),v.add(new(o().Pan)({threshold:0})),v.add(new(o().Press)({time:0})),v.on("panstart",y),v.on("pan",h),v.on("panend",b),v.on("press",_)}),(0,l.Jd)(()=>{var e;return null===(e=v)||void 0===e?void 0:e.destroy()}),(e,a)=>((0,l.wg)(),(0,l.iD)("div",n,[(0,l.WI)(e.$slots,"default",{x:d.value})]))}})},3935:(e,a,t)=>{t.r(a),t.d(a,{default:()=>n});var l=t(5166),i=t(7651);const o={class:"image-map-overlay__enhancer"},n=Object.assign({name:"ImageMapOverlay"},{__name:"ImageMapOverlay",props:{copy:{type:String},headline:{type:String},image:{type:Object},isMobile:{type:Boolean},labels:{type:Object},link:{type:Object},video:{type:Object},x:{type:Number},y:{type:Number},trackingLabel:{type:String,default:null},showShopFunctions:{type:Boolean,default:!1},ecomId:{type:String,default:null}},emits:["close"],setup(e,a){var t;let{emit:n}=a;const s=e,r=n,u=null===(t=(0,l.FN)())||void 0===t?void 0:t.proxy,d=(0,l.iH)(null),p=(0,l.Fl)(()=>{var e,a;return null!==(e=window.tesaAppData)&&void 0!==e&&null!==(a=e.assets)&&void 0!==a&&a.spritemap?window.tesaAppData.assets.spritemap+"#icon-angle-right":""}),c=(0,l.Fl)(()=>{var e,a;return null!==(e=window.tesaAppData)&&void 0!==e&&null!==(a=e.assets)&&void 0!==a&&a.spritemap?window.tesaAppData.assets.spritemap+"#icon-close":""}),v=(0,l.Fl)(()=>s.image||s.video),m=(0,l.Fl)(()=>{const e={};if(!s.x||!s.y)return"";let a=4;return s.x>50&&a--,s.y>50&&(a-=2),e["image-map-overlay--"+a]=!0,(s.image||s.video)&&(s.copy||s.headline||s.link)&&(e["image-map-overlay--text-and-media"]=!0),!s.image&&!s.video||s.copy||s.headline||s.link||(e["image-map-overlay--media-only"]=!0),e}),g=(0,l.Fl)(()=>s.link&&s.showShopFunctions&&s.ecomId),_=e=>{d.value=e?(()=>{var e,a,t;const l=null==u||null===(e=u.$el)||void 0===e?void 0:e.querySelector(".image-map-overlay__text");return l?l.clientHeight-(s.headline&&(null===(a=u.$el.querySelector(".image-map-overlay__text .headline"))||void 0===a?void 0:a.clientHeight)||0)-(s.link&&(null===(t=u.$el.querySelector(".image-map-overlay__text .navigation-link, .image-map-overlay__text .image-map-shop-product"))||void 0===t?void 0:t.clientHeight)||0):null})():null};let y=null;const h=()=>{y||(y=requestAnimationFrame(()=>{_(s.isMobile),y=null}))},b=()=>{i.Ng.trackGa4Event({name:"image_map_select",details:{content_element:s.trackingLabel||s.headline}}),(0,l.Y3)(()=>{var e;location.href=null===(e=s.link)||void 0===e?void 0:e.url})},f=()=>r("close");return(0,l.bv)(()=>{window.addEventListener("resize",h),_(s.isMobile)}),(0,l.YP)(()=>s.isMobile,_),(0,l.Jd)(()=>{y&&cancelAnimationFrame(y),window.removeEventListener("resize",h)}),(a,t)=>((0,l.wg)(),(0,l.iD)("div",o,[(0,l.WI)(a.$slots,"default",{arrowIcon:p.value,close:f,closeIcon:c.value,copy:e.copy,ecomId:e.ecomId,headline:e.headline,imageOrVideo:v.value,isMobile:e.isMobile,labels:e.labels,link:e.link,linkedTitle:g.value,onLinkClick:b,overlayClasse

1s:m.value,showShopFunctions:e.showShopFunctions})]))}})},9127:(e,a,t)=>{t.r(a),t.d(a,{default:()=>r});var l=t(5166),i=t(3156);const o={class:"responsive-video__video-wrapper",ref:"videoContainer"},n=["data-media","data-src","type"],s={class:"play-button__inner"},r=Object.assign({name:"ImageMapOverlayVideo"},{__name:"ImageMapOverlayVideo",props:{sources:{type:Object,default:()=>({})},freeze:{type:Boolean,default:!1},progressSteps:{type:Number,default:0},playAfterUnfreeze:{type:Boolean,default:!1},trackingLabel:{type:String,default:""},isMoodVideo:{type:Boolean,default:!1},stageSliderSlideIndex:{type:Number,default:null}},emits:["ended","progress","startplaying","stopplaying"],setup(e,a){let{emit:t}=a;const r=e,u=t,d=(0,l.iH)(null),p=(0,l.iH)(null),{handlePlayButtonClick:c,handleVideoEnded:v,handleVideoProgressChange:m,handleVideoStartedPlaying:g,handleVideoWasPaused:_,playing:y}=(0,i.A)(r,u,d,p);return(a,t)=>{const i=(0,l.up)("Icon");return(0,l.wg)(),(0,l.iD)("div",{ref_key:"root",ref:d},[(0,l._)("div",o,[(0,l._)("video",{ref_key:"video",ref:p,preload:"none",controls:"",autoplay:"",onPlay:t[0]||(t[0]=function(){return(0,l.SU)(g)&&(0,l.SU)(g)(...arguments)}),onPause:t[1]||(t[1]=function(){return(0,l.SU)(_)&&(0,l.SU)(_)(...arguments)}),onTimeupdate:t[2]||(t[2]=function(){return(0,l.SU)(m)&&(0,l.SU)(m)(...arguments)}),onEnded:t[3]||(t[3]=function(){return(0,l.SU)(v)&&(0,l.SU)(v)(...arguments)})},[((0,l.wg)(!0),(0,l.iD)(l.HY,null,(0,l.Ko)(e.sources,(e,a)=>((0,l.wg)(),(0,l.iD)("source",{key:`src-${a}`,"data-media":a,"data-src":e.src,type:e.mimeType},null,8,n))),128))],544)],512),t[5]||(t[5]=(0,l.Uk)()),(0,l.SU)(y)?(0,l.kq)("v-if",!0):((0,l.wg)(),(0,l.iD)("div",{key:0,class:"play-button",onClick:t[4]||(t[4]=function(){return(0,l.SU)(c)&&(0,l.SU)(c)(...arguments)})},[(0,l._)("div",s,[(0,l.Wm)(i,{name:"play-fill"})])]))],512)}}})},5349:(e,a,t)=>{t.r(a),t.d(a,{default:()=>j});var l=t(5166),i=t(2852),o=t(9728),n=t(8666),s=t(9955),r=t(3076),u=t(7105);const d=["aria-label"],p={class:"visibly-hidden"},c=["value"],v={class:"visibly-hidden"},m={class:"image-map-product-price__previous-price"},g={key:1,class:"image-map-product-price__cheapest-price"},_={class:"image-map-product-price__cheapest-price-text"},y={class:"image-map-product-price__notice"},h=Object.assign({name:"ImageMapOverlayProductPriceDisplay"},{__name:"ImageMapOverlayProductPriceDisplay",props:{purchaseUnit:{type:Number,default:null},unit:{type:Object,default:()=>({})},priceData:{type:Object,default:null},shippingCostsLink:{type:String,default:"#"}},setup(e){const a=e,{labelStore:t}=(0,u.t)(),i=(0,l.Fl)(()=>{var e,t;return Boolean(null===(e=a.priceData)||void 0===e||null===(t=e.listPrice)||void 0===t?void 0:t.price)&&a.priceData.listPrice.percentage>0}),o=(0,l.Fl)(()=>{var e,t;return null===(e=a.priceData)||void 0===e||null===(t=e.regulationPrice)||void 0===t?void 0:t.price}),h=(0,l.Fl)(()=>i.value&&o.value);return(a,u)=>((0,l.wg)(),(0,l.iD)("div",{class:"image-map-product-price",role:"group","aria-label":(0,l.SU)(t).product_price_details},[(0,l._)("span",p,(0,l.zw)((0,l.SU)(t).product_price_current)+":",1),u[3]||(u[3]=(0,l.Uk)()),(0,l._)("data",{class:(0,l.C_)(["image-map-product-price__price",{"c--red":i.value}]),value:e.priceData.unitPrice},(0,l.zw)((0,l.SU)(r.WW)(e.priceData.unitPrice)),11,c),u[4]||(u[4]=(0,l.Uk)()),i.value?((0,l.wg)(),(0,l.iD)(l.HY,{key:0},[(0,l._)("span",v,(0,l.zw)((0,l.SU)(t).product_price_previous)+":",1),u[0]||(u[0]=(0,l.Uk)()),(0,l._)("del",m,(0,l.zw)((0,l.SU)(r.WW)(e.priceData.listPrice.price)),1)],64)):(0,l.kq)("v-if",!0),u[5]||(u[5]=(0,l.Uk)()),h.value?((0,l.wg)(),(0,l.iD)("div",g,[(0,l._)("span",_,[(0,l.Wm)(s.Z,null,{toggle:(0,l.w5)(()=>[(0,l.Uk)((0,l.zw)((0,l.SU)(t).product_cheapest_price)+": "+(0,l.zw)((0,l.SU)(r.WW)(o.value)),1)]),default:(0,l.w5)(()=>[(0,l.Uk)((0,l.zw)((0,l.SU)(t).product_cheapest_price_tooltip),1)]),_:1})])])):(0,l.kq)("v-if",!0),u[6]||(u[6]=(0,l.Uk)()),(0,l.Wm)(n.Z,{"total-price":e.priceData.unitPrice,unit:e.unit,"purchase-unit":e.purchaseUnit,class:"image-map-product-price__unit-price"},null,8,["total-price","unit","purchase-unit"]),u[7]||(u[7]=(0,l.Uk)()),(0,l._)("div",y,[(0,l._)("span",null,(0,l.zw)((0,l.SU)(t).product_tax_included),1),u[2]||(u[2]=(0,l.Uk)()),((0,l.wg)(),(0,l.j4)((0,l.LL)(e.shippingCostsLink?"a":"span"),{href:e.shippingCostsLink,class:"image-map-product-price__shipping-costs-link",target:e.shippingCostsLink?"_blank":null},{default:(0,l.w5)(()=>[(0,l.Uk)((0,l.zw)((0,l.SU)(t).product_shipping_costs_excluded),1)]),_:1},8,["href","target"]))])],8,d))}});var b=t(3744);const f=(0,b.Z)(h,[["__scopeId","data-v-6e07a5d2"]]);var w=t(9448),k=t(7597);const S={class:"image-map-add-to-cart-button"},I=Object.assign({name:"ImageMapAddToCartButton"},{__name:"ImageMapAddToCartButton",props:{isShoppable:{type:Boolean,default:!1},selectedVariantShopwareData:{type:Object,default:null},backgroundColor:{type:String,default:"white"},initialQuantity:{type:Number,default:1},selectedVariant:{type:Object,default:null},addToastMessageOnSuccess:{type:Boolean,default:!0}},emits:["quantity-changed","successfully-added-to-cart"],setup(e,a){let{emit:t}=a;const i=e,o=t,{addProductToCart:n,isPending:s,labelStore:r}=(0,k.t)(i,o),u=()=>n();return(e,a)=>((0,l.wg)(),(0,l.iD)("div",S,[(0,l.Wm)(w.default,{"button-classes":["button","button--cta-1","button--small-text","image-map-add-to-cart-button__button"],pending:(0,l.SU)(s),onButtonClicked:u},{default:(0,l.w5)(()=>[(0,l.Uk)((0,l.zw)((0,l.SU)(r).product_add_to_cart),1)]),_:1},8,["pending"])]))}}),M=(0,b.Z)(I,[["__scopeId","data-v-1b10d7a8"]]);var U=t(7651),D=t(5936);const P={key:0,class:"image-map-shop-product"},O=["href"],W={key:1,class:"image-map-shop-product__unavailable-product-options"},x={class:"image-map-shop-product__out-of-stock-note copy copy--small"},C={class:"image-map-shop-product__unavailable-product-options-actions"},F=Object.assign({name:"ImageMapShopProduct"},{__name:"ImageMapShopProduct",props:{ecomId:{type:String,default:null},shippingCostsLink:{type:String,default:null},fallbackUrl:{type:String,default:null}},setup(e){const a=e,t=(0,D.fn)(),{labelStore:n}=(0,u.t)(),{productDataByEcomId:s,productPriceDataByEcomId:r}=t,d=(0,l.Fl)(()=>s(a.ecomId)),p=(0,l.Fl)(()=>r(a.ecomId)),c=(0,l.Fl)(()=>{var e;return(null===(e=d.value)||void 0===e?void 0:e.calculatedMaxPurchase)>0}),v=(0,l.Fl)(()=>(0,U.HV)(d.value));return(0,l.bv)(()=>{a.ecomId&&t.fetchProductData({ecomIds:[a.ecomId]})}),(a,t)=>p.value||v.value&&e.fallbackUrl?((0,l.wg)(),(0,l.iD)("div",P,[v.value&&e.fallbackUrl?((0,l.wg)(),(0,l.iD)("a",{key:0,href:e.fallbackUrl,class:"button button--cta-3 button--full-width button--small-text"},(0,l.zw)((0,l.SU)(n).product_more_information),9,O)):((0,l.wg)(),(0,l.iD)(l.HY,{key:1},[(0,l.Wm)(f,{"price-data":p.value,"shipping-costs-link":e.shippingCostsLink,"purchase-unit":d.value.purchaseUnit,unit:d.value.unit,class:"image-map-shop-product__price"},null,8,["price-data","shipping-costs-link","purchase-unit","unit"]),t[2]||(t[2]=(0,l.Uk)()),c.value?((0,l.wg)(),(0,l.j4)(M,{key:0,"is-shoppable":!0,"selected-variant-shopware-data":d.value,"selected-variant":{ecomId:e.ecomId,isShoppable:!0},class:"image-map-shop-product__cta"},null,8,["selected-variant-shopware-data","selected-variant"])):((0,l.wg)(),(0,l.iD)("div",W,[(0,l._)("p",x,(0,l.zw)((0,l.SU)(n).product_out_of_stock_note),1),t[1]||(t[1]=(0,l.Uk)()),(0,l._)("div",C,[(0,l.Wm)(o.Z,{"ecom-id":e.ecomId,"selected-variant-shopware-data":d.value},null,8,["ecom-id","selected-variant-shopware-data"]),t[0]||(t[0]=(0,l.Uk)()),(0,l.Wm)(i.Z,{class:"image-map-shop-product__wishlist-button","ecom-id":e.ecomId},null,8,["ecom-id"])])]))],64))])):(0,l.kq)("v-if",!0)}}),j=(0,b.Z)(F,[["__scopeId","data-v-0edf5f1f"]])},955:(e,a,t)=>{t.r(a),t.d(a,{default:()=>r});

1var l=t(5166),i=t(7105);const o={class:"image-map-tabs container",role:"tablist"},n=["id","aria-selected","aria-controls","onClick"],s=Object.assign({name:"ImageMapTabs"},{__name:"ImageMapTabs",props:{tabs:{type:Array,default:()=>[]}},emits:["tabselected"],setup(e,a){let{emit:t}=a;const s=t;(0,i.b)({labelsRequired:["global"]});const r=(0,l.iH)(0),u=(0,l.iH)([]);return(a,t)=>((0,l.wg)(),(0,l.iD)("div",o,[((0,l.wg)(!0),(0,l.iD)(l.HY,null,(0,l.Ko)(e.tabs,(e,a)=>((0,l.wg)(),(0,l.iD)("button",{key:a,ref_for:!0,ref_key:"tabButton",ref:u,type:"button",class:(0,l.C_)(["image-map-tabs__tab headline headline--3",{active:a===r.value}]),role:"tab",id:`image-map-tab-${e.id}`,"aria-selected":a===r.value,"aria-controls":`image-map-panel-${e.id}`,onClick:e=>{return t=a,r.value=t,null===(l=u.value[t])||void 0===l||l.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"}),void s("tabselected",t);var t,l}},(0,l.zw)(e.title),11,n))),128))]))}});const r=(0,t(3744).Z)(s,[["__scopeId","data-v-73a415a8"]])},3583:(e,a,t)=>{t.r(a),t.d(a,{default:()=>r});var l=t(5166),i=t(2197),o=t(7651),n=t(6138);const s={class:"image-map-visual__enhancer"},r=Object.assign({name:"ImageMapVisual"},{__name:"ImageMapVisual",props:{adjustHotSpotPositions:{type:Boolean,default:!1},copy:{type:String},headline:{type:String},hotspots:{type:Array,default:()=>[]},image:{type:Object},labels:{type:Object},originalMediumAspectRatio:{type:Number,default:null},title:{type:String}},setup(e){var a;const t=e,r=null===(a=(0,l.FN)())||void 0===a?void 0:a.proxy,{activeLayout:u}=(0,n.S)(),d=(0,l.iH)(!1),p=(0,l.iH)([]),c=(0,l.iH)(0),v=(0,l.iH)(0),m=(0,l.iH)(!1),g=(0,l.iH)({slideWidth:100,spacerPaddingTop:56.25});let _=null,y=null,h=null,b=null;const f=(0,l.Fl)(()=>"mobile"===u.value),w=(0,l.Fl)(()=>

1{if(!t.adjustHotSpotPositions||!t.originalMediumAspectRatio)return t.hotspots;const e=16/9;return t.hotspots.map(a=>{let l=a.x,i=a.y;return t.originalMediumAspectRatio<e?i+=(a.y-50)*(e-t.originalMediumAspectRatio)/t.originalMediumAspectRatio:t.originalMediumAspectRatio>e&&(l+=(a.x-50)*(t.originalMediumAspectRatio-e)/e),{...a,x:l,y:i}}).filter(e=>e.x>=0&&e.x<=100&&e.y>=0&&e.y<=100)}),k=(0,l.Fl)(()=>{const e=e=>{let{x:a,y:t}=e;const l=(a+t)/200;return Math.hypot(a*l,t*l)};return w.value.map((e,a)=>({id:a,...e})).sort((a,t)=>e(a)-e(t))}),S=e=>{d.value=e,o.Ng.trackGa4Event({name:"image_map_click",details:{content_element:e.trackingLabel||e.headline}}),null==r||r.$nextTick(()=>{var e,a;return null==r||null===(e=r.$el)||void 0===e||null===(a=e.querySelector(".image-map-overlay"))||void 0===a?void 0:a.focus()})},I=()=>{var e,a,t;null==r||null===(e=r.$el)||void 0===e||null===(a=e.querySelector(`#hotspot-${null===(t=d.value)||void 0===t?void 0:t.id}`))||void 0===a||a.focus(),d.value=!1},M=()=>{const e=()=>{k.value.length>p.value.length?p.value.push(k.value[p.value.length]):(y&&clearInterval(y),y=null,f.value&&2===v.value&&v.value++)};y&&clearInterval(y),y=setInterval(e,250),e(),h=null},U=()=>{m.value&&f.value&&!h&&!v.value?(p.value=[],y&&clearInterval(y),y=null,v.value=1):m.value&&!f.value&&(h&&clearTimeout(h),h=setTimeout(M,500))};(0,l.YP)(v,e=>{switch(e){case 1:{var a;null===(a=_)||void 0===a||a.stop();const e=g.value.spacerPaddingTop,t=400/3-e,l=g.value.slideWidth,o=64/9/3*100-l;h=setTimeout(()=>{_=(0,i.Z)({duration:600,onUpdate:a=>{g.value.spacerPaddingTop=e+a*t,g.value.slideWidth=l+a*o},onComplete:()=>v.value++})},600);break}case 2:var t;if(k.value.length===p.value.length||y)v.value++;else if(M(),0===c.value)null===(t=_)||void 0===t||t.stop(),_=(0,i.Z)({from:0,to:100,duration:800,onUpdate:e=>c.value=e,onComplete:()=>setTimeout(()=>v.value++,300)});break;case 3:var l;if(100===c.value)null===(l=_)||void 0===l||l.stop(),_=(0,i.Z)({from:100,to:50,duration:400,onUpdate:e=>c.value=e,onComplete:()=>v.value++});h&&clearTimeout(h),h=setTimeout(()=>v.value++,200)}});const D=()=>{var e;const a=null==r||null===(e=r.$el)||void 0===e?void 0:e.getBoundingClientRect();return Boolean(a&&(a.top>=0&&a.top<window.innerHeight||a.top+a.height>=0&&a.top+a.height<window.innerHeight||a.top<0&&a.top+a.height>=window.innerHeight))},P=()=>{b||(b=requestAnimationFrame(()=>{m.value=D(),b=null}))},O=e=>{c.value=e.x},W=e=>{"Escape"===e.key&&I()};return(0,l.bv)(()=>{m.value=D(),window.addEventListener("scroll",P),window.addEventListener("resize",P),document.addEventListener("keyup",W),U()}),(0,l.YP)([m,f],U),(0,l.Jd)(()=>{var e;b&&cancelAnimationFrame(b),window.removeEventListener("resize",P),window.removeEventListener("scroll",P),document.removeEventListener("keyup",W),y&&clearInterval(y),h&&clearTimeout(h),null===(e=_)||void 0===e||e.stop()}),(a,t)=>((0,l.wg)(),(0,l.iD)("div",s,[(0,l.WI)(a.$slots,"default",{animatableProps:g.value,animatedState:v.value,closeHotspot:I,hotspotOpen:d.value,hotspots:e.hotspots,headline:e.headline,isMobile:f.value,labels:e.labels,onHotspotClick:S,position:c.value,title:e.title,updatedPosition:O,visibleHotspots:p.value})]))}})},3137:(e,a,t)=>{t.r(a),t.d(a,{default:()=>s});var l=t(5166),i=t(840),o=t.n(i);const n={class:"image-map-visual-slider"},s=Object.assign({name:"ImageMapVisualSlider"},{__name:"ImageMapVisualSlider",props:{position:{type:Number,default:0},isMobile:{type:Boolean,default:!0}},emits:["updatedposition"],setup(e,a){var t;let{emit:i}=a;const s=e,r=i,u=null===(t=(0,l.FN)())||void 0===t?void 0:t.proxy,d=(0,l.iH)(s.position),p=(0,l.Fl)(()=>s.isMobile?s.position:0);let c=null,v=null,m=null;(0,l.YP)(()=>s.position,e=>{(null===c||Date.now()>c+200&&d.value!==e)&&(d.value=e)});const g=()=>u.$el.querySelector(".image-map-visual__slide").clientWidth,_=e=>{c=Date.now();const a=(e=>100*e/(g()-u.$el.clientWidth))((e=>Math.max(0,Math.min(e,g()-u.$el.clientWidth)))(e));r("updatedposition",{x:a}),d.value=a},y=()=>{var e;s.isMobile&&(e=d.value,v=e/100*(g()-u.$el.clientWidth))},h=e=>{s.isMobile&&_(v-e.deltaX)},b=e=>{s.isMobile&&(_(v-e.deltaX),v=!1)};return(0,l.bv)(()=>{m=new(o().Manager)(u.$el),m.add(new(o().Pan)({direction:o().DIRECTION_HORIZONTAL,threshold:10})),m.on("panstart",y),m.on("pan",h),m.on("panend",b)}),(0,l.Jd)(()=>{var e;return null===(e=m)||void 0===e?void 0:e.destroy()}),(e,a)=>((0,l.wg)(),(0,l.iD)("div",n,[(0,l.WI)(e.$slots,"default",{slidePosition:p.value},()=>[(0,l.Uk)((0,l.zw)(p.value),1)])]))}})},8166:(e,a,t)=>{t.r(a),t.d(a,{default:()=>v});

1var l=t(5166),i=t(7105),o=t(4328);const n={class:"video-modal-teaser"},s={class:"video-modal-teaser__play-button play-button"},r={class:"play-button__inner"},u={class:"container"},d={class:"col-12 col-md-centered-10 video-modal-teaser__video-inner-wrapper"},p=["aria-label"],c=Object.assign({name:"VideoModalTeaser"},{__name:"VideoModalTeaser",setup(e){const{labelStore:a}=(0,i.b)({labelsRequired:["global"]}),t=(0,l.iH)(!1);return(e,i)=>{const c=(0,l.up)("Icon"),v=(0,l.up)("icon");return(0,l.wg)(),(0,l.iD)("article",n,[(0,l._)("button",{type:"button",class:"video-modal-teaser__teaser-wrapper",onClick:i[0]||(i[0]=e=>t.value=!0)},[(0,l.WI)(e.$slots,"default"),i[5]||(i[5]=(0,l.Uk)()),(0,l._)("div",s,[(0,l._)("div",r,[(0,l.Wm)(c,{name:"play-fill"})])])]),i[7]||(i[7]=(0,l.Uk)()),(0,l.Wm)(o.Z,{open:t.value,"display-close-button":!1,"color-scheme":"transparent",class:"modal--full-viewport-content",onModalShowChange:i[4]||(i[4]=e=>t.value=e)},{default:(0,l.w5)(()=>[(0,l._)("div",{class:"video-modal-teaser__video-wrapper",onClick:i[3]||(i[3]=(0,l.iM)(e=>t.value=!1,["self"]))},[(0,l._)("div",u,[(0,l._)("div",{class:"grid-row",onClick:i[2]||(i[2]=(0,l.iM)(e=>t.value=!1,["self"]))},[(0,l._)("div",d,[(0,l._)("button",{type:"button",class:"video-modal-teaser__close-button","aria-label":(0,l.SU)(a)["global.close"],onClick:i[1]||(i[1]=e=>t.value=!1)},[(0,l.Wm)(v,{name:"close"})],8,p),i[6]||(i[6]=(0,l.Uk)()),(0,l.WI)(e.$slots,"video")])])])])]),_:3},8,["open"])])}}});const v=(0,t(3744).Z)(c,[["__scopeId","data-v-41b9afed"]])}}]);