https://www.farjestadbk.se/assets/VideoHero-lMJBShza.js

1import{S as G,a0 as X,ay as $,r as h,o as A,cc as B,bY as D,n as O,a5 as F,w as ee,aJ as ae,j as b,_ as te,u as oe,da as ie,cp as ne,z as le,B as P,C as s,D as u,E as x,I as R,J as v,Z as V,Q as H,N as L,F as N,K as j,O as J}from"./index-hvL1RMA4.js";import{I as re}from"./ImageRenderer-C8KN8izk.js";const se={name:"VideoHero",components:{ImageRenderer:re,SdpStreamlineIcon:X,SyButton:G},props:{siteSection:{type:Object,required:!0}},setup(d){const l=b(()=>{var a;return(a=d.siteSection)==null?void 0:a.config}),C=ae(),e=$("headerOffset",0),c=h(C.value==="reduce"),f=h(!0),I=h(!1),t=h(null),E=h(""),m=h("");let n=null,w=0;const p=()=>{n&&(n.destroy(),n=null)},y=async(a,i)=>{if(!t.value)return;const{default:r}=await te(async()=>{const{default:o}=await import("./hls-CWrIGcEr.js");return{default:o}},[]);r.isSupported()?(p(),n=new r({autoStartLoad:!0}),n.loadSource(a),n.attachMedia(t.value),n.on(r.Events.MANIFEST_PARSED,()=>{!c.value&&t.value&&t.value.play().catch(()=>{})}),n.on(r.Events.ERROR,(o,U)=>{U.fatal&&(U.type===r.ErrorTypes.NETWORK_ERROR&&w<1?(w+=1,i==null||i()):U.type===r.ErrorTypes.MEDIA_ERROR?n==null||n.recoverMediaError():p())})):t.value.canPlayType("application/vnd.apple.mpegurl")&&(t.value.src=a,c.value||t.value.play().catch(()=>{}))},_=async()=>{var i;const a=(i=l.value)==null?void 0:i.video;if(a)try{const r=new B(a),o=await D().renderMedia(r,!1);o!=null&&o.playbackUrl&&(m.value=o.playbackUrl,await O(),await y(o.playbackUrl,_),t.value&&(t.value.muted=f.value))}catch{}};A(async()=>{var i;const a=(i=l.value)==null?void 0:i.video;if(a)try{const r=new B(a),o=await D().renderMedia(r,!1);o!=null&&o.url&&(E.value=o.url),o!=null&&o.playbackUrl&&(I.value=!0,m.value=o.playbackUrl,c.value||(await O(),await y(o.playbackUrl,_),t.value&&(t.value.muted=f.value)))}catch{}}),F(()=>{p()});const T=async()=>{t.value&&(c.value?(c.value=!1,!n&&m.value?(await y(m.value,_),t.value&&(t.value.muted=f.value)):t.value.play().catch(()=>{})):(c.value=!0,t.value.pause()))},z=()=>{t.value&&(f.value=!f.value,t.value.muted=f.value)};ee(C,a=>{a==="reduce"&&!c.value&&t.value&&(c.value=!0,t.value.pause())});const k=h(null),g=h(0),S=()=>{k.value&&(g.value=Math.round(k.value.getBoundingClientRect().top+window.scrollY))};A(()=>{O(S),window.addEventListener("resize",S),window.addEventListener("orientationchange",S)}),F(()=>{window.removeEventListener("resize",S),window.removeEventListener("orientationchange",S)});const K=b(()=>{const a=l.value;if((a==null?void 0:a.heightMode)==="full"){const M=oe(e)||0;return{"--slide-full-height":`calc(100dvh - ${g.value>0&&g.value<=250?g.value:M}px)`}}const i={},r=M=>{if(M)return/^\d+(\.\d+)?$/.test(M)?`${M}px`:M},o=r(a==null?void 0:a.maxHeightLg),U=r(a==null?void 0:a.maxHeightSm);return o&&(i["--slide-max-height"]=o),U&&(i["--slide-max-height-sm"]=U),i}),Y=b(()=>{var a;return((a=l.value)==null?void 0:a.textAlign)==="left"?"text-left text-align-left":"text-center"}),q=b(()=>{var a;return((a=l.value)==null?void 0:a.headingUppercase)??!0}),Q=b(()=>{var a;return((a=l.value)==null?void 0:a.textUppercase)??!1}),W=b(()=>{var i;const a=(i=l.value)==null?void 0:i.buttonLinkUrl;return a?ie(a)&&!a.includes("https://")&&!a.includes("http://")?ne(a,!0):a:""}),Z=b(()=>{var a;return(a=l.value)!=null&&a.buttonLinkUrlOpenInNewTab?"_blank":"_self"});return{config:l,prefersReducedMotion:C,headerOffset:e,isPaused:c,isMuted:f,hasVideo:I,videoEl:t,thumbnailUrl:E,heroContainer:k,togglePlayback:T,toggleMute:z,heroHeightStyle:K,textAlignClass:Y,headingUppercase:q,textUppercase:Q,buttonUrl:W,buttonTarget:Z}}},ce=["aria-label"],de={key:2,class:"video-wrapper"},ue=["poster","title"],ve={key:3,class:"overlay"},fe={key:2,class:"carousel-btn-container carousel-btn-desktop"},ge={key:3,class:"carousel-btn-container carousel-btn-mobile"},he=["aria-label"],me=["aria-label"],be=["aria-label"];function pe(d,l,C,e,c,f){var m,n,w,p,y,_,T,z,k;const I=P("image-renderer"),t=P("sy-button"),E=P("sdp-streamline-icon");return s(),u("div",{ref:"heroContainer",class:H(["video-hero-container relative",[e.prefersReducedMotion==="reduce"?"motion-reduced":"",((m=e.config)==null?void 0:m.heightMode)==="full"?"full-height":""]]),style:V({marginTop:e.headerOffset>0?`${e.headerOffset}px`:void 0}),role:"region","aria-label":d.$t("video_hero.video_label")},[x("div",{class:"video-hero-inner",style:V(e.heroHeightStyle)},[(n=e.config)!=null&&n.backgroundImage?(s(),R(I,{key:0,"media-string":e.config.backgroundImage},null,8,["media-string"])):v("",!0),e.thumbnailUrl&&!((w=e.config)!=null&&w.backgroundImage)?(s(),u("div",{key:1,class:"thumbnail-bg",style:V({backgroundImage:`url(${e.thumbnailUrl})`}),"aria-hidden":"true"},null,4)):v("",!0),e.hasVideo?(s(),u("div",de,[x("video",{ref:"videoEl",class:"video-element",muted:"",loop:"",playsinline:"",poster:(p=e.config)!=null&&p.backgroundImage?"":e.thumbnailUrl,title:d.$t("video_hero.video_label"),"aria-hidden":"true"},null,8,ue)])):v("",!0),((y=e.config)==null?void 0:y.hasOverlay)!==!1?(s(),u("div",ve)):v("",!0),x("div",{class:H(["text z-20",e.textAlignClass])},[(_=e.config)!=null&&_.heading&&e.config.heading.trim()?(s(),u("h2",{key:0,class:H(["carousel-header",{uppercase:e.headingUppercase}])},L(e.config.heading),3)):v("",!0),(T=e.config)!=null&&T.subHeading&&e.config.subHeading.trim()?(s(),u("p",{key:1,class:H(["carousel-subheader",{uppercase:e.textUppercase}])},L(e.config.subHeading),3)):v("",!0),(z=e.config)!=null&&z.buttonLabel?(s(),u("div",fe,[N(t,{primary:"",size:"big",href:e.buttonUrl,target:e.buttonTarget},{default:j(()=>[J(L(e.config.buttonLabel),1)]),_:1},8,["href","target"])])):v("",!0),(k=e.config)!=null&&k.buttonLabel?(s(),u("div",ge,[N(t,{primary:"",size:"medium",href:e.buttonUrl,target:e.buttonTarget},{default:j(()=>[J(L(e.config.buttonLabel),1)]),_:1},8,["href","target"])])):v("",!0)],2)],4),e.hasVideo?(s(),u("div",{key:0,class:"video-controls",role:"group","aria-label":d.$t("video_hero.controls_label")},[x("button",{type:"button",class:"video-control-toggle","aria-label":e.isMuted?d.$t("video_hero.unmute_video"):d.$t("video_hero.mute_video"),onClick:l[0]||(l[0]=(...g)=>e.toggleMute&&e.toggleMute(...g))},[(s(),R(E,{key:e.isMuted?"muted":"on",icon:e.isMuted?"volumeMuted":"volumeOn",size:16,"aria-hidden":"true"},null,8,["icon"]))],8,me),x("button",{type:"button",class:"video-control-toggle","aria-label":e.isPaused?d.$t("video_hero.play_video"):d.$t("video_hero.pause_video"),onClick:l[1]||(l[1]=(...g)=>e.togglePlayback&&e.togglePlayback(...g))},[(s(),R(E,{key:e.isPaused?"play":"pause",icon:e.isPaused?"videoPlay2":"pauseIcon",size:16,"aria-hidden":"true"},null,8,["icon"]))],8,be)],8,he)):v("",!0)],14,ce)}const Me=le(se,[["render",pe],["__scopeId","data-v-5508cb0a"]]);export{Me as default};