https://www.tesa.com/relaunch2020/build/cross-link-teaser.a255c24a.js

1"use strict";(globalThis.webpackChunktesa_2016=globalThis.webpackChunktesa_2016||[]).push([[702,4388],{5760:(e,t,l)=>{l.d(t,{N:()=>r});var a=l(5166),o=l(9043),n=l(7651),i=l(1223);const s=(0,i.Q_)("stickyComponents",{state:()=>{var e,t;return{stickyComponentCandidates:[...(null===(e=window.tesaAppData)||void 0===e?void 0:e.stickyComponents)||[]].map(e=>o.Cx[e]),stickyStack:(null===(t=window.tesaAppData)||void 0===t?void 0:t.sticky_stack)||[],activeStickyComponents:{}}},getters:{getDisplayAllowanceByComponentId:e=>t=>[...e.stickyComponentCandidates].sort((t,l)=>e.stickyStack.indexOf(t.id)-e.stickyStack.indexOf(l.id)).map(e=>e.id).indexOf(t)<2,getVerticalOffsetByComponentName:e=>t=>{const l=o.Cx[t];return Object.values(e.activeStickyComponents).reduce((e,t)=>{var a,o;return t.id!==l.id&&t.visualHierarchy.vertical>l.visualHierarchy.vertical?e+((null===(a=t.clientRect)||void 0===a?void 0:a.height)??(null===(o=t.defaultDimensions)||void 0===o?void 0:o.height)??0):e},0)}},actions:{addActiveStickyComponent(e){this.activeStickyComponents={...this.activeStickyComponents,[e.id]:e}},updateActiveStickyComponent(e){this.activeStickyComponents={...this.activeStickyComponents,[e.id]:e}},removeActiveStickyComponent(e){delete this.activeStickyComponents[e]},unRegisterStickyComponent(e){this.stickyComponentCandidates=this.stickyComponentCandidates.filter(t=>t.id!==e),this.removeActiveStickyComponent(e)}}});function r(e,t){var l;const i=null===(l=(0,a.FN)())||void 0===l?void 0:l.proxy,r=s(),u=o.Cx[e]||{};let d;const c=(0,a.Fl)(()=>r.getDisplayAllowanceByComponentId(u.id)),v=(0,a.Fl)(()=>r.getVerticalOffsetByComponentName(e)),p=(0,a.Fl)(()=>v.value>0),m=(0,a.Fl)(()=>({"--sticky-component-vertical-offset":`${v.value}px`}));return(0,a.YP)(c,e=>{e&&(0,a.Y3)(()=>null==t?void 0:t())},{immediate:!0}),(0,a.Jd)(()=>{var e;null===(e=d)||void 0===e||e.disconnect(),r.removeActiveStickyComponent(u.id)}),{hasOffset:p,isAllowedToDisplay:c,registerAndUpdateStickyComponentStore:()=>{var e;const t=null==i?void 0:i.$el,l=t instanceof HTMLElement;r.addActiveStickyComponent({...u,clientRect:l?t.getBoundingClientRect():{}}),null===(e=d)||void 0===e||e.disconnect(),d=new ResizeObserver((0,n.Ds)(()=>{t&&r.updateActiveStickyComponent({...u,clientRect:t instanceof HTMLElement?t.getBoundingClientRect():{}})},200)),l&&d.observe(t)},scopedCssVariables:m,unRegisterStickyComponent:e=>r.unRegisterStickyComponent(e),verticalOffset:v}}},5274:(e,t,l)=>{l.r(t),l.d(t,{default:()=>p});var a=l(5166),o=l(7105),n=l(7651),i=l(7345);const s={class:"responsive-video"},r={class:"responsive-video__video-wrapper",ref:"videoContainer"},u=["preload","controls","controlslist","autoplay","muted","loop","aria-label","aria-hidden","title"],d=["media","src","type"],c={class:"play-button__inner"},v=Object.assign({name:"BaseVideo"},{__name:"BaseVideo",props:{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},aspectRatio:{type:Number,default:1},autoplay:{type:Boolean,default:!1},controls:{type:Boolean,default:!0},controlsList:{type:String,default:"nodownload"},loop:{type:Boolean,default:!1},muted:{type:Boolean,default:!1},playButton:{type:Boolean,default:!0},poster:{type:Object,default:null},preload:{type:String,default:"metadata"},showPoster:{type:Boolean,default:!0},sources:{type:Array,default:()=>[]},description:{type:String,default:null}},emits:["ended","progress","startplaying","stopplaying"],setup(e,t){var l;let{expose:v,emit:p}=t;const m=window.matchMedia("(prefers-reduced-motion: reduce)").matches,y=null===(l=(0,a.FN)())||void 0===l?void 0:l.proxy,f=(0,a.iH)(null),k=e,g=p,S=(0,a.f3)("stageSliderState",null),{labelStore:_}=(0,o.b)({labelsRequired:["global"]}),b=(0,a.iH)(!1),w=(0,a.iH)(null),C=(0,a.iH)(!1),h=(0,a.iH)(null),T=(0,a.iH)(null),x=(0,a.iH)(null),O=(0,a.iH)(null),H=(0,a.Fl)(()=>{var e;const t=null==S||null===(e=S.getCurrentSlide)||void 0===e?void 0:e.call(S);return"number"==typeof k.stageSliderSlideIndex&&"number"==typeof t?t!==k.stageSliderSlideIndex:k.freeze}),I=(0,a.Fl)(()=>parseFloat(k.aspectRatio)<1),L=(0,a.Fl)(()=>k.autoplay&&k.loop&&k.muted&&!k.controls),B=(0,a.Fl)(()=>{var e;return k.description||(L.value?null===(e=_.value)||void 0===e?void 0:e["global.mood_video_description"]:null)}),E=(0,a.Fl)(()=>L.value&&m),N=(0,a.Fl)(()=>k.sources.slice().sort(function(e,t){return e.isMobile!==t.isMobile?e.isMobile?1:-1:e.mimeType!==t.mimeType?"video/webm"!==e.mimeType?1:-1:0}));function A(){return h.value||f.value||y.$el.querySelector("video")}function D(){const e=y.$el.querySelector("[data-responsive-video-mood-poster]"),t=y.$el.querySelector("[data-responsive-video-poster]");if(e&&(e.hidden=!E.value),!t)return;t.hidden=E.value||b.value;const l=t.querySelector("[data-responsive-video-poster-image]");l&&(l.hidden=C.value)}function P(){var e;H.value||E.value||(null===(e=A())||void 0===e||e.play())}function R(){var e;null===(e=A())||void 0===e||e.pause()}function U(e){let{target:{currentTime:t,duration:l}}=e;w.value=Math.floor(t/l*k.progressSteps)}function q(){if(H.value)return R();b.value=!0,C.value=!1,D(),g("startplaying")}function F(){b.value=!1,C.value=!0,D(),g("stopplaying")}function j(){b.value=!1,C.value=!1,D(),g("stopplaying"),g("ended"),w.value=null}function Y(e){e.preventDefault(),P()}return(0,a.bv)(()=>{var e,t;h.value=f.value||y.$el.querySelector("video"),y.$el.querySelector("[data-responsive-video]")&&(h.value=y.$el.querySelector("[data-responsive-video]"),T.value={play:q,pause:F,timeupdate:U,ended:j}

1,Object.entries(T.value).forEach(e=>{let[t,l]=e;h.value.addEventListener(t,l)}),x.value=y.$el.querySelector("[data-responsive-video-poster]"),null===(t=x.value)||void 0===t||t.addEventListener("click",Y)),D(),Object.prototype.hasOwnProperty.call((null===(e=A())||void 0===e?void 0:e.dataset)||{},"autoplay")&&!E.value&&(O.value=new IntersectionObserver(e=>{let[t]=e;t.isIntersecting?b.value||P():b.value&&R()}),O.value.observe(y.$el))}),(0,a.Jd)(()=>{var e,t;h.value&&T.value&&Object.entries(T.value).forEach(e=>{let[t,l]=e;h.value.removeEventListener(t,l)}),null===(e=x.value)||void 0===e||e.removeEventListener("click",Y),null===(t=O.value)||void 0===t||t.disconnect()}),(0,a.YP)(w,()=>{if(k.progressSteps>0&&"number"==typeof w.value){g("progress",w.value);const e=w.value/k.progressSteps*100;if(isNaN(e)||e<0||e>100)return;const t={name:"",details:{video_title:k.trackingLabel}};0===e?t.name="video_start":100===e?t.name="video_complete":(t.name="video_progress",t.details.video_progress=`${e}%`),n.Ng.trackGa4Event(t)}}),(0,a.YP)(H,()=>{H.value&&R(),H.value||!k.playAfterUnfreeze||E.value||P()}),v({playing:b,play:P,pause:R}),(t,l)=>{const o=(0,a.up)("Icon");return(0,a.wg)(),(0,a.iD)("div",s,[(0,a._)("div",r,[(0,a._)("video",{ref_key:"video",ref:f,preload:e.preload,class:(0,a.C_)({"mobile-aspect-ratio":I.value}),controls:e.controls,controlslist:e.controlsList,autoplay:e.autoplay&&!E.value,muted:e.muted,loop:e.loop,"aria-label":L.value?null:B.value,"aria-hidden":L.value?"true":null,title:L.value?" ":e.description,onPlay:q,onPause:F,onTimeupdate:U,onEnded:j,playsinline:""},[((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(N.value,(e,t)=>((0,a.wg)(),(0,a.iD)("source",{key:`video-src-${t}`,media:e.minWidth?`(min-width: ${e.minWidth})`:"",src:e.path,type:e.mimeType},null,8,d))),128))],42,u)],512),l[0]||(l[0]=(0,a.Uk)()),e.poster&&e.showPoster&&!C.value&&!b.value||E.value?((0,a.wg)(),(0,a.j4)((0,a.SU)(i.Z),(0,a.dG)({key:0},e.poster,{preload:"metadata",class:"responsive-video__poster",onClick:Y}),null,16)):(0,a.kq)("v-if",!0),l[1]||(l[1]=(0,a.Uk)()),e.playButton&&!b.value?((0,a.wg)(),(0,a.iD)("div",{key:1,class:"play-button",onClick:Y},[(0,a._)("div",c,[(0,a.Wm)(o,{name:"play-fill"})])])):(0,a.kq)("v-if",!0)])}}});const p=(0,l(3744).Z)(v,[["__scopeId","data-v-420d4ad4"]])},1597:(e,t,l)=>{l.r(t),l.d(t,{default:()=>w});var a=l(5166),o=l(7105),n=l(9669),i=l.n(n),s=l(5274),r=l(7651),u=l(9043),d=l(5760);const c=["aria-label"],v={class:"cross-link-teaser__main"},p=["aria-label"],m=["href"],y={class:"cross-link-teaser__image-wrapper"},f={class:"cross-link-teaser__title-wrapper"},k=["href"],g={class:"cross-link-teaser__title"},S="crossLinkTeaser",_="crossLinkTeaser",b=Object.assign({name:"CrossLinkTeaser"},{__name:"CrossLinkTeaser",props:{endpointUrl:{type:String,default:null},pageId:{type:String,default:null}},setup(e){const t=e,{hasOffset:l,registerAndUpdateStickyComponentStore:n,scopedCssVariables:b,unRegisterStickyComponent:w}=(0,d.N)("crossLinkTeaser",async function(){if(I.value)return;if(I.value=!0,function(){const e=JSON.parse(sessionStorage.getItem(_)||"{}");Object.keys(e).length&&(T.value=e.closeActionSessionCount,x.value=e.alreadyDisplayedSessionTeaserIds)}(),T.value<2){var e;if(function(){const e=JSON.parse(localStorage.getItem(S)||"{}")[t.pageId];return!(!e||e.expirationTime&&!(e.expirationTime>=+new Date))&&(h.value=A(e.data),!0)}()||await async function(){try{var e,l;const o=await i()({url:t.endpointUrl,method:"GET"});var a;if(null!==(e=o.data)&&void 0!==e&&e.data&&(h.value=A(o.data.data)),null!==(l=o.data)&&void 0!==l&&l.expirationTime)!function(e,l){const a=JSON.parse(localStorage.getItem(S)||"{}");localStorage.setItem(S,JSON.stringify({...a,[t.pageId]:{expirationTime:+new Date+1e3*l,data:e}}))}(o.data.data,null===(a=o.data)||void 0===a?void 0:a.expirationTime)}catch(e){console.warn("CrossLinkTeaser fetchData failed",e)}}(),N.value)!function(){var e;const t=document.querySelector(".page-footer"),l=()=>{const e=window.innerHeight,l=document.body.clientHeight/100*60-e;return{minScrollPos:l,maxScrollPos:t?t.getBoundingClientRect().top+window.scrollY-e+64:l+(0,r.IV)(2*e,1400,2e3)}};let{minScrollPos:a,maxScrollPos:o}=l();null===(e=B.value)||void 0===e||e.disconnect(),B.value=new ResizeObserver((0,r.Ds)(()=>

1{if(H.value)return void B.value.unobserve(document.body);const e=l();a=e.minScrollPos,o=e.maxScrollPos},200)),B.value.observe(document.body),E.value&&window.removeEventListener("scroll",E.value);E.value=()=>{O.value=N.value&&window.scrollY>=a&&window.scrollY<=o},window.addEventListener("scroll",E.value,{passive:!0})}();else w(null===(e=u.Cx.crossLinkTeaser)||void 0===e?void 0:e.id)}else{var l;w(null===(l=u.Cx.crossLinkTeaser)||void 0===l?void 0:l.id)}}),{labelStore:C}=(0,o.b)({labelsRequired:["modules.cross_link_teaser"]}),h=(0,a.iH)([]),T=(0,a.iH)(0),x=(0,a.iH)([]),O=(0,a.iH)(!1),H=(0,a.iH)(!1),I=(0,a.iH)(!1),L=(0,a.iH)(null),B=(0,a.iH)(null),E=(0,a.iH)(null),N=(0,a.Fl)(()=>{var e;if(null===(e=h.value)||void 0===e||!e.length)return null;const t=Math.floor(Math.random()*h.value.length);return h.value[t]});function A(e){return[...new Map(e.map(e=>[e.id,e])).values()].filter(e=>!x.value.includes(e.id))}function D(){O.value=!1,r.Ng.trackGa4Event({name:"crosslink_teaser_close",details:{module_detail:N.value.title}}),(0,a.Y3)(()=>{h.value=[],T.value++})}function P(){sessionStorage.setItem(_,JSON.stringify({closeActionSessionCount:T.value,alreadyDisplayedSessionTeaserIds:x.value}))}function R(){r.Ng.trackGa4Event({name:"crosslink_teaser_click",details:{module_detail:N.value.title}})}return(0,a.Jd)(()=>{var e;null===(e=B.value)||void 0===e||e.disconnect(),E.value&&window.removeEventListener("scroll",E.value),L.value&&document.removeEventListener("keydown",L.value)}),(0,a.YP)(x,()=>{P()}),(0,a.YP)(T,()=>{P()}),(0,a.YP)(O,e=>{e&&!H.value&&(x.value.push(N.value.id),H.value=!0,window.setTimeout(()=>{O.value&&r.Ng.trackGa4Event({name:"crosslink_teaser_impression",details:{module_detail:N.value.title}})},2e3),(0,a.Y3)(()=>{n()}),L.value??(L.value=e=>{"Escape"===e.key&&O.value&&D()}),document.addEventListener("keydown",L.value))}),(e,t)=>{const o=(0,a.up)("Icon"),n=(0,a.up)("BaseImage");return(0,a.wg)(),(0,a.j4)(a.uT,{name:"clt-transition"},{default:(0,a.w5)(()=>[O.value?((0,a.wg)(),(0,a.iD)("div",{key:0,class:(0,a.C_)(["cross-link-teaser",[{"-has-offset":(0,a.SU)(l)}]]),style:(0,a.j5)((0,a.SU)(b)),role:"region","aria-label":(0,a.SU)(C)["modules.cross_link_teaser.description"]},[(0,a._)("article",v,[(0,a._)("button",{type:"button",class:"cross-link-teaser__close-button","aria-label":(0,a.SU)(C)["modules.cross_link_teaser.close"],onClick:D},[(0,a.Wm)(o,{name:"close",class:"cross-link-teaser__close-button-icon"})],8,p),t[2]||(t[2]=(0,a.Uk)()),(0,a._)("a",{href:N.value.url,class:"cross-link-teaser__link",onClick:(0,a.iM)(R,["stop"])},[(0,a._)("div",y,["video"===N.value.medium.type?((0,a.wg)(),(0,a.j4)(s.default,(0,a.dG)({key:0},N.value.medium,{"play-button":!1,"show-poster":!1,controls:!1,autoplay:!0,muted:!0,loop:!0}),null,16)):((0,a.wg)(),(0,a.j4)(n,(0,a.dG)({key:1},N.value.medium,{variant:"crop16x9"}),null,16))]),t[1]||(t[1]=(0,a.Uk)()),(0,a._)("div",f,[(0,a._)("div",{href:N.value.url,class:"navigation-link navigation-link--extra-small navigation-link--small-icon navigation-link--centered-icon navigation-link--flex navigation-link--parent-hover"},[(0,a._)("div",g,(0,a.zw)(N.value.title),1),t[0]||(t[0]=(0,a.Uk)()),(0,a.Wm)(o,{name:"angle-right",class:"navigation-link__icon"})],8,k)])],8,m)])],14,c)):(0,a.kq)("v-if",!0)]),_:1})}}});const w=(0,l(3744).Z)(b,[["__scopeId","data-v-65f4d248"]])}}]);