https://www.tesa.com/relaunch2020/build/base-video.4a5ce9dc.js

1"use strict";(globalThis.webpackChunktesa_2016=globalThis.webpackChunktesa_2016||[]).push([[4388],{5274:(e,l,t)=>{t.r(l),t.d(l,{default:()=>c});var a=t(5166),o=t(7105),i=t(7651),n=t(7345);const r={class:"responsive-video"},u={class:"responsive-video__video-wrapper",ref:"videoContainer"},s=["preload","controls","controlslist","autoplay","muted","loop","aria-label","aria-hidden","title"],d=["media","src","type"],v={class:"play-button__inner"},p=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,l){var t;let{expose:p,emit:c}=l;const y=window.matchMedia("(prefers-reduced-motion: reduce)").matches,f=null===(t=(0,a.FN)())||void 0===t?void 0:t.proxy,m=(0,a.iH)(null),g=e,b=c,S=(0,a.f3)("stageSliderState",null),{labelStore:_}=(0,o.b)({labelsRequired:["global"]}),h=(0,a.iH)(!1),k=(0,a.iH)(null),w=(0,a.iH)(!1),B=(0,a.iH)(null),q=(0,a.iH)(null),$=(0,a.iH)(null),H=(0,a.iH)(null),E=(0,a.Fl)(()=>{var e;const l=null==S||null===(e=S.getCurrentSlide)||void 0===e?void 0:e.call(S);return"number"==typeof g.stageSliderSlideIndex&&"number"==typeof l?l!==g.stageSliderSlideIndex:g.freeze}),F=(0,a.Fl)(()=>parseFloat(g.aspectRatio)<1),L=(0,a.Fl)(()=>g.autoplay&&g.loop&&g.muted&&!g.controls),T=(0,a.Fl)(()=>{var e;return g.description||(L.value?null===(e=_.value)||void 0===e?void 0:e["global.mood_video_description"]:null)}),C=(0,a.Fl)(()=>L.value&&y),I=(0,a.Fl)(()=>g.sources.slice().sort(function(e,l){return e.isMobile!==l.isMobile?e.isMobile?1:-1:e.mimeType!==l.mimeType?"video/webm"!==e.mimeType?1:-1:0}));function N(){return B.value||m.value||f.$el.querySelector("video")}function O(){const e=f.$el.querySelector("[data-responsive-video-mood-poster]"),l=f.$el.querySelector("[data-responsive-video-poster]");if(e&&(e.hidden=!C.value),!l)return;l.hidden=C.value||h.value;const t=l.querySelector("[data-responsive-video-poster-image]");t&&(t.hidden=w.value)}function P(){var e;E.value||C.value||(null===(e=N())||void 0===e||e.play())}function j(){var e;null===(e=N())||void 0===e||e.pause()}function M(e){let{target:{currentTime:l,duration:t}}=e;k.value=Math.floor(l/t*g.progressSteps)}function x(){if(E.value)return j();h.value=!0,w.value=!1,O(),b("startplaying")}function D(){h.value=!1,w.value=!0,O(),b("stopplaying")}function U(){h.value=!1,w.value=!1,O(),b("stopplaying"),b("ended"),k.value=null}function z(e){e.preventDefault(),P()}return(0,a.bv)(()=>{var e,l;B.value=m.value||f.$el.querySelector("video"),f.$el.querySelector("[data-responsive-video]")&&(B.value=f.$el.querySelector("[data-responsive-video]"),q.value={play:x,pause:D,timeupdate:M,ended:U},Object.entries(q.value).forEach(e=>{let[l,t]=e;B.value.addEventListener(l,t)}),$.value=f.$el.querySelector("[data-responsive-video-poster]"),null===(l=$.value)||void 0===l||l.addEventListener("click",z)),O(),Object.prototype.hasOwnProperty.call((null===(e=N())||void 0===e?void 0:e.dataset)||{},"autoplay")&&!C.value&&(H.value=new IntersectionObserver(e=>{let[l]=e;l.isIntersecting?h.value||P():h.value&&j()}),H.value.observe(f.$el))}),(0,a.Jd)(()=>{var e,l;B.value&&q.value&&Object.entries(q.value).forEach(e=>{let[l,t]=e;B.value.removeEventListener(l,t)}),null===(e=$.value)||void 0===e||e.removeEventListener("click",z),null===(l=H.value)||void 0===l||l.disconnect()}),(0,a.YP)(k,()=>{if(g.progressSteps>0&&"number"==typeof k.value){b("progress",k.value);const e=k.value/g.progressSteps*100;if(isNaN(e)||e<0||e>100)return;const l={name:"",details:{video_title:g.trackingLabel}};0===e?l.name="video_start":100===e?l.name="video_complete":(l.name="video_progress",l.details.video_progress=`${e}%`),i.Ng.trackGa4Event(l)}}),(0,a.YP)(E,()=>{E.value&&j(),E.value||!g.playAfterUnfreeze||C.value||P()}),p({playing:h,play:P,pause:j}),(l,t)=>{const o=(0,a.up)("Icon");return(0,a.wg)(),(0,a.iD)("div",r,[(0,a._)("div",u,[(0,a._)("video",{ref_key:"video",ref:m,preload:e.preload,class:(0,a.C_)({"mobile-aspect-ratio":F.value}),controls:e.controls,controlslist:e.controlsList,autoplay:e.autoplay&&!C.value,muted:e.muted,loop:e.loop,"aria-label":L.value?null:T.value,"aria-hidden":L.value?"true":null,title:L.value?" ":e.description,onPlay:x,onPause:D,onTimeupdate:M,onEnded:U,playsinline:""},[((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(I.value,(e,l)=>((0,a.wg)(),(0,a.iD)("source",{key:`video-src-${l}`,media:e.minWidth?`(min-width: ${e.minWidth})`:"",src:e.path,type:e.mimeType},null,8,d))),128))],42,s)],512),t[0]||(t[0]=(0,a.Uk)()),e.poster&&e.showPoster&&!w.value&&!h.value||C.value?((0,a.wg)(),(0,a.j4)((0,a.SU)(n.Z),(0,a.dG)({key:0},e.poster,{preload:"metadata",class:"responsive-video__poster",onClick:z}),null,16)):(0,a.kq)("v-if",!0),t[1]||(t[1]=(0,a.Uk)()),e.playButton&&!h.value?((0,a.wg)(),(0,a.iD)("div",{key:1,class:"play-button",onClick:z},[(0,a._)("div",v,[(0,a.Wm)(o,{name:"play-fill"})])])):(0,a.kq)("v-if",!0)])}}});const c=(0,t(3744).Z)(p,[["__scopeId","data-v-420d4ad4"]])}}]);